자바과정/자바스크립트14 자바스크립트 회원가입 지도 API 사용 카카오 오픈 API 출처 : apis.map.kakao.com/web/sample/addr2coord/ - 카카오 API를 사용했고 스트크립트 파일을 따로 만들면 적용이 안돼서 html에 다시 하나를 만들었음. - 로컬저장해서 톰캣을 사용해 서버를 통하지 않았고, repl.it이라는 온라인 개발환경의 오픈서버를 통해 카카오의 API 키를 받고 주소 팝업을 이용해 지도를 띄울 수 있게함. * 중요 : Javascript 키가 적용이 안돼 Admin키로 바꾸니 지도가 나오게 되었음. // HTML + JS 회원 기본 정보 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인: 메일주소: 예) id@domain.com 이름: 개인 신상 정보 지도.. 2021. 3. 4. 회원가입 유효성 검사 (비정규식과 정규식) - API 관련 게시글 : show400035.tistory.com/72?category=982200 - repl.it 온라인 개발 사이트 환경에서 작성된 코드라 로컬저장으로 실행 시킬 시 주소 API만 작동되지 않습니다. 로컬저장으로 작동하시려면 톰캣을 이용해 서버를 거쳐 하시길 바랍니다. - repl.it은 자신의 회원가입 아이디를 통한 개인 오픈 서버를 제공해주는 것 같아서 url성 스크립트와 API가 동작 될 수 있던것 같습니다. /////////////// 공통 // HTML 부분 회원 기본 정보 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인: 메일주소: 예) id@domain.com 이름: 개인 신상 정보 주소 주민등록번호.. 2021. 3. 4. 카카오 우편번호 서비스 API API 출처 : https://postcode.map.daum.net/guide * 응용코드사용 show400035.tistory.com/73 개발환경 : repl.it (온라인 사이트) - 로컬 저장으로는 팝업의 값을 불러올 수 없었음 (온라인 개발환경의 제공 서버를 통해 값을 얻어오게 할 수 있었음) // HTML 부분 주소 // JS 부분 // 주소팝업 (카카오에서 제공하는 예제 코드) function addrFind() { new daum.Postcode({ oncomplete: function(data) { // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분. // 각 주소의 노출 규칙에 따라 주소를 조합한다. // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, .. 2021. 3. 4. 자바스크립트 실습(계산기) // script 부분 var numberPrev = false; // 이전값이 숫자인지 연산자인지 function findButton(char){ if(document.getElementById("txt").value == 0){ // clear후 텍스트박스 초기값이 0이면 버튼 눌렀을때 0을 지우고 시작. document.getElementById("txt").value = ""; } if(numberPrev == false){ if(isNaN(char)==true){ // isNaN은 숫자가 아니면 true를 반환 } else{ // 문자가 아니라면 document.getElementById("txt").value += char; } } else{ // 이전에 숫자를 입력했으면 if(char == .. 2021. 3. 2. 이전 1 2 3 4 다음
