본문 바로가기

JavaScript

(37)
[javascript] 문자열을 배열로 변환하는 방법들 코테나 실무에서 문자열을 배열로 변환하여 로직을 작성해야하는 경우가 종종 있습니다그럴 때 사용하는 방법은 아래 3가지 중 편한 방법을 선택하시면 됩니다 1. split() 사용 const str = "hello";const arr1 = str.split(''); // ['h', 'e', 'l', 'l', 'o']const str = "hello"; const arr1 = str.split(''); // ['h', 'e', 'l', 'l', 'o'] 2. spread 연산자 사용 const arr2 = [...str]; // ['h', 'e', 'l', 'l', 'o']3. Array.from() 사용 const arr3 = Array.from(str); // ['h', 'e', 'l', 'l', 'o']
[javacript] JavaScript 통화 형식 지정하기 (Intl.NumberFormat) 달러export const currencyFormatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 2,}) 원화export const currencyFormatter = new Intl.NumberFormat('ko-KR', { style: 'currency', currency: 'KRW', minimumFractionDigits: 0}) 사용할 때는  {urrencyFormatter.format(meal.price)} 아래처럼 사용해주면 된다
[javascript] FormData form 태그 안의 복수의 input 창 입력값을 한번에 추출하기 1. FormData 란? FormData는 HTML 폼의 데이터를 쉽게 구성하고 전송할 수 있게 해주는 웹 API입니다.  2. 장점 파일 업로드를 포함한 폼 데이터를 쉽게 처리멀티파트/폼데이터 형식으로 자동 인코딩체크박스나 다중 선택과 같은 복수 값 처리가 용이 예시코드 Email Password Confirm Password First Name Last Name ..
[Algorithm] 알고리즘 기본 패턴 2 - Multiple Pointers (다중 포인터) 1. 개념 배열이나 문자열에서 한 쌍의 값이나 조건을 찾을 때 사용인덱스 또는 위치에 해당하는 포인터 또는 값을 생성하고 특정 조건에 따라 시작, 끝 또는 중간으로 이동합니다.공간의 복잡성을 최소화하면서 문제를 해결하는 데 매우 효율적입니다.정렬된 배열에서 사용합니다 2. 특징시간 복잡도: 대부분 O(n) 공간 복잡도: O(1) (추가 공간이 거의 필요 없음) 주로 정렬된 배열에서 사용됨 두 개의 값을 비교하거나 특정 조건을 찾을 때 효과적3. 사용하는 경우중복 값 찾기 특정 합을 가진 쌍 찾기 팰린드롬 확인 배열에서 고유한 값 개수 세기  4. 예제 1) 정렬된 배열에서 합이 0인 쌍 찾기/** * 배열에서 합이 0이 되는 두 숫자를 찾는 함수 * @param {number[]} arr - 정렬된 숫자..
[Algorithm] 알고리즘 기본 패턴 1 - Frequency Counter (빈도수 세기) 1. Frequency Counter (빈도수 세기) 배열/ 문자열의 요소들의 빈도수를 비교할 때 사용하며이 패턴은 Object 또는 Set을 사용하여 값의 값/빈도를 수집합니다중첩 루프 또는 O(N^2) 중첩 루프를 O(n)으로 최적화 해야 합니다  예 1)두 개의 배열을 인수로 받는 same이라는 함수가 있습니다. 이 함수는 배열의 모든 값이 두 번째 인수 배열에 해당하는 값의 제곱을 갖는 경우 참을 반환해야 합니다. 값의 빈도는 동일해야 합니다. same([1,2,3], [4,1,9]) // true same([1,2,3], [1,9]) // false same([1,2,1], [4,4,1]) // false  이전 사용했던 풀이법은 아래와 같습니다.const same = (arr1, arr2) =..
[javascript] 내 위치의 경도, 위도 정보 알아보기 (navigator.geolocation.getCurrentPosition) 웹 브라우저에서 제공하는 위치 정보 메소드 중 아래의 메소드를 사용하면 됩니다.navigator.geolocation.getCurrentPosition(success, error, options)    GeolocationPosition의 coords 속성 상세 설명`coords` 객체는 사용자의 지리적 위치에 대한 상세 정보를 제공합니다. 주요 속성은 다음과 같습니다:1. `accuracy`: 35937.106310649929   - 위도와 경도 값의 정확도를 미터 단위로 나타냅니다.   - 이 경우 약 35.9km의 오차 범위를 가집니다.2. `altitude`: null   - 해수면 기준 고도를 미터 단위로 나타냅니다.3. `altitudeAccuracy`: null   - 고도 값의 정확도를 미..
알고리즘 출제빈도순 수정중입니다 보호되어 있는 글입니다.
[JavsScript] 함수의 부분 적용과 유연한 합성 3: curry - 인자를 유연하게 다루는 고차 함수 만들기 https://daunje0.tistory.com/174 [JavsScript] 함수의 합성과 데이터 파이프라인 2: pipe - 재사용 가능한 함수 파이프라인 만들기https://daunje0.tistory.com/173 [JavsScript] 함수의 합성과 데이터 파이프 라인 1. go함수를 값으로 다룰 수 있다는 자바스크립트의 특성 ( 일급함수 ) 때문에정말 다채로운 표현이 가능한 데, 그걸 배우는daunje0.tistory.com 위 블로그에서 계속 됩니다.  const log = console.log const products = [ {name: '반팔티', price: 15000}, {name: '긴팔티', price: 20000}, {name: '핸드폰케이스', price..