[VSCode] 코드 자동 정렬, 코드 자동 formatting 하는법
·
Information
# 들어가며가끔 코드를 긁어오거나 좀 보기 좋게 하고 싶을 때 코드를 자동 정렬 하고 싶을때가 있을 것이다. 그동안 너무너무 불편했는데 막상 알아두니까 매우 코딩 할 맛이 난다. 두가지 방법이 있다 수동과 자동이 있는데 둘다 알아보도록 하자.# 수동으로 정렬하기## WindowShift + Alt + f## MacShitf + option + f# 자동으로 정렬하기수동으로 하기 불편하니까 매번 자동정렬을 해주는 트리거를 설정 해보자. 이게 더 마음 편하다 ㅎㅎ 다음 순서를 따라보자 File -> Preferences -> Settings 혹은, 왼쪽 아래 설정버튼 -> Settings대충 이런 화면 보이면 된다. User > Text Editor > Formatting 혹은, 그냥 바로 Text Edit..
[VSCode] Extension file-tree-generator로 파일 디렉토리 구조 자동 생성
·
Information
이번주 프로젝트를 진행하면서 파일 디렉토리 구조를 설명해야 할 경우가 생겼었다. 이런 경우에는 지금까지 항상 vscode 좌측 Explorer을 캡쳐해서 첨부하는 방법을 사용했었다. 하지만 이렇게 일일히 캡쳐해서 사용하면 마크다운의 경우 이미지로 임베드해야하는 불편함이 생기며, 원하는 곳만 캡쳐하기에는 공간이 모자라는 경우도 발생하고 또 간편하게 볼 수 없어서 가시성이 떨어진다는 단점이 존재했었다. 그러던 중 VSCode의 아주 편리한 확장 기능을 찾아서 소개 해 볼까 한다. file-tree-generator 사용법은 간단하다. 패키지를 다운로드 받고, 좌측에서 폴더를 우클릭한다. 아이콘 끄기 켜기도 가능하고, 바로 복사해서 사용할 수 있기에 정말 유용한 기능인 것 같다. 이제 마음껏 파일 구조를 그릴..