세상엔 배울 게 많다

velog 블로그에서 tistory로 이전한 데이터 입니다. 도입 옛날에 작성된 코드를 보면 아래와 같이 처리된 코드들이 있다. function query({name,address,phone}) { let arr = []; name && arr.push(`name=${name}`); address && arr.push(`address=${address}`); phone && arr.push(`phone=${phone}`); arr = arr.join('&'); return axios.get(`${URL}/user?${arr}`); } 의도한 결과는 잘 나올것이다. 하지만 최근에는 URLSearchParams를 사용하면 쉽게 해결할 수 있다. 사용법 function query({name,address,ph..

velog 블로그에서 tistory로 이전한 데이터 입니다. 2020-12-2 도입 네이버 FE 면접에서 url query를 파싱하는 방법에 대해 물어봤던 적이 있다. 아마 뛰어난 분들은 잘 하시겠지만 간단하게 만드시는 분들도 많을 것이다. 당시에 나는 어떻게 했을까? 내 풀이 문제 예시: key=123&name=djlee&address=suwon 결과 : {key: "123", name: "djlee", address: "suwon"} function queryParsing(str) { const result = {}; const arr = str.split('&'); arr.forEach(sub => { const [key,value] = sub.split('='); re..

velog 블로그에서 tistory로 이전한 데이터 입니다.2020-12-01 도입 npm run test -- --findRelatedTests [$filename]위 코드처럼 husky를 통해 eslint와 테스트를 자동화하는데에 주로 사용을 하는데 lint-staged를 사용하는데 있어서 왜 command에 '--'를 넣을까 의문이였다. 용도 '--' 설명은 다음과 같이 나와 있다. The standalone -- is *nix magic for marking the end of options, meaning (for NPM) that everything after that is passed to the command being run, in this case jest...

velog 블로그에서 tistory로 이전한 데이터 입니다. 2020-10-26 들어가기 Jest는 javaScript 테스트 프레임워크다. 가볍고 쉬우며 뛰어난 mock function을 지원해서 많이 사용하는 것 같다. 더군다나 facebook이 만들었으니 react, node.js를 사용하는 개발자들에겐 거의 빠지지않을 툴일 것이다. 오늘 test case를 작성하고 검사하는데 axios에서 mocking이 적용이 잘 안되서 적어두면 나중에라도 도움이 될 것 같아서 적어본다. 사용기 보통은 공식문서에서 참고해 개발하면 쉽게 따라할 수 있지만 생각보다 잘 안되는게 axios를 mocking할 때, 흔히 하는 실수들이다. 크게 보면 두가지 경우라고 볼 수 있다. axios를 import해서 사용할 때,..

velog 블로그에서 tistory로 이전한 데이터 입니다. 2020-10-11 Object에 Property를 설정할 때 아래와 같은 경우가 일반적이다. 1) Key가 number일 때, const obj = {}; for(let i = 0; i < 100000000, i++) { const key = i; obj[key] = i; } 2) Key가 String일 때, const obj = {}; for(let i = 0; i < 100000000, i++) { const key = &#39;key_&#39; + i; obj[key] = i; } 걸린 시간 부분만 보면 차이가 73배(CASE2 / CASE1) 라고 보인다. 이건 자바스크립트 객체가 저장될 때, 어떤 방식으로 저장되는지 알면 좋을 것 같..

velog 블로그에서 tistory로 이전한 데이터 입니다. 2020-09-30 1. 도입 github에서 AXIOS의 Relative URLs 관련해서 issue 이야기를 나누다가 한번 정리할 필요가 있다고 생각이 들었습니다. W3에 나온 5 HTML and URLs를 참고해서 적어보게 되었습니다. 5.1 Uniform Resource Locators(URLs) 대부분의 리소스들(HTML, 이미지, 비디오, 프로그램 등)이 URL 형식에 따라 경로를 가집니다. URLs는 일반적으로 3가지로 구성됩니다. 리소스에 액세스하는 데 사용되는 프로토콜을 식별하는 체계입니다. 리소스를 호스팅하는 컴퓨터의 이름입니다. 경로로 제공된 리소스 자체의 이름입니다. 예시) http://www.w3.org/TR/WD-htm..