onmouseover 이벤트가 JavaScript에서 수행하는 작업

“ onmouseover ” 이벤트는 사용자가 HTML 요소 위로 마우스를 가져가면 원하는 작업을 수행합니다. “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script>”를 제외한 모든 유형의 HTML 요소를 지원합니다. , “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>” 및 “<param>” 요소. JavaScript에서는 주로 이벤트 트리거 시 특정 작업을 수행하기 위한 함수를 호출하고 실행하는 데 사용됩니다.<p> 이 가이드는 JavaScript에서 'onmouseover' 이벤트의 목적과 작업을 보여줍니다.</p> <h2> <strong> 'onmouseover 이벤트'는 JavaScript에서 어떻게 작동합니까?</strong> </h2> <p> “ <strong> onmouseover</strong> ” 이벤트는 지정된 요소에 마우스 포인터를 가져가면 JavaScript 기능을 실행할 수 있습니다.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/OsgKPvmcPAo?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> 통사론</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> 요소.<span class="me1"> onmouseover</span> <span class="sy0"> =</span> 기능<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> 위 구문에서:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <ul> <li> <strong> 요소:</strong> '<p>', '<h2>', '<h3>' 등과 같은 특정 HTML 요소를 지정합니다.</li> <li> <strong> 기능():</strong> 이벤트 트리거 시 호출될 정의된 함수를 나타냅니다.</li> <li> <strong> myScript:</strong> 'onmouseover' 이벤트가 발생했을 때 특정 작업을 수행하기 위한 함수 정의를 말합니다.</li> </ul> <p> <strong> 구문('addEventListener()' 메서드 사용)</strong> </p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> 요소.<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> '마우스 오버'</span> , myScript<span class="br0"> )</span><span class="sy0"> ;</span> <p> 위 구문에서 ' <strong> addEventListner()</strong> ” 메서드는 “ <strong> onmouseover</strong> ” 일부 작업을 수행하기 위해 JavaScript 함수를 실행하기 위한 이벤트입니다.</p> <h3> <strong> 예제 1: 'onmouseover' 이벤트를 적용하여 기본 구문 기반 경고 상자 표시</strong> </h3> <p> 이 시나리오에서 ' <strong> onmouseover</strong> ” 이벤트는 “ <strong> <p></strong> ” 즉, 이벤트 트리거 시 제공된 메시지와 함께 경고 상자를 표시하는 단락 HTML 요소입니다.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <h3> <strong> HTML 코드</strong> </h3> <p> 먼저 다음 HTML 코드를 살펴보십시오.</p> <span class="sy0"> <</span> h2 정렬<span class="sy0"> =</span><span class="st0"> '센터'</span><span class="sy0"> ></span> 경고 표시 <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+box"><span class="kw3"> 상자</span></a> 사용<span class="st0"> 'onmouseover'</span> 이벤트<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p onmouseover<span class="sy0"> =</span><span class="st0"> '견본()'</span><span class="sy0"> ></span> 마우스를 올려<span class="kw1"> 이것</span> 경고 상자를 팝업하는 단락.<span class="sy0"> </</span> 피<span class="sy0"> ></span> <p> 위의 코드에서:</p> <ul> <li> 먼저 '를 통해 수준 2의 부제목을 추가합니다. <strong> <h2></strong> ” 태그를 지정하고 정렬을 “중앙”으로 설정합니다.</li> <li> 다음으로 관련 '이 있는 단락을 포함합니다. <strong> onmouseover</strong> ”라는 이름의 함수로 리디렉션되는 이벤트 <strong> 견본()</strong> ” 이 단락에 마우스를 올리면 트리거됩니다.</li> </ul> <h3> <strong> 자바스크립트 코드</strong> </h3> <p> 이제 아래 제공된 JavaScript 코드를 살펴보십시오.</p> <span class="sy0"> <</span> 스크립트<span class="sy0"> ></span> <br> <br> 함수 샘플<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> 알리다<span class="br0"> (</span><span class="st0"> 'onmouseover 이벤트 트리거됨'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> 스크립트<span class="sy0"> ></span> <p> 위의 코드 스니펫에서 ' <strong> 견본()</strong> ”를 표시하도록 선언되었습니다. <strong> 알리다</strong> ” 상자에 'onmouseover' 이벤트가 트리거될 때 명시된 메시지가 표시됩니다.</p> <p> <strong> 산출</strong> </p> <p> <strong> <img class="wp-image-324019" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-1.gif"></strong> </p> <p> 이 출력은 단락 위로 마우스를 가져가면 명시된 메시지를 표시하는 '경고' 상자가 팝업됨을 나타냅니다.</p> <h3> <strong> 예제 2: 'addEventListener()' 메서드 구문을 기반으로 배경색을 변경하기 위해 'onmouseover' 이벤트 적용</strong> </h3> <p> 이 예제는 “addEventListener()” 메서드로 “onmouseover” 이벤트를 적용하여 “ <strong> 배경색</strong> ” 이벤트 트리거 시.</p> <h3> <strong> HTML 코드</strong> </h3> <p> HTML 코드는 다음과 같습니다.</p> <span class="sy0"> <</span> h2 정렬<span class="sy0"> =</span><span class="st0"> '센터'</span><span class="sy0"> ></span> 배경을 바꾸다 <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+color"><span class="kw3"> 색상</span></a> 사용<span class="st0"> 'onmouseover'</span> 이벤트<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> 아이디<span class="sy0"> =</span><span class="st0"> '시험'</span><span class="sy0"> ></span> 마우스를 올려<span class="kw1"> 이것</span> 배경색을 변경하는 단락.<span class="sy0"> </</span> 피<span class="sy0"> ></span> <p> 위의 코드 줄에서:</p> <ul> <li> 마찬가지로 “ <strong> <h2></strong> ' 요소는 '에 정렬된 수준 2 부제목을 만듭니다. <strong> 센터</strong> '.</li> <li> 그 후, “ <strong> <p></strong> ” 요소는 id가 “test”인 단락을 나타냅니다.</li> </ul> <h3> <strong> 자바스크립트 코드</strong> </h3> <p> 이제 다음 JavaScript 코드로 진행하십시오.</p> <span class="sy0"> <</span> 스크립트<span class="sy0"> ></span> <br> <br> 문서.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> '시험'</span><span class="br0"> )</span> .<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> '마우스 오버'</span> , 데모<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> 기능 데모<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> 문서.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> '시험'</span><span class="br0"> )</span> .<span class="me1"> 스타일</span> .<span class="me1"> 배경</span> <span class="sy0"> =</span> <span class="st0"> '분홍색'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> 스크립트<span class="sy0"> ></span> <p> 위의 코드 블록에서:</p> <ul> <li> “ <strong> getElementById()</strong> ” 방법이 “ <strong> addEventListener()</strong> ” 메서드는 관련 ID 'test'를 통해 단락을 가져오고 'mouseover' 이벤트를 인수로 명시된 함수와 연결합니다.</li> <li> 이제 ' <strong> myfunc()</strong> '.</li> <li> 함수 정의에서 ' <strong> document.getElementById()</strong> ” 방법은 “ <strong> 스타일.배경</strong> ” 속성을 사용하여 이벤트 트리거 시 단락 배경색을 변경합니다.</li> </ul> <p> <strong> 산출</strong> </p> <p> <strong> <img class="wp-image-324020" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-2.gif"></strong> </p> <p> 보시다시피, “ <strong> 배경색</strong> 트리거 이벤트, 즉 '마우스오버' 시 단락의 '가 변경되었습니다.</p> <h2> <strong> 결론</strong> </h2> <p> JavaScript는 내장된 ' <strong> onmouseover</strong> ” HTML 요소에 마우스 포인터를 가져가면 원하는 작업을 트리거하는 이벤트입니다. 이벤트 트리거 시 지정된 작업을 수행하기 위해 JavaScript 함수를 호출합니다. ' <button>' 또는 '<p>', '<h>' 등과 같은 다른 HTML 요소로 구현할 수 있습니다. 이 게시물에서는 JavaScript에서 'onmouseover' 이벤트의 사용법과 기능에 대해 설명했습니다.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/daleun/" class="tag-cloud-link">다른</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">범주</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">라즈베리 파이</a> </li><li> <a href="/ethernet/">이더넷</a> </li><li> <a href="/other/">다른</a> </li><li> <a href="/nano/">나노</a> </li><li> <a href="/zoom/">줌</a> </li><li> <a href="/cinnamon/">시나몬</a> </li><li> <a href="/reviews/">리뷰</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">라디오</a> </li><li> <a href="/minecraft/">마인크래프트</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">오픈바스</a> </li><li> <a href="/compression/">압축</a> </li><li> <a href="/laravel/">라라벨</a> </li><li> <a href="/aircrack/">에어크랙</a> </li><li> <a href="/office-productivity-software/">사무 생산성 소프트웨어</a> </li><li> <a href="/boot/">신병</a> </li><li> <a href="/system-calls/">시스템 호출</a> </li><li> <a href="/sysctl/">시스템</a> </li><li> <a href="/networking/">네트워킹</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">단</a> </li><li> <a href="/plex/">플렉스</a> </li><li> <a href="/uefi/">우에피</a> </li><li> <a href="/docker/">도커</a> </li><li> <a href="/firewall/">방화벽</a> </li><li> <a href="/wireshark/">와이어샤크</a> </li><li> <a href="/synology/">시놀로지</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">이더 리움</a> </li><li> <a href="/parrot-os/">앵무새 Os</a> </li><li> <a href="/sublime/">숭고한</a> </li><li> <a href="/selinux/">세리눅스</a> </li><li> <a href="/hyper-v/">하이퍼-V</a> </li><li> <a href="/phone/">핸드폰</a> </li><li> <a href="/kodi/">암호</a> </li><li> <a href="/gnome/">금언</a> </li><li> <a href="/manjaro/">섬세</a> </li><li> <a href="/mouse/">쥐</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">메타스플로잇</a> </li><li> <a href="/torrent/">급류</a> </li><li> <a href="/tablet/">태블릿</a> </li><li> <a href="/pycharm/">파이 참</a> </li><li> <a href="/curl/">곱슬 곱슬하다</a> </li><li> <a href="/kde/">어디</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">글꼴</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">엔비디아</a> </li><li> <a href="/images/">이미지</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">오징어</a> </li><li> <a href="/mate/">친구</a> </li><li> <a href="/vlc-media-player/">Vlc 미디어 플레이어</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">비트코인</a> </li><li> <a href="/keyboard/">건반</a> </li><li> <a href="/inkscape/">잉크스케이프</a> </li><li> <a href="/encryption/">암호화</a> </li><li> <a href="/fedora/">페도라</a> </li><li> <a href="/owncloud/">오운클라우드</a> </li><li> <a href="/scanner/">스캐너</a> </li><li> <a href="/atom/">원자</a> </li><li> <a href="/red-hat/">빨간 모자</a> </li><li> <a href="/teamviewer/">팀뷰어</a> </li><li> <a href="/skype/">스카이프</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">주피터 노트북</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">블로그</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">수세</a> </li><li> <a href="/media-players/">미디어 플레이어</a> </li><li> <a href="/posix/">포식스</a> </li><li> <a href="/steam/">증기</a> </li><li> <a href="/jenkins/">젠킨스</a> </li><li> <a href="/power/">힘</a> </li><li> <a href="/oracle-linux/">오라클 리눅스</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">평방 미터</a> </li><li> <a href="/bluetooth/">블루투스</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">꽉 붙잡음</a> </li><li> <a href="/gentoo/">젠투</a> </li><li> <a href="/odyssey/">오디세이</a> </li><li> <a href="/audio/">오디오</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">텐서플로</a> </li><li> <a href="/autodesk/">오토데스크</a> </li><li> <a href="/lubuntu/">루분투</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">윈도우</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (레거시)</a> </li><li> <a href="/internet-explorer/">인터넷 익스플로러</a> </li><li> <a href="/office/">사무실</a> </li><li> <a href="/daleun/">다른</a> </li><li> <a href="/seukaipeu/">스카이프</a> </li><li> <a href="/lajeubeli-pai/">라즈베리 파이</a> </li><li> <a href="/webkaem/">웹캠</a> </li><li> <a href="/midieo-peulleieo/">미디어 플레이어</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hapeulogsi/">하프록시</a> </li><li> <a href="/geum-eon/">금언</a> </li><li> <a href="/sinbyeong/">신병</a> </li><li> <a href="/sung-gohan/">숭고한</a> </li><li> <a href="/ubuntu-24-04-cat/">우분투 24.04</a> </li><li> <a href="/negseuteukeullaudeu/">넥스트클라우드</a> </li><li> <a href="/deog/">덕</a> </li><li> <a href="/enbidia/">엔비디아</a> </li><li> <a href="/usb-paeseuseulu/">USB 패스스루</a> </li><li> <a href="/pedola/">페도라</a> </li><li> <a href="/boan-buteu/">#보안 부트</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">인기 게시물</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/78/how-to-run-multiple-commands-in-the-same-cron-job-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/dong-ilhan-cron-jag-eob-eseo-yeoleo-myeonglyeong-eul-silhaenghaneun-bangbeob">동일한 Cron 작업에서 여러 명령을 실행하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/microsoft-edge/04/create-website-shortcuts.png);"></a> <div class="text"> <h3 class="heading"> <a href="/create-website-shortcuts">Edge에서 열리는 웹 사이트 바로 가기 (.URL) 만들기-Winhelponline</a> </h3> <div class="meta"> <div> <a href="/microsoft-edge/"><span class="icon-chat"></span> Microsoft Edge (레거시)</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/02/how-to-show-commit-history-for-one-branch-using-git-log-with-range-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/beom-wiga-issneun-git-logeuleul-sayonghayeo-han-bungie-daehan-keomis-gilog-eul-pyosihaneun-bangbeob">범위가 있는 Git 로그를 사용하여 한 분기에 대한 커밋 기록을 표시하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0B/how-to-reinstall-the-microsoft-store-app-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/microsoft-store-aeb-eul-dasi-seolchihaneun-bangbeob">Microsoft Store 앱을 다시 설치하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FB/how-to-grasp-the-navigator-useragentdata-property-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/navigator-useragentdata-sogseong-eul-paaghaneun-bangbeob-eun-mueos-ibnikka">Navigator userAgentData 속성을 파악하는 방법은 무엇입니까?</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/83/how-to-use-list-parser-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/langchain-eseo-moglog-paseoleul-sayonghaneun-bangbeob-eun-mueos-ibnikka">LangChain에서 목록 파서를 사용하는 방법은 무엇입니까?</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C1/how-to-install-visual-studio-ide-on-windows-10-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-10-11e-visual-studio-ideleul-seolchihaneun-bangbeob">Windows 10/11에 Visual Studio IDE를 설치하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/36/how-to-link-a-directory-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linuxeseo-dilegtolileul-yeongyeolhaneun-bangbeob">Linux에서 디렉토리를 연결하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/3D/how-to-convert-json-to-c-class-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jsoneul-c-keullaeseulo-byeonhwanhaneun-bangbeob">JSON을 C# 클래스로 변환하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DB/how-to-install-onedrive-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-mint-21e-onedriveleul-seolchihaneun-bangbeob">Linux Mint 21에 Onedrive를 설치하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/48/how-to-set-esp32-static-ip-address-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/esp32-gojeong-ip-juso-seoljeong-bangbeob">ESP32 고정 IP 주소 설정 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/14/how-to-make-a-spyglass-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mang-wongyeong-eul-mandeuneun-bangbeob">망원경을 만드는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E2/how-to-join-discord-fortnite-server-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/discord-fortnite-seobeoe-gaibhaneun-bangbeob">Discord Fortnite 서버에 가입하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/70/create-a-folder-in-batch-file-how-to-create-directories-using-batch-scripts-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/baechi-pail-e-poldeo-mandeulgi-baechi-seukeulibteuleul-sayonghayeo-dilegteolileul-mandeuneun-bangbeob">배치 파일에 폴더 만들기: 배치 스크립트를 사용하여 디렉터리를 만드는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/02/8-fixes-for-touchpad-scroll-not-working-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/8-teochipaedeu-seukeulol-i-jagdonghaji-anhneun-munje-sujeong">8 터치패드 스크롤이 작동하지 않는 문제 수정</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/10/how-to-automatically-backup-mysql-database-using-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/phpleul-sayonghayeo-mysql-deiteobeiseuleul-jadong-eulo-baeg-eobhaneun-bangbeob">PHP를 사용하여 MySQL 데이터베이스를 자동으로 백업하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/19/how-to-get-current-timestamp-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/java-eseo-hyeonjae-taimseutaempeuleul-gajyeooneun-bangbeob">Java에서 현재 타임스탬프를 가져오는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/50/how-to-do-postgresql-auto-increment-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/postgresql-jadong-jeung-galeul-suhaenghaneun-bangbeob">PostgreSQL 자동 증가를 수행하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E0/how-to-use-the-arrays-sort-method-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/java-eseo-arrays-sort-meseodeuleul-sayonghaneun-bangbeob">Java에서 Arrays.sort() 메서드를 사용하는 방법</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C7/how-to-use-select-statement-in-golang-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/golang-eseo-select-mun-eul-sayonghaneun-bangbeob">Golang에서 Select 문을 사용하는 방법?</a> </h3> <div class="meta"> <div> <a href="/daleun/"><span class="icon-chat"></span> 다른</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>