본문 바로가기

Javascript6

forEach에서 continue 기능 사용하는 방법 forEach는 {for ... of} 나 {for문} 과는 다르게 continue를 지원하지 않음 → 이유는 forEach는 반복문이 아닌 배열의 메서드 이기 때문! 하지만, 프로젝트를 진행하면 forEach로 짜여진 코드에 continue와 같이 현재 반복을 중단하고 다음 반복을 이동하는 코드를 이용해야 할 경우가 있음 forEach는 메서드 이므로 해당 함수를 return 하는 콜백함수 개념을 이용하면 됨. 그러면 continue와 같이 반복문에서 만 사용할 수 있는 기능과 비슷하게 기능 구현 가능! // 예시 const array = [1, 2, 3, 4, 5]; array.forEach(element => { if (element === 3) { return; // 현재 반복 건너뛰기 } con.. 2023. 5. 31.
[JS]programmers: 실패율 https://school.programmers.co.kr/learn/courses/30/lessons/42889?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 시간적으로 뛰어난 알고리즘은 아닌것 같다. 단계별로 성공한 플레이어와 성공하지 못한 플레이어를 가지고 실패율을 만들어 내림차순으로 표현하는 문제이다. function solution(N, stages) { var answer = []; stages.sort() var arr = [] console.log(stages) for (var i =1; i { answe.. 2022. 11. 22.
[JS]programmers: 메뉴리뉴얼 https://school.programmers.co.kr/learn/courses/30/lessons/72411?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 까다로웠던 문제.. 일단 모든 조합들을 찾는대에 있어서 까다로움이 있었다. 이는 조합을 구하는 코드를 다른 블로그에서 인용함 // 조합을 구하는 공식 참고 const getCombination = (arr, selectNumber) => { const results = []; if (selectNumber===1) return arr.map((el) => [el.. 2022. 10. 13.
Axios Axios 개념을 정리하기 전 필요한 개념정리(전에 올린 개념들과 함께 공부하는게 좋음!) Callback function 다른 함수에 인자로 전달된 함수 외부 함수 내에서 호출되어 일종의 루틴 또는 작업을 완료함 동기식 비동기식 모두 사용됨 비동기 작업이 완료된 후 코드 실행을 계속하는 데 사용되는 경우를 비동기 콜백(asynchronous callback)이라고 함 Async callbacks 백그라운드 코드 실행이 끝나면 callback 함수를 호출하여 작업이 완료되었음을 알리거나, 다음 작업을 실행하게 할 수 있음 (ex) click이 되는지 안되는지 기다리다가 클릭이 되었을때 실행시키는 느낌) callback 함수를 다른 함수의 인수로 전달할 때, 함수의 참조를 인수로 전달할 뿐이지 즉시 실행되.. 2022. 5. 3.
비동기식 코드 위 코드를 보면 2줄까진 동기식으로 진행이 되었다가 request.send()쪽에선 비동기식으로 작동된다. 또 그 아래 두 코드는 다시 동기식인걸 알 수 있다. 이러한 비동기식을 사용하는 이유가 무엇인가? 비동기식 코드라면 데이터를 요청하고 응답 받는 동안, 앱 실행을 함께 진행함으로써 더욱 쾌적한 '사용자 경험'을 제공한다. 이에 필요한 개념을 설명해 보자면 Threads 프로그램이 작업을 완료하기 위해 사용할 수 있는 단일 프로세스 각 thread는 한 번에 하나의 작업만 수행할 수 있음 브라우저에선 1탭당 1명의 일꾼이라 생각하면 됨. blocking vs non-blocking ex) # blocking import requests URL = 'https://jsonplaceholder.typic.. 2022. 5. 3.
XMLHttpRequest 서버와 상호작용하기 위해 사용되며 전체 페이지의 새로 고침 없이 데이터를 받아올 수 있다. 사용자의 작업을 방해하지 않으면서 페이지 일부를 업데이트 할 수 있음 주로 ajax프로그래밍에 사용 이름과 달리 xml뿐만 아니라 모든 종류의 데이터를 받아올 수 있음 생성자 --> XMLHttpRequest() ex) 2022. 5. 3.