본문 바로가기

부트캠프교육중/react80

[React] map프로젝트중 lazy 과연 써야하는것인가.... lazy를 굳이 써야 하나 싶어서 map프로젝트에서 기존에 도움받을때 썻던 lazy를 지우고 해봤다. 다시 작업한 파일에서 lazy, suspense를 지워도 진행되는부분에서는 문제될건 없었다. 그래서 찾아보니 최적화부분에서 lazy를 쓰면 성능은 좋아진다고 한다. 그래서 지도를 띄우는 부분에서 속도적인 면에서도 도움이 될테이니 그대로 lazy를 진행해봐야겟다. 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.
[React] github 배포 deploy npm i gh-pages package.json가서 , "homepage": "https://깃헙이름.github.io/repository이름" "deploy": "gh-pages -d build", "predeploy": "npm run build" 저거 추가해주면 된다. 그리고 npm run deploy해보자! 2023. 8. 11.