Language

리액트(React) 리액트와 타입스크립트의 호환성을 비교적 좋은 편이다. 최근 들어 많은 개발자들이 리액트와 타입스크립트 조합을 선택하고 있다. 리액트 공식 홈페이지에서는 타입스크립트를 사용하기 위한 가이드를 제시하고 있다. 페이스북에서 공식적으로 배포하는 리액트 웹 개발용 보일러 플레이트인 Create React App은 간단한 옵션 추가만으로 타입스크립트를 사용할 수 있도록 지원한다. 보일러 플레이트 : Boilerplate, 구조·설정 작업을 자동으로 진행해주는 도구이자 명령어 뷰(Vue.js) 뷰 2.0에서는 타입스크립트를 사용할 수 있지만 몇몇 라이브러리의 도움을 받아야 하거나 구현 자체가 안되는 문제도 다수 있었다. 뷰 3.0부터는 타입스크립트를 공식 지원한다. 뷰 3.0 CLI(Command..

2012년 마이크로소프트가 발표한 타입스크립트(TypeScript)는 자바스크립트(JavaScript)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어다. 타입스크립트의 특징 컴파일 언어, 정적 타입 언어 자바스크립트는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어이며 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 자바스크립트 코드로 변환된다. 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있다. 하지만 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 오래 걸린다는 단점이 있다. 자바스크립트 슈퍼셋(Superset..

타입 스크립트 컴파일러 타입스크립트 텍스트 파일 실행은 먼저 아래와 같이 동작한다. 텍스트를 컴파일러 프로그램이 파싱하여 추상 문법 트리(abstract syntax tree, AST)라는 자료구조로 변환한다. 컴파일러 프로그램이 AST를 바이트코드로 변환한다. 런타임 프로그램에 바이트코드를 입력하여 평가 받고 결과를 얻는다. TS 1. 타입스크립트 소스 → 타입스크립트 AST 2. 타입 검사기가 AST를 확인 3. 타입스크립트 AST → 자바스크립트 소스 JS 4. 자바스크립트 소스 → 자바스크립트 AST 5. AST → 바이트코드 6. 런타임이 바이트코드를 평가 즉 프로그램을 실행한다는 것은, 컴파일러가 소스 코드를 파싱해서 AST로 만들고, 다시 AST를 바이트코드로 변환한 것을 런타임이 평가하도록..

타입 스크립트(TypeScript) 언어는 크게 정적 타입과 동적 타입 언어로 구분할 수 있다. 타입 스크립트는 자바스크립트에 타입을 부여한 정적 타입 언어다. 만약 타입 스크립트를 브라우저에서 실행하려면 파일을 변환하는 트랜스 파일 과정을 거쳐서 사용한다. 공식적으로는 트랜스 파일이 아닌 컴파일된다고 표현한다. 컴파일의 경우 한 언어로 작성된 소스 코드를 다른 언어로 변환하는 것을 뜻하는 반면, 트랜스 파일의 경우 한 언어로 작성된 소스 코드를 비슷한 수준의 다른 언어로 변환한다는 차이가 있다. 예를 들어 Java를 컴파일하면 bytecode 코드가 출력되지만, C++를 트랜스 파일 하면 C가 출력되며 Typescript를 트랜스 파일 하면 Javascript가 출력된다. 하지만 공식적으로 컴파일된다고..

예외 처리(exception handling) 프로그래밍을 배우다 보면 생각지도 못한 여러가지 오류가 발생하는 것을 경험할 수 있을 것이다. 이렇게 발생하는 오류는 크게 다음과 같이 두 가지로 구분할 수 있다. 문법 오류(syntax errors) 예외(exceptions) 문법 오류(syntax errors)는 프로그래밍을 배우는 과정에서 가장 많이 경험하게 될 오류일 것이다. while True print('안녕하세요!') 실행 결과 File "D:/test.py", line 1 while True ^ SyntaxError: invalid syntax 위와 같이 문법 오류가 발생하면 파서(parser)는 오류가 발생한 라인과 함께 그 대략적인 위치까지도 ‘^’ 기호를 이용하여 알려준다. 위의 예제에서..

파일 입출력 파이썬에서는 표준 입출력 함수인 input()과 print() 함수를 사용하여 프로그램과 사용자 사이의 입출력 작업을 수행할 수 있다. 그리고 프로그램과 파일 사이의 입출력 즉, 파일에 저장된 내용을 읽고 쓰는 동작은 파일 객체(file object)를 사용하여 수행할 수 있다. 파일 열고 닫기 파일의 내용을 읽고 쓰기 위해서는 우선 파일을 열어야만 한다. 파이썬에서는 내장 함수인 open() 함수를 사용하여 파일을 열 수 있다. 문법 파일객체 = open(파일명, 파일모드문자열) open() 함수의 첫 번째 인수에는 열고자 하는 파일의 이름과 경로를 문자열 형태로 전달하며, 두 번째 인수에는 파일의 사용 용도를 결정하는 파일 모드 문자열을 전달한다. 이렇게 호출된 open() 함수는 해당 ..