[React] study day 1

1. 스터디

220718

💑 좋았던 것(Liked) : tailwindcss 첫 시작 방법을 알게 되었다! vite로 프로잭트를 시작했다!

🌟 배운 것(Learned) : config파일이 문제가 생기면 발생하는 error를 알게 되었다.

💦 부족했던 것(Lacked) : react 기본 문법이 좀 약한 것 같다. 빨리 강의를 들어야겠다. ts 적용하려니까 정말 혼동이다....

🌻 바라는 것(Longed for) : 팀플을 빨리 완성해서 react스터디에 좀더 집중하고 싶다.

 

2. vite로 프로젝트 시작하기

https://tailwindcss.com/docs/installation/using-postcss

Installation: Using PostCSS - Tailwind CSS

 

처음에 프로젝트 구성부터 난항이...

Failed to load PostCSS config (searchPath: D:/FE/reaction-study): [Error] 'ts-node' is required for the TypeScript configuration files. Make sure it is installed Error: Cannot find module 'ts-node'

이런 에러가 계속 났다....

나는 config파일을 잘 넣었는데..? 왜지!!!!! 

'postcssrc.js'로  넣어야 하는데, '. postcssrc.js'로. 이 들어가서 들어간 에러였다. ㅎ..... 1시간 반 안녕....

vite에서도 postcss 구성파일에 대해서 찾아봤었다!! 한 줄 밖에 없어서 해결책을 찾아나가는 여정이 힘들었지만 재미있었다.  postcss 구성파일 만드는 github주소  이때까지 이렇게 열심히 읽어본 적이 없었는데 config 문서를 읽어보면서 '문서에 다 있다'는 말을 조금은 이해했다.. 

처음에는 웹팩으로 리액트프로잭트를 구성했는데, config에러를 웹팩 설정 에러라고 생각해서 vite로 바꿨다... 이제 웹팩으로 해도 문제 없을것 같다.. vite로 해도 큰 문제 없겠지..? 덜덜 

 

 

참고 

 

나중에 스토리북을 배우면 참고하면 좋을 것 같은 블로그 : 

컬러 조합 참고

Color Tool - Material Design