hanbnara

# 값의 판단 !!, ! return !!localStorage.token // 값에 대한 판단을 boolean 값으로 return # 값이 비었는가? trim if( this.user.name.trim() === '' ){ this.error = 'Name은 필수입니다.'; }

1. babel 을 불러온다 . 2. script type 을 text/babel 로 정의한다. 참고 https://blog.naver.com/PostView.nhn?blogId=wolfre&logNo=221481653673&categoryNo=0&parentCategoryNo=0&viewDate=¤tPage=1&postListTopCurrentPage=1&from=postView

react 와 vue를 동시에 공부중이다. 각 framework( router, flux 사용이니까 ) 을 사용하면서 느끼는 점을 틈틈이 적어본다. # styling ## react - styling: 모든것을 js 형식으로 풀어내려고 한다. - styled-components, styled-reset 등을 이용하여 객체를 만들고... export 시켜서 사용 - 코드의 장황함 응? styling 하는데 이렇게까지 해야하나? ## vue - markup 은 template 영역에 - js 는 script 영역에 - style 은 style 영역에 끝!!! 직관적이고 편리 적용하기 위한 다른 문법적 선행학습이 거의 필요없다. 반면 react는 따로 loader 로 처리하는 것이 아니라 js 로 만들어서 i..

# 숫자 3자리 마다 comma 삽입 valueNum.toString().replace(/(\d)(?=(\d{3})+$)/g. '$1,')

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..

https://oneshottenkill.tistory.com/286 위의 방법으로 바로 해결. 감사합니다.

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

2019.07.20 현시점 새로워진 editor 기능에 markdown mode 지원함 @markdown # markdown 작성하기 --- 간결하고 알기쉽게 정리한 글~ 감사합니다. 더불어 티스토리에 코드작성하는 library 사용법까지 잘 기재되어 있음. 해당 정보를 바탕으로 이것저것 해봄. [https://kaizen8501.tistory.com/132](https://kaizen8501.tistory.com/132) ## markdown preview [markdown-it demo](https://markdown-it.github.io/) # code 작성하기 --- 아! 그리고 코드작성하는 방법 2가지에 대한 이야기도 감사합니다. [https://tbbrother.tistory.com/43](..

코드의 통일된 구문정리 등을 위한 셋팅도구 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