![따라하며 배우는 리액트 A-Z[19버전 반영]강의 썸네일](https://cdn.inflearn.com/public/courses/329170/cover/223c54c0-9220-4937-836d-70a36be3eb1c/329170-eng.png?w=420)
따라하며 배우는 리액트 A-Z[19버전 반영]
John Ahn
이 강의를 통해 리액트 기초부터 중급까지 배우게 됩니다. 하나의 강의로 개념도 익히고 실습도 하며, 리액트를 위해 필요한 대부분의 지식을 한번에 습득할 수 있도록 만들었습니다.
초급
React, Next.js, TypeScript
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.
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
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.
236
Learners
18
Reviews
15
Answers
4.7
Rating
1
Course
안녕하세요. Boaz 입니다.
총 4번의 이직을 거치며 다양한 스타트업을 경험 했고, 라인에서 일하다 얼마전 퇴사한 8년 차 프론트엔드 엔지니어입니다.
다양한 프로젝트에서 Next.js 를 활용하며, 저는 많은 시행착오를 겪었어요.
특히 실무에 적용하며 더 좋은 구조를 고민할 때, “왜 이렇게 구성해야 하지?”, “이 기능을 써도 되는 상황인가?” 같은 질문들이 쏟아졌고, 그때부터 단순한 사용법보다 '등장 배경과 동작 원리의 이해'가더 중요하다는 걸 느꼈어요.
이 강의는 단순히 Next.js를 ‘쓸 수 있게’ 만드는 것이 목적은 아니어요.
“왜 이렇게 설계 되었는가?”, “실무에서는 어떤 기준으로 선택해야 하는가?”를 함께 고민하고 싶은 분들을 위해 만들었어요.
단순히 쓸 줄 아는데 그치고 싶지 않았던 과거의 저와 같은 여러분에게, 이 강의가 정리된 관점과 기준을 제시해주는 나침반이 되었으면 합니다 😄
All
31 lectures ∙ (9hr 51min)
All
18 reviews
4.7
18 reviews
Reviews 14
∙
Average Rating 5.0
5
단순히 코드 작성법만 알려주는 초급 강의와는 차원이 다릅니다. Next.js의 라우팅, 데이터 페칭, 렌더링에 대한 철학적 배경과 기술적 구현 방식을 깊이 있게 다루고 있어요. 특히 'Next.js 라우팅은 어떻게 구현했을까?', '왜 Dynamic Route의 params는 promise로 바뀌었나?' 같은 주제는 단순히 사용법이 아닌 '왜' 그렇게 설계되었는지 이해할 수 있게 해줍니다. 실무에서 무작정 'use client'로 CSR만 사용하던 제게 Server Component의 본질과 최적화 포인트를 명확히 이해시켜준 유일한 강의입니다. 이제야 Next.js를 제대로 활용할 수 있게 된거같습니다. 다음 강의도 정말 기대가 됩니다!
Reviews 1
∙
Average Rating 5.0
5
지금껏 Next.js를 이용해 여러 프로젝트를 진행해왔었는데, 내가 쓰는 프레임 워크에 대한 이해가 부족하지는 않은가 하는 의문이 항상 있었습니다. 하지만 해당 강의를 수강하고, Next.js라는 리액트 기반 프레임워크를 왜 써야 하는지에 대한 명확한 이해가 머리에 각인된 것 같습니다. 특히, 서버 라우팅과 서버 컴포넌트 개념은 공식 문서를 봐도 이해가 안 가는 부분이 많았는데, 그런 부분을 실제 예제 코드를 통해 배우고 또 강사님의 최대한 직관적인 설명을 통해 쉽게 이해할 수 있었습니다. 그 동안은 프로젝트를 하면서 겉핥기 식으로만 기능을 구현해왔다는 생각이 들었습니다. 그러나 이제는 어떤 기능을 구현할 때에도 '왜 이 방식이 더 나은 선택일까?', '이 구조의 장단점은 무엇일까?'를 함께 고민할 수 있게 되었습니다. 덕분에 Next.js에 대한 두려움도 사라졌고, 더 나아가 어떤 버전이든 새로운 기능이 등장하더라도 쉽게 흡수할 수 있을 것 같은 자신감 역시 생겼습니다. 해당 강의는 표면적인 사용법이 아닌, 본질적인 원리와 설계 의도를 꿰뚫고 싶은 분들께 꼭 추천하고 싶은 강의입니다. Next.js를 제대로 이해하고 싶은 개발자라면 제가 수강한 해당 강의가 전환점이 될 수 있다고 확신합니다.
안녕하세요 먼저 전부 수강해주시고, 수강평까지 작성해주셔서 더욱 감사합니다. 혹시 괜찮으시면 강의에 대한 피드백을 더 자세히 들을 수 있을까요? 좋은 점 아쉬운 점 무엇이든 나눠주시면 개선하는데 큰 도움이 될것 같습니다. 피드백 관련해서는 아래 링크에서 예약해주셔도 좋습니다. https://cal.com/p.e.c/career-coaching 혹시 메일로 주시고 싶으시다면 hkc7180@gmail.com 도 좋습니다. 다시한번 수강해주셔서 감사드립니다.
Reviews 1
∙
Average Rating 5.0
5
최고의 강의입니다. 이 정도로 깊이 있는 강의는 인프런에서 처음 봅니다. Next.js가 왜 이렇게 설계된 건지 납득할 수 있었습니다. 그냥 이것저것 써보면서 의미 없는 공부를 하면 시간이 조금만 지나도 기억에 남지 않습니다. 왜 이렇게 설계되었는지를 알아가면서 공부하면 기억에도 오래 남습니다. 자연스럽게 면접 대비도 같이 되고요. 프로젝트 따라만들기 강의 같은 거에 돈낭비를 많이 한 사람으로서 정말 추천하는 깊이 있는 강의입니다.
안녕하세요 먼저 전부 수강해주시고, 수강평까지 작성해주셔서 더욱 감사합니다. 혹시 괜찮으시면 강의에 대한 피드백을 더 자세히 들을 수 있을까요? 좋은 점 아쉬운 점 무엇이든 나눠주시면 개선하는데 큰 도움이 될것 같습니다. 피드백 관련해서는 아래 링크에서 예약해주셔도 좋습니다. https://cal.com/p.e.c/career-coaching 혹시 메일로 주시고 싶으시다면 hkc7180@gmail.com 도 좋습니다. 다시한번 수강해주셔서 감사드립니다.
Reviews 25
∙
Average Rating 5.0
$118.80
Explore other courses in the same field!