본문 바로가기

분류 전체보기352

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.
[백준] 자바 11659 구간 합 구하기4 문제 수 N개가 주어졌을 때, i번째 수부터 j번째 수까지 합을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 수의 개수 N과 합을 구해야 하는 횟수 M이 주어진다. 둘째 줄에는 N개의 수가 주어진다. 수는 1,000보다 작거나 같은 자연수이다. 셋째 줄부터 M개의 줄에는 합을 구해야 하는 구간 i와 j가 주어진다. 출력 총 M개의 줄에 입력으로 주어진 i번째 수부터 j번째 수까지 합을 출력한다. 테스트 케이스 입력 1 5 3 5 4 3 2 1 1 3 2 4 5 5 출력 1 12 9 1 입력 2 3 2 1 2 3 1 2 1 3 출력 2 3 6 입력 3 10 2 1 2 3 4 5 10 2 3 2 1 1 6 7 9 출력 3 25 7 접근 문제 자체는 쉬운데 그냥 생각 없이 했다가는 시간 초과가 납니다.. 그.. 2022. 3. 15.
[백준] 자바 2630 색종이 만들기 문제 아래 과 같이 여러개의 정사각형칸들로 이루어진 정사각형 모양의 종이가 주어져 있고, 각 정사각형들은 하얀색으로 칠해져 있거나 파란색으로 칠해져 있다. 주어진 종이를 일정한 규칙에 따라 잘라서 다양한 크기를 가진 정사각형 모양의 하얀색 또는 파란색 색종이를 만들려고 한다. 전체 종이의 크기가 N×N(N=2k, k는 1 이상 7 이하의 자연수) 이라면 종이를 자르는 규칙은 다음과 같다. 전체 종이가 모두 같은 색으로 칠해져 있지 않으면 가로와 세로로 중간 부분을 잘라서 의 I, II, III, IV와 같이 똑같은 크기의 네 개의 N/2 × N/2색종이로 나눈다. 나누어진 종이 I, II, III, IV 각각에 대해서도 앞에서와 마찬가지로 모두 같은 색으로 칠해져 있지 않으면 같은 방법으로 똑같은 크기의.. 2022. 3. 14.
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 Primitive type checking 공부 동기? if (typeof "1" === String) { console.log("'1' === String"); } else { console.log("'1' !== String"); } 해당 코드를 보고 true가 나올 것이라 생각했는데, false가 나왔기 때문입니다. 내용 "1"의 타입은 string이니까 당연히 String과 비교하면 참이라고 생각하였지만, console.log(typeof "1"); //string console.log(typeof String); //function 위 코드를 작성해보니 "1"은 원시 타입 string이고, String은 function이었습니다. String()은 String 객체를 만들어주는 함수이니 당연한 결과였습니다. primitive string.. 2022. 3. 10.
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.
반응형

티스토리툴바