시작179 [유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 8강 (1) 배열 Array 오늘 내가 배운 것 배열의 선언 방법 1. new 키워드를 이용하는 방법 2. 대괄호 [ ]안에 데이터를 넣는 방법 배열에서 대괄호를 이용해서 데이터로 접근이 가능하다. fruits[ ] 오브젝트에서도 [‘key’] 를 쓰면 그 key에 상응하는 value 의 값을 얻을 수 있었다. 비슷하게 배열에서는 fruits[index] 를 사용하면 그 index에 해당하는 value를 얻을 수 있다. 할당되어 있지 않은 index를 이용하여 접근하게 되면 undefined 으로 출력된다. 보통 배열의 처음은 0으로 작성하고 배열의 마지막은 [배열.length - 1] 로 작성한다. Ex) console.log(fruits[0]); console.log(fruits[fruits.length - 1 .. 2022. 10. 7. [유튜브 '드림코딩'] 자바스크립트(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.. 2022. 10. 6. [유튜브 '드림코딩'] 자바스크립트(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(); 기존.. 2022. 10. 6. [유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 7강 (2) Property value shorthan, Error 오늘은 가족행사도 있고 해서 유튜브 강의를 못 봤다. 대신 강의를 보기 힘들어서 그냥 유튜브에서 개발자들의 조언(?)등 을 보면서 어떻게, 어떤 개발자가 될지 고민해봤다. 그중에 가장 와닿고 실천하고 싶었던 부분은 에러를 정리해야 한다는 말이었다. 사실 지금은 이론을 배우는 부분이다 보니 에러가 발생하는 경우는 거의 내가 잘못 따라 쳤기 때문일 가능성이 높은데 그 과정에서도 배우는 게 있을 테니 정말 사소한 것도 기록해보려 한다. 오늘 내가 배운 것 Property value shorthand Key와 value의 값이 같다면 생략 가능하다. name = name, age = age, 라고 써야 하는 곳에서 name, age, 으로 쓸 수 있다. J.. 2022. 9. 30. [유튜브 '드림코딩'] 자바스크립트(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.. 2022. 9. 29. [유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 6강 (2) class, object, public&private, static, 상속과 다양성 오늘 내가 배운 것 Public & Private 생성자를 쓰지 않고 정의할 수 있다. 그냥 정의하게 되면 public (외부에서 접근이 가능하고), #기호를 붙이게 되면 private(class 내에서만 값이 보여지고 접근이 되고, 값이 변경이 가능하다.) Static (타입스크립트에서도 많이 쓰인다.) 오브젝트가 아닌 클래스에 연결해서 사용한다. static함수를 호출 할 때도 클래스 이름을 이용해서 호출 해야한다. (static은 클래스에 붙여서 사용하는 것이므로 클래스로 호출하는 것이고, 클래스로 호출 하기 때문에 오브젝트를 생성하지 않고 바로 참조할 수 있다.) class.~~ //ok object.~~ //er.. 2022. 9. 28. 이전 1 ··· 26 27 28 29 30 다음 728x90
