웹 개발 스킬 트리 Practice Projects

July 1, 2026 · View on GitHub

언어: English · 简体中文 · 日本語 · Español · Français · Deutsch · Русский · 한국어 · Português

웹 개발 스킬 트리

초보자를 위해 설계된 포괄적인 학습 경로를 통해 웹 개발을 배우세요. 이 체계적인 웹 개발 강좌는 HTML, CSS, JavaScript 와 같은 기본부터 인기 있는 프레임워크에 이르기까지 프런트엔드 및 백엔드 기술을 마스터하기 위한 명확한 로드맵을 제공합니다. 비디오가 아닌 실습 모듈과 실제 코딩 연습을 통해 인터랙티브한 환경에서 실제 웹사이트와 웹 애플리케이션을 구축하게 됩니다.

LabEx에서 프로젝트 보기

프로젝트

초보자에게 적합한 100개의 웹 개발 스킬 트리 프로젝트로 핵심 언어 개념을 작고 완성된 프로그램으로 만들어 보세요. 각 프로젝트는 LabEx의 바로 사용할 수 있는 환경에서 열리므로 구현에 집중할 수 있습니다.

인덱스프로젝트난이도연습
001초보자를 위한 HTML초급프로젝트 시작
002초보자를 위한 JavaScript초급프로젝트 시작
003초보자를 위한 CSS초급프로젝트 시작
004초보자를 위한 React초급프로젝트 시작
005틱택토 웹 앱 만들기초급프로젝트 시작
006웹 취약점 마스터초급프로젝트 시작
007React 를 사용하여 메모 앱 만들기초급프로젝트 시작
008웹 개발 인터랙티브 챌린지초급프로젝트 시작
009두더지 잡기 웹 게임 만들기초급프로젝트 시작
010HTTP 열거 및 디렉토리 탐색초급프로젝트 시작
011Flask 와 SQLite 로 REST API 구축하기초급프로젝트 시작
012Flask 와 MySQL 을 사용한 간단한 URL 단축기 만들기고급프로젝트 시작
013React 로 크리스마스 위시리스트 빌더 만들기중급프로젝트 시작
014Task 타이머 웹 앱 만들기초급프로젝트 시작
015React 드래그 앤 드롭 퍼즐 게임 만들기초급프로젝트 시작
016모던 지출 분할 웹 앱 구축초급프로젝트 시작
017Flask 를 사용하여 간단한 온라인 채팅방 개발하기초급프로젝트 시작
018Google 번역 API 를 사용하여 간단한 번역기 만들기초급프로젝트 시작
019Python 과 Flask 로 URL 단축기 만들기초급프로젝트 시작
020간결하고 아름다운 홈페이지 디자인초급프로젝트 시작
021파이썬으로 포트 스캐너 구축하기초급프로젝트 시작
022드로잉 보드 웹 앱 만들기초급프로젝트 시작
023React GitHub 기여도 히트맵 제작중급프로젝트 시작
024Swiper 캐러셀 웹 앱 만들기초급프로젝트 시작
025사용자 정의 React Hook 을 사용한 반응형 네비게이션중급프로젝트 시작
026Node.js 를 사용한 사용자 관리 RESTful API 구축초급프로젝트 시작
027JavaScript 로 슬라이딩 퍼즐 게임 만들기초급프로젝트 시작
028jQuery 를 사용한 2048 웹 게임초급프로젝트 시작
029영화관 좌석 배치초급프로젝트 시작
030React 테마 스위처 애플리케이션중급프로젝트 시작
031대화형 React 컴포넌트 구축초급프로젝트 시작
032React 로 반응형 명함 만들기중급프로젝트 시작
033웹 기반 블록 회피 게임 만들기중급프로젝트 시작
034React 로 픽셀 아트 애니메이터 만들기초급프로젝트 시작
035JavaScript 로 지뢰 찾기 게임 만들기초급프로젝트 시작
036동적 고정 탭 바 구현초급프로젝트 시작
037Flexbox 를 사용한 반응형 주사위 레이아웃초급프로젝트 시작
038모든 화면을 위한 반응형 웹 디자인초급프로젝트 시작
039라이트 모드와 다크 모드 전환초급프로젝트 시작
040Node.js 로 뉴스 API 구축하기초급프로젝트 시작
041Node.js 리버스 프록시 구축초급프로젝트 시작
042jQuery 플립 퍼즐 게임초급프로젝트 시작
043실시간 미리보기가 있는 간단한 Markdown 에디터 만들기초급프로젝트 시작
044Vue.js 를 사용한 실시간 문장 검색초급프로젝트 시작
045Vue.js 검색 기능 개발초급프로젝트 시작
046웹사이트 디스플레이 문제 해결초급프로젝트 시작
047허공으로 사라지다초급프로젝트 시작
048React Navigation 기능 구현하기중급프로젝트 시작
049스크래치 카드 웹 게임 만들기초급프로젝트 시작
050주소 관리 웹 애플리케이션초급프로젝트 시작
051영화 티켓 예매 시스템초급프로젝트 시작
052반응형 뉴스 웹사이트 홈페이지 구축초급프로젝트 시작
053나무 질감을 활용한 창의적인 광고판 디자인초급프로젝트 시작
054CSS 로 지구 궤도 애니메이션 만들기초급프로젝트 시작
055Flexbox 채소 레이아웃 디자인초급프로젝트 시작
056페이지를 새롭게 단장하기초급프로젝트 시작
057React 색상 필터 애플리케이션중급프로젝트 시작
058HTML, CSS, JavaScript 를 활용한 과일 매칭 게임중급프로젝트 시작
059몬티 홀 시뮬레이션 웹 앱초급프로젝트 시작
060CSS 부채꼴 호버 애니메이션 효과초급프로젝트 시작
061배달 음식에 대한 훌륭한 리뷰초급프로젝트 시작
062빙 둔 둔 무드 스케일초급프로젝트 시작
063JavaScript 로 교통 신호등 시스템 구축하기중급프로젝트 시작
064반응형 모달 박스 만들기초급프로젝트 시작
065미래를 펼쳐보세요초급프로젝트 시작
066웹 기반 HTML 프레젠테이션 빌더초급프로젝트 시작
067반응형 유연 카드 레이아웃초급프로젝트 시작
068CSS Flexbox 를 활용한 과일 배치초급프로젝트 시작
069시각적으로 매력적인 과일 플래터초급프로젝트 시작
070서유기: 천축으로 가는 여정초급프로젝트 시작
071휴대폰 번호 인증초급프로젝트 시작
072Echarts 와 JSON 을 활용한 데이터 시각화초급프로젝트 시작
073JavaScript 를 사용한 사용자 권한 관리 시스템초급프로젝트 시작
074Canvas 를 사용하여 확대경 효과 구현하기초급프로젝트 시작
075하얀 타일 밟지 마세요초급프로젝트 시작
076무한한 학습의 바다초급프로젝트 시작
077랜덤 축하 카드 생성기초급프로젝트 시작
078Vue.js 를 이용한 사용자 정의 폼 유효성 검사초급프로젝트 시작
079올바른 경로 계산을 위한 빈 pathMatch초급프로젝트 시작
080레이아웃 전환 기능이 있는 제품 목록초급프로젝트 시작
081Vue.js 버튼 및 값 업데이트초급프로젝트 시작
082Vue.js 로 효율적인 가상 스크롤 구현하기초급프로젝트 시작
083CSS 를 활용한 Atomic Flex 레이아웃 구현초급프로젝트 시작
084이미지 심도 표현초급프로젝트 시작
085CSS Grid 로 코알라 얼굴 만들기초급프로젝트 시작
086Gulp 를 이용한 반응형 웹 디자인초급프로젝트 시작
087시각적으로 매력적인 명함 만들기초급프로젝트 시작
088Vue.js 를 이용한 데이터 형식 변환 및 시각화초급프로젝트 시작
089v-Slot 잘못된 사용 경고 수정초급프로젝트 시작
090Vue.js 및 Vuex 로 로그인 기능 구축하기초급프로젝트 시작
091대화형 영화 컬렉션 웹 앱초급프로젝트 시작
092휴대폰 사용 시간초급프로젝트 시작
093Vue 와 Echarts 를 활용한 날씨 트렌드 차트초급프로젝트 시작
094Druid 데이터베이스 연결 풀 접근초급프로젝트 시작
095MyBatis 데이터베이스 통합 프로젝트초급프로젝트 시작
096콜백 기반 비동기 함수를 Promise 로 변환하기초급프로젝트 시작
097HTML5 를 사용하여 이미지 자르기 도구 만들기초급프로젝트 시작
098간단한 검색 기능 구현하기초급프로젝트 시작
099Axios 를 이용한 페이지네이션 구현초급프로젝트 시작
100이중 벡터 호일 탈출초급프로젝트 시작

LabEx에서 더 보기

About LabEx

LabEx is a hands-on learning platform for beginners.

Explore Linux, DevOps, Cybersecurity, and more — all directly in your browser.

Learn step by step through interactive labs, guided exercises, and real-world projects. 🌱
No setup, no stress — just practice and grow your skills by doing.


Download on the App Store Download on the Mac App Store


📖 Need help? Visit our Help Center or email info@labex.io