본문 바로가기

전체 글20

튜플(Tuple)이란 무엇인가? 1. 정의 원소의 갯수와 타입이 고정인 배열 2. 예시 // 배열의 원소 갯수가 3인 경우 const arr : [boolean, number, string] = [true, 2, '3']; 3. 특징 ① 튜플은 배열이기 때문에 원칙적으로 push() / pop() 메소드가 성립합니다. const arr : [boolean, number, string] = [true, 2, '3']; arr[1] = 5;(O) arr[3] = 5;(X) // Type '5' is not assignable to type 'undefined' .ts(2322) ② 타입에 특정한 값을 입력하여 튜플의 원소에 해당 값을 나타낼 수 있습니다. const arr : [boolean, 2, string] = [true, 2, '3.. 2023. 12. 13.
기본형과 배열 1. 기본형에 타입을 지정한 경우 ① 타입을 명시적으로 지정하지 않아도 자바스크립트 엔진은 변수의 타입을 인지할 수 있습니다. let test = 3; // let test : number ② 변수만 선언하면 변수의 타입은 'any'입니다. let test; // let test : any ③ 변수의 타입을 명시한다면, 다른 타입으로 변수를 할당할 수 없습니다. let test : number; test = 'hello'; // error TS2322: Type 'string' is not assignable to type 'number'. ※ 참고) test 변수의 값을 문자열로 바꾸고 싶으면, 새로운 변수를 이용하여 문자열을 추가합니다. let test : number; test = 3; let st.. 2023. 12. 8.
tsconfig.json이란 무엇인가? 1. 정의 타입스크립트를 자바스크립트로 변환할 때 필요한 컴파일 옵션들을 설정한 파일 2. 자주 사용하는 컴파일 옵션 Flag Type Default --allowJs boolean false Allow JavaScript files to be a part of your program. Use the checkJS option to get errors from these files. --baseUrl string Specify the base directory to resolve non-relative module names. --declaration boolean true if composite; false otherwise. Generate .d.ts files from TypeScript and J.. 2023. 12. 8.
lib.dom.d.ts이란 무엇인가? 1. 정의 개발자들이 TypeScript 코드의 타입(type)을 명시한 파일 2. 특징 개발자들이 인터페이스의 프로퍼티와 메서드를 정의하였기 때문에 TypeScript로 기능을 개발할 경우, 해당 프로퍼티 혹은 메서드를 참고할 때 편리합니다. 인터페이스에 적용된 속성들이 lib.dom.d.ts 파일에 있을 경우, 에디터에서 해당 인터페이스를 입력하면 속성들이 리스트 형태로 표시됩니다. 3. lib.dom.d.ts 파일을 확인하는 방법 ① 'const input'에 포커스를 대고 마우스 오른쪽 버튼을 클릭하면 팝업이 나타납니다. ② 팝업에서 'Go to Type Defintion' 메뉴를 클릭합니다. ③ 화면 오른쪽에 'interface HTMLInputElement extends...'와 'declar.. 2023. 6. 1.
watch 설정 'tsc [파일명] -w' 혹은 'tsc [파일명] --watch' 명령어를 사용하지 않으면 타입스크립트 코드가 바뀔때마다 자바스크립트 코드로 컴파일한 뒤에 node로 매번 실행해야 하는 번거로움이 발생합니다. 이런 단점을 보완하기 위해 'tsc [파일명] -w' 혹은 'tsc [파일명] --watch' 명령어를 사용합니다. 즉, 'tsc [파일명] -w' 혹은 'tsc [파일명] --watch' 명령어는 ts 코드가 수정될 때마다 자동으로 컴파일한 뒤에 js을 실행해주는 용도로 사용됩니다. 터미널에 'npm i -g typescript' 명령어를 사용하여 전역으로 타입스크립트 버전을 변경할 경우, 로컬에 별도로 적용 중인 타입스크립트 버전과 충돌할 수 있습니다. 이런 문제를 해결하기 위해 'npx ts.. 2023. 5. 30.
.ts 파일을 .js 파일로 변환하는 방법 1. .ts 파일은 브라우저에서 실행되지 않으므로 .js 파일을 생성해야 됩니다. 그래서 터미널에 'tsc [파일명].ts' 명령어를 입력하고 엔터를 치면 .js 파일이 나타납니다. 만약 해당 명령어가 실행되지 않는다면, TypeScript를 설치하세요. tsc [파일명].ts // ex) tsc gugudan.ts ※ 참고 : typescript는 패키지 이름이며 tsc는 TypeScript를 컴파일해서 JavaScript로 바꿔 주는 명령어입니다. 2. 생성된 .js 파일을 실행하는 파일에 스크립트 경로로 지정합니다. 2023. 5. 30.
TypeScript 설치 노드가 설치되었다면, 여러분이 가진 에디터의 터미널에서 'npm i typescript' 혹은 'npm i -g typescript'를 입력하고 엔터를 치세요. npm i typescript // 로컬(작업 중인 최상위 폴더)에 설치 npm i -g typescript // 전역(컴퓨터에 있는 모든 폴더)에 설치 그러면 package.json 파일에 TypeScript 버전이 표시됩니다. 저는 TypeScript 버전이 4.6.3인데 버전은 시간이 지날수록 업데이트됨을 참고해 주세요. { "name": "lecture", "version": "1.0.0", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit.. 2023. 5. 30.
TypeScript 소개 1. 정의 자바스크립트의 슈퍼 셋(Superset)이며 자바스크립트에서 사용되는 변수와 함수의 매개변수, 함수의 리턴값에 타입이 명시적으로 붙은 언어입니다. 2. 특징 TypeScript는 언어이면서 라이브러리입니다. 자바스크립트는 약타입 언어이지만 타입스크립트를 통하여 강타입 언어로 변경됩니다. ※ 참고 사항 자바스크립트 실행기 : 브라우저(자바스크립트 엔진이 있으므로), 노드 타입스크립트 실행기 : deno, 라이브러리 타입스크립트를 사용하려면 노드를 설치합니다. 3. 참고 사이트 TypeScript - https://www.typescriptlang.org/ 2023. 5. 30.
IT 게시판을 만든 목적 IT 업종에 종사하면서 헷갈리거나 잊어 버리기 쉬운 내용을 정리하려고 IT 게시판을 만들었습니다. 제가 공유된 내용들 중에서 수정ㆍ삭제ㆍ추가된 사항이 있으면 해당 내용을 업데이트하겠습니다. 이곳에 방문하신 분들께 작은 도움이 되기를 기원합니다. 2023. 5. 30.
[오로 - 입문] BP00010(흑선) [풀이] 바둑에서 흑과 백은 독립적으로 최소한 2집을 확보해야 삽니다. 문제에서 흑은 1집을 확보했지만 나머지 1집은 없는 상황입니다. 흑이 1집을 확보하려면 6의 2로 두어야 합니다. 그래서 6의 2가 이 문제의 정답입니다. 2023. 5. 29.

티스토리툴바