혜심 블로그

최근 포스트

정사각형을 반응형으로 만드는 여러가지 방법

CSS를 사용하여 정사각형을 반응형으로 만드는 방법 소개. padding-bottom, aspect-ratio, vw 단위 활용 등의 장단점 및 적용 사례를 살펴보고, 프로젝트의 요구사항과 대상 브라우저에 따라 적절한 방법을 선택해야 함을 강조.

혜심혜심
2분 읽기

useQuery vs getQueryData: 언제 무엇을 사용해야 할까?

React Query의 핵심 기능인 useQuery와 getQueryData의 차이점과 활용 방법에 대해 설명합니다. useQuery는 컴포넌트 내부에서 데이터를 가져오고 상태를 관리할 때 사용하며, getQueryData는 이미 캐싱된 데이터에 빠르게 접근할 때 사용합니다. 부모-자식 관계에서는 데이터 전달 시 props를 활용하는 것이 일반적이지만, 상황에 따라 자식 컴포넌트에서 useQuery를 사용하는 것도 고려할 수 있습니다. 일관성과 성능 간의 균형을 위해 두 기능을 적절히 혼용하는 것이 중요합니다.

혜심혜심
5분 읽기

Git 레포지토리 파일명 대소문자 변경

Git에서 파일 이름의 대소문자 변경 시 문제 해결 방법: Git 설정의 core.ignorecase 옵션을 false로 변경하여 대소문자 구분, 파일 이름 재변경 후 변경 사항 커밋 및 원격 레포지토리에 푸시, 원격 레포지토리의 캐시된 파일 제거 등의 단계를 통해 Git이 파일 이름 변경을 정상적으로 인식하도록 설정.