가끔 생각안날 때 이걸 보자

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 빈칸 체크, minlength = "최소 텍스트 길이", maxlength ="최대 텍스트 길이"

<input type="password" placeholder="비밀번호를 입력해주세요." required minlength="8" maxlength="20">

 

 

5. vscode 토글 단축키

단축키 사용한 모습

이런 긴 내용의 코드를 축약? 토글로 묶어둘 수 있는 단축키
option + z (윈도우는 alt + z)

 

6. [SCSS] use import

 

 

7. [CSS] Clip-path

https://bennettfeely.com/clippy/

Clippy — CSS clip-path maker