Andamiro25

자바스크립트의 버전 자바스크립트 버전은 ECMAScript(줄여서ES)의 버전에 따라서 결정되고, 이를 자바스크립트 실행 엔진이 반영합니다. ES5, ES6(ES2015).. 이런 식으로 버전을 일컫습니다. 2018년을 중심으로 ES6를 지원하는 브라우저가 많아서 몇 년간 ES6 문법이 표준으로 쓰이고 있습니다. ES6는 ES5문법을 포함하고 있어 하위호환성 문제가 없습니다. 다만 feature별로 지원하지 않는 브라우저가 있을 수 있어 조심해야 합니다. 변수 변수는 var, let, const로 선언 할 수 있다. 어떤 것을 사용하는 가에 의해서 scope라는 변수의 유효범위가 달라진다. 우선 var를 사용해서 변수를 선언해 확인해보자 let과 const는 ES6에 있는 기능, var를 많이 사용한다...

position 레이아웃 - 일반 배치나 float 배치는 소스 코드 나열 순과 브라우저 표시 순으로 연동하기 때문에 어느정도 제약이 따른다. - position 속성을 이용하면 순서에 상관없이 자유로운 레이아웃을 구성 할 수 있다. - position은 표시 위치를 지정하는 방법을 나타내는 속성이며 디폴트값은 static이다. - static은 일반 배치(여태 작성해온 방식)을 의미한다. -이를 absolute(절대 배치)로 변경하면 프리 레이아웃이 가능해진다. 절대 배치의 구조 - position : absolute;가 설정되면 그 콘텐츠는 기본 콘텐츠 배치의 흐름에서 벗어나 '기준 박스'를 지점으로 자유롭게 배치된다. - 기본 배치때 표시될 영역이 없어지고 후속 콘텐츠로 채워진다. - 마치 보통 H..

워크스페이스\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\work\Catalina\localhost\프로젝트 폴더명\org\apache\jsp 에 가면 JSP파일이 서블릿으로 바뀐 파일을 확인 할 수 있다. WAS에 따라 약간 다른 이름으로 선언되어 있을 수 있지만, 앞시간에 배웠던 Init(), Destroy(), Service() 라는 글자가 들어간 메소드들을 확인 할 수 있다. (톰캣 기준 _jspService()) Service()안에 우리가 코드를 작성해 클라이언트에게 제공한다. java파일로 바뀐 sum10.java를 열어 _jspService() 확인해 보면 앞 게시물 작성했던 10까지의 합 코드를 확인 할 수 있다. sum10.jsp가 실행 ..

JSP 등장 배경 마이크로소프트에서 ASP(Active Server Page)라는 쉽게 웹을 개발할 수 있는 스크립트(script) 엔진을 발표함 (1998년) 1997년에 발표된 서블릿은 ASP에 비하여 상대적으로 개발 방식이 불편함 ASP에 대항하기 위하여 1999년 썬마이크로시스템즈에서 JSP를 발표 JSP는 실제로 서블릿 기술을 사용 => JSP는 서블릿으로 바뀌어서 실행된다. 바뀐 서블릿이 실행되는 것, 서블릿으로 바뀐 뒤 서블릿의 라이프사이클과 똑같은 방식으로 실행된다. 프로젝트 폴더 -> WebContent라는 폴더에 jsp 파일을 위치시킨다. 디렉토리를 따로 만들어서 관리할 수 도 있다. WebContent 오른쪽 클릭 -> new -> JSP file -> sum10.jsp JSP는 약속..

1. boards.zip 다운로드 및 압축해제 2. 프로젝트 생성 sts → import → Maven → Exisiting maven project → browse → boards → board -→ finish 실행 후 http://localhost:8080/boards/list 들어가면 템플릿이 등장한다. 3.Controller 생성 /register에 등록을 할때 무조건 controller부터 구현한다. *WebBoardController.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 package kr.ac.ks.board; import org.s..

float 레이아웃 - float를 배치하지 않은 경우 블록 요소인 각 콘텐츠는 소스 코드의 순서대로 위에서 아래로, 즉 세로로 표시한다. - float가 설정된 블록은 배치 흐름에서 벗어나 왼쪽 또는 오르쪽에 섬처럼 떠 있는 상태가 된다. - 즉, float를 사용하지 않으면 세로로 놓이는 콘텐츠를 float을 사용하여 옆으로 놓을 수 있다는 뜻이다. - 일반적으로 왼쪽에 배치하고 싶은 것은 float:letf; 오른쪽은 float:right; 라고 설정한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 header{ background-color :#ff0000; } #left{ width:500px; background-color:#d1ec56; float:..

엘리먼트가 배치되는 방식 엘리먼트를 화면에 배치하는 것을 layout 작업이라고도하고, Rendering 과정이라고도 합니다. 편의상 우리는 배치라고 할겁니다. 엘리먼트는 위에서 아래로 순서대로 블럭을 이루며 배치되는 것이 기본이빈다. 하지만 웹사이트의 배치는 다양한게 표현가능해야 하기 때문에, 이를 다양한 방식으로 배치할 수 있도록 css에는 추가적인 속성을 제공합니다. 중요하게 이해해야 할 속성은 다음과 같습니다. - display(block, inline, inline-block) - position(static, absolute, relative, fixed) - float(left, right) 블록으로 쌓이는 엘리먼트(display : block) display 속성이 block이거나 inli..

웹브라우저에 url을 입력하고 엔터를 치면 도메인과 포트번호를 이용해 서버에 접속 패스정보, 클라이언트의 다양한 정보를 포함한 요청정보를 서버에 전달한다. 클라이언트로부터 요청이 들어오면 WAS는 HttpServletRequest, HttpServletResponse 객체를 생성 요청정보에 있는 패스로 매핑된 서블릿에게 전달한다. 이렇게 전달받은 내용들을 파라미터로 doGet, doPost등에 전달된다. 요청과 응답 WAS는 웹 브라우저로부터 Servlet요청을 받으면, 요청할 때 가지고 있는 정보를 HttpServletRequest객체를 생성하여 저장합니다. 웹 브라우저에게 응답을 보낼 때 사용하기 위하여 HttpServletResponse객체를 생성합니다. 생성된 HttpServletRequest, ..