일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- html5기초예제
- pgpool
- 솔라나cookbook
- 웹디자인
- HTML5
- nft예제
- 서버
- 웹예제
- NFT솔라나
- NFT
- html5예제
- 솔라나NFT
- 이중화
- html5웹디자인예제
- PostgresSQL
- html5글자효과
- 솔라나개발
- html5디자인예제
- html5popup
- html5웹디자인
- 웹디자인예제
- html5기초
- NFT개발
- grpc
- 포트폴리오예제
- html5배경만들기
- 솔라나
- 포트폴리오
- solanaNFT
- html5포트폴리오예제
- Today
- Total
목록전체 글 (82)
Scikit Web
화려하게 움직이는 모션이 있는 배경 만드는 예제입니다 사용된 라이브러리는 tsparticle 이라는 라이브러리 입니다. jquery가 필수적으로 필요한 라이브러리 입니다. HTML 삽입 미리보기할 수 없는 소스
NPM 사이트에 계정 생성 https://www.npmjs.com/ NPM login 터미널을 열고 npm login 실행 하여 생성한 계정으로 로그인 npm whoami 로 정상적으로 로그인 되었는지 확인 Fork 를 받아온다. git hub 계정 또한 NPM 계정 정보와 동일 터미널을 열고 fork 받은 소스코드를 git clone 예) git clone 깃 클론한 소스 코드로 이동하고 code . 실행 root 폴더에 있는 package.json 파일을 열고 "name": "", ← 배포할 이름으로 설정 private:false 로 설정하여 public 하게 변경 npm private publish 의 경우 유료 계정만 가능 현재 기준 버전 정보의 경우 "0.3.6-alpha.3", 처럼 ‘-’ 를..
https://curran.github.io/HTML5Examples/ https://curran.github.io/HTML5Examples/ HTML5 Canvas Code Examples Hello Canvas run Drawing a blue rectangle. This example demonstrates: Getting the canvas 2D context Setting the fill style filling a rectangle using the Canvas pixel coordinate space Smiley Face run Drawing a smiley face. This ex curran.github.io 캔버스를 활용한 그림 효과 입니다. HTML 삽입 미리보기할 수 없는 소스
구글 안드로이드에는 Material Design 이라는 것이 반영되어 있습니다. 이것은 https://material.io/ Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io 사이트에서 공식적으로 사용하는 방법 및 예제가 있습니다. 웹용으로는 모바일보단 Component 가 적지만 Material Design 을 기반으로 만들어진 무료 템플릿도 많이 있어서 참고하시어 사용하시면 됩니다. 다음 예제는 Material ..
Bootstrap 과 슬라이더(보통 이미지슬라이드 기능에 사용함) Carousel 이라는 말하는 기능 입니다. 많은 라이브러리들이 있지만 Slick 이라는 라이브러리를 사용하여 만든 예제 입니다. https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io html5 이기 때문에 css js 를 선언하는 순서가 대단히 중요합니다. HTML 삽입 미리보기할..
요즘은 모니터 해상도 및 크기가 너무 커지면서 홈페이지 디자인을 고려할 사항이 더 많아 졌습니다. 네이버의 경우에도 모니터 화면이 아무리 가로로 크게 늘어나도 모니터 중간에 일정 사이즈를 고정 시켜서 유지하고 있습니다. Bootstrap 을 이용하여 네이버 처럼 화면 중간 고정 화면을 만드는 예제입니다. non-reponse css의 경우 bootstrap3.4 에 최적화된 버전만 있는 듯 합니다. HTML 삽입 미리보기할 수 없는 소스
1. Paho Javascript Client 사용 2. letsencrypt 을 사용하여 ssl 인증서 생성 본인 만의 도메인 주소가 있고.. letsencrypt 을 사용하여 ssl 인증서 생성 하여 SSL MQTT WebSocket SSL 통신을 하는 예제 이다. MQTT 2.0+ 사용 하였으며 사용한 conf 는 아래와 같다. log_type all websockets_log_level 255 listener 8883 protocol websockets certfile /etc/letsencrypt/live/example.com/cert.pem cafile /etc/letsencrypt/live/example.com/chain.pem keyfile /etc/mosquitto/certs/exampl..
웹 디자인을 하다 보면 PC 에서 접속 하더라도 모바일 사이즈에 최적화 되어서 보여지게 만들어야 하는 경우가 있습니다. 모바일 화면이 다 다름에도 아무 문제 없이 보이게 할려면 이미 잘 만들어져 있어서 아무 문제가 없는 library를 사용하는 것이 좋습니다. 웹 디자인 또는 웹 개발을 한다면 Bootstrap 이라는 라이브러리의 사용은 필수 입니다. 거의 모든 반응형 UI가 되는 웹 서비스(유/무료)들의 경우에도 해당 라이브러리를 사용 하지 않는 경우는 거의 없습니다. 모바일 사이즈 최적화는 viewport 라는 메타 정보가 반드시 들어가야 합니다. 이번 예제 에서 중요한 부분은 가운데로 정렬시키는 class 입니다. HTML 삽입 미리보기할 수 없는 소스