http://125.132.25.164/dokuwiki/ 2026-05-03T18:32:22+00:00 http://125.132.25.164/dokuwiki/ http://125.132.25.164/dokuwiki/lib/tpl/mindthedark/images/favicon.ico text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_string_methods&rev=1673603052&do=diff JavaScript String Methods * description : JavaScript String Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-23 The source of this article JavaScript String Methods 문자열 메서드는 문자열 작업에 도움이 됩니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_regexp&rev=1673603052&do=diff Javascript Regular Expressions * description : Javascript Regular Expressions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-22 The source of this article Javascript Regular Expressions 정규식(Regular Expression, 정규 표현식)은 검색 패턴을 형성하는 연속된 문자와 기호입니다. text/html 2023-03-02T09:21:25+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript&rev=1677716485&do=diff Javascript * description : Javascript 관련 내용 기술 * author : 천호동밤안개 * email : jhgong@repia.com * lastupdate : 2020-04-01 주요 예시 * 메뉴 클릭시 하이라이팅 효과 주기 * 정규표현식으로 이메일 유효성 체크하기 ---------- 연관 WIKI: HTML CSS ---------- Plugin Jquery 2006년 존 레식(John Resig) 최초 개발 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:classlist_property&rev=1673603052&do=diff Javascript HTML DOM classList Property * description : Javascript HTML DOM classList Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 The source of the article Javascript HTML DOM classList Property Example <div> 요소에 “mystyle text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_html&rev=1673603052&do=diff JavaScript / jQuery HTML Elements * description : JavaScript / jQuery HTML Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery HTML Elements Set Text Content HTML 요소의 내부 텍스트를 설정합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_selectors&rev=1673603052&do=diff JavaScript / jQuery DOM Selectors * description : JavaScript / jQuery DOM Selectors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery DOM Selectors jQuery vs JavaScript jQuery는 2006년 John Resig가 만들었습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_let&rev=1673603052&do=diff JavaScript Let * description : JavaScript Let * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 ECMAScript 2015 ES2015는 let과 const라는 두 가지 중요한 새 JavaScript 키워드를 도입했습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_events&rev=1673603052&do=diff Javascript HTML DOM Events * description : Javascript HTML DOM Events * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM Events HTML DOM을 사용하면 JavaScript가 HTML 이벤트에 반응할 수 있습니다: text/html 2023-03-02T14:27:16+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:fullcalendar&rev=1677734836&do=diff FullCalendar * description : FullCalendar 관련 내용 기술 * author : slaptear * email : sgjang@repia.com * lastupdate : 2023-03-02 적용 방법 * FullCalendar css, script 추가 * 본인은 bootstrap package에 fullcalendar가 존재하여 아래와 같이 설정함 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:queryselectorall&rev=1673603052&do=diff Javascript HTML DOM Document querySelectorAll() Method * description : Javascript HTML DOM Document querySelectorAll() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 The source of the article HTML DOM Document querySelectorAll() Method text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:onclick_event&rev=1673603052&do=diff Javascript HTML DOM onclick Event * description : Javascript HTML DOM onclick Event * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-01 The source of the article Javascript HTML DOM onclick Event <body> <h1>The onclick Event</h1> <p>The onclick event is used to trigger a function when an elementis clicked on.</p> <p>Click the button to trigger a functionthat will output "Hello World" in a p element with id="demo". </p> <button onclick="… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_event_listener&rev=1673603052&do=diff Javascript HTML DOM EventListener * description : Javascript HTML DOM EventListener * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM EventListener The addEventListener() method 예제 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_css&rev=1673603052&do=diff JavaScript / jQuery CSS Styles * description : JavaScript / jQuery CSS Styles * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery CSS Styles Hiding HTML Elements HTML 요소를 숨깁니다. JQuery <!DOCTYPE html> <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <h1 id="01">Hiding Text Content with JQuery</h1> <h2 id="02">Hello World!</h2> <h2 id="03"… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_where_to&rev=1673603052&do=diff JavaScript Where To * description : JavaScript Where To * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-31 The <script> Tag HTML에서, 자바스크립트 코드는 <script>와 </script> 태그 사이에 삽입됩니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_addclass_method&rev=1673603052&do=diff jQuery addClass() Method * description : jQuery addClass() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-09 The source of this article jQuery addClass() Method Example 첫 번째 <p> 요소에 클래스 이름을 추가합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:function_definition&rev=1673603052&do=diff JavaScript Function Definitions * description : JavaScript Function Definitions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Source of the article * JavaScript Function Definitions JavaScript 함수는 function 키워드는 정의합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_this_keyword&rev=1673603052&do=diff The JavaScript this Keyword * description : The JavaScript this Keyword * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Ref The JavaScript this Keyword 예제 <!DOCTYPE html> <html> <body> <h2>The JavaScript <i>this</i> Keyword</h2> <p>In this example, <b>this</b> represents the <b>person</b> object.</p> <p>Because the person object "owns" the fullName method.</p> <p id="demo"></p> <script> // Create an object: var p… text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:jquery:%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EB%A1%9C%EB%93%9C_%EC%88%9C%EC%84%9C&rev=1673603050&do=diff Front-End 자주 하는 실수 1.스크립트 로드 순서 "스크립트 로드 순서와 $(document).ready(function(){ } 의 사용을 알 수 있는 코드미러 예제" 아래와 같이, <head> 태그 에 스크립트 작성 시 <head> 태그를 모두 읽은 후 <body> 태그의 내용을 읽기 때문에 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:queryselector&rev=1673603052&do=diff Javascript HTML DOM Document querySelector() * description : Javascript HTML DOM Document querySelector() * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 =====The source of the article==== HTML DOM Document querySelector() Method Example <script> function myFunction() { document.querySelector(".example").style.backgroundColor = "red"; } </script> text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:chrome_console%EC%97%90%EC%84%9C_jquery%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0&rev=1673603050&do=diff How to load jQuery in Chrome DevTools * description : Chrome console에서 jQuery 사용하기 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-03-31 Chrome console에서 jQuery 사용하기 var jq = document.createElement('script'); jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(jq); // ... give time for script to load, then type. jQuery.noConflict(); text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:innerhtml&rev=1673603052&do=diff Javascript HTML DOM innerHTML Property * description : Javascript HTML DOM innerHTML Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-04 The source of the article Javascript HTML DOM innerHTML Property Example id="demo를 가진 <p> text/html 2023-03-03T14:13:21+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:editor:ckeditor5&rev=1677820401&do=diff Ckeditor5 * description : Ckediotr5 관련 내용 기술 * author : slaptear * email : sgjang@repia.com * lastupdate : 2023-03-02 적용 방법 * CKEditor5는 5가지의 형태가 있지만 Classic editor와 Document editor 2가지의 사용 방법이 다릅니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_timing&rev=1673603052&do=diff JavaScript Timing Events * description : JavaScript Timing Events * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Source of the article * JavaScript Timing Events JavaScript는 시간 간격을 두고 실행될 수 있습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_dom&rev=1673603052&do=diff JavaScript / jQuery HTML DOM * description : JavaScript / jQuery HTML DOM * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery HTML DOM Removing HTML Elements HTML 요소를 제거합니다: JQuery <!DOCTYPE html> <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <h2>Remove an HTML Element with JQuery</h2> <h2 id="id01">Hello World!</h2> <h2 id="id02">Hel… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_stringfy&rev=1673603052&do=diff JSON.stringify() * description : JSON.stringify() * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON.stringify() JSON의 일반적인 용도는 웹 서버와 데이터를 교환하는 것입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_const&rev=1673603052&do=diff JavaScript Const * description : JavaScript Let * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 ECMAScript 2015 ES2015는 let과 const라는 두 가지 중요한 새 JavaScript 키워드를 도입했습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_ui_sortable_widget&rev=1673603052&do=diff jQuery UI Sortable Widget * description : jQuery UI Sortable Widget * author : 오션 * email : shlim@repia.com * lastupdate : 2022-07-05 Tue jQuery UI's sortable Interactioin <!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"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <… text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:chart:d3&rev=1673603053&do=diff D3.js * description : D3.js 관련 내용 기술 * author : eleven * email : jskim@repia.com * lastupdate : 2020-07-13 Chart libraries for javascript * D3 * GOOGLE CHART * AMCHARTS * JSCharting * HIGHCHARTS D3.js란? "Data - Driven Documents의 약자로, Javascript 기반의 라이브러리 언어이다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_nodes&rev=1673603052&do=diff Javascript HTML DOM Elements (Nodes) * description : Javascript HTML DOM Elements (Nodes) * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM Elements (Nodes) Nodes(HTML 요소) 추가하고 제거하기 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_filter_method&rev=1673603052&do=diff jQuery filter() Method * description : jQuery filter() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-24 Mon The source of this article jQuery filter() Method Definition and Usage filter() 메소드는 특정 기준과 일치하는 요소를 반환합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_parse&rev=1673603052&do=diff JSON.parse() * description : JSON.parse() * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON.parse() Valid Data Types JSON의 일반적인 용도는 웹 서버와 데이터를 교환하는 것입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_string-split&rev=1673603052&do=diff Javascript String split() Method * description : Javascript String split() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-22 Ref Javascript String split() Method 예제 Split은 문자열(string)을 하위문자열(substring)의 배열로 분리합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery&rev=1673603052&do=diff jQuery * description : jQuery 관련 내용 기술 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-18 속성 변경 jquery onclick 속성 변경 Ajax [Jquery] 제이쿼리, $.ajax() 함수 활용. 비동기 통신 Autocomplete 자동완성 기능 검색어 자동완성 - jQuery Autocomplete 사용법 - 삽질중인 개발자 [jQuery] 제이쿼리 Autocomplete(자동완성) 사용법 및 옵션 살펴보기 autocomplete 높이 고정 jQuery UI Autocomplete: Hightlight Matching Text in jQuery UI Autocomplete Case Study Button 값 가져오기… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:textcontent&rev=1673603052&do=diff Javascript HTML DOM textContent Property * description : Javascript HTML DOM textContent Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-07 The source of the article Javascript HTML DOM textContent Property Example 요소의 내부 텍스트(inner text)를 가져옵니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:createelement&rev=1673603052&do=diff Javascript HTML DOM createElement() Method * description : Javascript HTML DOM createElement() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM createElement() Method Example <button> 요소를 생성합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:first-child_selector&rev=1673603052&do=diff jQuery :first-child Selector * description : jQuery :first-child Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :first-child Selector Example 부모 요소의 첫 번째 자식인 모든 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_scope&rev=1673603052&do=diff JavaScript Switch Statement * description : JavaScript Switch Statement * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-25 the source of this article JavaScript Scope 스코프(Scope, 범위)는 변수의 접근성 (가시성)을 결정합니다. text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_charts&rev=1673603053&do=diff HOW TO - Google Chart * description : How TO - Google Chart * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-09 Ref Google Charts - Quick Start Pie Chart <!DOCTYPE html> <html> <head> <title>Google Pie Chart</title> <!-- Load the AJAX API --> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> // Load the Visualization API and the corechart packgage. … text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_classes_-_class_intro&rev=1673603052&do=diff JavaScipt Classes * description : JavaScipt Classes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Source of the article * JavaScipt Classes ES6라고도 하는 ECMAScript 2015는 JavaScript 클래스를 도입했습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:chartjs:chart_js_sample01&rev=1673603052&do=diff Chart JS Sample01 * description : Sass Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-16 Fri Sample 01-1 <!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"> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script> <title>Chart JS Test #01</title> </head>… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:function_parameters&rev=1673603052&do=diff JavaScript Function Parameters * description : JavaScript Function Parameters * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Source of the article * JavaScript Function Parameters JavaScript function은 매개변수 값parameter values text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:ax5&rev=1673603051&do=diff AX5UI * description : AX5UI 관련 자료 * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-09-03 공통 Haeder <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/ax5ui/ax5ui-dialog/master/dist/ax5dialog.css" /> <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.3.min.js"></script> <script type="text/javascript" src="https://cdn.rawgit.com/ax5ui/ax5core/master/dist/ax5core.min.js"></script> text/html 2023-02-14T21:54:27+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:react&rev=1676379267&do=diff React * description : React 관련 내용 기술 * author : eleven * email : jskim@repia.com * lastupdate : 2020-08-18 Intro React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_getelementsbyclassname_method&rev=1673603052&do=diff HTML DOM getElementsByClassName() Method * description : HTML DOM getElementsByClassName() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Source of the article * HTML DOM getElementsByClassName() Method 지정 클래스 이름을 가진 모든 요소들을 가져옵니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_loop_while&rev=1673603052&do=diff JavaScript While Loop * description : JavaScript While Loop * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-31 the source of this article JavaScript While Loop The For/Of Loop Loop는 지정된 조건이 참(true)인 한 코드 블록을 실행할 수 있습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:innertext&rev=1673603052&do=diff Javascript HTML DOM innerText Property * description : Javascript HTML DOM innerText Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-07 The source of the article Javascript HTML DOM innerText Property Example 요소의 내부 텍스트(inner text)를 가져옵니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:iframe&rev=1673603052&do=diff HTML <Iframe> The inline Frame element * description : HTML <Iframe> The inline Frame element * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-16 Wed The source of the article <iframe>: The Inline Frame element <iframe> HTML 요소는 중첩된 접속 환경 (브라우징 컨텍스트, a nested browsing context) text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:createtextnode&rev=1673603052&do=diff Javascript HTML DOM createTextNode() Method * description : Javascript HTML DOM createTextNode() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM createTextNode() Method Example 텍스트 노드를 생성합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:map&rev=1673603052&do=diff Javascript Array map() Method * description : Javascript Array map() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 The source of this article JavaScript Array map() Method Example 기존 배열에 있는 모든 값의 제곱근을 가진 배열을 반환합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_get_started&rev=1673603052&do=diff jQuery Get Started * description : jQuery Get Started * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 Adding jQuery to Your Web Pages 웹 사이트에서 jQuery를 사용하는 여러 방법이 있으며, 아래와 같이 할 수 있습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_strict_mode&rev=1673603052&do=diff JavaScript Use Strict * description : JavaScipt Use Strict * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Source of the article * JavaScipt Use Strict "use strict"; JavaScript 코드가 “strict mode”에서 실행되어야 함을 정의합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:foreach&rev=1673603052&do=diff JavaScript Array forEach() Method * description : JavaScript Array forEach() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 Example 배열의 각 항목을 나열합니다. <body> <p>List all array items, with keys and values:</p> <p id="demo"></p> <script> const fruits = ["apple", "orange", "cherry"]; fruits.forEach(myFunction); function myFunction(item, index) { document.getElementById("demo").innerHTML += index + ":" + item + "<br>"; … text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_text_method&rev=1673603052&do=diff jQuery text() Method * description : jQuery text() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery text() Method Example 모든 <p> 요소들의 텍스트 내용을 설정합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_appendchild_method&rev=1673603052&do=diff HTML DOM appendChild() Method * description : HTML DOM appendChild() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 Source of the article HTML DOM appendChild() Method Example 목록(list)에 항목(item)을 첨부합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_break&rev=1673603052&do=diff Javascript Break and Continue * description : Javascript Break and Continue * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-31 the source of this article Javascript Break and Continue The For/Of Loop break 문은 loop에서 빠져나옵니다(jump out). text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_css_js_modal&rev=1673603053&do=diff HOW TO - CSS/JS Modal * description : How TO - CSS/JS Modal * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-09 Ref How TO - CSS/JS Modal CSS 및 JavaScript로 모달 박스를 만드는 방법을 학습합니다. How to Create a Modal Box text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_conditions&rev=1673603052&do=diff JavaScript Conditions * description : JavaScript if else and else if * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-21 The source of this article JavaScript if else and else if 조건문(Conditional Statements)은 다양한 조건에 근거한 다양한 작업을 하는 데 사용합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_date_get_methods&rev=1673603052&do=diff JavaScript Get Date Methods * description : JavaScript Get Date Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 Ref JavaScript Get Date Methods 다음의 메소드들은 날짜 오브젝트에서 정보를 가져오기 위해 사용할 수 있습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:contenteditable_property&rev=1673603052&do=diff Javascript HTML DOM contentEditable Property * description : Javascript HTML DOM contentEditable Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 The source of the article Javascript HTML DOM contentEditable Property Example <p> 요소의 콘텐츠를 편집 가능하도록 설정합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:getattribute_method&rev=1673603052&do=diff Javascript HTML DOM getAttribute() Method * description : Javascript HTML DOM textContent Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 The source of the article Javascript HTML DOM getAttribute() Method Example <h1> 요소의 클래스 속성 값을 가져옵니다. text/html 2023-03-03T14:22:00+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:editor:summernote&rev=1677820920&do=diff SummerNote * description : SummerNote 관련 내용 기술 * author : slaptear * email : sgjang@repia.com * lastupdate : 2023-03-02 SummerNote란? * SummerNote는 심플한 무료 에디터로 아주 쉽게 누구나 사용가능하다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_display&rev=1673603050&do=diff CSS Display * description : CSS Display Property, Block-level Elements, Inline Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-15 Source of the article * CSS Display The display Property display속성은 레이아웃을 조절하는 가장 중요한 text/html 2023-04-17T20:19:42+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:ai:python&rev=1681730382&do=diff Python * description : python 관련 내용 기술 * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-06-17 Python Python 장점 * 문법이 간결합니다. * 다양한 운영체제를 지원합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:insertbefore&rev=1673603052&do=diff Javascript HTML DOM insertBefore() Method * description : Javascript HTML DOM insertBefore() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM insertBefore() Method Example <ul> 요소의 첫 번째 자식 요소 앞에 새로운 <li> 요소를 삽입합니다. text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html&rev=1673603051&do=diff HTML * description : Html과 관련된 내용 기술 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-24 ---------- 연관 WIKI: CSS JAVASCRIPT ---------- 조건부 주석 어떠한 조건이 충족되지 않으면 주석처리가 되고, 조건이 충족되면 주석안의 내용이 브라우저에 렌더링 되는 것을 의미 text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_icons&rev=1673603050&do=diff CSS Icons * description : CSS Icons * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-09 Source of the article * CSS Icons CSS Icons 아이콘 라이브러리를 사용하여 아이콘을 쉽게 HTML페이지에 추가할 수 있습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_dates&rev=1673603052&do=diff JavaScript Date Objects * description : JavaScript Date Objects * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 Ref JavaScript Date Objects JavaScript Date Object를 사용하면 날짜 작업을 할 수 있습니다. JavaScript Date Output text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_get_started&rev=1673603051&do=diff Bootstrap Get Started * description : Bootstrap Get Started * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 What is Bootstrap? * 부트스트랩은 더 빠르고 더 쉬운 웹 개발을 위한 무료 프런트엔드 프레임워크입니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=api:safe183&rev=1673603050&do=diff 안전Dream 개발 가이드 OPEN API 인증키 정보 발급일 발급ID 발급 인증키 URL 요청자 비고 2020-10-16 text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:d3:colorschemes&rev=1673603053&do=diff Chart.js 라이브러리 : colorschemaes 사용하기 "CDN" <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-colorschemes"></script> * chrt.js 2.9.x 하위 버전에서만 사용 됨 text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:d3:datalabels&rev=1673603053&do=diff Chart.js 라이브러리 : 데이터라벨 표시하기 "CDN" <script src="https://cdn.jsdelivr.net/npm/chart.js@2.7.3/dist/Chart.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script> "Option text/html 2023-01-26T14:20:04+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%EC%9B%90%ED%99%94_%ED%91%9C%EC%8B%9C&rev=1674710404&do=diff JavaScript 원화 표시 * description : JavaScript 원화 표시 * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-26 Thu JavaScript 원화 표시 const price = "14340"; let USDollar = new Intl.NumberFormat('en-Us', { style: 'currency', currency: 'USD' }); console.log(`The foramtted version of ${price} is ${USDollar.format(price)}`); // The foramtted version of 14340 is $14,340.00 const price1 = "3722407"; let result = new Intl.NumberFormat('ko-KR').format(price1); con… text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:d3:%EB%A7%89%EB%8C%80%EC%B0%A8%ED%8A%B8_%EA%B7%B8%EB%A6%AC%EA%B8%B0&rev=1673603053&do=diff D3 예제 : 막대차트 그리기 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://d3js.org/d3.v5.min.js"></script> <title>D3.js Example</title> </head> <body> <svg width = "500" height = "500"></svg> <script> const dataFile = [10, 20, 30, 40, 50]; // 데이터배열 선언. const svg = d3.select("svg"); // DOM에서 <svg>요소를 찾는다. … text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:ai:python:%EA%B0%80%EC%83%81%ED%99%94_%ED%99%98%EA%B2%BD_%EC%85%8B%ED%8C%85&rev=1673603050&do=diff python 가상화_환경_셋팅 * description : * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-06-19 가상화 환경 이란? " python 가상환경 " * 파이썬에서는 한 라이브러리에 대해 하나의 버전만 설치가 가능합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_selector&rev=1673603052&do=diff jQuery * Selector * description : jQuery * Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery * Selector Example 문서(document) 내부의 모든 요소들을 선택합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_.class_selector&rev=1673603052&do=diff jQuery class Selector * description : jQuery class Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery class Selector Example “intro” 클래스를 가진 모든 요소를 선택합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:last_selector&rev=1673603052&do=diff jQuery :last Selector * description : jQuery :last Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :last Selector Example 마직막 <p> 요소를 선택합니다. <body> <p>This is the first paragraph.</p> <p>This is the second paragraph.</p> <p>This is the last paragraph.</p> <!-- 텍스트 컬러 변경됨 --> <script> $(document).ready(function () { $("p:last").css("color", "crimson"); }); </script> </body>… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:first_selector&rev=1673603052&do=diff jQuery :first Selector * description : jQuery :first Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :first Selector Example 첫 번째 <p> 요소를 선택합니다. <body> <p>This is the first paragraph.</p> <!-- 이 p 요소만 변경됨. --> <p>This is the second paragraph.</p> <p>This is the third paragraph.</p> <script> $(document).ready(function () { $("p:first").css("background-color", "yellow"); }); </scr… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_element_selector&rev=1673603052&do=diff jQuery element Selector * description : jQuery element Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery element Selector Example 모든 p 요소를 선택합니다. <body> <h1>Welcome to My Homepage</h1> <p class="intro">My name is Donald.</p> <!-- 배경색 변경 --> <p>I live in Duckburg</p> <!-- 배경색 변경 --> <p>My best friend is Mickey</p> <!-- 배경색 변경 --> who is your favourite: <ul id="choose"> <li>Goofy</li> <… text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_add_active_class_to_current_element&rev=1673603053&do=diff HOW TO * description : How to add active class to current element * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Ref How to add active class to current element JavaScript를 사용하여 현재 요소에 액티브 클래스를 추가하는 방법을 학습합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:findindex&rev=1673603052&do=diff JavaScript Array findIndex() * description : JavaScript Array findIndex() * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-29 Thu JavaScript Array findIndex() findIndex() 메소드는 배열의 각 요소들에 대해 함수를 실행합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_getelementbyid_method&rev=1673603052&do=diff HTML DOM getElementById() Method * description : HTML DOM getElementById() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Source of the article * HTML DOM getElementById() Method 지정한 ID가 있는 요소를 가져옵니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_selectors&rev=1673603052&do=diff jQuery Selectors * description : jQuery Selectors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery 셀렉터(selectors)는 jQuery 라이브러이의 가장 중요한 부분들 중 하나입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:html_objects_-_aside&rev=1673603052&do=diff JS Reference HTML DOM Aside Object * description : HTML DOM Aside Object * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 the Source of the article HTML DOM Aside Object Aside Object Aside 객체는 HTML <aside> 요소를 나타냅니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_loop_for_of&rev=1673603052&do=diff JavaScript Loop For Of * description : JavaScript Loop For Of * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-28 the source of this article JavaScript Loop For Of The For/Of Loop JavaScript for/of 문은 반복 가능한 객체의 값을 반복합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_css&rev=1673603052&do=diff Javascript HTML DOM, Changing CSS * description : Javascript HTML DOM, Changing CSS * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM, Changing CSS HTML DOM을 사용하면 JavaScript가 text/html 2023-01-26T16:13:15+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%EB%B2%84%EB%B8%94%EB%A7%81&rev=1674717195&do=diff JavaScript 버블링 * description : JavaScript 버블링 * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-26 Thu JavaScript 버블 <style> body * { margin: 10px; border: 1px solid blue; } </style> <body> <form onclick="alert('form')">FORM <div onclick="alert('div')">DIV <p onclick="alert('p')">P</p> </div> </form> </body> text/html 2023-01-27T14:43:51+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:3party:redmine&rev=1674798231&do=diff Redmine * description : redmine.repia.com 관련 내용 기술 * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2021-09-24 Intro 접속 정보 * 접속 URL : temp.repia.com * IP:Port : 125.132.25.162:10202 * 설치경로 : /usr/local/src/redmine-3.4.6/ text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_even_selector&rev=1673603052&do=diff jQuery :even Selector * description : :even Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-24 Mon The source of this article jQuery :even Selector Definition and Usage :even 셀렉터는 짝수 인덱스 번호(예: 0, 2, 4 등)가 있는 각 요소를 선택합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery&rev=1673603052&do=diff jQuery #id Selector * description : jQuery #id Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery #id Selector Example id “intro”가 있는 요소를 선택합니다. <body> <h1>Welcometo My Homepage</h1> <p id="intro">My name is Donald.</p> <p>I live in Duckburg</p> <script> $(document).ready(function () { $('#intro').css('color', 'blue'); }); /* id "intro"가 있는 My name is Donald의 텍스트 컬러를 변경합니다. */ … text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%ED%99%94%EC%82%B4%ED%91%9C%ED%95%A8%EC%88%98_%EC%A0%95%EB%A6%AC&rev=1673603052&do=diff JavaScript 화살표 함수 정리 * description : JavaScript 화살표 함수 정리 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-22 Thu JavaScript 화살표 함수 정리 Syntax param => expression (param) => expression (param1, paramN) => expression param => { statements } (param1, paramN) => { statements } text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_animations&rev=1673603052&do=diff Javascript HTML DOM Animation * description : Javascript HTML DOM Animation * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM Animation JavaScript를 사용하여 HTML 애니메이션 제작 방법을 학습합니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=was:tomcat:autostart&rev=1673603050&do=diff 시스템 부팅시 자동 시작 스크립트 CentOS6 파일 경로 /etc/rc.d/init.d/tomcat 파일 내용 # # tomcat Start/Stop Script for the Tomcat Server # # chkconfig: 2345 91 14 # description: start/stop script for tomcat server # source function library . /etc/rc.d/init.d/functions export LANG=ko_KR.euckr export JAVA_HOME=/data/apps/search/java export TOMCAT_HOME=/data/apps/search/tomcat export LD_LIBRARY_PATH=${LD_LIBRARY_PATH}:/usr/local/glibc-2.14 export CLASSPATH="." PRGDIR="$TOMCAT_HOME/bin" # Check that target e… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_contents_method&rev=1673603052&do=diff jQuery contents() Method * description : jQuery contents() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-24 Mon The source of this article jQuery contents() Method Definition and Usage contents() 메서드는 선택한 요소의 텍스트 및 주석 노드를 포함한 모든 직계 자식을 반환합니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_vendor_prefix&rev=1673603050&do=diff CSS Vendor Prefix * description : CSS Vendor Prefix * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Vendor Prefix 브라우저별 CSS 지원을 위하여 벤터 프리픽스 (Vendor Prefix)를 사용할 필요가 있습니다. text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_off-canvas_menu&rev=1673603053&do=diff HOW TO - Off-Canvas Menu * description : How TO - Off-Canvas Menu * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Ref How TO - Off-Canvas Mnu Create an Off-Canvas Menu 예제 Step 1) Add HTML <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> <a href="#">About</a> <a href="#">Services</a> <a href="#">Clients</a> <a href="#">Contact</a> </d… text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_variables_and_javascript&rev=1673603050&do=diff CSS Variables * description : CSS Variables - Variables and JavaScript * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Variables - Variables and JavaScript Change Variables With JavaScript CSS 변수는 DOM에 액세스 할 수 있으므로, text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:even_selector&rev=1673603052&do=diff jQuery :even Selector * description : jQuery :even Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :even Selector Example 인덱스 넘버가 짝수인 모든 <tr> 요소를 선택합니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:jquery:%ED%81%B4%EB%A6%BD%EB%B3%B4%EB%93%9C_%EB%B3%B5%EC%82%AC&rev=1673603050&do=diff 클립보드_복사 * description : * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-06-02 Code * APPS에 구현한 클립보드 복사 (간소화)코드입니다. <head> <script> $( document ).ready(function(){ $('#codeCopy').click(function(){ $('#RssCode').select() document.execCommand("copy"); alert("imgSrc Code를 복사하였습니다."); }); $('#onerrorCopy').click(function(){ $('#onerror').select() document.execCommand("copy"); alert("onerr… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_document&rev=1673603052&do=diff JavaScript HTML DOM Document * description : JavaScript HTML DOM Document * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article JavaScript HTML DOM Document HTML DOM 문서 오브젝트는 웹 페이지의 다른 다큐먼트 오브젝트(Document Object)의 소유자입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_data-_attributes&rev=1673603052&do=diff HTML data-* Attributes * description : HTML data-* Attributes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 The source of the article HTML data-* Attributes Example <body> <h1>Species</h1> <p>Click on a species to see what type it is:</p> <ul> <li onclick="showDetails(this)" id="owl" data-animal-type="bird">Owl</li> <!-- 클릭 시 The Owl is a bird.라고 alert창에 표시 --> <li onclick="showDetails(this)" id="salmon" data-anim… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_multiple_elements_selector&rev=1673603052&do=diff jQuery multiple element Selector * description : jQuery multiple element Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery multiple element Selector Example 모든 <h2>, <div>, <span> 요소들을 선택합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_multiple_classes_selector&rev=1673603052&do=diff jQuery multiple classes Selector * description : jQuery multiple classes Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery multiple classes Selector Example 클래스 intro, demo 또는 end를 가지는 모든 요소를 선택합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:csp&rev=1673603052&do=diff CSP(Content Security Policy) * description : CSP(Content Security Policy)로 콘텐츠 보안 정책 설정하기 * author : 와프 * email : iyyeo@repia.com * lastupdate : 2021-10-08 개요 * 콘텐츠 보안 정책(CSP: Content Security Policy)이란 교차 사이트 스크립팅(XSS) 공격과 데이터 삽입 공격을 막기 위한 추가적인 브라우저 보안 계층입니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:jquery:%ED%85%8C%EC%9D%B4%EB%B8%94_%ED%96%89_tr_%EC%82%AD%EC%A0%9C%ED%95%98%EA%B8%B0&rev=1673603050&do=diff 테이블 행(TR) 삭제하기 * description : * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-01-31 코드 예시 <script> function deleteLine(obj) { var tr = $(obj).parent().parent(); //라인 삭제 tr.remove(); } </script> <table border="1"> <tr> <td>Hello Brother! 1번</td> <td><button onclick="deleteLine(this);">삭제</button></td> </tr> <tr> <td>Hello Brother! 2번</td> <td><button onclick="deleteLine(this);">삭제</button></td> </… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_functions&rev=1673603052&do=diff JavaScript Functions * description : JavaScript Functions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-20 The Source of this article JavaScript Functions JavaScript Function Syntax JavaScript 함수는 특정 작업을 수행하도록 설계된 코드 블록(a block of code)입니다. text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:iyyeo:entity&rev=1673603051&do=diff IntelliJ Entity 자동생성 * description : 인텔리제이 엔티티 자동생성 코드 * author : 와프 * email : iyyeo@repia.com * lastupdate : 2021-09-15 import com.intellij.database.model.DasTable import com.intellij.database.model.ObjectKind import com.intellij.database.util.Case import com.intellij.database.util.DasUtil import com.intellij.psi.codeStyle.NameUtil import javax.swing.* /** * @author shirohoo * @link https://github.com/shirohoo/create-automation-jpa-entity * @param pakageName , primar… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_variables&rev=1673603052&do=diff JavaScript Variables * description : JavaScript Variables * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-01 JavaScript Variables JavaScript 변수는 데이터 값을 저장하기 위한 컨테이너입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%EB%A7%88%EC%A7%80%EB%A7%89_%EB%AC%B8%EC%9E%90_%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0&rev=1673603052&do=diff JavaScript 마지막 문자 가져오기 * description : JavaScript 마지막 문자 가져오기 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-11-09 Wed JavaScript 마지막 문자 가져오기 <!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>Fine and Delete Last String</title> </head> <body> <h1>JavaScript String Methods</h1> … text/html 2023-07-06T16:16:58+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat&rev=1688627818&do=diff Tomcat * description : 톰캣 운영과 관련된 내용 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-09 Tomcat Versions Apache Tomcat Version Servlet Spec Jsp Spec Web Socket Spec JDK text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:getdate&rev=1673603052&do=diff JavaScript Date * description : JavaScript getDate() * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 JavaScript getDate() Method 예제 날짜를 반환합니다. function myFunction() { var d = new Date(); var n = d.getDate(); document.getElementById('demo').innerHTML = n; } text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:emblim98:remember&rev=1673603051&do=diff 1. SVN Cleanup 서버에 신규 생성된 폴더를 내 로컬 PC에서 SVN Update를 해도 생성되지 않을 때, 신규 생성된 폴더의 상위 폴더에서 Tortoise SVN > Cleanup 실행한 후, 다시 Update를 진행합니다. Tortoisesvn Cleanup 2. Message Digest Authentication text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:odd_selector&rev=1673603052&do=diff jQuery :odd Selector * description : jQuery :odd Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :odd Selector Example 인덱스 넘버가 홀수인 모든 <tr> 요소를 선택합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_descendants&rev=1673603052&do=diff jQuery Traversing - Descendants * description : jQuery - Traversing Descendants * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery Traversing - Descendants jQuery를 사용하면 DOM 트리 아래로 횡단하여 요소의 자손 요소들을 찾을 수 있습니다. text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:3party:docker:%EB%8F%84%EC%BB%A4%ED%8C%8C%EC%9D%BC_%EC%82%AC%EC%9A%A9%EB%B2%95&rev=1673603053&do=diff 도커파일 사용법 * description : 도커파일 사용법 * author : 치킨5분컷 * email : hgkim@repia.com * lastupdate : 2022-11-22 Tue 사전에 설치가 필요한 프로그램 * 도커 * 리눅스 배포판 프로그램(이 글은 우분투 22.04 버전 사용.) text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_fonts&rev=1673603050&do=diff CSS Fonts * description : CSS Font, Font-family, web safe, style, size, Google, Pairings, Shorthand * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Fonts * CSS Web Safe Fonts * CSS Fonts Fallbacks * CSS Font Style * CSS Font Size * CSS Google Fonts text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:emblim98:wordbook&rev=1673603051&do=diff 영어 단어장 A a bunch of : 다수의, 일련의 a collection of : ~의 모음 a range of : 다양한 abbreviate [어브리비에잇ㅌ] : ~을 줄여쓰다, 축약하다 abbreviated [어브리비에잇티드] : 단축된, 생략된 abide by [어바이드 바이] : ~을 준수하다[지키다, 따르다] text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_html&rev=1673603052&do=diff JavaScript HTML DOM - Changing HTML * description : JavaScript HTML DOM - Changing HTML * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article * JavaScript HTML DOM - Changing HTML Changing the HTML Output Stream JavaScript는 동적 text/html 2023-07-17T10:28:17+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:os:linux:ubuntu&rev=1689557297&do=diff Ubuntu * description : Ubuntu 관련 내용 기술 * author : 주레피 * email : dhan@repia.com * lastupdate : 2023-03-25 Ubuntu란? 데비안 리눅스를 기반으로 개발 6개월마다 새로운 판이 공개, 장기지원판은 2년에 한번씩 출시 타인을 향한 인간애(humanity to others) text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:os:linux:%EB%A6%AC%EB%88%85%EC%8A%A4_%EA%B8%B0%EB%B3%B8_%EA%B0%9C%EB%85%90&rev=1673603053&do=diff 리눅스 기본 개념 * description : 리눅스 기본 개념 * author : 치킨5분컷 * email : hgkim@repia.com * firstupdate : 2022-12-15 Thu * lastupdate : 2022-01-09 Mon 리눅스 개념 정리 Linux란 * 대표적인 오픈소스 운영체제( text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:dhan:temp&rev=1673603051&do=diff { "editor.suggestSelection": "first", "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", "workbench.colorTheme": "Material Theme Darker High Contrast", "workbench.iconTheme": "eq-material-theme-icons", "editor.formatOnSave": true, "javascript.preferences.quoteStyle": "single", "typescript.preferences.quoteStyle": "single", "editor.tabSize": 2, "liveServer.settings.donotVerifyTags": true, "liveServer.settings.donotShowInfoM… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_block_inline&rev=1673603052&do=diff HTML Tutorial - HTML Block & Inline Elements * description : HTML Tutorial - HTML Block & Inline Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-11 Source of the article HTML Block and Inline Elements 모든 HTML 요소에는 요소 유형에 따라 기본 표시 값이 있습니다. text/html 2023-12-05T14:57:27+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=start&rev=1701755847&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12 * History TAG CLOUD 태그 순위 ---------- 검색어 순위 ---------- 단어 순위 요청, 질문