티스토리
관련 서비스
  • Symbols스토리 홈바로가기바로가기
  • 브런치브런치스토리바로가기바로가기
  • 카카오스토리카카오스토리바로가기바로가기

Kamang's IT Blog
검색하기
블로그 홈

블로그 홈

Kamang's IT Blog

kamang-it.tistory.com/m
신고

IT블로그입니다.

구독자
31
방명록 방문하기
구독하기
공지 들리시는 분들은 읽어주세요 모두보기

주요 글 목록

  • [VisualStudioCode][플러그인]vscode에서 TODO주석 하이라이팅 하기 jetbrain에디터는 기본적으로 TODO 하이라이팅을 제공한다.그런데 문제는 vscode는 TODO 하이라이팅을 제공하지 않아서 어색한 경우가 많다.개인적으로 TODO주석은 굉장히 의미있는 주석이라고 생각하는데 쓸수가 없으니까 답답할 때까 많았다.그런데 그걸 해주는 도구가 있었다. 자주쓰는거 몇개를 보자.TODO Highlight가 있는데 이를 설치를 하면된다. 당연히 Install을 눌러준다. 인스톨이 완료되면 윈도우는 ctrl+space+p를, 맥의 경우 cmd+space+p를 눌러준다. 그 다음 위와 같이 검색해서 Toggle highlight를 눌러준다. 그럼 위처럼 하이라이팅이 되는데 조건이 있다.반드시 //를 한뒤 한칸 띄우고 TODO를 한후 :를 붙혀야한다.그게 싫다면 아래걸 쓰자. 이건 .. 공감수 0 댓글수 0 2019. 8. 30.
  • [VisualStudioCode][html][플러그인]HTML Snippets - html필수적인것을 자동완성 개꿀 vscode에서 html을 작업할때 별로 신경쓰지는 않았는데 일일히 한땀한땀 타이핑 하는 친구들이 있더라.물론 그렇게 해도 상관없지만 답답해 한다면 이야기는 달라진다.그래서 이번에 필자가 소개할 것은 바로 html을 자동 완성하는 플러그인 되시겠다. 이름은 HTML Snippets이다.웹에서 검색해도 되고 마켓플레이스에서 검색해도된다.마켓플레이스 사용법은 이 포스팅을 참조한다. 누르고 계속 진행하면 끝난다. 이제 html관련 자동완성이 생겼다. 이렇게 엄청난 양의 코드를 자동완성으로 처리할 수 있다. 공감수 1 댓글수 0 2019. 1. 28.
  • [VisualStudioCode][Vue][플러그인]vue-format - vscode에서 코드정리(Vue Code Formatter) 참고:vue 코딩하는 포스팅 시리즈[Package]Vue.js vue를 사용하는 여러분들은 어떤 방식으로 코딩을 하는가?IDE를 사용하는가? 아니면 텍스트 에디터를 사용하는가?사실 이런건 중요하지 않다. 텍스트 에디터를 사용하건 IDE를 사용하건 필자는 코드정리(Code Formatter)가 필요하다는 것이다.vscode에서 기본적으로 vue는 코드정리를 지원하지 않는다.따라서 우리는 플러그인을 설치해줄 필요가 있다. 마켓플레이스를 눌러준다. 마켓플레이스를 들어가는 방법은 이 포스팅의 앞부분을 참조하라.그 다음 vue-beautify를 검색한다. 설치하고 다시 로딩하면 모든게 끝난다. 그 다음 단축키를 지정해준다.추천은 ctrl(cmd)+K+K인데 기존의 키바인딩으로 하면 다른파일에서 못쓴다. 공감수 0 댓글수 0 2019. 1. 21.
  • [VisualStudioCode][플러그인]Live Server - html수정을 감지해서 변경(brakets의 live preview를 vscode에서) braket이라는 어플리케이션은 매우 유명하다. adobe에서 만들었는데 html의 수정을 감지해서 바로 페이지에 보여준다.그런데 사람들이 이 기능이 vscode에 없는줄 아는데 vscode도 있다. 그게 바로 live server이다.그래서 live server를 설치하는 법을 알려드리도록 하겠다. 맥에서는 Code->Preferece(기본 설정)->User Snippets(사용자 코드 조각)를 눌러준다.윈도우에서는 File->Preferece(기본 설정)->User Snippets(사용자 코드 조각)를 눌러준다. 그다음 마켓 플레이스에서으 live server를 눌러준다. 개략적인 설명을 볼 수 있다.근데 유의깊게 볼 필요는 없다.설치하고 리로드해준다. 그러면 우측 하단에 Go Live라는 버튼이 생.. 공감수 2 댓글수 0 2019. 1. 17.
  • [VisualStudioCode][플러그인]Open In Browser - vscode에서 html을 바로 브라우저에서 확인하자 웹 작업을 하다보면 내가 한 웹이 화면에 제대로 표시되고 있는지 보고싶다. 여러가지 방법이 있다. 그냥 밖에 나가서 브라우저로 띄우는 방법.고전적이지만 나쁘지 않기는 개뿔이고 나쁘다.vscode를 사용하고 있다면 Open In Browser라는 아주 좋은 플러그인이 존재한다.이 플러그인을 설치해서 쉽게 사용해보자. 보기->확장 을 눌러준다. 그 다음 open in browser를 검색한다. 페이지가 뜨는데 영어로 정리 잘되어 있다.다만 예제는 중국페이지로 되어있는데 뭐 상관없다.설치하고 리로드해준다. 사용하는 방법은 간단한데 우클릭하면 Open In Default Browser나 Open In Other Browsers를 눌러주면된다.단축키는 alt(option)+B이다. 그러면 바로 이렇게 뜨게된다. .. 공감수 12 댓글수 0 2019. 1. 16.
  • [VisualStudioCode]커스텀 자동완성 만들기,Snippet (ex: LiveTemplate) 코딩을 하다보면 자기만의 자동완성을 만들고 싶을 때가 있다.필자의 예시를 들자면 필자는 $을 dd로 매핑해 놓는다.shift를 누르는 작업이 귀찮아서 그렇다.그리고 console.log는 cl로 매핑을 해놓는다. ide건 texteditor건 대부분 지원하는 기능이다.다행이도 vscode에도 존재한다.그 방식을 사용해 보도록 하자. 맥의 경우 Code->Preferece(기본 설정)->User Snippets(사용자 코드 조각)를 눌러준다. 윈도우의 경우 File->Preferece(기본 설정)->User Snippets(사용자 코드 조각)를 눌러준다. 그 다음 서치칸이 생기는데 적용할 언어를 눌러준다. 필자는 자바스크립트를 할 것이므로 javascript를 골랐다. 그러면 위와같이 뜨는데 안에 Exam.. 공감수 6 댓글수 0 2019. 1. 14.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.