MPA2 [TIL] 내일배움캠프 React 과정 2023.01.31_Next.js Today I Learned Next.js 기초 강의 수강 Throttling and Debouncing 강의 수강 Next.js Next.js란? Next.js는 웹 개발자에게 필요한 다양한 기능을 제공해 주는 리액트 프레임워크 개발 환경 설정이 쉽고 간단하다. SEO(Search Engine Optimization)을 위한 SSR(Server-Side rendering)을 지원한다. 초기 로딩 속도 개선을 위한 자동 code splitting(코드 분할)을 지원한다. Next.js 프로젝트 시작하기 npx create-next-app 개발 모드와 프로덕션 모드 // package.json ... "scripts": { "dev": "next dev", "build": "next build", "sta.. 2023. 1. 31. [TIL] 내일배움캠프 React 과정 2022.11.16_SPA, DB 특강 JS로 하는 SPA 정리 SPA와 MPA의 차이점 SPA MPA 개념 Single Page Application 한 개의 페이지로 구성됨 Multiple Page Application 여러 개의 페이지로 구성됨 렌더링 방법 Client Side Rendering 최초 한 번만 전체 리소스를 다운받음 Server Side Rendering 매번 전체 페이지가 렌더링됨 장점 1. 필요한 리소스만 부분적으로 로딩함 2. 자연스러운 페이지 이동이 가능함 (깜빡임X) 3. 컴포넌트별 개발이 용이함 1. 검색엔진최적화(SEO)가 유리함 (검색엔진이 크롤링하기 좋음) 2. 첫 로딩이 짧음 단점 1. 초기 로딩 속도가 느림 2. 검색엔진최적화(SEO)가 어려움 3. 보안 이슈 (핵심 비즈니스 로직 최소화 필요) 1. .. 2022. 11. 17. 이전 1 다음
