http://125.132.25.164/dokuwiki/ 2026-05-03T19:52:11+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-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: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-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: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: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: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: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_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: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:js_statements&rev=1673603052&do=diff JavaScript Statements * description : JavaScript Statements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-01 예제 JavaScript Programs 컴퓨터 프로그램은 컴퓨터가 “실행”하는 “명령(instruction) 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_syntax&rev=1673603052&do=diff JavaScript Syntax * description : JavaScript Syntax * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-01 JavaScript 구문Syntax은 JavaScript 프로그램이 구성되는 방식인, 규칙 집합입니다. var x, y, z; // Declare Variables x = 5; y = 6; // Assign Values z = x + y; // Compute Values 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: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-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: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: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: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: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:javascript_note:js_arrays&rev=1673603052&do=diff JavaScript Arrays * description : JavaScript Arrays * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-26 The source of this article [[<https://www.w3schools.com/js/js_events.asphttps://www.w3schools.com/js/js_arrays.asp> 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:js_object_definitions&rev=1673603052&do=diff Javascript Objects * description : Javascript Object Definitions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-29 The source of this article Javascript Object Definitions JavaScript에서, 오브젝트(objects, 객체)는 King입니다. 오브젝트를 이해하면, 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: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: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: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:syntax&rev=1673603051&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 Formatting Syntax DokuWiki supports some simple markup language, which tries to make the datafiles to be as readable as possible. This page contains all possible syntax you may use when editing the pages. Simply have a look at the source of this page by pressing 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-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: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-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:json_syntax&rev=1673603052&do=diff JavaScript Json Syntax * description : JavaScript JSON - Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON Syntax JSON 구문은 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: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:js_events&rev=1673603052&do=diff JavaScript Events * description : JavaScript Events * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Ref JavaScript Events HTML 이벤트는 HTML 요소에 발생하는 것 입니다. HTML 페이지에서 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: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: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: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: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: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_object_properties&rev=1673603052&do=diff Javascript Objects * description : Javascript Object Properties * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-29 The source of this article Javascript Object Properties 속성(properties)은 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: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:json_intro&rev=1673603052&do=diff JavaScript Json Intro * description : JavaScript JSON - Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-09 Fri The source of this article JSON - Introduction JSON은 JavaScript Object Notation(자바스크립트 객체 표기법)을 의미합니다. JSON은 데이터를 저장, 전송하기 위한 텍스트 형식입니다. JSON은 자체 서술적(self-describing)이며, 이해하기 쉽습니다. 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: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:js_object_display&rev=1673603052&do=diff Javascript Objects * description : Javascript Object Display * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-30 The source of this article Javascript Object Display How to Display JavaScript Objects? 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:javascript_naming_conventions&rev=1673603052&do=diff JavaScipt Naming Conventions * description : JavaScipt Naming Conventions * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JavaScipt Naming Conventions 10 JavaScript Naming Conventions Every Developer Should Know 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_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: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: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: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: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: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-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-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: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_strings&rev=1673603052&do=diff JavaScript Strings * description : JavaScript Strings * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-23 The source of this article JavaScript Strings JavaScript string은 텍스트를 저장하고 조작하는데 사용됩니다. 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-01-26T14:42:19+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note&rev=1674711739&do=diff JS Tutorial * JS Where To * JS Output * JS Statements * JS Syntax * JS Comments * JS Variables * JS Let * JS Const * JS Operators * JS Arithmetic * JS Assignment * JS Data Types * JS Functions * JS Objects * JS Events * JS Strings * JS String Methods * JS Numbers * JS Number Methods * JS Arrays * JS Array Methods * JS Array Sort * JS Array Iteration * JS Dates * JS Date Formats * JS Date Get Methods * JS Date Set Methods * JS Math * JS R… 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_intro&rev=1673603052&do=diff DOM Intro, JavaScript HTML DOM * description : JavaScript HTML DOM - Changing HTML * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article * JavaScript HTML DOM HTML DOM으로 JavaScript는 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_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: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: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: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:javascript_note:js_operators&rev=1673603052&do=diff JavaScript Operators * description : JavaScript Operators * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article JavaScript Operators Example 변수(variables)에 값을 할당하고, 합산합니다. var x = 5; // 값 5를 변수 x에 할당 var y = 2; // 값 2를 변수 y에 할당 var z = x + y; // 값 7을 변수 z에 할당 (5 + 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: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_array_methods&rev=1673603052&do=diff JavaScript Array Methods * description : JavaScript Array Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-27 The source of this article JavaScript Array Methods JavaScript 메소드 toString()은 쉼표로 구분된 배열을 배열 값의 문자열로 변환합니다. 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-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:javascript:javascript_note:js_objects&rev=1673603052&do=diff JavaScript Objects * description : JavaScript Objects * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-20 The Source of this article JavaScript Objects Real Life Objects, Properties, and Methods 실생활에서 자동차는 객체(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: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-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: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: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-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: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-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: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:javascript_note:js_object_accessors&rev=1673603052&do=diff Javascript Objects * description : Javascript Object Accessors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-03 The source of this article Javascript Object Accessors JavaScript Accessors (Getters and Setters) ECMAScript 5 (2009)는 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:js_loop_for&rev=1673603052&do=diff JavaScript For Loop * description : JavaScript For Loop * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-26 the source of this article JavaScript For Loop 루프(Loops)는 코드 블록을 여러 번 실행할 수 있습니다. 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_object_constructors&rev=1673603052&do=diff Javascript Objects * description : Javascript Object Constructors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-03 The source of this article Javascript Object Constructors // Constructor function for Person Objects function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eye; } // Create a Person object let myFather = new Person("Anthony", "Young", 50, "green"); // Display age … 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: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-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: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: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-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-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: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-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:ajax_intro&rev=1673603052&do=diff JavaScript AJAX Intro * description : JavaScript AJAX Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-02 AJAX Introduction * AJAX는 웹 페이지가 로딩된 후 웹 서버에서 데이터를 읽을 수 있습니다. text/html 2023-03-02T09:24:33+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:js_math-ceil_round_floor&rev=1677716673&do=diff author * 서명 * description : Javascript Math - ceil() Method * author : heon, 오션 * email : khlee@repia.com, shlim@repia.com * lastupdate : 2023-02-28 Javascript Math - ceil() Method Ref Javascript Math - ceil() Method Math.ceil() 메소드는 입력받은 숫자보다 크거나 같은 정수 중 가장 작은 정수를 리턴합니다. 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_comments&rev=1673603052&do=diff JavaScript Comments * description : JavaScript Comments * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-01 JavaScript 주석comment은 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:js_object_methods&rev=1673603052&do=diff Javascript Objects * description : Javascript Object Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-29 The source of this article Javascript Object Methods Example // Create an object let person = { firstName: "Elizabeth", lastName: "Ollsen", id: 5566, fullName: function () { return this.firstName + " " + this.lastName; } }; // Display data from the object: document.getElementById("demo").innerHTML = person.fullName(); // Eli… 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_output&rev=1673603052&do=diff JavaScript Output * description : JavaScript HTML DOM - 1. DOM Intro * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Source of the article * JavaScript Output JavaScript Display Possibilities 자바스크립트는 하기와 같은 다양한 방식으로 데이터를 나타낼 수 있습니다. 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:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:more_-_progress_bars&rev=1673603053&do=diff HOW TO - JavaScript Progress Bar * description : How TO - Off-Canvas Menu * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Ref How TO - More - JavaScript Progress Bar JavaScript를 사용하여 프로그레스 바 제작 방법을 학습합니다. 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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_arithmetic&rev=1673603052&do=diff JavaScript Arithmetic * description : JavaScript Arithmetic * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article JavaScript Arithmetic JavaScript Arithmetic Operators 산술 연산자(Arithmetic Operators)는 숫자(리터럴 또는 변수)에 대한 산술을 수행하는 데 사용됩니다. 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_intro&rev=1673603052&do=diff jQuery Intro * description : jQuery Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery Introduction jQuery의 목적은 웹 사이트에서 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:miscellaneous:%EC%A0%84%EC%9E%90%EC%A0%95%EB%B6%80%ED%91%9C%EC%A4%80%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC_%ED%8E%98%EC%9D%B4%EC%A7%95_%EC%BB%A4%EC%8A%A4%ED%85%80_%ED%8E%98%EC%9D%B4%EC%A7%80%EB%84%A4%EC%9D%B4%EC%85%98_%EB%A0%8C%EB%8D%94%EB%9F%AC&rev=1673603050&do=diff Egov 페이징 커스텀 페이지네이션 렌더러 * description : Egov 페이징 커스텀 페이지네이션 렌더러 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-09-05 Mon Egov 페이징 커스텀 페이지네이션 렌더러 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_assignment&rev=1673603052&do=diff JavaScript Assignment * description : JavaScript Assignment * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-23 The Source of this article JavaScript Assignment JavaScript Assignment Operators 할당 연산자(Assignment operators)는 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_in&rev=1673603052&do=diff JavaScript Loop For In * description : JavaScript Loop For IN * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-26 the source of this article JavaScript Loop For In JavaScript for/in 스테이트먼트는 오브젝트의 속성을 반복합니다. 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_switch&rev=1673603052&do=diff JavaScript Switch Statement * description : JavaScript Switch Statement * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-26 the source of this article JavaScript Switch Statement switch 스테이트먼트는 다른 조건에 기반하여 다른 작업을 하는 데 사용됩니다. 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_dropdowns&rev=1673603051&do=diff Bootstrap Dropdowns * description : Bootstrap Panels * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-26 Basic Dropdown 드롭다운 메뉴는 사용자가 사전 정의된 목록에서 하나의 값을 선택할 수 있는 토글가능한(toggleable) 메뉴입니다. 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-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 태그 순위 ---------- 검색어 순위 ---------- 단어 순위 요청, 질문 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-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: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: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: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: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: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: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_math_-_random_method&rev=1673603052&do=diff Javascript Math - random() Method * description : Javascript Math - random() * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-29 Ref Javascript Math - random() function myFunction() { document.getElementById("demo").innerHTML = Math.random(); // 0.37951821192654944 } 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_methods&rev=1673603052&do=diff JavaScript - HTML DOM Methods * description : JavaScript - HTML DOM Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article * JavaScript - HTML DOM Methods HTML DOM 메서드(methods)는 HTML 요소에 수행할 수 있는 동작(actions)입니다. 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-18T18:25:22+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bootstrap-select&rev=1674033922&do=diff bootstrap-select * description : bootstrap-select * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-18 Wed bootstrap-select Bootstrap 4 only works with bootstrap-select v1.13.0+. By default, bootstrap-select automatically detects the version of Bootstrap being used. However, there are some instances where the version detection won't work. See the documentation for more information. 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_elements&rev=1673603052&do=diff JavaScript HTML DOM Elements * description : JavaScript HTML DOM Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article JavaScript HTML DOM Elements 여기에서는 HTML 페이지에서 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: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_.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:javascript_note:getmilliseconds&rev=1673603052&do=diff JavaScript getMilliseconds() Method * description : JavaScript getMilliseconds() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript getMilliseconds() Method 예제 현지 시각에 따라 밀리 초(milliseconds)를 반환합니다. 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: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: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: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-17T13:42:46+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:filter&rev=1673930566&do=diff JavaScript Array filter() * description : JavaScript Array filter() * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-17 Tue 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: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:jquery:jquery_note:jquery_add&rev=1673603052&do=diff jQuery - Add Elements * description : jQuery - Add Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 jQuery를 사용하면 새로운 요소/콘텐츠를 쉽게 추가할 수 있습니다. Add New HTML Content 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_arrow_function&rev=1673603052&do=diff JavaScript Arrow Function * description : JavaScript Arrow Function * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-26 The source of this article JavaScript Arror Function 화살표 함수(Arrow functions)은 ES6에 도입되었습니다. 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_array_iteration&rev=1673603052&do=diff JavaScript Array Iteration * description : JavaScript Array Iteration * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-06 The Source of this article JavaScript Array Iteration 배열 반복 함수(Array iteration 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: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-02-28T21:59:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:eclipse&rev=1677589151&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 이클립스(Eclipse) * description : 사용자별 주요 계정 및 내용 * author : 천호동밤안개 * email : jhgong@repia.com * lastupdate : 2020-01-31 초기 설정 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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_math_-_toprecision_method&rev=1673603052&do=diff Javascript Number - toPrecision() Method * description : Javascript Number - toPrecision() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-20 The Source of This Article Javascript Number - toPrecision() Method Example 숫자를 지정된 길이로 형식화 합니다: text/html 2023-03-25T18:03:29+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:util:vscode&rev=1679735009&do=diff Visual Studio Code * description : * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-12 단축키 자동 줄 바꿈 Alt + z (Toggle) 메뉴바 표시 Alt setting창 열기 mac: cmd + , windows: ctrl + , 이모지 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_array_sort&rev=1673603052&do=diff JavaScript Sorting Arrays * description : JavaScript Sorting Arrays * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-27 The source of this article JavaScript Sorting Arrays Sorting an Array sort() 메서드는 배열을 알파벳 순서로 정렬합니다. 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: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: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-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:iife_-_%EC%A6%89%EC%8B%9C_%EC%8B%A4%ED%96%89_%ED%95%A8%EC%88%98_%ED%91%9C%ED%98%84&rev=1673603052&do=diff JavaScript - IIFE * description : JavaScript Function Definitions * author : 오션 * email : shlim@repia.com * lastupdate : 2022-08-22 IIFE * Immediately Invoked Function Expression * 즉시 실행 함수 표현 (즉시 호출되는 함수 표현식) text/html 2023-09-06T08:33:59+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:khlee&rev=1693956839&do=diff 서명 * description : * author : 이규헌 인턴 * email : khlee@repia.com * lastupdate : 2023-01-11 * 소개말 : * MBTI : INFP -T (중재자) 참고 slaptear 일일 업무 내역 업무 실적과 내일 계획을 함께 적도록 합니다. 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: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-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: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:foreach&rev=1673603052&do=diff forEach * description : javascript forEach 사용 예 * author : 주레피 * email : dhan@repia.com * lastupdate : 2022-12-07 Intro * Array.prototype.forEach() - 공식 홈페이지 Case Study Term Tip Troubleshooting Ref * [JS] Object, Array 자주 사용하는 순환 Method 정리 * forEach()와 map()의 차이점 * JavaScript - forEach(), 다양한 예제로 이해하기 * (JS) 자바스크립트 배열 처리 정리 (map, forEach) 주레피 javascript foreach foreach map… 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_vs_xml&rev=1673603052&do=diff JavaScript JSON vs XML * description : JSON vs XML * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON vs XML JSON과 XML 모두 웹 서버에서 데이터를 수신하는 데 사용할 수 있습니다. 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:getday&rev=1673603052&do=diff JavaScript getDay() Method * description : JavaScript getDay() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 예제 한 주의 요일을 반환합니다. function myFunction() { var d = new Date(); var n = d.getDay(); document.getElementById("demo").innerHTML = n; } 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:javascript_regexp_group_abc&rev=1673603052&do=diff JavaScript RegExp Group [abc] * description : JavaScript RegExp Group [abc] * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-06 Fri 문자열 안에서 문자 “h”에 대한 전역 검색 let text = "Is this all there is?"; let pattern = /[h]/g; let result = text.match(pattern); console.log(result); // (2) ['h', 'h'] console.log(typeof result); // object console.log(Array.isArray(result)); // 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:getfullyear&rev=1673603052&do=diff JavaScript getFullYear() Method * description : JavaScript getFullYear() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 예제 시스템의 현재 연도(year)를 반환합니다: function myFunction() { var d = new Date(); var n = d.getFullYear(); document.getElementById("demo").innerHTML = n; } 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:gethours&rev=1673603052&do=diff JavaScript getHours() Method * description : JavaScript getHours() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 예제 현지 시간(local time)에 따라 시간(hour)을 반환합니다. function myFunction() { var d = new Date(); var n = d.getHours(); document.getElementById("demo").innerHTML = n; } 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_noconflict&rev=1673603052&do=diff jQuery - The noConflict() Method * description : jQuery - The noConflict() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery - The noConflict() Method jQuery를 사용하면서 페이지에서 다른 프레임워크를 사용하려면 어떻게 해야 합니까? 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:more_-_skill_bar&rev=1673603053&do=diff HOW TO - CSS Skill Bar * description : How TO - CSS Skill Bar * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Ref <https://www.w3schools.com/howto/howto_css_skill_bar.aspHow TO - More - CSS Skill Bar> CSS를 사용하여 스킬 바(skill bar) 제작 방법을 학습합니다. My Skills text/html 2023-03-27T11:47:21+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:emblim98:abbr&rev=1679885241&do=diff A ADR * Architecture Decision Records, 아키텍처 결정 기록 * 소프트웨어 아키텍처 의사 결정 과정을 문서로 기록하는 것. Ajax * Asynchronous Javascript and Xml (에이씽크러너스 자바스크립트 엑스엠엘) text/html 2023-01-17T14:00:45+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_links&rev=1673931645&do=diff HTML Links * description : HTML Links * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-09 Source of the article * HTML Links 거의 모든 웹 페이지에서 링크(Links)를 찾을 수 있습니다. 링크를 통해 사용자는 페이지를 이동합니다. text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:programming&rev=1673603053&do=diff Programming TIOBE index 프로그래밍언어 순위 Aug 2020 Aug 2019 추이 Programming Language Ratings Change 1 2 상승 C 16.98% +1.83% 2 1 하강 Java 14.43% -1.60% 3 3 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:start&rev=1673603052&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 RWIKI * description : Google에서 제공하는 Keep(메모) 프로그램 설명 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-01-31 * Backup : \\rstorage.repia.com\homes\[resources]\rwiki backup text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:webpack&rev=1673603051&do=diff Webpack * description : Webpack 관련 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-01-25 Webpack 웹팩 웹팩 * 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler) text/html 2023-01-20T13:53:22+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:youtube:%EB%93%9C%EB%A6%BC%EC%BD%94%EB%94%A9_by_%EC%97%98%EB%A6%AC&rev=1674190402&do=diff 드림코딩 by 엘리 * description : 드림코딩 by 엘리 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-01-06 개요 드림코딩 2021 웹개발 트렌드 (2021.01.05) Web FrameWorks * React.js * Angular * 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: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: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: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: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-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&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: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: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: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-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: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: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: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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css&rev=1673603051&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 CSS * description : CSS 관련 자료 등록 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-13 ---------- 연관 WIKI: HTML JAVASCRIPT ---------- Case Study 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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:%EB%AF%B8%EB%94%94%EC%96%B4%EC%9C%84%ED%82%A4&rev=1673603050&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 미디어위키 * description : 미디어위키 관련 내용 정리 * author : 주레피 * email : dhan@repia.com * lastupdate : 2022-05-04 설치 요구사항 * 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:ajax_xmlhttp&rev=1673603052&do=diff AJAX - The XMLHttpRequest Object * description : AJAX - The XMLHttpRequest Object * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-02 AJAX의 핵심은 XMLHttpRequest 오브젝트입니다. The XMLHttpRequest Object text/html 2023-02-28T14:11:47+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:java&rev=1677561107&do=diff Java * description : 자바 프로그래밍 관련 내용 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-09 링크 Openjdk 다운로드(공홈) Case Study * java8 * GraalVM 강의 강의 Java 코딩 규칙 (원문) Oracle / Code Conventions for JavaTM Programming Language / 1999-4-20 (번역본) 자바 프로그래밍 언어 코딩 규칙 상속 1. 자바는 다중 상속을 허용하지 않는다 따라서 extends뒤에는 단 하나의 부모 클래스만 와야 한다. 2. 자식 객체를 생성하면 내부적으로 먼저 부모 객체 부터 생성된다. 명시적으로 표시가 안되더라도 생성자 내에는 super();를 통해 기본 생성자로 부모 객체부터 생성된다. 명시적으로 부모 생성자를 호출하고자 하면 부… 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:hylee&rev=1673603051&do=diff 도봉산핵주먹 * 서명 * description : 도봉산핵주먹 서명 * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-06-25 자기개발 인프런 인프런 ( 계정 : hylee@repia.com / fpvldk_12#$% ) * 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-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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_the_var_function&rev=1673603050&do=diff CSS Variables * description : CSS Variables - The var() Function * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Variables - The var() Function var() 함수는 CSS 변수의 값을 삽입하는 데 사용됩니다. 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_counters&rev=1673603050&do=diff CSS Counters * description : CSS Counters * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-05 CSS 카운터는 CSS 규칙에 의해 값이 증가할 수 있으면서, 사용된 횟수를 추적하기 위해 CSS에 의해 유지되는 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&rev=1673603050&do=diff CSS Tutorial * CSS와 박스모델 * CSS Introduction & Syntax * CSS Selectors * CSS Combinators * CSS How to Add CSS * CSS Comments * CSS Colors * CSS Backgrounds * CSS Borders * CSS Margins * CSS Padding * CSS Height/Width * CSS Outline * CSS Text * CSS Fonts * CSS Google Fonts * CSS Great Font Pairings * CSS Font Property * CSS Icons * CSS Links * CSS Lists * CSS Tables * CSS Display * CSS Max-width * CSS Position * CSS Overflow * CSS Float * CS… 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_syntax&rev=1673603052&do=diff jQuery Syntax * description : jQuery Syntax * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery를 사용하여, HTML 요소를 선택(query)하고 “작업(actions)“을 수행합니다. jQuery Syntax 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_data_types&rev=1673603052&do=diff JavaScript JSON Data Types * description : JSON Data Types * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON Data Types Valid Data Types JSON에서 value는 아래의 데이터 타입 중 하나이어야 합니다. 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_tags_-_div_tag&rev=1673603052&do=diff HTML Tags - <div> tags * description : HTML Tags - <div> tags * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-11 Source of the article * HTML <div> Tag 예제 CSS로 스타일을 만드는 문서의 <div> 섹션 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:responsive_web_design_-_intro&rev=1673603050&do=diff CSS Responsive Web Design - Intro * description : CSS Responsive Web Design - Intro * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS Responsive Web Design - Intro What is Responsive Web Design? 반응형 웹 디자인은 웹 페이지를 모든 장치에서 보기 좋게 만듭니다. 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_callback&rev=1673603052&do=diff jQuery Effects - Callback Functions * description : jQuery Effects - Callback Functions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 현재 효과가 100 % 완료된 후, 콜백 함수가 실행됩니다. 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_list_groups&rev=1673603051&do=diff Bootstrap List Groups * description : Bootstrap List Groups * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-26 Basic List Groups 가장 기본적인 목록 그룹은 목록 항목이 있는 정렬되지 않은 목록입니다. text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:pm:start&rev=1673603051&do=diff 프로그래밍 프로그래밍 패러다음 절차 지향 프로그래밍 객체 지향 프로그래밍 캡슐화, 다양성, 함수형 프로그래밍 수학의 원리와 비슷하며, 학습하는데 어려움이 있음 반면 사람의 사고 방식과 비슷한 절차 지향, 객체 지향 프로그래밍이 있음 프로그램 종류: Haskell, F#, OCaml Erlang JavaScript Kotlin Go Python Rust Java C++ Scala 함수형 프로그래밍 지원 특징 1. Pure Functions (외부 상태를 변경하지 않음) 2. Stateless, Immutability (외부에서 전달된 상태를 변경하지 않음으로써 불편성 유지, 멀티 쓰레드 환경에서 안정적임) 3. Expressions Only (if, switch 안됨) 4. First-class and higher-order functions Monad… 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_ajax_intro&rev=1673603052&do=diff jQuery - Ajax Method * description : jQuery - Ajax Method * author : 오션 * email : shlim@repia.com * lastupdate : 2022-05-18 Wed Source of the article jQuery - Ajax Introduction AJAX는 전체 페이지를 다시 로딩 하지 않고, 서버와 데이터를 교환하고 웹 페이지의 일부를 업데이트하는 기술입니다. 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:regular_expression:%EC%A0%95%EA%B7%9C%ED%91%9C%ED%98%84%EC%8B%9D%EC%9C%BC%EB%A1%9C_%EC%9D%B4%EB%A9%94%EC%9D%BC_%EC%9C%A0%ED%9A%A8%EC%84%B1_%EC%B2%B4%ED%81%AC%ED%95%98%EA%B8%B0&rev=1673603052&do=diff Regular Expression (정규표현식) * description : Javascript로 정규식 사용하기 * author : eleven * email : jskim@repia.com * lastupdate : 2020-04-28 Case Study "이메일 정규표현식" var emailRegExp = /^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+/; 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:elasticsearch&rev=1673603053&do=diff Elastic Stack * description : 엘라스틱 스택 관련 내용 정리 * author : 주레피 * email : dhan@repia.com * lastupdate : 2021-10-12 Intro 검색 엔진인 동시에 데이터베이스(NoSQL) 데이터의 양과는 무관하게 1초 이내의 응답 속도 기대 text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=header&rev=1673603050&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 Members: 하운 | 주레피 | 연목구어 | 김토피아 | 희닝 | 도봉산핵주먹 | 오션 | eleven | 천호동밤안개 Site navigation 문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12 index text/html 2023-11-14T21:07:00+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:os:linux&rev=1699963620&do=diff Linux * description : 리눅스와 관련된 내용 정리 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-04-02 배포판 * Centos linux, 센트오에스 * Ubuntu linux, 우분투 * Sulinux, 에스유리눅스 * 수세리눅스 * rocky linux, 로키 * Fedora, 페도라 * Slackware, 슬랙웨어 * 데비안 한글 언어팩 설정 locale -a | grep ko 했을 때 안나오면 아래와 같이 명령어를 써주면 된다. text/html 2023-09-04T16:34:15+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:sgjang:%EC%9D%BC%EC%9D%BC_%EC%97%85%EB%AC%B4_%EB%82%B4%EC%97%AD&rev=1693812855&do=diff slaptear 업무 내역 * 서명 * description : * author : 장승기 사원 * email : sgjang@repia.com * lastupdate : 2023-09-01 일일 업무 내역 업무 실적과 내일 계획을 함께 적도록 합니다. 2023-09 09월 02주차 text/html 2023-09-01T08:47:16+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:sgjang&rev=1693525636&do=diff slaptear * 서명 * description : * author : 장승기 사원 * email : sgjang@repia.com * lastupdate : 2022-12-01 * 소개말 : * MBTI : INFJ-T(옹호자) 참고 치킨5분컷 강의 일일 업무 내역 업무 실적과 내일 계획을 함께 적도록 합니다. 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:datatables:datatables&rev=1673603052&do=diff DataTables * description : DataTables * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-03 Mon DataTables function column().search(input[, regex[, smart[, caseInsen]]]) function column.search( input [, regex[, smart[, caseInsen]]] ) function column.search( input ) function column.search( input, regex ) function column.search( input, regex, smart ) function column.search( input, regex, smart, caseInsen ) 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=javascript:var_let_const_%EC%84%A0%EC%96%B8%EC%9D%98_%EC%B0%A8%EC%9D%B4&rev=1673603050&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 var, let, const 선언의 차이 var "변수 재선언과 재할당 모두 가능 / 함수 스코프" var name = "eleven"; console.log(name); // console : eleven var name = "twelve"; console.log(name); // console : twelve name = "thirteen"; console.log(name); // console : thirteen… 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&rev=1673603051&do=diff 와프 * 서명 * description : * author : 와프 * email : iyyeo@repia.com * lastupdate : 2020-12-28 스터디 리눅스 기본커맨드 연습 No mapping found for HTTP request with URI [/favicon.ico] 관련 오류 슬랙 슬랙 튜토리얼 DB관련 sql developer 덤프 sql developer ERD sql developer DB이관 [Oracle] SQL 실행계획 / 트레이스 방법 MariaDB에서의 쿼리 계획(Query plan) 활용 sql developer DB to DB 이관 서버에서 export/import 테이블 이관1 서버에서 export/import 테이블 이관2 Datapump 옵션1 Datapump 옵션2(추천) 계층형 쿼리를 위환 테이블구조1 계층형 쿼리를 위환 테이블구조2 이클립스 … 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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:case&rev=1673603050&do=diff Case for Naming Convention * description : Case for Naming Convention * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-07 Thu 출처 바닐라 자바스크립트 48p / 고승원 지음 / 초판 1쇄 2021년 12월 23일 / 비제이퍼블릭