aptner

아파트 입주민들을 위한 다양한 관리업무 제공 및 편의시설, 혜택등의 정보를 제공하는 플랫폼 서비스

프로젝트 소개

💻 배포한 사이트

aptner

🚨 회원가입을 한뒤 동사무소 인증(백엔드 인증)을 거친후에 로그인이 가능합니다.

🚨 테스트를 위해서는 아래 아이디, 비밀번호를 참고해주세요!

테스트 아이디, 비밀번호

id : eightbird

pw : bird123!

💻 프로젝트 기간

24.05.07 ~ 24.06.12

💻 개발 스택

• 언어: TypeScript
• 빌드 : Next.js
• 호스팅 : Vercel
• 패키지매니저 : yarn
• 라이브러리
  • 상태관리 : Redux Toolkit
  • 데이터 패칭 : Redux-Saga
  • 라우팅 : Next-App-Routing
  • CSS 스타일링 : Tailwind CSS
  • Autentication : Next-Auth

💻 팀원 소개 및 역할

이은주	김정은	김민재
• 회원가입 • 로그인 • 공지사항	• 홈페이지 • 의무공개 • 소통공간 • 통합검색	• 아파트소개 • 민원게시판 • 마이페이지

🗂️ 디렉토리 구조

src
|-- app
|   |-- apartment
|   |-- communication
|   |-- complaints
|   |-- disclosure
|   |-- find-id-password
|   |-- login
|   |-- mainsearch
|   |-- mypage
|   |-- notice
|   |-- signup
|   |   |-- _component
|   |   |-- page.tsx
|   |-- layout.tsx
|   |-- page.tsx
|-- assets
|-- interface   
|   |-- post.ts
|-- components
|   |-- Modal.tsx
|   |-- Button.tsx
|-- stores
|-- utils

기능 구현

회원가입	본인인증
4단계에 걸친 회원가입 절차 (약관동의-본인인증-폼입력-아파트입력)	회원가입 절차 중 본인인증 폼

로그인	아이디 / 비밀번호 찾기
폼 입력을 통한 로그인	폼 입력을 통한 아이디 및 비밀번호 찾기

홈페이지	아파트소개
홈페이지 퀵메뉴 및 아파트 메인 페이지	아파트 소개 및 외부 api를 사용한 지도 가능

공지사항	의무공개
중요글, 일반글 출력 및 분류에 따른 각 탭 필터링, 페이지네이션	중요글, 일반글 출력 및 분류에 따른 각 탭 필터링, 페이지네이션

소통공간	민원게시판
중요글, 일반글 출력 및 분류에 따른 각 탭 필터링, 새글 및 이미지 뱃지 출력, 게시판 내 내용 검색기능	중요글, 일반글 출력 및 분류에 따른 각 탭 필터링, 새글 및 이미지 뱃지 출력, 게시판 내 내용 검색기능

게시판 상세페이지	게시판 글작성
상세 내용 및 이모티콘 반응 선택, 댓글기능	에디터를 사용한 글작성 및 이미지 등 첨부기능

통합검색	마이페이지
홈페이지 전체 게시물에 대한 검색기능	유저 기본정보, 비밀번호, 인증번호 변경

컨벤션

브랜치 컨벤션

• main
  • develop
    • feature/a
    • feature/b
    • feature/c

커밋 컨벤션

• Add : 파일 생성
  • ex) Add : Member Entity 생성
• Feat : 기능 추가
  • ex) Feat : 회원가입 기능 추가
• Modify : 해당 기능 코드 수정
  • ex) Modify : 회원가입 검증 수정
• Fix : 버그 수정 (디버깅)
  • ex) Fix : 로그아웃 후 이동하는 페이지 변경
• Comment : 주석만 건드렸을 때
• Rename : 파일, 폴더명 수정 or 이동만 했을 때
• Remove : 파일 삭제만 했을 때
• Build : 빌드 관련 수정 (dependency 수정 등)
• Chore : import 정리, 포맷 정리 등 (필요하면 마지막에 쭉 돌리면 될 듯)
• Layout : Layout 구조 변경
• Lib : Library 변경 사항