http://125.132.25.164/dokuwiki/ 2026-05-03T21:11:59+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_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: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: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_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_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: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:function_definition&rev=1673603052&do=diff JavaScript Function Definitions * description : JavaScript Function Definitions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Source of the article * JavaScript Function Definitions JavaScript 함수는 function 키워드는 정의합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_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: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_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_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: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: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_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: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: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: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_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_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_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: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_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:jquery_css&rev=1673603052&do=diff JavaScript / jQuery CSS Styles * description : JavaScript / jQuery CSS Styles * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery CSS Styles Hiding HTML Elements HTML 요소를 숨깁니다. JQuery <!DOCTYPE html> <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <h1 id="01">Hiding Text Content with JQuery</h1> <h2 id="02">Hello World!</h2> <h2 id="03"… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_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: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-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: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_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:javascript_note:classlist_property&rev=1673603052&do=diff Javascript HTML DOM classList Property * description : Javascript HTML DOM classList Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 The source of the article Javascript HTML DOM classList Property Example <div> 요소에 “mystyle text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note: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: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: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_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_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_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: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: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: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:json_stringfy&rev=1673603052&do=diff JSON.stringify() * description : JSON.stringify() * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON.stringify() JSON의 일반적인 용도는 웹 서버와 데이터를 교환하는 것입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_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_loop_for_of&rev=1673603052&do=diff JavaScript Loop For Of * description : JavaScript Loop For Of * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-28 the source of this article JavaScript Loop For Of The For/Of Loop JavaScript for/of 문은 반복 가능한 객체의 값을 반복합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_animations&rev=1673603052&do=diff Javascript HTML DOM Animation * description : Javascript HTML DOM Animation * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM Animation JavaScript를 사용하여 HTML 애니메이션 제작 방법을 학습합니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=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_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:%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: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: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: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-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: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-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_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: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_conditions&rev=1673603052&do=diff JavaScript Conditions * description : JavaScript if else and else if * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-21 The source of this article JavaScript if else and else if 조건문(Conditional Statements)은 다양한 조건에 근거한 다양한 작업을 하는 데 사용합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_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-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_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: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: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: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: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_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: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-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_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_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: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: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-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: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: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: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: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: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: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-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-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: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-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: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-02-14T21:54:27+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:react&rev=1676379267&do=diff React * description : React 관련 내용 기술 * author : eleven * email : jskim@repia.com * lastupdate : 2020-08-18 Intro React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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-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-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: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-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: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: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_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: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:contenteditable_property&rev=1673603052&do=diff Javascript HTML DOM contentEditable Property * description : Javascript HTML DOM contentEditable Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 The source of the article Javascript HTML DOM contentEditable Property Example <p> 요소의 콘텐츠를 편집 가능하도록 설정합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note: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:dom_nodes&rev=1673603052&do=diff Javascript HTML DOM Elements (Nodes) * description : Javascript HTML DOM Elements (Nodes) * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM Elements (Nodes) Nodes(HTML 요소) 추가하고 제거하기 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_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: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: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: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: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:javascript_note:createtextnode&rev=1673603052&do=diff Javascript HTML DOM createTextNode() Method * description : Javascript HTML DOM createTextNode() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM createTextNode() Method Example 텍스트 노드를 생성합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note: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-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:getdate&rev=1673603052&do=diff JavaScript Date * description : JavaScript getDate() * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 JavaScript getDate() Method 예제 날짜를 반환합니다. function myFunction() { var d = new Date(); var n = d.getDate(); document.getElementById('demo').innerHTML = n; } text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:textcontent&rev=1673603052&do=diff Javascript HTML DOM textContent Property * description : Javascript HTML DOM textContent Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-07 The source of the article Javascript HTML DOM textContent Property Example 요소의 내부 텍스트(inner text)를 가져옵니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:queryselector&rev=1673603052&do=diff Javascript HTML DOM Document querySelector() * description : Javascript HTML DOM Document querySelector() * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 =====The source of the article==== HTML DOM Document querySelector() Method Example <script> function myFunction() { document.querySelector(".example").style.backgroundColor = "red"; } </script> text/html 2023-01-13T18:44: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-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-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: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: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: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: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-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: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:foreach&rev=1673603052&do=diff JavaScript Array forEach() Method * description : JavaScript Array forEach() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 Example 배열의 각 항목을 나열합니다. <body> <p>List all array items, with keys and values:</p> <p id="demo"></p> <script> const fruits = ["apple", "orange", "cherry"]; fruits.forEach(myFunction); function myFunction(item, index) { document.getElementById("demo").innerHTML += index + ":" + item + "<br>"; … text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript: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: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: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: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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_get_started&rev=1673603051&do=diff Bootstrap Get Started * description : Bootstrap Get Started * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 What is Bootstrap? * 부트스트랩은 더 빠르고 더 쉬운 웹 개발을 위한 무료 프런트엔드 프레임워크입니다. text/html 2023-01-13T18:44: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-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: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: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: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: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: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: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: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: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: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_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-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-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: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-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: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: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: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: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-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: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: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: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: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: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: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: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: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-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-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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:dhan:temp&rev=1673603051&do=diff { "editor.suggestSelection": "first", "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", "workbench.colorTheme": "Material Theme Darker High Contrast", "workbench.iconTheme": "eq-material-theme-icons", "editor.formatOnSave": true, "javascript.preferences.quoteStyle": "single", "typescript.preferences.quoteStyle": "single", "editor.tabSize": 2, "liveServer.settings.donotVerifyTags": true, "liveServer.settings.donotShowInfoM… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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-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: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_file_paths&rev=1673603052&do=diff HTML Tutorial - HTML File Paths * description : HTML Tutorial - HTML File Paths * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-01 The source of the article HTML File Paths 파일 경로(file path)는 웹 사이트의 폴더 구조에서 파일의 위치를 ​​설명합니다.