[TIL : 230605]

🌊 TIL : 2023년 6월 5일  

 

오늘 한 것

• context api 공부
• react에 ts 적용한 프로젝트 셋팅
• github actions

 

오늘은 잘한점 스킵..

 

배운 점

배움

어제부터 yarn을 이용해 react에서 typescript 프로젝트 셋팅을 하면 자꾸 vscode에 빨간 줄이 뜨는 오류가 발생했다. 

해당 오류를 나는 이 블로그에서 언급한 것과 같이 영역 버전이 틀려 발생하는 일이라고 생각했다. 하지만 나는 작업 영역 버전 사용이라는 메뉴가 출력되지 않아 블로그에서 적힌 방법으로는 수정이 불가능했다. 

나는 yarn의 처리속도가 빠른 것 때문에 늘 yarn을 사용해왔기 때문에 고쳐보기 위해 여러 곳에 검색해봤으나 결국은 찾지 못 하였다.

 

 

참고한 블로그

[VSCODE] typescript 파일에서 빨간줄 에러가 도배되는 현상

 

하지만 yarn을 사용하지 않고 npm을 사용하여 다운로드 받으면 간단하게 빨간 줄 에러가 사라졌다. 너무 한 패키지매니저에만 집착을 해서 시간을 조금 낭비한 것 같다.. 

 

오늘 배움의 의미

한 가지 방법을 고수하지 말고 여러 방법으로 시도해볼 것을 배우다.. 

 

개선점

문제

react로 코드 작성 후 ts도 작성하고 있는데 ts 이론적으로는 이해했다! 생각했는데 막상 적용하려니까 엄청 헷갈린다 : < 

원인

익숙하지 않은 문법이라 그렇겠찌..

해결 방법

이 문서를 품에 안고 매일 쳐다본다!! 

Typing Component Props | React TypeScript Cheatsheets