본문 바로가기
<토이프로젝트>/[웹 프로젝트]

[웹 프로젝트] 로또 추첨 사이트

by 사용자 BlockDMask 2021. 3. 6.
반응형

안녕하세요. BlockDMask 입니다.
웹에 관심이 생겨서 공부 하고 하느라 블로그 작성도 못했네요.

이번에 웹에 흥미가 생겨서  HTML+CSS+자바스크립트를 공부했고 공부하면서 사이트를 한번 만들어보았습니다.
좋은 프레임워크들이 있어서 한번 이용해 보았습니다.

 

 

로또 번호 추천, 추첨 웹 페이지 링크

lotto-random.netlify.app/

 

로또 번호 추첨기

© BlockDMask 2021. All Rights Reserved.

lotto-random.netlify.app

많은 방문, 이용 부탁드립니다.

 

 

로또 번호 추천 사이트 설명

번호를 한번 누르면 무조건 포함(파란색)이 되고, 무조건 포함 상태에서 한번 더 누르면 제외 번호(빨간색)가 됩니다.
번호 추첨을 누르면 랜덤한 6개 숫자가 추출 됩니다. 

결과 저장을 누르면 클립보드에 결과가 저장됩니다. 

정리
추첨 대상 : 회색, 파란색

추첨 제외 : 빨간색

 

 

사용한 프레임워크, 언어 등등

- 서버 사이드 랜더링을 한다고 유독 장점이 많다는 프레임워크인 next js 를 사용했습니다.
- 테일윈드를 통해서 디자인을 했습니다.
- www.netlify.com/ 를 이용해서 빌드하고 배포도 했습니다.
- 댓글은 DISQUS 라는 서비스를 이용해 보았습니다.
유튜버 조코딩님의 영상 중에 웹 사이트를 만드는 영상이 하나 있었는데 거길 보니 DISQUS 라는 서비스가 나오더군요.
간편해 보이길래 사용해보았습니다.

 

 

느낀점

웹 프로그래밍은 처음 해봤는데 상당히 재미있었습니다.
게임이나 어플 만드는것이랑은 또 다른 느낌 이었습니다.

이렇게 겉핥기 식으로 플러터, 리액트, next js 이런식으로 여러개를 건드려봐도 되는지는 모르겠지만, 
뭐든 한다는거에 의미를 두겠습니다.

반응형

'<토이프로젝트> > [웹 프로젝트]' 카테고리의 다른 글

[웹 프로젝트] 로또 추첨 사이트  (1) 2021.03.06

댓글1

  • 미스터조 2021.03.09 13:20

    조교님 너무 멋있어요! 정말 제 롤모델이십니다.
    그런데 혹시 이 정도 블로그면 블로그 수익으로도 먹고살만한 정도인가요?
    답글