빵 입니다.

:read-only vs readonly :read-only 가상 클래스 요소를 사용자가 변경, 컨트롤 할 수 없다. input, textarea 제외한 모든 요소에서 사용 가능 readonly 속성 요소를 사용자가 변경, 컨트롤 할 수 없다. input, textarea 에만 적용 가능 📌 input, textarea 에 readonly 속성이 있으면 :read-only 가상 클래스 사용이 가능하다. 📌 input[readonly] 를 사용해 readonly 속성 들어간 요소에만 css를 줄 수 있다. readonly vs disabled readonly 속성 input, textarea 에만 적용 가능 포커스 받을 수 있다. (Tab키 사용 가능) 서버로 값이 전달된다. disabled 속성 butt..

ruby-sass? libsass?? node-sass??? dart-sass???? sass-loader?????????? 무엇을 설치해야 하는지 모르겠어서 정리를 해봤다. Sass(SCSS)를 사용하기 위해 어떤 걸 설치할까? Sass(SCSS)는 Ruby 기반이다. (Ruby-sass) - Ruby on rails 설치 후 사용 Ruby 아닌 다른 환경에서 사용하려면, C/C++ 언어 기반의 Libsass 를 사용해야 한다. (Ruby 기반보다 컴파일이 빠른 장점이다.) Node 환경에서 사용하려면, Node-sass가 필요하다. Sass(SCSS) 파일을 로드하고, 컴파일 해주기 위해서 Webpack의 Loader인 Sass-loader와 함께 쓰면 된다. 그러나! 2020년부터 Libsass, ..

Sass란 Ruby 기반의 CSS 확장언어이다. (오역과 의역이 넘쳐납니다.)Sass 홈페이지의 말을 인용한다면, Pre-processing (전처리기)CSS는 그 자체만으로 아주 흥미로울 수 있지만, 스타일시트는 점점 거대해지고, 더 복잡해지며, 유지가 어렵게 된다.Sass는 전처리기를 도울 수 있는 위치에 있다. (전처리기:프로그램이 실행 되기 바로 전에 실행되는 프로세서)Sass는 CSS에는 없는 기능들이자만, CSS를 더 재밌게 사용할 수 있게 만들어주는 변수, 중첩, 믹싱, 상속과 여러 실용적인 기능들을 사용할 수 있게 해준다. 일단 당신이 Sass를 만지작거리며 시작한다면, Sass 파일은 전처리되어 평상시처럼 CSS파일로 저장되고, 그것을 너의 웹 사이트에서 사용할 수 있다. Variable..