web4 [3편] 환경변수 관리와 Firebase 멀티 프로젝트 운영 팁 1편에서 프로젝트 세팅, 2편에서 배포+트러블슈팅을 다뤘다. 이번 편에서는 실제로 운영하면서 필요한 환경변수 관리 방법이랑, Firebase 프로젝트를 2개 이상 쓸 때 주의점을 정리한다. 1편 ->2026.03.18 - [web] - [1편] Next.js + Firebase 프로젝트 생성부터 초기 설정까지 (Windows 11)2편 ->2026.03.18 - [web] - [2편] Firebase Hosting 배포하기 + Cloud Build 오류 트러블슈팅 (Windows 11)1. 환경변수 종류 정리Next.js + Firebase 프로젝트에서 환경변수는 크게 3군데서 관리된다:(1) .env.local — 로컬 개발용# .env.localNEXT_PUBLIC_FIREBASE_API_KEY=AI.. 2026. 3. 18. [2편] Firebase Hosting 배포하기 + Cloud Build 오류 트러블슈팅 (Windows 11) 1편에서 프로젝트 생성이랑 초기 설정까지 끝냈다. 이번 편에서는 실제 배포 과정이랑, 내가 한참 삽질했던 opentelemetry 오류를 어떻게 해결했는지 정리한다.솔직히 이 글을 쓰는 이유의 80%가 이 트러블슈팅 때문이다. 진짜 몇 시간을 날렸다. 1편은 여기로 .. ->2026.03.18 - [web] - [1편] Next.js + Firebase 프로젝트 생성부터 초기 설정까지 (Windows 11) [1편] Next.js + Firebase 프로젝트 생성부터 초기 설정까지 (Windows 11)나는 회사에서 안드로이드 개발을 주로 하는데, 어느 순간부터 Firebase Cloud Functions이랑 웹 대시보드까지 같이 맡게 됐다. 그러다 보니 자연스럽게 Next.js + TypeScript .. 2026. 3. 18. [1편] Next.js + Firebase 프로젝트 생성부터 초기 설정까지 (Windows 11) 나는 회사에서 안드로이드 개발을 주로 하는데, 어느 순간부터 Firebase Cloud Functions이랑 웹 대시보드까지 같이 맡게 됐다. 그러다 보니 자연스럽게 Next.js + TypeScript + Firebase 조합으로 프로젝트를 하나 세팅하게 됐는데, 이 과정을 처음부터 끝까지 정리해보려고 한다.안드로이드 개발자 입장에서 웹 프로젝트 세팅은 진짜 낯설었다. build.gradle 대신 package.json, Gradle 대신 npm, Android Studio 대신 VS Code... 근데 한 번 해보면 구조 자체는 비슷하다. 이 글은 나처럼 안드로이드 하다가 갑자기 웹+서버도 해야 되는 사람한테 도움이 될 것 같다.개발 환경OS: Windows 11 (클린 설치 직후)에디터: Visua.. 2026. 3. 18. 해외에서 진짜 많이 쓰는 웹 UI 레퍼런스 5가지 웹 UI 작업할 때 레퍼런스 없이 맨땅에 시작하면 시간만 날린다. 국내 사이트도 좋지만, 해외 디자이너/개발자들이 실제로 많이 쓰는 사이트 위주로 정리했다. 요즘 AI로 개발하다보면 디자인을 놓치기 쉬운데 아래 사이트를 참고해서 예쁘게 만들어 보자.1. Dribbble🔗 https://dribbble.com디자이너 포트폴리오 플랫폼의 원조격이다. 전 세계 디자이너들이 자기 작업물을 올리는 곳인데, 웹 UI뿐만 아니라 앱 UI, 일러스트, 아이콘 등 거의 모든 디자인 분야를 커버한다.뭐가 좋은지:한 화면에 디자인 샷이 쭉 나와서 빠르게 훑기 좋다"Web Design", "Mobile", "Dashboard" 같은 태그 필터링이 잘 되어 있다무료로도 충분히 많이 볼 수 있다 (Pro 없어도 됨)컬러 팔레트.. 2026. 3. 18. 이전 1 다음
