목록분류 전체보기 (83)

Scikit Web

017 - 팝업 기본 디자인 예제

홈페이지에 찾아온 사람들에게 보여줄 광고 팝업 에제 입니다. 정적인 위지에 띄우는 팝업 예제 입니다. CodePen이라는 글자를 클릭하시면 동작 확인을 더 원활하게 하실 수 있습니다. HTML 삽입 미리보기할 수 없는 소스
웹디자인 고급/HTML5 2022. 6. 9. 21:23
016 - 아코디언 메뉴 (accordion menu) ionic style

Bootstrap 기반 아코디언 메뉴 아이오닉 스타일 예제 입니다. HTML 삽입 미리보기할 수 없는 소스
웹디자인 고급/HTML5 2022. 6. 8. 22:24
NFT - OpenSea API 사용하기

NFT기반의 이미지 또는 GIF 등의 객체를 만들어 보면 OpenSea 라는 사이트에 대해서 들어보게 될 것입니다. https://opensea.io/ OpenSea, the largest NFT marketplace A gas-free marketplace for NFTs on Polygon. Create, buy, sell, and auction NFTs on the Polygon blockchain without paying any gas fees. Browse popular no-gas fees NFTs. opensea.io 해당 서비스는 클레이튼, 이더리움, 솔라나 기반으로 NFT Minting 된 객체들을 Scan 등의 기능을 이용하여 한눈에 보여주는 서비스 입니다. 해당 서비스에서는 자체적으..
기타 2022. 6. 7. 20:41
015 - Bootstrap Icons 예제

Bootstrap에서 제공해주는 Bootstrap Icon을 사용하는 예제 입니다. 정의 되어 있는 아이콘들은 아래 사이트에서 확인가능합니다. https://icons.getbootstrap.com/ Bootstrap Icons 사이트에서는 CDN 주소를 제공하고 있습니다. Bootstrap Icons 라이브러리를 추가하고 i Tag를 선언해서 사용하는 법과 SVG를 선언하여 사용하는 방법 2가지를 제공하고 있습니다. i Tag를 선언해서 안보이는 아이콘들이 있는데.. SVG를 사용하는 방법으로 사용하시면 됩니다. HTML 삽입 미리보기할 수 없는 소스
웹디자인 고급/HTML5 2022. 6. 6. 19:50
3D Hello World with css

CSS 에서 동적으로 변수를 할당하여 그 하위에서 사용하는 방법으로 구성된 예제 입니다. CSS 에서 --[변수 이름] 으로 선언하고 그 하위에서 var(--[변수 이름]) 으로 가져와서 사용하면 됩니다 HTML 삽입 미리보기할 수 없는 소스
웹디자인 고급/CSS 2022. 6. 5. 21:07
SSL 서버 보안 등급 가이드

https://github.com/ssllabs/research/wiki/SSL-Server-Rating-Guide GitHub - ssllabs/research Contribute to ssllabs/research development by creating an account on GitHub. github.com 서버 보안 등급을 점수로 환산하는 기준이 있습니다. SSL Labs의 소개를 살펴보면 SSL Labs는 비상업적인 연구 활동이며 SSL에 관심이 있는 모든 개인 및 조직의 참여를 환영합니다. 라고 되어 있지만 서버 보안 등급 점수에 대한 근거 자료로 산출할때는 문제없이 사용가능해 보입니다.
기타/SSL 2022. 6. 4. 06:49
Javascript Promise 예제

개인적으로 비동기 프로그래밍을 하다보면 async await 가 더 많이 사용되는 것 처럼 느껴지지만.. Promise를 사용하는 예제들을 정리해보았다. 1. 바로 사용하는 Promise 예제 Promise.resolve('hello world').then((message) => { console.log(message) }) 2. 기본적으로는 아래와 같이 사용 let myPromise = new Promise((resolve, reject) => { resolve("Hello World"); }) myPromise.then((message) => { console.log(message); });
기타/Javascript 2022. 6. 2. 20:32
Spring Boot Http POST 통신하기 - Apache Client

Spring Boot Http Post 통신 예제 입니다. apache client 를 사용하였습니다. 아래 Repository 에서 개발 환경에 맞춰 라이브러리를 추가하여 사용하시면 됩니다. https://mvnrepository.com/artifact/org.apache.httpcomponents/httpclient/4.5.13 import org.apache.http.client.methods.HttpPost; import org.apache.http.impl.client.CloseableHttpClient; import org.apache.http.client.methods.CloseableHttpResponse; HttpPost reqHTTPPost = new HttpPost("http://re..
Backend/Spring Boot 2022. 6. 2. 08:27
이전 Prev 1 ··· 4 5 6 7 8 9 10 11 Next 다음