728x90 반응형 CSR2 [원티드] 프리온보딩 프론트엔드 챌린지 1-1주차 정리 강의를 듣고 정리한 내용입니다. MPA를 활용한 사이트의 특징과 장단점은 무엇인가요? MPA는 Multi Page Application으로 여러 개의 HTML 파일로 웹 애플리케이션을 구성하는 방식입니다. 라우팅에 필요한 라이브러리나 번들링에 필요한 여러 자바스크립트 툴체인이 필요 없고, 정적 페이지를 그대로 서빙하기 때문에 SEO나 페이지 로딩 속도 측면에서 장점이 있습니다. 하지만 새로고침 시 새로운 내용이 반영된 HTML 페이지를 가져오는데까지의 시간이 소요되기 때문에 유저가 빈 화면을 보게 된다는 단점이 있습니다. 추가로 MPA의 통신 상황은 아래와 같습니다. 1. 유저가 서버의 GET 요청을 보내고, blog.html을 받습니다. 2. 유저는 브라우저에서 blog.html을 열어 웹 사이트를 이.. 2023. 7. 10. [원티드] 프리온보딩 프론트엔드 챌린지 7월 - 사전과제 원티드 7월 챌린지에 참여하게 된 이유는 Next.js에 대해 공부해보고 싶어서였다. 2주동안 주2회 3시간씩 진행이 되는 실시간 강의이다보니깐 깊게 배우지는 못해도 얻어가는 게 분명히 있을거라고 생각했다. 사전과제는 총 3개였다. 1. CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요. 2. SPA(Single Page Application)로 구성된 웹 앱에서 SSR(Server-side Rendering)이 필요한 이유에 대하여 설명해주세요. 3. Next.js 프로젝트에서 yarn start(or npm run start) 스크립트를 실행했을 때 실행되는 코드를 Next.js Github 레포지토리에서 찾은 뒤, 해당 파일에 대한 간단한 설명을 첨부.. 2023. 7. 7. 이전 1 다음 728x90 반응형
