게시판3 [게시판] vue-markdown-loader 추가 npm i --save-dev vue-markdown-loadercsvue-markdown-loader 의존성 추가. // webpack.config.js module.exports = { //... module: { rules: [ // .md 로더 추가. { test: /\.md$/, use: [ { loader: 'vue-loader' }, { loader: 'vue-markdown-loader/lib/markdown-compiler', options: { raw: true } } } ] }, resolve: { extensions: ['.ts', '.js', '.vue', '.json', '.md'], // .md 추가cs 공식 깃헙에서 알려주는대로 웹팩 설정 추가한다.vue-loader 버전을 .. 2019. 2. 12. [게시판] List 컴포넌트 생성 List 컴포넌트 추가.123456789101112131415// src/components/List.vue List import { Vue, Component } from "vue-property-decorator"; @Componentexport default class List extends Vue {}Colored by Color ScriptercsList 컴포넌트를 .vue 파일로 SFC(Single File Component)로 만들었다.기존 ts-vue에는 .ts와 .html 파일로 나눠서 만들었지만 파일하나가 관리가 쉬워서 걍 이렇게 하려고 한다. 12345678910111213141516171819// src/index.ts // ... // @ts-ignoreimport List fro.. 2019. 2. 11. [게시판] 기획 Vue로 게시판 만들기 시작.홈페이지 중 한 페이지를 장식할 기능이 될 예정. 먼저 디자인 제외하고 Ver 1. 기획 개발환경은 Vue.js + typescript + webpack. (only FrontEnd)만들 화면은 총 2개 (리스트, 게시글 상세보기)리스트의 하나의 아이템은 게시글 번호, 이름, 등록일로 이루어진다.게시글 상세보기는 게시글 번호, 이름, 등록일, 그림, 내용으로 이루어진다.지킬처럼 포스팅 폴더가 하나 있고 이를 읽어와서 출력하는 형태로 구현한다.ver1이 모두 개발되는 경우 (예정일 2019.3.16) 호스팅 사이트에 웹팩 번들링 결과를 /homepage 서브 도메인으로 배포(?) 한다. 깃헙에 프로젝트랑 마일스톤 있길래 이참에 사용해보고자 한다.첨 사용해봐서 일케 하는거 맞는지.. 2019. 2. 10. 이전 1 다음
