http://125.132.25.164/dokuwiki/ 2026-04-11T19:44:28+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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_horizontal_navbar&rev=1673603050&do=diff CSS Navigation Bar * description : CSS Horizontal Navbar * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-30 Horizontal Navigation Bars 가로 네비게이션 바를 만드는 방법에는 두 가지가 있습니다. 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_flex_container&rev=1673603050&do=diff CSS Flex Container * description : CSS Flex Container * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-05 =====The source of this article=====CSS Flex Container Parent Element (Container) 이전 챕터에서 지정했던 것처럼, 아래는 3개의 플렉스 아이템을 가진 플렉스 컨테이너(blue 컬러 부분)입니다. text/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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_links&rev=1673603050&do=diff CSS Links * description : CSS Links, Text Decoration, Background Color, Link Buttons, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-12 Source of the article * CSS Links CSS를 사용하여 links를 다양하게 꾸밀 수 있습니다. 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_colors&rev=1673603050&do=diff CSS Colors * description : CSS Colors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * CSS Colors * CSS RGB Colors * CSS HEX Colors * CSS HSL Colors 컬러는 미린 정의된 컬러 이름, 또는 RGB, HEX, HSL, RGBA, HSLA 값을 사용하며 명시합니다. 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_vertical_navbar&rev=1673603050&do=diff CSS Navigation Bar * description : CSS Vertical Navbar * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-30 Vertical Navigation Bars 수직 네비게이션 바를 만들려면, 이전 페이지의 코드 외에도, 목록 안의 <a> 요소의 스타일을 지정할 수 있습니다. 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_media_queries_examples&rev=1673603050&do=diff CSS Advanced - CSS Media Queries - Examples * description : CSS Advanced - CSS Media Queries - Examples * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Advanced - CSS Media Queries - Examples CSS Media Queries - More Examples 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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_flex_items&rev=1673603050&do=diff CSS Flexbox - Flex Items * description : CSS Lists, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-16 The source of this article CSS Flexbox - Flex Items Child Elements (Items) flex container의 직계 자식 요소들은 자동으로 flexible (flex) items가 됩니다. text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_variables&rev=1673603053&do=diff Sass Tutorial * description : Sass Variables * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass Variables Sass Variables 변수는 나중에 재사용할 수 있는 정보를 저장하는 방법입니다. 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_outline&rev=1673603050&do=diff CSS Outline * description : CSS Outline width, color, shorthand, offset * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Outline CSS Outline 아웃라인 (outline)은 한 요소의 테두리(border) 외부에 그려지는 선으로, 해당 요소를 쉽게 눈에 띄게 합니다. 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_borders&rev=1673603050&do=diff CSS Borders * description : CSS Borders * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-05 Source of the article * CSS Borders * CSS Border Width * CSS Border Color * CSS Bordr Sides * CSS Shorthand Border Property * CSS Rounded Borders CSS Borders(테두리) CSS Border 속성은 요소의 테두리 스타일, 너비, 컬러를 지정합니다. 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_dropdowns&rev=1673603050&do=diff CSS Dropdowns * description : CSS Dropdowns * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-31 CSS로 호버할 수 있는(hoverable) 드롭다운 메뉴를 만듭니다. Basic Dropdown 사용자가 요소 위에 마우스를 올렸을 때 나타나는 드롭다운 박스를 만듭니다. 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:grid_intro&rev=1673603050&do=diff CSS Grid Intro * description : CSS Responsive Web Design- Images * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-02 Fri The source of this article CSS Grid Intro CSS Grid Layout Module Grid Layout CSS Grid Layout Module text/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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_important&rev=1673603050&do=diff CSS The !important Rule * description : CSS The !important Rule * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-21 What is !important? CSS의!important 규칙은 속성/값에 더 많은 중요성을 추가하는 데 사용됩니다. 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_text&rev=1673603050&do=diff CSS Text * description : CSS text color, alignment, decoration,transformation, spacing, shadow * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS text * CSS Text Alignment * CSS Text Decoration * CSS Text Transformation * CSS Text Spacing * CSS Text Shadow 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_float_examples&rev=1673603050&do=diff CSS Float Examples * description : CSS Float Examples * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-16 Source of the article * CSS Layout - Float Examples Grid of Boxes / Equal Width Boxes float속성을 사용하면 콘텐츠 박스들을 쉽게 나란히 배치할 수 있습니다. 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: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_templates&rev=1673603050&do=diff CSS Examples - CSS Templates * description : CSS Templates * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-12 Mon The source of this article CSS Templates CSS Layout Templates 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:javascript:javascript_note:queryselector&rev=1673603052&do=diff Javascript HTML DOM Document querySelector() * description : Javascript HTML DOM Document querySelector() * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 =====The source of the article==== HTML DOM Document querySelector() Method Example <script> function myFunction() { document.querySelector(".example").style.backgroundColor = "red"; } </script> text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_overriding_variables&rev=1673603050&do=diff CSS Variables * description : CSS Variables - Overriding Variables * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Variables - Overriding Variables Overriding Global Variables With Local Variables 이전 페이지(Overriding Variables)에서, 전역 변수는 전체 문서를 통해 액세스/사용할 수 있는 반면, text/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_backgrounds&rev=1673603050&do=diff CSS Backgrounds * description : CSS Backgrounds * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-05 Case Study * [CSS] Background-color 투명 or 배경 없애기 Source of the article * CSS Background Color * CSS Background Image * CSS Background Repeat * CSS Background Attachment * CSS Background Shorthand 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_pseudo-class&rev=1673603050&do=diff CSS Pseudo-classes * description : CSS Pseudo-classes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-29 What are Pseudo-classes? 가상 클래스(Pseudo classes, 쑤도우 클래스, 의사 클래스)는 요소의 특별한 샅애를 정의하기 위해 사용합니다. 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_-_media_queries&rev=1673603050&do=diff CSS Responsive Web Design - Media Queries * description : CSS Responsive Web Design - Media Queries * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS Responsive Web Design - Media Queries What is a Media Query? text/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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_pseudo-element&rev=1673603050&do=diff CSS Pseudo-elements * description : CSS Pseudo-classes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-30 What are Pseudo-Elements? CSS 가상 요소(pseudo=element)는 요소의 지정된 부분에 스타일을 지정하는데 사용됩니다. text/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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_specificity&rev=1673603050&do=diff CSS Specificity * description : CSS Specificity * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-21 What is Specificity? 동일한 요소를 가리키면서 충돌하는 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_forms&rev=1673603050&do=diff CSS Forms * description : CSS Forms * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-02 Style HTML Elements With Specific Attributes HTML 폼양식, Form의 모양은 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: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:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_mixin&rev=1673603053&do=diff Sass @mixin and @include * description : Sass @mixin and @include * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-22 Ref Sass @mixin and @include Sass Mixins @mixin 지시문을 사용하면 웹 사이트 전체에서 재사용할 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_getelementsbyclassname_method&rev=1673603052&do=diff HTML DOM getElementsByClassName() Method * description : HTML DOM getElementsByClassName() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Source of the article * HTML DOM getElementsByClassName() Method 지정 클래스 이름을 가진 모든 요소들을 가져옵니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_selectors&rev=1673603050&do=diff CSS Selectors * description : CSS Selectors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * “Do it! HTML5 + CSS3 웹표준의 정석” / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 / 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_how_to_add_css&rev=1673603050&do=diff CSS How to add CSS * description : CSS How to add CSS * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * How to Add 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:os:linux:bashrc&rev=1673603053&do=diff bashrc 커스터마이징 * description : bashrc 유용한 정보 모음 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-01-31 Environment(환경변수) # date 관련 D_YMD=`date +%Y%m%d` D_Y-M-D=`date +%Y-%m-%d` # TMOUT=0 export TMOUT D_YMD D_Y-M-D 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_-_callout_message&rev=1673603053&do=diff HOW TO - Callout Message * description : How TO - Callout Message * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of this article How To - Callout Message Callout 콜아웃 메시지(callout message)는 종종 사용자에게 팁/트릭, 할인, 필요한 조치 등 특별한 사항을 알리기 위해 페이지 하단에 배치됩니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:ai:python:%ED%81%B4%EB%9E%98%EC%8A%A4_%EC%83%81%EC%84%B8_%EC%9D%B4%ED%95%B4_%EC%83%81%EC%86%8D_%EB%8B%A4%EC%A4%91%EC%83%81%EC%86%8D&rev=1673603050&do=diff 클래스 상세 이해(상속, 다중상속) * description : 클래스 상세 이해(상속, 다중상속) * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-06-25 클래스 상세 이해(상속, 다중상속) 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=wiki:css:css_note:css:active_selector&rev=1673603050&do=diff CSS :active Selector * description : CSS :active Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-01 The source of this article CSS :active Selector Example 활성 링크를 선택하고, 스타일을 지정합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_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:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_import&rev=1673603053&do=diff Sass @import * description : Sass @import and Partials * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass @import and Partials Sass Nested Rules Sass는 CSS 코드를 DRY(Don't Repeat Yourself, 중복배제) 상태로 유지합니다. 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_overflow&rev=1673603050&do=diff CSS Layout - Overflow * description : CSS width, max-width, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-15 Source of the article * CSS Layout - Overflow CSS Overflow CSS overflow 속성은 너무 커서 영역에 맞지 않는 콘텐츠에 발생하는 일을 제어합니다. 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_-_images&rev=1673603050&do=diff CSS Responsive Web Design- Images * description : CSS Responsive Web Design- Images * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-29 The source of this article CSS Responsive Web Design - images Using The width Property width 속성이 백분율로 설정되고 height 속성이 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_opacity&rev=1673603050&do=diff CSS Opacity / Transparency * description : CSS Opacity / Transparency * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-30 opacity 속성은 요소의 불투명도 / 투명도 (opacity / Transparency)를 지정합니다. text/html 2023-07-06T16:16:58+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat&rev=1688627818&do=diff Tomcat * description : 톰캣 운영과 관련된 내용 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-09 Tomcat Versions Apache Tomcat Version Servlet Spec Jsp Spec Web Socket Spec JDK text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note: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:css:css_note:css_combinators&rev=1673603050&do=diff CSS Combinators * description : CSS Combinators * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * “Do it! HTML5 + CSS3 웹표준의 정석” / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 / 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: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: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: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: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:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_intro&rev=1673603053&do=diff Sass Tutorial * description : Sass Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass Introduction What is Sass? * Sass는 Syntactically Awesome Stylesheet의 약자입니다. * Sass는 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: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:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_extend&rev=1673603053&do=diff Sass @extend and Inheritance * description : Sass @extend and Inheritance * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass @extend and Inheritance Sass @extend Directive @extend 지시문을 사용하면 한 셀렉터에서 다른 셀렉터로 text/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_events&rev=1673603052&do=diff jQuery Event Methods * description : jQuery Event Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery는 HTML 페이지의 이벤트에 응답하도록 맞춤 제작되었습니다. What are Events? text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:first-child_selector&rev=1673603052&do=diff jQuery :first-child Selector * description : jQuery :first-child Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :first-child Selector Example 부모 요소의 첫 번째 자식인 모든 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_variables_in_media_queries&rev=1673603050&do=diff CSS Variables - Variables in Media Queries * description : CSS Using Variables in Media Queries * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Variables - Variables in Media Queries Using Variables in Media Queries 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: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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_typography&rev=1673603051&do=diff Bootstrap Text/Typography * description : Bootstrap Text/Typography * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-24 Bootstrap's Default Settings 부트스트랩의 전역 기본 글꼴 크기는 14px이고, 줄 높이는 1.428입니다. 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_-_grid_view&rev=1673603050&do=diff CSS Responsive Web Design - Grid-View * description : CSS Responsive Web Design - Grid-View * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS Responsive Web Design - Grid-View What is a Grid-View? 많은 웹 페이지들은 그리드 뷰(grid-view)에 기반하고 있으며, 이는 페이지가 컬럼(세로 열)으로 구분되어 있다는 것을 의미합니다. text/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_siblings&rev=1673603052&do=diff jQuery Traversing - siblings * description : jQuery Traversing - Siblings * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery Traversing - Siblings DOM 트리에서 옆으로 횡단하는 데 유용한 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_great_font_pairings&rev=1673603050&do=diff CSS Great Font Pairings * description : CSS Font Pairing Rules * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Great Font Pairings CSS Google Fonts 어울리는 폰트 조합은 디자인에 매우 중요합니다. text/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_filtering&rev=1673603052&do=diff jQuery Traversing - Filtering * description : jQuery Traversing - Filtering * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery Traversing - Filtering The first(), last(), eq(), filter() and not() Methods 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_attr_selectors&rev=1673603050&do=diff CSS Attribute Selectors * description : CSS Attribute Selectors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-31 Style HTML Elements With Specific Attributes 특정 속성 또는 속성 값이 있는 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_even_selector&rev=1673603052&do=diff jQuery :even Selector * description : :even Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-24 Mon The source of this article jQuery :even Selector Definition and Usage :even 셀렉터는 짝수 인덱스 번호(예: 0, 2, 4 등)가 있는 각 요소를 선택합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_css&rev=1673603052&do=diff jQuery - css() Method * description : jQuery - css() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 jQuery를 사용하면 요소들의 스타일을 쉽게 조작할 수 있습니다. jQuery css() Method 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_inline-block&rev=1673603050&do=diff CSS Inline-block * description : CSS display:inline-block * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-18 Source of the article * CSS The display:inline-block value The display: inline-block value display: inline 속성과 비교하면, 가장 중요한 차이는 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_descendants&rev=1673603052&do=diff jQuery Traversing - Descendants * description : jQuery - Traversing Descendants * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery Traversing - Descendants jQuery를 사용하면 DOM 트리 아래로 횡단하여 요소의 자손 요소들을 찾을 수 있습니다. text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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: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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_progress_bars&rev=1673603051&do=diff Bootstrap Progress Bars * description : Bootstrap Progress Bars * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Basic Progress Bar 프로그레스 바(Progress Bar, 진행률 표시 막대)를 사용하여 사용자가 프로세스를 얼마나 진행하고 있는지 보여줄 수 있습니다. text/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_ancestors&rev=1673603052&do=diff jQuery Traversing - Ancestors * description : jQuery Traversing - Ancestors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery Traversing - Ancestors jQuery를 사용하면 DOM 트리를 횡단하여 요소의 조상(ancestors)을 찾을 수 있습니다. text/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: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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_comments&rev=1673603050&do=diff CSS Comments * description : CSS Comments * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * CSS Comments 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:util:start&rev=1673603052&do=diff Utility * description : Utility 프로그램 및 사용법 작성 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-24 Browser Chrome drag free mouse, 드래그프리(마우스 드래그 & 마우스 우클릭 해제) - 대박~ 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_flexbox&rev=1673603050&do=diff CSS Flexbox * description : CSS Lists, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-05 Source of the article CSS Flexbox CSS Flexbox 예제 <!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>Flexible Boxes</title> <style> .flex-container { display: flex; … text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:last_selector&rev=1673603052&do=diff jQuery :last Selector * description : jQuery :last Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :last Selector Example 마직막 <p> 요소를 선택합니다. <body> <p>This is the first paragraph.</p> <p>This is the second paragraph.</p> <p>This is the last paragraph.</p> <!-- 텍스트 컬러 변경됨 --> <script> $(document).ready(function () { $("p:last").css("color", "crimson"); }); </script> </body>… text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_icons&rev=1673603050&do=diff CSS Icons * description : CSS Icons * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-09 Source of the article * CSS Icons CSS Icons 아이콘 라이브러리를 사용하여 아이콘을 쉽게 HTML페이지에 추가할 수 있습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_height_width&rev=1673603050&do=diff CSS Height / Width * description : CSS Height / Width * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-05 Source of the article * CSS Height / Width CSS Height and Width CSS height와 width속성들은 한 요소의 높이와 너비를 설정하기 위해 사용됩니다 text/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-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: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-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:os:macos&rev=1673603053&do=diff MacOS * description : 맥OS 관련 내용 저장 * author : 주레피 * email : dhan@repia.com * lastupdate : 2022-03-11 Intro Case Study Software * iTerm2 $> open . // 디렉토리 열기 Term Tip VS Code Bash 터미널 표시 변경(branch 표시) text/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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_media_queries&rev=1673603050&do=diff CSS Advanced - CSS Media Queries * description : CSS Advanced - CSS Media Queries * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Advanced - CSS Media Queries CSS2 Introduced Media Types CSS2에 도입된 @media 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:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:os:windows:devtools&rev=1673603053&do=diff 윈도우 개발환경 셋업 * description : 개발자를 위한 윈도우 개발환경 셋업 * author : 주레피 * email : dhan@repia.com * lastupdate : 2022-03-24 Intro 필수 소프트웨어 * 준비: Windows 10, 버전 2004 이상(업데이트 필요) text/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_chaining&rev=1673603052&do=diff jQuery Effects - Chaining * description : jQuery Effects - Chaining * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 jQuery Chaining jQuery를 사용하면 actions/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-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:miscellaneous:doublecolonoperator:double_colon_operator&rev=1673603050&do=diff Lamda and Double Colon Operator * description : Lamda and Double Colon Operator * author : 오션 * email : shlim@repia.com * lastupdate : 2022-03-11 Lamda and Double Colon Operator interface Calculator { // 두 개의 정수를 입력받고, 결과값을 리턴하는 sum 함수를 정의한 Calculator 인터페이스 int sum(int a, int b); } class MyCalculator implements Calculator // 자식 클래스 MyCalculator는 인터페이스인 부모 클래스 Calculator를 구현한다. public int sum(int a, int b) { return a + b; } } public class Sample { publ… text/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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_introduction_syntax&rev=1673603050&do=diff CSS Introduction & Syntax * description : CSS Introduction & Syntax * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * “Do it! HTML5 + CSS3 웹표준의 정석” / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 / text/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: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-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: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:webdesign&rev=1673603052&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 웹디자인 * description : 웹디자인 관련 기술 * author : 주레피 * email : dhan@repia.com * lastupdate : 2021-10-27 Intro Tool * mycolor.space * 페이지 메인 색상을 결정하면, 그 색상에 어울리는 연관된 컬러를 Palette를 추천해 준다 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_position&rev=1673603050&do=diff CSS Position * description : CSS Layout - The position property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-12 Source of the article * CSS Layout - The position Property CSS Layout - The position property position속성은 하나의 요소에 대하여 사용되는 포지셔닝 방법의 타입을 지정합니다(static, relative, fixed, absolute or sticky). 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: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: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-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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:hwp:%ED%95%9C%EA%B8%80_%EA%B8%B0%EB%B3%B8_%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%95_%EB%B3%80%EA%B2%BD%ED%95%98%EC%97%AC_%ED%95%9C%EA%B8%80_%EB%AC%B8%EC%84%9C_%ED%8E%B8%ED%95%98%EA%B2%8C_%EC%9E%91%EC%97%85%ED%95%98%EA%B8%B0&rev=1673603050&do=diff 한글 기본 환경 설정 * description : CSS Colors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 한글 문서 기본 환경 설정 변경 한 화면에서 탭 형식으로 여러 개 문서 열기 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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_alerts&rev=1673603051&do=diff Bootstrap Alerts * description : Bootstrap Alerts * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Alerts 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:java:java-lecture:2week&rev=1673603052&do=diff 자바 데이터 타입, 변수 그리고 배열 자바의 프리미티브 타입, 변수 그리고 배열을 사용하는 방법을 익힙니다. 프리미티브 타입 종류와 값의 범위 그리고 기본 값 * 우리가 주로 사용하는 값의 종류는 크게 문자와 숫자로 나눌 수 있으며 여기서 숫자는 다시 정수와 실수로 나뉜다. 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_tables&rev=1673603051&do=diff Bootstrap Tables * description : Bootstrap Tables * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-24 Bootstrap Basic Table 기본 부트스트랩 테이블에는 얇은 패딩과 수평 구분선만 있습니다. text/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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_images&rev=1673603051&do=diff Bootstrap Images * description : Bootstrap Images * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-24 Rounded Corners .img-rounded 클래스는 이미지에 둥근 모서리를 추가합니다.(IE8은 둥근 모서리를 지원하지 않습니다): 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_-_aside&rev=1673603052&do=diff HTML Tags - <aside> Tag * description : HTML Tags - <aside> Tag * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 the Source of the article HTML <aside> Tag 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:checked_selector&rev=1673603050&do=diff CSS :checked Selector * description : CSS :checked Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-01 The source of this article CSS :checked Selector Example 선택된(checked) 모든 <input> 요소의 높이와 너비를 설정합니다. 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_badges_labels&rev=1673603051&do=diff Bootstrap Badges and Labels * description : Bootstrap Badges and Labels * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Badges 배지는 링크와 관련된 항목 수를 나타내는 **숫자 표시기 (numerical indicators)**입니다. text/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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_2d_transforms&rev=1673603050&do=diff CSS 2D Transforms Methods * description : CSS 2D Transforms Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-18 Source of the article * 2D Transforms Methods CSS transform 속성으로 아래의 2D 트랜스포메이션 방법을 사용할 수 있습니다. 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: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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_calc_function&rev=1673603050&do=diff CSS calc() Function * description : CSS calc() Function * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Ref CSS calc() Function 예제 calc()를 사용하여 <div> 요소의 너비를 계산합니다. <!DOCTYPE html> <html> <head> <style> #div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid #000; background-color: yellow; padding: 5px; text-align: center; … text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:link&rev=1673603051&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 Useful Links tailwindcss Bootstrap Color fontpair Top 50 google Font Pairings COOLORS Happy Hues shadowlord-Tints and Shades Type Scale - A Visual Calculator Normalize.css Windows 10 터미널 커스터마이징 (feat.WSL2, oh-my-zsh) WSL2 (Windows Subsystemfor Linux 2) 설치 방법 주요 사이트 퇴근 빨리 하는 방법 * 1. * 2. 강좌 * 생활코딩 <https://op… text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass&rev=1673603053&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 Sass Tutorial * Sass Intro * Sass Installation * Sass Variables * Sass Nesting * Sass @import * Sass @mixin * Sass @extend Sass Functions * Sass String * Sass Numeric * Sass List * Sass Map * Sass Selector * Sass Introspection * Sass Color Sass setting in VS Code * Sass setting in VS 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_css_classes&rev=1673603052&do=diff jQuery - Get and Set CSS Classes * description : jQuery - Get and Set Classes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 jQuery를 사용하면 요소들의 스타일을 쉽게 조작할 수 있습니다. 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:html:html_note:html_iframes&rev=1673603052&do=diff HTML Tutorial - HTML Iframes * description : HTML Tutorial - HTML Iframes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-21 The source of the article HTML Iframes HTML iframe은 웹 페이지 내부에 웹 페이지를 표시하는 데 사용됩니다. 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_float&rev=1673603050&do=diff CSS Layout - float and clear * description : CSS width, max-width, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-26 Source of the article * CSS Layout - float and clear CSS float 속성은 요소가 어떻게 떠 있어야(float) 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:chartjs&rev=1673603053&do=diff chart.JS * description : * author : 주레피 * email : dhan@repia.com * lastupdate : 2022-12-07 Intro Case Study * 막대 그래프 - 공식 홈페이지 * 막대 그래프(한글) Term Tip var config = { type: 'horizontalBar' // 그래프 type , data: { labels: labels , datasets: [{ data: data , backgroundColor: [ '#4dc9f6', '#f67019', '#f53794', '#537bc4', // 색상 '#acc236', '#166a8f', '#00a950', ] , fil…