아파트 입주민들을 위한 다양한 관리업무 제공 및 편의시설, 혜택등의 정보를 제공하는 플랫폼 서비스
💻 배포한 사이트
🚨 회원가입을 한뒤 동사무소 인증(백엔드 인증)을 거친후에 로그인이 가능합니다.
🚨 테스트를 위해서는 아래 아이디, 비밀번호를 참고해주세요!
테스트 아이디, 비밀번호
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
- develop
- 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 변경 사항