오늘의 집 클론 코딩 프로젝트

프로젝트 개요

• 목적: "오늘의 집"의 커뮤니티 기능을 반응형 웹 애플리케이션으로 클론 코딩
• 개발 기간: 2024.03.11 ~ 2024.03.29
• 참여 인원: 총 3명
  • 프론트엔드: 김은비, 정민영
  • 백엔드: 이효원

기술 스택

• 프론트엔드: React, SASS
• 백엔드: Node.js
• 데이터베이스: MySQL
• 개발 환경: Vite
• 버전 관리 및 협업: GitHub
• 배포: Naver Cloud

기능 명세서

1. 회원가입/로그인

• 1.1 이메일 가입 및 로그인: 이메일, 비밀번호, 닉네임을 사용하여 가입 및 로그인
• 1.2 SNS 로그인: 구글, 카카오톡, 네이버를 통한 로그인 지원

2. 메인 페이지

• 2.1 메뉴 이동: 로그인, 회원가입, 글쓰기(회원 전용) 메뉴 이동
• 2.2 검색: 키워드 검색 기능
• 2.3 커뮤니티 목록 표시

3. 커뮤니티 상세

• 3.1 컨텐츠 표시: 썸네일 이미지, 제목, 닉네임, 조회수 표시
• 3.2 컨텐츠 정렬: 최신순, 좋아요 많은 순으로 정렬

4. 컨텐츠 CRUD

• 4.1 컨텐츠 등록: 사진 업로드, 텍스트 입력, 해시태그 입력
• 4.2 컨텐츠 수정
• 4.3 컨텐츠 삭제
• 4.4 컨텐츠 상세 보기: 댓글, 좋아요, 해시태그, 조회수 표시
• 4.5 좋아요, 댓글 등록/삭제

5. 마이페이지

• 5.1 회원 정보 표시: 프로필 이미지, 닉네임
• 5.2 작성 게시글 표시
• 5.3 좋아요한 글 표시

기타 구현 방안

• 반응형 웹: 다양한 디바이스(데스크탑, 스마트폰)에 맞게 반응형으로 제작.
• SASS 사용: SASS를 이용하여 직접 화면 구현.
• 프론트 개발 단위: 프론트 개발자 2명은 페이지 단위로 분량을 나눠 작업 진행.