Dongi_coding 동기_코딩

안녕하세요. 동기 여러분! 오늘은 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를 데려오는 아주 기가 막히고 쉬운 방법에 대해 알아봅시다! 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..

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

안녕하세요. 동기 여러분! 오늘은 .findIndex() 메서드에 대해 알아보겠습니다. The .findIndex() Method 객체(element)의 위치를 찾고 싶을 때, 우리는 .findIndex() 메서드를 사용하여 쉽게 찾아낼 수 있습니다. 물론 메서드 이름이 findIndex이니까 우리가 찾고 싶은 객체를 컴퓨터가 인덱스 번호로 알려줍니다. 하지만 우리가 걸어놓은 조건에 만족한 객체를 찾지 못한다면, 컴퓨터는 -1로 값을 알려주는데요, 이는 false라는 뜻으로 볼 수 있습니다. 생김새 // JavaScript const nums = [1, 2, 3, 4, 5, 6]; const largerThanFourNum = nums.findIndex(num => { return num > 4; });..

안녕하세요. 동기 여러분! 오늘은 .filter() 메서드를 가지고 왔습니다. The .filter() Method filter를 영어사전에 찾아보면, 필터, 여과 장치, 여과하다, 거르다 라는 뜻이 있습니다. 그러므로 .filter() 메서드는 배열에 있는 객체를 우리가 정한 코드에 따라 걸러주는 아주 귀엽고 깜찍한 친구가 되겠습니다. 또한, 저번 시간에 알아본 .map() 메서드처럼 새로운 배열을 만들어 줍니다. 생김새 // JavaScript const straightNumbers = [1, 2, 3, 4, 5]; // 배열 const oneTwoThree = straightNumbers.filter(straightNumber => { // .filter() 메서드 적용 return straight..

안녕하세요. 동기 여러분! 오늘은 간단한 메서드 하나 들고 왔습니다! The .forEach() Method .forEach 메서드는 배열(Array)에 있는 각각의 개체를 꺼내와서 실행시켜주는 아주 귀엽고 깜찍한 녀석입니다. 생김새 // JavaScript IDENTIFIER = [1, 2, 3, 4, 5] IDENTIFIER.forEach(); // 소괄호 안에 함수를 넣어줍니다. 예제 일반 함수를 사용한 경우 화살 함수(Arrow Function)를 사용한 경우 어때요? 오늘은 즈응말 쉽죠잉? 하하하하 오늘의 느낌 자몽은 그냥 먹으면 별로 맛이 없는데 자몽맛 탄산수는 최고인 듯.

안녕하세요. 동기 여러분! 오늘은 함수(Function)를 매개변수(Parameter)에 집어넣어 사용하는 방법을 알아보도록 합시다. 살짝 포스팅이 늦어졌는데, 일 끝나고 피곤한 상태로 이걸 이해하려 하다 보니 이해가 너무 안 돼서 며칠을 씨름했네요! 아무튼, 가봅시다! Functions as Parameters 자바스크립트에서는 함수를 매개변수에 집어넣어서 사용할 수 도 있는데, 그러기 위해서는 고차 함수(Higher order function)가 필요합니다. 고차 함수(Higher Order Function)가 무엇인가? 하나이상의 함수를 매개변수(Parameter)의 값을 받는다. 함수의 결괏값을 되돌려준다. 상위 두기 능이 다 있다. 생김새 말로 백날 설명해봐야 이해가 안 된다. 코드를 보시죠! ..