자바스크립트 기술을 활용해서 포트폴리오 소개 사이트를 만드는

예제(+설명)을 작성해봤습니다.

목표는 충분한 학습 키워드를 주면서, 주어진 환경에서 헤매지 않고 따라 할 수 있는 예제인데

잘 되었을지 모르겠네요.

프론트엔드 프레임워크는 Vue를 선택하였고

UI 프레임워크는 학습에 방해되지 않도록 순수하게 css로만 이루어진 bulma라는 친구를 사용해봤습니다.

서버 쪽 웹 프레임워크는 Express를 채택하였고, 노드 환경에서 실행됩니다.

DB는 예제를 바로 다운로드하고 바로 실행 가능하도록 sqlite3를 채택했습니다.

예제 사이트 모양은 이렇고

목차는 아래와 같습니다.

깃 허브 사용이 익숙하시면 좀 더 공부하기 편하실 것이고

Clone or download 누르시고 Download ZIP로 다운로드하셔서

공부하셔도 크게 상관은 없습니다.

vscode로 챕터 디렉터리 별로 열여서 사용하시면 됩니다. (전체 열기 노노...)

관심 있으신 분들 한번 공부해보시고 도움이 되셨다면 깃헙 Star도 살포시 눌러주시면 더 보람이 있을 것 같네요

자바스크립트 기술(Vue + Node(Express))로 포트폴리오 소개 사이트 만들어보기