Notice
Recent Posts
- Today
- Total
Tags
- 모놀리식 아키텍쳐
- Next.js 라우팅
- reflow
- chart.js 툴팁 레이블 색상 변경
- vue-router 네비게이션 가드
- 함수형 프로그래밍
- Vue 화면 접근 전 권한 체크
- 모노레포 방식
- git
- performance.now()
- repaint
- chart.js 레이블 색상 변경
- Learning React
- ToDo
- chart.js 축 font-size
- express 파라미터
- 파라미터 전송 방법
- 멀티레포 방식
- [Vue warn]: inject() can only be used inside setup() or functional components.
- chart.js 레전드 레이블 색상 변경
목록리액트 인라인 스타일 (1)
빵 입니다.
CSS 스타일 설정 방법
📌 인라인 스타일 /* 일반 속성 */ /* 하이픈(-)으로 연결된 속성 */ /* 조건에 따른 스타일 적용 */ const [isValid, setIsValid] = useState(false); 📌 클래스 const [isValid, setIsValid] = useState(false); 📌 CSS 모듈 방식 사용 CSS를 사용할 때 로컬 스코프에 해당하는 독립적인 모듈로 만들어 사용하는 방식 스타일을 컴포넌트와 분리하여 관리할 때 주로 사용한다. 각 컴포넌트에 대해 별도의 CSS 모듈 파일을 만들고, 해당 모듈 파일 내에서 정의된 클래스 이름은 해당 컴포넌트에만 적용된다. 각 컴포넌트는 독립적인 스타일을 가지며, 클래스 이름 충돌을 방지하면서도 컴포넌트 스코프 내에서 스타일을 안전하게 유지할 수 있..
프론트엔드/React
2023. 12. 6. 13:11