분류 전체보기(110)
-
자바스크립트 이벤트 - 이벤트 종류, 폼, 태그 요소 조회 - value, 값 바꾸기 - textContent , innerHTML, 이벤트 종류 - onclick, onload, onchange, onkeyup, onsubmit
-------------------------------자바스크립트 이벤트------------------------------------ 자바스크립트 이벤트 - HTML 엘리멘트(태그)에서 발생하는 "어떤 일"을 말한다. - 사용자가 브라우저에 표시된 웹 페이지를 대상으로 어떤 행위(키보드 입력, 마우스 클릭, 마우스 드래그, 상태변경)를 하면 HTML 웹페이지는 이벤트(객체)라는것을 발생시킨다. - javascript를 사용하면 이벤트가 발생했을 때, 이벤트 발생을 감지하고 특정한 코드(함수)를 실행할 수 있다. * 사용자의 행위발생 -> 이벤트 발생 -> 이벤트 발생 감지 -> 코드 실행 ※. 이벤트 처리 1, 이벤트 선정 -> 2. 함수정의 -> 3. 이벤트 소스에 함수 등록 이벤트 주도 개발 -..
2019.05.21 -
부트스트랩 -- boxing모델, padding, border, float, clear, position, relative, absolute, fixed, form, table, btn,
----------------------------------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:..
2019.05.20 -
java script - 자바 스크립트 스크립트 명령어(document, getElementById, textContent, console.log), 연산자, 참/거짓, 함수(function, var), 배열(var x = []), 객체(var x = {})
-------------------------------------java script----------------------------------- 자바스크립트 - 브라우져에서 실행되는 프로그램을 작성할 수 있다. - 하는 일 - HTML문서의 컨텐츠를 변경할 수 있다. - HTML태그의 속성값을 변경할 수 있다. - HTML문서의 스타일을 변경할 수 있다. - 사용자와 상호작용하는 프로그램을 작성할 수 있다. (이벤트 핸들링) - 서버와 데이터 교환을 하는 프로그램을 잗성할 수 있다. (Ajax 코딩) 자바스크립트 프로그램 작성하기 - script 태그 사이에 작성한다. * 브라우저가 스크립트태그 사이에 작성된 코드는 자바스크립트 엔진을 사용해서 실행시킨다. * 스타일과 스크립트가 둘다쓰이면 스타일을..
2019.05.20 -
CSS 스타일의 적용 방법, 인라인 스타일, <style>태그, css파일, 선택자, 전체 선택자, 태그 선택자, 클래스 선택자, 아이디 선택자, 그룹 선택자, link rel href, 박스모델, padding, margin, margin-left
---------------------------------------------CSS---------------------------------------- CSS(Casacading Style Sheets) - HTML문서의 디자인 요소를 담당한다. - 텍스트 색상/크기, 이미지의 크기/위치, 컨텐츠의 배치 등을 다룬다 스타일의 적용방식 stryle 적용방식 - 인라인 스타일 - - 예) style 태그 - 내부 스타일 시트 - - 예) css파일 선택자 {스타일속성:스타일값; 스타일속성:스타일값; } 선택자(Selector) 스타일을 적용할 HTML요소(태그들)를 지정한다. 태그 하나가 될수도 있고, 여러 개의 태그가 될 수도 있다. 주요선택자 전체 선택자 html의 문서의 모든 요소(태그)에 적용..
2019.05.14 -
EBNF 표기법 , JSTL, IBATIS 등 경로 - @RequestMapping, 내부이동, 재요청 응답, redirect:, JSP web.xml (jsp-config, jsp-property-group, url-pattern, include-prelude, include-coda)
---------------------------------------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로 연결한다. - 경로는 " / "로 시작..
2019.05.13 -
MVC(Model, View, Controller) model1, MVC model2, FrontController, Controller, Model,
-------------------------------MVC model2--------------------------- model1 - 요청 하나당 JSP 하나가 필요하다. - 자바요소 + HTML 요소 * 유지보수가 어렵다 * 자바코드의 재사용성이 낮아진다. * 생상성이 떨어진다. - 요청이 분산되기 때문에 공통가능의 적응이 어렵다. - 프로젝트 수행에 필요한 추가적인 환경설정 및 교육이 필요하지 않다. model2 - MVC 패턴을 적용한 웹개발 방식 (M : model, V : view, C : controller) - Front Controller * 모든 요청 접수 * 요청을 분석해서 적절한 컨트롤러를 찾고 적절한 요청처리 메소드를 실행한다. * controller의 요청처리 완료하면 적절한..
2019.05.13