Skip to content

CodeSoom/project-react-3-2Zero1

Repository files navigation

엽서 만들기

소개

코로나로 인해 만나지 자주 만나지 못했던 지인에게 추억이 되는 사진으로 엽서를 보낼 수 있습니다.

웹사이트

http://zero1s.shop/?key=3ead694ca3c284b592cb3a4debedc75ff149606e007c70b700c18fe4994f2a6c

사용법

  1. 다른 사람으로 부터 문자 또는 카카오톡으로 엽서 링크를 받으면 자신의 엽서를 확인할 수 있습니다.
  2. 받은 엽서를 사용하여 최대 5번의 엽서를 작성할 수 있습니다.
  3. 엽서를 작성할때는 보내는 사람과 받는 사람 그리고 엽서 내용과 추억하고 싶은 사진을 첨부하며 마지막에 어떻게 보여질 지 미리보기로 확인할 수 있습니다.
  4. 마지막으로 제작에 완료하면, 친구에게 보낼 메시지를 복사할 수 있고 그 메시지 안에 엽서의 링크가 들어 있습니다. 그리고 문자 또는 카카오톡으로 보낼 수 있습니다.

엽서 페이지 소개

  1. 입장 페이지
    • 링크를 타고 들어가면 바로 볼 수 있는 페이지 이며 비공개 엽서라면 엽서 암호를 입력하고 인증을 해야 엽서를 확인할 수 있습니다. 공개라면 바로 엽서를 확인할 수 있습니다.
    • 엽서를 받았다면 총 5회의 엽서를 작성할 수 있으며, 5회 모두 작성했다면 엽서 작성하기 버튼은 보여지지 않습니다.
    • 현재까지 작성된 엽서의 수를 볼 수 있습니다.
    • 다른 사람 엽서를 보러 가거나 또는 파기하는 페이지로 넘어갈 수 있습니다.
  2. 엽서 페이지
    • 앞면과 뒷면이 존재하며, 엽서 어디든 클릭시 (이전 버튼 제외) 반대편 엽서를 볼 수 있습니다.
    • 옆서 앞면에선 보낸이, 받는이 그리고 엽서 내용을 볼 수 있습니다.
    • 엽서 뒷면에선 보낸이가 첨부한 사진과 사진에 대한 메시지를 볼 수 있습니다.
  3. 엽서 작성 페이지
    • 엽서 작성 페이지는 총 5단계로 이루어져 있습니다.
    • 1페이지 : 기본 정보를 입력하기 위한 페이지입니다. a. 보낸 사람과 받는 사람을 입력받습니다. b. 엽서 암호는 엽서를 비공개할 경우 엽서 확인할때와 엽서를 파기할때 필요합니다. c. 공개여부를 비공개로 할 경우 엽서 확인시 엽서 암호가 필요하며, 다른 사람 엽서 보기 페이지에서 보여지지 않습니다.
    • 2페이지 : 엽서의 내용을 작성하는 페이지입니다.
    • 3페이지 : 이미지를 첨부할 수 있으며, 이미지에 대한 메시지를 남길 수 있습니다.
    • 4페이지 : 미리보기 페이지로, 만들어질 엽서를 확인할 수 있습니다. a. 앞면 뒷면으로 이루어져 있으며, 엽서 영역 클릭시 반대편 엽서를 볼 수 있습니다. b. 완료 버튼 클릭시 엽서 제작이 완료됩니다.
    • 5페이지 : 엽서 제작 완료 페이지로, 전송 메시지 복사 버튼을 클릭시 친구에게 보낼 메시지에 엽서 URL과 엽서 암호가 포함되어 복사됩니다.
  4. 다른 사람 엽서 보러가기
    • 다른 사람들이 작성한 엽서를 볼 수 있습니다.
  5. 해당 엽서를 파기할 수 있는 페이지입니다. 파기할 땐 엽서 암호가 필요합니다.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published