인프런 - 라이프타임 커리어 플랫폼

이제 리액트(React)를 제대로 배우세요. 순수 자바스크립트 방식과 비교하며, 리액트의 특징과 역할을 가장 쉽게 이해하는 강의!

설명대장 얄코의 녹진하고 꾸덕한 강좌로 가장 쉽게, 가장 빠르게 리액트를 배우세요!

이 강의를 통해서 리액트와 파이어베이스를 이용해서 채팅 어플리케이션을 만들수 있습니다.

이 강의를 통해 리액트 애플리케이션을 테스트하는 법을 배우게 됩니다.

Web 기술로 오프라인 환경에서 작동하는 App 을 만들 수 있습니다. 프로그레시브 웹 앱이 발전해온 시대적 배경과 주요 특징을 배우고, 주요 기술들로 실제 프로그레시브 웹 앱을 만들어보세요.

코로나맵 개발자가 알려주는 지도서비스 만들기 강의입니다.

맨날 따라 치기만 해서 불안하신가요? 구현 없이 웹의 동작 원리와 기술 선택 기준만 꽉 채웠습니다. 기초개념은 물론이고 React 19부터 Vite 7까지, 2026년 프론트엔드의 큰 그림을 그려드립니다!

이제 리액트(React)가 진짜 ‘보이기’ 시작합니다. 고급 개념과 훅(Hooks) 가장 쉽고 정확하게 배워보세요.

순수 함수형 프로그래밍으로 프론트엔드 웹앱을 만드는 Elm 프로그래밍 언어 가이드 문서를 3시간만에 다 공부합니다.

단순히 듣고 끝나는 강의가 아닙니다. 이 강의는 “React를 이해하는 순간”이 아니라 “React를 직접 다룰 수 있게 되는 순간”을 목표로 합니다. 매 섹션마다 강의와 함께 미션을 수행하고, 연습문제를 직접 풀며, JSX, Virtual DOM, State, useEffect 같은 핵심 개념을 손으로 구현하며 익히는 과정입니다. 완강을 마쳤을 때 당신은 단순히 React 문법을 아는 입문자가 아니라, 컴포넌트 설계부터 렌더링 흐름까지 스스로 설명하고 활용할 수 있는 개발자가 되어 있을 것입니다. “듣기만 하는 수업이 아닌, 완성해 나가는 학습.” React의 본질을 이해하고, 선언형 UI의 세계를 직접 체험하세요.

Vue.js 3 사용 방법을 배우고 프로젝트에 적용을 하면서 익힐 수 있도록 도와드립니다.

이 강의는 초보 Javascript 개발자가 직접 Real 웹앱을 개발할 수 있는 개발자가 되는 것에 초점을 맞추고 있습니다. 이 강의를 수강하시면 Vue.js 와 관련된 기본적인 개념부터 Real 웹앱 개발을 해 볼 수 있습니다. 이 강의는 1부 기본기 이며, 2부와 3부를 통해서 실제 Real 웹앱을 구현해 보도록 하겠습니다. Javascript 나 CSS 와 같은 선수지식 없이도 기본적인 간단한 Html 만 알아도, 학습할 수 있도록 쉽게 구성하였습니다. 강의 후반부가 되면, 분명 Vue.js 에 대한 기본 코딩이 가능할 수 있을 것입니다.

공공데이터와 Folium(폴리움)으로 제주 오름 지도 안내 서비스를 만들어 봅시다! 나만 볼 수 있는 서비스가 아니라, 남들도 접속할 수 있는 서비스요! 파일로 가지고 있는 포트폴리오 아니라 남들도 들어오는 서비스요!

안녕하세요 여러분. 제 강의 Master Website Creation 2026 - 15 Website Platforms in 1 Course에 오신 것을 환영합니다 - WordPress, Wix, Weebly, Shopify, Squarespace, GoDaddy, Zoho Sites, Site123, Duda, BigCommerce, Strikingly, Pagecloud, Jimdo, Tilda 그리고 Simvoly를 다룹니다. 제 강의에서는 모든 웹사이트 제작에 관한 모든 것을 배우게 됩니다. 저는 15개 웹사이트 제작 플랫폼의 모든 기능에 대한 비디오 강의를 만들었습니다. 이러한 플랫폼의 모든 기능을 사용하는 방법에 대한 실제 실무 구현을 보실 수 있습니다. 이것은 인터넷에서 찾을 수 있는 15개의 서로 다른 웹사이트 제작 플랫폼에 관한 가장 상세한 강의입니다. 저는 각 플랫폼에 대해 서로 다른 섹션을 만들었으며, 비즈니스를 위한 멋진 실용적인 웹사이트를 구축하기 위해 플랫폼을 사용하는 방법을 심도 있게 보여드렸습니다. 이 강의는 웹사이트 제작에 대한 100% 이해를 제공할 것이며, 이 강의를 마친 후에는 여러분 자신과 고객을 위한 웹사이트를 구축하는 데 이러한 개념을 적용할 수 있게 될 것입니다.

간단한 마크다운 메모 웹 애플리케이션을 만들어봅니다. Notion처럼 마크다운을 사용할 수 있는 스티커 메모지에요!

글로벌 기업들의 차세대 모바일 전략, PWA(프로그레시브 웹 앱)를 배우자!

이 강의는 Vanilla JavaScript로 Notion을 처음부터 끝까지 직접 구현하며, 단순한 UI 클론을 넘어서 내부 동작 원리를 깊이 이해하는 데 초점을 맞춘 풀스택 수준의 프런트엔드 프로젝트 과정입니다. 사이드바 트리, 중첩 문서 생성, 자동 저장, 라우팅, 휴지통, 즐겨찾기, 검색 모달, 설정 모달, 테마 전환, Export/Import, 키보드 단축키, 반응형 레이아웃, 드래그 리사이즈 등 실제 노트 앱의 핵심 기능을 모두 바닐라 JS로 직접 구현합니다. React, Vue 같은 프레임워크 이전에 반드시 알아야 할 브라우저 표준 동작(이벤트 버블링, DOM 트리, 로컬 스토리지, Blob, FileReader, 해시 라우팅 등)을 탄탄하게 학습해, “왜 이렇게 동작하는가”를 완전히 이해하고 디버깅할 수 있는 내공을 쌓는 것이 목표입니다.

React 가 처음이라면? React의 기본 개념을 튼튼히 하면서도 빠르게 배울 수 있는 방법을 고민해야 합니다. Next.js와 JavaScript로 최소한의 지식으로 시작해 보세요. 실무에서 개발에 필요한 필수적인 예제들만 간추려 개발해 봅시다. Todo 예제는 너무나 중요하므로 2번 개발해야 합니다. 한번은 컴포넌트 중심으로 다음에는 브라우저의 경로에 맞게 처리되는 라우팅 중심으로! 로그인은 Zustand를 이용하세요! 정말 적은 양의 코드로 전역 상태를 처리할 수 있습니다.

누구나 배울 수 있는 쉬운 코딩을 만들겠습니다. 코딩이 무엇인지 이해하고 라이브러리, API 등 최대한 외부 자원을 활용하여 서비스 가능한 웹과 앱을 제작하는 것이 목표입니다.

생성형 AI(Chat GPT, Cursor AI)를 통해서 웹 사이트 개발과 배포하는 과정을 전반적으로 학습합니다.