JavaScript 다음은 TypeScript! 프론트엔드를 위한 타입스크립트 입문

HTML/CSS를 배웠다면, 이제 JavaScript로 웹페이지를 움직여볼 차례입니다. 변수·함수·배열·조건문·반복문 등 프로그래밍 기본기부터 DOM 요소 제어와 이벤트, 탭·아코디언 같은 UI 구현까지 익히며 React 등 프론트엔드 학습으로 이어지는 JavaScript 기본기를 탄탄하게 만들어보세요.

HTML/CSS 다음 단계부터 React 상품 탐색 앱 완성까지, 직접 코드를 쓰며 익히는 JavaScript·React 입문 강의입니다. 영상을 따라 하며 직접 구현하거나, 학습 노트의 프롬프트로 AI 제안을 받아 필요한 부분만 골라 반영하는 두 가지 방식으로 학습할 수 있습니다. 총 30개 수업(약 13시간 30분)으로 JavaScript 핵심 문법, DOM·이벤트, React 컴포넌트·props·state를 하나의 흐름으로 배우고, 테스트와 빌드로 결과를 직접 검증합니다.

더 이상 자바스크립트와 ES6을 따로 공부할 필요없습니다. 본 강의는 자바스크립트 프로그래밍 언어를 최신의 ES6 문법과 함께 학습하도록 기획된 과정입니다.

타입 어노테이션은 붙이는데, 잘못된 데이터는 여전히 런타임에서야 터지고 있나요? 이 강의는 잘못된 상태가 아예 컴파일되지 않도록 도메인을 설계하는 법부터, 타입 검사기 안에서 돌아가는 프로그램을 작성하는 법까지 TypeScript 7 기준으로 다룹니다. CLI 다섯 개를 직접 만들고, 마지막에는 나만의 작은 언어를 자바스크립트로 컴파일하는 컴파일러를 완성합니다.

React를 배웠다면, 이제 TypeScript를 실제 프로젝트에 적용해볼 차례입니다. TodoList 앱을 직접 만들며 컴포넌트와 상태에 타입을 적용하고, CRUD 기능부터 LocalStorage 데이터 저장과 배포까지 경험하며 실무에서 활용할 수 있는 React + TypeScript 개발 감각을 익혀보세요.

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

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

내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

3년차 프론트엔드 개발자가 가장 쉽게 알려주는 TodoList 만들기 강의입니다.

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

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

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

제주에서 진행하는 부트캠프를 온라인으로! 빠르게 자신만의 서비스를 만들어보세요! :)

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.

앱은 우리 일상에서 중요한 역할을 합니다. 하지만 네이티브 앱을 개발하고 유지·보수하는 과정은 길고 복잡하며, 많은 비용이 들기도 합니다. 본 강의에서는 2024년 9월 현재 주목받고 있는 대안인 프로그레시브 웹 앱(Progressive Web App, PWA)을 소개합니다. PWA는 웹 기술과 네이티브 앱의 장점을 결합한 방식으로, 더 빠르고 효율적인 앱 개발과 유지 관리를 가능하게 합니다. 실습과 함께 PWA의 개념, 장점, 구현 방법을 단계별로 학습하며, 실무에 바로 적용할 수 있는 역량을 갖추게 됩니다.

"2026년도 UIUX디자이너 |코딩하는 디자이너 에이전시 합격 포트폴리오 공개" 면접관의 눈길을 사로잡는 UIUX 웹 포트폴리오를 제작하는 실전 강의입니다. 단순한 포트폴리오 제작이 아닌, 인터랙션을 활용해 차별화된 결과물로 UIUX 디자이너로 취업 경쟁력을 높일 수 있도록 설계된 커리큘럼입니다.

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

딸깍하면서 배우는 쉽고 재미있는 수업입니다. 포트폴리오의 방향성을 참고하실 수 있습니다.

React와 같은 최신 기술이 확산된 지금도 jQuery는 기존 웹사이트의 운영·유지보수와 웹 퍼블리싱 현장에서 여전히 접하게 되는 기술입니다. 단순히 화려한 효과를 따라 만드는 것이 아니라 jQuery의 동작 원리와 기본기를 이해하고, 이벤트와 애니메이션부터 다양한 UI 인터랙션까지 단계적으로 학습합니다. 실습을 통해 포트폴리오를 완성하고 현업에서도 활용할 수 있는 실전 웹 퍼블리싱 역량을 키워보세요.

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