반응형 웹디자이너2 SCSS(Sass) 소개와 기능 SCSS(Sass) 소개 SCSS는 "Sassy CSS"의 줄임말로, CSS 전처리기 중 하나입니다. 이것은 기본 CSS의 모든 기능을 포함하면서도 중복을 줄이고, 변수, 중첩, 믹스인, 함수 등과 같은 힘을 제공함으로써 CSS를 더 강력하고 유지 관리하기 쉽게 만들어줍니다. 1. SCSS와 Sass의 차이 먼저, SCSS와 Sass는 동일한 CSS 전처리기인데도 불구하고 서로 다른 문법을 가지고 있습니다. Sass: 들여쓰기와 개행을 기반으로 하는 문법을 사용합니다. SCSS: CSS와 비슷한 문법을 사용하면서 중괄호 { }와 세미콜론 ;을 포함합니다. 이 글에서는 주로 SCSS에 대해 다룰 예정입니다. 2. SCSS의 기능 2.1. 변수 CSS의 반복되는 값들, 예를 들면 특정 색상이나 폰트 크기를 .. 2023. 8. 23. 웹 디자이너로서 필수적으로 알아야 할 핵심 기술 10가지 웹디자이너가 알아야 할 필수 기술 웹디자이너는 웹사이트를 만들어가는 과정에서 시각적인 요소를 책임지는 역할을 합니다. 디자이너가 될때 필수적으로 알아야 하는 몇 가지 기본적인 기술들이 있습니다. 1. 그래픽 디자인 기술 웹 디자이너는 그래픽 디자인에 대한 이해가 필요합니다. Adobe Photoshop, Illustrator 등의 그래픽 툴을 능숙하게 사용할 수 있어야 하며, 레이아웃, 타이포그래피, 그리드 시스템, 컬러 이론에 대한 이해도 필요합니다. 또한, UX/UI 디자인 원칙에 대한 지식도 필요하며, 이러한 기술은 웹사이트를 사용자 중심으로 디자인하는 데 도움이 됩니다. 2. HTML/CSS HTML과 CSS는 웹 디자이닝의 핵심입니다. HTML은 웹페이지의 구조를 만드는 데 사용되고, CSS는 .. 2023. 8. 7. 이전 1 다음 반응형