부스트코스

[부스트코스] 웹 프로그래밍 - 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, 사용자 인터페이스 : 주소 표시줄, 이전/다음 버튼, 상단 탭이나 블겨찾기 등과 같이 요청한 페이지를 보여주는 창을 제외한 나머지 부분들을 의미한다. 브라우저 엔진 :..

[부스트코스] 웹 Front-End와 웹 Back-End

웹 Front-End와 웹 Back-End https://www.edwith.org/boostcourse-web/lecture/16662/ [LECTURE] 3) 웹 Front-End 와 웹 Back-End : edwith 들어가기 전에 웹은 프론트엔드(FE)와 백엔드(BE)로 나눠집니다. 우리가 인터넷을 하기 위해서 브라우저에서 웹을 탐색하곤 하는데요. 브라우저를 프론트엔드 또는 클라이언트라고도 합... - 부스트코스 www.edwith.org 프론트엔드란? 사용자에게 보여지는 부분을 의미한다. 아무 웹사이트나 접속했을 때 보여지는 부분이 바로 웹 프론트엔드다. 웹 프론트엔드는 HTML, CSS, Javascript 이 세가지로 이루어져 있다. HTML은 Hypertext Markup Language의..