본문 바로가기

분류 전체보기171

JSP 내장객체 들어가기 전에JSP에서는 개발자가 선언하지 않아도, 미리 선언된 사용할 수 있는 변수가 존재한다. 이를 내장객체라고 한다. 개발자가 선언하지 않았음에도 어떻게 JSP에서 내장객체를 사용할 수 있는지, 그리고 이 내장객체를 어떻게 사용해야 하는지에 대해서도 알아보자 학습 목표1. 내장객체가 무엇인지 이해한다.2. 내장객체 종류를 알고 이용할 수 있다. 핵심 개념- request- response- out- application- page- session JSP 내장객체란?- JSP를 실행하면 서블릿 소스가 생성되고 실행된다.- JSP에 입력한 대부분의 코드는 생성되는 서블릿 소스의 _jspService() 메소드 안에 삽입되는 코드로 생성된다.- _jspService()에 삽입된 코드의 윗부분에 미리 선언.. 2019. 1. 21.
JSP 문법 들어가기 전에JSP는 HTML 태그와 자바코드를 섞어서 개발할 수 있다. JSP에서 자바코드는 어떻게 하는지, 어떤 결과를 출력하려면 어떤 것을 사용해야 하는지에 대해서는 알아보도록 하겠다. 학습 목표1. JSP에서 선언문을 이용해 필드와 메소드를 선언할 수 있다.2. JSP에서 자바 코드를 입력하는 방법을 알 수 있다.3. JSP에서 변수값을 출력할 수 있다.4. JSP에서 주석문을 작성할 수 있다. 핵심 개념- 선언문(Declaration)- 스크립트릿(Scriptlet)- 표현식(Expression)- 주석(Comment) 스크립트 요소의 이해- JSP 페이지에서는 선언문(Declaration), 스크립트릿(Scriptlet), 표현식(Expression) 이라는 세가지의 스크립트 요소를 제공· 선.. 2019. 1. 21.
JSP 라이프싸이클 들어가기 전에WAS는 웹 브라우저로부터 JSP에 대한 요청을 받게 되면, JSP 코드를 서블릿 소스코드로 변환한 후 컴파일 하여 실행되게 된다. 서블릿으로 컴파일되어 실행될 때 상황에 따라서 어떤 메소드들이 실행되는지 잘 알아야, JSP를 알맞게 작성할 수 있다. 학습 목표1. jsp의 라이프 사이클을 이해한다.2. jsp를 이용해서 init, destroy 메소드를 이용할 수 있다. 핵심 개념- jsp 라이프 사이클 sum10.jsp가 실행될 때 벌어지는 일- 이클립스 워크스페이스 아래의 .metadata 폴더에 sum10_jsp.java 파일이 생성된다.· JSP가 서블릿(java)으로 바뀐 파일이 자동으로 저장되는 경로 : C:\Users\woohyeju\Documents\workspace\.met.. 2019. 1. 21.
JSP란? 들어가기 전에MS의 ASP(Active Server Pages)와 같은 스크립트 형태의 개발 방법이 인기를 얻게 되면서, 자바 진영에서도 대항하기 위해 JSP를 발표하게 된다. 스크립트 언어인 JSP에 대해서 알아보도록 하겠다. 학습 목표1. JSP가 무엇인지 이해한다.2. JSP의 간단한 사용법을 알아본다. 핵심 개념- JSP(Java Server page) 간단한 JSP 실습- 1 ~ 10까지 합을 구하는 jsp· 모든 JSP는 JSP 자체가 동작하는 것이 아니라 서블릿으로 바뀌어서 동작한다. 서블릿을 바꾸는 것을 알려주는 부분 · JSP의 지시를 듣는 것은 JSP를 실행하는 WAS· 기본적인 페이지 구조는 html과 동일하나, 그 안에 자바코드(을 사용, Scriptlet)를 넣을 수 있다.- ht.. 2019. 1. 21.
JavaScript Debugging 들어가기 전에자바스크립트는 실행단계(런타임)에서 버그가 발견된다. 그 타이밍에 어디가 문제인지 바로 확인하는게 좋다. 다른 프로그래밍처럼 자바스크립트 개발도 디버깅의 연속이라고 보면 된다. 학습 목표1. 크롬 브라우저를 통해서 자바스크립트 디버깅 방법을 알아본다. 핵심 개념- chrome developer tools- debugging 디버깅 컨트롤* Vanilla.js : 어떤 프레임워크 없이 실행될 수 있는 것..- Pause, Continue : 첫번째 버튼은 평소에는 Pause 버튼 상태인데, 브레이크 포인트가 잡힌 상태에서는 Continue 버튼이 된다. 다른 브레이크 포인트가 잡힐 때 까지 코드를 진행한다.- Step over next function call : 스텝 오버는 코드 라인을 한 .. 2019. 1. 20.
Ajax 통신의 이해 들어가기 전에브라우저의 새로고침 없이 데이터를 얻어오는 방법이 있다. 이는 사용자가 더 빠르게 변경된 데이터를 화면의 새로고침 없이 확인할 수 있는 방법으로 더 좋은 UX(User Experience)에 해당하는 방법이다. 학습 목표1. Ajax 기술은 왜 나왔고, 어떻게 사용하는지 이해한다. 핵심 개념- XMLHTTPRequest - Ajax Ajax(XMLHTTPRequest 통신)- 이 기술은 웹에 데이터를 갱신할 때, 브라우저 새로고침 없이 서버로부터 데이터를 받는 것이 좋겠다는 생각에서 출발했다. 더 좋은 UX를 제공할 수 있는 기술이다.- 화면에서 제공하는 탭을 누를때마다 컨텐츠가 달라지는데, 누르지도 않은 탭의 컨텐츠까지 초기로딩시점에서 모두 불러온다면 초기로딩속도에 영향을 줄 것이다.- 따.. 2019. 1. 20.
Browser Event, Event object, Event handler 들어가기 전에어떤 영역을 마우스 클릭하거나, 화면을 스크롤하거나 하는 작업에 따라서 브라우저는 반응한다. 이런 것들을 모두 브라우저가 Event 기반으로 동작되게 만들어졌기 때문이다. 다양한 Event를 알아보면서 웹프론트엔드 개발을 이해해보자. 학습 목표1. Event listener 무엇인지 이해해보자.2. Event 객체를 사용해보자. 핵심 개념- Event listener- addEventListener- event object Event- 브라우저에는 많은 이벤트가 발생한다. 브라우저 화면의 크기를 마우스로 조절할 때도, 스크롤을 할 때도, 마우스로 이동하거나 무언가를 선택할 때도 이벤트가 발생한다.- 이벤트를 브라우저가 발생시켜주니, 우리는 그때 어떤 일을 하라고 할 일을 등록할 수 있다. 다.. 2019. 1. 20.
DOM과 querySelector 들어가기 전에우리는 댓글을 입력할 때 댓글이 바로 화면에 추가되는 것을 볼 수 있다. 이 외에도 받은 이메일함의 개수가 증가하기도 한다. 이렇게 HTML 내의 구조와 데이터는 변경된다. 자바스크립트로 이를 변경시킬 수도 있는데, DOM을 이해하면 된다. 학습 목표1. DOM(Document Object Model)을 이해한다. 핵심 개념- DOM Tree- DOM API- querySelector DOM- 브라우저에서는 HTML 코드를 DOM(Document Object Model)이라는 객체형태의 모델로 저장한다. 그렇게 저장된 정보를 DOM Tree라고 한다.- 결국 HTML element는 Tree 형태로 저장된다.- 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색 알고리즘을 구현.. 2019. 1. 20.
window 객체 (setTimeout) 들어가기 전에전역객체(window)에 속한 메서드에는 경고창을 띄워주는 alert, 그리고 setTimeout이라는 메서드 등이 있다. 이를 어떻게 사용하는지 그리고 다른 함수와 조금 다르게 동작하는 setTimeout의 특성을 이해해보자. 학습 목표1. setTimeout을 필요한 곳에 사용할 수 있다.2. 비동기가 무엇인지 기본개념을 이해한다. window 객체- 브라우저를 개발하다 보면, window라는 전역객체가 있다.- window에는 많은 메서드들이 존재하며, 아래처럼 사용할 수 있다.window.setTimeout();setTimeout(); //window는 전역객체라서 생략가능cs- window는 디폴트의 개념이므로 생략할 수 있다. setTimeout 활용- setTimeout은 낯설게.. 2019. 1. 20.

티스토리툴바