inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

Supabase Storage 설명 + 파일 업로드 구현

파일 이름이 한글일 때 에러 발생

해결된 질문

241

코등학생

작성한 질문수 3

0

안녕하세요, 강의 내용대로 했는데 500 에러가 나서 확인해보니 한글로 된 파일일 경우 에러를 내는 상황입니다 ㅜ

supabase 스토리지에서는 한글로된 이름을 허용하지 않는것 같은데, 따로 해결방법이 있을까요?

firebase next.js tailwindcss react-query supabase

답변 2

1

로펀

안녕하세요 🙂 Supabase는 기본적으로 한글 파일명을 저장할 수 없습니다. 그래서 UUID 형식으로 파일을 저장하곤 합니다. 파일명이 중요한 작업이라면 file key는 UUID로 생성하시고 파일명은 별도로 DB에 저장을 하시는 것을 추천드립니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

코등학생님이 겪고 계신 400 에러는 클라이언트에서 서버로 잘못된 요청이 전달되었다는 뜻입니다. Supabase를 이용한 파일 업로드에서 이런 오류는 주로 설정 또는 폴더 구조의 문제에서 발생할 수 있습니다. 아래 몇 가지 점검 사항을 참고해 주세요.

  1. Bucket 경로 확인: upload 메서드를 사용할 때 경로를 잘못 설정하여 오류가 발생할 수 있습니다. 경로는 버킷명과 함께 올바르게 입력되고 있는지 확인이 필요합니다.

    • 예: supabase.storage.from('gallery').upload('path/to/file', file)
  2. 버킷 이름 설정: 환경 변수 NEXT_PUBLIC_STORAGE_BUCKET이 실제 버킷의 이름과 일치하는지 확인해 보세요.

  3. 폴더 구조: 파일을 특정 폴더에 업로드하는 경우, 폴더 경로의 정확성을 확인해 보세요. 폴더 경로가 잘못되어 있으면 400 에러가 발생할 수 있습니다.

  4. 파일 이름 및 메타데이터: 업로드 시 파일 이름과 함께 추가적인 메타데이터를 잘 전달하고 있는지 확인하세요. 특히, 파일 확장명과 컨텐츠 타입 등이 맞지 않으면 문제가 될 수 있습니다.

  5. CORS 설정: Supabase의 버킷에 대한 CORS 설정이 올바르게 되어 있는지 확인해 보세요. 클라이언트에서 서버로의 요청이 허용되어야 합니다.

위의 사항들을 확인한 후, 문제가 해결되지 않으면 공식 문서나 커뮤니티에서 비슷한 사례를 찾아보는 것도 해결에 도움이 될 수 있습니다.

아래 유사한 문제를 다뤘던 강의 내용을 참고해 보시면 보다 구체적인 솔루션을 찾을 수 있습니다:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Recoil 에러

0

66

1

투두 리스트 ui 작업 중에 material-tailwind가 리액트와 호환 문제가 있는지 리액트 19에서 18로 낮춰도 인풋과 아이콘 버튼 컴포넌트가 제대로 표시되지 않아요 ㅜㅜ

0

67

1

supabase 오픈 소스 사용에 대해서

0

83

0

next와 react query 버전 업데이트 관련 질문

0

62

1

Vercel 무료버전 서버속도

0

509

2

material 붉은 밑줄

0

107

2

recoil 타입 에러

0

100

2

강의 code 올려논 github 있나요 ?

0

106

2

아니... 강의 자료가 없나요?

0

173

3

무한스크롤 기능, 검색기능 대소문자

0

100

1

smtp부분

0

85

2

모듈 에러

0

142

2

20:34초에 await이 아무 효과가 없다고 뜨는데 사용하신 이유가 궁금합니다

0

163

2

latest 버전 변경에 따른 프로젝트 설정 방식 업데이트 가능하신가요

0

151

2

개인 개발자 비즈 앱 전환 버튼이 안보여요

0

231

2

supabase에서 가입된 유저를 강제로 로그아웃 시키는 방법?

0

412

2

메세지를 전송하면 DB에는 남는데 화면에 보이지 않아요.

0

127

2

globals.css 설정 질문드립니다

0

258

2

6:29 movie-card-list.tsx파일작성하시기전에

0

82

2

todolist할때 컴포넌트 분리 안했던 것 같은데...

1

130

2

vscode에서 @material-tailwind/react component를 가져왔을 때 뜨는 빨간줄 제거할 수는 없나요?

0

313

2

searchMovies에서 hasNextPage가 필요한 이유

0

132

2

react 19버전에서는 recoil사용이 어렵나요?

0

1472

2

netflix clone 할 때 recoil을 하는 순간 에러가 없어지지 않아요

2

302

3