📌 (TOY PROJECT) Scroll Event With only JS!!

❗ 필수

1차 (스크롤이 어떻게 동작하는지 알기 위한 바닐라 구현)

• Nav Bar에 있는 메뉴를 클릭했을 때 해당 섹션으로 스크롤 이동.
• 버튼을 클릭했을 때 다음 이미지 또는 이전 이미지를 보이도록 swiper 구현.

2차 (배열에 대한 이해도를 높이기 위한 게임)

• 배열을 이용하여 A~Z까지 나올 수 있도록 구현
• 힌트를 클릭했을 때 해당 단어의 힌트가 나올 수 있도록 구현(한국어로 작성 가능)
• 목숨의 횟수를 설정하고, 단어를 맞추면 성공 or 맞추지 못했다면 패배 출력

❔ 선택

1차

• nav bar가 스크롤을 내렸을 때 fixed 또는 sticky 등을 이용하여 따라오도록 구현

• nav bar 반응형으로 구현(width가 좁아지면 메뉴들이 햄버거 버튼 하나로 바뀌는 것)

• 이전의 이미지 또는 다음 이미지가 없다면 해당 버튼은 숨겨지도록 설정.

2차

• 횟수에 따라 사람이 그려지도록 구현
• 게임 시작과 끝을 알 수 있는 타이머 구현
• 걸린 시간과 성공 여부를 알 수 있도록 기록 해볼 것

UI

• 최대한 개성을 살려서 자신만의 UI를 꾸며보세요.
• 자신이 배운 것들을 추가하여 각 섹션을 채워보세요. (섹션이 비어있으면 허전할 수 있어요!)