웹 개발 프로그래밍 프로젝트 실습

September 26, 2025 · View on GitHub

언어

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

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

연습

인덱스이름난이도연습
001ChatGPT 로 VSCode 확장 기능 만들기초급🚀 실습 시작
002틱택토 웹 앱 만들기초급🚀 실습 시작
003두더지 잡기 웹 게임 만들기초급🚀 실습 시작
004React 를 사용하여 메모 앱 만들기초급🚀 실습 시작
005모던 지출 분할 웹 앱 구축초급🚀 실습 시작
006드로잉 보드 웹 앱 만들기초급🚀 실습 시작
007Task 타이머 웹 앱 만들기초급🚀 실습 시작
008Swiper 캐러셀 웹 앱 만들기초급🚀 실습 시작
009몬티 홀 시뮬레이션 웹 앱초급🚀 실습 시작
010웹 기반 블록 회피 게임 만들기중급🚀 실습 시작
011jQuery 를 사용한 2048 웹 게임초급🚀 실습 시작
012Flask 를 사용하여 간단한 온라인 채팅방 개발하기초급🚀 실습 시작
013JavaScript 로 슬라이딩 퍼즐 게임 만들기초급🚀 실습 시작
014React 로 픽셀 아트 애니메이터 만들기초급🚀 실습 시작
015jQuery 플립 퍼즐 게임초급🚀 실습 시작
016JavaScript 로 지뢰 찾기 게임 만들기초급🚀 실습 시작
017실시간 미리보기가 있는 간단한 Markdown 에디터 만들기초급🚀 실습 시작
018Canvas 를 사용하여 확대경 효과 구현하기초급🚀 실습 시작
019HTML5 를 사용하여 이미지 자르기 도구 만들기초급🚀 실습 시작
020React 로 크리스마스 위시리스트 빌더 만들기중급🚀 실습 시작
021React 드래그 앤 드롭 퍼즐 게임 만들기초급🚀 실습 시작
022React GitHub 기여도 히트맵 제작중급🚀 실습 시작
023TensorFlow.js 와 Flask 를 이용한 MobileNet 배포초급🚀 실습 시작
024하얀 타일 밟지 마세요초급🚀 실습 시작
025스크래치 카드 웹 게임 만들기초급🚀 실습 시작
026Flask 와 MySQL 을 사용한 간단한 URL 단축기 만들기고급🚀 실습 시작
027웹 기반 TCP 포트 스캐너 구축초급🚀 실습 시작
028Vue.js 를 사용한 실시간 문장 검색초급🚀 실습 시작
029Vue.js 검색 기능 개발초급🚀 실습 시작
030동적 고정 탭 바 구현초급🚀 실습 시작
031CSS 부채꼴 호버 애니메이션 효과초급🚀 실습 시작
032무한한 학습의 바다초급🚀 실습 시작
033배달 음식에 대한 훌륭한 리뷰초급🚀 실습 시작
034주소 관리 웹 애플리케이션초급🚀 실습 시작
035빙 둔 둔 무드 스케일초급🚀 실습 시작
036JavaScript 로 교통 신호등 시스템 구축하기중급🚀 실습 시작
037간단한 검색 기능 구현하기초급🚀 실습 시작
038Axios 를 이용한 페이지네이션 구현초급🚀 실습 시작
039이중 벡터 호일 탈출초급🚀 실습 시작
040코인 맞추기 게임 만들기초급🚀 실습 시작
041랜덤 축하 카드 생성기초급🚀 실습 시작
042영화 티켓 예매 시스템초급🚀 실습 시작
043Axios 기반 주문 암호 보물 찾기초급🚀 실습 시작
044반응형 모달 박스 만들기초급🚀 실습 시작
045재사용 가능한 페이지네이션 컴포넌트 구축초급🚀 실습 시작
046미래를 펼쳐보세요초급🚀 실습 시작
047웹 기반 HTML 프레젠테이션 빌더초급🚀 실습 시작
048Vue.js 를 이용한 사용자 정의 폼 유효성 검사초급🚀 실습 시작
049올바른 경로 계산을 위한 빈 pathMatch초급🚀 실습 시작
050Vue.js 드래그 앤 드롭 쇼핑 카트초급🚀 실습 시작
051Vue.js 로 검색 제안 기능 구현하기초급🚀 실습 시작
052레이아웃 전환 기능이 있는 제품 목록초급🚀 실습 시작
053Vue.js 버튼 및 값 업데이트초급🚀 실습 시작
054Vue.js 로 동적 메뉴 트리 검색 구현하기초급🚀 실습 시작
055Vue Router 의 cleanPath 함수 수정초급🚀 실습 시작
056Vue.js 전자책 리더 만들기초급🚀 실습 시작
057쿼리에서 객체 매개변수 가져오기초급🚀 실습 시작
058Vue.js 쇼핑 카트 제작하기초급🚀 실습 시작
059Vue.js 스토어 상태 전환기 구축하기초급🚀 실습 시작
060Vue.js 로 효율적인 가상 스크롤 구현하기초급🚀 실습 시작
061CSS 를 활용한 Atomic Flex 레이아웃 구현초급🚀 실습 시작
062반응형 뉴스 웹사이트 홈페이지 구축초급🚀 실습 시작
063나무 질감을 활용한 창의적인 광고판 디자인초급🚀 실습 시작
064이미지 심도 표현초급🚀 실습 시작
065CSS Grid 로 코알라 얼굴 만들기초급🚀 실습 시작
066CSS 로 지구 궤도 애니메이션 만들기초급🚀 실습 시작
067웹사이트 디스플레이 문제 해결초급🚀 실습 시작
068Flexbox 를 사용한 반응형 주사위 레이아웃초급🚀 실습 시작
069반응형 유연 카드 레이아웃초급🚀 실습 시작
070Flexbox 채소 레이아웃 디자인초급🚀 실습 시작
071CSS Flexbox 를 활용한 과일 배치초급🚀 실습 시작
072시각적으로 매력적인 과일 플래터초급🚀 실습 시작
073페이지를 새롭게 단장하기초급🚀 실습 시작
074간결하고 아름다운 홈페이지 디자인초급🚀 실습 시작
075영화관 좌석 배치초급🚀 실습 시작
076Gulp 를 이용한 반응형 웹 디자인초급🚀 실습 시작
077모든 화면을 위한 반응형 웹 디자인초급🚀 실습 시작
078시각적으로 매력적인 명함 만들기초급🚀 실습 시작
079서유기: 천축으로 가는 여정초급🚀 실습 시작
080Vue.js 를 이용한 데이터 형식 변환 및 시각화초급🚀 실습 시작
081허공으로 사라지다초급🚀 실습 시작
082Vue.js 로 소원 메모 앱 만들기초급🚀 실습 시작
083사용자 정의 React Hook 을 사용한 반응형 네비게이션중급🚀 실습 시작
084React 테마 스위처 애플리케이션중급🚀 실습 시작
085React 색상 필터 애플리케이션중급🚀 실습 시작
086React Navigation 기능 구현하기중급🚀 실습 시작
087React 로 반응형 명함 만들기중급🚀 실습 시작
088대화형 React 컴포넌트 구축초급🚀 실습 시작
089라이트 모드와 다크 모드 전환초급🚀 실습 시작
090휴대폰 번호 인증초급🚀 실습 시작
091v-Slot 잘못된 사용 경고 수정초급🚀 실습 시작
092Vue Router 에 Deprecation Warning 추가하기초급🚀 실습 시작
093홈페이지 데이터 동적 처리초급🚀 실습 시작
094async.spec.js 테스트 수정초급🚀 실습 시작
095Echarts 와 JSON 을 활용한 데이터 시각화초급🚀 실습 시작
096Null 값 처리 제대로 하기초급🚀 실습 시작
097함께 회의해요초급🚀 실습 시작
098Vue.js 및 Vuex 로 로그인 기능 구축하기초급🚀 실습 시작
099pathMatch 로 생성된 경고 제거초급🚀 실습 시작
100경로 재방문 트리거 너무 일찍 발생 문제초급🚀 실습 시작
101라우터 쿼리 값 변경초급🚀 실습 시작
102유연한 스켈레톤 스크린 제작초급🚀 실습 시작
103Vue.js 를 사용한 시간 변환 도구초급🚀 실습 시작
104Vue.js 작업 관리자 만들기초급🚀 실습 시작
105대화형 영화 컬렉션 웹 앱초급🚀 실습 시작
106반응형 아코디언 인터페이스 구축초급🚀 실습 시작
107HTML, CSS, JavaScript 를 활용한 과일 매칭 게임중급🚀 실습 시작
108HTML, CSS, JavaScript 를 활용한 과일 쌓기 게임중급🚀 실습 시작
109사용자 로그인 기능 구현초급🚀 실습 시작
110간단한 경품 추첨 애플리케이션중급🚀 실습 시작
111투표 애플리케이션 구축중급🚀 실습 시작
112주간 날씨 예보 애플리케이션 개발초급🚀 실습 시작
113노력은 배신하지 않는다초급🚀 실습 시작
114Echarts 를 활용한 실시간 판매 대시보드중급🚀 실습 시작
115ECharts 로 인터랙티브 막대 차트 만들기초급🚀 실습 시작
116휴대폰 사용 시간초급🚀 실습 시작
117Vue 와 Echarts 를 활용한 날씨 트렌드 차트초급🚀 실습 시작
118IP 주소별 방문 횟수 카운팅초급🚀 실습 시작
119MyBatis 를 사용한 강좌 일정 CRUD초급🚀 실습 시작
120MyBatis 로깅 및 배치 별칭 설정초급🚀 실습 시작
121사용자 정의 속성으로 엔티티 확장초급🚀 실습 시작
122JS 를 사용한 AJAX 요청 구현초급🚀 실습 시작
123AJAX 를 이용한 JSON 데이터 전송초급🚀 실습 시작
124Log4j2 를 사용한 프로젝트 정보 로깅초급🚀 실습 시작
125강좌 테이블 운영초급🚀 실습 시작
126resultMap 실전 활용초급🚀 실습 시작
127JavaScript 를 사용한 사용자 권한 관리 시스템초급🚀 실습 시작
128콜백 기반 비동기 함수를 Promise 로 변환하기초급🚀 실습 시작
129Node.js 로 뉴스 API 구축하기초급🚀 실습 시작
130Node.js 를 사용한 사용자 관리 RESTful API 구축초급🚀 실습 시작
131Node.js 리버스 프록시 구축초급🚀 실습 시작

더 보기