목록2024/06 (48)

< Code diaries />

선언된 변수의 개수 카운팅하기~ SASS, SCSS

Sass에서 선언된 변수의 개수를 length(), count()를 이용하여 확인할 수 있다.이를 활용하여 @for문에 적용할 수 있다. $noInheritTags : a, input, button, select, textarea;@debug length($noInheritTags);@debug count($noInheritTags);@if count($noInheritTags) == 4 { @debug $noInheritTags;} @else { @debug 'hi'}//또는@if length($noInheritTags) == 5 { @debug $noInheritTags;} @else { @debug 'hi'}
SCSS 2024. 6. 30. 16:45
Hash

Hash 테스트 사이트 https://emn178.github.io/online-tools/sha256.html SHA256This SHA256 online tool helps you calculate hash from string or binary. You can input UTF-8, UTF-16, Hex to SHA256. It also supports HMAC.emn178.github.io
Resources 2024. 6. 24. 19:47
Tailwindcss - sites

https://tailwindcomponents.com/ Tailwind CSS Components - 600+ Free Examples and TemplatesA free repository of open source Tailwind CSS components and templates to bootstrap your new apps, projects or landing sites!tailwindcomponents.com https://tailwindcomponents.com/cheatsheet/ Tailwind CSS Cheat Sheet tailwindcomponents.com
Resources 2024. 6. 15. 20:26
Node.js에서 tailwind 설치 및 사용하기

아래의 순서대로 3가지를 모두 설치한다.package.json에서 버전확인npm i -D tailwindcss@latestnpm i -D postcss@latestnpm i -D autoprefixer@10.4.5  tailwind.config.js 파일 생성하기npx tailwindcss init   참고영상https://www.youtube.com/watch?v=YTwOhrVbf-c   autoprefixer 설치에러 정리https://xpectation.tistory.com/224 [CSS] 'autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.' 해결방au..
Resources 2024. 6. 14. 12:56
정규표현식(RegExp) 연습 사이트

https://www.regexpal.com/ Regex Tester - Javascript, PCRE, PHPRegexPal requires a modern browser. Please update your browser to the latest version and try again.www.regexpal.com https://regexr.com/ RegExr: Learn, Build, & Test RegExRegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).regexr.com  https://regexone.com/ RegexOne - Learn Regular Expressions - Lesson ..
Resources 2024. 6. 12. 12:23
HTMX - Installing & usage

https://htmx.org/ htmx - high power tools for html" data-og-description="" data-og-host="htmx.org" data-og-source-url="https://htmx.org/" data-og-url="https://htmx.org/" data-og-image="https://scrap.kakaocdn.net/dn/fcg3U/hyWg1CkL02/F7N8m8nkkrk21MyDImFCP0/img.png?width=293&height=400&face=0_0_293_400,https://scrap.kakaocdn.net/dn/nOn4P/hyWlj88Krv/Xn9g5tjvOK2Irex9f5rku0/img.png?width=323&height=33..
HTMX 2024. 6. 11. 17:52
이전 Prev 1 2 3 4 ··· 8 Next 다음