더 가치 있는 공통 컴포넌트 만들기
React·TypeScript 공통 컴포넌트의 책임 경계와 확장 인터페이스 설계를 다뤘습니다. 네이티브 요소와 접근성을 활용해 재사용성·완성도를 높이는 방법을 소개합니다.
#React#TypeScript
000
프론트엔드 기술 블로그 최신 글
필터 0
더 가치 있는 공통 컴포넌트 만들기
더 가치 있는 공통 컴포넌트 만들기
공통 컴포넌트를 단순히 재사용용으로만 보지 않고 역할과 확장 규칙을 함께 설계하는 방법을 다뤘습니다. 또한 네이티브 요소, controlled/uncontrolled, forwardRef, 접근성까지 고려해 실용성을 높이는 방향을 제안했습니다.
#React#TypeScript
5200
스위프트 매크로_2탄, 어떻게 쓰는건데요?
스위프트 매크로로 반복되는 생성자 코드를 줄인 사례를 소개했습니다. XMLParser와 JSON 문자열 파싱 중복을 매크로로 추상화한 경험을 공유했습니다.
#Swift#매크로
2300
ffmpeg.wasm
브라우저에서 ffmpeg를 실행하는 ffmpeg.wasm의 개념과 샘플 코드를 소개했습니다. 네이티브 ffmpeg보다 느리지만 서버 없이 처리할 수 있다는 장점을 확인했습니다.
#ffmpeg#WebAssembly
2100
쏘카의 웹 팀에 관하여
쏘카 웹 팀의 역할과 협업 방식, 온보딩과 배포 프로세스를 소개한 글입니다. React 중심의 웹뷰 개발과 기술 도입 방식도 함께 정리했습니다.
#React#Next.js
2900
쏘카의 웹 팀에 관하여
쏘카 웹 팀의 조직 구조와 웹 뷰·백오피스 중심 개발 업무를 소개했습니다. 스프린트, QA·QC, 배포와 React 기반 기술 선택 방식을 설명합니다.
#React#Next.js
100
SVG를 이용하여 Animation 만들기_후속
SVG의 `viewBox`, `viewport`, `preserveAspectRatio` 개념을 정리하고 `meet`와 `slice`의 동작 차이를 설명했습니다. 크기 관계에 따라 정렬 기준이 어떻게 달라지는지 예시로 살펴보았습니다.
#SVG#HTML
3100
SVG를 이용하여 Animation 만들기
SVG 도형을 추출해 ID와 그룹 단위로 CSS 애니메이션을 적용하는 방법을 정리했습니다. hover 이동, 클릭 색상 변경, 순차 등장 애니메이션까지 구현 과정을 소개했습니다.
#SVG#Animation
6400
Angular Router 적용
Angular Router의 역할과 SPA에서의 라우팅 기본 개념을 설명했습니다. `routerLink`, `router-outlet`을 활용한 컴포넌트 전환 설정 과정을 예제로 정리했습니다.
#Angular#router
1800
퀵메뉴로 비즈니스 널리 알리기 (feat. 전지적 디자이너 시점)
홈 화면 퀵메뉴를 스와이프형 구조와 솔리드 아이콘으로 설계해 신규 서비스 진입을 유도했습니다. 컬리멤버스에는 혜택을 강조한 모션 아이콘을 적용해 가입률 상승 요인을 검증했습니다.
#UI/UX#mobile
100
퀵메뉴로 비즈니스 널리 알리기 (feat. 전지적 디자이너 시점)
컬리 홈 화면에 퀵메뉴를 도입해 신규 비즈니스와 이벤트 진입을 높이는 디자인 과정을 소개했습니다. 아이콘 스타일과 모션을 개선해 멤버십 가입율 상승 요인까지 검증했습니다.
#UI/UX#모션
2900
올리브영 셀프계산대 도입기
올리브영이 올영세일 혼잡과 계산 대기 문제를 줄이기 위해 셀프계산대를 도입했습니다. 기존 POS 코드를 활용해 빠르게 개발하고, 다국어·직원호출 기능으로 확산 가능성을 검증했습니다.
#Kotlin#WPF
25900
![[인터널] 안드로이드 통신 컴포넌트 동작 매커니즘 ① - AsyncTask , RxAndroid](https://blog.imqa.io/content/images/2023/12/231229_-----------_th.jpg)
[인터널] 안드로이드 통신 컴포넌트 동작 매커니즘 ① - AsyncTask , RxAndroid
안드로이드 통신 컴포넌트의 내부 동작을 패턴 관점에서 정리했습니다. AsyncTask의 한계와 RxAndroid의 대안적 구조, 실무상의 주의점을 설명했습니다.
#Android#AsyncTask
3300
Azar iOS Team이 잊힌 코드를 추모 하는 법
Azar iOS 팀이 Periphery로 Swift 프로젝트의 미사용 코드를 찾고 공유하는 체계를 만들었습니다. GitHub Actions와 CSV→HTML 변환, artifact 업로드로 주기적 운영도 함께 구성했습니다.
#Swift#iOS
1600