[Next.js] 개발 실력 상승에 도움되는 유튜브 추천

설명

 학습에 있어서 앞만 보고 달리는 것 보다 뒤를 돌아볼 때 실력 상승이 많이 일어 난다. Next.js의 프레임워크를 무조건 따라하며 시작했을 때는 동작할 수 있다는 점에 대해서 큰 실력상승을 얻지만 이내 상승이 더딘 구간이 일어나게 된다. 그 이유는 동작은 되지만 효율적이지 않다는 뜻이다. 나도 Next.js로 개발에 손을 댄지 1년이 넘는 시점에서 다시 개념을 잡게 되는 영상을 발견하여 공유한다.

 

영상에서 알게된 나의 새로운 관점은 Next.js는 기본적으로 서버 사이드 랜더링(SSR)이며 명시적으로 클라이언트 사이드 랜더링(CSR)을 지정할 수 있다는 점이었다. 나는 무조건 CSR로 개발을 다 때려 넣어서 fetch와 같은 데이터 송 수신을 Server Action을 사용하지 않았던 것이다. 그리고 return value의 민감성을 생각하며 interface를 맞추느라 시간을 많이 썼지만 서버에서만 데이터를 처리하면 그럴 일이 없던 것 이었다.

 

Next.js를 시작하는 사람들이게 무조건 추천하는 바이다. 나는 React와 자바스크립트 CSS도 모른채로 입문하여서 주변을 갉아 먹다가 기초를 돌아볼 수 있는 시간을 가지면서 개발을 하였는데 일정 기간이 되면 피아노 실습하다 이론을 공부하는 패턴을 가지 듯이 뭐든 배움에 있어서 이 방법을 적용하면 빠른 실력상승을 기대할 수 있을 것이다.

 

Server Action에서 Data 갱신 법

revalidatePath

Server Component에서 Client Component에 데이터를 삽입 시 들어가는 데이터도 User Client로 설정해야 한다.

 

특징

• Next.js 기초 컨샙 설명

https://www.youtube.com/watch?v=vwSlYG7hFk0

 

• 29가지 실수를 알려줌

https://www.youtube.com/watch?v=5QP0mvrJkiY&t=2486s