개발2 [Flutter] 코딩셰프 조금 매운 맛 - 채팅앱 유용하게 쓰일 것 같은 코드 모음 [ Firebase Firestore 데이터베이스와 실시간 데이터 스트림 연결 ]stream: FirebaseFirestore.instance .collection('chat') .orderBy('time', descending: true) .snapshots(),Firestore의 chat 컬렉션에 실시간으로 접근해 메시지를 가져오는 기능!이를 통해 사용자가 메시지를 보낼 때마다 자동으로 화면에 업데이트되는 실시간 채팅 기능을 구현할 수 있음! [ ChatBubble 위젯을 통한 사용자와 타인 메시지 구분 ]ChatBubble( clipper: ChatBubbleClipper8(type: isMe ? BubbleType.sendBubble :.. 2024. 11. 2. [Flutter] Stateful widget 볼드체만 읽으면 됩니당 (4,5 주차) StateUI가 변경되도록 영향을 미치는 데이터로, StatefulWidget과 StatelessWidget이 있다즉, State란 App의 상태를 바꾸는 모든 행위이다 플러터는 모두 위젯으로 이뤄져 있다.화면에 보여지는 요소를 클래스로 표현하며, 이를 '위젯'이라 부른다 *Stateless Widget : State가 변하지 않는 위젯*Hot Reload : 저장하면 바로 반영되는 것 Widget tree는 하나의 구성일 뿐, 직접적으로 스크린에 그려지는 건 아니다(설계도 역할 : UI에 그려줘~ 하는 느낌)Element tree는 개발자가 만든 Widget tree에 근거해서 생성을 해주는 요소이다 Widget tree에 있는 모든 위젯 하나하나가 일대일 .. 2024. 9. 30. 이전 1 다음