HELLO FOLIO(express, mongoose)- 1(기초 및 기획)

엘리스 부트캠프에서 포트폴리오 제작 및 공유 웹 사이트를 만들기 위한 프로젝트 기간이 시작되었다.

 

백엔드는 총 3명, 프론트는 총 2명으로 팀원은 총 5명이다.

 

나는 백엔드 포지션을 담당했고, 팀장 역할을 맡게 되었다.

 

그렇다면 먼저 팀장으로서, 프로젝트를 제작하기 전에 내가 할 것은?

 

1. 전체적인 틀 구상
2. 역할분담
3. 팀원 간 규칙정립
4. 3계층 구조에 따른 작업할 초기 폴더 구성 
5. git lab에 프로젝트 생성

먼저 첫 번째 , 전체적인 틀을 구상했다.

 

프로젝트 MVP

• 로그인과 회원가입 관련한 user MVP
• 자격증 관련한 certification MVP
• 수상내역 관련한 award MVP
• 학력사항 관련한 education MVP
• 프로젝트 관련한 project MVP

와이어프레임을 통한 프로젝트 페이지 구성

• 로그인 및 회원가입 페이지
• 비밀번호 재생성 및 새 비밀번호 생성 페이지
• 유저 선택 페이지
• 마이 페이지
• 유저 페이지

두 번째 역할 분담이다. 정도에 따라 분담을 하기로 했다.

 

먼저, 백엔드 이다.

• 팀장: userMVP
• 팀원1: certMVP와 educationMVP
• 팀원2: awardMVP와 projectMVP

다음으로 프론트엔드 이다.

• 팀원3: 로그인 및 회원가입, 비밀번호 재생성 및 새 비밀번호 생성 페이지, 유저 선택 페이지
• 팀원4: 팀원 4는 마이 페이지와 유저 페이지

 

세 번째, 팀원 간 규칙을 정립했다. 

 

1. 본인이 짠 코드에 이해가 필요한 부분은 주석 달아놓기
2. git push 할 때 push 했다고 디스코드 스레드에 기입하기
3. git push 하기 전에 디스코드 스레드 확인하기
4. 안된다고 가만히 있거나 놓지말고 AI에 물어보든 팀원들과 토의를 하든 코치님께 여쭤보든 뭐라도 하기
5. 팀원 간 말투에 신경 쓰기
6. 6시간 이내로 메신저 확인

네 번째, 3계층 구조에 따라 폴더 구조를 구성했다.

 

web_project/
├── db/
│   ├── model             # 각종 모델 폴더
│   ├── schemas           # 각종 스키마 폴더
│   └── index.js          # db 연결파일
├── middleware/           # 각종 middleware 폴더
├── passport/	          # 로그인 관련 passport 폴더
│   ├── strategies        # 전략 구성
│   └── index.js          # 전략 exports 파일
├── routes/               # 라우트 관련 폴더
│   └── index.js     	  # 라우트 exports 파일
├── services/             # 유저 관련 service 폴더
├── views/                # EJS 템플릿 폴더
├── public/               # static 파일 폴더
│   ├── css/              # CSS 파일들
│   ├── js/               # JS 파일들
│   └── images/           # 이미지 파일들
├── .env                  # 환경 변수 파일
├── .gitignore            # Git 무시 파일
├── package.json          # 프로젝트 메타데이터 및 종속성 목록
├── app.js                # 애플리케이션 진입점
├── index.js              # 서버 실행 파일
└── README.md             # 프로젝트 설명 파일

 

마지막으로, git lab에 프로젝트를 생성했다.

 

그럼 한번 제작을 시작해보자.

 

시작하기 전에 dotenv 모듈을 설치받자 .env 파일을 사용하기 위함이다~

 

$ npm i dotenv