Little Jay

저번글에 이어 SCSS의 문법을 살펴보겠습니다. Data Types CSS에 없는 새로운 개념입니다. CSS에서는 자료형의 타입을 고민하지 않아도 되기때문이죠. SCSS의 자료형에는 자바스크립트와 비슷한 문법적 개념들이 많습니다. Data Description Ex Numbers 숫자(단위가 붙어도 상관 없음) 20px, 3rem Strings 문자(따옴표가 안붙어도 상관 없음) "/docs/image.jpg", center, absolute Colors 색상 표현이 가능한 것들 #ffffff, rgba(0, 0, 255, .5), red, orange Booleans 논리(참, 거짓) true, false Nulls 없음(js의 Null) null Lists 공백 혹은 컴마(,)로 구분된 목록 (a, ..

CSS 웹 공부를 해보았다면 CSS를 모를 수가 없을 것 같습니다. CSS(Cascading Style Sheets)란 HTML, XML 등으로 작성된 문서의 스타일을 구현하는 스타일 시트 언어입니다. 간단하게 정리하자면 HTML 문서를 꾸며주는 역할을 수행한다고 이해할 수 있습니다. CSS의 문제점 CSS는 훌륭합니다. 우리가 이렇게 인터넷에서 다채로운 구조 및 색상들을 볼 수 있는 것도 CSS덕분이라고 해도 과언이 아닌 것 같습니다. 그렇다고 CSS에 문제가 없는 것은 아닙니다. 제가 처음 FrontEnd 분야가 재밌다고 느껴져서 공부를 시작했고 클론 코딩을 했었는데, Static CSS 파일에만 코드만 500줄이 넘어가기 시작했었고, 여기서부터 내가 뭘 코딩하고 있었는지, 눈에 들어오지 않기 시작했..