본문 바로가기
📖 나의 개발일지 (WIL&TIL)

[TIL] 오늘의 개발일지

by 따따시 2023. 1. 17.

 

오늘은 타입스크립트 코딩애플 강의 파트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

 

댓글