kentakang's blog

안녕하세요, 오랜만입니다 kentakang입니다. 저는 현재 인베스티라는 스타트업에서 CTO로 근무하고 있습니다. 제가 근무하고 있는 스타트업에서 개발자를 모집하고 있어 공고 내용을 블로그에 공유드립니다. 제 블로그에 오시는 분들은 개발자 분들이 많아서 한 번 올려봅니다. 무슨 일을 하나요? 저희는 boundary라는 앱/웹 플랫폼 개발 에이전시를 운영 중입니다. Frontend Engineer / Backend Engineer 두 직종 개발자 분들을 모시고 있습니다. 들어오시게 되면, 새로운 프로젝트에 들어가시게 됩니다. 어떤 사내 문화를 갖고 있나요? 우선 저희는 형식적인 업무보다, 구성원들이 효율적으로 성과를 만들 수 있는 업무를 추구하고 있습니다. 형식적인 문서 작업, 일을 만드는 일들은 과감히 ..

Prisma 2에서 Subscription 구현하기 요약 Prisma 2에서는 Subscription을 지원하지 않는다. (Issue 링크) 이슈 게시글을 보면 Subscription을 지원하기 위해 작업하고 있다고 적혀 있지만, Prisma 팀에서 공개한 로드맵에도 Subscription은 존재하지 않는다. 그러면 어떻게 하지? 직접 만들어야지 뭐 😮‍💨 작업 환경 필자가 작업하는 환경은 아래와 같다. 언어는 TypeScript 사용 제목과 같이 Prisma 2 ORM + nexus 웹 서버로 fastify + mercurius 사용 AWS Lambda 환경에 구축되어 있음 아이디어를 얻어보자 🧐 다행히, Prisma 2에서 Subscription을 지원하지 않아 곤란한 사람은 우리만 있는게 아니다. ..

오랜만에 블로그 업데이트 대충 하루 만에 뚝딱 만들어두고 유지 보수가 전무했는데, 수정할게 없어서 전무했던 건 아니고 시간이 없어서 수정이 없었음 뭘 하나 누를 때마다 문제가 하나씩 있어서.. 점점 고쳐 나가거나 싹 뜯어 바꿔야 함 모바일도 만들어야 하고.. 그래서 업데이트 한 거랑 이제 업데이트 해야 하는 것들. 👍 업데이트 내용 우측 하단 최상단으로 가기 버튼 동작 안 하는 오류 수정 Profile 페이지 업데이트 사실 이건 짬짬이 업데이트는 하고 있었음 ㅎㅎ 검색 한 글자씩 밀리는 거 원래 "알고리즘"으로 검색하면 "알고리" 로 검색한 결과가 노출되고 있었음 👎 아는데 안 한 거 모바일 지원 귀찮고.. 디자인도 해야 하고.. 근데 솔직히 티스토리 기본 모바일 스킨 괜찮지 않나 url에 #이 붙어 있..

퇴사 후기 얼마 전 2년간 다니던 회사를 나왔다. 오늘은 첫 직장을 퇴사하고 난 뒤의 생각들을 두서 없이 써보려고 한다. 사실 가장 큰 감정은 신나는 거긴 한데 그렇게 적으면 없어 보이니까 패스 🤔 무슨 회사에 다녔는데요? 프로필 봐라 필자는 2년간 디자인 에이전시에 근무했다. 1년은 백엔드 개발자로 근무하고, 1년은 개발팀 팀장으로 근무했다. 흔히 에이전시를 개발자의 무덤, 개발자의 지옥이라고 얘기하는데 내가 느낀 에이전시는 딱 그 중간의 느낌이었다. 백엔드 개발자로 근무할 때는 편하고 워라밸도 좋았지만, 개발팀 팀장으로 근무할 때는 퇴근과 주말이 없는 삶을 살았다. 1년간 누렸던 워라밸을 1년간 반납한 느낌? 🧑‍💻 어떤 일을 하셨었나요? 이것도 1년 주기로 달라짐 처음 1년은 백엔드 유지보수 / 신..

AirPods Pro 리뷰 AirPods Pro 국내 출시 당시 바로 구입해서 지금까지 사용해본 경험을 통한 리뷰입니다. 제가 iPhone을 사용하고 있기 때문에, 리뷰에서 얘기하는 기준은 iPhone + AirPods Pro 기준의 사용 경험입니다. 사용성 사실 요즘 코드리스 이어폰들도 다들 사용성이 편리해져서 그렇게 큰 의미는 없긴 하지만, 확실히 아이폰에서 사용할 때는 에어팟이 가장 편한 것은 사실입니다. 사용성 부분에서는 불편한 부분도 없고 연결 속도도 빨라서 편했습니다. 특히 PC 등 다른 기기에 연결해서 사용하다가 전화가 왔을때 에어팟 프로로 전환해서 사용할 때가 많았는데, 전환 속도가 빨라서 만족스러웠습니다. 이 부분은 현세대 코드리스 이어폰들이 모두 그렇듯 문제 삼을 부분은 없습니다. 음질..

BTT 카카오톡 프리셋 개발 후기 macOS 유저들이 많이 사용하는 BetterTouchTool이라는 트윅이 있습니다. 저는 터치바 관련 트윅을 위해 BTT와 GoldenChaos-BTT 프리셋을 이용하고 있는데, 페이스북 메신저 등의 알림수를 표시해주는 아이콘이 마음에 들어서 카카오톡도 이렇게 볼 수 있으면 좋겠다 싶어 해당 아이콘을 개발했습니다. 갑자기 확 꽂혀서 만들었는데, 기존 아이콘들을 참고하니 생각보다 만들기 간단했습니다. 만든 김에 해당 프리셋을 공유하려고 글을 작성했습니다. https://gist.github.com/kentakang/7852bf52201ff5c40e53828b7008f9ac 프리셋은 위 링크에서 다운로드 하실 수 있습니다.

IntersectionObserver로 구현하는 React 무한 스크롤 오늘은 React에서 IntersectionObserver를 통해 무한 스크롤을 구현해보려 합니다. 요즘 SPA에서는 보통 페이징을 무한 스크롤을 통해 구현하는 경우가 많은데, 무한 스크롤을 구현하는 방법으로는 여러가지가 있습니다. 이번에는 자바스크립트의 Intersection Observer API를 사용해서 구현해보겠습니다. Intersection Observer가 뭔데요? IntersectionObserver API는 element가 viewport, 다른 엘리먼트와의 관계에서 보이는지 안보이는지를 알 수 있도록 하는 API입니다. 많이 사용되는 경우는 지금 제가 구현하려고 하는 무한 스크롤이나, 이미지의 lazyload 등이 ..

Serverless 배포 시 Webpack과 Babel 사용하기 최근 프로젝트에 Serverless Framework를 사용하고 있습니다. GraphQL 백엔드를 AWS Lambda로 배포하기 위해 사용하는 데, 저는 Node.js 프로젝트를 진행할 때 Webpack, Babel을 통해 ES2016을 사용해서 작업하는 편입니다. 근데 보통 Serverless를 통해 배포하는 예제들의 경우 Webpack, Babel을 이용하는 방법이 나와있지 않아서 serverless-webpack 이라는 플러그인을 통해 Serverless에서 Webpack을 사용하는 방법을 정리해보려고 합니다. Requirements 패키지 매니저로 Yarn을 사용하고 있습니다. 기본적인 Serverless 환경이 구성되어 있음을 전제..

React Native 앱에 Splash 스크린 추가 개요 많은 어플리케이션에서는 앱이 실행될 때 Splash 스크린을 띄워, 미리 데이터를 가져오거나 백그라운드 작업을 처리한 뒤 앱을 실행하는 경우가 많습니다. 오늘은 react-native-splash-screen 라이브러리를 통해 Splash 스크린을 구현하겠습니다. 개발 환경 React 버전 16.8.3, React Native 버전 0.59.9 버전을 사용하고 있습니다. 패키지 매니저로 Yarn을 사용하고 있습니다. 라이브러리 설치 우선 react-native-splash-screen을 설치하겠습니다. yarn add react-native-splash-screen react-native link react-native-splash-screenS..

React Native 에서 Firebase Cloud Messaging 이용하기 개요 저는 현재 Kotlin으로 작성된 안드로이드 네이티브 앱을 React Native로 포팅하고 있습니다. 기존 어플리케이션에서는 점심 시간이 되면 푸시 알림을 통해 당일 급식 식단을 알려주는 기능이 있었는데, 해당 기능을 React Native로 포팅해야 했습니다. 해당 기능을 구현하면서 구현 방법을 블로그에 올려보면 좋을 것 같아, 해당 방법을 자세하게 알려드리려고 합니다. 주의사항 저는 이미 구현되어 있는 FCM 서버를 이용하기 때문에, 해당 방법은 게시글에 포함되어 있지 않습니다. Firebase 프로젝트 생성 또한 게시글에는 포함되어 있지 않습니다. 개발 환경 React 버전 16.8.3, React Native..