[React][SD] 단순 css로 hover시 글자 밑에 밑줄 생기게 하기

안녕하세요? 2023년 첫글이네요 ㅎㅎ 오늘 열심히 페이지를 만들다가 삽질시킨 문제를 데려왔습니다. 먼저 완성작을 보여드리겠습니다. 어떤 링크요소에 hover를 하면 밑줄이 쫘악 쳐지는 기능입니다. 저는 저걸 처음에는 animation를 이용해서 만들어보려고 state도 만들고, useEffect로 settimeout을 쓰려고도 하고 id를 주기 위한 함수도 만들고 하다보니 어딘가 점점 꼬이고 헷갈리기 시작하더라구요? 그러다 어떤 천사께서 간단하고 쉽게, 오직 css로만으로 만들 수 있는 정보를 주셨습니다 .. 🤍 그렇담 이제 방법을 써보겠습니다. [사용한 파일] main.jsx 1. 먼저 요소를 생성하고 스타일컴포넌트로 스타일을 줍니다. after요소를 쓸 거라서 밑줄을 보이게 할 요소엔 꼭 posit..
프로젝트 노트 📝 2023. 1. 9. 00:59
1