Notebook
  • 0. 소개
  • 1. 프로젝트 개요
  • 2. 개발/배포 환경
    • 2-1. 개발 라이브러리
    • 2-2. ERD
  • 3. Notebook
    • 3-1. 소스 코드/히스토리 확인하기
  • 4. 화면 구성
    • 4-1. 프로토타입/모바일
    • 4-2. 프로토타입/웹
    • 4-3. 화면 구성/웹
    • 4-4. 화면 구성/모바일
  • 5. 이슈 리포트
    • 5-1. Django & Python
    • 5-2. Android
    • 5-3. Machine Learning
  • 6. 개선점
Powered by GitBook
On this page
  • 1. 메인 페이지 - 업로드 내용이 없을 때
  • 2. 메인 페이지 - 업로드 내용이 있을 때
  • 3. 상세 페이지 1
  • 3. 상세 페이지 2
  • 4. 전체화면 - 세로
  • 4. 전체화면 - 가로

Was this helpful?

  1. 4. 화면 구성

4-1. 프로토타입/모바일

Sketch로 구현된 Notebook 모바일 화면 설계도입니다.

Previous4. 화면 구성Next4-2. 프로토타입/웹

Last updated 6 years ago

Was this helpful?

1. 메인 페이지 - 업로드 내용이 없을 때

2. 메인 페이지 - 업로드 내용이 있을 때

3. 상세 페이지 1

사진 톤에 맞춰, 영문장이 출력되는 판넬의 톤 색이 결정됩니다.

3. 상세 페이지 2

사진 톤에 맞춰, 영문장이 출력되는 판넬의 톤 색이 결정됩니다.

4. 전체화면 - 세로

4. 전체화면 - 가로