전체 글 63

개인 과제를 하던 도중 비동기를 구현 할 줄 몰라서 비동기에 대해 다시 공부했다...

현재 가장 필요한 비동기 작업의 동기적 표현 - Promise + Async/await> 부분을 다시 공부했다.1. Promise란 비동기 처리에 대해, 처리가 끝나면 알려달라는 약속입니다.2. new 연산자로 호출한 Promise 인자로 넘어가는 콜백은 바로 실행돼요.3. 그 내부의 resolve(또는 reject) 함수는 호출하는 구문이 있을 경우 resolve(또는 reject) 둘 중 하나가 실행되기 전까지는 다음(then), 오류(catch)로 넘어가지 않습니다.4. 따라서, 비동기작업이 완료될 때 비로소 resolve, reject를 호출합니다.5. 그럼 await에 걸려있던 함수가 풀립니다. 동기처리로 되어 있는 기명함수로 되어 있는 식을 보겠습니다.var coffeeList = '';var..

JavaScript 2024.08.21

가장 많이 받은 선물 -JS

이 문제는 풀다가 중도 포기를 하게 되었다.그 이유는 문제를 풀다보니 for문과 변수 선언을 너무 많이하게 되서 결국 포기를하고 다른 사람의 풀이를 보면서 어떻게 풀었는지 이해를 하기로 하였습니다. 문제 설명https://school.programmers.co.kr/learn/courses/30/lessons/258712 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이 코드function solution(friends, gifts) { let N = friends.length; //친구들 이름에 따른 idx map 에 저장 const na..

JavaScript 2024.08.20

Math.min(Array)를 넣었더니 NaN이 나왔다

갑작스레 찾아온 NaN(Not a Number) 숫자가 아니란다.너무나도 당황스러웠지만 일단 문제가 무엇인지 찾아보도록 하자. 과거의 문제const numbers = [5, 6, 2, 3, 7]; const min = Math.min(numbers); console.log(min); // NaN현재의 상황은 Math.max든 Math.min이든 최소, 최댓값을 구하는 함수를 사용했더니 숫자가 아니라는 값이 나왔다. Math.min에 관한 공식문서를 살펴보자.Math.min() 정적 메서드는 입력 매개변수로 주어진 숫자 중 가장 작은 수를 반환하거나, 매개변수가 없으면 Infinity를 반환합니다. 라고 적혀있습니다.여기서 중요한 것은 공식문서에서는 주어진 글 그자체로 받아드려야 한다.Math.min의 매..

JavaScript 2024.08.19