외국인 근로자 취업 포털

한국에서 일하는 외국인 근로자를 위한 종합 웹 애플리케이션입니다. 취업 기회 탐색, 지원서 관리, 경력 개발을 지원합니다. React와 최신 웹 기술을 사용하여 구축되었습니다.

주요 기능

1. 사용자 인증 및 프로필 관리

• 안전한 로그인 및 회원가입 시스템
• 다국어 지원
• 개인 및 전문 정보를 포함한 프로필 커스터마이징
• 언어 선호도 설정
• 체류자격(비자) 상태 관리

2. 채용정보 검색 및 지원

• 다양한 필터를 통한 고급 검색:
  • 직무 카테고리
  • 비자 요구사항
  • 근무지역
  • 언어 요구사항
  • 경력 수준
  • 고용형태
• 실시간 채용공고 목록
• 상세한 직무 설명
• 간편한 지원 프로세스
• 지원 현황 추적
• 관심 공고 스크랩

3. 이력서 관리

• 다중 이력서 작성 및 관리
• 이력서 템플릿 제공
• 언어별 이력서 버전 관리
• 문서 상태 추적
• 이력서 편집 및 업데이트
• 미리보기 기능

4. 커뮤니티 기능

• 주제별 게시판:
  • 취업/고민 Q&A
  • 취업 정보 및 후기
  • 한국생활 팁
  • 자유게시판
• 게시글 작성 및 관리
• 실시간 콘텐츠 번역
• 조회수 추적
• 게시글 카테고리 분류

5. 지원 현황 관리

• 종합적인 지원 상태 모니터링
• 상태 카테고리:
  • 지원완료
  • 진행중
  • 면접
  • 합격
  • 불합격
• 면접 일정 관리
• 지원 이력 관리

기술 구현

컴포넌트 구조

1. 인증 (Login.js)

• 사용자 인증 처리
• 유효성 검사가 포함된 회원가입 폼
• 토큰 관리
• 네비게이션 제어

2. 채용공고 (Job.js)

• 채용공고 목록 표시
• 고급 필터링 시스템
• 채용공고 상세 보기
• 지원서 제출
• 스크랩 기능

3. 커뮤니티 (Community.js)

• 게시글 목록 및 작성
• 카테고리 관리
• 번역 통합
• 게시글 상호작용 추적

4. 문서 관리 (Document.js)

• 이력서 작성 인터페이스
• 지원 현황 추적
• 상태 관리
• 문서 구성

5. 프로필 관리 (Profile.js)

• 사용자 정보 관리
• 설정 구성
• 프로필 편집
• 언어 선호도

6. 채팅 인터페이스 (ClaudeInterface.js)

• AI 기반 채팅 지원
• 메시지 기록
• 실시간 응답
• 마크다운 지원

사용 기술

• 프론트엔드 프레임워크: React
• UI 컴포넌트:
  • Lucide React (아이콘)
  • 커스텀 컴포넌트
  • Tailwind CSS (스타일링)
• 상태 관리: React Hooks
• 라우팅: React Router
• API 통합:
  • REST API 통신
  • 토큰 기반 인증
  • 실시간 업데이트

스타일링

• Tailwind CSS를 활용한 반응형 디자인
• 일관된 컬러 스킴
• 모바일 친화적 인터페이스
• 다크 테마 지원
• 접근성이 고려된 UI 요소

설치 및 설정

1. 저장소 클론

git clone [저장소-URL]

2. 의존성 설치

npm install

3. 환경 변수 설정

cp .env.example .env

4. 개발 서버 시작

npm start

API 연동

애플리케이션은 다음과 같은 엔드포인트와 통신합니다:

• /auth/signin - 사용자 인증
• /auth/signup - 회원가입
• /chat/message - AI 채팅 기능
• /user/translate - 콘텐츠 번역
• 채용정보 및 커뮤니티 관련 추가 엔드포인트

기여하기

1. 저장소 포크
2. 기능 브랜치 생성
3. 변경사항 커밋
4. 브랜치에 푸시
5. Pull Request 생성