TIL
20231227 TIL
김빵그
2023. 12. 27. 22:52
Today 요약
[✅] 코딩테스트 1문제
[✅] react 기초 개념 강의 (2개)
[✅] react 기초2 개념 강의 (2개)
배운 점
1. next.js 개념
- React를 기반으로 한 웹 개발 프레임워크
- 서버 사이드 렌더링 (SSR) 및 정적 사이트 생성(SSG)을 지원하여 웹 애플리케이션의 성능을 향상시키고 검색엔진 최적화(SEO)를 용이하게 한다
1-1 페이지 (Pages)
- Next에서는 페이지가 프로젝트의 핵심 단위이다
- pages 디렉토리에 생성된 파일은 자동으로 라우팅 되어 웹 애플리케이션의 경로에 대응
1-2 서버 사이드 렌더링 (Server Side Rendering, SSR)
- 페이지를 서버에서 렌더링하고 초기 데이터를 포함하여 클라이언트로 전송
- 이는 검색 엔진 최적화 및 초기 로딩 성능을 향상시키는데 도움이 된다
1-3 정적 사이트 생성 (Static Site Generation, SSG)
- 빌드 시간에 페이지를 미리 렌더링하여 정적 HTML 파일을 생성할 수 있는 정적 사이트 생성을 제공
- 이를 통해 콘텐츠를 사전에 렌더링하고 CDN에 배포함으로서 성능을 향상 시킬수 있다
1-4 라우팅 및 네비게이션
- 파일 시스템 기반의 라우팅을 사용해 간편한 네비게이션을 제공
- <Link> 컴포넌트를 사용하여 페이지간 네비게이션 구현 가능