[엘리스 sw 엔지니어 트랙] 66~70일차 스탠바잇 프로젝트 1주차

오경찬·2022년 7월 29일
0

수업 66~70일차

이번주 부터는 엘리스에서 시행하는 팀원들과 함께 하는 프로젝트 2차를 시작 하게 되었다 프론트 엔드 캠프지만 백엔드를 희망 하는 나로써는 이번에도 백엔드 파트를 담당하게 되었다~!

내용

월요일부터 수요일까지 3일간 프로젝트 안내 받고 프로젝트를 기획하도록 하였다!
어떤 주제의 프로젝트를 할것인지, 어떤 기술을 쓸려고 하는지, 어떤 방식으로 구현을 할지 정하는 시간이였다.

팀원의 투표결과 음식점을 예약하는 프로젝트를 하기로 하였구
이름을 고민하다가 다른거는 기다리지 말고 먹을 준비만 하라는 의미에서
StandByeat으로 정했다!

그리고 노션과 피그마에 어떻게 만들지 틀을 그리게 되었다!

노션페이지를 새로 만들고 팀원의 스크럼을 적고 어떤 기능을 구현할지, 관련된 사이트는 어디를 참고 할것인지 등등 팀원에게 공유할 내용들을 작성하였다~!

https://www.notion.so/2-792e607f88f7495fbad136e9168601f2
링크는 이렇게 된다~


피그마도 프론트분들이 작성하여 이런 식으로 페이지를 구성할꺼다 라는 화면을 작성하였다!

https://www.figma.com/file/ey4pOq90z2jHRkivXGDeLq/%ED%85%8C%EC%9D%B4%EB%B8%94%EB%A7%81-%EC%98%88%EC%95%BD?node-id=0%3A1

이번에는 바닐라로 js 코딩하는게아니라 리액트를 쓰기 때문에 클라이언트를 열고 서버를 열어서 두개를 연결시켜야하는데 그방법을 찾기위해서 proxy라는 걸 알게 되었다. 그래서 리액트 json쪽에 proxy포트를 적어주고 서버와 연결했는데 오피스 아워때 코치님께 물어본 결과 그럴 필요없이 두개의 서버를 열어주고 클라이언트 쪽에서는 서버의 API만 가져오면 되는것이였다...!

그결과 리액트인 3000포트에서 5000포트인 DB에서 값을 가져올수 있게 되었다!

DB에서 Data.id을 가지고와서 보여주게 된다.
포스트맨도 연동하여 DB에 값을 넣고 회원가입까지는 구현하게 되었다.
앞으로 2주간 더 발전된 기능을 추가하고 실력이 늘었으면 좋겠다!

스키마도 작성하여 스프레드 시트에 공유하고 작성하였다

https://docs.google.com/spreadsheets/d/18wSjjrUqZakAKz6wTBfXr6sPJwrnJSJTrbowwTkci1I/edit#gid=276855386

profile
코린이 입니당 :)

0개의 댓글