DevInsight 자료실은 글을 읽고 바로 확인해야 하는 공식 문서, 진단 도구, 실무 점검 기준을 한곳에 모아둔 페이지입니다. 단순 링크 모음이 아니라 배포 전 품질 확인과 학습 경로를 빠르게 찾을 수 있도록 주제별로 나누었습니다.
공식 문서 빠른 링크
프론트엔드 기본
React / TypeScript
성능 / 검색
구조화 데이터 / 접근성
React 프로젝트 점검 자료
| 항목 | 확인 방법 | 함께 볼 기준 |
|---|---|---|
| 렌더링 성능 | React DevTools Profiler로 느린 컴포넌트와 반복 렌더링을 확인합니다. | 상태 위치, memo 적용, 목록 key 안정성 |
| 상태 관리 | 서버 상태와 UI 상태를 분리해 전역 상태가 과해지지 않았는지 봅니다. | TanStack Query, Zustand, Context 분리 |
| 빌드 결과 | 번들 크기와 동적 import 적용 구간을 확인합니다. | Vite build, Lighthouse, Coverage 탭 |
검색 노출 준비 자료
| 항목 | 확인 방법 | 함께 볼 기준 |
|---|---|---|
| 문서 구조 | 각 페이지의 h1, title, meta description이 서로 다른지 확인합니다. | 중복 title 방지, 본문 첫 문단 명확화 |
| 색인 가능성 | robots.txt, sitemap.xml, canonical URL이 실제 배포 주소와 일치하는지 확인합니다. | www/비www 통일, 200 응답 확인 |
| 신뢰 요소 | 운영자 정보, 문의 경로, 수정 정책, 참고 출처가 보이는지 확인합니다. | About, Contact, Privacy, Terms |