목록CSR(Client Side Rendering) (8)

헤르메스 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] 인프런 캡틴 판교님의 Todo 샘플 정리

아래의 내용은 인프런의 캡틴판교님의 강의를 정리한 내용입니다. 제 소스도 아니고, 무언가를 배우기 위해서는 직접 keyin 하는 방법이 좋기 때문에, 중요 소스는 죄송하지만 이미지 입니다. index.html main.js import Vue from 'vue' import App from './App.vue' new Vue({ el: '#app', render: h => h(App) }) App.vue TodoHeader.vue TODO it! TodoInput.vue TodoList.vue TodoFooter.vue 로직적인 내용 중 저장하는 부분이 중요하다고 생각해서 남겨봅니다. // localStorage 특성상 // TodoInput.vue에서 // Object -> json 문자열로 저장하고...
CSR(Client Side Rendering) 2022. 8. 1. 00:09
[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
Windows환경에서 npm / node.js 최신버전으로 설치

버전확인 C:\>node -v v16.14.2 C:\>npm -v 8.5.0 npm 설치 - 오류가 발생됐습니다. C:\>npm install -g npm npm notice npm notice New minor version of npm available! 8.5.0 -> 8.14.0 npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.14.0 npm notice Run npm install -g npm@8.14.0 to update! npm notice npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path C:\Program Files\nodejs\node_modules\.npm-QXjME..
CSR(Client Side Rendering) 2022. 7. 17. 22:02
[Vue.js] DevTools 설치 - Chrome plugin 설치

Chrome plugin 설치 Vue.js devtools 검색 제공업체 : http://vuejs.org 의 Vue.js devtools 를 선택해서 설치하면 됩니다. 확장프로그램 설정 - 파일 URL에 대한 엑세스 허용을 Enable 시켜줘야 합니다.
CSR(Client Side Rendering) 2022. 4. 6. 00:54
[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 다음