1. groupid와 artifactid의 의미 - (1) groupid : 현재 이 프로젝트를 수행하는 조직 또는 회사를 의미한다. - + 값으로는 해당 조직 / 회사의 고유한 도메인 명을 거꾸로 만든 이름을 사용한다. - + ex. naver.com --- > com.naver - + ex. kakao.com --- > com.kakao - (2) artifactid : 프로젝트의 이름 ( 이 프로젝트로 만들어지는 산출물의 이름 ) 2. Maven( 메이븐 )의 주요 디렉터리 - 1 ) src/main/java : 자바 소스 파일이 위치한 곳이다. ( CLASSPATH에 포함된다. ) - 2 ) src/main/resources : 프로퍼티 / XML 등 리소스 파일이 위치. ( CLASSPATH에 ..
[ 1. XHR 1 ] (****) [ 2. XHR 2 ] (****) [ 3. ajax - load( ) 메소드 (복습) ] sample01 NEWS1 NEWS2 [ 4. serialize / param ( ) 메소드 - 복습 ] 복습 - serialize / parm 1. name: 2. age: [ 5. ajax 라이프 사이클 ] (****) ajax 라이프 사이클(***) [ 6. $.get 메소드 - get 방식으로 자원 요청 ] (****) $.get [ 7. $.getJSON 메소드 - get 방식으로 json 파일을 가지고 온다. ] (******) $.getJSON [ 8. $.getScript 메소드 - get 방식으로 Script 파일을 가지고 온다. ] $.getScript [ 9...
1. $.ajax( ) 메소드 (*****) - $.ajax ( { - 1 ) url : “ 전송페이지 ( 데이터 전송 및 요청할 외부 주소를 의미 ) “, - 2 ) type : “ 전송 방식 ( get / post 방식 ) “, - 3 ) data : “ 전송할 데이터 “, - 4 ) dataType : “ 요청한 데이터 형식 ( 전송받을 데이터 형식, data와 다르다. ) “, - 5 ) success : function(data) { ( 전송에 성공했을 때의 코드 ) }, - 6 ) error : function( ) { ( 전송에 실패했을 때의 코드 ) } - } ); - + dataType은 서버에서 받아올 데이터 형식을 지정하는 것으로, 데이터가 HTML일 경우에는 “html”, XML일 ..
[ 1. hover 메소드 ( onmouseover + onmouseout ) ] (**) Mouse Over / Mouse Out 내용1 Hover 내용2 [ 2. mouseout과 mouseleave 이벤트 메소드 ] mouseout 내용1 내용2 내용3 mouseleave 내용4 내용5 내용6 [ 3. mousemove 이벤트 메소드 ] (***) mousemove X : 0px Y : 0px [ 4. onscroll ] (*) scrollTop : 0px scrollLeft : 0px [ 5. 제이쿼리 이벤트 - focusin / focusout ] (***) focus / blur ID PW focusin / focusout ID PW [ 6. data( ) 메소드 ] 버튼1 버튼2 [ 7. o..
1. 자바스크립트로 이벤트 처리 방법 - 첫번째 방법 : - Const button = document.queryselector(“#A”); - button.onclick = function( ){ … }; - 두번째 방법 : - Const button = document.queryselector(“#A”); - button.addEventListener(이벤트 유형, 이벤트 헨들러 ); - button.addEventListener(‘click’, function( ) { … } ); - button.addEventListener(‘click’, ( ) => { … } ); 2. 제이쿼리로 이벤트 처리 방법 - $(“이벤트 대상 선택”).이벤트등록메소드(function( ) { … } ); - $(“#..
[ 1. 객체 편집 메소드 - before / insertBefore / after / insertAfter ] (***) 내용1 내용2 내용3 [ 2. 객체 편집 메소드 2 - append / prepend ( 자식관계로 추가 ) ] (***) 리스트 [ 3. 객체 편집 메소드 3 - clone / remove / empty ] (**) 내용1 1 ) p태그의 자식태그 (인라인 요소) 내용2 내용3 내용4 내용5 내용6 [ 4. 객체 편집 메소드 4 - replace ] (***) 제목1 내용1 내용2 제목2 내용3 내용4 [ 5. 객체 편집 메소드 5 - wrap / unwrap ] (****) 객체 조작 및 생성 TEST - 제목 태그 내에 문단 태그를 생성할 수 있다. TEST2 - 제목 태그 내..
[ 1. 클래스 메소드 ] (***) 내용2 내용2 내용3 내용4 내용5 [ 2. prop 메소드 ] 객체 조작 및 생성 이름 아이디 [ 3. 수치조작 메소드 ] 수치 조작 메소드 내용1 내용2 [ 4. 객체 편집 메소드 ] (***) 박스 절대 top위칫값 : 상대 top위칫값 : [ 5. 위치 메소드 ] (****) 위치 메소드 [ 6. 조별과제 - 스크롤바 자동으로 내리기 ] (**) [ 7. 조별과제 2 - 프로그래스 바 생성 ] (****)
KH 70일차 - 제이쿼리 ( 선택자 / 메소드 ) (*****)
[ 1. 구조적 가상 클래스 선택자 ] 탐색 선택자 내용1-1(인덱스번호0) 내용1-2(인덱스번호1) 내용1-3(인덱스번호2) 내용1-4(인덱스번호3) 내용2-1 [ 2. 배열순회 메소드 ] 내용1-1 내용1-2 내용1-3 내용2-1 내용2-2 내용2-3 [ 3. $.map( ) / $.grep( ) 메소드 ] (***) [ 4. 배열 메소드 - inArray( ) / isArray( ) / $.merge( ) ] [ 5. 배열 메소드2 - $( 요소 선택).index( $( 지정한 요소 선택) ) ] 배열관련 메소드 내용1 내용2 내용3 내용4 [ 6. 선택자 - .val( ) ] (*) 내용1 내용2 내용3 옵션1 옵션2 옵션3 독서 자전거 등산 남성 여성 [ 7. find 메소드와 filter 메소..
1. 제이쿼리 - 2006년에 출시된 자바스크립트 라이브러리 - 오픈소스로 제공되어 무료로 사용할 수 있으며, 주로 문서조작에 사용한다. - 자바스크립트 코드 형식을 좀 더 직관적으로 이해할 수 있도록, 짧고 단순한 코드 형태로 변형하여 제공한다. - 웹에서 제공하는 제이쿼리 라이브러리에 접속하여 제이쿼리를 사용할 수 있다. - + script 태그 내에서 src 속성으로 해당 URL을 작성하면, 사용할 수 있다. - + 자바스크립트 라이브러리 사용하는 방식 ( 2가지 ) - + 1 ) 다운로드 방식 - + 2 ) CDN : Content-Delivery Network ( 원격 .js파일을 직접 링크해서 사용 ) (***) 2. 제이쿼리 – 선택자 - 선택한 요소에 지정한 스타일 / 속성을 적용한다. -..