DKDonghwan Kiminblog-cattus.hashnode.dev·Aug 4 · 13 min read실시간 라이브 채팅, 그 아래 있었던 문제들카카오쇼핑라이브 페이지 하단에는 방송을 보면서 실시간으로 대화를 주고받을 수 있는 채팅 영역이 있다. 겉보기엔 그냥 "채팅창"이지만, 실제로는 초당 수십 개씩 쏟아지는 메시지를 끊김 없이 그려야 하고, 스크롤을 붙잡고 있는 사용자를 방해하면 안 되고, 서로 다른 화면에서 같은 로직을 재사용해야 하고, 무엇보다 가상 키보드가 화면을 반쯤 잡아먹는 모바일 웹이00
DKDonghwan Kiminblog-cattus.hashnode.dev·Aug 4 · 19 min readLive Chat, and the Problems Underneath ItAt the bottom of every KakaoShopping Live broadcast page there's a chat panel where viewers can talk to each other while watching. It looks like a plain "chat box," but underneath it has to render doz00
DKDonghwan Kiminblog-cattus.hashnode.dev·Aug 4 · 16 min readWhat I Ran Into Building Photo/Video/Voice Attachments for a Gift Message CardOne project I worked on in the past was adding photo, video, and voice attachments to a "message card" you can send along with a gift. It used to be text-only, and once media attachments landed on top00
DKDonghwan Kiminblog-cattus.hashnode.dev·Aug 4 · 12 min read선물 메시지카드에 이미지·동영상·음성을 붙이는 기능을 만들며 겪은 문제들이전에 담당했던 작업 중 하나는, 선물을 보낼 때 함께 전달할 수 있는 '메시지카드'에 사진·동영상·음성을 첨부하는 기능이었다. 텍스트만 있던 메시지카드에 미디어 첨부가 붙으면서, 정적 파일 업로드·트랜스코딩·보안·크롭 편집기까지 이런저런 문제를 순서대로 만났다. 이 글은 그 과정에서 무엇이 문제였고 어떻게 풀었는지(혹은 결국 못 풀고 남겨뒀는지)를 기록한00
DKDonghwan Kiminblog-cattus.hashnode.dev·Aug 4 · 10 min read사진이 화면에서 회전되어 보이는 이유 — Exif Orientation을 JS로 직접 읽어보기input[type="file"]로 사진을 받아 화면에 그려주는 기능을 만들다 보면, 스마트폰으로 세로로 찍은 사진이 가로로 눕거나 위아래가 뒤집혀 보이는 경우를 마주친다. 파일을 다시 열어 사진 앱이나 Finder에서 보면 멀쩡한데, 어떤 화면에서는 회전되어 보인다. 이 글은 그 원인을 Exif의 Orientation 태그에서 찾고, JS로 JPEG 바이00
