[Next.js] HTML 파싱 라이브러리 html-react-parser

:ledger: Next.js에서 데이터를 안전하게 렌더링하려면 어떤 방법이 있는지 찾아보던 중 html-react-parser를 알게되었다. 이전에 React로 프로젝트를 진행하며, dangerouslySetInnerHTML를 사용했는데, 튜터님께서 XSS공격에 취약해서 다른 방...

Category : Tag :

[TailWind] text … 2줄 처리 하는 방법

:ledger: tailwind를 사용해서 text … 처리하는 방법을 알아보았다! 이번 Next.js 프로젝트를 진행하며 tailwind를 사용했고, description이 정말 긴 경우 좌측의 info의 영역이 원치 않게 넓어져서 공백이 너무 많이 보였다. 공백을 없애주고 원하...

Category : Tag :

[TailWind] hover 사용하는 방법

:ledger: tailwind에서 hover 하는 방법을 알아보자. Next.js를 사용하면서 tailwind와 친해지는 시간이 많아졌다. hover는 어떻게 사용하는지 알아보자.

Category : Tag :