404(Not Found) 에러 페이지를 내가 만든 페이지로 표시하려면 어떻게 하나요?
💡 요약 정리
- 404 에러는 존재하지 않는 경로로 접근했을 때 나타나는 “페이지를 찾을 수 없음”입니다.
- www 폴더에 404.html(파일명은 변경 가능)을 만들고 업로드하세요.
- .htaccess 파일을 생성해 ErrorDocument 404 http://내도메인/404.html 설정을 추가하세요.
- 두 파일(404.html, .htaccess)을 모두 www 폴더에 업로드한 뒤, 일부러 잘못된 경로로 접속해 정상 노출을 확인합니다.
- FTP(파일을 서버에 올리고 내려받는 프로그램)로 업로드하는 방법은 아래 FAQ에서 확인하세요: FTP/SSH 접속 방법 FAQ 바로가기
1. 404 에러 페이지 이해
- 404 에러 페이지는 서버에 존재하지 않는 페이지 경로로 접속했을 때 노출되는 not found(페이지를 찾을 수 없음) 오류입니다.
- 예시) www/test 폴더에 abc.jpg가 없는데, 도메인/test/abc.jpf 로 접근하면 서버에 해당 파일이 없기 때문에 ‘404 Not Found’ 에러 페이지가 출력됩니다.
- 존재하지 않는 리소스 요청 시 표시되는 404 Not Found 기본 화면 예시입니다.
- 잘못된 경로 접근 시 서버가 반환하는 404 응답 상태를 확인하는 예시입니다.
2. 내가 만든 404 페이지(예: 404.html) 준비
2-1) 404.html 파일 만들기
- www 폴더에 404.html 파일을 만들어 주세요.
- 404.html 파일 안에는 404 상황에서 보여줄 안내 문구, 홈으로 이동 버튼 등 원하는 내용을 넣으면 됩니다.
- 파일명은 변경해도 무방합니다. 예: error-404.html, notfound.html 등
- 텍스트 에디터에서 404.html 파일을 작성하는 모습의 예시입니다.
2-2) www 폴더에 업로드
- FTP(파일을 서버에 올리고 내려받는 프로그램)를 통해 404.html 파일을 www 폴더에 업로드하세요.
- 접속/업로드 방법이 필요하시면 아래 FAQ를 참고하세요.
- FTP로 www 폴더 위치를 연 뒤 404.html 파일을 업로드하는 예시입니다.
3. .htaccess 파일 생성 및 설정
3-1) .htaccess 파일 만들기
- [.htaccess] 파일을 생성해 아래 설정을 추가합니다.
소스코드 :
ErrorDocument 404 http://고객님의도메인/404.html
- [고객님의도메인] 부분을 실제 연결된 도메인 주소로 바꿔 저장하세요. 예: http://example.com/404.html
- 404.html 파일명을 바꾸었다면, 위 경로도 동일하게 바꿔주세요. 예: http://example.com/error-404.html
- .htaccess 파일을 새로 만들고 내용을 입력하는 예시입니다.
3-2) .htaccess 업로드 위치
- .htaccess 파일도 www 폴더 내에 업로드합니다.
- 즉, 404.html과 .htaccess 두 파일 모두 www 폴더에 있어야 합니다.
- www 폴더 내에 .htaccess 파일을 업로드한 모습의 예시입니다.
4. 적용 확인(테스트)
- 404.html과 .htaccess를 모두 www 폴더에 업로드했다면, 존재하지 않는 파일/경로로 접속해 보세요.
- 잘못된 경로 접근 시, 직접 만든 404.html 페이지가 표시되면 정상입니다.
- 존재하지 않는 경로 접속 시, 제작한 404.html이 정상 노출되는지 확인하는 예시입니다.