Vite @swc/plugin-styled-components 적용

[bluetree7878]

🔗 관련 이슈

#47

📝작업 내용

npm install 하시면 @swc/plugin-styled-components 플러그인이 깔리게 됩니다.

이 플러그인으로 인해 개발자 도구로 스타일이 입혀진 곳을 확인해볼 때 위의 사진과 같이 파일명(스타일을 입힌) + 스타일드 컴포넌트명 + 해시값이 같이 출력 됩니다.

🔍 변경 사항

• 플러그인으로 Styled-componenst의 클래스명 변경

💬리뷰 요구사항 (선택사항)

저도 써보면서 안 건데 파일명도 같이 뜨네요. 좀 지저분해보일 수 있지만 해시값만 출력되는 것보단 이게 나은 것 같아요. 어떻게 생각하시는지 리뷰 달아주세용

[bluetree7878]

참고로 이거 LayOut 파일이나 LayoutDiv같은 경우는 현재 제 브랜치에선 안 쓰입니다. 제 거 작업 끝나면 저 사진처럼 나오지 않고 변경이 돼서 나올 거예요!

[rhehfl]

확실히 그냥 LayOutDiv만 뜨는거보다는 파일명, 스타일 컴포넌트 이름, 고유 해시값 같이뜨니까 더럽기는 하네요..
근데 모달같이 조건부랜더링을 체크할때 className을 확인해서 찾을 수 있으니까 어쩌다가 한번씩은 도움이 될 것 같은 플러그인인 것 같습니다 사용해서 나쁠거 없다는 생각이 드네요

[bluetree7878]

제 생각도 마찬가지입니다. 딱 컴포넌트명만 뜨면 좋겠지만 그렇게는 안 되는 것 같네요😢 그럼에도 불구하고 저도 있어서 나쁠 건 없다고 생각합니다