b41-41/mini-calendar

📅 REACT 미니 캘린더 📅

미니 캘린더

홈페이지에 작게 삽입할 수 있는 캘린더입니다.

구현 기능

1. 오늘 날짜 표시 (첫 렌더에서 오늘 날짜가 표시됩니다.)

2. 선택한 날짜에 포커스

3. 이번 달에서 다음 달에 해당하는 날짜를 클릭하면 다음 달 페이지로 바로 이동

배포 주소

https://b41-41.github.io/mini-calendar/

실행 방법

1. 오른쪽 상단 Code → Download Zip을 누릅니다.

2. 다운받은 파일의 압축을 풉니다.

3. 터미널로 압축을 푼 폴더로 들어가서 react-create-app을 설치합니다.

4. npm install react-create-app

5. 그 이후 npm run start를 터미널에 입력하면 인터넷 브라우저가 뜨며 페이지를 볼 수 있습니다.

   (브라우저가 뜨지 않는 경우 : http://localhost:3000 를 주소창에 입력해서 들어가세요.)

6. 터미널에서 'Ctrl + C'를 누르면 실행이 종료됩니다.

컴포넌트 설명

1. Calendar.js

   캘린더 구현 컴포넌트