최종 팀 프로젝트 11일차

1. 오늘 한 일

• 스크럼 회의 & 디자이너 총회의
• (개인) 마이페이지 및 판매자 페이지 이미지 업로드 제외 완료 + 카카오 로그인 이미지 가져오기 및 수정
• jira 등 팀원 체크

1. 스크럼 회의 및 디자이너 총회의

• 스크럼 회의(14:00)
  • FE : 마이페이지 완성중(약 7~80% 정도 완성), 판매자 마이페이지는 CRUD 맞춰보고 해보기 + CRUD 완성되면 CSS도 들어가도 될 듯 ⇒ 테일윈드 러닝커브 높고 시간이 오래 걸릴 것 같아 스타일드 컴포넌트 사용할 가능성 높음.(고민중) + 무한 스크롤은 POST되는데로 하기로 할 것(일단 필요한 기능, 1순위 기능이라고 봄), 원규님 CRUD는 재욱님이 받아서 어느 정도 완성한 상태 + 웹소켓 대신 SSE를 쓸 수도 있음(실시간 댓글 알림)
  • BE : 가격책정 전체테이블 저장하고 각자 맞는 것 가져오는 과정 하려고 함(틀은 잡힘) + CRUD 중 수정만 좀 문제가 발생해서 디버깅 중 + 검색기능 디버깅중 → 수요일까지 해볼 예정
  • 협의사항 : 서비스 이용하려면 로그인 강제(게스트용 API, 로그인 API 복잡하게.. ) ⇒ 무조건 로그인 강제한다면? (26일까진 그렇게 해보고, 이후에는 로그인 안 해도 쓸 수 있게…) ⇒ 일단 토큰 없으면 로그인 화면
• 디자이너 회의(19:30)
  • 디자이너 시안 보고 선택할 것 회의 진행
  • 상세페이지, 리스트 등 결정
  • 추후 데드라인 결정 : 수요일 19:30 ⇒ 30분만 하기로 하고 와이어프레임 완성
  • 조회수, 공유하기는 챌린지
  • 찜하기는 갯수까지 생각하기

2. (개인) 마이페이지 및 판매자 페이지 이미지 업로드 제외 완료 + 카카오 로그인 이미지 가져오기 및 수정

(주요 로직)

(LoginSlice.jsx)
xport const __kakaoLogin = createAsyncThunk(
  "posts/__kakaoLogin",
  async (code, thunkAPI) => {
    console.log(code)
    try {
      const res = await axios
      .get(`${process.env.REACT_APP_SERVER}/api/member/kakao?code=${code}`);
      window.localStorage.setItem("Access_Token", res.data.accessToken);
      window.localStorage.setItem("Refresh_Token", res.data.refreshToken);
      // 토큰만 로컬에 저장하고 나머지는 스토어에서 관리
      window.location.replace("/");
      console.log(res)
        return thunkAPI.fulfillWithValue(res.data);
    } catch (error) {console.log("소셜로그인 에러", error);
    window.alert("로그인에 실패하였습니다.");
    // 로그인 실패하면 로그인 화면으로 돌려보냄
    window.location.replace("/login");
      return thunkAPI.rejectWithValue(error);
    }
  }
);

kakao로그인 로직을 바꿔서 적용한다. => 사진만 받아서 나중에 다른 곳에서 get을 해와서 사진을 바꿔준다.

(SellerPage.jsx)
const SellerPage = () => {
  const {myPostList, sellerInfoDto} = useSelector((state) => state.sellerpage)
  // 백엔드에서 필요한 정보를 따로 불러온다. 하나는 배열, 하나는 객체
  const params = useParams()
  const dispatch = useDispatch()
  const nickname = params.nickname
  useEffect(() => {
    dispatch(__getSellerinfo(params.nickname))
  }, [nickname])
  return (
    <div>
      <Header/>
      <img src={sellerInfoDto.profileImg}/>
      <div>판매자 닉네임</div>
      {sellerInfoDto.nickname}
      <div>판매자 이메일</div>
      {sellerInfoDto.email}
      <div>물건 리스트
        {
          myPostList !== undefined && (
            <>
            {myPostList.map((mypost) => {
              return (
                <div key={mypost.postId}>
                {/* <div>{myPostList.image}</div> */}
                <div>{mypost.title}</div>
                {/* <div>{myPostList.product}</div> */}
                <div>{mypost.userPrice}</div>
                </div>
              )
            })}

            </>
          )
        }

배열과 객체 잘 구분해서 사용하고 임포트해올 것.(초기값 주의, 상황봐서 맵돌린다.)

3. jira 등 팀원 체크

• 현재 태스크가 상당히 많이 늘어남(추가 구현 사항) => 기회 봐서 차주 중 최대한 해볼 것
• 백엔드 측면에서 다소 시간이 걸리는 점 양해하면서 하기
• 테일윈드 포기 -> 시간 여건상 익숙한 스타일드컴포넌트 적용 예정

2. 느낀 점

• 팀원들 진도 필히 체크, 특히 백엔드와 지속적인 소통 필요
• 팀 간 의견 조율이 생각보다 쉽지 않으니 잘 들어주고 의견 정리 필요
• 개인 코드도 챙기기
• 소통하면서 지속적으로 빠진 로직 챙기기
• 역할 분담 잘 하기
• 디자이너 시안 지속 확인이 필요. 바쁜 사람이다.

3. 익일 할 일

• 디자이너 시안 지속 확인
• 트러블 슈팅 발견 시 해결
• 회원가입 시 멤버 아이디 줘야하는 것 상의