한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
이정환 Winterlood
개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!
초급
JavaScript, React, Node.js
The 3rd work in the One Bite series! The world's most kind and detailed Next.js (15+) course. We'll explore not only App Router but also Page Router through projects.
We'll explore the latest Next.js (v15 and above) concepts.
We'll explore most concepts from Page Router to App Router.
We'll explore various concepts including server components, page routing, layout configuration, data fetching, streaming, and deployment.
Who is this course right for?
Students of the One Bite series
Beginners who are just starting with Next.js
Those who want to learn with the latest Next.js (15+) version
Those looking for kind and detailed lectures
Need to know before starting?
React.js (Basics)
TypeScript (Basics)
30,718
Learners
1,719
Reviews
1,345
Answers
4.9
Rating
5
Courses
웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!
안녕하세요 🙇♂
저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자
세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.
📚 도서
📹 강의
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
All
66 lectures ∙ (15hr 33min)
Course Materials:
11. 2.3) Navigating
07:12
12. 2.4) Prefetching
14:35
13. 2.5) API Routes
06:13
14. 2.6) Styling
09:16
28. 2.20) Deploying
12:18
All
363 reviews
5.0
363 reviews
Reviews 14
∙
Average Rating 5.0
5
Next.js 강의는? 이정환. React.js 강의도? 이정환. TypeScript 강의도? 이정환. 공식입니다. 암기하십쇼. 시각적 자료와 딕션으로 머리에 때려박아주십니다. 이래도 결제 안 해? 독하다 독해. 아래 질문에 대답하기 어렵거나 헷갈리는 개념이 있다면 결제 하십셔. 도움 됩니다. 1. React와 Next.js를 사용했을 때 각 차이점을 TTV, TTI 관점에서 설명해 주세요. 2. Next.js 사전 렌더링에 대해서 설명해 주세요. 3. Next.js 프리페칭에 대해서 설명해 주세요. 4. Next.js 하이드레이션은 어느 시점에 이루어지나요? 5. Next.js 데이터 페칭은 어느 시점에 이루어지나요? 저는 하나도 몰랐는데 이제 대답할 수 있습니다. 시각 자료로 친절하게 떠먹여 주십니다. 잊을만 하면 복습 차원으로 가져와서 머리 속에 때려박아 주십니다. 원래 이렇게까지 후기 안 남기려고 했는데.. 강의질 높이려고 노력하신 티가 팍팍나서 후기를 안 남길 수 없었습니다. 진짜 무서운 점은 아직 강의 초반부인데 이 정도 수확을 얻을 수 있다는 거네요. (이제 고민 그만하고 결제하러 갑시다. 이래도 안 하시는 분 없겠지?)
Reviews 4
∙
Average Rating 5.0
Reviews 4
∙
Average Rating 4.3
5
원래 수강평은 잘 안 남기는데...이번 강의는 만족도가 너무 좋아서 남겨요 일단 제가 몇 개의 next 강의를 봤지만 강의에서 설명하기 어려운 부분은 이렇게 쓰면 되요라고 사용법만 알려주고 넘어가는 경우가 대부분이여서 항상 왜 써야 되지?뭐가 다른거지 라는 의문점이 들었는데 공식문서를 찾아봐도 모호한 부분이 많아서 이해가 안 되는 부분이 있었는데 이 강의를 보고 대부분 이해가 되었습니다 일단 설명과 자료도 이해하기 쉽게 되어 있고 이론을 설명한 뒤 다시 한번 실습으로 직접 보여주셔서 이번 강의는 제가 본 정환님 강의들 중에서도 최고라고 생각되는 강의였습니다. 기존 강의도 좋았지만 많은 고민과 피드백을 반영하신 결과라고 생각됩니다. 다음 강의도 너무 기대가 됩니다~~ 다음에는 next의 실전편 같은 강의도 제작되면 좋을 거 같습니다.
Reviews 5
∙
Average Rating 5.0
5
강의 만족도가 높아서 수강평을 남깁니다! 프론트엔드 개발자이지만, 저는 Page Router 스택에 오랫동안 머물러 있었습니다. App Router에 도전을 안해본 것은 아니지만, 기존의 익숙함 때문인지 자꾸 Page Router를 사용하게 되더라구요... 그치만 어쩌다가 이 강의라도 들으면서 최신 트렌드?를 따라가보자는 생각이었는데, 생각보다 퀄리티가 굉장히 높았고, 제가 자꾸 Page Router로 돌아가는 이유 중에 하나가 App Router를 제대로 이해하지 못하고 있었던 부분도 컸던 것 같습니다. 이 강의를 들으면서 App Router가 어떻게 작동하는 지 이해할 수 있었고, 작은 프로젝트를 진행하면서 App Router에 대한 자신감?도 얻을 수 있었습니다. 이후 강의로 바라는 것이 있다면, App Router로 설정을 진행하면 디자인 시스템이나, 기타 여러 라이브러리? 들이 제대로 작동하지 않아 설정에 어려움을 겪는 경우도 있는데, 이런 설정들을 모두 포함한 실전편(혹은 고급편)도 있으면 좋을 것 같습니다! 감사합니다!
Limited time deal
$36,300.00
25%
$37.40
Check out other courses by the instructor!
Explore other courses in the same field!