728x90 전체 글36 [헤더/푸터] 반복 코드 나누기 : header / footer 나누기 헤더와 푸터를 나눠두면, 여러 페이지에 동일한 네비게이션 등을 수정할 때 좋아요. #복사해서 쓰기 DOCTYPE html> jQuery로 반복 코드 나누기 $(function(){ $('#header').load("header.html"); $("#footer").load("footer"); }) 2021. 5. 20. [API/네이버지도] 웹사이트(홈페이지)에 네이버 지도 삽입하기 - 2. 지도 삽입 https://navermaps.github.io/maps.js.ncp/docs/tutorial-2-Getting-Started.html NAVER Maps API v3 NAVER Maps API v3로 여러분의 지도를 만들어 보세요. 유용한 기술문서와 다양한 예제 코드를 제공합니다. navermaps.github.io 위 사이트로 접속하여, 이것을 하나씩 적용해보겠습니다. 1. 이 코드를 사이에 삽입합니다. ncpClientId=YOUR_CLIENT_ID 에 넣을 클라이언트 아이디는 네이버 클라우드 플랫폼에서 가져오겠습니다. [ 네이버 클라우드 플랫폼을 사용하는 과정은 1. 가입 포스팅 ( Application으로 가면, 등록한 App에서 인증번호 버튼을 클릭합니다. 위 인증번호 창에서 Client I.. 2021. 5. 19. [API/네이버지도] 웹사이트(홈페이지)에 네이버 지도 삽입하기 - 1. 가입 및 시작 & 준비 NAVER 지도 API v3는 ( 2021. 5. 18. 배열로 동적으로 문서 객체 생성 : $.each() // 자바스크립트 배열 관리 $(function () { // 변수 선언 var array = [ { name: 'Tistiory', link: 'https://www.tistory.com/' }, { name: 'Daum', link: 'https://daum.net/' }, { name: 'Naver', link: 'https://naver.com/' } ]; // $.each() 메서드 사용 $.each(array, function (index, item){ // index : 배열의 인덱스 or 객체의 키 // item : 해당 인덱스나 키가 가진 값 // 변수를 선언 var output = ''; // 문자열을 만듦 output += ''; output += ' ' + item.name + ''.. 2021. 5. 16. 이전 1 2 3 4 5 ··· 9 다음 728x90
