전체 글 586

Debugging in vue.js

vue에서 디버깅하는 두 가지 방법chrome의 개발자 도구 사용 vue-cli(webpack)을 사용하는 경우 크롬의 개발자 도구를 활용하여 쉽게 디버깅 가능.vue dev tools (https://github.com/vuejs/vue-devtools) vue dev tools을 설치하면 크롬 개발자 도구에서 뷰 컴포넌트, 이벤트 등을 쉽게 확인이 가능하다.설치도 extension 형태로 아주 쉽게 설치할 수 있다. (현재 Chrome, Safari, Firefox를 지원)크롬 extension 설치파이어폭스 애드온 설치사파리 workaround 설치: npm install이 필요하다.이후 개발자 모드로 들어가 보면 Vue탭이 생긴 것을 볼 수 있다.

frontend/vue.js 2018.01.13

vim에서 스펠(spell) 체크하기 (오타 줄이기)

다른 많은 IDE들이 스펠링 체크를 제공해 주는 것 처럼, vim도 spell check를 기본으로 제공한다.기본 스펠체크 명령어:set spell 이다. set spell 뒤에 spelllang로 해당 언어를 입력해주면 된다.가장 많이 쓰이는 미국식 영어(?)로 스펠 체크를 하고자 한다면:set spell spelllang=en_us 를 실행해주면 된다. 한 번도 스펠 체크를 한 적이 없다면 해당 언어의 파일을 다운로드 할 것이냐고 물어보는데, 확인을 누르면 자동으로 다운 받은 뒤 스펠 체크를 해준다.틀린 스펠을 하이라이팅 처리 해준다. 해당 언어 (여기서는 en_us)가 아닌 언어 (한글 등)도 모두 missspelling으로 감지한다는게 흠이지만, 스펠 검사 자체는 만족스럽다.이를 끄고 싶다면:se..

tools/vim 2018.01.12

django rest framework viewset router의 namespace

Django rest framework에서 viewset을 사용하는 경우 따로 url name 을 지정하지 않기 때문에 reverse등을 사용할 때 url namespace와 name을 알기가 힘들었다.그래서 소스 코드를 보던 중 자동으로 url name을 생성해주는 것을 발견해서 공유한다.viewset을 사용하면 list와 detail 크게 두가지의 url이 생성된다. 간단하게 다음과 같은 url name을 입력하면 해당 viewset의 list url을 알 수 있다.# list의 경우 ':-list' # detail의 경우 ':-detail' url_namespace: core url(base urls.py)에 적은 namespacebase_name: viewset을 router에 등록할 때 쓴 ba..

vim에서 rest url에 request 요청 보내기: 'vim-rest-console'

django rest framework를 사용하면서 curl, httpie 등을 사용해서 request 요청을 보낼 일이 많아졌따.하지만 자주 사용하는 request 요청을 보내려면 매번 명령어를 입력해야하는 불편함이 있었다. 파이썬 테스트를 이용해서 이를 검증하는것도 방법이지만 따로 값을 확인하기가 애매해서 찾아보던 중 vim에서 rest url에 request를 보낼 수 있게 해주는 vim-rest-console을 발견하여 소개한다.자세한 설명은 vim-rest-console github에서 확인 가능하다.설치우선 vim-rest-console을 사용하려면 curl이 설치되어 있어야 한다. curl은 apt-get install curl이나(ubuntu 등) brew install curl(mac)으..

tools/vim 2018.01.10

맥 (os X)에 httpie 설치하기 및 사용법

django rest framework를 사용하면서 API에 GET, PUT, POST 등의 request를 보내는 일이 잦아졌다. 브라우저에서 보내는 데에는 한계가 있고, postman을 사용하자니 조금 귀찮아서 터미널에서 보낼 수 있는 방법을 찾아보던 중 httpie를 알게 되었다.기존에 curl로 복잡하게 해야 하던 것을 훨씬 더 쉽게 할 수 있다.자세한 내용은 httpie 공식 페이지 참고. 여기를 들어가면 httpd를 테스트 해볼 수 있다.httpie 설치하기우선 mac 에서 httpie는 brew를 사용해서 간단하게 설치 할 수 있다.$brew install httpie httpie 사용법http 명령어를 사용해서 직관적으로 사용이 가능하다.우선 http GET을 사용해서 간단하게 get re..

tools/linux 2018.01.06

맥 (os X)에 wget 설치하기

wget이란?“wget은 GNU Wget의 줄임말로, 웹 서버에서 콘텐츠를 가져오는 컴퓨터 프로그램으로 GNU 프로젝트의 일부이다. 이 프로그램의 이름은 WWW(world wide web)과 get에서 가져온 것이다. HTTP, HTTPS, FTP 프로토콜을 통해 내려받기를 지원한다.” (출처: wget 위키백과)wget 설치하기맥에는 wget이 설치되어 있지 않기 때문에 따로 설치를 해 주어야 한다.여러 가지 방법으로 설치를 할 수 있는데, brew를 이용한 방법과 curl로 최신 소스를 가져와 직접 설치하는 방법을 소개한다.brew로 설치모든 brew 설치가 그렇듯이, 명령어 한 줄로 아주 간단하게 설치할 수 있다.$brew install wget Updating Homebrew... ==> Auto..

tools/linux 2018.01.01