목록분류 전체보기 (75)

< Code diaries />

정규표현식(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
웹폰트 변환 사이트

https://transfonter.org/ Online @font-face generatorThe @font-face CSS rule allows web developers to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on theirtransfonter.org
Resources 2024. 6. 11. 13:11
Tailwind CSS 사용하기

1. 연결하기CDN 코드 - 사이트 바로가기   2. VS code Extension 설치하기- 설치하면 tailwind css guide안내를 받을 수 있다.Tailwind CSS IntelliSense   3. FONT 관련 선언Docs - 바로가기
CSS Libraries 2024. 6. 11. 09:29
CSS Property - Background 이미지, 그라디언트 넣기

CSS Background  CSS에서 Background관련된 속성은 정말정말 중요합니다.그냥 배경이미지를 넣는것으로 생각할 수도 있지만, 웹페이지의 수많은 곳이 background-image로 표현되고 있습니다.  기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다. Overview HTML element에 컨텐츠요소가 아닌 배경으로 이미지를 배치 할 수 있는 속성입니다. 작은 아이콘부터 배경까지 다양한방법으로 사용할 수 있습니다. 또한, 웹 접근성을 위한  IR(Image Replace)기법으로 사용이 많이 됩니다. Background property - 주요 속성- 굉장히 자주 사용이 된다.property{ value }Descriptionbackgroundgold url('') no..
CSS 2024. 6. 10. 23:44
TAG 03 - 링크와 이미지관련 태그

HTML(Hyper Text Markup Language)   - 웹페이지에서 가장 중요한 부분인 링크 태그와 이미지 삽입 태그에 대하여 공부해 봅시다.- HTML은 텍스트로 이루어진 문서이기 때문에 어떠한 미디어 파일도 포함하지 않습니다. 하여 모든 미디어 파일들은 각자의 태그를 이용해 소스의 위치를 지정해주어야 웹문서에 표시가 됩니다., , , 태그 살펴보기  OVERVIEWTagDescriptionMeaning클릭하여 다른 웹페이지로 이동하게 해주는 태그이며, 필수 속성으로는 href 가 있다. 이미지파일을 웹문서에 넣을때 사용하는 태그이며, 필수 속성으로는 src와 alt가 있다. 이미지, 표, 그래프 등 다양한 정보를 담고있는  미디어들을 묶어서 그룹 잡을 수 있는 태그이다. 태그와 함께 사..
Html 2024. 6. 10. 23:33
이전 Prev 1 2 3 4 5 6 7 ··· 13 Next 다음