상식닷컴
로그인
가입하기
2026년 상식닷컴 선정 식당 & 카페 리스트
2025년 2026년 신상 호텔 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요
일주일 식단표 어플
자동 일주일 식단표 어플
안드로이드
아이폰
주식 & 코인 차트의 신
1000만원으로 2000만원 만들기 프로젝트
궁금한 상식 보기
디스코드에서 봇을 추가하는 방법은?
손목터널증후군의 예방 방법은 무엇인가요?
손목터널증후군의 증상 완화를 위한 온찜질 방법은 무엇인가요?
손목터널증후군의 치료에 대한 보험 적용은 어떻게 되나요?
손목터널증후군의 예방을 위한 올바른 자세는 무엇인가요?
변리사가 다루는 저작권 전략의 중요성은 무엇인가요?
Google Play Developer API를 통해 앱의 스크린샷을 업데이트할 수 있나요?
Google Play Developer API의 호출 방식은 RESTful인가요?
Google Play Developer API의 응답 속도는 어떻게 최적화하나요?
Google Play Developer API의 호출 예제는 어떤 형식으로 제공되나요?
인도네시아의 전통 간식 종류는 무엇인가요?
인도네시아의 유명한 길거리 음식에서 가장 인기 있는 것은?
Previous
Next
수정하기 - Vercel 배포 중에 정적 파일을 어떻게 추가하나요?
닉네임
비밀번호
제목
내용
[이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]
Vercel에 정적 파일을 배포하는 것은 간단한 프로세스입니다. 다음은 정적 파일을 Vercel 프로젝트에 추가하는 방법에 대한 단계별 가이드입니다. 1. 프로젝트 구조 <a href='https://sangseek.com/sangseeks/설정/ko'>설정</a> Vercel 프로젝트의 루트 디렉토리에서 `public`이라는 폴더를 생성합니다. Vercel은 `public` 폴더에 있는 모든 파일을 정적 파일로 처리하고, 이 폴더의 파일은 URL을 통해 직접 접근할 수 있습니다. ``` my-vercel-project/ |-- public/ | |-- images/ | | |-- my-image.png | |-- styles/ | | |-- styles.css | |-- <a href='https://sangseek.com/sangseeks/favicon/ko'>favicon</a>.ico |-- pages/ |-- ... ``` 2. 정적 파일 추가 `public` 폴더 내에 필요한 정적 파일(예: 이미지, CSS, JS 파일 등)을 추가합니다. 위의 예제처럼 구성하실 수 있습니다. 예를 들어, `my-image.png` 파일을 `public/images` 폴더에 넣었다면, 이 파일은 `/images/my-image.png` 경로에서 접근할 수 있습니다. 3. 파일 사용 정적 파일을 HTML 파일이나 JavaScript 파일에서 사용할 수 있습니다. 예를 들어: HTML 파일에서 사용하기 ```html <img src="/images/my-image.png" alt="My Image"> <link rel="stylesheet" href="/styles/styles.css"> ``` JavaScript 파일에서 사용하기 ```javascript const imageUrl = '/images/my-image.png'; const imageElement = document.createElement('img'); imageElement.src = imageUrl; document.body.appendChild(imageElement); ``` 4. 배포하기 정적 파일을 추가한 후에는 Vercel에 배포합니다. 배포는 다음과 같은 명령어로 수행할 수 있습니다. ```bash vercel deploy ``` Vercel CLI를 사용하여 간편하게 배포할 수 있으며, 이 과정에서 `public` 디렉토리에 있는 정적 파일들도 함께 배포됩니다. 5. 확인하기 배포가 완료되면, Vercel이 주는 URL로 이동하여 정적 파일에 접근하고 제대로 표시되는지 확인합니다. 추가 사항 - Vercel은 정적 파일 호스팅을 자동으로 처리하지만, 특정 파일의 캐싱이나 설정을 조정할 필요가 있는 경우 `vercel.json` 파일을 통해 추가적인 설정을 할 수 있습니다. - 파일 이름에 대한 대소문자 구분이 있으므로, URL 경로를 작성할 때 주의해야 합니다. 이 방법을 통해 Vercel에 정적 파일을 추가하고 관리할 수 있습니다.
이용안내
커뮤니티 이용안내
×
- 게시한 게시글로 발생하는 문제는 게시자에게 책임이 있습니다.
- 게시글이 타인/타업체의 저작권을 침해할 경우 모든 책임은 게시자에게 있습니다. 게시자가 모든 손해를 부담해야 합니다.
- 상식닷컴 운영자는 게시자와 상의하지 않고 게시글을 수정 또는 삭제할 수 있습니다.
- 상식닷컴 운영자는 깨끗한 커뮤니티 공간을 만드는 것이 1순위입니다.
수정하기
취소하기