728x90 300x250 SMALL Front-end313 css Counter 사용방법 counter 함수를 사용하기 위해서는 먼저 counter-reset 속성을 사용해서 초기화 해야 한다. (초깃값 0) body{ counter-reset: my-counter; /* counter 이름 'my-counter'으로 지정 초깃값 : 0 */ } counter() 함수는 'counter(name)'와 'counter(name, style)' 이렇게 두 가지 형태로 사용할 수 있다, 기본값은 (십진수 decimal) html counter 예제 counter 예제 counter 예제 counter 예제 counter 예제 css ol > li::before { counter-increment: my-counter; /* my-counter 값을 1씩 증가 */ content: counter(m.. 2022. 1. 12. scss !global variable 변수선언 지역 범위에서 전역 변수의 값을 변경하려면? !global 플래그를 사용해서 변수에 값을 할당하면 해당 값은 지역변수에 선언했지만 전역 범위에 할당이 된다. SASS(SCSS) $color: green; $font-size: 30px; .content2 { $color : blue !global; color: $color; font-size: $font-size; } .footer { color: $color; font-size: $font-size; } CSS .content2 { color: blue; font-size: 30px; } .footer { color: blue; font-size: 30px; } 2022. 1. 11. Chart.js 시작하기 Chart.js를 사용하기 위해서는 먼저 아래사이트에 접속합니다. https://www.chartjs.org/ Chart.js | Open source HTML5 Charts for your website New in 2.0 New chart axis types Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. www.chartjs.org 접속해서 Get Started를 클릭하면 사용방법에 대해서 나와있습니다. Chart.js를 사용하기 위해서 먼저 Installation 클릭해 보면 인스톨 할 수 있는여러가지 방법들이 나오는데요 npm을 사용할 수도 있고 cdn을 사용할 수 도 .. 2022. 1. 10. CDN integrity 속성 CDN에 integrity 속성이란? CDN을 사용할 때 못 보던 속성이 있다. integrity라는 속성 인데 찾아보니 보안을 위해서 해시값이 브라우저와 일치해야만 실행되도록 하는 속성이라고 한다. 그러니까 악의 적으로 cdn에 악성코드를 삽입해서 공격하는 것을 방어하기 위해서 제 3자가 해당 파일에 추가 콘텐츠를 삽입하지는 않았는지 확인함으로써 위험을 줄이는 속성이라고 한다. 호환성 출처 : https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity 2022. 1. 9. 이전 1 ··· 39 40 41 42 43 44 45 ··· 79 다음 728x90 반응형 LIST