블로그

불렛포인트는 3개를 넘지 마라

슬랙 메시지와 업무 공유에서 불렛포인트를 세 개 이하로 줄여야 상대가 핵심을 기억하는 이유를 설명합니다.

사용자는 제품과 사랑에 빠지지 않는다

에버노트 사례를 통해 사용자가 사랑하는 것은 제품 자체가 아니라 반복해서 해결되는 문제와 경험임을 설명합니다.

테이블의 컬럼은 어떻게 짜야 할까

테이블 컬럼명이 데이터 구조가 아니라 사용자의 읽기 흐름을 따라야 하는 이유를 설명합니다.

R-tree를 사용한 가까운 마커 찾기 기능 구현과 개선기

R-tree를 사용하여 가까운 마커 찾기 기능을 구현하고, 이를 어떻게 개선했는지를 소개합니다

pnpm을 사용한 모노레포로 프론트엔드 생산성 늘리기

이번 포스팅에서는 개발팀에서 모노레포를 도입한 배경과 과정, 그리고 어떤 것이 달라졌는지에 대해서 소개해 드리고자 합니다.

올바른 passport GoogleStrategy 구현 가이드

>-

글로벌 서비스에서 시간 다루기 (1) — 시간은 어떻게 정의되었을까?

개발자가 시간을 다루는 법에 대해서 설명합니다. 먼저 UTC, GMT, TAI, DST와 같은 용어를 살펴보고 시간을 어떻게 코드에 적용할 수 있는지 알아봅니다.

React Native 통합 테스트 가이드 feat: MSW, RNTL

React Native에서 통합 테스트 (Intergration test) 를 하는 방법에 대해 공유합니다. Mock Service Worker (MSW) 와 React Testing Library를 사용해서 라이브러리를 모킹하고, 테스트합니다.

Detox를 사용한 E2E 테스트 도입기

React Native 환경에서 Detox를 사용해서 E2E 테스트를 도입하는 방법에 대해 설명합니다.

고든램지 봇 만들기

점심 메뉴 크롤링해서 슬랙에 보내기

글로벌 사용자들을 위한 푸시 메세지 로컬라이징

>-

Demystifying UI Styling in React Native

React Native StyleSheet는 정말로 퍼포먼스에 좋을까요?

함수형 프로그래밍 가이드

함수형 프로그래밍, 다들 들어 보셨으리라 믿습니다. 여기저기서 함수형이 어떻고 퓨어하지 않다 어쩌고 말은 많이 하는데 막상 함수형 프로그래밍이 뭐지? 생각을 해보면 조금 막막합니다. 순수함수들로 뭐 잘 하는거 아냐? 그럼 순수함수가 뭔데? 음…

사용자는 3초 이상 기다리지 않는다

>-

픽셀이라고 다 같은 픽셀이 아닙니다

현재 우리가 살고 있는 디지털 세상은 바벨탑이 무너지고 난 이후의 세상과 같습니다. 수많은 해상도와 크기를 가진 그래픽 디바이스가 있고, 이들은 제각각 px, rem, dp, point 와 같은 수많은 단위들을 사용합니다. 혼잡하고 헷갈립니다. 이 글은 이렇게 헷갈리는 단위들을 조금이라도 쉽게 이해하고자 작성되었습니다. 디지털 세상에서 가장 기본적인 단위인 pixel을 이해하고, 이것이 어떻게 나뉘게 되었는지 이해한다면 단위들이 좀 더 쉽게 다가올지도 모릅니다.

Don’t ever use git pull

어그로성 제목을 써 보았습니다. 하지만 맞는 말 이라고 생각합니다. 만약 습관적으로 git pull하고 있다면, 이제부터는 git pull --rebase 를 하세요!

Bitrise를 통한 모바일 환경에서의 CICD 구축 가이드 (2)

>-

Bitrise를 통한 모바일 환경에서의 CICD 구축 가이드 (1)

>-

몸으로 체험하는 에러 핸들링의 중요성

개발자로써 에러를 잘 다뤄야 한다는 사실은 누구나 잘 알고 있을 것입니다. 그러나 저는 부끄럽게도 이 사실을 애써 무시한 채로 살아왔습니다. 몸으로 수많은 고통을 체험하기 전까지는요. 이 글은 부끄러운 고백이자 에러 핸들링을 잘하자-라는 체험 수기입니다.

내 로컬에서는 잘 되는데..?

React native 개발자를 위한 iOS 빌드 환경 분리하기

새로운 패키지, 새로운 브랜드 경험

Multiple React Native Apps with One Codebase

Next JS Image Component를 상황에 맞춰 사용하기

웹 사이트를 개발 하다 보면 이미지 처리에 대해서 고민하게 되는 시점이 옵니다. 이미지를 responsive하게 늘리는 법이나 preload를 통해 미리 이미지를 로드, 혹은 사용성을 위해 lazy loading을 시킨다던지 하는 것들이요. 웹사이트에서 이미지가 차지하는 영역이 굉장히 큰 만큼, 이미지를 최적화 하지 않고서는 사용성이 좋은 웹사이트를 만들 수 없을 것입니다.

Fastlane을 사용해 React native 앱 버전 넘버 관리하기

여러분은 React Native로 앱을 개발하고 있습니다. 열심히 개발을 해서 유저를 팔로잉 할 수 있는 어썸한 기능을 만들었습니다. 수많은 버그 픽스가 있있고 새로운 api도 추가되었으므로 앱의 버전을 1.0.0에서 1.1.3으로 올릴 차례입니다. 어떻게 해야 할까요?

다시 생각하는 useEffect

React를 사용해서 처음 무언가를 만들 때 느꼈던 감정은 어썸함이라기보단 당황스러움이었습니다. 여러 튜토리얼들을 훑으며 이것이 어떻게 작동하는 물건인지 여러 버튼들을 눌러보기 바빴죠. 그러면서 제 머릿속에는 점차 혼란스러운 생각들이 자리잡기 시작했습니다.

React Native Webview로 카카오톡 로그인 구현하기

로그인 로직이 이미 웹으로 구현되어 있을 경우, 앱에서 다시 해당 로직을 구현하는 것은 귀찮은 일입니다. 다행히도 카카오는 2018년부터 웹뷰를 사용하는 하이브리드 웹에서의 로그인을 지원하기 시작했습니다. 이 글에서는 React-Native-Webview를 사용해서 카카오 로그인을 하는 방법을 알아보도록 하겠습니다.

iOS / Android 앱 심사 시에 발생하는 Reject 사유들

앱을 배포하기 위해서는 각 플랫폼에서 심사를 거쳐야 합니다. 그리고 이 심사는 길고 까다로운 일이 될 수 있습니다. 여러가지 사유들로 출시, 혹은 업데이트가 반려되기 때문입니다.