SCSS/SASS 문법 정리

SCSS는 기존 CSS 문법에 SASS문법을 섞은 것이며, SASS 컴파일러로 그대로 컴파일 될 수 있다. 이 글에서는  SCSS 문법을 기준으로 SASS의 각 기능을 사용하는 방법에 대해 설명하도록 하겠다. 기본문법 – 셀렉터 지정 및 속성 작성 SCSS의 기본문법은 기본적으로 CSS 기본 문법을 그대로 적용하고, 여기에 SASS 식의 치환가능한 요소들을 추가할 수 있다. 기본룰은 다음과 같다. 기본틀은 CSS 문법과 동일하다. 셀렉터를 쓰고 { .. } 블럭안에 속성:속성값; 의 형태로 속성들을 정의할 수 있다. nested block을 적용할 수 있다.  //을 이용해서 라인단위로 주석처리를 할

정규표현식의 개념과 기초 문법

작성한지 10년이 지났는데도 notepad++ 관련한 키워드로 꾸준히 유입이 발생하고 있고,  그게 정규 표현식 관련한 글인데 별로 내용이 좋은 글이 아니다. (몇 가지 기초적인 문법만 요리책 식으로 나열해 놓은 거라…) 그래서 정규 표현식의 개념과 기초 문법 그리고 몇 가지 이 블로그에서 다루는 언어들에서 정규 표현식을 어떻게 쓰는지, 어떤 것들을 할 수 있는지 등에 대해서 알아볼 계획이다.

일러스트레이터 도식화 (2017) – 2. 펜툴과 패스

일러스트레이터로 그림을 그릴 때 가장 중요한 것은 펜툴의 사용에 얼마나 익숙해지느냐 하는 것입니다. 펜툴의 사용법은 글로써 일일이 설명하면 아주 길고 복잡해 질 수 있어서 모든 디테일을 다 설명하지는 않을 것입니다. 대신에 일러스트레이터에서 사용되는 그림의 단위인 패스와 그 구성 요소에 대한 개념부터 시작해서 어떻게 펜툴을 사용하여 패스를 만들고 편집할 수 있는지에 대해 먼저 살펴보겠습니다. 벡터 그래픽에 대해서 JPG, PNG와 같은 이미지 파일은 그림이나 사진 데이터를 저장하는데 사용되는 포맷을 말합니다. 이러한 사진 데이터는 색이 있는 작은 점, 픽셀을 기본적인 표현단위로 사용합니다. 포토샵은

NSImage와 이미지 표현형에 대해 – Cocoa

코코아에서 이미지를 표현하는 클래스로 기본적으로 NSImage를 쓴다. 앱킷에서 이 클래스는 다양한 기본 포맷의 이미지에 대해서 사용할 수 있고, 이미지를 로드하거나, 이미지를 그리는 등의 거의 모든 작업에서 주로 사용되는 클래스이다. 사실 NSImage는 어떤 이미지값을 감싸는 wrapper인데, 우리의 상식과는 달리 이 클래스 자체는 자신의 내부에 들어있는 이미지 데이터에 대해서 별로 아는게 없다. 어떤 이미지는 단일 이미지 내에 표현형에 따라서 여러벌의 이미징 데이터를 가지고 있는 경우가 있기 때문에, NSImage는 이러한 데이터를 담는 일종의 배열처럼 동작할 뿐이고, 실제로 렌더링되는 이미지 데이터는 이미지 표현형 객체에

일러스트레이터 도식화 (2017) – 1. 기본적인 도구들

우리는 다양한 도구를 사용하여 그림을 그릴 수 있습니다. 가장 흔한 미술도구인 연필만 해도 심의 종류에 따라 다양한 특성을 가지고 있어서 그런 점들을 따로 배우기도 합니다. 지금 우리에게 있어서 일러스트레이터는 연필과도 같습니다. 도식화를 실제로 그리기에 앞서서 가장 기본이 되는 도구와 상식을 통해 일러스트레이터 기초 사용법에 대해서 알아보도록 하겠습니다.