728x90 JS20 자바스크립트 콜백함수(callback)에 대해 (개념,동작 원리,사용이유,장점,단점) 알아보자 프론트엔드 일을 시작한지 곧 있으면 3년차가된다.이번년도부터 스터디를 시작하면서 본격적으로 JS에 대해 공부하고 있는데,개발을 처음 시작했을 때 이해가지 않았던 개념이나 단어들이 최근에는 이해가 되고있다.그래서 요즘 살짝 재미를 붙인 상태이다.오늘은 처음에는 몰랐던 단어인 '콜백함수' 에 대한 글이다.부끄럽지만 나는 콜백함수가 정확히 어떤건지 모르고 그냥 지나쳤는데벌써 만 3년이 흘렀더라.... 천안으로 가는 기차에서 코어자바 스크립트를 읽는 데 콜백함수 부분을 읽는 데 잘 이해가 안가더라그래서 스터디때 얘기했더니 그 부분에 대해서 스터디 얘기하는게 어떻겠냐 제안을 받아 본격적으로 공부했다. 맨처음에 알았던 단어이면서 개발하면서 계속 듣는 단어인 오늘은 콜백함수에 대해 글을 쓰려고한다. 콜백함수란콜백.. 2024. 7. 21. 자바스크립트 Array filter 정의 및 사용법 자바스크립트의 filter() 메서드는 배열의 요소를 특정 조건에 따라 필터링하는 데 매우 유용합니다. 일반적으로 대량의 데이터에서 특정 조건을 만족하는 요소들만 선별해야 할 때, filter() 메서드를 사용합니다. 예를 들어, 학생 성적 데이터에서 합격한 학생들만 추출하거나, 특정 조건을 만족하는 상품 목록을 필터링하는 등의 작업에서 이 메서드를 활용할 수 있습니다. 이러한 작업은 데이터 분석, 검색 기능 구현, 그리고 다양한 데이터 처리 시나리오에서 필수적입니다. 본 글에서는 자바스크립트의 filter() 메서드 정의와 사용법, 그리고 실전 예제를 통해 이 메서드의 활용법을 자세히 살펴보겠습니다. 자바스크립트 Array Filter 정의 및 사용법자바스크립트의 filter() 메서드는 배열의 각 요.. 2024. 7. 6. 1688. Count of Matches in Tournament 문제 우승자를 뽑는 토너먼트다. 팀이 홀수이면 +1을 하고 2로 나누고 팀이 짝수이면 그대로 2로 나누면 된다. 그리고 나눈 나머지들을 다 더해서 총 매치 수를 반환하면 된다. 현재 풀이 /** * @param {number} n * @return {number} */ var numberOfMatches = function(n) { let sum = 0; while(n > 1){ if(n %2 === 1){ n=Math.floor(n/=2) sum+=n n+=1 }else{ n=Math.floor(n/=2) sum+=n } } return sum }; 몫에 소수점이 필요없어서 floor 함수를 이용했다. 그다음은 n이 홀수인지 짝수에 따라 분기를 처리해서 해결했다. 예전 풀이 /** * @param {n.. 2022. 6. 21. 코어 자바스크립트 1장 데이터 타입(06,07) 이 글은 전적으로 코어 자바스크립트를 읽고 나름대로 요약한 글이다. undefined와 null 자바스크립트에는 '없음'을 나타내는 값이 두 가지가 있습니다. 바로 undefined와 null입니다. 두 값의 의미는 같지만, 미세하게 다르고, 사용하는 목적 또한 다릅니다. undefined는 사용자가 명시적으로 지정할 수도 있지만 값이 존재하지 않을 때 JS 엔진이 자동으로 부여하는 경우도 있습니다. 사용자가 undefined를 지정하는 경우는 달리 덧붙일 내용이 없어 넘어가고, JS엔진이 자동으로 부여하는 경우에 대해 살펴봅시다. JS엔진은 사용자가 응당 어떤 값을 지정할 것이라고 예상되는 상황임에도 실제로는 그렇게 하지 않았을 때 undefined를 반환합니다. 다음 세 경우가 이에 해당합니다. 1... 2022. 6. 20. 1588. Sum of All Odd Length Subarrays 문제 배열의 개수가 홀수 일 때만 그 안에 값들을 더하는 문제다. 현재 풀이 /** * @param {number[]} arr * @return {number} */ var sumOddLengthSubarrays = function(arr) { let sum = 0 for(let i = 0; i < arr.length; i++){ for(let j = i; j 2022. 6. 15. 1791. Find Center of Star Graph 문제 그림을 보면 숫자 2가 다른 숫자들과 연결돼있다. 문제의 답은 숫자 2처럼 커넥션이 되는 숫자를 찾는 문제다. 현재 풀이 /** * @param {number[][]} edges * @return {number} */ var findCenter = function(edges) { let obj = {} for(let item of edges){ 버전 2 for(let num of item){ obj[num] ? obj[num] += 1 : obj[num] = 1; if(obj[num] > 1){ return num } } } 버전 1 // item.map(num=> { // obj[num] ? obj[num] += 1 : obj[num] = 1; // }) // for(let num in obj){.. 2022. 6. 13. 이전 1 2 3 4 다음 728x90
