본문 바로가기

분류 전체보기55

개발 전 알아야할 기술과 구현 방법 1. HTTP(HyperText Transfer Protocol) : 애플리케이션 계층의 네트워크 프로토콜로, 통신하기 위한 규약 [동작] 1. 사용자는 브라우저라는 클라이언트를 통해 서버에 HTTP 요청을 전송 2. 브라우저의 주소 창에 URL을 치고 엔터를 누르면, 브라우저는 HTTP 요청을 해당 URL서버로 전송 3. 해당 서버는 그 결과인 HTTP 응답을 브라우저에 렌더링 함 [HTTP 요청] 요청에는 메서드를 지정 → 메서드는 호스트에게 지정한 리소스에 어떤 작업을 하고 싶은지 알려주는 역할 GET: 리소스를 가져올 때 사용 POST: 리소스에 대해 임의의 작업할 때 사용 → 새 리소스를 생성하거나 요청 데이터를 처리하는 경우 PUT: 리소를 완전히 대체할 때 사용(클라이언트가 리소스 위치를 알.. 2022. 12. 31.
SSR? CSR? 1. SSR(Server Side Rendering) : 서버쪽에서 렌더링 준비를 끝마친 상태로 클라이언트에 전달하는 방식 [단계] 1. User가 웹사이트에 요청을 보냄 2. 서버는 즉시 렌더링 가능한 HTML 파일을 만듦 3. 클라이언트에게 전달되는 순간, 이미 렌더링 준비가 되어 있으므로 HTML은 즉시 렌더링 한다(이때, JavaScript가 읽히기 전이므로 사이트 자체는 조작 불가능함) 4. 클라이언트가 자바스크립트를 다운받음 5. 다운받아지는 동안 User는 컨텐츠를 볼 수 있지만, 사이트를 조작할 수 없음(이때 사용자 조작을 기억하고 있음) 6. 브라우저가 JavaScript프레임워크를 실행 7. JS까지 성공적으로 컴파일 되어 기억하고 있던 사용자 조작이 실행되고, 웹 페이지는 상호작용이 .. 2022. 12. 30.
SPA? MPA? 1. MPA(Multiple Page Application) 여러 개의 Page로 구성된 Application SSR(Server Side Rendering)방식으로 렌더링 새로운 페이지를 요청할 때마다 서버에서 렌더링된 정적 리소스(HTML, CSS, JavaScript)가 다운로드 되고, 페이지 이동하거나 새로고침하면 전체 페이지를 다시 렌더링 [장점] SEO(검색 엔진)관점에서 유리 → 완성된 형태의 HTML 파일을 서버로부터 전달받기 때문에 첫 로딩 매우 짧음 → 서버에서 이미 렌더링해 가져오기 때문에 [단점] 매 페이지 요청마다 리로딩 발생하여 UX가 좋지 않음 페이지 이동시 전체 페이지를 다시 렌더링하기 때문에 불필요한 템플릿도 중복해서 로딩하여 성능이 좋지 않음 서버 렌더링에 따른 부하 발생.. 2022. 12. 30.
디자인 패턴(MVC, MVVM, MVP) 1. MVC(Model-View-Controller) Model: 사용되는 데이터를 정의하고 처리하는 역할 View: 사용자에게 보이는 것 Controller: 사용자로부터 응답을 받아 Model 또는 View를 업데이트 하거나, 데이터를 전달해주는 역할 [동작 순서] 1. action(사용자가 제출한 form데이터)이 Controller에게 전달된다. 2. Controller는 Model에게 전달하고 새로운 데이터를 요청하거나 Controller가 View의 데이터를 직접처리해서 View에게 알림 3. Model은 로직을 처리하여 새로운 데이터를 연관된 VIew에게 알림 4. View는 받은 데이터를 통해 화면을 업데이트 [장점] 다른 패턴들에 비해 직관적인 구조로 상대적으로 이해하기 쉬움 [단점] V.. 2022. 12. 30.

티스토리툴바