Typescript3 TypeScript의 동작 원리 타입스크립트의 동작원리 타입스크립트는 자바스크립트에 정적 타입을 추가하고, 타입 검사와 컴파일을 하는 과정을 통해 동작한다. 💡 타입스크립트 코드 작성.ts 확장자나 .tsx 확장자 파일을 만들고 타입스크립트 코드를 작성한다. 이 코드에는 아래 예시처럼 자바스크립트 코드에 타입 정보를 추가한 코드도 포함된다.interface IProduct { createdAt: string; favoriteCount: number; images: string; tags: string[]; price: number; description: string; name: string;}// 일부 생략const [products, setProducts] = useState({ createdAt: "", .. 2024. 9. 13. JavaScript만 사용하는 것과 비교해 TypeScript를 사용하는 이유 타입 안정성의 중요도 자바스크립트는 어떤 코드를 작성해도 작성하면서 타입이 잘못됐기 때문에 오류가 날 것이라는 것을 말해주지 않는다. 그래서 수많은 코드들을 작성하고 브라우저에 띄울 때에서야 잘못됐음을 인지하게 된다. 그럼 console.log를 띄워서 어느 부분에서 값이 제대로 전달이 안되고 있는지를 찾는 작업을 하게 되고, 어디가 원인인지를 못찾으면 시간이 여기서 많이 지체될 수 있다. 개발 마감까지의 시간이 중요한 개발자에게는 이는 치명적일 수 있다. 만약 협업을 하면서 자신이 만든 코드가 아닌 곳에서 이런 경우가 발생한다면 팀 전체의 개발이 지연될 것이다. 타입스크립트를 사용하면 타입을 명확히 명시하도록 하여 안정성을 확보하고 이러한 일을 방지할 수 있게 해준다.type FormValues = z.. 2024. 9. 13. Typescript에 대해서 자바스크립트의 슈퍼셋(superset) Typescript는 단순한 프로그래밍 언어가 아니라 자바스크립트의 슈퍼셋이라 불린다. 슈퍼셋이란 기존 언어의 모든 기능을 포함하고 추가적인 기능을 제공하는 것을 말한다. 타입스크립트는 다음과 같은 특징을 가진다. 타입 안정성: 자바스크립트는 동적타입의 언어이다. 변수에 어떤 종류의 값이 오는지 확실히 알 수 없어서 때로는 예상하지 못한 버그를 만날 수 있다. Typescript는 이를 방지하기 위해 타입을 명시적으로 지정해줄 수 있다. 타입 정보를 통해 IDE와 텍스트 에디터는 더 나은 자동완성, 리팩토링 기능 등을 제공할 수 있다. 더 나은 문서화: 타입 정보는 다른 개발자들에게 코드의 의도를 명확히 전달하는 문서의 역할을 한다. 타입스크립트는 브라우저에서 직접.. 2023. 8. 15. 이전 1 다음
