feat : 아코디언 메뉴 퍼블리싱

[5ewon]

Issue Number

close #13

What

아코디언 메뉴 퍼블리싱했습니다.

How

<Accordion title="논란"><div>내용~</div></Accordion>

ScreenShot

[Ubinquitous]

기존에는 state를 사용하여 open&close를 사용했는데, state없이 이를 처리하니 훨씬 더 가볍고 소제목 태그에도 동일하게 사용하기 좋아진 것 같습니다!
수고하셨습니다😀

[jyh071116]

수고하셨습니다!!
vanilla extract의 selectors를 사용하지 않고 globals.css에 css를 작업하신 이유가 궁금합니다!

[5ewon]

수고하셨습니다!! vanilla extract의 selectors를 사용하지 않고 globals.css에 css를 작업하신 이유가 궁금합니다!

언급하신 부분은 아마 details summary 태그에 관한 내용일것이라 추측됩니다. 아시다시피 details 태그에는 open, close 상태가 존재합니다. 각 상태일때의 스타일을 기존 방식에서는 '.details[open] {..}' 과 같은 방식으로 사용할 수 있었습니다. 허나 저희가 이번에 도입한 vanilla extract에서는 안타깝게도 해당 부분을 지원하지 않아 불가피하게 extract와 global을 부분적으로 섞어서 사용하였습니다. 감사합니다.