하루하루 발전하는 개발자와 블로그🙌🏻 하루하루 발전하는 개발자와 블로그🙌🏻

Study

• Setters

  Study/JavaScript 2020. 5. 7. 21:39

  Setters Along with getter methods, we can also create setter methods which reassign values of existing properties within an object. Let’s see an example of a setter method: const person = { _age: 37, set age(newAge){ if (typeof newAge === 'number'){ this._age = newAge; } else { console.log('You must assign a number to age'); } } }; Notice that in the example above: We can perform a check for wha..

  Read More
• getter와 setter 차이점

  Study/JavaScript 2020. 5. 7. 21:34

  https://velog.io/@bigbrothershin/JavaScript-%EC%A0%91%EA%B7%BC%EC%9E%90-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0-getter-setter JavaScript - 접근자 프로퍼티 (getter, setter) 접근자 프로퍼티(accessor property) : 값이 없음. 프로퍼티를 읽거나 쓸 때 호출하는 함수를 값 대신에 지정할 수 있는 프로퍼티입니다. 접근자 프로퍼티의 본질은 함수인데, 이 함수는 값을 획득(get)하고 설정(set)하는 역할을 담당합니다. velog.io setter 설명 자바스크립트에서 setter는 특정한 속성에 값이 변경되어 질 때마다 함수를 실행하는데 사용될 수 있다. setter는 유사prop..

  Read More
• Getters

  Study/JavaScript 2020. 5. 6. 18:19

  Getters Getters are methods that get and return the internal properties of an object. But they can do more than just retrieve the value of a property! Let’s take a look at a getter method: 게터(getter)는 객체의 내부 특성을 가져오고 반환하는 방법이다. 하지만 그들은 단지 property의 value를 되찾는 것 이상의 것을 할 수 있답니다! Getter 방법을 살펴봅시다: const person = { _firstName: 'John', _lastName: 'Doe', get fullName() { if (this._firstName && this._..

  Read More
• Array.prototype.every()

  Study/JavaScript 2020. 5. 6. 11:40

  every() 메서드는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트합니다. 참고: 빈 배열에서 호출하면 무조건 true를 반환합니다. const isBelowThreshold = (currentValue) => currentValue < 40; const array1 = [1, 30, 39, 29, 10, 13]; console.log(array1.every(isBelowThreshold)); // expected output: true https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/every Array.prototype.every() every() 메서드는 배열 안의 모든 요소가 주어..

  Read More
• div box를 가운데 정렬하는 방법

  Study/css 2020. 5. 4. 12:55

  margin: 0 auto; 이렇게 간단한걸 30분을 헤매었다. ㅋㅋㅋㅋㅋflex에서 방황하며...

  Read More
• input box 테두리 변경방법

  Study/css 2020. 5. 4. 10:57

  input 박스를 클릭 했을떄 나오는 테두리 색상 변경하기 input:focus {outline:2px solid #d50000;} input 박스를 클릭 했을떄 나오는 테두리 색상 없애기 input:focus {outline:none;}

  Read More
• arrow function ex.

  Study/JavaScript 2020. 5. 2. 18:53

  const fruits = ['mango', 'papaya', 'pineapple', 'apple']; // Iterate over fruits below fruits.forEach(function(fruits){ console.log(`I want to eat a ${fruits}.`); }) fruits. forEach(fruits => {console.log(`I want to eat a ${fruits}.`);} //위 두 코드는 같은 코드임. 3줄짜리 익명함수와 1줄짜리 arrow함수 )

  Read More
• Higher order function

  Study/JavaScript 2020. 5. 2. 14:28

  https://blog.naver.com/yoon980208/221473932670 [javaScript]Higher order functions Higher order functionHigher order function을 이용하게 되면 여러분의 코드를 보다 더 선언적으로 설계... blog.naver.com Higher order function을 이용하게 되면 여러분의 코드를 보다 더 선언적으로 설계할 수 있으며 좀 더 짧고, 간단하고, 가독성 있게 만들어줄 것이다. 함수를 다른 변수와 동일하게 다루는 언어는 일급 함수를 가졌다고 표현합니다. 예를 들어, 일급 함수를 가진 언어에서는 함수를 다른 함수에 매개변수로 제공하거나, 함수가 함수를 반환할 수 있으며, 변수에도 할당할 수 있습니다. https..

  Read More