엘린의 개발일지

📔MDN : [arr.reduce(callback[, initialValue])]() (해당 syntax 클릭시 mdn 링크로 이동합니다.) 대부분의 사람들이 reduce는 단순히 배열을 하나로 합친다던가 누산기로만 사용하곤 합니다. 하지만 생각보다 reduce의 활용방법은 무궁무진합니다. reduce의 사용 예제 가장 간단한 예제부터 본다면 [1, 2, 3, 4, 5] 라는 배열에서 짝수만을 뽑아 2배로 곱하고 싶다는 예시를 들어보겠습니다. const arr = [1, 2, 3, 4, 5]; arr .filter((val) => val % 2 === 0) .map((val) => val * 2); // [4, 8] 해당 코드의 경우 루프를 2번 될게됩니다. 그럼 이제 reduce로 값을 변경해볼까요 ?..

🎯 For문 보다 더 간결한 forEach()문 for문을 주로 사용했던 나는 가독성을 높히면서 간결한 코드를 짜기 위해 forEach()를 사용하며 코딩 테스트 문제를 풀어보려고 개념을 공부하고 적용하는 연습을 했다. forEach를 통해서 반복해줄 element와 index를 매개변수로 넣어주고 함수로 표현 해주면 된다. 생각보다 간단하게 문법을 활용할 수 있어서 편리했다. 예전에는 forEach만 나오면 겁부터 먹고 나중에 배워야지 하고 미뤘었는데 이제는 적극적으로 활용해보고 싶다. 물론 forEach 의 장점은 간결해 보인다는것이 장점이지만 성능은 for문에 비해 좋지 않다고 한다. forEach를 쓸때는 참조할 배열을 앞에 붙힌뒤 .을 붙히고 forEach를 작성한뒤 괄호를 열어 매개변수를 입력..

function solution(quiz) { var answer = []; return quiz.map(t => { const[calc, result] = t.split(' = ') const sign = calc.includes('+') ? 1 : -1; const [a, b] = calc.split(sign === 1 ? '+' : '-'); return +a + (+b * sign) === +result ? 'O' : 'X' }); } 20분정도 풀다가 split을해서 하나하나 + ,-로 나눠 구분해 봐야지 라고 생각했지만 더 깔끔하고 좋은 풀이가 있어서 참고해보았다. 아직까지 이러한 배열로 푸는 문제들이 익숙하지 않아서 map을 이용해서도 풀어보고 includes 도 이용해서 풀어보는 연습을 조..

정의 동기 현재 실행 중인 태스크가 종료할 때까지 다음에 실행될 태스크가 대기하는 방식 비동기 현재 실행 중인 태스크가 종료되지 않은 상태라 해도 다음 태스크를 곧바로 실행하는 방식 싱글 스레드 방식 자바스크립트 엔진은 한 번에 하나의 태스크만 실행할 수 있는 싱글 스레드 방식으로 동작한다. 블로킹 싱글 스레드 방식은 한 번에 하나의 태스크만 실행할 수 있기 때문에 처리에 시간이 걸리는 태스크를 실행하는 경우 블로킹(작업 중단)이 발생한다. setTimeOut setTimeOut기능 덕분에 비동기 처리를 통해서 한가지 태스크를 하고 있을때에도 동시에 다른 태스크를 곧바로 실행할수 있다. 타이머 함수인 setTimeout과 setInterval, HTTP요청, 이벤트 핸들러는 비동기 처리 방식으로 동작한다..

📢 참고하면 좋을 사이트: Array.prototype.reduce() - JavaScript | MDN reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. developer.mozilla.org https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce reduce 메서드는 자신을 호출한 배열을 모든 요소를 순회하며 인수로 전달받은 콜백 함수를 반복 호출한다. 그리고 콜백 함수의 반환값을 다음 순회 시에 콜백 함수의 첫 번째 인수로 전달하면서 콜백 함수를 호출하여 하나의 결과값을 만들어 반환한다. 이때 원본 배열을 변경되지 않..

정규표현식이 낯선 분들께 추천드리는 사이트이다. 누구나 정규표현식을 처음 들어보고 낯선 기호들때문에 어색해 한다면 아래와 같은 사이트를 추천한다. https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com 위 사이트는 내가 만들고자 하는 정규표현식을 예시로 어떻게 입력이 되서 동작하는지 알수 있게 해주는 사이트고, 문법도 저절로 외울수 있으니 한번 시도해보면 좋을것같다. 각각의 문법을 한번 살펴보고 내가 적용하고 싶은 RegExp의 문법들을 하나하나 찾아보는것이 좋다.