[flutter6] 프로젝트 초기화

프로젝트 초기화

✔️ 파일 분류

lib 폴더 내 관리가 편하도록 폴더를 생성해 파일을 분류해 준다.

📁 const
변수를 저장할 파일을 분류
📁 screen
화면별로 파일을 분류

✔️ import

📄 main.dart

import 'package:flutter/material.dart';
import 'package:row_column/screen/home_screen.dart';

home_screen.dart를 import한다. 그 후 그 파일에 있는 코드를 불러온다.

void main() {
  runApp(
    MaterialApp(
      home: HomeScreen(),
    )
  );
}

• 위젯을 오른쪽 마우스 클릭 > 이동 > 선언 또는 사용 위치
  ㄴ 코드가 작성된 파일로 이동한다.
• 위젯 오른쪽 마우스 클릭 > 컨텍스트 액션 표시 (show context action) > import 불러오기
  ㄴ import문 자동 작성
  ㄴ HomeScreen 위젯이 작성된 모든 파일 확인

📄 home_screen.dart

import 'package:flutter/material.dart';
import 'package:row_column/const/colors.dart';

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ,
    );
  }
}

colors.dart 파일을 import해준다. home_screen에서 컬러를 사용하니까

❗️StatelessWidget을 생성할때 stless를 입력하고 엔터를 누르면 자동 완성이 된다.