코드존 코드존

Javascript의 Class를 알아보자. Javascript에서 Class는 잘 안쓰이긴 하지만, Typescript를 공부하다보니 자연스럽게 Javascript의 Class에 대해서 찾아보게 되었다. Class란? 객체(Object) 생성을 위한 템플릿. 다양한 개별 인스턴스를 생성. Typescript의 인터페이스나 타입 별칭(alias)과 다른 개념. Constructor (생성자) 인스턴스로 생성된 객체를 초기화 하기 위한 특수 함수. new로 생성한 인스턴스에 파라미터로 넣어준 값들을 초기화 하며 저장. class TempClass { constructor () { ... } } class TempClass { constructor (first, last) { this.first = firs..

Step 1. Settings Install Typescript FOLDER > npm install typescript --save-dev tsconfig.json 파일 생성 FOLDER > npx tsc --init 폴더 생성 (src, dist) FOLDER > mkdir src dist tsconfig.json 설정 변경 { "compilerOptions": { ... "outDir": "./dist", ... }, "include": ["src"] } Watch 모드 설정 FOLDER > npx tsc --watch Step 2. DOM tsconfig.json의 lib에서 "DOM"을 적용하거나, 주석 처리 Default인 경우 DOM 사용 가능 Javascript와 같은 방식으로 DOM 사용..

tsconfig.json 생성 Typscript 설정 변경 파일 생성 tsc --init 감시 모드 변경 사항 저장 후, 컴파일 실행(tsc 파일명.ts) 없이도 자동 컴파일 tsc -watch // 모든 .ts 파일 적용 tsc -w 파일명.ts // 특정 .ts 파일 적용 다중 파일 컴파일 tsconfig.json이 있는 폴더에서 tsc 선언시 모든 ts 파일 컴파일 tsc 특정 파일 컴파일 files 옵션 - 컴파일이 필요한 파일 작성 소규모의 프로젝트에 적합 // tsconfig.json "files": ["compile01.ts", "compile02.ts"] // Terminal tsc 특정 폴더 컴파일 Include / Exclude 옵션 - 폴더 전체를 Include 후 불필요한 파일을 E..

Bootstrap Table에 Filter 기능 추가 - 테이블에서 원하는 리스트만 조회 - write 기능이 있는 select box - selected된 조건이 중복 filter가 아니라 각각 filter