html 썸네일형 리스트형 개발하는 데 사용하는 좋은 uiverse 를 소개합니다. (ft. HTML/CSS로 만들어진 무료 UI 엘리멘트들) 개발하는 데 사용하는 좋은 uiverse 를 소개합니다. (ft. HTML/CSS로 만들어진 무료 UI 엘리멘트들) 요즘에 저는 HTML/CSS 코딩에 빠져서 열심히 공부하고 있는데요... 공부하던 아래와 같은 사이트를 발견해서 공유드립니다. 나름대로(?) 열심히 공부하고 있는 와중에 혹시나 개인용및 상업용 구분없이 무료로 이용할 수 있는 컴포넌트를 공개하는 웹페이지가 있을까 해서 찾아봤는데요... 역시 세상에는 니즈에 대해서 답이 나와 있네요.... 간단하게 해당 웹페이지를 공부한 대로 소개시켜드리면요.. 아래와 같이 소개하고 있었습니다. --- To make your website just a bit more unique Create, share, and use beautiful custom elem.. 더보기 Breadcrumb 깔끔하게 정리하기 이번에 제가 front-end 관련 프로젝트에 투입되면서요. - Breadcrumb에 대해서 정리하려고 하는데요 Breadcrumb은 한마디로 정리하자면, - CSS를 통해 구분 기호를 자동으로 추가하는 탐색 계층 구조 내에서 현재 페이지의 위치를 나타냅니다. 우선 사용방법을 차근차근 말씀드리자면... 당근! Bootstrap 을 해당 폴더에 저장하셔야 하고요.. 위의 파일을 압축 푸시면요 아래와 같이 css / fonts / js 디렉토리로 구성되어 있는데요.. 아래와 같이 html 관련 head 에 세팅하시면 됩니다. - css / js 그리고, 아래와 같이 코딩하신 후 웹브라우저에서 실행하시면 bootstrap 를 활용해서 이쁜(?) Breadcrumb 를 보실 수 있습니다. 아래는 실행결과입니다... 더보기 HTML main tag 관련 깔끔하게 정리하기 블로그 목적 : HTML main tag 에 대해서 공부및 정리후 나만의 노하우와 지식을 공유한다. 블로그 요약 1.HTML main tag 에 대해서 알아본다. 2.HTML main tag 예제를 알아본다. 블로그 상세내용 - HTML tag 를 한마디로... 한마디로 태그는 해당 문서의 요소의 주 콘텐츠(main content)를 정의할 때 사용하는 tag 입니다. 그리고, HTML5에서 새롭게 추가된 요소라고 하네요.. - HTML tag 관련 주의해야할 점은 ? 요소의 콘텐츠는 ... - 해당 문서의 중심 주제 또는 주요 기능과 직접적으로 관련되어 있거나 확장되는 콘텐츠로 구성되어야 합니다. - 그리고, 문서 전반에 걸쳐 반복되는 내용을 포함해서는 안 됩니다. 참고로, HTML 5에서 추가된 의미.. 더보기 타임리프(Thymeleaf)에 대해서 간단한 리뷰(part 01) 블로그 목적 : Spring Boot 에서 가장 많이 쓰이는 타임리프(Thymeleaf)에 대해서 공부및 정리후 나만의 노하우와 지식을 공유한다. 블로그 요약 · 타임리프(Thymeleaf)에 대해서 알아본다. · 타임리프(Thymeleaf)관련 아래내용을 알아본다. - 변수 표현식 : ${...} - 메시지 표현식 : #{ ...} - 링크 URL 표현식: @{...} - 선택 변수 표현식: *{... } - 프래그먼트 표현식: ~{...} - 리터럴 치환 : | | 블로그 상세 내용 우선, 타임리프(Thymeleaf)에 대해서 정리해보면 아래와 같다. 타임리프(Thymeleaf) 는 웹 및 독립 실행형 환경 모두를 위한 최신 서버 측 Java 템플릿 엔진입니다. 즉, 다양한 서버 템플릿 엔진 중에 하.. 더보기 1.웹프로그래밍, HTML 5에 대해서 간단히 알아보자. HTML5 란? HTML의 새로운 표준. 이전 버전은 HTML4.01으로 1999년에 만들어짐. 그 이후, 웹은 많이 발전되어서 새로운 규격이 필요하게 됨. HTML5는 아직도 논의가 진행 중이지만 주요한 웹 브라우저는 HTML5의 많은 요소와 API를 이미 지원하고 있음. 완전한 CSS3 지원 비디오/오디오 지원 2D/3D 그래픽 지원 로컬 저장소 지원 로컬 SQL 데이터베이스 지원 웹 애플리케이션 지원 역사 HTML5는 W3C(World Wide Web Consortium)와 WHATWG(Web Hypertext Application Technology Working Group)의 합작품 W3C는 XHTML 2.0을 만들고 있었음. WHATWG는 애플, 구글, 모질라 재단, 오페라 등이 2004년에 .. 더보기 0.웹프로그래밍, HTML, 웹에 대한 기초사항에 대해서 간단히 알아볼까요? 인터넷이란? 미국 경제 전문지 포브스가 2009년 지난 30년동안 가장 혁신적인 발명품 1위 인터넷이 뽑힘. 2위 PC/laptop computes 3위 모바일 폰 기타등등 평가위원 왈 인터넷은 이전에 존재하지 않았던 새로운 산업 분야를 창출한 혁신적인 기술이다 라고 평가함. 요즘 인터넷 없이는 하루도 살수 없을 것 같네요.. 인터넷 통해서 각종 정보와 상품 그리고, 인터넷 뱅킹을 주로 저도 사용하고 있고요. 블로그나 SNS 모두 인터넷이 기반이 되고 있습니다. WWW 이란? WWW(World Wide Web) is 흔히, 웹 이라고 불림. 웹의 의미는 거미줄로서 WWW은 세계를 뒤덮는 거미줄이라는 의미 초기 인터넷에서는 텔넷, FTP, 전자 메일, 유즈넷등을 이용하여 파일 전송, 원격 접속, 전자 우편.. 더보기 이전 1 다음
