[01APR, 2021] TIL

🌈 Daily

알찬 4월의 첫 날을 보내려 노력했다!! 

프로젝트 SR단계는 마무리되었고, 이제 진짜 시작된다는 생각에 설렘 반 + 걱정 반 상태다. 

그래도 주말까지는 팀원들과 공부하는 시간을 갖기로 해서 미리 걱정하지 말고 공부에 집중하도록 노력해야겠다! 이번 주를 잘 보내야 프로젝트 때 퍼포먼스도 좋아질 것이기 때문에!! 컨디션 관리도 꼭 하자!! 💪🏻💪🏻💪🏻

 

✨  Learned

✔️ 타입스크립트: 타입 별칭, Union Type, Intersection Type, enum

오늘도 캡틴판교님의 강의와 핸드북을 보며 공부했다.

 

* 타입별칭: 정의한 타입에 대해 나중에 쉽게 참고할 수 있게 이름을 부여하는 것과 같으며 VSCode에서 프리뷰 상태로 내용을 볼 수 있다. interface와 프리뷰에서 나타나는 모습도 다르지만 가장 큰 차이는 extends를 사용하여 확장이 가능한지/아닌 지다. type은 확장이 불가능해서 interface로 선언해 사용하는 것이 추천 방법이다. (좋은 소프트웨어는 언제나 확장이 용이해야 한다는 원칙에 따라!)

 

* Union Type: 자바스크립트의 OR연산자와 같은 의미

function logMessage(text: string | number) {
  //...
}

위 코드에서 text는 string타입이나 number타입이 올 수 있다.

function logMessage(value: string | number) {
  if (typeof value === 'number') {
    value.toLocaleString();
  }

위처럼 유니온 타입을 사용하는 경우 코드 작성 시 value를 입력하면 타입 추론이 가능하여 string타입에 관련된 API를 쉽게 자동완성 타입 추론이 가능하여 자동 완성할 수 있다. 기억할 것은 interface 등의 특정 구조체를 유니온 타입으로 썼을 때 공통된(보장된) 속성만 제공한다. (이후 타입 가드 공부 예정)

 

* Intersection Type: 여러 타입을 모두 만족하는 하나의 타입이며 '&' 연산자 사용한다.

기억할 것은 interface 등을 인터섹션 타입으로 사용했을 때는 모든 속성이 있어야 한다.

 

*enum: 특정 값들의 집합을 의미하는 자료형이다. 문자형 이넘과 숫자형 이넘이 있다.

별도의 값을 지정하지 않으면 숫자형 이넘으로 취급하며 0부터 시작하고, 숫자형이넘을 선언할 때 초기 값을 주면 초기값부터 차례로 1씩 증가한다. 그리고 숫자형 이넘을 선언할 때 만약 이넘 값에 다른 이넘 타입의 값을 사용하면 선언하는 이넘의 첫 번째 값에 초기화를 해줘야 한다.

문자형 이넘은 이넘 값 전부 다 특정 문자  또는 다른 이넘값으로 초기화해줘야 한다. 

복합이넘도 가능하긴 하지만 권고하지 않는다. 최대한 같은 타입으로 이루어진 이넘 사용하자.

 

✔️ 비전공자를 위한 이해할 수 있는 IT 지식 (책) : API와 JSON

처음 API와 JSON을 배울 때 정말 이해하는 데 많은 시간일 쏟았는데 책을 술술 읽으며 이해하는 나를 봤다..! 뿌듯하기도 더 열심히 공부해야겠다는 생각도 들었다.

 

✔️ Speaking: When to use and when not to use the word 'Condition'

 one expression: The working conditions were perfect for me so I took the job.

* When we use the word condition to talk about health, it's normally used for more serious health problems. like heart problems.

 

🌷 Tommorow

* CSS Layout

=> 빠르면 주말, 늦으면 다음 주부터 레이아웃 해야 하는데 아직 연습이 너무 부족하다! 연습 많이 해보자!

 

* 타입스크립트!!

=> 하면 할수록 재밌다! 개념 이해와 실습을 하며 공부해서 좋다! 프로젝트에서는 어떻게 쓸 수 있을지 생각하면서 더 공부하자!

 

* 리덕스 !!!

=> 오늘 보면서 기억이 나긴 했는데 너무 낯설었다... 미리 만져보고 예제들을 만들어보면서 공부 공부!! (개념보다 실습 위주로!)