홈 화면에 웹 바로가기를 추가하기(A2HS)
웹 앱을 홈 화면에 추가해 네이티브 앱처럼 실행하는 A2HS 적용 방법을 설명했습니다. 매니페스트와 서비스 워커, beforeinstallprompt 활용법과 iOS 제한도 함께 정리했습니다.
#PWA#Web App Manifest
27005분
필터 1
react-query로 데이터 처리하기 - 파트너스 레거시 코드 리팩토링(2) api 로직, react-query
파트너스 서비스 레거시 코드에서 API 로직을 분리하고 React Query를 도입한 사례를 다뤘습니다. Redux 중심 구조를 정리해 데이터 처리 방식을 개선하는 방향을 소개했습니다.
#React#Redux
22005분
적정기술 딜레마
적정기술을 개발 환경에 맞춰 선택해야 한다는 관점을 설명했습니다. 최신 기술의 무조건적 도입보다 요구사항, 팀 역량, 유지보수성을 함께 봐야 한다고 정리했습니다.
#React#Next.js
26005분
고속성장 중인 주니어 개발자 6인을 소개합니다.
아이디어스 Web platform 셀 주니어 프론트엔드 개발자의 업무와 성장 경험을 소개합니다. 하이브리드 작가 앱 개발, 코드 리뷰, 회고 문화와 함께 서비스 개선 사례를 공유했습니다.
#React#Android
20005분
타입스크립트, 리액트쿼리 도입 - 파트너스 레거시 코드 리팩토링(1)
타입스크립트와 리액트쿼리를 도입해 파트너스 서비스 레거시 코드를 리팩토링한 사례를 소개했습니다. 프로젝트 규모가 커지며 복잡해진 의존성과 유지보수 문제를 다뤘습니다.
#TypeScript#React
20005분
!프론트엔드 개발자의 next.js 개발기
Next.js와 MUI로 프론트엔드를 개발한 경험과 시행착오를 정리한 글입니다. SSR, API Routes 활용과 컴포넌트 분리의 중요성을 함께 소개했습니다.
#Next.js#React
34005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.
웹 프론트엔드 팀이 Lighthouse와 Web Vitals로 성능 관리를 문화로 도입한 과정을 소개했습니다. 이미지 로딩, 코드 분할, 스크립트 전략으로 개선하고 측정 변동성까지 다뤘습니다.
#성능#Lighthouse
17005분
이제부터 이 컴포넌트는 제 겁니다
리액트에서 렌더링과 상태 제어를 외부로 넘기는 IoC 패턴들을 정리했습니다. Render Props, 합성 컴포넌트, Controlled Props의 특징과 장단점을 비교했습니다.
#React#IoC
13005분
React의 Error Boundary를 이용하여 효과적으로 에러 처리하기
React Error Boundary로 렌더링 에러와 API 에러를 선언적으로 처리하는 구조를 소개했습니다. 제한된 범위의 ApiErrorBoundary와 전역 GlobalErrorBoundary로 재시도 UX까지 구성했습니다.
#React#error boundary
44005분
KURLY 현직자가 직접 뽑은 직무별 핵심 키워드를 소개합니다!
컬리 LIVE 직무 토크쇼에서 현직자들이 뽑은 직무별 핵심 키워드를 정리했습니다. 프로덕트, 디자인, 개발, 데이터, 컬리페이 직무의 중요 역량을 간단히 소개했습니다.
#React#TypeScript
39005분
React 컴포넌트와 추상화
React 컴포넌트를 책임과 도메인 의존성 기준으로 어떻게 추상화할지 설명한 글입니다. 범용 컴포넌트 분리와 합성, 훅 활용을 통해 유연한 구조를 제안했습니다.
#React#컴포넌트
45005분
GitHub Actions workflow를 수동으로 trigger하기(feat. inquirer.js)
GitHub Actions의 `workflow_dispatch`와 GitHub CLI를 이용해 수동 배포를 실행하는 방법을 소개했습니다. 또한 inquirer.js로 브랜치, region, env를 입력받아 배포를 자동화하는 구성을 설명했습니다.
#GitHub Actions#GitHub CLI
33005분