Dongi_coding 동기_코딩

안녕하세요. 동기 여러분! 오늘은 객체(Object)에서 반복문을 뽑아오는 방법에 대해 알아봅시다. 쓰임이 참 많은 친구이기 때문에 제대로 알아봅시다. Looping Through Objects 우리가 걸어놓은 조건을 통해 반복문은 계속 실행이 되는데 이걸 배열(Array)에서 쓰는 방법을 알아봤었습니다. 혹시 기억이 안 나 시는 분은 이쪽으로 -> https://dongi-coding.tistory.com/37 [JavaScript] Looping through Arrays 안녕하세요. 동기 여러분! 오늘은 반복문을 배열(Array)과 함께 쓰는 방법을 알아보겠습니다! 파이썬에도 비슷한 기능이 있으니 비교해봅시다. Looping through Arrays 반복문을 이용해서 배열에 있는 dongi-cod..

안녕하세요. 동기 여러분! 오늘은 Pass By Reference. 그럼 가봅시다! Pass By Reference 오늘은 주제가 너무 난감하고 영어로 이해가 안되어 생활코딩의 블로그를 참조 하였습니다. 링크 : https://www.opentutorials.org/course/743/6507 참조 - 생활코딩 복제 전자화된 시스템의 가장 중요한 특징은 복제다. 현실의 사물과 다르게 전자화된 시스템 위의 데이터를 복제 하는데는 비용이 거의 들지 않는다. 바로 이러한 특징이 소프트웨어를 기존의 www.opentutorials.org 자바스크립트에서 원시 데이터(primitive data)를 제외한 모든 데이터 타입은 객체(Object)입니다. // JavaScript let a = 1; // { b.id ..

안녕하세요. 동기 여러분! 오늘은 중첩 객체(Nested Objects)에 대해 알아봅시다. 조금 복잡할 수 도 있지만 한번 알아 놓으면 두고두고 써먹을 수 있기 때문에 한번 빡세게 배워봅시다 갑시다! Nested Objects // JavaScript let object1 = { key1 : value1 key2 : { key21 : value21, key22 : value22, key23 : value23 } }; 위 코드를 보면 object1에 키값이 두개가 들어가 있는데 key2에서 중괄호를 한번 더 써서 그 안에서 key21, key22, key23라는 키값을 또 만들어주고 그에 응하는 value값을 넣어줄 수 있습니다. 이게 바로 중첩 객체(Nested Objects)입니다. 예제 디아블로2의..

안녕하세요. 동기 여러분! 오늘은 메서드에 대해 정리를 해보도록 하겠습니다. 날씨가 점점 쌀쌀해지고 있는데 다들 옷을 따뜻하게 입으시고 피트니스 센터로 가서 운동 개 빡세게 조지세요! 아 운동 개 좋아 Method 데이터(Data)를 객체(Object)에 담으면 그것이 함수(Function)가 되는데, 우리는 그걸 메서드(Method)라 부릅니다. 객체(Object)안에서 정해진 값을 프로퍼티(Property)라고 하는데 이는 작동 내용을 포함하는 의미이기도 하다. 생김새 // JavaScript console.log(); 오잉? 이건 출력문이 아니던가. 그렇다 console은 객체(Object)였던 것이다. log는 프로퍼티(Property)의 Key 값이었던 것이다. Method 만드는 방법 1 //..

안녕하세요. 동기 여러분! 오늘은 Object안에 선언된 Properties의 값(Key, Value)을 바꾸고 지우고 새로 만드는 방법에 대해 알아봅시다. 갑시다! Property Assignment Property 새로 추가하기 // JavaScript let macaron = { from : '이탈리아', '유명해진곳' : '프랑스', '들여온 사람' : '카트린 드 메디시스', '주 재료' : '계란 흰자, 설탕, 아몬드 가루', '제조 난이도' : '페이스트리의 끝판왕' }; macaron.price = '보통 개당 2000원이 넘음'; macaron['맛'] = '첨가물에 따라 다양한 맛이 있음'; console.log(macaron); /* 출력 : { from: '이탈리아', '유명해진곳'..

안녕하세요. 동기 여러분! 오늘은 지난 시간에 이어 Properties에 접근하여 Key로 Value를 부르는 두 번째 시간입니다. Python과도 많이 비슷하여 아마 두 가지 모두 쉽게 터득하실 수 있을 겁니다. 그럼 갑시다! Bracket Notation Bracket Notation은 [ ] 대괄호 표기법을 사용하여 Key의 Value를 불러내는 방법입니다. 반드시 대괄호 표기법을 사용해야 하는 경우 Key 값이 숫자일 때 Key 값에 띄워쓰기가 있을 때 Key 값에 특수기호가 있을 때 예제 충무공 이순신 장군에 대한 OBJECT입니다. 11번째 줄부터 13번째 줄 까지는 우리가 배운 대로 잘 출력이 되어 나옵니다. 14번째 줄을 보면 숫자는 ' ' (Quotation marks) 없이 대괄호 안에..

안녕하세요. 동기 여러분! 오늘은 Properties에 접근하여 Key 값으로 Value를 데려오는 아주 기가 막히고 쉬운 방법에 대해 알아봅시다! Accessing Properties Properties에 있는 Key를 불러내서 Value를 등장시킬 수 있는데요, 점 표기법(Dot notation)을 사용합니다. 생김새 겸 예제 // JavaScript let theGreatKingSejong = { name : '이도', nationality : '조선', job : '조선의 왕', birth : 1397 }; console.log(theGreatKingSejong.name); console.log(theGreatKingSejong.nationality); console.log(theGreatKing..

안녕하세요. 동기 여러분! 오늘은 객체를 생성하는 방법에 대해 알아보겠습니다. 파이썬에서는 이와 비슷한 사전(Dictionary) 기능이 있는데요, 함께 비교해보며 가봅시다! Creating Object Literals 객체는 자바스크립트의 다른 데이터 타입들처럼 변수로 선언될 수 있습니다. 다만 선언할 때 {}(Curly braces) 중괄호를 사용하여 정해줍니다. // JavaScript let dongiCoding = {}; // 객체가 비어있는 상태 저기 중괄호 안을 채워 줄 수 가 있는데, 바로 Key와 Value로 채워줄 수 있습니다. Key는 Value를 붙잡고 있는 Value의 이름이라고 생각할 수 있습니다. 그 이유는 Key를 통해 Value의 값을 불러올 수 있기 때문인데요 어떻게 생겼..

안녕하세요. 동기 여러분! 오늘은 .some() 메서드와 .every()메서드를 가지고 왔습니다! .some(), .every() Method .some() Method .some() 메서드는 배열(Array)안에 있는 객체(Element)를 하나하나씩 검사하여 우리가 적어 놓은 조건에 맞는 객체를 찾아내면 불린(Boolean) 형태인 true로 알려주는 아주 귀엽고 깜찍한 녀석입니다. 찾아내는 즉시 알려주기 때문에 조건에 맞는 객체가 몇 개인지는 알지 못하고 만약 찾지 못한 경우는 false로 반환해줍니다. .every() Method .every 메서드도 배열(Array)안에 있는 객체(Element)를 하나하나씩 검사하지만(여기서 부터 .some Method랑 다름) 우리가 적어 놓은 조건에 맞는 ..

안녕하세요. 동기 여러분! 오늘은 .reduce() 메서드에 대해 알아보도록 하겠습니다. 문과 출신에 요리가 직업이었던 저에겐 상당히 이해하기 어려운... 메서드였습니다. 문과의 입장에서 쉽게 풀어보겠습니다! The .reduce() Method .reduce() 메서드는 리턴한 결괏값을 하나의 값으로 줄여줍니다. 무엇을 줄여줄까요? 우리가 만든 배열의 객체를 하나의 값으로 줄여줍니다. 생김새 // JavaScript const numbers = [1, 2, 3, 4, 5]; const initialValue = 0; const summedNums = numbers.reduce((accumulator, currentValue, index) => { return accumulator + currentVal..