반응형
지금까지 Flutter를 보면서 계속 나와 있던 파란줄.
파란줄에 마우스를 올려다보면 다음과 같은 안내문구가 나온다:
Use 'const' with the constructor to improve performance.
Try adding the 'const' keyword to the constructor invocation.
const를 추가하면 performance가 좋아진단다.
const는 compile하기 전에 '이미' 알고 있는 값으로 하여 메모리를 차지하지 않도록 한다.
ex)
const a = 10;
const b = 20;
var c = a + b;
이렇게 했다면 compile을 할 때에는 다음과 같이 바뀐다고 한다.
var c = 10 + 20;
그냥 a 와 b는 메모리를 차지 하지 않도록 없애버리고 값을 대입해버리는 방식이다.
아주 좋은 최적화기는 하다.
그래서 파란줄의 앞부분에 const 붙이면 파란줄이 사라진다.
그래서 comand palette에 가서 'Open User Settings (JSON)'에 들어가서 다음의 내용을 추가한다.
"editor.codeActionsOnSave": {
"source.fixAll": "explicit"
},
"dart.previewFlutterUiGuides": true,
source.fixAll은 const가 가능한 것들은 저장할 때마다 자동으로 const를 추가해주는 설정이다.
dart.previewFlutterUiGuides은 child와 children이 뭐인지 보기 편하도록 만들어준다.(이거 진짜 좋다.)
반응형
'앱 만들기 프로젝트 > Flutter' 카테고리의 다른 글
Flutter - 3.5 Reusable Widgets (0) | 2024.10.25 |
---|---|
Flutter - 3.4 Code Actions (0) | 2024.10.25 |
Flutter - 3.2 Buttons Section (0) | 2024.10.25 |
Flutter - 3.1 Developer Tools (0) | 2024.10.24 |
Flutter - 3.0 Header (1) | 2024.10.23 |