반응형

Web/javaScript 5

[javascript] 윈도우 팝업 새창열기, 가운데 정렬(듀얼모니터)

안녕하세요. 오늘은 윈도우 새창을 여는 방법에 대해 알아보겠습니다. 1. window.open을 이용한 방법 보편적으로 사용되는 window open을 이용한 방법입니다. 사용할 button 혹은 a태그에 onClick 이벤트를 넣어주시면 됩니다. 2. 함수를 이용한 방법(듀얼모니터 가운데 정렬) 윈도우 팝업 열기 위의 방법은 함수를 이용한 방법으로, 듀얼모니터에서도 가운데 정렬을 해주는 코드입니다.

Web/javaScript 2023.03.14

[Javascript] 자바스크립트 버튼 클릭 onClick 이벤트

안녕하세요. 자바스크립트로 버튼클릭시 이벤트가 실행하는 방법에 대해 알려드리려 합니다. 예제는 버튼 클릭시 alert창이 띄어지는걸로,. 총 3가지 방법이 있습니다. 1. JavaScript를 사용한 방법 버튼 button이라는 아이디의 버튼을 클릭할 시 alert이 띄어지는 예제입니다. 2. HTML의 onClick 속성을 사용한 방법 버튼 run이라는 함수를 할당하여 button에 onClick 속성을 사용한 예제입니다. 3. HTML의 onClick 속성을 사용한 방법2 버튼 위의 방법은 button에 바로 javascript를 바로 사용하는 방식입니다.

Web/javaScript 2023.03.13

카카오맵 api 사용법 및 예제

카카오맵 api 사용법 및 예제 카카오에서는 다양한 api를 제공하고 있습니다. 그 중에서 오늘은 카카오맵을 알아보겠습니다. 우선 카카오 맵을 사용하려면 API KEY를 발급받아야 합니다. 1. 카카오 개발자 사이트 접속하기 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 위의 링크를 클릭해 카카오 개발자 사이트에 접속합니다. 2. 카카오 API KEY 발급 시작하기 버튼을 눌러줍니다. 애플리케이션 추가하기를 클릭 한 후, 카카오맵을 사용할 사이트의 정보를 입력해줍니다. 입력이 끝났으면, 새로..

Web/javaScript 2022.02.08

[Javascript] 자바스크립트 기초

자바스크립트(Javascript) 소개 자바스크립트란 객체 기반의 스크립트 언어로, 웹 브라우저에서 동작되는 스크립트 언어입니다. HTML은 정적인 레이아웃을 표현한다면, 자바스크립트(JavaScript)는 동적인 기능을 표현하는 언어입니다. 모든 브라우저에서 지원하며, 다양한 라이브러리 지원되는 언어입니다. 자바스크립트의 요소 ECMAScript ECMA스크립트, 혹은 ES란 ECMA-262의 기술 규격에 따라 표준화된 스크립트 프로그래밍 언어를 말합니다. ECMA는 자바스크립트를 표준화시키기 위해 만들어졌습니다. ECMA는 버전이 여러가지가 있습니다. 현재 ES11까지 나왔으나, 기업에서 가장 선호하는 건 ES6 입니다. * 이유는 react.js와 Vue.js가 ES6 기반으로 만들어졌기 때문입니다..

Web/javaScript 2021.04.20

[javascript] 바닐라 자바스크립트란?

자주 쓰이는 용어인 바닐라JS(Vanilla Js)의 뜻과 기타 사항에 대해 알아보겠습니다anilla Js)의 뜻과 기타 사항에 대해 알아보겠습니다 바닐라 스크립트(Vanilla JS)란 ? 바닐라 자바스크립트란 플러그인이나, 라이브러리를 사용하지 않은 순수 자바스크립트를 이야기합니다. 즉 바닐라 자바스크립트 = 자바스크립트 라고 생각하시면 될 것 같아요. 왜 바닐라 인지? 구글의 검색 트렌드 데이터에 의하면 바닐라 JS가 2008년 처음 사용되었고, 2012년 이후로 널리 사용됬음을 나타냅니다. 그 시기는 아래의 vanilla-js 사이트가 생겨나면서 라고 하네요 :) 아래 사이트에서는 '놀랍고 강력한 JavaScript 애플리케이션을 구축하기위한 빠르고 가벼운 크로스 플랫폼 프레임 워크 입니다.' 라..

Web/javaScript 2021.04.08
반응형
Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]