밴쿠버에서 테니스치는 한량나부랭이

지금 next.js로 프로젝트 하나 하고 있는데 아무리 생각해도 ts와 tsx의 차이를 모르고 있는 것 같아 궁금해서 찾아보았다. 정말 구구절절한 설명 다 빼고 간단하다. ts는 typescript만 사용할 때 tsx는 React Component에서 사용시 사용! 나는 Component에서 사용중이니까 tsx, 하지만 타입스크립트만 쓰는 리액트 컴포넌트가 없는 경우라면 .ts인 확장자를 쓰면 된다!.

타입스크린트란? 타입스크립트는 ‘JS+타입’이라고 생각하면 쉽다. 자바스크립트의 확장된 언어지만 자바스크립트와 다르게 브라우저에서 실행하고자한다면 파일을 변환해주어 컴퓨터가 코드를 읽을 수 있게 ‘컴파일’과정을 거쳐야한다. 타입스크립트를 쓰는 이유? 가장 큰 이유로는 ‘에러의 사전방지’를 위함이다. 타입스크립트는 에러를 사전에 방지할 수 있다. function sum(a, b) { return a + b } function sum(a: number, b:number){ return a+b } 첫번째는 자바스크립트, 두번째는 타입스크립트로 작성된 숫자의 합을 구하는 함수코드다. 첫번째는 30이란 결과가 나오겠지만 두번째는 1020이란 결과가 나온다. 이 코드를 vsCode에서 확인하면 아래와 같은 오류를 ..