2023.08.14.월 : 프로젝트 시작 . 초기설정

오늘부터 프로젝트 시작!

 

오늘 할 일은 프로젝트 시안을 짜고 피그마를 완성하는 것!

힘을 내보자

 

1. 언어와 렌더링 방식 결정

• 리액트 - 타입스크립트 (CSR) 방식으로 가기로 결정
• 백은 - express.js 로 결정
• CSR로 결정 : 초기 페이지 로딩 후, 클라이언트 측 JavaScript가 실행되어 동적으로 컨텐츠를 렌더링 및 업데이트하고 이로 인해 페이지 전환 시에 부드럽고 빠른 사용자 경험을 제공할 수 있고, 사용자가 바로 인터렉션해야하는 사이트이기 때문에 CSR로 결정

2. 메인 페이지 대강적인 ui 및 로고 대표컬러 결정

• 화면 사이즈 (가장 사용률 높은 사이즈로 결정)
• height: 1024px;
• width: 1440px;
• 로고(메인로고, 미니로고)

3. 파트배분

• 로그인/회원가입
• 마이페이지(개인정보수정, 찜목록, 게시글 목록, 게시글 찜목록, 등록한 가게목록)
• 가게 등록 페이지, 검색 결과
• 추천메뉴식당 및 식당정보 페이지
• 리뷰/별점 페이지 및 메인페이지
• 파트너 게시판

4. 폴더 구조 결정

 

회의주제

-언어, 렌더링방식 결정
-메인페이지 UI 및 로고, 대표컬러 결정
-와이어프레임
-파트배분
-폴더구조
-erd

 

정해진 것	고민할 것
1.언어, 렌더링방식 결정 -프론트 - 리액트, 타입스크립트 (CSR) 방식으로 가기로 결정 -백 - express.js 로 결정 - CSR 2. 메인페이지 UI 및 로고, 대표컬러 결정 -화면사이즈 - 가장 사용률이 높은 1440px X 1024px 3. 파트배분 -로그인/회원가입 -마이페이지(개인정보수정, 찜목록, 게시글 목록, 게시글 찜목록, 등록한 가게목록)  -가게 등록 페이지, 검색 결과 => 내가 할 것 -추천메뉴식당 및 식당정보 페이지 -리뷰/별점 페이지 및 메인페이지 -파트너 게시판 4. 폴더구조	1. 각자 파트별 erd와 와이어프레임

 

5. 오피스아워

• 코치님들과 첫 만남을 가지고 인사하는 시간을 가졌다.
• 팀원 모두 풀스택으로 진행하는 것에 대해 코치님께서 한 가지 우려되는 사항을 주의했으면 좋겠다고 말씀하셨다.
• 편하고 쉬운 한가지 기능만 하려고 하지말고 CRUD기능을 골고루 사용해보는 것을 추천해주셨다.
• 기술스택 리액트, 익스프레스, 타입스크립트, CSR을 선택한 이유를 말씀드리고 이 스택을 쓰는 것이 괜찮은지 확신이 들지 않는다고 여쭤보았더니 잘 선택했다고 해주셨다.
• 모두들 백엔드가 처음이라면 익스프레스를 사용하는 것을 잘 선택했다 하셨다. Next.js는 경험해보는 것도 좋으나 지금 당장 해보진 않아도 되니 프로젝트에 맞춰서 할 수 있는 것부터 하는것이 좋다고 하셨다.

 

✏️생각해본 것

어쩌다보니 모든 팀원들이 풀스택으로 프로젝트를 진행해 보기로 하였다.

풀스택에 대한 걱정이 있으나 열심히 공부해가면서 일단 해봐야지!

하다보면 다 되는거니까 힘을 내보자!