0. 페이지 전체 시안 (WIP, 링크)

1. 뒤로가기 버튼

• 이전 페이지로 돌아가는 뒤로가기 버튼 표시
• Display
  • 화살표 아이콘
  • 버튼 Text : 뒤로
• Action & Transition
  • Action : 뒤로가기 버튼 클릭
  • Transition : 버튼 클릭 시,
    • 아래 링크 입력 영역에 입력된 정보가 없으면, 이전 화면(2. 블로그 타입 선택 화면)으로 이동
    • 입력된 정보가 있다면, ‘입력된 거 있는데, 이전으로 돌아갈래?’를 묻는 알럿 모달 띄우기 (디자인 작업 예정)

2. 페이지 제목

• 이 페이지의 제목 표시
• Display
  • 제목 Text : 내 블로그 링크를 입력해주세요 (수정 가능)
• Action & Transition
  • 없음

3. 링크 입력 및 버튼 영역

Action & Transition

• Action : 인풋에 링크 입력 후 하단 분석하기 버튼 클릭
• Transition : 분석하기 버튼 클릭 시, 아래 validation 정책에 따라 트랜지션
  • 정상 & 핸들링 필요한 케이스인 경우
    • → 4. 결과 페이지 로딩 화면 으로 이동
  • 에러 케이스인 경우
    • → 인풋 근처에 error message 표시*(디자인 업데이트 예정)* & 화면 이동하지 않음