TIL 23.10.22 | VSCode Settings(Flutter, Editor)

__작성자: 박연우(@HyeonWooGa)

1. VSCode Settings (Flutter, Editor)

__문제

• Flutter 개발 중에 파란줄이 계속 하단에 그어지는 현상이 있다.
  
• 이는 컴파일 전과 후 동일한 값을 반환하는 클래스나 변수 등에 const 키워드를 사용하여 성능을 올리라고 하는 안내였었다.
  

__해결

• const 키워드를 사용하는 것이 좋은데 매번 입력하는 것이 번거로울 수 있으니 저는 VSCode Settings 를 이용하여 자동으로 const 키워드가 입력되게 하고 싶었습니다.
• 따라서 VSCode 의 settings.json 에 아래와 같은 설정을 추가해주면 자동으로 const 키워드가 저장시 입력됩니다.

  {
     "editor.codeActionsOnSave": {
         "source.fixAll": true
     },
  }	

• settings.json 파일에 위 설정을 추가하는 방법으로 두 가지가 있는데 각각 장단점이 있다.

  __두가지 방법 비교

  1. VSCode 전체 설정에 추가
     • 장점: 유저가 프로젝트마다 새로운 설정을 추가해줄 필요없이 자동으로 설정이 된다.
     • 단점: 일부 프로젝트; 예를들어 다른 언어, 프레임워크 사용하여 개발시 저장시 자동으로 코드가 추가되는 것이 싫으면 문제가 있다.
     • 방법: 설정에서 Command Palette 를 눌러서 VSCode 전체 settings.json 파일에 설정 추가
       
  2. 프로젝트 단위로 설정 추가
     • 기본 VSCode 전체 설정에 원하는 프로젝트에만 설정을 추가해 줄 수 있다.
     • 장점: 원하는 프로젝트에만 설정을 추가할 수 있고 팀작업시 ESLint 와 같이 전체 팀원 코드의 일관성을 줄 수 있다.
     • 단점: 매 프로젝트마다 설정해야되서 귀찮을 수 있다(?)
     • 방법: 프로젝트 루트에 .vscode 폴더를 생성하고 settings.json 을 생성 후 설정 추가
       

__결론

• 저는 프로젝트마다 설정을 해주는 것이 좋을 것 같아서 프로젝트 단위로 설정 추가해주는 방법을 사용합니다.

학습 중에 작성된 내용이므로 틀리거나 부족한 내용이 있을 수 있습니다.