typeScript(9)
-
TypeScript에서 json 파일 가져오기
TypeScrip에서 json파일을 불러오는 중에 에러가 발생했다. Cannot find module '../mock-data.json'. Consider using '--resolveJsonModule' to import module with '.json' extension. json파일을 찾지를 못하는데 이 때 tsconfig에서 resolveJsonModule 설정을 넣어주면 해결이 된다. 또 한 json파일을 import 할 때는 import * as data from '../data' 로 불러와야하는데 이 때 esModuleInterop 옵션 true로 넣어주어 깔끔하게 import data from '../data' 로 변경이 가능하다. tsconfig.json "resolveJsonModul..
2022.05.11 -
TypeScript에서 Sequlize 설정 시 dialect 타입 설정
Sequlize를 TypeScript로 설정 시 에러가 발생 하여 확인 해보니 Sequlize측에서 Type을 아예 지정 해주었다. import { Dialect, Sequelize } from 'sequelize' const dialect: Dialect = 'mysql' 사용시 Dialect를 import하여 다른 타입 넣지 말고 d.ts를 확인 하고 사용하자
2022.03.06 -
TypeScript에서 dotenv 사용 하기
TypeScript(es6문법)를 Javascript(es6)와 비슷한 위치에 사용을 하려고 하니 .env 파일이 적용이 되지않았다. 그래서 찾아보니 es6에서는 위치를 다르게 선언해야되는걸 찾았다. 해결 방법 express선언 전에 dotenv를 선언해야 .env파일이 적용이된다. 출처 : https://github.com/motdotla/dotenv#how-do-i-use-dotenv-with-import GitHub - motdotla/dotenv: Loads environment variables from .env for nodejs projects. Loads environment variables from .env for nodejs projects. - GitHub - motdotla/dot..
2022.01.25 -
TypeScript - Class(2) Constructor, Access Modifiers, getter,setter
1. Constructor (생성자) constructor를 이용해 객체 생성 클래스를 통한 객체 생성시 constructor에 정의에 맞춰 매개변수값이 들어간다. 2. Access Modifiers(접근 제한자) com.ram = '32GB' 처럼 ram의 값을 Computer의 객체 외부로 데이터를 바꾸는것을 막기위해 사용한다. 총 키워드는 3개로 구성된다. public : 클라스 외부에서 접근 가능 public은 ts가 알아서 인식하기 때문에 써줄 필요는없다. private : 클라스 내에서만 접근이 가능 클라스 외부에서는 접근 불가 protected : 클라스 내부, 상속받는 자식 클라스에서 접근가능 ram을 private로 설정 하면 ram은 private라고 오류가 발생하면 접근이 불가능하다...
2021.07.25 -
TypeScript - Class(1)
cpu, mainBoard, power, ram, gpu 변수 , intro1, intro2 함수를 클래스로 만들었다. 1. 변수 변수 설정은 let, const 같은 블록 레벨 스코프를 사용하지않고, 타입만 입력을 해준다. cpu는 기본 매개변수처럼 기본값을 넣어주고 mainBoard는 ts파일에서 오류가 발생하는데 이유는 (이니셜라이저) 기본 매개변수 값이 없어서 발생한다. 나머지 변수 power, ram, gpu에는 선택적 매개변수처럼 '?'를 붙여 있으면 사용하고 없어도 오류가 발생하지않게 설정 할 수 있다. 2. 메소드 화살표 함수, 기본함수 사용이 가능하고 클래스 안 에 있는 함수를 메소드라 한다. 메소드는 매개변수를 사용하지 않고 해당 클래스에있는 변수를 " this. "로 가져와 사용한다...
2021.07.25 -
TypeScript - 함수 매개변수 타입 설정
매개변수에 꼭 있어야 할 필요가 없는 매개변수 타입 설정 방법 1. 선택적 매개변수 사진 처럼 만약 매개변수를 data, data2를 받을 때 data2는 꼭 필요하지않는 매개 변수라서 값을 빼주면 오류가 발생한다. 해결 방법은 매개변수 뒤에 '?' 를 붙혀 주면 매개변수가없더라고 오류가 발생하지않는다. * 선택적 매개변수는 가장 끝에 있어야 한다. 타입스크립트는 중간에 매개변수가 있으면 뒤에있는 매개변수 모두 선택적 매개변수로 인식하기 때문이다. * 2. 기본 매개변수 매개변수에 기본값을 할당하여 만약 매개변수가 전달 되지 않더라도 기본값을 출력 할 때 사용한다. data2에 매개변수가 전달되지않더라도 data2는 123으로 출력이 된다. *data2에 변수 값을 줄 수 있다. 하지만 타입에 맞춰 전달..
2021.07.25