[Express.js] 정적파일

2024. 9. 10. 20:42· 클론코딩/생활코딩 Express.js
목차
  1. 1. 정적파일 미들웨어 express.static
  2. 2.가상 경로 접두부
  3. 3.내부에서 접근
728x90

 

https://opentutorials.org/course/3370

생활코딩님의 Express.js강의를 참고하였습니다.


1. 정적파일 미들웨어 express.static

Express에서는 기본적으로 정적파일을 제어하기위한 미들웨어 함수 express.static을 제공한다.
app.use(express.static('디렉토리이름'));

형식으로 작성하여 파일의 직접적인 제공을 할수있다.
app.use(express.static('public'));

//http://localhost:3000/images/kitten.jpg

 

 

 

 

2.가상 경로 접두부

정적 디렉토리에 대한 마운트 경로를 지정할수도있다.
app.use('/static', express.static('public'));

//http://localhost:3000/static/images/kitten.jpg

 

 

 

 

3.내부에서 접근

내부에서는 다음처럼 정적 파일 경로에 접근할수있게된다.
<img src=/img/cat.jpg>

 

 

728x90

'클론코딩 > 생활코딩 Express.js' 카테고리의 다른 글

[Express.js] 에러처리  (0) 2024.09.10
[Express.js] 여러개의 미들웨어,next  (0) 2024.09.10
[Express.js] 미들웨어 제작하기  (0) 2024.09.10
  1. 1. 정적파일 미들웨어 express.static
  2. 2.가상 경로 접두부
  3. 3.내부에서 접근
'클론코딩/생활코딩 Express.js' 카테고리의 다른 글
  • [Express.js] 기본 프로젝트 폴더 구조
  • [Express.js] 에러처리
  • [Express.js] 여러개의 미들웨어,next
  • [Express.js] 미들웨어 제작하기
아사_
아사_
프로그래밍 공부한거 정리해두는 메모장 블로그
아사_
개발공부 블로그
아사_
전체
오늘
어제
  • 분류 전체보기
    • FrontEnd
      • html
      • css
      • JavaScript
      • Node.js
      • React
      • React Native
    • BackEnd
      • SpringBoot
      • FastAPI
      • PHP
      • Flask
      • supabase
    • Language
      • Python
      • JAVA
      • Kotlin
      • C++
    • Development Tools
      • AWS
      • GIT,GITHUB
      • Docker
      • 메시지 브로커
      • 기타 도구,플랫폼
    • Computer Science
      • 개발지식
      • Server&Network
      • Algorithm&DataStructure
      • Security
      • DataBase
      • OS
    • AI
    • 기타
      • 잡다
      • Android
      • 도서
    • 클론코딩
      • 생활코딩 Express.js
      • 점프 투 장고
      • 생활코딩 Node.js
    • 프로젝트
      • DevQuest

인기 글

최근 글

250x250
hELLO · Designed By 정상우.v4.2.2
아사_
[Express.js] 정적파일
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.