그냥 사는 이야기

vue-cli를 연습하는 과정에서 console.log() 를 사용하려고 하는데 아래와 같은 경우가 발생하였습니다. error: Unexpected console statement (no-console) 어떤 상황인가? 아래처럼 vue 파일에서 변수값을 살펴보기 위해 console을 프로젝트 내에선 처음 사용해보았는데.... 여기에 관해서는 disallow the use of console (no-console)문서에서 보면 기본적으로 console이 허용하지 않는다고 되어 있습니다. 내가 ESLint를 사용 중인것인가? 그냥 문법체크 아닌가? 등등 고민이 있지만 여튼 난 이걸 넘어가야 하므로 임시적으로 허용 /* eslint-disable no-console */ console.log("route", ..

import 'babel-polyfill' vue에서 vuetify2를 적용해보는 중이었습니다. vuetify가 2로 넘어오면서 변경된 것들이 몇몇 있어 보였고 이를 일부 수정해본 후 internet explorer와 Edge에서 살펴보니 화면이 보이지 않았습니다. 원인은 javascript가 동작하지 않는 것들이 있었습니다. 이를 수정하기 위해 vuetify 공식문서를 살펴보았고 Browser Support를 살펴보았습니다. 가이드에서 알려준 순서대로 적용을 해보았는데 되질 않았습니다. 적용순서 $ yarn add babel-polyfill main.js 에서 아래를 추가하고 import 'babel-polyfill' $ yarn add @babel/preset-env -D babel.config.js..

Redux를 React같은 라이브러리를 사용하지 않고 순수 Javascript에서 사용하는 법에 대해 핵심만 정리 해보았습니다. Redux CDN load 별도로 npm으로 인스톨 하지 않고 바로 연습해보려면 CDN load로 해볼 수 있습니다. 현재는 redux-4.0.5 사용 Store 생성 최종 상태값을 가지고 있는 store를 생성해줘야 합니다. 그런데 store는 reducer를 반드시 필요로 합니다. 그래서 reducer()를 만들어 줍니다. function reducer(state, action) { if (state === undefined) { return { items: [ {id: 1, title: 'redux1'}, {id: 2, title: 'redux2'}, ] } } let n..