State의 변경 ✅ state를 변경시키려면 스프레드 연산자를 사용하여 값을 복사한 후, 복사본의 값을 변경시켜야 한다. 이는 리액트의 불변성과 관련있는데, 리액트는 기존 state와 새 state의 값을 비교하여 다를 경우에만 상태 변화를 감지한다. 불변성을 지켜줌으로써 효율적인 상태 업데이트를 하는 것이다. 때문에 상태를 직접 수정하기보다 복사본을 만들고 이 값을 변경해주는 것이 바람직한데, 여기서 또 주의할 점이 있다.let [ count, setCount ] = useState(0); let newCount = state # -> (x) let newCount = [...count] # -> (o)위 예시 코드의 세 번째 줄과 같이 작성할 경우, 데이터의 값을 복사하는 것이 아니라 값의 주소를 ..

Next.js를 많이 사용하는 이유?Server-Side-Rendering의 재유행CSR(Client Side Rendering) : 브라우저에서 실시간으로 html을 생성 -> 부드러운 사용자 경험 제공SSR(Server Side Rendering) : 서버에서 html을 미리 만들어 전송한 것을 브라우저에서 띄움 -> 페이지 로딩 속도 향상, 검색 시 노출도 증가 💭 Next.js의 렌더링 방식Pre-Rendering - SSR - SSG - ISR이에 관해 자세한 내용은 따로 작성할 예정 . . . 참고 - https://enjoydev.life/blog/nextjs/1-ssr-ssg-isr#isr-incremental-static-regeneration Next.js의 캐싱언제 데이터가 캐싱 될까..