vuetiful korea 2회 밋업에서 라이브코딩한 블로그의 코드입니다.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
vuetiful-api
vuetiful-blog
README.md

README.md

안녕하세요!

vuetiful korea 2회 밋업에서 라이브코딩한 블로그의 코드입니다.

시작하기

1. 서버 세팅

node.js + express.js 기반의 간단한 api 서버입니다.

  1. /vuetiful-blog-example/vuetiful-api/ 경로에 들어가셔서 npm install 혹은 yarn install 해주세요.
  2. 패키지들을 내려받으셨다면, app.js 파일을 열어주세요.
  3. 25번째 줄MongoDB 연결하는 부분이 있습니다. 로컬 MongoDB 계정을 연결하거나 mLab에서 무료로 MongoDB 계정을 생성하실 수 있습니다.
  4. DB 연결이 완료되었다면 app.js 파일을 실행해주세요. 3000번 포트로 api 서버가 열립니다.
  5. (귀찮게 해서 죄송합니다 ㅠㅠ)

2. 프론트 엔드

  1. /vuetiful-blog-example/vuetiful-blog/ 경로에 들어가셔서 npm install 혹은 yarn install 해주세요.
  2. yarn run dev 혹은 npm run dev 하시면 뷰로 작성된 간단한 블로그가 열립니다.

사용한 패키지

안내: 이 추가 패키지들은 이미 package.json에 포함되어 있습니다. 이미 npm install 하셨다면 다시 설치하실 필요 없습니다.

vue-cli의 webpack 템플릿이 기본적으로 설정해주는 패키지 이외에 추가로 사용한 패키지들은 다음과 같습니다.

  • axios - http 통신 클라이언트입니다.
  • marked - 마크다운을 HTML로 변환해줍니다.
  • node-sasssass-loader - 프로젝트에서 scss를 사용할 수 있게 해줍니다.

설명과 함께 보시려면

창피합니다만.. 발표 전 리허설 영상을 녹화했습니다. 리허설 영상은 여기에서 보실 수 있습니다.

https://youtu.be/cRHiyu2N94c

궁금하신 점 있으시면

뷰 사용자 모임 슬랙 @chiwoong 으로 DM 주세요!