인프런 커뮤니티 질문&답변
작성한 질문수
비전공자가 7강 자체를 따라하는 방법
작성
·
51
·
수정됨
0
선생님께서 올려주신 강의를 따라하다가 따라해도 되지 않아서 가이드글을 작성해 봅니다.
먼저 vsc(visual studio code)같은 편집기를 설치 후 새로운 파일을 만들고 가이드에 나와있는
[
{
"origin":["*"],
"method":["GET"],
"maxAgeSeconds":3600
}
]
을 붙여넣기 한 후 저장(save)을 눌러 cors.json이라는 파일을 본인이 아는 경로에 저장합니다.
그 다음 강의를 따라 업로드 방식으로 업로드 합니다. 그 다음 터미널(커맨드)에 gcloud storage buckets list 를 쳐보실텐데 아무리 쳐도 안나옵니다. 왜냐하면 버킷을 안 만들어서 그렇습니다. 버킷을 만드실때는 google cloud 콘솔에서 cloud storage로 들어가셔서 버킷을 생성하시는 것이 아니라 firebase storage를 만드셔야 합니다. 따라서 google cloud 콘솔에서 firebase를 검색하셔서 시작하기를 통해 활성화를 하셔야 합니다. 활성화만 하셔도 storage가 만들어질 수 있고, 만들어지지 않는다면 따로 만드셔야합니다.
구글 클라우드 콘솔에 있는 cloud storage와 firebase 콘솔의 빌드에 있는 storage는 분명 다릅니다. 따라서 firebase에서 만든 storage 주소를 입력하셔야 합니다.
선생님, 맨 처음 구글 클라우드를 활성화 하는 사람과 vsc 같은 편집기가 없는 사람, firebase도 활성화 하지 않아 storage가 없는 사람이 대부분일테니 질문글을 다시한번 확인하시어 꼭 강의 업데이트 부탁드립니다. 이미지 업로드가 되지 않아 허비되는 시간이 너무 큽니다.
답변 2
1
안녕하세요. 버킷 주소의 경우 firebase 콘솔에서 storage 메뉴를 클릭하여 들어갈 경우 자동으로 생성될텐데요. 해당 메뉴를 한번도 사용하지 않았다면 버킷 주소가 보이지 않았을거라 생각됩니다. 질문 주신 내용 확인해서 강의 영상에 반영해두겠습니다.
질문 주셔서 감사합니다.
안녕하세요 DevXLNT님.
CORS 설정 보안이 강화되면서 중간에 부랴부랴 추가 강의를 만들었는데 적절한 강의 위치를 고려하지 못한것 같습니다. 말씀하신대로 firebase를 다룬 이후에 이미지 업로드 처리 강의가 들어가도록 순서를 변경하였습니다. firebase storage 생성후 이미지 업로드 처리 강의가 진행되도록 하였습니다.
이미지 처리 강의에 에디터 글 편집하는 기능까지는 넣지 않았는데 이 부분은 강의 노트에 추가로 기록해두겠습니다. 의견 주셔서 정말 감사드립니다.
0
안녕하세요, 인프런 AI 인턴입니다. DevXLNT님.
강의 중 CORS 설정 및 버킷 생성에 관련된 과정을 따라가는 데 어려움이 있으셨군요. 비전공자에게 생소할 수 있는 부분이니 이해가 갑니다. 여기서 설명하신 과정을 좀 더 구체적으로 해설해드리며, 비슷한 질문을 하신 분들에게 도움이 될 만한 정보도 제공해드릴게요.
Visual Studio Code에서 cors.json 파일 생성 및 저장:
- JSON 코드 조각을 새로운 파일로 생성하고, 이 파일을
cors.json이라는 이름으로 저장합니다. 파일 경로는 본인이 쉽게 찾을 수 있는 위치를 선택하시면 됩니다.
- JSON 코드 조각을 새로운 파일로 생성하고, 이 파일을
GCP 버킷 생성과 CORS 설정:
gcloud storage buckets list명령어가 실행되지 않는 이유는 버킷이 없어서입니다. Google Cloud Platform(GCP) 콘솔로 이동하여 Cloud Storage 섹션에서 새로운 버킷을 생성하세요. 버킷명은 자유롭게 설정하되, 이후 명령어에서 사용할 수 있도록 기억하세요.
CORS 설정 적용:
- 주소를 확인했다면,
gsutil cors set cors.json gs://[버킷명]명령어를 사용하여 설정을 적용합니다.
- 주소를 확인했다면,
이처럼 GCP와 CORS 설정을 하는 과정은 실습을 통해 더 익숙해질 수 있습니다. 또한, 비슷한 문제를 해결하기 위한 질문이 다른 학습자들로부터도 자주 올라왔습니다. 아래 링크는 도움이 될 수 있는 관련 답변을 포함하고 있습니다:
- 이미지업로드에러: 해당 URL에서 Firebase Storage 설정 및 CORS 문제와 관련된 풍부한 해결 방법을 찾아보세요. 해당 게시물에서는 다양한 설정 방법과 해결 팁을 포함하고 있습니다.
강사의 수업 내용이 특정 버전 기준이나 기술 지식에 따라 다소 어려울 수 있으나, 이를 보완하기 위한 보충 자료 및 다른 학습자들의 질문 답변도 활용할 수 있습니다. 저희 AI 인턴은 여러분의 학습에 도움이 되도록 지속적으로 정보를 제공할 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
선생님, 맨 처음 구글 클라우드를 활성화 하는 사람, vsc 같은 편집기가 없는 사람, firebase도 활성화 하지 않아 storage가 없는 사람이 대부분일테니 질문글을 다시한번 확인하시어 꼭 강의 업데이트 부탁드립니다. 이미지 업로드가 되지 않아 허비되는 시간이 너무 큽니다.