본문 바로가기
728x90
반응형

JavaScript25

[JS] 2차원 배열 중복 제거하기 코딩테스트를 연습하다가 2차원 배열에서 중복을 제거하고 싶은 문제를 만났다! 찾아봐도 정리된 경우가 없는거 같아 내가 직접 정리했다. let arr = [ [ 0, 1 ], [ -1, 1 ], [ -1, 2 ], [ 0, 2 ], [ 1, 2 ], [ 1, 1 ], [ 0, 1 ], [ -1, 1 ], [ -1, 2 ] ]; function removeDup(arr) { return [...new Set(arr.join("|").split("|"))] .map((v) => v.split(",")) .map((v) => v.map((a) => +a)); } let uniqueArr = removeDup(arr); console.log(uniqueArr.length); // 6 9개의 배열을 가지고 있는 a.. 2023. 2. 17.
자바스크립트 Promise 이해해보자! Promise란? 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다. 자바스크립트 비동기 처리란 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성을 말한다. Promise는 만드는 순간 콜백함수가 바로 실행된다는 점을 기억하자. Promise는 왜 필요할까? 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용한다. 일반적으로 웹 애플리케이션을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해 아래와 같은 API를 사용한다. $.get('url 주소/products/1', function(response) { // ... }); 위 API가 실행되면 서버에 데이터를 보내달라는 요청을 하게 되는데, 데이터를 받아오기도 전에 마치 데이터를 다 받.. 2023. 2. 15.
[자바스크립트] filter는 빈 값("", null, undefined)을 자동으로 제거해준다. filter를 사용하면 빈 값("", null, undefined)을 자동으로 제거해준다. let array = [1,2, "", 3, undefined, 4, null]; array.filter((el) => el); // [1,2,3,4] 2023. 2. 8.
[자바스크립트] switch문 언제 사용할까? 논리적 참, 거짓(Boolean 값) 보다는 다양한 상황에 따라 실행할 코드 블록을 결정할 때 사용한다. 기본 구조 switch(조건식) { case 비교조건식1: 동작문1; break; case 비교조건식2: 동작문2; break; default: 동작문3; } 만약 일치하는 case 값이 없다면, 마지막 default로 선언된 명령문이 실행된다. 동작 방식 조건식과 비교조건식이 같으면 동작문을 실행한다. switch (조건식) { case 비교조건식: 동작문; break; } 보통 조건식에 변수 넣고, 비교 조건식에는 변수와 비교할 값을 넣는다. let value = 'A'; switch (value) { case 'A': console.log('A'); } if문의 else 처럼 사.. 2023. 2. 7.
협업을 위한 .prettierrc 파일 만들기 팀 프로젝트를 진행하면서 코드 스타일을 통일하기 위해 .prettierrc 파일을 만들어서 관리했다. 이 과정을 작성해보려고 한다. 설치순서 1. 프로젝트 루트 폴더 위치에서 터미널에 npm i -D prettier eslint-config-prettier 명령어를 입력하여 패키지를 설치한다. eslint-config-prettier 패키지는 Prettier와 충돌하는 ESLint 규칙들을 비활성화 시켜준다. 2. 그리고 .prettierrc 파일을 프로젝트 최상단에 만든다. 3. 원하는 설정을 입력한다. 추가적으로 필요한 설정들은 Prettier Options를 참고하면 된다. // .prettierrc { "singleQuote": true, "printWidth": 100, "tabWidth": 2.. 2023. 2. 6.
728x90
반응형