내일배움캠프(TIL-58 리엑트 팀프로젝트)

그냥차차·2022년 12월 28일
0

내일배움캠프

목록 보기
62/111
post-thumbnail

1. 오늘배운거

  • 오늘은 팀원들의 코드들을 정리하면서 그동안 궁금했던 여러가지의 코드들을 이해하는 시간이었음.

ㄱ. 회원가입 및 로그인 시 Form Help Text 구현

  • 정규표현식을 사용해서 회원가입할때 정규표현식을 통과하지 못하면 체크메세지가 뜨게 하였고, 중복된 ID인지 확인할때는 DB의 유저ID와 인풋안에 입력된 ID를 비교했을때 일치하면 이미 등록된 아이디 라는 체크메시지가 뜨게하였음. 그리고 위의 두가지에 해당하지 않을때만 사용가능한 아이디라는 메시지가 뜨게했고 이때 onChangeUserHandler를 실행해서 true를 반환할때만 회원가입이 완료가 되게함.

ㄴ. 게이지바 구현

  • 먼저 본문(Post)의 모든글을 Map으로 돌리고 거기서 한번더 Map으로 댓글(Comment)을 돌렸을때 본문에 작성된 아이디와 댓글의 작성된 아이디가 같고 선택한 카테고리가 만약 A라면 A의 숫자를 +1 해주고 이때 댓글에 달린수를 백분율로 나눠서 스타일 컴포넌트로 색을 입혀주면 게이지바 완성

ㄷ. 좋아요 버튼 구현

  • 로그인된 ID로 Post의 좋아요를 +1만 되게끔 구현하기위해 좋아요를 누를때 like 키값에 uuid를 넣고 다시누를때 like값에서 uuid를 빼내야하고 빼낼때는 필터를 사용했고 여러유저가 좋아요버튼을 눌렀을때 좋아요 갯수를 카운트 하기위해서는 like키 값에 유저들의 값이 얼마나있는지를 세어서 나타내었음.

ㄹ. 본인이 작성한 댓글만 수정 삭제하기

  • Diplay : none을 defalt값으로 설정하고 로그인된 유저와 DB에 저장된 유저의 ID값이 같을때 useEffect로 setState값을 변경해서 Display값을 Block로 바꿈

2. 아쉬운점

  • 이번프로젝트에서 그래도 필수기능구현은 해냈지만 추가기능을 추가로 맡아서 하기엔 실력이 역부족이었던게 아쉽다!!

3. 회고

  • 그래도 이번 프로젝트에서 필수기능구현은 했다!6개나 했다 중간중간 다른 것들도 수정하면서 코드리뷰도 하고 깃허브를 제대로 써보고 pr하고 merge도 해보는 좋은프로젝트였음!
profile
개발작

0개의 댓글