カレンダー機能の要件
– 大画面で表示用
– formのカレンダーはdate pickerを使用する
react-calendarというlibraryがあるので、これをまず試したい
https://github.com/wojtekmaj/react-calendar
Installation Add React-Calendar to your project by executing npm install react-calendar or yarn add react-calendar.
# npmでインストール
の前に、
[vagrant@localhost calendar]$ npm -v
1.3.6
[vagrant@localhost calendar]$ node -v
v0.10.48
その前にnodeとnpmをアップグレードしたい
[vagrant@localhost calendar]$ ll /etc/yum.repos.d/ | grep node
-rw-r–r–. 1 root root 464 9月 19 14:20 2014 nodesource-el.repo
[vagrant@localhost calendar]$ cat /etc/yum.repos.d/nodesource-el.repo
[nodesource]
name=Node.js Packages for Enterprise Linux 6 – $basearch
baseurl=https://rpm.nodesource.com/pub/el/6/$basearch
removeして最新を入れたい
$ sudo yum -y remove nodejs
$ sudo rm /etc/yum.repos.d/nodesource-el.repo
$ sudo yum install https://rpm.nodesource.com/pub_11.x/el/7/x86_64/nodesource-release-el7-1.noarch.rpm
$ ls -1 /etc/yum.repos.d
$ sudo yum install nodejs -y
[vagrant@localhost calendar]$ node -v
v11.15.0
[vagrant@localhost calendar]$ npm -v
6.7.0
react-calendarインストール
npm install react-calendar
あれ、その前にもう一回React.jsとwebpackを学ばないといかんやん。
ぎゃーーーーーーー
