웹 접근성을 지켜라
웹 접근성의 기본 개념과 접근성 트리, ARIA 활용법을 정리했습니다. 또한 Radix UI Dialog 예시로 포커스 관리와 상태 전달 방식을 살펴보았습니다.
#웹 접근성#ARIA
3100
국내 IT 기업 기술 블로그 최신 글
필터 1
‘Teleport 공식 기술 문서 한글판 by 인포그랩’ 개발 후기
GPT로 Teleport 기술 문서를 한글화하며 MDX 문법과 빌드 문제를 해결한 개발 후기였습니다. CI/CD와 서브모듈로 문서 배포와 버전 관리를 자동화한 과정도 소개했습니다.
#GPT#MDX
700
‘Teleport 공식 기술 문서 한글판 by 인포그랩’ 개발 후기
Teleport 공식 기술 문서를 GPT로 번역하고 MDX 문법 문제를 해결해 배포한 후기입니다. 번역 자동화와 CI/CD 적용 과정에서 겪은 빌드 이슈와 대응 방법을 공유했습니다.
#GPT#MDX
1000
프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! 모닥불 | EP.9
프론트엔드 서비스 최적화의 본질과 실무 노하우를 토스 개발자 관점에서 다뤘습니다. 초기 로딩과 런타임 성능, React 리렌더링 최적화 사례를 소개했습니다.
#성능#React
3100
프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! 모닥불 | EP.8
토스 개발자들이 프론트엔드 성능 최적화의 본질과 실무 노하우를 공유했습니다. 초기 로딩과 런타임, React 리렌더링 최적화 사례를 다뤘습니다.
#성능#최적화
3100
2024 프론트엔드 뉴스 한 방에 몰아 보기
2024년 프론트엔드 생태계에서 주목할 만한 뉴스와 도구를 분야별로 정리했습니다. React, Next.js, 런타임, 패키지 매니저의 주요 변화와 실무 적용 포인트를 함께 살펴봤습니다.
#React#Next.js
3800
@use-funnel 개발기 #2: 기존 라이브러리를 어떻게 뜯어 고칠 것인가?
기존 퍼널 라이브러리의 Next.js 의존성과 상태 관리 한계를 개선한 구현 과정을 소개했습니다. core 분리, 타입 안전성 강화, Render 확장으로 다양한 라우터와 복잡한 퍼널을 지원했습니다.
#TypeScript#React
2500
제7회 데보션(DEVOCEAN) 테크 데이 영상 및 발표자료 공유
제7회 데보션 테크 데이의 영상과 발표자료를 공유했습니다. OpenLab 2기 스터디 성과를 Web3, AI, 프론트엔드, 클라우드 등 다양한 주제로 소개했습니다.
#세미나#React
1600
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
AI 코딩 도구 개발 결과 비교\:\ Cursor, Windsurf, Aider
Cursor, Windsurf, Aider로 Todo 앱을 구현한 결과를 비교했습니다. 각 도구의 속도, 완성도, 사용 방식 차이를 함께 살펴봤습니다.
#Cursor#Windsurf
4000
@use-funnel 개발기 #1: 왜 기존 라이브러리를 두고 새로 만들었나?
복잡한 퍼널의 상태 관리와 뒤로가기 문제를 해결하기 위해 `@use-funnel`을 새로 만들었습니다. 사내 요구사항을 모아 코어와 라우터별 구현으로 나누고 오픈소스로 공개했습니다.
#React#오픈소스
4400
해외파트너센터 개발 오픈기 — 2. 이메일 인증 공통 서비스 개발 이야기
해외 파트너센터에서 국내 휴대폰 인증 한계를 해결하기 위해 이메일 인증 공통 서비스를 도입했습니다. 별도 도메인과 인증 흐름을 분리해 계정 관리 절차를 연결했습니다.
#React#Next.js
2900
개발 속도와 품질 높이는 테스트 코드 도입 후기
프론트엔드 어드민 프로젝트에 테스트 코드를 소규모로 도입한 과정을 공유했습니다. 리팩토링 안정성과 개발 속도, 품질 보증 측면의 효과도 함께 정리했습니다.
#test#Jest
4500
올리브영 서비스에 사용되는 컴포넌트를 모아놓은 그곳!
올리브영 서비스용 디자인 시스템을 Storybook과 Emotion으로 구축한 과정을 소개했습니다. 전역 스타일, 상태별 컴포넌트 문서화, 패키지 배포와 서비스 적용 방법을 다뤘습니다.
#React#TypeScript
3500
‘Teleport 공식 기술 문서 한글판 by 인포그랩’을 소개합니다
Teleport 공식 기술 문서 700여 개를 GPT-4o-mini로 한글 번역한 서비스와 기능을 소개했습니다. 사람과 AI 협업, MDX 형식 대응, 비용 절감과 접근성 향상도 함께 정리했습니다.
#Teleport#LLM
1900