2022.09.21(수)~09.30(화) 9일 동안의 BearMello 플젝 개발 회고 ✍️
🗓 22.09.21(수)
🔥 TODO
- 고객용 리뷰 등록 기능
- 고객용 리뷰 조회 기능
- 고객용 리뷰 삭제 기능
🗓 22.09.22(목)
🔥 TODO
- 고객용 리뷰 수정 기능
- 사진 업로드 기능 구현 (프론트단에서 이미지 미리보기)
- Kakao 주소 검색 api 사용해보기
🐼 MEMO
-
fontAwesome아이콘 추가 방법import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faXmark } from "@fortawesome/free-solid-svg-icons"; <FontAwesomeIcon className="xmark-style" icon={faXmark} onClick={handleDeleteImage} /> -
이미지 업로드 참고 자료
React 이미지 파일 업로드 전 이미지 미리보기
[React/JavaScript] 이미지 파일 업로드 전 미리 보는 방법
[React]파일 업로드 구현 -
카카오 주소 검색 api 사용법
[React] react 에서 우편번호 찾기 api 사용하기 - 떽떽대는 개발공부
[React] 리액트 카카오 맵 API & 카카오 로컬 API
Kakao Developers
⚡️ DIARY
오늘 드뎌 리뷰 수정쪽 기능을 완성했다. 계속 내가 원하는대로 안되서 시간은 좀 걸렸지만 잘 된다! 근데 이제 사진 수정까지 추후에 추가하면 잘 될랑가 모르겠움,,
🗓 22.09.23(금)
🔥 TODO
- 반응형 초기 세팅 (ThemeProvider 적용)
- 반응형 공부
- 반응형 레이아웃, 사이즈 정하기
🐼 MEMO
- 카카오 주소 검색 API 설치:
npm i react-daum-postcode
⚡️ DIARY
오늘은 반응형 어떻게 할지 찾아보고 살짝 끄적거린거 밖에 한게 없따..
🗓 22.09.24(토)
🔥 TODO
- 마이페이지 - 반응형 레이아웃 사이즈 1차 구성
- Issue Task 작성 + Issue Template 업데이트
- 카카오 주소검색 팝업창으로 나타나도록 fix
- 플젝 코드에 카카오 주소검색 적용하기 (캠핑장 등록 부분)
🐼 MEMO
-
mui라이브러리 - TextField font-size 적용하는 법
<TextField inputProps={{ style: { fontSize: 13 } }}/>
[참고자료] Cannot change font size of text field in material ui -
팝업창 중앙정렬 참고자료: 팝업창 중앙정렬 가운데 위치시키는 방법
-
ThemeProvider 반응형 구현 참고자료
[styled-components] ThemeProvider로 공통 스타일 속성 관리하기
Styled Components를 Global에서 사용하기(w/반응형)
🗓 22.09.25-26(일-월)
🔥 TODO
- Figma로 디자인 구성 - 🔗 Figma Link
⚡️ DIARY
원래 피그마로 레이아웃 정도만 구성한 와이어프레임을 가지고 화면 구현을 했었는데 BE API 기다리다가 뭘 해야할지 모르겠어서 디자인이라도 수정해보자해서 이틀 내내 피그마로 디자인 구성했다. 다시 한번 나의 구린 미적 감각에 놀랐달까..🥲
새삼 디자이너의 소중함을 깨달을 수 있었던..ㅎ
🗓 22.09.27(화)
🔥 TODO
- 로그인 디자인 수정 & 반응형 적용(크기)
- 회원가입 디자인 수정 & 반응형 적용(크기)
- 로그인 상태관리 기능 추가 & useRef 적용
- 회원가입 상태관리 기능 리팩토링 & useRef 적용
🐼 MEMO
-
svg 이미지 파일 크기 조정
viewBox="current" viewBox="[min-x] [min-y] [width] [height]" -
지정한 변수 색 사용하기
body { background-color: var(--maincolor); } -
Mui 라이브러리 TextField 태그에서 useRef 사용하기
[참고자료] How can I use ref in TextField
🗓 22.09.28(수)
🔥 TODO
- 사이드바 디자인 수정 (+반응형)
- 마이페이지 레이아웃 디자인 수정
🗓 22.09.29(목)
🔥 TODO
- 마이페이지 캠핑장 등록 페이지 디자인 수정 (+반응형)
- 마이페이지 예약 리스트 페이지 디자인 수정 (+반응형)
- 마이페이지 리뷰 리스트 페이지 디자인 수정 (+반응형)
🗓 22.09.30(금)
🔥 TODO
- 캠핑장 등록 API 통신 오류 해결 (address→place 변수명 변경했더니 해결.. 😵💫)
- 등록한 캠핑장 조회하려고 했는데 생각해보니까 camp_id를 몰라서 구현할 수가 없다,,😭
→ BE에서 POST /admin/post 요청했을 때 응답으로 camp_id를 줘야 구현할 수 있음 그 전에 넘 길고 더러운 코드 리팩토링하고 있기! - CORS error가 해결되지 않는다,, 뭐가 문제일까나 🥲
