본문 바로가기

JS11

[프로그래머스] 택배 배달과 수거하기 js 문제 당신은 일렬로 나열된 n개의 집에 택배를 배달하려 합니다. 배달할 물건은 모두 크기가 같은 재활용 택배 상자에 담아 배달하며, 배달을 다니면서 빈 재활용 택배 상자들을 수거하려 합니다. 배달할 택배들은 모두 재활용 택배 상자에 담겨서 물류창고에 보관되어 있고, i번째 집은 물류창고에서 거리 i만큼 떨어져 있습니다. 또한 i번째 집은 j번째 집과 거리 j - i만큼 떨어져 있습니다. (1 ≤ i ≤ j ≤ n) 트럭에는 재활용 택배 상자를 최대 cap개 실을 수 있습니다. 트럭은 배달할 재활용 택배 상자들을 실어 물류창고에서 출발해 각 집에 배달하면서, 빈 재활용 택배 상자들을 수거해 물류창고에 내립니다. 각 집마다 배달할 재활용 택배 상자의 개수와 수거할 빈 재활용 택배 상자의 개수를 알고 있을 때.. 2023. 1. 11.
JS 배열 필수함수 (Array Function) 글 작성 동기? 최근에 프로그래밍 공부법에 관한 책을 읽고 있는데,,, 그 책에서 무언가를 인출하는 과정이 프로그래밍 학습에서 매우 중요하다고 설명하고 있었습니다. 자바스크립트에는 여러 배열함수가 많고, 막상 눈으로만 보고 인출 과정을 거쳐보지 않았음을 느껴서, 글을 작성하며 공부하였습니다 1. map() const num = [1, 2, 3, 4]; //num배열을 2배로 const numx2 = num.map((el) => el * 2); console.log(numx2); //[ 2, 4, 6, 8 ] 원소를 하나하나 꺼내서 재구성 2.filter() const num = [1, 2, 3, 4]; //num배열을 2이상 값만 const numGrater2 = num.filter((el) => el .. 2022. 3. 25.
JS preventDefault(); 글 작성 동기 js 미니 프로젝트를 하는 중, 서버에서 값을 받아오는데 페이지가 강제로 갱신되는 일이 있었습니다. 이를 preventDefault()로 해결할 수 있었는데, 이를 사용할 일이 앞으로도 많을 것 같아서 기록하였습니다. preventDefault()란? 이벤트의 기본 행동을 막을 수 있습니다. 예시 1) html hah js const a = document.querySelector(".testb"); a.addEventListener("click", (event) => { event.preventDefault(); }); 버튼을 누르면 type이 submit이기 때문에 페이지가 새로고침이 되어야 하지만, preventDefault()를 사용할 경우 새로고침이 되지 않습니다. 예시 2) ht.. 2022. 3. 16.
JS .js 와 .mjs 공부 동기? javascript module 공부하는 도중.. Cannot use import statement outside a module 라는 에러를 마주쳤습니다. 이 에러를 해결하기 위해서 .js파일을 .mjs파일로 변경하라는 해결책이 있었는데, 실제로 이를 적용하니 해결되었습니다. 해결되고나니 .mjs파일 와 .js파일의 차이점이 궁금해서 공부했습니다. .mjs Vs .js 원래 Node.js의 모듈 시스템은 commonjs를 사용했습니다(require과 module.exports를 사용하는..) 그러다가 ECMAscript 모듈 시스템이 표준이 되었고, Node.js는 이를 지원하게 되었습니다. Node.js 는 .cjs 파일로 commonjs 모듈 시스템을 지원했고, .mjs파일로 ECMAs.. 2022. 3. 13.
JS IIFE 공부 동기? 다른 사람의 코드를 보다 보면 종종 IIFF가 보일 때가 있는데, 볼 때마다 새로운 느낌이 들어 정리하면서 공부했습니다. IIFE란? Immediately Invoked Function Expression의 약자로 Immediately => 즉시!! Invoked => 호출된!! Function Expression => 함수 표현 즉, 즉시 실행 함수입니다 사용방법 함수를 ()로 한번 감싸주고, 마지막에 ()를 한번 써주면 됩니다. 마지막 괄호에 값을 넘겨주면 괄호 안의 함수가 인자로 받아서 사용할 수 있습니다. (function () { console.log("hahahaha"); })(); (function (num1, num2) { console.log(`${num1} `); })(5).. 2022. 3. 8.
반응형

티스토리툴바