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

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

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

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

바이브코딩은 빠르지만, 너무 빨라서 기초가 빈 채로 지나가기 쉽죠. AI가 짜준 코드를 '왜 되는지' 알고 싶은 분들을 위해 — 흔들리지 않는 바이브코딩에 필요한 8가지 핵심 기초(터미널·웹·배포·버전관리·DB·인증 등)와 어떤 순서로 배워야 하는지를 짚어드립니다. 코딩 0일차여도 따라올 수 있어요!

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

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

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

타입스크립트의 문법과 사용법을 가장 쉬운 설명으로 빠르게 학습합니다.

React와 Three.js 를 한번에! 3D 기초부터 현업에 사용할 수 있는 프로젝트 그리고 최적화 팁 까지 !

타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관점에서 쉽고 재밌게 배워보겠습니다 😄

타입스크립트의 핵심 개념을 기초부터 실습까지 한 번에! 프로젝트를 통해 실무 활용까지

하이브리드 앱 개발을 위한 프레임워크 중 하나인 Ionic2 Framework를 학습하기 위한 사전단계로 Typescript 를 배워봅니다.

JavaScript를 공부한 뒤 TypeScript를 시작하면 새로운 문법보다도 이 타입을 왜 사용해야 하는가? 에서 자주 막히게 됩니다. 기본 타입부터 유니온, 타입 좁히기, 제네릭, keyof, Pick, Omit까지 연결해서 학습합니다. 또한 연습문제를 별도 미션으로 제공해 배운 내용을 직접 적용할 수 있도록 구성했습니다. 수강 후에는 타입 오류를 무작정 숨기지 않고 원인을 읽어낼 수 있으며, 반복되는 타입을 안전하게 줄이고 코드의 의도를 타입으로 표현할 수 있게 됩니다.

React + TypeScript를 활용하여 실무 감각으로 “할 일 관리 앱(ToDo List)”을 직접 만드는 프로젝트 중심 과정입니다. 단순히 문법을 배우는 데 그치지 않고, 컴포넌트 구조 설계 → 상태 관리 → 타입 적용 → 기능 구현 → 로컬 스토리지 연동 → 배포까지 실제 서비스 형태로 완성하면서 타입스크립트의 활용 감각을 익힐 수 있습니다.

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

이 강의는 AI 시대에 개발 생산성을 극대화하는 방법을 배우고 싶은 분들을 위한 실전 중심 강의입니다. 단순히 AI를 사용하는 방법을 넘어서, 실제 개발 환경에서 Claude Code를 어떻게 활용해야 하는지, 그리고 어떻게 하면 “제대로 된 결과”를 만들 수 있는지에 집중합니다. 많은 개발자들이 AI를 사용하면서도 ❌ 결과가 일관되지 않거나 ❌ 코드 품질이 떨어지거나 ❌ 프로젝트가 점점 복잡해지는 문제를 겪고 있습니다. 이 강의에서는 이러한 문제를 해결하기 위해 ✔ 스펙 기반 워크플로우 ✔ 구조화된 명령어 시스템 ✔ 서브에이전트 및 자동화 전략 을 통해 AI를 도구가 아닌 ‘개발 파트너’로 활용하는 방법을 알려드립니다. 또한 Firebase, Figma, GitHub, Vercel과 같은 실제 서비스와 연동하여 처음부터 끝까지 하나의 애플리케이션을 완성하고 배포하는 경험을 제공합니다.

빠른 속도를 자랑하는 Node.js 프레임워크 fastify 와 orm Prisma 그리고 Typescirpt를 활용한 최신 Node.js 백엔드 REST API를 학습하는 코스

"왜 AI가 이런 코드를 짰지?", "왜 방금 말한 걸 기억 못 하지?" 클로드 코드(Claude Code)와 같은 AI 도구를 쓰다 보면 마주하는 답답함, 그 원인은 도구가 어떻게 동작하는지 모르니까입니다. 이 강의는 그 블랙박스를 투명하게 열어젖힙니다. 우리는 25강에 걸쳐 LLM에게 파일을 보는 '눈(Read)', 코드를 고치는 '손(Edit)', 명령을 수행하는 '발(Bash)'을 직접 달아주며, 실제 현업 도구와 똑같이 동작하는 나만의 Coding Agent를 밑바닥부터 구현합니다. 단순히 라이브러리 사용법을 배우는 것이 아닙니다. AI가 어떻게 프로젝트 구조를 파악하고, 왜 긴 대화에서 기억을 잃는지, 그것을 기술적으로 어떻게 해결하는지(Sliding Window, Summary) 직접 코드로 구현하며 체득합니다. 이 과정을 통해 여러분은 AI 도구의 단순한 '사용자'에서, 작동 원리를 꿰뚫고 도구를 내 입맛대로 개조하고 평가할 수 있는 'AI 공급자'의 시야를 갖게 될 것입니다.

리액트 네이티브로 아바타 기반 커뮤니티앱을 개발합니다. 글작성 뿐만아니라 댓글/대댓글, 좋아요, 투표, 아바타 생성 등 완성도 있는 커뮤니티앱을 만드는 과정을 배우게 됩니다.

MERN stack (feat. TypeScript) 을 활용한 지도 서비스를 처음부터 끝까지 만들어보는 강의입니다. API 공식 문서를 보며 차근차근 하나씩 만들어 봅시다.

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

Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

쉽게 안드로이드 앱, 윈도우 앱, ios 앱을 만들어보고 배포하는 방법까지 알고 싶은 분들에게 추천드립니다. 자바스크립트와 앵귤러보다는 타입스크립트의 기초부터 알려드립니다!

AI에게 시켰는데 왜 자꾸 망가지는지 모르겠다면, 문제는 코딩이 아니라 '무슨 일이 일어나는지' 모른 채 시키기 때문입니다. 로그인과 결제가 붙은 웹서비스 하나를 처음부터 내 도메인 출시 및 검색 엔진 노출까지 완성하며, 매 단계 "방금 무슨 일이?" 맥락을 이해하고 넘어가는 바이브코딩을 알려드립니다.

스프링 부트(Spring Boot ver3.4.x)로 제작되는 API 서버와 React 19 (with TypeScript) 연동 프로젝트 완성하기! 백엔드 포트폴리오에 프론트 엔드 적용! 실무자들을 대상으로 작성된 강의(초급자용 강의는 아닙니다.)