브레드크럼 (2) 썸네일형 리스트형 [React] React에서 ref란? 정말 꼭 써야 할까? React를 공부하다 보면 한 번쯤 만나게 되는 ref. 많은 사람들이 이렇게 말하죠.“ref는 DOM에 접근할 수 있게 해주는 훅이다.”정확한 설명입니다. 하지만 여기서 끝내기엔 너무 아쉽습니다.그럼 도대체 왜 DOM에 접근해야 할까요? 상태(state)나 props로는 부족한 걸까요?이 글에서는 그런 궁금증들을 차근차근 풀어보려 합니다.1️⃣ ref란 무엇인가?React에서 ref는 특정 DOM 요소나 컴포넌트 인스턴스에 직접 접근할 수 있게 해주는 방법입니다.useRef() 훅을 사용하거나, 클래스형 컴포넌트에서는 createRef()로 생성합니다.import { useRef, useEffect } from 'react';function Example() { const inputRef = useR.. SEO 최적화를 위한 브레드크럼 & 사이트맵 자동 생성 시스템 구축기 최근 프로젝트에서 SEO 도입을 본격적으로 시작했습니다단순히 메타태그 몇 줄 추가하는 수준이 아니라,사이트 구조 자체를 SEO에 최적화된 형태로 재설계하는 작업을 진행했습니다.이번 개선의 핵심은 다음과 같았습니다.의미 있는 URL 구조로 변경query string 기반 URL을 301 리다이렉트브레드크럼 및 Canonical 태그 자동 생성sitemap.xml 자동화 API 도입기존 문제: query string 기반 URL 구조기존 페이지 URL은 다음과 같은 형태였습니다:/products?page=2&category=outer&sort=popular 검색·필터·페이지네이션 등을 모두 query string으로 처리해 개발자 입장에선 편했지만,검색엔진과 사용자 입장에서는 다음과 같은 문제가 있었습니다... 이전 1 다음
