본문 바로가기

부트캠프교육중301

[TS] 유니언타입 유니언타입: 하나의 타입 이상을 쓸수 있게 만든것 interface Developer { name: string; skill: string; } interface Person { name: string; age: number; } function askSomeone(someone: Developer | Person){ someone.name } 공통된 속성, 보장된 속성에 대해서만 제공을 한다. skill, age 쓰고 싶으면 if문 써야한다. ★★★★★ 유니언타입 ★★★★ let seho: string | number | boolean; 이렇게 쓰면 or의 의미이다. interface Developer { name: string; skill: string; } interface Person { name.. 2023. 8. 15.
[TS] 타입가드 function logMessage2(value: string | number) { // console.log(value); if(typeof value === 'number'){ value.toLocaleString(); } if(typeof value === 'string'){ value.toString(); } } 이런식으로 value의 타입을 지정을 하고 if문에서 타입을 한정했을때 value. 만 작성해도 number로 쓰일수 있는 메서드들이 뜬다. 이런걸 '타입가드' 라고 한다. 타입 가드: 특정 타입으로 타입의 범위를 좁혀나가는(필터링 하는 과정) 2023. 8. 15.
[React] map프로젝트중 lazy 과연 써야하는것인가.... lazy를 굳이 써야 하나 싶어서 map프로젝트에서 기존에 도움받을때 썻던 lazy를 지우고 해봤다. 다시 작업한 파일에서 lazy, suspense를 지워도 진행되는부분에서는 문제될건 없었다. 그래서 찾아보니 최적화부분에서 lazy를 쓰면 성능은 좋아진다고 한다. 그래서 지도를 띄우는 부분에서 속도적인 면에서도 도움이 될테이니 그대로 lazy를 진행해봐야겟다. 2023. 8. 13.
[Node.js] 더미데이터 가져오는법 리액트 환경에서 하기때문에 더미데이터를 가져오려면 import 해서 리액트에서 하던 방식으로 불러와야 할줄 알았다. 근데 이게 왠걸 const dummyData = require("../express/repository/placeData"); 이렇게 하고 app.get("/place", cors(), (req, res) => { res.send({ dummyData }); }); 이렇게 했는데 place로 get하니까 더미데이터가 불러와진다 !!!! 대박 !!!!!!!!!!!! 2023. 8. 13.