1. 문제 (과제, 프로젝트를 진행하면서 부딪혔던 기술적인 문제)

이번 주차를 지나며 겪었던 문제가 무엇이었나요?

1. index.ts 파일을 매번 만들기 어려워서 generator를 gpt이용해서 만들었는데 프로젝트에서 경로 인식이 제대로 안되는 문제가 발생

2. material ui를 사용중에 sx에 style 객체를 컴포넌트 안에서 직접 입력하고 있었는데, 매번 객체가 새롭게 만들어지는 문제가 발생

2. 시도

문제를 해결하기 위해 어떤 시도를 하셨나요?

1. 우선 build가 안되어서 에러 로그를 확인 후, gpt와 구글링을 시도하였음.

2. 1주차 과제 내용을 토대로 react 공식문제를 다시 읽고 정리하였음.

3. 해결

문제를 어떻게 해결하셨나요?

1. ts.config에서는 path @ : src/는 잘 먹혔는데, vite가 자꾸 빌드가 안되어서 확인해보니 vite의 경우, @ : src/ 와 같이 와일드 카드로 작성된 경로를 인식 못하는 문제가 있어서 폴더별 경로로 수정 해주었음.

2. style 객체는 컴포넌트 밖에서 정의하는 방식으로 새롭게 생성되지 않도록 방지함.

4. 알게된 것

문제를 해결하기 위해 시도하며 새롭게 알게된 것은 무엇인가요?

1. vite.config의 경우 와일드카드로 경로 인식이 안된다.

2. 컴포넌트 내부에서 사용되는 객체들은 useState를 제외하고 새롭게 만들어진다.

Keep : 현재 만족하고 계속 유지할 부분