C# :: Lecture & TIPs VB :: Lecture & TIPs

Visual Studio 의 숨겨진 기능 1 : Toolbox (도구 상자) 에 소스 코드 조각 보관하기

[도구 상자의 소스 코드 조각 보관 기능 활용하기]

Visual Studio 의 Toolbox (도구 상자) 에 특정 소스 코드를 보관하고, 해당 코드를 선택하여 코딩 시 필요한 곳에 삽입하실 수 있습니다.

해당 기능은 다음과 같이 이용하실 수 있습니다.

‘[Toolbox] (도구 상자)’ 에 프로젝트에서 자주 사용하게 될 코드의 범위를 마우스로 선택하신 후 ‘[Toolbox] (도구 상자)’ 로 드래그 하시면… 소스 코드를 프로젝트의 어디든 삽입이 가능하도록 준비 완료된 상태가 됩니다.

VSCodeSnippets001

[Toolbox] (도구 상자)’ 에 보관된 소스 코드를 활용하시려면 아래와 같이 해당 소스 코드 삽입이 필요한 위치에 마우스를 클릭하여 커서를 위치시키신 후,

VSCodeSnippets002

[Toolbox] (도구 상자)’ 보관된 항목을 더블 클릭하시거나 코드 입력 창에 드래그 앤 드롭하시면 보관되어 있던 소스 코드가 원하시는 위치에 삽입됩니다.

VSCodeSnippets003

 

[가능한 추가 작업]

1. 명칭 지정하기 / 변경하기

저장된 코드의 명칭을 새로 지정하거나 변경할 수 있습니다.

[Toolbox] (도구 상자)’ 에 보관된 명칭을 지정하시거나 변경하실 항목 위에서 마우스 오른쪽 버튼을 클릭하신 후, 화면에 표시되는 메뉴에서 ‘[Rename Item] (이름 바꾸기)’ 항목을 클릭합니다.

VSCodeSnippets - Rename 1

다음과 같이 새로운 명칭을 지정 또는 수정하실 수 있는 ‘[Textbox] (텍스트 박스)’ 가 생성됩니다. 여기서 코드의 명칭을 보다 직관적인 명칭으로 입력하신 후 [Enter] 키를 눌러 명칭을 변경합니다.

VSCodeSnippets - Rename 2

명칭을 변경하게되면 다음과 같이 깔끔하게 정리되어 보다 직관적으로 소스 코드를 구분할 수 있어 효율적인 작업이 가능해집니다.

VSCodeSnippets - Rename 3

 

2. 탭 추가 하기

보다 정돈된 분위기에서 작업을 하시기를 원하실 경우, 다음과 같이 카테고리 형식의 ‘Tab (탭)‘ 을 추가하여 보관되어 있는 소스 코드 조각들을 편리하게 관리하실 수 있습니다.

[Toolbox] (도구 상자)’ 의 빈 공간에서 마우스 오른쪽 버튼을 클릭합니다.

VSCodeSnippets - Tabs 1

다음과 같이 새로운 명칭을 지정 또는 수정하실 수 있는 ‘[Textbox] (텍스트 박스)’ 가 생성됩니다. 여기서 카테고리의 명칭으로 지정될 ‘Tab (탭)‘ 이름을 입력하신 후 [Enter] 키를 눌러 새로운 명칭을 지정하신 후  관련된 소스 코드 조각들을 해당 ‘Tab (탭)‘ 에 드래그 앤 드롭하여 이동합니다.

VSCodeSnippets - Tabs 2

[FlashWindowEx] 라는 ‘Tab (탭)’ 과 연관성 있는 소스 코드 조각들을 정돈한 예시입니다.

VSCodeSnippets - Tabs 3

 

3. 보관된 소스 코드 조각 전체 내용 확인하기

소스 코드 조각의 전체 내용을 확인하시려면 마우스 커서를 ‘[Toolbox] (도구 상자)’ 에 보관된 특정 항목에 올려놓으세요.  

VSCodeSnippets - Code

 

4. 소스 코드 삭제하기

[Toolbox] (도구 상자)’ 에 보관된 특정 소스 코드 조각이나 ‘Tab (탭)’ 을 삭제하시려면 마우스 오른쪽 버튼을 클릭하신 후, 표시되는 메뉴에서 ‘[Delete] (삭제)’ 혹은 ‘[Delete Tab] (탭 삭제)’ 항목을 클릭합니다.

VSCodeSnippets - Deleting

 

여기까지 Toolbox (도구 상자)소스 코드 조각을 보관하는 방법에 대해 다루어보았습니다. 도움이 되셨기를 바라며 오늘 이야기는 여기까지 입니다.

고맙습니다.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s