본문 바로가기

웹(Web)/프로젝트3

할 일 앱 1. 값 을 받으면 객체 생성 2. check버튼, delete버튼 눌렀을 시 이벤트 발생 3. 각 태그에 맞게 list에 넣기 4. list에 넣은 값 출력 1.값 을 받으면 객체 생성 2.check버튼, delete버튼 눌렀을 시 이벤트 발생 3.각 태그에 맞게 list에 넣기 4. list에 넣은 값 출력 이 프로젝트를 하며 배운 점 1. keypress 2. 백티(``)와 백티 안의 값을 동적으로 바꿀 수 있다 3. 객체의 사용성 GitHub: https://jenniejuno.github.io/todo-list/ 2024. 4. 4.
Up & Down 1. 랜덤번호 지정 2. 만약에 유저가 랜덤번호를 맞추면, 맞췄습니다! 3. 랜덤번호가 유저번호 Up!! 5. Rest버튼을 누르면 게임이 리셋된다 6. 5번의 기회를 다쓰면 게임이 끝난다 (더이상 추측 불가, 버튼이 disable) 7. 유저가 1~100 범위 밖에 숫자를 입력하며 알려준다. 기회를 깍지 않는다 8. 유저가 이미 입력한 숫자를 또 입력하면, 알려준다, 기회를 깍지 않는다 9. 검색창에 마우스를 포커스 했을 시 자동으로 글 지워짐 1.랜덤 번호 지정 2. 만약에 유저가 랜덤번호를 맞추면, 맞췄습니다!(정답을 맞췄을 시 go disabled) 3. 랜덤번호가 유저번호 Up!! 5. Rest버튼을 누르면.. 2024. 4. 3.
Scroll 이벤트 위주의 사이트 만들어 보기 scroll 중심의 사이트 만들어 보기 1. 헤더 라인 좌측부터 section0 ~ section6 클릭하면 이동 2. 스크롤바를 살려뒀을 때 해줘야 될 설정이 생각보다 많아서 없애는 대신 좌측 옆에 화살표 표시 3. 한번 스크롤시 한섹션 이동 4. 마우스 위아래로 무빙 첫 번째에서 두 번째 섹션 이동 시 가볍게 한 섹션 이동 세 번째 섹션은 가로 스크롤 네 번째 섹셕은 스크롤시 투명도 변경 다섯 번째 섹션 15초 동안 스크롤 중지 && 애니메이션 실행 여섯 번째 섹션은 드롭 다운 && 클릭 이벤트 마지막 섹션은 클릭시 링크 이동 해결 하지 못한 문제점 1. 스크롤바를 마우스 버튼으로 잡고 내릴 시 그 위치에서 스크롤 불가능 2. 확대를 하고 화면을 작게하면 가로 스크롤 후 자동 세로 스크롤 불가능 3... 2024. 2. 27.