📖 프로젝트 소개

시니어내일은 5060 퇴직자 및 중장년층 구직를 위한 서비스

시니어 맞춤형 일자리 추천 알고리즘을 통해 다양한 채용공고를 접하고 간편이력서를 통해 지원까지 보다 쉽게 사용 가능한 반응형 웹 💚

🔗 배포 링크

FE : https://senior-tomorrow.kro.kr/

BE : https://senior-naeil.life/

---

🗣️ 프로젝트 발표 영상 & 발표 문서

🗓️ 2025.03.13

📺 발표 영상 예시

📑 발표 문서 예시

---

🧰 사용 스택

FE

BE

---

👥 팀 동료

FE

@KIMDOTS	@chiyo-an	@sasha-designer
김민정	안정은	박정현

BE

@Anianim	@rodzlen	@parkh12
고영주	김휘수	박현성

---

✨ 프론트엔드 개발 규칙

1️⃣ 변수 및 CSS 네이밍 컨벤션

• ✅ 클래스 네임 (CSS): 언더스코어(_) 사용
  예시: className="title_style"

• ✅ 함수명: 카멜 케이스(camelCase)
  예시: handleLogin, submitForm

• ✅ 컴포넌트명: 파스칼 케이스(PascalCase)
  예시: LoginForm, JobList

---

2️⃣ 폴더 구조 (기능 중심 구조)

src/
├── app/                         # Next.js App Router 라우팅
├── assets/                      # 이미지 리소스
├── components/                  # 공통 UI 컴포넌트 (Button, Modal 등)
├── constants/                   # 상수 (경로, 메시지, 권한 등)
├── features/
│   ├── auth/                    # 로그인, 회원가입, 권한 처리
│   ├── jobs/                    # 공고 목록, 상세, 필터링, 검색
│   ├── resume/                  # 이력서 작성/수정 (구직자)
│   ├── apply/                   # 지원 및 내역 (구직자)
│   ├── user/                    # 구직자 정보 수정
│   ├── company/                 # 기업 정보 수정
│   ├── recruit/                 # 채용공고 등록/수정 (기업)
│   └── applicants/              # 지원자 목록 (기업)
├── hooks/                       # 커스텀 훅
├── lib/                         # 초기 설정 (axios, queryClient 등)
├── stores/                      # Zustand 전역 상태
├── styles/                      # 글로벌 스타일, Tailwind 설정
├── types/                       # 전역 타입 정의
├── utils/                       # 유틸 함수
└── middleware.ts                # 권한 처리 미들웨어

Branch Strategy

• main / dev 브랜치 기본 생성
• main과 dev로 직접 push 제한
• PR 전 최소 2인 이상 승인 필수

Git Convention

1. 적절한 커밋 접두사 작성
2. 커밋 메시지 내용 작성

접두사	이모지	설명
Feat	✨	새로운 기능 추가
Fix	🐛	기능 수정 및 버그 수정
Chore	💡	오타 수정, 주석 추가 등 기능 변경 없이 코드 수정
Docs	📝	문서 수정 (예: README.md)
Build	🚚	빌드 관련 파일 수정 또는 삭제
Test	✅	테스트 코드 추가 및 수정 (프로덕션 코드 변경 없음)
Refactor	♻️	코드 리팩토링 (기능 변화 없이 구조 개선)
Hotfix	🚑	긴급 수정

---

✨ 백엔드 개발 규칙

---

📋 Documents

📜 API 명세서

📜 사업기획팀 요구사항 정의서

📜 FE 요구사항 정의서

📜 BE 요구사항 정의서

📜 ERD

📜 테이블 명세서

📜 와이어프레임 및 화면정의서)

📜 플로우차트)