[HD]Spring Framework (스프링 프레임워크) 기초 배우기 Part.2

[HD]Spring Framework (스프링 프레임워크) 기초 배우기 Part.2 여기를 클릭하면, 샘플강의가 재생됩니다. 김정일 강사

tag

강좌코드 : la_D020306

[HD]Spring Framework (스프링 프레임워크) 기초 배우기 Part.2
담당강사 : 김정일

강의구성	총 28강좌 (강의시간 : 총 )	수강기간	30일
강의형식	동영상 + 자막	수강료	56,000원 이 강좌의 80% 이상 수강 시 출력이 가능합니다.
강의수준	초급	강의에서 사용하는 프로그램 & 버전	-
담당강사	김정일 강사 - 아이티고 이러닝강사

과정소개: 본과정은 스프링 프레임웍 입문자를 위한 강좌이며, 다양한 예제를 통해 스프링의 핵심 개념을 이해 할 수 있도록 한 강좌이다.

학습목표: 스프링 MVC에 대해 학습한다.
폼 유효성 검사에 대해 학습한다.
스프링 태그라이브러리에 대해 학습한다.

교육대상: 스프링 프레임웍 입문자

참고사항: - 수강 기간 중 언제든지 반복 수강이 가능합니다.; - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.; - 수강 신청 완료 후 수강할 수 있습니다.; - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.

아이티고 강좌질문 모음

※ 아이티고 강좌 관련 문의입니다. 질문을 남기고 싶으면 1:1문의 게시판에 남겨주세요.

1 / 7

강좌 리스트: 01. 스프링 MVC 흐름과 구성 컴포넌트 [33:38]; 02. 스프링 MVC 프로젝트의 구조 [32:00]; 03. 컨트롤러 작성하기 및 한글 처리 [34:47]; 04. ModelAndView 객체를 이용한 컨트롤러 작성 [29:15]; 05. HttpServletRequest를 이용한 데이터 전송 [31:11]; 06. Command 객체 및 @RequestParam를 이용한 데이터 전송 [36:06]; 07. @PathVariable 사용법 및 URL 한글 encoding 처리하기 [33:11]; 08. @PathVariable 활용 방법 [27:06]; 09. 스프링에서 GET 방식과 POST 방식 적용 [48:24]; 10. @MethodAttribute 사용 및 새로운 패키지에 새로운 컨트롤러 추가하기 [41:33]; 11. @MethodAttribute를 이용하여 뷰에 모델 전달하기 [36:22]; 12. @MethodAttribute를 이용하여 커멘드 객체 초기화 하기 [43:06]; 13. redirect: 사용하기 [36:45]; 14. 폼유효성 검사 처리과정 이해 [29:53]; 15. Validator 를 이용한 유효성 체크 [35:36]; 16. ValidationUtils클래스, @Valid, @InitBinder를 이용한 유효성 검사 [43:54]; 17. Errors , BindingResult 인터페이스 [23:49]; 18. @Component의 이해 [40:44]; 19. @Resource, AbstractController 인터페이스 [31:22]; 20. @AutoWired, @Qualifier [35:58]; 21. 주요 ViewResolver 구현 클래스 및 다수의 ViewResolver 설정 [34:38]; 22. 스프링
태그 라이브러리 사용하기 [38:06]; 23. 태그를 위한 커스텀 태그 사용법 [36:29]; 25. radio 타입 태그 및 태그를 위한 커스텀 태그 사용법 [37:00]</a> </dd> <dd class="" id="title26"> <a href="#" data-ref="26">26. 커스텀 태그 활용 I [35:34]</a> </dd> <dd class="" id="title27"> <a href="#" data-ref="27">27. 커스텀 태그 활용 II [30:13]</a> </dd> <dd class="" id="title28"> <a href="#" data-ref="28">28. 커스텀 태그 활용 III [31:39]</a> </dd>  </dl> </article> <script> $(function(){ $("#vodtime").text('17시간 22분 28초'); }); </script> <article class="pay_set"> <div class="itgo_cha_set"><div class="itgo_cha_wrap"><span class="itgo_cha1"></span><span class="itgo_cha2"></span><span class="itgo_cha3"></span></div></div> <span class="pay_tt">지금 자유이용권 구매하고, <em>모든 강의를 자유롭게</em> 수강하세요!<span class="itgo_cha"></span></span> <ul class="pay_app">  <li><button type="button" class="btn_payapp">수강신청</button></li> <li><button type="button" class="btn_payfree">자유이용권 자세히 보기</button></li> </ul> </article> </section> <script src="https://itgo.co.kr/theme/itgo_001/plugins/sweetalert/sweetalert.min.js"></script> <script> var VideoTime = 0; (function(window, videojs) { var player = window.player = videojs('itgo-player', { playbackRates: [1,1.2,1.5,1.8,2], userActions: { hotkeys: { fullscreenKey: function(event) { // override fullscreen to trigger when pressing the v key return (event.which === 70); }, playPauseKey: function(event){ return (event.which === 32); }, } } }); /* var seekButtons = window.seekButtons = player.seekButtons({ forward: 10, back: 10 }); */ }(window, window.videojs)); var player_slider = $("#player_slider").slider({ range: "min", value:0, min: 0, max: 0, slide: function( event, ui ) { player.currentTime(ui.value); } }); $(document).on("click",".ply_list dd a",function(){ var url = $(this).attr("href"); $(".ply_list dd").removeClass('ply_act'); $(this).closest("dd").addClass('ply_act'); $(".plybar_time").text('00:00 / 00:00 / 00:00'); $(".plybar_speed dd").removeClass("active"); $(".plybar_speed dd:eq(0)").addClass("active"); if(url=="#"){ swal({ title: "중요!", text: "수강중인 강의가 아닙니다.", confirmButtonColor: "#FF4848", type: "error", confirmButtonText: "확인" }); return false; }else{ /*2024-03-20 로딩중 추가 시작*/ $("#intro_area,.thumb_box,#ply_mov_basic,.ply_mov_wrap").hide(); $("#ply_mov_basic,.ply_mov_wrap").after('<div class="thumb_loading_box"><span class="thumb_tt"><a class="blink">동영상 로딩중...</a></span><span class="thumb_img"><img src="/education/lecture/images/thumb.jpg"></span></div>'); player.pause(); /*2024-03-20 로딩중 추가 끝*/ idx = $(this).data("ref"); view = ''; //$(location).attr("href",url); $.ajax({ type: "POST", data:{ 'c_code':'la_D020306', 'idx': idx, 'view':'' }, url: itgo_url+'/includes/ajax.video.url.asp', cache: false, async: true, dataType: "json", success: function(data) { if(data.error != "") { alert(data.error); return false; } /*2024-03-20 로딩 추가 작업 */ sugang_chk = data.sugang_chk; class_tag = data.class_tag; if(data.class_tag){ var class_tagArr = class_tag.split(","); $(".tag_wrap2 dd").remove(); var tag_wrap = "" $.each(class_tagArr,function(j,value){ tag_wrap = tag_wrap+'<dd>#'+value+'</dd>'; }); $(".tag_wrap2 dt").after(tag_wrap); } //alert(class_tag); player.src([{ src: data.url, type: data.videoType }]); var tracks = player.remoteTextTracks(); // 기존 트랙 가져오기 // 기존 자막 삭제 for (var i = 0; i < tracks.length; i++) { player.removeRemoteTextTrack(tracks[i]); } // 새로운 자막 추가 if(data.vtt){ player.addRemoteTextTrack({ kind: 'subtitles', src: data.vtt, srclang: 'ko', label: 'Korean', default: false }); $(".plybar_cc").removeClass("hide"); $(".plybar_cc").removeClass("on"); }else{ $(".plybar_cc").addClass("hide"); $(".plybar_cc").removeClass("on"); } player.playbackRate(1); // player_slider.slider( "option","max", data.vT); setTimeout(function () { player.play(); player_slider.slider( "option","max", parseInt(player.duration())); $("#ply_mov_basic,.ply_mov_wrap").show(); $("#intro_area,.thumb_box").hide(); $(".thumb_loading_box").remove(); }, 1000); /*2024-03-20 로딩 추가 작업 */ /*2024-03-20 로딩전 player.src([ { src: data.url, type: data.videoType } ]); //player_slider.slider( "option","value", 0); //player_slider.slider( "option","max", vT); sugang_chk = data.sugang_chk; player.playbackRate(1); $(".vjs-remaining-time").show(); player.play(); player_slider.slider( "option","max", data.vT); $("#ply_mov_basic").show(); $("#intro_area,.thumb_box").hide(); 2024-03-20 로딩 추가 작업 전 */ if(typeof(history.replaceState) == 'function') { try { //현재 주소를 가져온다. var renewURL = itgo_url+'/education/lecture/lec_class.asp?c_code=la_D020306&idx='+idx; //페이지 갱신 실행! history.replaceState({'c_code':'la_D020306','idx':idx}, null, renewURL); }catch(e){ console.log(e); } } } }); } return false; }); $(document).on('click','.plybar_cc', function() { var tracks = player.textTracks(); // 자막 트랙 가져오기 $(tracks).each(function(index, track) { if (track.mode === "showing") { track.mode = "disabled"; // 자막 끄기 $(".plybar_cc").removeClass("on"); } else { track.mode = "showing"; // 자막 켜기 $(".plybar_cc").addClass("on"); } }); }); $(document).on("mouseover",".ply_list dd a",function(e){ $(".ply_list dd .title_pop").attr("style","display:none");; var txt = $(this).data("title"); if(typeof txt !== 'undefined'){ $(this).after('<span class="title_pop" style="display:inline-block"><span class="title_pop_wrap">'+txt+'</span>'); } }); $(document).on("mouseout",".ply_list dd a",function(){ $(".ply_list dd .title_pop").attr("style","display:none"); $(".ply_list dd .title_pop").remove(); }); $(document).on("click",".btn_fav",function(){ var code = "la_D020306"; swal({ title: "중요!", text: "로그인 또는 수강 신청 후 이용 가능흡니다.", confirmButtonColor: "#59a7ff", type: "info", confirmButtonText: "확인" }); }); $(document).on("mouseover",".btn_fav",function(){ $(".ply_info .st_wrap .fav_pop").attr("style","display:inline-block"); }); $(document).on("mouseout",".btn_fav",function(){ $(".ply_info .st_wrap .fav_pop").attr("style","display:none"); }); function ajax_fav(code){ $.ajax({ type: "POST", url: '/includes/ajax.fav.asp', data: { 'code': code }, cache: false, async: true, dataType: "json", success: function(result){ swal({ title: "정보!", text: result.msg, confirmButtonColor: "#53A5FA", type: "info", confirmButtonText: "확인" },function(){ if(result.css==''){ $(".btn_fav").removeClass("active"); $(".btn_fav").text('즐겨찾기 등록'); }else{ $(".btn_fav").addClass("active"); $(".btn_fav").text('즐겨찾기 삭제'); } }); } }); } $(document).on("click",".btn_payapp",function(){ $(location).attr("href",itgo_url+'/education/class/rlc_payment01.asp?code=la_D020306'); }); $(document).on("click",".btn_payfree",function(){ $(location).attr("href",itgo_url+'/education/class/free_pass.asp'); }); $(document).on("click",".btn_doc",function(){ var file_url = $(this).data("ref"); var target = $(this).data("target"); if(file_url){ if(target=='Y') window.open(file_url); else $(location).attr("href",file_url); }else{ swal({ title: "중요!", text: "로그인 또는 수강 신청 후 다운로드 가능흡니다.", confirmButtonColor: "#59a7ff", type: "info", confirmButtonText: "확인" }); } }); $(document).on("click",".ply_tab button.ply_on",function(){ popup_window(itgo_url+'/education/mypage/sugang_card.asp?c_code=la_D020306','sugangCard','resizable=no,width=500,height=360') }); var sugangChkPercent = parseInt(22); var sugangChkCount = parseInt(1); $(function(){ if(sugangChkCount >= sugangChkPercent){ $(".btn_cer").css({"background":"#0069b4","color":"#fff"}); } }); $(document).on("click",".btn_cer",function(){ if (sugangChkCount >= sugangChkPercent) { popup_window(itgo_url+'/education/mypage/diploma.asp?c_code=la_D020306','sugangCard','resizable=no,width=660,height=934') }else{ swal({ title: "중요!", text: "이 강좌의 80% 이상 수강 시 출력이 가능합니다.", confirmButtonColor: "#59a7ff", type: "info", confirmButtonText: "확인" }); } }); $(document).on("mouseover",".btn_cer",function(){ $(".ply_info .ply_tab .class_cer .cer_pop").attr("style","display:inline-block"); }); $(document).on("mouseout",".btn_cer",function(){ $(".ply_info .ply_tab .class_cer .cer_pop").attr("style","display:none"); }); $(document).on("mouseover",".st_tea, .itgo_pro span img",function(){ $(".ply_info .st_wrap .itgo_pro .tea_pop").attr("style","display:inline-block"); }); $(document).on("mouseout",".st_tea, .itgo_pro span img",function(){ $(".ply_info .st_wrap .itgo_pro .tea_pop").attr("style","display:none"); }); $(document).on("click",".qna_set_wrap a",function(){ var url = $(this).attr("href"); $(location).attr("href",url); //jQuery 이용 }) $(document).on("click","#btn_sample,.not-free",function(){ //$(location).attr("href",itgo_url+'/education/lecture/lec_class2.asp?c_code=la_D020306&view=sample'); //player-source var videoFileType = "video/mp4"; $("#intro_area,.thumb_box,#ply_mov_basic,.ply_mov_wrap").hide(); $("#ply_mov_basic,.ply_mov_wrap").after('<div class="thumb_loading_box"><span class="thumb_tt"><a class="blink">동영상 로딩중...</a></span><span class="thumb_img"><img src="/education/lecture/images/thumb.jpg"></span></div>'); view = 'sample' idx = 2; $.ajax({ type: "POST", data:{ 'c_code':'la_D020306', 'idx': idx, 'view':'sample' }, url: itgo_url+'/includes/ajax.video.url.asp', cache: false, async: true, dataType: "json", success: function(data) { if(data.error != "") { alert(data.error); return false; } /*2024-03-20 로딩 추가 시작*/ player.src([{ src: data.url, type: data.videoType }]); var tracks = player.remoteTextTracks(); // 기존 트랙 가져오기 // 기존 자막 삭제 for (var i = 0; i < tracks.length; i++) { player.removeRemoteTextTrack(tracks[i]); } // 새로운 자막 추가 if(data.vtt){ player.addRemoteTextTrack({ kind: 'subtitles', src: data.vtt, srclang: 'ko', label: 'Korean', default: true }); } //player_slider.slider( "option","max", data.vT); setTimeout(function () { player.play(); player_slider.slider( "option","max", parseInt(player.duration())); $("#ply_mov_basic").show(); $("#intro_area,.thumb_box").hide(); $(".thumb_loading_box").remove(); }, 1000); /* 2024-03-20 로딩 추가 작업 끝 */ /* 2024-03-20 로딩 추가 작업 전 */ /* player.src([ { src: data.url, type: data.videoType } ]); player.play(); player_slider.slider( "option","max", data.vT); $("#ply_mov_basic").show(); $("#intro_area,.thumb_box").hide(); */ /* 2024-03-20 로딩 추가 작업 전 */ } }); }); var mVolume = 1; var volume_slider = $("#slider").slider({ range: "min", value:1, min: 0, max: 1, step:0.1, slide: function( event, ui ) { player.volume(ui.value); mVolume = ui.value; if(ui.value==0){ $(".plybar_sound").addClass("plybar_son_mute"); }else{ $(".plybar_sound").removeClass("plybar_son_mute"); } //$("#plybar_sodpoint").css("left","calc("+ui.value*100+" + 6px"); //$("#plybar_sodbar em").css("width",ui.value*100); //$( "#amount" ).val( "$" + ui.value ); } }); function fancyTimeFormat(duration) { // Hours, minutes and seconds const hrs = ~~(duration / 3600); const mins = ~~((duration % 3600) / 60); const secs = ~~duration % 60; // Output like "1:01" or "4:03:59" or "123:03:59" let ret = ""; if (hrs > 0) { ret += "" + hrs + ":" + (mins < 10 ? "0" : ""); } ret += "" + mins + ":" + (secs < 10 ? "0" : ""); ret += "" + secs; return ret; } </script> <script src="./js/player.skin.js"></script>  <script src="./js/itgo.js?ver=20200317"></script> <script> let total_page = 0; let pages = 1; let prev_page = 1; let next_page = 2; function fetchJson(page,stx) { var k = 0; $(".question_cont ul li").remove(); $(".question_cont ul").append('<li style="height:470px;text-align:center;font-size:35px;"><i class="fas fa-spinner" style="margin-top:200px"></i></li>'); $.ajax({ type: "POST", url: "/qna.asp", data: { page:page, stx:stx }, dataType: "json", success: function (result) { //console.log(result); let qna_content = ''; $(".question_cont ul li").remove(); for (i = 0; i < result.boardlist.length; i++) { subject = result.boardlist[i].subject; wr_content = result.boardlist[i].wr_content; wr_reply = result.boardlist[i].wr_link1; wr_time = result.boardlist[i].wr_time; //if($(".question_cont ul li").length ==0 && i==0){ // $(".question_cont ul").append('<li><dl><dt><span class="que_list_st">'+subject+'</span><span class="que_list_date">'+wr_time+'</span></dt><dd class="que_list_tt"><span class="que_q">Q. 질문</span><span class="que_qw">'+wr_content+'</span><span class="que_a">A. 답변</span><span class="que_aw">'+wr_reply+'</span></dd></dl></li>'); //}else{ $(".question_cont ul").append('<li><dl><dt><span class="que_list_st">'+subject+'</span><span class="que_list_date">'+wr_time+'</span></dt><dd class="que_list_tt"><span class="que_q">Q. 질문</span><span class="que_qw">'+wr_content+'</span><span class="que_a">A. 답변</span><span class="que_aw">'+wr_reply+'</span></dd></dl></li>'); //} } total_page = result.total_page; pages = result.page; $(".que_tt").html(page+'/'+result.total_page) // $(".question_cont").append(qna_content); //console.log(result.sql); }, error: function (request,status,error) { alert("failed to fetch json data!"); }, }); } fetchJson(pages,''); $(document).on("click",".que_btn1",function(){ /* let page = $(this).data("ref"); let page = $(this).data("ref"); */ let stx = $("#stx").val(); if (pages > 1) { prev_page = pages - 1; next_page = pages + 1; fetchJson(prev_page,stx); } }); $(document).on("click",".que_btn2",function(){ let stx = $("#stx").val(); if (pages < total_page){ prev_page = pages - 1; next_page = pages + 1; fetchJson(next_page,stx); } }); $(document).on("click",".question_cont ul li",function(){ let index = $(".question_cont ul li").index(this); if ($(".que_list_tt:eq(" + index + ")").hasClass("on")) { console.log("The element has the 'on' class."); $(".que_list_tt:eq(" + index + ")").removeClass("on"); } else { console.log("The element does not have the 'on' class."); $(".que_list_tt").removeClass("on"); $(".que_list_tt:eq(" + index + ")").addClass("on"); } //$(".que_list_tt").removeClass("on"); //$(this).closest("li").children('.que_list_tt').show(); }); $(document).on("click",".pqna_search",function(){ let stx = $("#stx").val(); fetchJson(1,stx); }); </script> <footer> <script> window.onload = function(){ const family_site = document.getElementById("family_site"); const family_list = document.getElementById("family_list"); family_site.onmouseover = function () { family_list.style.display = "block"; }; family_site.onmouseout = function () { family_list.style.display = "none"; }; } </script> <div class="family_site" id="family_site"> <span class="family_basic">아이티고 패밀리 사이트</span> <ul class="family_list" id="family_list"> <li><a href="https://codinggo.co.kr/" target="_blank"><em>어린이 코딩 교육</em></a></li> <li><a href="https://statgo.co.kr/" target="_blank"><em>통계 분석 전문 교육</em></a></li> <li><a href="https://macgo.co.kr/" target="_blank"><em>맥 IT전문 교육</em></a></li> </ul> </div> <dl class="condition"> <dt class="hide">아이티고 정책 및 약관</dt> <dd><a href="https://company.itgo.co.kr" target="_blank">회사소개</a></dd> <dd><a href="https://itgo.co.kr/education/sub/privacy_basic.asp">개인정보 취급방침</a></dd> <dd><a href="https://itgo.co.kr/education/sub/term_basic.asp">이용약관</a></dd> </dl> <div class="copyright"> (주)아이티고 / 대표이사 심영기 / 사업자번호 : 135-81-46015 / 통신판매번호 : 제2013-수원팔달-0138호 / 개인정보책임자 : 심영기 / <a href="https://ftc.go.kr/bizCommPop.do?wrkr_no=1358146015&apv_perm_no=1358146015" target="_blank">사업자 정보 확인</a><br> 주소 : 경기도 수원시 팔달구 월드컵로 310, 수원월드컵경기장 4층 (주)아이티고 / TEL : 1599-8517 / FAX : 031-244-1470 / E-mail : webmaster@itgo.co.kr </div> </footer> </body> </html>

[HD]Spring Framework (스프링 프레임워크) 기초 배우기 Part.2담당강사 : 김정일

[HD]Spring Framework (스프링 프레임워크) 기초 배우기 Part.2
담당강사 : 김정일