TypeScript는 내 $#!% 💩 목록에 있었습니다.

자바스크립트(JS)

JS - Netscape의 Brendan Eich가 개발한 높은 수준의 ECMAScript 해석/적시 컴파일 프로그래밍 언어입니다. Java과 혼동하지 마십시오.

JavaScript was initially created to “make web pages alive”.

잘 알려진 - JS는 인터넷

만큼이나 오래되었습니다.

JS는 OOP(객체 지향 프로그래밍) 언어입니다

.

JS는 단일 스레드입니다

.

그러나 JS는 약하고 동적으로 입력됩니다

.

👩🏽‍💻(나): 잘 지내요JavaScript , 세계에서 가장 인기 있는 스크립팅 언어 중 하나에 대해 무슨 말을 더 해야 할까요? 🌎(세계): TypeScript 또는 GTFO에 대해 알아보세요.

그래서 TypeScript를 배우기 시작했습니다. 거짓말 안하고 처음에는 너무 아팠어요. 나는 JS를 충분히 오래 사용하지 않았고, JS를 충분히 이해하지 않았으며, TS와 같은 것을 감사할 만큼 모든 바보 같은 JS 오류/브라우저 호환성 문제에 충분히 짜증을 냈습니다.

Thus, TS was very much so on my 💩 list, but I have since seen the light.

타입스크립트(TS)

TS - JavaScript를 기반으로 Microsoft에서 개발한 강력한 유형의 프로그래밍 언어로 모든 규모에서 더 나은 도구를 제공합니다.

에디터 체크

TS가 마음에 들지 않으면 컴파일되지 않기 때문에 갑자기 디버깅은 편집기 검사로 악몽이 아닙니다.

const user = {
  id: l334,
  firstName: "Nicole",
  lastName: "Nobles",
  job: "Web developer",
}

console.log(user.name)

JS는 사용자에게 이름 속성이 없다는 경고를 알지 못합니다.

하지만 TS에서는 오류가 발생합니다.Property 'name' does not exist on type { firstName: string; lastName: string; job: string }

자동 완성

더 이상 개체에 어떤 속성이 있는지 추측하지 않아도 됩니다.

인터페이스

사용자 인터페이스를 만든 경우 개체에 필요한 속성을 추가/제거할 수 없습니다.

*참고: 속성 뒤에 ?를 추가하면 선택 사항이 됩니다.

interface User {
  id: number
  firstName: string
  lastName: string
  job: string
  remote?: boolean
}

function updateUser(id: number, update: Partial<User>) {
  const data = getUser(id)
  const user = { ...data, ...update, city: "Hachiōji" }
  saveUser(id, user)
}

TS는 '사용자' 인터페이스에 '도시'가 존재하지 않는다고 정당하게 불평할 것입니다.

이것은 TS 빙산의 일각에 불과합니다. 내 말을 믿지 마십시오. 설명서here를 확인하십시오.

결론

적절한 기회가 주어지면 TypeScript는 편집기 확인, 자동 완성 및 인터페이스 기능을 통해 시간과 힘든 고통을 줄이는 데 놀랍도록 도움이 되었습니다. 나는 때때로 거짓말을 하지 않고 그냥 때리고any 하루라고 부르지만, 프로젝트의 나머지 부분처럼 타이핑될 때까지 그것은 나를 잠식해 버립니다.

그러니 침착하고 Type(Script)를 켜십시오. 읽어 주셔서 감사합니다! 😊