Javascript (12) 썸네일형 리스트형 주소 API # 행정안전부 # javascript # ajax # xml 행정안전부에서 제공하는 주소 요청 api https://business.juso.go.kr/addrlink/openApi/apiReqst.do API 신청하기 API신청하기 business.juso.go.kr 위 사이트에서 API를 신청하면 됩니다. 목적에 맞게 신청하시고, 개발용은 API키가 최대 90일까지만 유효하기 때문에 장기적으로 쓰셔야 하는 분은 운영으로 선택하고 진행하셔야 합니다. 위와 같이 키를 발급받으셨으면, 이제 ajax를 통해서 값을 받아오도록 하겠습니다. function get_address(page){ let data = { 'confmKey': "YOUR API KEY", 'keyword': searchAddress, 'currentPage': page, } $.ajax({ url.. Javascript 이미지 업로드 미리보기 Javascript로 이미지 미리보기 1) 이미지 파일만 허용하는 html input 2) 원하는 곳에 이미지 보여주기 아래와 같이 이미지가 있는 곳 설정한 경 const file_input = document.querySelector("#test_input") const image_files = file_input.files[0] const test_img = document.querySelector("test_img") test_img.src = URL.createObjectURL(image_files) 파일 읽기 XMLHttpRequest - # .txt # .json 실습환경 Django 1. XMLHttpRequest를 이용해서 .json 파일과 .txt 파일을 읽기 static/sample.txt "Hello My name is Kim" index.html xhr.open('GET', 'static'sample.txt', true);에서 true는 Asynchronous 의미 (false -> Synchronous) *. json 형태로 저장되어 있는 경우 static/sample.txt {"a": 1, "b": 2} index.html .json 파일도 가능 fetch API를 이용하는 방법도 추후에 포스팅 하도록 하겠습니다. 참고사이트: https://ko.javascript.info/xmlhttprequest Javascript: Array for loop showing elements Array의 요소들을 for loop를 돌면서 표현 const sampleArray = [1, 2 , 3, 'a' ,'b' ,'c']; for (const ele of sampleArray){ console.log(ele); }; ele of sampleArray of 입니다. in이 아니라 in 으로 하면 0,1,2,3,4,5 로 출력 이전 1 2 다음
