${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 filteredJobs = getFilteredJobsBase(); const total = filteredJobs.length; const totalPages = Math.max(1, Math.ceil(total / JOBS_PER_PAGE)); if (currentPage > totalPages) currentPage = totalPages; if (currentPage < 1) currentPage = 1; const start = (currentPage - 1) * JOBS_PER_PAGE; const pageJobs = filteredJobs.slice(start, start + JOBS_PER_PAGE); if (jobsCount) { jobsCount.textContent = "총 " + total.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(); renderJobs(); } 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); } } async function loadJobs() { if (!window.buddiesSupabase) { if (jobsLoading) { jobsLoading.textContent = "Supabase 공통 코드가 연결되어 있지 않습니다."; } return; } const fetchedJobs = []; let from = 0; try { while (true) { const to = from + JOBS_FETCH_BATCH_SIZE - 1; const { data, error } = await window.buddiesSupabase .from("job_posts") .select(` id, title, job_role, employment_type, location, region_category, language_requirements, visa_types, visa_support, visa_support_type, status, close_at, created_at, updated_at, company_name, company_logo_url, company_logo_path, application_method, external_apply_url, is_featured, featured_until, featured_sort_order `) .eq("status", "published") .order("created_at", { ascending: false }) .order("id", { ascending: false }) .range(from, to); if (error) throw error; const batch = Array.isArray(data) ? data : []; fetchedJobs.push(...batch); if (batch.length < JOBS_FETCH_BATCH_SIZE) { break; } from += JOBS_FETCH_BATCH_SIZE; } allJobs = fetchedJobs.filter(isJobOpen); } catch (error) { console.error("Home jobs load failed:", error); allJobs = []; if (jobsLoading) { jobsLoading.textContent = "채용공고를 불러오지 못했습니다."; } } } 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.location.href = row.dataset.href; } function handleJobContainerKeydown(e) { if (e.key !== "Enter") return; const row = e.target.closest(".home-job-row"); if (!row || !row.dataset.href) return; window.location.href = row.dataset.href; } 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(); renderJobs(); }); }); if (jobSearchInput) { jobSearchInput.addEventListener("input", function () { if (searchTimer) clearTimeout(searchTimer); searchTimer = setTimeout(function () { currentPage = 1; renderActiveFilterChips(); renderJobs(); }, 180); }); } 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; renderJobs(); 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(), initCurrentUserAndBookmarks() ]); buildFilterOptions(); renderActiveFilterChips(); renderJobs(); } catch (err) { console.error("Home initial load failed:", err); try { buildFilterOptions(); renderActiveFilterChips(); renderJobs(); } catch (renderErr) { console.error("Home fallback render failed:", renderErr); } } finally { revealHomePage(); } });

맞춤 채용공고 찾기

필수 체크 채용공고

전체 채용공고

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