JS

자바스크립트 내장 객체인 Intl에는 국제화를 지원하는 기능들이 포함되어 있다.날짜나 통화같이 국제적으로 형식이 다른 데이터들을 Intl API를 이용해서 포맷해보자. Intl.NumberFormat()NumberFormat 메소드는 숫자를 특정 지역에 맞는 형식으로 자동으로 변환해준다.const cost = 1267900;// 원화(KRW)로 변환const krw = Intl.NumberFormat("ko-KR", { style: "currency", currency: "KRW" }).format(cost);console.log(krw); // ₩1,267,900// 달러(USD)로 변환const usd = Intl.NumberFormat("en-US", { style: "currency", curre..

이전에 게시한 에러 분석글 Content type 'application/octet-stream' not supported에 대해 조금 더 파헤쳐보고자 작성해본 글이다. 저번 글의 요약으로는 객체 형태의 데이터를 FormData에 그대로 추가했고"Content type 'application/octet-stream' not supported" 라는 서버 에러가 발생했다. 서버에서 기대한 데이터의 content type은 application/json이었는데, application/octet-stream 타입으로 전송이 되었고 이를 지원하지 않아 발생한 문제. 다행히 JSON 데이터를 알맞게 변환하여 깔끔하게 해결했다. 나는 사실 기존에 Blob 객체로 감싼 파일을 전송했었는데 JSON.stringify(..

프론트 개발 중에 서버에 데이터를 전송했는데 에러가 발생했다.org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/octet-stream' not supported 예전에도 똑같은 에러를 마주한 적이 있었는데, 대충 해결만 하고 치웠다.application/octet-stream 이란 Content-Type은 생소해서 확실히 기억난다. 근데 이번에 또 발생했고 같은 에러였는데도 제대로 기억나지 않아서 블로그에 글을 쓰기로 마음먹었다.이렇게 글로 남겨놓으면 기억이 오래가니까 :) 무엇보다 그냥 해결법만 보고 해결을 한 이후라 기억나지 않는 점이 큰 것 같다. 이슈 분석const formData = new F..

업무할 때는 편리함때문에 jQuery를 많이 이용한다. 같은 DOM 조작이지만 언제까지나 제이쿼리만 쓸 수 없다는 생각이 들었고, 자주 이용하는 jQuery 문법을 순수 자바스크립트로 마이그레이션을 진행해 봤다. 진행한 프로젝트는 개인 프로젝트이고 일이 바쁘니까 조금씩 조금씩 걷어내는 중.걷어내면서 사용한 코드들을 여기에 정리해 본다.  getElementById(), querySelector(), querySelectorAll()// jquery$('#targetId');$('.targetClass');// jsdocument.getElementById('targetId');document.querySelector('.targetClass');document.querySelectorAll('.targe..

문제 설명 정수가 담긴 리스트 num_list가 주어질 때, 모든 원소들의 곱이 모든 원소들의 합의 제곱보다 작으면 1을 크면 0을 return 하도록 solution 함수를 완성해주세요. 제한사항 - 2 ≤ num_list의 길이 ≤ 10 - 1 ≤ num_list의 원소 ≤ 9 1차 풀이 function solution(num_list) { function sum(acc, cur) { return acc + cur; } function multiply(acc, cur) { return acc * cur; } const squaredSum = num_list.reduce(sum) ** 2; const multiplied = num_list.reduce(multiply); return Number(mul..

자바스크립트로 복사한 내용을 가져오거나 복사하는 방법에 대한 포스팅이다. 만들고 있는 토이 프로젝트에 클립보드 내용을 가져오는 코드가 있었는데 이젠 다른 방법을 사용하게 되어서 적어놓으려고 한다 😃 다음에 언제 쓰일 지 모르니까... 클립보드 복사하기, 붙여넣기 방법은 두 가지가 있다. 1. document.execCommand를 이용한 방법 2. navigator.clipboard를 이용한 방법 각자 장단점이 있으니, 예제를 보면서 살펴보자. document.execCommand('copy') , document.execCommand('paste') // 텍스트를 클립보드에 복사 function copyToClipboard(text) { var textarea = document.createElemen..