hanbnara

목적은 사용자가 입력하는 값에 대해 최종적으로 의도된 formatting값으로 보여주고 싶다. 조건은 입력하는 input UI에 표시되도록 한다. UX의 흐름은 다양할 수 있겠다. 1. 입력하는 순간 순간 값이 formatting 되어 나타난다. 실제 UX 적으로는 경우에 따라 좋을수도 나쁠수도 있겠지만~ vuejs.org/v2/guide/components.html#Using-v-model-on-Components Components Basics — Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org 요약하자면 값이 변경되면 event를 통해서 연동정보를 업데이트 해 주는 것이다. react에서는 저게 당연한 방법이겠지만 vue를 사용하다 보..

nuxt 실행시 port 설정 - package.json 에서 기술하는 방식이 작동하지 않는다. - nuxt.config.js 에서 기술하면 된다. nuxt 에서 process.env.NODE_ENV 설정하기 - vs code 의 launch.json 에서의 설정이 잘 되지를 않는다. 왜지? - vs code 의 terminal 에서( terminal tool로는 cmd 로 설정해야 한다. 그렇지 않으면 않된다.) set NODE_ENV=development 실행하면 된다.

vue-cli project 를 git pages 에 deploy ( 배포 ) 하자. og graph 을 prerendering 테스트 라든가 등등의 서버에서 테스트 할 때를 대비함과 동시에 포트폴리오 관리를 위하여. open graph 는 github page url 은 적용되지 않는다. ( 삽질... ) vue-meta 로 관련값이 meta로 기록되기는 하나 url 공유시 미리보기 되지 않는다. 왜?!!! 인지.... 아래의 내용은 그냥 vue-cli 3 project 를 github pages로 배포하는 내용으로만 참고하면 될듯하다. 기본설정 방법은 Vue CLI 사이트에서 제공하는 공식내용을 바탕으로 한다. https://cli.vuejs.org/guide/deployment.html Deploy..

언뜻 자료가 참 없는 느낌이다. 기록! {{nav.title}}

코드의 통일된 구문정리 등을 위한 셋팅도구 prettier 의 option 은 아래의 문서를 참조한다. http://hanbnara.tistory.com # 방법 1. 프로젝트 셋팅시 root 의 위치에 .prettierrc.js 라는 이름의 파일을 생성하여 1234module.exports = { semi: false, singleQuote: true}cs 구문을 입력 후 위와 같이 옵션을 기술해 준다. # 방법 2.그외 vs cod editor 의 환경 셋팅을 설정해 줄 수도 있다. - .vue 파일의 editing을 위하여 필요한 plugin인 vetur 를 설치한다. - eslint 를 설치한다. - prettier 를 설치한다. ( 각 plugin 의 자세한 사항은 vs code market p..

fontawesome 적용에 이상하게 괞한 애를 먹었다. package 설치 후 main.js 에 관련 css 를 import 해주어야 한다. 아래의 링크 참조https://vuetifyjs.com/ko/framework/icons