병합 연산자란 null이나 undefined를 체크하고자 할때 사용한다. 현업에서 null이나 undefined 체크를 할때 나의 경우는 or연산자를 많이 써서 체크했었다. 하지만 숫자 0의 경우는 false로 구분하기에 자칫 실수를 할 수도 있다. ES11 문법에서 추가된 내용으로 병합 연산자를 소개하고자 한다. 첫째로 아래와 같이 변수들을 정의해 보았다. const isZero = 0; const isNull = null; const isUndefined = undefined; const isEmpty = ''; 1. OR 연산자를 쓸 경우 //# OR 연산자 const orCode1 = isZero || 'this is [Null] or [Undefined]'; const orCode2 = isNu..

지원 직무 : 프론트엔드 개발 (React) 기술면접은 주로 이력서에 작성된 기술 위주의 질문이 이루어졌습니다. 주로 별3개(⭐⭐⭐) 이상에서 질문을 많이 받았습니다. 별 0~2개는 프론트엔드 개발자라면 기본적으로 숙지하면 좋을듯 싶어 작성하였습니다. [React] 1. React와 Vue의 차이점은? 2. React의 LifeCycle을 아는대로 답변해주세요. ⭐⭐⭐⭐ 3. Mobx와 Redux의 차이점은? ⭐⭐⭐ 4. React의 상태변화 감지에 대해 아는대로 답변해주세요. ⭐⭐ 5. 컴포넌트란 무엇인가요 ⭐⭐⭐ 6. Mobx와 Redux를 선택하라고 한다면 무엇을 선택할건가요? 그 이유는? ⭐⭐⭐⭐⭐ 7. Dom과 Virtual Dom의 차이점은 무엇인가요. ⭐⭐ 8. 렌더링 동작 방식에 대해 말씀..

Javascript 클로저란? (바로 하단의 블로그를 참고하여 정의해보면) 하단의 일반적으로 어떤 함수가 자신의 내부가 아닌 외부에서 선언된 변수에 접근하는 것이다. 이렇게 서술하면 무슨말인지 잘 모르겠다면, 더 풀어서 설명하면 정의한 함수를 리턴하고 실제 클로저의 사용은 스코프 정의한 함수를 리턴하고 사용은 밖에서 사용한다. 라고 설명하면 또 무슨소린가 와닿지 않을경우 아래와 같이 코딩을 해보았다. function getfn() { const text = 'closure!!!'; return function() { return text; }; } const closure = getfn(); console.log(closure()); // @결과 : closure!!! 위와 같이 getfn안에 funct..

오늘은 Javascript reduce에 대해서 포스팅 해봅니다. reduce 메소드는 현업에서도 종종 쓰이며, 알고리즘 꽤 많은 것을 구현할 수 있습니다. Reduce reduce에서 첫번째 인자인 누적값(accumulator)과 두번째 인자인 현재값(currentValue)을 가지고 있습니다. 보통 배열의 합을 구하거나, 특정 배열의 중복 제거, 같은 값을 찾을 때 사용할 수 있습니다. // 1. 배열의 합 const arr = [1, 7, -8, 5, 2]; //sum = 7 const result = arr.reduce((accu, curr) => { //accu : 누산값, curr 현재 누산할 값 // console.log('[accu] : ', accu, ', [curr] : ', curr,..