에러 해결
Modify
좋아요 기능
value 에러 (은영)
앨범형 이미지 세로 길게 보임 (혜빈) 앨범 리스트 상세페이지 이동 추가?
팔로잉 페이지에서 페이지를 찾을 수 없습니다 유저프로필 어카운트 주석? 없는 유저? (풍윤)
이메일 회원가입 → 회원가입 하면 프로필 설정이 나오는데 새로고침 하면 이메일 회원가입으로 다시 로드되는 문제 (풍윤)
input custom require (풍윤)
실시간 폼 유효성 검증 (풍윤)
폰트 해결 (여러 이미지 캐러셀 엑박)
데이터 없을 때 ⇒ 아직 작업 중 (미경)
상품 미리보기 매~우 느림 뭔가 잘못된듯 (미경)
캐러셀 버튼 수정, 아이콘으로 변경하기 (후순위 - 미경)
폰트 문제, 로딩페이지 이미지 깨짐 (핸드폰 사이즈에선 괜찮아서 시간되는데로 바로 고칠 예정 후순위), 모달에서 계정을 바로 못읽어와서 작동이 안되는 이슈~~~
리드미 정리
폴더트리 (은영)
ppt 내용 옮기기 (은영)
해야할 일 (오전 10시)
배포 → netlify
배포 후 전체적으로 에러 확인 및 수정
오후 다른 팀 발표
•
접근성, 반응형, 웹접근성, 웹표준, SEO 준수에 대한 내용 꼭 들어가야한다
•
컨벤션 관련 내용은 세세하게 어떤 함수명을 썼는지 구체적인 예시가 필요하다
•
느낀점은 여러줄 작성해주세요.
•
노션 말고 readme에 넣어주세요. 경험상 그 노션이 없어질 가능성이 매우 높습니다.
•
프로젝트에서 겪은 어려움, 문제점 : 문제를 해결하지 못한 것 문제를 드러내는 것을 치부라고 생각할 수 있는데 오히려 컴퓨터사이언스에서는 에러를 발견한 만큼 성장한다고 생각하기 때문에 써주는 게 좋다
•
이미지 용량 최적화
•
로컬 스토리지에는 토큰값만! 유저 아이디는 안돼요!
•
우리가 잘 하고 있나? 회사 가서도 반복이 된다. 그럴 때마다 그런 문화를 만들어가는 환경이 중요하다. 코드를 공유하고 같이 해결하고 …
•
추가적으로 Title 관련하여 웹접근성을 개선한다면 Login - ㅇㅇMarket 이렇게 서브페이지 이름이 앞에 나오는게 좋다. 해당 사이트가 ㅇㅇMarket 임을 알고 있으니 서브페이지 이름이 먼저나오는 것이 사용자 피로도가 낮다.
저녁 발표 준비
미경 : ppt 디자인
은영 : 리드미 내용 추가(컨벤션(예시와 함께), 느낀점, 등등..)
혜빈 : 시연 동영상
풍윤 : gif 대체
일부 한번 재생되고 멈추는 이슈
프로필 공유 추가
리드미
시도 및 추후 개선 방향
•
전역 상태 관리
◦
가볍고 유연한 전역 상태 관리를 위해 recoil을 도입하였으나 문제점이 발생했습니다.
◦
문제점 : 리코일로 authAtom 토큰을 저장해서 상태관리를 하려고 했는데, authAtom 값이 바로 안불러와지고 undefined으로 찍히는 문제가 있었습니다. (예)로그인을 했을 때 바로 업데이트된 값을 못 받아오는 문제(my_profile/null) 새로고침하면 값이 불러와지는 경우) 전역으로 관리가 안되는 것 같았고 로컬 스토리지로 관리하는 것과 차이를 크게 느끼지 못했습니다.
◦
개선 방향 : 지금 사용할 특별한 이유가 없고, localStorage.getItem(’auth’)만 필요한 곳에서 호출하면 된다는 피드백을 받았습니다. 로컬 스토리지에 유저 이름 같은 개인 정보를 저장하는 것은 예민한 문제일 수 있기 때문에, 전역에서 state 값으로 관리하는 등 상태 관리할 방법을 고민해서 적용해보려고 합니다.
•
axios / API : 유지 보수와 코드 중복 최소화를 위해 서버와 통신하여 호출하는 모든 것들을 API 파일에 분리하여 관리할 예정입니다. 복잡성을 낮추어 하나의 폴더만 보고도 API를 빠르게 파악할 수 있을 것입니다. 유지보수와 코드 중복 최소화를 위해 공통된 API 파일을 분리할 예정입
•
재사용되는 컴포넌트 분리 : 추후 확장 및 유지 보수를 고려해 재사용되는 컴포넌트는 별도로 common 폴더에서 관리할 예정입니다.
리코일 내용을 넣지 않는게 좋을 것 같아용..!
너무 뭣도 모르고 쓴거같아서,,? 그런가요 ???ㅠ 흠 근데 코드에 리코일을 쓰긴 써서 .. 전역상태관리 시도를 해봤으나 이런 문제가 있었고 고민해서 어쩌고 개선하겠다 라고 쓰고 싶은데 뭐라고 할까요
•
•
웹 접근성
•
성능 => 현재 성능 사진 첨부 => 몇 % 증가
•
기능 개선 => 결제 기능 추가?
추후 리팩토링 하고 싶은 부분
로그인 토큰 검증 (혜빈)
폼 밸리데이션 (풍윤)
채팅방 목업 데이터로 재구현 (은영)
포스트 업로드/수정 페이지 하나로 합치기 (은영)
포스트 모달 중복코드 분리 (은영)
차별화 포인트 (삭제된 내용)
•
재사용하는 공통 컴포넌트를 공동 작업으로 제작하여 업무 분담 이후 효율적으로 작업할 수 있었습니다.
•
aixos, async/await 비동기
•
* react v6 문법 준수 : router outlet, navlink , useNavigate()
•
이미지 미리보기와 업로드 분리
이미지 업로드시마다 API 요청을 보내는 것은 해당 이미지가 실제로 게시글에 사용될지 아닐지 모르는 상황이기 때문에 번거롭고 비효율적일 수 있습니다. 따로 값으로 이미지들을 받아둔 후 업로드 혹은 수정 버튼 클릭시 준비된 이미지를 업로드하고 결과 값을 받아서 게시글 데이터와 함께 업로드하는 방식으로 구현했습니다.
