웹

[부스트코스] 웹 프로그래밍 - 웹 서버 & WAS

웹 서버란? 소프트웨어 또는 웹 서버 소프트웨어가 동작하는 컴퓨터 웹 서버의 기능 웹 서버의 가장 중요한 기능은 클라이언트(Client)가 요청하는 HTML 문서나 각종 리소스(Resource)를 전달하는 것이다. 웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장된 정적(static)인 데이터이거나 동적인 결과가 될 수 있다. 정적 데이터 : 이미지, HTML, CSS, Javascript 파일 동적인 결과 : 웹 서버에 의해서 실행되는 프로그램을 통해서 만들어진 결과물 웹 브라우저와 웹 서버간에 어떤 통신이 일어나는가 웹 브라우저는 www.naver.com이라는 웹서버에 접속 해당 주소에서 기본으로 보이는 HTML 문서를 요청 웹 서버는 사용자가 요청한 HTML 문서를 웹 브라우저에게 전달 웹..

[부스트코스] 웹 프로그래밍 - browser에서의 웹개발

개발자 도구 브라우저에서 웹 개발을 위한 코드들이 어덯게 동작하는지 직접 볼 수 있다. 크롬 브라우저가 없다면 설치하기 크롬 브라우저를 열고 크롬 개발자 도구 열기 윈도우 (Ctrl + Shift + I), 맥 (Option + Command + i) 접속 http://www.amazon.com Elements 탭에서 소스코드를 볼 수 있다. Networks 탭에서 새로고침을 하면 맨 위에 www.amazon.com이 나온다. www.amazon.com을 클릭해서 Response를 보면 서버에서 보내준 응답값을 볼 수 있다. HTML, CSS, Javascript 코드들을 볼 수 있다. HTML 문서구조 HTML문서는 html이라는 태그로 시작해서 html태그로 끝난다. head는 html 문서에 대한 ..

[부스트코스] 웹 프로그래밍 - browser의 동작

브라우저는 어떻게 동작할까? 예전엔 브라우저의 동작방식에 대해 개발자들이 잘 알 필요가 없다고 생각해 왔다. 브라우저가알아서 해결해 주었기 때문이다. 하지만 브라우저의 동작이 대개 숨겨져 있고, 우리가 짠 코드가 브라우저에서 빨리 실행되게 하려면 어떻게 해야될까? 이런 관심 때문에 브라우저의 동작에 대해 관심을 갖게 되었다. 그리고 6, 7년 전부터 브라우저가 어떻게 동작하는가에 대한 글이 조금씩 소개가 되기 시작했다. 브라우저의 기본구조 브라우저는 브라우저 컴포넌트로 구성되어 있다. 브라우저 컴포넌트에는 다음과 같은 것들이 있다. UI, 사용자 인터페이스 : 주소 표시줄, 이전/다음 버튼, 상단 탭이나 블겨찾기 등과 같이 요청한 페이지를 보여주는 창을 제외한 나머지 부분들을 의미한다. 브라우저 엔진 :..