frontendschool5/final-10-goodi

나만의 굿즈 플랫폼, Goodi!

final-10-goodi's Issues

🛠️ [Feature]: 프로필 페이지 자잘한 기능 구현

Description

프로필 페이지 자잘한 기능 구현

To-do

• 프로필, 게시글, 상품에 회원가입 시 주어지는 이미지 안들어오는 오류
• 상품에 메뉴달기
• post, card 프로필 정보 UI 수정

ETC

기타사항

♻️ [Refactor]: 프로필, 상품/게시물 컴포넌트 병합

Description

중복 요소 제거를 위한 컴포넌트 병합 리팩토링

To-do

• 내 프로필과 유저프로필 병합
• 상품/게시물 업로드 병합
• 상품/게시물 업데이트 병합
• 전체적인 오류/예외처리 해결

💅 [Style]: postPosting 페이지 스타일 커스텀

Description

이슈 추후 작성 예정

To-do

• width 프롭스
• textarea의 label 재사용되게 처리
• textarea만 보이게 showInput false 처리
• getpostproduct 함수 부모에 따라 다르게 받도록 처리

ETC

작업기간 : 20230619 -

💅 [Style]: main 페이지 마크업 및 스타일링

Description

main 페이지 마크업 및 스타일링

To-do

• 작가 작품 나열
• 카드 UI 리스트
• 인기 작가 상품
• 픽셀 -> 퍼센트 변환
• 마크업 리팩토링
• css 리팩토링
• 세부적인 부분 확인
• 컴포넌트 분리

ETC

기한: 20230605-20230608

💅 [Style]: Search modal style

Description

검색 기능 구현

To-do

• 네비게이션에서 버튼 누르면 검색 모달 나오기
• 검색 스타일
• 검색결과가 있을떄, 없을때 조건부 스타일 생성
• 최근 검색 기록이 있을떄 없을떄 조건부 스타일 생성

ETC

230620 - 230620

🛠️ [Feature]: 로그인 기능, 채팅 페이지 추가

Description

로그인, 프로필 기능 추가

To-do

• 로그인 기능 구현
• 로그인 예외 처리
• 로그인 예외 처리 스타일
• 코드 리팩토링
• 채팅 페이지 디자인
• recoil을 통한 토큰 값 저장

🛠️ [Feature]: POST Product API 연동

Description

image api와 product API 연결 및 POST

To-do

• recoil에 저장된 token 불러오기
• 상품 업로드 API 연결
• 이미지 업로드 API 연결
• 입력한 상품 POST
• 에러 처리
• 성공하면 해당 상품의 상세페이지로 이동

ETC

20230617 - 20230618

💅 [Style]: 프로필 관련 페이지 UI 구현

Description

프로필에 관련된 페이지 UI 구현 이슈

To-do

• 유저 프로필 페이지 레이아웃 변경
• 팔로잉/팔로워 목록 페이지
• 프로필에서 게시물/상품 없을 때 UI 처리

♻️ [Refactor]: 웹접근성을 고려한 마크업 수정

Description

시맨틱한 코드 수정 및 웹접근성을 고려하여 키보드 접근 수정

To-do

• 폴더구조, 파일명 변경으로 인한 에러 수정
• 디테일페이지, 상품 업로드 , 상품 수정 마크업 수정
• 프로필 페이지 마크업 수정
• 장바구니 페이지, 게시물 업로드, 게시물 마크업 수정

ETC

사용 검사도구 : LightHouse 웹접근성, HeadingsMap

1. HeadingsMap 목차 정렬되어있는지
2. 사용자의 키보드 접근을 고려했는지
3. section, artice 태그들 목적에 맞게 잘 썼는지

💅 [Style]: 로그인 페이지 마크업 및 스타일링

Description

로그인 페이지 마크업, 스타일링 및 인풋 + 버튼 컴포넌트

To-do

• 로그인 디폴트 페이지
• 로그인 회원가입 페이지
• 초기 유저 정보 설정 페이지
• 인풋 컴포넌트
• 버튼 컴포넌트
• 캐러셀 기능구현

ETC

기한: 20230605-20230608

💅 [Style]: 모달 레이아웃

Description

모달 컴포넌트 스타일링 및 기능

To-do

• 모달 컴포넌트 만들기 (버튼은 공통 컴포넌트 사용, 엑스버튼은 선택사항으로)
• 메인에 적용
• 예외처리 (엑스버튼, 뒷배경, 예-아니오)
• 모달 띄워질 때 뒷배경 스크롤 방지

ETC

작업기간 : 20230614 - 20230615

🛠️ [Feature]: Toat UI 구현

Description

유저가 액션을 했을경우 잘 됐는지를 판단하기 위해 Toast UI구현

To-do

• Toast UI 폴더 생성및 스타일링
• 장바구니 담았을때
• 좋아요 눌렀을때
• 팔로우/ 언팔로우 했을때

ETC

기타사항

💅 [Style]: common component 생성

Description

로그인, 메인, 상세 페이지에 있는 common component 생성

To-do

• 폰트 설정
• 컬러 변수명 설정
• 컴포넌트 추가(버튼, 인풋, 카드UI, 아이콘)

ETC

기한: 20230605-20230608

👾 [Bug]: 프로필 페이지 수정 사항

Description

프로필 관련 이슈 정리

To-do

• 프로필 이미지 수정 후 새로고침 하면 풀림
• 프로필 이미지 수정하지 않고 저장 누르면 이미지가 null이 됨
• 값 변경 후 수정 취소 누르면 서버에는 안올라가지만 값이 바뀐 채 렌더링 됨
• 팔로워, 팔로잉 삭제 후 카운트 바로 반영되지 않음
• ProfileUI 클릭 시 유저 프로필로 이동
• 내가 마이페이지가 아닌 내 유저 프로필로 넘어갈 수 있음
• 프로필 페이지 컴포넌트 재사용에 대해 -> 리팩토링으로 넘김
• 팔로워, 팔로잉 작동 확인

ETC

23.06.22 까지 수정

🛠️ [Feature]: 게시물 수정 및 삭제 기능구현

Description

게시물 수정 API 연결하여 기존 게시물 수정 및 삭제

To-do

• API 연동
• 게시물 수정구현
• 게시물 삭제 구현

ETC

기타사항

🛠️ [Feature]: 장바구니 페이지

Description

Cart 페이지 구현

To-do

• 상품이 있을 때 마크업, 스타일링
• 상품이 없을 때 마크업, 스타일링
• 상품 정보 연결
• 수량, 금액 등 연결
• 네비게이션에 담긴 상품 개수 띄워주기
• 세부 사항 체크 및 수정

ETC

기한: 230625

💅 [Style]: Navigation refactor

Description

�Navigation refactor 스타일 리팩토링 및 상태에 따른 스타일 설정

To-do

• li 리스트 갯수에 맞게 map 돌리기
• 각 버튼 페이지 연결
• post 버튼 누를시 모달창 띄우기

ETC

기타사항

💅 [Style]: 상세페이지 디자인 이슈 수정

Description

상세페이지 디자인 이슈 수정

To-do

• 왼쪽 이미지 크기 수정
• 상단 공통 배너 텍스트 대처
• 디테일페이지 전체적임 탑 마진값 빼기
• 작가 팔로우 버튼 조건부 설정하여

ETC

기타사항

💅 [Style]: layout component 마크업 및 스타일링

Description

header, footer, navigation 마크업및 스타일링

To-do

• 파일 생성및 문서 구조 수정
• Header 마크업 및 스타일링
• Navigation 마크업 및 스타일링
• Footer 마크업 및 스타일링

ETC

children 으로 컴포넌트 레이아웃 생성

🛠️ [Feature]: Main

👾 [Bug]:
💅 [Style]:

Description

추후 작성 예정

To-do

• todo
• todo

ETC

기타사항

💅 [Style]: 게시물 컴포넌트 스타일 작업

Description

게시물 컴포넌트 스타일 작업

To-do

• 게시물 컴포넌트
• 게시물 좋아요 버튼 컴포넌트

ETC

작업기간 : 20230612

🛠️ [Feature]: Skeleton UI 구현

Description

사용자가 데이터를 기다리면서 지루하지 않기 위해 띄우는 목적으로 데이터를 받아오는 동안에 구현

To-do

• 마이페이지(프로필, 상품, 게시물)
• 검색
• 메인
• 상품상세페이지

ETC

기타사항

💅 [Style]: PostProduct page style

Description

PostProduct page style

To-do

• PostProduct page route 생성
• UploadImage 컴포넌트 생성 및 style
• PostProduct page style

ETC

20230616 - 202300613

🛠️ [Feature]: 나의 게시글 목록 API 연동

Description

게시글 관련 작업
나의 게시글 목록 API 연동
게시글 스타일 변경

To-do

• 게시글 UI 변경
• 게시글 (나의 게시글 목록)API 연동 (페이지네이션 X)
• 게시글 (게시글 작성) API 연동
• postUI로부터 textarea에서 content 받기
• postUI로부터 imageWrap에서 image 받기
• 게시글 API 중 createdAt 데이터를 이용하여 생성된 후 경과된 시간으로 바꿔 표시
• 좋아요 API 연동
• 좋아요 취소 API 연동

ETC

작업기간 : 20230617 -

🛠️ [Feature]: Search page 기능구현

Description

search page 기능구현

To-do

• Search API 연결
• 검색창에 입력한 값 버튼 누를시 API 쏘기
• 받아온 값 result 페이지에 노출
• Recoil로 검색기록 제어
• 검색한 기록 최근 검색기록에 노출
• 최근 검색기록 지우기
• 로딩시 skeleton UI 사용

ETC

20230621 - 20230621

♻️[Refactor]: 안쓰는 자바스크립트 코드 줄이기

Description

React.lazy 와 Suspense로 import page 분활

To-do

• React.lazy , Suspense로 필요에 따라 불러올 컴포넌트 분활

ETC

https://masankong.tistory.com/53

🛠️ [Feature]: Post Page 자잘한 기능 구현

Description

사용성을 고려한 기능 구현

To-do

• 클릭한 이미지수정 및 업로드
• 이미지 업로드 중 로딩 기능 구현
• 상품 업로드시 모달기능 구현

ETC

기타사항

💅 [Style]: 프로필 페이지 마크업 및 스타일링

Description

유저 프로필 페이지 생성

To-do

• 이미지 리스트 위 작가 프로필 이슈 (main)
• 가격 단위 처리 (main)
• 페이지 레이아웃
• 유저 프로필 마크업 및 스타일링
• 게시물 컴포넌트 추가
• 작가 상품 카드 UI 추가
• 세부 사항 수정
• main, profile 페이지 레이아웃 중복 요소 제거 (할 수 있을 거 같음)

ETC

기한: 20230611 ~ 20230615

🛠️ [Feature]: 회원가입 기능, API 연동

Description

회원가입 기능, API 연동

To-do

• accountName은 따로 input 받지 않고 email의 @ 앞까지로 처리
• join에서는 email, password를 받고 setprofile에 locate로 전달
• setprofile에서 username을 받아 API 연결하여 오류처리
• 정상 가입 시 버튼 눌렀을 때 setprofile 페이지로 이동
• 벨리데이션에 따라 에러메세지 스타일링

ETC

작업기간 : 20230615 - 20230616

💅 [Style]: 제품 상세 페이지 마크업 및 스타일링

Description

제품상세 페이지 마크업 및 스타일링

To-do

• 왼쪽 상품 이미지 마크업 및 스타일링
• 오른쪽 상품설명 마크업 및 스타일링

ETC

20230604-20230608

🛠️ [Feature]: search 검색결과 유저 팔로우/ 언팔로우

Description

검색 결과에 따라 유저의 팔로우 버튼의 상태값이 달라짐

1. 팔로잉한 유저, 2. 팔로잉하지 않은 유저, 3. 본인

To-do

• 팔로잉 상태에 따른 버튼 변경
• 팔로우 / 언팔로우
• 팔로우 / 언팔로우시 toast UI

ETC

기타사항

[Refactor]: fetch api Axios로 대체 및 파일 합침, 상태 관리 리팩토링

Description

fetch api Axios로 대체 및 파일 합침, 상태 관리 리팩토링

To-do

• 회원가입(joinAPI), 로그인(loginAPI) : user.js 파일로 합침
• 좋아요(likeAPI), 좋아요취소(cancelLikeAPI) : like.js파일로 합침
• 팔로우(followAPI), 언팔로우(unfollowAPI), 팔로워(followerAPI, 팔로잉(followingAPI) : follow.js 파일로 합침
• api 합침에 따른 상태관리 리팩토링

ETC

이슈 추후 업데이트

♻️ [Refactor]: 웹 성능을 위한 이미지 최적화

Description

�페이지 로딩시간을 줄이기고 웹 성능을 높이기 위해 이미지 최적화를 진행

To-do

• 클라이언트가 업로드하는 이미지 압축
• 사이트 자체 제공 이미지 압축
• 이미지 크기를 정확히 지정하여 reflow 줄이기
• css sprite 기법 사용

ETC

https://masankong.tistory.com/52

🛠️ [Feature]: 프로필 페이지 기능 추가

Description

profile 컴포넌트로 내 프로필, 유저 프로필 재사용하며 프로필 내 필요 기능 연결

To-do

• 내 프로필 정보 API 연동
• 내 프로필 수정 버튼 추가
• 내 프로필 수정 기능
• 내 프로필 이미지 반영 기능
• 다른 유저 프로필 정보 API 연동
• 팔로워, 팔로잉 API 연동
• 팔로워, 팔로잉 리스트 띄우기
• 해당 유저의 상품 목록 API 연결
• 해당 유저의 게시글 목록 API 연결

ETC

팔로우, 팔로우 취소 기능, 좋아요 기능도 있긴 함

🛠️ [Feature]: Pofile 팔로우, 언팔로우 기능 추가

Description

내 프로필 또는 타 유저 프로필에서 팔로우, 언팔로우 기능 추가 및
팔로우 상태값에 따른 분기처리

To-do

• 팔로우 버튼 분기처리
• 팔로우/ 언팔로우 기능 구현

ETC

20230622

👾 [Bug]: 세부 디버깅

Description

프로젝트 발표 전 전체 디버깅

To-do

공통

• 팔로우버튼 커서
• 모든 이미지 예외처리 (상품, 게시물)
• 버튼 active css 추가
• React 페이지 이동 시 스크롤 맨 위로 오게 하기
• 필요없는 주석, 파일 지우기

회원가입, 로그인 페이지

• 로그인, 회원가입 단 타이틀 이미지로 변경
• 로그아웃 후 뒤로가기 버튼 막기
• 로그아웃시 장바구니 리코일 초기화

메인 페이지

• main bottom 게시글 hover transtion 추가, 숫자 옆에 하트 아이콘 추가, text css
• main 스켈레톤 UI 살리기
• main bottom에 팔로우 버튼 누르면 깨짐
• main bottom 팔로우 버튼 기능 연결 안되있음
• main left 슬라이드 처리 (보류)
• main bottom margin 너무 큼
• main follower product 상품 연결

프로필 페이지

• 게시글/상품 local Nav 다른곳 누르면 꺼져야함
• 유저 프로필 ButtonLineIconUI hover시 떨림 (→ border 삭제)
• 다른 유저 상품에선 수정, 삭제 뜨면 안됨
• 다른 유저 게시물에선 수정, 삭제 뜨면 안됨
• 마이페이지 팔로워 팔로잉 버튼 왔다갔다 할떄 heigth 값 다른거 수정 하기
• 프로필 수정중 accountname 다 지우고 수정 완료 누르면 내 accountname 사라져있음
• 작가랑 채팅하기 누르면 해당 유저로 안감

채팅 페이지

• 채팅 스크롤 시 채팅이 프로필 위로 올라감
• 채팅쪽 스크롤 바 없애기
• 채팅 윈도우에선 스크롤 생김

네비게이션 관련

• Navigation Post active 됐을때 높이값 깨지는거 수정
• 상품/게시물 로컬 네비, 이미지 hover 하면 뒤로감
• 로컬 네비 클릭할 때마다 한개씩 다 뜸

좋아요 버튼 관련

• 상품 좋아요 버튼 누르면 토스트 UI 뜨기
• 좋아요 셋타임, 클리어
• 좋아요 분기처리, 남이 봤을 때는 숫자만, 빨간하트 안되어있게

푸터

• footer git버튼에 url 추가
• footer 글씨 수정

그 외

• 상품 상세 페이지에서 구매하고 싶어요 누르면 채팅 페이지로 이동
• 장바구니에서 주문서 작성 누르면 채팅 페이지로 이동
• cart 버튼 disabled 시 구매하고 싶어요 버튼 cursor pointer 해제
• 상품 / 게시물 업로드시 로딩 css 수정

---

• UI가 같은 컴포넌트 API 객체 key 값 분기처리

🛠️ [Feature]: 로그아웃 상태 구현

Description

로그아웃 상태 구현 및 반영

To-do

• 로그아웃 : 로그인 관련 상태 모두 반대로 처리
• 모달에 로그아웃기능 달아놓음

ETC

20230618

🛠️ [Feature]: 로그인 단 전체 기능 완료

Description

이슈 추후 작성 예정

To-do

• setprofile 프로필 이미지 업로드 기능 구현, 이미지 API
• 소개 메세지 API 연동
• 이미 가입된 이메일 처리

ETC

작업기간 : 202300619 -

🛠️ [Feature]: Chat 기능구현

Description

chat 간단한 기능 구현
:chat API 서버가 없어 간단한 보여주기식 기능구현, 채팅 목록은 현재 팔로잉 기준

To-do

• 프로필, 팔로잉 API연결
• 데이터를 불러오는 도중 스크레톤 UI 실행
• 내가 클릭한 유저의 정보를 채팅창에 노출(유저가 보낸메시지, 유저의 이미지)
• 인풋창에 메시지가 입력중일때만 보내기 버튼 활성화
• 인풋창의 메시지를 전송하면 채팅창에 노출
• 채팅 나가기를 누르면 현재 채팅중인 유저 채팅목록에서 제거

ETC

20230624-20240625

🛠️ [Feature]: 상세페이지 기능구현

Description

상세페이지 기능 구현

To-do

• 제품 가격 3자리 마다 컴마 찍기
• 메인에서 클릭한 해당 데이터 상세로 이동
• 재고량 초과시 카운트 막기
• 재고가 없을시 구매장바구니 버튼 비활성화

ETC

기타사항

💅 [Style]: 로그인 페이지 세부 디자인 수정

Description

6/9 회의 안건에 따른 세부 디자인 수정 작업

To-do

• 로그인 페이지 캐러셀 fade-in, fade-out 시간 조정
• 나만의 굿즈 판매 플랫폼 구디! 부분 폰트 사이즈 줄이기
• setprofile 페이지 전체 마진 수정
• setprofile image_def 및 add 버튼에 파일 추가 기능
• mock 상품 수량 데이터 추가
• 버튼에 전부 커서 스타일 추가

ETC

작업 기간 : 202306010 - 20230611