[Vue]게시판 만들기

node로 프로젝트를 진행할 때 쓰는 패키지 관리 툴 - npm, yarn
npm은 js언어를 위한 패키지관리자로 Node.js의 기본 패키지 관리자다. Java의 maven/gradle과 비슷한 역할을 한다고 할 수 있다.  

 

이 프로젝트는 yarn을 패키지 관리자로 사용하겠다. 

웹프로젝트 시작하기
-터미널 명령어
yarn global add vue
yarnglobal add @vue/cli-init
vue init webpack vue-board

Project initailization finished!
라는 초록색 글씨가 나오면 기본 설치가 완료된 것이다. 

cd vue-board
npm run dev
------------------------------------------
최상위 - 메인페이지 : src/App.vue
1. App.vue <template>안에 있는 것들 지우기
2. src하위에 data 폴더 생성
3. 그 아래 index.js 생성, 그 안에 export default [{ 키 : 값}, {키, 값} ...] 로 데이터 생성
4. components하위에 Read.vue 컴포넌트 생성
** 이때 script 생성하고 export하면 자동으로 default함수가 생성되는데, 
자동으로 생성하면 이것저것 뭐가 많이 생김. 딱 export default{} 만 만들어야 에러안남
5. router/index.js 수정 
import 컴포넌트명 from '@/components/컴포넌트명'

이러면 서버에 Read 한글자가 띄워짐
------------------------------------------
Read.vue 수정을 시작으로 프로젝트 시작하기

 

 

 

 

 

https://www.youtube.com/watch?v=yX0bB9-Rzbw&list=PLyjjOwsFAe8ITIDUNsU_x4XNbPJeOvs-b&index=2