- 하드웨어 자원과 응답 요구에 맞춘 기능별 처리 위치 분리대상 하드웨어의 오디오 처리 자원과 응답 속도를 비교했습니다. 실시간 판단이 필요한 위험물 감지와 자원이 많이 드는 음성 질의응답을 서로 다른 곳에서 처리하도록 나눴습니다.기술선택·2026.10.04 · 성능 측정, 온디바이스, 음성 AI
- 근거리 감지·통화 기능의 제약을 바탕으로 한 하드웨어 보완 제안단안 카메라의 근거리 판단 한계와 HFP 미지원을 근거로 ToF 센서 도입과 BLE 칩 분리를 제안했습니다.협업·2026.10.04 · bluetooth, 센서
- 연결 상태에 따라 기능을 세 갈래로 나눈 오프라인 규칙읽어 온 데이터는 캐시로 보여 주고, 새 데이터는 온라인에서만 받고, 서버 쓰기는 막으면서 USB로 기기에 쓰는 것은 오프라인에서도 허용하는 규칙을 함께 정하고 구현했습니다.기술선택·2026.10.04 · 오프라인, service worker
- Webflow에 Vue.js를 인라인으로 적용한 동적 화면 구현Webflow로 만든 사이트에 서버 데이터에 따라 바뀌는 화면이 필요해진 상황, Vue.js를 고른 이유, 두 도구의 역할을 어떻게 나눴는지를 적었습니다.기술선택·2026.10.04 · vue, webflow
- 캡스홈 구독 요금 즉시 표시와 결제 단계 통합버튼을 따로 눌러야 요금이 다시 계산되던 흐름을 바꾸고, 입력·확인 단계를 합쳤습니다. ERP·서버 담당자와 디자이너와의 협업, 최종 금액을 확인하는 방식, 테스트 시나리오도 같이 적었습니다.협업·2026.10.04 · 결제, 테스트 시나리오
- 어드민 설정에 따라 유형별 섹션을 그리는 메인 페이지 구조매달 추가되는 프로모션 콘텐츠를 유형별 컴포넌트와 하나의 렌더러로 그리는 구조입니다.기술선택·2026.10.04 · 관리자, 템플릿
- 페이지를 이동해도 라이브 방송 재생이 이어지는 PIP 구현재생 요소를 라우트 화면 대신 레이아웃 최상위에 두어, 페이지를 옮겨도 재생이 끊기지 않게 한 구현을 적었습니다.트러블슈팅·2026.10.04 · 레이아웃, 라이브 방송
- 서버 요청 실패에도 클라이언트 로그아웃을 완료한 처리사용자가 로그아웃을 누르면 서버 응답과 상관없이 클라이언트의 로그인 정보를 지우기로 한 이유와, 계정·토큰에 더해 잔액·조회 캐시·약관 상태까지 초기화한 흐름을 적었습니다.트러블슈팅·2026.10.04 · 인증, 상태 관리
- 접속마다 뜨는 스트리밍 프로세스가 정리되지 않던 문제영상 끊김과 지연을 일으킨 ffmpeg 프로세스를 접속 단위로 추적해, 접속이 끝나면 함께 종료되게 했습니다.트러블슈팅·2026.10.04 · ffmpeg, 프로세스 관리, websocket
- WebSocket 요청과 응답을 짝짓기 위해 로봇 서버 프로토콜에 UUID를 추가한 과정응답이 어느 요청에 대한 것인지 알 수 없는 문제를 관제 서버에서 우회하지 않고, 로봇 서버 담당자에게 UUID 추가를 요청해 풀었습니다.기술선택·2026.10.04 · 프로토콜, websocket
- 어드민 목록의 조회 상태를 URL에 담아 다시 열 수 있게 한 판단요구사항에 없던 URL 상태 보존을 직접 판단해 넣은 이유와, 조회·필터·페이지 처리를 공통 훅으로 묶은 구성을 적었습니다.기술선택·2026.10.04 · 관리자, url 상태
- 주기 갱신이 지도를 초기화하지 않도록 갱신 출처를 구분한 처리30초마다 위치 데이터를 다시 조회할 때 지도가 초기화되지 않도록 자동 갱신과 사용자 조작을 구분했습니다.트러블슈팅·2026.10.04 · 지도, 상태 관리
- 계약 조건 안에서 React 적용 범위를 이벤트 페이지로 나눈 판단리뉴얼은 계약상 기존 스택을 유지해야 했던 상황에서, 새로 여는 이벤트 페이지에만 React를 적용하고 Maven 빌드에 넣은 과정을 적었습니다.기술선택·2026.10.04 · 레거시, 기술 도입
- 연관 페이지를 묶고 탭으로 구분한 관리자 화면 구성GNB에 나열된 페이지끼리 상·하위 관계를 알기 어려웠던 문제와, 연관 페이지를 한 페이지로 묶어 탭으로 나눈 변경을 적었습니다.협업·2026.10.04 · 관리자, 정보 구조
- 사용자 화면에서 크레딧 생성과 지급을 연결한 업무 흐름크레딧을 만들고 지급하려면 페이지를 따로 오가야 했던 흐름을, 사용자 크레딧 지급 탭 안에서 이어서 처리할 수 있게 바꾼 사례입니다.협업·2026.10.04 · 관리자, 업무 흐름
- 휴대폰 브라우저의 뒤로가기와 입력 흐름을 고려한 파트너 웹앱바텀시트와 브라우저 히스토리, 여러 단계 입력, 작성 중 이탈 처리를 어떻게 만들었는지와 Android·iOS 실기기로 확인한 내용을 적었습니다.기술선택·2026.10.04 · 브라우저 히스토리, 실기기 테스트, 모바일 웹
- 관리자 설정으로 앱·파트너 웹의 콘텐츠 화면을 관리한 템플릿 구조콘텐츠 화면을 한곳에서 관리하려고 HTML 템플릿과 데이터 치환·미리보기를 설계했습니다. 클라이언트에 공통 규칙과 함수를 넘긴 방법, 앱과 웹의 역할 분담, 제휴사별 콘텐츠 구성을 적었습니다.기술선택·2026.10.04 · 관리자, 템플릿, webview
- Atomic Design 적용 경험을 바탕으로 한 FSD 도입과 경계 조정UI 크기만으로 나눌 때 애매했던 도메인·공통 영역을 역할과 도메인 기준으로 나눴습니다. FSD를 적용하는 중에도 `widgets`의 범위를 다시 조정했습니다.기술선택·2026.10.04 · 폴더 구조, fsd
- 페이지 유형별 예시와 구현 전후 검수를 활용한 AI 개발 방식반복 화면 구현에 필요한 규칙, 예시, 공통 컴포넌트를 먼저 준비했습니다. AI가 만든 결과는 요구사항 검수와 코드 리뷰, 수동 QA를 거친 뒤 반영했습니다.협업·2026.10.04 · ai 개발, 코드 리뷰
- 병원별 웹 구축에 seed 저장소를 재사용하고 배포를 자동화한 과정병원이 늘 때마다 되풀이하던 컴포넌트 설정과 서버 연동을 공통 기반으로 묶은 이야기입니다. 동료와 seed 저장소를 만들어 병원별 사이트를 나눠 제작한 과정과, 파트너 명칭으로 배포 대상을 찾게 한 자동화 흐름을 적었습니다.기술선택·2026.10.04 · 배포 자동화, 멀티 사이트
찾는 내용이 없다면 직접 물어보세요
프로젝트와 블로그 글에서 답을 찾습니다