[TIL] 2024.01.15 팀 과제 리뷰 삭제

 

오늘 한 일 

• 리뷰 삭제 기능 개선 및 오류 수정
• 리뷰 내용 비밀번호 입력시 잘 못 받아오는 오류 수정
• 리뷰 삭제시 로컬스토리지 Undefinde 되어 카드 생성, 삭제 안되던 오류 수정
• dev 브랜치에 detail.html / detail.js에 review 파일 병합
• reviewCard css 수정
• 리뷰작성시 inputBox 비워지게 만드는 함수 추가

문제점

1.

Undefined filter 함수를 사용할 때 조건이 올바르게 설정되지 않았다.

 localStorage.review = JSON.stringify([...deletedReivew]);

 

[...deletedReview]를 쓰면 로컬스토리지에 배열을 나열한 후

새로운 배열을 만들고 복사하는 개념인데 이걸 간과해 undefined가 떴던 것.

localStorage.review = JSON.stringify(updatedReviewList);

 

그래서 위와 같이 수정해줘서 삭제한리뷰 목록을 나열하는게 아닌,

삭제된 리뷰를 제외한 것들을 보여주게 해줘 오류를 수정했다.

2.

async, await에 관련된 내용인데

처음 "리뷰 작성" 버튼을 눌러 카드를 생성하게 될때

비동기방식을 채용 안해 "리뷰 작성"을 두 번 클릭해야( 한번은 로컬에 저장되고 두번째때 카드 생성됨)

카드가 생성이 됐었다. 이 문제는 동기적으로 처리해 순차를 기다리는 로직에 의해

오류가 발생했던 건데. await를 사용함으로써 해결 됐다. (비동기적 작동을 이해하게됨)

 

팀과제 소감

처음할 때는 막막했다.

어떻게 구성을할지 기능을 어떻게 나눠서해야될지.

근데 프로젝트를 해나감으로써 점점 적응이 되고,

git commit 하는 것도 체감상 쉬워진 것 같아 만족스러웠다.

 

나는 리뷰 작성 카드html과 리뷰카드 생성 및 삭제 기능을 맡았다.

기능적인 부분은 임시로 만들고 오류 수정을 해 나가면서

순조롭게 진행 된 듯 하다.(어려운 부분도 많았지만)

확실히 커뮤니케이션이 중요한걸 알게 되었다.

 

시간이 더 여유로웠다면 별점기능도 추가하고

css도 더 이쁘게 꾸몄을건데 아쉬움이 남는 프로젝트다.