window 객체 브라우저 개발을 하다 보면, window라는 객체가 있습니다. window에는 많은 메서드들이 존재하며, 아래처럼 사용할 수 있습니다. window는 디폴트의 개념이므로 생략할 수 있습니다.window.setTimeout() setTimeout() //window는 전역객체라서 생략 가능하다. 또 다른 ex) window.elert() setTimeout() 실행 순서 예제1) 1 2 3 4 5 6 7 8 9 10 function run(){ console.log("run start"); setTimeout(function(){ var msg = "hello codesquad"; console.log(msg); },3000); console.log("run end"); } run(); ..
워크스페이스\.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는 약속..
엘리먼트가 배치되는 방식 엘리먼트를 화면에 배치하는 것을 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, ..
수업에 앞서 - 서블릿 생명주기를 확인할 수 있는 LifecycleServlet을 작성 - HttpServlet의 3가지 메소드를 오버라이딩 init() service(request, response) destroy() 프로젝트 생성(name : lifecycle) -> lifcycle 오른쪽 클릭 -> new -> servlet java pakage: examples class name : LifecycleServlet -> next URL mappings 그대로 -> next doGet(), doPost() 체크해제 init(), destory(), service() 체크 -> 생성 아래와 같이 코드 작성 LifecycleServlet.java 1 2 3 4 5 6 7 8 9 10 11 12 13 1..
Servlet 작성 방법 1. Servlet 3.0 spec 이상에서 사용하는 방법 web.xml 파일을 사용하지 않습니다. 자바 어노테이션(annotation)을 사용합니다. 앞에서 실습했던 first web에서 사용합니다. 2. Servlet 3.0 spec미만에서 사용하는 방법 servlet을 등록할 때 web.xml 파일에 등록합니다. Servlet 3.0 spec 이상에서 사용하는 방법 - Servlet 3.1spec으로 exam31 라는 프로젝트 생성 - 해당 프로젝트에 1부터 10까지 출력하는 TenServlet 작성 - http://localhost:8080/exam31/ten 로 주소 설정 new -> Dynamic web project Project Name : exam31 Dynami..
자바 웹 어플리케이션(Java Web Application) - WAS에 설치(deploy) 되어 동작하는 어플리케이션 - 자바 웹 어플리케이션에는 HTML, CSS, 이미지, 자바로 작성된 클래스(Servlet도 포함됨, package, 인터페이스), 각종 설정 파일 등이 포함된다. 자바 웹 어플리케이션의 폴더 구조 WEB-INF 폴더(반드시 존재하는 폴더) -web.xml파일(배포기술자, application에 대한 정보를 다 가지고 있는 파일, servlet 3.0 미만에서는 필수, 3.0이상에서는 어노테이션을 사용) - lib 폴더 각종 jar 파일들 -classes 폴더 각종 java 패키지, classes들 - 각종 폴더, 이미지 등 앞 시간에 했던 firstweb 폴더를 열어보면 위와 같은 ..
- Total
- Today
- Yesterday
- 파이썬 클래스
- 파이썬 리스트
- 파이썬 연산자
- 명품 c++ 실습
- 파이썬 예제
- 파이썬 for
- 파이썬 함수
- 버츄어박스
- 파이썬 선택문
- 웹
- 백준
- 파이썬 문자열
- 자바스크립트 그래프
- 자바 에센셜 실습문제
- css 박스
- 백준 1874
- 파이썬 진수 변환
- 파이썬 터틀
- 자료구조
- 파이썬 객체
- 파이썬 if문
- 자바
- 파이썬 단계적 개선
- 백준 11501
- css
- 파이썬
- 파이썬 while
- 자바스크립트 자료구조
- 백준 10451
- css 그리드
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |