728x90 WEB/로또번호 생성 웹사이트 만들기7 로또번호 생성 웹사이트 무료로 만들기 7(완성) 이제 완성된 파일을 github에 올려보도록 하자. $ git add . $ git commit -m "final" [master 9ff1993] final 6 files changed, 1177 insertions(+), 6 deletions(-) create mode 100644 auto.html create mode 100644 guardy.jpg create mode 100644 select.css create mode 100644 semiauto.html create mode 100644 style.css $ git push origin master Enumerating objects: 8, done. Counting objects: 100% (8/8), done. Delta compressio.. 2020. 7. 17. 로또번호 생성 웹사이트 무료로 만들기 6 이번글은 반자동 번호 생성 페이지를 만들 차례이다. 끝이 보이고 있다. 우선 반자동의 경우 특정 번호를 제외하는 기능으로 구현할 계획이다. 즉 내가 선택한 번호 외에 랜덤으로 6개를 뽑아주는 기능을 구현하는 것이다. 그러기 위해서는 저번에 자동구현에 제거할 번호 Table을 위에 생성해주어야 한다. 다음과 같이 제거할 번호 테이블 html을 작성한다. 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 여기에서 check_count는 무엇일까 바로 javascript 함수인 제거할 번호를 array에 집어넣는 기능이다. 집어 넣는 것.. 2020. 7. 17. 로또번호 생성 웹사이트 무료로 만들기 5 이번 글에서는 저번글에 이어서 mainpage를 완성해보도록 하겠다. mainpage는 자동번호 받기 페이지로 만들 예정이다. 자동번호 받기 틀을 만들기 위해 우리는 오픈소스를 이용할 것이다. https://www.csscodelab.com/css-select-box-drop-down-item-hover-effect/ CSS Select Box Drop Down Item Hover Effect - CSS CodeLab CSS Select Box Drop Down item effect that you can implement into your website design and projects without any hesitation or any doubt. www.csscodelab.com 이 사이트에서 .. 2020. 7. 16. 로또번호 생성 웹사이트 무료로 만들기 4 이번 글에서는 저번 글에 이어서 navigator와 footer까지 마쳤으니 가장 중요한 main부분을 작성할 것이다. index.html의 main 부분은 자동번호 받기를 구현할 생각이다. 다음은 네이버의 918회차 당첨번호의 틀이다. 여기에서 중요한 점은 숫자 1~9 10~19 20~29 30~39 40~45까지 다른 색깔로 보여줘야한다는 것이다. 우리는 이 작업을 위해서 javascript코드를 작성해야한다. 우선 전체를 감쌀 div를 생성해주고 윗칸( 아랫칸(숫자들모임) div를 나눠줘야한다. 오늘의번호 5 10 21 37 41 42 다음과 같이 나눠줬다. 그 다음으로는 숫자에 따라 div의 css를 바꾸는 javascript를 프로그래밍해야한다. 정상적으로 작동하는지 확인하기 위해 우선 valu.. 2020. 7. 15. 로또번호 생성 웹사이트 무료로 만들기 3 이번 글에서는 저번 글에 이어서 웹사이트의 footer 부분을 구성하려고 한다. 이전글보기 footer를 구성하려고 하는 와중에 tistory의 footer부분이 맘에들어 이부분을 footer로 만들어 사용하려고 한다. 우선 index.html에 다음코드를 추가한다. 그 다음 css에 다음코드를 추가한다. .footer{ width:100%; height:100px; position:absolute; bottom:0; text-align: center; background-color: #6a737b; } 실행시키면 다음과 같은 페이지가 나온다. 그 다음 footer 중간에 원형의 프로필 이미지를 넣어야한다. html footer div에 다음과 같은 소스코드를 추가한다. img를 넣었으면 중앙부분에 프로.. 2020. 7. 14. 로또번호 생성 웹사이트 무료로 만들기 2 지난 글에 이어서 웹사이트를 만들어보도록 하겠다. 우선 navigation을 만들도록 하겠다. navigation은 주로 홈페이지 상위에 위치해있고 홈페이지 로고나 페이지를 이동할 수 있는 버튼들이 있는 구역이다. 요즘 홈페이지는 navigation를 만들지 않는 사이트도 있지만 필자의 경우, 만들어보려고 한다. 깃헙을 예로 들면 다음이 navigation 부분이다. navigator에는 로고와 자동번호 받기 반자동번호 받기를 넣을 것이다. 다음과 같이 Navigator를 구성하려고 한다. 오늘의 번호를 누르면 main page로 이동하고, 자동번호를 누르면 자동번호 받기 page, 반자동번호를 누르면 반자동번호 받기 page로 이동할 계획이다. 기능이 얼마 없기 때문에 html소스는 간단하다. 오늘의 .. 2020. 7. 14. 로또번호 생성 웹사이트 무료로 만들기 1 이번 글에서는 Github 페이지를 이용하여 로또번호를 생성하는 웹사이트를 만드려고한다. 프로그래밍을 처음접하는 사람도 만들 수 있도록 쉽게 설명하려고 한다 Github 페이지의 경우, 무료 호스팅을 제공하기 때문에 웹사이트를 만드는데 큰 부담이 없다.대신, 무료이기 때문에 단점도 있다.1. 속도가 한계가 있다.2. 정적 홈페이지만 제공한다. 정적 페이지란 무엇일까? 정적(static) 페이지는 HTML과 CSS Javascript로 이루어져있는 사이트를 말한다. 로또번호 생성기와 같은 간단한 사이트는 데이터베이스 등 복잡한 기능이 필요가 없기 때문에 static 페이지를 제공하는 Github 페이지로도 충분히 만들 수 있다. Github 사용하는 방법 우선 github에 lotto라는 이름의 repos.. 2020. 7. 12. 이전 1 다음 728x90
