웹풀스택 공부 중

Web Application Framework웹 서버 개발의 모든 걸 제공함등장배경: 웹 서버로는 정적인 resource만 반환이 가능하다보니 동적 웹 페이지 반환을 위해 Application의 동적 반환 기능을 요구하게 됨Web Application Server = WATS가 등장함각 언어마다 Web Application 개발을 위한 Framework를 가지고 있음ex.) Python - Django, Java - Spring, JS - Express.js제공하는 기눙Request Mapping: 어떤 요청에 따라 어떤 Method를 사용할 지Serialization / Deserialization: JSON과 객체를 변환함Thread 관리: 다량의 요청을 받기 위해 Multi Thread가 필요하여 ..

다루는 내용:Backend Web DevelopingAPI: Client가 필욯하는 데이터를 반환함Backend Developer가 생각해야되는것: Client가 원하는 데이터를 어떻게, 잘 반환할까?어떻게 = 방법 (REST API, GraphQL, Queue, Web Socket, ...)잘 = 속도 + 가용성가용성 (Availability): 시스템에 문제가 생겨도 시스템을 계속 이용할 수 있는가두가지 Aspect에서 생각해야됨:웹 서비스를 제공하는 입장에서 (개발자의 입장)웹 서비스를 제공받는 입장에서 (AWS, Google Cloud, Naver Cloud, ...)좋게 만드는 방법:MSA (Microservice Architecture)Using Multiple Servers with Load..

다루는 내용:하나의 온전한 페이지를 유저에게 보여주는 방법은 3가지가 있다SSR (Server Side Rendering): 웹 서버가 열심히 온전한 페이지를 만들어서 웹 브라우저가 그걸 받아와 유저에게 보여줌온전한 페이지를 Run Time에 만듬CSR (Client Side Rendering): 웹 브라우저가 열심히 빈 페이지를 온전한 페이지로 만들어서 유저에게 보여줌SSG (Static Site Generation) : 이미 만들어져 있는 웹 페이지를 웹 서버가 갖고, 바로 웹 브라우저에게 반환하여 유저에게 보여줌정적의 웹 페이지를 생성함정적인 페이지를 Build Time에 미리 만들어둠Run Time vs. Build Time프로그램은 개발과 구동으로 나눠짐개발 = Build and Compile ..

웹 개발 개요웹 개발발이란 웹 브라우저와 웹 서버와 관련된 모든 것들을 개발하는 것을 통칭함Frontend 웹 개발Frontend 개발은 주로 JS를 사용해 DOM을 변경하여 웹 페이지를 렌더링 합니다Rendering:웹 페이지의 화면 변경JS는 DOM을 변경하고, HTML(DOM)에서 발생하는 이벤트들을 인지할 수 있다DOM: Document Object Model = HMTLJS를 Vanlia로 사용하면 굉장히 복잡하나 Framework를 사용하면 간결해진다JS를 Vanlia로 사용 (JS를 통해 직접 DOM을 변경) 했을 시의 단점:Hard to Manage: DOM 요소 하나 하나씩 조작해야 한다jQuery를 사용해 조금 해결할 수 있음Repainting: DOM 요소 하나가 바뀔 때마다 반복적인..

다루는 내용더보기#웹 #REST API [Representational State Transfer] #WS [Web Server]#WAS [Web Application Server] #MSA [Microservice Architecture]#Monolithic Architecture #Gateway #Swagger #Client #Server #URL#URI #HTTP Response Code #Web Socekt #GraphQL #Buffer #Intranet #Internet#Web Browser #ISP [Internet Service Provider] #DNS [Domain Name System]#SEO [Search Engine Optimization] #Controller #Model #Vie..