[Node.js 2강] 이클립스(eclipse) + nodejs + github + cafe24호스팅을 이용해서 실제 개발한 웹사이트 소개

node.js에 대한 연재를 하기 전에 node.js를 공부하면서 개발한 사이트를 먼저 소개하고자 합니다.

단순히 공부를 위해 node.js를 로컬PC에서 개발해보는 것과 실제 오픈할 웹서비스를 기획하고 개발하는 것은 천지차이입니다. 

 

몇억 또는 몇십업 이상 규모의 공공기관 프로젝트를 해오다가 이런 조그마한 사이트를 만들려고 했을 땐 금방 만들겠거니 했습니다. 그런데 처음부터 끝까지 혼자서 개발하고 서비스를 오픈하는데 상당히 오랜 기간이 걸렸습니다.

 

우리가 학교에서 배운 것을 실제 프로젝트에서 써먹기 어려운 것처럼, 단순히 node.js를 책으로만 또는 인터넷 구글링을 통해 단편적으로 문법만 익히는 것보다는 한두페이지짜리 웹서비스라도 기획하고 개발하는게 훨씬 도움이 됩니다. 

코드가 상당히 꼼꼼해지고, 시행착오를 통해 전체적인 설계가 중요함을 깨닫게 되며, 다양한 요구사항을 처리하기 위해 node.js의 여러 기능을 찾아서 공부하게 됩니다.

 

그런데 개발보다도 웹서비스 기획, 사용자 편의성을 위한 디테일한 기능, 화면 디자인 등이 은근히 공수를 많이 잡아먹으니 처음부터 거창한 웹서비스를 기획하는건 좋지 않습니다. 

실제로 아래 화면은 제가 사이트를 어느정도 만든 다음에 통합테스트를 하면서 추가로 나온 수정사항들입니다.

실제론 화면에 보이는 것보다 더 많습니다. 아무튼 처음엔 작은 웹서비스를 만든다고 생각하시는게 정신건강에 좋습니다.

 

웹서비스에 적용한 기술

• 개발 툴 : 이클립스
• 백앤드  : node.js + express + ejs
• 프론트앤드 : html5 + css + javascript(jquery)
• 화면디자인(CSS) : jquery mobile
• DB : mysql
• 소스형상관리 : Github(개인 저장소 무료 제공)
• 호스팅 : Cafe24 (절약형 월 500원)

 

실제 만들어서 오픈까지 한 웹서비스

http://tenniscore.cafe24app.com/

테니스코어

 

앞으로 실제 웹서비스를 개발하면서 느낀 점들을 연재하도록 하겠습니다. 아래 글부터 시작해보세요.

 

2019/04/02 - [Node.js] - [Node.js 1강]node js 란? 장점, 단점, 어떤 웹서비스에 사용해야할까?

2019/04/02 - [Node.js] - [Node.js 3강] 이클립스(eclipse)에 node.js(NodeJS) 개발환경 설정 따라하기