Dongi_coding 동기_코딩

하우즛 고잉 가이즈? 동기 여러분! 오늘은 너무나도 신나게도 자바스크립트 기초문법의 마지막 시간입니다. 이 주제를 마지막으로 Codecademy에서 제공하는 무료 레슨은 끝이 나게 됩니다. 아싸ㅋㅋㅋ 힘내서 가보도록 하죠! Built-in Object Methods 객체에서 우리가 메서드를 만들 수도 있지만, 만들어져 있는 메서드도 있는데 적재적소에 당겨와서 사용해주면 코드를 작성함에 있어서 더욱 쾌적한 환경이 만들어질 수 있습니다. MDN Web Docs에 있는 객체의 스태틱 메서드를 세 가지 정도 가져와서 알아보는 시간을 갖도록 하겠습니다. 링크 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Obje..

하우즛 고잉 가이즈? 동기 여러분! 오늘은 Destructured Assignment에 대해 알아보도록 하겠습니다. Assignment라는 단어 제가 참 싫어하는 단어인데, 캐나다서 학교 다닐 때 진짜 과제 때문에 열 받은 적이 한두 번 아니... 에헴 암튼 갑시다! Destructured Assignment Destrcture 파괴하다, 해체하다 라는 뜻이 있습니다. 진짜 파괴한 과제면 좋겠네요! ㅋㅋㅋ 여기선 그런 건 아니고 우리가 객체(Object)에서 프로퍼티(Property)를 추출할 때, 프로퍼티를 변수(Variable)에 저장을 합니다. 아래를 보시죠. // JavaScript const jinRamenHot = { price : '550원', weight : '120g', kcal : '5..

하우즛 고잉 가이즈? 동기 여러분! 오늘은 Factory Functions, 공장 함수에 대해 알아보겠습니다. 오늘 내용은 쉽고 간단하니까 빠르게 알아보도록 하죠! Factory Functions 리그 오브 레전드의 챔피언들의 스킬 이름을 알아보는 자료를 만든다고 생각해봅시다. 우리가 지금까지 배운 객체(Object)를 사용한다면 일일이 정보를 적어서 채워줘야 하는 방식입니다. 아래의 코드를 봅시다. // JavaScript const champions = { name : '가렌', passive : '인내심', q : '결정타', w : '용기', e : '심판', r : '데마시아의 정의', quote() { console.log('내 검과 심장은 데마시아의 것이다!') } } 가렌에 대한 코드를 적..

하우즛 고잉 가이즈? 동기 여러분! 오늘은 어제 Getters에 이어 Setters에 대해 알아보도록 합시다. 점점 내용이 어려워지고 있지만 괜찮습니다. 하나씩 알아가다 보면 언젠가 전문가가 되는 날이 올 것입니다! Setters 객체에서 프로퍼티는 두 가지 종류가 있습니다. 데이터 프로퍼티(data property): 일반적인 프로퍼티입니다. // 데이터 프로퍼티 let dongiRestaurant = { _kimchiJeyuk : 4500, _donKatsu : 5000 }​ 접근자 프로퍼티(accessor property): 어제 get 메서드를 소괄호(Parentheses) 없이 호출이 가능하다고 말씀드리면서 이게 접근자 프로퍼티이기 때문에 가능하다고 했었습니다. 이 친구는 함수와 같은 성질을 가..

하우즛 고잉 가이즈? 동기 여러분! 오늘은 Getter에 대해 알아보려 합니다. 다음 시간에 알아볼 Setter와 세트메뉴 같은 녀석인데 우리는 초보이기 때문에 하나씩 아주 쉽고 재밌게 해 봅시다 갑시다! Getter Getter 메서드는 객체 내부의 프로퍼티들을 가져오거나 반환해주는 아주 고마운 녀석입니다. 생김새 // JavaScript const 객체 = { _키: '벨류', _키2: '벨류2' get 메서드이름() { 여기에 조건 } } 예전에 배운 메서드(Method) 만드는 방법과 동일한데 그냥 맨 앞에 get만 붙혀주면 끝 예제와 설명 차근차근 뜯어봅시다. 객체(Object) applePen 선언하기 = { } 프로퍼티(Property) 생성, 키는 _pen 벨류가 'pen' 프로퍼티(Pro..

하우즛 고잉 가이스? 동기 여러분! 오늘은 Privacy에 대해 알아볼 건데 이것은 기능이라기 보단 관습? 관례? 같은 개발자들 간에 약속입니다. 그러면 가보도록 하죠 갑시다! Privacy 동아출판의 영어사전에 Privacy를 찾아보면 링크 : https://en.dict.naver.com/#/entry/enko/5d76e60c545b419798d447c5ca6e7d01 (남의 간섭을 받지 않는 개인의)사생활; 사적[개인적]자유, 프라이버시 남의 눈을 피함, 은거, 은둔, 은퇴 생활 비밀, 은밀, 비공개 은거처, 은둔소, 사람 눈에 띄지 않는 장소 라고 나옵니다. 객체(Object)에서 프로퍼티(Property)에 접근하고 업데이트를 당연한 일입니다. 하지만 개발자 인생을 살다가 보면 쉽고 간단하게 객..

헤헤헤헤이 ~~~ 하우즛 고잉? ㅋㅋㅋ 캐나다에 살면서 출근할 때 가장 많이 하는 인사말 같아요. 동기 여러분! 하우즛 고잉? ㅋㅋㅋㅋ 오늘은 어제에 이어서 Arrow Functions에서 this를 사용하는 방법 알아보도록 하죠. 가즈아! Arrow Functions and this 화살표 함수(Arrow Functions)는 몇가지 다른 사항과 제한이 있습니다. 자체의 this나 super에 대한 바인딩이 없고, 메서드로 사용하면 안 됩니다.

안녕하세요. 동기 여러분! 오늘 알아볼 내용은 this라는 키워드입니다. 요즘 너무 코드를 길게 적어서 제가 불편했는데 오늘은 아주 짧고 간결하게 끝내 보도록 하겠습니다. 갑시다! The this Keyword 객체(Object)는 데이터(data)들과 기능(functionality)의 모음집입니다. 이제 프로퍼티(Property)와 메서드(Method)를 객체(Object) 안에서 선언하는 방법들을 배웠기 때문에 이제 아래와 같은 코드를 적을 수 있습니다. // JavaScript const newMacBookPro16 = { chip : 'Apple M1 Pro chip', cpu : '10-core CPU with 8 performance cores and 2 efficiency cores', gp..

안녕하세요. 동기 여러분! 오늘은 객체(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 ..