목록2024/11/04 (1)
heyday2024 님의 블로그
[React 숙련 1주차(1)] Styled-Components
지금까지 사용해봤던 css 스타일링을 적용 방법: 1. inline styling: 태그에 style 속성을 사용하여 직접 스타일 지정하는 방법. JSX 문법을 사용하므로 {{ key: 'value' }} 형식을 사용해야 함. ({객체 형식} 필수!!!) 2. 순수 html처럼 className을 정해놓고 css 파일에 해당 요소 스타일 정의하기. ==> 하지만 위 두 방식은 조금 비효율적일 수도 있음!!! Inline 스타일링의 단점:가독성 저하: 스타일이 컴포넌트와 뒤섞여 코드가 복잡해지고, 특히 스타일 코드가 길어지면 구조가 흐려짐.재사용성 부족: 같은 스타일을 다른 요소에 재사용하려면 중복 코드 발생.Pseudo-classes 및 Media Queries 제한: :hover, :active 같은 ..
프론트엔드 부트캠프
2024. 11. 4. 14:33