드림코딩 by 엘리
출처 : https://www.youtube.com/channel/UC_4u-bXaba7yrRz_6x6kb_w
엘리님의 Javascript 기초 영상을 보며 정리하였습니다.
기초적이지만 정리해서 기록하면 괜찮다고 생각했던 부분만 작성하였습니다.
object
object 생성방법
const obj1 = {}; //'object leteral' syntax const obj2 = new Object(); // 'object constructor' syntax
프리미티브 타입은 변수하나당 값을 하나만 담을 수 있습니다.
따라서 인자가 많아지면 추가해야 하는 것들이 늘어나는데
object로 묶어서 관리 할 수 있습니다. 다른 언어에서 흔하지는 않지만 JS에선 object를 선언한 이후에도 person.job 후에 추가하거나 delete person.job 을 사용하여 추가하고 지울 수 있습니다.
object는 key와 value의 집합체 이다 !!
object = { key : vlaue };key: 우리가 접근할 수 있는 변수 ( property )
value : property 가 가지고 있는 값!
계산된 속성명
person['job']dot 이 아닌 대괄호 안에 'string'으로 생성합니다.
그렇다면 dot notation과 bracket notation의 차이는 무엇일까요
dot은 코딩할 때 키의 값을 바로 가져올 때 주로 사용하지만 runtime때 , 예를들어 사용자가 value를 작성하는 값을 가져오고 싶을 때 사용합니다.
2차 프로젝트(market-kurly clone) 로그인 회원가입 페이지 작업할 때 Input을 사용하여 사용자가 입력하는 값을 그대로 state 에 넣어주는 방식으로 사용했던 경험이 있습니다.
Constructor Function
Person4를 하나하나 만들기 보단 함수를 이용하여 class의 템플릿 처럼 작성해 놓고 값만 넣어주면 사용할 수 있습니다.
