vscode 비주얼 스튜디오 코드 형식맞추기 - 가로줄크기, 글자크기, 들여쓰기 설정

Modern Collection View 와 MVVM 패턴 가이드

[iOS] Modern Collection View & MVVM 패턴 가이드 - 인프런 | 강의

 

프로젝트를 시작하면서 팀은 어떻게 코드 형식을 맞출지 정한다.

가독성을 더 좋게하기 위해 이런 저런 규칙을 정함과 동시에 줄은 언제 띄울지 가로줄은 얼마나 길게할지

들여쓰기는 어떻게 할지 정하는게 좋다.

규칙을 정했으면 각각 IDE에다가 세팅을 해줘야한다.

vscode 를 예로 가로줄 갯수 맞추기, 글자크기정하기, 들여쓰기 세팅하는 법을 알아보자

 

가로줄 글자수 제한 맞추기

위사진의 오른편을 보면 줄이있고 코드들이 그 줄을 넘어가지 않음을 볼수있다.

보통 100~ 120 자를 기준으로 정한다. 

100자가 넘어가는경우 모니터가 크지 않다면 가로 스크롤을 해야할수도있다.

그런경우에는 줄이는게 좋을수있고 폰트 크기를 줄여서 해결할수도있다.

폰트 크기 설정은 아래에 설명하겠다.

 

환경설정은 Code-> Preferences->Setting 에 가서 할수있다.

word wrap 이라는 설정을 이렇게 세팅해주면 120자로 자동 줄바꿈이된다.

하지만 이런식말고 setting.json 파일에서 세팅해주는 방법도있다.

프로젝트폴더에 보면 이런파일이있을것이다. 

이렇게 세팅을 넣어주면된다. editor.rulers 는 아까 오른편에있던 하얀 줄의 위치이므로

wordWrapColumn과 똑같이 맞춰주면 된다.

동시에  "editor.formatOnSave": true, 

이렇게 넣어주면 파일을 저장 할때마다 포맷에 맞춰준다.

 

이렇게 setting.json 파일에 세팅을 넣어주는것이 환경설정 에서 찾아 변경하는것보다 더 편하다.

그럼 만약 환경설정 에서 80 으로 지정해놨는데 

setting.json 에서는 120으로 지정해놓으면 어떨까?

setting.json 파일은 80으로 세팅이되나 프로젝트 폴더에 있는 파일들은 120으로 설정이된다.

즉 setting.json 에 설정하는것이 최종적으로 중요하다.

 

 font size 를 변경해보자

이렇게 환경설정에 가서 설정해줘도되고 setting.json 에서 editor.fontSize:12, 라고 지정해줘도 된다.

 

만약 위의 내용처럼

환경설정에서는 fontSize: 8 

setting.json 에서 fontSize:12로 지정해주면

프로젝트 폴더 안 파일들은 12로 적용되며

setting.json 의 폰트크기는 8이된다.

setting.json 글자크기

프로젝트안 파일 폰트크기

 

 

들여쓰기 설정은

Tab Size 에서 설정할수있다.

4가 일반적이고 규칙에따라 2로 바꿀수도 있다.

setting.json 에서는

 "editor.tabSize": 4,

이렇게 설정할수있다.