수강 내용

1. 웹 렌더링 개념

웹 개발을 하는 사람이라면 반드시 알아야 하는 웹 렌더링에 대한 지식을 짚어본다. CSR, SSR, SSG, ISR 용어들은 어떤 렌더링 방식을 의미하는 것인지부터 천천히 살펴보게 된다.

직접 렌더링 방식을 구현해보지 않은 경우라면, 내용을 한 번에 이해하기란 굉장히 어려운 법이다. 그래서 블로그 글을 작성하게 되는데, 이 블로그 글을 작성하는 과정에서 렌더링의 동작 방식, 장/단점 그리고 사용 사례에 대해 조사하며 직접 구현해보지 않았음에도 렌더링 방식에 대한 이해를 할 수 있게 된다.

2. Cursor AI 사용법

과거에는 프로그래밍 패러다임 등 다양한 패러다임이 존재하며 어떤 코드가 더 가독성이 좋은지, 어떤 코드가 더 안전하지 이런 내용이 주로 화제가 되었다.

하지만 AI가 발전함에 따라 앞으로 개발자들은 "AI를 얼마나 잘 활용할 수 있냐?"라는 질문에 답을 해나가야 한다 생각한다. 이런 대답을 하기 위한 첫 번째 단계로 Cursor AI를 사용하는 방법에 대해 배우게 된다. Cursor AI를 활용해서 개발 경험이 많지 않았기 때문에, 이 수업이 나에게는 정말 큰 도움과 앞으로의 방향성을 제공해주었고 앞으로 있을 프로젝트에도 적용해 나가려고 한다.

3. Next.js 프로젝트 초기 설정

현대 웹 개발에서 프론트엔드 개발자라면 반드시 짚고 알아야 하는 Next.js 프로젝트의 초기 설정을 배우게 된다.

또한 이 과정에서 Shadcn ui와 같은 인기있는 라이브러리도 함께 활용한다.

미션

• 웹 렌더링 개념

  • CSR, SSR, SSG, ISR에 대한 기본적인 개념부터 동작 방식, 장/단점, 사용 사례에 대해 알아본다.

  • 또한 렌더링 방식별 적합한 사용 사례에 대해서도 알아본다.

• Cursor AI 소개

  • Cursor AI의 주요 기능 및 특징에 대해 알아본다.

  • 개인적인 관점에서의 Cursor AI의 활용 방법을 고민해보았다.

• Next.js 프로젝트 셋팅

   

  • 구체적인 설명은 생략하고 Next.js 프로젝트를 세팅하는 과정을 간단하게 정리해보았다.