📍1. 기획 의도
내가 제일 좋아하는 빨간 날은 바로바로 크리스마스 ( ˊ ᵕ ˋ )♡.°⑅
매일 크리스마스가 얼마나 남았는지 확인하고, 행복을 만끽하기 위해 연말은 약속으로 가득 채운다
이걸 한 번에 정리할 수 있는 페이지를 만들면 좋을 것 같아 기획한 크리스마스 프로젝트 !!
이 사이트를 통해 친목도 도모하고, 서로의 취향도 공유할 수 있다면 좋겠다!
아직 html/css/js가 어색하기 때문에 .. (거의 모른다에 가까움) 진짜 <토이> 프로젝트임
따라서 사용자들이 페이지에 접속하면 나(=은진)와 관련된 일을 수행할 수 있고, 사용자 개인의 페이지를 만들 순 없다..
은진이랑 약속 잡기.. 은진이에게 노래 추천해 주기.. 은진이에게 편지 써주기... 만 가능
사실 이미 프로젝트를 중반정도 진행했는데, 정말 정말 고난과 난관이 많다 ..
이 프로젝트를 시작하기 전엔 도메인을 어떻게 만들고 호스팅하는지 1나도 몰랏음..
앱 개발 처음 시작할 땐 이렇게까지 모르는 게 많고 헤매지 않았던 것 같은데,,
하여간에, 꼭 크리스마스 일주일 전엔 완성해야지.....‼️
📍 2. 계획
📍 3. 레이아웃
메인 화면, 기능화면(음악 추천, 약속 잡기(스케줄링), 크리스마스 카드 쓰기)
📺 메인화면
닉네임을 입력한 후 이동 버튼을 누르면 메인화면으로 이동한다.
메인화면에서는 크리스마스까지 남은 일수 및 시간을 확인할 수 있고, 각 기능을 사용할 수 있는 버튼이 있다.
📺 기능 화면
왼쪽부터 음악추천, 스케줄링, 편지쓰기를 도와주는 화면이다.
우선, 음악 추천 기능은 웹사이트를 공유 받은 사람이라면 누구나 유튜브 링크를 등록하여 추천할 수 있다.
스케줄링 기능은 나의 12월 스케줄을 확인한 후, 스케줄이 없는 날짜를 입력하여 달력에 약속을 추가할 수 있다.
마지막으로 편지 쓰기 기능은 편지지를 선택한 후 textarea에 편지를 작성하면 나의 이메일로 편지가 전송된다.
'메리크리' 카테고리의 다른 글
[메리크리] 편지쓰기 UI (0) | 2023.12.19 |
---|---|
[메리크리] 스케줄링 UI/DB (1) | 2023.12.19 |
[메리크리] 서버 연결 및 데이터베이스 구축 (1) | 2023.12.08 |
[메리크리] 음악추천 UI(iframe, form) (1) | 2023.12.08 |
[메리크리] 로그인 화면/메인화면 UI 개발 (audio, display, setInterval, location.href) (0) | 2023.12.07 |