Final Project 26일차 - 프로필 페이지 점검!!

📅 TIL #122




🔔 26일차


오늘은 다시 프로필을 점검하기로 했다. 프로필을 다 끝냈다고 생각했지만 기능을 다시 점검할 때 마다 오류를 발견하고, 갑자기 CSS가 안 이뻐보이고…. 정말 4주차부터는 이슈가 계속 발생하고 계속 수정하는 단계를 거치기 마련이다. 우리 팀만 그러는 것인가… 이제 더 이상의 기능구현은 불가능한 것이 사실이다.


그래서 오늘은 프로필 페이지에 대해 팀원들에게 피드백을 받고, 이슈들을 정리하고 처리하는 작업들을 주로 하였다!




💪 오늘은 어떻게 프로젝트에 기여했나요?


진행중인 레시피 보여주기


이건 유저가 프로젝트 진행하고 있을 시, 유저의 마이페이지에 진행중인 프로젝트를 보여주는 기능이다. 토글 버튼을 통해서 서버에 boolean값을 보내주고, true일 경우 리덕스에서 해당 유저의 프로젝트를 꺼내와서 웹에 그려주는 방식으로 구현을 하였다!!




프로필 초기화 버튼


그 다음은 프로필 초기화 버튼이다. 업로드가 있으면 삭제도 있어야 하기에 구현하였다!!




유효성 검사


마지막으로 유효성 검사를 구현하였다. 따로 유효성 util 함수를 만들었다. 함수를 만들고 uesEffect를 활용하여 바로 검사가 될 수 있도록 구현하였다. 그리고 유효성 검사가 전부 통과 되지 않으면 수정을 할 수 없도록 구현하였다.







🤔 오늘의 프로젝트에서 힘든 점은 무엇인가요?


사실 저번에 프로필 업로드 기능을 구현하고, 초기화 버튼을 구현하다가 잘 안되서 일단 넘어가고야 말았다. 하지만 도저히 없으면 안될 것 같고, 그래서 이제와서 다시 도전을 해보았다! 쓰흡 ㅜㅜㅜ 업로드가 있으면 삭제가 있어야되는데 말이지…


2주전의 나와 현재의 나는 정말 다르기 때문에 금방 구현할 줄 알았다. 업로드는 서버에게 사진을 문자열로 보내준다면, 삭제는 서버에게 빈 문자열을 보내주었다.


그러면 될 줄 알았지만, 삭제는 되지 않았다. 빈 문자열이면 이미지가 없다는 것인데 왜 Why 삭제가 안되냔 말이다..!


그래서 서버분들에게 도움을 요청했다. 서버분들과 이야기를 조금만 나눠보니 해답을 찾을 수 있었다. 바로 서버에 빈 문자열에 대한 처리가 없었다는 것 이다!!!! 헉..ㅠ


그래서 결국 서버와 합을 맞추어 클라이언트에서 deleteImage라는 문자열을 보내면 삭제가 되도록 하였다. 이렇게 쉬운 것을 그렇게 고민했다니..






🔥 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?


팀원에게 랜딩 페이지 피드백을 받았다. 랜딩페이지를 마지막으로 점검한다.