세상엔 배울 게 많다

PUT vs PATCH PUT과 PATCH 모두 리소스에 변화를 주고 있다. 따라서 resource 관점에서는 safe하지 않은 메서드다. 2가지 방식에 대해 다음 관점들로 이해해 볼 필요가 있다. 3가지 관점 1. update 리소스에 대해 직접적으로 접근할 수 있는 Key 값이 있다고 해야한다. ex) products?id=2 PUT : resource에 대해 전체 내용을 바꾸며, 리소스에서 지원하는 필드가 비어있다면 nullable 하다. PATCH : resource에서 일부분을 수정하며, 리소스에서 정의된 필드만 바꾼다. ex) PUT { item: '아이폰 XS', price: 100000, color: 'spaceGray' } 가 있다. put를 통해 API를 수..

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-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..

goorm에서 경험했던 디자인 시스템을 바탕으로 써보기. 디자인 시스템이란? 각종 서비스 UI 디자인에서 재사용 가능한 컴포넌트와 패턴을 정의해, 전체 디자인을 일관성 있게 적용할 수 있도록 만든 가이드라인 또는 규칙을 말한다. 미리 만들어 놓은 컴포넌트를 재사용함으로써, 더 효율적으로 디자인을 할 수 있다. 장점 1. 디자인의 일관성을 제공 (사용자에게 설득력과 신뢰를 준다) 2. 쉬운 재사용, 재활용으로 생산성 증가 개발자로서 GDS를 다룰 때, 일관성 있는 콘텐츠로 개발 속도를 높여주는 즐거움을 느껴봤다. 단점 1. 디자인 시스템 유지보수하는 데 큰 비용이 들 수 있다. 2. 사용자에 피드백에 따라 지속적인 업데이트가 필요하기에 비용을 충분히 고려해야 한다. 3. 사용 지침이 필요하다 (없을 경우,..