Hello world Hello world

Array 객체 1) Array 객체로 배열 만들기 JS에는 배열을 쉽게 만들고 다룰 수 있는 Array객체가 내장되어 있습니다 [Array 객체 인스턴스 만들기 - 초기값이 없는 경우] [Array 객체 인스턴스 만들기 - 초기값이 있는 경우] 2) Array 객체의 메서드 종류 설명 concat 기존 배열에 요소를 추가해 새로운 배열을 만든다 every 배열 모든 요소가 주어진 함수에 대해 참이면 true를 반환하고 그렇지 않으면 false를 반환한다 filter 배열 요소 중에서 주어진 필터링 함수에 대해 true인 요소만 골라 새로운 배열을 만든다 forEach 배열의 모든 요소에 대해 주어진 함수를 실행한다 indexOf 주어진 값과 일치하는 값이 있는 배열 요소의 첫 인덱스를 찾는다 join ..

객체란? JS에서는 객체는 프로그램에서 인식할 수 있는 모든 대상을 가르킨다 •문서 객체 모델(DOM) : 웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 모두 객체이다 ( 일반적으로 웹 문서에 삽입하는 요소는 document, image, link 객체 들이 있다) •브라우저 관련 객체 : 웹 브라우저에서 사용하는 정보도 객체로 나타낼 수 있다 (사용하는 브라우저 정보를 담고 있는 navigator 객체를 비롯해 history, location, screen 객체 등이 있다) •내장 객체 : 웹 프로그래밍을 할 때, 자주 사용하는 요소는 JS 안에 미리 객체로 정의되어 있는데 이를 내장 객체라고 한다 (예를 들어 Date 객체를 가져와 날짜, 시간 출력한다) 1) 객체..

1. 함수 1) 함수 선언 2) 호출 문제) 함수를 사용해 두 수 더하기 >> add( ) 3번 호출되어 메시지가 3번 출력된다 ※ 함수 선언과 실행 순서 웹 브라우저에서 자바스크입트 소스를 해석할 때에는 함수 선언 부분을 가장 먼저 합니다 순서는 다르지만 ①,② 둘 다 문제없이 잘 실행되는 소스이다 2. var 변수의 특징 1) 변수가 적용되는 범위(스코프 scope) 지역변수(로컬 변수) - 함수 안에서만 사용할 수 있는 변수 전역변수(글로벌 변수) - 스크립트 소스 전체에서 사용할 수 있는 변수 2) var 지역 변수 선언하기 >> var로 선언한 변수는 함수 안에서만 사용할 수 있는 지역변수이다 3) 스크립트 안에서 자유롭게 쓸 수 있는 전역 변수 - var 예약어를 빼고 선언 - var 예약어를..

1) 변수 ① 변수 이름은 영어 문자와 언더스코어(_), 숫자를 사용합니다 ② JS는 영어 대소 문자를 구별합니다 → hello와 Hello는 다른 변수 이름으로 인식 ③ 여러 단어를 연결할 변수 이름은 중간에 대문자를 썪어 씁니다 → hello world(X), helloWorld(O) 또는 Hello_World(O) ④ 변수 이름은 의미 있게 작성해야 합니다 - 변수 선언 하기 문제) 나이 구하기 결과 확인 2) 자료형 - 실수 → JS에서는 정수와 실수를 함께 묶어 숫자형이라고 합니다 → JS는 실수를 정밀하게 계산하는 것은 적합하지 않습니다 ex) 0.1 + 0.2의 결과 값은 0.300000000000004로 표시됩니다 왜 그럴까? 0.1이나 0.2를 2진수로 변환해서 계산하는데 이때 자릿수가 ..

1) CSS 변경하기 결과 확인 >> 자바스크립트를 클릭하면 빨간색 글씨로 변한다 외부 파일 경로 설정 2) 알림창 3) document.write( ); ①응용 결과 확인 ②응용 결과 확인 ※ 시간 가져오기

문제 1) 이미지 CSS left: 0 , -100%, -200%, -300% 배열 제이 쿼리 작성 이미지 //슬라이드 가로로 배열 - .each()를 사용해서, 각가의 이미지에 left 값 0%, 100%, 200%, 300% 값을 넣어준다 - indicatorHtml +=''+(i+1)+''; 은 html의 값을 넣어준다 //슬라이드 이동 함수 - .animate 값으로 슬라이드를 이동할 수 있게 해준다 - index의 값을 currentIndex에 저장한다 - updateNav() 는 뒤에 슬라이드 이동버튼을 작성하며 만들 예정인 함수이다 - updateNav() 역할은 슬라이드 이동 버튼의 맨 처음과 맨 끝을 사라지게 하는 기능을 한다 2) 좌우 슬라이드 버튼 구현 3) 아래 흰점 구현(클릭시 해..

문제 - 4개의 이미지가 3.5초마다 변경되어 화면에 출력 된다 jQuery - 자동으로 3.5초마다 이미지 변경 var timer = undefined; //타이머의 값을 undefined(지정되어 있지 않다)라고 지정합니다. >> undefined; 저장하지 않고 실행하게 되면 3.5초 처럼보이다가 이미지가 빠르게 넘어가게 된다 - 마우스를 이미지에 올렸을 때 정지, mouseleave 다시 이미지 3.5초마다 변경

제이쿼리 문제 제이 쿼리 css로 구현 css 구현 VS 제이쿼리 구현 방식 - css의 transition은 GPU를 사용 - 제이쿼리는 CPU를 사용 >> 구형 스마트폰 구현시 css작성을 선호