US Diary 프로젝트 소개
개인의 성향에 따라 다양한 일상을 공유할 수 있는 기록 사이트
1. 프로젝트 개요
- 프로젝트 명칭 : US Diary (부제: Earth Diary)
- 프로젝트 소개 : 사람들이 각자의 개성과 성향에 맞춰 일상을 기록하고 공유할 수 있는 플랫폼을 제공합니다.
사용자들은 텍스트, 사진, 동영상 등을 통해 자신의 일상을 자유롭게 표현하고 자신만의 방식으로 기록을 남깁니다. - 개발 인원 : 7명
- 기획 및 설계 기간 : 2024.05 ~
- 개발 기간 : 2024.07.22 ~ 2024.11.14
주요 기능
- 폼 로그인 / OAuth 2.0 로그인 기능
- 사용자가 입력한 메일로 임시 비밀번호 전송 기능
- 일기 작성 / 수정 / 삭제 / 이미지 첨부 기능
- 팔로우 / 팔로잉 커뮤니티 기능
- 글 조회순 / 최신순 조회 기능
- 성향별 유저 카테고리 추천 기능
개발 환경
- 백엔드 개발 언어 : JavaScript
- 백엔드 개발 환경
- Windows
- Node.js
- VSCode
- OAuth 2.0
- 프론트엔드 개발 환경 및 언어
- React
- JavaScript
- 데이터베이스 : MySQL
- 형상관리 : GitHub
- 이슈 관리 : GitHub
2. 기획 배경
요즘 우리는 개인의 시대에 살고 있습니다.
개인의 삶이 점점 중요해지면서, SNS나 블로그에 자신의 일상을 기록하는 앱과 콘텐츠들이 늘어나고 있습니다.
예를 들어, 힐링 콘텐츠나 브이로그처럼 일상을 기록하고 공유하는 문화가 보편화되고 있습니다.
하지만 SNS의 발달로 인해 과시적인 일상 공유가 늘어나면서
사람들은 타인의 시선을 신경 쓰게 되고,
결국 솔직한 일상보다는 특별하고 꾸며진 일상을 기록하는 경우가 많습니다.
3. US Diary의 기획 의도
이러한 현실을 반영하여 저희는 진솔한 나의 하루를 기록할 수 있는 공간,
즉 US Diary를 기획했습니다.
앞서 말씀드렸듯이, 21세기는 ‘개인의 시대’입니다.
요즘 ‘MBTI’, ‘퍼스널컬러’처럼 나 자신을 알고 표현하려는 콘텐츠가 많습니다.
그래서 저희 플랫폼은 이러한 흐름에 맞춰,
유저의 성향에 따라 다른 공간에서 일기를 작성할 수 있는 구조로 만들었습니다.
4. 유저 성향 구분 기준
US Diary에서는 사용자의 생활 패턴과 성향에 따라
일기를 작성하는 공간이 달라집니다.
총 세 가지 공간으로 구성되어 있습니다: 숲, 도시, 바다
(1) 숲 성향
- 나는 P형이거나
- 휴학 / 휴직 중이다
→ 느긋한 일상을 보내는 사람이라면 숲 성향
(2) 도시 성향
- 나는 T형이거나
- 재학 / 재직 / 공부 중이다
→ 바쁘고 생산적인 ‘갓생’을 살고 있는 사람이라면 도시 성향
(3) 바다 성향
- 평소에는 숲 사람이지만
오늘 하루는 특별하게 보내고 싶을 때
혹은 도시 사람처럼 부지런한 하루를 보냈을 때
→ 그날의 일기는 바다에 작성
5. 플랫폼 핵심 개념
이렇게 성향에 따라 일기를 작성하고,
같은 성향을 가진 사람들과 소통할 수 있는 커뮤니티 공간을 마련했습니다.
- 숲 : 여유롭고 따뜻한 일상을 기록하는 공간
- 도시 : 도전적이고 생산적인 하루를 기록하는 공간
- 바다 : 특별하고 의미 있는 하루를 기록하는 공간
6. 프로젝트의 목표
US Diary는
누구나 꾸밈없이 진솔한 하루를 기록할 수 있는 공간을 목표로 합니다.
타인의 시선을 의식하지 않고,
‘나’의 속도와 리듬으로 하루를 기록할 수 있는 곳 —
그것이 바로 US Diary입니다.
7. 기능 정리
회원 기능
로그인
- ID와 비밀번호가 일치하면 로그인 허용
- 로그인 시 사용자의 성향 페이지로 이동
- 아이디나 비밀번호가 틀릴 경우 로그인 불가
세부 기능
- ID 찾기: 이름 + 이메일 입력 시 아이디 반환
- PW 찾기: ID, 이름, 이메일, 생년월일 입력 시 비밀번호 확인 가능
- 로그아웃: 로그아웃 버튼 클릭 시 세션 종료
회원가입
- 아이디 등록
- 8~15자, 중복 불가
- 중복 확인 버튼으로 검증
- 비밀번호 등록
- 영어, 숫자, 특수문자를 포함한 8~15자
- 두 번 입력하여 비밀번호 일치 확인
- 이메일 등록
- 이메일 1개당 1계정만 생성 가능
- 중복 이메일 시 경고창 표시
- 프로필 등록
- 이름, 닉네임, 생년월일, 성별, 전화번호 입력
- 전화번호, 성별, 생년월일은 선택 입력
일기 기능
일기 작성
- 제목, 내용, 공개 범위(나만 보기 / 선택 공개 / 전체 공개) 설정 가능
- 사진 업로드 가능
일기 목록
- 타인의 일기 열람 가능
- 정렬 기준: 최신순 / 좋아요순 / 날짜순 / 이름순
- 공개 범위에 따라 접근 제한
오늘의 질문
- 매일 다른 질문에 답변 작성
예: “오늘 나를 가장 기분 좋게 한 일은 무엇인가요?” - 사진 업로드 및 유튜브 링크 첨부 가능
숲 / 도시 / 바다 기능
숲
- 오늘의 질문에 대한 답변 작성
도시
- 할 일 체크 및 루틴 설정 기능
- 체크리스트 기능 (항목 입력, 체크박스 선택)
바다
- 장소 기록 기능 (감정 + 한 줄 메모 기록)
- 장소 카테고리 지정 기능 (도서관, 놀이공원 등)
- 정렬: 최신순 / 인기순
- 필터: 숲 / 도시 / 바다
카테고리별 콘텐츠 한눈에 보기
숲: 오늘의 질문에 대한 답변 작성
바다 : 오늘의 장소를 카테고리 지정 후 오늘의 기분/메모 작성 기능
도시: 오늘의 투두 및 루틴 설정
공통 기능
- 댓글 작성 / 수정 / 삭제 가능
- 좋아요 표시 및 취소 가능
- 작성자 프로필 및 이름 표시
- 전체공개 일기 띄우기 가능
친구 커뮤니티
- 친구 등록: 친구 프로필에서 팔로우 가능
- 친구 검색: 친구 아이디로 검색 가능
- 친구 목록: 나와 친구 관계인 사용자 조회
- 친구 삭제: 자유롭게 삭제 가능
- 댓글 기능: 댓글 작성 / 수정 / 삭제 가능
- 프로필 표시: 작성자의 이름, 프로필 함께 표시
마이페이지 기능
- 회원 탈퇴
- 팝업창으로 확인 절차 수행
- 비밀번호 입력 후 회원정보 삭제
- 프로필 관리
- 이름, 이메일, 전화번호 등 기본정보 수정 가능
- 프로필 사진 업로드 및 변경 가능
- 비밀번호 변경
- 비밀번호 재설정 기능 제공
- 캘린더 기록
- 작성한 일기를 달력에 시각적으로 표시
- 기록이 있는 날짜는 ● 표시
8. 프로젝트 요약
| 구분 | 주요 기능 | 설명 |
|---|---|---|
| 회원 | 로그인 / 회원가입 / ID·PW 찾기 | 유효성 검사 및 중복 확인 |
| 일기 | 일기 작성 / 공개 범위 설정 | 사진 업로드 및 링크 첨부 가능 |
| 커뮤니티 | 댓글 / 좋아요 / 신고 | 최신순, 인기순 정렬 |
| 마이페이지 | 캘린더 / 정보 수정 / 문의 | 프로필 및 기록 관리 |
'학회 활동 일지' 카테고리의 다른 글
| Express+Node.js/ 서버 배포 시 , swagger ui가 제대로 안 뜨고 html 코드로 뜨는 경우에 대해서....+webpack (2) | 2024.11.01 |
|---|---|
| AWS node.js 서버 배포 Nginx 404 Not found.....(오로지 서버만 배포 중일 경우) (0) | 2024.10.28 |
| [Node.js + React 프로젝트 일지] 02. Swagger API 명세서(feat. express) (0) | 2024.07.24 |
| 학회 프로젝트 시작 (0) | 2024.07.08 |
| 소학회 2기 시작 (0) | 2024.03.27 |