웹뷰 액티비티간 데이터 동기화하기
웹뷰 액티비티가 여러 개인 화면에서 데이터 동기화 이슈를 다룬 글입니다. 화면 간 변경 사항을 반영하는 해결 방법을 설명했습니다.
#Android#웹뷰
10005분
새로운 기술 블로그가 추가되었어요
필터 0
[Design] 해피 모먼트를 전해주는 인터랙션 디자인
[Design] 해피 모먼트를 전해주는 인터랙션 디자인
플레이키보드에서 Lottie 기반 인터랙션 디자인을 적용한 사례를 소개했습니다. 출석 체크, 공감 버튼, 이스터에그에 모션을 더해 즐거움과 사용성을 함께 고려했습니다.
#UI/UX#인터랙션 디자인
7005분
Kurly Design Principle
컬리 프로덕트 디자인 원칙 5가지를 소개하며 일관된 판단 기준을 제시했습니다. 사용자 공감과 논리를 바탕으로 단순하고 신뢰감 있는 경험을 지향했습니다.
#UI/UX#design
14005분
자바스크립트로 만든 유한 상태 기계 XState
자바스크립트로 만든 유한 상태 기계 XState
XState로 유한 상태 기계의 개념과 사용법을 장바구니 예제로 설명했습니다. React에서 상태, 컨텍스트, 액션, 가드를 어떻게 연결하는지 정리했습니다.
#XState#FSM
32005분
Next.js 프로젝트 Migration과 Refactoring 과정을 공유합니다.
Next.js v9 기반 레거시 프로젝트를 v12로 마이그레이션하고, SWC와 import 최적화로 성능을 개선했습니다. 또한 Moment.js를 Day.js로 교체하며 번들 크기를 줄이고 리팩터링 안정성을 높였습니다.
#Next.js#React
19005분
카카오 공채 입사 후 10개월 FE개발팀에서의 여정
카카오 공채 입사 후 10개월 FE개발팀에서의 여정
카카오엔터테인먼트 FE개발팀 신입이 10개월간의 온보딩과 실전 프로젝트 경험을 소개했습니다. 재택근무 속 게더타운, 스몰토크, 데모데이, 협업 문화로 성장한 과정을 공유했습니다.
#JavaScript#HTML
23005분
satisfies: 안전한 업캐스팅을 통해 더 안전한 코드작성을 도와주는 새로운 키워드(TypeScript 4.9)
TypeScript 4.9의 `satisfies` 키워드를 소개하며, 왜 필요한지와 어떤 문제를 해결하는지 설명했습니다. 안전한 업캐스팅과 더 안전한 코드 작성을 돕는 점이 핵심입니다.
#TypeScript
8005분
React 이벤트와 브라우저 이벤트
React 이벤트와 브라우저 이벤트
React 합성 이벤트와 브라우저 DOM 이벤트의 전파 차이로 Swiper 내부 버튼 클릭이 의도와 다르게 동작하는 사례를 다뤘습니다. 해결책으로 이벤트 부착 위치를 조정해 상위 래퍼에 클릭을 맡기는 방식을 제안했습니다.
#React#event
7005분
자바스크립트 지도 엔진에 웹 워커를 적용해봤습니다 - 14편 - 웹 워커, 어디까지 써봤니?
자바스크립트 지도 엔진에 웹 워커를 적용해봤습니다 - 14편 - 웹 워커, 어디까지 써봤니?
TMAP JS를 브라우저 기반 지도 엔진으로 소개하고, WebGL 풀 벡터 방식과 사용자 데이터 추가 지원을 설명했습니다. 또한 성능 개선을 위해 웹 워커를 적용한 개발 맥락을 다뤘습니다.
#JavaScript#Web Worker
23005분
새로운 컬리몰 NX를 소개합니다.
컬리몰 웹프론트팀의 NX 전환 과정을 소개한 글입니다. 레거시를 걷어내며 성능 개선, URL 통합, 코드 품질 강화를 이뤘습니다.
#Next.js#React
36005분
바나나 먹는 미니언 게임을 만들어 보자(feat. 캔버스)
바나나 먹는 미니언 게임을 만들어 보자(feat. 캔버스)
캔버스와 React, TypeScript로 바나나를 먹는 미니언 게임을 만드는 과정을 정리한 글입니다. 이미지 로드, 이동 제어, 충돌 판정, 바나나 생성과 삭제 로직을 단계별로 설명했습니다.
#React#TypeScript
21005분
MSW를 활용하는 Front-End 통합테스트
MSW를 활용하는 Front-End 통합테스트
MSW를 통해 FE 통합테스트에서 API 모킹과 응답 제어를 쉽게 하는 방법을 소개했습니다. 검색 페이지 예시로 정상 응답, 엣지 케이스, 에러 처리까지 검증하는 흐름을 설명했습니다.
#MSW#통합테스트
31005분