첫 강의를 출시한 지 5년이 됐습니다.
감사한 마음을 담아 한입 시리즈 6개 강의 모두
을 드립니다.
쿠폰은 11월 8일(일)까지 사용 가능하며,
한 번 발급한 쿠폰은 24시간 내에 사용해야 합니다.
Next.js 강의는? 이정환. React.js 강의도? 이정환. TypeScript 강의도? 이정환. 공식입니다. 암기하십쇼. 시각적 자료와 딕션으로 머리에 때려박아주십니다. 이래도 결제 안 해? 독하다 독해. 아래 질문에 대답하기 어렵거나 헷갈리는 개념이 있다면 결제 하십셔. 도움 됩니다. 1. React와 Next.js를 사용했을 때 각 차이점을 TTV, TTI 관점에서 설명해 주세요. 2. Next.js 사전 렌더링에 대해서 설명해 주세요. 3. Next.js 프리페칭에 대해서 설명해 주세요. 4. Next.js 하이드레이션은 어느 시점에 이루어지나요? 5. Next.js 데이터 페칭은 어느 시점에 이루어지나요? 저는 하나도 몰랐는데 이제 대답할 수 있습니다. 시각 자료로 친절하게 떠먹여 주십니다. 잊을만 하면 복습 차원으로 가져와서 머리 속에 때려박아 주십니다. 원래 이렇게까지 후기 안 남기려고 했는데.. 강의질 높이려고 노력하신 티가 팍팍나서 후기를 안 남길 수 없었습니다. 진짜 무서운 점은 아직 강의 초반부인데 이 정도 수확을 얻을 수 있다는 거네요. (이제 고민 그만하고 결제하러 갑시다. 이래도 안 하시는 분 없겠지?)
언제나 깔끔하고 명확한 개념정리까지 감사할 따름입니다. 믿고 보는 강의인데 이번 강의도 역시 명불허전이네요 ^^
한입 시리즈는 들을 때마다 즐거웠고, 이번 한입 SNS 강의도 너무 유익하고 재밌었습니다! 개인적으로 한입 시리즈를 들을 때 진도표나 책, 미션을 활용하여 복습을 하면 기억에 잘 남았는데, 이번 강의는 프로젝트 형이기 때문에 위와 같은 방법보다는 강의를 듣고 새프로젝트에 한번더 클론 코딩을 하는 방향으로 복습을 했습니다. 앞으로도 이런 프로젝트형의 난이도가 있는 강의가 더 나왔으면 하는 개인적인 바람이... 프론트엔드 개발 강의를 인프런에서 듣고 싶다면 무조건 이정환 쌤 추천드립니다!!!
Next.js의 기본적인 개념부터 고급 개념까지 폭넓게 배울 수 있었습니다. 특히, 이해하기 어렵게 느껴질 수 있는 복잡한 주제들을 시각적인 자료와 애니메이션을 통해 쉽게 이해할 수 있었습니다. 강의 내용이 단계별로 잘 구성되어 있어 입문자도 무리 없이 따라갈 수 있을 것 같고, 중급 이상의 개발자들도 충분히 배울 점이 많은 강의라고 생각됩니다. 또한 단순히 문법을 배우는 데 그치지 않고, Next.js의 동작 원리와 내부 메커니즘, SSR, SSG, ISR 등 다양한 방식에 대한 이론적인 부분을 깊이 있게 다루면서도 실제 프로젝트에 적용할 수 있는 방법들도 다루고 있어 도움이 많이 되었습니다. 강사님의 세심한 수업 준비와 노력 덕분에 Next.js를 배우는 과정이 정말 즐겁고 유익했습니다. 진심으로 감사드립니다!
수업 정말 잘 들었습니다. 제 인생 처음으로 완강한 온라인 수업이예요. ㅎㅎ 완강할 수 있었던 가장 큰 이유는 강의의 질이 너무 좋아서 입니다. 강사님 딕션도 너무 좋고 무엇보다 강의 내용이 굉장히 알차요. 정말 필요한 내용으로 구성되어있고 친절하게 설명해주시니까 따라서 실습하기 좋았습니다. 기본 CRUD 두 세트 (Todo, 감정일기장) 따라해보니 개념도 잡히고 추후 실무에서도 많은 도움이 될 것 같다는 생각이 들었습니다. 강의 제작 이후에 React Router V7 버전업에 대한 강의 애프터 서비스도 좋았습니다. 하다가 에러난 경우 커뮤니티에서 검색해보면 저처럼 오타 등 실수한 다른 분들이 올려주신 참고 글들이 있어서 도움 되었어요. 이렇게 쉽게, 쏙쏙 알아듣게 설명하는 건 강사로서의 굉장한 자질이라고 생각합니다. 이렇게 똑부러진 강의를 만드신 걸 보면 개발도 무쟈게 잘하실 것 같고요~. 강의 많이 만들어 주세요. 백엔드 개발자인데 연말에 시간이 좀 남아서 React 공부 좀 해볼까 하여 선택한 강의인데 이 강의를 선택한 저 자신 칭찬합니다. ㅎㅎ 강사님 복 많이 받으시고요~ 건강하시고 2025년에도 좋은 강의 부탁드려요~.
강사님 강의 스타일 정말 제 type입니다 ☺️ 인프런 강의 중 유일하게 완강한 강의예요. 군더더기 없는 강사님 설명은 이해하기 쉽고, 따로 정리해주신 핸드북은 학습 후 복습하며 다시 보기 정말 좋습니다. 앞으로도 좋은 강의 기대할게요!
항상 너무 쉽게 깔끕한 강의에 감탄하게 되네요. 이번 강의도 초급자가 보기에도 너무 쉽게 따라하고 바이브코딩이란 이런 것이구나 하는 감을 잡을 수 있는 좋은 강의였습니다. 시대흐름에 뒤쳐지지 않게 바이코팅을 통해 나만의 사이트를 하나 만들어 봐야겠네요. 좋은 강의에 감사드립니다.
학습자 입장에서 느꼈던 개인적인 견해를 남겨요. 강의를 고민하시는 분들께 도움이 되길 바랍니다. 1. 시스템 흐름에 대해 이해하기가 쉽습니다. 강의마다 현재 구현하려는 기능의 시스템 흐름을 자료들로 설명 해주십니다. 흐름에 따라 눈에 보이는 시각자료도 계속 변경되니 어려운 개념을 먼저 그려넣고 할 수 있게 만들어서 좋습니다. 코드구현보다 아키텍처가 중요하다보니 정말 좋은 요소입니다. 2. 개념을 다뤄요 개념을 다뤄주시니 이해가 쉽고 하는 이유를 알게 돼요. 그렇게 지식을 얻다보니 개인적으론 지식공유자님이 어떻게 공부하셨을까 궁금해지더라구요. 저는 결국 공식문서 레퍼런스를 얼마나 파고들었냐에 차이 아닐까 하는 생각이 들면서 코드를 까보고 공식문서'로도' 지식을 습득하는 것이 중요하겠다는 도전이 됐습니다. 그냥 클론 코딩이 아니에요 3. 마냥 쉽지 않아요 개념을 잘 다뤄주시지만 엄청 쉽진 않습니다. 실전 프로젝트인만큼 중요한 부분은 난이도가 있습니다. 개인적으론 난이도가 제겐 딱 알맞았어요. 너무 어렵지도, 반대로 쉽지도 않아서 딱 좋습니다. 4. 딕션 강사님 딕션이 좋아요. 역체감이 크다고 그러죠. 딕션이 좋다고 더 집중이 잘되는 느낌을 받진 않더라고요. 그런데 반대일 때가 힘들어요. 그런 스트레스가 전혀 없어요. ** 마무리 ** 프로젝트 흐름을 잡길 원하시는 분들은 수강하시면 도움이 될 거 같습니다. 저는 부분부분 구현은 해봤지만 결국 프로젝트를 이루는 아키텍처와 시스템 흐름도를 아는 것이 중요하더라구요. 프로젝트를 A-Z까지 못해본 분들은 들으시면 많은 도움 받으실 겁니다.
강의 만족도가 높아서 수강평을 남깁니다! 프론트엔드 개발자이지만, 저는 Page Router 스택에 오랫동안 머물러 있었습니다. App Router에 도전을 안해본 것은 아니지만, 기존의 익숙함 때문인지 자꾸 Page Router를 사용하게 되더라구요... 그치만 어쩌다가 이 강의라도 들으면서 최신 트렌드?를 따라가보자는 생각이었는데, 생각보다 퀄리티가 굉장히 높았고, 제가 자꾸 Page Router로 돌아가는 이유 중에 하나가 App Router를 제대로 이해하지 못하고 있었던 부분도 컸던 것 같습니다. 이 강의를 들으면서 App Router가 어떻게 작동하는 지 이해할 수 있었고, 작은 프로젝트를 진행하면서 App Router에 대한 자신감?도 얻을 수 있었습니다. 이후 강의로 바라는 것이 있다면, App Router로 설정을 진행하면 디자인 시스템이나, 기타 여러 라이브러리? 들이 제대로 작동하지 않아 설정에 어려움을 겪는 경우도 있는데, 이런 설정들을 모두 포함한 실전편(혹은 고급편)도 있으면 좋을 것 같습니다! 감사합니다!
굳.... 별도의프론트 없이 리엑트로 토이프로젝트 만들기 쌉가능
올해가 가기 전에 리액트를 꼭 완강하고 싶었는데... 제 개인적인 목표를 이뤄서 너무너무 기쁘기도 하면서 !!! 이 강의를 구매할까 아직도 망설이시는 분이 (설마..?) 혹시라도 있을까봐 강력하게 추천합니다... 대학 졸업을 앞두고 프론트에 관심이 생겨 이도저도 아닌 초급자가 급하게 강의를 끊었었는데 너무 어려워서 반복해서 들었었어요. 그러다 자바스크립트도 모르는데 리액트를 듣는 건 좀 무리가 있겠다 싶어 옆동네 효빈쌤의 바닐라 자바스크립트 강의를 들으며 JS 책을 따로 구매하고 기초를 가진 상태로 다시 이 강의를 들으니... 진짜 이해가 쏙쏙 잘되는 경험을 했어요 !!!!! (물론 정환쌤 수업만 들어도 문제 없지만, 저는 좀 더 꼼꼼하게 기초부터 파헤쳐보고 싶은 욕심이 생겨서 ...) 내가 코드를 이해하는 날이 과연 오긴 할까... 했는데 이런 날이 제게도 오네요... 물론 아직도 초초초급자 상태이고, 강의에서 쓰였던 앞부분 내용을 까먹은 것도 있고, 혼자 코드를 쓰기엔 어려운 부분도 분명히 있지만, 이 리액트 강의를 들으며 전반적인 웹개발에 감이 생겼고 이 강의를 들은 지난 시간이 후회되지 않아요. 무엇보다 깔끔한 시각적 자료 + 코드 + 정신을 바짝 들게 해주는 딕션 ... 그냥 이 강의는 무조건 사야돼요. (광고 아님 ;;) 정환님 오래오래 가르쳐주세요... 감사합니다 ! 그럼 전 이만 다음 타입스크립트 강의로 넘어가렵니다 !!! 믿고 듣는 정환쌤 강의.
듣기 좋고 보기 좋습니다. 핵심적인 내용만 이해하기 쉽게 설명해줍니다. 더 설명이 필요할까요
늘 모든 강의에 있어 딕션을 많이 신경쓰셔서 그런지 이번 강의도 역시 귀에 쏙쏙 잘 들어왔습니다. 바이브 코딩이 참 쉬운 거 같으면서도 어떻게 시작해봐야 할 지 막막했는데 이 강의를 통해 방향성이 잡힌 거 같습니다. 항상 새로운 분야에 도전할 수 있게 길라잡이가 되어 주셔서 감사합니다!
풀스택 개발하면서 사실 구현하는 데 급급하다 보니 프론트를 깊이 있게 공부한 지는 별로 안 되었습니다. 저는 강의 고를 때도 신중한 편이라 내가 지불한 만큼 강의 내용이 별로이거나 만족스럽지 않으면 어쩌지 항상 이런 고민들이 결제 전까지 차올라서 듣다 만 강의도 많은데요,, 일단 이정환 강사님 강의는 강의 품질이 너무 좋아서 강사님 이름만 믿고 수강해도 된다고 생각할 만큼 준비해 오시는 스크립트나 자료들이 너무 만족스럽습니다. 딕션이나 내용 전달도 제일 중요하다고 생각하는 요소인데 이 부분마저도 시원시원하시고, 왜 이렇게 구현해야 하는가 등 강의에 대한 내용도 자세하게 알려주셔서 매우 좋습니다. '적게 일하고 많이 버세요'라는 표현이 있잖아요..? 저는 강사님께 '많이 일하고 그만큼 더 많이 버세요'라고 말씀드리고 싶습니다,,ㅎㅎ 개인적으로 RN에도 관심이 있는데 RN 강의도 나오기를 손꼽아 기다려봅니다. 강사님 응원합니다!
원래 수강평은 잘 안 남기는데...이번 강의는 만족도가 너무 좋아서 남겨요 일단 제가 몇 개의 next 강의를 봤지만 강의에서 설명하기 어려운 부분은 이렇게 쓰면 되요라고 사용법만 알려주고 넘어가는 경우가 대부분이여서 항상 왜 써야 되지?뭐가 다른거지 라는 의문점이 들었는데 공식문서를 찾아봐도 모호한 부분이 많아서 이해가 안 되는 부분이 있었는데 이 강의를 보고 대부분 이해가 되었습니다 일단 설명과 자료도 이해하기 쉽게 되어 있고 이론을 설명한 뒤 다시 한번 실습으로 직접 보여주셔서 이번 강의는 제가 본 정환님 강의들 중에서도 최고라고 생각되는 강의였습니다. 기존 강의도 좋았지만 많은 고민과 피드백을 반영하신 결과라고 생각됩니다. 다음 강의도 너무 기대가 됩니다~~ 다음에는 next의 실전편 같은 강의도 제작되면 좋을 거 같습니다.
저는 사실 리뉴얼 전에 수강신청해서 이미 한 번 완강했었는데요 그 이후에 이런저런 상황으로 1-2년 정도 공부를 손놓고 있다가 다시 리액트를 익혀야겠다는 필요성을 느껴서 돌아왔습니다. 돌아와서 보니 올 해 싹 리뉴얼이 되었더라구요! 예전에도 전체적으로 알찬 구성이었던걸로 기억하는데 리뉴얼 된 버전은 더 이해하기 쉬워졌고 더 섬세하게 이것저것 보충해주신 느낌이 듭니다. 보통 이렇게 전반적으로 리뉴얼하는 경우에는 새 강의로 오픈하는 경우만 봤었는데 기존 수강생들도 계속해서 리뉴얼버전을 볼 수 있게 해주셔서 감사합니다. 강의와 수강생들에 대한 진심이 느껴져서 매 편마다 감동하면서 보고있습니다. 마지막 배포단계만 남겨두고 있는데 남은 3강의 잘 보고 복습 열심히하면서 제것으로 잘 만들어보겠습니다. 정말정말 감사합니다.
리액트 강의도 듣고 타입스크립트 강의도 들었습니다. 때떄론 자세하고 때떄론 간단명료하게 적재적소에 설명해주시니 이해가 너무 잘되네요. 강의설명하는 그림이나 사진도 심플하니 한눈에 이해됩니다. 초보자가 듣기도 좋고요!! 너무 맘에 드는 강의입니다 여러번 반복해서 들을게요!!
매 강의가 정말 알차고 흥미로워서 몰입해서 빠르게 완강했습니다! 내용도 간결하고 특히 핸드북 퀄리티가 너무 좋아서 놀랐어요. 어떻게 이렇게까지 알차게 준비해서 강의를 만드시는지 너무 신기합니다! 클로드 코드는 이번에 처음 사용해봤는데, AI 기술 발전 속도가 정말 빠르다는 걸 체감했습니다ㅠㅠ 바이브 코딩 방식으로 직접 프로젝트를 완성해보니, 앞으로 토이 프로젝트를 어떤 흐름으로 진행하면 좋을지 감이 잡혔습니다!🫶 그리고 말씀 너무 잘하셔서 아나운서 같으세요 ㅋㅋㅋㅋ 최고에요!!!
웹 프론트엔드 강의를 유튜브 ,인프런, 책 등 다양하게 접했는데 확실히 저는 강의를 보면서 하는게 더 집중이 되고 재밌더라고요 단점이라곤 강의하시는 분 목소리나, 발음 등에 따라 되게 졸리고 귀에 안들어오는 경우가 많았는데 우연히 react 강의를 접하게 되어 시작을 하게 되었는데 이정환강사님 발음과 사운드가 너무 저에게 잘 맞아서 집중도 있게 강의를 듣게 되었습니다. 그렇게 하여, 타입스크립트, Next.js , SNS 까지 쭈욱 듣게 되었는데 확실히 점점 퀄리티가 좋아지고 있다는게 느껴졌습니다. 취업을 하고 개발을 하면서 느낀게 기본기와 동작 원리 등 이론이 중요하다는걸 깨닫게 되었는데 항상 공부할떄는 이해가 되지만, 막상 안쓰고 지나다 보면 까먹게 되는게 너무 많았습니다. 근데 이정환님 강의에는 코딩을 하긴 하지만 이론에 대한 설명을 중간중간 자료를 통해 설명을 해주셔서 몇번 보다보면 이해가 가게 되고 나중에 또 그 부분만 찾아서 보게 되니 도움이 많이 되었습니다. 많이 쓰던 방식에 코드가 아닌 중간 중간 이런 방법도 있다는 문법도 알게 되고, 또 이런 방법도 있구나 알게 되었던 점이 매우 인상 깊었습니다. 이번 강의는 정말 제가 현업에서도 쓰고있는 기술스택이 많아서 얼른 듣고 싶다고 생각했습니다. zustand, tanstack-query 강의를 보면서도 이렇게 쓸 수 있구나를 깨닫게 되었던 강의였습니다. 다음 강의도 기대하겠습니다.!
이번 강의를 통해 많은걸 건진 것 같습니다. - tailwindcss v3에서 멈춘 제게 v4에서 바뀐 부분을 - 이미 사용 경험이 있는 zustand, @tanstack/react-query를 좀 더 효율적으로 사용하는 방법을 - 관심이 있었지만 사용이 다소 막막했던 shadcn/ui - 프로젝트 내 파일들의 디렉토리 구조 - 맛보기지만 front-end만 할 줄 아는 상황에서 궁금했던 supabase 사용법? (회원가입 등) 강의를 최초로 촬영하신 시점과 제가 수강한 시점이 달라서 강의를 따라서 라이브러리를 설치하거나 적용할 때 일부 다른부분들이 있어서 직접 찾아보기도 하면서 진도를 따라갔던것 같습니다. 그러면서 재미를 느꼈고 완강까지 하게됐네요. 좋은 강의 감사합니다😊 배운걸 토대로 사이드 프로젝트를 진행해보거나 이전 프로젝트를 다시 다듬어보거나 하면서 제 프로젝트에 잘 녹여보겠습니다.
현재 제가 배우고싶어하는 내용들 핵심들만 다 있어서 너무 좋지만, 내용까지 이해하기 쉽게 설명해주셔서 더 도움이 되는 거 같습니다. 항상 좋은 강의 감사합니다 ^^!
2021년 11월, 첫 한입 시리즈 강의를 올렸습니다. 그때는 이 일을 5년이나 하게 될 줄 꿈에도 몰랐어요.
수강생 여러분이 남겨 주신 수강평을 하나하나 읽으며 힘을 얻었고, 그렇게 다음 강의를 한 편씩 만들다 보니 어느새 4만 9천 명이 넘는 분들이 한입 시리즈와 함께하고 계시네요.
"무엇이든 쉽게 설명할 방법은 있다." 처음 강의를 만들 때 세운 이 원칙을 5년째 지킬 수 있었던 건, 강의를 끝까지 들어 주신 여러분 덕분이에요.
수강생 여러분께 감사한 마음을 담아 5주년 기념 할인 쿠폰을 준비했습니다. 미뤄 두었던 강의가 있다면, 이번에 함께 시작해 봐요.
항상 감사드립니다.
— 이정환 드림