폴리프레임

Vite.js와 React를 사용하여 css 를 처리하는 것은 페이지가 몇개 안될때는 하나의 index.css 또는 app.css 파일을 만들어서, main.js  파일로 불러들여 단일 페이지로 처리 할수있다. import './index.css' 그러나 협업의 단계에서는 동일 컴포넌트 내에서 CSS를 적용하는 방법을 택하는 것이 맞습니다, 여기서는 CSS 모듈과 스타일드 컴포넌트(Styled Components) 두 가지 방식을 설명하겠습니다.1. CSS 모듈 사용CSS 모듈은 CSS를 컴포넌트 레벨에서 캡슐화하여 사용할 수 있게 해주며, 클래스 이름 충돌을 방지해줍니다. 각 CSS 파일은 하나의 JavaScript 객체로 가져오고, 해당 객체의 속성으로 접근하여 스타일을 적용합니다. 아래 두개의 파일..

JavaScript 2024. 5. 8. 15:13