입사 2일차에 앱 기능 배포하며 만들어가는 임팩트
입사 2일차에 실제 앱 기능을 배포하며 빠르게 실무에 적응한 프론트엔드 인턴 인터뷰입니다. 레거시 정리와 성능 개선, 모니터링 도구 활용을 통해 팀의 생산성과 안정성에 기여한 경험을 전했습니다.
#React#Sentry
26005분
필터 0
암호키의 안전한 사용을 보장하는 Android KeyStore 시스템 소개
안드로이드 KeyStore가 암호키를 하드웨어 영역에 저장해 외부 노출 없이 연산하는 보안 메커니즘을 소개했습니다. StrongBox와 Attestation으로 신뢰성을 검증하며 금융·결제 앱에서 중요하다고 설명했습니다.
#Android#정보보안
49005분
지그재그에 “포치의 선물가게”를 오픈하며
지그재그 앱 웹뷰에서 미니게임을 구현하며 Matter.js와 Phaser.js를 조합한 과정을 공유했습니다. 또한 SSR, DPR, 모바일 제스처와 게임오버 판정 문제를 해결한 사례를 정리했습니다.
#React#TypeScript
42005분
E2E 자동화 리팩토링으로 만든 QA 시스템 (feat. 하루 30회 배포)
배포 속도가 빠른 환경에서 E2E 자동화를 전면 리팩토링해 품질 시스템을 재구성했습니다. 공통 인증, Locator 중앙화, AI 분석 대시보드로 하루 수십 회 배포에도 대응했습니다.
#Python#Playwright
26005분
화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자 화면 배치를 최적화하기 위해 트리 기반 알고리즘을 설계하고 구현했습니다. 화면 공유와 일반 참여자를 분리해 다양한 화면 비율에 맞게 효율적으로 배치했습니다.
#TypeScript#알고리즘
0005분
화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자와 화면 공유를 최적으로 배치하는 프론트엔드 레이아웃 알고리즘을 설계하고 구현한 사례였습니다. 트리 구조와 재귀적 시뮬레이션으로 다양한 화면 비율과 제약을 처리했습니다.
#algorithm#TypeScript
9005분
더 빠르게 주문 상태 전달하기: Live Activities
더 빠르게 주문 상태 전달하기: Live Activities
Live Activities를 iOS 주문 상태 전달에 적용한 사례를 소개했습니다. 앱 종료 상태와 여러 기기에서도 일관된 상태 반영을 위해 APNs 기반 서버 관리를 선택했습니다.
#iOS#Live Activities
45005분
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
프런트엔드의 index.html을 백엔드에서 분리해 독립 배포 구조로 전환했습니다. S3, CloudFront, Lambda@Edge를 활용해 성능과 운영 효율을 함께 개선했습니다.
#React#TypeScript
42005분
100년 가는 프론트엔드 코드, SDK
결제 SDK의 연동 복잡성과 운영 문제를 해결하기 위해 V2 SDK를 다시 설계했습니다. 계층 분리와 계약 중심 구조로 안정성, 확장성, 명확성을 강화했습니다.
#SDK#TypeScript
151005분
글로벌웹툰 안드로이드 Large Screen 적용기
글로벌웹툰 안드로이드 Large Screen 적용기
글로벌웹툰 안드로이드 앱의 Large Screen 대응과 최적화 사례를 소개했습니다. View와 Compose 환경에서의 적용 포인트와 품질 가이드라인을 공유했습니다.
#Android#Flutter
80005분
Shadow Dom : 중요한 건 깨지지 않는 스타일
여러 플랫폼의 이력서를 한 화면에서 안정적으로 보여주기 위해 Shadow DOM 적용 사례를 다뤘습니다. 스타일 충돌 방지, 스크립트 처리, FOUC 대응과 한계까지 정리했습니다.
#Shadow DOM#CSS
57005분
“더 빠르고, 자연스러운 경험을 만드는 웹&에디터팀”
미리캔버스 웹&에디터팀이 에디터 2.0의 모듈화와 UX 개선, 성능 최적화를 중심으로 일하는 방식을 소개했습니다. 또한 모니터링, 설계 리뷰, 테스트 코드로 안정성과 확장성을 높이는 과정을 공유했습니다.
#React#애니메이션
37005분