코드일기 코드일기

https://vvhiteboard.github.io/web/2017/11/23/vue-basic2/ Vue 인스턴스 속성 data el computed methods watch vvhiteboard.github.io

1. 먼저 해당 프로젝트에 node_module 패키지가 있는지 확인. 없으면 추가해줘야함. npm install -g 그래도 안되면 vue-cli 를 삭제했다가 다시 설치 1. npm uninstall vue-cli -g 2. npm install -g @vue/cli

https://nowonbun.tistory.com/349

40% building 158/173 modules 15 active ... caniuse-lite is outdated. Please run next command `npm update` Build가 40%만 되고 계속 안되었다. 스튜디오도 닫아보고 기기를 껐다키고 포트 싹다 지웠는데도 안됐는데, npm run lint 명령어를 치면 코드 중 어디서 문제가 되고 있는지 알려준다. 요렇게 에러가 나왔다. v-on:click=""을 @click=""으로 바꿔줬더니 바로 해결됐다.

https://gist.github.com/jonlabelle/c082700c1c249d986faecbd5abf7d65b npm vs yarn command translation cheat sheet npm vs yarn command translation cheat sheet. GitHub Gist: instantly share code, notes, and snippets. gist.github.com

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 ------------------------------------------ 최상위 - 메인페이지 : ..

https://www.huntress.com/blog/abusing-ngrok-hackers-at-the-end-of-the-tunnel

아무런 설정없이 npm run serve/ npm run dev하면 로컬호스트 8080에 뷰화면이 뜨면서 서버가 돈다. 하지만 뷰 페이지 말고 나의 페이지를 만들려면? 1. index.html와 비슷한 역할을 하는 App.vue에 들어가서 수정하기. 아래의 내용을 수정해준다. 나같은 경우에는 img를 삭제함 2. components아래 HelloWorld.vue를 불러오는데, 이 컴포넌트 말고 내가 만든 컴포넌트 불러오게 하기. Read.vue를 생성한다. 아래 작성하고 싶은거 대충 작성하고 에는 export default{} 만 적어준다. 3. data라는 디렉토리 생성하고 그 아래 index.js 생성 데이터답게 보고 싶은 데이터를 배열로 만든다. export default [ { writer : '..