[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 7강 (4)

Cloning 오늘 내가 배운 것 Object.assign 에서 앞의 동일한 프로퍼티는 덮어 써짐 그러므로 another example에서 fruit1 의 color는 fruit2 의 color로 바뀌어 mixed에서 color는 fruit2 의 blue가 출력되게 됨. 동영상 보면서 따라 적어보기 //7. cloning (복제) //Object.assign(dest, [obj1, obj2, obj3, ...]) const user = {name : 'ellie', age : '20'}; const user2 = user; user2.name = 'coder'; console.log(user); //object 를 복사하는 방법 //old way const user3 = {}; for (const key..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 10. 6.
• textsms

[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 7강 (3)

Constructor function, in operator, for...in, for...of 오늘 내가 배운 것 Constructor function object를 필요할 때 일일이 만들어 쓰면 불가피하게 동일한 key와 value를 반복해서 작성해야 하는 문제점이 있다. 이것을 함수를 이용해서 값만 전달해주면 object를 만드는 유용한 함수 기능이 있다. 다른 계산을 하지 않고 순수하게 object만 생성하는 함수는 대문자로 함수명을 지정해주고 return 대신 this를 이용하여 작성하고 호출할 때는 new 키워드를 이용하여 new 함수명으로 만든다. in operator 해당하는 object 안에 키가 있는지 확인하는 기능 'key' in object로 사용 Console.clear(); 기존..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 10. 6.
• textsms

[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 7강 (2)

Property value shorthan, Error 오늘은 가족행사도 있고 해서 유튜브 강의를 못 봤다. 대신 강의를 보기 힘들어서 그냥 유튜브에서 개발자들의 조언(?)등 을 보면서 어떻게, 어떤 개발자가 될지 고민해봤다. 그중에 가장 와닿고 실천하고 싶었던 부분은 에러를 정리해야 한다는 말이었다. 사실 지금은 이론을 배우는 부분이다 보니 에러가 발생하는 경우는 거의 내가 잘못 따라 쳤기 때문일 가능성이 높은데 그 과정에서도 배우는 게 있을 테니 정말 사소한 것도 기록해보려 한다. 오늘 내가 배운 것 Property value shorthand Key와 value의 값이 같다면 생략 가능하다. name = name, age = age, 라고 써야 하는 곳에서 name, age, 으로 쓸 수 있다. J..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 9. 30.
• textsms

[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 7강 (1)

Object, Literals and properties, Computed properties 오늘 내가 배운 것 1. Literals and properties 일반적으로 작성 시 parameter 가 많아지면 추가해야 할 것이 많아지기 때문에 관리하기 힘들고 그룹으로 묶어서 생각할 수 없기 때문에 힘들다. 이것을 개선하고자 Object 를 사용한다. object = { key : value }; 구조로 이루어짐 Object 는 key와 value의 집합체이다. Object를 만드는 방법은 2가지가 있다. 1. 괄호 {}를 사용하는 방법 (object literal) const obj1 = {} 2. new 키워드를 이용해서 만드는 방법 (object constructor) const obj2 = ne..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 9. 29.
• textsms

[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 6강 (2)

class, object, public&private, static, 상속과 다양성 오늘 내가 배운 것 Public & Private 생성자를 쓰지 않고 정의할 수 있다. 그냥 정의하게 되면 public (외부에서 접근이 가능하고), #기호를 붙이게 되면 private(class 내에서만 값이 보여지고 접근이 되고, 값이 변경이 가능하다.) Static (타입스크립트에서도 많이 쓰인다.) 오브젝트가 아닌 클래스에 연결해서 사용한다. static함수를 호출 할 때도 클래스 이름을 이용해서 호출 해야한다. (static은 클래스에 붙여서 사용하는 것이므로 클래스로 호출하는 것이고, 클래스로 호출 하기 때문에 오브젝트를 생성하지 않고 바로 참조할 수 있다.) class.~~ //ok object.~~ //er..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 9. 28.
• textsms

[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 5강(2) ~6강 (1)

함수의 선언과 표현, class VS object 오늘 내가 배운 것 클래스 안에는 속성(field)과 행동 (method)가 있다. 클래스는 조금 더 연관이 있는 데이터들끼리(속성 + 행동) 묶어 놓은 것을 말한다. (관련이 있는 변수나 함수들을 묶어 놓은 것.) 간혹 속성(field)만 있는 경우 가 있는데 그것을 데이터 클래스라고 부른다. Class 데이터가 들어있지 않고 틀, 템플릿만 정해놓은 것 -template -declare once -no data in Object -instance of a class -created many times -data in 클래스를 이용해서 새로운 인스턴스를 생성하면 오브젝트가 된다. 오브젝트는 클래스를 이용해서 굉장히 많이 만들 수 있다. 클래스는 정의만 한..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 9. 27.
• textsms