Next1 module.scss 를 활용해 다양한 styling 진행하기 모듈사스를 이용해서 컴포넌트에 다양한 상황에 맞는 스타일링을 적용시켜봤다. 다양한 유형의 class 를 만들어 놓은 뒤 컴포넌트의 Prop 을 통해 type 을 통해 유형을 할당하는 구조를 취하도록 만들었다. 'npx create-next-app' 을 통해 생성한 애플리케이션이 기본적으로 module.scss 를 사용하기에 여러모로 도움이 될 것 같다. 아래의 상황을 이해하고 2가지를 알아가자! [ 이글의 목표 ]1. Component 의 type 설정(@extends 문법활용)2. 컴포넌트에서 유형을 할당해 사용하는 방법 문제상황사용하는 html 요소는 같은데 페이지 별로 미묘하게 styling 이 달라져야한다. {children} 을 통해 스타일링 제어권을 넘겨줄 수 있지만, 미리미리 만들어두는게 필.. 2024. 2. 28. 이전 1 다음