06.04

피그마 플러그인

html.to.design 

 

vscode 플러그인

html to css 변환기

ctrl + shfit + v로 해야지 html -> css 변환 가능

---

 

gpt로 리디자인 해보고, 

제미나이 / 클로드로 코딩해보기

 

아웃도어 브랜드는 너무 어려웠어서... 음...

화장품 브랜드나 캠핑...? 아웃도어 브랜드도 레이아웃 래퍼런스 좀 더 잘 찾아보면 괜찮게 나올게 있으려나...

---

 

scss 전처리기 언어 : css+script 

항목	Sass	SCSS	Less
기반 언어/환경	Dart Sass (현재 기준)	Dart Sass (현재 기준)	JavaScript
확장자	.sass	.scss	.less
변수 접두사	$variable	$variable	@variable
구문 형태	들여쓰기 + 줄바꿈	CSS 형태 ({}, ;)	CSS 형태 ({}, ;)
CSS 호환성	낮음 (기존 CSS 그대로 못 씀)	완벽 호환	완벽 호환
현재 트렌드	소수 선호층 유지	실무/업계 표준 (가장 많이 씀)	하락세 (유지보수 위주)

 

 

 

 

font family ' 누르고 ctrl + space 

 

rem / em : 둘이 숫자는 같지만, 기준이 다름. 

rem : html을 기준으로 함. 기본 폰트 사이즈 16px, 16px를 100%라고 치면, 1rem = 16px 

em : 본인 또는 부모의 폰트 사이즈를 기준으로 함. 

 

할때마다 계산하기 번거로우니까.

html {font-size: 10px;}

 

또는

html {font-size: 62.5%;}

 

이렇게 해서 html의 기본 폰트 사이즈를 바꿔줄 수도 있음.