개발숭이

스마트 디바이스에서 화면의 디바이스 픽셀 비율을 간단하고 빠르게 계산하는 방법을 알려드리려고 합니다. 특히 웹 개발자나 앱 디자이너 분들에게 매우 유용한 정보일 거예요. 먼저, 해당 디바이스의 해상도와 ppi 값을 알아야 해요. 예시에서는 갤럭시 탭 S8을 사용해볼게요. https://www.gsmarena.com/apple_iphone_12_pro-10508.php Apple iPhone 12 Pro - Full phone specifications 4G bands 1, 2, 3, 4, 5, 7, 8, 12, 13, 14, 17, 18, 19, 20, 25, 26, 28, 29, 30, 32, 34, 38, 39, 40, 41, 42, 46, 48, 66, 71 - A2341 1, 2, 3, 4, 5,..

React에서 useCallback은 함수를 메모리에 저장하여 성능을 최적화하는데 유용하다. 부모 컴포넌트가 여러 항목을 관리하고, 각 항목을 업데이트하는 기능을 자식 컴포넌트에게 전달하는 상황이다. useCallback을 사용하면 부모 컴포넌트에서 자식 컴포넌트로 전달되는 함수가 불필요하게 재생성되는 것을 방지할 수 있다. import React, { useState, useCallback } from 'react'; function Item({ item, onUpdate }) { return ( {item.content} onUpdate(item.id, `업데이트된 내용: ${item.content}`)}>업데이트 ); } function ItemList() { const [items, setItem..

const queryClient = new QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 2, retryDelay: attempt => Math.min(attempt * 1000, 2000), staleTime: 1000 * 60 * 5, cacheTime: 1000 * 60 * 60, }, }, }); refetchOnWindowFocus: false: 창이 포커스될 때마다 데이터를 다시 가져오는 기능을 비활성화한다. retry: 2: 데이터 가져오기 쿼리가 실패할 경우 최대 2번까지 재시도한다. retryDelay: attempt => Math.min(attempt * 1000, 2000): 재시도 간격을 ..

MAU(Monthly Activity User) 월별 활동한 이용자, 보통 사용자 키가 있는 경우 그 기준으로 구성되며 회원수와는 다름 우리의 서비스를 사용자가 지속적으로 사용하고있는지를 알 수 있음 DAU(Daily Activity Use) 일별 활동 이용자에 대한 수, 하루에 몇 명이나 서비스를 이용하는가 동시접속사와는 다름 가입자 당 평균 수익 등을 계산할 때 참고할 수 있는 지표가 됨 이 지표는 '행동'이 아닌 '사람'에 초점을 두고 얼마나 많은 고유의 사용자가 매일 우리의 서비스를 방문하는지 알 수있음 MCU(Maximum Current User) 순간 동시 접속사를 의미하며 실시간 수치를 해석함 MAU, DAU를 측정하기 위해서는 활성 사용자를 정의하는 것이 제일 먼저인데 어떤 행동을 활성 사..

CI/CD란 무엇인가요? CI/CD는 소프트웨어 개발 프로세스의 중요한 부분으로, 개발 단계에서부터 배포 단계에 이르기까지 모든 과정을 자동화하여 효율적이고 빠르게 사용자에게 소프트웨어를 배포할 수 있도록 하는 방법론입니다. CI(Continuous Integration)의 이해 CI의 핵심은 주기적인 통합입니다. 개발자들은 자신의 작업을 주기적으로 메인 저장소에 머지합니다. 이 과정에서 코드의 변경사항은 자동으로 빌드되고 테스트됩니다. CI의 핵심 포인트는 작은 단위로 빈번하게 코드를 통합하는 것입니다. 이렇게 하면 코드 충돌을 최소화하고, 발견된 문제를 신속하게 해결할 수 있습니다. CI 환경의 개발에서 중요한 점: 코드 변경사항을 주기적으로 빈번하게 머지합니다. 통합을 위한 단계(빌드, 테스트, 머..