Challenge

종료

개발 · 프로그래밍

프로그래밍 언어

한입 챌린지 9기 - 자바스크립트

14일 동안 "한 번에 끝내는 자바스크립트" 강의를 완강하는 완강챌린지입니다. (진도표, 미션 제공) 기본 문법부터 심화 개념까지 학습하면서, 바닐라 자바스크립트로 SPA를 개발해봅시다 🔥

JavaScript SPA vanilla-javascript vanillajs

17개 수업 학습

14회 미션 수행

성취의 증표, 수료증을 발급해요.

완주 시 쿠폰을 제공해요.

질문하고 즉시 답을 얻어요.

이정환 Winterlood님과 함께해요!

39,750

명

수강생

3,071

개

수강평

1,699

개

답변

5.0

점

강의 평점

개

강의

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

📚 도서
- "한 입 크기로 잘라먹는 Next.js" 출간
- "한 입 크기로 잘라먹는 리액트" 출간
📹 강의
- 한 입 크기로 잘라먹는 Next.js
- 한 입 크기로 잘라먹는 타입스크립트
- 한 입 크기로 잘라먹는 리액트

공동 지식공유자

4월

6일

챌린지 시작일

2026년 4월 6일 오후 03:00

챌린지 종료일

2026년 5월 1일 오후 02:59

챌린지 커리큘럼

전체

31개 ∙ (32분)

해당 강의에서 제공:

수업자료

미션

챌린지 전용 수업

챌린지에서 배워요

총 2개의 토이프로젝트(TripWiki, 포켓몬도감)
바닐라 자바스크립트 기본 문법
실무 개발에 필요한 자바스크립트 개념 (컴포넌트, 모듈화, 비동기, DOM API 등)
state와 setState를 사용한 상태관리
라이브러리 없이 SPA 개발 / 자바스크립트를 React.js처럼 사용하기

이런 분들께
추천드려요

학습 대상은
누구일까요?

미션과 함께 강의를 빠르게 완강하고 싶으신 분들
바닐라 자바스크립트를 배워보고 싶으신 분들
프로젝트를 개발하며 여러 개념을 학습하고 싶은 분들
React.js를 배웠으나, 자바스크립트는 잘 다루지 못하는 분들

선수 지식,
필요할까요?

HTML/CSS 기초 지식

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!

이 강의의 지난 수강평

취소 및 환불 규정
챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.

이정환 Winterlood님의 다른 강의

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

한 입 크기로 잘라먹는 바이브코딩 (with Claude Code)

이정환 Winterlood

₩99,000

얼리버드

30%

₩69,300

입문 / 웹앱, 네트워크, 보안 교육, claude, 바이브코딩

5.0

(5)

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

입문

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

한 입 크기로 잘라먹는 바이브코딩 (with Claude Code)

이정환 Winterlood

₩99,000

얼리버드

30%

₩69,300

입문 / 웹앱, 네트워크, 보안 교육, claude, 바이브코딩

5.0

(5)

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

이정환 Winterlood

₩48,400

25%

₩36,300

초급 / JavaScript, React, Node.js

4.9

(1,452)

14,900+

답변 활발

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

초급

JavaScript, React, Node.js

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

이정환 Winterlood

₩48,400

25%

₩36,300

초급 / JavaScript, React, Node.js

4.9

(1,452)

14,900+

답변 활발

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

이정환 Winterlood

₩48,400

25%

₩36,300

초급 / TypeScript

5.0

(725)

14,100+

Update

답변 활발

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

초급

TypeScript

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

이정환 Winterlood

₩48,400

25%

₩36,300

초급 / TypeScript

5.0

(725)

14,100+

Update

답변 활발

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

이정환 Winterlood

₩48,400

25%

₩36,300

초급 / React, TypeScript, Next.js

5.0

(596)

5,600+

답변 활발

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

초급

React, TypeScript, Next.js

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

이정환 Winterlood

₩48,400

25%

₩36,300

초급 / React, TypeScript, Next.js

5.0

(596)

5,600+

답변 활발

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

이정환 Winterlood

₩55,000

25%

₩41,250

중급이상 / React, TypeScript, react-query, supabase, zustand

5.0

(130)

1,500+

답변 활발

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

중급이상

React, TypeScript, react-query

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

이정환 Winterlood

₩55,000

25%

₩41,250

중급이상 / React, TypeScript, react-query, supabase, zustand

5.0

(130)

1,500+

답변 활발

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

이정환 Winterlood

₩19,800

초급 / React, 웹앱, TailwindCSS, react-query, zustand

5.0

(10)

200+

답변 활발

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

초급

React, 웹앱, TailwindCSS

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

이정환 Winterlood

₩19,800

초급 / React, 웹앱, TailwindCSS, react-query, zustand

5.0

(10)

200+

답변 활발

한입 챌린지 9기 - 자바스크립트

이정환 Winterlood님과 함께해요!