카테고리 없음

VSCode 확장 프로그램

정데브 2023. 2. 8. 23:24

1. ES7 React / Redux / GraphQL / React-Native snippets

리액트 개발자라면 거의 필수로 사용한다!

키워드로 편리하게 리액트에서 쓰이는 구조로 만들어줍니다.

예) 리액트 가져오기 imr → ( = import React from 'react')

리액트 + Component 가져오기 imrc → ( = import React, { Component } from 'react')

import a default module (기본 모듈 가져오기) imp → ( = import moduleName from 'module')

React Class Component With Prop Types rcep  등등 다양한 기능을 제공합니다.

 

2. Auto Rename, Auto Closetag

여는 태그를 만들면, 닫는 태그를 자동으로 생성해줌!

 

3. ESLint

린트(lint)는 소스 코드에서 문제가 될 만한 점을 찾는 작업을 해주고 린터(linter)는 이를 도와주는 소프트웨어라고 한다!

eslint는 javascript에서 대중적으로 사용되는 linter이다.

 

 

4. Prettier

VSCode에서 코드를 이쁘게 자동으로 정렬해준다.

 

 

 

5. Bracket Pair Colorizer

여는 대괄호와 닫는 대호를 같은 색으로 표시해해준다!