📂 NAS_설정_21단계_브로드밴드 NAS 접속 시리즈_4편
/web 폴더에 index.html 업로드
이제 Web Station이 활성화되었으니,
실제 웹페이지를 NAS에 올려보겠습니다.
가장 기본적인 예로 index.html 파일을 사용합니다.
🛠 /web 폴더 접근
- DSM에 로그인
- File Station 실행
- 공유 폴더 목록에서
web폴더 클릭
web 폴더는 NAS 웹 서비스의 루트 디렉터리입니다.
여기에 올린 파일은 외부에서 바로 접근할 수 있습니다.
📤 index.html 업로드
- 컴퓨터에서 테스트용 HTML 파일 준비
- 파일명:
index.html - 내용: 간단한 문장이나 테스트 페이지
- 파일명:
- File Station에서 업로드 버튼 클릭
- 준비한
index.html선택 후 업로드
※ 동일한 이름의 파일이 있으면 덮어쓰기가 되므로 주의하세요.
🌐 접속 테스트
HTML 파일이 업로드되면
아래 주소로 접속하여 페이지가 표시되는지 확인합니다.
- 내부망:
http://NAS내부IP(예: 192.168.0.50) - 외부망:
http://****.ddns.net:100
정상적으로 index.html 내용이 표시되면
NAS가 웹서버로 동작 중입니다.
📂 추가 폴더 구성
web 폴더 하위에 별도의 디렉터리를 만들어
여러 프로젝트를 분리할 수도 있습니다.
예: /web/html/math/trigonometrygraph.html
이 경우 주소는 다음과 같이 접근합니다.http://****.ddns.net:100/html/math/trigonometrygraph.html
※ 파일·폴더명은 소문자 사용을 권장합니다.
대소문자 혼용 시 일부 환경에서 접근 오류가 발생할 수 있습니다.
⚠️ 주의사항
- 민감한 파일은
web폴더에 올리지 마세요. - 외부 접속 테스트 시 LTE/5G 환경을 활용하세요.
- 포트포워딩과 방화벽 규칙이 올바르게 설정되어 있어야 합니다.
📅 다음 글 예고
5편: 하위 폴더 배포와 대소문자 주의
여러 웹앱을 폴더별로 배포하는 방법과
파일명 표기 규칙을 다룹니다.
https://withseok.tistory.com/1929
📂 NAS_설정_22단계_브로드밴드 NAS 접속 시리즈_5편
📂 NAS_설정_22단계_브로드밴드 NAS 접속 시리즈_5편하위 폴더 배포와 대소문자 주의이제 web 폴더를 단일 index.html만 쓰는 것이 아니라,하위 폴더를 만들어 여러 HTML 콘텐츠를 나눠서 운영하는 방법
withseok.tistory.com
'■ 현재-ing > ㅡNAS' 카테고리의 다른 글
| NAS 설정 24단계 브로드밴드 NAS 접속 시리즈 7편 (0) | 2025.08.08 |
|---|---|
| 📂 NAS_설정_22단계_브로드밴드 NAS 접속 시리즈_5편 (0) | 2025.08.08 |
| 💻 NAS_설정_20단계_브로드밴드 NAS 접속 시리즈_3편 (1) | 2025.08.08 |
| 🌐 NAS_설정_19단계_브로드밴드 NAS 접속 시리즈_2편 (1) | 2025.08.08 |
| 🌐 NAS_설정_18단계_브로드밴드 NAS 접속 시리즈_1편 (1) | 2025.08.08 |