잡픽(jobpick) — 그누보드5 기반 구인구직·프리랜서 매칭 솔루션 (테마 탐색·상단노출·기업 인증·제안→채팅→후기)

<h2>소개</h2> <p><b>잡픽(jobpick)</b>은 <b>그누보드5</b> 기반 <b>지역 구인구직·프리랜서 매칭 솔루션</b>입니다. 기업은 공고를 올리고 프리랜서에게 일을 제안하며, 구직자는 지역·직종·테마로 공고를 찾아 지원합니다. 제안 수락 뒤에는 채팅으로 조율하고, 일이 끝나면 서로 후기를 남깁니다.</p> <h2>주요 기능</h2> <ul> <li><b>공고 등록·목록·필터</b> — 기업 계정만 공고를 올립니다. 직종·고용형태·급여(시/일/월/연/건)·경력·근무지(법정동)·마감일을 입력하고, 목록에서 지역·직종·키워드로 거르고 추천·최신·마감 임박·급여·내 근처 순으로 정렬합니다. 지난 날짜 마감일은 저장되지 않습니다.</li> <li><b>테마별 탐색</b> — 신입 환영, 인증 기업, 유연·원격 근무, 파트타임, 연봉 4천만 원 이상, 탄탄한 중견·대기업, 우리 동네 일자리, 곧 마감 등 테마 카드에서 조건에 맞는 공고 목록으로 바로 이동합니다.</li> <li><b>상단노출(프리미엄)</b> — 기간을 정해 부여한 공고는 메인 프리미엄 영역과 목록 맨 위에 [광고] 배지와 함께 노출되고, 기간이 끝나면 자동으로 내려갑니다.</li> <li><b>기업 로고·사업자 인증</b> — 공고 카드·상세·메시지·MY 화면에 기업 로고를 보여 주고, 사업자 확인을 마친 기업에는 [인증] 배지를 붙입니다. 메인에 인증 기업 채용관과 기업별 채용 소식 배너를 둡니다.</li> <li><b>제안 → 수락 → 채팅 → 완료 → 후기</b> — 기업이 프리랜서 프로필에 제안을 보내고, 수락하면 대화방이 열리며 연락처가 공개됩니다. 기업이 완료 처리하면 양쪽이 별점 후기를 남기고, 받은 후기는 프로필 평점에 반영됩니다. 공고 지원 경로(지원 → 열람 → 면접 → 채용)도 같은 대화방으로 이어집니다.</li> <li><b>모바일 반응형</b> — 모바일 390px · PC 1280px 기준으로 검수했습니다. 모바일은 하단 탭바(홈·공고·인재·메시지·MY)를 씁니다.</li> <li><b>안전 안내</b> — 메인에 진행 중 공고·등록 기업·인증 기업 수와 함께, 입사 전 비용 요구·신분증 사본 요구 등 주의 사항을 안내합니다.</li> </ul> <h2>PC 화면</h2> <figure style="margin:0 0 20px"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_pc_home.jpg" alt="잡픽 PC - 홈 · 배너 캐러셀·검색·신뢰 지표" style="max-width:100%;border:1px solid #e5e5e5;border-radius:8px"><figcaption style="font-size:13px;color:#666;margin-top:4px">PC · 홈 · 배너 캐러셀·검색·신뢰 지표</figcaption></figure> <figure style="margin:0 0 20px"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_pc_themes.jpg" alt="잡픽 PC - 테마로 살펴보는 회사/포지션" style="max-width:100%;border:1px solid #e5e5e5;border-radius:8px"><figcaption style="font-size:13px;color:#666;margin-top:4px">PC · 테마로 살펴보는 회사/포지션</figcaption></figure> <figure style="margin:0 0 20px"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_pc_news.jpg" alt="잡픽 PC - 지금 주목할 소식 · 기업별 채용 캠페인" style="max-width:100%;border:1px solid #e5e5e5;border-radius:8px"><figcaption style="font-size:13px;color:#666;margin-top:4px">PC · 지금 주목할 소식 · 기업별 채용 캠페인</figcaption></figure> <figure style="margin:0 0 20px"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_pc_list.jpg" alt="잡픽 PC - 공고 목록 · 상단노출(광고)·필터·정렬" style="max-width:100%;border:1px solid #e5e5e5;border-radius:8px"><figcaption style="font-size:13px;color:#666;margin-top:4px">PC · 공고 목록 · 상단노출(광고)·필터·정렬</figcaption></figure> <figure style="margin:0 0 20px"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_pc_theme.jpg" alt="잡픽 PC - 테마 필터 목록 · 인증 기업" style="max-width:100%;border:1px solid #e5e5e5;border-radius:8px"><figcaption style="font-size:13px;color:#666;margin-top:4px">PC · 테마 필터 목록 · 인증 기업</figcaption></figure> <figure style="margin:0 0 20px"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_pc_detail.jpg" alt="잡픽 PC - 공고 상세 · 기업 로고·인증 배지·급여·마감" style="max-width:100%;border:1px solid #e5e5e5;border-radius:8px"><figcaption style="font-size:13px;color:#666;margin-top:4px">PC · 공고 상세 · 기업 로고·인증 배지·급여·마감</figcaption></figure> <h2>모바일 화면</h2> <div style="text-align:center"> <figure style="display:inline-block;width:31%;min-width:200px;margin:0 1% 16px;vertical-align:top;text-align:center"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_m_home.jpg" alt="잡픽 모바일 - 홈 · 배너·검색" style="max-width:100%"><figcaption style="font-size:13px;color:#666">홈 · 배너·검색</figcaption></figure> <figure style="display:inline-block;width:31%;min-width:200px;margin:0 1% 16px;vertical-align:top;text-align:center"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_m_news.jpg" alt="잡픽 모바일 - 주목할 소식·테마" style="max-width:100%"><figcaption style="font-size:13px;color:#666">주목할 소식·테마</figcaption></figure> <figure style="display:inline-block;width:31%;min-width:200px;margin:0 1% 16px;vertical-align:top;text-align:center"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_m_list.jpg" alt="잡픽 모바일 - 공고 목록 · 프리미엄 상단" style="max-width:100%"><figcaption style="font-size:13px;color:#666">공고 목록 · 프리미엄 상단</figcaption></figure> <figure style="display:inline-block;width:31%;min-width:200px;margin:0 1% 16px;vertical-align:top;text-align:center"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_m_theme.jpg" alt="잡픽 모바일 - 테마 필터 · 인증 기업" style="max-width:100%"><figcaption style="font-size:13px;color:#666">테마 필터 · 인증 기업</figcaption></figure> <figure style="display:inline-block;width:31%;min-width:200px;margin:0 1% 16px;vertical-align:top;text-align:center"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_m_detail.jpg" alt="잡픽 모바일 - 공고 상세" style="max-width:100%"><figcaption style="font-size:13px;color:#666">공고 상세</figcaption></figure> <figure style="display:inline-block;width:31%;min-width:200px;margin:0 1% 16px;vertical-align:top;text-align:center"><img src="https://jobpick.oootool.com/data/portfolio/jobpick_m_company.jpg" alt="잡픽 모바일 - 기업 정보·위치·지원/문의" style="max-width:100%"><figcaption style="font-size:13px;color:#666">기업 정보·위치·지원/문의</figcaption></figure> </div> <h2>사용 기술</h2> <ul> <li>그누보드5 (PHP · MySQL) — 테마, 게시판 스킨(공고·프로필), extend 훅, 별도 메타 테이블(공고·프로필·제안·매칭·후기·상단노출)</li> <li>법정동 데이터 기반 지역 필터·거리 정렬</li> <li>바닐라 JS · AJAX (찜·채팅·후기), 반응형 CSS, Pretendard 폰트</li> <li>AI 이미지 생성 도구로 배너·테마 이미지 제작, 기업 로고는 코드로 생성</li> </ul> <h2>데모</h2> <p><a href="https://jobpick.oootool.com/" target="_blank" rel="noopener">https://jobpick.oootool.com/</a> (샘플 데이터로 운영 중인 데모라 검색엔진 노출은 막아 두었습니다.)</p> <p style="padding:12px 14px;background:#f3f4f5;border-radius:8px;font-size:14px"><b>안내</b> — 데모 사이트와 이 글에 나오는 기업·공고·급여·로고는 모두 <b>가상의 샘플 데이터</b>이며, 배너·테마 이미지는 <b>AI로 생성</b>했습니다. 실존 기업·인물과 관련이 없습니다.</p> <p><b><a href="https://www.oootool.com/" target="_blank" rel="noopener">oootool.com 맞춤 제작 문의</a></b> — 그누보드5 기반 구인구직·프리랜서 매칭 사이트 맞춤 제작과 기능 추가를 상담해 드립니다.</p>