Typescript Class 조각코드 자동생성

지난 시간에는 DB 테이블 컬럼정보를 이용한 Typescript Interface 작성에 대해 말씀드렸습니다.

오늘은 Typescript Class 조각코드 생성하는 기능을 소개해드립니다.

코드 한땀 서비스는 기본적으로 DB 테이블 Snake case 컬럼 기준으로, Camel case 변수를 생성하게 되는데요.

초기값 입력에 관해서는 이전 게시물 확인을 부탁드립니다.

이전 게시물에서는 Typescript Interface 조각코드를 생성하는 방법을 안내해드렸고, 이 인터페이스를 implements 받은 Class 조각코드를 생성하는데 활용하시면 될것 같습니다.

그럼 제공하는 옵션에 대해 간단히 말씀드립니다.

Typescript Class 생성 옵션

• constructor : 클래스를 만들때 초기값을 지정하도록 하는 생성자를 넣어줍니다.
• default-value : 각 변수에 초기값을 지정합니다.
• data-type : 변수에 저장되는 값의 종류를 선택하면 그에따라 변수의 타입을 지정해줍니다.
• access-modifier : 각 변수에 대한 접근 권한을 제어하는 데 사용될 접근 제어자를 지정해줍니다.
• destructuring : 생성자 선언시 전달되는 인자 값을 비구조화 할당 할 수 있도록 합니다.
• static : 각 변수의 앞에 static 키워드를 넣어줍니다.
• readonly : 각 변수의 앞에 readonly 키워드를 넣어줍니다.
• getter : 각 변수의 getter 함수를 넣어줍니다.
• setter : 각 변수의 setter 함수를 넣어줍니다.
• semicolon : 각 변수 구문의 맨 뒷쪽에 세미콜론을 넣어줍니다.
• comment : DB 컬럼에 저장된 코멘트를 자바스크립트 코멘트로 뒷쪽에 넣어줍니다.
• vertical-align : 변수들을 세로로 정렬합니다.

Typescript Class 생성 예시

class OlosiaCom {
	constructor(
			private seq: number,
			private userId: string,
			private userEmail: string,
			private delFg: boolean,
			private createDate: string
		) {
	}
	// getter
	get seq() {
		return this.seq;
	}
	get userId() {
		return this.userId;
	}
	get userEmail() {
		return this.userEmail;
	}
	get delFg() {
		return this.delFg;
	}
	get createDate() {
		return this.createDate;
	}
	// setter
	set seq(seq: number) {
		this.seq = seq;
	}
	set userId(userId: string) {
		this.userId = userId;
	}
	set userEmail(userEmail: string) {
		this.userEmail = userEmail;
	}
	set delFg(delFg: boolean) {
		this.delFg = delFg;
	}
	set createDate(createDate: string) {
		this.createDate = createDate;
	}
}

const olosiaCom = new OlosiaCom(
	0,
	'',
	'',
	false,
	''
);

class 선언하는 조각코드 뿐만 아니라, 클래스를 생성하는 조각코드들까지 생성하도록 되어 있습니다.

오늘은 코드 한땀에서 제공하는 Typescript Class 조각코드 생성기능에 대해 간단히 말씀드렸습니다.

혹시 이용하시면서 필요한 기능 있으시면 댓글 부탁드립니다.

감사합니다.

올로시아 코드 한땀 서비스 바로가기