인터뷰를 진행하며 내가 잘못 기입했다 느꼈던 내용 중 하나는pnpm을 사용해 '빌드 속도'를 감소시켰다 설명한 것이었다.포괄적으로 설명하면 어느 정도 맞는 말이긴 하다. 그런데 세부적으로 볼 필요가 있었다. 1️⃣ 배포 전, Build 까지의 단계는 install 단계와 명령어 실행 단계로 나눌 수 있다.// Vercel Deploy까지의 과정install → build (next build, webpack/vite 등) → output 업로드 → deploy to serverless/edge function → CDN/edge network 전파npm을 사용하던, yarn classic을 사용하던, Pnpm을 사용하던'명령어'를 실행하는 단계에서의 유의미한 결과를 내긴 어렵다.(낼 수 있을까 싶다)in..

수술 이후 재활하며 다시 취업 준비를 하던 중 26년 8월 27일 어제, 한 회사에 면접을 가게되었다. 한창 면접을 진행하던 중 내가 이력서에 기입한 pnpm 마이그레이션 내용에 대한 질문을 받았고적용 이유와 결과에 대해 답했다.그리고 돌아온 꼬리질문에는 전혀 답을 못했는데, 그 내용이 기억에 남아 블로그에 정리하게 되었다. Q. pnpm이 유령의존성을 100% 해결해주지 않는데,말씀하신 내용은 완전한 해결이 이뤄진 것으로 들립니다.내 이력서에는 유령의존성 문제와 프로젝트 사이즈 감소를 위해 yarn classic에서 pnpm으로마이그레이션을 진행했다고 기입했다.그리고 꼬리질문에 대한 답변은 아예 답하지 못하겠어서 사실대로 모르겠다 말한 뒤 집에 돌아가학습해보도록 하겠다 답을 했고. 1. 우선 pnpm이..

AI도 다해주는건 아냐.. 삽질하게 된 이유주식 투자를 위한 기업 자료 검색 서비스에 필요한 검색 기능 구현에Google의 Custom Search API를 활용하고자 했고Custom Search API KEY를 생성 후 "Enabled" 상태인 것을 확인 후,API 통신을 진행해보면 403 Error가 발생하는 문제가 있었다. 결론부터 말하면 내 잘못이 아니었고,,알고보니 구글 Custom Search API가 신규 가입을 막아놔서 발생한 문제였다.혹시 Custom Search API에서 403 "This project does not have the accessto Custom Search JSON API"를 보고 있다면 설정을 더 만지기 전에이 글을 먼저 읽었으면 좋겠다 싶어 작성함. 결론만 말하자..

AI 의존 80%와 구글링 20%을 통해 진행한 백엔드 작업 중에서도PostgreSQL DB를 설계하고 Prisma ORM을 설정하는 과정이 가장 어려웠다. 경험이 전무하기도 했고, DB를 생성 / 관리 능력이 중요하다는 이야기를개발을 해오며 수도 없이 들어오며 처음부터 겁을 먹어서 더욱 어렵게 느껴지기도 했나보다. 무튼.. 이번 주제에서 다룰 내용은 크게 6가지이다. 1) SQL / NoSQL2) Supabase와 Prisma3) DB 스키마 설계4) 관계형 데이터의 필요성5) Prisma Client 생성6) DB 마이그레이션 1️⃣ SQL과 noSQLDB의 종류라는 것을 알고있었지만 설명하라고 하면 설명할 수 없는 단어들이었다.그래서 이 참에 개념을 알아둘 겸 까먹을 상황을 대비해 내용 정리를 진행..

React Native로 앱 개발을 진행하다면 가장 먼저 마주하는 선택지인 CLI VS Expo.Expo를 사용하면 CLI를 사용할 때보다 빠른 개발이 가능해보였다.QR코드로 진행하는 앱 테스트부터 복잡한 네이티브 설정 없이 앱 개발 시작이 가능하단 점 등.. 하지만 기술 스택 정의를 진행하며 CLI를 선택할 수 밖에 없는 이유가 존재했다. 1️⃣ React Native CLI를 선택한 이유1) 프로젝트 요구사항에 expo가 맞지 않았다.Beyond Meet는 WebRTC 기반 1:1 영상 통화가 메인 기능이었다.기능 구현을 위한 라이브러리로는 아래와 같다.{ "react-native-agora": "^4.x", // WebRTC 영상 통화 "@react-native-firebase..

Claude Code를 사용해 백엔드를 개발한다고 해도 양질의 프롬프트를 작성하지 못한다면엉킨 구조의 서버를 개발할 것이 뻔했다.그렇기에 기본적인 가이드라인을 설정하기 위한 백엔드 이해도를 가져야했다. 처음엔 백엔드 아키텍처를 어떻게 잡아야 할지 막막해 Node.js 아키텍처로 검색했더니여러 패턴이 나타났다. 1️⃣ Layered 아키텍처를 선택한 이유현업에서 프론트엔드 개발자로 근무할 때부터 익숙했던 구조였다.명확한 관심사를 나눠 디렉토리별로 운영하는 것이 유지 보수에 용이했기에 선택했는데백엔드 측에서도 용어만 살짝 다를 뿐이지, 동일하게 Layered 아키텍처를 사용한다는 것을 알았다. 그렇게 나눠본 Layer는 아래와 같다.┌─────────────────────────────────────────..

Beyond Meet라는 프로젝트의 개발 과정을 담은 시리즈의 첫 글이다.2개월간 React Native CLI와 Node.js로 WebRTC 기반의 1:1 영상 데이팅 앱을 개발하고,무료 인프라를 통한 월 10000원 운영의 서비스를 개발한 경험을 정리하고자 내용을 작성하게 되었다.(미래의 내가 필요하다면 꺼내 쓰기 위함도 있다ㅎㅎ) 1️⃣ 내가 영상 데이팅 앱을 만든 이유사람과의 만남으로 발생하는 가치에 관심이 컸다.누군가를 소개해주고 감사하다는 말이나 주선해준 관계에서 썸 또는 연인 관계가 되어서로 행복해하는 모습을 보면 기분이 좋았기에 더욱 데이팅 앱을 좋아했던 것으로 보여진다.그래서인지 20대 중반부터 데이팅 앱에 관심을 가져왔고, 내가 서비스를 만드는 오늘날까지업계 동향과 문제점을 분석해왔다...

1. 아니.. 잘 돌아가던 IOS 빌드가 왜 문제일까React Native CLI 프로젝트에서 Xcode 업데이트 이후 iOS 빌드를 시도하던 중갑자기 빌드가 실패하기 시작했다.최초 발생한 에러:error: unknown argument: '-Xcc'xcodebuild exited with error code '65'프로젝트 환경은 아래와 같다.- React Native 0.82.1- Xcode 26.1.1- Android Ladybug 이전까지는 정상적으로 빌드되던 프로젝트였기에, 최근 수정한 파일들(Podfile, Podfile.lock, project.pbxproj 등)이 원인일 것으로 추측했다.2. 원인을 파악해 보자GitHub Issues와 Stack Overflow를 검색해 보니 React N..