무료로 시작하는 타입스크립트: 기초부터 타입 설계까지

JS를 쓰고는 있지만 왜 되는지 설명하기 어렵다면, 이 강의가 그 답을 드립니다. 실행 컨텍스트, 클로저, 이벤트 루프부터 Promise 동시성, 프로토타입, 가상 DOM, 메모리 누수, 번들 최적화까지 - JS 고급 개념 18챕터를 읽는 것이 아니라 시뮬레이터로 직접 눈앞에서 확인하며 학습합니다. 챕터마다 코드 기반 퀴즈가 제공되며, 치킨 한 마리 값으로 평생 소장할 수 있습니다.

자바스크립트를 배웠는데, 실제 프로젝트에서 막히시나요? forEach는 쓸 수 있는데 reduce는 손이 안 가고, 비동기 코드는 볼 때마다 머리가 아프고, 컴포넌트를 만들어도 왜 이렇게 짜야 하는지 이유를 모르는 분들을 위해 이 강의를 만들었습니다. 이 강의는 단순히 문법을 설명하지 않습니다. "왜 이렇게 쓰는가" 를 중심으로, 실무에서 바로 꺼내 쓸 수 있는 코드 감각을 키워드립니다.

안녕하세요 4년차 프론트엔드 개발자 감자입니다. 제가 처음 자바스크립트를 배울 때를 떠올려보면 유튜브나 책을 따라 칠 때는 다 이해한 것 같았는데, 막상 빈 에디터를 켜면 머리가 새하얘지는 경험을 한 적이 많았습니다. 처음엔 그저 구글링해서 찾은 코드를 복사하고 붙여넣기 바빴습니다. 그러다 보니 에러가 터지면 어디서부터 손을 대야 할지 몰라 밤을 새우며 며칠을 좌절하기도 했죠. 그때 뼈저리게 깨달았습니다. 남의 코드를 100번 복사하는 것보다, 내가 직접 원리를 알고 1줄을 짜보는 것이 진짜 실력이다. 라는 것을요. 많은 입문자분들이 자바스크립트의 높은 장벽 앞에서 이렇게 고민합니다. 🚨 "HTML/CSS로 화면은 예쁘게 만들었는데, 움직이게 하려니 막막해요." 🚨 "변수, 함수 문법은 다 외웠는데 이걸 실전에서 어떻게 조합하는지 모르겠어요." 🚨 "이벤트 버블링, DOM 조작 같은 용어만 들어도 머리가 아파요." 그래서 이 강의를 준비했습니다. 제가 수많은 삽질 끝에 터득한 '가장 확실한 지름길'만 정리해 드립니다. 저는 자료를 준비하며 어려운 개발 용어를 늘어놓지 않았습니다. 두꺼운 전공 서적에 나오는, 당장 쓰지도 않을 문법은 과감히 버렸습니다. 대신, 실무에서 숨 쉬듯 사용하는 핵심 원리들을 '컨베이어 벨트', '물감 팔레트' 같은 일상적인 비유를 통해 여러분의 머릿속에 직관적으로 꽂아드립니다. 이 강의에서는 단순히 이론만 배우지 않습니다. 이론을 배우는 즉시 아코디언, 탭 메뉴, 다크 모드 토글 등 프론트엔드 실무에서 무조건 마주하는 4가지 핵심 UI를 저와 함께 밑바닥부터 직접 만들어 봅니다. 강의를 완강하고 나면, 여러분은 더 이상 남의 코드를 긁어와 기도하며 실행 버튼을 누르는 사람이 아닐 것입니다. 화면을 어떻게 구성할지 스스로 설계하고, 내 의도대로 자바스크립트 코드를 짜내려 가는 진짜 프론트엔드 개발자로 거듭나게 될 것입니다. 저의 모든 실무 노하우를 담았습니다. 빈 에디터 앞에서 더 이상 멈추지 마세요. 이제 시작할 시간입니다.

우리는 과연 HTML과 CSS를 제대로 활용하고 있을까요? 복잡한 프레임워크와 자바스크립트 로직에 갇히기 전, 웹의 본질인 마크업과 스타일링만으로 두더지 잡기부터 방탈출 게임까지 직접 구현해 봅니다. 4년 차 현직 개발자가 알려주는 '도구에 휘둘리지 않는 기본기'의 힘을 경험하세요.

타입 안정성과 코드 가독성을 높이는 TypeScript의 핵심 문법을 실습 위주로 익히는 입문 과정입니다. 프로젝트 환경 설정부터 인터페이스, 제네릭, 유틸리티 타입까지 실제 코드 사례로 학습합니다.

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

이 강의를 통해 타입스크립트에 대해서 배울 수 있습니다.

"타입스크립트 입문 - 기초부터 실전까지"의 실전 활용편입니다. 입문 편을 수강하지 않으신 분들은 입문 편부터 수강해주세요 😄

이 강의는 TypeScript 기반으로 Next.js 16+를 처음부터 실전 프로젝트 수준까지 완성하는 올인원 강의입니다. App Router, Server Components, Server Actions, Caching, Cache Components, 인증, 성능 최적화, 배포까지 최신 Next.js의 핵심 개념과 실무 패턴을 직접 구현하며 학습합니다.

타입스크립트와 리액트 관련 강좌입니다.

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

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

노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

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

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

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

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

빠른 속도를 자랑하는 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 공급자'의 시야를 갖게 될 것입니다.

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

누구보다 빠르게 배우는 Springboot + NextJS RestAPI 게시판 만들기! Springboot 로 CRUD 서버를 개발하고 NextJS로 나만의 게시판을 만들어보세요!

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