코딩하는 베어브릭

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의 클래스에 대해서 작성해본다. 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) 후위 연산자..

*변수 선언 js에서는 변수 선언타입이 두가지 있다. 1. let 2. const C언어의 경우에는 int, char, float 등등 다양한 자료형이 있기 때문에 변수를 선언할 때 자료형을 잘 선택해서 사용해야한다. 하지만 js에서는 자료형을 신경쓰지 않기 때문에 let, const 선언으로 모든 자료형을 지원한다. 그렇다면 let과 const의 차이점은 무엇일까? 그 차이점은 변수에 할당한 값을 변경할 수 있느냐 없느냐이다. let으로 선언하면 변수에 할당된 값을 변경할 수 있고, const로 선언하면 값을 변경할 수 없다. 다음의 예시를 보자. let으로 선언한 변수 fruit의 경우는 값을 변경해도 문제가 없다. 하지만 const로 선언한 변수 vegetable의 경우는 값을 변경하니 error가..