한땀한땀 코딩하기

  • 홈
  • 태그

코드 템플릿 1

VS Code 코드 자동완성 커스터마이징하기 (a.k.a custom snippet)

Snippet이란? VS Code를 사용해보면 종종 무의식 중에 사용하는 자동완성 코드가 많습니다. 개인적으로 프론트엔드 개발을 하면서 종종 사용한 것들이 rsc, for 등인데, 해당 문자열만 입력하면 VS code가 자동으로 템플릿을 불러올 수 있게끔 드롭다운 메뉴*가 등장합니다. 대표적으로 리액트를 사용하면서 rsc 스니펫을 불러오면 아래와 같이 코드 템플릿이 완성됩니다. IntelliSense VS Code에서 드롭다운 메뉴처럼 자동완성을 통해 코드 작성을 도와주는 기능 전반을 IntelliSense라고 부릅니다. 템플릿만이 아니라 변수명, 파라미터, 멤버 자동 완성 등등 다양한 기능을 제공합니다. 이렇게 아주 기본적인 리액트 functional component의 코드가 완성이 됩니다. 즉, s..

기타 2021.02.21
이전
1
다음
더보기
프로필사진

한땀한땀 코딩하기

  • 분류 전체보기 (58)
    • 단상 (1)
    • 이노베이션 아카데미_42Seoul (2)
      • 오십보백보 (2)
      • 학습 (0)
      • 감상&리뷰 (0)
    • 웹 (19)
      • 호스팅 (1)
      • 배경지식 (9)
      • React (3)
      • UI & UX (1)
    • 부스트캠프2020 (3)
    • 알고리즘&자료구조 (7)
    • 프로젝트 (1)
    • 데이터베이스 (4)
      • SQL (2)
    • java (1)
      • 문법 공부 (0)
    • JavaScript (12)
      • Node JS (3)
      • 문법 공부 (3)
    • Computer (2)
      • Hardware (1)
    • 기타 (2)

Tag

자바스크립트, express, VS Code, MySQL, 비동기, 부스트캠프, AWS, You Don't Know JS Yet, JavaScript, Java, 리액트, closure, Node, 42서울, http완벽가이드, ChatGPT, react, flask, Next, 부스트캠프2020,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바