2026/03/02 2

프로젝트 세팅 과정(clsx 설치 및 취약점 문제 해결)

프로젝트를 세팅하는 과정에서 발생했던 기록할 만한 사항들을 정리해서 적어보고자 합니다. clsx 설치 및 취약점 문제 해결1. 배경테일윈드 css 특성상 css 구문을 추가하거나 서로 묶어야 하는 경우가 많습니다. 이전 join()문을 활용할 수도 있지만 이전 프로젝트에서 편하게 활용했고 현업에서도 잘 활용한다는 clsx를 설치하여 활용해보기로 했습니다. 2. 문제점 파악 및 해결방안 모색 해당 이미지처럼 높은 취약성의 경우 문제점을 진단하는 것이 옳다고 판단했습니다.터미널의 추천대로 바로 npm audit fix를 돌리기 보다는 문제점의 원인을 파악 후 바로 해결해야 하는 문제인지 부터 알아보고자 했습니다.구글링 및 ai와의 상의 후, 해당 취약점이 devDependency(개발 도구) 쪽 취약점이라면..

렌더링 속도 개선 방안

이미지 크기가 클 경우, 렌더링 속도가 느려질 수 있습니다. 렌더링 속도 개선 방법에는 여러 가지가 있으며 예전 프로젝트에서도 경험한 바가 있습니다. 참고용 이전 글2025.09.25 - [최종 프로젝트 리팩토링] - 코드잇 최종 프로젝트 리팩토링 작업: 라이트 하우스 lCP 문제와 웹폰트 코드잇 최종 프로젝트 리팩토링 작업: 라이트 하우스 lCP 문제와 웹폰트코드잇 7팀 최종 프로젝트 링크mobolae.vercel.app mobolae - 모볼래?영상 콘텐츠의 리뷰와 별점을 비교해 추천하는 웹 애플리케이션: 뭐 볼지 고민 끝, 리뷰로 비교해 골라!mobolae.vercel.app 서론 한달 간의dev-in96.tistory.com 2025.09.30 - [최종 프로젝트 리팩토링] - 여러 브라우저 고려..