내배캠 TIL 2023.01.17

| => 파이프 연산자  or의 뜻을 가지고 있다.

 

Union 타입의 장점

 

type.ts 라는 파일을 만들어서 거기다가 custom type들을 몰아넣어놓고 export 해서 쓴다. 

 

slice와 splice 메소드에 대해 

https://www.daleseo.com/js-array-slice-splice/

자바스크립트 배열의 slice()와 splice() 함수

 

배열 구조분해 할당은 const [a,b] = arr

객체 구조분해 할당은 const {a,b} = obj

 

스파르타 강의는 다 들었는데, 유데미 강의 들으면서 리액트랑 어떻게 연결하는지 써봐야지

 

npx 명령어를 쓰니까 뭐를 더 깔아라고 한다. 

npm install -g create-react-app 이거 깔아야하는 것 같은데

예전에 yarn으로 전역에 깔아놨었던 기억이 있으니 yarn을 쓰면 될 것 같다.

 

yarn create react-app tstest --typescript

이 명령어를 넣었더니 그냥 리액트 프로젝트하나가 만들어져서

yarn create react-app --template=typescript로 재시도 중

ts파일로 react-create-app이 생성되었다! 

tsx 파일로 생성되긴 했는데 튜터님이 보여주는 파일에는 App에 타입이 이미 들어가있는 상태인데

내 파일에는 그렇지 않다. 

yarn create react-app --template=typescript

 

npm으로 깔아봐도 똑같다.

npm install -g create-react-app

npx create-react-app 이름 --typescript

 

 

모던 자스 튜토리얼 스터디

스타일과 클래스

https://ko.javascript.info/styles-and-classes

스타일과 클래스

 

옵셔널 체이닝?

https://ko.javascript.info/optional-chaining

옵셔널 체이닝 '?.'