[React] 유용한 사이트 모음

잘 활용하기도 장점

처음으로 react로 사이트를 만들려고 하니 욕심이 나서, 처음부터 끝까지 내가 다 직접 만들어봐야겠다란 생각을 했었다. 하지만 react는 커녕 홈페이지 만드는 것도 익숙하지 않은 내가 그렇게 도전을 한다면 꽤 긴 시간이 걸릴 것 같았다. 그래서 유용한 도구들을 활용해서 쓰고자 이렇게 정리했다. 

 

Framer Motion

https://www.framer.com/motion/

Production-Ready Animation Library for React | Framer Motion

각종 다양한 motion들을 쉽게 테스트 해보고 적용해 볼 수 있는 사이트. 

 

React Spring

https://react-spring.io/

react-spring

Motion 중 Spring Motion에 관련된 사이트.

 

Tailwind CSS

https://tailwindcss.com/

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

CSS 프레임워크. 메뉴바같은거 이용하면 좋을 것 같다.

// 필수 패키지 설치
$ npm install -D tailwindcss@latest		// Tailwind core 패키지
$ npm install -D postcss@latest 		// Tailwind core 패키지를 그냥 css로 변환
$ npm install -D autoprefixer@latest	// 브라우저별로 다르게 지원되는 벤더 프리픽스를 자동으로 넣어줌
$ npm install -D postcss-loader			// Webpack이 postcss 읽을 수 있도록 지원