전체 글(101)
-
[JSP] JSP 라이프 싸이클
이전의...내용 WAS (Web Application Server)는 웹브라우저에게서 JSP에 대한 요청을 받으면 JSP코드를 --> Servlet코드로 변환 후 컴파일하여 실행됩니다. JSP LifeCycle 다른 정적파일(html/css/img)를 다이나믹 웹 프로젝트의 WebContent에 넣어주는 것처럼 jsp파일도 WebContent에 생성해서 작성합니다. sumTen.jsp를 하나 생성해보겠습니다. sumTen.jsp DOCTYPE html>Insert title here
2019.02.25 -
[JSP] JSP?
JSP 등장 배경 * 마이크로소프트에서 ASP(Active Server Page)라는 쉽게 웹을 개발할 수 있는 스크립트(script) 엔진을 발표함 (1998년) * 1997년에 발표된 서블릿은 ASP에 비하여 상대적으로 개발 방식이 불편함 * ASP에 대항하기 위하여 1999년 썬마이크로시스템즈에서 JSP를 발표 * JSP는 실제로 서블릿 기술을 사용JSP(Java Server Pages)란?JSP는 HTML내에 JAVA 코드를 삽입해서 웹 서버에서 동적으로 생성한 후 웹 브라우저에 돌려주는 언어입니다(Server-Side Language) 즉, JAVA를 기반으로하는 서버 사이드 스크립트 언어입니다. * 서버 사이드 스크립트 : 스크립트는 컴파일과 달리 실시간의 해석되는 특징이다. 서버의 특정 기능..
2019.02.22 -
[JavaScript] 브라우저 이벤트
Event브라우저에서는 많은 이벤트가 발생합니다. 브라우저 화면의 크기를 조절한다던가 스크롤을 내리거나 무엇을 클릭할 때, 아니면 html/css를 렌더링을 마쳤다(Load) 등 많은 이벤트가 발생합니다. 그 발생된 Event에 우리는 그 땐 어떤 일을 하라고 할 일을 등록할 수가 있습니다. 즉, HTML Element별로 어떤 event(주로 키보드나 마우스)가 발생했을 때 특정 행위를 일으키고 싶다면, 대상 Element를 찾고 어떤 Event를 등록하면 됩니다. 이것을 JavaScript로 구현할 수 있습니다. Event 등록Event 등록 표준방법입니다.addEventListener() 함수를 사용할 수 있습니다. addEventLister를 사용하면 여러 개의 Event Listener를 등록할..
2019.02.21 -
[JavaScript] DOM(Document Object Model)과 querySelector
DOMDOM TreeDOM APIquerySelector자바스크립트를 배우고 DOM에대한 이해가 없이 무작정 JQuery를 몇 개 외워서 사용했었는데, 참...속 빈 강정이었던 같았습니다.이번 기회에 좀 정리를 해보고가면 좋을 것 같습니다. 보통 컴파일러가 코드를 해석할 때 트리구조로 데이터를 구조화하는 걸 봤었습니다. 브라우저 역시 HTML 코드를 DOM이라는 객체 형태모델로 저장을 합니다. 이런 트리로 저장된 정보를 DOM Tree라 부릅니다 우리가 어떤 웹사이트에서 댓을을 달고, 우리의 반응에 따라서 HTML의 구조와 데이터가 계속적으로 변경됩니다. 자바스크립트로 이런 변경을 해줄 수 있는데 DOM이라는 트리의 구조체가 만들어져 있으므로 변경이 용이합니다. 우리가 이런 DOM Tree를 탐색해서 변..
2019.02.20 -
[JavaScript] window 객체
window객체window객체는 브라우저에서 최상위(root)에 존재하는 중요한 객체입니다. 즉, window객체는 모든 객체의 조상이므로window는 그냥 생략해서 사용합니다. 모두 포함하고 있는 걸 아니까 그냥 편하게 생략하고 사용하자!라고 볼 수 있습니다. window.setTimeout() setTimeout() // window를 생략가능(전역 객체라서) 인터넷 브라우저를 열면 여러가지 창을 제어할 수 있습니다. 흔히 경고창을 띄워줄 때 alert()라는 메소드를많이 사용하고, setTimeout()/setInterval()같은 타이머 기능을하는 메소드 등도 window 객체의 메서드입니다. window.close() // 창을 닫는다. window.open() // 새 창을 연다. window..
2019.02.19 -
[JavaScript] 함수선언식 함수표현식 호이스팅
자바스크립트에서 함수를 표현하는 방식 2가지를 알아보겠습니다. + 자바스크립트는 다른 언어처럼 void는 없고 return값이 없을 경우에 undefined를 반환합니다. function a(){ //return값이 없다. } console.log(a()); 함수 선언식(Function Declarations) 일반적으로 다른 언어에서 함수를 선언하는 것과 비슷한 형식입니다. 함수 선언에서의 특징은 함수 선언부를 다른 코드보다 먼저 읽고 실행합니다. 그래서 함수 선언 전에 호출을해도 정상적으로 동작하게 됩니다. 또한, Parameter 개수와 argument의 개수가 일치하지 않아도 오류가 나지 않습니다. 변수(firstname)은 초기화됐지만, 값이 할당되지 않았기 때문에 undefined라는 값을 가..
2019.02.19