w3.css
공식 레퍼런스는 SCSS 문법을 기준으로 모든 문법을 설명하고 예시를 보여주므로 SCSS 문법으로 작성한 Sass를 사용하자.
Sass 문자열 함수
문자열 함수는 문자열을 조작하고 문자열에 대한 정보를 얻는 데 사용된다.
Sass 문자열은 1부터 시작한다.
문자열의 첫 번째 문자는 0이 아니라 인덱스 1에 있다.
다음 표는 Sass의 모든 문자열 함수를 나열한다.
| 기능 | 설명 | 예시 |
|---|---|---|
| quote(문자열) | 문자열에 따옴표를 추가하고 결과를 반환한다. | quote(Hello world!) 결과: “Hello world!” |
| str-index(문자열,하위 문자열) | 문자열 내에서 하위 문자열이 들어간 인덱스(시작 위치)를 반환한다. | str-index(“Hello world!”, “H”) 결과: 1 |
| str-insert(문자열, 삽입할 내용, 인덱스) | 지정된 인덱스 위치에 삽입할 내용이 삽입된 문자열을 반환한다. | str-insert(“Hello world!”, ” wonderful”, 6) 결과: “Hello wonderful world!” |
| str-length(문자열) | 문자열의 길이(문자)를 반환한다. | str-length(“Hello world!”) 결과: 12 |
| str-slice(문자열, 시작 위치, 마지막 위치) | 문자열에서 시작 위치에서 시작하고 마지막 위치에서 끝나는 문자를 추출하여 슬라이스를 반환한다. | str-slice(“Hello world!”, 2, 5) 결과: “ello” |
| to-lower-case(문자열) | 소문자로 변환된 문자열의 복사본을 반환한다. | to-lower-case(“Hello World!”) 결과: “hello world!” |
| to-upper-case(문자열) | 대문자로 변환된 문자열 복사본을 반환한다. | to-upper-case(“Hello World!”) 결과: “HELLO WORLD!” |
| unique-id() | 무작위로 생성된 고유한 따옴표 없는 문자열을 반환한다(이 Sass 세션 내에서 고유하도록 보장됨). | unique-id() 결과: tyghefnsv |
| unquote(문자열) | 문자열 주위의 따옴표(있는 경우)를 제거하고 결과를 반환한다. | unquote(“Hello world!”) 결과: Hello world! |
참고
W3C School - Sass String Functions
Sass - Sass Basics
