자바스크립트 빈 객체 체크하기

자바스크립트에서 빈 객체를 체크하는 법 빈객체는 null, undefined, length로 체크를 할 수 없기 때문에 객체의 속성을 배열로 만드는 Object.keys()함수를 사용해서 빈 객체를 체크한다. 사용예시

Read more
axios request마다 authorization 업데이트 하는 방법 ( interceptor )

프로젝트를 진행하는데 api마다 axios의 headers를 import해서 사용하였다. 그런데 그렇게 사용하다보니 axios가 header를 매번 update하지 않아서 authorization이 제대로 되지 않았다. 예를 들면, 로그인 하기 전의 token value를 가지고 있어서 로그인 하고 나서 새로고침 하기 전까지는 authorization이 undefined or null 값이 들어가게 되었다. 그래서 막 찾다보니 axios.interceptor로 이슈를 해결할 수 있었다. interceptor는 axios가 request가 발생할 때마다 작동하게 […]

Read more
React ) axios로 엑셀 파일 다운로드

먼저 axios로 파일 다운로드를 요청할 때, responseType을 arraybuffer로 지정해준다. 2. request를 받아 Blob 객체를 만든다. 이때 백에서 heades에 content-type과 encoded-disposition에 파일의 정보를 담아 보내주어야 한다. content-type을 Blob 객체를 선언할 때 type을 정의하는데 만약 항상 고정되어 있는 타입을 받아온다면 하드코딩으로 해도 된다. encoded-disposition은 파일의 이름을 지정할 때 쓰인다. 경우에 따라 디코딩을 해야한다(예시에 방법기재) 주의할 점 : […]

Read more
1일 1코딩) Programmers Lv1. 같은 숫자는 싫어

문제: https://programmers.co.kr/learn/courses/30/lessons/12906 코드1. 처음엔 단순히 문제를 그대로 해석해서 풀었는데, 다른 사람의 풀이를 보니 훨씬 깔끔한게 있었다. 같은 숫자가 연속될 경우 패스하고, 아닐 경우 result에 push 하는 방법!

Read more
1일 1코딩) Programmers Lv1. 3진법 뒤집기

문제: https://programmers.co.kr/learn/courses/30/lessons/68935 코드1. number type을 n진법으로 변환 : num.toString(n); string type을 number n진법으로 변환 : Number.parseInt(str, n); string을 뒤집기 : str.split(”).reverse().join(”); array => reverse => string

Read more
React Apollo 예시 간단하게 정리해보기

노마드코더에서 우버클론코딩을 하면서 GraphQL, Apollo를 배우고 있다. Typescript와 함께 쓰면서 백엔드와 타입을 일치시켜서 보호하는 법도 배워서 매우 유용하다 생각해서 정리를 해보려고 한다! Apollo만을 정리하기 때문에 GraphQL서버는 이미 구현되어있다고 가정을 한다. set up 2. apollo client 파일 생성(이름은 마음대로) Apollo client를 생성할 때는 uri, cache가 기본으로 요구된다. 해당 코드에서는 link를 사용했는데 그 이유는 header에 token을 넣고 […]

Read more
1일 1코딩) Programmers Lv1. 2016년 (요일계산)

문제: https://programmers.co.kr/learn/courses/30/lessons/12901 코드1. 처음 문제를 보고는 어떻게 해야할지 감이 안잡혔다..ㅋㅋㅋㅋ 그런데 다른 사원분의 일수 계산하면 되겠다는 말에 문제가 급 쉬워짐. 31일이 들어가는 달만 배열에 넣어놓고, 분기를 걸어 총 일 수를 계산한다. 그리고 7을 나눈 나머지를 이용해서 해당하는 인덱스의 요일을 반환하면 끝! 그런데 검색하다보니, 아예 모든 달의 총 일수를 한 배열에 넣어놓은 코드를 봤는데 훨씬 깔끔하고 […]

Read more
1일 1코딩) Programmers Lv1. 체육복 (탐욕법 greedy)

문제 : https://programmers.co.kr/learn/courses/30/lessons/42862?language=javascript 코드1. Note!! 항상 문제를 잘 읽으시오. 중복되어 문제해결에 도움이 안된다면 filter를 사용해서 제거하고, sort로 정렬해서 비교하시오! 화이팅!

Read more
1일 1코딩) Programmers Lv1. K번째 수 (정렬)

문제 : https://programmers.co.kr/learn/courses/30/lessons/42748 코드1. slice와 sort만 알면 크게 어려운 건 아닌거같다. splice와 slice의 차이점만 조심하면 될 듯! 다른사람의 코드2. 상위권에 있는 답안인데 다른것보다 배열 구조분해를 하고, filter를 돌려 배열을 채우는게 새로웠당. filter의 인덱스를 활용해 slice처럼 활용하기! (근데 쓸 수 있으면 slice쓰는게 좋다 다른 사람과의 소통이 더 편하니까)

Read more