FE News 25년 2월 소식을 전해드립니다!
25년 2월 프런트엔드 기술 소식을 큐레이션해 소개했습니다. CSS 지문 채취, AI 개발 워크플로우, 토스 가이드, 포털 대체 방법을 다뤘습니다.
#CSS#JavaScript
46005분
필터 1
Vite를 이용한 FrontEnd프로젝트
Vite는 React뿐 아니라 여러 프레임워크를 지원하며 빠른 프로젝트 생성과 실행을 강점으로 소개했습니다. CRA보다 가볍고 구조가 익숙해 프런트엔드 개발에 효율적으로 활용할 수 있다고 설명했습니다.
#Vite#React
78005분
3단계로 완성하는 유연한 디자인 시스템
디자이너와 개발자의 리소스 관리를 일원화하기 위해 3단계 토큰 기반 디자인 시스템을 구축했습니다. Figma와 코드, Storybook을 연결해 테마 전환과 컴포넌트 커스터마이징을 유연하게 운영했습니다.
#design system#Figma
41005분
퍼블리셔와 개발자 협업을 위한 스토리북 깨짐 방지 방안
퍼블리셔와 개발자 협업에서 스토리북이 깨지는 원인을 분석하고 CIC 패턴으로 역할을 분리했습니다. 스토리북용 props와 실행 환경 분기를 정리해 무결성을 유지했습니다.
#React#Storybook
32005분
시각장애인을 위해 모달 컴포넌트 접근성 개선하기
시각장애인의 웹 탐색 방식에 맞춰 모달 접근성을 개선하는 방법을 소개했습니다. aria 속성, ESC 닫기, 포커스 트랩으로 키보드 탐색 경험을 보완했습니다.
#React#UI/UX
47005분
웹 접근성을 지켜라
웹 접근성의 기본 개념과 접근성 트리, ARIA 활용법을 정리했습니다. 또한 Radix UI Dialog 예시로 포커스 관리와 상태 전달 방식을 살펴보았습니다.
#웹 접근성#ARIA
31005분
‘Teleport 공식 기술 문서 한글판 by 인포그랩’ 개발 후기
GPT로 Teleport 기술 문서를 한글화하며 MDX 문법과 빌드 문제를 해결한 개발 후기였습니다. CI/CD와 서브모듈로 문서 배포와 버전 관리를 자동화한 과정도 소개했습니다.
#GPT#MDX
7005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
‘Teleport 공식 기술 문서 한글판 by 인포그랩’ 개발 후기
Teleport 공식 기술 문서를 GPT로 번역하고 MDX 문법 문제를 해결해 배포한 후기입니다. 번역 자동화와 CI/CD 적용 과정에서 겪은 빌드 이슈와 대응 방법을 공유했습니다.
#GPT#MDX
10005분
프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! 모닥불 | EP.9
프론트엔드 서비스 최적화의 본질과 실무 노하우를 토스 개발자 관점에서 다뤘습니다. 초기 로딩과 런타임 성능, React 리렌더링 최적화 사례를 소개했습니다.
#성능#React
31005분
프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! 모닥불 | EP.8
토스 개발자들이 프론트엔드 성능 최적화의 본질과 실무 노하우를 공유했습니다. 초기 로딩과 런타임, React 리렌더링 최적화 사례를 다뤘습니다.
#성능#최적화
31005분
2024 프론트엔드 뉴스 한 방에 몰아 보기
2024년 프론트엔드 생태계에서 주목할 만한 뉴스와 도구를 분야별로 정리했습니다. React, Next.js, 런타임, 패키지 매니저의 주요 변화와 실무 적용 포인트를 함께 살펴봤습니다.
#React#Next.js
38005분
@use-funnel 개발기 #2: 기존 라이브러리를 어떻게 뜯어 고칠 것인가?
기존 퍼널 라이브러리의 Next.js 의존성과 상태 관리 한계를 개선한 구현 과정을 소개했습니다. core 분리, 타입 안전성 강화, Render 확장으로 다양한 라우터와 복잡한 퍼널을 지원했습니다.
#TypeScript#React
25005분