Dev Diary

tsc, TypeScript 컴파일러 지금까지 계속 타입 검사에 대하여 이야기했지만, 아직 타입 검사기를 사용하지 않았다. 우리의 새로운 친구 tsc, TypeScript 컴파일러를 npm을 사용하여 설치하도록 하자. npm install -g typescript 위 코드를 실행하면 TypeScript 컴파일러 tsc가 전역 설치된다. tsc를 로컬 node`modules 패키지로부터 실행하고자 한다면 npx 또는 유사한 도구를 사용하면 된다. 이제 빈 폴더로 이동하여 첫번째 TypeScript 프로그램인 hello.ts를 작성해보자. // 세상을 맞이하자. console.log("Hello world!");연습 해보기 코드 상에 아무런 밑줄도 그어지지 않았음에 유의하자. 이 “hello world” 프..

TypeScript에서 제공하는 몇 가지 새로운 도구들을 사용해보자. 여기 표시된 대로 함수 인수인 ‘person’에 : string 타입 표기를 추가해보자. function greeter(person: string) { return "Hello, " + person; } let user = "Jane User"; document.body.textContent = greeter(user); 연습 해보기 타입 표기 TypeScript의 타입 표기는 함수나 변수의 의도된 계약을 기록하는 간단한 방법이다. 이 경우, greeter 함수를 단일 문자열 매개변수로 호출하도록 한다. 대신 배열을 전달하여 greeter 함수를 호출하도록 변경해보자. function greeter(person: string) { re..

TypeScript for Java/C# Programmers TypeScript는 Java와 같이 정적 타이핑을 사용하는 언어에 익숙한 프로그래머들에게 인기 있는 선택이다. TypeScript의 타입 시스템은 더 나은 코드 완성, 오류의 조기 발견, 프로그램 부분 간의 더 명확한 통신과 같이 정적 타이핑이 가지는 많은 이점을 제공한다. JavaScript(또한 TypeScript도 마찬가지로)가 기존의 객체 지향 프로그래밍(OOP) 언어와 어떤 차이가 있는지 다시 살펴볼 필요가 있다. 클래스 다시 생각하기 (Rethinking the Class) C#과 Java는 의무적 OOP 언어라고 부릅니다. 이러한 언어에서 클래스는 코드 구성의 기본 단위일 뿐만 아니라 런타임 시 모든 데이터 그리고 동작의 기본적..

JavaScript의 짧은 역사 (What is JavaScript? A Brief History) JavaScript는 처음에 브라우저를 위한 스크립팅 언어로 만들어졌다. JavaScript가 처음 나왔을 때, 수십 줄 이상의 코드를 작성하는 것은 다소 이례적인 일이었기에 웹 페이지 속 짧은 코드들을 위해 사용할 것으로 여겨졌다고 한다. 때문에, 초기 웹 브라우저들은 수십 줄 이상의 코드를 실행하는데 오래 걸렸는데, 시간이 흘러 JS가 점점 더 유명해지면서, 웹 개발자들은 JS를 이용해 상호작용을 하는 경험을 하기 시작했다고 한다. 웹 브라우저 개발자들은 위와 같이 늘어나는 JS 사용량에 대하여 실행 엔진(동적 컴파일)을 최적화시키고 최적화 된 것을 이용해 할 수 있는 일(API 추가)을 확장하여 웹 ..