Flutter 스터디 채팅앱 — 실행 방법

https://velog.io/@shinh09/Flutter-Stream-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%B2%98%EB%A6%AC-%EB%B0%A9%EC%8B%9D-%EC%B1%84%ED%8C%85-StreamBuilder-%EC%9E%90%EB%8F%99-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EA%B5%AC%ED%98%84

폴더 구조

study_chat/
├── README.md              ← 실행법
└── code/
    ├── server/
    │   └── server.dart    ← Dart WebSocket 서버
    └── flutter_app/
        ├── pubspec.yaml
        └── lib/
            ├── main.dart        ← 닉네임 입력 화면
            └── chat_screen.dart ← 채팅 화면

---

Dart SDK 확인

dart --version

없으면 Flutter 설치

Flutter 의존성 설치

cd code/flutter_app
flutter pub get

미리 테스트 (아마 여기부터 바로 하면 될 듯!!)

# 터미널 1
cd code/server
dart run server.dart

# 터미널 2
cd code/flutter_app
flutter run

닉네임 입력 화면이 뜨고, localhost 입력해서 접속되면 준비 완료!

---

Step 1. 서버 실행 (한명만..)

cd code/server
dart run server.dart

터미널에 이렇게 뜨면 성공:

✅ 채팅 서버 실행 중 → ws://localhost:8080
📡 팀원들한테 이 IP 공유하세요: 192.168.0.X:8080

Step 2. 앱 실행

cd code/flutter_app
flutter run

앱에서:

1. 서버 IP 입력 → 발표자가 공유한 숫자 (ws:// 없이 숫자만)
2. 닉네임 입력
3. 입장!

Step 3. 접속 후 채팅

---

항목	내용
와이파이	발표자와 팀원 모두 같은 와이파이 연결 필수
실행 환경	Chrome(웹)은 WebSocket 보안 제한 → 에뮬레이터 or 실제 기기 사용
IP 입력	ws:// 없이 숫자만 입력 (예: 192.168.0.5)
서버 종료	발표자가 터미널 끄면 모든 연결 끊김

---

연결 실패가 뜰 때

1. 서버가 실행 중인지 확인 (dart run server.dart 터미널 확인)
2. 같은 와이파이인지 확인
3. IP 숫자가 맞는지 확인
4. localhost 또는 127.0.0.1 로 시도 (본인 기기에서 테스트할 때)

에뮬레이터가 없을 때

# Android Studio에서 에뮬레이터 생성 후
flutter run -d android