전체 글(271)
-
[프로그래머스 | JavaScript] 숫자 문자열과 영단어
(1) 내 풀이 function solution(s) { const num = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine']; num.forEach((num, i) => { s = s.replaceAll(num, i); }); return +s; } 1) num 배열을 반복해서 s에 zero가 들어오면 인덱스 0 -> 0으로 변경 2) 최종 출력은 숫자여서 return 시 형변환 (2) 다른 사람 풀이 function solution(s) { let numbers = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine"..
2023.12.13 -
TypeScript : 타입 종류 & any, unknown, union
1. 타입 제대로 알아야 하는 이유 - 코드의 품질과 유지보수가 수월함 + 실수 줄이기 가능 2. 기본 타입 (1) boolean - 2가지 상태 (켜짐/꺼짐 , 유효/유효x)인경우 자주 사용 - 3가지 상태는 enum이나 string 사용 (2) number - 정수, 실수, 2~16진수 표현 가능 (3) string - 백쿼트 (백틱) ` : 키보드에서 ~와 같은 키 (ES6부터 생긴 템플릿 리터럴) (4) 배열 - 대괄호 [] (5) 튜플 tuple - 서로 다른 타입의 원소를 순서에 맞게 갖을 수 있는 특수형태 배열 - 어떤 타입의 원소를 허용할 것인지 정의만 해주면 됨. const person: [string, number, boolean] = ['Spartan', 25, false]; cons..
2023.12.12 -
TypeScript : 성적표 프로그램
1. 프로그램 기본 세팅 [cmd] 1. npm init -y 2. tsc --init --rootDir ./src --outDir ./dist --esModuleInterop --module commonjs --strict true --allowJS true --checkJS true [package.json] 3. scripts 항목 수정 "scripts": { "start": "tsc && node ./dist/index.js", "build": "tsc --build", "clean": "tsc --build --clean" }, 4. src 폴더 생성 2. 프로그램 src > [index.ts] //학생 인터페이스 코드 interface Student { name: string; age: num..
2023.12.12 -
TypeScript : .d.ts 파일
1) .d.ts 파일 - JavaScript 라이브러리도 TypeScript 코드에서 사용할 수 있게 하는 파일 (호환성 유지) - TypeScript 타입 정의 파일 - 외부 라이브러리 함수,클래스, 객체 타입 정보 + 타입추론 가능 - JS 라이브러리 한 줄도 수정 안하고 그대로 사용가능 2) 실습 (1) cmd (관리자권한으로 실행해야 오류 발생 x) * npm init -y : package.json 생성 * tsc --init : tsconfig.json을 생성하여 TypeScript 프로젝트로 변환 (2) VS code * tsconfig.json 파일에서 2가지 주석 해제 (allowJs & checkJs) * allowJs : 타입스크립트 프로젝트에 JS 파일 허용 여부 * checkJs ..
2023.12.12 -
TypeScript : 컴파일러 | tsc | tsconfig json 옵션
1. 컴파일러 (0) 프로그래밍 언어로 작성된 소스 코드 => 다른 프로그래밍 언어로 변 (1) 특정 프로그래밍 언어가 정적언어로서 정체성을 유지 가능한 도구 (2) 타입 검사 해줌 (3) 코드 변환 가능 (4) 최적화 2. tsc (1) 타입스크립트 컴파일러 (2) js 코드로 변환시킴 (3) 명령어 - tsc --init : tsconfig.json 생성 명령어 - tsc index.ts : index.ts를 컴파일 - tsc src/*.ts : src 디렉토리안에 있는 모든 ts 파일 컴파일 - tsc index.js --declaration --emitDeclarationOnly : @types 패키지를 위한 .d.ts 파일 생성 명령 [참고] Documentation - tsc CLI Optio..
2023.12.12 -
TypeScript : 개발환경 구축 ( Windows기반 )
1. TypeScript (1) JavaScript에 대한 기본적인 숙련도 (JS 기반 프로그래밍 언어) (2) 컴파일 시간에 변수의 타입 체크 (실행시간 x) 2. 개발환경 구축 ( Windows기반 ) (1) Node.js 설치 필수 - 설치되어있으면 그대로 활용, 재설치는 완전히 삭제 후 재설치 필요 (2) 설치 완료 후, powerShell에서 실행 확인 - 노드 설치 : nvm install [설치버전] (노드 버전 18 설치 추천) - 노드 버전 확인 : node -v - 활성화 : nvm use [설치한 노드버전] (예시 : nvm use 18.16.0) - 설치 확인 : npm -v (3) 명령 프롬프트 (cmd) - TypeScript 글로벌하게 설치하기 npm install typesc..
2023.12.12