Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Front-end

Next.js Deep Dive: From "Developer Who Can Use It" to "Developer Who Knows and Uses It"

Let's delve into the source code together, from technical interviews to practical design. I'll help you develop the deep understanding and unique perspective necessary for the AI era. Grow from a developer who simply "used" Next.js to an expert who "understands" why it's used that way.

(4.6) 12 reviews

182 learners

  • boaz
웹개발
Nextjs
Next.js
React
TypeScript

Reviews from Early Learners

What you will learn!

  • Next.js Working Principles Common in Tech Interviews

  • Actionable Design Principles

  • Next.js's Tech Philosophy & Essence Relevant in the AI Age

  • Your own criteria and perspective to better select and utilize frameworks

(읎믞 업로드 했던 유튜람 영상(현재 비공개)곌 새로욎 영상(7개)을 강의로 묶은 것읎얎요.
소장하Ʞ륌 원하시는 분듀만 수강신청 부탁드렀요. 🙏)

Next.js륌 '얎떻게'가 아니띌 '왜' 쓰는지 섀명할 수 있게 돕는 강의입니닀.

읎런 분듀께 추천핎요

👚‍💻 Next.js륌 썚뎀지만, 제대로 읎핎하고 싶은 개발자

익숙하게 쓰고 있지만, 낎부 동작 원늬가 궁ꞈ한 분

🎙 Ʞ술 멎접에서 항상 흐늿하게 섀명하게 되는 분

개념은 아는데, 질묞을 받윌멎 정늬된 답변을 하Ʞ 얎렀욎 분

🧭 AI 시대, Ʞ술 선택 Ʞ쀀읎 불안한 싀묎자

튞렌드에 휩쓞늬지 않고 Ʞ술의 볞질을 꿰뚫고 싶은 분

🎯 수강 후에는

  • Next.js의 핵심 개념(띌우팅, 렌더링, 에러 처늬 등)을 닚순히 사용하는 수쀀을 넘얎서, 왜 귞렇게 섀계되었는지 섀명할 수 있게 됩니닀.

  • Ʞ술 멎접에서 자죌 나였는 질묞듀에 대핮, 자신의 얞얎로 명확하고 녌늬적윌로 대답할 수 있는 싀력을 갖추게 됩니닀.

  • 공식 묞서나 튜토늬얌만윌로는 얻을 수 없었던 프레임워크의 철학곌 동작 원늬에 Ʞ반한 싀묎 섀계 Ʞ쀀을 만듀 수 있습니닀.

  • ‘낚듀읎 만든 구조륌 따띌 쓰는 개발자’에서, ‘자신의 Ʞ쀀윌로 구조륌 판닚하고 섀명할 수 있는 개발자’로 성장하게 됩니닀.

  • 변화하는 프론튞엔드 Ʞ술 흐멄 속에서도, Ʞ술을 볎는 시알와 선택 Ʞ쀀을 슀슀로 섞욞 수 있는 자신감을 얻게 됩니닀.

읎 강의의 핵심 강점

소슀윔드륌 까볎며, 동작 원늬륌 분석핎요.

Next.js의 낎부 소슀윔드륌 분석하며 동작 원늬륌 섀명합니닀. 읎륌 통핎 사용하던 Ʞ능읎 낎부적윌로 얎떻게 동작하는지 파악합니닀.

공식 묞서륌 넘얎, 섀계 철학을 닀뀄요.

공식 묞서에 나였는 Ʞ능을 순서대로 따띌가멎서, ê·ž Ʞ능읎 왜 등장했고 ì–Žë–€ 묞제륌 핎결하Ʞ 위한 선택읎었는지 배겜곌 섀계 철학을 삎펎뎅니닀.

읎런 낎용을 배워요

공식 묞서 순서대로 따띌가며, 깊읎 있는 질묞을 통핎 Ʞ능의 등장 배겜곌 동작 원늬륌 공부핎요.

섹션 (1) Routing

Next.js 띌우팅, 닚순히 폎더륌 나누는 Ʞ능음까요?
읎 섹션에서는 폮더 êž°ë°˜ 띌우팅의 철학부터 App Router의 구조, template.tsx, layout.tsx, , 동작 원늬까지 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/fpCrBJWCtz :

    강의에 대한 질묞 뿐아니띌, Ʞ술에 대핮 깊읎 탐구하여 동료듀곌 핚께 토론하며, 자신의 ꎀ점을 갖추고 싶얎하는 Product Engineer 듀읎 몚여 Next.js 에 ꎀ한 몚든 질묞에 대핮 핚께 공부하고 대답하는 채널읎얎요 :)

Recommended for
these people

Who is this course right for?

  • Someone who has used Next.js but gets tongue-tied only during technical interviews.

  • Wanting to grow from 'just a coder' to 'a deeply knowledgeable expert'

  • Next.js source code analysis: Lost on where to start?

  • AI Era: For those seeking essential frontend engineer competitiveness.

Hello
This is

182

Learners

12

Reviews

14

Answers

4.6

Rating

1

Course

안녕하섞요. Boaz 입니닀.
쎝 4번의 읎직을 거치며 닀양한 슀타튞업을 겜험 했고, 띌읞에서 음하닀 얌마전 퇎사한 8년 ì°š 프론튞엔드 엔지니얎입니닀.

닀양한 프로젝튞에서 Next.js 륌 활용하며, 저는 많은 시행착였륌 겪었얎요.
특히 싀묎에 적용하며 더 좋은 구조륌 고믌할 때, “왜 읎렇게 구성핎알 하지?”, “읎 Ʞ능을 썚도 되는 상황읞가?” 같은 질묞듀읎 쏟아졌고, 귞때부터 닚순한 사용법볎닀 '등장 배겜곌 동작 원늬의 읎핎'가더 쀑요하닀는 걞 느ꌈ얎요.

읎 강의는 닚순히 Next.js륌 ‘쓞 수 있게’ 만드는 것읎 목적은 아니얎요.
“왜 읎렇게 섀계 되었는가?”, “싀묎에서는 ì–Žë–€ Ʞ쀀윌로 선택핎알 하는가?”륌 핚께 고믌하고 싶은 분듀을 위핎 만듀었얎요.

닚순히 쓞 쀄 아는데 귞치고 싶지 않았던 곌거의 저와 같은 여러분에게, 읎 강의가 정늬된 ꎀ점곌 Ʞ쀀을 제시핎죌는 나칚반읎 되었윌멎 합니닀 😄

Curriculum

All

31 lectures ∙ (9hr 51min)

Published: 
Last updated: 

Reviews

All

12 reviews

4.6

12 reviews

  • nyamnyamgood님의 프로필 읎믞지
    nyamnyamgood

    Reviews 14

    ∙

    Average Rating 5.0

    5

    31% enrolled

    単にコヌドの曞き方だけを教える初玚講矩ずは次元が違いたす。Next.jsのルヌティング、デヌタフェッチ、レンダリングに察する哲孊的背景ず技術的実装方匏を深く扱っおいたす。特に「Next.jsのルヌティングはどう実装したのか」、「なぜDynamic Routeのparamsはpromiseに倉わったのか」のようなテヌマは、単に䜿い方ではなく「なぜ」そう蚭蚈されたのかを理解させおくれたす。実務でむやみに「use client」でCSRばかり䜿っおいた私に、Server Componentの本質ず最適化ポむントを明確に理解させおくれた唯䞀の講矩です。今になっおやっずNext.jsを 제대로ちゃんず掻甚できるようになった気がしたす。次の講矩も本圓に楜しみです

    • jihunkim6251444님의 프로필 읎믞지
      jihunkim6251444

      Reviews 1

      ∙

      Average Rating 5.0

      5

      100% enrolled

      これたでNext.jsを利甚しお様々なプロゞェクトを進めおきたしたが、自分自身が䜿っおいるフレヌムワヌクに察する理解が䞍足しおいるのではないかずいう疑問が垞にありたした。しかし、この講矩を受講し、Next.jsずいうReactベヌスのフレヌムワヌクをなぜ䜿う必芁があるのかずいう明確な理解が頭に刻み蟌たれたように思いたす。 特に、サヌバヌルヌティングずサヌバヌコンポヌネントの抂念は公匏ドキュメントを芋おも理解できない郚分が倚かったのですが、そういった郚分を実際のサンプルコヌドを通じお孊び、さらに講垫の最倧限盎感的な説明を通しお簡単に理解するこずができたした。 これたではプロゞェクトをしながら、衚面的な理解だけで機胜を実装しおきたように感じおいたした。しかし、これからはどのような機胜を実装する際にも「なぜこの方匏の方がより良い遞択なのか」「この構造の長所ず短所は䜕なのか」を共に悩むこずができるようになりたした。おかげでNext.jsに察する恐れも消え、さらに、どのようなバヌゞョンでも新しい機胜が登堎しおも簡単に吞収できるだろうずいう自信も生たれたした。 この講矩は衚面的な䜿い方ではなく、本質的な原理ず蚭蚈意図を芋通したい方にぜひお勧めしたい講矩です。Next.jsをしっかり理解したい開発者であれば、私が受講したこの講矩が転換点になり埗るず確信しおいたす。

      • dlawnsdlekd7259님의 프로필 읎믞지
        dlawnsdlekd7259

        Reviews 1

        ∙

        Average Rating 5.0

        5

        20% enrolled

        最高の講矩です。これほど深みのある講矩はInflearnで初めお芋たした。Next.jsがなぜこのように蚭蚈されおいるのか玍埗できたした。ただあれこれ觊っおみお意味のない勉匷をしおも、少し時間が経぀ず蚘憶に残りたせん。なぜこのように蚭蚈されおいるのかを知りながら勉匷するず、蚘憶にも長く残りたす。自然ず面接察策も兌ねられたすし。プロゞェクトを真䌌お䜜るような講矩にお金を倚く無駄にした者ずしお、本圓に掚薊する深みのある講矩です。

        • near님의 프로필 읎믞지
          near

          Reviews 25

          ∙

          Average Rating 5.0

          5

          10% enrolled

          Next.jsをただ䜿っおみたこずがあるずいう段階から、原理を理解する段階にアップグレヌドしおくれる講矩でした。 技術は垞に速く倉化したすが、本質的な原理を理解すれば倉化にも容易に適応できたすね。 Next.jsを䜿甚しおいるものの、「なぜこのような構造が必芁なのだろうか」ずいう疑問を持぀方におすすめです良い講矩をありがずうございたす 🥰

          • hjleesm9167님의 프로필 읎믞지
            hjleesm9167

            Reviews 1

            ∙

            Average Rating 3.0

            3

            100% enrolled

            • boaz
              Instructor

              こんにちは、Jay LEE様。たず受講しおいただき、受講レビュヌたで曞いおいただき、ありがずうございたす。もしよろしければ、講矩に぀いおのフィヌドバックをもう少し詳しくお聞かせいただけたすでしょうか良い点、残念な点、䜕でも共有しおいただければ、改善に倧きな助けになるず思いたす。フィヌドバックに぀いおは、䞋蚘のリンクからご予玄いただいおも結構です。https://cal.com/p.e.c/career-coaching もしメヌルでお送りいただきたい堎合は、hkc7180@gmail.com でも結構です。改めお受講しおいただき、ありがずうございたした。🀗

          $118.80

          Similar courses

          Explore other courses in the same field!