오늘은 타입스크립트 코딩애플 강의 파트1을 들었다
팀 편성이 바뀐 첫날이라 그런지 중간중간 집중력이 흐려지기도 했지만
더 정신을 단디 차려야겠다고 다짐한 투데이!!!!
내일은 리액트에서 타입스크립트 쓰는걸 본격적으로 파야징
개발일지 적다가 갑분 생각나서 나에게 질문하기
🔎 타입과 interface의 차이가 뭐니??
interface는 똑같은 이름으로 여러번 선언하면서 속성을 추가할 수 있는데
타입스크립트는 똑같은 이름으로 선언은 안되고 a & b 이런식으로 합칠 수 있었는데
a & b 의 의미는 a 타입도 만족하고 b타입도 만족해야해요 라는 뜻이라 인터페이스랑은 좀 다르다?
답안) 오늘 수업시간에 정리한 코드 일부 발췌
//⭐️ interface는 '확장'(extends)을 할 수 있다!!!!!
interface Student {
name: string;
}
interface Teacher extends Student {
age: number;
}
let 학생: Student = { name: "kim" };
let 선생: Teacher = { name: "kim", age: 20 };
// 🌸 타입 엘리어스도 extends할수있음 === '인터섹션'이라고 한다 🌸
// 인터섹션 : 왼쪽도 만족하고 오른쪽도 만족하는 타입을 만들어주세요 라는 뜻
type Animal = { name: string };
type Cat = { age: number } & Animal;
//인터페이스는 중복선언이 가능하다.
// 중복선언이 되면 '합쳐진다' (자동 extends)가 된다고 생각하기
interface Student {
score: number;
}
//type은 중복선언이 안된다.
// 타입스크립트 라이브러리는 인터페이스로 도배가 되어있는데
// 그걸 커스터마이징 하고싶을때 내가 인터페이스로 속성을 추가해서 사용할 수가 있음
// ----> 다른 사람이 이용 만ㅇ히할 것 같으면 옵줵타입 정할때 인터페이스 사용하기
오늘은 스트레스 해소도 할겸 한강 뛰러 가려했는데
먼가 넘 지쳐서 피자먹다가 운동 30분도 안해땅
반성하고 낼은 아침부터 상쾌하게 공복유산소 조져야징 ㅇ_<
오늘의 개발일지 끄으읕
아래는 오늘 타입스크립트 강의들으면서 정리한 핵심코드
https://warn-code.tistory.com/252
1/17 타입스크립트 공부노트 ( 코딩애플 타입스크립트 강의!! )
tsconfig.json 중요한 부분들 정리 ( 코딩애플 강의 내용 ) { "compilerOptions": { //target'은 타입스크립트파일을 어떤 버전의 자바스크립트로 바꿔줄지 정하는 부분이다. "target": "es5", // 'es3', 'es5', 'es2015',
warn-code.tistory.com
요건 오늘 강의들으면서 정리한 코드노트 깃헙 풀내용
https://github.com/ddoqi/studySpace/tree/master/typeScript/CodingApple
GitHub - ddoqi/studySpace
Contribute to ddoqi/studySpace development by creating an account on GitHub.
github.com
'📖 나의 개발일지 (WIL&TIL)' 카테고리의 다른 글
[TIL] 1/19 개발일지 (0) | 2023.01.20 |
---|---|
[TIL] 꼬리 팍내려간 오늘의 개발일지 (1) | 2023.01.18 |
[TIL] 오늘의 개발일지 (0) | 2023.01.17 |
[TIL] 1/14 개발일지 (노션에 정리한거 티스토리에도 올리깅) (0) | 2023.01.16 |
[WIL] 주말 개발일지 (0) | 2023.01.16 |
댓글