웹/JavaScript & JQuery13 [Js] 카카오맵 API 키 간단하게 발급받는 방법 2018년 12월 31일 부로 다음 지도 API 사용은 중지되었다고 하네요. Kakao 맵 API 만 사용 가능하니 참고해주세요. 1. 먼저 카카오 개발자 페이지로 들어가 주세요. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 회원가입 후 로그인을 하신 후에 내 애플리케이션으로 들어갑니다. 3. 내 애플리케이션을 들어가서 애플리케이션 추가하기 버튼을 눌러줍니다. 4. 추가하기 버튼을 누르시면 아래와 같은 창이 나오게 됩니다. 앱 이름과 회사 이름을 적어주세요. (영어 이름으로 쓰는 것이.. 2020. 7. 12. [Js] swiper / 스와이퍼 플러그인 기본 기능 및 사용 방법 오늘은 swiper 슬라이더 플러그인에 대해 공부해보겠습니다. swiper 플러그인은 만들기도 쉽고 다양한 기능들을 응용해 여러 가지 유형의 슬라이드를 만들 수 있습니다. ㅡ swiper 홈페이지 https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com ㅡ 먼저 swiper 간단한 사용법에 대해 알아보겠습니다. swiper 사용 방법 먼저 swiper 연결을 할 때에는 css와 js를 연결을 해주어야 합니다. *.. 2020. 5. 25. [Js] 트윈맥스(TweenMax.js) .to( )트윈맥스에서 가장 기본적으로 사용하는 것은 TweenMax.to( )입니다.animate( )와 비슷하다고 생각하시면 됩니다.TweenMax.to(taget, duration, {vars});- to : target에 적용된 값의 위치로 모션 이동- target : 대상(인자)- duration : 지속시간(몇초동안)- vars : 대상에 부여할 키 값 See the Pen TweenMax.to() .from( ) .to( )와 반대로 생각하시면 됩니다. .staggerFrom( )staggerFrom은 target(대상)이 배열 속성으로, 시작 시간을 지정된 시간만큼 엇갈리게 작동하게 하여균일하게 띄울때 유용합니다. TweenMax.to(target(Array), duration, {vars.. 2020. 3. 23. [Js] Prototype 이해하기 자바스크립트의 프로토타입 프로토타입이란 의미 자체가 원형, 원본이라는 뜻입니다. 자바스크립트에서 말하는 프로토타입 역시 문법적인 의미에서 크게 벗어나지 않습니다. 자바스크립트는 클래스라는 개념이 없는 대신 기존의 객체를 복사해서 새로운 객체를 생성해줍니다. 이는 객체 원형인 프로토타입을 이용하여 새로운 객체를 만들어냅니다. 이렇게 생성된 객체는 또 다른 객체의 원형이 될 수도 있고요. 간단하게 프로토타입 예제를 보여드리겠습니다. function Animal(type, name, sound){ this.type = type; this.name = name; this.sound = sound; this.say = function(){ console.log(this.sound); } } const dog = .. 2020. 3. 19. 이전 1 2 3 4 다음
