daniel7481의 개발일지

1. Scope이란? 웹 프로그래밍에선 이미 약속된 객체들이 존재하고, 그 존재들이 범위가 어디서부터 어떻게 되는지 알아야 한다. 이러한 범위(scope)이 4가지가 있다. - Page Scope : 실제 서블릿, JSP 등의 선언된 한 페이지에서만 사용할 수 있는 것 - Request Scope : 클라가 요청하고 서버는 요청에 대한 응답을 보낸다. Reqeust Scope은 클라로부터 요청이 들어와 서버가 어떤 일을 수행해 응답을 보낼 때까지 사용할 수 있는 Scope(Forward할 때 서블릿1에서 서블릿 2로 보내는 Request 객체는 같았지만 두 서블릿의 Page 영역은 각각 달랐다.) - Session Scope : 세션 객체가 생성되어 세션 객체가 소멸될 때까지. 앞의 Request Sco..

1. Window 객체(setTimeOut) window는 전역 개체이며, 많은 매서드들이 존재하며, 아래처럼 사용할 수 있다. window는 디폴트에 개념임으로 생략할수 있다. setTimeout 활용 인자로 함수를 받고 있으며, 보통 나중에 실행되는 함수를 콜백함수라고 한다. 자바스크립트는 함수를 인자로 받을 수 있다. 혹은 함수를 반환할 수도 있다. setTimeout을 활용한 예제를 살펴보자 function run(){ setTimeout(function() { var msg = "hello codesquad"; console.log(msg); }, 1000); } 브라우저 콘솔창에 입력해보았더니 1초 후에 hello codesquad가 올라왔다. run()이라는 함수는 1초(1000) 후에 he..

이번 장에는 백엔드 학습이 주로 이룰 것으로 보인다. 가장 중요한 것은 데이터베이스라고 한다. 먼저 시작하기 전 자바스크립트에 대한 이해를 하고 가자. 나 또한 자바스크립트를 처음 배우는 것이라 많은 걱정이 되지만 하나씩 해나가면 될 것이라 믿는다. 부스트코스 학습을 이어나가기 전에 자바스크립트에 대한 이해도가 전무하니 먼저 유튜브에 강의를 쳐봤다. 제일 먼저 나오는 강의 하나를 듣고 시작해보자. 다음은 내가 들었던 강좌이다. https://www.youtube.com/watch?v=KF6t61yuPCY 1. 자바스크립트 변수 자바스크립트에서 변수는 var, let, const로 선언할 수 있다. 어떤 것을 사용하냐에 따라 scope라는 변수의 유효 범위가 달라진다. 이 표현은 어려우니, 먼저 var로 ..

1. Request, Response 객체 이해하기(1) 웹 브라우저에 URL을 입력하고 Enter를 치면 웹 브라우저는 도메인과 포트 번호를 이용해서 서버에 접속한다. 그 다음 path 정보, 클라이언트 ip등 다양한 정보를 포함한 요청 정보를 서버에 전송하게 된다. WAS가 웹 브라우저에게서 요청을 받게 되면 HttpServletRequest와 HttpServletresponse라는 객체를 생성하게 된다. Request 객체에는 요청할 때 가지고 들어온 다양한 정보를 이 객체에 담는다. Response 객체는 현재 접속한(클라이언트)에게 전송하기 위해 담을 수 있는 객체다. 이렇게 만든 두 개의 객체를 요청 정보에 있는 path로 mapping된 서블릿에게 전달하게 된다. 전달된 객체는 service..

HTML HTML은 그 용도에 맞게 사용해야 하며, 비록 표시하는 바는 같을 수 있어도 브라우저에서 인식할 때 다르게 인식하기 때문에(h1과 글자수를 키운 본문은 보기엔 같아 보이지만 어마어마한 차이가 있다) semantic하게 사용해야 한다. HTML 구조 맨 윗줄을 차지하는 header태그, 본문에는 대개 메뉴를 장식하는 navigation태그, 하단의 footer태그가 있다. 그러나 호환이 되지 않는 경우도 있기 때문에 이런 식으로 설정하여 사용한다. 클래스와 id id는 한 페이지에서 고유한 속성이다(하나 이상에 사용할 수 있지만 권장하지 않는다). 클래스는 비슷한 속성을 가진 여러 element를 묶기 위해 사용하는 것으로, 여러 번 중복되어 선언될 수 있다. CSS 선언 방법 크게 3가지로 나..

5) Element가 배치되는 방법(CSS layout) - 2 기본 배치에서 벗어나서 떠있기(flaot: left) 2차원에서 element들이 배치되어 있는데 float인 element는 그 위에 둥둥 떠다닌다고 생각하면 된다. float position을 주지 않으면 위 아래로 쌓이지만, float:left를 선언함으로써 좌 우로 나란히 쌓이게 표현할 수 있다. 하나의 블록엘리먼트는 box형태임 [출처: https://www.geeksforgeeks.org/css-box-model/] 엘리먼트 간에는 margin으로 간격을 줄 수 있고, border는 테두리 정보로 두께를 조절할 수 있고, 엘리먼트 안에 컨텐츠와 엘리먼트가 가지고 있는 원래 크기 사이는 padding을 줄 수 있다. Demonstr..