비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)
이 강의를 모두 들으시고, 응용하면 여러분만의 사이트, 앱을 만들 수 있어요. 이 강의는 Cursor AI 를 이용하여, 우리 가족만을 위한 단톡방을 Web사이트로 만들면서, 코딩의 흐름을 자연스럽게 익혀보는 바이브코딩 입문 강의입니다. App 개발자 계정이나 맥북 없이, 윈도우 환경만으로도 개발을 몰라도 누구나 쉽게 따라 할 수 있고, 실제 웹사이트로 배포하는 법도 배웁니다.
이런 걸 배울 수 있어요
- 바이브 코딩을 가장 효율적으로 배웁니다.
- 실습 중심: 따라만 해도 완성되는 실전 채팅웹
- Firebase의 핵심 서비스(Auth, Firestore) 완전 정복
- Vercel로 배포까지 한 번에!
👨👩👧👦 내 아이를 위한 프라이빗 메신저, 직접 만들었습니다
혹시 이런 고민 해보신 적 있으신가요?
“어린 아이가 상용 메신저를 쓰는 게 걱정된다…
가족끼리만 쓸 수 있는,
안전한 메신저가 있었으면 좋겠다!”
광고도 많고, 낯선 사람과 연결될 수도 있는
일반 메신저보다는
우리 가족만 사용할 수 있는,
간단하고 안전한 메신저가 있었으면 좋겠더라고요.
그래서 Flutter와 Firebase를 이용해
직접 우리 가족 전용 메신저를 만들었습니다.
(이 강의에서는 Web + Firebase를 이용합니다.)
아이폰, 아이패드, 안드로이드 폰…
가족들이 사용하는 기기 운영체제가 제각각이라
크로스 플랫폼을 지원하는 Flutter를 선택했죠.
🧑💻 그런데, 이걸 어떻게 만들었냐고요?
바로 요즘 한창 유행한다는 ‘바이브코딩’으로요!
저는 애플, 구글 개발자 계정이 있기때문에
실제 기기에 설치까지 해 봤지만,
하지만 이 강의에서는 그런 계정 없이도,
윈도우 환경에서 누구나 쉽게 따라할 수 있도록
웹 기반 메신저 버전으로 준비했습니다.
일단 바이브코딩을 접해보는 것이 중요하니까요!
📚 이 강의는 이런 분들을 위한 강의예요!
- “개발 하나도 몰라도 괜찮을까?” 싶은 비전공자, 입문자
- 맥북 없이 윈도우만 있는 환경에서 시작하고 싶은 분
- 실제로 작동하는 웹사이트를 내 손으로 만들고 싶은 분
- 가족, 커플, 친구들끼리 쓸 나만의 메신저를 만들어보고 싶은 분
🎥 강의는 이런 순서로 진행돼요
- 완성된 웹 메신저 시연 — 먼저 결과물을 보고 동기 부여 받기!
- Firebase, GitHub, Vercel 계정 만들기 — 실전 준비 단계
- Node.js 설치 및 환경 구성 — 개발 환경 세팅도 차근차근
- Cursor 설치 (AI 코딩 도우미) — 코딩이 처음이라도 걱정 없어요!
- 본격적인 메신저 코딩 시작 — 직접 기능을 구현해봐요
- Vercel을 통한 실시간 웹 배포 — 내가 만든 메신저, 세상에 공개!
🌟 실제로 작동하는, 나만의 웹 메신저
이 강의는 코딩 언어를 가르치지 않습니다.
바이브 코딩을 하는 법만 배웁니다.
그리고 이렇게 만든 메신저는
실제로 친구나 가족과 사용할 수 있는
진짜 메신저 웹사이트를 완성하게 됩니다.
🌱 그리고, 다음 도전은 Flutter 앱입니다!
(이 강의에서 모바일 App은 만들지 않습니다)
웹으로 메신저의 구조와 원리를 익혔다면,
이제는 모바일 앱에도 여러분이 직접 도전해보세요!
Flutter는 한 번의 코드 작성으로
iOS, Android, 웹까지 동시에 개발할 수 있는 놀라운 도구입니다.
언젠가는 여러분도
가족을 위한 나만의 앱, 직접 만들 수 있을 거예요.
코딩이 처음이라도 괜찮습니다.
가장 쉬운 출발선에서, 실전까지 함께 갑니다.
우리만의 메신저를 만들 준비 되셨나요? 😄