-------------------------------자바스크립트 이벤트------------------------------------ 자바스크립트 이벤트 - HTML 엘리멘트(태그)에서 발생하는 "어떤 일"을 말한다. - 사용자가 브라우저에 표시된 웹 페이지를 대상으로 어떤 행위(키보드 입력, 마우스 클릭, 마우스 드래그, 상태변경)를 하면 HTML 웹페이지는 이벤트(객체)라는것을 발생시킨다. - javascript를 사용하면 이벤트가 발생했을 때, 이벤트 발생을 감지하고 특정한 코드(함수)를 실행할 수 있다. * 사용자의 행위발생 -> 이벤트 발생 -> 이벤트 발생 감지 -> 코드 실행 ※. 이벤트 처리 1, 이벤트 선정 -> 2. 함수정의 -> 3. 이벤트 소스에 함수 등록 이벤트 주도 개발 -..

----------------------------------boxing모델----------------------------- padding - 패딩은 여백을 지정할 수 있다. - 사이즈를 조절할때 각각 설정이 가능하다. /* top/right/bottom/left*/ #btn-1{padding:20px;} /* top/buttom right/left*/ #btn-2{padding:20px 10px;} /* top/right/button/left*/ #btn-3{padding:80px 40px 20px 10px;} #btn-4{padding-top: 80px;} border - 테두리를 설정하는 태그이다. - 사이즈 및 속성을 아래처럼 조절할 수 있다. /* 여백을 준다. */ span{padding:..

-------------------------------------java script----------------------------------- 자바스크립트 - 브라우져에서 실행되는 프로그램을 작성할 수 있다. - 하는 일 - HTML문서의 컨텐츠를 변경할 수 있다. - HTML태그의 속성값을 변경할 수 있다. - HTML문서의 스타일을 변경할 수 있다. - 사용자와 상호작용하는 프로그램을 작성할 수 있다. (이벤트 핸들링) - 서버와 데이터 교환을 하는 프로그램을 잗성할 수 있다. (Ajax 코딩) 자바스크립트 프로그램 작성하기 - script 태그 사이에 작성한다. * 브라우저가 스크립트태그 사이에 작성된 코드는 자바스크립트 엔진을 사용해서 실행시킨다. * 스타일과 스크립트가 둘다쓰이면 스타일을..

---------------------------------------------CSS---------------------------------------- CSS(Casacading Style Sheets) - HTML문서의 디자인 요소를 담당한다. - 텍스트 색상/크기, 이미지의 크기/위치, 컨텐츠의 배치 등을 다룬다 스타일의 적용방식 stryle 적용방식 - 인라인 스타일 - - 예) style 태그 - 내부 스타일 시트 - - 예) css파일 선택자 {스타일속성:스타일값; 스타일속성:스타일값; } 선택자(Selector) 스타일을 적용할 HTML요소(태그들)를 지정한다. 태그 하나가 될수도 있고, 여러 개의 태그가 될 수도 있다. 주요선택자 전체 선택자 html의 문서의 모든 요소(태그)에 적용..

---------------------------------------EBNF() 표기법----------------------------------------- EBNF(Extended Bachus-Naur Form) 표기법 A A가 반드시 한번 정의해야 한다. A+ A는 한번 이상 정의할 수 있다. A* A는 0번 이상 정의할 수 있다. A? A는 0번 혹은 1번 정의할 수 있다. A,B A 다음에 B를 정의한다. A|B A 혹은 B를 정의한다. ----------------------------------------경로---------------------------------- @RequestMapping("/경로") - 요청 핸들러 메소드와 경로를 1대1로 연결한다. - 경로는 " / "로 시작..

-------------------------------MVC model2--------------------------- model1 - 요청 하나당 JSP 하나가 필요하다. - 자바요소 + HTML 요소 * 유지보수가 어렵다 * 자바코드의 재사용성이 낮아진다. * 생상성이 떨어진다. - 요청이 분산되기 때문에 공통가능의 적응이 어렵다. - 프로젝트 수행에 필요한 추가적인 환경설정 및 교육이 필요하지 않다. model2 - MVC 패턴을 적용한 웹개발 방식 (M : model, V : view, C : controller) - Front Controller * 모든 요청 접수 * 요청을 분석해서 적절한 컨트롤러를 찾고 적절한 요청처리 메소드를 실행한다. * controller의 요청처리 완료하면 적절한..