본문 바로가기

CSS, Javascript, jQuery/information

 (23)
javascript method Javascript는 모든 범위를 포함하는 영역을 제공하며 이를 전역이라 한다. 전역 범위에서 만들어진 변수는 전역변수 범위는 프로그래머 임의로 만들어 낼 수 있다 이렇게 만들어진 범위를 지역 범위라 한다. 지역 범위에서 만들어진 변수는 지역변수 전역 범위에서 만들어진 변수는 전역변수 범위는 n개가 될 수 있고, 전역이 지역을 포함하듯 지역은 다른 지역을 몇 번이라도 포함할 수 있다. javascript에선 지역 범위는 함수로 만들어지며 함수의 호출, 반환과 함께 생성되고 소멸된다. javascript에서 변수를 만드는 지시어 var는 생략될 수 있다. 그럴 경우 변수는 전역 공간에 생성된다. append() -새로운 노드나 내용을 요소 뒤에 추가로 붙여 쓴다. -$(".conteiner").append..
jQuery selector 제이쿼리에서 제공하는 traversing 메소드를 이용하면 더 많은 요소를 선택할 수 있다. 1)위치기반 셀렉터 2)상태필터 셀렉터 3)확장집합을 관리하는 셀렉터 4)위치적 관계기반 셀렉터 eq() selector element que 즉, 선택한 요소의 인덱스 번호를 활용하여 해당번째 요소를 선택한다. parent() selector $("span").parent().css() span 태그의 직계부모요소를 선택하여 해당 css 스타일을 적용한다. parents() selector $("span").parents().css() span 태그의 조상요소를 선택하여 해당 css 스타일을 적용한다. parentsUntil() selector $("span").parentsUntil("div").css() s..
jQuery 객체 생성 전역객체 window window 객체는 모든 객체가 소속된 객체이고, 전역객체이면서, 창이나 프레임을 의미한다. DOM : 웹페이지에 있는 문서(태그,등을 제어한다. BOM : 현재 이 웹브라우저가 가리키는 URL이나, 경고창을 띄우는 등의 window 객체의 프로퍼티에 저장되어 있다. JavaScriptCore : 자바스크립트라는 언어를 통해서 브라우저나 , node.js, 구글스프레시트 등의 다양한 호스트 환경 즉, 서버를 제어할 수 있다. 그 호스트 환경이 무엇이든 간에 공통으로 사용할 수 있다. 마우스휠 이벤트를 사용하기 위해서는 해당 플러그인이 제공하는 호출 구문을 사용해야 한다. $("선택자").on("mousewheel",function(event, delta){ if(delta>0){ 마..
jQuery 메서드 jQuery addclass() addclass()는 선택한 요소에 하나 이상의 클래스 이름을 추가해 기존 클래스 속성을 제거하지 않고 클래스 속성에 하나 이상의 클래스 이름만 추가한다. jQuery removeclass() removeclass()는 선택한 요소에서 하나 이상의 클래스 이름을 제거한다. *참고: 매개변수를 지정하지 않으면 이 메서드는 선택한 요소에서 모든 클래스 이름을 제거한다. jQuery toggleclass() toggleclass()는 선택한 요소에서 하나 이사의 클래스 이름 추가 및 제거 사이를 전환한다. 이 메서드는 지정된 클래스 이름에 대해 각 요소를 확인해 클래스 이름이 누락된 경우 추가되고 이미 설정된 경우에는 제거된다. 이런식의 토글 효과를 생성한다. 하지만 "swit..
javascript란 자바와 별개의 언어이기에 자바의 배열과 달리 같은 타입이 아니여도 담을수 있고 주소값을 따로 부여하진않는다. 변수의 데이터 타입 자바스크립트에서는 처음 들어간 값으로 변수의 데이터 타입이 셋팅이 된다. 자바와 달리 문자 하나든 여러개든 똑같이 문자형이고, 정수와 실수를 구분하지 않고 모두 숫자형이라고 부른다. 변수 선언 위치를 확인해서 쓰고자하는 변수를 외부에서 쓰려고하는건 아닌지 확인해야한다. 신기하게도 var 변수명에서 var 키워드를 지우면 전역변수가 된다.
jQuery 사용법 JQuery Home jQuery는 JavaScript 프로그래밍을 크게 단순화시키는 라이브러리이며 배우기 쉽다. JQuery Intro jQuery의 목적은 웹 사이트에서 JavaScrpt를 훨씬 쉽게 사용할 수 있도록 하는것이다. jQuery란 "적게 작성하고 더 많이 수행"하는 JavaScript 라이브러리이다. 수행하는데 많은 JavaScript 코드가 필요한 많은 일반적인 작업을 수행하고 한 줄의 코드로 호출할 수 있는 메서드로 래핑한다. 또한 AJAX 호출 및 DOM 조작과 같은 JavaScript의 많은 복잡한 작업을 단순화시킨다. JQuery Get Started 웹 사이트에서 jQuery를 사용하는 방법에는 여러가지가 있다. jQuery.com에서 jQuery 라이브러리 다운로드 Goog..
javascript & jQuery javascript 자바와 자바스크립트는 다름 JavaScript는 넷스케이프와 썬 마이크로시스템즈에서 공동으로 수행한 프로젝트에서 개발한 클라이언트용 언어이다. Java는 1995년에 썬 마이크로시스템즈의 제임즈 고슬링과 다른 연구원들이 개발한 객체지향적 프로그래밍 언어이다. 브라우저에서 실행 -기본적으로 브라우저에서 실행 -브라우제 내장된 자바스크립트 엔진에 의한 코드 해석 라는 태그안에 기술하고 위치는 자유롭게 쓸수있다. body 태그 안일수도 head태그 안일수도 head 안쪽이라면 스크립트를 먼저 동작시키고 스타일이 동작된다. 많은 차이가 있진않다. 자바스크립트로 할 수 있는 일들 html의 구조를 바꿀수도 있고, 이미지를 바꿀수도 있고 요소의 스타일을 바꿀수도있고 유효성 검증하는 코드를 넣을수..
반응형 웹 디자인 가상 선택자의 기본 속성은 inline 속성이므로 사이즈를 주려면 display 속성값을 변경한다. Css responsive 반응형 웹 디자인은 웹 페이지가 모든 장치에서 잘 보이도록 만든다. 반응형 웹 디자인은 HTML과 CSS만 사용한다. 반응형 웹 디자인은 프로그램이나 JavaScript가 아닌다. 모든 사용자를 위한 최고의 경험을 위한 디자인 웹 페이지는 데스크톱, 태블릿, 휴대폰 등 다양한 장치를 사용하여 볼 수 있다. 웹 페이지는 보기에 좋아야 하고 장치에 관계없이 사용하기 쉬워야 한다. 웹 페이지는 더 작은 장치에 맞게 정보를 생략해서는 안되며, 오히려 모든 장치에 맞게 내용을 조정해야 한다. CSS와 HTML을 사용하여 콘텐츠의 크기를 조정, 숨기기, 축소, 확대 또는 이동하여 모든 화면..

티스토리툴바