CSS 프로그래밍 프로젝트 실습

September 26, 2025 · View on GitHub

언어

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

웹 개발 초보자에게 이상적인 체계적인 학습 경로를 통해 CSS 를 배우세요. 이 CSS 강좌들은 선택자, 레이아웃 및 반응형 디자인을 마스터하기 위한 명확한 로드맵을 제공합니다. 인터랙티브 CSS 플레이그라운드에서 실습 위주의 비디오 없는 연습을 통해 시각적으로 매력적이고 반응형 웹사이트를 만드는 실용적인 기술을 개발하세요.

연습

인덱스이름난이도연습
01틱택토 웹 앱 만들기초급🚀 실습 시작
02두더지 잡기 웹 게임 만들기초급🚀 실습 시작
03React 를 사용하여 메모 앱 만들기초급🚀 실습 시작
04모던 지출 분할 웹 앱 구축초급🚀 실습 시작
05드로잉 보드 웹 앱 만들기초급🚀 실습 시작
06Task 타이머 웹 앱 만들기초급🚀 실습 시작
07Swiper 캐러셀 웹 앱 만들기초급🚀 실습 시작
08몬티 홀 시뮬레이션 웹 앱초급🚀 실습 시작
09웹 기반 블록 회피 게임 만들기중급🚀 실습 시작
10jQuery 를 사용한 2048 웹 게임초급🚀 실습 시작
11JavaScript 로 슬라이딩 퍼즐 게임 만들기초급🚀 실습 시작
12React 로 픽셀 아트 애니메이터 만들기초급🚀 실습 시작
13jQuery 플립 퍼즐 게임초급🚀 실습 시작
14JavaScript 로 지뢰 찾기 게임 만들기초급🚀 실습 시작
15실시간 미리보기가 있는 간단한 Markdown 에디터 만들기초급🚀 실습 시작
16Canvas 를 사용하여 확대경 효과 구현하기초급🚀 실습 시작
17HTML5 를 사용하여 이미지 자르기 도구 만들기초급🚀 실습 시작
18React 로 크리스마스 위시리스트 빌더 만들기중급🚀 실습 시작
19React 드래그 앤 드롭 퍼즐 게임 만들기초급🚀 실습 시작
20React GitHub 기여도 히트맵 제작중급🚀 실습 시작
21TensorFlow.js 와 Flask 를 이용한 MobileNet 배포초급🚀 실습 시작
22하얀 타일 밟지 마세요초급🚀 실습 시작
23스크래치 카드 웹 게임 만들기초급🚀 실습 시작
24Flask 와 MySQL 을 사용한 간단한 URL 단축기 만들기고급🚀 실습 시작
25Vue.js 검색 기능 개발초급🚀 실습 시작
26동적 고정 탭 바 구현초급🚀 실습 시작
27CSS 부채꼴 호버 애니메이션 효과초급🚀 실습 시작
28반응형 모달 박스 만들기초급🚀 실습 시작
29웹 기반 HTML 프레젠테이션 빌더초급🚀 실습 시작
30CSS 를 활용한 Atomic Flex 레이아웃 구현초급🚀 실습 시작
31반응형 뉴스 웹사이트 홈페이지 구축초급🚀 실습 시작
32나무 질감을 활용한 창의적인 광고판 디자인초급🚀 실습 시작
33이미지 심도 표현초급🚀 실습 시작
34CSS Grid 로 코알라 얼굴 만들기초급🚀 실습 시작
35CSS 로 지구 궤도 애니메이션 만들기초급🚀 실습 시작
36웹사이트 디스플레이 문제 해결초급🚀 실습 시작
37Flexbox 를 사용한 반응형 주사위 레이아웃초급🚀 실습 시작
38반응형 유연 카드 레이아웃초급🚀 실습 시작
39Flexbox 채소 레이아웃 디자인초급🚀 실습 시작
40CSS Flexbox 를 활용한 과일 배치초급🚀 실습 시작
41시각적으로 매력적인 과일 플래터초급🚀 실습 시작
42페이지를 새롭게 단장하기초급🚀 실습 시작
43간결하고 아름다운 홈페이지 디자인초급🚀 실습 시작
44영화관 좌석 배치초급🚀 실습 시작
45Gulp 를 이용한 반응형 웹 디자인초급🚀 실습 시작
46모든 화면을 위한 반응형 웹 디자인초급🚀 실습 시작
47시각적으로 매력적인 명함 만들기초급🚀 실습 시작
48서유기: 천축으로 가는 여정초급🚀 실습 시작
49JavaScript 를 사용한 사용자 권한 관리 시스템초급🚀 실습 시작

더 보기