IT 세상에서 살아남기

Firebase Studio는 Google이 출시한 최신 클라우드 기반 통합 개발 환경(IDE)으로, AI가 통합된 강력한 기능을 통해 개발 과정 전체를 간편하게 도와주는 플랫폼입니다. 특히 혼자서 앱을 개발하는 1인 개발자들에게 매우 유용합니다.Firebase Studio의 핵심 기능1. AI를 활용한 앱 프로토타입 제작자연어 명령어나 이미지, 간단한 스케치만으로 앱의 초기 프로토타입을 신속하게 제작할 수 있습니다.Next.js 기반의 웹 앱이 자동으로 만들어지며, Firebase 서비스들과 손쉽게 연동됩니다.2. Gemini AI를 통한 스마트 코딩 지원Gemini AI가 코드 자동 작성, 디버깅, 코드 테스트, 리팩토링 및 문서화를 도와줍니다.개발자의 요청을 이해하고 직접 코드를 수정하거나 기능 추..

Firebase Studio란?Firebase Studio는 Google이 2025년에 공개한 AI 통합 클라우드 개발 환경입니다. 브라우저만으로 코딩, 테스트, 배포까지 가능하며, 특히 Gemini AI 기반 기능을 활용해 자연어로 앱을 만들 수 있다는 점이 가장 큰 특징입니다.기존 Firebase 콘솔과 뭐가 다를까?기능Firebase 콘솔Firebase Studio목적설정 및 모니터링앱 개발 & AI 지원코딩없음VS Code 기반 웹 IDEAI 기능없음Gemini 자동 코드 생성협업권한 초대실시간 동시 작업배포CLI, 수동원클릭 자동 배포주요 기능 한눈에 보기AI 앱 프로토타입 생성: “일기 앱 만들어줘”라고 입력하면 Next.js 기반 앱 자동 생성AI 코딩 도우미: “로그인 기능 추가해줘” 요청..

Firebase FCM iOS 빌드 크래시 이슈 보고서문제 요약Flutter 앱에서 Firebase Cloud Messaging(FCM)을 연동한 후 iOS 기기에서 앱을 실행하면 앱이 곧바로 크래시(crash) 되는 문제가 보고되었습니다. 특히 푸시 알림 권한을 승인받거나 FCM 토큰을 요청하는 시점에 문제가 발생하며, 디버그 콘솔에는 "APNS token has not been set yet. Please ensure the APNS token is available by calling getAPNSToken()"와 같은 오류 메시지가 나타납니다. 이는 iOS에서 FCM 초기화 또는 푸시 수신 과정에서 필요한 APNs 토큰을 찾지 못해 예외가 발생한 상황으로, 사용자는 정상적인 FCM 토큰 발급이나 ..

Flutter 앱의 로고와 이름을 변경한 과정을 순서대로 자세히 설명해드리겠습니다. 앱 아이콘(로고) 변경 과정:pubspec.yaml 파일에서 flutter_launcher_icons 설정을 확인했습니다.이미지 파일이 assets/images/app_icon_v1.png에 위치해 있는 것을 확인했습니다.다음 명령어를 실행하여 아이콘을 생성했습니다:flutter pub get && flutter pub run flutter_launcher_icons이 명령어는 Android와 iOS 플랫폼 모두에 대해 새로운 아이콘을 생성합니다.앱 이름 변경 과정:android/app/src/main/AndroidManifest.xml 파일을 수정했습니다. 태그 내의 android:label 값을 "FCM_Lunche..

Flutter 에서 WebView를 구성한 후에 FCM 을 이용하는 과정에서 메시지가 정상적으로 호출되지 않고 원인을 찾기 위해 수정을 했던 방식메인 파일 (lib/main.dart) 수정사항:백그라운드 메시지 핸들러 추가:Future _firebaseMessagingBackgroundHandler(RemoteMessage message) async { await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform); print('백그라운드 메시지 수신: ${message.messageId}'); }FCM 권한 요청 개선:NotificationSettings settings = await FirebaseMessaging.insta..

Figma MCP와 Cursor로 고퀄리티 디자인 만드는 법Figma MCP와 Cursor를 활용하여 디자인 퀄리티를 높이고, 자동화된 작업 흐름을 구축하는 방법을 알아봅니다. 고품질 디자인을 위한 프롬프트 작성법과 디자인 시스템을 쉽게 관리하는 방법을 소개합니다. 1. Figma 디자인 목표 명확히 하기디자인을 시작하기 전에 원하는 목표를 명확하게 설정하는 것이 중요합니다. 예를 들어:웹사이트 레이아웃: 헤더, 푸터, 사이드바 등의 배치UI 요소: 버튼, 입력 필드, 라벨 등디자인 스타일: 색상, 폰트, 아이콘 스타일 등반응형 웹 디자인: 다양한 화면 크기에 맞는 레이아웃 조정2. Figma 디자인 피드백을 위한 구체적인 프롬프트디자인을 개선하려면 구체적이고 명확한 프롬프트가 필요합니다. 아래 예시를 ..

맥북(MacBook) 단축키 총정리 가이드맥을 처음 사용하거나 더 효율적으로 활용하고 싶은 분들을 위한 필수 단축키 가이드입니다. 키보드 조작만으로 작업 속도를 높이고, 손쉽게 macOS를 탐색해보세요. 1. 일반 시스템 단축키Command ⌘ + C / V / X / Z: 복사 / 붙여넣기 / 잘라내기 / 실행 취소Command ⌘ + A / S / P: 전체 선택 / 저장 / 인쇄Command ⌘ + Q / W: 앱 종료 / 창 닫기Command ⌘ + Tab: 앱 간 전환Command ⌘ + ` (백틱): 같은 앱 내 창 전환Command ⌘ + Shift + 3 / 4 / 5: 스크린샷 전체 / 선택 / 옵션2. Mission Control 및 데스크탑 관련Control ⌃ + ↑: Mission..

작성일: 2025-05-08Cursor AI와 Figma를 MCP(Model Context Protocol)로 채팅 기반 연동하여, 디자인을 자동으로 읽고 수정하는 방법을 단계별로 정리했습니다. 1. 사전 준비Bun 설치curl -fsSL https://bun.sh/install | bash프로젝트 클론git clone https://github.com/sonnylazuardi/cursor-talk-to-figma-mcp.git cd cursor-talk-to-figma-mcp2. Bun setup & MCP 설치Cursor IDE에서 아래를 실행하면 프로젝트 설정과 함께 MCP 서버가 자동 설치됩니다.bun setup 3. WebSocket 서버 시작Figma 플러그인과 MCP 서버 간 실시간 통신을..