[동아리 사이트 제작 - 01] 기초 기반 마련

프로젝트 진행 기간 : 2019.2.14~ 2019.3.3

 

신입생들의 동아리 신청 자소서를 받을 사이트를 제작해야 했다.

빠르게 동아리 멤버 3인조로 팀을 꾸렸고,

신촌에서의 한 번의 밤샘과 여러번의 집 디코 밤샘을 통해 틀을 만들고 제작했다.

 

Node.js와 Express 프레임 워크를 사용하기로 결정하고 

VSCode의 라이브쉐어 확장 프로그램의 도움을 받아 제작하였다.

 

내가 nodejs로 웹사이트를 제작해 본 것은 블로그 하나정도였지만,

경험이 부족하다 해서 안 될 것이 뭐가 있는가 :-)

 

우리 조원들의 역할 배분은 이렇다

나 : 프론트엔드 100% 백엔드 40%

팀원 1 : 백엔드 60%

팀원 2 : 기타 (도메인외 설정 등등)

 

나 외에 디자인이 가능한 사람이 없었기에 내가 프론트를 전부 맡아서 했다.

이 프로젝트 덕분에 CSS에 좀더 친숙해 진 느낌이 든다. ㅠㅠ

 

 

각자 일정을 조정해 모이게 된 신촌 밤샘 날

신촌 모아스터디 밤샘

팀원간 의사소통이 중요하다 생각하기에 롤 한 판을 같이 하고 시작했다 (?)

 

스터디 센터를 대여할 때 일부러 화이트보드가 있는 회의실을 선택했다.

 

사이트 구조를 짜는 즉석 회의에서 손으로 그리는 것 만큼 편한게 없는 것 같다.

 

 

대략적인 사이트 구조, DB 구조와 프론트에서 사용할 함수들, 프론트와 백엔드간 사용할 데이터들을 전부 정의하고 정리하며 큰 틀을 마련할 때쯤 아침이 밝아왔다. 

 

MongoDB를 사용하기로 정했기에 정의된 스키마들.

정의된 스키마들

각각 사용 용도에 맞게 전부 지정되었다

 

Project
  -config       중요 함수 보관 및 어드민 페이지 접근 정의
  -database   스키마 정의 및 몽고DB연결
  -logs         로그
  -node_modules
  -public
  -routes
  -tools       비밀번호 암호화 저장 및 입력 정규식
  -views

 

 

 

 

밤샘 때 정한 틀의 프론트엔드 부분을 대략 8일동안 제작했다.

 

다음 게시물에서 ->