본문 바로가기
프로그래밍

로또 번호 랜덤 추첨 사이트 만들기! (html, css)

by 삼굽살 2021. 1. 21.
반응형

로또 번호 6자리를 랜덤으로 조합하여 추천해 주는 사이트를 만들어 보겠습니다.

프로그래밍을 아예 모르시는 분들도 따라할 수 있도록 노력해보겠습니다.

이번 포스팅에서 간단하게 만든 사이트를 가지고 간단하게 어플도 만드는 포스팅도 나중에 써볼게요~

 

제일 먼저 html를 코딩할 수 있는 IDE를 열어줘야겠죠?

저는 비주얼 스튜디오 코드(Visual Studio Code)를 사용하겠습니다. 평소 코딩할 땐 이클립스를 애용하지만 이런 간단한 정적 사이트를 만들땐 가벼운 비주얼 스튜디오 코드를 사용하기도 합니다.

 

프로그래밍을 처음 접하시는 분들은 IDE를 다운로드해 주겠습니다.

비주얼 스튜디오 코드 설치 방법 : samgupsal.tistory.com/39

 

위 포스팅에서 비주얼 스튜디오 코드를 설치하셨으면 다음은 셋팅을 해줘야 합니다.

셋팅법 :  samgupsal.tistory.com/25

셋팅하는 방법도 자세히 포스팅 해놓았으니 글보고 천천히 따라해 주세요.

 

이제 코딩을 하기 위한 준비를 모두 마쳤으니 로또 사이트를 만들어봅시다!

 

index.html

index.html.txt
0.00MB

 

 

jquery-2.1.4.min.js

jquery-2.1.4.min.js.txt
0.08MB

 

 

이렇게 두 파일을 만들어 주면 됩니다. 메모장 열어서 복붙하면 됩니다.

 

완성이 된 사이트를 다른 사람이 쓸 수 있도록 하고 싶으면 아래 포스팅 1편부터 2편까지 참고해 주세요.

samgupsal.tistory.com/26

 

무료로 쉽게 웹 호스팅, 도메인 등록하기(netlify, freenom) -1

HTML, SPRING, PHP, ASP 등을 사용해서 만든 웹을 인터넷에 등록할 수 있습니다. 호스팅부터 도메인 등록까지 해봅시다. 웹 호스팅을 해봅시다! 웹 호스팅은 서버가 없는 사람들을 위해 서버를 빌려서

samgupsal.tistory.com

 

막히는게 있을 때 댓글 남겨주시면 최대한 도움드리겠습니다.

댓글