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