일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- https://minkwon4.tistory.com/161
- https://tecoble.techcourse.co.kr/post/2021-08-07-logback-tutorial/
- 국회의원 & 높으신 분들 어록
- Today
- Total
목록java/Java script & jQuery (17)
OPEN between Secret
스프링이란?-> 자바 엔터프라이즈 애플리케이션 개발에 사용되는 애플리케이션 프레임워크다. - 애플리케이션 프레임워크 - ->개발을 쉽고 빠르게 하기 위해 애플리케이션의 바탕이 되는 틀과 고통 프로그래밍 모델, 기술 API 등을 제공 1.1 초난감 DAO DAO 란 (Data Access Object)=> DB를 사용해 데이터를 조회하거나 조작하는 기능을 전담하도록 만든 오브젝트 JavaBean=> default 생성자-> 파라미터가 없는 default 생성자를 갖고 있어야 한다. property->자바빈이 노출하는 이름을 가진 속성을 property라고 한다. setter와 getter를 말함. 리팩토링=> 기존의 코드를 위부의 동작방식에는 변화없이 내구 구조를 변경, 재구성 하는것. 코드 내부가 개선되..
Ajax-> 프래그래밍 언어를 지칭하는것도, jQuery같이 프레임워크를 지칭하는것도 아니고구현하는 방식을 얘기하는것이다. 데이터 전송 형식 - CSV , xml, json-> 서버와 클라이언트가 데이터를 주고 받을 때는 형식을 맞춰야 하는데 그런 형식들이 CSV, xml, json 이다. CSV-> 각 항목을 ,로 구분해서 데이터를 포현하는 방법 장점 : 다른형식에 비해 짧다, 많은 양의 데이터 전송에 유리 단점 : 가독성이 떨어진다. CSV 방식은 split() 메소드로 분리해서 사용한다.ex) XML HTML 처럼 태그로 데이터를 표현 함하지만 닫는 태그와 여는 태그등 쓸데 없이 용량 차지하는 문제가 있음ex)예제를 위해 만드는 것김창근세림180Hi everyone hahakimchangunKong..
( 1 ) 이벤트 기본 연결1)$(selector).on(eventName, function(event) {} )2)$(selector).on(object) ex) Header-0Header-1Header-2 ----------> h1 태그에 클릭 하면 +가 추가되고 위에 올려놓으면 색이 반전되도록 하는것 ( 2 ) 매개변수 context -----> this 가 있기 때문에 선택한 'div'에 대해서만 내용이 저장된다? 출처 : 모던 웹을 위한 javascript + jquery 입문
jQuery 메서드 ( 1 ) addClass() ->문서 객체의 클래스 속성을 추가한다. a. item - 0item - 1item - 2item - 3item - 4 ---> 이렇게 하고 돌려보면 태그 안에 class 가 추가되어 있다. b. ---> 이런 방법도 가능 ( 2 ) removeClass() -> 문서 객체의 클래스 속성을 제거한다.a. item - 0item - 1item - 2 ( 3 ) attr() --> 속성과 관련된 모든 기능을 수행 1) 속성 값을 알고 싶을때var src = $('img').attr('src');--> src 변수에 img의 src의 값을 알아낸다 2) 속성을 추가 할때 $(selector).attr(name,value);$(selector).attr(name..
기본 내장 객체!! 1. 기본 자료형과 객체의 차이 var primitiveNumber = 23var objectNumber = new number(23) primitiveNumber는 일반 숫자를 사용했으므로 기본자료형이고objectNumber는 생성자 함수를 사용했으므로 객체 입니다. 원래 객체만 속성과 메소드를 가질수 있는데 기본자료형도 똑같은 속성과 메소드를 보여준다.이건 기본자료형의 속성이나 메소드를 사용하면 그건 자동으로 객체가 된다고 한다. 단 기본자료형은 속성과 메소드를 추가해줄수 없다. 2. Object 객체자바 스크립트의 최상위 객체!{};, new Object(); 로 생성 가능7개의 메소드가 있다. 3. Number 객체자바 스크립트에서 가장 단순한 객체숫자 표현시 사용한다. 4. ..
자바스크립트에서 배열과 객체배열은var array = ['사과' , ' 바나나', ' 딸기', '배']; 로 만들수 있고객체는var array = {제품명: '나는',나이: '스물일곱이고',사는곳: '대전에서 자취중',};이렇게 만든다. 배열 은 '인덱스' '요소'객체 는 '키' '속성'으로 불리운다. ------------------------------------------------------------- var array = {제품명: '나는',나이: '스물일곱이고',사는곳: '대전에서 자취중',}; ** 객체 관련 키워드 * in 키워드-> in 키워드는 해당 키가 객체 안에 있는지 확인 가능ex) output += "'제품명' in array: " + ('이름' in array); alert(..
* 가변인자함수 (p127~129)- 매개변수가 변할수 있는 함수 ?test()를 매개변수 없이 생성하고 test()를 호출할때test(1,2,3,4,5,6)처럼 여러 매개변수를 갖고 호출을 하면생성한 test() 안에서 이 값들을 불러올때 arguments로 불러 올수가 있다.ex) arguments.length? 같은 거로 불러 올수가 있음. * 리턴값 (p130~131)?? * 내부함수(p132~p135)개발을 여러사람이 할때 함수 이름이 겹칠수 있는데 이걸 방지하기 위한것 이런 식으로 함수 안에서 불러서 쓰면 square를 겹치지 않게 쓸수 있다. * 콜백 함수 (P.136~P.137)함수도 하나의 자료형이므로 매개변수로 전달할 수 있다.?ex)- 솔직히 아직 잘 이해가 안간다 * 클로저 (P13..
--------------------------------------------------function ractangle(){} 로 함수를 하나 만들면 ractangle.prototype이 만들어 지게 된다. 그래서var obj = new ractangle() 을 하면 obj 가 가리키는게 ractangl()이 아니라 ractangle.prototype을 가르키게 된다.만약 var obj2 = new ractangle()을 해도 obj2 도 ractangl()을 가리키는게 아니라 ractangle.prototype을 가르키게 된다.즉, 위에 예문에서 보면 function player() 안에 this.display 라는 함수가 있는데 객체를 만들떄마다 똑같은 함수가 2개나 만들어 지게 된다. 그럼 메모..
Cross-Platform(One Source Multi-Use) -> html5, dvice 에 상관없이 웹페이지의 크기??? 가 상관없이 보여주기 위한 것. jquery 엮고 -> css - > js 순으로 엮으면 된다. 대화상자 - 모달(model) : 대화상자가 띄워지면 대화상자를 종료하지 않는한 다른 윈도우에 접근불가 - 모달리스(modaless): 대화상자가 띄워져도 다른 윈도우에 접근가능 jQuery mobile 에선 Framework 이 단어가 중요하다 ??이거 추가해 주면 됨. data-role 이라는게 jQuery cdn - > 하위 서버 ?? : block(줄바꿈) : inline0