취업에 도움되는 Next.js

취업에 도움되는 Next.js

7,900원

10

취업에 도움되는 Next.js

현업에서 Next.js 사용하는 회사가 많습니다. 위코드로 Next.js 로 만들어졌어요. 다행이 Next.js는 리엑트 기반입니다. React를 배웠다면 이제는 Next.js!

heart icon

찜하기

share icon

공유하기

🚀 강의 목적과 학습 목표

이 강의는 Next.js의 핵심 개념을 배우고,
현업에서 어떻게 활용되는지 실습을 통해 익힙니다.
React 기반으로 시작할 수 있는 Next.js는 서버 사이드 렌더링(SSR),
정적 사이트 생성(SSG) 등의 기능을 제공해 프론트엔드 개발에 큰 도움을 줍니다.
취업에 유리한 Next.js 실력을 쌓고,
React와의 차이점을 이해하며 실무에 바로 적용할 수 있도록 돕습니다.

👩🏻‍💻 이런 분을 위해 만들었어요

📍 Next.js를 사용하는 회사에 취직하고 싶으신 분들.
📍 Next.js를 활용하여 서버 사이드 렌더링과 정적 페이지 생성 등을 배워보고 싶은 분들.
📍 취업 준비를 하며 Next.js를 실무에서 어떻게 사용하는지 정확히 알고 싶은 개발자.

🎁 강의는 이렇게 구성돼요

Next.js의 기본부터 고급 개념까지 단계별로 학습합니다.
React에서의 경험을 Next.js로 확장하고,
서버 사이드 렌더링, 정적 페이지 생성,
API 라우팅 등을 실습을 통해 익힙니다.
취업 준비에 필요한 실용적인 Next.js 예제들을 제공합니다.

챕터 구성

  1. Next.js 소개 – React에서 Next.js로 넘어가기
  2. Next.js 설치와 기본 설정 – 프로젝트 시작하기
  3. 페이지와 라우팅 – 파일 기반 라우팅 이해하기
  4. 서버 사이드 렌더링(SSR) – 데이터를 서버에서 미리 받아오는 방법
  5. 정적 사이트 생성(SSG) – 빌드 시 데이터를 미리 렌더링하는 방법
  6. API 라우팅 – 백엔드 없이 API 서버 만들기
  7. 스타일링 Next.js – CSS, SASS, styled-components 활용하기
  8. 데이터 가져오기 – getServerSideProps와 getStaticProps 차이점
  9. Next.js 성능 최적화 – 코드 스플리팅과 이미지 최적화
  10. 실전 프로젝트 – Next.js로 실용적인 웹 애플리케이션 만들기

💻 쉽게 이해되는 3분할 화면

위코드는 여러분이 최대한 쉽게 이해할 수 있도록 모든것을 준비했습니다. 강의 영상의 핵심 내용을 실시간으로 정리해 드리고, 직접 수정하고 실행해볼 수 있는 코드까지 실시간으로 제공하는 위코드만의 코딩 강의 플랫폼에서 재밌고 쉽게 학습하세요!


📍 모바일에서도 쉽게 볼 수 있는 세로 비율의 강의 영상
📍 강의 내용을 이해하기 쉽도록 실시간 핵심 내용 정리
📍 강의 내용 흐름에 맞추어 실시간 업데이트 되는 코드 에디터
📍 직접 수정해보고 실행도 할 수 있는 코드

커리큘럼

미리보기를 통해 콘텐츠를 확인해보세요.

  • Play Icon서버 사이드 렌더링(SSR) – 데이터를 서버에서 미리 받아오는 방법
  • Play Icon정적 사이트 생성(SSG) – 빌드 시 데이터를 미리 렌더링하는 방법
  • Play IconAPI 라우팅 – 백엔드 없이 API 서버 만들기
  • Play Icon스타일링 Next.js – CSS, SASS, styled-components 활용하기
  • Play Icon데이터 가져오기 – getServerSideProps와 getStaticProps 차이점
  • Play IconNext.js 성능 최적화 – 코드 스플리팅과 이미지 최적화
  • Play Icon실전 프로젝트 – Next.js로 실용적인 웹 애플리케이션 만들기