03. 웹 Front-End 와 Back-End

프론트엔드

 - 사용자에게 웹을 통해 다양한 콘텐츠를 제공한다. 사용자의 요청에 반응해서 동작한다. 

 - 사용자의 요청은 여러가지 다양한 형태들(음성, 모션 등)이 있는데 이걸 잘 반응해야한다. 

웹 콘텐츠의 구조를 만드는것은 HTML 

적절한 배치, 가독성 등을 고려한 디자인 CSS 

사용자의 요청에 잘 반응하고 소통하듯이, 빠르게 이루어져야하는것이 JavaScript 

 

백앤드 

  - 정보를 잘 처리하고 저장해서, 요청에 따라 정보를 내려준다. 

프로그래밍 언어, 알고리즘, 동작원리, 운영체제, 네트워크, DB를 알아야 한다. 

 

브라우저 : 사파리, 크롬, ie등등 여러가지 브라우저가 있다. 

 

브라우저에서 소스보기를 보면, html을 볼 수 있다. 

브라우저의 동작방식에 대해서는 개발자들도 알 필요가 없다고 생각해왔습니다, 

하지만 이제 브라우저 동작에 대해서 조금씩 궁금함을 가지게 된 이유는 , 내가 생각했던거랑 다른 방식으로 동작하거나 내가 짠 코드가 브라우저에 어떻게 최적화될수 있을까 하는 생각에서 비롯되었다. 

 

브라우저별로 랜더링 엔진을 지니고 있다. 

랜더링 엔진의 처리 과정 

 

HTML을 해석해서 DOM Tree를 만들고, CSS 를 해석해서 CSS Tree를 만듭니다. 

이 과정에서 Parsing과정이 필요하며 토큰 단위로 해석되는 일반적인 코드의 컴파일 과정이라고 봄.