아래 기능 구현 완료 최신회차 당첨번호 확인(외부API사용) 출력 로또 등수 확인 1등 될때까지 출력 기능 문제점 최신회차 담첨번호(CORS 이슈로 플러그인 설치 해야 정상 동작_임시방편으로 가상 담청번호 생성 버튼) 1등 될때까지 출력 버튼(실행시 브라우저 튕김 현상으로 삭제 구동장면 외부 API 는 CORS플러그인 설치하여 불러올 수 있게 하였으며(완벽한 해결책은 아님) 현제 게시판에는 가상 당첨번호 부여 할 수 있도록 해놓았다. 그 외 1등 출력될때까지 나오는 버튼은 기능구현이 불가 하므로 제거 로또 프로젝트는 여기서 마무리 짓고 JAVA 프로젝트로 진행준비중에있다. 난중에 기회가 된다면 Lotto api 문제점을 완벽하세 해결 해보고싶다. (메인 페이지 로그인 후 접속 가능) http://www...
현제 구상 계획은 아래와 같다. 1. 외부API를 가져와 웹페이지에 구현한다 (실제 로또 최신 회차 담청번호 가져오기) 2. 구현된 API정보(담청번호)와 가상으로 출력된 랜덤 번호를 비교하여 몇등인지 확인하기 (반복문 통해 가상으로 원하는 장수를 출력 각 장수마다 등수 확인 기능 구현 예정) (API정보(담청번호)를 기준으로 몇장을 사야 1등이 되는지 시뮬레이션 버튼 구현 예정) 3. 반응형으로 브라우저 크기 조정시 Element 사이즈도 줄어들게 하여 모바일에서 보기 편하게 구현 예정 ========================================================================= 현제 1번 같은 경우 js 비동기 구현 방식(fetch)을 사용해 외부 API를 불러왔..
CORS란 Cross Origin Resource Sharing 의 줄임말로 Cross-site Http Request를 가능하게 하는 표준 규약 이다. HTTP 요청은 기본적으로 Cross-Site Http Requests 가 가능하지만 자바스크립트 (XMLHttpRequest)로 다른 웹페이지에 접근할 때는 Same Origin Policy 로 인해 요청이 불가능하다.즉, 자바스크립트 내에서 발생하는 Cross-Site Http Requests는 프로토콜, 호스트, 포트 가 같아야지 요청이 가능하다. 더 쉽게 말하면 웹페이지의 스크립트는 그 페이지와 같은 서버에 있는 주소로만 ajax 요청이 가능하다. 즉, 자바스크립트 내에서 발생하는 Cross-Site Http Requests는 프로토콜, 호스트,..
JavaScript를 이용하여 HTML문서의 비동기 처리하는 기술을 의미한다. 동기식 비동기식이란 동기식 : 직렬적으로 태스크(task)를 수행한다. 즉 태스크는 순차적으로 실행되며 어떤 작업이 수행 중이면 다음 작업은 대기하게 된다. 비동기식 : 병렬적으로 태스크를 수행한다. 즉, 태스크가 종료되지 않은 상태라 하더라도 대기하지 않고 다음 태스크를 실행한다. 로또 최신 회차 api를 로컬 HTML에 출력하기 위해 ajex기술을 사용할려고 한다. (구글링해보니 대부분 api를 가져오는데 ajex관련 내용만 나와서...) ajex를 사용하기 전에 정의에 대해 한번 알고 가야 할것 같아 포스팅 한다.