마다 - 마이다이어리 (My Diary)

마다는 사용자가 그림 일기를 작성하고 공유할 수 있는 웹 애플리케이션입니다. 사용자들은 일상을 기록하고, 관리자는 사용자 및 게시물을 관리할 수 있습니다.

목차

• 주요 기능
  • 사용자 기능
  • 관리자 기능
• 기술 스택
• 시작하기
  • 사전 준비
  • 설치 및 실행
• 화면 구성
• 향후 개선 사항 (선택 사항)

주요 기능

사용자 기능

• 회원가입 및 로그인: 안전한 인증 시스템을 통해 서비스를 이용할 수 있습니다.

• 일기 작성: 날짜, 날씨, 제목, 그림판을 이용한 그림, 텍스트 내용을 포함한 일기를 작성할 수 있습니다.

• 일기 조회: 작성한 일기 목록을 확인하고, 특정 일기를 선택하여 내용을 조회할 수 있습니다.

• 일기 수정 및 삭제: 자신이 작성한 일기를 수정하거나 삭제할 수 있습니다.

• 프로필 관리: 자신의 프로필 정보를 확인하고 수정할 수 있습니다. (기본 캐릭터 포함)

• 공지사항 확인: 관리자가 등록한 공지사항을 확인할 수 있습니다.

• 모바일 지원: 모바일 환경에서도 편리하게 일기를 작성하고 확인할 수 있습니다.

관리자 기능

• 사용자 기능 모두 포함: 관리자도 일반 사용자와 동일하게 일기 관련 기능을 사용할 수 있습니다.
• 회원 관리: 등록된 회원 목록을 조회하고, 특정 회원의 정보를 관리 (예: 삭제, 권한 변경 등)할 수 있습니다.
• 공지사항 관리: 공지사항을 작성, 수정, 삭제할 수 있습니다.

기술 스택

• Frontend: React
• Backend: Node.js, Express.js (언급되진 않았지만 Node.js 백엔드의 일반적인 프레임워크)
• Database: MongoDB
• Deployment (예상): (추후 명시)

시작하기

사전 준비

프로젝트를 로컬 환경에서 실행하기 전에 다음 소프트웨어가 설치되어 있어야 합니다:

• Node.js (npm 포함)
• MongoDB (로컬 또는 원격 데이터베이스 설정)

설치 및 실행

1. 프로젝트 클론:

   git clone https://github.com/kgs9843/MyDiary.git
   cd mada-my-diary

2. 의존성 설치: 프로젝트 루트 디렉토리에서 다음 명령어를 실행합니다. (프론트엔드와 백엔드 디렉토리가 분리되어 있다면 각 디렉토리에서 실행 필요)

   npm install

3. 환경 변수 설정: MongoDB 연결 URI 등 필요한 환경 변수를 설정합니다. .env.example 파일이 있다면 이를 복사하여 .env 파일을 생성하고 내용을 채웁니다.

   MONGODB_URI=your_mongodb_connection_string
   PORT=your_preferred_port (e.g., 3001 for backend)
   # 기타 필요한 환경 변수
   

4. 서버 실행:

   npm run dev
   

이제 웹 브라우저에서 http://localhost:xxxx (프론트엔드 개발 서버 포트)로 접속하여 Mada를 사용할 수 있습니다.