점점 주가가 오르는 Flutter로 만들어본 당근마켓 화면

App(앱) 개발자가 점점 늘고 있고 많은 사람들이 앱을 직접 만들고자 하는 욕구가 많은데요. 그중에서도  Flutter라는 FrameWork라고 합니다. 다시 말해 좀 더 앱을 쉽게 만들 수 있게 하는 프로그램이죠. 물론 새로운 언어를 습득하는 것과 같은 인고의 시간이 필요한데요.

 

Flutter로 당근마켓 앱 화면 만들어보기

당근마켓 모사 화면

Capture화면과 같이 만들기 위해서는 약간의 수고가 필요한데요. 초보자인 저 역시 처음부터 머릿속에서 나온 것은 아니고요. 이곳저곳에서 웹 검색으로 작성을 해봤습니다. 생각만큼 어려운 것은 아닌데요. 그래도 쉽다고는 말하기가 어렵군요. 앞으로도 계속해서 작성해볼 텐데요. 하나를 잘하면 다른 것도 접근하기 쉬울 것이라는 믿음으로 도전해보겠습니다. 앞으로 어떤 결과물이 나올지 기대가 됩니다.

 

Coding

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
          appBar: AppBar(
            leading: Icon(Icons.arrow_drop_down_sharp, color: Colors.black,),
            backgroundColor: Colors.white,
            actions: [
              Icon(Icons.zoom_in, color: Colors.black,),
              Icon(Icons.menu, color: Colors.black,),
              Icon(Icons.add_alert , color: Colors.black,)
            ],
            ),
          body: Container(
            height: 150,
            padding: EdgeInsets.all(10),
            child: Row(
              children: [
                Image.asset('camera.jpg', width: 150, height: 150,),
                Expanded(
                  child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text('캐논 DSLR 100D (단렌즈, 충전기 16G SD 포함', style: TextStyle(fontSize: 19,)),
                    Text('금동 3분전 끌어올림 10분전', style: TextStyle(fontSize: 15, color: Colors.grey)),
                    Text('210,000원', style: TextStyle(fontWeight: FontWeight.bold)),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: [
                        Icon(Icons.favorite_border),
                        Text('4'),
                      ],
                    )
                  ],
                )
               ),
              ],
            ),
          ),
          ),
        );
  }
}

 

Flutter의 전망

누구는 밝다고 하고 누구는 회사들어가기 위해서 배우기는 아직 확대가 안됐다고 하는데요. 시중에도 여러 가지 프로그램이 있는데요. 하나만 깊게 잘해도 다른 프로그램 접근이 어려운 것은 아니지요. Google 만든 프로그램이다 보니 확대가 안될 수가 없을듯합니다. 아울러 IOS 및 Android까지 한꺼번게 할 수 있으니 이보다 효율적인 것은 없겠죠? 장단점이 분명히 있지만 서로 보안하면서 해야겠지요?