프론트엔드 시스템 설계: 분산시스템으로서의 프론트엔드

Git, 매일 쓰는데 아직도 무서운 적 있죠? git push가 거절당했을 때, 동료가 "리베이스해서 올려줘요"라고 했을 때, detached HEAD state 메시지가 떴을 때. 머릿속이 하얘져서 일단 폴더 통째로 지우고 새로 clone 받아본 적, 한 번쯤은 있을 거예요. 이 강의는 그런 분들을 위한 강의예요. 전 세계 개발자들이 사랑한 Julia Evans의 〈How Git Works〉, 드디어 한국어판으로 만나보세요. 명령어를 외우는 강의가 아니에요. Git이 안에서 어떻게 동작하는지를 천천히 들여다보는 강의예요. .git 폴더 안에 뭐가 들어있는지, 브랜치는 사실 어떻게 저장되는 건지, "미아가 된" 커밋은 어디로 가서 어떻게 되찾을 수 있는지, "up to date with origin/main"이 사실은 무슨 뜻인지. 총 27페이지, 6개 챕터로 구성되어 있어요. ★ 커밋(commits) ★ 브랜치(branch) ★ .git 폴더 구경하기 ★ 머지(merge) ★ 원격 저장소(remote) ★ 대재앙에서 살아남기 내부 모델 한 번만 제대로 잡고 나면, 그 다음부터는 Git이 던지는 어떤 메시지든 스스로 해석할 수 있게 돼요. 명령어를 외우는 게 아니라, "왜 이렇게 동작하는지"를 이해하면서 쓰게 되거든요. Julia가 진(zine) 첫 페이지에서 한 약속, 그대로 옮겨드릴게요 "내부 원리만 제대로 파악하면, 어떤 Git 난장판에서도 스스로 빠져나올 수 있습니다."

프론트엔드 개발의 필수 기술인 리액트를 처음 접하는 분들을 위한 강의입니다. 어려운 개념을 쉽게 풀어내고, 실습 중심의 학습을 통해 리액트의 기본 원리부터 실무 활용까지 자연스럽게 익힐 수 있습니다. 초보자가 막히기 쉬운 포인트를 짚어주며, 프로젝트 실습으로 자신감 있는 리액트 개발자로 성장할 수 있도록 돕습니다.

실무에 적용할 수 있는 Web API를 다룹니다. 한 번쯤 꼭 마주치게 될 요구사항들을 풀어낼 무기를 얻어가시길 바랍니다.

웹 개발 최소 1년 이상의 학생 및 실무자들을 위한 고급 프론트엔드 강좌입니다. 가장 좋은 대상은 현업에서 2~3년 이상의 경험을 하고, 실력의 정체기 또는 대형 기업에서 고려해야하는 제품 구조에 대해 배우고 싶은 분들을 위해 만들어졌습니다.

웹 프론트엔드 개발자를 희망한다면? 재미있는 자바스크립트 강의로 첫걸음을 내딛어보세요✨

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

개발 유형을 테스트하는 웹 페이지를 만들어보세요! MBTI아닌 MBIT(My Best IT personalities)! 'MBIT 테스트 페이지'를 직접 만들어보며 웹 개발의 전반적인 프로세스를 익혀볼 수 있습니다. (Django 3.1 버전을 사용합니다.)

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

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

개발 프로젝트를 위한 미션 콘텐츠입니다. DevTime이라는 타이머 앱을 직접 구현해보면서 프로젝트 실습을 해볼 수 있도록 PRD 기획 문서, Figma 시안, API 엔드포인트를 제공합니다. 실제 서비스와 유사한 수준의 프로젝트를 구현해 보면서 그동안 학습한 지식을 완벽하게 자신의 것으로 만들어 보세요 🚀

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

빠른 실행과 검증의 시대, 바이브 코딩으로 누구보다 빠르게 실행하세요! 광고, 결제 등 수익화까지 빼놓지 않고 내 손으로 이루어 보세요.

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

전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

신입/현직 개발자라면 가장 어려워하는 서류 작성! 합격생들의 서류 작성법을 보고 자신만의 포트폴리오를 만들어 보세요! 합격된 서류만을 보고 이야기합니다!

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

A Complete End-to-End Developer Journey — Build Lightning-Fast APIs, Modern Frontend Interfaces, Real Projects, Authentication Systems, Dashboards & Full Deployments Using FastAPI, React, and Vibe Coding Techniques.

React 프론트엔드와 SpringBoot 백엔드를 AWS 클라우드에 직접 배포하는 포트폴리오 중심 강의! 빠르게 자신의 포트폴리오에 프론트, 백앤드 프로젝트를 배포하고 싶은 분들에게 도움이 되는 강의입니다! 배포하는 데 필요한 지식들을, 서버 설정부터 Docker, Domain 연결, Nginx, HTTPS 적용까지 단계별로 단기간 실습할 수 있게 됩니다!

이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 자바스크립트에 어느 정도 익숙해진 분들을 위한 강의입니다. Part 2은 자바스크립트의 추상화, 캡슐화, 상속, 다형성을 다루고 있습니다.

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)