타입스크립트에서 변수, 상수의 타입을 정해주기 위해서 사용하는 대표적인 2가지가 있습니다.바로,interface,type입니다. 오늘은 이 2가지의 차이에 대해 알아보겠습니다.1. interfaceinterface는 이름을 똑같이 선언했을 때 자동확장이 가능합니다. => 병합이 가능하다.주로 객체의 타입을 설정할 때 사용됩니다.interface Person { name: string; age: number;}interface Person { old: string;}let a: Person = { name: "박수", age: 24, old: "심",};interface를 한 번에 정의하지 않고두번에 걸쳐서 정의하였지만 변수 a에는 문제가 없습니다.2. typetype은 기존에 존재하는 타입을 ..

타입스크립트에서 타입을 지정하는 방법을 알려드리겠습니다.const a = { name: "Kim", age: 24,};console.log(a);//결과 : { name: 'Kim', age: '24' }변수 a를 const로 선언하고 객체를 할당했을 때,console.log로 변수 a를 출력하게 되면 다음과 같은 결과를 출력받게 됩니다. 이떄 타입스크립트에서는 Type을 지정할 수가 있습니다.const a: { name: string; age: number } = { name: "Kim", age: 24,};console.log(a);위의 코드와 같이 상수 a에 name은 문자열 age는 숫자형으로 명시해줌으로써 타입을 지정해줄 수가 있습니다.타입을 지정할때에는 해당 상수, 변수에 :를 붙이고 ..

TypeScripte(타입스크립트)는 자바스크립트의 상위 집합으로, 정적 타입을 지원하여 더 안정적이고 유지보수가 쉬운 코드를 작성할 수 있도록 도와주는 문법입니다.타입스크립트 작성을 위한 초기세팅을 알려드리도록 하겠습니다. 1. Node.js와 npm 설치타입스크립트 사용을 위해서는 최신 버전의 Node.js와 npm이 설치되어야 합니다.설치는 및에 공식 사이트에 접속하여 다운받으실 수 있습니다.Node.js — Run JavaScript Everywhere (nodejs.org) Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 프로젝트..

안녕 친구들! 요즘 개발자들 사이에서 핫한 **타입스크립트(TypeScript)**가 뭔지 궁금하지 않아?프론트엔드 개발자를 꿈꾼다면 타입스크립트 들어는 봤는데, 몰라서 찾아보다가 들어왔을거라 생각해.프론트개발자를 꿈꾸는 나와 같이 타입스크립트의 매력에 대해 알아보자. 가볍게 즐기면서도 확실하게 이해할 수 있도록 설명해줄게!타입스크립트는 자바스크립트의 슈퍼셋이야. 자바스크립트의 모든 기능을 포함하면서도 강력한 타입 시스템을 추가한 언어지. 덕분에 개발 단계에서 타입 관련 오류를 미리 잡아낼 수 있어서 큰 프로젝트에서도 안정적으로 코드를 관리할 수 있어. 그래서 요즘 개발자들 사이에서 인기가 많지.왜 타입스크립트를 사용해야 할까?1. 오류 감소타입스크립트를 사용하면 자바스크립트의 흔한 문제인 타입 강제 변..

**타입스크립트(TypeScript)**를 VSCode에서 사용하는 방법과, 윈도우 사용자들을 위한 설정 변경 방법을 알아볼게.타입스크립트는 자바스크립트의 슈퍼셋으로, 정적 타입 검사를 추가해서 코드의 품질을 높여주는 언어야. 그럼 시작해볼까?설치타입스크립트를 사용하려면 먼저 타입스크립트와 관련 패키지를 설치해야 해. 터미널에서 아래 명령어를 입력해줘.> npm i typescript> npx tsc -v # 버전 확인> npm i ts-node> npx ts-node -v # 버전 확인더보기🤚🏻npm은 뭐고 npx는 뭐에요? npm: 패키지를 설치하고 관리하는 도구.예: npm install 패키지이름 (패키지 설치)npx: 패키지를 실행하는 도구, 패키지를 설치하지 않고도 일회성으로 실행 가능...