프론트엔드 공부 블로그 프론트엔드 공부 블로그

올해에 4월초에 꽤 큰 사건이 하나 있었다.👉 axios npm 패키지가 해킹된 사건단순 취약점이 아니라,“정상 패키지에 악성 코드가 포함된 상태로 배포”된 케이스다. 사건 요약axios maintainer 계정 탈취정상 버전처럼 보이는 패키지 배포내부에 악성 dependency 삽입npm install 하는 순간 RAT(원격 제어 악성코드) 실행👉 더 무서운 포인트는 이거다:“코드를 실행한 게 아니라, 설치만 했는데 감염됨”실제로 이 공격은 약 2~3시간 동안만 살아있었고그 사이 설치한 환경은 그대로 위험에 노출됐다 (Snyk)여기서 깨달아야 하는 포인트이건 axios 문제가 아니다.👉 npm 생태계 자체의 구조적인 문제우리는 수백 개의 dependency를 신뢰한다그 중 하나만 뚫려도 끝이다심지..

CSS Module은 클래스 이름의 중복을 방지하고, CSS 파일을 여러 개로 관리할 때 유용한 방법이다. 이를 사용하기 위해서는 프로젝트의 build 시스템이 CSS Modules를 지원해야 한다. 대부분의 bundler(예: webpack)는 CSS Modules를 기본적으로 지원한다. 따라서 먼저 프로젝트에 bundler를 설정하고 구성하자. 사용법은 간단한데, css 파일 이름을 생성할 때 이름.module.css 과 같이 네이밍을 하면 된다. React 환경에서 사용 예제 About.tsx import styles from "./about.module.css"; export default function About() { return ( Phrase ); } about.module.css .Co..