728x90 반응형 전체 글115 Javascript sort가 안될때, 숫자 문자 object 배열 정렬 자바스크립트에는 추가로 설치할 필요 없이 내장 함수로 정렬을 할 수 있다. 바로 내장 함수 sort()이다. Javascript sort ----> arrayobj.sort(sortFunction) arrayobj이란 array object의 줄임말으로, 정렬할 배열이다. sortFunction은 어떤 방식으로 정렬할 지에 대한 함수이다. 처음엔, python의 sort와 비슷하게 생각하여 다음과 같이 자바스크립트를 프로그래밍하였다. var x = [20,10,3,5,13]; x.sort(); console.log(x); 다음을 실행시키고 x를 console.log로 찍어보면 어떤 값이 나올까 우리는 모두 x가 [3, 5, 10, 13, 20]이 나올 것이라고 생각한다. 왜나면, 지금까지 sort는 특정.. 2020. 7. 16. 로또번호 생성 웹사이트 무료로 만들기 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. Github 사용하기 Git 설치에 이어서 Github를 어떻게 사용하는지 알아보도록 하겠다.' Window에서 Github 설치하는 방법 보러가기 윈도우 환경에서 git과 github 설치 및 설정 GIT은 리누스 토르발스가 개발한 분산형 버전 관리 시스템이다. git을 쓰는 이유는 무엇일까? 예를 들어보자. A라는 회사가 B라는 프로그램을 만들었다. B의 현재 버전은 0.0.0이다. 프로그램을 수정 dev-guardy.tistory.com 우선 Github 홈페이지에서 repository를 새로만든다. 말 그대로 새로운 저장소를 만든다고 보면 된다. 필자는 다음 로그인시 필요한 srpla와 시간을 js로 계산해서 띄워줄 페이지가 필요해서 만드는 저장소이기 때문에 다음과 같이 설정하였다. .gitignore란 git에 포함.. 2020. 7. 12. 윈도우 환경에서 git과 github 설치 및 설정 GIT은 리누스 토르발스가 개발한 분산형 버전 관리 시스템이다. git을 쓰는 이유는 무엇일까? 예를 들어보자. A라는 회사가 B라는 프로그램을 만들었다. B의 현재 버전은 0.0.0이다. 프로그램을 수정할 부분이 있어 다같이 열심히 프로그래밍을 해서 0.0.1로 수정했는데, 갑자기 오류가 나버린 것이다. B를 다시 0.0.0 상태에서 시작하면 좋으려만, 백업을 해둔게 없고 여러명이 함께 프로그래밍을 하여 자기가 무엇을 어떻게 수정했는지도 기억이 안나는 상태이다. 그렇게 프로그램 B는 망해버렸다. 이 처럼 분산형 버전 관리는 개발자에게 유지 보수 및 개발을 하기 위해 반드시 필요한 존재이다. 그렇다면 GIT을 사용하면 무엇이 가능할까 1. 병렬 개발이 가능해진다 2. 언제든지 지난 개발 시점으로 돌아갈 .. 2020. 7. 11. Daum Login with Python requests 1(소스코드) Naver에 이은 Daum Login 분석 및 프로그래밍이다. 다음 로그인을 하고 네트워크로 분석을 해봤더니 이 POST가 핵심적 로그인을 수행하는 것 같았다.https://logins.daum.net/accounts/srp.do?slevel=1&rid=****&srplm1=****이 주소는 POST DATA를 보내는데 다음과 같은 DATA를 보낸다. id는 로그인 시 아이디 RAW한 상태이고 우리는 fuid와 rid srplm만 알면 로그인을 수행할 수 있을 것 같다.네트워크에서 fuid를 검색하였더니 https://logins.daum.net/accounts/signinform.do?url=https%3A%2F%2Fwww.daum.net%2F에서 fuid를 찾을 수 있었다. fuid는 get으로 윗 .. 2020. 7. 9. 이전 1 ··· 9 10 11 12 13 다음 728x90 반응형
