${escapeHtml(job.title || "채용공고")} ${escapeHtml(job.company_name || "회사명 미정")}

${escapeHtmlWithoutAutoLink(job.location || "근무지 미정")}

${tags.map(function (tag) { return `${escapeHtml(tag.text)}`; }).join("")}

${escapeHtml(deadline.dday)}

마감일 : ${escapeHtml(deadline.dateText)}

`; return row; } function renderMidListAdRow() { if (!midListAds.length) return null; const row = document.createElement("div"); row.className = "home-mid-ad-row"; row.innerHTML = `

${midListAds.map(function (ad) { const href = getSafeHttpUrl(ad.link_url, true); const hasLink = Boolean(href); const pcImage = getSafeHttpUrl(ad.image_url, true); const mobileImage = getSafeHttpUrl(ad.mobile_image_url, true) || pcImage; return `

`; }).join("")}

${midListAds.map(function (_ad, index) { return ``; }).join("")}

`; const track = row.querySelector(".home-mid-ad-track"); if (midListAds.length > 1 && track && track.firstElementChild) { const firstSlideClone = track.firstElementChild.cloneNode(true); firstSlideClone.classList.add("is-clone"); firstSlideClone.setAttribute("aria-hidden", "true"); track.appendChild(firstSlideClone); } return row; } function getPersistentMidListAdRow() { if (!midListAds.length) return null; if (!midAdRowElement) { midAdRowElement = renderMidListAdRow(); if (midAdRowElement) { setupMidListAdEvents(midAdRowElement); } } return midAdRowElement; } function updateMidAdSlider(container, animate) { if (!container || !midListAds.length) return; const track = container.querySelector(".home-mid-ad-track"); const dots = container.querySelectorAll(".home-mid-ad-dot"); if (!track) return; const shouldAnimate = animate !== false; track.style.transition = shouldAnimate ? "transform 0.55s cubic-bezier(0.22, 1, 0.36, 1)" : "none"; track.style.transform = "translateX(-" + currentMidAdIndex * 100 + "%)"; const realIndex = currentMidAdIndex >= midListAds.length ? 0 : currentMidAdIndex; dots.forEach(function (dot, index) { dot.classList.toggle("is-active", index === realIndex); }); } function moveMidAdForward(container) { if (!midListAds.length) return; currentMidAdIndex += 1; updateMidAdSlider(container, true); startMidAdAutoPlay(container); } function moveMidAdBackward(container) { if (!midListAds.length) return; if (currentMidAdIndex >= midListAds.length) { currentMidAdIndex = 0; } currentMidAdIndex -= 1; if (currentMidAdIndex < 0) { currentMidAdIndex = midListAds.length - 1; } updateMidAdSlider(container, true); startMidAdAutoPlay(container); } function goToMidAd(container, index) { if (!midListAds.length) return; currentMidAdIndex = Math.max( 0, Math.min(Number(index || 0), midListAds.length - 1) ); updateMidAdSlider(container, true); startMidAdAutoPlay(container); } function startMidAdAutoPlay(container) { if (midAdTimer) { clearInterval(midAdTimer); midAdTimer = null; } if ( !container || midListAds.length <= 1 ) { return; } midAdTimer = setInterval(function () { moveMidAdForward(container); }, AD_AUTO_PLAY_MS); } function setupMidListAdEvents(container) { if (!container) return; const track = container.querySelector(".home-mid-ad-track"); const prev = container.querySelector(".home-mid-ad-prev"); const next = container.querySelector(".home-mid-ad-next"); const dots = container.querySelector(".home-mid-ad-dots"); if (midListAds.length <= 1) { if (prev) prev.style.display = "none"; if (next) next.style.display = "none"; if (dots) dots.style.display = "none"; } if (prev) { prev.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); moveMidAdBackward(container); }); } if (next) { next.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); moveMidAdForward(container); }); } if (dots) { dots.addEventListener("click", function (e) { const dot = e.target.closest(".home-mid-ad-dot"); if (!dot) return; e.preventDefault(); e.stopPropagation(); goToMidAd(container, Number(dot.dataset.index || 0)); }); } if (track) { track.addEventListener("transitionend", function (e) { if (e.propertyName !== "transform") return; if (!midListAds.length) return; if (currentMidAdIndex >= midListAds.length) { currentMidAdIndex = 0; updateMidAdSlider(container, false); requestAnimationFrame(function () { requestAnimationFrame(function () { if (!track) return; track.style.transition = "transform 0.55s cubic-bezier(0.22, 1, 0.36, 1)"; }); }); } }); } container.addEventListener("click", function (e) { const adCard = e.target.closest(".home-mid-ad-card"); if (!adCard) return; trackAdClick(adCard.dataset.adId); }); currentMidAdIndex = 0; updateMidAdSlider(container, false); startMidAdAutoPlay(container); } function renderPagination(totalPages) { if (!jobsPagination) return; if (totalPages <= 1) { jobsPagination.style.display = "none"; jobsPagination.innerHTML = ""; return; } let html = ""; html += ``; for (let i = 1; i <= totalPages; i++) { if ( i === 1 || i === totalPages || Math.abs(i - currentPage) <= 2 ) { html += ``; } else if ( i === currentPage - 3 || i === currentPage + 3 ) { html += ``; } } html += ``; jobsPagination.innerHTML = html; jobsPagination.style.display = "flex"; } function renderJobs() { renderFeaturedJobs(); if (!jobsList || !jobsEmpty || !jobsLoading) return; if (midAdTimer) { clearInterval(midAdTimer); midAdTimer = null; } const pageJobs = Array.isArray(currentJobs) ? currentJobs : []; if (jobsCount) { jobsCount.textContent = "총 " + Number(totalJobs || 0).toLocaleString("ko-KR") + "건"; } jobsLoading.style.display = "none"; jobsList.innerHTML = ""; if (!pageJobs.length) { jobsList.style.display = "none"; jobsEmpty.style.display = "block"; jobsEmpty.innerHTML = `

표시할 채용공고가 없습니다.

검색 조건을 바꾸거나 조금 뒤 다시 확인해주세요.

`; renderPagination(0); return; } jobsEmpty.style.display = "none"; jobsList.style.display = "flex"; pageJobs.forEach(function (job, index) { jobsList.appendChild(createJobRow(job)); const shouldInsertMidAd = midListAds.length > 0 && index === MID_AD_INSERT_AFTER - 1 && pageJobs.length >= MID_AD_INSERT_AFTER; if (shouldInsertMidAd) { const midAdRow = getPersistentMidListAdRow(); if (midAdRow) { jobsList.appendChild(midAdRow); updateMidAdSlider(midAdRow, false); startMidAdAutoPlay(midAdRow); } } }); renderPagination(totalPages); } function resetFilters() { if (jobSearchInput) jobSearchInput.value = ""; if (filterRegion) filterRegion.value = ""; if (filterLanguage) filterLanguage.value = ""; if (filterVisa) filterVisa.value = ""; if (filterVisaSupport) filterVisaSupport.value = ""; if (filterEmployment) filterEmployment.value = ""; currentPage = 1; renderActiveFilterChips(); syncCustomFilterSelections(); loadJobs(1, false); } function renderAdSlider() { if (!adSection || !adTrack || !adDots) return; if (!mainAds.length) { adSection.style.display = "none"; adTrack.innerHTML = ""; adDots.innerHTML = ""; return; } adTrack.innerHTML = mainAds.map(function (ad) { const href = getSafeHttpUrl(ad.link_url, true); const hasLink = Boolean(href); const pcImage = getSafeHttpUrl(ad.image_url, true); const mobileImage = getSafeHttpUrl(ad.mobile_image_url, true) || pcImage; return `

`; }).join(""); if (mainAds.length > 1 && adTrack.firstElementChild) { const firstSlideClone = adTrack.firstElementChild.cloneNode(true); firstSlideClone.classList.add("is-clone"); firstSlideClone.setAttribute("aria-hidden", "true"); adTrack.appendChild(firstSlideClone); } adDots.innerHTML = mainAds.map(function (_ad, index) { return ``; }).join(""); if (adPrevButton) adPrevButton.style.display = mainAds.length > 1 ? "block" : "none"; if (adNextButton) adNextButton.style.display = mainAds.length > 1 ? "block" : "none"; adDots.style.display = mainAds.length > 1 ? "flex" : "none"; currentAdIndex = 0; adSection.style.display = "block"; updateAdSlider(false); startAdAutoPlay(); } function updateAdSlider(animate) { if (!adTrack || !adDots || !mainAds.length) return; const shouldAnimate = animate !== false; adTrack.style.transition = shouldAnimate ? "transform 0.55s cubic-bezier(0.22, 1, 0.36, 1)" : "none"; adTrack.style.transform = "translateX(-" + currentAdIndex * 100 + "%)"; const realIndex = currentAdIndex >= mainAds.length ? 0 : currentAdIndex; Array.from(adDots.querySelectorAll(".home-ad-dot")).forEach(function (dot, index) { dot.classList.toggle("is-active", index === realIndex); }); } function moveAdForward() { if (mainAds.length <= 1) return; currentAdIndex += 1; updateAdSlider(true); startAdAutoPlay(); } function moveAdBackward() { if (mainAds.length <= 1) return; if (currentAdIndex >= mainAds.length) { currentAdIndex = 0; } currentAdIndex -= 1; if (currentAdIndex < 0) { currentAdIndex = mainAds.length - 1; } updateAdSlider(true); startAdAutoPlay(); } function goToAd(index) { if (!mainAds.length) return; const safeIndex = Math.max( 0, Math.min(Number(index || 0), mainAds.length - 1) ); currentAdIndex = safeIndex; updateAdSlider(true); startAdAutoPlay(); } function startAdAutoPlay() { if (adTimer) { clearInterval(adTimer); adTimer = null; } if (mainAds.length <= 1) return; adTimer = setInterval(function () { moveAdForward(); }, AD_AUTO_PLAY_MS); } async function fetchAdsForPlacement(placement) { const response = await fetch( PUBLIC_ADS_FUNCTION_URL + "?placement=" + encodeURIComponent(placement), { method: "GET" } ); const result = await response.json().catch(function () { return {}; }); if (!response.ok || !result.ok || !Array.isArray(result.ads)) { return []; } return filterAdsByPlacement(result.ads, placement); } async function loadAds() { try { const response = await fetch(PUBLIC_ADS_FUNCTION_URL, { method: "GET" }); const result = await response.json().catch(function () { return {}; }); const ads = response.ok && result.ok && Array.isArray(result.ads) ? result.ads : []; const mainAdsFromCombined = filterAdsByPlacement( ads, MAIN_AD_PLACEMENT ); const midAdsFromCombined = filterAdsByPlacement( ads, MID_LIST_AD_PLACEMENT ); /* 전체 광고 조회 응답에 특정 placement만 포함되는 Edge Function도 있습니다. 합쳐진 응답에서 한쪽 placement가 비어 있으면 해당 placement만 다시 조회합니다. */ const placementRequests = []; if (!mainAdsFromCombined.length) { placementRequests.push( fetchAdsForPlacement(MAIN_AD_PLACEMENT).then(function (items) { return { placement: MAIN_AD_PLACEMENT, items: items }; }) ); } if (!midAdsFromCombined.length) { placementRequests.push( fetchAdsForPlacement(MID_LIST_AD_PLACEMENT).then(function (items) { return { placement: MID_LIST_AD_PLACEMENT, items: items }; }) ); } const placementResults = placementRequests.length ? await Promise.all(placementRequests) : []; let resolvedMainAds = mainAdsFromCombined; let resolvedMidAds = midAdsFromCombined; placementResults.forEach(function (resultItem) { if (resultItem.placement === MAIN_AD_PLACEMENT) { resolvedMainAds = resultItem.items; } if (resultItem.placement === MID_LIST_AD_PLACEMENT) { resolvedMidAds = resultItem.items; } }); mainAds = shuffleArray(resolvedMainAds).slice(0, 6); midListAds = shuffleArray(resolvedMidAds).slice(0, 6); currentAdIndex = 0; currentMidAdIndex = 0; midAdRowElement = null; renderAdSlider(); } catch (error) { console.warn("Home ads load failed:", error); mainAds = []; midListAds = []; midAdRowElement = null; renderAdSlider(); } } function trackAdClick(adId) { if (!adId) return; try { fetch(TRACK_AD_CLICK_FUNCTION_URL, { method: "POST", keepalive: true, headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ad_banner_id: adId, page_url: window.location.href, referrer: document.referrer || null }) }).catch(function () {}); } catch (err) { console.warn("Home ad click track failed:", err); } } function getCurrentJobRequestParams(page, includeOptions) { const params = new URLSearchParams(); params.set("page", String(page || 1)); params.set("page_size", String(JOBS_PER_PAGE)); const search = String( jobSearchInput ? jobSearchInput.value || "" : "" ).trim(); const region = filterRegion ? filterRegion.value : ""; const language = filterLanguage ? filterLanguage.value : ""; const visa = filterVisa ? filterVisa.value : ""; const visaSupport = filterVisaSupport ? filterVisaSupport.value : ""; const employment = filterEmployment ? filterEmployment.value : ""; if (search) params.set("search", search); if (region) params.set("region", region); if (language) params.set("language", language); if (visa) params.set("visa", visa); if (visaSupport === "yes") params.set("visa_support", "yes"); if (employment) params.set("employment", employment); if (includeOptions) params.set("include_options", "true"); return params; } async function loadJobs(page, includeOptions) { const requestedPage = Math.max(1, Number(page || 1)); const requestSequence = ++jobsRequestSequence; if (jobsLoading) { jobsLoading.textContent = "채용공고를 불러오는 중입니다."; jobsLoading.style.display = "block"; } if (jobsEmpty) jobsEmpty.style.display = "none"; try { const params = getCurrentJobRequestParams( requestedPage, includeOptions === true && !filterOptionsLoaded ); const response = await fetch( PUBLIC_HOME_JOBS_FUNCTION_URL + "?" + params.toString(), { method: "GET" } ); const result = await response.json().catch(function () { return {}; }); if ( !response.ok || !result.ok || !Array.isArray(result.jobs) || !Array.isArray(result.featured_jobs) ) { throw new Error( result.message || "채용공고를 불러오지 못했습니다." ); } if (requestSequence !== jobsRequestSequence) return; const safePage = Math.max( 1, Number(result.safe_page || requestedPage) ); if (safePage !== requestedPage) { await loadJobs(safePage, false); return; } featuredJobs = result.featured_jobs; const featuredIds = new Set( featuredJobs .map(function (job) { return job && job.id; }) .filter(Boolean) ); /* Edge Function 수정 전에도 필수 공고가 전체 목록에 중복 노출되지 않도록 브라우저에서 한 번 더 방어합니다. */ currentJobs = result.jobs.filter(function (job) { return job && !featuredIds.has(job.id); }); totalJobs = Math.max(0, Number(result.total || 0)); totalPages = Math.max(0, Number(result.total_pages || 0)); currentPage = requestedPage; if ( result.filter_options && typeof result.filter_options === "object" && !filterOptionsLoaded ) { buildFilterOptions(result.filter_options); } renderActiveFilterChips(); syncCustomFilterSelections(); renderJobs(); } catch (error) { if (requestSequence !== jobsRequestSequence) return; console.error("Home jobs load failed:", error); currentJobs = []; featuredJobs = []; totalJobs = 0; totalPages = 0; if (jobsLoading) { jobsLoading.style.display = "none"; } if (jobsList) { jobsList.innerHTML = ""; jobsList.style.display = "none"; } if (jobsCount) { jobsCount.textContent = "총 0건"; } if (jobsEmpty) { jobsEmpty.style.display = "block"; jobsEmpty.innerHTML = `

채용공고를 불러오지 못했습니다.

잠시 후 새로고침해주세요.

`; } renderFeaturedJobs(); renderPagination(0); } } function handleJobContainerClick(e) { const bookmarkButton = e.target.closest(".home-job-bookmark"); if (bookmarkButton) { e.preventDefault(); e.stopPropagation(); toggleBookmark(bookmarkButton.dataset.jobId, bookmarkButton); return; } const row = e.target.closest(".home-job-row"); if (!row || !row.dataset.href) return; window.open(row.dataset.href, "_blank", "noopener,noreferrer"); } function handleJobContainerKeydown(e) { if (e.key !== "Enter") return; const row = e.target.closest(".home-job-row"); if (!row || !row.dataset.href) return; window.open(row.dataset.href, "_blank", "noopener,noreferrer"); } if (adTrack) { adTrack.addEventListener("click", function (e) { const adCard = e.target.closest(".home-main-ad-card"); if (!adCard) return; trackAdClick(adCard.dataset.adId); }); } if (adTrack) { adTrack.addEventListener("transitionend", function (e) { if (e.propertyName !== "transform") return; if (!mainAds.length) return; if (currentAdIndex >= mainAds.length) { currentAdIndex = 0; updateAdSlider(false); requestAnimationFrame(function () { requestAnimationFrame(function () { if (!adTrack) return; adTrack.style.transition = "transform 0.55s cubic-bezier(0.22, 1, 0.36, 1)"; }); }); } }); } if (adPrevButton) { adPrevButton.addEventListener("click", function () { moveAdBackward(); }); } if (adNextButton) { adNextButton.addEventListener("click", function () { moveAdForward(); }); } if (adDots) { adDots.addEventListener("click", function (e) { const dot = e.target.closest(".home-ad-dot"); if (!dot) return; goToAd(Number(dot.dataset.index || 0)); }); } if (jobsList) { jobsList.addEventListener("click", handleJobContainerClick); jobsList.addEventListener("keydown", handleJobContainerKeydown); } if (featuredJobsList) { featuredJobsList.addEventListener("click", handleJobContainerClick); featuredJobsList.addEventListener("keydown", handleJobContainerKeydown); } [filterRegion, filterLanguage, filterVisa, filterVisaSupport, filterEmployment].forEach(function (el) { if (!el) return; el.addEventListener("change", function () { currentPage = 1; renderActiveFilterChips(); syncCustomFilterSelections(); loadJobs(1, false); }); }); if (jobSearchInput) { jobSearchInput.addEventListener("input", function () { if (searchTimer) clearTimeout(searchTimer); searchTimer = setTimeout(function () { currentPage = 1; renderActiveFilterChips(); loadJobs(1, false); }, 300); }); } if (jobSearchResetButton) { jobSearchResetButton.addEventListener("click", resetFilters); } if (activeFilterChips) { activeFilterChips.addEventListener("click", function (e) { const btn = e.target.closest("button[data-filter-key]"); if (!btn) return; clearSingleFilter(btn.dataset.filterKey); }); } if (jobsPagination) { jobsPagination.addEventListener("click", function (e) { const btn = e.target.closest(".home-page-btn"); if (!btn || btn.disabled) return; const nextPage = Number(btn.dataset.page || 1); if (!Number.isFinite(nextPage)) return; currentPage = nextPage; loadJobs(nextPage, false); const jobsTop = document.querySelector(".home-jobs-section"); if (jobsTop) { jobsTop.scrollIntoView({ behavior: "smooth", block: "start" }); } }); } document.addEventListener("click", function (e) { const trigger = e.target.closest(".home-custom-filter-trigger"); const menuOption = e.target.closest(".home-custom-filter-option"); const sheetClose = e.target.closest(".home-mobile-filter-sheet-close"); if (sheetClose) { e.preventDefault(); e.stopPropagation(); closeCustomFilterMenus(); return; } if (menuOption) return; if (trigger) { e.preventDefault(); e.stopPropagation(); const targetId = trigger.dataset.target; const menu = document.querySelector('.home-custom-filter-menu[data-menu-for="' + targetId + '"]'); const willOpen = !trigger.classList.contains("is-open"); closeCustomFilterMenus(); if (willOpen && menu) { trigger.classList.add("is-open"); menu.classList.add("is-open"); positionCustomFilterMenu(trigger, menu); } return; } if (!e.target.closest(".home-filter-select-wrap") && !e.target.closest(".home-custom-filter-menu")) { closeCustomFilterMenus(); } }); window.addEventListener("resize", function () { syncCustomFilterMenuPlacement(); repositionOpenCustomFilterMenu(); }); window.addEventListener("scroll", repositionOpenCustomFilterMenu, true); setJobsNotice("", false); /* 메인 배너, 중간 광고, 채용공고, 북마크를 동시에 요청합니다. 모든 초기 데이터 준비와 렌더링이 끝난 뒤 홈 전체를 한 번에 표시합니다. */ try { await Promise.all([ loadAds(), loadJobs(1, true), initCurrentUserAndBookmarks() ]); renderActiveFilterChips(); } catch (err) { console.error("Home initial load failed:", err); try { renderActiveFilterChips(); renderJobs(); } catch (renderErr) { console.error("Home fallback render failed:", renderErr); } } finally { revealHomePage(); } });

맞춤 채용공고 찾기

필수 체크 채용공고

전체 채용공고

표시할 채용공고가 없습니다.