React :: C#의 Region 같은 걸.. React 에서 쓸 수는 없을까?

c# 개발을 해본 사람들은 방대해지는 코드를 깔끔하게 정리해서 보기 위해 Region 이라는 기능을 쓴다.

리액트에서도 코드가 길어지니 문단별 접기 말고 내가 지정한 Region 만큼만 접고 펴고를 하고 싶은데..

React 에서는 어떤 식으로 진행해야 할까?

 

개발 환경(intelliJ, vsCode) 에 따른 사용 방법에 대해 알아보도록 하겠다.

 

우선..

#region 이란?

내가 코드를 접고 펴고 싶은 부분의 영역을 지정해주는 것!

#region 을 사용하게 되면 #endregion 으로 지시문을 종료 해야하며, visual studio 에서 #region에서 바로 다음으로 나오는 #endregion까지의 코드를 확대, 축소하며 작업을 진행할 수 있게 해준다.

 

1. intelliJ에서 사용하는 방법

 

	//region 접었을 때 보여주고 싶은 멘트
	...
	//endregion

 

 

2. VisualStudio Code (VS Code)에서 사용하는 방법

 

#region folding for VS Code - Visual Studio Marketplace

 

위의 extension 을 설치한 후 아래와 같이 사용하면 된다.

 

	//#region 접었을 때 보여주고 싶은 멘트
	...
	//#endregion

 

 

아주 간단하죵?