본문 바로가기

타입스크립트3

[타입스트립트] 초보의 타입지정 타입스크립트 그냥 타입만 지정해주면 되는거네~ 라며 여기저기 다 타입을 넣어주면서 코드짜고 있었는데.. 😱 너무 소름돋는 사실을 알게되서 포스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] 타입스크립트를 편하게 사용하기 위한 파일 타입스트립트로 프로젝트를 진행하기위해 초기세팅을 진행하는데 tsconfig.json 이라는 파일을 생성하라고한다. 파일없이도 tcs 명령어 잘 작동되는데 왜죠..?🤔 생성안하고 쓰려고 했지만ㅋㅋ 정말 필요한것이라명 나중에 잘못되고 돌아오기 힘들것 같아서 일단 쓰는 이유를 찾아보았다. ⭐️ 먼저 중요하게 알아야할 사실!!⭐️ 타입스크립트언어를 자바스크립트로 컴파일해주는 라이브러리이다. 사용하는 이유: ✅ tsconfig.json파일을 생성함으로써 vscode에게 내가지금 타입스크립트로 작업할거니까 알아서 JS로 잘 컴파일 해줘라~ 라고하는 것이라고 이해하면 될 것 같다 ✅ JS 로 컴파일을 할 때의 옵션들을 설정해 줄 수 있다. (내가 설정해준 옵션들은 아래서 따로 설명할 예정!) ✅ JS & TS 파일을.. 2023. 3. 10.
타입스크립트 공부시작 여기저기 많은 곳에서 타입스크립트를 쓴다. 고로 배워야겠다. 프로젝트를 새로 시작한 김에 타입스크립트로 진행하면 빠르게 배울 수 있겠다싶어 팀원분들께 조심스럽게 제안을 해보았는데 다행히도 흔쾌히 동의를 해주셔서 현재 하고있는 프로젝트는 타입스크립트를 사용해볼 예정!!🥳 아무래도 타입스크립트를 처음사용해보며 기한이 정해져있기 때문에 프로젝트 완성도는 떨어지겠지만 배운다는것에 우선순위를 두기로 했다. 타입스크립트에 대해 찾아보니 타입을 지정하고 제어할 수 있어서 더욱 코드가 클린해 질 수있다고 한다! 사실 아직은 코드도 길어보이는데 왜 이렇게 많이들 쓰나 싶긴한데.. 코드짤때는 복잡해도 에러를 계속 잡아주니 정확도(?)도 높아지고 확실히 유지보수가 쉬워질 것같다. 🥰 2023. 3. 9.