https://h0o0n.github.io/h0o0nA minimal, responsive, and powerful Jekyll theme for presenting professional writing. 2023-04-11T08:57:00+08:00 / https://h0o0n.github.io/ Jekyll © 2023 / /img/favicons/Thinking_Face.webp /img/favicons/Thinking_Face.webp [JavaScript] AJAX(Asynchronous Javascript and XML)2023-04-06T00:00:00+08:00 2023-04-06T00:00:00+08:00 https://h0o0n.github.io/posts/javascript19/ / AJAX AJAX는 웹페이지의 이동없이 필요한 데이터만 전송하는 기술이다. 일반적인 경우 데이터 처리는 요청 순서대로 진행하지만 AJAX는 그렇지 않다. AJAX는 비동기 통신 방식을 사용한다 비동기 통신의 방법 1.XMLHttpRequest객체 2.fetch API (ES06) 3.Axios 라이브러리 4.제이쿼리(Jquery) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi... [JavaScript] navigator로 위치 정보 받기2023-04-06T00:00:00+08:00 2023-04-06T00:00:00+08:00 https://h0o0n.github.io/posts/javascript18/ / navigator <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> console.dir(navigator) console.l... [JavaScript] setInterval(), setTimeout()2023-04-06T00:00:00+08:00 2023-04-06T00:00:00+08:00 https://h0o0n.github.io/posts/javascript17/ / setInterval <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button type="button" class="stopInterval">스탑</button> ... [JavaScript] window팝업2023-04-06T00:00:00+08:00 2023-04-06T00:00:00+08:00 https://h0o0n.github.io/posts/javascript16/ / window객체 팝업창 javascript window 객체는 최상위 객체로 자주 사용되는 기능 open(),close(),confirm(),alert(),setTimeout() 등이 있다. 팝업창 열기 - window.open(문서주소,이름,”옵션=값”) 팝업창 닫기 - window.close() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc... [JavaScript] 고유 이벤트 중단2023-04-06T00:00:00+08:00 2023-04-06T00:00:00+08:00 https://h0o0n.github.io/posts/javascript15/ / 고유 이벤트 중단 event.preventDefault() 사용 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ul {padding: 0;} ul > li {list-style: none; d...