study/TypeScript
-
TypeScript 103study/TypeScript 2023. 4. 20. 17:26
103 Map TodoItem의 저장을 배열에서 Map 객체로 변경 전체 할일 목록을 출력하기 위한 메소드를 새로 정의 할일 목록 중에서 완료된 할일 목록을 삭제하는 메소드 추가 Map객체의 새로운 프로퍼티를 저장할 것 key값과 value값을 적용한다. 테스트 TodoCollections.ts import TodoItem from "./TodoItem"; class TodoCollection{ private nextId : number = 1; private itemMap : Map; constructor(public userName:string, public todoItems:TodoItem[] = []){ this.itemMap = new Map(); todoItems.forEach((item)=>..
-
TypeScript 102study/TypeScript 2023. 4. 20. 17:25
TodoCollection 클래스 정의 task추가, task찾기, task완료 기능 배열과 맺에 저장하는 방식으로 구현 데이터 분리 src/data.ts로 분리해줌 export const data=[ {id: 1, task: '장보기', complete:true}, {id: 2, task: '음쓰버리기', complete:false}, {id: 3, task: '재활용 안하기', complete:false}, ]; TodoItem.ts초기값 정리 class TodoItem { constructor( public id: number, public task: string, public complete: boolean = false //이렇게 해놓으면 나중에 id와 task를 제공하면 자동으로 false로 ..
-
TypeScript 000 소개study/TypeScript 2023. 4. 20. 08:54
타입 스크립트란? 안전하고 예측가능한 코드 구현에 초점을 맞춘 js의 상위집단 언어 기존 js에 type 시스템을 적용 typeScript컴파일러를 통해 js로 변환되고 실행됨 decorator와 같은 다양한 기능을 제공 💡 TypeScript = JavaScript + Type System loosely typed 언어는 자유도는 있지만 안정성이 떨어진다. js는 type에 대해 느슨하기 때문에 ts가 만들어진 것 js에서 n이라는 변수를 만들 때 let, const, var 등을 사용할 수 있는데 n값에 대한 type은 명시하고 있지 않다. = 어떤 타입이든 변수 n에 들어갈 수 있다. function add(n1, n2){ return n1+n2; } 반대로 C나 JAVA같은 언어는 타입을 지정해 ..