[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
  • ·현대트랜시스
  • ·현대아이에이치엘
  • ·현대글로비스
  • ·현대오토에버
  • ·해비치호텔&리조트
  • ·현대서산농장
  • ·FACEBOOK
  • ·YOUTUBE
  • ·LINKEDIN
  • ·INSTAGRAM
  • ·FACEBOOK
  • ·YOUTUBE
  • ·LINKEDIN
  • ·INSTAGRAM
  • ·가족친화 우수기관
  • ·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);
요즘 작업송