VS코드 리액트 개발의 필수 아이템 Simple React Snippets

---

 

 

이번 글을 통해 배워갈 내용

1. 리액트개발을 할때 빠른 속도로 코딩을 하게 도와주는 익스텐션인 심플 리액트 스니펫스를 알아보겠습니다.

 

---

먼저 VS 코드 익스텐션 아이콘 클릭 후

 

익스텐션 검색창에 Simple React Snippets를 검색합니다.

 

 

그리고 설치 버튼을 누릅니다.(이부분이 설치전에는 install로 보입니다)

설치가 완료되면

 

사용해 보겠습니다.

 

컴포넌트js 파일을 만듭니다.

그리고 여기서부터 마법이 실행되는데

예를 들어 React를 임포트하고 싶다면

imr 치고 엔터 치면 됩니다.

typing import React in 0.3s

 

stateless function component를 만들고 거기다가 navbar 클래스를 가진 nav를 만들고자 한다면 3초 안에

 

typing js stateless function in less than 3s

위와 같이 치면 됩니다.

 

---

그외에도 여러가지 단축키가 있는데 

단축키들은 아래 사이트에서 확인 가능합니다.

 

읽어주셔서 감사하며 즐코(즐거운 코딩) 하시길 바랍니다.~

 

 

 

 

 

 

출처 및 인용

https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets 

Simple React Snippets - Visual Studio Marketplace

 

 

---

https://codemasterkimc.tistory.com/50

300년차 개발자의 좋은 코드 5계명 (Clean Code)