(React) VS Code Extension - React Component Splitter

열심히 코딩을 하다 보면 return 부분에 쓸데없이 엄청난 코드가 난립하여 코드 해석이 곤란할 경우가 많다.

되도록이면 잘게 화일로 나눠서 서브 컴포넌트화 하는게 바람직하다.

 

이럴때 자동으로 정리해 주는 VS Code 의 Extension 이 있다.

"React Component Splitter" 로 검색하여 인스톨 하자.

 

사용법:

1. 새로운 서브 컴포넌트화 시키고 싶은 코드 영역을 선택

2. 마우스 우클릭하여 "Split to New Component" 메뉴를 선택

3. 새로운 서브 컴포넌트 이름을 입력