바람종
1k
2020-06-12 10:17:04 작성 2020-06-12 18:40:13 수정됨
5
3111

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


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

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

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

잘 되었을지 모르겠네요.

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

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

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

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


예제 사이트 모양은 이렇고

목차는 아래와 같습니다.

https://github.com/windbella/portfolio-challenge


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

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

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

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

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

17
  • 댓글 5

  • 싸이버거팬클럽
    27
    2020-06-14 17:12:32

    새 포트폴리오페이지 만들어보고 싶었는데 좋은 강의 감사해요~!! 천천히 따라해보겠습니다! 

  • 카레닌
    115
    2020-06-15 22:28:08

    나중에 읽으려고 댓글로 킵해둡니다 ㅎㅎ..

  • 입방정떨지마
    47
    2020-06-16 11:30:26

    오 괜찮네요 ! 참고하겠습니다!

  • 바람종
    1k
    2020-06-16 14:27:37
  • ratios
    110
    2020-06-17 09:31:29

    감사합니다 vue 공부에 참고할게요!

  • 로그인을 하시면 댓글을 등록할 수 있습니다.