기록일지

1. 검색 카테고리 수정 DB를 정리하면서 카테고리를 수정했다. etc는 정보가 많지 않아서 빼기로 했고, 카페명, 할인금액, 가게분류만 남았다. 각 카테고리에 맞게 placeholder 값을 수정했다. 2. 배포 처음에는 서버에서 정보를 받아오는데 undefined/~~이런 식이여서 심지어 서버 도메인도 아니었다. 뭐가 문제지 했는데 env 파일 설정을 vercel에서 어디서 해야하는지 몰라서 따로 안 했던 게 문제였다. 검색하다가 따로 설정하는 부분이 있는 걸 알게 돼서 수정하니까 SSL 오류로 변했다ㅠㅠ 꽤 오래 배포를 붙들고 있었는데 아직 상점페이지도 남았고 CSS도 남아서 시간을 더 끌 수 없었기에 내 위치를 포기하고 http로 배포하기로 했다. 리팩토링 하면서는 https로 배포하고 싶다.ᐟ.ᐟ

1. Nav 수정 기존엔 비로그인 상태일 때 마이페이지 버튼이 아예 안 보이게 했었다. 개인적으로 나는 비회원이어도 마이페이지 존재(?)는 알아야 한다고 생각해서 회의 때 얘기를 했고 다들 동의해주어서 마이페이지 버튼도 보이게 수정했다. 대신 비회원일 때는 누르면 로그인 모달이 뜨도록 했다. 2. 배포 내 위치 기능 때문에 이번에 백엔드를 맡으신 분들이 계속 https 배포를 시도했는데 SSL 오류부터 시작해서 다양한 오류들로 안 됐다ㅠㅠ 타임아웃 에러도 나고...나도 저번에 백엔드였어서 같이 얘기를 하다가 시도하게 됐는데 일단 클라이언트는 vercel로 배포했다. 그리고 서버도 배포를 다 했는데 비슷한 에러들로 막혔다ㅠㅠ

1. 마이페이지 뱃지 뱃지 코드를 쓰다보니 마이페이지도 컴포넌트를 나눌 필요가 있을 것 같아 나누었다. 2. 배포 오늘 도메인을 구입하고 https로 우선 배포를 시작했다. 에러가 계속 나서 여전히 시도 중이다.ㅠㅠ 3. Error Handling 우선 저번 프로젝트와는 달리 이번에는 새로고침해도 로그인이 풀리지 않도록 했었다. 로컬스토리지에도 상태가 잘 관리되고 있었고! 근데 마이페이지를 구현하면서 보니 새로고침 했을 때 마이페이지 정보가 안 불러지고 있었다...ㅠㅠ 그래서 handleUserInfo랑 accessToken을 전달받아서 코드를 짰더니 해결되었다.

로그인, 회원가입 기능이 로컬에선 모두 잘 실행돼서 배포를 진행했다. 배포할 때마다 코드 수정을 줄이기 위해 배포용 브랜치로 deploy 브랜치를 만들었다. 백엔드에서 정호님이 배포를 진행해 주셨고 http라서 큰 오류 없이 배포에 성공했다. 로그인과 구글로그인 오류 난 부분만 약간 고치기로 했다.

1. CSS CSS는 팀원들과 함께 해서 잘 마무리 했다. 나 스스로 만족할 만큼 못 하기도 했고 반나절 동안 한 거라 양이 많지 않아 따로 블로그에서 다루진 않으려고 한다. (도메인이 너무 버거워서도 있음.) 2. Wiki 도메인 얘기를 하기 전에 위키를 깔끔쓰하게 정리를 했다. 어쩌다 보니 시간이 너무 늦어져서 아침에 일어날 자신이 없었고...그래서 위키 정리나 했다. 스택 아키텍쳐도 다시 만들고 SR 때 기획한 것들을 쭉 다시 보면서 수정할 것을 정리했다. 3. 도메인 우리 팀은 배포도 성공했기 때문에 도메인을 발급받아서 연결하고 싶은 욕심이 있었다. 그래서 기왕 다음 프로젝트 때 할 거 이번엔 대신 무료 도메인으로 해 보자! 라는 생각이 들었고 Freenom에서 무료 도메인을 발급 받았다. 몇 없..

1. 코드 수정 - res.status().send()로 send를 해 주는 부분 앞에는 return을 붙여주었다. - 게시물 삭제 코드에서 response 전달을 해 주지 않아..포스트맨에서 확인이 어려워 코드를 수정했다. 2. Error Handling - 이미지 이미지를 base64로 잘 변환은 하고 있는 것 같은데 너무 길어서 서버에 전달이 어려웠다. 그래서 검색해봤더니 express 미들웨어 설정 부분을 바꾸라고 해서 다음과 같이 바꾸었다. app.use( express.json({ limit: "50mb", }) ); app.use( express.urlencoded({ limit: "50mb", extended: false, }) ); 하지만, 여전히 오류는 발생했고 게시물 테이블에서 이미지..

1. 새 게시물 작성 & 게시물 목록 게시물을 작성하고 나면 DB에 저장이 되고 게시물 목록에서 그걸 읽어오는 게 필요한데 CRUD에서 R 코드를 안 써놓은 걸 꺠달았다...😂 controllers/post.js에 read를 추가했다. currentUserId, userId, id 이런 것들이 머리에 떠다니기만 하고 잘 정돈이 안 됐었는데 오늘 제대로 고민해보고 코드를 짜면서 이해했다! 2. 마이페이지 회원정보 수정 회원정보 수정도 currentUserId를 이용해 코드를 수정했다. 3. 배포 게시물 완성한 부분까지 배포를 진행했다. 사진이 미리보기로는 웹에서 보이는데 DB에 안 올라가는 등 오류가 있어서 내일 수정할 예정이다.

1. index.js 지금까지 쓴 서버 코드와 클라이언트 코드를 맞춰보며 localhost:3000에서 에러를 해결했다. 그리고 배포를 조금씩 해둬야 마지막에 터질 일이 없을 것 같아 로그인 기능까지만 해서 배포를 해보기로 했다. index.js 파일에 port를 이렇게 로컬과 배포 환경 모두 사용할 수 있도록 코드를 바꿨다. const port = process.env.PORT ?? 4000; 2. Error Handling 오늘 이런 저런 오류가 많이 떴는데 migration할 때 파스칼 케이스로 작성했는데 controllers에서 import할 때는 카멜 케이스로 작성해서 오류가 났다...ㅜ 그래도 덕분에 Camel case, Kebab case, Snake case, Pascal case에 대해 ..