목록자바스크립트 (16)

Enjoy Programming

[Apollo] Multiple lazy query - 쿼리 요청 여러번 보내기.

그동안 개발하면서 주로 사용한 fetch api는 주로 apollo의 useQuery, useMutation, useLazyQuery 와 reactQuery 의 useQuery, useMutation, 등이다. 회사가 graphql을 주로 쓰다보니 rest는 주로 공공 api칠때나 뭐 그럴때 빼고는 쓸일이 없다.. 근데 이번에 회사 사이트의 기능중 좀 큰 scale을 가진 기능들이 api가 대대적으로 변경이 되었다... 기존에는 한페이지에서 bulk api를 통해서 한번에 가져온 후 client에서 해당 데이터를 전처리 및 가공해서 페이지에 그렸는데 이번에 바뀌면서 결국 한페이지에서 많게는 20~30번 사이의 fetch를 하게 되었다.. 그동안 위 fetch api를 쓰면서 한페이지에서 많아야 4~5개 ..
GraphQL 2022. 12. 10. 20:47
[Dart] what is dart? 다트가 뭐야?

드디어 시간을 내어 flutter를 공부하기로 한다. 근데 flutter는 javascript가 아닌 dart라는 구글이 만든 언어로 개발을 해야한다. https://dart.dev/ Dart programming language Dart is a client-optimized language for fast apps on any platform dart.dev 특징을 살펴보면 다트는 두개의 컴파일러를 가지고 있다 (두개?!) 먼저 dart web - dart로 쓴 언어를 자바스크립트로 변환해주는 컴파일러와 dart native - 각 cpu아키테처에 맞게 기기에 맞춰서 변환해주는 컴파일러 이렇게 두개이다. dart native는 just-in-time and ahead-of-time 방식의 compil..
Dart 2022. 12. 10. 15:16
[WEB API] URL.createObjectURL

자바스크립트는 아니지만 Web APi인 URL.createObjectURL()은 객체를 가리키는 URL을 DOM string 으로 반환한다. 객체 URL을 해제하려면 revokeObjectURL 을 사용하면된다. 예를 들어 input에 파일을 업로드하고서 해당 이미지의 blob형태의 url을 바로 변환하여 표기를 해주는 상황 같을떄 쓸 수있는 정적 method이다. 잘 기억해 두자~!~! https://developer.mozilla.org/ko/docs/Web/API/URL/createObjectURL URL.createObjectURL() - Web API | MDN URL.createObjectURL() 정적 메서드는 주어진 객체를 가리키는 URL을 DOMString으로 반환합니다. develope..
JavaScript 2022. 7. 10. 21:29
Generic - [작성중]

https://www.typescriptlang.org/ko/docs/handbook/2/generics.html Documentation - Generics Types which take parameters www.typescriptlang.org generic이란 데이터의 타입을 일반화하는 것이다. 자료형을 정하지 않고 여러 타입을 사용할 수 있게 해준다. 선언 시점이 아니라 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있도록 하는 방법이다. 한번의 선언으로 다양한 타입에 재사용이 가능하다. 어떤 함수 예를들어 const numberFn = (arg: number): number => { return arg; } const stringFn = (arg: string): ..
JavaScript/TypeScript 2022. 5. 16. 23:48
[es6] spread clean code 기록용

위의 코드를 es6의 문법을 활용하여 줄여보자 한번 더
JavaScript 2022. 5. 10. 21:58
[google cloud function] - Open Api Proxy

다시 오랜만에 블로그를 쓴다.. 이제 진짜 일주일에 하나는 쓰도록 하자 ㅠㅠ 최근 회사 사이트 툴을 개발하면서 한가지 문제가 생겼다.. 관세청 open api를 이용해서 만드는 기능 이었는데... 하... 이놈의 CORS에러를 또 맞딱드렸다.. 사이트 백엔드 cors는 백엔드에서 설정을 바꿔주면 되는 편안함이 있지만.. third part api를 이용할 때는 이야기가 달라진다. 왜냐 해당 api를 가진 서버에서 Access-Control-Allow-ORigin을 허용해주지 않으면 답이 없기 때문이다. 공공기관에서 해줄리가 만무 하지 않은가... 여기서 잠깐 CORS란 무엇인가. https://developer.mozilla.org/ko/docs/Web/HTTP/CORS 교차 출처 리소스 공유 (CORS..
카테고리 없음 2022. 4. 9. 17:27
이전 Prev 1 2 3 Next 다음