Portfolio

📌

비동기 소통 + 다음날 회의에서 얘기할 주제

사용자 경험, 추가해야할 기능

알림 Toast

저희 게시물 구현할 때 local Storage 사용하나요? → 게시물 자동 저장에 필요

검색 디바운스 적용

헤더 유저 검색 placeholder 문구

로고, 전체 색상

ex) post 삭제 후 그 게시물을 좋아요 한 경우

비밀번호 수정

사용자 액션(게시물 수정, 삭제)에 대해 한번 더 확인을 받는 컴포넌트(ex. 정말 게시물을 삭제할까요?)를 만들면 좋을 것 같다 → 일단 window.confirm 같은거 사용하는걸로 하고 추 후 구현

6월 8일 (수)

react hook form / formik

사용하면 좋을 것 같아요

상윤) 메인페이지에서 “글쓰기”를 눌러서 게시물을 추가하려할 때 모달로 하는게 좋을까요 아니면 새로운 페이지로 이동하는게 좋을까요?(일단 피그마에는 대충 모달로 디자인을 해봤읍니당.) 저는 둘 다 상관없는데 모달로 하게 되면 모달 바깥을 눌렀을 때는 모달이 닫히지 않도록 하는게 좋을 것 같아요. 만약 사용자가 글을 쓰다가 실수로 모달 바깥을 누르게 되면 글을 작성했던 것이 모두 사라져버려서(임시 저장 기능은 없으므로) 불편함을 느낄 것 같습니당. 이렇게 되면 모달창 안쪽에 “추가”, “취소” 버튼 2개로 사용자 행동을 컨트롤 하면 좋을 것 같습니다.

6월 9일 (목)

공통 상수 파일 생성 (파일 생성하고 각자 추가하기?… 충돌이 염려되니깐 나중에 빼는식으로 할까요?)

상윤) Modal 컴포넌트가 “모달 닫기” 버튼을 가지고 있어야 하는가?

모달은 헤더 Popover 구현, 새로운 글 작성 등 여러 컴포넌트에 자주 사용될 것 같은데 닫기 버튼을 가지지 않는 컴포넌트도 있습니다. 처음에 구현했던 것처럼 컴포넌트 안에 “모달 닫기” 버튼은 추가하지 않는 것이 좋을 것 같은 생각입니다.

있다

feather-icons 라이브러리 사용 사이트 - 태욱 이유는 icon 컴포넌트를 만들때 라이브러리 사용을하여 추가하기만하면 색상과 크기도 편하게 바꿀 수 있고 저희가 사용하는 아이콘들은 다 있다고 생각됩니다.

yarn add feather-icons —save 로 추가하시면 됩니다.

→ 오타..ㅠㅠㅠ

Buffer 모듈 설치 - 태욱

이유는 과거 CRA 기준 buffer가 같이 설치 되었지만 따로 모듈을 설치해줘야 buffer를 사용할 수 있는 것 같습니다. icon 컴포넌트 생성중 buffer 이슈가 있어 모듈을 따로 설치하여 import로 가져와 사용해야 할듯 싶습니다

yarn add buffer 로 모듈 설치가 가능합니다

6월 10일 (금)

카드 컴포넌트 + localStorage~

6월 11일 (토) ~ 6월 12일 (일)

kakao 도서 검색 api 연동 완료했습니다. “함께” 라는 키워드로 검색할때 결과입니다. (일단 25개만 띄우는 걸로 해놨습니다)

그런데 이거를 어떤 방식, 어떤 view로 보여줄까…이걸 먼저 정해봐야 할 것 같습니당. 떠오르는 구상이 있는데 주말에 한번 피그마로 그려보겠습니다!

⇒ 확인 완

⇒ API만 연결

commit 컨벤션 추가 -태욱

파일명만 변경하는 경우에 대한 컨벤션이 명확이 없다고 생각됩니다.


Rename
파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우


Remove
파일을 삭제하는 작업만 수행한 경우

파일만 수정하는 경우에 대한 commit 컨벤션을 추가하면 좋을 것 같습니다.

User의 column에서 책 이름을 받는 경우 payload라는 이름은 사용하면 안됨 - 다은 (https://www.notion.so/prgrms/DB-MODEL-a8f43bf86b934d19b06b839dfa4e347c) user의 정보를 context 로 사용하게 될 것 같은데 (자세한 설명은 이슈 ? or 설명) , 이 때 context 를 처리하기 위해 사용하는 userReducer을 통하여 제어할 때 payload라는 프로퍼티가 들어감..

6월 13일 (월)

슬라이더 구현의 경우 Swiper 라이브러리 사용

#F5F5F5

근거 : 상윤님의견 (슬랙에서 가져옴) - 저는 강력 동의합니다… 저번에 마이리얼트립 클론하면서 슬라이더 구현하는데 버그도 많고 꽤나 어려웠어서… ㅜㅜ 슬라이더의 경우 복잡한 JS 로직이 필요할텐데, 기능에 집중하기 위함

저희 전체화면 배경 색상에 대한 건의 - 태욱

기본값으로 설정되어 있는 배경이 너무 밝다는 느낌이 있습니다.

사용자의 입장에서 보았을 때 아이보리 같은 조금 더 부드러운 색상을 주는게 전체적인 이미지나 시각 효과에서도 좋을 듯 해서 건의 드립니다.

api 쓸 부분 정리한거 노션에 바깥에 빼주실 수 있나요? - 다은

확인 완

6월 14일 (화)

더미 데이터 모아놓는 파일 만드는거 어떤가용? - 다은

6월 15일 (수)

전체 색상

title 에 책제목, 내용, 구절 id 값 정하기


title : {
	bookTitle: '',
	postContent: '',
	postQuote: '',
}
// 이거 사용하는 쪽 다은님 & 상윤님 수정해서 반영해주세요

검색하면 key 값까지 검색되는 문제….😭

어쩔 수 없이 정규식 사용 혹은 slice메서드 혹은 filter 기능 등등 사용해서

책 검색 기능에 넣어야할 것 같아요

화이팅!

로고

6월 16일 (목)

회원가입 때 문구 받기 API 요청(오늘 저녁에 11시쯤) 올리겠습니다.

6월 17일 (금)

유저 아바타 디폴트 이미지도 있으면 좋을 것 같아요. 일단 인터넷에서 아무거나 주워왔습니다!

메인 페이지의 검색 기능 설명

이런 느낌으로 가는건 어떨까요?

6월 18일 (토)

로그아웃 시 ‘/login’ 혹은 ‘/’ 정하기

다은, 상윤, 태욱, 수경 ⇒ 메인

프로필 이미지 아래 vs 로고

1번 태욱, 상윤, 수경

2번 : 다은,

태욱님 안건

회원정보 수정 시 어떻게 보이게 할 예정인지

수정 버튼 누르면 바로 반영

6월 19일 (일)

다른 팀들 보니까 API 작업

좋아요, 댓글 삭제 delete할 때

좋아요, 댓글을 넣을 때는 postId로 요청을 보내는데

삭제를 하는 것은 좋아요, 댓글 객체의 id로 삭제요청

없는 ID를 넣어서 요청을 보낼 때**

서버 다운

6월 20일 (월)

유저 검색 시 api fullName 안에 fullName, quote가 안에 들어 있어서 검색 시 quote도 같이 검색되는 버그가 있습니다. 영어로 검색 할 시 quote가 나오게 되는데 이 버그는 api 상 어쩔 수 없기 때문에 영어로 검색이 안되게 막아야 할듯 싶습니다. ⇒ 메인 페이지에 관련해서 검색 결과를 필터링하는 로직이 있습니다. 참고해주실 수 있으실까요?

NewPostForm, Post 모달이 켜졌을 때는 바깥쪽 페이지 스크롤을 막으면 좋을 것 같습니다.

+) 댓글 썼을 때 스크롤을 막아주시면 좋겠습니다.

좋아요 버그 테스트 하나 해주실 수 있나요? ㅠㅠ 제가 믿고 싶은 대로 보이는 건지, 진실을 보고 있는 건지 구분이 잘 안갑니다…자세한 내용 토글

내용

195번째 라인 바로 뒤에 아래 코드 추가


useEffect(() => {
    if (!isRerender) return

    if (categoryName === 'ALL') {
      getAllPost()
    } else {
      getChannelPost(categoryName)
    }

    setIsRerender(false)
  }, [isRerender])

폰트 추가할까요? 다은, 태욱

lin에 연결할 수도 있고
기본에다가 해도 되고
어떻게 생각하세요?

책장 추가?

저는 ⭐️로..(이쁜 이미지를 찾기가 매우 힘들어요ㅜㅜ)
동감합니다..
저희 심플하게 가죠..

명패 디자인

예쁜데 그 제목이 잘 눈에 안띈다가 ← 이렇게 말했는데 어느새 변질..ㅠㅠㅠㅠㅠㅠㅠㅠㅠ
오? 좋은데요..?
나무 느낌에 > 글씨체 하얗게
다들 여유로워 보이시네요 아주 좋네

목소리가 많이 달라요 그저께랑

푸터

GOOD

안건(사용자 경험)