마농의 개발 일지

HTML 요소와 헷갈릴 여지를 없애기 위해 Vue에서 컴포턴트 이름을 항상 두 단어를 합친 합성어로 짓길 추천함.\ (아니 그런데 이건 추천이지, 에러부터 뜨게 하다니.) 각설하고. 해결방법 vue.config.js 파일에 lintOnSave: false 로 바꿔주기

이렇게 eslint 가 읽지 못하는 라인은 약간 흐리게 적힘. // eslint-disable-line no-unused-vars 적어주기. 아직 eslint가 뭔지 모르겠음. 일단 프로젝트 진행하고 다시 돌아오겠음.

1. template - HTML로 작성됨. (+ vue 템플릿 기본 문법) - DOM 구성 부분 작성하는 것. (DOM = Document Oriented Model) 2. script - import (다른 컴포넌트 등) - component 정의 - component life cycle 관리 - data 정의 - method 3. style : 해당 컴포넌트에만 적용 - css, sass - inline 작성 혹은 src 통해 로드하여 사용 Data - 컴포넌트가 가지고 있는(내부에서 사용할 수 있는 데이터) - 영역에서 함수 형태로 정의 data() { return { msg : '반갑습니다!', author : 'bob' } } 디렉티브 1) v-if 활용 예) 에 "seen" 정의하여 DOM을..

환경설정 - VS code - Node.js - NPM - cmder - Vue-cli Package CLI (command line interface) : 리눅스 쉘 프로그램. 즉 리눅스 터미널과 유사하게 기본 명령어를 사용할 수 있는 터미널을 제공하는 프로그램. (win) cmder (mac) iterms2 NPM (Node Package Manager) Node.js로 만들어진 모듈을 웹에서 받아서 설치하고 관리해주는 프로그램. => npm 설치 후 cmder에서 다음과 같이 명령어 작성하여 vue-cli 패키지를 다운로드할 수 있음. 파일 연결 구조 큰 틀은 index.html - main.js - App.vue 이고 main.js 에는 여러 구현 가능한 기능(config.js, util.js, ..

A. 정의 Vue.js 란, Javascript framework 중의 하나 B. 왜 쓰나요? 1. 편리한 데이터 바인딩과 상태 관리 2. 빠른 개발, 쉬운 유지보수 3. SPA (Single Page Application) 의 장점 ex) index.html 하나의 파일로 서비스 !? C. SPA 1) 리프레쉬를 해야 새로운 정보를 얻고/전송할 수 있는 페이지 기반 사이트와는 다르게, 웹 앱(지메일 등)에서는 필요한 부분만 렌더링. => 반응성 향상, 풍부한 기능 구현 가능 2) 코드 분리 가능 : 서버 & 브라우저 3) 배포의 이점 기존 페이지 기반 사이트들은 수정 발생 시 많은 부분들 배포 필요. CSS, JS 버전관리 따로 필요. 그러나 Vue, React, Angular 프레임워크는 배포 자동화..