![]()
1. 문제 문제3 다음 2개의 그림 중 선택한 후 복사 될 수 있도록 구현하여라 2개의 그림 중 선택하시오. 복사되는 공간 초기화 2. tab_menu Home JavaScript+ Cookies Events Forms Games Images Navigations+ CSS JavaScript JQuery Tabs Tutorials+ HTML CSS JavaScript Java+ JSP JSF JPA Contact Contact Upload script 3. 회원가입 회원가입 이메일 인증 성공 간단한 정보 입력으로 가입을 완료하세요. 이용약관 확인 및 동의 개인정보 수집 및 이용에 동의(필수) 수집항목 : 이름, 휴대전화번호, 생년월일, 비밀번호 수집·이용목적 : 회원제 서비스 제공 보유 및 이용기간 : ..
@문서 객체 내부의 확인 -> innerHTML @@ html() 메서드 -> 객체 내부의 글자와 관련된 기능 수행 -> 내부에 태그가 있다면 태그까지 가져옴 @@ text() 메서드 -> 객체 내부의 글자와 관련된 기능 수행 -> 내부에 있는 글자만 가져옴 @ 문서 객체의 제거 @@remove() 메서드 -> 특정 문서 객체를 제거함 @@empty() 메서드 -> 특정 문서의 후손을 모두 제거함 @문서 객체에 문서 객체를 추가하는 메서드 @@$(A).appendTo(B) ->A를 B의 바로 뒷부분에 추가 @@$(A).prependTo(B) ->A를 B의 바로 앞부분에 추가 @@$(A).insertAfter(B) ->A를 B의 뒤에 추가 @@$(A).insertBefore(B) ->A를 B의 앞에 추가 ..
![]()
@객체 -> 자바스크립트에서도 객체를 선언해서 사용할 수 있음 @객체 선언 및 호출 -> 객체는 키 값을 사용하여 속성(멤버 변수) 식별 -> 객체 생성 시 중괄호 사용-> { } -> 객체 접근시 대괄호[ ] 또는.으로 요소 값에 접근 -> 속성에 모든 자료형이 올 수 있음, 함수인 자료형도 가능 -> 객체 내에서 자신의 속성을 호출할 때 반드시 this 키워드 사용 ##선언 방법 var 변수명(객체명) = {key1:value,key2:value2,key3:value3 ## 속성값 접근 ## 변수명['key'] 변수명. key @BOM -> Browser Object Model의 약자로 브라우저 객체 모델 -> 브라우저 정보, URL 정보, 모니터 화면정보 등을 취득하거나 제어할 수 있는 객체 -> ..
@배열 -> 다양한 타입의 데이터를 보관하는 변수의 모음 Java의 배열 int [] arr =[1,2,3,4,5]; String [] arr1 = ["abc", "Hello", "test"]; JavaScript 배열 var arr = [1,2, "Hi", [1,2,3]] @배열의 선언 ->비어있는 배열 선언하는 법 var arr =[ ]; var arr = new Array( ); var arr = new Array(5); (크기를 지정해주고 싶을 때) @배열의 값 대입 ->var arr = new Array(); arr [0]=1; arr [3]=10; @Array 객체 함수 indexOf("값") :배열에서 해당 값이 위치하는 인덱스를 리턴(없는 값 -1) concat(배 열명) :배열을 결합할 ..
@JQuery -> 존 레식에 의해 만들어진 JavaScript 프레임워크 -> 기본의 JavaScript를 사용하는 방법보다 훨씬 단순하고 간결한 코드 형태를 제공 #JQuery 가장 큰 특징 1. DOM과 관련된 처리를 쉽게 구현 가능 2. 일관된 이벤트 연결을 쉽게 구현 3. 시각적 효과를 쉽게 구현 가능 4. Ajax 애플리케이션을 쉽게 개발 가능 @jQuery 사용법 1.CDN방식 : 온라인으로 js파일을 불러와서 실행 2. 파일 다운로드 후 연결 https://code.jquery.com innerHTML -> html() -> html('aaaa'); value -> val() -> val('aaa'); @선택자 @@기본선택자 $('선택자') 1. 전체 선택자 -> *$("*") 2. Ele..
반응형 웹 -> 사용자의 화면에 따라서 화면이 다르게 표현되는 웹 가로길이 -> 1200 1280px -> pc브라우저 기준 과거에는 데스크탑 웹브라우저 기준으로 페이즈를 제작해도 문제가 없었음 스마트폰, 태블릿, SMART TV 등 다양한 기기로 페이지를 접속 반응형 웹의 장점 1. 사이트를 하나 만들면 접속하는 기기와 상관없이 모두 사용 가능 www.naver.com m.naver.com 2. 스마트폰 가로모드에 맞춰 레이아웃 변경 가능 3. 사이트 유지 관리 용이 -> HTML , CSS 를 사용하기 때문에 서버 쪽 코드가 없어서 유지관리가 쉬움 -> CSS3기술을 사용하는 경우 하위 버전브라우저에서는 지원이 안됨 @미디어 쿼리 -> 홈페이지 사용자의 브라우저 크기를 측정하여 크기변화가 발생한 경우..
