• 강남아이티아카데미학원자바(JAVA) 웹 개발훈련과정명자바(JAVA) 웹 개발훈련기간2021년 09월 27일 ~ 2021년 11월 16일훈련시간09시 30분 ~ 18시 30분 / 35일 / 8시간, 총 280시간 / 정원20명훈련생지원사항- 교육비 및 교재비 국비지원- 실수강료: 1,844,640- 재직자/일반실업자(30%): 553,400원- 근로장려금 수급자(15%): 276,000원- 취업성공패키지2유형(25%): 461,000원- 취업성공패키지1유형(0%):0원- 훈련수당 지급 : 최고 월 40만원(교통비, 식비 포함)※ 지원자격에 따라 훈련수당은 변동될 수 있으며, 최종연수생 선발전 정확한 수당은 개별 공지합니다.※ 코로나 특별 추가수당지급: 140시간 이상 수업을 듣고 있는 실업자 훈련생 및 140시간 수업중인  교육생 중 재직자인데 무급 휴직자 포함(실업급여, 구직활동지원금, 청년수당등을 지급받는 경우를 제외)※ 훈련장려금은 취업성공패키지 수당과는 별개입니다.- 2,500원->5,000원,최대100,000원 - 3,300원->10,000원 최대200,000- 5,800원->15,000원, 최대 300,000원담당자■ 학습목표1. 자바(Java) 언어의 기본 문법 및 활용방법을 익혀 응용SW프로그래밍을 스스로 코딩하고 웹 개발 분야에 활용할 수 있다.2. JSP를 활용하여 웹서비스를 개발할 수 있다.3. 응용소프트웨어의 애플리케이션 화면을 구현하고, SQL을 활용하여 데이터를 입출력하여 통합구 현을 할 수 있다.■ 본 훈련과정의 특징객체지향 언어 자바를 학습하자!핵심 콕콕, 자바 웹개발과정은 클래스에 대한 학습을 통해 클리스를 이해하고 클래스를 정확하게 사용하는 프로그래밍 학습과정입니다. 또한 프로그래밍의 시작은 자바의 객체지향 프로그래밍의 이해가 곧 개발의 시작입니다. 본 과정을 통하여 자바를 활용, 응용하여 좀 더 객체지향적인 프로그래밍을 학습할 수 있는 과정입니다.프로그램을 개발하는 기법으로 부품에 해당하는 객체들을 먼저 만들고 이것들을 하나씩 조립 및 연결해서 전체 프로그램을 완성하는 기법, 자바는 100% 객체지향 언어입니다. 객체를 만들기 위해 설계도인 클래스를 작성해야 하고 객체와 객체를 연결해 목적에 맞는 프로그램을 만들어 냅니다.자바는 개발자가 직접 메모리에 접근 할 수 없도록 설계되었으며 메모리는 자바가 직접 관리하게 됩니다. 결론은 개발자는 메모리 관리의 수고를 덜고 핵심 기능 코드 작성에 집중할 수 있습니다.자바는 오픈 소스 언어이므로 자바 프로그램에서 사용하는 라이으버리 또한 오픈소스가 많습니다. 고급 기능을 구현하는 코드를 직접 작성할 경우 시간과 노력이 필요하고 실행 안전성을 보장할 수 없지만 검증된 오픈소스 라이브러리를 이용하면 개발기간을 단축할 수 있으며 높은 안정성의 애플리케이션을 개발할 수 있습니다.■ 프로젝트 결과물화면 설계를 하고, 이를 구현한 웹 사이트를 서비스합니다1) 웹 프로그래밍 언어(HTML5, CSS, Javascript)를 활용하여 웹 페이지를 제작합니다.2) 스토리보드와 화면 설계서를 작성함으로써 화면 설계를 이해합니다.3) Java 프로그래밍 언어를 이용하여 웹 사이트를 제작합니다.4) 학습자가 설계한 JSP/서블릿 및 Framework 로 웹 사이트를 제작하여 서비스합니다.■ 필요 교육장비■ 본 훈련과정의 난이도 및 훈련생 취업본 훈련과정은 전공자뿐 아니라 초보자 및 비전공자도 쉽게 참여할 수 있도록 매월 진도협의를 통해 훈련 난이도를 조율합니다.훈련이 진행 중에는 취업지원 전담자를 별도로 지정하여 빅데이터 플랫폼 개발 및 분석 분야의 직무를 이해할 수 있도록 1:1 밀착상담, 훈련생과 상담자 간의 라포형성(공감대 및 친밀감), 취업동향 세미나가 진행되며, 훈련 종료 후에는 이력서 및 자기소개서 컨설팅, 모의면접, 기업분석 특강을 통해 훈련생들이 취업에 성공할 수 있도록 컨설팅을 합니다. 이후 협약기업 및 꾸준히 발굴한 신규 기업으로의 취업 매칭을 통해 수료생들이 만족하는 맞춤형 취업지원이 진행됩니다.자바(JAVA) 웹 개발자 NCS 교과목명학습목표교과목 및 교육내용시수자바 객체지향 프로그래밍의 이해 및 실습자바(Java)기본 문법을 학습하여인터프리터 언어를 이해하고간단한 프로그래밍을 할 수 있다.자바(Java)기본 문법- 자바기본문법- 객체 지향 소프트웨어의 설계- 클래스의 개념과 특성- 자바 클래스 구현- 클래스들 간의 관계 구현- 객체의 개념과 특성- 객체들 간의 관계 구현- 캡슐화 및 정보은닉- 복합객체 및 상속- 추상클래스- 다형성- 컴포넌트70H통합구현화면설계 및  UI 설계(스트리 보드와 화면 설계서를작성함으로써화면 설계를 이해할 수 있다.)- 기획과 계획의 차이, UI 설계 도구 이해, 정보 구조도 제작,              뎁스(Depth) 이해, 웹 화면 구성, 와이어 프레임 제작- 컨테이너 너비, 스크린 크기 이해, 그리드, 스토리 보드 작성   (개정 이력, 화면 설계서와 기능 명세서)-1- UML에서의 클래스 모델링- UML에서의 객체 모델링- 평가40H화면구현HTML5 문법(HTML5 문법을 익히고웹 페이지 구조를 이해할 수 있다)웹 언어인 HTML, CSS, Javascript를 학습한 후웹 페이지 제작- 아톰 패키지 설치, 웹 표준에 관하여, HTML5 태그 작성 문법, meta 요소, 문자 강조, 하이라이팅, 제목 문단, 연락처, 인용문, 목록 작성- 테이블 작성, img 요소, a 요소, 폼 컨트롤, HTML5에 추가된 폼 컨트롤- 웹 페이지 제작 실습으로 이해하는 HTML5 - 1- 웹 페이지 제작 실습으로 이해하는 HTML5 - 248HCSS 문법(CSS 문법을 이해 한 후 웹 페이지에스타일을 적용할 수 있다.)- CSS란?- 스타일 사용 이유?- 스타일 적용, 주석,- CSS 선택자,- 선택자 사용법,- 선택자 우선순위,- 길이와 색상 적용- 폰트 스타일, 텍스트 스타일, 구글 웹폰트 적용, 리스트 스타일, 테두리 스타일, 박스 모델- 배경 스타일, 테이블 스타일, 레이아웃 관련 스타일(프롯 지정과 해제, 포지션 지정)- 웹 페이지 제작 실습으로 이해하는 CSSJavascript 문법(Javascript 문법을 습득한 후동적 처리를 이해할 수 있다.)- Javascript 작성법, 에러 확인, 변수, 입출력 함수, 연산자, 제어문(조건문, 반복문), 함수(내장함수, 사용자 정의 함수), 함수 정의와 호출- 선언적 함수와 익명함수, 중첩 함수, 콜백 함수, 클로저 함수, 변수 종류- DOM, 원하는 요소를 찾아 변경/삭제/추가 수행, 이벤트, jQuery란?, jQuery CDN- jQuery 함수- 평가- Query 함수웹언어 활용(웹 언어를 활용하여개인 프로젝트의웹 페이지를 제작할 수 있다.)- 반응형 웹 제작하기, 개인 프로젝트- 웹 사이트 제작 실습 - 1, 개인 프로젝트- 웹 사이트 제작 실습 - 2, 개인 프로젝트- 웹 사이트 제작 실습 - 3, 개인 프로젝트- 리팩토링, 크로스 브라우징, 웹호스팅과 FTP 사용, 개인 프로젝트- Javascript 변수 이해, 객체, 얕은 복사와 깊은 복사,                     LexicalEnvironment, this, 개인 프로젝트- 콜백 함수, 클로저, 호이스팅, 개인 프로젝트- 평가, 개인 프로젝트데이터 입출력 구현DBMS 이해와 활용(DBMS의 기본 용어 습득과SQL 활용을 통해DBMS를 이해할 수 있다.)- MySQL 설치, DBMS와 DB 이해, 테이블/튜플/컬럼 등의 용어,   키 종류, DB 구축 단계, SQL(정의어, 조작어, 제어어), CMD에서   DB 접속, 주석- DB 및 테이블 목록 확인, 테이블 구조 확인, ERD, DML,   select절의 산술 연산자, distinct, where절 조건에 사용하는   연산자, 정렬- 함수(숫자, 문자열, 날짜, 그룹), 조인, 서브 쿼리, DDL,   테이블 생성, 자료형, 제약 조건, alter, drop, rename- DML - insert/update/delete, DCL - rollback/commit/grant/revoke,      DBMS 아키텍처- view, truncate, MySQL에서 ERD 작성, 평가48HJSP 이해 및 실습JSP의MVT패턴 이해(오픈 소스 웹 프레임워크인     Framework의     패턴을 이해하고     활용하여 웹사이트를 제작할 수 있다.)최종 프로젝트JSP 특징JSP 동작원리와 서블릿 JSP 기초 문법JSP의 지시자와 태그 JSP의 내장 객체-request, response, out 내부 객체 - session, application, pageContext 내부 객체 JSP 응용기술세션(session)과 쿠키(cookie) JSP & 서블릿 실전 프로그래밍표현언어(EL)와 JSTL(JSP Standard TagLibrary)- 웹 사이트 제작 실습(1) - 최종 팀 or 개인별 프로젝트- 팀 or 개인별 발표(프로젝트 평가)70H재량교과취업특강취업특강(이력서, 프로젝트 발됴등)4H■ 강남아이티아카데미 취업지원■ 수료 후 진출분야· Java 기반 시스템 개발 및 유지보수 분야· 웹개발 솔루션 유지보수· 프로그래밍 엔지니어· 웹사이트 개발 및 유지보수=====================================  강남아이티아카데미학원홈페이지 : http://gnitac.co.kr전자우편 : gangnamitac@naver.comTel: 02-6952-0717 Fax: 02-6952-0718 담당자:  임 호연 ===================================== 
    2021.09.14 16:26:49
    • 0
      답변수
    • 0
      반응수
    • 1.9k
      조회수
    • 0
      투표
  • 가는편과 오는편 달력 두개를 연동하는 코드인데요, ( 그냥 달력 두개 연동 )가는편에서 월 이동시 오는편달력도 가는편 월과 동일한 월로 같이 이동하도록 설정한코드입니다질문1 : 오는편 달력에서 현재 오는편달력의 년/월 이전으로        이동불가하게 하려면 어떻게 해야할까요onChangeMonthYear:function(year,month,evnt)//왼쪽이나 오른쪽버튼을 눌렀을때 호출되는 콜백함수{ //2. 좌측 달력의 ‘월“ 과 우측 달력의 ’월‘ 은 동일하게 움직이도록 처리           var day2 = $("#godate").datepicker('getDate'); day2.setMonth(month-1); day2.setFullYear(year); $('#backdate').datepicker('setDate', day2) ... <div id="godate" style="display:inline-block"></div> // 가는편달력<div id="backdate" style="display:inline-block"></div> // 오는편달력 minDate 옵션값으로 현재 이동된 가는편 년/월 값을 변수에 저장해서 적용하면 간단히 될텐데그걸 코드로 구현하는게 이리저리 해봐도 안되네요 =============================== 두번째로 가는편에서 날짜를 선택하면 오는편 minDate 값으로 가는편에서 선택한 날짜를 지정해서가는편에서 선택한 날짜 이전으로 이동불가되도록 코드가 짜여졌는데 다시 가는편 월을 미래 월로 이동하면 오는편도 같이 잘 움직이는데, 문제는 가는편 월을 이전 월로이동하면 그때는 최초 가는편에서 선택했던 값이 오는편 minDate 값으로 지정되어서 오는편 월이 가는편 월과 같이 이동하지 않아요  질문2 :가는편에서 날짜 선택 후 다시 이동할 때 선택시 오는편 minDate 값을 입력된 값을       초기화시키려면 어떻게 해야 할까요   ============= 아래 코드는 전체 코드 입니다 ==============  <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <meta name="viewport" content="wideadLineh=device-wideadLineh, initial-scale=1">  <link rel="stylesheet" href="jquery-ui.min.css">  <script src="jquery-3.1.1.min.js"></script>  <script src="jquery-ui.min.js"></script>    <script>/* ★ 설정숙제1. 가는편 선택 후 다시 월 이동시 오는편 minDate 선택값 도 초기화되어  원래대로 가는편 월과 동일한 월로 같이 이동2. 가는편 월 이동시 오는편 월은 현재 이동된 가는편 월 이전으로 이동불가 */var deadLine = new Date(),    y = deadLine.getFullYear(),    m = deadLine.getMonth()+1,    d = deadLine.getDate(),    h = deadLine.getHours(),    M = deadLine.getMinutes(); if(h >= 16 && M >= 30 ) d++;deadLine = y + "-" + m + "-" + d; $(function()  {     // 분 단위로 minDate 제어  - 16:30 지나면 minDate 일 단위에 하루 플러스 하여 선택불가 만들기    $( "#godate" ).datepicker({   // http://blog.naver.com/wizardkyn/220661505153      minDate: deadLine  //1. 좌측 달력 날짜의 최초 값은 기본 기능에 나와 있듯 “오늘” 날짜이며, 오늘 날짜 이전으로 월 & 일 이동 불가              //minDate 옵션 설정      ,dayNamesMin: [ "일", "월", "화", "수", "목", "금", "토"] //달력 한글화(요일)      ,monthNames: [ "1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월" ]//달력 한글화(월)        ,yearSuffix:"년"        ,showMonthAfterYear:true        ,nextText:"다음달"        ,prevText:"이전달"        ,dateFormat:"yy-mm-dd"      ,onSelect: function(selected,evnt)      {         //3. 좌측 달력에서 날짜를 선택하면 우측 달력은 좌측 달력에서 선택된 날짜 이전으로 월 & 일 이동 불가         var day = $("#godate").datepicker('getDate');         $('#backdate').datepicker('option','minDate', day);//오른쪽달력 minDate 옵션으로 왼쪽달력의 선택된 날짜를 지정      }      ,onChangeMonthYear:function(year,month,evnt)//왼쪽이나 오른쪽버튼을 눌렀을때 호출되는 콜백함수      {         //2. 좌측 달력의 ‘월“ 과 우측 달력의 ’월‘ 은 동일하게 움직이도록 처리            var day2 = $("#godate").datepicker('getDate');         day2.setMonth(month-1);         day2.setFullYear(year);         $('#backdate').datepicker('setDate', day2)       }   });   $( "#backdate" ).datepicker({         minDate: deadLine      ,dayNamesMin: [ "일", "월", "화", "수", "목", "금", "토"]//달력 한글화(요일)      ,monthNames: [ "1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월" ]//달력 한글화(월)        ,yearSuffix:"년"        ,showMonthAfterYear:true        ,nextText:"다음달"        ,prevText:"이전달"        ,dateFormat:"yy-mm-dd"   });     });      </script></head>  <body> <div id="godate" style="display:inline-block"></div><div id="backdate" style="display:inline-block"></div>     </body></html>
    2017.03.19 21:05:46
    • 0
      답변수
    • 1
      반응수
    • 3.9k
      조회수
    • 1
      투표
  • 다음과 같은 HTML부분이 있습니다.<div class="pic-menu col-sm-6" >    <a href="#" class="thumbnail">        <p style="margin:auto">            <button type="button" class="btn btn-default btn-sm">                <span class="glyphicon glyphicon-minus"></span> Minus             </button>             <span class="mprice">4000원</span>             <button type="button" class="btn btn-default btn-sm">                <span class="glyphicon glyphicon-plus"></span> Plus             </button>         </p>         <img src="/resources/images/zzamsang/myeon-oldzzajang.jpg" alt="면류-옛날짜장" data-val="4000">    </a></div>----------------------------------------------------------------------------------------------------------------------------------------위 HTML부분에서 빨간색 글자로 쓰여진 '4000원'의 값을 가져오는 jQuery 코드는 어떻게 될까요?[ 제한 사항 ]<span class="mprice">4000원</span>에서...class="mprice"처럼 클래스를 사용하지 않고 id를 사용하면 좋겠습니다만...위와 같은 규칙으로 그림들이 수십개 나열되기 때문에...클래스를 사용해야 합니다.============================================================================참고로파란색 글자로 쓰여진 "면류-옛날짜장"를 가져오는 자바스크립트는 다음과 같습니다.<script>    var orderList;    var orderCount=0;    $(document).ready(function(){       $("#flip").click(function(){       /* var flipPos = $("#flip").offset();       $("#panel").offset({top:flipPos.top+20,left:flipPos.left}); */          $("#panel").slideToggle("slow");      });       $(".thumbnail img").click(function(event){       event.preventDefault();       /* alert(this.alt);       alert(this.data-val); */       /* alert(event.target.nodeName); */       /* alert(this.nodeName); */       /* alert($("#panel").html()); */        orderCount = orderCount + 1;       $('#zumun .badge').text(orderCount);       orderList = $("#panel").html() + this.alt + "<br>";          $("#panel").html(orderList);          /* console.log($('~ p .mprice', this).html()); */      });  });</script>$(".thumbnail img").click(function(event){} <---$(".thumbnail img")를 클릭시 이벤트가 발생하도록 했는데요.다른 방도는 없을까요? HTML에서 이미지 부분을 클릭시 이벤트가 발생해야 하는 것은 맞습니다.그렇지만 4000원의 값을 가져오기 위해서는 다른 방도를 찾아야 하는 것은 아닌가 해서요.
    2016.10.11 08:24:44
    • 3
      답변수
    • 5
      반응수
    • 6.8k
      조회수
    • 2
      투표
  • 자바스크립트에서 getElementById("ID") 로 DOM 내 특정 요소가 유효한지를 확인할 수 있었는데요.위와 동일하게 jquery에서 $("#ID) 로 확인하게 되면 무조건 유효하다고 결과를 주고 있습니다.다른방법으로 DOM 내 특정 요소에 대한 존재 유무를 확인해야 하나요?
    2016.05.30 12:48:37
    • 1
      답변수
    • 2
      반응수
    • 3.3k
      조회수
    • 0
      투표
  • jquery 에서 '2016-01-02 00' 일자의 23시간 이후인 '2016-01-02 23' 를 구하고 싶습니다.특정 일자의 23시간 이후임으로 '2016-01-02 15' 인 경우에는 '2016-01-03 14' 가 되어야 합니다.도움 부탁드립니다..
    2016.05.20 15:39:17
    • 2
      답변수
    • 2
      반응수
    • 3k
      조회수
    • 0
      투표