내일배움캠프 4기 스파르타코딩 React B반
📒 오늘의 공부
1. React App Project_5
문제 및 해결
- main에 브랜치가 잘못 병합됐다.(원래 dev에 해야 함)
- main을 clone해서 merge 전 상태로 reset
git reset --hard 커밋주소- local은 되돌아갔는데 origin에 뒤쳐져있어 push를 할 수 없다고 뜬다.
git push -f --set-upstream origin main를 하니 원격에도 이전 상태로 잘 올라갔음!
댓글 카테고리 수정
- 코드 수정하니 구현 완료
- 변경된 카테고리를 포함한 부분을 return문 위에서 변수로 editComment라고 설정해 dispatch로 넘겨주니 됐다.
- 댓글 수정의 카테고리를 누를 때 댓글 등록의 카테고리도 선택되는 부분은 댓글 수정의 input에 id를 다르게 했더니 해결!
문제 및 해결
- 댓글 수정 버튼을 눌렀을 때 카테고리에 기존 선택한 값으로 선택이 되어 있게 만들기
- isA로 받아와서 isA가 true이면 id('a')checked로 해보기
- checked()자체가 input 내에서만 먹히는 것 같다.
- 체크박스 수정 시 체크박스 유지하는 것 검색
디테일 페이지 CSS
-
dp로 display none, block이 되어 있는 애들은 css 적용하기가 너무 까다롭다.
-
globalStyle로 input 정리하기 - focus, hover 등일 때, border 지우고.
댓글 등록 수정
- 댓글과 포스트에 userName을 넣고 본문과 댓글에 userName 보이게 하기
- DetailPage에서 getUsers로 유저 데이터 불러오기 각 컴포넌트에서 유저 데이터로 userName을 추출해서 본문과 댓글에 넣기
json서버 배포하기
- vercel로 배포하기
- 개인 과제로 한 번 실험해 봄
- 한참 헤매다 계속 찾아보는데 계속 오류..
- heroku로 시도
- 너무 어렵다.
- main clone - new branch - pull dev 후 .git 삭제 하고 새로운 repo에 연결 후 수업 자료에 나와 있는대로 하는데 오류
- lock.json 삭제하고 npm update 해서 그런 가 yarn build가 오류남(
Command failed with exit code 1.) - 다시 처음부터 main clone 후 이번엔 lock.json도 놔두고 npm update도 하지 않고 해 봄
- 여전히
Command failed with exit code 1.오류 - npm update하고 yarn build 다시 해도 오류
- 검색해서 나온 방법대로에러해결 yarn 지우고 다시 해 봐도 오류
- env 설치하고 다시 yarn build 계속 같은 오류..
- 다시 시도. main clone new repo에 올리고 npm update 대신 필요한 파일 일일이 다시 add 설치하기
-> 일단 lock.json 삭제 후 yarn add로 다 설치
-> 여전히 yarn build 할 때 같은 오류 - heroku 잘 만들어졌던 code에서 pakage.json을 통째로 복붙해서 다시 yarn build 해 봄
- yarn.lock도 복붙
- 여전히 오류
그래서 그냥 중간테스트 단계 뛰어넘고 바로 heroku create 해 봄 - 여전히 Command failed with exit code 1. 이 오류가 뜬다...
- redux-toolkit 과제로 heroku한 건 잘 됨..
도움
- 다른 팀원에게 도움 요청했더니 다른 팀원에게 도움받았다 해서 급하게 그 분에게 메시지 보내서 도움 요청...!
- db.json파일만 있는 repo를 glitch로 배포하니 json서버만 배포 성공!
- axios 주소만 glitch json 주소로 바꿈
- db.json파일을 제외한 나머지는 vercel로 배포하려고 했는데 계속 오류... 아까부터 heroku든 뭐든 안 됐던 게 그냥 npm 파일 문제인 것 같다.
- 원장님도 같이 도와주셔서 살펴봤다.
- yarn creat가 오류가 나서 npm으로 아예 다시 만들어서 src폴더만 복사해와서 했는데도 yarn build할 때 오류
- 원장님이 봐 주셨는데 singUp Page의 uuid 주소가 잘못됐던 것
-> from "uuid" 여야 하는데 "http~~"주소에서 가져와서 그랬음 - 오류 메시지가
dynamic importt()가 들어있어서 분명 import를 잘못한거라고 생각하셨다 함. - uuid로 바꾸니 yarn build 명령어도 잘 먹고 vercel 배포도 성공적!!
마무리
- 전체 코드 자잘한 것들 삭제, 수정하고 새벽까지 팀원들이랑 liveShare로 CSS 마저 수정하고 main에 드디어 병합
- db 주소는 미리 교체하고 db.json 삭제 후 main에 병합한 repo를 vercerl로 배포 성공
프론트엔드 개발자