scss

Web

[React] SCSS 전역설정하기

버전 - React 18.2.0 (vite) - sass 1.70.0 파일 구조 변수파일을 쓰는 곳에서 매번 불러오기에는 불편함을 느껴서 변수를 불러오는 공통 SCSS 파일을 추가해주었다. // common.scss @charset 'UTF-8'; @use 'scss-reset/reset'; @forward './base/_variablesColor'; @forward './base/_variablesSize'; @forward './base/_variablesFont'; @forward './base/fontFace'; 하지만 이렇게 모아뒀어도 매번 SCSS를 작성할 때 매번 파일을 불러오는것도 번거로운 일이다. 그럴 때에는 전역에서 SCSS를 사용할 수 있도록 vite.config.ts 파일에 설정을..

etc.

가끔 생각안날 때 이걸 보자

1. Margin 마진을 한번에 입력할 때 순서 margin: top right bottom left; margin: top-bottom right-left; 2. 상대경로 입력 . 현재 파일이 위치한 경로 (현재 파일은 ./생략가능) .. 이전경로 or 상위경로 3. float (clear: both;) 가려져서 안보일땐 clear: both;를 입력하자 왜 써야하는가? float는 속성이 상속되어 다음 요소에게 영향을 준다. 다음 요소가 이전 요소를 밀고 올라오는데 그때 clear: both; 를 쓰면 이러한 현상을 막을 수 있다. 4. html로 할 수 있는 간단한 유효성 검사 대부분의 유효성 검사는 js로 진행하지만 html에서 간단하게 처리할 수도 있다. required 빈칸 체크, minlen..

_이앎
'scss' 태그의 글 목록