타입스크립트 - 편집 역사

https://www.newiki.net/w/index.php?action=history&feed=atom&title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8 타입스크립트 - 편집 역사 2026-04-12T00:54:37Z 이 문서의 편집 역사 MediaWiki 1.45.3 https://www.newiki.net/w/index.php?title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&diff=28558&oldid=prev 2022년 3월 30일 (수) 23:12에 Dennis님의 편집 2022-03-30T23:12:26Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2022년 3월 30일 (수) 23:12 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">3번째 줄:</td> <td colspan="2" class="diff-lineno">3번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[마이크로소프트]]가 개발하고 배포, 관리하는 프로그래밍 언어. [[오픈 소스]]이고 무료다. 2012년 10월에 처음으로 공개되었다. [[자바스크립트]]와 호환되며, [[자바스크립트]]가 가진 단점들을 보완하기 위해서 만들었다. 이런 종류의 언어로는 커피스크립트와 같은 것들이 있지만 지금은 타입스크립트가 가장 잘 나가는 분위기. 아네르스 하일스베르가 설계했는데 이 분은 [[C샵|C#]]은 물론 델파이, 터보 [[파스칼]]<ref>그래서인지는 몰라도 변수의 타입 정의가 파스칼처럼 변수 이름 뒤에 나온다.</ref>과 같은 걸작을 여럿 설계한 경력이 있다. 아직까지는 웹 브라우저에서 직접 타입스크립트를 지원하고 있지 않기 때문에 컴파일 및 링크 과정을 거쳐서 [[자바스크립트]]로 변환되어 쓰인다. 물론 앞으로 타입스크립트의 사용이 많아지면 웹 브라우저들이 직접 지원할 수도 있겠지만. [[자바스크립트]]를 쓸 수 있는 곳이라면 어디든지 타입스크립트도 쓸 수 있다. 예를 들어 [[Node.js]]<ref>타입스크립트를 쓰려면 먼저 [[Node.js]]를 설치하고 패키지 관리자인 npm으로 설치하는 게 좋다. 아니면 [[비주얼 스튜디오]]를 설치해서 쓰는 방법도 있다. [[비주얼 스튜디오]]가 [[마이크로소프트]] 것이니 지원을 안 할 리가...</ref>나 아파치 코르도바, [[리액트 네이티브]] 같은 데에서도 얼마든지 쓸 수 있다. 구글의 웹 프레임워크인 [[AngularJS]]는 아예 버전 2부터는 타입스크립트만 지원한다. 이들도 모두 마지막에 [[자바스크립트]]로 컴파일하는 작업은 필요하다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[마이크로소프트]]가 개발하고 배포, 관리하는 프로그래밍 언어. [[오픈 소스]]이고 무료다. 2012년 10월에 처음으로 공개되었다. [[자바스크립트]]와 호환되며, [[자바스크립트]]가 가진 단점들을 보완하기 위해서 만들었다. 이런 종류의 언어로는 커피스크립트와 같은 것들이 있지만 지금은 타입스크립트가 가장 잘 나가는 분위기. 아네르스 하일스베르가 설계했는데 이 분은 [[C샵|C#]]은 물론 델파이, 터보 [[파스칼]]<ref>그래서인지는 몰라도 변수의 타입 정의가 파스칼처럼 변수 이름 뒤에 나온다.</ref>과 같은 걸작을 여럿 설계한 경력이 있다. 아직까지는 웹 브라우저에서 직접 타입스크립트를 지원하고 있지 않기 때문에 컴파일 및 링크 과정을 거쳐서 [[자바스크립트]]로 변환되어 쓰인다. 물론 앞으로 타입스크립트의 사용이 많아지면 웹 브라우저들이 직접 지원할 수도 있겠지만. [[자바스크립트]]를 쓸 수 있는 곳이라면 어디든지 타입스크립트도 쓸 수 있다. 예를 들어 [[Node.js]]<ref>타입스크립트를 쓰려면 먼저 [[Node.js]]를 설치하고 패키지 관리자인 npm으로 설치하는 게 좋다. 아니면 [[비주얼 스튜디오]]를 설치해서 쓰는 방법도 있다. [[비주얼 스튜디오]]가 [[마이크로소프트]] 것이니 지원을 안 할 리가...</ref>나 아파치 코르도바, [[리액트 네이티브]] 같은 데에서도 얼마든지 쓸 수 있다. 구글의 웹 프레임워크인 [[AngularJS]]는 아예 버전 2부터는 타입스크립트만 지원한다. 이들도 모두 마지막에 [[자바스크립트]]로 컴파일하는 작업은 필요하다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다.<ref>[[파이썬]] 역시 변수의 타입을 지정할 수 없기 때문에 같은 문제를 안고 있다. 3.5 버전부터는 타입 힌트 기능을 지원해서 프로그래머가 함수의 매개변수나 반환값으로 기대하는 변수의 유형을 지정할 수 있지만 이는 '힌트'에 불과하며 유형에 안 맞는 매개변수를 줄 때 코드가 아예 실행이 안 되거나 하지는 않는다.</ref> 페이지의 사용자 인터페이스를 구성하는 각 요소들을 모듈화 하고 별개의 파일로 쪼개넣게 되면 문제는 더욱 심각해진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에<ins style="font-weight: bold; text-decoration: none;"><ref>서로 다른 유형의 변수끼리 연산을 시켜도 어떻게든 뭔가 결괏값을 만들어 내기 때문에 이게 오히려 예측불허의 결과를 만들어낸다.</ref> </ins>버그도 많아지고 디버깅도 힘들어진다.<ref>[[파이썬]] 역시 변수의 타입을 지정할 수 없기 때문에 같은 문제를 안고 있다. 3.5 버전부터는 타입 힌트 기능을 지원해서 프로그래머가 함수의 매개변수나 반환값으로 기대하는 변수의 유형을 지정할 수 있지만 이는 '힌트'에 불과하며 유형에 안 맞는 매개변수를 줄 때 코드가 아예 실행이 안 되거나 하지는 않는다.</ref> 페이지의 사용자 인터페이스를 구성하는 각 요소들을 모듈화 하고 별개의 파일로 쪼개넣게 되면 문제는 더욱 심각해진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 [[프레임워크]]인 [[Angular]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. <del style="font-weight: bold; text-decoration: none;">[[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원한다든가, </del>[[크로스플랫폼]] [[프레임워크]]인 [[Flutter]]의 개발 도구로 [[안드로이드 스튜디오]]와 함께 [[비주얼 스튜디오 코드]]를 공식 지원한다든가.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] [[프레임워크]]인 [[Flutter]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 <del style="font-weight: bold; text-decoration: none;">타입스크립트를 미는 분위기다. [[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있고 </del>[[Angular]]<del style="font-weight: bold; text-decoration: none;">는 타입스크립트 기반이다</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 [[프레임워크]]인 [[Angular]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[크로스플랫폼]] [[프레임워크]]인 [[Flutter]]의 개발 도구로 [[안드로이드 스튜디오]]와 함께 [[비주얼 스튜디오 코드]]를 공식 지원한다든가.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] [[프레임워크]]인 [[Flutter]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 [[Angular]]<ins style="font-weight: bold; text-decoration: none;">에서 보는 것과 같이 타입스크립트를 미는 분위기다</ins>.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&diff=28557&oldid=prev 2022년 3월 30일 (수) 23:05에 Dennis님의 편집 2022-03-30T23:05:22Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2022년 3월 30일 (수) 23:05 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">1번째 줄:</td> <td colspan="2" class="diff-lineno">1번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>TypeScript.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>TypeScript.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[마이크로소프트]]가 개발하고 배포, 관리하는 프로그래밍 언어. [[오픈 소스]]이고 무료다. 2012년 10월에 처음으로 공개되었다. [[자바스크립트]]와 호환되며, [[자바스크립트]]가 가진 단점들을 보완하기 위해서 만들었다. 이런 종류의 언어로는 커피스크립트와 같은 것들이 있지만 지금은 타입스크립트가 가장 잘 나가는 분위기. 아네르스 하일스베르가 설계했는데 이 분은 [[C샵|C#]]은 물론 델파이, 터보 [[파스칼]]<ref>그래서인지는 몰라도 변수의 타입 정의가 파스칼처럼 변수 이름 뒤에 나온다.</ref>과 같은 걸작을 여럿 설계한 경력이 있다. 아직까지는 웹 브라우저에서 직접 타입스크립트를 지원하고 있지 않기 때문에 컴파일 및 링크 과정을 거쳐서 [[자바스크립트]]로 변환되어 쓰인다. 물론 앞으로 타입스크립트의 사용이 많아지면 웹 브라우저들이 직접 지원할 수도 있겠지만. [[자바스크립트]]를 쓸 수 있는 곳이라면 어디든지 타입스크립트도 쓸 수 있다. 예를 들어 [[Node.js]]<ref>타입스크립트를 쓰려면 먼저 Node.<del style="font-weight: bold; text-decoration: none;">js를 </del>설치하고 패키지 관리자인 npm으로 설치하는 게 좋다. 아니면 [[비주얼 스튜디오]]를 설치해서 쓰는 방법도 있다. [[비주얼 스튜디오]]가 [[마이크로소프트]] 것이니 지원을 안 할 리가...</ref>나 아파치 코르도바, [[리액트 네이티브]] 같은 데에서도 얼마든지 쓸 수 있다. 구글의 웹 프레임워크인 [[AngularJS]]는 아예 버전 2부터는 타입스크립트만 지원한다. 이들도 모두 마지막에 [[자바스크립트]]로 컴파일하는 작업은 필요하다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[마이크로소프트]]가 개발하고 배포, 관리하는 프로그래밍 언어. [[오픈 소스]]이고 무료다. 2012년 10월에 처음으로 공개되었다. [[자바스크립트]]와 호환되며, [[자바스크립트]]가 가진 단점들을 보완하기 위해서 만들었다. 이런 종류의 언어로는 커피스크립트와 같은 것들이 있지만 지금은 타입스크립트가 가장 잘 나가는 분위기. 아네르스 하일스베르가 설계했는데 이 분은 [[C샵|C#]]은 물론 델파이, 터보 [[파스칼]]<ref>그래서인지는 몰라도 변수의 타입 정의가 파스칼처럼 변수 이름 뒤에 나온다.</ref>과 같은 걸작을 여럿 설계한 경력이 있다. 아직까지는 웹 브라우저에서 직접 타입스크립트를 지원하고 있지 않기 때문에 컴파일 및 링크 과정을 거쳐서 [[자바스크립트]]로 변환되어 쓰인다. 물론 앞으로 타입스크립트의 사용이 많아지면 웹 브라우저들이 직접 지원할 수도 있겠지만. [[자바스크립트]]를 쓸 수 있는 곳이라면 어디든지 타입스크립트도 쓸 수 있다. 예를 들어 [[Node.js]]<ref>타입스크립트를 쓰려면 먼저 <ins style="font-weight: bold; text-decoration: none;">[[</ins>Node.<ins style="font-weight: bold; text-decoration: none;">js]]를 </ins>설치하고 패키지 관리자인 npm으로 설치하는 게 좋다. 아니면 [[비주얼 스튜디오]]를 설치해서 쓰는 방법도 있다. [[비주얼 스튜디오]]가 [[마이크로소프트]] 것이니 지원을 안 할 리가...</ref>나 아파치 코르도바, [[리액트 네이티브]] 같은 데에서도 얼마든지 쓸 수 있다. 구글의 웹 프레임워크인 [[AngularJS]]는 아예 버전 2부터는 타입스크립트만 지원한다. 이들도 모두 마지막에 [[자바스크립트]]로 컴파일하는 작업은 필요하다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 페이지의 사용자 인터페이스를 구성하는 각 요소들을 모듈화 하고 별개의 파일로 쪼개넣게 되면 문제는 더욱 심각해진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다.<ins style="font-weight: bold; text-decoration: none;"><ref>[[파이썬]] 역시 변수의 타입을 지정할 수 없기 때문에 같은 문제를 안고 있다. 3.5 버전부터는 타입 힌트 기능을 지원해서 프로그래머가 함수의 매개변수나 반환값으로 기대하는 변수의 유형을 지정할 수 있지만 이는 '힌트'에 불과하며 유형에 안 맞는 매개변수를 줄 때 코드가 아예 실행이 안 되거나 하지는 않는다.</ref> </ins>페이지의 사용자 인터페이스를 구성하는 각 요소들을 모듈화 하고 별개의 파일로 쪼개넣게 되면 문제는 더욱 심각해진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 [[프레임워크]]인 [[<del style="font-weight: bold; text-decoration: none;">AngularJS</del>]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원한다든가, [[크로스플랫폼]] [[프레임워크]]인 [[Flutter]]의 개발 도구로 [[안드로이드 스튜디오]]와 함께 [[비주얼 스튜디오 코드]]를 공식 지원한다든가.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] [[프레임워크]]인 [[Flutter]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 <del style="font-weight: bold; text-decoration: none;">있다</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 [[프레임워크]]인 [[<ins style="font-weight: bold; text-decoration: none;">Angular</ins>]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원한다든가, [[크로스플랫폼]] [[프레임워크]]인 [[Flutter]]의 개발 도구로 [[안드로이드 스튜디오]]와 함께 [[비주얼 스튜디오 코드]]를 공식 지원한다든가.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] [[프레임워크]]인 [[Flutter]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다. [[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 <ins style="font-weight: bold; text-decoration: none;">있고 [[Angular]]는 타입스크립트 기반이다</ins>.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&diff=27457&oldid=prev 2021년 11월 24일 (수) 22:28에 Dennis님의 편집 2021-11-24T22:28:49Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2021년 11월 24일 (수) 22:28 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">5번째 줄:</td> <td colspan="2" class="diff-lineno">5번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 페이지의 사용자 인터페이스를 구성하는 각 요소들을 모듈화 하고 별개의 파일로 쪼개넣게 되면 문제는 더욱 심각해진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 페이지의 사용자 인터페이스를 구성하는 각 요소들을 모듈화 하고 별개의 파일로 쪼개넣게 되면 문제는 더욱 심각해진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 <del style="font-weight: bold; text-decoration: none;">프레임워크인 </del>[[AngularJS]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원한다든가, [[크로스플랫폼]] <del style="font-weight: bold; text-decoration: none;">프레임워크인 </del>[[Flutter]]의 개발 도구로 [[안드로이드 스튜디오]]와 함께 [[비주얼 스튜디오 코드]]를 공식 지원한다든가.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] <del style="font-weight: bold; text-decoration: none;">프레임워크인 </del>[[Flutter]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 <ins style="font-weight: bold; text-decoration: none;">[[프레임워크]]인 </ins>[[AngularJS]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원한다든가, [[크로스플랫폼]] <ins style="font-weight: bold; text-decoration: none;">[[프레임워크]]인 </ins>[[Flutter]]의 개발 도구로 [[안드로이드 스튜디오]]와 함께 [[비주얼 스튜디오 코드]]를 공식 지원한다든가.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] <ins style="font-weight: bold; text-decoration: none;">[[프레임워크]]인 </ins>[[Flutter]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&diff=27456&oldid=prev 2021년 11월 24일 (수) 22:28에 Dennis님의 편집 2021-11-24T22:28:26Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2021년 11월 24일 (수) 22:28 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">5번째 줄:</td> <td colspan="2" class="diff-lineno">5번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 페이지의 사용자 인터페이스를 구성하는 각 요소들을 모듈화 하고 별개의 파일로 쪼개넣게 되면 문제는 더욱 심각해진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 페이지의 사용자 인터페이스를 구성하는 각 요소들을 모듈화 하고 별개의 파일로 쪼개넣게 되면 문제는 더욱 심각해진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[AngularJS]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 <del style="font-weight: bold; text-decoration: none;">지원해 가고 있는 분위기다</del>.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] <del style="font-weight: bold; text-decoration: none;">개발환경인 </del>[[<del style="font-weight: bold; text-decoration: none;">플러터</del>]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[AngularJS]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 <ins style="font-weight: bold; text-decoration: none;">지원한다든가, [[크로스플랫폼]] 프레임워크인 [[Flutter]]의 개발 도구로 [[안드로이드 스튜디오]]와 함께 [[비주얼 스튜디오 코드]]를 공식 지원한다든가</ins>.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] <ins style="font-weight: bold; text-decoration: none;">프레임워크인 </ins>[[<ins style="font-weight: bold; text-decoration: none;">Flutter</ins>]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&diff=23686&oldid=prev 2020년 12월 2일 (수) 14:42에 Dennis님의 편집 2020-12-02T14:42:30Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2020년 12월 2일 (수) 14:42 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">1번째 줄:</td> <td colspan="2" class="diff-lineno">1번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>TypeScript.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>TypeScript.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[마이크로소프트]]가 개발하고 배포, 관리하는 프로그래밍 언어. <del style="font-weight: bold; text-decoration: none;">오픈소스이고 </del>무료다. 2012년 10월에 처음으로 공개되었다. [[자바스크립트]]와 호환되며, [[자바스크립트]]가 가진 단점들을 보완하기 위해서 만들었다. 이런 종류의 언어로는 커피스크립트와 같은 것들이 있지만 지금은 타입스크립트가 가장 잘 나가는 분위기. 아네르스 하일스베르가 설계했는데 이 분은 [[C샵|C#]]은 물론 델파이, 터보 [[파스칼]]<ref>그래서인지는 몰라도 변수의 타입 정의가 파스칼처럼 변수 이름 뒤에 나온다.</ref>과 같은 걸작을 여럿 설계한 경력이 있다. 아직까지는 웹 브라우저에서 직접 타입스크립트를 지원하고 있지 않기 때문에 컴파일 및 링크 과정을 거쳐서 [[자바스크립트]]로 변환되어 쓰인다. 물론 앞으로 타입스크립트의 사용이 많아지면 웹 브라우저들이 직접 지원할 수도 있겠지만. [[자바스크립트]]를 쓸 수 있는 곳이라면 어디든지 타입스크립트도 쓸 수 있다. 예를 들어 [[Node.js]]<ref>타입스크립트를 쓰려면 먼저 Node.js를 설치하고 패키지 관리자인 npm으로 설치하는 게 좋다. 아니면 [[비주얼 스튜디오]]를 설치해서 쓰는 방법도 있다. [[비주얼 스튜디오]]가 [[마이크로소프트]] 것이니 지원을 안 할 리가...</ref>나 아파치 코르도바, 리액트 네이티브 같은 데에서도 얼마든지 쓸 수 있다. <del style="font-weight: bold; text-decoration: none;">물론 </del>[[자바스크립트]]로 컴파일하는 작업은 필요하다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[마이크로소프트]]가 개발하고 배포, 관리하는 프로그래밍 언어. <ins style="font-weight: bold; text-decoration: none;">[[오픈 소스]]이고 </ins>무료다. 2012년 10월에 처음으로 공개되었다. [[자바스크립트]]와 호환되며, [[자바스크립트]]가 가진 단점들을 보완하기 위해서 만들었다. 이런 종류의 언어로는 커피스크립트와 같은 것들이 있지만 지금은 타입스크립트가 가장 잘 나가는 분위기. 아네르스 하일스베르가 설계했는데 이 분은 [[C샵|C#]]은 물론 델파이, 터보 [[파스칼]]<ref>그래서인지는 몰라도 변수의 타입 정의가 파스칼처럼 변수 이름 뒤에 나온다.</ref>과 같은 걸작을 여럿 설계한 경력이 있다. 아직까지는 웹 브라우저에서 직접 타입스크립트를 지원하고 있지 않기 때문에 컴파일 및 링크 과정을 거쳐서 [[자바스크립트]]로 변환되어 쓰인다. 물론 앞으로 타입스크립트의 사용이 많아지면 웹 브라우저들이 직접 지원할 수도 있겠지만. [[자바스크립트]]를 쓸 수 있는 곳이라면 어디든지 타입스크립트도 쓸 수 있다. 예를 들어 [[Node.js]]<ref>타입스크립트를 쓰려면 먼저 Node.js를 설치하고 패키지 관리자인 npm으로 설치하는 게 좋다. 아니면 [[비주얼 스튜디오]]를 설치해서 쓰는 방법도 있다. [[비주얼 스튜디오]]가 [[마이크로소프트]] 것이니 지원을 안 할 리가...</ref>나 아파치 코르도바, <ins style="font-weight: bold; text-decoration: none;">[[</ins>리액트 네이티브<ins style="font-weight: bold; text-decoration: none;">]] </ins>같은 데에서도 얼마든지 쓸 수 있다. <ins style="font-weight: bold; text-decoration: none;">구글의 웹 프레임워크인 [[AngularJS]]는 아예 버전 2부터는 타입스크립트만 지원한다. 이들도 모두 마지막에 </ins>[[자바스크립트]]로 컴파일하는 작업은 필요하다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다<ins style="font-weight: bold; text-decoration: none;">. 페이지의 사용자 인터페이스를 구성하는 각 요소들을 모듈화 하고 별개의 파일로 쪼개넣게 되면 문제는 더욱 심각해진다</ins>. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[<del style="font-weight: bold; text-decoration: none;">앵귤러JS</del>]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원해 가고 있는 분위기다.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] 개발환경인 [[플러터]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[<ins style="font-weight: bold; text-decoration: none;">AngularJS</ins>]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원해 가고 있는 분위기다.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] 개발환경인 [[플러터]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&diff=23603&oldid=prev 2020년 11월 27일 (금) 05:28에 Dennis님의 편집 2020-11-27T05:28:27Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2020년 11월 27일 (금) 05:28 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">5번째 줄:</td> <td colspan="2" class="diff-lineno">5번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. [[자바스크립트]]는 [[콜백 함수]]를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '[[콜백 지옥]]'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 [[콜백 함수]] 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[<del style="font-weight: bold; text-decoration: none;">앵귤러</del>]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원해 가고 있는 분위기다.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] 개발환경인 [[플러터]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[<ins style="font-weight: bold; text-decoration: none;">앵귤러JS</ins>]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원해 가고 있는 분위기다.</ref> 사실 [[구글]]도 다트([[Dart]])라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] 개발환경인 [[플러터]]의 개발 언어로 [[Dart]]를 밀고 있으며 덕분에 나름 화려하게 부활하는 모양새다.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&diff=23201&oldid=prev 2020년 11월 16일 (월) 06:32에 Dennis님의 편집 2020-11-16T06:32:22Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2020년 11월 16일 (월) 06:32 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">3번째 줄:</td> <td colspan="2" class="diff-lineno">3번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[마이크로소프트]]가 개발하고 배포, 관리하는 프로그래밍 언어. 오픈소스이고 무료다. 2012년 10월에 처음으로 공개되었다. [[자바스크립트]]와 호환되며, [[자바스크립트]]가 가진 단점들을 보완하기 위해서 만들었다. 이런 종류의 언어로는 커피스크립트와 같은 것들이 있지만 지금은 타입스크립트가 가장 잘 나가는 분위기. 아네르스 하일스베르가 설계했는데 이 분은 [[C샵|C#]]은 물론 델파이, 터보 [[파스칼]]<ref>그래서인지는 몰라도 변수의 타입 정의가 파스칼처럼 변수 이름 뒤에 나온다.</ref>과 같은 걸작을 여럿 설계한 경력이 있다. 아직까지는 웹 브라우저에서 직접 타입스크립트를 지원하고 있지 않기 때문에 컴파일 및 링크 과정을 거쳐서 [[자바스크립트]]로 변환되어 쓰인다. 물론 앞으로 타입스크립트의 사용이 많아지면 웹 브라우저들이 직접 지원할 수도 있겠지만. [[자바스크립트]]를 쓸 수 있는 곳이라면 어디든지 타입스크립트도 쓸 수 있다. 예를 들어 [[Node.js]]<ref>타입스크립트를 쓰려면 먼저 Node.js를 설치하고 패키지 관리자인 npm으로 설치하는 게 좋다. 아니면 [[비주얼 스튜디오]]를 설치해서 쓰는 방법도 있다. [[비주얼 스튜디오]]가 [[마이크로소프트]] 것이니 지원을 안 할 리가...</ref>나 아파치 코르도바, 리액트 네이티브 같은 데에서도 얼마든지 쓸 수 있다. 물론 [[자바스크립트]]로 컴파일하는 작업은 필요하다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[마이크로소프트]]가 개발하고 배포, 관리하는 프로그래밍 언어. 오픈소스이고 무료다. 2012년 10월에 처음으로 공개되었다. [[자바스크립트]]와 호환되며, [[자바스크립트]]가 가진 단점들을 보완하기 위해서 만들었다. 이런 종류의 언어로는 커피스크립트와 같은 것들이 있지만 지금은 타입스크립트가 가장 잘 나가는 분위기. 아네르스 하일스베르가 설계했는데 이 분은 [[C샵|C#]]은 물론 델파이, 터보 [[파스칼]]<ref>그래서인지는 몰라도 변수의 타입 정의가 파스칼처럼 변수 이름 뒤에 나온다.</ref>과 같은 걸작을 여럿 설계한 경력이 있다. 아직까지는 웹 브라우저에서 직접 타입스크립트를 지원하고 있지 않기 때문에 컴파일 및 링크 과정을 거쳐서 [[자바스크립트]]로 변환되어 쓰인다. 물론 앞으로 타입스크립트의 사용이 많아지면 웹 브라우저들이 직접 지원할 수도 있겠지만. [[자바스크립트]]를 쓸 수 있는 곳이라면 어디든지 타입스크립트도 쓸 수 있다. 예를 들어 [[Node.js]]<ref>타입스크립트를 쓰려면 먼저 Node.js를 설치하고 패키지 관리자인 npm으로 설치하는 게 좋다. 아니면 [[비주얼 스튜디오]]를 설치해서 쓰는 방법도 있다. [[비주얼 스튜디오]]가 [[마이크로소프트]] 것이니 지원을 안 할 리가...</ref>나 아파치 코르도바, 리액트 네이티브 같은 데에서도 얼마든지 쓸 수 있다. 물론 [[자바스크립트]]로 컴파일하는 작업은 필요하다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. <del style="font-weight: bold; text-decoration: none;">자바스크립트는 </del>콜백 <del style="font-weight: bold; text-decoration: none;">함수를 </del>많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '콜백 지옥'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 콜백 함수 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. <ins style="font-weight: bold; text-decoration: none;">[[자바스크립트]]는 [[</ins>콜백 <ins style="font-weight: bold; text-decoration: none;">함수]]를 </ins>많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '<ins style="font-weight: bold; text-decoration: none;">[[</ins>콜백 지옥<ins style="font-weight: bold; text-decoration: none;">]]</ins>'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 <ins style="font-weight: bold; text-decoration: none;">[[</ins>콜백 함수<ins style="font-weight: bold; text-decoration: none;">]] </ins>사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[앵귤러]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원해 가고 있는 분위기다.</ref> 사실 [[구글]]도 다트(Dart)라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] 개발환경인 [[플러터]]의 개발 언어로 [[<del style="font-weight: bold; text-decoration: none;">다트</del>]]를 밀고 <del style="font-weight: bold; text-decoration: none;">있다</del>.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[앵귤러]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원해 가고 있는 분위기다.</ref> 사실 [[구글]]도 다트(<ins style="font-weight: bold; text-decoration: none;">[[</ins>Dart<ins style="font-weight: bold; text-decoration: none;">]]</ins>)라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] 개발환경인 [[플러터]]의 개발 언어로 [[<ins style="font-weight: bold; text-decoration: none;">Dart</ins>]]를 밀고 <ins style="font-weight: bold; text-decoration: none;">있으며 덕분에 나름 화려하게 부활하는 모양새다</ins>.</ref>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&diff=14858&oldid=prev 2018년 12월 18일 (화) 00:56에 Dennis님의 편집 2018-12-18T00:56:08Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2018년 12월 18일 (화) 00:56 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">5번째 줄:</td> <td colspan="2" class="diff-lineno">5번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. 자바스크립트는 콜백 함수를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '콜백 지옥'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 콜백 함수 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. 자바스크립트는 콜백 함수를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '콜백 지옥'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 콜백 함수 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[앵귤러]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원해 가고 있는 분위기다.</ref> 사실 [[구글]]도 다트(Dart)라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[앵귤러]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원해 가고 있는 분위기다.</ref> 사실 [[구글]]도 다트(Dart)라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데<ins style="font-weight: bold; text-decoration: none;"><ref>대신 [[구글]]은 모바일 [[크로스 플랫폼]] 개발환경인 [[플러터]]의 개발 언어로 [[다트]]를 밀고 있다.</ref></ins>, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&diff=13229&oldid=prev 2018년 7월 9일 (월) 20:00에 Dennis님의 편집 2018-07-09T20:00:45Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2018년 7월 9일 (월) 20:00 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">5번째 줄:</td> <td colspan="2" class="diff-lineno">5번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. 자바스크립트는 콜백 함수를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '콜백 지옥'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 콜백 함수 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. 자바스크립트는 콜백 함수를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '콜백 지옥'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 콜백 함수 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[앵귤러]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다. 사실 [[구글]]도 다트(Dart)라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>타입스크립트가 잘 나가게 된 계기는 아이러니하게도 [[구글]]. 자사에서 개발하는 웹 프론트엔드 프레임워크인 [[앵귤러]]가 2.0부터 타입스크립트를 사용한 것이 큰 계기가 되었다.<ins style="font-weight: bold; text-decoration: none;"><ref>최근에는 [[구글]]이 [[MS]]에서 내놓은 솔루션을 적극 활용하는 모습들이 자주 보인다. [[안드로이드]] 쪽에서도 [[구글]]에서 제트팩에 [[MS]]의 리액티브 프로그래밍 라이브러리인 RxJava를 지원해 가고 있는 분위기다.</ref> </ins>사실 [[구글]]도 다트(Dart)라는 [[자바스크립트]]의 대체제를 밀었지만 거의 망하는 분위기로 가고 있는데, 대신 요즘은 타입스크립트를 미는 분위기다.[[구글]]의 공식 내부 개발 언어<ref>[[C]],[[ C++]], [[자바]], [[파이썬]], [[Go]], [[자바스크립트]]와 같은 언어들이 있다.</ref>로도 지정되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&diff=10602&oldid=prev 2017년 8월 6일 (일) 09:57에 Dennis님의 편집 2017-08-06T09:57:11Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2017년 8월 6일 (일) 09:57 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">1번째 줄:</td> <td colspan="2" class="diff-lineno">1번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>TypeScript.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>TypeScript.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[마이크로소프트]]가 개발하고 배포, 관리하는 프로그래밍 언어. 오픈소스이고 무료다. 2012년 10월에 처음으로 공개되었다. [[자바스크립트]]와 호환되며, [[자바스크립트]]가 가진 단점들을 보완하기 위해서 만들었다. 이런 종류의 언어로는 커피스크립트와 같은 것들이 있지만 지금은 타입스크립트가 가장 잘 나가는 분위기. 아네르스 하일스베르가 설계했는데 이 분은 [[C샵|C#]]은 물론 델파이, 터보 [[파스칼]]과 같은 걸작을 여럿 설계한 경력이 있다. 아직까지는 웹 브라우저에서 직접 타입스크립트를 지원하고 있지 않기 때문에 컴파일 및 링크 과정을 거쳐서 [[자바스크립트]]로 변환되어 쓰인다. 물론 앞으로 타입스크립트의 사용이 많아지면 웹 브라우저들이 직접 지원할 수도 있겠지만. [[자바스크립트]]를 쓸 수 있는 곳이라면 어디든지 타입스크립트도 쓸 수 있다. 예를 들어 [[Node.js]]<ref>타입스크립트를 쓰려면 먼저 Node.js를 설치하고 패키지 관리자인 npm으로 설치하는 게 좋다. 아니면 [[비주얼 스튜디오]]를 설치해서 쓰는 방법도 있다. [[비주얼 스튜디오]]가 [[마이크로소프트]] 것이니 지원을 안 할 리가...</ref>나 아파치 코르도바, 리액트 네이티브 같은 데에서도 얼마든지 쓸 수 있다. 물론 [[자바스크립트]]로 컴파일하는 작업은 필요하다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[마이크로소프트]]가 개발하고 배포, 관리하는 프로그래밍 언어. 오픈소스이고 무료다. 2012년 10월에 처음으로 공개되었다. [[자바스크립트]]와 호환되며, [[자바스크립트]]가 가진 단점들을 보완하기 위해서 만들었다. 이런 종류의 언어로는 커피스크립트와 같은 것들이 있지만 지금은 타입스크립트가 가장 잘 나가는 분위기. 아네르스 하일스베르가 설계했는데 이 분은 [[C샵|C#]]은 물론 델파이, 터보 [[파스칼]]<ins style="font-weight: bold; text-decoration: none;"><ref>그래서인지는 몰라도 변수의 타입 정의가 파스칼처럼 변수 이름 뒤에 나온다.</ref></ins>과 같은 걸작을 여럿 설계한 경력이 있다. 아직까지는 웹 브라우저에서 직접 타입스크립트를 지원하고 있지 않기 때문에 컴파일 및 링크 과정을 거쳐서 [[자바스크립트]]로 변환되어 쓰인다. 물론 앞으로 타입스크립트의 사용이 많아지면 웹 브라우저들이 직접 지원할 수도 있겠지만. [[자바스크립트]]를 쓸 수 있는 곳이라면 어디든지 타입스크립트도 쓸 수 있다. 예를 들어 [[Node.js]]<ref>타입스크립트를 쓰려면 먼저 Node.js를 설치하고 패키지 관리자인 npm으로 설치하는 게 좋다. 아니면 [[비주얼 스튜디오]]를 설치해서 쓰는 방법도 있다. [[비주얼 스튜디오]]가 [[마이크로소프트]] 것이니 지원을 안 할 리가...</ref>나 아파치 코르도바, 리액트 네이티브 같은 데에서도 얼마든지 쓸 수 있다. 물론 [[자바스크립트]]로 컴파일하는 작업은 필요하다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. 자바스크립트는 콜백 함수를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '콜백 지옥'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 콜백 함수 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[자바스크립트]]는 그 문법이 간단하기 때문이 진입장벽이 낮은 프로그램이지만 고급 기능을 구현할 때에는 오히려 난점이 많다. 예를 들어 변수에 아무 타입이나 넣어도 되는 특징은 초보자들에는 쉬워 보이지만 그 변수에 넣지 말아야 할 잘못된 타입을 집어넣어도 오류가 생기지 않기 때문에 버그도 많아지고 디버깅도 힘들어진다. 함수나 클래스 정의와 같은 많은 부분들이 객체지향 언어와는 상당히 다르기 때문에 이 역시 사용을 까다롭게 하고 버그를 낳는 원인이 된다. 자바스크립트는 콜백 함수를 많이 쓰기 때문에 함수 매개변수로 또다른 함수가 들어가고, 이 함수의 매개변수로도 또 다른 함수가 들어가고... 하는 일이 잦은데 이러다 보면 소스 코드를 봐도 도대체 뭘 하는 건지 알아먹기 힘든, 이른바 '콜백 지옥'에 종종 빠지곤 한다. 이러한 단점을 극복하고 변수에 타입을 부여하여 컴파일 과정에서 타입 체크를 할 수 있게 하거나<ref>이름에 '타입'이 들어가 있을 정도로 이 점을 강조한다.</ref>, 클래스 정의를 좀 더 객체지향형 프로그래밍 언어처럼 하거나 콜백 함수 사용도 좀 더 가독성을 높이고 해서 [[자바스크립트]]의 단점을 보완하고 개발자가 좀 더 편리하게 프로그래밍을 할 수 있도록 돕는 것이 타입스크립트의 목적이다. 즉 성능보다는 짜기 쉽고 알아보기 쉬운 코드를 작성함으로써 생산성을 높이는 것을 목적으로 한다고 볼 수 있다. 그밖에 제너릭, 네임스페이스와 같이 [[C샵|C#]]과 같은 현대 프로그래밍 언어에서 널리 쓰이는 개념들도 가져 왔다.</div></td></tr> </table>

Dennis