이미지를 넣을 때 크기를 정해야 하나요?
이미지 영역을 미리 확보하면 로딩 중 화면 이동을 줄일 수 있습니다. 실제 표시 크기에 맞는 파일과 의미 있는 대체 텍스트도 확인하세요.
적용 범위
구조를 단순하게 유지하되 신뢰 경계와 변경 책임을 분리하는 것이 좋습니다. 작은 기능도 실제 서버와 브라우저에서 어디에서 실행되는지 이해해야 합니다.
확인할 항목
- 서버와 브라우저 코드 구분
- 입력과 출력 형식 정의
- 반복 코드의 역할 확인
공식 참고 자료
아래 자료는 이 주제의 개념과 검토 기준을 확인하는 공식 참고 문서입니다. 작업 순서와 비교 방법은 편집팀의 제안이며, 제품의 성능을 직접 시험했다는 뜻은 아닙니다.
- W3C 입력 양식 접근성 안내확인일 2026-10-20
- MDN HTML 안내확인일 2026-10-20
- Next.js App Router 공식 문서확인일 2026-10-20
관련 질문
글꼴은 어떻게 적용하는 게 좋나요?
필요한 글꼴과 굵기만 사용하고 로딩 중에도 본문을 읽을 수 있게 구성하세요. 외부 요청과 라이선스 조건도 함께 확인하는 것이 좋습니다.
글꼴은 어떻게 적용하는 게 좋나요 자세히 보기 ↗각 페이지 메타데이터는 왜 달라야 하나요?
페이지가 답하는 주제와 대표 주소가 다르기 때문입니다. 모든 페이지에 같은 제목과 설명을 복사하면 목적을 구분하기 어려워집니다.
각 페이지 메타데이터는 왜 달라야 하나요 자세히 보기 ↗구조화 데이터는 어디에서 생성하나요?
화면과 같은 콘텐츠 원본을 사용해 서버에서 생성하는 방법이 좋습니다. 실제 보이지 않는 답변이나 가격을 메타데이터에만 추가하지 마세요.
구조화 데이터는 어디에서 생성하나요 자세히 보기 ↗