분류 전체보기474 SCSS - 변수 SCSS에서는 변수를 사용하여 값을 저장한 후 각 속성에 입력할 수 있다. 변수의 유효범위는 변수가 선언되어 있는 중괄호의 범위 이다. 각 변수는 재할당이 가능하다. 예제 2021. 6. 24. SCSS - 중첩된 속성 속성을 중첩되어 사용할 수 있다. 주의점은 각 속성을 선언할때 ":" 을 붙여 줘야 하고 범위가 끝나면 ";" 을 붙여줘야 한다. 네임스페이스란 이름을 통해 구분 가능한 범위를 만들어내는 것으로 일종의 유효범위를 지정하는 방법을 말한다. 예) font-, margin- 2021. 6. 24. SCSS 상위 선택자 참조 상위 선택자를 참조하는 방법: & 기호 이용 예제 // & - 자신의 영역에 해당하는 상위 선택자 참조 .btn { position: absolute; &.active { color: red; } } .list { li { &:last-child { margin-right: 0; } } } .fs { &-small {font-size: 12px;} &-midium {font-size: 14px;} &-large {font-size: 16px;} } CSS로 어떻게 컴파일되는지 확인 2021. 6. 23. SCSS 중첩 기능 중첩기능을 이용하여 복잡한 작업을 해야할 때 사용하기 좋다. index.html 추가 HELLO 84 main.scss // 중첩 예제 .container { ul { li { font-size: 40px; .name { color: royalblue; } .age { color: orange; } } } } 본인이 작성한 SCSS파일을 CSS로 바뀌는 것을 확인하는 방법 사이트: SassMeister | The Sass Playground! SassMeister | The Sass Playground! SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading... www.sassmeister.com 자식요소로 변환하는 방법.. 2021. 6. 23. SCSS 시작 SCSS: CSS의 전처리기 SCSS가 컴파일 되면 CSS파일로 변환되어진다. 참고 사이트 https://sass-lang.com/guide Sass: Sass Basics Before you can use Sass, you need to set it up on your project. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything setup. Preprocessing CSS on its own can be fun, but st sass-lang.com node.js 시작 1. npm init -y 2. n.. 2021. 6. 23. 제네릭 타입을 임의로 정해서 사용자가 함수를 사용할 때 직접 지정해줄 수 있다. 제네릭 함수 선언 - 동시에 여러 타입을 지정해 줄 수 있다. function helloBasic(message: T, commet: U): T { return message; } 타입을 선언하여 사용하는 방법 - 선언한 타입과 반드시 같은 타입을 입력해주어야 한다. // 직접 타입을 지정하는 방법 // 타입이 달라서 에러 발생 // helloBasic(39); // 정상 출력 helloBasic("message", 1); 타입을 추론하는 방법 // 타입이 추론되어진다. helloBasic(36, 33); 배열 형태로 선언하는 방법 //제네릭 함수 배열 선언 function helloArray(message: T[]): T { //.. 2021. 6. 22. 이전 1 ··· 32 33 34 35 36 37 38 ··· 79 다음
