taehyuck 님의 블로그

Next.js에서 AI 3D 아바타 렌더링하기: 블렌더 퀄리티를 웹에서 구현할 수 있을까?최근 Next.js를 기반으로 한 프론트엔드 환경에서 서버로부터 gpt-realtime-mini 모델의 음성 응답을 받아, 그에 맞춰 3D 아바타가 **립싱크(Lip-sync), 표정 연기(Facial Expression), 제스처(Gesture)**를 수행하도록 하는 인터랙티브 웹 서비스를 연구하고 있습니다.AI가 사람처럼 말하고 행동하는 것을 웹 브라우저 위에서 구현하는 매력적인 작업이지만, 이 과정에서 3D 렌더링이라는 거대한 벽에 부딪혔습니다. 오늘은 3D 그래픽을 전혀 모르는 개발자가 실사풍 3D 아바타를 웹에 올리기 위해 겪은 시행착오와 렌더링 최적화에 대한 고민을 공유하고자 합니다.1. 문제의 시작: 블..

[Next.js + FastAPI] STT/LLM/TTS 로컬 파이프라인에서 OpenAI Realtime API로 전환하여 서버 비용 90% 줄인 후기안녕하세요! 오늘은 Next.js와 FastAPI를 활용하여 ‘실시간 AI 아바타 대화 프로젝트’를 진행하면서 겪었던 뼈아픈 시행착오와, 이를 상용화 수준으로 끌어올리기 위해 서버 아키텍처를 전면 개편했던 경험을 공유하고자 합니다.인공지능 대화 서비스를 기획하고 계시거나, 오픈소스 AI 모델을 서버에 직접 올려서 상용화를 고민 중이신 분들께 이 글이 실질적인 도움이 되기를 바랍니다.1. 첫 번째 설계: 야심 차게 시작한 '로컬 오픈소스' 파이프라인프로젝트 초기, 우리의 목표는 명확했습니다. "웹(Next.js)에서 사용자가 말을 하면, 서버(FastAPI)..

[삽질 일기] 온프레미스 서버에서 숨겨진 NCP Private DB 뚫기: 위대한 점프서버와 SSH 터널링오늘도 평화롭게 코딩을 하고 있었다. 로컬 개발 환경에서는 잘 돌아가던 코드를 **온프레미스 서버(사내 물리 서버)**에 배포하는 순간, 평화는 깨졌다.Connection timed out: connect...빨간색 에러 로그가 화면을 가득 채웠다. 아... 서버가 DB를 못 찾는다. 알고 보니 내가 사용하려는 NCP(Naver Cloud Platform)의 데이터베이스가 Private Subnet에 숨어 있었던 것이다. 외부(온프레미스)에서는 당연히 접근 불가능한 '성역'에 있었던 셈.오늘은 이 철벽같은 Private DB에 온프레미스 서버가 접속할 수 있도록 **점프서버(Bastion Host)*..

[삽질 기록] 잘 돌아가던 서버가 멈췄다? MSSQL 동시성 락(Lock) 문제 해결기 (feat. Java Write vs Python Read)안녕하세요! 오늘은 Suno AI를 활용한 프로젝트를 진행하던 중 마주친, 아주 골치 아팠던 데이터베이스 동시성(Concurrency) 이슈에 대해 이야기해보려 합니다.멀쩡히 잘 돌아가던 백엔드 서버가 갑자기 데이터 저장 시점에서 아무런 에러 로그 없이 무한 대기(Hang) 상태에 빠지는 현상이었는데요. 범인은 바로 MSSQL의 락(Lock) 메커니즘이었습니다.저와 비슷한 환경(특히 MSSQL을 사용하는 다중 서비스 환경)에서 고통받는 분들에게 도움이 되길 바라며 기록을 남깁니다.1. 문제 상황: 평화로운 아키텍처에 찾아온 위기제가 구축한 시스템의 구조는 대략..

[NCP 공공 클라우드] IPsec 장비 호환 문제 해결: 베스천 호스트 터널링으로 On-Premise AI 서버와 Cloud DB 연동하기IPsec 장비 호환 문제 해결: 베스천 호스트와 SSH 터널링으로 On-Premise AI 서버와 Cloud DB 안전하게 연동하기안녕하세요! 오늘은 네이버 클라우드 플랫폼(NCP) 공공기관용(Public/Gov) 환경을 구축하면서 겪었던 **'네트워크 장비 호환성 문제'**와 이를 타개하기 위한 '우회 연결 아키텍처(Bastion Host + SSH Tunneling)' 구축 경험을 공유하고자 합니다.현재 AI 프로젝트를 진행하면서, 저희 회사의 온프레미스(사내) GPU 서버와 NCP 클라우드 내부에 격리된(Private) Cloud DB for MySQL을 안전..

울산에서 서울의 병원 서버를 지키는 법: Heartbeat 프로젝트 회고 1. 거리라는 장벽, 그리고 막막함내가 운영하는 서비스는 전국구다. 서울, 인천, 부산, 대전... 수많은 병원들이 우리 솔루션을 사용한다. 하지만 우리 개발팀, 그리고 나는 울산에 있다.이 물리적인 거리는 생각보다 큰 공포였다. 장비가 다운되었다는 연락을 받으면 등에서 식은땀이 흐른다. 내가 직접 가서 전원 버튼을 누를 수도, 모니터를 들여다볼 수도 없으니까."선생님, 컴퓨터가 꺼졌어요." "혹시 화면에 뭐 뜨는 거 없었나요?" "그냥 꺼져서 모르겠는데요."현장에 있는 의료진분들에게 전문적인 트러블 슈팅을 기대할 순 없다. 그분들은 환자를 보는 게 주 업무니까. 결국 우리는 원인을 '추측'만 해야 했다. 전원 코드가 빠졌나? 윈도..

식은땀 흘리며 완수한 병원 데이터 대이동 (MSSQL 마이그레이션 회고)오늘의 기록은 입사 후 가장 긴장했던 프로젝트, 병원 대용량 데이터 마이그레이션에 대한 회고다.나중에 비슷한 상황이 닥쳤을 때 당황하지 않기 위해, 그리고 그때의 치열했던 고민을 잊지 않기 위해 남겨둔다.1. "데이터는 건드리면 안 된다"는 압박감처음 팀장님께 이 업무를 받았을 때가 생각난다. "운영 중인 병원 데이터를 NCP(Naver Cloud Platform)로 옮겨야 해. 근데 서비스는 멈추면 안 돼."솔직히 덜컥 겁부터 났다. 쇼핑몰 주문 내역도 중요하지만, 환자의 진료 기록이나 처방 내역은 사람의 건강과 직결된 데이터다. 만약 이관하다가 데이터가 꼬이거나 누락된다면? 상상만 해도 아찔했다.가장 먼저 한 일은 코드를 짜는 게..

도커(Docker)란 무엇인가도커는 프로그램을 어디서든 똑같이 실행할 수 있게 해주는 도구입니다.개발을 하다 보면 이런 상황을 자주 겪습니다.내 컴퓨터에서는 잘 돌아가는데,다른 사람 컴퓨터나 서버에서는 에러가 난다.이유는 간단합니다.운영체제(OS)가 다르고라이브러리 버전이 다르고실행 환경 설정이 다르기 때문입니다.도커는 이런 문제를 해결하기 위해 등장했습니다.실행 환경 자체를 하나로 묶어서 어디서든 동일하게 실행할 수 있게 해줍니다.도커의 핵심 개념도커를 이해하려면 아래 세 가지만 알면 됩니다.이미지(Image)컨테이너(Container)Docker Compose1. 이미지(Image)란?이미지는 프로그램을 실행하기 위한 설계도입니다.이미지 안에는 다음이 들어 있습니다.운영체제 환경필요한 라이브러리프로그..

코쿤부스 예약 관리 프로젝트 개발기입사 일주일 만에 맡은 첫 실무 프로젝트프로젝트 시작한 지 이제 2주 정도. 입사하자마자 “한 번 맡아보라”는 말을 들었을 때, 기대와 걱정이 동시에 밀려왔다.특히 나는 백엔드 중심 개발자라 프론트엔드 디자인 감각이 좋지 않다는 피드백을 자주 들어서, 실제 화면을 만들 생각에 가장 긴장됐다.1. 프로젝트 개요프론트엔드: ReactWeb Backend API: Spring BootAI·얼굴인식 API: FastAPIDB & 배포: 추후 클라우드 환경 포함 예정기능: 회원가입 + 얼굴 인증, 예약·취소, 관리자 승인, 로그 저장 등FastAPI 하나로 웹 API까지 모두 처리해도 됐지만,장기적인 고도화(확장성)를 고려해서 웹 API는 Spring Boot로 분리했다.2. ..

온프레미스 서버 구축 도전기: 새 컴퓨터에 Ubuntu 설치부터 FastAPI 배포까지직장에 입사한 이후, 처음으로 “온프레미스 서버”라는 걸 직접 구축하게 되었다.클라우드(AWS EC2)만 경험해 본 나에게 이 작업은 낯설고 조금은 두려운 일이었다.하지만 실제로 서버를 직접 띄워보고 운영하는 경험은 생각보다 흥미롭고 배울 점이 많았다.이 글에서는 Ubuntu 설치 → NVIDIA 드라이버 구성 → SSH 포트 오픈 → 포트포워딩 → FastAPI 배포까지의 모든 과정을 기록한다.누군가 온프레미스 서버를 처음 세팅하려 한다면 좋은 레퍼런스가 되었으면 한다.1. 회사에서 받은 첫 과제: “5090 컴퓨터 두 대를 세팅해라”입사한 지 얼마 되지 않은 시점에 사수님께서 컴퓨터 두 대(GeForce RTX 50..