전체 글521 [JS] 65. Class 상속 in ES6 안녕하세요. 박기린 입니다. ES6의 class 방식으로 inheritance(상속)을 구현하는 방법에 대해 알아보겠습니다. Inheritance between Classes in ES6 class PersonCl { constructor(fullName, birthYear) { this.fullName = fullName; this.birthYear = birthYear; } calcAge() { console.log(2023 - this.birthYear ); } static hey() { console.log('Hey there'); console.log(this); } }; 우선 위와 같은 PersonCl class가 있다고 가정을 합니다. 사람의 정보를 담은 클래스인데, 이 클래스를 상속받아서 .. 2023. 2. 1. [JS] 64. Static Methods in Class 안녕하세요. 박기린 입니다. Static Methods Array.from(), Number.parseFloat()과 같이 프로토타입에서는 쓸 수 없고, Class 원형 그 자체에서만 쓸 수 있는 내장함수들과 같이, 프로토타입으로 상속이 되지 않는 메소드들을 Static Methods라고 부릅니다. +) 프로토타입에 대한 설명이 담긴 글 : https://arnopark.tistory.com/574 ES6 방식으로 구현하기 +) ES6 Class에 대한 설명이 담긴 글 : https://arnopark.tistory.com/575 class PersonCl { constructor(fullName, birthYear) { this.fullName = fullName; this.birthYear = bir.. 2023. 1. 31. [JS] 63. Setter와 Getter 안녕하세요. 박기린 입니다. Accessor Properties JS의 모든 Object는 getter와 setter를 가질 수 있습니다. 이 둘은 함수이자, Object 내부의 값을 획득하거나 새로 지정하는 함수가 담긴 property입니다. 이를 Accessor property(접근자 프로퍼티-속성)라고 부릅니다. Get and Set const account = { owner: 'Jonas', movements: [200, 530, 120, 300], get latest() { return this.movements.slice(-1).pop(); }, set latest(mov) { this.movements.push(mov); }, }; getter와 setter는 object 내에서 'get',.. 2023. 1. 30. [원신] 연하궁 퀘스트 전부 공략 / 심해 용 도마뱀 무리 찾는 법 연하궁 시리즈 사전 퀘스트 월광욕 연못 : https://arnopark.tistory.com/577 고요한 물의 흐름 : https://arnopark.tistory.com/578 지하동굴 퀘스트 연하궁 스토리 & 심해 용 도마뱀 무리 : https://arnopark.tistory.com/579 안녕하세요. 박기린입니다. 저번 연하궁 사전 퀘스트에 이어서, 이번엔 연하궁을 전부 돌파해보도록 하겠습니다. 영원의 입구 연하궁 밑에 처음 내려가면, 위와 같은 퀘스트가 받아집니다. 물 위 언덕으로 올라가주면 거대한 문이 보입니다. 거대한 문 근처로 가서 워프 포인트를 일단 열어줍시다. 건문 표식 활성화 그러면 거대한 문 주변에 있는 '건문 표식'을 활성화하라는 퀘스트가 나옵니다. 마커에 위치한 건문 표식 근.. 2023. 1. 27. [원신] 연하궁 사전 퀘스트 : 고요한 물의 흐름 연하궁 시리즈 사전 퀘스트 월광욕 연못 : https://arnopark.tistory.com/577 고요한 물의 흐름 : https://arnopark.tistory.com/578 지하동굴 퀘스트 연하궁 스토리 & 심해 용 도마뱀 무리 : https://arnopark.tistory.com/579 안녕하세요. 박기린 입니다. 저번 월광욕 연못에 이어서, 연하궁 진입을 위한 퀘스트인 '고요한 물의 흐름'을 클리어해보겠습니다. 고요한 물의 흐름 이번에도 츠유코에게 가면 퀘스트를 시작할 수 있습니다. 건문 찾으러 가기 이번 퀘스트의 핵심 기믹은 '건문'입니다. 먼저 와타츠미섬에 떨어진 2개의 건문을 찾으러 가야 합니다. 우선 북쪽에 위치한 건문을 찾으러 갑니다. 가면은 유적 기계 장치 몬스터들이 드글드글합니.. 2023. 1. 19. [원신] 연하궁 사전 퀘스트 : 월광욕 연못 연하궁 시리즈 사전 퀘스트 월광욕 연못 : https://arnopark.tistory.com/577 고요한 물의 흐름 : https://arnopark.tistory.com/578 지하동굴 퀘스트 연하궁 스토리 & 심해 용 도마뱀 무리 : https://arnopark.tistory.com/579 안녕하세요. 박기린 입니다. 야에 미코의 성장 재료를 모으기 위해서 꼭 뚫어야 하는 지역인 '연하궁'에 들어가기 위해, 연하궁 사전 준비 퀘스트를 깨보도록 하겠습니다. 이번 글은 첫 번째 연하궁 사전 퀘스트인 월광욕 연못을 깨보겠습니다. 츠유코의 위치 미션을 받기 위해 와타츠미 섬의 모운 신사로 가줍니다. 거기에 있는 츠유코 NPC에게 말을 걸면 퀘스트가 시작됩니다. 와타츠미의 눈 월광욕 연못의 주요 미션은 .. 2023. 1. 19. [원신] 리월 둔옥릉 수수께끼 기믹을 풀고 바위 신의 눈동자 먹기 안녕하세요. 박기린 입니다. 이번에는 리월의 둔옥릉에 위치한 유적의 수수께끼 기믹을 해결하는 방법에 대해 알려드리겠습니다. 둔옥릉 유적지 - 불 붙이기 리월의 둔옥릉에는 유적이 있습니다. 그리고 바위 신의 눈동자와 보물상자가 함께 숨겨져 있습니다. 첫 번째 기믹은 4개의 횃불 석상에 불을 붙이는 것입니다. 우선 유적 지하, 수면에 위치한 두 개의 횃불에 불을 붙여줍니다. 그 다음에는 유적 상층부로 올라와서, 바위 원소 반응 석상 근처에 위치한 두 개의 석상 횃불에 불을 붙여줍니다. 각각 불을 붙이고 나서, 바위 원소 반응 석상에 바위 원소 스킬을 사용해주면 첫 번째 기믹이 끝납니다. 그러면 둔옥릉 앞 호수의 물이 빠집니다. 둔옥릉 유적지 - 선령 모으기 두 번째 기믹은 3마리의 선령을 모으는 것입니다. .. 2023. 1. 14. [JS] 62. ES6 Class 안녕하세요. 박기린 입니다. 이전에 생성자 함수와 new 연산자를 이용해서 class를 선언하는 방법에 대해 알아봤습니다. 이번에는, 기존의 JS 프로토타입 방식을 사용하지만 다른 언어의 Class와 유사하게 코드를 작성할 수 있는 방법에 대해 알아보겠습니다. ES6 Class 이 방법은 ES6 버전 JS에서 업데이트된 방식으로, class라는 예약어를 이용해서 클래스를 선언하는 방식입니다. class를 선언하는 데에는 class expression과 class declaration 두 가지 방법이 있습니다. class expression const PersonCl = class { constructor(firstName, birthYear) { this.firstName = firstName; this.. 2023. 1. 13. [JS] 61. 생성자 함수와 new 연산자/프로토타입 상속과 체인 안녕하세요. 박기린 입니다. 이번엔 객체 지향 프로그래밍(OOP - Object Oriented Programming)의 class를 생성하는 방법에 대해 알아보겠습니다. 생성자 함수와 new 연산자 자바스크립트에서는 생성자 함수와 new 연산자를 이용해서 class를 생성할 수 있습니다. 이 방식은 JavaScript의 구식 방식으로, 앞으로 소개해드릴 모든 자바스크립트 class 생성 방법의 근간이 되는 방식입니다. 다른 언어와는 다른 부분이 많다보니 헷갈릴 수도 있습니다. const Person = function(firstName, birthYear) { // Instance properties this.firstName = firstName; this.birthYear = birthYear; }.. 2023. 1. 11. 이전 1 ··· 40 41 42 43 44 45 46 ··· 58 다음
