파일 리소스 일반적으로…
프론트에서 저장을 하면 안된다. 대부분 AWS S3 Storage에서 일반적으로 관리를 진행한다.
프론트 (form) ⇒ 백엔드 ⇒ S3에 저장
백엔드는 DB에 경로 명칭을 저장하여 파일을 관리할 예정이다.
프론트에 넘겨줄 때에는 전체 URL 형식으로 던져주고 이에 대해서 이미지를 그려주거나 하는 형식으로 관리하게 될 것
프론트에서 관리해야 하는 이미지 리소스를 어떻게 관리하느냐 ?
- 프론트 소스 내에서 전체적으로 관리하는 방법이 있다.
/public 안에다가 /public/aseest/icons..- S3에 관리함
프론트의 용량을 compact하게 줄일 수 있을 것이다.
/assets/icons/OOO.svg 형식에 저장함 svg를 컴포넌트 형식으로 만들어서 svg로 변환 ?
- svg 사용 관련해서
아예
public 폴더쪽으로 위임해서 사용 npx @svgr/cli --typescript --out-dir ./src/components/Icons . public/icons
- 디자인 시스템
디자인 시스템 내에 있는 Icon을 불러와서 사용하는 형태