일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 리액트
- 이종호
- 자바스크립트
- 계명대 이종호
- data structure
- 호키스
- Svelte
- hokeys
- 리액트 예제
- 계명대
- 스위프트
- 개발
- 비동기
- queue
- 자바스크립트 자료구조
- 자료구조
- hokidoki
- jest
- 자스민
- 호키도키
- IOS
- 힛잇
- 개발자
- Hitit
- 스벨트
- react
- HTML
- SWIFT
- javascript
- TDD
- Today
- Total
목록리액트 달력만들기 (2)
Dog foot print
React 로 Calendar app만들기 - 5 클릭 한 날짜 표시하기 금일은 클릭하거나 최초 RCA 마운트 시 오늘에 해당하는 날에 Day컴포넌트에 색상을 다르게 해주는 작업을 할 것입니다. 그리고 캘린더에서 이번 달이아닌 부분을 클릭하게 되면 해당 달력으로 이동되게 끔 할 예정입니다. /src/App.js import React, { Component } from 'react' import Header from './Header' import Calendar from './Calendar' import moment from 'moment' import './style/RCA.css' export default class App extends Component { state = { calendarYM..
React로 Calendar App 만들기 – 2. 헤더 만들기 헤더에 나타나는 표시사항으로는 현재 표시하고 있는 달, 오늘 날짜, 월 이동 입니다. 위의 모든 내용들은 App component에서 관리되고 Header component로 props로 전달할 겁니다. 앞서 말했듯이 이 프로젝트는 Date객체가 아닌 외부 라이브러리인 moment.js를 사용해서 더욱 빠르게 project를 향상 시키는 방법을 사용하도록 할겁니다. Moment.js의 설명은 git의 moment.js 페이지를 참조 해주시기 바랍니다. Yarn add moment 명령어를 통하여 해당 프로젝트 폴더에 moment 라이브러리를 설치하도록 합니다. 이후 app.js에서 moment를 import하고 header component..