Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Front-end

next 14.2最新バージョンの公式文書を入手する

現業で働かなければわからないNext.jsの特別な技術があるわけではありません。

（3.7）受講レビュー 7件

受講生 75名

  • jeong4726
3시간 만에 완강할 수 있는 강의 ⏰
next
Next.js

こんなことが学べます

  • next ルーティング

  • next キャッシュ

  • ネクスト fetch

  • ネクスト基本概念

こんにちはザコーディングクラブです。


現業でしか分からない特別な私だけが知らない技術があると考えられますが。


しかし、ほとんどの理論は公式文書APIの基本概念から派生してきたものであるため、公式文書の概念をしっかりと握っておけば、実力がどんどん成長すると思います。

そのため、講義はnext（現在までの最新14.2）バージョンの公式文書を説明する講義です。
公式文書のすべての内容が重要ですが、中でも重要なセクションだけを選んで講義を撮影しました。


注意事項

  1. 関連実習講義は今後撮影させていただきます。 （講義の紹介で実習講義に言及したものは、その講義には含まれていません。その講義は概念的な部分をカバーします。

  2. 私は別に講義資料を用意せずにnext公式文書
    https://nextjs.org/docs
    を参照して講義を撮影しました。

多くの受講してください。ありがとうございます。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • next最新バージョンの概念を習得したい人

  • next 軽い心で身につけたい方

前提知識、
必要でしょうか？

  • html

  • css

  • javscript

  • react

こんにちは
です。

7,985

受講生

154

受講レビュー

4

回答

4.5

講座評価

9

講座

수강하시는 분들은 IT 계열에 관심 있으실 것 같습니다.
수강하시는 모든 분들이 원하는 목표 성취하셨으면 좋겠습니다.

많은 수강 바래요.

 

 [현업개발 이력] 
2019.03.02 ~ 현재 개발

 

[학력]

경희대학교 전자공학과 졸업 ( 학사 )

カリキュラム

全体

19件 ∙ (2時間 8分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

7件

3.7

7件の受講レビュー

  • coolwu님의 프로필 이미지
    coolwu

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    42% 受講後に作成

    공식 문서를 읽는 것은 재미도 없고 번역도 어색한데, 빠르게 같이 보는 느낌이어서 놓치는 부분을 다시 보고 도움이 많이 됩니다. hydrate와 같은 추상적인 키워드에 대해 별도로 설명해주시면 더 도움이 될 것 같습니다!

    • 더코딩클럽
      知識共有者

      안녕하세요 coolwu님 댓글 감사드립니다. 공식문서를 어려워 하시는 분들을 위해서 강의 촬영한 것입니다. 알아주셔서 감사합니다!! 네 hydrate와 같은 개념을 추가적으로 설명했으면 더 좋았겠네요. 조언 반면교사 삼아서 다음번 강의는 더 심혈을 기울여서 촬영하겠습니다.

  • 무지55님의 프로필 이미지
    무지55

    受講レビュー 5

    ∙

    平均評価 4.2

    5

    53% 受講後に作成

    혼자 공식문서를 보고 공부할때 이해가 가지 않은부분이 여럿 있었습니다. 해당 강의를 보았을때 보다 자세히 설명해주는부분이 좋았습니다. 찾아보니 리액트도 같은강의가 있는대 넥스트 끝내고 바로 들으로 가겠습니당

    • 더코딩클럽
      知識共有者

      안녕하세요 무지님 댓글 감사드립니다. 후기 길게 적어주시고 리액트 강의까지 언급해주셔서 감사드립니다:) 원하시는 목표 꼭 이루시길 바랍니다!

  • 유대상님의 프로필 이미지
    유대상

    受講レビュー 16

    ∙

    平均評価 4.8

    4

    100% 受講後に作成

    • monkey-k 777님의 프로필 이미지
      monkey-k 777

      受講レビュー 37

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      • leo pug님의 프로필 이미지
        leo pug

        受講レビュー 4

        ∙

        平均評価 5.0

        5

        32% 受講後に作成

        ￥1,340

        jeong4726の他の講座

        知識共有者の他の講座を見てみましょう！

        컴퓨터구조, 네트워크 기본 개념 정리강의 썸네일

        컴퓨터구조, 네트워크 기본 개념 정리

        더코딩클럽

        이강의를 통해 수강생은 컴퓨터의 구조, 네트워크의 전반적인 개념과 흐름을 알 수 있습니다.

        초급

        초급

        cpu, 네트워크

        컴퓨터구조, 네트워크 기본 개념 정리강의 썸네일

        컴퓨터구조, 네트워크 기본 개념 정리

        더코딩클럽

        데이터베이스, 운영체제 기본 개념 정리강의 썸네일

        데이터베이스, 운영체제 기본 개념 정리

        더코딩클럽

        이강의를 통해 수강생은 데이터베이스, 운영체제의 전반적인 개념과 흐름을 알 수 있습니다.

        초급

        초급

        DBMS/RDBMS, 운영체제

        데이터베이스, 운영체제 기본 개념 정리강의 썸네일

        데이터베이스, 운영체제 기본 개념 정리

        더코딩클럽

        웹개발 왕초보 탈출하기강의 썸네일

        웹개발 왕초보 탈출하기

        더코딩클럽

        이 강의를 통해 수강생은 HTML, CSS, JS의 전반적인 지식을 배울 수 있습니다.

        입문

        입문

        HTML/CSS, JavaScript

        웹개발 왕초보 탈출하기강의 썸네일

        웹개발 왕초보 탈출하기

        더코딩클럽

        리액트 최신버전 공식문서 파먹기강의 썸네일

        리액트 최신버전 공식문서 파먹기

        더코딩클럽

        현업에서 일해야만 알 수 있는 React의 특별한 기술이 있는게 아닙니다. 기본기로 충분합니다. React 공식문서를 토대로 설명 드립니다.

        초급

        초급

        React, React Context, react.js

        리액트 최신버전 공식문서 파먹기강의 썸네일

        리액트 최신버전 공식문서 파먹기

        더코딩클럽

        알고리즘 기본 개념강의 썸네일

        알고리즘 기본 개념

        더코딩클럽

        이강의를 통해 수강생은 알고리즘의 전반적인 개념을 익힐 수 있습니다.

        초급

        초급

        알고리즘

        알고리즘 기본 개념강의 썸네일

        알고리즘 기본 개념

        더코딩클럽

        자료구조 기본 개념 정리강의 썸네일

        자료구조 기본 개념 정리

        더코딩클럽

        이강의를 통해 수강생은 자료구조의 전반적인 개념을 익힐 수 있습니다.

        초급

        초급

        알고리즘, 컴퓨터 구조

        자료구조 기본 개념 정리강의 썸네일

        자료구조 기본 개념 정리

        더코딩클럽

        모바일, 태블릿, pc 반응형 인스타그램 클론코딩강의 썸네일

        모바일, 태블릿, pc 반응형 인스타그램 클론코딩

        더코딩클럽

        이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

        초급

        초급

        HTML/CSS, JavaScript, 클론코딩

        모바일, 태블릿, pc 반응형 인스타그램 클론코딩강의 썸네일

        모바일, 태블릿, pc 반응형 인스타그램 클론코딩

        더코딩클럽

        IT입문자를 위한 전반적인 개념 정리강의 썸네일

        IT입문자를 위한 전반적인 개념 정리

        더코딩클럽

        이 강의를 통해 수강생은 IT의 전반적인 흐름을 배울 수 있습니다.

        입문

        입문

        IT 서비스 관리, 컴퓨터 구조

        IT입문자를 위한 전반적인 개념 정리강의 썸네일

        IT입문자를 위한 전반적인 개념 정리

        더코딩클럽

        似ている講座

        同じ分野の他の講座を見てみましょう！

        손에 익는 Next.js - 공식 문서 훑어보기강의 썸네일

        손에 익는 Next.js - 공식 문서 훑어보기

        하조은

        공식 문서로 최신 Next.js를 배워봅니다. 문제 해결의 도구로써 Next.js가 필요한 이유를 이해하실 수 있어요!

        초급

        초급

        Next.js, next.js13, React

        손에 익는 Next.js - 공식 문서 훑어보기강의 썸네일

        손에 익는 Next.js - 공식 문서 훑어보기

        하조은

        Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)강의 썸네일

        Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

        도도(코딩루팡)

        Firebase의 SQL버전! Supabase를 통해 Next.js 풀 스택 기초를 마스터 할 수 있어요.!

        초급

        초급

        Next.js, supabase, React

        Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)강의 썸네일

        Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

        도도(코딩루팡)

        기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)강의 썸네일

        기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

        도도(코딩루팡)

        React, Next.JS 14, TailwindCss, RadixUI, Shadcn, zustand 으로 YoutubeMusic 웹사이트를 클론합니다. NextJS 기초부터 UI 중점으로 웹프론트 기초를 마스터 할 수 있어요.!

        초급

        초급

        Next.js, React, TailwindCSS

        기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)강의 썸네일

        기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

        도도(코딩루팡)

        인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트강의 썸네일

        인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

        로펀

        🔥 강의 등록부터 영상 업로드까지, 지식공유자 기능을 그대로 구현해보는 실전 풀스택 강의입니다. Next.js 15와 NestJS를 활용해 강의 생성, 커리큘럼 구성, 썸네일 및 영상 업로드, 상세 소개 작성까지 실제 인프런 흐름을 따라 만들며, Prisma 모델링, JWT 인증, S3 + CloudFront 업로드, Swagger API 설계 등 실무에 가까운 경험을 쌓을 수 있습니다.

        초급

        초급

        AWS, Docker, Next.js

        인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트강의 썸네일

        인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

        로펀

        찍어먹는 Next.js 풀코스 (한국어 더빙)강의 썸네일

        찍어먹는 Next.js 풀코스 (한국어 더빙)

        ludgi

        찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

        중급이상

        중급이상

        Next.js, React, GraphQL

        찍어먹는 Next.js 풀코스 (한국어 더빙)강의 썸네일

        찍어먹는 Next.js 풀코스 (한국어 더빙)

        ludgi

        [풀스택 입문] Firebase보다 10배 좋은 Supabase강의 썸네일

        [풀스택 입문] Firebase보다 10배 좋은 Supabase

        로펀

        풀스택 개발에 날개를 달아줄 Supabase! Firebase의 상위호환인 Supabase로 풀스택 개발을 2시간만에 완성합니다.

        초급

        초급

        PostgreSQL, Next.js, TailwindCSS

        [풀스택 입문] Firebase보다 10배 좋은 Supabase강의 썸네일

        [풀스택 입문] Firebase보다 10배 좋은 Supabase

        로펀

        공식문서로 배우는 실전 타입스크립트강의 썸네일

        공식문서로 배우는 실전 타입스크립트

        어쩔코딩

        타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

        입문

        입문

        TypeScript, JavaScript, ES6

        공식문서로 배우는 실전 타입스크립트강의 썸네일

        공식문서로 배우는 실전 타입스크립트

        어쩔코딩

        프론트엔드 마스터클래스강의 썸네일

        프론트엔드 마스터클래스

        한상훈

        웹 개발 최소 1년 이상의 학생 및 실무자들을 위한 고급 프론트엔드 강좌입니다. 가장 좋은 대상은 현업에서 2~3년 이상의 경험을 하고, 실력의 정체기 또는 대형 기업에서 고려해야하는 제품 구조에 대해 배우고 싶은 분들을 위해 만들어졌습니다.

        중급이상

        중급이상

        JavaScript, React, 함수형 프로그래밍

        프론트엔드 마스터클래스강의 썸네일

        프론트엔드 마스터클래스

        한상훈

        바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기강의 썸네일

        바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

        ludgi

        Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

        초급

        초급

        Next.js, FastAPI, whisper

        바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기강의 썸네일

        바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

        ludgi

        비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)강의 썸네일

        비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

        체험코딩

        이 강의를 모두 들으시고, 응용하면 여러분만의 사이트, 앱을 만들 수 있어요. 이 강의는 Cursor AI 를 이용하여, 우리 가족만을 위한 단톡방을 Web사이트로 만들면서, 코딩의 흐름을 자연스럽게 익혀보는 바이브코딩 입문 강의입니다. App 개발자 계정이나 맥북 없이, 윈도우 환경만으로도 개발을 몰라도 누구나 쉽게 따라 할 수 있고, 실제 웹사이트로 배포하는 법도 배웁니다.

        입문

        입문

        Firebase, Next.js, vercel

        비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)강의 썸네일

        비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

        체험코딩

        찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)강의 썸네일

        찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

        ludgi

        찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

        중급이상

        중급이상

        Next.js, React, GraphQL

        찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)강의 썸네일

        찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

        ludgi

        웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크강의 썸네일

        웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

        코드캠프

        웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

        초급

        초급

        React, Next.js, expo

        웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크강의 썸네일

        웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

        코드캠프

        비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

        딩코딩코

        코딩 몰라도 OK! 당신의 아이디어를 단 4주 만에 실제 수익으로 바꿔보세요. AI와 최신 도구를 활용해, 웹사이트와 앱을 동시에 만들고 바로 서비스까지 연결합니다.

        입문

        입문

        Flutter, Next.js, cursor

        비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

        딩코딩코