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

“ 온포커스 ” 이벤트는 JavaScript에서 양식 작업을 할 때 주로 사용되는 잘 알려진 이벤트입니다. 연결된 HTML 요소가 포커스를 받으면 트리거됩니다. '', '', ' <base>', '<style>', '<head>', ' <body>', '<script>'를 제외한 모든 유형의 HTML 요소에서 작동합니다. ”, “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>” 및 “<param>” 요소. 이 이벤트 즉, ' <strong> 온포커스</strong> ”는 일반적으로 모든 유형의 양식 유효성 검사를 위해 HTML 입력 필드에서 사용됩니다.<p> 이 게시물은 JavaScript에서 'onfocus' 이벤트의 목적, 작동 및 사용법을 설명합니다.</p> <h2> <strong> 'onfocus 이벤트'는 JavaScript에서 어떻게 작동합니까?</strong> </h2> <p> “ <strong> 온포커스</strong> ” 이벤트는 특정 HTML 요소에 포커스가 있을 때 트리거됩니다. 또한 관련 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/kXq6tO5fqnU?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"> 온포커스</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> HTML 요소를 나타냅니다.</li> <li> <strong> 기능():</strong> 이벤트 트리거 시 호출해야 하는 함수를 나타냅니다.</li> <li> <strong> myScript:</strong> 'onfocus' 이벤트가 발생하면 특정 작업을 수행하는 기능 정의에 해당합니다.</li> </ul> <h2> <strong> JavaScript에서 'onfocus 이벤트'를 사용하는 방법은 무엇입니까?</strong> </h2> <p> “ <strong> 온포커스</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="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <h2> <strong> 예 1: 트리거링</strong> “ <strong> onfocus 이벤트</strong> ” <strong> 입력 필드 배경색 변경</strong> </h2> <p> 이 예는 ' <strong> 온포커스</strong> ” 이벤트는 사용자 정의 JavaScript 기능의 도움으로 입력 텍스트 필드 배경색을 변경하여 발생합니다.</p> <h3> <strong> HTML 코드</strong> </h3> <p> 첫째, 다음 HTML 코드의 개요:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <span class="sy0"> <</span> h2<span class="sy0"> ></span> 온포커스 <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> 이벤트</span></a> 자바스크립트에서<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> 피<span class="sy0"> ></span> 포커스를 얻으려면 입력 필드 내부를 클릭하십시오.<span class="br0"> (</span> 온포커스<span class="br0"> )</span> .<span class="sy0"> </</span> 피<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> 이름</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> 입력 유형<span class="sy0"> =</span><span class="st0"> '텍스트'</span> ID<span class="sy0"> =</span><span class="st0"> '데모'</span> 자리 표시자<span class="sy0"> =</span><span class="st0"> '당신의 이름을 입력'</span> 온포커스<span class="sy0"> =</span><span class="st0"> '기능()'</span><span class="sy0"> ></span> <p> 위의 코드에서:</p> <ul> <li> “ <strong> <h2></strong> ” 태그는 부제목을 정의하고 “ <strong> <p></strong> ” 태그는 각각 단락을 생성합니다.</li> <li> 그 후, “ <strong> <입력></strong> ” 입력 텍스트 필드를 나타내는 태그는 “ <strong> 이름</strong> ”, 콘텐츠 유형을 “ <strong> 텍스트</strong> ”, 연결된 ID는 “ <strong> 데모</strong> ” 및 명시된 자리 표시자입니다.</li> <li> 또한 “ <strong> 온포커스</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="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> 함수()</strong> '로 정의됩니다.</li> <li> 함수 정의에서 ' <strong> document.getElementById()</strong> ” 메서드는 ID를 통해 단락을 가져오고 “ <strong> 스타일.배경</strong> ' 재산.</li> <li> 이벤트, 즉 'onfocus' 트리거에 따라 입력 텍스트 필드의 배경색이 변경됩니다.</li> </ul> <p> <strong> 산출</strong> </p> <p> <img class="wp-image-324017" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-1.gif"></p> <p> 출력은 ' <strong> 온포커스</strong> ” 이벤트가 트리거되면 주어진 입력 필드의 배경색이 그에 따라 변경됩니다.</p> <h2> <strong> 예 2: 트리거링</strong> “ <strong> onfocus 이벤트</strong> ” <strong> 경고 상자를 통해</strong> </h2> <p> 이 예에서 이벤트에 대해 경고 상자가 표시될 수 있습니다. <strong> 온포커스</strong> ” 사용자 정의 함수를 통해 트리거합니다.</p> <h3> <strong> HTML 코드</strong> </h3> <p> 먼저 다음 HTML 코드를 살펴보십시오.</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> 온포커스 <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> 이벤트</span></a> 자바스크립트에서<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> 피<span class="sy0"> ></span> 초점을 얻으려면 입력 필드에서 내부를 클릭하십시오.<span class="br0"> (</span> 온포커스<span class="br0"> )</span> .<span class="sy0"> </</span> 피<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> 이름</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> 입력 유형<span class="sy0"> =</span><span class="st0"> '텍스트'</span> ID<span class="sy0"> =</span><span class="st0"> '패스1'</span> 자리 표시자<span class="sy0"> =</span><span class="st0"> '당신의 이름을 입력'</span><span class="sy0"> ></span> <p> 위의 HTML 코드 블록에서:</p> <ul> <li> 마찬가지로 '를 통해 수준 2의 부제를 추가합니다. <strong> <h2></strong> ” 태그를 지정하고 “ <strong> <p></strong> ” 태그.</li> <li> 마찬가지로 입력 필드는 명시된 레이블, 콘텐츠 유형, ID 및 자리 표시자를 통해 각각 정의됩니다.</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"> '패스1'</span><span class="br0"> )</span> .<span class="me1"> 온포커스</span> <span class="sy0"> =</span> 기능<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> 데모<span class="br0"> (</span><span class="br0"> )</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="br0"> (</span><span class="st0"> '입력 필드에 초점이 맞춰집니다.'</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> 위의 코드 조각에서:</p> <ul> <li> “ <strong> document.getElementById()</strong> ' 메서드는 ID를 통해 입력 필드를 가져오고 이벤트를 연결합니다. 즉, ' <strong> 온포커스</strong> ' 그것으로.</li> <li> JavaScript 함수 ' <strong> 데모()</strong> ”는 이벤트 트리거 시 호출되고 “ <strong> 알리다</strong> '라는 문구가 적힌 상자.</li> </ul> <p> <strong> 산출</strong> </p> <p> <strong> <img class="wp-image-324018" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-2.gif"></strong> </p> <p> 이 출력에서 입력 필드 내부를 마우스로 클릭하면 요소에 초점이 맞춰져 명시된 메시지를 표시하는 '경고' 상자가 팝업되는 것을 볼 수 있습니다.</p> <h2> <strong> 결론</strong> </h2> <p> 자바스크립트는 ' <strong> 온포커스</strong> ” 연결된 HTML 요소가 내부로 이동할 때 트리거되는 이벤트, 즉 포커스를 얻습니다. '의 반대입니다. <strong> 온블러</strong> ” 요소가 포커스를 잃을 때 트리거되는 이벤트입니다. 트리거될 때 원하는 작업을 수행하기 위해 JavaScript 함수를 호출하는 데 사용할 수 있습니다. 이 가이드는 JavaScript에서 'onfocus' 이벤트의 목적, 작동 및 사용법을 설명했습니다.</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><li> <a href="/jangchi-tong-gwa/">장치 통과</a> </li><li> <a href="/sdn/">SDN</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/AA/how-to-check-if-string-contains-question-mark-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javascripteseo-munjayeol-e-mul-eumpyoga-pohamdoeeo-issneunji-hwag-inhaneun-bangbeob">JavaScript에서 문자열에 물음표가 포함되어 있는지 확인하는 방법</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/37/what-does-vcc-stands-for-in-arduino-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vccneun-arduino-eseo-mueos-eul-uimihabnikka">Vcc는 Arduino에서 무엇을 의미합니까?</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/C8/what-are-esp32-modules-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/esp32-modyul-ilan-mueos-ibnikka">ESP32 모듈이란 무엇입니까?</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/7C/how-to-install-wine-on-pop-os-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pop-ose-wain-eul-seolchihaneun-bangbeob">Pop!_OS에 와인을 설치하는 방법</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/65/oracle-replace-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/olakeul-gyoche">오라클 교체</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/E7/how-to-use-alias-command-in-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/linuxeseo-alias-myeonglyeong-eul-sayonghaneun-bangbeob">Linux에서 alias 명령을 사용하는 방법</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/AF/how-to-install-docker-compose-from-terminal-mac-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mac-teomineol-eseo-docker-composeleul-seolchihaneun-bangbeob">Mac 터미널에서 Docker Compose를 설치하는 방법</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/0E/how-to-run-chatgpt-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pieseo-chatgptleul-silhaenghaneun-bangbeob">Raspberry Pi에서 ChatGPT를 실행하는 방법</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/EF/how-to-make-brewing-stand-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/minecrafteseo-yangjo-seutaendeuleul-mandeuneun-bangbeob">Minecraft에서 양조 스탠드를 만드는 방법</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/CE/how-to-merge-branches-without-fast-forward-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/git-eseo-ppalli-gamgi-eobs-i-bungileul-byeonghabhaneun-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/CF/how-to-install-vim-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-mint-21e-vim-eul-seolchihaneun-bangbeob">Linux Mint 21에 Vim을 설치하는 방법</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/EA/dell-alienware-17-r5-8211-is-it-worth-considering-for-gaming-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/dell-alienware-17-r5-geim-yong-eulo-golyeohal-gachiga-issseubnikka">Dell Alienware 17 R5 – 게임용으로 고려할 가치가 있습니까?</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/A5/what-is-openai-s-jukebox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/openaiui-jukeubagseulan">OpenAI의 주크박스란?</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/D3/3-ways-to-change-default-password-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pieseo-gibon-amholeul-byeongyeonghaneun-3gaji-bangbeob">Raspberry Pi에서 기본 암호를 변경하는 3가지 방법</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-create-a-user-in-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/linuxeseo-sayongjaleul-mandeuneun-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/87/how-to-set-up-and-use-cron-jobs-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linuxeseo-cron-jag-eob-eul-seoljeonghago-sayonghaneun-bangbeob">Linux에서 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/other/55/argc-and-argv-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/argc-mich-argv-c">Argc 및 Argv 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/B9/c-using-statement-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-sayong-mun">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/A0/snmpwalk-command-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linuxui-snmpwalk-myeonglyeong">Linux의 snmpwalk 명령</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/90/images-in-markdown-a-comprehensive-guide-to-embedding-resizing-centering-and-displaying-the-images-with-style-and-ease-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/makeudaun-ui-imiji-seutailgwa-sonswiun-imiji-sab-ib-keugi-jojeong-jung-ang-jeonglyeol-mich-pyosie-daehan-jonghab-gaideu">마크다운의 이미지: 스타일과 손쉬운 이미지 삽입, 크기 조정, 중앙 정렬 및 표시에 대한 종합 가이드</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>