woozin.dev

JavaScript Study

진행률: 10% 완료

📚 Phase 1: 기초 다지기

Lesson 01

인터랙티브 프로필 카드

HTML, CSS, JavaScript의 기본을 배우고 간단한 클릭 이벤트를 다룹니다.

HTML CSS JavaScript DOM
진행 중
Lesson 02

배경색 체인저

버튼 클릭으로 랜덤 배경색을 생성하고 색상 코드를 표시합니다.

이벤트 랜덤 색상
🔒 준비 중
Lesson 03

할 일(Todo) 리스트

데이터 추가, 삭제, 체크 기능을 구현하며 배열 조작을 배웁니다.

배열 CRUD 폼
🔒 준비 중
Lesson 04

간단한 계산기

계산기 UI를 만들고 사칙연산 로직을 구현합니다.

함수 조건문 UI
🔒 준비 중

🎨 Phase 2: 동적 웹사이트

Lesson 05

이미지 슬라이더

이미지를 넘기며 슬라이드 효과를 구현합니다.

애니메이션 타이머
🔒 준비 중
Lesson 06

스크롤 애니메이션

스크롤에 따라 요소가 나타나는 효과를 만듭니다.

Intersection Observer 스크롤
🔒 준비 중
Lesson 07

영화 카드 갤러리

API에서 데이터를 가져와 카드 형태로 표시합니다.

Fetch API 비동기
🔒 준비 중
Lesson 08

날씨 정보 앱

날씨 API를 연동하여 실시간 날씨를 표시합니다.

API async/await
🔒 준비 중

🎵 Phase 3: NewJeans 클론 코딩

Final Project

NewJeans 사이트 클론

지금까지 배운 모든 것을 활용하여 실제 사이트를 만듭니다.

종합 프로젝트 반응형 배포
🔒 준비 중