웡지의 개발로그

본 포스팅은 수업내용의 단순 정리글입니다. 02-10. 웹 개발이란 무엇이며, 어떻게 동작하나? - 프론트엔드이번포스팅에서는 프론트엔드 관점에서의 웹 개발을 알아본다. 과거의 직접 DOM조작에서 현재의 VDOM조작으로 변화하기까지의 내용을 다루며 자바스크립트 런타임과 비동기를 알아본다. 다음으로 프론트엔드 자바스크립트 프레임워크는 어떻게 동작하는지 원리를 알아보며 CSS 적용방법론과 CSS 전처리기, CSS 프레임워크에 대해 살펴본다. 마지막으로 프론트엔드가 웹페이지를 브라우저에게 렌더링되게하는 렌더링 패턴을 알아보고, 이 렌더링을 효율적으로 하기위해 어떤 최적화전략이 있는지 살펴본다.     01. 들어가며 : 프론트엔드 개발에서 DOM 조작 알아보기02-11. 웹 페이지 HTML 변경 Routing ..

본 포스팅은 수업내용의 단순 정리글입니다. 01. 웹 구성 간 흐름 및 직무 종류이번 포스팅은 웹 개발은 무엇인가에 대한 본질적인 질문부터 시작한다. 웹 개발은 결국 요청과 반환이라고 볼 수 있으며 웹을 이해하고 요구사항뿐 아니라 보안 등의 예외사항을 구현해내야하기 때문에 웹을 아는 것은 중요하다고 할 수 있다.요청과 반환은 웹브라우저와 웹 서버라는 주체를 통해 이루어지고 있으며 요청반환 방법으로는 REST API, GraphQL, gRPC등이 있다.웹 브라우저는 html, css, js로 이루어져 있으며, 웹 서버는 웹서버와 웹어플리케이션 서버로 나뉜다. 각각의 구성요소에 대해서도 살펴보자. 웹 브라우저 다른 사람과 공유하기 위해서는 인터넷이 필요하다. 인트라넷이 무엇인지 알아보며, ISP와 DNS에 ..