까막눈코딩

Intersection Observer는 타겟 요소와 상위 요소(또는 뷰포트) 사이의 변화를 비동기적으로 관찰하는 방법이다. MDN의 예시를 참조하여 사용 방법을 익혀 보고자 한다. 1. HTML Welcome to The Box! 2. CSS #box { background-color: rgba(40, 40, 190, 255); border: 4px solid rgb(20, 20, 120); transition: background-color 1s, border 1s; width: 350px; height: 350px; display: flex; align-items: center; justify-content: center; padding: 20px; } .vertical { color: white;..

Knowledge/Javascript 2021. 11. 5. 10:22

1. 개요 다음과 같은 기능을 완성했다. 달력 - 현재 페이지에 이번 달의 날짜 및 요일 표시하기 - 현재 페이지를 넘겨 다음 달, 이전 달의 날짜 표시하기 - 휴일 및 토요일 표시하기 - 오늘 날짜에 회색 원 표시하기 - 클릭한 날짜에 파란색 원 표시하기 To-do List - 제출된 값을 로컬 저장소에 저장하기 - 로컬 저장소에 있는 값 표시하기 - 체크박스를 클릭하여 취소선 긋기 - 표시된 값을 화면과 로컬 저장소에서 제거하기 2. 현재 페이지에 표시될 날짜 구하기 const now = new Date(); let year = now.getFullYear(); let month = now.getMonth(); Date 클래스로부터 now 객체를 생성해 현재 날짜와 시간 정보를 받아오고, year, ..

Knowledge/Javascript 2021. 6. 7. 23:48