Til - 250109

jihun-heojihun-heo
1 min read

[TIL] Flutter & Dart ํ•™์Šต

๐Ÿ“š ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ

Scaffold ์œ„์ ฏ

  • ์•ฑ์„ ์ด์˜๊ฒŒ ๊พธ๋ฉฐ์ฃผ๊ธฐ ์œ„ํ•œ ์œ„์ ฏ. ๋ณ„๋‹ค๋ฅธ ๊ฑด ์—†์Œ.

Layout ์œ„์ ฏ

  • Center ์œ„์ ฏ

    • ์ด๊ฑด ์ค‘์•™ ์ •๋ ฌ ์œ„์ ฏ ์ด๋ผ ์•ˆ ์‚ฌ์šฉํ•  ์ˆ˜๊ฐ€ ์—†์Œ.

๋‹คํŠธ ์–ธ์–ด๋Š” ์ฝค๋งˆ๋ฅผ ๋ถ™์—ฌ ์ž๋™ ์ค„๋ฐ”๊ฟˆ์„ ์ฒ˜๋ฆฌํ•จ.

  • ์š” ๋ถ€๋ถ„์€ ์ข€ ์‹ ๊ธฐ ํ•˜๊ธด ํ•œ๋ฐ.. ๋ญ ๋‚˜์˜์ง„ ์•Š์€ ๊ฒƒ ๊ฐ™์Œ

๋‹คํŠธ ์–ธ์–ด๋Š” ๊ฐ•ํƒ€์ž… ์–ธ์–ด. ๋ชจ๋“  ๊ฒƒ๋“ค์ด ํƒ€์ž…์ด๋‹ค.

  • String, int, MaterialApp (Widget) ๋“ฑ. ๋ชจ๋‘ Object๋ฅผ ์ƒ์†๋ฐ›์Œ.

color ๋ฒ„ํŠผ ๋ˆ„๋ฅด๋ฉด color picker ๊ฐ€๋Šฅ

๐Ÿค” ๋‚ด ์ƒ๊ฐ

  • [๊ถ๊ธˆํ•œ ์ ]

    • ์œ„์ ฏ์— ๋Œ€ํ•ด ๋งŽ์ด ์•Œ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์€๋ฐ ์œ„์ ฏ ๊ณต๋ถ€์— ์‹œ๊ฐ„์„ ์–ผ๋งˆ๋‚˜ ์†Œ์š”ํ•ด์•ผ ๋ ์ง€?
  • [๋น„ํŒ์  ๋ถ„์„]

    • ํ”Œ๋Ÿฌํ„ฐ์—์„œ๋Š” const ์“ฐ๋ผ๋Š”๊ฒŒ ๋˜๊ฒŒ ๊ท€์ฐฎ์€ ๋Š๋‚Œ. ๋ฌด์Šจ ๊ธฐ์ค€์ธ์ง€๋„์ž˜ ๋ชจ๋ฅด๊ฒŸ์Œ,

      ๊ทผ๋ฐ ๋‚ด vscode์—๋Š” ํ•ด๋‹น ์ถ”์ฒœ ์‚ฌํ•ญ์ด ์•ˆ ๋œจ๊ธด ํ•จ. ์ด๊ฒŒ ์™œ ์•ˆ ๋œจ๋Š”์ง€๋„ ๊ถ๊ธˆํ•˜๊ธด ํ•˜๋„ค.

    • ๊ฐ•์˜ ์ž์ฒด๊ฐ€ ๊ฐ‘์ž๊ธฐ ๋„ˆ๋ฌด ๊ธฐ์ดˆ์ ์ธ๊ฑธ ์„ค๋ช…ํ•˜๋Š”๋ฐ ๋„˜๊ธฐ๊ธฐ๊ฐ€ ์• ๋งคํ•จ.

      • ๋ญ”๊ฐ€ ๊ธฐ๋ณธ์ ์ธ ์ง€์‹์ด ์žˆ๋‹ค ๋ผ๊ณ  ๊ฐ€์ •ํ•˜๊ณ  ๋งŒ๋“ฅ์–ด์•ผ ๋˜๋Š”๋ฐ ๊ทธ๊ฒŒ ์•„๋‹ˆ๋ผ. ์“ธ๋ฐ ์—†๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ฌ.
  • [์‹ค๋ฌด ์ ์šฉ์‹œ ๊ณ ๋ ค์‚ฌํ•ญ]

๐Ÿ’ก ์ฐธ๊ณ  ์ž๋ฃŒ

  • [์ถ”๊ฐ€๋กœ ์ฐพ์•„๋ณธ ๋‚ด์šฉ]

    • ์—†์Œ
import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text(
            'Hello, World!',
          ),
        ),
      ),
    ),
  );
}
0
Subscribe to my newsletter

Read articles from jihun-heo directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

jihun-heo
jihun-heo