본문 바로가기

TS5

[타입스트립트] 초보의 타입지정 타입스크립트 그냥 타입만 지정해주면 되는거네~ 라며 여기저기 다 타입을 넣어주면서 코드짜고 있었는데.. 😱 너무 소름돋는 사실을 알게되서 포스TING!! 😱 일단은 타입스크립트는 타입을 정해두어서 나중에 다른타입을 입력했을때 오류를 내준다. 때문에 모든 변수, 함수에 타입을 지정해주고 있었다. 이런식으로 type alias 도 사용해보고 type strAndNum = string | number; let 이름: strAndNum = "kim"; 이름=123 이런식으로 함수 도 사용해보고 function 함수(x: number): number { // 어떤타입이 리턴되어야하는지 return x * 2; } const 함수2 = (x: number): number => { return x + 2; }; 이런.. 2023. 3. 16.
[tsconfig.json] 타입스크립트를 편하게 사용하기 위한 파일_2 { "compilerOptions": { "target": "es5", // 'es3', 'es5', 'es2015', 'es2016', 'es2017','es2018', 'esnext' 가능 "module": "commonjs", //무슨 import 문법 쓸건지 'commonjs', 'amd', 'es2015', 'esnext' "allowJs": true, // js 파일들 ts에서 import해서 쓸 수 있는지 "checkJs": true, // 일반 js 파일에서도 에러체크 여부 "jsx": "preserve", // tsx 파일을 jsx로 어떻게 컴파일할 것인지 'preserve', 'react-native', 'react' "declaration": true, //컴파일시 .d.ts 파일도 .. 2023. 3. 16.
[유용한 JSDoc] @ts-check_ 한파일에 TS 와 JS 모두 사용가능! 상황🧐 자바스크립트로 몇천줄 코드를 다 짜놨는데 TS 로 변경하긴 뭐하고 몇개 중요한 코드만 TS가 체크해줬으면 좋겠다... 해결방법🥳 JS파일 맨윗줄에 '// @ts-check' 추가 ✅ tsconfig.json 파일에 'allowjs:true' 옵션이 들어가 있어야함 // @ts-check /** *여기는 주석을 쓰는 부분인데 *타입스크립트에게 원하는 타입을 설명해두면 *타입스크립트가 읽고 확인한다 */ export function Erin () {} ... .. .. 2023. 3. 10.
[tsconfig.json] 타입스크립트를 편하게 사용하기 위한 파일 타입스트립트로 프로젝트를 진행하기위해 초기세팅을 진행하는데 tsconfig.json 이라는 파일을 생성하라고한다. 파일없이도 tcs 명령어 잘 작동되는데 왜죠..?🤔 생성안하고 쓰려고 했지만ㅋㅋ 정말 필요한것이라명 나중에 잘못되고 돌아오기 힘들것 같아서 일단 쓰는 이유를 찾아보았다. ⭐️ 먼저 중요하게 알아야할 사실!!⭐️ 타입스크립트언어를 자바스크립트로 컴파일해주는 라이브러리이다. 사용하는 이유: ✅ tsconfig.json파일을 생성함으로써 vscode에게 내가지금 타입스크립트로 작업할거니까 알아서 JS로 잘 컴파일 해줘라~ 라고하는 것이라고 이해하면 될 것 같다 ✅ JS 로 컴파일을 할 때의 옵션들을 설정해 줄 수 있다. (내가 설정해준 옵션들은 아래서 따로 설명할 예정!) ✅ JS & TS 파일을.. 2023. 3. 10.

티스토리툴바