top drop menu

Recent Post

화요일, 11월 13

Node.js(6) 간단한 홈페이지 만들기 part2

최대한 간단하게라도 일일히 홈페이지를 만들려니 귀찮다. 이럴때는 템플릿을 이용하면 된다. 무료로 다운로드 가능한 템플릿을 검색해 보면 엄청 많다. 이 보다 더 잘 만들수가 없다.  원하는 템플릿을 찾았다면 다운로드 받자. 보통 index.html 파일과 CSS/JS/Image등으로 디렉토리 별로 잘 정리 되어 있다. 이걸 작동중이 Node.js서버에 그대로 올려 주면 된다.
이미지 111
문제는 index.html 파일이다. 확장자를 그대로 올려는 안된다. 지금 Node.js 에서 ejs 템플릿 엔진을 사용하고 있으니 확장자를 ejs로 변경해 줘야 한다.  그리고 index파일만은  views 디렉토리에 업로드 해줘야 한다. 나머지 css/fonts/images/js 디렉토리는 public 디렉토리 안에 그대로 업로드 해주면 된다. 이렇게 해서 아무런 문제가 없으면 정말 다행이다. 그런데 뭔가 문제가 발생되면 수정하기가 골치 아프다. 다른 사람이 만들어 놓은것이라서 찾기가 간단하지 않다. 행운을 빌어야지…
수많은 템플릿 중에서 하나를 다운로드 받아서 Node.js서버에 올렸다. 아무런 문제가 없다. 잘 동작한다. 이제 내용만 변경해 주거나 약간 손을 보면 된다. One page 홈페이지이다. 당장은 콘텐츠랄게 없기 때문에 페이지 하나면 다 해결된다.  index 페이지에 부하가 많이 걸릴수 있지만 이정도는 문제 없을것으로 생각된다.
이미지 112
중간 결과물 - 대충 이런 느낌이다. 쉽게는 텍스트나 이미지만 교체를 해주고 링크만 손을 보면 된다. 여기다 원하는 기능을 첨가 해 주면 될듯 하다. 메인 메뉴를 클릭하면 스크롤 되어 해당 영역으로 이동되는 방식이다.

사용한 템플릿은 아래 링크이다.
https://justfreetemplates.com/web-templates/view/3898-flame-onepage.html


Blogger Widget