한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
이정환 Winterlood
개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!
초급
JavaScript, React, Node.js
BEST
一口サイズで食べるNext.js(v15)
一口シリーズの3番目の作品！世界で最もKindで詳細なNext.js(15+)講義です。App Routerだけでなく、Page Routerまでプロジェクトを通して学習します。
学習した受講者のレビュー
こんなことが学べます
最新のNext.js（v15以上）の概念について見ていきます。
Page RouterからApp Routerまでほとんどの概念を見ていきます。
サーバーコンポーネント、ページルーティング、レイアウト設定、データフェッチング、ストリーミング、デプロイなどの様々な概念を見ていきます
皆様の多くの愛のおかげで、本講義が書籍としても出版されました。心より感謝いたします🙇♂
こんな方に
おすすめです
学習対象は
誰でしょう？
一口シリーズの受講生の皆さん
Next.jsを初めて始める入門者の方々
最新のNext.js（15+）バージョンで学んでみたい方
親切で詳細な講義をお探しの方
前提知識、
必要でしょうか？
React.js (基礎)
TypeScript (基礎)
32,372
受講生
1,973
受講レビュー
1,396
回答
4.9
講座評価
6
講座
웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!
안녕하세요 🙇♂
저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자
세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.
📚 도서
📹 강의
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
カリキュラム
全体
66件 ∙ (15時間 33分)
講座資料（こうぎしりょう）:
授業資料
11. 2.3) ナビゲーション
07:12
12. 2.4) プリフェッチ
14:35
13. 2.5) API ルート
06:13
14. 2.6) スタイリング
09:16
16. 2.8) ページ別レイアウト設定
26:14
17. 2.9) 한입북스 UI 実装
33:32
20. 2.12) SSR 2. 実習
27:15
21. 2.13) SSG 1. 紹介
06:14
27. 2.19) SEO 設定
15:06
28. 2.20) 配布
12:18
講座掲載日:
最終更新日:
受講レビュー
全体
410件
5.0
410件の受講レビュー
프론트취준受講レビュー 14
∙
平均評価 5.0
5
25% 受講後に作成Next.js 강의는? 이정환. React.js 강의도? 이정환. TypeScript 강의도? 이정환. 공식입니다. 암기하십쇼. 시각적 자료와 딕션으로 머리에 때려박아주십니다. 이래도 결제 안 해? 독하다 독해. 아래 질문에 대답하기 어렵거나 헷갈리는 개념이 있다면 결제 하십셔. 도움 됩니다. 1. React와 Next.js를 사용했을 때 각 차이점을 TTV, TTI 관점에서 설명해 주세요. 2. Next.js 사전 렌더링에 대해서 설명해 주세요. 3. Next.js 프리페칭에 대해서 설명해 주세요. 4. Next.js 하이드레이션은 어느 시점에 이루어지나요? 5. Next.js 데이터 페칭은 어느 시점에 이루어지나요? 저는 하나도 몰랐는데 이제 대답할 수 있습니다. 시각 자료로 친절하게 떠먹여 주십니다. 잊을만 하면 복습 차원으로 가져와서 머리 속에 때려박아 주십니다. 원래 이렇게까지 후기 안 남기려고 했는데.. 강의질 높이려고 노력하신 티가 팍팍나서 후기를 안 남길 수 없었습니다. 진짜 무서운 점은 아직 강의 초반부인데 이 정도 수확을 얻을 수 있다는 거네요. (이제 고민 그만하고 결제하러 갑시다. 이래도 안 하시는 분 없겠지?)
- bibipapa
受講レビュー 4
∙
平均評価 5.0
- dla1434
受講レビュー 4
∙
平均評価 4.3
5
92% 受講後に作成원래 수강평은 잘 안 남기는데...이번 강의는 만족도가 너무 좋아서 남겨요 일단 제가 몇 개의 next 강의를 봤지만 강의에서 설명하기 어려운 부분은 이렇게 쓰면 되요라고 사용법만 알려주고 넘어가는 경우가 대부분이여서 항상 왜 써야 되지?뭐가 다른거지 라는 의문점이 들었는데 공식문서를 찾아봐도 모호한 부분이 많아서 이해가 안 되는 부분이 있었는데 이 강의를 보고 대부분 이해가 되었습니다 일단 설명과 자료도 이해하기 쉽게 되어 있고 이론을 설명한 뒤 다시 한번 실습으로 직접 보여주셔서 이번 강의는 제가 본 정환님 강의들 중에서도 최고라고 생각되는 강의였습니다. 기존 강의도 좋았지만 많은 고민과 피드백을 반영하신 결과라고 생각됩니다. 다음 강의도 너무 기대가 됩니다~~ 다음에는 next의 실전편 같은 강의도 제작되면 좋을 거 같습니다.
- itjustbong
受講レビュー 5
∙
平均評価 5.0
5
74% 受講後に作成강의 만족도가 높아서 수강평을 남깁니다! 프론트엔드 개발자이지만, 저는 Page Router 스택에 오랫동안 머물러 있었습니다. App Router에 도전을 안해본 것은 아니지만, 기존의 익숙함 때문인지 자꾸 Page Router를 사용하게 되더라구요... 그치만 어쩌다가 이 강의라도 들으면서 최신 트렌드?를 따라가보자는 생각이었는데, 생각보다 퀄리티가 굉장히 높았고, 제가 자꾸 Page Router로 돌아가는 이유 중에 하나가 App Router를 제대로 이해하지 못하고 있었던 부분도 컸던 것 같습니다. 이 강의를 들으면서 App Router가 어떻게 작동하는 지 이해할 수 있었고, 작은 프로젝트를 진행하면서 App Router에 대한 자신감?도 얻을 수 있었습니다. 이후 강의로 바라는 것이 있다면, App Router로 설정을 진행하면 디자인 시스템이나, 기타 여러 라이브러리? 들이 제대로 작동하지 않아 설정에 어려움을 겪는 경우도 있는데, 이런 설정들을 모두 포함한 실전편(혹은 고급편)도 있으면 좋을 것 같습니다! 감사합니다!
￥5,802
winterloodの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core강의 썸네일](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
![[코드팩토리] [초급] 8시간만에 끝내는 코드팩토리의 Typescript 완전정복 풀코스강의 썸네일](https://cdn.inflearn.com/public/courses/330970/cover/3c24c2b8-9dc1-44ed-af4e-2b58542a6504/330970-eng.png?f=avif&w=420)
![[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)강의 썸네일](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
![[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)강의 썸네일](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
