목록vue.js (6)

헤르메스 LIFE

[Vue.js] 인프런의 캡틴판교님의 Todo 샘플 리팩토링 정리입니다.

아래의 내용은 인프런의 캡틴판교님의 강의를 정리한 내용입니다. 제 소스도 아니고, 무언가를 배우기 위해서는 직접 keyin 하는 방법이 좋기 때문에, 중요 소스는 죄송하지만 이미지 입니다. 정상동작합니다. 1. Todo List를 보여주는 방법 TodoList.vue 파일의 created Hook을 App.vue 으로 옮겼습니다. props 기능 : 상위에서 하위로 데이터를 보내는 기능 2. TodoList 등록하는 방법 TodoInput.vue 파일의 addTodo 기능을 App.vue 으로 옮겼습니다. $emit 기능 : 하위에서 상위로 데이터를 보내는 기능 3. TodoList 삭제 및 Toggle 방법 하위에서 상위로 데이터를 보내기 때문에 역시 $emit 기능 입니다. 4. 전체 삭제 기능 하위..
CSR(Client Side Rendering) 2022. 8. 2. 00:38
[Vue.js][Exception] Module build failed: SyntaxError: Unexpected token

오류내용 ERROR in ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-2fff0124","hasScoped":false,"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/TodoInput.vue Module build failed: SyntaxError: Unexpected token (1:153) at Parser.pp$4.raise (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:..
Exception 2022. 7. 23. 00:29
[Vue.js] 기초 #1 컴포넌트 생성 및 등록하기 + index.html(favicon.ico + font awesome)

TodoHeader.vue Sample header 실행 npm run dev 결과 파비콘 생성 사이트 https://www.favicon-generator.org/ font awesome 6.1.1 font awesome 6.0.0 font awesome 5.14.4 font awesome 5.0.9 Google Ubuntu Font https://fontawesome.com/v6/icons?m=free Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com
CSR(Client Side Rendering) 2022. 7. 22. 00:52
[Vue.js] Vue.js Upgrade ( 2.9.x -> 3.x ) 후 개발환경 구축

-g 옵션 : global 옵션이라고 합니다. 관리자 권한으로 설치해야 합니다. 관리자 권한임에도 불구하고, 아래와 같은 오류가 발생합니다. C:\project\workspace\vuesample>vue --version 2.9.6 C:\project\workspace\vuesample>npm install -g @vue/cli npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. npm WARN deprecated sourc..
CSR(Client Side Rendering) 2022. 7. 19. 01:27
[Vue.js] npm ERR! The operation was rejected by your operating system.

VSCode > Terminal에서 Vue.js 설치 시 아래와 같은 오류가 발생했습니다. npm i -g @vue/cli C:\Users\[USER]>npm i -g @vue/cli npm ERR! The operation was rejected by your operating system. npm ERR! It's possible that the file was already in use (by a text editor or antivirus), npm ERR! or that you lack permissions to access it. npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the ..
CSR(Client Side Rendering) 2022. 4. 5. 19:35
[Vue.js] Spring Boot + Vue.js 개발환경 셋팅

개발환경 JDK : 1.8 Spring Boot lombok Thymeleaf Vue Cli : 2.9.6 Vue.js : Version 2.x node.js : 16.14.2 npm : 8.5.0 Database : PostgreSQL 1. Spring Boot 환경설정 application.yml # WAS server setting server: port: 9090 servlet: context-path: / encoding: charset: UTF-8 enabled: true force: true session: timeout: 3600 # 기본단위 : 초 tomcat: uri-encoding: UTF-8 # Spring Default : UTF-8 spring: profiles: active: ..
CSR(Client Side Rendering) 2022. 3. 4. 00:56
이전 Prev 1 Next 다음