타입스크립트 3

[TIL] 2022/04/01 타입스크립트+리액트

한것 기존 리액트 프로젝트 js 파일에서 tsx 타입스크립트로 교체 적용 타입스크립트 적용하면서 Generic 이라는 개념이 중요할거 같아서 나중에 더 공부할것. 그외에 type, interface 로 재활용, 코드수 감소 , 가독성 증가 활용 import export 로 컴포넌트내에서 코드 사용 최소화 및 image 파일 declare 처리하여 이용 할것 storybook 사용 방법 알아볼것 프로젝트 참고 책 조사할것 (DOM을 깨우치다, HTTP: the definitive guide(웹은 어떻게 동작하는가), 디자인패턴 관련책 ) 자동배포관련 알아볼것 current 값 에러 고치기 1. if 조건으로 null 일때 return 해버리게하면 아래 Id.current.value 부분 에러사라짐 2. o..

TIL 2022.04.01

[Typescript] tsconfig.json 옵션들[02]

“allowJs” allowJs는 checkJs와 함께 타입스크립트가 자바스크립트 파일을 컴파일할수 있도록 해준다. 파일이 ts로 끝나지 않더래도 타입스크립트는 컴파일할수있다. “checkJs” checkJs는 타입스크립트가 컴파일을 수행하지 않더래도 구문을 검사하고 잠재적인 에러를 보고해준다. ts파일을 비롯된 js파일에 대해 컴파일을 두번 중복해서 수행할 필요가 없도록 한다. 그런데 만약 프로젝트가 타입스크립트를 전혀 사용하지않거나 바닐라자바스크립트 파일과 타입스크립트파일 병행해서 함께 검사하고 싶은 경우 사용하면 된다. “declaration” .d.ts 파일은 프로젝트를 라이브러리로 배포할때 중요한 고급 개념이다. 프로젝트의 모든 타입을 설명하는 manifest 파일이 필요한데 이것이 d.ts 파..

[TIL] Typescript 타입스크립트

기존에 배운거 이론이나 쓰는방법을 정리해도 시간이 많이 걸릴텐데 타입스크립트를 해보기로했다! 자바스크립트의 자유도를 캄다운 시켜줄 아이. 취준을 하며 회사들의 요구사항을 보니 타입스크립트 부분도 있길래 어떤 장점이있나 찾아보고 아 협업할때나 동적타입같이 점점 프로젝트가 커지거나 여러사람이랑 할때 확실하게 할수있어서 좋겠구나! 컴파일을 하기전에 사전에 에러를 체크할수있고 컴파일로도 에러를 체크할수있어서 런타임오류를 방지할수있고 바로바로 수정가능하겠구나! 이래서 쓰겠구나 하고 대강 생각하고 심지어 내돈내고 유료로 듣기로했다!!! 어떻게 공부를 할까 유투브를 찾아봤는데 솔직히 간단하게 알려주고 끝나는 유툽도 많고 중간부턴 유료로 전환되는경우도 많아서 이럴바에는 좋은데 싼거 찾아서 듣자 결심했다. 찾아보니 ud..

TIL 2022.02.20