코딩하는 베어브릭

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,..

자신이 만든 웹페이지를 배포하고 싶을 때 어떻게 하면 되는 지 살펴보도록 하자. 1. repository를 생성한다. 2. repository 이름을 자신의 깃헙아이디.github.io 라고 반드시 지정해야한다. 그리고 Create repository버튼을 눌러 repository를 생성한다. 3. 그러면 아래와 같은 창이 뜬다. 여기서 uploading an existing file을 클릭한다. 4. 클릭을 하면 아래와 같은 창이 뜨고, 자신이 배포하고자 하는 파일을 드래그 앤 드롭한다. 이 때, index.html을 반드시 포함해야한다. 그 이유는 깃헙에서는 index.html 파일을 가장 먼저 찾기 때문이다. 아래에 보면 Commit Change가 있다. 이는 파일을 추가, 수정, 삭제 등등 변화가..

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가..