Gamcho's Blog Gamcho's Blog

-jQuery모든 브라우저에서 동작하는 자바스크립트 라이브러리 -장점DOM과 관련된 처리이벤트 연결시각적 효과Ajax 웹 개발 -사용법CDN(Content Delivery Network) - HTML페이지에서 -body 태그 접근 Lorem ipsum Lorem ipsum dolor sit amet. Header-0 Header-1 Header-2 Header-0 Header-1 Header-2 Header-0 Header-1 Header-2 -부모 > 자식 Apple Bag Cat Dog Elephant -input태그 -select태그 Apple Bag Cat Dog Elephant 이름혈액형지역 강민수AB형서울특별시 송파구 구지연B형미국 캘리포니아 김미화AB형미국 메사추세츠 -.each() 반복문 ..

메시지 출력 기본 설정법먼저 messageSource를 빈으로 등록한다.message 패키지의 위치한 error, label.properties 파일message.errormessage.label 메시지 출력 커스텀 태그 사용예시 -label.propertiesemail=이메일password=암호 login.form.title=로그인 폼login.form.login=로그인login.form.help=이메일/암호로 yuna@yuna.com/yuna 입력 테스트login.form.type=로그인 유형 greeting={0} 회원님, {1} //{숫자}로 변하는 부분을 명시 @RequestMapping("/hello")public String hello(Model model, @RequestParam(valu..

컨트롤러의 처리 결과가 뷰로 전달되는 과정@Controller 클래스 포함한 모든 웹 요청을 처리하는 객체를 '핸들러'라고 한다. HandlerAdapter는 핸들러의 실행 결과를 DispatcherServlet이 요구하는 ModelAndView로 변환해준다.(ex. 컨트롤러 메서드가 String을 리턴하는 경우)DispatcherServlet은 ViewResolver를 사용하여 출력할 View 객체를 구한 후 내용을 생성한다. ViewResolver컨트롤러가 지정한 뷰 이름으로 View 객체를 구한다.View 객체에는 컨텐트 타입(text/html)을 리턴하는 getContenType() 메서드와파라미터로 모델과 요청/응답 객체를 갖는 render()메서드가 있다. -ViewResolver 구현 클래스..

기본 자료형 - 숫자, 문자열, 불리언기본 자료형과 객체는 다르다. (숫자 자료형과 객체 자료형을 연산하면 결과가 달라지므로 주의) 기본 자료형에 속성이나 메서드를 사용하면 자동으로 객체로 변환된다.(일회용, 사용시 한번만 변환)->prototype으로 완전히 바꿀수 있다.단, 기본 자료형이 속성이나 메서드를 가질 수는 없다. (객체가 아니기 때문에) 기본 내장객체 메서드는 w3schools 사이트를 참고한다. -Object 객체 생성var object = {};var object = new Object(); -typeof : constructor를 이용한 기본 자료형과 객체 자료형 검사 -소수점 자릿수 -함수는 속성과 메서드를 갖는다. -MAX_VALUE : 자바스크립트 최대 숫자 -String.len..

웹 브라우저와 관련된 객체의 집합이다.window, location, navigator, history, screen, (document) 등 -window 관련 객체 출력 -window.open() : 새창 열기 -window.open() : 윈도우 객체에 추가 입력 -setTimeout() : 타이머 메서드 -clearInterval() : 시간 간격 -moveBy

DOM은 웹브라우저가 HTML 페이지를 인식하는 방식DOM을 사용해서 HTML 페이지에 태그를 추가/수정/제거xml/json 등의 데이터를 클라이언트 측에서 받아서 처리하는 경우에 주로 쓰인다. HTML 페이지는 정적인데 자바스크립트로 문서 객체를 생성하는 것은 동적이다. - createElement(태그 이름) / createTextNode(문자) -createElement / appendChild : 에 이미지 넣기 -innerHTML -getElementById(특정 id의 태그만 적용) Header Header -getElementsByTagName(문서 내 태그 전체 적용) Header Header -getElementById를 이용한 해당 문서 객체의 스타일 적용 Header -removeCh..

-이벤트 종류마우스 / 키보드 / HTML프레임 / HTML 입력 양식 / 유저 인터페이스/ 구조 변화 / 터치 이벤트 -이벤트 모델문서 객체에 이벤트를 연결하는 방법 -이벤트 핸들러이벤트를 처리하는 함수? -onclickClick Click Click -onclick 이벤트 전파(이중 submit) 버블링: 어떤 이벤트가 자식노드에서 부모 노드 순으로 발생하는 것 Pagagraph -onclick 이벤트 전파 방지 stopPropagation / cancelBubble(익스플로러 전용) Pagagraph -onsubmit 이름 비밀번호 비밀번호 확인 -onsubmit : return 이름 비밀번호 비밀번호 확인 -attachEvent(익스플로러 전용) Click -detachEvent Click -ad..

@RequestBody / @ResponseBody으로 요청/응답 데이터 변환하기웹브라우저와 웹 서버 간 데이터를 주고 받는 http 프로토콜의 request와 response는 모두 헤더와 몸체로 구성되어있다.헤더에는 설정 정보가 저장되고 몸체에는 타입을 가진 객체가 데이터로 담긴다. 뷰 클래스나 HttpServlerResponse에 직접 응답을 생성하는 방법 대신request/response 몸체에 담긴 데이터를 @RequestBody / @ResponseBody으로 간단하게 변환할 수 있다. @RequestBody / @ResponseBody는 각각 요청/응답 몸체와 관련되어 있다.예를들어 @RequestBody는 요청 파라미터의 문자열을 자바의 스트링 타입으로 변환하거나 JSON 형식을 자바 객체..