본문 바로가기

scss2

[CSS] SCSS 실습01 : 움직이는 강아지 일러스트 🐶 SCSS 실습01 : 🐶 움직이는 강아지 🐶 이번 시간에는 css 종류 중 하나인 지난 시간에 배웠던 SCSS언어를 이용하여 간단한 실습을 해봅시다! 🐶 HTML 🐶 ! point! 부모자식형제 요소에 맞게 코드를 정렬해주는 것이 중요합니다! 코드를 짤 땐 항상 코드 정렬을 잊지 마세요! 🐶 SCSS 🐶 SCSS를 이용하여 스타일 속성을 정해줍니다. $dog-width: 100px; $interval: 200ms; $color-gray: #eaebec; $easing: ease-in-out; body { display: flex; flex-direction: column; justify-content: center; align-items: center; } html, body { background: o.. 2022. 8. 19.

[CSS] SCSS 언어란? CSS : SCSS 이번 시간에는 CSS 언어 중 하나인 SCSS에 대해 알아보겠습니다!😄 #1. SCSS란? 코딩이 복잡해지게 되면 코드의 중복 및 오류 등의 이유로 CSS는 유지보수가 어려워지고 가독성 또한 떨어지게 됩니다. 이러한 CSS의 단점을 보완하고자 등장한 문법이 SCSS라고 합니다. SCSS는 Syntactically Awesome StyleSheet의 약어로 코드의 재사용성을 높이고, 가독성을 증가시켜 개발의 효율성을 높이기 위한 전처리기 언어입니다. !! 여기서 중요한 점은 SCSS언어로 직접 구현하는 것이 아니라 Scss로 작업 후 CSS언어로 컴파일하여 웹에 구현시키는 원리라는 것 입니다! 즉 CSS의 대체 언어가 아닌 좀 더 효율적으로 CSS 코드 작업을 할 수 있는 도구의 개념이.. 2022. 8. 19.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바