쏘니의 개발블로그

Flutter 개발을 더 효율적으로 하기 위해 Android Studio나 Visual Studio Code에서 사용할 수 있는 유용한 약어(코드 스니펫)들이 많이 있습니다. 이러한 스니펫들은 코드를 빠르게 작성하고 오류를 줄이는 데 도움이 됩니다. 아래는 Flutter 개발 시 유용한 코드 스니펫과 약어 목록입니다.

1. stful: StatefulWidget 생성

stful

이 약어를 입력하면 StatefulWidget 클래스의 기본 구조가 자동으로 생성됩니다.

import 'package:flutter/material.dart';

class MyStatefulWidget extends StatefulWidget {
  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  @override
  Widget build(BuildContext context) {
    return Container(
      // Your code here
    );
  }
}

2. stless: StatelessWidget 생성

stless

이 약어를 입력하면 StatelessWidget 클래스의 기본 구조가 자동으로 생성됩니다.

import 'package:flutter/material.dart';

class MyStatelessWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      // Your code here
    );
  }
}

3. initState: initState 메서드 생성

initState

State 클래스 내에서 initState 메서드를 빠르게 생성할 수 있습니다.

@override
void initState() {
  super.initState();
  // Your code here
}

4. build: build 메서드 생성

build

위젯의 build 메서드를 빠르게 생성할 수 있습니다.

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('Title'),
    ),
    body: Center(
      child: Text('Hello, World!'),
    ),
  );
}

5. setState: setState 메서드 생성

setState

setState(() {
  // Your state change code here
});

IntelliJ IDEA 또는 Android Studio에서는 사용자 정의 코드 템플릿을 설정할 수 있습니다.

1. Preferences > Editor > Live Templates로 이동합니다.

2. Flutter 그룹을 선택하거나 새 그룹을 만듭니다.

3. 새 템플릿을 추가하고 약어와 템플릿 텍스트를 설정합니다.

예를 들어, stful 템플릿을 추가할 때:

• Abbreviation: stful

• Template text:

import 'package:flutter/material.dart';

class MyStatefulWidget extends StatefulWidget {
  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  @override
  Widget build(BuildContext context) {
    return Container(
      // Your code here
    );
  }
}