개발4 [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] 코딩셰프 조금 매운 맛 - 로그인과 주사위 게임 플러터 앱 만들기 유용하게 쓰일 것 같은 코드 모음 [ TextField 입력과 유효성 검사 ]if (controller.text == 'dice' && controller2.text == '1234') { Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) => dice()));}이 부분은 사용자 입력(아이디와 비밀번호)을 받아 유효성 검사를 수행하고 입력값이 일치하는 경우 새로운 화면으로 이동하게 함.유효성 검사는 로그인 기능의 중요한 로직으로, 올바른 인증 절차 없이 다음 화면으로 이동하지 않도록 방지하는 역할을 함! [ SnackBar를 이용한 오류 메시지 출력 ]ScaffoldMessenger.of(context).sho.. 2024. 11. 2. [Flutter] Flutter 동작 방식 이해하기! 0. 타 크로스플랫폼은 어떻게 작동하는가?swift로 iOS를, java로 andriod를 만드는 native 앱 개발을 할 때 개발자는 운영체제와 직접 대화한다.(e.g. 'button, text iput 등의 코드를 쓰는 것은 같은 요소들을 만들어줘!' 라고 운영체제에 말하는 것) 1. Flutter architectural overview Framework : Dart로 짜여진 코드가 Flutter 프레임워크 상에서 이용됨Engine : 앱의 실제 UI를 렌더링, 프레임워크를 동작시키고 UI를 그려주는 역할(-> Flutter 프레임워크가 개발자가 작성한 코드를 사용하면서 운영체제와 직접 대화x, 엔진이 화면 상에 우리가 말한 것들을 그려줌)(엔진을 하나의 가상머신이라고 생각하면 됨!) 3. 그렇다.. 2024. 8. 23. [Dart] Class와 Constructors(생성자) 개념 이해! 1. Constructors(생성자)란?생성자란 클래스의 인스턴스를 만드는 특별한 함수이다.생성자 함수의 이름은 class의 이름과 같아야 한다!class Student { late String name; //late : 변수들의 값을 나중에 받아올 것을 의미 late int age; Student(String name, int age) { this.name = name; this.age = age; } void callStudent() { print("$age 살 $name 학생, 또 핸드폰 하는 거예요?") }} 2. main()에서 사용해보기!void main() { var student1 = Student("susu", 22);.. 2024. 8. 16. 이전 1 다음
