728x90

flutter 3

Stateless widget vs Stateful widget in Flutter

📢 사이드 프로젝트를 진행하며 Flutter의 Stateless, Stateful Widget 각각의 의도를 이해하고 사용하고 싶었어요 ※ 24년 작성한 글 이에요 Stateless와 Stateful Widget을 Flutter 설계 철학에 맞게 사용하는 방법을 알아봤어요 ❔Flutter의 2가지 Widget TypeFlutter의 widget은 Stateless와 Stateful 2가지 유형이 있어요각 유형을 어떤 상황에 써야 하는지 보통 어떤 식으로 쓰는지 알아봐요Stateless Widget불변(immutable)으로, 한 번 생성되면 그 속성들이 변경되지 않아요사용자 상호작용이나 다른 동적 변화에 반응할 필요가 없는 정적 콘텐츠를 표시Ex) 텍스트 레이블, 아이콘, 그리고 외형이나 동작이 사용..

TIL/2024 2025.04.24

Google이 반한 Firebase, 그 시작은 채팅이었다?

📢 앱 개발의 백엔드 고민을 한방에 해결해주는 Firebase. 사실 이 혁신적인 플랫폼의 시작은 단순한 채팅 서비스였습니다. Firebase가 어떻게 탄생했고, 왜 전 세계 개발자들이 열광하는지 간단하게 알아볼까요?  시작은 채팅, 끝은 혁명2011년, James Tamplin과 Andrew Lee는 웹사이트에 채팅 기능을 붙이는 위젯, Envolve를 출시했어요.그런데 이게 웬걸? 사용자들이 이걸 단순 채팅이 아니라 실시간 데이터 동기화 도구로 쓰기 시작했죠!게임 상태 동기화? 가능!실시간 통계 대시보드? 문제없음!이때 창립자들은 깨달았어요."이거, 채팅에만 쓰기엔 너무 대단한데?" 그래서 2012년 Envolve라는껍데기를 벗고 탄생한 것이 바로 Firebase입니다.  Google과 손잡고 글로..

TIL/2024 2024.11.15

[Flutter] Spacer()로 Column 내 요소를 예쁘게 배치

📢 Spacer() 로 화면 크기에 상관없이 Column 내 Widget들을 예쁘게 배치 할 수 있음 🤔 Spacer(flex: 1) 란 무엇인가?사용 용도Column이나 Row 내에서만 사용되며 Widget 간 여백을 조절하는 용도사용 이유Display 화면 크기에 상관 없이 Column, Row 내 Widget들을 균형있게 배치 가능  💻 사용 예시" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스Line 22 : "로그인" 텍스트 아래 Spacer()로 상단 여백 확보Line 26 : 두 번째 Spacer(flex: 2)로 입력 필드와 버튼 간격을 더 넓게 조정Line 36 : 마지막 Spacer()로 버튼과 화면 하단 여백 추가  💡 Spacer() 사용 시 주의사..

TIL/2024 2024.11.12
728x90