텍스트 접근성을 개선했더니 거래액이 올랐습니다.
기기 글자 크기 설정을 반영해 텍스트 접근성을 개선한 사례를 소개했습니다. SSR, SSG, CSR 모두에서 FOUT를 줄이고 거래액과 탐색성 개선까지 확인했습니다.
#React Native#Next.js#CSS
6300
모든 블로그
대표 인기 포스트Spring Boot Startup Time 최적화 : 90초에서 30초까지의 여정(feat. 오픈소스 기여)395 조회395 조회 프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
라포랩스
주요 카테고리 AI · 프론트엔드
활동 요약
- 최근 30일
- 1개
- 평균 조회
- 48
- 누적 조회
- 3,471
- 전체 글
- 72개
- 마지막 발행
- 2026. 10. 21.
라포랩스 기술 블로그 글 (6)
입사 2일차에 앱 기능 배포하며 만들어가는 임팩트
입사 2일차에 실제 앱 기능을 배포하며 빠르게 실무에 적응한 프론트엔드 인턴 인터뷰입니다. 레거시 정리와 성능 개선, 모니터링 도구 활용을 통해 팀의 생산성과 안정성에 기여한 경험을 전했습니다.
#React#Sentry#Grafana
3500
E2E 자동화 리팩토링으로 만든 QA 시스템 (feat. 하루 30회 배포)
배포 속도가 빠른 환경에서 E2E 자동화를 전면 리팩토링해 품질 시스템을 재구성했습니다. 공통 인증, Locator 중앙화, AI 분석 대시보드로 하루 수십 회 배포에도 대응했습니다.
#Python#Playwright#CI/CD
5100
단 한 줄로 전환하는 다크 테마 - Variables 기반 디자인 토큰 자동화
Figma Variables와 CSS Variables를 연결해 디자인 토큰을 자동화한 사례를 소개했습니다. data-theme 속성만으로 다크 테마와 브랜드 테마를 단순 전환하도록 구성했습니다.
#Figma#CSS#TypeScript
2100
디자이너가 48시간만에 만든 Figma Plugin
디자이너가 Cursor AI로 Figma 플러그인을 만들어 애셋 배포 검수 비효율을 줄였습니다. 이틀 만에 완성해 배포 실패를 사전 차단했고 실무 효과도 확인했습니다.
#Figma#Cursor#자동화
4300
"딸깍"이면 끝! 피그마에서 바로 리액트 컴포넌트로 변환하기
피그마 디자인을 React 컴포넌트로 바로 변환하는 플러그인 구현 과정을 소개했습니다. 사내 규칙을 반영한 자동화로 수작업을 줄이고 생산성을 높인 사례입니다.
#Figma#React#TypeScript
2800