240703 TIL

1. 오늘의 공부 

-  매일 한문제씩 슬랙에 올라온 알고리즘 문제 풀기 (도약반)

-  TypeScript 공식 문서 읽기

-  수준별 학습 강의 듣기 (스탠다드) : Nextjs 

-  해설 영상 보고 PokemonList.tsx api 불러오는 것 까지 만들기 (Nextjs 개인과제)

 

2. 공부 내용 복습 

Nextjs는 리액트 프레임워크로 개발자들이 쉽게 웹 어플리케이션을 만들 수 있게 도와준다 

프레임워크 ? : 제어 역전 // 
Next.js는 프레임워크가 주도적으로 애플리케이션의 흐름을 관리, 필요한 라이브러리를 호출함 
따로 라우팅 설정이나 렌더링 설정 할 필요없이 next.js에서 제공하는 규칙과 구조를 따르기만 하면 됨 

 

폴더 기반 라우팅은 app / 아래에서의 폴더명 url path로 동작함 

 

> 4가지 렌더링 방식 

 

SSG : 정적인 컴포넌트에 적합한 렌더링 방식 "기본 렌더링 방식"

개발 모드에선 SSG 확인 불가 

빌드시 > 해당 컴포넌트를 100% 프리렌더링 > 클라이언트에 제공 

 

ISR : 빌드시 > 100% 프리렌더링 , 일정 시간 지나면 사용자 요청에 따라서 페이지를

재생성할 준비하는 렌더링 방식이다. 

 

SSR : 사용자 요청마다 매번 서버 컴포넌트 실행 > 완성한 html을 브라우저에 제공 

 

CSR : 컴포넌트 최상단에 "use client"를 넣어줌 > 브라우저에서 동작할 수 있는 클라이언트 컴포넌트로 인식 

"use client"는 해당 컴포넌트를 클라이언트 컴포넌트로 사용하겠단 뜻 > 즉 , 브라우저에서 동작 가능한 컴포넌트

 

3. 느낀점 

 

- Next.js 과제 주제는 재밌어보이는데 사용감이 어렵다.. 해설 영상 보면서 필수 구현 사항만 잘 해봐야 겠다고 

생각함..!