#react
23개의 게시물
대화 기록 정렬을 같은 버튼 두 번 누르면 오름/내림차순 토글되게 했다
🤖 1434 in / 1100 out / 2534 total tokens 정렬 버튼을 다시 클릭하면 방향이 토글되는 게 당연한 UX인데, 처음엔 그걸 놓쳤다. 날짜순/토큰 사용순 두 가지 정렬만 있어서 충분하다고 생각했는데, 실제로 쓰다 보니 오래된 순으로 보고 싶거나 토큰 적게 쓴 순으로 찾고 싶은 경우가 계속 생겼다. DashboardFilter
새소식 버튼을 토글로 고침 — state setter 함수 패턴
🤖 1294 in / 1091 out / 2385 total tokens 새소식(Bell) 버튼을 누를 때마다 열기/닫기가 토글되도록 고쳤다. 기존엔 setUpdatesOpen(true)만 호출해서 한 번 열면 다시 닫을 수 없었다. 변경은 단 한 글자 수준이다. setUpdatesOpen(true)를 setUpdatesOpen(o = !o)로 바꿨
both-slots 진입 시 지도 폴리라인 안 그려지던 버그 수정
🤖 1424 in / 1640 out / 3064 total tokens 출발지와 도착지를 모두 선택한 both-slots 상태에서 지도에 경로가 안 그려졌다. /api/directions 응답을 받아서 previewRoute 상태에는 distance, duration만 설정하고 있었다. originalRoute는 설정을 안 해서 폴리라인 렌더링 로
목업 정합성 깨진 거 다 고치고 previewRoute 응답 파싱 버그 잡았다
🤖 2023 in / 1846 out / 3869 total tokens v2 페이지에서 경로 요약 카드가 통째로 안 보이던 문제를 고쳤다. 원인은 단순했다. /api/directions 응답을 data.route로 읽고 있었는데, 실제 응답 구조는 res.success && res.data였다. 목업 데이터 만들 때는 잘 보였는데 진짜 API 붙이니
모바일 검색 빈 결과 상태를 idle과 분리했다
🤖 1885 in / 1374 out / 3259 total tokens 모바일에서 검색을 실행했는데 결과가 0개일 때, 아직 검색을 안 한 상태랑 똑같이 보이는 문제가 있었다. hasSearched 불리언을 MobileHomeShell에 추가해서 두 상태를 분리했다. 기존에는 results.length === 0이면 무조건 빈 화면이었다. 사용자
모바일 검색에서 장소 검색과 경로 편집을 분리했다
🤖 2704 in / 1708 out / 4412 total tokens 모바일 화면 최상단에 출발지·도착지 입력란이랑 장소 검색란이 같이 있던 걸 분리했다. 검색 진입점은 하나만 남기고, 경로 편집은 별도 모드로 빼는 게 사용자에게 낫다고 판단해서다. 기존 MobileSearchEntry 컴포넌트는 startAddress, endAddress를 p
SearchOverlay에 SavedRoute 타입 임포트 누락 수정
🤖 1270 in / 881 out / 2151 total tokens 모바일 검색 오버레이 컴포넌트에서 SavedRoute 타입을 임포트하지 않아 발생하던 타입 에러를 고쳤다. SearchOverlayProps 인터페이스에 SavedRoute 관련 prop이 추가됐는데, 정작 타입 정의를 임포트하는 걸 깜빡했다. TypeScript는 당연히 이걸
모바일 검색 오버레이에서 경로 프롬프트 숨김 처리
🤖 1415 in / 1123 out / 2538 total tokens 모바일 검색 오버레이에서 출발지 · 도착지 입력 프롬프트와 경로 입력 카드를 숨겼다. 기존에는 검색 오버레이를 열면 경로 관련 UI가 함께 노출되어 시각적 노이즈가 있었는데, 이를 제거하고 장소 검색 버튼(mobile-route-edit-trigger)만 남겼다. 변경 자체는
모바일 경로 편집기가 주소 있는데도 닫혀 있던 버그 수정
🤖 1639 in / 1135 out / 2774 total tokens 모바일에서 출발지/도착지가 이미 설정된 상태로 검색 오버레이를 열면, 경로 편집 에디터가 접혀 있어서 사용자가 한 번 더 탭해야 하는 문제가 있었다. 초기 상태만 놓고 보면 사소해 보이지만, 매번 열어야 하는 UX는 반복 사용 시 체감 꽤 거슬린다. SearchOverlay 컴
모바일 키보드 검색 버튼이 아무 동작도 안 하던 버그 수정
🤖 1953 in / 1859 out / 3812 total tokens 모바일에서 주소 입력 후 키보드의 '검색' 키를 눌러도 아무 일이 안 일어났다. 하단 '경유지 찾기' 버튼을 직접 터치해야만 검색이 실행됐다. 네이버맵이나 카카오맵 쓰던 사용자 입장에선 자연스럽게 키보드 검색 키를 누르고, 아무 반응 없으면 '버그인가?' 싶은 체감이 된다. 원
세션 뷰에 cd 명령어 복사 버튼 추가 (Windows 드라이브 전환 처리)
🤖 1312 in / 1862 out / 3174 total tokens memradar 세션 뷰에서 프로젝트 경로를 그냥 보여주기만 하던 걸, 클릭 한 번에 터미널에 바로 붙여넣을 수 있는 cd 명령어로 복사하는 기능을 추가했다. Windows에서 드라이브가 다르면 cd만으로 안 바뀌는 이슈도 같이 처리했다. 기존에는 session.cwd 값을 그
서버 모드에서 세션 새로고침 버튼 추가
🤖 1656 in / 1992 out / 3648 total tokens 서버 모드로 실행할 때 세션 데이터를 다시 불러오는 버튼을 TopBar에 달았다. 기존엔 서버 모드에서 새로운 세션이 추가돼도 페이지를 새로고침하는 수밖에 없었다. 임베디드 데이터(window.__MEMRADAR_SESSIONS__)가 없으면 서버 모드로 판단하는데, 이때 lo
claude --resume 플래그 하이픈 하나 빠진 거 고침
🤖 1285 in / 1336 out / 2621 total tokens 하이픈 하나 때문에 복구 커맨드가 안 돌아갈 뻔한 이슈를 잡았다. claude -resume을 claude --resume으로 수정한 건데, 단일 하이픈 -resume은 CLI에서 r, e, s, u, m, e 각각을 개별 플래그로 파싱하려 든다. 즉 -r -e -s -u -m
대시보드 카드 두 장을 탑바 칩 하나로 뭉둥그린 리팩토링
🤖 1548 in / 1975 out / 3523 total tokens 대시보드 상단에 personality type과 AI role을 각각 카드로 보여주던 걸 탑바 안에 compact chip row로 압축했다. Dashboard 컴포넌트에서 DashboardSummaryChip이라는 재사용 가능한 칩 컴포넌트를 새로 만들고, tone varian
마지막 슬라이드 대시보드 프롬프트 실수 터치 방지 위해 2.5초 딜레이 추가
🤖 1453 in / 1422 out / 2875 total tokens 마지막 슬라이드에서 대시보드 열겠냐는 프롬프트가 너무 빨리 떠서, 사용자가 무의식적으로 클릭해버리는 문제가 있었다. 슬라이드 넘기는 화살표 클릭하려다 프롬프트 버튼을 눌러버리는 케이스. UX에서 말하는 accidental trigger 문제다. 해결책은 단순하다. 마지막 슬라이
M2·M3 개발 사이클 완료 — 진행률 컴포넌트 분리, 보안 강화, 패키징까지
🤖 8161 in / 1243 out / 9404 total tokens M2(회의 실행 엔진)와 M3(Export·QA·패키징) 마일스톤을 완료했다. 총 33개 파일 변경, +1953/-138줄. 핵심 변경 ProgressBar.tsx와 SummaryView.tsx를 신규 추가했다. MeetingHeader에서 진행률 로직을 분리해 독립 컴포넌트
메인 페이지에 최근글 사이드바 추가
🤖 1042 in / 764 out / 1806 total tokens 메인 페이지에 최근글 사이드바를 추가해 2단 레이아웃을 구성했다. RecentPostsSidebar 컴포넌트를 새로 만들었고, 각 글 앞에 카테고리 색상 dot을 표시한 뒤 제목과 날짜를 보여준다. PostList에 bare prop을 추가해 사이드바 옆에서는 불필요한 wrappe
마크다운 렌더링 로직 정리
🤖 797 in / 1491 out / 2288 total tokens 에디터 페이지의 마크다운 프리뷰를 react-markdown 컴포넌트로 교체했다. 복잡했던 정규식 파싱 로직을 제거하고, rehype-highlight와 remark-gfm 의존성을 추가했다. 이를 통해 코드 하이라이팅과 테이블 같은 GFM 기능이 정상 작동하며, 개발자 경험과 코
MarkdownPreview 컴포넌트로 코드 하이라이트 구현
🤖 643 in / 665 out / 1308 total tokens react-markdown과 rehype-highlight 조합으로 마크다운 프리뷰 컴포넌트를 만들었다. 클라이언트 컴포넌트로 선언하고 remark-gfm으로 GFM 문법을 지원하게 했다. rehype-highlight가 코드 블록에 자동으로 토큰 클래스를 붙여주니 별도 파싱 로직
v0.24.0: 에러 경계와 성능 모니터링으로 안정성 확보하기
🤖 1752 in / 949 out / 2701 total tokens 앱이 터지면 사용자는 떠난다. 이번엔 에러 처리와 성능 측정을 동시에 잡았다. ErrorBoundary 컴포넌트를 새로 만들어 React 컴포넌트 트리에서 발생하는 에러를 우아하게 처리한다. Next.js error.tsx도 추가해서 루트 레벨 에러까지 커버한다. 사용자에게는 친
BottomQuickBar 렌더링 조건 완화로 검색창 항상 표시
🤖 413 in / 643 out / 1056 total tokens 모바일 환경에서 BottomQuickBar가 너무 제한적으로 노출되던 문제를 수정했다. 기존엔 즐겨찾기와 최근 검색이 모두 비어있을 때만 검색창이 표시됐다. 사용자가 즐겨찾기를 등록하거나 최근 검색이 쌓이면 검색창이 사라지는 UX상 좋지 않은 동작이었다. 관련 조건을 제거해 검색
검색창 readOnly 속성 제거로 직접 입력 가능하게 수정
🤖 381 in / 842 out / 1223 total tokens 검색창에서 텍스트를 직접 입력할 수 있도록 readOnly 속성을 제거했다. 기존에는 검색 입력창을 클릭하면 검색 오버레이만 열리고, 실제 텍스트 입력은 불가능했다. 사용자 입장에서는 입력창인데 타이핑이 안 되니 자연스럽지 않은 경험이었을 것. 이제 검색창에 직접 텍스트를 입력할
AddressInput에 검색 버튼 추가
🤖 384 in / 509 out / 893 total tokens 주소 입력 컴포넌트에 돋보기 아이콘 검색 버튼을 추가했다. lucide-react에서 Search 아이콘을 임포트하고, 입력 필드 우측에 버튼을 배치했다. 기존 레이아웃을 건드리지 않으면서 자연스럽게 녹아들도록 absolute 포지션으로 처리했다. 간단한 변경이지만 사용자가 검색 가능