전체 글 83

ES6의 const & let

let let은, 한번만 선언 할 수 있고, 다시 선언이 불가능합니다. // 같은 변수를 재 선언 할 수 없다. 재 선언 시 아래와 같은 오류가 발생한다. let a = 10; let a = 20; // Uncaught SyntaxError: Identifier 'a' has already been declared const const는 값을 변경할 수 없습니다. (객체의 속성 및 배열의 요소는 변경 가능) // 값을 변경 하려는 경우 오류가 발생됨 const a = 10; a = 20; // Uncaught TypeError: Assignment to constant variable. // 객체로 선언하고 속성 값을 변경하는 것은 가능함. const a = { num: 10, }; console.log..

ES6 2020.02.19

Vue-cli Github 배포 방법

1. 아래 명령어를 통해 브랜치를 생성한다. * --orphan 은 독립적인 브랜치를 만들기 위해 사용. git checkout --orphan gh-pages 2. 프로젝트 폴더 루트 위치에 vue.config.js 파일을 생성한다. module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/my-project/' : '/' } /my-project/ 는 Github 배포할 저장소의 이름이 들어가야 한다. 3. .gitignore 파일을 열어서 '/dist' 라고 쓰여진 라인을 찾아서 주석처리한다. (ignore되지 않도록) 4. npm run build 명령어 실행 5. 빌드 후 아래의 명령어를 실행 git add dist && ..

Vue-cli 배포 2020.02.18

Vue-cli Netlify 배포 방법

기본적으로 Vue-cli는 npm run build를 통해 dist 폴더가 생성되고, HTML,CSS,JS가 압축되어 들어간다. Netlify를 통해 배포하기 전에, /public 폴더 아래 _redirects 파일을 생성 후 , 아래의 코드를 넣어주어야 한다. # Netlify settings for single-page application /* /index.html 200 위 파일을 넣어야 URL에 router 값을 넣어도 not-found가 뜨지 않는다. 파일을 넣고 Github Repository에 푸쉬한다. Netlify에 접속 후 New site from git을 눌러 Repository를 연결한다. Netlify에 연결된 저장소를 클릭하고, Settings을 누른 후 좌측 메뉴의 Build..

Vue-cli 배포 2020.02.17