자바스크립트
-
자바스크립트 함수자바스크립트 2019. 12. 30. 01:49
함수를 선언해보자 첫번째, function add(x) { var y = x + 1; return y; } 이렇게 함수를 만들면 , 이것을 함수를 선언했다고 한다. 그리고 자바스크립트에서는 변수 안에 함수를 대입하는 방식으로 함수를 만들 수 있는데, 이건 아래 예제로 확인하자. var add = function(x) { var y = x + 1; return y; }; 이렇게 함수를 만드는 것을 함수 표현식이라고 부른다. 아래와 위의 방식의 차이는 호이스팅이라는 현상이 있는데, 호이스팅은 나중에 따로 포스팅하겠다. 여기서 차이점은 마지막 끝에 ;를 붙힌다고 생각하자. 여기선 add 가 함수의 이름이자 변수의 이름이고 , x 가 사용자가 넣고 싶은 값을 넣는 곳이다. x 를 매개변수라고 말하고 영어로는 P..
-
자바스크립트 배열자바스크립트 2019. 12. 23. 02:35
배열에 대해 알아보자 첫번째, 전 게시글에서 객체에 대해 알아봤다. 배열도 객체인데, 조금 특수한 객체이다. 배열은 기본적으로 [ ] 로 감싸서 나타내고 객체 리터럴처럼 안에는 무엇이든지 들어갈 수 있다. 배열 안에 배열이 들어가도 되고 배열 안에 객체가 들어가도 된다. 우리는 미리 배열 안에 들어간 것들을 요소(item)라고 정의하자. 요소들은 객체의 속성과 같이 쉼표(,) 로 구분짓는다. 아래의 예제로 대강 구조를 살펴보자. var array = []; var array = [1 , "Yopy" , [1,2,3] , { yopy:1}]; 배열과 객체의 차이점으로는 .. 배열은 키 값을 정해줄 수 없다. 우리가 넣은 순서대로 키 값은 array[0] , array[1] ... 순으로 정해진다. 배열 리..
-
자바스크립트 객체자바스크립트 2019. 12. 23. 02:22
객체에 대해 알아보자 첫번째, 먼저 객체란.. 데이터를 표현하기 위해 현실의 사물을 프로그래밍에 반영한 것인데, 자바스크립트도 객체를 사용한다. 아래의 예제를 한번 살펴보자. var myPet= { firstName : 'yopy', lastName:'Choi' }; 이 예제는 자바스크립트로 우리집 강아지인 요피를 코드로 구현한 것이다. 코드를 간략히 설명하자면, myPet 이라는 변수에 { } 로 감싼 데이터를 넣었는데, 이것들이 바로 우리집 강아지를 표현하는 객체이다. 객체의 속성을 알아보자 두번째, 위 예제의 객체 안을 보면 firstName 과 lastName 이 왼쪽에 있고, 'yopy'와 'Choi'가 오른쪽에 있다. 콤마(,) 로 구분되는 것들을 객체의 속성이라고 정의하자. myPet 객체에..