๐ FrontEnd -Study/Tailwind1 [Tailwind] ์์ / ํ์ ์์์๊ฒ hover ํจ๊ณผ ์ฃผ๊ธฐ ์ด๋ฒ ํ๋ก์ ํธ์์ ์๋ฌด๋๋ Tailwind๋ฅผ ์ฒ์ ์ฌ์ฉํ๋ค ๋ณด๋ ๊ธฐ์กด์ ๊ธ๋ฐฉ ํ ์ ์๋ ์์ ์ด์ฌ๋ ๊ตฌ๊ธ๋ง ํด์ ์ฐพ์๋ณด๋ ์ผ์ด ๋ง์ ๊ฒ ๊ฐ์ต๋๋ค. ๐ ๊ทธ๋๋ Tailwind๋ฅผ ์ ์ ์ ์์ด ๋๋ค ๋ณด๋ฉด Styled-Components๋ณด๋ค ๋ ๋น ๋ฅด๊ฒ ์ฝ๋๋ฅผ ์์ฑํ ์ ์์ด ์ข์ ์ ๋ ์๋ ๊ฒ ๊ฐ์ต๋๋ค. import ClickButton from './ClickButton'; const ProjectCard = ({ svgFile, projectTitle, }: { svgFile: string; projectTitle: string; }) => { return ( {projectTitle} ); }; export default ProjectCard; ์์ ์ฝ๋์์ ๋ถ๋ชจ ํ๊ทธ div์ hoverํ๋ฉด img๊ฐ ํฌํจ.. 2024. 1. 9. ์ด์ 1 ๋ค์ 728x90