[Node.js_6기 본캠프] Today I Learned_0805

(팀 프로젝트) 팀 소개 웹페이지 만들기  

본격적인 게임 서버 개발에 앞서, HTML과 CSS 기초를 활용한 팀 소개 페이지 제작 프로젝트가 주어졌다.

 

 

 

Create(생성), Read(읽기), Update(수정), Delete(삭제) 기능에 익숙해지는 것이 1차적인 목표인 만큼 팀 소개 페이지 구성과 기능에 대한 고민이 필요했다. 예제에서는 네이버 뉴스를 불러오는 기능이 있었으나, 현재 팀원들의 숙련도가 높은 편이 아니기에, '팀 소개'라는 목적에 집중하기로 했다. 와이어 프레임은 하기와 같다.

 

1) 팀 소개 및 팀원 사진을 메인 홈페이지에 바로 노출시키고 2)팀원 별 자세한 내용은 별도의 창에서 불러오며 3)수정이 필요할 경우, PW 인증과 함께 수정 가능한 창을 불러온다. 4)추가로 멤버 등록이 필요할 경우, 홈페이지의 하단 버튼을 통해 정보를 입력할 수 있도록 한다.

 

API 명세서는 익숙하지만 낯선 형식이라, 작성하는 것이 쉽지 않았다. method와 url에 대한 사전지식이 부족하여 처음에는 url을 각 페이지별로 부여했으나, 튜터님의 피드백을 받아 method와 url을 연결시켜서 분리 및 통일할 수 있었다. 

 

ERD는 사실 오늘 처음 보게 된 개념이라, 가장 많이 헤메었던 작업이다. 예시를 보고 나서야 DB 관리 관련 요약도(?)라는 것을 알게 되었다. 팀 소개 페이지 같은 경우, 복잡한 구성의 DB가 아니기에 굳이 여러개의 모델을 사용할 필요가 없다는 튜터님의 조언에 따라 하기와 같이 간단하게 구성해보았다.

 

 

사전캠프에서 주어졌던 강의만으로 위와 같은 기능들이 실제로 작동하는 페이지를 제작할 수 있을지 걱정이 된다. 개념 이해 위주로만 공부했었기에, 기술적으로 부족한 부분도 많아 많은 노력이 필요할 것 같다. 마감일까지 완성할 수 있도록 강의를 포함한 다양한 자료들을 찾아봐야 하는 상황이라 다소 아찔한 감도 있다.