본문 바로가기

스파르타 코딩 클럽 내일배움캠프 6기52

[Flutter 트랙] 앱개발 종합반 2-1 - Flutter 기본기 📌 Flutter 기본기 익히기 (2주차)이번 주차에서는 Flutter의 핵심 개념인 위젯(Widget)과 상태(State) 관리를 익히는 것이 목표입니다.특히, StatelessWidget과 StatefulWidget을 학습하고, 자주 사용되는 뷰(View) 위젯, 레이아웃(Layout) 위젯, 기능성(Functional) 위젯을 살펴보겠습니다.1. Flutter에서 위젯(Widget)이란?Flutter에서 UI의 모든 요소는 위젯(Widget)으로 구성됩니다. 버튼, 이미지, 텍스트, 레이아웃 등 화면에 보이는 모든 것은 위젯입니다.위젯은 크게 StatelessWidget과 StatefulWidget으로 나뉩니다.StatelessWidget - 상태 변화가 없는 정적인 UI 구성StatefulWid.. 2025. 3. 4.
[Flutter 트랙] 앱개발 종합반 1-14 - 클래스 객체 Flutter 클래스 및 객체 개념 정리이번 포스팅에서는 Flutter에서 클래스(Class)와 객체(Object)의 개념을 배우고, 이를 활용하여 게임 프로젝트를 리팩토링하는 방법을 설명합니다.1. 클래스(Class)란?클래스는 객체(Object)를 만들기 위한 설계도입니다. Flutter에서 UI 요소뿐만 아니라 게임 캐릭터, 사용자 정보, 설정 값 등을 클래스로 정의할 수 있습니다.📌 클래스 기본 구조class 클래스명 { // 멤버 변수 (속성) 타입 변수명; // 생성자 클래스명(this.변수명); // 메서드 (기능) void 함수명() { // 실행할 코드 }}📌 클래스 예제: 인간(Human) 객체 만들기class Human { f.. 2025. 3. 4.
[Flutter 트랙] 앱개발 종합반 1-13 - Widget Tree 위젯 트리 Flutter 위젯 트리 개념 및 상태 관리 적용하기이번 포스팅에서는 Flutter 개발을 위한 위젯 트리(WIDGET TREE) 개념과 상태(State) 관리 방식을 살펴보고, 이를 활용하여 게임 프로젝트에서 UI를 효율적으로 업데이트하는 방법을 정리합니다.1. 위젯 트리(WIDGET TREE)란?Flutter에서 모든 화면 요소는 위젯(Widget)으로 구성되며, 이 위젯들은 계층 구조(Tree 구조)로 연결됩니다.📌 위젯 트리 구조Flutter 앱은 최상단의 부모 위젯부터 하위 위젯을 계층적으로 포함하는 구조특정 위젯이 변경되면 그 위젯과 관련된 하위 위젯만 다시 렌더링불필요한 전체 UI 업데이트를 줄여 **성능 최적화** 가능📌 위젯 트리 예시 (카드 게임 앱)MyApp (최상위 위젯) ├──.. 2025. 3. 4.
[Flutter 트랙] 앱개발 종합반 1-12 - 동기 / 비동기 Dart 동기 & 비동기 개념과 Flutter 실전 적용이번 포스팅에서는 Flutter 개발을 위한 Dart의 동기(Synchronous)와 비동기(Asynchronous) 프로그래밍 개념을 설명하고, 실제 프로젝트에서 이를 활용하는 방법을 정리합니다.1. 동기(Synchronous)란?동기 방식은 작업이 순차적으로 실행되는 구조입니다. 하나의 작업이 끝나야 다음 작업이 실행되며, 특정 작업이 오래 걸리면 그동안 다른 작업은 대기해야 합니다.📌 동기 처리의 특징작업이 순차적으로 진행됨하나의 작업이 끝나야 다음 작업이 실행됨대기 시간이 길어질 경우 프로그램 성능 저하📌 동기 방식 예제void main() { print("작업 1 시작"); performTask(); // 함수 실행 pr.. 2025. 3. 4.
[Flutter 트랙] 앱개발 종합반 1-11 - 조건문 Dart 조건문 개념과 실전 프로젝트 적용이번 포스팅에서는 Flutter 개발을 위한 Dart 조건문을 정리하고, 실전 프로젝트에서 조건문을 활용하는 방법을 설명합니다.1. 조건문(Conditional Statement)이란?조건문이란 특정 조건이 충족될 때만 코드가 실행되도록 하는 프로그래밍 기법입니다. 예를 들어, 사용자가 버튼을 클릭했을 때 특정 메시지를 표시하거나, 로그인한 사용자만 특정 기능을 이용할 수 있도록 제한하는 경우에 사용됩니다.📌 조건문의 종류if-else 문: 기본적인 조건문.switch 문: 여러 개의 값 중 하나를 선택하는 조건문.2. if-else 문if-else 문은 특정 조건을 검사하여, 참(True)일 경우 실행하고, 그렇지 않을 경우 else 블록이 실행됩니다.📌 기.. 2025. 3. 4.
[Flutter 트랙] 앱개발 종합반 1-10 - 반복문 Dart 반복문 개념과 실전 프로젝트 적용이번 포스팅에서는 Flutter 개발을 위한 Dart 반복문을 정리하고, 실전 프로젝트에서 반복문을 활용하는 방법을 설명합니다.1. 반복문(Loop)란?반복문은 같은 작업을 여러 번 수행해야 할 때 사용하는 프로그래밍 기법입니다. 예를 들어, 1부터 10까지의 숫자를 더하거나, 특정 UI 요소를 여러 개 생성할 때 유용하게 사용됩니다.📌 반복문을 사용하지 않은 코드아래 코드는 1부터 10까지 더하는 코드입니다.int sum = 0;sum = sum + 1;sum = sum + 2;sum = sum + 3;sum = sum + 4;sum = sum + 5;sum = sum + 6;sum = sum + 7;sum = sum + 8;sum = sum + 9;sum =.. 2025. 3. 4.