목록Web (8)
코딩하는 베어브릭
JavaScript의 배열의 다양한 API에 대해서 알아보았다. 1. 삽입 ▶push( 삽입할 값 ) : 배열 맨 뒤에 삽입 ▶unshift( 삽입할 값 ) : 배열 맨 앞에 삽입 여기서 삽입할 값은 여러개 작성 가능하다. 2. 삭제 ▶pop( ) : 배열 맨 뒤 삭제 ▶shift( ) : 배열 맨 앞 삭제 삭제는 삽입과 다르게 여러개 삭제할 수 없고 하나씩 삭제 가능하다. 그리고 unshift( ), shift( )가 push( ), pop( ) 보다 속도가 느리기 때문에 push( ), pop( ) 을 사용하는 것을 권장한다. 3. 배열 잘라내기 ▶splice( 시작위치, 개수(선택사항), 삽입할 값(선택사항) ) : 지정된 인덱스에서부터 삭제 및 삽입 개수는 시작 위치부터 몇 개를 삭제할 것인지를 ..
JavaScript에서 배열을 어떻게 다루는 지에 대해서 알아보겠다. 1. 선언 첫번째 방법은 new Array( )를 통해 선언한다. 두번째 방법은 [ ]를 이용해서 선언과 동시에 초기화를 한다. 2. 인덱스 배열은 인덱스를 통해 배열에 저장되어 있는 값에 접근한다. 만약 배열의 범위를 넘어선 곳을 인덱스를 통해 접근하게 되면, undefined 라고 뜬다. 배열의 마지막 요소에 접근하고 싶다면, length를 이용한다. 여기서 length는 배열의 길이를 알려준다. 따라서 배열의 마지막 인덱스는 배열.length-1이라고 표현한다. 3. 반복문 배열의 반복문에는 3가지 방법이 있다. ▶ for 문 ▶ for of 문 for ( value of 배열 ) : 배열의 모든 값을 처리할 때 사용한다. for..
JavaScript의 오브젝트에 대해서 작성해보았다. Object = {key: value} 오브젝트는 key와 value로 이루어진 집합체이다. JavaScript에서는 클래스가 없어도 오브젝트가 생성가능하다. 1. 오브젝트 생성 오브젝트는 아래와 같이 2가지 방법으로 생성할 수 있다. 2. 오브젝트의 속성 추가 및 삭제 3. 오브젝트의 속성 값 접근 접근 방법으로는 2가지가 있다. 1. 오브젝트.속성 2. 오브젝트 [ '속성' ] 첫 번째 방법은 속성이 무엇인지 알 때 사용하고, 두 번째 방법은 속성 값을 실시간으로 받아올 때 사용한다. 4. in 연산자 A in B: B오브젝트 안에 key A가 있는지 없는지 확인하는 것이다. 있다면 true를, 없다면 false를 반환한다. 5. for...in ..
JavaScript의 클래스에 대해서 작성해본다. 1. 클래스 클래스는 일종의 템플릿이고, 클래스를 통해 객체를 생성한다. 예를 들자면, 붕어빵 틀을 통해 팥붕어빵, 크림붕어빵 등등을 찍어낼 수 있는데, 여기서 붕어빵 틀을 클래스, 붕어빵을 객체라고 생각하면 된다. 클래스는 생성자, 메서드(함수)로 이루어질 수 있다. 여기서 생성자는 클래스의 변수에 값을 할당해주는 함수로 constructor(변수){ this.변수 = 변수 } 라고 작성한다. 여기서 클래스는 Person, 객체는 p1이다. new를 통해 클래스 Person의 객체 p1을 생성할 때, 클래스의 변수에 할당해주고 싶은 값을 매개변수로 넣으면 생성자를 통해서 p1.name='bearbrick, p1.age='10'이 할당된다. 2. get,..
JavaScript의 함수에서 헷갈리는 것들을 작성해보았다. * 함수 함수의 작성 형식은 function 함수명 ( 매개변수 ) { 내용 } 이다. const ms = 'Hello'; function print(message){ console.log(message) } print(ms); // Hello 출력 JavaScript 함수의 특징으로는 C언어와 다르게 함수를 뒤에서 선언 및 정의해도 위에서 함수 사용이 가능하다. 또한 함수를 정의와 동시에 호출할 수 있다. 이 경우에는 ( function 함수명 ( 매개변수 ) { 내용 } ) ( ) 와 같은 형식으로 괄호를 작성하면 된다. 그리고 JavaScript는 type을 고려하지 않기 때문에 매개변수 타입과 반환 타입을 지정해주지 않는다. 이로 인해 ..
JavaScript의 연산자 중에서 헷갈리는 연산자들을 작성해보았다. 1. + +는 숫자 연산을 해주는 기능과 문자열을 연결해주는 기능이 있다. 1 + 2 = 3 'my' + 'cat' = my cat '1' + 2 = 12 (숫자 2가 문자로 자동변환) 2. ** **는 거듭제곱을 해주는 연산자이다. 2 ** 3 = 8 3. ++ ++는 1을 증가시켜주는 연산자이다. 이 연산자는 어느 위치에 쓰냐에 따라 기능이 달라진다. 변수 앞에 작성하면 전위 연산자, 변수 뒤에 작성하면 후위 연산자라고 부른다. 전위 연산자는 먼저 변수를 +1 증가시킨 후, 전위연산자가 작성된 코드를 실행한다. a = 1; A = ++a; // a = a + 1 // A = a(=2) B = a; // B = a(=2) 후위 연산자..