http://125.132.25.164/dokuwiki/ 2026-05-03T18:36:20+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_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: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: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_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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_transitions&rev=1673603050&do=diff CSS Transitions * description : CSS Transitions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-21 The source of this article CSS Transitions CSS Transitions CSS transitions는 설정한 시간 동안 속성 값이 부드럽게 변화하게 합니다. text/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_before_after_prepend_append&rev=1673603052&do=diff jQuery before after prepend append * description : jQuery before after prepend append * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-23 Fri before, after, prepend, append after() The after() method inserts specified content after the selected elements. text/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: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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_float-clear&rev=1673603050&do=diff CSS Layout - float - clear and clearfix * description : CSS float - clear and clearfix * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-15 The source of this article * CSS float - clear and clearfix The clear Property clear 속성을 사용하고, 다음 요소를 하단에 위치시키고 싶을 때, text/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_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: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_dimensions&rev=1673603052&do=diff jQuery - Dimensions * description : jQuery - Dimensions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Ref jQuery - Dimensions jQuery를 사용하면 요소와 브라우저 창의 크기(dimensions, 치수)에 대해 쉽게 작업할 수 있습니다. 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: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: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_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: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: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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_box_sizing&rev=1673603050&do=diff CSS Box Sizing * description : CSS box-sizing Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-16 Source of the article * CSS Box Sizing CSS Box Sizing CSS box-sizing속성을 사용하여 요소의 전체 너비와 높이에 패딩과 보더를 포함시킬 수 있습니다. 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: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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:atttibute_value_selector&rev=1673603050&do=diff CSS [attribute*=value] Selector * description : CSS [attribute*=value] Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS [attribute*=value] Selector Example “test”를 포함하는 클래스 속성 값이 있는 모든 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: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: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-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_animate&rev=1673603052&do=diff jQuery Effects - Animation * description : jQuery Effects - Animation * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery로 커스텀 애니메이션을 만들 수 있습니다. jQuery Animations - The animate() Method 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:jquery_html&rev=1673603052&do=diff JavaScript / jQuery HTML Elements * description : JavaScript / jQuery HTML Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery HTML Elements Set Text Content HTML 요소의 내부 텍스트를 설정합니다. text/html 2023-01-13T18:44: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: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_appendchild_method&rev=1673603052&do=diff HTML DOM appendChild() Method * description : HTML DOM appendChild() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 Source of the article HTML DOM appendChild() Method Example 목록(list)에 항목(item)을 첨부합니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_units&rev=1673603050&do=diff CSS Units * description : CSS Units * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-21 CSS Units CSS에는 길이를 표현하는 여러 가지 단위가 있습니다. 많은 CSS 속성은 width, margin 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_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:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_add_active_class_to_current_element&rev=1673603053&do=diff HOW TO * description : How to add active class to current element * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Ref How to add active class to current element JavaScript를 사용하여 현재 요소에 액티브 클래스를 추가하는 방법을 학습합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_fade&rev=1673603052&do=diff jQuery Effects - Fade * description : jQuery Effects - Fading * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery Fading Methods 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_-_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: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: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:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:chart:d3&rev=1673603053&do=diff D3.js * description : D3.js 관련 내용 기술 * author : eleven * email : jskim@repia.com * lastupdate : 2020-07-13 Chart libraries for javascript * D3 * GOOGLE CHART * AMCHARTS * JSCharting * HIGHCHARTS D3.js란? "Data - Driven Documents의 약자로, Javascript 기반의 라이브러리 언어이다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:first_selector&rev=1673603052&do=diff jQuery :first Selector * description : jQuery :first Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :first Selector Example 첫 번째 <p> 요소를 선택합니다. <body> <p>This is the first paragraph.</p> <!-- 이 p 요소만 변경됨. --> <p>This is the second paragraph.</p> <p>This is the third paragraph.</p> <script> $(document).ready(function () { $("p:first").css("background-color", "yellow"); }); </scr… text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_padding&rev=1673603050&do=diff CSS Padding * description : CSS Padding * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-05 Source of the article * CSS Padding CSS Padding 패딩은 정의된 어떤 테두리 안에서 한 요소의 콘텐츠 주위에 공간을 만드는데 사용됩니다. text/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: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-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:java:selenium&rev=1673603052&do=diff Selenium 사용방법 * description : * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-11-11 Selenium이란? Selenium은 브라우져의 API를 이용하여 웹 화면 테스팅을 하기 위한 모듈입니다. text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_charts&rev=1673603053&do=diff HOW TO - Google Chart * description : How TO - Google Chart * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-09 Ref Google Charts - Quick Start Pie Chart <!DOCTYPE html> <html> <head> <title>Google Pie Chart</title> <!-- Load the AJAX API --> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> // Load the Visualization API and the corechart packgage. … text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_max-width&rev=1673603050&do=diff CSS Max-width * description : CSS width, max-width, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-15 Source of the article * CSS Layout - width and max-width CSS Layout - width and max-width Using width, max-width and margin: auto; 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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_contents_method&rev=1673603052&do=diff jQuery contents() Method * description : jQuery contents() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-24 Mon The source of this article jQuery contents() Method Definition and Usage contents() 메서드는 선택한 요소의 텍스트 및 주석 노드를 포함한 모든 직계 자식을 반환합니다. text/html 2023-03-03T14:13:21+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:editor:ckeditor5&rev=1677820401&do=diff Ckeditor5 * description : Ckediotr5 관련 내용 기술 * author : slaptear * email : sgjang@repia.com * lastupdate : 2023-03-02 적용 방법 * CKEditor5는 5가지의 형태가 있지만 Classic editor와 Document editor 2가지의 사용 방법이 다릅니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_image_gallery&rev=1673603050&do=diff CSS Iamge Gallery * description : CSS Iamge Gallery * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-31 CSS로 이미지 갤러리를 만들 수 있습니다. Image Gallery 하기의 이미지 갤러리를 text/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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_align&rev=1673603050&do=diff CSS Layout - Horizontal & Vertical Align * description : CSS Layout - Horizontal & Vertical Align * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-18 Source of the article * CSS Layout - Horizontal & Vertical Align Center Align Elements div와 같은 블럭 요소를 가로 방향으로 중앙 정렬 하기 위해, 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-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: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: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: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:miscellaneous:attribute-property&rev=1673603050&do=diff Document * description : 어트리뷰트와 프라퍼티 (attribute and property)의 차이 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-02-26 Source of the article * HTML: The difference between attribute and property * attribute 와 property 의 차이 어트리뷰트와 프라퍼티 (attribute and property)의 차이 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:createtextnode&rev=1673603052&do=diff Javascript HTML DOM createTextNode() Method * description : Javascript HTML DOM createTextNode() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM createTextNode() Method Example 텍스트 노드를 생성합니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_event_listener&rev=1673603052&do=diff Javascript HTML DOM EventListener * description : Javascript HTML DOM EventListener * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM EventListener The addEventListener() method 예제 text/html 2023-01-13T18:44: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: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: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:%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:html:html_note:iframe&rev=1673603052&do=diff HTML <Iframe> The inline Frame element * description : HTML <Iframe> The inline Frame element * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-16 Wed The source of the article <iframe>: The Inline Frame element <iframe> HTML 요소는 중첩된 접속 환경 (브라우징 컨텍스트, a nested browsing context) text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:jquery:%EB%B6%80%EB%AA%A8%ED%83%9C%EA%B7%B8_%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0&rev=1673603050&do=diff 부모태그_가져오기 * description : * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-03-14 코드 예시 $(".mylink").click(function() { // 아래 4개는 모두 동일한 결과 반환 $(this).parent().siblings(".something1"); $(this).parent().prev(); // if you always want the parent's previous sibling $(this).parents(".box").children(".something1"); $(this).closest('.box').children('.something1'); }); 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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_traversing&rev=1673603052&do=diff jQuery - Traversing * description : jQuery - Traversing * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery - Traversing What is Traversing? “이동(move through)“을 의미하는 jQuery traversing 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: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: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: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-30T12:17:47+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:form_groups_input_group&rev=1675048667&do=diff Bootstrap Form groups & Input group * description : Bootstrap Form groups & Input group * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-30 Mon Form groups The .form-group class is the easiest way to add some structure to forms. 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_jumbotron&rev=1673603051&do=diff Bootstrap Jumbotron * description : Bootstrap Jumbotron * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Bootstrap Jumbotron and Page Header Creating a Jumbotron 점보트론은 특별한 콘텐츠 또는 정보에 특별한 주의를 기울이게 하는 큰 상자를 나타냅니다. text/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_load&rev=1673603052&do=diff jQuery - Ajax load() Method * description : jQuery - Ajax load() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery - Ajax load() Method jQuery load() Method jQuery load() 메서드는 간단하지만 강력한 text/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_margins&rev=1673603050&do=diff CSS Margins * description : CSS Margins * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-05 Source of the article * CSS Margins CSS Margins CSS margins(여백)속성은 어떤 정의된 테두리 외부의, 요소들의 주위 공간을 만드는데 사용됩니다. 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: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: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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:ai:python:%EB%AA%A8%EB%93%88%EA%B3%BC_%ED%8C%A8%ED%82%A4%EC%A7%80&rev=1673603050&do=diff 모듈과 패키지 * description : 모듈과 패키지 * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-06-25 모듈과 패키지 " 현재 진행중인 프로젝트 안에 참조할 파일을 만든 뒤 진행하시면 됩니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:jquery:%ED%81%B4%EB%A6%BD%EB%B3%B4%EB%93%9C_%EB%B3%B5%EC%82%AC&rev=1673603050&do=diff 클립보드_복사 * description : * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-06-02 Code * APPS에 구현한 클립보드 복사 (간소화)코드입니다. <head> <script> $( document ).ready(function(){ $('#codeCopy').click(function(){ $('#RssCode').select() document.execCommand("copy"); alert("imgSrc Code를 복사하였습니다."); }); $('#onerrorCopy').click(function(){ $('#onerror').select() document.execCommand("copy"); alert("onerr… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note: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:js_arithmetic&rev=1673603052&do=diff JavaScript Arithmetic * description : JavaScript Arithmetic * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article JavaScript Arithmetic JavaScript Arithmetic Operators 산술 연산자(Arithmetic Operators)는 숫자(리터럴 또는 변수)에 대한 산술을 수행하는 데 사용됩니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_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: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:jquery:jquery_note:jquery_.class_selector&rev=1673603052&do=diff jQuery class Selector * description : jQuery class Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery class Selector Example “intro” 클래스를 가진 모든 요소를 선택합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note: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: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_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-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: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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:ai:python:%EB%8D%B0%EC%9D%B4%ED%84%B0_%ED%83%80%EC%9E%85%EA%B3%BC_%EC%97%B0%EC%82%B0_%EC%9D%B4%ED%95%B4&rev=1673603050&do=diff 데이터_타입과_연산_이해 * description : python에서 데이터타입과 연산 이해 * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-06-19 데이터타입과 연산 이해 예제 코드 # section04-1 # 데이터 타입 v_str1 = "hylee" v_bool = True v_str2 = "Goodboy" v_float = 10.3 v_int = 7 v_dict = { "name" : "Lee", "age" : 32 } v_list = [3, 5, 7] v_tuple = 3, 5, 7 v_set = {7,8,9} print(" == 타입 간의 연산") print(type(v_tuple)) print() i1 = 30 i2 = 939 big_int1 = 99999999999999999999999999 big_int2 = 66666666666666… 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_image_sprites&rev=1673603050&do=diff CSS Iamge Sprites * description : CSS Iamge Sprites * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-31 Image Sprites 이미지 스프라이트(Image Sprites)는 단일 이미지에 넣은 이미지 모음입니다. 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_remove&rev=1673603052&do=diff jQuery - Remove Elements * description : jQuery - Remove Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 jQuery를 사용하면 현재 사용되는 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_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-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: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: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-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: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: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:react:springboot_react&rev=1673603052&do=diff SpringBoot + React 각각 생성된 스프링부트와 리액트 프로젝트를 연동하는 과정입니다. * 스프링부트 IDE : STS4 * 리액트 IDE : VSCode SpringBoot "데이터로 사용할 객체 생성 후, 리액트에서 요청 받을 컨트롤러 설정 text/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_filters&rev=1673603052&do=diff jQuery - Filters * description : jQuery - Filters * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery - Filters jQuery를 사용하여 특정 요소를 필터링/검색합니다. Filter Tables text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css&rev=1673603051&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 CSS * description : CSS 관련 자료 등록 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-13 ---------- 연관 WIKI: HTML JAVASCRIPT ---------- Case Study text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_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: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: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: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: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: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: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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_tabs_pills&rev=1673603051&do=diff Bootstrap Tabs and Pills * description : Bootstrap Tabs and Pills * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-29 Menus 대부분의 웹 페이지에는 일종의 메뉴가 있습니다. 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_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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:dhan:wordbook&rev=1673603051&do=diff 영어 단어장 [오션] | [도봉산핵주먹] A aggregation(애그리게이션) 집합, 집성, 집적, 집단 algebra(앨저브라) 대수학 alias(에일리어스, 알리아스) 별칭, 별명 artifact(아티팩트) 인공물, 피조물, 소프트웨어 개발 프로젝트에서 생성되는 다양한 산출물 (e.g. maven에서 빌드로 생성되는 프로젝트의 jar 확장자 결과 등) text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:emblim98:wordbook&rev=1673603051&do=diff 영어 단어장 A a bunch of : 다수의, 일련의 a collection of : ~의 모음 a range of : 다양한 abbreviate [어브리비에잇ㅌ] : ~을 줄여쓰다, 축약하다 abbreviated [어브리비에잇티드] : 단축된, 생략된 abide by [어바이드 바이] : ~을 준수하다[지키다, 따르다] text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:%ED%95%B8%EC%A6%88_%EC%98%A8_%EB%A8%B8%EC%8B%A0%EB%9F%AC%EB%8B%9D_hands-on_machine_learning_with_scikit-learn_keras_tensorflow&rev=1673603050&do=diff 핸즈 온 머신러닝 * description : 핸즈 온 머신러닝 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-07-20 출처 “핸즈 온 머신러닝 사이킷런, 케라스, 텐서플로 2를 활용한 머신러닝, 딥러닝 완벽 실무 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: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:ai:python:pytorch&rev=1673603050&do=diff Pytorch * PyTorch로 시작하는 딥 러닝 입문 * 딥 러닝을 이용한 자연어 처리 입문 * 딥 러닝 자연어 처리 학습을 위한 파워포인트 * Dive into Deep Learning * Neural Networks for NLP * 한국어 NLP 논문 모음 * 파이토치 튜토리얼 오션 pytorch 파이토치 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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_navbars&rev=1673603051&do=diff Bootstrap Navigation Bar * description : Bootstrap Navigation Bar * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-29 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_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-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&rev=1673603052&do=diff HTML Tutorial * HTML Introduction * HTML Images * HTML Image Map * HTML Links * HTML Block & Inline * HTML Iframes * HTML File Paths HTML Forms * HTML Forms * HTML Form Attributes * HTML Form Elements * HTML Input Types * HTML Input Attributes * HTML Input Form Attributes HTML DOM * HTML DOM getElementById() Method * HTML DOM getElementsByClassName() Method * HTML DOM appendChild() Method HTML Reference * HTML Global Attributes * H… 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_panels&rev=1673603051&do=diff Bootstrap Panels * description : Bootstrap Panels * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-26 Panels Bootstrap의 패널은 콘텐츠 주위에 약간의 패딩이 있는 테두리가 있는 박스입니다. text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_list_groups&rev=1673603051&do=diff Bootstrap List Groups * description : Bootstrap List Groups * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-26 Basic List Groups 가장 기본적인 목록 그룹은 목록 항목이 있는 정렬되지 않은 목록입니다. text/html 2023-01-13T18:44: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:jquery:jquery_note:jquery_input_checkbox_checked&rev=1673603052&do=diff jQuery input checkbox checked * description : jQuery input checkbox checked * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-23 Fri jQuery Input Checkbox checked input type=“checkbox”의 상태(checkec) 표시 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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_button_groups&rev=1673603051&do=diff Bootstrap Button Groups * description : Bootstrap Button Groups * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Button Groups Bootstrap은 다양한 스타일의 버튼을 제공합니다. 출처: W3Schools.com - Bootstrap Button Groups text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_grid_basic&rev=1673603051&do=diff Bootstrap Grids * description : Bootstrap Grids * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-24 Bootstrap Grid System Bootstrap의 그리드 시스템은 페이지에 최대 12 개의 컬럼(columns)을 허용합니다. 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%EC%99%80_%EB%B0%95%EC%8A%A4%EB%AA%A8%EB%8D%B8&rev=1673603050&do=diff CSS Box Model * description : CSS와 박스 모델 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-02 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:ai:python:%EC%98%88%EC%99%B8%EC%B2%98%EB%A6%AC&rev=1673603050&do=diff 예외 처리 * description : 예외 처리 * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-06-25 예외 처리 예제 코드 # Section10 # 파이썬 예외처리의 이해 # 예외 종류 # SyntaxError, TypeError, NameError, IndexError, ValueError, KeyError.. # 문법적으로 에러가 없지만 코드 실행 프로세스에서 발생하는 예외 처리 중요 # linter : 코드 스타일, 문법 체크 ############################## ### SyntaxError : 잘못된 문법 ############################## # print('test) # print('Hello')) # if True # pass # a = 20; b = 30; a+ = b # x => y ###########…