강의

N
챌린지

멘토링

N
클립

커뮤니티

로드맵 썸네일
개발 · 프로그래밍

한 입 크기로 잘라먹는 프론트엔드 With 실전 프로젝트

작성자 프로필 이미지

이정환 Winterlood

React
TypeScript
JavaScript

초급 대상

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

2명 참여중

조회수

21

현재 할인율 적용 과정중에 있습니다.


로드맵소개

프론트엔드 완결 로드맵 (확장판)
자바스크립트 기초부터 React.js, TypeScript, Next.js, 실전 프로젝트까지

한입react

한 입 크기로 잘라먹는 리액트

자바스크립트 기초부터 실전 리액트 프로젝트까지

  • 총 수강생 : 11,490명

  • 평점: 4.9 (722개)

  • 가격 : 48,400원 / 로드맵 구매 시 : 33,800 (30%)



한입TS

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

문법을 넘어 동작 원리와 개념까지!

  • 총 수강생 : 12,137명

  • 평점: 5.0 (293개)

  • 가격 : 48,400원 / 로드맵 구매 시 : 33,800 (30%)



한입 넥스트 썸네일

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

페이지 라우터부터 앱 라우터까지 완벽하게!

  • 총 수강생 : 3,248명

  • 평점: 5.0 (263개)

  • 가격 : 48,400원 / 로드맵 구매 시 : 33,800 (30%)


thumb9

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

이제는 실전에 도전할 차례! 인증, 이미지 첨부, 좋아요, 무한 스크롤, 무한 대댓글 기능을 제공하는 실무급 SNS 개발하기

  • 총 수강생 : 1,269명

  • 평점: 5.0 (78개)

  • 가격 : 55,000원 / 로드맵 구매 시 : 38,500 (30%)

로드맵으로 묶음 구매 시 60,060원의 할인 혜택을 받을 수 있어요

  • 개별 구매 시 : 200,200원

  • 로드맵 묶음 구매 시: 140,140원

한입 시리즈는 이렇게 만들어집니다.
강의 제작 4 원칙

원칙 1. 직관적이고 풍부한 시각자료

시각 자료는 집중력과 흥미를 유지하고 학습 내용을 기억하는데에 큰 도움이 됩니다.
직관적이면서 매력적인 시각자료를 통해 쉽고 빠른 이해를 돕습니다.

출처 한줄만 남겨주시면 블로그에 개제하셔도 되는 저작권 FREE 자료입니다.

원칙 2. 학습자를 불편하게 하지 않는 친절함

새로운 용어나 개념이 등장할 때 대충 설명하고 넘어가거나, 이미 알고 계실거라고 속단하지 않았습니다.

강의를 들으시면서 별도로 구글링 하실 일 없도록 최대한 노력했습니다.

nodejs란
ts

원칙 3. 완강까지 흥미를 유지할 수 있는 개연성

수강생 여러분들의 흥미 유지를 위해 강의 중 새로운 내용이 등장할 때 항상 앞의 내용과 연관이 있는지, 갑자기 흐름이 끊키는 느낌을 받지는 않으실지 항상 개연성을 생각하면서 강의를 만들었습니다.

흐름

원칙 4. 좋은 발성과 딕션

오랜 시간 제 목소리를 들으셔야 하는 만큼 좋은 발성과 딕션을 위해 항상 노력하고 있습니다.

이를 위해 최대 2배속으로 재생 해도 다 이해 하실 수 있게끔 강의를 제작했습니다.

혼자하지 말고 함께 배워요 👥
수강생 커뮤니티 & 정기적인 학습 이벤트 진행

완강까지 함께하는 정기 챌린지 진행
완주자에게는 리워드까지!

게시글_상단배너_1080x260
챌린지_미션제출

오직 한입 시리즈 수강생만 입장 가능한
프라이빗한 오픈 채팅방

  • 현재 참가 인원 : 2,049명

    • 1채널 : 1,574명

    • 2채널 : 475명

오픈채팅방
톡방2

"한입 크기로" 제대로 담았습니다.
지금까지의 수강생 후기를 확인해보세요

  • 2025년 06월 06일 오후 08시 39분 기준


로드맵 상세보기

총 4개 코스

로드맵에 포함된 강의 썸네일
인프런
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요.
학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!

₩48,400

로드맵에 포함된 강의 썸네일
인프런
한 입 크기로 잘라먹는 Next.js(v15)
한입 시리즈의 3번째 작품! 세상에서 가장 친절하고 디테일 한 Next.js(15+)강의 입니다. App Router 뿐만 아니라 Page Router까지 프로젝트를 통해 살펴봅니다.

₩48,400

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

₩55,000

로드맵 코스 4