🐨CoalaCoding
DocsExamplesTry itBoardB반B반
🐨CoalaCoding

개발자를 위한 한국어 웹 기술 문서

문서

  • JavaScript
  • Web Publishing
  • React
  • Python

커뮤니티

  • 게시판
  • 예제 모음
  • Try it 에디터

기타

  • GitHub
  • 관리자
© 2026 CoalaCoding. All rights reserved.
  • gtq-시험정보
  • 알면-편리한-생산성-도구들
  • 핫플
  • vscode
  • gtqi-기출문제풀이
  • gtq-기출문제풀이
  • 저작권표시와-의미크리에이티브-커먼즈-creative-commons-라이선스-
  • 웹디자인-리뉴얼-제안서-작성
  • cloverx
  • codesandbox
  • tailwind
  • stackblitz로-협업하기
  • 어도비앱-언어변경
  • 구글계정관리
  1. 홈
  2. 문서
  3. Dev Tools
  4. 기타 도구
  5. 알면-편리한-생산성-도구들

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

코드 블록의 Try it Yourself 버튼으로 직접 실행할 수 있다.

구문

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

목차

  • 구문