타입가드란 매개변수의 타입을 검사하여 타입을 확실하게 하는것. 위 예시를보면 첫번째 if문에서 a가 number 일때만 실행되도록 했기때문에 number 관련 메서드들이 나온다. string 일때도 마찬가지 if문이 아닌 else 를 써도 타입스크립트는 추론을 잘 해준다. 타입스크립트는 타입안의 속성 으로도 타입좁히기 를 할 수 있다. 타입스크립트가 마지막 else 부분은 Robot 이라고 타입추론을 잘 해준 모습이다.
제 사이드프로젝트에서 아이템 추가를 할때 모달을 통해 아이템을 추가하게 됩니다. 아이템을 추가한 후에 아이템이 자동으로 화면에서 최신화업데이트를 하려면 React-query를 쓰기 전까진 데이터를 불러오는 함수를 사용해서 최신화를 시켜주었습니다. post 요청을한후 요청이 잘됐다면 then 을 통해 아이템추가되었다는 알람토스트를 띄우고, getItem 함수 즉 데이터를 불러오는 함수를 사용하여 추가된 데이터를 화면단에서 바로바로 업데이트할수있게 해주었습니다. ItemEditorModal 은 InventoryPage 에 종속되어있었고 InventoryPage 에서 setItems 를 ItemEditorModal 로 props 내려 주어 사용하였습니다. 문제는 여기서 발생하였습니다. 모달을 확장성을 고려하여..
const 는 기본적으로 상수이기때문에 굳이 타입을 지정해줄필요 없다. 왜냐하면 const 는 바꿀수가 없는 값이기때문 tuple(튜플) 튜플은 정해진 타입 그대로만이 요소가 들어갈수있다. 만약 타입을 [number] 로만 설정했다면 number요소 딱하나만 들어갈수있는것 2개가되어서도 안되고 아예 안들어가서도 안된다. 배열타입 number[]에는 number요소만 string[] 에는 string 요소만이 들어갈수있다. 당연히 number[] 로 타입지정된 배열에는 string 요소를 push 할수 없게된다. 함수타입 파라미터 타입과 리턴되는타입을 정해준다 리턴타입은 생략가능하다 왜냐하면 넘버와 넘버를 더하면 어차피 넘버값이 반환되는것을 타입스크립트는 추론을 하기때문이다. function add(x: ..
백엔드 없이 프론트엔드 혼자 사이드 프로젝트 배포까지! 많은 프론트엔드 개발자 분들이 지금까지 배운 내용들을 복습하는 개념으로 처음부터 끝까지 혼자 해보고 싶으신분들이 계실겁니다! 하지만 우린 백엔드 지식이없죠 ㅠ 그래서 백엔드없이 HTTP요청을 보낼수도있고 db에 저장도되고(흉내내는) 배포까지 하는 걸 알려드리겠습니다.!! 첫번째 . json-server 의 이해 json-server 란 백엔드없이 라이브러리를 설치해 HTTP API 요청,응답을 연습해볼수있고 db도 흉내낼수있습니다. https://github.com/typicode/json-server GitHub - typicode/json-server: Get a full fake REST API with zero coding in less th..
