분류 전체보기26 [Javascript] 카카오 API - 지도 카카오 API로 카카오맵을 사용하기 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 에 접속해 카카오 애플리케이션을 만들고AppKey를 발급받는다. HTML 원하는 곳에 지도 div태그를 넣고 자바스크립트에는 let container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스 let options = { //지도를 생성할 때 필요한 기본 옵션 center: new kakao.maps.LatLng(33.450701, 126.570667),.. 2024. 4. 4. [자바스크립트] Array Array 생성하기 let datas = [10, 20, 15, 30, 25]; 값에 접근하기 console.log(datas[0]); console.log(datas[1]); console.log(datas[2]); datas의 값 10에 접근하고 싶다면, datas[0] 을 사용하면 된다. 첫 번째 값이라 1이 아닌, 0을 적어야 값을 가져올 수 있다. 모든 값을 갖고와 출력하고 싶다면 반복문을 사용할 수 있다. for (let i = 0; i < datas.length; i++) { console.log(datas[i]); } datas.length는 해당 Array의 개수를 반환해 준다. 즉, datas의 개수는 5개니 datas.length 자리에 5가 오게된다. 값과 인덱스가 모두 필요 없을 .. 2024. 2. 20. [자바스크립트] 객체 객체 (Object) 객체란? 추상적인 개념을 구체화 시킨 것으로 반(Class)에 선언된 프로퍼티를 사용할 수 있다. 기본 형태 let data = { key1: "value1", key2: "value2", key3: "value3" }; 접근 방법 1. data.key1처럼 '.' 연산자를 사용해 접근할 수 있다 2. data["key1"] 처럼 '[]' 연산자를 사용해 접근할 수 있다. 주로 '-' 같은 특수문자가 있거나, 반복문으로 출력할 때 사용한다. 객체를 선언할 수 있는 다른 방법 let dinner = new Object(); 위 코드처럼 new Object(); 로 선언할 수 있으며, let dinner = { } 형태와 똑같다. 차이점으로는 new를 쓰면 heap 메모리에 저장된다는 .. 2024. 2. 14. 자바스크립트 콜백 함수 콜백 함수 콜백 함수란? 기능의 분리를 위해 사용되는 함수로 다른 함수의 매개변수로 전달되어 그 함수 안에서 필요한 시점에 실행되게 할 수 있다. 콜백 함수 종류 1. 기본형 // 이름을 전달받은 뒤 이름을 출력하는 서비스 function setName(name, callback) { // name에는 값이 들어오고, callback에는 함수(주소값)가 들어온다. if (callback) { // 만약 setName이 사용될 때, callback자리에 함수를 전달했다면, // setName에서 받은 name(결과값)을 callback에 전달해준다. callback(name); } } // printName 함수를 선언한다. function printName(name) { console.log(name);.. 2024. 2. 14. 이전 1 2 3 4 ··· 7 다음