📂 NAS_설정_22단계_브로드밴드 NAS 접속 시리즈_5편

📂 NAS_설정_22단계_브로드밴드 NAS 접속 시리즈_5편

하위 폴더 배포와 대소문자 주의

이제 web 폴더를 단일 index.html만 쓰는 것이 아니라,
하위 폴더를 만들어 여러 HTML 콘텐츠를 나눠서 운영하는 방법을 알아봅니다.
이 방식은 프로젝트별, 주제별로 웹페이지를 깔끔하게 관리할 수 있습니다.

---

📂 하위 폴더 만들기

1. DSM → File Station 실행
2. web 폴더 안에서 새 폴더 생성
3. 예시: html, project1, math 등
4. 각 폴더에 HTML, CSS, JS 파일 업로드

※ 폴더명과 파일명은 가급적 소문자로 작성하는 것을 권장합니다.

---

🌐 하위 폴더 접속 주소

폴더 구조 예시:

/web
 ├── index.html
 └── html
     └── math
         └── trigonometrygraph.html

접속 URL 예: http://****.ddns.net:88/html/math/trigonometrygraph.html

---

⚠️ 대소문자 주의

• 리눅스 기반 NAS는 대소문자를 구분합니다.
• Math 폴더와 math 폴더는 다른 폴더로 인식됩니다.
• 윈도우 환경에서는 잘 열리던 주소가, NAS에서는 404 오류가 날 수 있습니다.

---

📌 폴더별 웹앱 관리 팁

• 폴더별로 index.html을 두면 /폴더명 만으로 접속 가능합니다.
  예: /html/index.html → /html 입력 시 자동 로딩
• CSS/JS/이미지 파일은 별도의 assets 폴더에 모아두면 관리가 편합니다.
• 프로젝트별로 폴더를 구분하면 버전 관리와 유지보수가 쉬워집니다.

---

🧪 테스트 방법

1. 하위 폴더에 HTML 파일 업로드
2. 외부 접속 주소로 브라우저 테스트
3. 대소문자 오타 없이 정확히 입력

---

📅 다음 글 예고

6편: HTTPS 보안 접속 설정
Let's Encrypt 인증서 발급과 443 포트 개방으로
보안 HTTPS 환경을 구축하는 방법을 다룹니다.

 

https://withseok.tistory.com/1931

🔒 NAS_설정_23단계_브로드밴드 NAS 접속 시리즈_6편