BEST

프론트엔드

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

Name: 한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Price: 48400 KRW
Rating: 4.9 (1529 reviews)

개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 18시간 분량의 All-in-one 강의!

(4.9) 수강평 1,529개

수강생 15,332명

난이도 초급

수강기한 무제한

이정환 Winterlood

꽉꽉 채워낸

뉴비 탈출

실습 중심

토이프로젝트

JavaScript

React

Node.js

꽉꽉 채워낸

뉴비 탈출

실습 중심

토이프로젝트

JavaScript

React

Node.js

넥슨코리아

임직원들도 이 강의를 듣고 있어요!

넥슨코리아

임직원들도 이 강의를 듣고 있어요!

먼저 경험한 수강생들의 후기

4.9

5.0

88% 수강 후 작성

저는 사실 리뉴얼 전에 수강신청해서 이미 한 번 완강했었는데요 그 이후에 이런저런 상황으로 1-2년 정도 공부를 손놓고 있다가 다시 리액트를 익혀야겠다는 필요성을 느껴서 돌아왔습니다. 돌아와서 보니 올 해 싹 리뉴얼이 되었더라구요! 예전에도 전체적으로 알찬 구성이었던걸로 기억하는데 리뉴얼 된 버전은 더 이해하기 쉬워졌고 더 섬세하게 이것저것 보충해주신 느낌이 듭니다. 보통 이렇게 전반적으로 리뉴얼하는 경우에는 새 강의로 오픈하는 경우만 봤었는데 기존 수강생들도 계속해서 리뉴얼버전을 볼 수 있게 해주셔서 감사합니다. 강의와 수강생들에 대한 진심이 느껴져서 매 편마다 감동하면서 보고있습니다. 마지막 배포단계만 남겨두고 있는데 남은 3강의 잘 보고 복습 열심히하면서 제것으로 잘 만들어보겠습니다. 정말정말 감사합니다.

5.0

지지지지지

100% 수강 후 작성

올해가 가기 전에 리액트를 꼭 완강하고 싶었는데... 제 개인적인 목표를 이뤄서 너무너무 기쁘기도 하면서 !!! 이 강의를 구매할까 아직도 망설이시는 분이 (설마..?) 혹시라도 있을까봐 강력하게 추천합니다... 대학 졸업을 앞두고 프론트에 관심이 생겨 이도저도 아닌 초급자가 급하게 강의를 끊었었는데 너무 어려워서 반복해서 들었었어요. 그러다 자바스크립트도 모르는데 리액트를 듣는 건 좀 무리가 있겠다 싶어 옆동네 효빈쌤의 바닐라 자바스크립트 강의를 들으며 JS 책을 따로 구매하고 기초를 가진 상태로 다시 이 강의를 들으니... 진짜 이해가 쏙쏙 잘되는 경험을 했어요 !!!!! (물론 정환쌤 수업만 들어도 문제 없지만, 저는 좀 더 꼼꼼하게 기초부터 파헤쳐보고 싶은 욕심이 생겨서 ...) 내가 코드를 이해하는 날이 과연 오긴 할까... 했는데 이런 날이 제게도 오네요... 물론 아직도 초초초급자 상태이고, 강의에서 쓰였던 앞부분 내용을 까먹은 것도 있고, 혼자 코드를 쓰기엔 어려운 부분도 분명히 있지만, 이 리액트 강의를 들으며 전반적인 웹개발에 감이 생겼고 이 강의를 들은 지난 시간이 후회되지 않아요. 무엇보다 깔끔한 시각적 자료 + 코드 + 정신을 바짝 들게 해주는 딕션 ... 그냥 이 강의는 무조건 사야돼요. (광고 아님 ;;) 정환님 오래오래 가르쳐주세요... 감사합니다 ! 그럼 전 이만 다음 타입스크립트 강의로 넘어가렵니다 !!! 믿고 듣는 정환쌤 강의.

5.0

서지현

100% 수강 후 작성

수업 정말 잘 들었습니다. 제 인생 처음으로 완강한 온라인 수업이예요. ㅎㅎ 완강할 수 있었던 가장 큰 이유는 강의의 질이 너무 좋아서 입니다. 강사님 딕션도 너무 좋고 무엇보다 강의 내용이 굉장히 알차요. 정말 필요한 내용으로 구성되어있고 친절하게 설명해주시니까 따라서 실습하기 좋았습니다. 기본 CRUD 두 세트 (Todo, 감정일기장) 따라해보니 개념도 잡히고 추후 실무에서도 많은 도움이 될 것 같다는 생각이 들었습니다. 강의 제작 이후에 React Router V7 버전업에 대한 강의 애프터 서비스도 좋았습니다. 하다가 에러난 경우 커뮤니티에서 검색해보면 저처럼 오타 등 실수한 다른 분들이 올려주신 참고 글들이 있어서 도움 되었어요. 이렇게 쉽게, 쏙쏙 알아듣게 설명하는 건 강사로서의 굉장한 자질이라고 생각합니다. 이렇게 똑부러진 강의를 만드신 걸 보면 개발도 무쟈게 잘하실 것 같고요~. 강의 많이 만들어 주세요. 백엔드 개발자인데 연말에 시간이 좀 남아서 React 공부 좀 해볼까 하여 선택한 강의인데 이 강의를 선택한 저 자신 칭찬합니다. ㅎㅎ 강사님 복 많이 받으시고요~ 건강하시고 2025년에도 좋은 강의 부탁드려요~.

수강 후 이런걸 얻을 수 있어요

[JavaScript] 지루하지 않도록 빠르게! 탄탄한 JavaScript 코어 지식 습득
[Node.js] JavaScript를 구동하는 Node.js 핵심 개념 습득
[React.js] React.js의 핵심 개념 및 사용법 습득
[CS 지식] 프론트엔드 영역을 벗어난 네트워크, 클라우드등의 CS 지식
[프로젝트] Vercel을 통해 배포되는 실전 프로젝트 - 감정 일기장
[커뮤니티] 2,000+ 수강생 전용 커뮤니티 참여

이런 분들께
추천드려요

학습 대상은
누구일까요?

리액트를 처음 접하는 입문자
자바스크립트와 Node.js는 잘 모르지만! React.js를 배워보고 싶은 사람
완강 챌린지 등을 통해 다수의 수강생과 함께 학습하고 싶은 사람
강의 완주 시 자랑할만한 결과물을 만들고 싶은 사람
HTML & CSS를 한번이라도 작성해 본 경험이 있는 사람 (잘 하실 필요는 없어요!)

선수 지식,
필요할까요?

👋 HTML, CSS에 대한 아주 기초적인 지식

안녕하세요
이정환 Winterlood입니다.

인프런인증

커리어인증

43,499

명

수강생

3,356

개

수강평

1,766

개

답변

5.0

점

강의 평점

개

강의

무엇이든 쉽게 설명할 방법은 있다!

📚 도서
- "(개정판) 한 입 크기로 잘라먹는 리액트" 출간
- "한 입 크기로 잘라먹는 Next.js" 출간
- "한 입 크기로 잘라먹는 리액트" 출간
🏆 어워드
- 2025 인프런 연말어워드 베스트셀러 수상
- 2024 인프런 연말어워드 수강생 PICK 수상
- 2023 인프런 연말어워드 수강생 PICK 수상
📹 강의
- 한 입 크기로 잘라먹는 바이브코딩
- 한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
- 한 입 크기로 잘라먹는 Next.js
- 한 입 크기로 잘라먹는 타입스크립트
- 한 입 크기로 잘라먹는 리액트

커리큘럼

전체

98개 ∙ (18시간 33분)

해당 강의에서 제공:

수업자료

섹션 1. 들어가며

3개 ∙ (8분)

1. 강의 및 강사 소개
08:09
2. 수강생 커뮤니티 참가 안내
3. 예제 코드 및 강의 자료 안내

섹션 2. JavaScript 기본

17개 ∙ (2시간 35분)

섹션 3. JavaScript 심화

14개 ∙ (2시간 45분)

21. 2.1) Truthy와 Falsy
10:12
22. 2.2) 단락 평가
12:30
23. 2.3) 구조분해할당
07:40
24. 2.4) Spread 연산자와 Rest 매개변수
07:57
25. 2.5) 원시타입 VS 객체타입
13:44
26. 2.6) 반복문으로 배열과 객체 순회하기
12:09
27. 2.7) 배열 메서드1. 요소 조작
12:20
28. 2.8) 배열 메서드2. 순회와 탐색
14:25
29. 2.9) 배열 메서드 3. 배열 변형
14:48
30. 2.10) Date 객체와 날짜
10:31
31. 2.11) 동기와 비동기
11:41
32. 2.12) 비동기 작업 처리하기 1. 콜백함수
10:46
33. 2.13) 비동기 작업 처리하기 2. Promise
19:39
34. 2.14) 비동기 작업 처리하기 3. Async&Await
06:39

섹션 4. Node.js 기초

5개 ∙ (45분)

섹션 5. React.js 개론

3개 ∙ (46분)

섹션 6. React.js 입문

11개 ∙ (2시간 11분)

섹션 7. 프로젝트1. 카운터 앱

3개 ∙ (23분)

섹션 8. 라이프사이클

4개 ∙ (25분)

섹션 9. 프로젝트2. 투두리스트

7개 ∙ (1시간 4분)

섹션 10. useReducer

2개 ∙ (21분)

섹션 11. 최적화

4개 ∙ (37분)

섹션 12. Context

3개 ∙ (29분)

섹션 13. 프로젝트3. 감정 일기장

20개 ∙ (5시간 41분)

섹션 14. 마치면서

2개 ∙ (18분)

강의 게시일: 2022. 01. 26.

마지막 업데이트일: 2026. 06. 13.

수강평

전체

1,529개

4.9

1,529개의 수강평

흰머리오목눈이
수강평 5
∙
평균 평점 5.0
2023. 08. 23.
5
64% 수강 후 작성
아직 다보지는 않았습니다만, 여러개의 리액트 강의를 구입해서 본 입장으로 이 강의가 원탑입니다. 다른 강의들도 숙련된 자바스크립트 개발자 분들이 만드셨겠죠. 하지만 문제가 있습니다. 숙련된 분들은 자기의 머릿속에 이미 코드가 어떻게 작동하는지에 대한 이미지가 다 머리에 있는 상황에서 강의를 합니다. 그러니 밥아저씨처럼 말하면서 코드를 작성하면서 강의를 합니다. 하지만 초심자의 입장에서는 도대체 무슨 일이 일어나는지 머릿속에서 전혀 그려지지 않는 상태에서 코드만 따라치니 답답한 마음은 물론이고 개념 조차 잘잡히지 않는데요. 이 강의의 경우 코드 이전에 어떤 기능을 쓰면 어떤 일이 일어나는지에 대해 이미지로 먼저 풀어서 개념을 설명해주고 그 다음에 코드를 보여주니, 저 역시도 코드를 보면서 머릿속에서 코드가 작동되는 이미지가 같이 그려집니다. 대부분의 강사님들이 개발자이지. 교육자/교육전공자는 아니기 때문에 이러한 효과적인 교육 방식에 대한 스탠다드 없이 너무 많은 강의들이 양산되고 있다고 느끼는데 이 강의는 정말 최고네요. 강의 다 보지도 않았는데 이미 타입스크립트도 구매했습니다. 퀄리티가 이정돈데 강의값은 또 너무 혜자에요. 커피라도 한 잔 더 하시라고 책도 샀습니다. 제 돈 주고 사는 강의에 '감사하다' 라는 표현이 이상해서 자주 사용하지는 않는데요. 그럼에도 이 강의는 ' 매우 감사합니다 '. 가능하면 Express.js, Next.Js 강의, 그리고 TDD 에 대한 강의도 내주시면 좋을 것 같아요!
학운학운
수강평 8
∙
평균 평점 4.9
2022. 08. 22.
5
76% 수강 후 작성
타사이트에서 영어로 먼저 리액트를 수강했습니다. 영어를 100% 이해하지 못한 상태에서 수강하다보니 개념을 잘못 이해하거나 설명을 했는데 이해하지 못하는 문제가 있었습니다. 그래서 인프런에서 리액트 강의를 찾아보다가 좋아보여서 듣게되었습니다. 강의는 자바스크립트부터 다시 알려주셔서 자바스크립트까지 공부하게 되어 좋았습니다. 리액트에 대해서도 개념을 잘 알려주셔서 공부가 많이 되었습니다. 한가지 아쉬운 것은 A->C를 설명하실 때 중간에 A->B->C 이렇게 B까지 설명해주신다면 이해하기 훨씬 좋았을 것 같은 부분도 몇군데 있었습니다. 그런 것들은 강의 질문답변란에서 다른 분들도 질문을 많이 남겨주셨더라구요. 이런 부분만 보완이 된다면 정말 100점 강의일 것 같습니다.
진영
수강평 3
∙
평균 평점 5.0
2024. 04. 22.
5
32% 수강 후 작성
목살을 깻잎에 싸먹는 느낌 강의내용이 느끼하지 않고 맛있어요~
seonjun Moon
수강평 28
∙
평균 평점 4.7
2022. 06. 01.
5
100% 수강 후 작성
저는 사실 만우절에 천원에 강의를 뿌리시길래... 혹시 몰라서 사둿거든요 로또마냥... 그러런데 로또에 정말 당첨된 느낌입니다. 이렇게 좋은 강의를 거의 무료의 가격에 듣고 공부해서 미안합니다... 그만큼 강의가 너무 친절하면서 예제도 다 알기 쉽게 설명해주셔서 진짜 너무 좋아요. 너무 고맙고 사랑합니다... ㅠㅠ
peekaboo
수강평 2
∙
평균 평점 5.0
2022. 05. 12.
5
100% 수강 후 작성
이런 설명력과 이런 내용들을 담고 있는데 이 가격은 말이 안 됩니다 두배로 받으셨어도 될 것 같은데 정말 사장님이 미쳤어요 같은 강의.. 아직 다 소화를 했다고 하긴 어렵지만 반복 학습하면서 마스터해보겠습니다 좋은 강의 만들어주셔서 감사합니다 :) !!

이정환 Winterlood님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

문법을 넘어 동작 원리와 개념 이해까지 배워도 배워도 헷갈리는 타입스크립트 이제 제대로 배워보세요! 여러분을 타입스크립트 마법사🧙🏻‍♀️로 만들어드립니다.

초급

TypeScript

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

한 입 크기로 잘라먹는 Next.js

이정환 Winterlood

한입 시리즈의 3번째 작품! 세상에서 가장 친절하고 디테일 한 Next.js 강의 입니다. App Router 뿐만 아니라 Page Router까지 프로젝트를 통해 살펴봅니다.

초급

React, TypeScript, Next.js

한 입 크기로 잘라먹는 Next.js

이정환 Winterlood

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

이정환 Winterlood

AI는 딱 당신만큼만 훌륭합니다. AI 활용법 → 기초 핵심 지식 → 프로젝트 개발 3단계로 완성하는 완벽한 바이브 코딩. 바이브 코딩을 제대로 배워보고 싶은 분들을 위해, 어떤 AI를 사용하더라도 변하지 않는 핵심 개념들을 한 입 크기로 잘라 전달해 드립니다.

입문

웹앱, 네트워크, 보안 교육

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

이정환 Winterlood

[VOD] AI가 다 해준다는데, 왜 나만 막힐까? - 바이브코딩 기초 개념 7가지

이정환 Winterlood

AI에게 시켰는데 에러만 반복된다면, 문제는 AI가 아니라 방향을 줄 기초가 없어서입니다. 이 영상에서는 바이브코딩을 하다 막히는 사람들에게 빠짐없이 비어 있던 기초 개념 7가지가 각각 무엇이고 왜 필요한지 짚어드립니다. 👾 코딩 0일차, 터미널을 한 번도 안 열어본 분을 기준으로 설명합니다.

입문

codex, 인공지능(AI), AI Agent

[VOD] AI가 다 해준다는데, 왜 나만 막힐까? - 바이브코딩 기초 개념 7가지

이정환 Winterlood

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

이정환 Winterlood

이제는 실전에 도전할 차례입니다 🔥 React.js + TypeScript + Supabase로 실무급 SNS를 함께 개발해보며 인증&인가, 무한스크롤, 이미지 업로드, 좋아요, 무한 중첩 댓글, 다크모드 등의 기능을 만들어 봅니다. 이 과정에서 Zustand와 Tanstack Query를 이용한 서버 및 전역 상태 관리 기법도 살펴볼 예정입니다.

중급이상

React, TypeScript, react-query

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

이정환 Winterlood

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

이정환 Winterlood

Zustand, Tanstack Query, Tailwind CSS로 여러분의 리액트 앱을 업그레이드 하세요! 복잡한 프로젝트에도 도전하실 수 있도록 다양한 도구들의 핵심 개념과 사용 방법을 안내해 드립니다.

초급

React, 웹앱, TailwindCSS

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

이정환 Winterlood

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

한 입 크기로 잘라먹는 Next.js

이정환 Winterlood

한입 시리즈의 3번째 작품! 세상에서 가장 친절하고 디테일 한 Next.js 강의 입니다. App Router 뿐만 아니라 Page Router까지 프로젝트를 통해 살펴봅니다.

초급

React, TypeScript, Next.js

한 입 크기로 잘라먹는 Next.js

이정환 Winterlood

떠먹는 Three.js

제주코딩베이스캠프

Three.js의 기초적인 개념을 학습하고, 이를 응용하여 '나만의 섬 만들기' 미니 프로젝트를 진행합니다. 프로젝트를 진행하면서 쉽고 가볍게 Three.js를 익힐 수 있습니다.

초급

Three.js, HTML/CSS, JavaScript

떠먹는 Three.js

제주코딩베이스캠프

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

이정환 Winterlood

중급이상

React, TypeScript, react-query

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

이정환 Winterlood

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

코딩웍스(Coding Works)

SCSS(SASS)와 FLEX Layout을 실전에 완벽하게 활용합니다! 피그마로 전체 웹사이트의 메인 페이지 및 핵심 서브 페이지 UI를 디자인하고, 일관성 있는 클래스네임과 함께 HTML 와이어프레임 구조를 만들어 퍼블리싱까지 완료하는 체계적인 반응형 웹 사이트 프로젝트 제작 과정입니다. 총 41시간 이상의 과정 속에서 핵심 이론 및 실무 활용 능력을 충분히 익히고, PC - 모바일 - 태블릿 대응 반응형 레이아웃을 설계 및 제작하면서 반응형 웹 프로젝트에 대한 경험과 노하우는 물론 제이쿼리(jQuery) 핵심 이론 및 실무 활용 능력까지 대폭 향상시키게 됩니다.

초급

HTML/CSS, Sass, scss

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

코딩웍스(Coding Works)

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

이정환 Winterlood

초급

React, 웹앱, TailwindCSS

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

이정환 Winterlood

HTML/CSS/JS만 알아도 OK! React와 Firebase로 완성하는 실전 프로젝트

이지웹

React와 Firebase를 활용하여 로그인, 게시글 관리, 파일 업로드, 프로필 관리 등 실제 서비스에서 사용되는 핵심 기능을 구현하는 웹 애플리케이션을 만들어보는 강의입니다. Firebase Authentication을 이용한 이메일 로그인과 소셜 로그인, Firestore 기반 데이터 저장 및 실시간 데이터 처리, Firebase Storage를 활용한 파일 업로드 기능, 그리고 프로필 관리 기능까지 단계적으로 구현하면서 하나의 완성된 웹 서비스를 만들어 보실 수 있습니다. 프론트엔드 개발을 배우시는 분들이 복잡한 서버 구축 없이 Firebase를 활용하여 빠르게 웹 서비스를 구현하는 방법을 이해하실 수 있도록 구성된 강의입니다.

초급

React, Firebase, firebase-firestore

HTML/CSS/JS만 알아도 OK! React와 Firebase로 완성하는 실전 프로젝트

이지웹

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

중급이상

React, Next.js, cursor

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

AI 웹개발 실전 프로젝트 (Stitch · Figma Make · React)

이지웹

"생성형 AI를 활용해 기획·디자인·구현·배포까지 완성하는 웹개발 실전 프로젝트 강의" 아이디어 구상부터 시작해서, AI로 디자인 뚝딱 만들고, React로 실제 작동하는 웹사이트 구현, 그리고 인터넷에 배포까지 - 모든 과정을 차근차근 함께 완성합니다. Stitch와 Figma Make 같은 최신 AI 도구들이 디자인 작업을 도와주고, 복잡한 코딩도 단계별로 쉽게 따라할 수 있게 알려드려요.

초급

React, Figma, stitch

AI 웹개발 실전 프로젝트 (Stitch · Figma Make · React)

이지웹

JavaScript 객체지향, 이론 말고 '만들면서' 배웁니다 (전략 AI 편)

nhcodingstudio

📌 이 강의는 전략형 AI 틱택토 프로젝트로 시작해, 객체지향 프로그래밍의 핵심 개념까지 실전 예제로 완성하는 커리큘럼입니다. 게임 구현으로 로직 설계와 AI 전략 사고를 훈련하고, 이어서 상속, 조합, 위임, 캡슐화 같은 OOP 설계 기술을 직접 코드로 경험합니다. 실제 프로젝트로 문법을 넘어서 ‘설계하는 개발자’로 성장하고 싶은 분께 추천드립니다.

초급

HTML/CSS, JavaScript, 객체지향

JavaScript 객체지향, 이론 말고 '만들면서' 배웁니다 (전략 AI 편)

nhcodingstudio

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

닭강정

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

초급

React, Electron, GUI

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

닭강정

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)

mongoDB, NoSQL 요즘 많이 들리지만 아직은 낯선 데이터베이스인가요? 관계형 데이터베이스(RDS/SQL)처럼 사용하고 계시지는 않으신가요? 아무리 좋은 기술도 올바르게 사용하지 않으면 역효과가 발생합니다. 그래서 몽고디비 사용 실패 사례도 종종 보이는데요. 이 강의는 mongoDB를 최대한 mongoDB스럽게 사용할 수 있도록 기본 개념부터 실무 노하우까지 가르쳐드려요.

초급

MongoDB, REST API, Node.js

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

이 강의를 통해서 레딧 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

초급

클론코딩, Node.js, React

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

초급

React, React Native, 하이브리드 앱

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

입문

HTML/CSS, JavaScript, Next.js

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1

유용한IT학습

이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 코딩을 처음 접하시는 분들도 쉽게 이해할 수 있도록 차근차근 설명하고 있습니다. Part 1은 자바스크립트의 개요와 변수, 자료형, 연산자, 제어문과 jQuery의 기초를 다루고 있습니다.

입문

JavaScript, jQuery

자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1

유용한IT학습

Building a Server Framework from Scratch: Cloning the Express.js Engine

nhcodingstudio

This course goes beyond simply using Express.js. You will rebuild its internal engine from start to finish, gaining hands-on experience with the real principles of how a server works. By directly creating each component of Express—such as routing, middleware, request–response objects, static file handling, and template rendering—you will grow as a server developer and truly understand how a framework operates at its core.

초급

JavaScript, Node.js, Express

Building a Server Framework from Scratch: Cloning the Express.js Engine

nhcodingstudio

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보