파이널 프로젝트 4일차(21-11-25)

SR 기획 & 기본 개발 환경 세팅

API 와 프로토타입, 소통의 매개체

프로토타입을 백엔드분들과 함께 공유하며, api상 얼마나 맞는지 크로스체킹하는 절차를 진행했습니다. 공유하기 전에는 몰랐던 누락된 부분이나, 추가해야 할 부분, 더 생각해야 할 부분이 무엇인지 알 수 있었습니다. rest API에 대해 생각해볼 기회가 되었습니다. 조인 테이블을 구성하지 못했다는 것을 새롭게 알게 되었습니다. 데이터베이스에서 조인 테이블 구성은 프로젝트에서 반드시 요구하는 기능 구현이었기 때문에, 추가로 생각해야 할 문제일 것 같습니다.

데이터 목록 순서

메인페이지에서 포스트 목록을 요청할 때, 최신순(sort)으로 데이터 전달을 해야 한다고 백엔드 팀원분들에게 전달했습니다. 저희는 포스트 목록 데이터를 'created-at'기준으로 순서를 짜서 응답으로 보내주겠다는 답변을 받을 수 있었습니다.

용어 통일의 필요성

params, parameter 등 여러 말로 불리는 용어를 통일시켜야 소통이 원할해질 것 같습니다.

위시리스트 버튼 GET요청에 대한 API

좋아요 버튼 요청을 어떤 식으로 응답을 받아야 하는지 결정하지 못했습니다.

판매 완료 여부를 표시하는 데이터

나눔완료 여부를 확인하는 state가 필요하다는 것에 합의했습니다.

무료 일러스트 참조 사이트

freepick

flag란?

리액트에서 컨포넌트를 감싸줄 필요가 있을 경우 사용하는 태그입니다.<> </>

ducks pattern이란?

한 파일에 리덕스 플로우를 다 적는 패턴을 말합니다. redux-toolkit은 기존 redux보다 간단하게 코드 작성이 가능하기 때문에 더욱 유효한 패턴입니다. 현업에서 많이 쓰인다고 합니다.

rsc란?

리액트 컴포넌트 자동완성 단축키입니다.
Reactjs code snippets vscode extension 파일이 설치되어있어야 작동합니다.

exact 속성의 중요함

리액트에서 라우팅을 할 경우 exact를 써야, 브라우저에서 화면이 나타난다.

dev merge 에러 이슈

 jiwoo@Jiwooui-MacBookPro  ~/desktop/GongJang   dev  git pull upstream dev
https://github.com/codestates/GongJang URL에서
 * branch            dev        -> FETCH_HEAD
힌트: Pulling without specifying how to reconcile divergent branches is
힌트: discouraged. You can squelch this message by running one of the following
힌트: commands sometime before your next pull:
힌트: 
힌트:   git config pull.rebase false  # merge (the default strategy)
힌트:   git config pull.rebase true   # rebase
힌트:   git config pull.ff only       # fast-forward only
힌트: 
힌트: You can replace "git config" with "git config --global" to set a default
힌트: preference for all repositories. You can also pass --rebase, --no-rebase,
힌트: or --ff-only on the command line to override the configured default per
힌트: invocation.

dev merger했을 때 발생했던 이슈

해결 방안