열심히 코딩을 하다 보면 return 부분에 쓸데없이 엄청난 코드가 난립하여 코드 해석이 곤란할 경우가 많다.
되도록이면 잘게 화일로 나눠서 서브 컴포넌트화 하는게 바람직하다.
이럴때 자동으로 정리해 주는 VS Code 의 Extension 이 있다.
"React Component Splitter" 로 검색하여 인스톨 하자.
사용법:
1. 새로운 서브 컴포넌트화 시키고 싶은 코드 영역을 선택
2. 마우스 우클릭하여 "Split to New Component" 메뉴를 선택
3. 새로운 서브 컴포넌트 이름을 입력
'frontend (React) 개발' 카테고리의 다른 글
| (React) env 설정 ( 글로벌 변수) (0) | 2023.11.30 |
|---|---|
| (React) Axios (vs Fetch) (0) | 2023.11.29 |
| (React) useContext (0) | 2023.11.23 |
| (React) Props (1) | 2023.11.23 |
| (React) useRef (0) | 2023.11.21 |