[회고록] 20220928
오늘 한 일
→ React, Typescript
- useQuery 공부
- 처음으로 Typescript 이용하여 React 사용해보기
- dog api 사용하여 프로젝트 만들기
- Tailwindcss 설치
[React] tailwindcss 설치
공식 문서에도 있지만 좀 더 세세하게 설치 하는 방법을 적어두려한다. 1. tailwindcss 설치 방법 npx create-react-app my-project cd my-project npm install -D tailwindcss postcss autoprefixer npx tailwind..
mo4811.tistory.com
[React] react typescript can't resolve './app' 에러
react typescript can't resolve './app' tsconfig.json 파일이 없어서 발생하는 에러 프로젝트가 시작하는 루트 디렉토리에 tsconfig.json 파일을 만들고 복붙해주고 저장하면 에러 해결 { "compilerOptions"..
mo4811.tistory.com
느낀점
1. 회고록을 작성하게 된 이유
요즘에 공부를 하는데 머릿속에 많이 기억이 남지도 않고, 매번 까먹어서 공부를 해도 한 거 같지 않은 느낌이 많았다.
그리하여 공부법을 좀 바꾼 게 회고록 작성이다.
처음으로 회고록을 작성해봤는데, 작성해보니 머릿속에도 기억에 많이 남고 시간이 나면 매일 써야겠다는 생각이 든다.
이걸 작성하게 된 이유는 예전에 회사에서 입사 때 매일 뭘 했는지 노트로 작성하고 끝나기 전에 발표를 했었는데 그게 머릿속에 많이 기억에 남았었는데 매우 도움이 되었던 걸로 기억이 나서, 오늘부터 작성해보고자 시간이 나면 앞으로 계속해서 작성해볼 예정이다.
2. React에 Typescript 첫 적용
지금까지 작은 여러 프로젝트를 기본 자바스크립트만으로 이용했는데 확실히 타입스크립트를 이용하니까 오류도 좀 더 줄일 수 있고,
타입에 대한 부분을 신경쓰다보니 많이 공부가 되었다.
3. dog api 사용 및 useQuery 사용
useQuery를 사용해보고자 간단한 강아지 사이트를 만들어 보려고한다. 이제 막 fetch를 사용하여, useQuery를 사용해보았다. 이전에는 useEffect를 사용해서 만들었는데, useQuery를 사용해보니까 로딩도 만들기가 쉬워진거같고, 훨씬 더 코드도 간결해져서 보기도
편한 것 같다.
(간단하게 이미지 사진만 불러서 만들어봤다..)
