분류 전체보기171 자바스크립트 함수 호출 스택 들어가기 전에함수는 연속적으로 불려질 수 있다. 자바스크립트에서 이를 처리하는 방법을 이해해보자. 학습 목표1. 자바스크립트의 call stack을 이해한다. 핵심 개념- call stack 함수 호출- 함수 하나에 모든 로직을 다 넣지 않는다. 함수는 연속적으로 호출가능하다.- 자바스크립트 함수 호출은 이렇게 불려진다.12345678910111213function printName(firstname) { var myname = "hzoou"; return myname + "," + firstname;} //13→7→8→9→{1→2→3→4}→9{result}→10→11function run(firstname) { firstname = firstname || "Youn"; var result = print.. 2019. 1. 20. 자바스크립트 함수 들어가기 전에"자바스크립트 잘 이해하고 있다는 것" === "자바스크립트 함수를 잘 이해하고 있다" 학습 목표1. 자바스크립트의 선언방식들과 그 차이점, 반환값, hoisting을 이해한다. 핵심 개념- Function- Hoisting- arguments- 기본 반환값(undefined) 함수 - 함수의 선언- 일반적인 선언 ex) function inner() { }- 함수는 여러 개의 인자를 받아서, 그 결과를 출력한다.- 파라미터의 개수와 인자의 개수가 일치하지 않아도 오류가 나지 않는다.· 만약, 파라미터 1개가 정의된 함수를 부를 때, 인자의 개수를 0개만 넣어 실행하면, 이미 정의된 파라미더(매개변수)는 undefined 라는 값을 갖게 된다. 이는 변수는 초기화됐지만, 값이 할당되지 않았기.. 2019. 1. 19. 자바스크립트 비교-반복-문자열 들어가기 전에이번에 나오는 자바스크립트의 문법들은 다른 언어와 유사하다. if, switch 분기문이나, for, while 문은 크게 다른 부분은 없다. 문자열처리는 정규표현식이라는 막강한 방법도 제공하지만, 그전에 문자열에서 제공하는 다양한 함수들을 잘 다룰 필요가 있다. 중요한 몇몇 메서드만 기억하면 되므로 너무 걱정하지 않아도 된다. 학습 목표1. 분기, 반복문을 다룬다.2. 간단한 자바스크립트 문자열 조작(parsing)을 할 수 있다. 핵심 개념- if- switch- for- while- String replace 메서드 비교문- if, if else, else 를 통해서 다양한 비교문을 사용할 수 있다.· 빈 문자열은 false의 조건 분기 - switch- 로직을 분기하기 위해서 if문 .. 2019. 1. 19. 자바스크립트 변수-연산자 타입 들어가기 전에컴파일 단계가 없는 자바스크립트의 type(형)은 실행단계에서 타입이 결정된다. 변수선언은 어떻게 정의하고, 자바스크립트의 타입은 어떤 것들이 있는지 확인해보자. 학습 목표1. 자바스크립트 변수 선언, 연산자 사용, Type을 이해한다. 핵심 개념- 변수선언- 연산자- Type 종류- Type 확인 방법 자바스크립트의 버전- 자바스크립트 버전은 ECMAScript(줄여서 EC)의 버전에 따라서 결정되고, 이를 자바스크립트 실행 엔진에 반영한다.- ES5, ES6(ES2015).. 이런 식으로 버전을 일컫는다.- 2018년을 중심으로 ES6을 지원하는 브라우저(크롬, 파이어폭스)가 많아서 몇 년간 ES6 문법이 표준으로 쓰이고 있다.- ES6는 ES5 문법을 포함하고 있어 하위 호환성 문제가 .. 2019. 1. 19. Request, Response 객체 이해하기 들어가기 전에클라이언트가 서버에게 보낸 요청을 추상화한 객체 HttpServletRequset 와 서버가 클라이언트에게 응답하기 위한 정보를 추상화한 객체 HttpServletResponse에 대해 알아보자. 학습 목표1. HttpServletRequest 객체를 이해한다.2. HttpServletResponse 객체를 이해한다. 핵심 개념- HttpServletRequset- HttpServletResponse 요청과 응답- 웹 브라우저에 URL을 입력하고 Enter를 입력하면, 웹 브라우저는 도메인과 포트 번호를 이용해 서버에 접속한다. 그리고 나서 path 정보, 클라이언트의 IP, 클라이언트의 다양한 정보를 포함한 요청 정보를 서버에게 전송하게 된다.- WAS는 웹 브라우저(클라이언트)로 부터 S.. 2019. 1. 17. Servlet 라이프 싸이클 들어가기 전에어떤 객체의 생성부터 소멸까지의 과정을 라이프 사이클(Life Cycle)이라고 한다. 학습 목표1. 서블릿의 생명주기(Life Cycle)를 이해하자. 핵심 개념- init- service- destroy Servlet 생명주기- 서블릿 생명주기를 확인할 수 있는 LifecycleServlet을 작성한다.- HttpServlet의 세가지 메소드를 오버라이딩한다.· init()· service(request, response) : 요청이 들어왔을 때 응답해야되는 모든 내용은 service() 메서드에서 구현· destroy() : 웹 어플리케이션이 갱신되거나 WAS가 종료될 때 호출- servlet은 서버에 servlet 객체를 여러개 만들지 않는다. 요청이 여러 번 들어올 때마다 매번 생성.. 2019. 1. 16. Servlet 작성 방법 들어가기 전에현재 프로젝트에서 웹을 개발할 때 서블릿을 직접 써서 개발하지는 않는다. 조금 더 편하게 사용할 수 있게 도와주는 다양한 프레임워크를 사용해서 개발하는 경우가 더 많다. 하지만, 그 프레임워크들도 서블릿 없이는 동작할 수 없기 때문에 서블릿의 기본적인 작성법이나, 서블릿의 라이프 사이클을 이해하고 있다면 웹의 동작을 이해하는 데 많은 도움이 된다. 학습 목표1. 서블릿을 작성할 수 있다.2. 서블릿 버전에 따른 web.xml을 적절하게 작성할 수 있다. 핵심 개념- HttpServlet- web.xml 버전에 따른 Servlet 작성 방법1. Servlet 3.0 spec 이상에서 사용하는 방법- web.xml 파일을 사용하지 않는다.- 자바 어노테이션(annotation)을 사용한다.- 앞.. 2019. 1. 16. Servlet이란? 들어가기 전에웹 어플리케이션은 정적인 컨텐츠와 동적인 컨텐츠로 나누어 볼 수 있다. 프로그램을 수행해서 페이지를 동적으로 만들어주는 서블릿에 대해 알아보자. 학습 목표1. 자바 웹 어플리케이션의 구조를 이해한다.2. 서블릿에 대하여 이해한다. 핵심 개념- 자바 웹 어플리케이션- 서블릿 자바 웹 어플리케이션(Java Web Application)- WAS(Tomcat)에 설치(disploy)되어 동작하는 어플리케이션- 자바 웹 어플리케이션에는 HTML, CSS, 이미지, 자바로 작성된 클래스(Servlet, JSP, package, 인터페이스 등), 각종 설정 파일 등이 포함된다. 자바 웹 어플리케이션의 폴더 구조 - 웹 어플리케이션은 혼자 동작하는 것이 아니라 WAS에 의해 동작된다. 그래서 반드시 폴더.. 2019. 1. 16. 개발환경 설정 - BE JDK 다운받기 및 설치하기https://www.edwith.org/boostcourse-web/lecture/16680/ 환경 설정하기https://www.edwith.org/boostcourse-web/lecture/16681/ 이클립스 다운받기 및 설치하고 인코딩 설정하기https://www.edwith.org/boostcourse-web/lecture/16682/ HelloWorld 컴파일하고 실행하기https://www.edwith.org/boostcourse-web/lecture/16683/ Tomcat 다운받기 및 설치하기https://www.edwith.org/boostcourse-web/lecture/16684/ HelloWorld 서블릿 컴파일 및 실행하기https://www.edwit.. 2019. 1. 16. 이전 1 ··· 14 15 16 17 18 19 다음
