개인코딩공부방

[AS-IS] spring mvc(java-configuration)+tiles+jsp -> [TO-BE] spring boot+embeddedTomcat+jsp+tiles 변환 결과 1) WebApplicationInitializer -> SpringBootServletInitializer로 변경 2) jndi(datasource)가 기존에 context.xml에 정의 되어있으면 해당 파일을 embedded Tomcat에서 불러올 수 없음(외장 tomcat인 경우 가능) 따라서 TomcatEmbeddedServletContainerFactory와 jndiDataSource bean을 정의 해야함 3) 기존에 작성하여 추가한 filter는 별도의 bean을 통해 정의 해야함 filterRegisterat..

Spring 프로젝트를 이용하는 웹 프로그래머라면 파일 업로드,DB조회, ajax호출을 위해 xml파일에 설정을 추가해 줘야한다. 필자도 매번 어떤걸 써야했더라 하면서 인터넷을 뒤지곤 했는데 번거롭지 않게 미리글을 작성해둔다. 위의 설정을 하기 위해선 pom.xml파일을 수정하여 필요한 라이브러리를 직접 추가든 자동 추가든 어떻게든 추가하여야 한다. 해당 라이브러리는 다음 링크에 소개되어 있다. ☞pom.xml 설정하기

[pom.xml] com.fasterxml.jackson.core jackson-core 2.7.0 com.fasterxml.jackson.core jackson-databind 2.7.0 com.fasterxml.jackson.core jackson-annotations 2.7.0 [서블릿 설정 xml ] spring 3.x 이상, jackson 2.x이상 은 MappingJackson2JsonView, 그외에는 MappingJacksonJsonView 클래스 명을 사용한다. [controller 예시] /** * ajax컨트롤러 예시 */ @RequestMapping(path = "init", method = RequestMethod.GET, produces="application/json;chars..

◎ 좌표 구하기 (지역좌표, 전역좌표의 차이는 CSS 정리 부분 참조)지역좌표 : $대상.position().left, top지역좌표 설정 : 대상.css(); 전역좌표 : $대상.offset().left, top$대상.offset({left:xxx, top:xxx}); 부모좌표: $대상.offsetParent(); ========================================================== ◎ 요소의 크기========================================================== ◎ 윈도우 창 관련 console.log('screen');console.log(screen.width);console.log(screen.height); console..

● 속성 찾기 TEST console.log($('div').attr('title'));//속성 변경console.log($('div').attr('title', '99999')); //'data-' 형식으로 시작하는 속성인 경우 jquery에서 지원하는 .data()를 사용console.log($('div').data('testingAttribute'));console.log($('div').data('testingAttribute', '112223333444445555666677778888999999000000')); ========================================================== ◎ 이벤트 ◎ event- mouseEvent클릭 발생시 MouseEvent 객..

·●◎※ =================================================== 값을 선언하는 경우 '',"" 두가지 모두 가능하나 기본적으로 ''를 통해 선언 ※변수명 선언시 주의사항 - 숫자시작 금지 - 대소문자 구분됨 - 소문자로 시작 - 상수일 경우 모두 대문자 - 여러단어 조합일 경우 CamelCase 작성 - 예약어(키워드) 사용 금지 - $기호, _기호 사용 가능 ●형변환 - parseInt(),parseFloat(),Number(),String(), toFixed() ==================================================== ●타이머 함수 - setInterval() : 일정 시간마다 주기적으로 특정구문 실행 - setTimeout(..

========================================== native : 고정형hybrid : 모듈 추가제거 반응형 웹 : pc, 모바일용으로 기기에 최적화- 보통 2개를 만들며, 스타일 변경으로 조절 가능 ◎검색 엔진에 도움 주는 태그 태그 ●모바일, pc에 따른 동적 스타일 적용 ? @media screen([min/max]-width xxxpx){처리할 스타일} ●프린트시 처리할 옵션 ? @media print {처리할 스타일} ●가로, 세로일 경우 처리할 스타일 @media screen and (orientation: portrait){body {... }...}@media screen and (orientation: landscape){body {... }...}

============================================== ◎CSS 3 단위 - 키워드- 크기- 색상- URL ● 키워드 - 자동완성 기능 ● 크기pixel(절대 값), em(상대 값), %(상대 값) 등 - em은 배율을 나타내는 단위이며 앞서 나타난 고정 값의 배수가 된다. ● 색상- rgb(red,green,blue) : 기본 3원색 색상- rgba(red,green,blue,alpha) : rgb에서 투명도 조절 추가- hex 코드 단위 : #000000 ● URL 단위 url(링크 주소)링크주소 사용시 쿼테이션(',")으로 감싸주어야 한다.- 외부 링크를 참조하여 대상 호출=============================●컴포넌트 position ●padding●bo..

●HTML - 요소 : 제목, 본문, 이미지 등 HTML 페이지에 존재하는 것- 태그 : 요소를 사용하는 기호·- 속성 : 태그 내부에 추가정보를 부여할 때 사용 : body에 필요한 스타일시트, 자바스크립트 제공하는데 사용 : 사용자에게 실제로 보여지는 영역 ●Javascript 웹페이지에서 사용자 반응 등을 처리 - 내부 자바스크립트 : html 페이지 내부에 코드 입력 - 외부 자바스크립트 : 외부에서 코드를 불러와 사용 ●특수문자- : 공백- <: - &: & ●줄바꿈 : ●수평줄 : ●링크(페이지 이동)- target 속성 : 그 이외의 페이지로 이동시 보여줄 페이지http를 사용하는 경우 : 절대경로(도메인)이며 서로다른 legacy,저장소에 존재하는 페이지를 호출하는 경우 ●글자 태그는 중첩..

●정보시스템 : 조직체에 필요한 데이터를 수집, 저장해 두었다가 필요시 처리하여 의사결정에 유용한 정보를 생성하고 분배하는 수단●자료 : 가공되지 않은 사실이나 결과값●정보 : 의사결정에 도움을 줄 수있는 유용한 형태, 자료를 가공한 결과물 자료-->(가공)-->정보 ●데이터 베이스 : 다수의 사용자들이 공용으로 사용하기 위해 통합, 저장된 운영 데이터의 집합 - 데이터 베이스 특징 : 실시간 접근성지속적인 변화동시공유내용에 의한 참조 ●DBMS : 사용자와 데이터베이스 사이에서 사용자의 요구에 따라 정보를 생성해 주고 데이터베이스를 관리해주는 소프트웨어종속성 해결 : 응용 프로그램과 데이터 파일이 상호 의존적인 관계중복성 해결 - DBMS 필수 기능 :정의 : 데이터형, 제약 조건조작 : 데이터 검색,..