
React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
짐코딩
React를 처음 배우시나요? 이 강의로 하나로 리액트 기초를 다지고, 린캔버스 프로젝트를 통해 실무 경험을 쌓아보세요. 그러면 자신있게 프론트엔드 개발자로 취업할 수 있어요!
초급
React, react-query, react-router
최신 Next.js v15 App Router를 학습하며 Notion 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 Cursor AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.
공식 문서 기반 Next.js v15 App Router 최신 스펙
Notion API 연동 실제 블로그 개발
Cursor AI를 활용한 효율적인 개발 방법
React Server Component와 최적화 전략 (with ISR)
무한 스크롤링과 Server Actions 구현
SEO 최적화와 동적 OG 이미지 생성 그리고 Vercel 배포
고급 라우팅 기술: Route Groups, Parallel Routes 등
Intercepting Routes를 활용한 URL이 있는 모달 구현
학습 대상은
누구일까요?
Next.js로 실무 프로젝트를 시작하려는 분
AI 도구를 활용한 현대적인 개발 방식을 배우고 싶은 분
Notion으로 자신만의 개발 블로그를 운영하고 싶은 분
최신 웹 개발 트렌드와 기술 스택을 익히고 싶은 분
선수 지식,
필요할까요?
HTML&CSS
자바스크립트
React
22,964
명
수강생
1,145
개
수강평
577
개
답변
4.9
점
강의 평점
17
개
강의
안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂
유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,
인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.
제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.
항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.
📨 이메일 bruce.lean17@gmail.com
🏋️♀️ 헬스타그램 @helinlee.gram
🧑💻 코딩스타그램 @gymcoding
전체
77개 ∙ (13시간 32분)
1. 강의소개
02:29
5. 개발환경 구성하기
09:15
6. [추가] Cursor AI 관련
01:00
7. Cursor AI 설치
07:56
8. Cursor AI 핵심 기능
14:17
10. Cursor AI 설정
13:27
20. 스타일 관련 보너스 강의
10:12
전체
25개
5.0
25개의 수강평
수강평 2
∙
평균 평점 5.0
5
과거에 next를 사용해서 개인 블로그를 구축해본 경험이 있었습니다. 강사님께서는 최근 next 관련 정보들을 공식문서 기반으로 구체적이고 꼼꼼하게 알려주셔서 흥미로웠고 저의 생각과 비교해볼 수 있어 많은것들을 배울 수 있었습니다. 앞으로도 퀄리티 좋은 강의들 부탁드립니다. 감사합니다.
안녕하세요, 소중한 수강평 정말 감사드립니다! 🙏 이전에 Next.js로 블로그를 만들어보신 경험이 있으셨음에도 강의가 도움이 되었다니 기쁩니다. 공식문서 기반으로 최신 스펙을 정확하게 전달해드리기 위해 노력했는데, 알아봐 주셔서 감사합니다~! 🥹 앞으로도 퀄리티 높은 강의를 위해 계속 연구하고 최신 정보를 업데이트하며 더 나은 콘텐츠 제작에 힘쓰겠습니다. 수강 중 궁금한 점이 있으시면 언제든지 질문해주세요! 감사합니다. 😊
수강평 12
∙
평균 평점 5.0
수정됨
5
제가 들은 부분까지는 cursor AI랑 라이브러리 위주로 설명해주셔서 수강평을 적을게 마땅히 없지만...( 다 듣고 나중에 수정하겠슴돠) ㅎ 프로젝트 처음하면 라이브러리, AI 활용하는법 찾아보기도 힘든데. 어떤식으로 업데이트하고 공식문서는 어떻게 봐야하는지 조금씩 hint를 주시니까 나중에 다시 복습할때 학습 방향성을 쉽게 잡아가실수 있을거같아요. SW교육이란게 자율성이 너무 높다보니까 세세하게 가르쳐 주기도 어렵고 좋은 교육자 분 얻어걸리는게 정말 중요한데 짐코딩님은 그런 역할 충분히 가능하신 분이라 생각합니다. 한 가지 아쉬운 부부는 CSS부분에서 강사님은 경험이 있어서 확실히 빠르게 UI를 형성하시는데 뭔가 약~간 따라가기 버겁다? 물론 강의 교안으로 다 주셔서 상관은 없지만 tailwind지식이 없는 사람은 또 공부해야해? 이런느낌쓰? CSS랑은 또 다른 느낌이더라구요. 하지만 개발자의 숙명 아니겠습니까... 모르는것도 써보고 배워야져 뭐.. ㅜㅜ "notion을 기반 개발블로그" 프로젝트 이름부터 재밌어서 넘어왔는데 뭔가 서버관련 기본 개념있고 React 할 줄아시면 AI 활용해서 빠르게 프로젝트 만들업고 배포해서 나중에 고쳐나가는 재미도 있을것같아요. 저는 강강추 !
안녕하세요, 타겟토 님! 소중한 수강평 정말 감사드립니다. 👋 강의 초반에 Cursor AI 활용법과 라이브러리 셋팅 방법, 그리고 공식문서를 보는 방법을 전달드렸는데 도움이 되어 다행이에요! 🙂 추후에 복습하시거나 다른 프로젝트를 진행하실 때도 이와 같은 접근법이 많은 도움이 되실 거예요! 💪 CSS와 Tailwind CSS에 대한 피드백도 정말 감사합니다. 처음 Tailwind를 접하시는 분들께는 어렵게 느껴질 수 있죠! 하지만 걱정 마세요, 최대한 Next.js 학습에 집중하시면 됩니다. UI는 "이렇게 구성되는구나" 하고 개념만 이해하셔도 충분합니다 🙂 추가로 Tailwind CSS는 현대 개발에서 정말 인기 있는 UI 프레임워크입니다! 이번 기회에 Tailwind CSS를 처음 접하셨다면, 오히려 앞으로의 개발 여정에 큰 자산이 될 거예요. 새로운 기술을 배우는 과정이 때론 버겁게 느껴질 수 있지만, Tailwind CSS는 그만한 가치가 있습니다. 👍 앞으로 남은 강의도 유익하게 들으시고, 멋지고 예쁜 블로그 완성하시길 응원합니다! 궁금한 점이나 도움이 필요하실 때는 언제든 편하게 질문해주세요! ✨
수강평 2
∙
평균 평점 5.0
5
얼마나 많은 준비를 했는지 알 수 있는 강의입니다. 친절하고 상세한 강의, 감사합니다.
안녕하세요, 우기님! 소중한 수강평 정말 감사드립니다! 😊 강의 준비에 쏟은 시간과 노력을 알아봐 주셔서 진심으로 기쁘고 감사합니다. 덕분에 더 큰 보람을 느끼고 있어요~! 🙇♂️ 남은 강의에서도 Next.js와 Notion 연동에 관한 더 유익한 내용들이 준비되어 있으니, 알차게 학습하시길 바랍니다. 학습하시다가 궁금한 점이나 어려움이 있으시면 언제든 편하게 질문 남겨주세요! 앞으로도 더 나은 콘텐츠로 보답해 드리겠습니다. 다시 한번 감사드립니다! 💪
수강평 1
∙
평균 평점 5.0
5
Next.js를 실전 프로젝트로 배우고 싶어서 이 강의를 선택했는데, 정말 만족스러웠습니다. 특히 최신 기능까지 반영된 점이 좋았고, 단순히 따라 치는 수준이 아니라 개념부터 실제 서비스 배포까지 전체 플로우를 다뤄줘서 실력 향상에 많은 도움이 되었습니다.
안녕하세요 다희님! 🎉 100% 완강 정말 축하드립니다! Next.js 실전 프로젝트를 원하셨는데 만족스러우셨다니 너무 기쁩니다! 최신 기능 반영과 개념부터 배포까지의 전체 플로우를 알아봐 주셔서 너무 감사해요 🥹 단순히 따라치기가 아닌, 실제 서비스 개발 경험을 쌓으실 수 있도록 구성한 보람이 있네요! 이제 Notion 기반 개발자 블로그도 완성하셨으니, 본인만의 멋진 프로젝트들로 포트폴리오를 확장해나가시길 바랍니다! 🚀 완강해주셔서 진심으로 감사드립니다! 감사합니다!
월 ₩33,000
5개월 할부 시
₩165,000