반응형

"분류 전체보기" 관련 글 249

반응형
Flutter Container 위젯 완벽 가이드
개발/Flutter 2026. 2. 11. 10:52
Container 위젯이란?Container는 Flutter에서 가장 많이 사용되는 기본 위젯 중 하나로, 자식 위젯을 담는 박스 역할을 합니다. 레이아웃, 스타일링, 위치 지정 등 다양한 기능을 제공하는 편리한 위젯입니다.주요 속성들1. 크기 관련 속성width: 너비 지정height: 높이 지정constraints: BoxConstraints로 최소/최대 크기 제한2. 여백 관련 속성padding: 내부 여백 (자식 위젯과 Container 경계 사이)margin: 외부 여백 (Container와 외부 요소 사이)3. 스타일 관련 속성color: 배경색decoration: 더 복잡한 스타일링 (BoxDecoration 사용)foregroundDecoration: 자식 위젯 위에 그려지는 장식4. 정렬..
Flutter Row 위젯 완벽 가이드
개발/Flutter 2026. 2. 10. 10:04
Flutter에서 위젯을 가로로 배치할 때 사용하는 필수 레이아웃 위젯이 바로 Row입니다. 이 글에서는 Row 위젯의 모든 것을 상세히 알아보겠습니다.Row란?Row는 자식 위젯들을 가로(수평) 방향으로 배치하는 레이아웃 위젯입니다. 여러 위젯을 왼쪽에서 오른쪽으로 나란히 배치할 때 사용합니다.기본 사용법Row( children: [ Icon(Icons.star, color: Colors.yellow), Icon(Icons.star, color: Colors.yellow), Icon(Icons.star, color: Colors.yellow), ],)주요 속성1. mainAxisAlignment가로축(주축)에서 자식 위젯들을 어떻게 배치할지 결정합니다.Row( mainAxisAli..
Flutter Column 위젯 완벽 가이드
개발/Flutter 2026. 2. 10. 09:57
Flutter에서 UI를 구성할 때 가장 자주 사용하는 위젯 중 하나가 바로 Column입니다. 이 글에서는 Column 위젯의 기본 개념부터 실전 활용까지 자세히 알아보겠습니다.Column이란?Column은 자식 위젯들을 세로(수직) 방향으로 배치하는 레이아웃 위젯입니다. 여러 위젯을 위에서 아래로 쌓아서 표시할 때 사용합니다.기본 사용법Column( children: [ Text('첫 번째 아이템'), Text('두 번째 아이템'), Text('세 번째 아이템'), ],)주요 속성1. mainAxisAlignment세로축(주축)에서 자식 위젯들을 어떻게 배치할지 결정합니다.Column( mainAxisAlignment: MainAxisAlignment.center, childr..
조직에 소속감을 만드는 4가지 원칙
정보 2026. 1. 23. 16:37
조직에 소속감을 만드는 4가지 원칙직원들이 진정으로 조직의 일원이 되는 경험높은 이직률, 낮은 업무 만족도, 팀 분열... 많은 조직들이 겪는 문제의 근본 원인은 소속감의 부재입니다. 소속감이 있는 직원은 자신의 일에 몰입하고, 팀을 위해 최선을 다우며, 조직의 성장에 자발적으로 기여합니다. 이번 글에서는 조직 내 진정한 소속감을 만드는 4가지 핵심 원칙을 소개합니다. 1명확한 목적과 비전 공유 소속감의 첫 번째 기초는 공유된 목적입니다. 직원들이 조직이 왜 존재하고, 무엇을 향해 나아가는지 이해할 때, 단순히 업무를 수행하는 것이 아닌 의미 있는 여정에 참여한다고 느낍니다.실행 방법:조직의 미션과 비전을 명확하고 간단하게 표현하기정기적인 타운홀 미팅에서 비전과 진전 상황 공유각 직원의 역할이 큰 목..
Flutter Image 위젯 완벽 가이드 #2
개발/Flutter 2026. 1. 23. 13:08
Flutter에서 이미지를 표시하는 것은 앱 개발의 기본이자 필수적인 요소입니다. 이번 포스트에서는 Flutter의 Image 위젯을 사용하는 다양한 방법을 알아보겠습니다.Image 위젯이란?Image 위젯은 Flutter에서 이미지를 화면에 표시하기 위해 사용하는 위젯입니다. 로컬 파일, 네트워크, 앱 에셋 등 다양한 소스로부터 이미지를 불러올 수 있습니다.1. 네트워크 이미지 표시하기인터넷에서 이미지를 불러올 때는 Image.network()를 사용합니다.Image.network( 'https://example.com/image.jpg', width: 300, height: 200,)로딩 중이거나 에러가 발생했을 때의 처리도 가능합니다.Image.network( 'https://example...
admin

티스토리툴바