[Flutter] 1차 프로젝트(눈길) OTT 종합 정보 플랫폼 앱 개발작업기간2025.01.20 ~ 2025.02.10작성일2025.01.21 오늘 작업 - EC2 서버 구축- git repository 생성- 작업 전 노션 정리내일 작업- DB 설계- 화면 구현 시작

💡 재사용 가능한 파일로 분리 하기1. layout/header.jsp 2. layout/footer.jsp 3. view/mainPage.jsp 코드 수정 하기 (JSP 태그 추가) 4. 도전 과제 - JSP 태그 조사하기  header.jsp My Bank 마이바이티스를 활용한 스프링 부트 앱 만들어보기 Navbar Link Link Link About Me Photo of me: Fake Image Some text about me in culpa qui officia deserunt mollit..

Flutter에서 Dio를 사용하여 API 호출 및 데이터 처리이번 포스트에서는 Dio 라이브러리를 사용하여 Flutter 앱에서 API 호출을 구현하고, 응답 데이터를 처리하는 방법을 살펴보겠습니다. API에서 받은 데이터를 모델 클래스를 사용해 효율적으로 관리하고, UI에서 이를 표시하는 방법도 함께 설명합니다.※ Dio란?Dio는 Flutter와 Dart에서 HTTP 요청을 쉽게 처리할 수 있는 강력한 라이브러리입니다. GET, POST, PUT, DELETE와 같은 다양한 HTTP 메서드를 지원하며, 요청과 응답에 대한 다양한 기능을 제공합니다. 이 예제에서는 GET 요청을 사용하여 JSON 데이터를 받아오는 방법을 살펴봅니다. Dio 패키지 설치▼아래 링크에 들어가 Installing에서 dio..

Flutter: 부모-자식 위젯 간의 데이터 전달이번 블로그 포스트에서는 Flutter에서 부모 위젯과 자식 위젯 간에 데이터를 전달하는 방법을 살펴보겠습니다. 이 예제에서는 부모 위젯에서 자식 위젯으로, 또 자식 위젯에서 부모 위젯으로 데이터를 전달하는 과정을 단계별로 보여줍니다. 이 방법은 Flutter에서 상태 관리와 이벤트 처리를 효율적으로 구현하는 데 유용합니다. 1. 부모 위젯 (ParentsView)부모 위젯은 StatefulWidget을 사용하여 상태를 관리합니다. 자식 위젯에서 발생한 이벤트에 따라 부모 위젯의 화면을 업데이트하도록 설정합니다. 부모 위젯 코드 class ParentsView extends StatefulWidget { const ParentsView({super.key..

디자인 시안  쇼핑카트 앱 만들기: 단계별 구현Flutter를 사용해 쇼핑카트 앱을 만드는 과정입니다. 이 앱에서는 기본적인 UI 설계와 기능 구현을 단계별로 진행합니다. 1. 기본 코드 설계앱의 구조는 기본적으로 StatefulWidget과 StatelessWidget을 이용하여 UI를 구성합니다. 기본 코드에서 MaterialApp을 설정하고, ShoppingCartPage라는 페이지를 메인으로 설정합니다.void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return Mater..

▼ 좀 더 자세히 알고싶다면 아래의 GitHub를 참고하세요!! GitHub - flutter-coder/flutter-bookContribute to flutter-coder/flutter-book development by creating an account on GitHub.github.com프로젝트 소개Flutter를 사용하여 로그인 화면과 홈 화면을 구현합니다. StatelessWidget과 StatefulWidget의 사용법.TextFormField를 활용한 입력 폼 구성.Navigator를 사용한 화면 전환.Material Design을 활용한 UI 구성.주요 기능이메일 및 비밀번호 입력 폼.입력 데이터의 유효성 검사 및 저장.로그인 버튼 클릭 시 홈 화면으로 전환. 이미지 다운로드 해주세요..

Stack 위젯은 Flutter에서 여러 자식 위젯을 겹치게 배치할 수 있게 해주는 컨테이너 위젯입니다 Stack 내의 모든 자식은 오버레이 구조로 배열되어, 리스트의 앞쪽에 있는 위젯이 아래쪽에 위치하게 됩니다. Stack 위젯은 주로 위젯들 간의 위치를 상대적으로 정의할 때 사용됩니다.  Stack 위젯과 alignment 속성의 사용 import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return Materi..

플러터를 이용해서 간단한 profile App을 만들며 문법에 익숙해져보도록 하겠습니다.만들면서 배우는 플러터 앱 프로그래밍을 바탕으로 연습했습니다.코드를 짜기 전, 최상단 폴더에 assets 폴더를 만들고 이미지를 넣어줍니다.사용할 내부 이미지 다운로드 받아 주세요(다른 이미지 사용 해도 좋아요) yaml 파일 설정 # To add assets to your application, add an assets section, like this: assets: - assets/avatar.png  theme.dart 파일 만들어 보기 앱의 테마는 전체 디자인에서 중요한 부분을 차지합니다. Flutter에서는 ThemeData 클래스를 사용하여 앱의 테마를 설정할 수 있습니다. 이를 통해 색상, 글..