Skip to content

Commit

Permalink
refactor: 기존에 단순히 URL로 가져오던 이미지를 따로 컴포넌트로 뺴서 한 곳에서 관리하도록 수정
Browse files Browse the repository at this point in the history
고정적으로 사용하는 이미지 혹은 아이콘들은 feature/icons에서 전부 관리하도록 함.
여기서는 index.tsx에서 재수출 하여 한 모듈에서 아이콘 혹은 이미지들을 가져올 수 있도록함

기존에는 로직상에 url이 그대로 박혀있는 경우가 많았으며, 이로 인해서 해당 아이콘 혹은 이미지를 변경하는 등의 작업시 로직 전부를 확인하며 이미지 태그의 url을 확인했어야 했다.
게다가 해당 이미지나 아이콘을 재사용하고자 할 때에도 다시 코드를 복붙하는 방식으로 해야하였기에 유지보수적으로 많은 비용을 지불할 수밖에 없었다.

한 곳에서 컴포넌트로서 관리하게되면 이러한 비용을 줄일 수 있을 것으로 기대한다.

#159
  • Loading branch information
geongyu09 committed Dec 10, 2024
1 parent 984be54 commit dfabd12
Show file tree
Hide file tree
Showing 3 changed files with 16 additions and 63 deletions.

This file was deleted.

1 change: 1 addition & 0 deletions FE/src/components/icons/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,4 @@ export { default as IntroLogo } from "./items/IntroLogo";
export { default as Saly } from "./items/Saly";
export { default as EeosAdminLogo } from "./items/EeosAdminLogo";
export { default as ArrowRight } from "./items/ArrowRight";
export { default as Line } from "./items/Line";
15 changes: 15 additions & 0 deletions FE/src/components/icons/items/Line.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import Image from "next/image";

const Line = () => {
return (
<Image
src="/icons/line.svg"
alt="line"
width={38}
height={6}
style={{ width: 38, height: 6 }}
/>
);
};

export default Line;

0 comments on commit dfabd12

Please sign in to comment.