FPM 프로젝트

bacccine·2022년 6월 23일
0

To Do

인썸니아 설치
토요일까지 Figma 기준 388,399, 3-1, 사용자 프로필 완성해오기

코드 리딩 > 로그인 회원가입은 되어있다
금융데이터가 json 데이터가 어떻게 생겼는지 보고 어케 불러올지
백엔드 비즈니스 로직으로 짜보기 > 피그마보고 짜기

와이어프레임처럼 짜기

etc. TIP

.으로 시작하는 것은 숨김파일

8000 -> 3000번 포트로 변경했었음
compose 파일을 바꾸면 도커도 다시 run 해야한다

fe 실행

  1. command 창에서 fpm-fe 폴더로 이동
  2. yarn serve 명령어로 시작(webpack 개발 서버)
  3. yarn build 명령어를 수행하면 dist 파일이 추출된다(nginx)
    http://fpm.local/ 로 확인

mongoDB - 루트계정 만들기

  1. 도커 데스크탑 > 몽고디비 > open in terminal(우분투환경)
    su -> 나를 최상위로 바꿔라

  2. use admin -> admin으로 변경

  3. db.createUser( { user: "fpm", pwd: "fpm0704!", roles: ["root"] })

  4. fpm-be 폴더로 이동

  5. yarn dev 명령어를 쳤을 때 DB connected가 뜨면 성공

git feature branch

  1. git checkout -b feature/BHM-작업한 명
  2. 똑같이 push~
  3. pull 하고 레포가기 > open a pull request > reviewers에 다른 2명 assignees에 나 지정

Git 사용하는 법

  1. feature branch 만들어서 올린 후 ex. git push origin feature/BHM-작업이름
  2. github 홈페이지 레포지토리 간다 > pull requests > 한 명 이상의 review를 받아야 merge가 가능
  3. viewed에 체크한다. comment를 남기는 등의 review를 하자. Approve 라디오버튼에 체크 후 Submit review 제출
  4. 버튼 눌러서 squash and merge 한 다음 delete branch 버튼 누르고
  5. 로컬에서 pull requests 한 다음, 로컬 내 남아있는 feature branch를 지운다
  6. git remote prune origin 하면 remote에서 쓸모없는 브랜치들을 다 날려준다

인썸니아로 RestAPI 주고 받기

  1. + 버튼눌러서 Http request 누르기 > 빈 창이 뜬다 > API 작성
  2. 엔드포인트 /api~
  3. DNS는 api.fpm.local(API 서버, 모든 요청이 저기로 간다)
  4. Docs부분에 어떤 API인지 작성
    5.작성 예시
### Request
POST body empty
설명설명~ 
### Response
성공 201
실패 400
  1. 잘 실행되었는지 확인하기
    도커와 서버 켜져있는지 확인할 것
    be 폴더 내 .env 파일에서 사용자 이름:비밀번호 가져오기
    MongoDB Compass(몽고디비에 SSH 기반으로 붙은 것) 켜서 New Connection
    Edit Connection String 을 ON

    Save 버튼 누르고 Connect한 후, Databases > user_info가 생겼음을 볼 수 있다

REST API - EndPoint Naming Rule

모델 이름은 무조건 단수 명사

GET: api/users -> 모든 유저를 가져온다 
GET: api/user/<pk> -> 특정 사용자 가져온다
POST: api/user -> 사용자 등록
PUT: api/user/<pk> -> 사용자 정보 수정
PATCH: api/user/<pk> -> 부분 업데이트
DELETE: api/user/<pk> -> 특정 사용자 삭제하기

OPTION/HEAD : method는 지금 프로젝트에선 쓰지 않는다

예시
A 유저의 계좌 정보를 가져와라
GET: api/user/<pk>/deposits -> 역참조를 하는 형태, User 정보를 줄 필요가 없음

인썸니아로 테스트하기

왼쪽 상단 프로젝트 이름 > Import Export > Export Data > Export the "FPM project Collection" > All 체크 > Insomnia v4 JSON

이렇게 추출한 json 파일을 공유하기

추출된 json을 가져오려면 Import Export > Import 하기
옆에 폴더 아이콘이 생기는데 그거 누르면 api 테스트할 때 썼던 Docs 등을 볼 수 있다

0개의 댓글