[Flutter] use const with the constructor to improve performance... 는 왜 나오는걸까? (VSCODE 설정 변경하기)

Flutter 개발을 할 때 

아래 사진과 같이
"use const with the constructor to improve performance..."가 나오게 되는게 이게 왜 나오는걸까?

 

const가 무엇인지는 

https://minf.tistory.com/226

[Flutter] const, final의 공통점과 차이점 (feat. Runtime, Compile Time)

위 링크에서 올려놨으니 참고하기로 하자

결론적으로 const변수는 수정할 수 없고, compile을 하기전에 미리 값을 알고 있는 것을 의미하는데

각 요소들마다 const 변수로 미리 햘당을 하게 되면 성능을 향상 시킬 수 있다는 점을 알려주고 있는데

아래 Text부분에 const를 넣어보면 아래 사진과 같이 경고 줄이 없어진 것 을 확인할 수 있다. 

근데 첫번째 Text에서는 const를 사용해서 없어졌는데 두번째 Text는 안썼는데도 밑줄이 생기지 않았다.

여기서 문제는 어떤 것은 상수가 될 수 있고, 어떤 건 될 수 없는지 파악하고있거나 기억하고 있다는건 어려운 일이다.

 

그래서 저장을 누르면 경고가 난 부분만 자동으로 const를 추가시켜주는 설정을 해보자

(VSCODE Setting -> Open User Setting(JSON)에서 수정해주면 된다.)

 "[dart]": {
        "editor.codeActionsOnSave": {
            "source.fixAll": true
        }
    },

설정을 하고 난 후 코드로 돌아와서 저장을 눌러보면 아래와 같이 const가 있어야할 부분에 자동으로 추가 됨으로써 경고 밑줄이 없어진 것을 확인할 수 있다.