akjfal

vue를 사용할 때 vue와 vue-template-compiler의 버전을 맞춰줘야만 webpack이 정상적으로 작동한다. 둘의 버전을 맞춰줬는데 [webpack-cli] Error: Cannot find module 'vue/compiler-sfc' 이러한 에러가 발생했다. 해당 사유는 내 vue버전이 2.6.14였는데 vue가 2버전의 경우에는 vue-loader 16+에서는 사용할수가 없기 때문이다. v-bind 를 통해서 파일내 vue state와 연결시킬 수 있다. ex) v-bind:class='wating' -> waiting이란 변수를 사용하는 것이 된다. 를 사용하면 해당 파일내에서만 사용하게된다. 만약 뒤에 scoped를 붙이게되면 #screen[data-v-22c711ee] 이런식으..

webpack devtool https://perfectacle.github.io/2016/11/14/Webpack-devtool-option-Performance/ 개발을 용이하게 하기 위해 소스맵을 제공하는 옵션 resolve 모듈을 해석하는 방식을 변경 https://webpack.kr/configuration/resolve/ - alias : 특정 모듈의 별칭을 만들 수 있다. - extensions : 확장자를 순서대로 해석한다. ... 을 추가하여 기본 확장자에 접근할 수 있다. Elements in iteration expect to have 'v-bind:key' directives v-for를 쓰는 곳에 key값을 추가해줘야 한다. error : export 'default' (impor..

인프런 vue강의 학습 https://www.inflearn.com/course/web-game-vue/lecture/23166?tab=curriculum&volume=1.00&speed=1.5 웹 게임을 만들며 배우는 Vue - 인프런 | 학습 페이지 지식을 나누면 반드시 나에게 돌아옵니다. 인프런을 통해 나의 지식에 가치를 부여하세요.... www.inflearn.com 1~8강 v-if v-on ref v-model path : 절대경로를 만들어주는 것이다.path.join 사용 __dirname >> 현재 경로 현재 3-2강까지 수강

공식 문서를 보면서 우선 입문했다. 다른 프레임워크와 비교하기 React 공통점 - 가상 DOM을 활용 - 반응형 컴포넌트 제공 - 코어 라이브러리만 집중하고, 라우팅, 상태관리 라이브러리 별도 존재 런타임 퍼포먼스 렌더링 성능 React에 비해 가벼워 더 적은 오버 헤드가 발생한다. 갱신 성능 리엑트의 경우 재 렌더링을 피하기 위해서는 shouldComponentUpdate를 통해서 개선을 해야하지만, Vue는 렌더링 중 자동으로 추적되서 더 빠르다. 또한 둘다 최적화된 React도 Vue 보다 느리다. 개발 높은 프레임 속도의 데이터 시각화나 애니메이션에서 Vue가 React에 비해서 더 빠르다. HTML & CSS 렌더링함수와 JSX를 사용할 수 있다. 하지만 기본적으로 템플릿 이용이 더 좋다.

11일차의 경우 babel 공식문서를 작성했다. Webpack Entry - 모듈의 시작점을 명시한다. - single, multimain이 가능하다. multimain은 해당 종속성을 하나의 청크로 만들수 있다. - entry를 배열로 넣을 수도 있는데 이는 확장성이 좋다. - entry에는 여러개를 객체로 만들 수 있다. entry: { main: { depanedOn: 현재 진입점이 의존하는 곳으로 먼저 로드되어야 한다. filename: 이름 import: 시작시 로드되는 모듈 library: 라이브러리를 번들로 묶기위해 옵션을 지정 runtime: 런타임 청크의 이름 publicPath: 출력파일에 대한 공용 URL } } Output - 번들을 만들 경로와 파일 이름을 결정한다. 여러개의 청크..

https://babeljs.io/docs/en/babel-cli Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io 해당 사항을 블로그에 적어주고 있었다. https://akjfal.tistory.com/entry/babelcli 내일 추가로 이어서 적어주면 될 듯하다.

https://babeljs.io/docs/en/babel-preset-react Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io https://babeljs.io/docs/en/babel-preset-typescript Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io 이거 학습중이였다.

https://babeljs.io/docs/en/babel-preset-env Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io 읽으면서 적용 및 정리 https://babeljs.io/docs/en/babel-preset-env#include Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io 여기에 오타가 있다. 괄호 하나가 빠졌다. Built-ins (both for core-js@2 and core-js@3, such a..