Ann's log

이전에 만들어둔 React 프로젝트에 잠재적인 보안 취약점이 있다고 계속 GitHub에서 이메일이 오길래 해결 방법을 찾아 보게 되었다. 그리고 GitHub 저장소에 들어가서 볼때마다 이렇게 계속 메세지가 떠있어서 너무 신경이 쓰였다... 이 글에서 정리하는 내용: 1. Create React App으로 생성한 React 프로젝트의 vulnerabilities 보완하기 2. GitHub Dependabot alerts 제거하기 Create React App으로 생성한 React 프로젝트의 vulnerabilities 보완하기 일반적으로 vulnerabilities를 제거하기 위해서는 terminal에서 npm audit 명령어를 입력해서 확인하고, npm audit fix (--force) 명령어를 통해..

폰트를 적용할때 cdn을 사용하면 성능이 안 좋아진다고 해서 폰트를 직접 다운 받아 적용하는 방법에 대해 알아 보았다. 1. 적용할 폰트를 다운 받는다. 나는 눈누라는 사이트를 사용하였다. (예쁜 한글 폰트가 많아서 자주 사용함 🤩 ) https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 폰트 상세 페이지에서 다운로드 버튼을 볼 수 있다. 이 버튼을 클릭하면 다운로드 페이지로 바로 이동하여 다운 받을 수 있음. 2. 다운받은 폰트를 src 폴더 안에 넣어준다. 나는 src 폴더 안에 fonts 폴더를 먼저 만들고 그 안에 넣어줬다. 3. font-face 정의 후 원하는 곳에 적용한다. 나는 전체 페이지에 한번에 적용하기 위해 index.css 파일에서 font-face를 ..