반응형

# 함수

## 선언방법

  • 함수명이 있는 함수
function 함수명() {
	자바스크립트 코드;
}
  • 익명 함수(함수명이 없는 함수)
참조 변수 = function() {
	자바스크립트 코드;
}

## 함수 호출방법

함수명();

참조 변수();

# 매개변수 없이 함수에 전달된 값 받아오기

  • argumets; 사용 시 매개변수를 사용하는 것처럼 함수 호출문의 값을 받아올수 있다.
function 함수명() {
	arguments; 		// arguments[0] = 데이터1, [1] = 데이터2, [2] = 데이터3
}
함수명(데이터1, 데이터2, 데이터3);

# 호이스팅 (hoisting)

  • 사전적 의미는 "물건을 끌어올리다."
  • 일반 함수 정의 시 지원(익명 함수 선언 참조 방식은 미 지원)
  • 함수 정의문보다 호출문이 먼저 나와도 함수 정의문을 끌어올려 함수를 호출한다.
반응형

'프로그래밍 > JS(JavaScript), jQuery, PHP' 카테고리의 다른 글

체이닝 기법  (0) 2020.12.14
제이쿼리 학습 정리-1  (0) 2020.12.14
수학 객체, 배열객체, 문자열 객체  (0) 2020.12.11
자바스크립트 객체의 종류  (0) 2020.12.10
PHP  (0) 2020.11.06
반응형

# 수학 객체 (Math Object)

  • 자바스크립트 내장 객체 중 수학과 관련된 기능과 속성을 제공하는 것

## 수학 객체의 메서드 및 상수

  • Math.abs(숫자) : 숫자의 절댓값을 반환한다.
  • Math.max(숫자1, 숫자2, 숫자3, 숫자4) : 숫자 중 가장 큰 값을 반환한다.
  • Math.min(숫자1, 숫자2, 숫자3, 숫자4) : 숫자 중 가장 작은 값을 반환한다.
  • Math.pow(숫자, 제곱값) : 숫자의 거듭제곱을 반환한다.
  • Math.random() : 0~1 사이의 난수를 반환한다.
  • Math.round(숫자) : 소수점 젓째 자리에서 반올림하여 정수를 반환한다.
  • Math.cell(숫자) : 소수점 첫째 자리에서 무조건 올림하여 정수를 반환한다.
  • Math.floor(숫자) : 소수점 첫째 자리에서 무조건 내림하여 정수를 반환한다.
  • Math.PI : 원주율 상수를 반환한다.

# 배열 객체 (String Object)

## 선언방법

1. var d = new Array();
d[0] = 30;
d[1] = "사람";
d[2] = true;

2. var d = new Array(30, "사람", true);

3. var d = [30, "사람", true];

## 배열 객체의 메서드 및 속성

  • join(연결 문자) : 배열 객체의 데이터를 연결 문자를 기준으로 1개의 문자형 데이터로 반환한다.
  • reverse() : 배열 객체의 데이터 순서를 거꾸로 바꾼 후 반환한다.
  • sort() : 배열 객체의 데이터를 오름차순으로 정렬한다.
  • slice(index1, index2) : 배열 객체의 데이터 중 원하는 인덱스 구간만큼 잘라서 배열 객체로 가져온다.
  • concat() : 2개의 배열 객체를 하나로 결합한다.
  • pop() : 배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제한다.
  • push(new data) : 배열 객체의 마지막 인덱스에 새 데이터를 삽입한다.
  • shift() : 배열 객체에 저장된 데이터 중 첫 번째 인덱스에 저장된 데이터를 삭제한다.
  • unshift(new data) : 배열 객체의 가장 앞의 인덱스에 새 데이터를 삽입한다.
  • length : 배열에 저장된 총 데이터의 개수를 반환한다.

# 문자열 객체 (Array Object)

## 선언방법

var 참조변수 = new String(문자형 데이터);
예) var t = String("Hello javascript");

var 참조변수 = 문자형 데이터;
예) var t = "Hello javascript";

## 문자열 객체의 메서드 및 속성

  • charAt(index) : 문자열에서 인덱스 번호에 해당하는 문자를 반환한다.
  • indexOf("찾을 문자") : 문자열에서 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환한다. 만약 찾는 문자가 없으면 -1을 반환한다.
  • lastIndexOf("찾을 문자") : 문자열에서 오른쪽부터 찾을 문자와 일치하는 문자를 찾아 저일 먼저 일치하는 문자의 인덱스 번호를 반환한다. 만약 찾는 문자가 없으면 -1을 반환한다.
  • match("찾을 문자") : 문자열에서 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 찾은 문자를 반환한다. 만약 찾는 문자가 없으면 null을 반환한다.
  • replace("변경할 문자", "새 문자") : 문자열에서 왼쪽부터 바꿀 문자와 일치하는 문자를 찾아 제일 먼저 찾은 문자를 새 문자로 치환한다.
  • search("찾을 문자") : 문자열에서 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 인덱스 번호를 반환한다.
  • slice(a, b) : a개의 문자를 자르고 b번째 이후억 문자를 자른 후 남은 문자를 반환한다. 여기서 -1은 뒤에서부터 첫 번째 글자를 가리킨다.
  • substring(a, b) : a인덱스 부터 b인덱스 이전 구간의 문자를 반환한다.
  • substr(a, 문자 개수) : 문자열에 a인덱스 부터 지정한 문자 개수만큼 문자열을 반환한다.
  • split(문자) : 지정한 문자를 기준으로 문자 데이터를 나누어 배열에 저장하여 반환한다.
  • toLowerCase() : 문자열의 영문 대문자를 모두 소문자로 바꾼다.
  • toUpperCase() : 문자열의 영문 소문자를 모두 대문자로 바꾼다.
  • length : 문자열에서 문자열의 개수를 반환한다.
  • concat("새로운 문자") : 문자열억 새로운 문자열을 결합한다.
  • charCodeAt(index) : 문자열 index에 해당 문자의 아스키 코드값을 반환한다.
  • fromCharCode(아스키 코드 값) : 아스키 코드값에 해당하는 문자를 반환한다.
  • trim() : 문자의 앞 또는 뒤에 공백 문자열 제거
반응형

'프로그래밍 > JS(JavaScript), jQuery, PHP' 카테고리의 다른 글

제이쿼리 학습 정리-1  (0) 2020.12.14
함수, 매개변수 없이 함수에 전달된 값 받아오기, 호이스팅  (0) 2020.12.11
자바스크립트 객체의 종류  (0) 2020.12.10
PHP  (0) 2020.11.06
자바스크립트 이용한 새로고침, 자동 새로고침  (0) 2020.09.14
반응형

# 자바스크립트 객체의 종류

  • 자바스크립트 객체는 크게 내장 객체, 브라우저 객체 모델(BOM), 문서 객체 모델(DOM)이 있다.

## 내장객체

  • 자바스크립트 엔진에 내장되어 있어 필요한 경우 생성해서 사용할 수 있다.
  • 문서(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있다.

## 브라우저 객체 모델(BOM)

  • 브라우저에 계층 구조로 내장되어 있는 객체를 의미한다.
  • window, screen, location, history, navigator 객체 등이 있다.
  • 브라우저(window)는 document와 location의 상위 객체이다.
window.location.href="사이트 URL"

## 문서 객체 모델(DOM)

  • HTML문서 구조를 의미한다.
  • HTML문서의 기본 구조는 최상위 객체로 <html>이 있고, 그 하위 객체로 <head>와 <body>가 있다.
  • 문서 객체 모델에서는 HTML의 문서의 모든 요소들을 문서 객체로 선택하여 자유롭게 속성을 바꿀수 있고, 선택한 문서 객체에 원하는 스타일(CSS)를 적용할 수도 있다.
  • 하지만, 자바스크립트의 문서 객체 모델은 IE8 이하 버전에서는 호환성이 떨어져 사용하기 힘들다. 이러한 단점을 극복하기 위해서 제이쿼리 문서 객체 모델을 많이 사용한다.
반응형

'프로그래밍 > JS(JavaScript), jQuery, PHP' 카테고리의 다른 글

함수, 매개변수 없이 함수에 전달된 값 받아오기, 호이스팅  (0) 2020.12.11
수학 객체, 배열객체, 문자열 객체  (0) 2020.12.11
PHP  (0) 2020.11.06
자바스크립트 이용한 새로고침, 자동 새로고침  (0) 2020.09.14
자바스크립트 2차원 배열 생성방법  (0) 2020.09.03
반응형

# PHP

  • 동적 웹 페이지를 만들기 위해 설계
  • 웹 개발에 최적화된 언어로, 거의 모든 데이터베이스를 지원한다.
  • 웹 개발에 필요한 수 많은 로직을 함수 형태로 미리 제공하기에 초보자 또한 쉽게 접근할 수 있다.
반응형
저작자표시

'프로그래밍 > JS(JavaScript), jQuery, PHP' 카테고리의 다른 글

수학 객체, 배열객체, 문자열 객체  (0) 2020.12.11
자바스크립트 객체의 종류  (0) 2020.12.10
자바스크립트 이용한 새로고침, 자동 새로고침  (0) 2020.09.14
자바스크립트 2차원 배열 생성방법  (0) 2020.09.03
제이쿼리 기초, 제이쿼리 이미지 슬라이더 기초  (0) 2020.08.08

+ Recent posts

티스토리툴바