반응형
이번 글을 통해 배워갈 내용
- 리액트개발을 할때 빠른 속도로 코딩을 하게 도와주는 익스텐션인 심플 리액트 스니펫스를 알아보겠습니다.
먼저 VS 코드 익스텐션 아이콘 클릭 후
익스텐션 검색창에 Simple React Snippets를 검색합니다.
그리고 설치 버튼을 누릅니다.(이부분이 설치전에는 install로 보입니다)
설치가 완료되면
사용해 보겠습니다.
컴포넌트js 파일을 만듭니다.
그리고 여기서부터 마법이 실행되는데
예를 들어 React를 임포트하고 싶다면
imr 치고 엔터 치면 됩니다.
stateless function component를 만들고 거기다가 navbar 클래스를 가진 nav를 만들고자 한다면 3초 안에
위와 같이 치면 됩니다.
그외에도 여러가지 단축키가 있는데
단축키들은 아래 사이트에서 확인 가능합니다.
읽어주셔서 감사하며 즐코(즐거운 코딩) 하시길 바랍니다.~
출처 및 인용
https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets
반응형
'Javascript > React' 카테고리의 다른 글
리액트 훅을 이용해 카메라 CSS 제작 및 촬영 기능 추가하는 한가지 방법 (0) | 2022.03.01 |
---|---|
리액트 훅을 사용해서 캔버스에 움직이는 하트 애니메이션 만들기 (0) | 2022.02.25 |
리액트로 틱택토 게임 만들면서 기초 배우기 # 9 (승자 정하기) (0) | 2021.08.07 |
리액트로 틱택토 게임 만들면서 기초 배우기 # 8 (플레이어 순서 정하기) (0) | 2021.08.07 |
리액트로 틱택토 게임 만들면서 기초 배우기 # 7 (function components) (0) | 2021.08.07 |