일단 클립스튜디오를 튼다. (photoshop가능)
그런 다음에 레이어를 사용해서 이미지를 바꾼다.

2. .env 파일 수정

다음과 같이 .env에 PUBLIC_URL을 넣어준다.

3. 코드 수정

• Farms > compoenets> FarmCard > CardHeading.tsx
  에서 CardHeading 함수를 다음과 같이 수정해준다.

<Image src={`${process.env.PUBLIC_URL}/images/farms/${farmImage}.png`} alt={tokenSymbol} width={64} height={64} />

그리고

• Farms > compoenets> FarmTable> Farm.tsx

<IconImage src={`${process.env.PUBLIC_URL}/images/farms/${image}.png`} alt="icon" width={40} height={40} mr="8px" />

여담...
여태껏 일단 svg 파일은 벡터여서 선으로 그린 것만 저장이 되었다. 그래서 색칠한 거를 png파일로 저장해서 고쳤는데 알고보니 팬케잌 스왑에서 svg로 만든 것을 보니 충격적이었다.

이렇게 되어있어서 색칠했겠거니 생각을 했는데 그게 아니었다.

이렇게 다 선으로 이루어져있었다...

프론트엔드의 길은 참^^...