[Flutter] 입문 - 시작과 기초 개념 잡기

목표Flutter란 무엇인지 이해하기Flutter 설치 및 개발 환경 세팅첫 번째 Flutter 앱 실행Flutter 프로젝트 구조 이해Flutter란?Flutter는 Google에서 개발한 오픈소스 UI 프레임워크로, 하나의 코드베이스로 iOS, Android, Web, 데스크탑까지 다양한 플랫폼에서 앱을 만들 수 있다.핵심은 빠른 개발, 직관적인 UI 구성, 그리고 Dart 언어를 기반으로 한다는 점이다.💻 개발 환경 세팅1. Flutter 설치공식 사이트: https://flutter.dev설치 방법: OS에 따라 제공되는 zip 파일을 다운 받아 압축 해제 후, flutter/bin 경로를 PATH에 등록2. Android Studio 설치 (권장)Flutter와 함께 사용하는 IDE 중 가장 ..

• format_list_bulleted 앱 개발/Flutter
• · 2025. 7. 25.
• textsms

[Flutter] 입문 - 화면 전환(Navigation)

목표Navifator를 통한 화면 전환 이해하기MaterialPageRoute 사용법Named Route 설정 및 사용화면 간 데이터 전달📱 Flutter에서 화면 전환이란?Flutter 앱은 여러 개의 "화면(Screen)" 혹은 "페이지(Page)"를 가질 수 있다. 이를 Flutter에서는 Route(경로)라고 부르며, 화면 간 이동은 Navigator 클래스를 통해 처리한다.Navigator 기본 사용법화면 이동 (push)Navigator.push( context, MaterialPageRoute(builder: (context) => SecondPage()),);화면 돌아가기 (pop)Navigator.pop(context);Named Route 설정많은 페이지가 생기면 라우트 이름으로 ..

• format_list_bulleted 앱 개발/Flutter
• · 2025. 7. 25.
• textsms

[Flutter] 입문 - 기본 위젯 & Stateful vs Stateless 이해

목표Flutter의 기본 위젯 사용법 익히기레이아웃 구성 방법 배우기StatelessWidget 과 StatefulWidget의 차이 이해하기Flutter 기본 위젯Flutter는 '모든 것이 위젯이다.' 라는 철학을 가지고 있다. 그만큼 다양한 UI 요소들이 Widget 형태로 제공된다.주요 위젯 소개위젯설명Text텍스트 표시Container박스 형태, 배경색, 패딩, 마진 등을 설정할 수 있음Row, Column수평 / 수직 정렬Image네트워크 이미지 또는 에셋 이미지 표시Center자식 위젯을 중앙 정렬ElevatedButton기본 버튼 위젯SizedBox여백 주기용 (공간 확보)예시 : 간단한 레이아웃 구성Column( mainAxisAlignment: MainAxisAlignment.cent..

• format_list_bulleted 앱 개발/Flutter
• · 2025. 7. 25.
• textsms

[Flutter] Form 알아보기

디자인 감각이라고는 쥐뿔도 없지만 그래도 앱이나 웹이든 온전한 나만의 서비스를 만들고 싶었다. 그래서 앱 개발을 배우고 싶었다. 몇 년 전과는 달리 이제는 AI의 발전으로 간단한 앱 디자인 정도는 프롬프트 몇 번 적으면 될 수 있을 것 같으니 지금이 앱 개발을 배우기 딱 좋은 것 같았다. 그래서 먼저 Flutter를 통해 앱 개발에 대해 배워 보려고 한다.아무래도 처음부터 배우기 때문에 무엇을 먼저 구현하면서 배워볼 까 하니 웹이든 앱이든 사용자가 가장 먼저 만나는 요소 중 하나인 로그인 회원 가입과 관련된 기능을 구현해 봐야겠다고 생각했다. 그래서 먼저 Form에 대해서 배워 볼까 한다.FormForm은 사용자 입력을 처리하기 위한 컨테이너 위젯이다. 내부에 여러개의 TextFormField 같은 위젯..

• format_list_bulleted 앱 개발/Flutter
• · 2025. 7. 24.
• textsms

[크래프톤 정글 8기] 나만무 4 주차 회고

어느덧 나만무 4주가 지나갔다. 이제는 MVP 개발이 끝나고 Nice To Have 기능들을 구현하는 단계가 들어왔다. 4주 차의 회고를 시작하겠다.업적 기능우리 서비스는 1대1 코딩 배틀 게임이기 때문에 초창기 피드백에서 게임적 요소가 있어야 할 것 같다는 피드백을 받았던 적이 있었고 당시에는 일단 MVP 구현에 바빠서 게임적 요소를 뒤로 미뤄두었던 상황에서 이제 MVP 구현이 되었다고 판단이 되어 업적 기능을 구현하게 되었다. 스팀의 다양한 게임들과 온라인 게임에서 유저들의 지속적인 플레이와 수집욕구를 불러일으키는 것 중에 하나가 업적 시스템이라고 생각한다. 나만 해도 문명 6의 업적을 수백 개씩 획득하기도 하고 업적을 획득하기 위한 플레이를 하기도 하니 말이다. 그래서 업적 시스템을 도입하는 것을 ..

• format_list_bulleted 크래프톤 정글
• · 2025. 7. 18.
• textsms

[크래프톤 정글 8기] 나만무 2~3 주차 회고

1주 차 회고를 남기고 어느새 2주가 지났다. 2주 간 정말 바쁘게 지나갔다. 2주간 있었던 일들을 전부 담을 수는 없지만 몇 가지 생각나는 것을 기록한다.EC2 || ECS || EKSEC2?우리가 만든 서비스를 배포를 하기 위해 AWS 클라우드 상의 어떤 컴퓨팅 서비스를 사용해서 서버를 배포해야 할까를 많이 고민했다. 처음에는 테스트를 위해 EC2에 많이 올렸다. 초기 채점 서버는 EC2에 있었고 Bastion host 도 실행하고 Rabbit MQ도 별도의 EC2에 있었다. 거기에 우리 메인 서버도 EC2에 올리자니 수동 배포가 너무 걸렸다. 개발하기도 바쁜데 배포를 위해 SSH를 켜고 실행을 하자니 그건 아닌 것 같았다.EKS?EKS.. 쿠버네티스 나는 우리 서비스 (프로젝트 수준) 에서 쿠버네티..

• format_list_bulleted 크래프톤 정글
• · 2025. 7. 11.
• textsms