🐨CoalaCoding
Docs▾
JavaScriptReactHTML & CSSBackendAI & LLMDev ToolsCreative
B반1
👾숏츠
🙉B반2
게시판
🐨CoalaCoding

디지털 크리에이터를 위한 한국어 기술 문서

문서

  • JavaScript
  • React
  • HTML & CSS
  • Backend
  • AI & LLM
  • Dev Tools
  • Creative

커뮤니티

  • 게시판
  • 예제 모음

기타

  • 관리자

정책

  • 소개
  • 개인정보처리방침
  • 이용약관
  • 연락처
© 2026 CoalaCoding. All rights reserved.
  • 2. 즐겨찾기
  • 2. 알면-편리한-생산성-도구들
  • 12. stackblitz로-협업하기
  • 14. 구글계정관리
  1. 홈
  2. 문서
  3. Dev Tools
  4. WorkFlow
  5. 2. 알면-편리한-생산성-도구들

2. 알면-편리한-생산성-도구들

1-Vscode Extensions

1-1-file-tree-generator

프로젝트 구조도 자동생성

🔗https://marketplace.visualstudio.com/items?itemName=Shinotatwu-DS.file-tree-generator

사용법

  1. 익스텐션 설치
  2. 폴더위에서 우클릭 → Generate To Tree 클릭

  1. 구조도가 작성된다.

  1. 새문서에 자동생성 된 구조도를 복붙하여 활용한다

2-CodeSnap

작성중인 코드를 캡쳐하기

https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap

사용법

  1. 캡쳐할 코드를 블럭으로 지정후 우클릭 → code snap

  1. 우측 패널에 스크린샷이 생성되며 해당 이미지 위에서 우클릭해서 다른곳으로 복사 붙여넣기 할수있다

목차

  • 1-Vscode Extensions
  • 1-1-**file-tree-generator**
  • 2-CodeSnap