한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
이정환 Winterlood
개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 18시간 분량의 All-in-one 강의!
초급
JavaScript, React, Node.js
AI는 딱 당신만큼만 훌륭합니다. AI 활용법 → 기초 핵심 지식 → 프로젝트 개발 3단계로 완성하는 완벽한 바이브 코딩. 바이브 코딩을 제대로 배워보고 싶은 분들을 위해, 어떤 AI를 사용하더라도 변하지 않는 핵심 개념들을 한 입 크기로 잘라 전달해 드립니다.
수강생 70명
난이도 입문
수강기한 무제한





다우기술
임직원들도 이 강의를 듣고 있어요!





다우기술
임직원들도 이 강의를 듣고 있어요!
Claude Code(클로드코드) 기초 사용법
완전 초보자를 위한 핵심 기초 지식 (웹 동작원리, 버전관리, 데이터베이스, 보안 배포)
완성도 있는 나만의 웹 서비스 개발 경험
애니메이션, 동영상, 데모가 포함된 고퀄리티 핸드북
혹시 여러분의 이야기는 아닌가요?
git push? npm install? cd? 의미도 모르는 명령어 그냥 쓰는중 ㅋㅋㅋ
API? 서버? 리액트? 알수록 더 모르겠는 IT 용어들 ㅠ
내가 만든 사이트인데 왜 안 되는지도 모르겠음. 만든 사람도 나, 모르는 사람도 나 ㅋㅋ
클라가 살짝 수정 요청만 해도 어디 고쳐야 할지 모름. 결국 또 AI한테;
“Garbage In, Garbage Out”쓰레기를 넣으면 쓰레기가 나온다 — 프로그래밍의 오래된 격언
AI는 분명 강력한 도구이지만, 결국 도구일 뿐입니다.
어떤 결과물이 나올지는, 그 도구를 다루는 사람의 이해도에 달려있습니다.
결국 결과물의 차이를 만드는 건, 도구가 아니라 다루는 사람입니다.
주도적인 바이브코딩,
좀
제대로
배워보고 싶지 않으세요?
도구를 익히고, 원리를 잡고, 프로젝트로 잇습니다. 한 줄기로 이어가는 8시간.
방대한 컴공 이론은 덜어내고, AI 통제에 꼭 필요한 만큼만 또렷하게 잡습니다.
Claude Code, 터미널, VSCode를 손에 익힙니다.
브라우저가 화면을 그리는 흐름을 한눈에.
AI가 망쳐도 언제든 되돌릴 수 있는 안전장치.
모던 웹 서비스의 표준 골격.
데이터를 영구적으로 저장하고 불러오는 법.
내 데이터를 안전하게 지키는 법.
내가 만든 서비스를 진짜 인터넷에 공개하기.
수강생 설문을 받아 가장 필요한 주제를 더 담습니다.
복잡한 개념도 한눈에 정리할 수 있도록, 직관적인 애니메이션 시각자료와 함께합니다.
단어 하나도 놓치지 않도록, 배속으로 들어도 괜찮은 딕션과 음질을 제공합니다.
"목소리 딜리버리 미쳣습니다.. 선생님 1.5배속에도 귀에 쏙쏙 들어와요 ㄷㄷ"
"2배속으로 돌려도 단어 하나 누락 없이 귀에 쏙쏙 들어오는 딕션 덕분에 빠르게 수강을 마칠 수 있었습니다."
"강사님 발성이 굉장히 좋으셔서 배속을 올리더라도 귀에 쏙쏙 잘 들어옵니다."
"강의 내용도 좋고 강의를 2배속으로 들어도 내용이 모두 귀에 잘 들어와요."
"1.5 심지어 2배속으로 해도 목소리가 깔끔하게 다 들린다는 점 (제가 가는귀인 편인데도..)"
흔한 PDF 정리본이 아닙니다. 라이브 데모·애니메이션이 살아 움직이는 한 권을 드립니다.
정적인 그림이 아닌, 흐름이 보이는 애니메이션으로 한 번에 이해되도록.
읽고 끝이 아니라, 페이지 안에서 바로 동작을 확인할 수 있도록.
강의에 등장한 모든 프롬프트를 한 줄도 빠짐없이 옮겨 담았습니다. 막힐 때 그대로 복붙해서.
5년 동안 인프런에서 39,000명+ 수강생 분들과 함께했습니다.
한 입 시리즈를 거쳐간 수강생들이 남긴 진짜 이야기.
제 인생 처음으로 완강한 온라인 수업이예요. 강사님 딕션도 너무 좋고 무엇보다 강의 내용이 굉장히 알차요.
시각적인 자료도 많고 이해에 도움이 되는 예시 자료가 많아서 정말 좋습니다! 역시 한 입 크기 시리즈 최고!
한입만 맛보려 했는데 자꾸자꾸 수강하게 되는 한입 시리즈. 재미도 있고 지식도 쌓고, 이거 완전 럭키비키한 강의쟈나~~
목살을 깻잎에 싸먹는 느낌. 강의 내용이 느끼하지 않고 맛있어요~
이런 걸 내가 만들 수 있을까 싶던 것을, 하나하나 쉽고 자세한 설명과 함께 만들어가다 보니 점점 구현되는 게 신기합니다.
정확한 딕션으로 빠르지 않은 속도로 알려주십니다. 복습할 때는 배속해서 들었는데 딕션이 좋아서 아무 문제 없었어요!
제 인생 처음으로 완강한 온라인 수업이예요. 강사님 딕션도 너무 좋고 무엇보다 강의 내용이 굉장히 알차요.
시각적인 자료도 많고 이해에 도움이 되는 예시 자료가 많아서 정말 좋습니다! 역시 한 입 크기 시리즈 최고!
한입만 맛보려 했는데 자꾸자꾸 수강하게 되는 한입 시리즈. 재미도 있고 지식도 쌓고, 이거 완전 럭키비키한 강의쟈나~~
목살을 깻잎에 싸먹는 느낌. 강의 내용이 느끼하지 않고 맛있어요~
이런 걸 내가 만들 수 있을까 싶던 것을, 하나하나 쉽고 자세한 설명과 함께 만들어가다 보니 점점 구현되는 게 신기합니다.
정확한 딕션으로 빠르지 않은 속도로 알려주십니다. 복습할 때는 배속해서 들었는데 딕션이 좋아서 아무 문제 없었어요!
원래 수강평은 잘 안 남기는데, 이번 강의는 만족도가 너무 좋아서 남겨요. 정환님 강의들 중에서도 최고라고 생각되는 강의였습니다.
이런 설명력과 이런 내용들을 담고 있는데 이 가격은 말이 안 됩니다. 두배로 받으셨어도 될 것 같은데.
제가 배우고 싶었던 핵심들만 다 있어서 너무 좋고, 내용까지 이해하기 쉽게 설명해주셔서 더 도움이 됩니다.
인프런 강의 중 유일하게 완강한 강의예요. 군더더기 없는 설명은 이해하기 쉽고, 핸드북은 복습용으로 정말 좋습니다.
기대만큼이나 완벽한 퀄리티와 설명 덕분에 공백기가 무색할 정도로 많은 것을 배웠습니다. 제 길을 다시 비춰주셔서 진심으로 감사합니다.
기본 개념부터 SSR, SSG, ISR 동작 원리까지 시각적인 자료와 애니메이션으로 쉽게 이해할 수 있었습니다.
원래 수강평은 잘 안 남기는데, 이번 강의는 만족도가 너무 좋아서 남겨요. 정환님 강의들 중에서도 최고라고 생각되는 강의였습니다.
이런 설명력과 이런 내용들을 담고 있는데 이 가격은 말이 안 됩니다. 두배로 받으셨어도 될 것 같은데.
제가 배우고 싶었던 핵심들만 다 있어서 너무 좋고, 내용까지 이해하기 쉽게 설명해주셔서 더 도움이 됩니다.
인프런 강의 중 유일하게 완강한 강의예요. 군더더기 없는 설명은 이해하기 쉽고, 핸드북은 복습용으로 정말 좋습니다.
기대만큼이나 완벽한 퀄리티와 설명 덕분에 공백기가 무색할 정도로 많은 것을 배웠습니다. 제 길을 다시 비춰주셔서 진심으로 감사합니다.
기본 개념부터 SSR, SSG, ISR 동작 원리까지 시각적인 자료와 애니메이션으로 쉽게 이해할 수 있었습니다.
본 강의는 Claude Code 유료 구독(Pro 플랜 이상)이 필요합니다.
Claude Code를 메인 AI 도구로 활용하기 때문에, 무료 플랜은 사용량 제한이 있어 실습 진행에 제약이 있습니다. 구독은 강의 시작 시점에 맞춰 시작하시면 비용을 효율적으로 쓰실 수 있습니다.
Claude 플랜 안내 보기 →학습 대상은
누구일까요?
바이브 코딩을 배워보고 싶은 비전공자
AI 도구는 써봤지만 "이게 어떻게 작동하는지" 답답한 분
비전공자지만 처음부터 단단히, 흔들리지 않는 기초를 잡고 싶은 분
코드 한 줄 몰라도 '내 서비스'를 인터넷에 배포까지 가져가고 싶은 분
선수 지식,
필요할까요?
컴퓨터와 인터넷 사용 경험
새로운 도구를 배우려는 의지와 호기심
프로그래밍 경험 불필요 (완전 초보자 환영)
39,673
명
수강생
3,060
개
수강평
1,694
개
답변
4.9
점
강의 평점
26
개
강의
무엇이든 쉽게 설명할 방법은 있다!
📚 도서
📹 강의
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
전체
59개 ∙ (8시간 36분)
해당 강의에서 제공:
전체
3개
얼리버드 할인 중
₩69,300
30%
₩99,000
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!