약나루 사용자 앱 화면기획서 36 화면

0화면 색인 36개

M-001 원문 p.4

홈

app/screens/main/Home.tsx · 구현 완료 로그인 필수

로그인 후 첫 진입 화면. 처방전 등록·처방 이력 진입 버튼과 진행 중인 주문 현황, 최근 이용 약국을 한눈에 보여 주는 대시보드.

화면 구성요소

1. 1인사 헤더 — 회원 이름 + 알림(🔔) 진입
2. 2빠른 실행 — [처방전 등록] / [처방 이력]
3. 3진행 중인 주문 — 최대 3건 + 상태 태그
4. 4[더보기 (N건 더)] — 주문 내역 전체로 이동
5. 5최근 이용 약국 — 약국 카드 (코드·이름)
6. 6하단 탭 바 — 홈/처방전 등록/처방 이력/건강샵/더보기

주요 액션

[처방전 등록]	약 수령 방법 선택(O-001)으로 이동
[처방 이력]	주문 내역(O-050)으로 이동
주문 카드	해당 주문 상세(O-040)로 이동
약국 카드	약국 상세(P-010)로 이동
🔔	알림 목록(N-010)으로 이동

N-010 원문 p.5

알림

app/screens/notice/PushList.tsx · 구현 완료 로그인 필수

FCM 푸시 수신함. 처방 가능/조제 완료/배송 등 상태 변경 알림이 유형별 아이콘·태그와 함께 시간순으로 쌓인다.

화면 구성요소

1. 1헤더 — 뒤로가기 + 타이틀
2. 2알림 카드 — 아이콘 + 제목 + 본문 + 경과 시간
3. 3유형 태그 — 조제 가능 / 주문 / 배송 (딥링크 분기)
4. 4[삭제] — 알림 개별 삭제

주요 액션

알림 카드	유형별 딥링크 — 주문 상세/처방 진행 화면으로 이동
[삭제]	해당 알림 삭제 (목록에서 제거)

O-001 원문 p.6

약 수령 방법 선택

app/screens/order/OrderMedicineMain.tsx · 구현 완료 로그인 필수

처방전 등록의 시작. 스마트오더(집 배송) 안내와 함께 집으로 배송/방문수령 중 수령 방법을 선택한다. 배송은 약 배송 대상자만 가능.

화면 구성요소

1. 1서비스 안내 카드 — 스마트오더 소개 + 대상자 제한 안내
2. 2[대상자 및 필요서류 안내 ?] — 안내 모달
3. 3수령 방법 선택 — [집으로 배송] / [방문수령]
4. 4카메라 권한 사전 안내 문구

주요 액션

[집으로 배송]	배송지 선택 → 약국 선택 → 처방전 촬영 (배송 3일 이상 소요 안내 팝업)
[방문수령]	약국 선택(P-001)으로 바로 이동
[대상자 안내]	약 배송 대상 4유형 + 필요서류 안내 모달 표시

O-001-1 원문 p.7

배송 소요 기간 안내 팝업

OrderMedicineMain 내 모달 · 구현 완료 [집으로 배송] 선택 시

집으로 배송 선택 시 기대치 관리용 안내 팝업. 택배 특성상 조제 완료 후 수령까지 3일 이상 걸릴 수 있음을 고지하고 빠른 수령은 방문수령을권한다.

화면 구성요소

1. 1팝업 제목 — 배송 소요 기간 안내
2. 2안내 본문 — 3일 이상 소요 + 방문수령 권장
3. 3[취소] / [계속 진행]

주요 액션

[계속 진행]	배송지 선택 → 약국 선택 흐름으로 진행
[취소]	팝업 닫고 수령 방법 선택 유지

P-001 원문 p.8

약국 선택

app/screens/pharmacy/SelectPharmacy.tsx · 구현 완료 로그인 필수

처방전을 전송할 약국을 선택한다. 위치 기반 거리순 정렬, 검색, 리스트/지도(네이버맵) 전환을 지원하며 영업 상태·배송 가능 여부를 배지로 표시.

화면 구성요소

1. 1안내 — 원본 지참 안내 + 위치 기준 표시
2. 2검색창 — 약국명·동·도로명·건물명
3. 3[리스트] / [지도] 보기 전환 토글
4. 4약국 카드 — 영업 상태·배송가능 배지 + 전화·주소·거리
5. 5[상세] — 약국 상세 팝업 / [연결] — 전화 발신

주요 액션

약국 카드	서비스 이용안내 동의 모달 → 동의 시 처방전 촬영(P-020)으로
[상세]	약국 상세(P-010) 표시
[연결]	전화 앱으로 약국 전화 발신
[지도]	네이버맵 마커 뷰로 전환 — 마커 탭 시 동일 흐름

P-010 원문 p.9

약국 상세

app/screens/pharmacy/PharmacyDetail.tsx · 구현 완료 로그인 필수

약국 단건 정보 조회. 전화·주소·좌표·배송 가능 여부를 확인하고 바로 전화 연결할 수 있다.

화면 구성요소

1. 1약국명 + 배송가능 배지
2. 2정보 표 — 전화 / 주소 / 좌표 / 배송 여부
3. 3[전화 연결] — 주 실행 버튼
4. 4[닫기]

주요 액션

[전화 연결]	전화 앱으로 약국 번호 발신
[닫기]	이전 화면으로 복귀

P-001-1 원문 p.10

서비스 이용안내 동의

SelectPharmacy 내 모달 · 구현 완료 약국 선택 시

처방전 전송 전 필수 동의 절차. 민감정보 수집·이용과 안전한 대체조제 동의를 받아야 촬영 단계로 진행된다.

화면 구성요소

1. 1안내 문구 — 전송 범위 / 제3자 제공 / 대체조제 가능성
2. 2(필수) 민감정보 수집 이용 동의 체크 + 본문 보기(›)
3. 3(필수) 안전한 대체조제 동의 체크 + 본문 보기(›)
4. 4[닫기] / [동의하기] — 전체 체크 시 활성화

주요 액션

체크박스	2건 모두 체크해야 [동의하기] 활성화
[동의하기]	처방전 촬영(P-020)으로 이동
›	약관 본문 화면으로 이동
[닫기]	동의 취소 — 약국 선택으로 복귀

P-020 원문 p.11

처방전 촬영

app/screens/pharmacy/CameraPresc.tsx · 구현 완료 (OCR 전환) 동의 후 진입

처방전을 촬영하거나 갤러리에서 선택한다. 촬영 즉시 CLOVA OCR로 ① 주민번호 자동 마스킹 ② 처방전 필드(교부번호·병원·약품코드) 자동 인식을 수행한다.

화면 구성요소

1. 1촬영 가이드 문구 + 가이드 프레임
2. 2카메라 실시간 미리보기 (본 문서는 마스킹 처리)
3. 3전송될 약국 안내
4. 4[취소] / 셔터 / [갤러리]

주요 액션

셔터	촬영 → OCR 인식(주민번호 마스킹 + 필드 파싱) → 전송 내용 확인(P-025)
[갤러리]	사진 선택 → 동일 OCR 처리 → P-025
[취소]	약국 선택으로 복귀

P-025 원문 p.12

전송 내용 확인

app/screens/pharmacy/PrescPreview.tsx · 구현 완료 촬영 후 진입

촬영/선택한 처방전의 최종 확인. 주민등록번호 뒷자리는 OCR 기반 자동 마스킹된 상태로 표시되며, 전송 시 이미지 업로드와 OCR 인식 정보저장이 함께 이뤄진다.

화면 구성요소

1. 1처방전 미리보기 — 주민번호 자동 마스킹 적용
2. 2확인 사항 체크리스트 3종
3. 3[다시 촬영] / [전송하기]

주요 액션

[전송하기]	이미지 업로드 + OCR 인식 정보 저장 → 전송 완료 화면 → 약국이 접수
[다시 촬영]	촬영 화면(P-020)으로 복귀
전송 실패 시	오류 안내 후 재시도 가능 (등록 차단 없음)

O-050 원문 p.14

주문 내역

app/screens/order/OrderHistory.tsx · 구현 완료 로그인 필수

처방전 주문 전체 이력. 날짜별 그룹으로 묶어 상태·약국·수령 방식을 보여 주며 무한 스크롤로 과거 내역을 이어 불러온다.

화면 구성요소

1. 1날짜 그룹 헤더 (YYYY.MM.DD)
2. 2상태 라벨 (발송/조제가능/배송중 등 색상 구분)
3. 3[주문 상세보기 ›]
4. 4주문 카드 — 약국명 기반 제목 + 발송일 + 수령 방식

주요 액션

[주문 상세보기]	주문 상세(O-040)로 이동
스크롤	페이지 단위 무한 스크롤 로드

O-040 원문 p.15

주문 상세

app/screens/order/MedicineOrderDetail.tsx · 구현 완료 로그인 필수

주문 1건의 진행 타임라인과 약국 정보. 상태(발송→조제가능→조제완료→수령완료)별 단계 시각과 상태별 액션 버튼(결제/배송 조회 등)이 노출된다.

화면 구성요소

1. 1주문 일시 + 상태 배너 (상태별 안내 문구)
2. 2주문 진행 상황 — 4단계 타임라인 + 단계별 시각
3. 3약국 정보 — 약국명/주소/연락처

주요 액션

상태 02(조제가능)	[결제하기] 버튼 노출 → 결제 화면
상태 03(조제불가)	[다른 약국 선택] 버튼 노출
상태 06(배송중)	[배송 조회하기] 버튼 노출
※ 약품·처방전 정보	OCR 검수 정책에 따라 회원 화면에는 비노출

SH-001 원문 p.17

건강샵 홈

app/screens/shop/HealthShop.tsx · 구현 완료 (API 연동) 로그인 필수

건강기능식품 카탈로그. 카테고리 칩 필터와 2열 상품 그리드로 구성되며 BEST/NEW 배지, 할인율, 찜(♡)을 제공한다. 상품은 관리자웹 등록분과실시간 동기화.

화면 구성요소

1. 1헤더 — 장바구니(수량 배지) + 마이페이지 진입
2. 2카테고리 칩 — 전체/비타민/오메가3/유산균/홍삼 등
3. 3상품 카드 — 배지/이미지/브랜드/상품명
4. 4가격 영역 — 정가(취소선) + 할인율 + 판매가
5. 5찜(♡) 토글

주요 액션

상품 카드	상품 상세(SH-002)로 이동
카테고리 칩	해당 카테고리 상품만 필터
♡	찜 등록/해제 (마이페이지 찜 목록 연동)
🛒	장바구니(SH-003)로 이동
👤	건강샵 마이페이지(SH-006)로 이동

SH-002 원문 p.18

상품 상세

app/screens/shop/HealthProductDetail.tsx · 구현 완료 로그인 필수

상품 1건의 상세 정보. 기능성 내용·섭취 방법·주의사항과 수량 선택, 장바구니/바로구매 진입을 제공한다.

화면 구성요소

1. 1히어로 이미지
2. 2브랜드/상품명/한줄 설명 + 가격(정가·할인율·판매가)
3. 3기능성 내용 / 섭취 방법 / 주의사항 섹션
4. 4수량 스테퍼 + 합계 금액
5. 5♡ / [장바구니] / [구매하기]

주요 액션

[장바구니]	담기 완료 팝업(SH-002-1) 표시 — 계속 쇼핑/바로가기 분기
[구매하기]	해당 상품으로 즉시 주문 확인(SH-004) 이동
수량 −/＋	수량 변경 + 합계 재계산

SH-002-1 원문 p.19

장바구니 담기 팝업

HealthProductDetail 내 모달 · 구현 완료 담기 시

장바구니 담기 완료 확인 팝업. 담은 상품명·수량을 보여 주고 쇼핑 지속과 장바구니 이동을 분기한다.

화면 구성요소

1. 1담기 완료 아이콘 + 문구
2. 2담은 상품 요약 (상품명 · 수량)
3. 3[계속 쇼핑] / [장바구니 바로가기]

주요 액션

[계속 쇼핑]	팝업 닫고 상세 화면 유지
[장바구니 바로가기]	장바구니(SH-003)로 이동

SH-003 원문 p.20

장바구니

app/screens/shop/ShopCart.tsx · 구현 완료 로그인 필수

담은 상품의 선택·수량 관리와 금액 요약. 선택 항목만 주문으로 넘길 수 있고 배송비 정책(3만원 이상 무료)이 실시간 반영된다.

화면 구성요소

1. 1전체 선택 (n/n) + [선택 삭제]
2. 2상품 행 — 체크박스/이미지/정가·할인율·판매가/수량/삭제(✕)
3. 3금액 요약 — 총 선택상품금액/즉시할인/배송비
4. 4총 주문예상금액
5. 5[N원 주문하기 (n개)]

주요 액션

체크박스	선택 항목만 합계·주문 대상에 반영
[선택 삭제]	선택 상품 일괄 삭제
수량 −/＋	수량 변경 + 금액 재계산
[주문하기]	주문 확인(SH-004)으로 이동

SH-004 원문 p.21

주문 확인

app/screens/shop/ShopCheckout.tsx · 구현 완료 장바구니→진입

주문 최종 확인. 배송지(저장 배송지 선택 또는 직접 입력)와 배송 요청사항을 입력하고 결제 금액을 확인한 뒤 결제로 진행한다.

화면 구성요소

1. 1주문 상품 요약
2. 2[배송지 선택] — 저장 배송지 불러오기
3. 3수령인/연락처/주소(우편번호+[주소 검색])/상세 주소
4. 4배송 요청사항 (선택)
5. 5결제 금액 — 상품 금액 + 배송비
6. 6[N원 결제하기]

주요 액션

[배송지 선택]	배송지 선택(O-010)으로 — 선택 시 폼 자동 채움
[주소 검색]	다음(Kakao) 우편번호 검색 모달
[결제하기]	결제 방법 선택 팝업(SH-004-1) 표시

O-015-1 원문 p.22

주소 검색 (다음 우편번호)

components/DaumPostcodeModal · 구현 완료 주소 입력 시

Kakao(다음) 우편번호 서비스를 WebView로 임베드한 주소 검색. 도로명/지번/건물명 검색으로 우편번호와 기본주소를 자동 입력한다.

화면 구성요소

1. 1검색창 — 도로명+건물번호 / 동·리+번지 등
2. 2검색 팁 안내
3. 3닫기(✕)

주요 액션

주소 선택	우편번호·기본주소 자동 입력 후 모달 닫힘 (상세주소만 직접 입력)
[✕]	검색 취소

O-010 원문 p.23

배송지 선택

app/screens/order/AddressManagement.tsx · 구현 완료 로그인 필수

저장된 배송지 목록에서 선택·수정·삭제한다. 처방전 배송과 건강샵 주문이 같은 배송지 목록을 공유한다.

화면 구성요소

1. 1[+ 배송지 추가하기]
2. 2배송지 카드 — 수령인/연락처/우편번호+주소/상세주소
3. 3[수정] / [선택]
4. 4[삭제]

주요 액션

[선택]	해당 배송지를 주문 화면으로 반환 (폼 자동 채움)
[+ 추가하기]	배송지 입력(O-015) — 다음 우편번호 검색 포함
[수정]/[삭제]	배송지 갱신/삭제

SH-004-1 원문 p.24

결제 방법 선택

ShopCheckout 내 팝업 · 구현 완료 결제하기 시

결제 진입 분기 팝업. 토스페이먼츠 결제창으로 진행하거나, 시연·테스트용 즉시 완료 결제를 선택할 수 있다.

화면 구성요소

1. 1결제 금액 확인
2. 2안내 문구 — 토스/테스트 분기 설명
3. 3[토스페이먼츠 결제] / [테스트 결제 (바로 완료)] / [취소]

주요 액션

[토스페이먼츠 결제]	토스 결제창(SH-005) 진입 — 신용/체크카드
[테스트 결제]	결제창 없이 주문 즉시 생성 (이후 흐름 시연용)
[취소]	주문 확인으로 복귀

SH-005 원문 p.25

토스페이먼츠 결제창

app/screens/shop/ShopPayment.tsx (WebView) · 구현 완료 (테스트 키) 결제 진행 시

토스페이먼츠 결제창 SDK(v1)를 WebView로 연동. 간편결제·신용/체크카드 선택 후 카드사 인증까지 실결제 흐름과 동일하게 진행된다(현재 테스트 키 — 실제 청구 없음).

화면 구성요소

1. 1결제 수단 — 간편결제 (카카오페이/SSG 등)
2. 2신용·체크카드 — 카드사 그리드
3. 3테스트 결제 안내 배너
4. 4toss payments 브랜드

주요 액션

카드사 선택	카드사 인증창 → 인증 완료 시 successUrl 인터셉트 → 주문 생성
결제 실패/취소	failUrl 인터셉트 → 주문 확인으로 복귀 + 안내
운영 전환 시	라이브 키 교체 + 백엔드 결제 승인(confirm) API 연동 필요

SH-006 원문 p.26

건강샵 마이페이지

app/screens/shop/ShopMyPage.tsx · 구현 완료 로그인 필수

건강샵 활동 요약. 주문/찜/장바구니 카운트 카드로 각 목록에 진입하고, 지원 섹션에서 배송지 관리와 이용약관을 제공한다.

화면 구성요소

1. 1프로필 카드 — 회원명
2. 2카운트 카드 — 주문 / 찜 / 장바구니
3. 3지원 — 배송지 관리
4. 4지원 — 건강샵 이용약관

주요 액션

주문 카드	구매목록(SH-007)으로 이동
찜 카드	찜 목록(SH-008)으로 이동
장바구니 카드	장바구니(SH-003)로 이동
배송지 관리	배송지 목록(O-010)으로 이동
이용약관	건강샵 이용약관(SH-009)으로 이동

SH-007 원문 p.27

구매목록

app/screens/shop/ShopOrders.tsx · 구현 완료 (API 연동) 로그인 필수

건강샵 주문 이력. 주문번호·일자·대표 상품·금액과 진행 상태(결제 완료/배송 중/배송 완료)를 보여 준다. 관리자웹에서 상태 변경 시 즉시 반영.

화면 구성요소

1. 1주문 카드 — 일자 · 주문번호(SO-YYYYMMDD-###)
2. 2상태 태그 — 결제 완료/배송 중/배송 완료 색상 구분
3. 3대표 상품 이미지 + 상품명 (외 n건) + 결제 금액

주요 액션

(조회 전용)

관리자웹 건강샵 주문 관리와 동일 데이터 — 상태 변경은 관리자 측에서 수행

SH-008 원문 p.28

찜 목록

app/screens/shop/ShopWishlist.tsx · 구현 완료 로그인 필수

♡로 찜한 상품 모음. 바로 장바구니에 담거나 상세로 이동할 수 있다.

화면 구성요소

1. 1찜 상품 카드 — 이미지/상품명/가격
2. 2[담기] / 찜 해제

주요 액션

상품 카드	상품 상세(SH-002)로 이동
[담기]	장바구니에 추가
♥	찜 해제 — 목록에서 제거

SH-009 원문 p.29

건강샵 이용약관

app/screens/shop/ShopTerms.tsx · 구현 완료 로그인 필수

건강기능식품 판매 관련 이용약관 전문. 스크롤 열람 전용 화면.

화면 구성요소

1. 1약관 본문 — 조항별 스크롤

주요 액션

(열람 전용)

스크롤로 전문 확인

M-010 원문 p.31

더보기

app/screens/main/More.tsx · 구현 완료 로그인 필수

설정·지원 허브. 자격 확인, 회원 정보 관리, 고객 지원(공지/1:1 문의/FAQ), 계정 관리와 회사 정보 푸터로 구성.

화면 구성요소

1. 1약 배송 대상 확인
2. 2내 정보 / 비밀번호 변경
3. 3공지사항 / 1:1 문의 / FAQ
4. 4로그인 방식 변경 / 로그아웃 / 회원탈퇴
5. 5앱 버전
6. 6회사 정보 푸터 (다이나시스템)

주요 액션

약 배송 대상 확인	자격 확인 신청(D-001)으로 이동
내 정보/비밀번호	회원 정보 수정 / 비밀번호 변경으로 이동
공지/1:1 문의/FAQ	각 고객 지원 화면으로 이동
로그아웃/회원탈퇴	확인 후 로그아웃 / 탈퇴 처리(90일 재가입 제한)

D-001 원문 p.32

약 배송 대상 확인

app/screens/delivery/DeliveryEligibility.tsx · 구현 완료 로그인 필수

약 배송 자격 신청. 취약계층 4유형 중 하나를 선택하고 증빙 서류(이미지/PDF 다중)를 첨부해 심사를 요청한다.

화면 구성요소

1. 1자격 선택 안내 + [대상자 및 필요서류 안내 ?]
2. 2취약계층 유형 라디오 4종 — 65세 이상 장기요양/장애인/감염병/희귀질환
3. 3서류 등록 안내 + 제출 서류 표시
4. 4[파일 선택 / 추가] — jpg/png/gif/pdf

주요 액션

유형 선택	유형별 제출 서류 안내 갱신
[파일 선택/추가]	이미지·PDF 다중 첨부 (문서 피커)
신청 제출	관리자 심사(승인 I/반려 R) → 결과 화면 + 푸시 통지

D-001-1 원문 p.33

대상자 및 필요서류 안내

안내 화면 · 구현 완료 [대상자 및 필요서류 안내 ?] 클릭 시

약 배송 대상 4유형의 대상 조건과 제출 서류를 안내한다. 자격 신청 화면과 수령 방법 선택 화면 양쪽에서 진입할 수 있다.

화면 구성요소

1. 1유형별 카드 — 65세 이상 장기요양등급자
2. 2장애인 (등록증·증명서)
3. 3감염병 확진 환자 (격리통지서 등)
4. 4희귀질환자 — 병원급 의료기관만 가능
5. 5[확인]

주요 액션

[확인]	안내 닫고 이전 화면으로 복귀

M-030 원문 p.34

회원 탈퇴 확인 팝업

More 내 모달 · 구현 완료 [회원탈퇴] 클릭 시

탈퇴 최종 확인. 데이터 소멸과 90일 재가입 제한을 경고해 실수 탈퇴를 방지한다.

화면 구성요소

1. 1경고 본문 — 데이터·포인트 소멸 안내
2. 290일 재가입 불가 강조 문구 (적색)
3. 3[취소] / [탈퇴] (위험 액션 적색 버튼)

주요 액션

[탈퇴]	탈퇴 처리 → 탈퇴 완료 화면 (90일 재가입 제한)
[취소]	팝업 닫고 더보기 유지

M-020 원문 p.35

내 정보

app/screens/main/EditProfile.tsx · 구현 완료 로그인 필수

회원 기본 정보 조회·수정. 이메일 중복확인을 거쳐 부분 수정할 수 있다.

화면 구성요소

1. 1회원 정보 폼 — 아이디(고정)/이름/이메일/연락처
2. 2저장 버튼

주요 액션

[저장]	변경 필드만 PATCH — 성공 시 토스트 + 홈 헤더 이름 반영
이메일 변경	중복확인 후 저장 가능

M-025 원문 p.36

비밀번호 변경

app/screens/main/ChangePassword.tsx · 구현 완료 로그인 필수

현재 비밀번호 확인 후 새 비밀번호로 변경한다. 입력 규칙 인라인 검증 제공.

화면 구성요소

1. 1현재 비밀번호 / 새 비밀번호 / 확인 입력
2. 2변경 버튼

주요 액션

[변경]	현재 비밀번호 검증 → 변경 성공 시 안내 후 복귀
불일치/규칙 위반	인라인 오류 메시지 표시

N-001 원문 p.37

공지사항

app/screens/notice/NoticeList.tsx · 구현 완료 로그인 필수

운영 공지 목록. 페이지네이션과 당겨서 새로고침을 지원하며 관리자웹 공지 관리와 연동된다.

화면 구성요소

1. 1공지 목록 — 제목/작성일

주요 액션

공지 행	공지 상세(N-005) — 조회수 증가
당겨서 새로고침	최신 목록 재조회

N-030 원문 p.38

1:1 문의

app/screens/notice/QnaList.tsx · 구현 완료 로그인 필수

내 문의 목록과 답변 상태(답변대기/답변완료) 확인. 새 문의 작성으로 이어진다.

화면 구성요소

1. 1문의 목록 — 제목/상태/일자
2. 2문의 작성 버튼

주요 액션

[문의하기]	문의 작성(N-035) — 카테고리 + 본문 4000자
문의 행	질문·답변 상세 확인

N-020 원문 p.39

FAQ

app/screens/notice/Faq.tsx · 구현 완료 로그인 필수

자주 묻는 질문. 카테고리 칩 필터와 아코디언 펼침으로 답변을 확인한다.

화면 구성요소

1. 1카테고리 칩
2. 2질문 아코디언 목록

주요 액션

질문 행	아코디언 펼침/접힘 — 답변 표시
카테고리 칩	해당 분류 질문만 필터

A-005 원문 p.40

로그인 방식 선택

app/screens/auth/SignInMethodSelect.tsx · 구현 완료 로그인 필수

앱 실행 시 사용할 간편 인증 방식 설정. PIN 6자리/기기 생체 인증/사용 안 함 중 선택하며 현재 설정을 표시한다.

화면 구성요소

1. 1현재 설정 표시
2. 2PIN 간편 비밀번호 카드
3. 3지문 / Face ID 카드
4. 4사용 안 함 카드 (현재 선택 ✓)

주요 액션

PIN 선택	6자리 등록 화면(B-010) → 등록 완료 시 적용
지문/Face ID	기기 생체 인증 가용성 확인 → 테스트 인증 후 적용
사용 안 함	매번 아이디·비밀번호 입력

A-001 원문 p.41

로그인

app/screens/auth/SignIn.tsx · 구현 완료 비로그인

서비스 진입점. 아이디·비밀번호 로그인과 저장 옵션, 회원가입·비밀번호 찾기 진입을 제공한다. PIN/생체 설정 시 간편 인증으로 대체된다.

화면 구성요소

1. 1브랜드 로고 + 약나루
2. 2아이디 / 비밀번호 입력
3. 3아이디/비밀번호 저장 토글
4. 4[로그인] (그라데이션 주 버튼)
5. 5[회원가입] / 비밀번호 찾기

주요 액션

[로그인]	인증 성공 → 홈(M-001). 실패 시 친화 메시지 표시
[회원가입]	약관 동의(A-010)부터 가입 흐름 시작
[비밀번호 찾기]	본인확인 후 재설정 흐름

A-010 원문 p.42

회원가입 — 약관 동의

app/screens/auth/SignUpAgreement.tsx · 구현 완료 비로그인

가입 첫 단계. 필수 3종(서비스/개인정보/민감정보 제3자 제공)과 선택 1종(광고성 수신) 약관에 동의해야 다음 단계로 진행된다.

화면 구성요소

1. 1전체 동의
2. 2필수 약관 3종 + 본문 보기(›)
3. 3선택 약관 (광고성 정보 수신)
4. 4[다음] — 필수 동의 시 활성화

주요 액션

전체 동의	전 항목 일괄 체크
›	약관 본문(자사 서버 /terms/** 서빙) 열람
[다음]	회원 정보 입력(A-020)으로 이동

5수록 화면 총괄

본 문서는 구현 완료된 사용자 앱의 주요 36개 화면(안내·확인 팝업 포함)을 수록했다. 미수록 화면(생체 인증, 조제불가 안내, 강제 업데이트·네트워크 오류 등 조

• 건부 부팅 모달)은 화면설계서 문서를 참조.
• 홈 · 처방전 (9)
• 홈 / 알림 / 수령 방법 / 배송 소요 안내 / 약국 선택 / 약국 상세 / 이용 동의 / 처방전 촬영 / 전송 확인
• 주문 (2)
• 주문 내역 / 주문 상세 (진행 타임라인 · 상태별 액션)
• 건강샵 (9)
• 샵 홈 / 상품 상세 / 담기 팝업 / 장바구니 / 주문 확인 / 주소 검색 / 결제 선택 / 토스 결제창 / (배송지 선택 공용)
• 건강샵 마이 (4)
• 마이페이지 / 구매목록 / 찜 / 이용약관
• 지원 · 설정 (10)
• 더보기 / 약 배송 대상 / 대상자 안내 / 회원 탈퇴 확인 / 내 정보 / 비밀번호 / 공지 / 1:1 문의 / FAQ / 로그인 방식
• 인증 (2)
• 로그인 / 회원가입 약관 동의