목록2018/01 (97)
코드랩 레퍼런스
배열 배열은 여러개의 데이터를 순차적으로 저장하는 저장소입니다. var 변수명 = [값 1, 값 2, 값 3.....]; Sample1 배열 선언 300 100 200 ... Sample2 배열 선언과 동시에 초기화하기 600 100 200 300 ... Sample2 배열의 크기 구하기 5 ... Sample2 for문을 이용한 배열의 합 구하기 5500 ... Share
변수는 하나의 데이터를 처리하는 저장소 역할을 합니다. 변수는 프로그램을 작성하는 데 가장중요한 요소이므로 선언하는 방법과 이름 짓는 방법에 대해서 알아보도록 하겠습니다. 변수의 선언 var 변수명 = 값; Sample1 변수 10 200 javascript 210 2000 변수의 종류 변수는 사용 가능 범위에 따라 4가지로 구분됩니다. 지역 변수 : 특정 범위 안에서만 사용하는 경우 전역 변수 : 모든 영역 안에서 사용하는 경우 매개변수(파라미터) : 함수 외부에서 함수 내부로 데이터를 전달하기 위해 사용하는 경우 멤버변수(프로퍼티) : 클래스 내부에 만들어지며 주로 객체에서 사용하는 경우 Sample1 지역 변수 / 전역 변수 area 함수 안 x의 값 : 300 y의 값 : 600 z의 값 : 50..
자바스크립트 자바스크립트(JavaScript)는 웹 브라우저에서 동작되는 스트립트 언어를 말합니다. HTML은 정적인 레이아웃을 표현한다면, 자바스트립트(JavaScript)는 동적인 기능을 표현합니다. 자바스크립트(JavaScript)는 1995년 넷그케이프 커뮤니케이션스의 브렌던 아이크가 개발하였으며 Netscape Navigator 2.0에 구현되었습니다. 1996년에는 마이크로소프트 사의 Internet Explorer3.0에 탑대되었으며 Java 애플릿으로 구현된 웹 브라우저의 지지부진한 보급과 맞물려 빠르게 보급되었습니다. 1997년부터 EXMAScript를 따르는 표준화 작업을 통해 현재는 모든 브라우저에서 지원됩니다. 자바스크립트 언어의 특징 자바스크립트는 인터프린터 언어입니다. 자바스크립..
css를 통해서 글씨를 줄이거나 안보이게 하는 효과입니다. Sample1 한 줄 일경우 원하는 크기만큼 줄임효과를 보여줍니다. 한 줄 효과 문서에 대한 대체 링크를 설정합니다. 문서에 대한 저자 링크를 설정합니다. 문서에 대한 북마크 URL을 설정합니다. 문서에 대한 도움과 관련된 링크를 설정합니다. 문서에 대한 저작권과 관련된 링크를 설정합니다. 문서에 대한 다음 문서 링크를 제공합니다. 문서에 대한 링크를 사용하지 않을 때 설정합니다. 문서에 대한 대체 링크를 설정합니다. 문서에 대한 저자 링크를 설정합니다. 문서에 대한 북마크 URL을 설정합니다. 문서에 대한 도움과 관련된 링크를 설정합니다. 문서에 대한 저작권과 관련된 링크를 설정합니다. 문서에 대한 다음 문서 링크를 제공합니다. Sample2 ..
Definition .index() 메서드는 이벤트가 발생한 요소의 인덱스 값을 반환합니다 Syntax $(selector).index(); $(selector).index(selector); $(selector).index(element); Compatibility 6 7 8 9 10 11 .index() Sample1 index를 이용해 li를 선택하는 예제입니다. 필터링(Filtering) : 글을 클릭하여 인덱스를 확인합니다. .eq() : 인덱스 번호에 해당하는 요소를 찾습니다. .filter() : 선택된 요소 집합에서 선택자를 추가하거나 함수를 사용해서 원하는 결과를 추출해냅니다. .first() : 선택된 요소 집합에서 첫번째 자식 요소를 찾습니다. .has() : 선택된 요소들이 자신의 ..
패럴랙스 사이트(ParallaxScrolling)의 가장 기본이 되는 예제입니다. 각 버튼의 값과 각각의 컨텐츠 값을 ainmate로 연결해주는 작업입니다. 그럴려면 스크롤 값을 구해서 body한테 넣어주면 자연스러운 애니메이션이 형성됩니다. See the Pen Parallax by Webstoryboy (@webstoryboy) on CodePen. Jquery Property .eq() : .eq() 메서드는 선택한 요소의 인덱스 번호를 갖는 요소를 반환합니다. .offset() : .offset() 메서드는 선택한 요소의 좌표 값(문서 기준)을 설정하거나 반환합니다. .animate() .scrollTop() : .scrollTop() 메서드는 선택한 요소의 가로 스크롤 값을 설정하거나 반환합니다..