221213 포트폴리오 프로젝트(3)

geenee·2022년 12월 13일
0

Portfolio

목록 보기
9/38

어제 수업 끝나고 글 올렸는데 왜 없어짐..?;;

메뉴바 컴포넌트화

고정된 메뉴바를 사용하는 페이지가 여러개 있음 해당 페이지마다 메뉴바와 관련된 html,css가 중복적으로 적용되고있음
컴포넌트화 하여 코드를 재사용하겠음

모달 창 컴포넌트화

나의 메이트 페이지에서 사용하는 모달창 컴포넌트화 하여 중복 코드 줄임
컨텐츠 내용은 바뀜

친구 테이블 구조 정의

친구 목록 관련 테이블 구조 짜고 기능 구현하기
일단 생각한건 친구 신청을 하면 신청 테이블에 데이터 추가
로그인&새로고침할 때 신청 테이블 조회
로그인한 user 아이디에 해당하는 데이터가 있으면 친구 요청에 목록 띄워줌
목록에서 수락 or 거절 누를 수 있고 수락하면 친구목록 테이블에 데이터 추가
친구 요청에 대한 응답이(수락이던 거절이던) 되면 신청 테이블에 데이터 값을 완료로 변경-> 삭제 하는게 낫나? 근데 삭제는 잘 안하잖아

다시 정리 해봄

메이트 테이블
| seq | user1 | user2 | reqstate | matestate |
user1 친구 요청한 사용자
user2 user1에게 요청을 받은 사용자
reqstate 요청에 대한 응답 상태값 (R:요청, A:수락, D:거절)
matestate 요청에 따른 친구 추가 상태값 (T:친구,F:친구아님)

친구 요청 목록 : reqstate가 R인 user의 아이디를 보여준다
친구 목록 : matestate값이 T인 user의 아이디를 보여준다

나의 메이트 목록


메이트 요청


메이트 요청을 누르면 모달창 띄움
나에게 온 메이트 요청을 확인 할 수 있음
메이트 수락 or 거절하면 리스트 에서 사라지고 메이트 목록에 업데이트 됨

소스코드는 깃헙에...

profile
코딩 공부 기록용

0개의 댓글