Language76 [JavaScript] 화살표 함수(arrow fuction) 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법이 있습니다. 바로 화살표 함수(arrow function)를 사용하는 것입니다 let func = (arg1, arg2, ...argN) => expression 이렇게 코드를 작성하면 인자 arg1..argN를 받는 함수 func이 만들어집니다. 함수 func는 화살표(=>) 우측의 표현식(expression)을 평가하고, 평가 결과를 반환합니다. const calcAge = function (birthyear) { return 2020 - birthyear } const calcAge2 = (birthyear) => 2020 - birthyear; 화살표 함수를 사용할 경우에 expression이 한 줄일 경우 return 문이 필요.. 2021. 1. 5. [JavaScript] === 와 == 의 차이 === 와 == 의 차이 === : strict equality operator : 동일한 비교를 수행하지만 strict이기 때문에, 강제적 형변환(type coercion) 을 실행하지 않습니다. 형식이 다른 경우 false가 반환됩니다. '18' == 18 // true '18' === 18 // false 위의 경우는 강제적 형변환(type coercion)을 허용하기 떄문에 결과는 true가 나오지만 아래의 경우는 강제적 형변환(type coercion)을 허용하지 않기 때문에 각각 String 과 number 형태이기 때문에, 형식이 달라 false를 반환하게 됩니다. JavaScript에서 false로 판단하게 되는 경우(falsy values)는 5가지 경우입니다. 0 '' undefined.. 2021. 1. 5. [JavaScript] 강제적 형변환(type coercion) 형변환에는 명시적 형변환(type conversion)도 있지만, 강제적 형변환(type coercion)도 존재하게 됩니다. 명시적 형변환(type conversion)이란, 명시적으로 어떤 변수 형태를 바꿀지 결정하게 됩니다. console.log('I am ' + String(25) + ' years old'); 이 경우 25인 number가 String 으로 명시적 형변환을 하게 되어 문자열로 인식하게 됩니다. 강제적 형변환(type coercion) 도 존재하게 됩니다. console.log('I am ' + 25 + ' years old'); + 연산은 모든 것을 숫자로 바꾸는 것은 아니다. 이 경우 문자열(String) + 숫자 + 문자열(String)이 되기 때문에 가운데 있는 숫자가 강제.. 2021. 1. 4. [React] 커스텀 Hooks 만들기 input 입력을 처리하는 등 여러 컴포넌트에서 비슷한 기능을 공유할 경우, 자신만의 Hook으로 작성하여 로직을 재사용할 수 있습니다. 만드는 방법은 useEffect, useState 등의 Hook을 사용해서 원하는 기능을 구현하고 , 컴포넌트에서 사용하고 싶은 값들을 반환해주면 됩니다. input을 관리하는 커스텀 훅을 만들기 위해 useInputs.js 파일을 만들어줍니다. useInputs.js import { useState, useCallback } from 'react'; function useInputs(initialForm){ const [form, setForm] = useState(initialForm); // Form이라는 새로운 상태를 선언하게 되는데, 그 상태의 초기값은 ini.. 2020. 12. 28. 이전 1 ··· 6 7 8 9 10 11 12 ··· 19 다음