Jaeeun Jang

Written by@jaeeun
I explain with words and code. I explain with words and code. I explain with words and code.

iOS 13.7 이하에서 BigInt() 쓸 수 없는 이슈

상황 request에 bigint 타입의 값을 넣어줘야 하는 경우가 있었는데, string 타입을 bigint 타입으로 넘겨줘야할 때가 있었다. 다른 api에서 호출한 값인 string 타입의 id를 다른 api의 request에 필요한 bigint 타입의 값으로 넘겨줘야했다. 초기 시도 처음에는 BigInt()를 사용해서 형변환을 해주어 다음과 같이…

라이브러리 없이 날짜 표기 함수 구현하기 (TypeScript)

예약 서비스를 개발하면 예약 시작 시각과 종료 시각, 무료 취소 기한 등을 나타내기 위해 api로 호출한 날짜 값을 정해진 표기법으로 변환해야 할 일이 많다. api에서 호출하는 날짜는 주로 timestamp 타입으로 정의되어 있는데, grpc를 사용할 경우 google.type.TimeOfDay 타입으로 사용하기도 한다. api에서 호출하는 값이 아닌…

리액트 쿼리란

리액트 쿼리가 무엇인지와 장단점, 그리고 쿼리에 대해 작성해보려 한다. 리액트 쿼리란? TanStack Query 공식 문서에 따르면 리액트 쿼리는 TS/JS, React, Solid, Vue와 Svelte를 위한 강력한 비동기 상태 관리 도구이다. 리액트 쿼리의 특징 Declarative & Automatic 캐싱, 백그라운드 업데이트와 오래된 데이터를…

tailwind css의 장단점과 사용법

tailwind css tailwind CSS는 HTML 파일, JavaScript 컴포넌트와 클래스네임을 위한 다른 템플릿 모두를 스캐닝해서 대응하는 스타일을 생성하고 그것들을 정적인 CSS 파일에 입력하며 동작한다. tailwind는 제로 런타임으로 동작하며 빠르고, 유연하며 믿을 수 있다. tailwind를 사용할 때의 장단점은 다음과 같다. 장점 …

Recoil의 개념과 사용법

이전에는 상태 관리를 위해 주로 Redux를 사용했었는데 Recoil에 알게 되어 지금 진행 중인 프로젝트에서는 recoil을 쓰고 있다. Recoil을 사용하는 이유와 장단점, 사용법에 대해 작성해보려 한다. 사용하는 이유 외부 상태 관리 라이브러리보다 React에 내장된 상태 관리 기능을 사용하는 것이 좋지만 React는 몇 가지 한계가 있다. 컴포넌…

글또 7기를 마치며

이번 주를 마지막으로 글또 7기가 끝난다. 2주가 빨리 지나간다고 몇 번 생각하다보니 벌써 끝이 났다. 그동안의 글또 활동을 돌아보려고 한다. 글또 5기를 마치고, 6기는 쉬어가고 다시 7기에 도전했다. 도전하면서 다짐글 도 썼었다. 패기 넘치게 시작했다. 아래와 같은 다짐을 했다. 글의 퀄리티 향상 다른 분들이 작성하신 글 읽기 네트워킹 1번은 지키지…

클린코드 (2) 3 - 5장 정리

3장. 함수 내용 어떤 프로그램이든 가장 기본적인 단위가 함수다. 함수를 만드는 첫째 규칙은 ‘작게!’다. 함수를 만드는 둘째 규칙은 ‘더 작게!’다. Sparkle은 모든 함수가 2줄, 3줄, 4줄 정도였다. 각 함수가 너무도 명백했다. 각 함수가 이야기 하나를 표현했다. 각 함수가 너무도 멋지게 다음 무대를 준비했다. 바로 이것이 답이다! if 문/e…

클린코드 (1) 0 - 2장 정리

0. 추천사 & 들어가면서 내용 우리 개발자들에게는 체크아웃해 코드를 꺼낼 때보다 체크인해서 코드를 넣을 때 더 깨끗한 상태로 만들어야 할 의무가 있다. 신은 세세함에 깃들어 있다. 작은 것에도 충실한 사람이 큰 것에도 충실하다. 품질은 하늘에서 뚝 떨어진 위대한 방법론이 아니라 사심 없이 기울이는 무수한 관심에서 얻어진다. 어쩌면 7주, 7일, 7…

웹 렌더링 1 (번역)

우리는 앱에서 로직을 실행하고 렌더링하는 것을 어디서 해야할까? 서버 사이드 렌더링을 사용해야할까? Rehydration은 어떤가? 답을 찾아보자! 개발자로서, 우리는 자주 우리의 앱의 전체 구조에 영향을 끼칠만한 결정과 마주하게 된다. 웹 개발자들이 해야하는 주요한 결정 중에 하나는 앱에서 로직을 실행하고 렌더링하는 곳을 정하는 것이다. 웹사이트를 만들…

GraphQL이란?

Graph QL이란? GraphQL 공식 문서에 적혀있는 GraphQL의 설명은 아래와 같다. GraphQL API를 위한 쿼리 언어이며 이미 존재하는 데이터로 쿼리를 수행하기 위한 런타임이다. GraphQL은 API의 데이터에서 완전하고 이해 가능한 설명을 제공하고, 클라이언트에게 뭘 필요로 하는지를 정확하게 요청할 수 있도록 하고, 시간이 지남에 따…