[AVP] 모빌리티 서비스 Frontend Engineer
현대자동차 · 서울
frontend현대자동차
주요 업무
- ·HYUNDAI
- ·월 경력채용
- ·Tech Forum
- ·공정 채용 안내
- ·채용 프로세스
- ·Team Hyundai
- ·직무 인터뷰
- ·Culture
- ·Hyundai Way
- ·Benefit
- ·Article
- ·Location
- ·America
- ·Europe
- ·Asia & Pacific
- ·Middle East & Africa
- ·var langTmp = "";
- ·langTmp = '/eng';
- ·$('.application .period h3').text('Recruitment Period');
- ·$('.application .field h3').text('Recruitment Field');
- ·$('.recruitment h3').text('Recruitment Process');
- ·$('.top__apply__process .recruitment strong').text('※ Some announcements have different selection processes');
- ·$('.recruitment #proc01 dd').text('Applications');
- ·$('.recruitment #proc02 dd').text('Review');
- ·$('.recruitment #proc03 dd').html('Interviews (Personality Test)');
- ·$('.recruitment #proc04 dd').html('Physical Examinations');
- ·$('.recruitment #proc05 dd').text('Acceptance');
- ·$('.apply__theme__list .list__cont .field__list .list__head span').text('Job Categories');
- ·$('.apply__theme__list .list__cont .data__list .list__head span:nth-child(1)').text('Roles');
- ·$('.apply__theme__list .list__cont .data__list .list__head span:nth-child(2)').text('Announcement Title');
- ·$("#tabBtn1").text("Monthly recruitment");
- ·$("#tabBtn2").html("Open Recruitment (Until filled) ");
- ·//$('.eng').show();
- ·$('.application .period h3').text('모집기간');
- ·$('.application .field h3').text('모집분야');
- ·$('.recruitment h3').text('채용 프로세스');
- ·$('.recruitment strong').text('※ 일부 공고 모집기간 및 전형 상이');
- ·$('.recruitment #proc01 dd').text('서류 전형');
- ·$('.recruitment #proc02 dd').text('면접 전형');
- ·$('.recruitment #proc03 dd').text('인성 검사');
- ·$('.recruitment #proc04 dd').text('채용 검진');
- ·$('.recruitment #proc05 dd').text('입사');
- ·$('.apply__theme__list .list__cont .field__list .list__head span').text('분야');
- ·$('.apply__theme__list .list__cont .data__list .list__head span:nth-child(1)').text('직무');
- ·$('.apply__theme__list .list__cont .data__list .list__head span:nth-child(2)').text('공고명');
- ·$("#tabBtn1").text("월간 경력 채용");
- ·$("#tabBtn2").html("집중 상시 채용 (채용시까지) ");
- ·//$('.kor').show();
- ·// 채용테마관 사용여부 조회
- ·getNoticeThemaInfo("", "" , '');
- ·return false;
- ·$(".apply__tabs").find(".on").removeClass("on");
- ·$(this).addClass("on");
- ·getNoticeThemaInfo("" , $(this).val() , "tab");
- ·// 스크랩
- ·const recuYy = $(this).closest("li").data("recuyy");
- ·const recuCls = $(this).closest("li").data("recucls");
- ·const recuType = $(this).closest("li").data("recutype");
- ·let url = "?recuYy="+recuYy+"&recuCls="+recuCls+"&recuType="+recuType;
- ·// 로그인 여부 체크
- ·$(this).toggleClass("on");
- ·const delYn = $(this).data("scrap");
- ·const title = $(this).data("title");
- ·hgrCd: HGR_CD,
- ·delYn : delYn,
- ·recuYy : recuYy,
- ·recuCls : recuCls,
- ·recuType : recuType,
- ·scrapType: "RECU",
- ·shareTitle: title,
- ·shareLink: langTmp+"/apply/applyList.hc?recuYy="+recuYy+"&recuType="+recuType+"&recuCls="+recuCls
- ·instance.post("common/AP-HM-FO-00600", param )
- ·$(this).data("scrap" , "N");
- ·$(this).data("scrap" , "Y");
- ·throw error;
- ·loadingConfirm(location.search);
- ·// 채용 테마관 정보 조회
- ·var secLoad = "";
- ·$(".secCodeList").empty();
- ·$(".sec").empty();
- ·$(".sec").append(' Recruitment Field ');
- ·$(".sec").append(' ');
- ·$(".sec").append(' 모집분야 ');
- ·$(".sec").append(' ');
- ·$("#applyList").empty();
- ·secLoad = 'Y';
- ·$("#applyList").empty();
- ·secLoad = 'N';
- ·jdRecuCate = "01";
- ·secLoad = 'Y';
- ·hgrCd: HGR_CD,
- ·lang: LANG,
- ·secCode : secCode,
- ·jdRecuCate : jdRecuCate,
- ·secLoad : secLoad
- ·const statusError = status !== 200;
- ·const objectError = (typeof applyList === "object" && Object.keys(applyList).length === 0);
- ·type: "error",
- ·title: "Notice",
- ·message: "Career Theme is not open yet.",
- ·location.href = `/apply/applyList.hc`;
- ·type: "error",
- ·title: "알림",
- ·message: "채용테마관 기간이 아닙니다.",
- ·location.href = `/apply/applyList.hc`;
- ·var thema = themaInfo[0];
- ·$(".top__section").addClass("image");
- ·$("#header").addClass("preserve");
- ·$(".imgPath").attr("src","/hrecu"+thema.dtlFilePath+ thema.dtlFileSave);
- ·$("#mainTitle").text(thema.mainTitle);
- ·$("#subTitle").text(thema.subTitle);
- ·$("#contsDtl").html(thema.contsDtl.replace(/\n/gi, " "));
- ·$(".imgPath").attr("src","/hrecu"+thema.horiFilePath+ thema.horiFileSave);
- ·$("#pdfDown").text(thema.pdfText);
- ·$("#pdfDown").show();
- ·$("#pdfDown").hide();
- ·$("#pdfDown").attr("href" , '/hrecu'+ thema.pdfFilePath +thema.pdfFileSave);
- ·$("#pdfDown").show();
- ·$("#pdfDown").hide();
- ·$("#recuDt").text(thema.recuStartDtDy +" "+thema.strDy + " ~ " + thema.recuEndDtDy +" "+thema.endDy);
- ·$("#recuMemo").text(thema.recuMemo);
- ·$("#proc01").show().find("span").text(thema.procStep1Nm);
- ·$("#proc02").show().find("span").text(thema.procStep2Nm);
- ·$("#proc03").show().find("span").text(thema.procStep3Nm);
- ·$("#proc04").show().find("span").text(thema.procStep4Nm);
- ·$("#proc05").show().find("span").text(thema.procStep5Nm);
- ·var data = secList[i];
- ·var html = '';
- ·html = ' '+data.secCodeNm+' ';
- ·html = ' '+data.secCodeNm+' ,';
- ·$(".sec .tags").append(html);
- ·var lHtml = '';
- ·lHtml =' ALL ';
- ·lHtml =' 전체 ';
- ·lHtml += ' '+data.secCodeNm+' ';
- ·lHtml = ' '+data.secCodeNm+' '
- ·$(".secCodeList").append(lHtml);
- ·fieldSwiper();
- ·$("#cnt").text(cnt);
- ·return false;
- ·$(this).closest("div").closest(".secCodeList").find(".on").removeClass("on");
- ·$(this).find("button").addClass("on");
- ·getNoticeThemaInfo($(this).find("button").val() , $(".apply__tabs").find(".on").val() , "list");
- ·var html = '';
- ·var data = fldList[i];
- ·html += ' ';
- ·html += ' ' + data.fldCodeNm + ' ';
- ·html += ' ';
- ·html += ' ';
- ·html += ' ';
- ·html += ' ';
- ·html += ' ';
- ·$("#applyList").append(html);
- ·var jHtml = '' ;
- ·var app= applyList[j];
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' '+app.collectMark+' ';
- ·jHtml += ' ';
- ·var scYn = app.userScrapYn == '1' ? 'Y' : 'N';
- ·var on = app.userScrapYn == '1' ? 'on' : 'N';
- ·jHtml += ' 북마크 ';
- ·jHtml += ' ';
- ·jHtml += ' 공유 ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' '+app.recuNoticeNm+' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' '+app.workPlaceCodeNm;
- ·var day = dDay(app.appDispEdDt , app.jdRecuCate);
- ·jHtml += ' '+day;
- ·jHtml += ' ~'+app.applyEndTm+' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' #'+app.secCodeNm+' ';
- ·jHtml += ' #'+app.fldCodeNm+' ';
- ·jHtml += ' #'+app.workPlaceCodeNm+' ';
- ·jHtml += ' #'+app.channelCodeNm+' ';
- ·//해시태그
- ·var tag = app.hashTag.split(",");
- ·jHtml += ' #'+tag[y]+' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·jHtml += ' ';
- ·$('.fld_'+app.fldCode).append(jHtml);
- ·// 공고 클릭 시
- ·const recuYy = $(this).closest("li").data("recuyy");
- ·const recuType = $(this).closest("li").data("recutype");
- ·const recuCls = $(this).closest("li").data("recucls");
- ·$("#recuYy").val(recuYy);
- ·$("#recuType").val(recuType);
- ·$("#recuCls").val(recuCls);
- ·$("#applyForm").attr("action" , langTmp +"/apply/applyView.hc");
- ·$("#applyForm").submit();
- ·/* 테마관 태그클릭
- ·e.stopPropagation();
- ·var type = $(this).data("type");
- ·var val = $(this).data("value");
- ·$("#occupDataTagArray").val(val);
- ·$("#fieldDataTagArray").val(val);
- ·$("#areaDataTagArray").val(val);
- ·$("#sortDataTagArray").val(val);
- ·$("#tagArray").val(val);
- ·$("#applyListForm").attr("action" , langTmp +"/apply/applyList.hc");
- ·$("#applyListForm").submit();
- ·shareButtonView(); // 공유하기 활성화
- ·type: "error",
- ·title: "Notice",
- ·message: "Career Theme is not open yet.",
- ·location.href = `/eng/apply/applyList.hc`;
- ·type: "error",
- ·title: "알림",
- ·message: "채용테마관 기간이 아닙니다.",
- ·location.href = `/apply/applyList.hc`;
- ·throw error;
- ·let dDay = "";
- ·const year = appDispEdDt.substr(0, 4);
- ·const month = appDispEdDt.substr(4, 2) - 1;
- ·const date = appDispEdDt.substr(6, 2);
- ·const deadline = new Date(year, month, date);
- ·const today = new Date();
- ·const gap = today.getTime() - deadline.getTime();
- ·const result = Math.floor(gap / (1000 * 60 * 60 * 24)) * -1;
- ·dDay = "D-" + result;
- ·dDay = "D+" + result * -1;
- ·dDay = "D-day";
- ·return LANG_CD == "K" ? "채용시까지" : "Until hiring";
- ·return dDay;
- ·let isSwiper = false;
- ·if(isSwiper) return;
- ·isSwiper = true;
- ·slidesPerView:'auto',
- ·allowTouchMove:true,
- ·allowTouchMove:false
- ·const $this = fieldSwiper;
- ·const activeIdx = $(this).index();
- ·const activeX = $this.slidesGrid[activeIdx];
- ·const activeSize = $this.slidesSizesGrid[activeIdx]
- ·const pagerSize = $this.size;
- ·if(!isMobile) return;
- ·'transform':'translate3d(' + -1* (activeSize - (pagerSize - activeX) - 32) + 'px' + ',0,0)',
- ·'transition-duration': '300ms'
- ·'transform':'translate3d(' + -1* (activeSize - (pagerSize - activeX)) + 'px' + ',0,0)',
- ·'transition-duration': '300ms'
- ·'transform':'translate3d(0,0,0)',
- ·'transition-duration': '300ms'
- ·$this.$wrapperEl.css('transition-duration','0');
- ·event = false;
- ·HYUNDAI
- ·개인정보 처리방침
- ·개인정보 처리방침
- ·윤리경영 사이버감사실
- ·가족친화인증
- ·Privacy policy
- ·PRIVACY POLICY
- ·TERMS OF USE
- ·ETHICS MANAGEMENT CYBER OFFICE
- ·SITE MAP
- ·© 2026 HYUNDAI MOTOR COMPANY
- ·가족친화 우수기관
- ·Best Family Friendly Management
- ·FAMILY SITE
- ·Finished car
- ·현대비엔지스틸
- ·현대종합특수강
- ·Construction
- ·현대엔지니어링
- ·현대스틸산업
- ·현대도시개발
- ·Finance
- ·현대트랜시스
- ·현대아이에이치엘
- ·현대글로비스
- ·현대오토에버
- ·해비치호텔&리조트
- ·현대서산농장
- ·YOUTUBE
- ·YOUTUBE
- ·가족친화 우수기관
- ·Best Family Friendly Management
- ·© 2026 HYUNDAI MOTOR COMPANY
- ·Finished car
- ·현대비엔지스틸
- ·현대종합특수강
- ·Construction
- ·현대엔지니어링
- ·현대스틸산업
- ·현대도시개발
- ·Finance
- ·현대트랜시스
- ·현대아이에이치엘
- ·현대글로비스
- ·현대오토에버
- ·해비치호텔&리조트
- ·현대서산농장
- ·footer_init();
- ·$(".footer_K").show();
- ·$(".footer_E").show();
- ·Kakao.init('0d153d0acde9a7e2a1d4a076ae3efe75');
- ·appId : '247736689050514',
- ·xfbml : true,
- ·version : 'v2.9'
- ·FB.AppEvents.logPageView();
- ·var js, fjs = d.getElementsByTagName(s)[0];
- ·js = d.createElement(s); js.id = id;
- ·js.src = "//connect.facebook.com/ko_KR/sdk.js";
- ·fjs.parentNode.insertBefore(js, fjs);