모바일 앱5분
WebRTC 기반 AI 상담원: 딥페이크 영상 응답을 앱에서 재생한 방법
AI 상담원에서 딥페이크 영상과 합성 음성은 생성만큼 전달 방식이 중요합니다. 사용자가 발화를 마친 뒤 화면이 오래 비거나, 음성과 입 모양이 어긋나면 응답 품질이 급격히 떨어집니다.
DUOLABS BLOG
전체 글537
- 디자인 시스템10분
색 테마 20종을 위한 리팩토링: 하드코딩된 색 100곳과 캔버스 모듈 분리
회사 홈페이지에 색 테마를 붙였습니다. 다크·라이트는 이미 있었고, 거기에 색 팔레트를 고르는 축을 하나 더 얹는 일이었습니다.
- 모바일 앱11분
모바일 앱 백업 설계: 암호화를 걷어내고 이미지 복원을 고친 과정
영업 자료를 단말 안에 보관하는 앱에 백업 기능을 붙였습니다. 저장 대상은 멘트, 사진, 문서, 링크, 정보 카드였습니다. 처음에는 백업 파일 전체를 비밀번호로 암호화했습니다. 백업이 앱 밖으로 나가니 당연한 선택처럼 보였습니다.
- 프론트엔드16분
Electron 배포 가이드: Windows 설치부터 macOS 공증까지
Electron 앱은 개발 환경에서 실행하는 것과 사용자에게 전달하는 과정이 꽤 다릅니다. 개발 중에는 명령 하나로 앱을 열 수 있지만, 실제 배포에서는 운영체제별 패키징과 설치 파일, 코드 서명, macOS 공증, 자동 업데이트까지 연결해야 합니다.
- 프론트엔드12분
Next.js와 Electron 비교: 같은 React, 다른 실행 구조
Next.js와 Electron은 둘 다 JavaScript와 TypeScript, React 생태계를 활용합니다. 화면만 만들 때는 꽤 비슷해 보입니다. 컴포넌트를 나누고 상태를 관리하며, npm 패키지를 설치하고 개발자 도구로 화면을 확인하는 흐름도 익숙합니다.
- 모바일 앱9분
Expo OTA 배포: Git 푸시와 프로덕션 릴리스를 분리한 이유
앱 아이콘을 바꾸고 커밋하려다가 아주 기본적인 질문 앞에서 멈췄습니다.
- 모바일 앱5분
React Native Debug·Release 구성 차이: No script URL provided 가 뜨는 이유
앱 두 개를 아이폰에 올려놓고 하나를 열었더니 빨간 화면에 이 문구가 떴습니다.
- 모바일 앱10분
Liquid Glass 아이콘 직접 만들기: .icon 파일 구조와 librsvg 함정
앱 아이콘 하나 만드는 데 하루를 썼습니다. 열 번 넘게 갈아엎었고 빌드를 네 번 중간에 끊었습니다. 그 과정에서 알아낸 것 중에 검색해도 잘 안 나오는 게 두 개 있어서 적어둡니다.
- 모바일 앱7분
Expo 앱을 통째로 복사해 새 프로젝트 만들기: 그대로 가는 파일과 고쳐야 하는 파일
성경 지도라는 앱을 만들면서 npx create-expo-app을 치지 않았습니다. 이미 두 스토어에 배포되고 있는 다른 앱의 폴더를 통째로 복사해서 시작했습니다.
- 모바일 앱8분
ImageMagick으로 앱 아이콘 만들기: SVG가 안 그려지고 마스크가 투명해진 이유
앱 하나를 두 스토어에 올리면서 이미지 21개를 만들어야 했습니다. 아이콘, 적응형 아이콘 레이어들, 스플래시, 파비콘, 그리고 꾸민 스토어 스크린샷 12장. 디자인 도구를 열지 않고 전부 명령줄에서 만들었습니다.