채널톡 아이콘

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

함께 소스코드를 까보며 기술면접부터 실무 설계까지, AI 시대에 필요한 깊은 이해와 자신만의 관점을 갖출 수 있도록 도와드릴게요. Next.js를 단순히 "써본" 개발자에서, 왜 그렇게 쓰는지 "이해하는" 전문가로 성장하세요.

Thumbnail

중급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

이런 걸 배울 수 있어요

  • 기술면접에서 자주 나오는 Next.js 의 동작 원리

  • 실무에 바로 적용 가능한 설계 원칙

  • AI 시대에도 유효한 Next.js의 기술 철학과 본질

  • 프레임워크를 더 잘 선택하고 활용할 수 있는, 자신만의 기준과 관점

(이미 업로드 했던 유튜브 영상(현재 비공개)과 새로운 영상 5개를 강의로 묶은 것이어요.
소장하기를 원하시는 분들만 수강신청 부탁드려요. 🙏)

💡 강의를 구매하신 분들에 한하여 <커리어 1:1 코칭 1회권>을 선물 해드려요.

구매 영수증hkc7180@gmail.com 으로 보내주시면 코칭 예약 링크를 드릴게요.

Next.js를 '어떻게'가 아니라 '왜' 쓰는지 설명할 수 있게 돕는 강의입니다.

이런 분들께 추천해요

👨‍💻 Next.js를 써봤지만, 제대로 이해하고 싶은 개발자

익숙하게 쓰고 있지만, 내부 동작 원리가 궁금한 분

🎙 기술 면접에서 항상 흐릿하게 설명하게 되는 분

개념은 아는데, 질문을 받으면 정리된 답변을 하기 어려운 분

🧭 AI 시대, 기술 선택 기준이 불안한 실무자

트렌드에 휩쓸리지 않고 기술의 본질을 꿰뚫고 싶은 분

🎯 수강 후에는

  • Next.js의 핵심 개념(라우팅, 렌더링, 에러 처리 등)을 단순히 사용하는 수준을 넘어서, 왜 그렇게 설계되었는지 설명할 수 있게 됩니다.

  • 기술 면접에서 자주 나오는 질문들에 대해, 자신의 언어로 명확하고 논리적으로 대답할 수 있는 실력을 갖추게 됩니다.

  • 공식 문서나 튜토리얼만으로는 얻을 수 없었던 프레임워크의 철학과 동작 원리에 기반한 실무 설계 기준을 만들 수 있습니다.

  • ‘남들이 만든 구조를 따라 쓰는 개발자’에서, ‘자신의 기준으로 구조를 판단하고 설명할 수 있는 개발자’로 성장하게 됩니다.

  • 변화하는 프론트엔드 기술 흐름 속에서도, 기술을 보는 시야와 선택 기준을 스스로 세울 수 있는 자신감을 얻게 됩니다.

이 강의의 핵심 강점

소스코드를 까보며, 동작 원리를 분석해요.

Next.js의 내부 소스코드를 분석하며 동작 원리를 설명합니다. 이를 통해 사용하던 기능이 내부적으로 어떻게 동작하는지 파악합니다.

공식 문서를 넘어, 설계 철학을 다뤄요.

공식 문서에 나오는 기능을 순서대로 따라가면서, 그 기능이 왜 등장했고 어떤 문제를 해결하기 위한 선택이었는지 배경과 설계 철학을 살펴봅니다.

이런 내용을 배워요

공식 문서 순서대로 따라가며, 깊이 있는 질문을 통해 기능의 등장 배경과 동작 원리를 공부해요.

섹션 (1) Routing

Next.js 라우팅, 단순히 폴더를 나누는 기능일까요?
이 섹션에서는 폴더 기반 라우팅의 철학부터 App Router의 구조, template.tsx, layout.tsx, <Link />, 동작 원리까지 Next.js 라우팅의 본질과 설계 의도를 깊이 있게 탐구합니다.

섹션 (2) Data fetching

Next.js에서 데이터 패칭, fetch() 위치만 신경쓰면 될까요?
이 섹션에서는 서버 중심 fetch 의 등장 배경부터, 병렬 처리의 한계, Server Component와의 연결, Server Action까지 Next.js가 제안하는 데이터 흐름의 방향성과 그 이유를 함께 살펴봅니다.

섹션 (3) Rendering

CSR, SSR, SSG, ISR, 그리고 Streaming까지.. 렌더링 방식이 많아질수록 “무엇이 정답인지” 헷갈리기 쉬운 것 같아요.
이 섹션에서는 Next.js의 렌더링 전략이 어떤 배경에서 등장했는지,
그리고 각 방식이 실제 프로젝트에서 어떻게 활용될 수 있는지 정리해봅니다.

궁금한 점이 있나요?

Q. 이 강의는 Next.js 를 처음 접하는 개발자도 들을 수 있나요?

이 강의는 중급 이상의 실무 프론트엔드 개발자를 대상으로 합니다. Next.js를 한두 번 써본 경험이 있고, 단순 사용을 넘어서 '왜 이렇게 써야 하는지'를 고민해본 분에게 가장 잘 맞습니다.

Q. 기술면접 준비에도 도움이 되나요?

그럼요! 자주 나오는 기술 면접 질문에 대해 공식 문서 그 이상의 깊이로, 실제 코드와 구조를 기반으로 설명할 수 있는 역량을 갖추게 됩니다.

Q. 실무에 바로 적용할 수 있을까요?

실무에서 궁금한 질문을 답변하는 형태로 한편 한편을 제작했어요. 이를 통해 설계 구조를 짤 때나, 컴포넌트 구성을 고민할 때 판단의 기준을 세울 수 있는 관점과 철학을 제공합니다.

Q. 강의에서 직접 코딩 실습도 하나요?

이 강의는 코드를 따라하며 기능을 구현하는 튜토리얼 보다는, 동작 원리와 설계 철학을 이해하는 데 초점을 둡니다. 따라서 이를 돕기 위한 예제 코드를 제공합니다.

예제 코드를 제공하는 목적은 직접 구현하는 실습 보다는 개념과 구조를 깊이 파악하고 실무에 응용하는 것입니다.

Q. App Router를 다루는 강의인가요? Pages Router도 포함되나요?

주요 내용은 App Router를 중심으로 구성되어 있으며, 라우팅 구조 변화의 철학과 차이점, 그리고 왜 그렇게 바뀌었는지를 깊이 있게 다룹니다.
Pages Router 사용 경험이 있다면, App Router로 넘어가는 데 큰 도움이 될 거예요.

수강 전 참고 사항

실습 환경

  • Nodejs 와 Browser

  • #Next.js #React #Typescript


질문과 답변

  • https://discord.gg/wJDZD5Yfxj :

    강의에 대한 질문 뿐아니라, 기술에 대해 깊이 탐구하여 동료들과 함께 토론하며, 자신의 관점을 갖추고 싶어하는 Product Engineer 들이 모여 Next.js 에 관한 모든 질문에 대해 함께 공부하고 대답하는 채널이어요 :)

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • Next.js 써왔지만, 기술면접만 보면 말문이 막히는 분

  • '그냥 쓰는 개발자'에서 '깊이 알고 쓰는 전문가'로 성장하고 싶은 분

  • Next.js 소스코드 분석하고 싶은데 어디서 시작할지 막막한 분

  • AI 시대, 본질적인 프론트엔드 엔지니어의 경쟁력을 갖추고 싶은 분

안녕하세요
Boaz입니다.

130

수강생

7

수강평

8

답변

4.9

강의 평점

1

강의

안녕하세요. Boaz 입니다.
총 4번의 이직을 거치며 다양한 스타트업을 경험 했고, 라인에서 일하다 얼마전 퇴사한 8년 차 프론트엔드 엔지니어입니다.

다양한 프로젝트에서 Next.js 를 활용하며, 저는 많은 시행착오를 겪었어요.
특히 실무에 적용하며 더 좋은 구조를 고민할 때, “왜 이렇게 구성해야 하지?”, “이 기능을 써도 되는 상황인가?” 같은 질문들이 쏟아졌고, 그때부터 단순한 사용법보다 '등장 배경과 동작 원리의 이해'가더 중요하다는 걸 느꼈어요.

이 강의는 단순히 Next.js를 ‘쓸 수 있게’ 만드는 것이 목적은 아니어요.
“왜 이렇게 설계 되었는가?”, “실무에서는 어떤 기준으로 선택해야 하는가?”를 함께 고민하고 싶은 분들을 위해 만들었어요.

단순히 쓸 줄 아는데 그치고 싶지 않았던 과거의 저와 같은 여러분에게, 이 강의가 정리된 관점과 기준을 제시해주는 나침반이 되었으면 합니다 😄

더보기

커리큘럼

전체

30개 ∙ (9시간 25분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

7개

4.9

7개의 수강평

  • jihunkim625님의 프로필 이미지
    jihunkim625

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    지금껏 Next.js를 이용해 여러 프로젝트를 진행해왔었는데, 내가 쓰는 프레임 워크에 대한 이해가 부족하지는 않은가 하는 의문이 항상 있었습니다. 하지만 해당 강의를 수강하고, Next.js라는 리액트 기반 프레임워크를 왜 써야 하는지에 대한 명확한 이해가 머리에 각인된 것 같습니다. 특히, 서버 라우팅과 서버 컴포넌트 개념은 공식 문서를 봐도 이해가 안 가는 부분이 많았는데, 그런 부분을 실제 예제 코드를 통해 배우고 또 강사님의 최대한 직관적인 설명을 통해 쉽게 이해할 수 있었습니다. 그 동안은 프로젝트를 하면서 겉핥기 식으로만 기능을 구현해왔다는 생각이 들었습니다. 그러나 이제는 어떤 기능을 구현할 때에도 '왜 이 방식이 더 나은 선택일까?', '이 구조의 장단점은 무엇일까?'를 함께 고민할 수 있게 되었습니다. 덕분에 Next.js에 대한 두려움도 사라졌고, 더 나아가 어떤 버전이든 새로운 기능이 등장하더라도 쉽게 흡수할 수 있을 것 같은 자신감 역시 생겼습니다. 해당 강의는 표면적인 사용법이 아닌, 본질적인 원리와 설계 의도를 꿰뚫고 싶은 분들께 꼭 추천하고 싶은 강의입니다. Next.js를 제대로 이해하고 싶은 개발자라면 제가 수강한 해당 강의가 전환점이 될 수 있다고 확신합니다.

    • Boaz
      지식공유자

      안녕하세요 먼저 전부 수강해주시고, 수강평까지 작성해주셔서 더욱 감사합니다. 혹시 괜찮으시면 강의에 대한 피드백을 더 자세히 들을 수 있을까요? 좋은 점 아쉬운 점 무엇이든 나눠주시면 개선하는데 큰 도움이 될것 같습니다. 피드백 관련해서는 아래 링크에서 예약해주셔도 좋습니다. https://cal.com/p.e.c/career-coaching 혹시 메일로 주시고 싶으시다면 hkc7180@gmail.com 도 좋습니다. 다시한번 수강해주셔서 감사드립니다.

  • dlawnsdlekd님의 프로필 이미지
    dlawnsdlekd

    수강평 1

    평균 평점 5.0

    5

    20% 수강 후 작성

    최고의 강의입니다. 이 정도로 깊이 있는 강의는 인프런에서 처음 봅니다. Next.js가 왜 이렇게 설계된 건지 납득할 수 있었습니다. 그냥 이것저것 써보면서 의미 없는 공부를 하면 시간이 조금만 지나도 기억에 남지 않습니다. 왜 이렇게 설계되었는지를 알아가면서 공부하면 기억에도 오래 남습니다. 자연스럽게 면접 대비도 같이 되고요. 프로젝트 따라만들기 강의 같은 거에 돈낭비를 많이 한 사람으로서 정말 추천하는 깊이 있는 강의입니다.

    • Boaz
      지식공유자

      안녕하세요 먼저 전부 수강해주시고, 수강평까지 작성해주셔서 더욱 감사합니다. 혹시 괜찮으시면 강의에 대한 피드백을 더 자세히 들을 수 있을까요? 좋은 점 아쉬운 점 무엇이든 나눠주시면 개선하는데 큰 도움이 될것 같습니다. 피드백 관련해서는 아래 링크에서 예약해주셔도 좋습니다. https://cal.com/p.e.c/career-coaching 혹시 메일로 주시고 싶으시다면 hkc7180@gmail.com 도 좋습니다. 다시한번 수강해주셔서 감사드립니다.

  • 조용준 (Near)님의 프로필 이미지
    조용준 (Near)

    수강평 25

    평균 평점 5.0

    5

    10% 수강 후 작성

    Next.js를 단순히 써본 적 있다에서 원리를 꿰뚫는 단계로 업그레이드해주는 강의였습니다. 기술은 계속 빠르게 변하지만, 본질적인 원리를 이해하면 변화에도 쉽게 적응할 수 있더라구요. Next.js를 사용하고 있지만 '왜 이런 구조가 필요할까?' 하는 의문을 가진 분들께 추천드려요! 좋은 강의 감사합니다 🥰

    • 주구름님의 프로필 이미지
      주구름

      수강평 1

      평균 평점 5.0

      5

      100% 수강 후 작성

      Next.js는 빠른 주기로 버전 업데이트를 거쳐왔습니다. 이번 강의를 들으면서 Next.js의 버전 업데이트가 단순한 기능 추가가 아니라, 실제로 어떤 한계를 극복하고 더 나은 개발 경험을 제공하기 위해 변화해왔는지를 깊이 이해할 수 있었습니다. 유튜브를 통해 처음 접했는데, 매번 좋은 강의 올려주셔서 감사합니다.

      • Boaz
        지식공유자

        안녕하세요 먼저 전부 수강해주시고, 수강평까지 작성해주셔서 더욱 감사합니다. 혹시 괜찮으시면 강의에 대한 피드백을 들을 수 있을까요? 좋은 점 아쉬운 점 무엇이든 나눠주시면 개선하는데 큰 도움이 될것 같습니다. 피드백 관련해서는 아래 링크에서 예약해주셔도 좋습니다. https://cal.com/p.e.c/career-coaching 혹시 메일로 주시고 싶으시다면 hkc7180@gmail.com 도 좋습니다. 다시한번 수강해주셔서 감사드립니다.

    • 냠냠굿님의 프로필 이미지
      냠냠굿

      수강평 12

      평균 평점 5.0

      5

      31% 수강 후 작성

      단순히 코드 작성법만 알려주는 초급 강의와는 차원이 다릅니다. Next.js의 라우팅, 데이터 페칭, 렌더링에 대한 철학적 배경과 기술적 구현 방식을 깊이 있게 다루고 있어요. 특히 'Next.js 라우팅은 어떻게 구현했을까?', '왜 Dynamic Route의 params는 promise로 바뀌었나?' 같은 주제는 단순히 사용법이 아닌 '왜' 그렇게 설계되었는지 이해할 수 있게 해줍니다. 실무에서 무작정 'use client'로 CSR만 사용하던 제게 Server Component의 본질과 최적화 포인트를 명확히 이해시켜준 유일한 강의입니다. 이제야 Next.js를 제대로 활용할 수 있게 된거같습니다. 다음 강의도 정말 기대가 됩니다!

      비슷한 강의

      같은 분야의 다른 강의를 만나보세요!

      월 ₩30,800

      5개월 할부 시

      ₩154,000