본문 바로가기

부트캠프교육중301

[TS] type과 interface차이 interface로 지정하면 그냥 interface Person이런식으로 별칭만 뜨는데 type으로 지정하면 type의 모양이 뜬다 type Person ={ name: string; age: number; } 이런식으로 interface는 확장이 되고, type은 확장이 되지 않는다. 이제 둘의 가장 큰 차이점이다. 결론, 가능한 한 type보다는 interface를 사용하자!!! 2023. 8. 13.
[TS] object를 더 상세하게 타입지정하기 function fetchTodoItems(): object[] { const todos = [ { id: 1, title: '안녕', done: false }, { id: 2, title: '타입', done: false }, { id: 3, title: '스크립트', done: false }, ]; return todos; } 이렇게 하면 done같은 부분에서 나중에 에러가 날거다. 그래서 object를 더 상세하게 타입지정한다. function fetchTodoItems(): {id:number, title:string, done:boolean}[] { const todos = [ { id: 1, title: '안녕', done: false }, { id: 2, title: '타입', done: f.. 2023. 8. 13.
[React] [Node.js] 이젠 내가 서버까지 돌린다!!!! 이야호 신난다 이젠 내가 서버까지 돌린다 !!!! 이제 client도 만들고 server도 만들고 node.js를 배웠지만 정말 아무것도 모를때 배운거라 진짜 지금도 아무것도 모르고 있더라.... 그땐 그냥 맛만 진짜 본거 같다.. 그래서 오늘 메인프로젝트를 살리기위해 서버가 아무래도 너무 필요할거 같아서 아예 express 공부하고 그냥 달려들었다. 계속 서버따로 클라이언트따로 돌아서 스트레스를 받았다. 서버에서 res.send는 받는데 그 서버를 클라이언트에서 쓰려고 하면 자꾸 axiosError가 났다. 근데 이걸 크롬개발자도구로 확인해보니 cors라고 아주 분명하게 딱떠있더라. 이걸 보기전에는 axiosError의 에러가 너무 많기 때문에 정말 막막했다. axios부분을 지우고 그냥 console.. 2023. 8. 13.
gh-page 배포시 환경변수 설정방법 메인프로젝트를 살리기 위해 카카오맵 api를 이용해서 지도 기능을 다시 작업하고 있는중이다. gh-page배포를 하고있는데 카카오맵 키 값을 저장하는 환경변수 설정방법에 대해서 고민중이였다. 근데 어렵지 않았다. 일단 github에서 setting화면으로 간다. 왼쪽에 메뉴중 Environments를 클릭하면 하단과 같이 화면이 뜬다. 파랗게 github-pages라고 써있는 부분을 클릭해서 화면의 가장 하단부로 가면 밑의 그림처럼 Add variable이 있을것이다. 그걸 클릭하면 값을 입력할수있는 창이 뜬다. 그럼 끝 !!!! 2023. 8. 12.

티스토리툴바