강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

DevXLNT님의 프로필 이미지
DevXLNT

작성한 질문수

FlutterFlow 쉽게하는 노코드 앱개발

07-0. 이미지 업로드 전 확인사항 (cors 설정)

비전공자가 7강 자체를 따라하는 방법

작성

·

21

·

수정됨

0

선생님께서 올려주신 강의를 따라하다가 따라해도 되지 않아서 가이드글을 작성해 봅니다.

먼저 vsc(visual studio code)같은 편집기를 설치 후 새로운 파일을 만들고 가이드에 나와있는

[
{
"origin":["*"],
"method":["GET"],
"maxAgeSeconds":3600
}
]

을 붙여넣기 한 후 저장(save)을 눌러 cors.json이라는 파일을 본인이 아는 경로에 저장합니다.

그 다음 강의를 따라 업로드 방식으로 업로드 합니다. 그 다음 터미널(커맨드)에 gcloud storage buckets list 를 쳐보실텐데 아무리 쳐도 안나옵니다. 왜냐하면 버킷을 안 만들어서 그렇습니다. 다시 google cloud 홈으로 가서 메뉴로 가서 cloud strage로 이동한 후 버킷 만들기를 클릭하여 버킷명을 본인아이디+handsbook이라고 만듭니다. 그렇게 하면 본인의 버킷이 생깁니다.

여기까지 완료하셨으면 bucket storage url이 생성되므로 영상을 따라가시면 됩니다.

코딩을 모르는 사람도 따라할 수 있다고 하셨는데 전혀 모르는 사람은 따라할 수 없을 것 같습니다. 선생님. 많이 번거로우시겠지만 가끔 나타나셔서 좀 더 친절하게 강의를 다듬어주시면 감사하겠습니다.

답변 2

0

U진님의 프로필 이미지
U진
지식공유자

안녕하세요. 버킷 주소의 경우 firebase 콘솔에서 storage 메뉴를 클릭하여 들어갈 경우 자동으로 생성될텐데요. 해당 메뉴를 한번도 사용하지 않았다면 버킷 주소가 보이지 않았을거라 생각됩니다. 질문 주신 내용 확인해서 강의 영상에 반영해두겠습니다.

질문 주셔서 감사합니다.

0

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

강의 중 CORS 설정 및 버킷 생성에 관련된 과정을 따라가는 데 어려움이 있으셨군요. 비전공자에게 생소할 수 있는 부분이니 이해가 갑니다. 여기서 설명하신 과정을 좀 더 구체적으로 해설해드리며, 비슷한 질문을 하신 분들에게 도움이 될 만한 정보도 제공해드릴게요.

  1. Visual Studio Code에서 cors.json 파일 생성 및 저장:

    • JSON 코드 조각을 새로운 파일로 생성하고, 이 파일을 cors.json이라는 이름으로 저장합니다. 파일 경로는 본인이 쉽게 찾을 수 있는 위치를 선택하시면 됩니다.
  2. GCP 버킷 생성과 CORS 설정:

    • gcloud storage buckets list 명령어가 실행되지 않는 이유는 버킷이 없어서입니다. Google Cloud Platform(GCP) 콘솔로 이동하여 Cloud Storage 섹션에서 새로운 버킷을 생성하세요. 버킷명은 자유롭게 설정하되, 이후 명령어에서 사용할 수 있도록 기억하세요.
  3. CORS 설정 적용:

    • 주소를 확인했다면, gsutil cors set cors.json gs://[버킷명] 명령어를 사용하여 설정을 적용합니다.

이처럼 GCP와 CORS 설정을 하는 과정은 실습을 통해 더 익숙해질 수 있습니다. 또한, 비슷한 문제를 해결하기 위한 질문이 다른 학습자들로부터도 자주 올라왔습니다. 아래 링크는 도움이 될 수 있는 관련 답변을 포함하고 있습니다:

  • 이미지업로드에러: 해당 URL에서 Firebase Storage 설정 및 CORS 문제와 관련된 풍부한 해결 방법을 찾아보세요. 해당 게시물에서는 다양한 설정 방법과 해결 팁을 포함하고 있습니다.

강사의 수업 내용이 특정 버전 기준이나 기술 지식에 따라 다소 어려울 수 있으나, 이를 보완하기 위한 보충 자료 및 다른 학습자들의 질문 답변도 활용할 수 있습니다. 저희 AI 인턴은 여러분의 학습에 도움이 되도록 지속적으로 정보를 제공할 수 있습니다.

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

DevXLNT님의 프로필 이미지
DevXLNT

작성한 질문수

질문하기