# 작업일지 2 / 프로젝트 셋팅, 작업 시작

프로젝트 셋팅을 진행했다. React + Ts + TailwindCSS 를 사용하기로 했다.

오늘도 esLint 에 대해 또 새로운 사실을 알게 되었다...

 

1. esLint 에서 경로를 찾지 못하는 문제가 발생할 수 있다. tsConfig 등 참조하는 파일의 경로가 모두 옳다면, vsCode 작업 영역에서 최상단 디렉토리를 부모가 아닌 client 디렉토리로 하여 다시 열기 바람.

 

2. 컴포넌트는 tsx 확장자로 만들자. 생각없이 .ts 를 사용했더니 아래와 같은 일이 벌어졌다. react-router-dom 의 문제라고 생각했는데 확장자 문제였음.

 

3. tailwindCSS + typescript 셋팅 중  eslint tsconfig does not include this file 에러가 발생할 때. 

tailwind.config.js 파일을 생성하고 셋팅하는 도중 해당 에러 발생. 아래 글을 참고해서 해결했다. 린팅이 필요하지 않다고 판단해 .eslintignore 에 추가해주었다.

(https://typescript-eslint.io/linting/troubleshooting/#i-get-errors-telling-me-eslint-was-configured-to-run--however-that-tsconfig-does-not--none-of-those-tsconfigs-include-this-) 

Troubleshooting & FAQs | typescript-eslint