나디아 성장 일기

04. 로또 추첨기로또 추첨기 github   로또 추첨기 📌숫자 자릿수에 따른 공의 색상: 로또 공의 숫자에 따라 색상이 달라진다.1부터 10까진 노란색11부터 20까진 파란색21부터 30까진 빨간색31부터 40까진 회색41부터 45까진 남색보너스 숫자는 연두색 최종 등수와 상금: 로또 추첨과 일치하는 숫자의 개수에 따라 등수와 상금이 결정된다.랜덤 숫자와 모두 동일하면 1등 - 4억6개만 동일하면 2등 - 5천만원5개만 동일하면 3등 - 140만원 로또 추첨 로직(1) 숫자 추첨: 1부터 45까지의 숫자 중 무작위로 6개를 추첨(2) 보너스 숫자 추첨: 나머지 숫자 중에서 무작위로 1개를 추첨(3) 색상 결정: 각 숫자에 맞는 색상을 결정하여 표시(4) 등수 결정: 사용자가 입력한 숫자와 추첨된 숫..

03. 계산기계산기 github  계산기 📌산술 연산: 입력 받은 두 값을 연산한다.실시간 결과: 입력하는 즉시 결과를 확인한다.리셋 기능: 계산을 초기화하고 새로 시작한다.  구현쌀집 계산기를 너무 구현하고 싶었다!!!실제 사진 보면서 색상도 따왔는데 꽤 비슷해보여서 만족스러웠다.  프로젝트 목표 및 달성✊UI✅ CSS 레이아웃 구현쌀집 계산기 구현하기!  자바스크립트✅ 복잡한 로직의 단계를 나누어 구현하기✅ 함수로 만들어서 사용하는 것에 익숙해지기✅ 정규 표현식(Regex) 사용하기  순서도💻

📑 티빙(Tiving) 클론 코딩 프로젝트 회고 목차프로젝트 개요배포기간선정 이유목표기능 구현역할 분담기능 분담 피드백프로젝트를 통해 알게 된 것들회고칭찬반성노력느낀점결론프로젝트 전반적인 성과향후 계획 및 방향 🗂️ 프로젝트 개요 티빙(Tiving) 클론 코딩 프로젝트티빙(TIVING) 사이트의 주요 기능과 UI를 바닐라 자바스크립트를 사용하여 클론 코딩한 프로젝트  기간2024. 07. 05 ~ 07. 19  선정 이유반응형을 중점으로 구현해보길 원했는데 티빙 사이트가 반응형으로 구현하기 가장 좋은 사이트였다.쉽고 대중적인 OTT 플랫폼을 제작해보면서 컴포넌트 제작, 웹 컴포넌트 사용, 다양한 라이브러리 등을 사용해보고자 티빙(TIVING)을 선정하였다.  목표완성을 목표로 한다.수업 때 배운 것을..

02. 영화 소개 🎞️영화 소개 github  영화 소개 페이지📌카드 컴포넌트: 등장인물 소개영화 소개스크롤 위치: 스크롤 위치마다 스틸컷 변경비디오 삽입  구현한창 상견니에 빠져 있을 때 만들었던 영화 소개 페이지를 애니메이션을 추가해서 리팩토링 했다.     프로젝트 목표 및 달성✊UI✅ GSAP 라이브러리로 애니메이션 구현하기 자바스크립트✅ 스크롤 위치마다 사진이 달라지는 기능 구현하기 접근성✅ 접근성 고려하기

01. 끝말잇기🕹끝말잇기 github  끝말잇기 규칙📌시작 단어: 선수가 한 단어를 말하고, 이 단어가 제시어가 된다.끝말잇기: 다음 차례의 선수는 바로 전 선수가 말한 단어의 마지막 글자로 시작하는 단어를 말한다.참가자 순서: 참여하는 플레이어들은 정해진 순서대로 단어를 말한다.실패 조건: 끝말잇기의 규칙을 어길 경우 해당 플레이어는 실패하게 되어 해당 라운드는 종료된다.  구현   프로젝트 목표 및 달성✊UI✅ 반응형 구현하기✅ GSAP 라이브러리로 애니메이션 구현하기 자바스크립트✅ 요소 선택자 사용하기✅ 함수로 만들어서 사용하는 것에 익숙해지기✅ 간단한 로직도 단계로 나누어 구현해보기 접근성✅ 접근성 고려하기  순서도💻