본문 바로가기

분류 전체보기696

기타 폴더나 파일명은 띄어쓰기 없이 _ 언더바를 사용하기. 2025. 5. 13.
위젯과 기본적인 레이아웃 학습 목표Flutter 위젯 소개 및 기본적인 레이아웃 학습Flutter Hot Reload/Restart 기능 이해 및 활용학습 내용1. Flutter 위젯 트리 구조 이해Flutter 앱의 화면은 위젯(Widget)이라는 작은 UI 구성 요소들의 조합으로 만들어집니다. 마치 나무가 가지와 잎으로 이루어진 것처럼, Flutter 앱도 여러 위젯들이 서로 연결되어 위젯 트리(Widget Tree)라는 구조를 형성합니다.부모 위젯(Parent Widget): 다른 위젯들을 포함하는 위젯입니다.자식 위젯(Child Widget): 부모 위젯 안에 포함된 위젯입니다. 하나의 자식 위젯을 가질 수도 있고 (child 속성), 여러 개의 자식 위젯을 가질 수도 있습니다 (children 속성).Flutter 앱이.. 2025. 5. 12.
Flutter에서 버튼으로 화면 전환하는 법(다른 파일에 있는 화면으로 이동) 한 파일 안에서 화면 전환 한 파일 내에서 화면 전환하기📱 Flutter 한 파일 내 화면 전환 방법 (NavigationRail 활용)✅ 1. 화면 전환이란?앱에는 여러 화면이 있습니다. 예를 들어:🏠 Home 화면 (단어 생성기)❤️ Favorites 화면 (즐겨찾기 목록)이 두 화면을 버ashen99.tistory.com lib/ ├── main.dart └── screens/ ├── home.dart ├── 1p.dart └── 2p.dart https://youtube.com/shorts/TaL5q2-lyF4?feature=share 🎯 Flutter에서 버튼으로 화면 전환하는 법 – 초보자용 정리Flutter에서 화면을 이동하는 가장 기본적인 방법은 Navigat.. 2025. 5. 12.
한 파일 내에서 화면 전환하기 다른 파일의 화면으로 전환하기📱 Flutter 한 파일 내 화면 전환 방법 (NavigationRail 활용)✅ 1. 화면 전환이란?앱에는 여러 화면이 있습니다. 예를 들어:🏠 Home 화면 (단어 생성기)❤️ Favorites 화면 (즐겨찾기 목록)이 두 화면을 버튼이나 메뉴를 눌렀을 때 바뀌게 하고 싶습니다. 이것이 "화면 전환"입니다.✅ 2. 상태를 관리할 변수 만들기눌렀을 때 화면전환을 할 수 있는 버튼이나 메뉴를 구현할 class 안에어느 화면을 보여줄지 기억하기 위해 selectedIndex라는 숫자 변수를 사용합니다.var selectedIndex = 0; // 기본은 0: Home 화면0이면 Home 화면1이면 Favorites 화면 @override Widget build(Buil.. 2025. 5. 12.
jdk 환경설정 경로가 맞는데도 올류 날 때 📌 flutter config로 이전 설정이 남아 있을 때flutter config --jdk-dir="..." 명령어로 설정한 경로가 Flutter 내부에 남아 있을 수 있음.✅ 해결 단계 🔍 1. 현재 설정 확인프로젝트 터미널flutter config 출력에 이런 게 있다면 (경로가 의도한 바와 다름):JDK directory: C:\Program Files\Eclipse Adoptium\jdk-21.0.7.6-hotspot ➡️ 이걸 Flutter가 강제로 사용 중이란 뜻✂️ 2. 이전 잘못된 설정 수정제거 :flutter config --clear-jdk-dir 또는 바르게 수정 :flutter config --jdk-dir="C:\Program Files\Eclipse Adoptium\jd.. 2025. 5. 9.
Flutter Icon 모음 Flutter에서 자주 사용하는 아이콘 목록각 아이콘은 실제 Flutter 코드 상에서 어떻게 보일지 나타내며, Icons 클래스 기준입니다. 기능 분류 아이콘 아이콘 이름 용도 예시 네비게이션🏠Icons.home홈 이동 버튼🔙Icons.arrow_back뒤로 가기📋Icons.menu햄버거 메뉴⋮Icons.more_vert옵션 메뉴 (세로 점 3개)…Icons.more_horiz옵션 메뉴 (가로 점 3개)사용자 계정 관련👤Icons.person사용자 정보🧑‍💼Icons.account_circle계정 아이콘🔐Icons.login로그인 버튼🔓Icons.logout로그아웃 버튼작업/기능➕Icons.add추가하기 버튼✏️Icons.edit수정 버튼🗑️Icons.delete삭제 버튼✅Icon.. 2025. 5. 9.

티스토리툴바