분류 전체보기167 자바스크립트 회원가입 지도 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. 자바스크립트 현재 배열값 출력 // HTML 부분 현재 배열의 값: // JS 부분 var arr = new Array(); // 배열 객체 선언 // 자바스크립트 배열은 동적배열이라고 함. var txt = ""; var disp = ""; function arrAppend(){ // 추가하기 버튼을 눌렀을때 // 배열 값 추가 txt = document.getElementById("txt"); // 텍스트박스의 id를 가져옴 disp = document.getElementById("settxt"); // div의 id를 가져옴 arr.push(txt.value); // 생성한 배열에 텍스트에 입력된 값을 불러온다. disp.innerHTML += arr[arr.length-1] + ','; // div에 추가된 배열을 출력해준다... 2021. 3. 2. 이전 1 ··· 24 25 26 27 28 29 30 ··· 42 다음
