[초보 중의 왕초보] 공부 시작하다10

0

1. 오늘 공부 핵심 키워드

/객체에 대ㅔ해서 더 알아보자/ 기본자료형과 객체 자료형
/객체의 속성이란??

2. 객체의 자료형들

- 기본 자료형: 숫자, 문자열, 논리형(불)

- 객체 자료형: 함수, 배열 이외의 전부

3. 객체 자료형

- 속성과 메소드를 가진 것은 모든 것은 객체이다. 배열 역시도 객체다.

- 함수도 객체다. 아래와 같이 함수를 선언하고 속성도 지정을 하게 되면 함수가 속성을 가질 수 있다는 것을 알 수 있음. 즉 에러가 뜨지 않는다는 말임.

function b(){}
undefined

b.sample = 10
10

b.sample
10

4. 기본 자료형을 객체로 선언하기

- 자료형을 변환하는 함수를 활용하면 객체로 선언시킬 수 있음.

const 객체 = new 객체자료형 이름 ex) Number, String, Boolean()

new Numver(10)
new String('안녕하세요')
new Boolean(true)

- 중요한 사항으로는, 자료변환 함수 앞에 new를 붙여주지 않으면 자료변환 함수의 기본 기능인 자료를 변환시키는 기능이 작동됨. 기본자료형을 객체로 선언해주고자 하면 반드시 new 를 붙여줘야 함.

5. 기본 자료형의 일시적 승급

- 문자열의 length속성을 문자열 뒤에 붙여주면 기본자료형도 일시적으로 속성을 가지게 됨. 하지만 일회적인 것으로 속성의 용도가 끝나면 다시 해제됨.

6. 프로토타입으로 메소드 추가하기

- prototype이란 속성은 객체 전용 옷이라고 할 수 있는데, 객체에 속성과 메소드를 추가하면 모든 객체(와 기본 자료형)에서 해당 속성과 메소드를 사용할 수 있음.

- 일반적으로 프로토타입 속성을 추가하지 않으나, 프로토타입에 메소드를 추가하면 다양하게 활용이 가능하다.

객체 자료형 이름.prototype.메소드 이름 = function() {}

7. JSON 객체

- 기본 자료형과 관련된 객체 외에 자바스크립트가 기본적으로 제공하는 내장 객체 중 하나임. 이것은 인터넷에서 문자열로 데이터를 주고 받을 때 사용하는 것임. JSON은 JavaScript Object Notation의 약자로 자바스크립트의 객체처럼 자료를 표현하는 방식임.

  • 값을 표현할 때는 문자열, 숫자, 불 자료형만 사용할 수 있습니다.
  • 문자열은 반드시 큰 따옴표로 만들어야 합니다.
  • 키에도 반드시 따옴표를 붙여야 합니다.

  • 제이슨 객체의 예시

8. ES6와 ES5의 차이는???

  • ES 시리즈는 자바와 자바스크립트의 상표권 문제로 인해 자바스크립트라는 이름을 사용할 수 없어 ECMAScript로 명명되었다. 그렇게 새로운 버전이 나올 때마다 ES4, ES5로 이름이 명명되었다.
  • ES5는 2009년에 출시되었으며, HTML5의 출시와 함께 같이 업데이트되었는데, 이때 JSON 접근자 프로퍼티, ForEach, map, filter, reduce 등 현재도 많이 사용되는 내장 메소드들이 추가되었다. ES6의 경우에는 2015년에 출시되었으며, let과 const, 클래스, 화살표함수, 템플릿 리터럴 등 현재의 자바스크립트 핵심 문법과 개념들이 추가되었다.

9. 이제는 왕초보는 떼도 되겠습니다...

  • 어느 덧 2주 정도 자바스크립트의 기초를 다졌다. 입문은 시작했고, 왕초보는 떼었으니 왕초보의 왕은 떼고 초보로 승격해도 될 듯 싶다는 생각이 든다.
    왕초보는 뗀 초보의 공부는 계속된다.....
profile
코딩도 재미있고, 프로덕트 디자인도 재밌습니다.

0개의 댓글