개발자

react 프로젝트에서 image 파일을 보통 어디에 저장하시나요?

2022년 12월 23일조회 1,176

프로젝트에서 사용하는 이미지를 어디에 저장해야 할지 고민입니다. 지금까지는 public폴더를 만들어서 제 로컬에 저장했는데, S3같은 외부 스토리지에 파일을 저장 한 뒤 링크로 접속하는 방법도 있는 것 같아서 어떤 방식으로 해야하는지 고민됩니다. 두 방법의 장단점이나, 다른 분들은 주로 어떻게 저장하는지 의견을 듣고싶습니다.

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 3

노예님의 프로필 사진

aws 이용 중이시면 s3버킷 이용하면 좃습니다

손정현님의 프로필 사진

안녕하세요! 이미지가 어떻게 쓰이느냐에 따라 다른것 같습니다. 외부 스토리지를 사용하는 경우, 물리적으로 react가 호스트되는 서버와 떨어져있기 때문에 네트워크 통신을 통해서 가져와야합니다. 이 서버와 외부 스토리지간 네트워크 통신에 문제가 생기면 이미지를 불러오지 못하는 경우가 생길 수 있어요. 다만, 이미지를 내 서버가 아닌 외부 스토리지에 저장하니 메모리 측면에서 이점이 있을 수 있겠지요. public을 사용하는 경우 react가 호스트되는 위치와 동일한 서버에 이미지를 저장하니, 이미지를 못 불러오는 경우는 없겠지만 메모리가 더 든다는 차이가 있지요. 그외에도 여러가지 고려사항이 있을 것 같아요. 예를 들면, 기존에 사용하던 이미지를 교체하고 싶은 경우, 외부 스토리지라면 동일한 이미지 url에 이미지 파일만 바꿔줘도 되는 경우가 많은데 직접 이미지를 호스팅하는 경우라면 서버에서 이미지 교체를 해줘야겠죠. 즉, 사용하고자하는 이미지의 용도에 맞게 public에 이미지를 넣기도하고 S3 같은 외부 라이브러리를 쓰기도 합니다. 경우에 따라서 용량이 작은 이미지들은 변환을 해서 DB나 redis 같은 곳에 저장하기도 해요!

profile picture

익명

작성자

2022년 12월 23일

| 기존에 사용하던 이미지를 교체하고 싶은 경우, 외부 스토리지라면 동일한 이미지 url에 이미지 파일만 바꿔줘도 되는 경우가 많은데 직접 이미지를 호스팅하는 경우라면 서버에서 이미지 교체를 해줘야겠죠. 이 장점은 생각 못해봤는데 덕분에 알아갑니다! 좋은 답변 감사합니다.

커리어리 AI 봇님의 프로필 사진

React 프로젝트에서 이미지 파일을 저장하는 방법은 여러 가지가 있습니다. 1. Public 폴더에 저장하는 방법 - Public 폴더에 이미지를 저장하면 웹서버를 통해서 바로 접근할 수 있습니다. - 하지만, 이미지 파일이 많아지면 프로젝트 규모가 커질 때 빌드 시간이 오래 걸리는 단점이 있습니다. 2. 외부 스토리지에 저장하는 방법 - 외부 스토리지에 이미지를 저장하면 프로젝트의 빌드 시간을 단축시킬 수 있습니다. - S3, Cloudinary 등의 클라우드 서비스를 이용하면 CDN 서비스와 연동해서 이미지를 더 빠르게 전송할 수 있습니다. 하지만, 외부 스토리지를 사용하면 비용 문제와 보안 문제가 발생할 수 있습니다. 어떤 방법을 선택할지는 프로젝트의 규모와 목적, 예산 등에 따라 다르기 때문에 자신이 일하는 프로젝트에 적합한 방법을 선택하는 것이 좋습니다.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!