http://125.132.25.164/dokuwiki/ 2026-04-13T18:06:46+00:00 http://125.132.25.164/dokuwiki/ http://125.132.25.164/dokuwiki/lib/tpl/mindthedark/images/favicon.ico text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note: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_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_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: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_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_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: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: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_-_off-canvas_menu&rev=1673603053&do=diff HOW TO - Off-Canvas Menu * description : How TO - Off-Canvas Menu * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Ref How TO - Off-Canvas Mnu Create an Off-Canvas Menu 예제 Step 1) Add HTML <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> <a href="#">About</a> <a href="#">Services</a> <a href="#">Clients</a> <a href="#">Contact</a> </d… text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_google_fonts&rev=1673603050&do=diff CSS Fonts * description : CSS Font, Font-family, web safe, style, size, Google, Pairings, Shorthand * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Google Fonts CSS Google Fonts HTML 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: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:queryselectorall&rev=1673603052&do=diff Javascript HTML DOM Document querySelectorAll() Method * description : Javascript HTML DOM Document querySelectorAll() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 The source of the article HTML DOM Document querySelectorAll() Method text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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: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: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: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: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_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:javascript_note:jquery_css&rev=1673603052&do=diff JavaScript / jQuery CSS Styles * description : JavaScript / jQuery CSS Styles * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery CSS Styles Hiding HTML Elements HTML 요소를 숨깁니다. JQuery <!DOCTYPE html> <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <h1 id="01">Hiding Text Content with JQuery</h1> <h2 id="02">Hello World!</h2> <h2 id="03"… text/html 2023-01-13T18:44: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: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_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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_images&rev=1673603052&do=diff HTML Images * description : HTML Images * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Source of the article * HTML Images HTML Images Syntax HTML <img> 태그는 웹 페이지에 이미지를 끼어 넣기 위해 사용합니다. 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: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_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_counters&rev=1673603050&do=diff CSS Counters * description : CSS Counters * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-05 CSS 카운터는 CSS 규칙에 의해 값이 증가할 수 있으면서, 사용된 횟수를 추적하기 위해 CSS에 의해 유지되는 text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_fonts&rev=1673603050&do=diff CSS Fonts * description : CSS Font, Font-family, web safe, style, size, Google, Pairings, Shorthand * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Fonts * CSS Web Safe Fonts * CSS Fonts Fallbacks * CSS Font Style * CSS Font Size * CSS Google Fonts text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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: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_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: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_icons&rev=1673603050&do=diff CSS Icons * description : CSS Icons * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-09 Source of the article * CSS Icons CSS Icons 아이콘 라이브러리를 사용하여 아이콘을 쉽게 HTML페이지에 추가할 수 있습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript: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-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: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: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: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_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: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:html:html_note:iframe&rev=1673603052&do=diff HTML <Iframe> The inline Frame element * description : HTML <Iframe> The inline Frame element * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-16 Wed The source of the article <iframe>: The Inline Frame element <iframe> HTML 요소는 중첩된 접속 환경 (브라우징 컨텍스트, a nested browsing context) text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_addclass_method&rev=1673603052&do=diff jQuery addClass() Method * description : jQuery addClass() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-09 The source of this article jQuery addClass() Method Example 첫 번째 <p> 요소에 클래스 이름을 추가합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_animations&rev=1673603052&do=diff Javascript HTML DOM Animation * description : Javascript HTML DOM Animation * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM Animation JavaScript를 사용하여 HTML 애니메이션 제작 방법을 학습합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_img&rev=1673603052&do=diff HTML Tags - <img> Tag * description : HTML Tags - <aside> Tag * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-08 Tue The Source of this article HTML <img> Tag Example 스크롤없이 볼 수 있는 이미지에 지연 로딩(lazy loading)를 추가합니다: 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_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: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: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: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: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_lists&rev=1673603050&do=diff CSS Lists * description : CSS Lists, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-12 Source of the article * CSS Lists HTHL 리스트, CSS 리스트 속성 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_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_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-03-27T11:47:21+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:emblim98:abbr&rev=1679885241&do=diff A ADR * Architecture Decision Records, 아키텍처 결정 기록 * 소프트웨어 아키텍처 의사 결정 과정을 문서로 기록하는 것. Ajax * Asynchronous Javascript and Xml (에이씽크러너스 자바스크립트 엑스엠엘) text/html 2023-01-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_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: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: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:html:html_note:html_dom_getelementsbyclassname_method&rev=1673603052&do=diff HTML DOM getElementsByClassName() Method * description : HTML DOM getElementsByClassName() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Source of the article * HTML DOM getElementsByClassName() Method 지정 클래스 이름을 가진 모든 요소들을 가져옵니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_file_paths&rev=1673603052&do=diff HTML Tutorial - HTML File Paths * description : HTML Tutorial - HTML File Paths * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-01 The source of the article HTML File Paths 파일 경로(file path)는 웹 사이트의 폴더 구조에서 파일의 위치를 ​​설명합니다. 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: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_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: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: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: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: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_font_property&rev=1673603050&do=diff CSS Font Shorthand * description : CSS Font Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Font Property CSS Font 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: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-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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:programming:pattern&rev=1673603051&do=diff Ant style pattern 설명 표기 설명 ? 1개의 문자와 매칭 (matches single character) * 0개 이상의 문자와 매칭 (matches zero or more characters) * * 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_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: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_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_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: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: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-03-02T09:21:25+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript&rev=1677716485&do=diff Javascript * description : Javascript 관련 내용 기술 * author : 천호동밤안개 * email : jhgong@repia.com * lastupdate : 2020-04-01 주요 예시 * 메뉴 클릭시 하이라이팅 효과 주기 * 정규표현식으로 이메일 유효성 체크하기 ---------- 연관 WIKI: HTML CSS ---------- Plugin Jquery 2006년 존 레식(John Resig) 최초 개발 text/html 2023-01-13T18:44: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:jquery:jquery_note:jquery_ui_sortable_widget&rev=1673603052&do=diff jQuery UI Sortable Widget * description : jQuery UI Sortable Widget * author : 오션 * email : shlim@repia.com * lastupdate : 2022-07-05 Tue jQuery UI's sortable Interactioin <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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: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-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_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: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: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: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_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_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:javascript:webpack&rev=1673603052&do=diff Webpack * description : 웹팩 관련 내용 기술 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-08-19 웹팩은 기본적으로 필요한 자원은 미리 로딩하는게 아니라 그 때 그 때 요청하자는 철학을 갖고 있습니다. 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:breadcrumb&rev=1673603050&do=diff * description : Eclipse에서 브래드크럼(breadcrumb) 사용하기 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-03-13 브래드크럼(breadcrumb) 네이버 영한 사전 : 빵 부스러기, 빵가루. 위키백과 : 사이트 이동 경로 (Breadcrumb) 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:css_navbar&rev=1673603050&do=diff CSS Navigation Bar * description : CSS NavBar * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-30 Navigation Bars 사용하기 쉬운 네비게이션 바는 모든 웹 사이트에서 중요합니다. CSS 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: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:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_fonts&rev=1673603053&do=diff HOW TO Google Fonts * description : How to - Google Fonts * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-09 Ref How to - Google Fonts 예제 <!DOCTYPE html> <html> <head> <title>Google Fonts</title> <link href="https://fonts.googleapis.com/css?family=Sofia" rel="stylesheet"> <style> body { font-family: 'Sofia'; font-size: 22px; } </style> </head> <body> <h1>Sofia</h1> <p>Lorem ipsum dolor … text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=api:safe183&rev=1673603050&do=diff 안전Dream 개발 가이드 OPEN API 인증키 정보 발급일 발급ID 발급 인증키 URL 요청자 비고 2020-10-16 text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:syntax&rev=1673603051&do=diff Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 Formatting Syntax DokuWiki supports some simple markup language, which tries to make the datafiles to be as readable as possible. This page contains all possible syntax you may use when editing the pages. Simply have a look at the source of this page by pressing text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript: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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:webpack&rev=1673603051&do=diff Webpack * description : Webpack 관련 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-01-25 Webpack 웹팩 웹팩 * 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler) text/html 2023-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:bootstrap:bootstrap_note:bs_glyphicons&rev=1673603051&do=diff Bootstrap Glyphicons * description : Bootstrap Glyphicons * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Glyphicons Bootstrap은 Glyphicons Halflings 세트에서 260 개의 글리피콘을 제공합니다. 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:%EC%95%8C%EC%95%84%EB%91%90%EB%A9%B4_%EC%9C%A0%EC%9A%A9%ED%95%9C_%EB%A6%AC%EB%88%85%EC%8A%A4_%EB%AA%85%EB%A0%B9%EC%96%B4&rev=1673603053&do=diff 알아두면 유용한 리눅스 명령어 모음 * description : 알아두면 유용한 리눅스 명령어 모음 * author : 치킨5분컷 * email : hgkim@repia.com * firstupdate : 2022-12-12 Mon * lastupdate : 2022-12-12 Mon text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_get_started&rev=1673603051&do=diff Bootstrap Get Started * description : Bootstrap Get Started * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 What is Bootstrap? * 부트스트랩은 더 빠르고 더 쉬운 웹 개발을 위한 무료 프런트엔드 프레임워크입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:window.open&rev=1673603052&do=diff window.open 사용법 * description : Internet Explorer 브라우저의 생성된 팝업창에서 세로 스크롤바가 생기지 않을때 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-03-19 문법(Syntax) text/html 2023-07-06T16:16:58+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat&rev=1688627818&do=diff Tomcat * description : 톰캣 운영과 관련된 내용 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-09 Tomcat Versions Apache Tomcat Version Servlet Spec Jsp Spec Web Socket Spec JDK text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_link_href_attribute&rev=1673603052&do=diff HTML Tags - <link> href Attribute * description : HTML Tags - <link> href Attribute * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-01 the Source of the article HTML <link> href Attribute Example 외부 스타일 시트에 연결(link) 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_buttons&rev=1673603051&do=diff Bootstrap Buttons * description : Bootstrap Buttons * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Button Styles Bootstrap은 다양한 스타일의 버튼을 제공합니다. 출처: W3Schools.com - Bootstrap Buttons 상기 스타일의 버튼을 얻기 위해, Bootstrap에는 다음과 같은 클래스가 있습니다. text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:chart:d3&rev=1673603053&do=diff D3.js * description : D3.js 관련 내용 기술 * author : eleven * email : jskim@repia.com * lastupdate : 2020-07-13 Chart libraries for javascript * D3 * GOOGLE CHART * AMCHARTS * JSCharting * HIGHCHARTS D3.js란? "Data - Driven Documents의 약자로, Javascript 기반의 라이브러리 언어이다. text/html 2023-01-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: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:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:dhan:temp&rev=1673603051&do=diff { "editor.suggestSelection": "first", "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", "workbench.colorTheme": "Material Theme Darker High Contrast", "workbench.iconTheme": "eq-material-theme-icons", "editor.formatOnSave": true, "javascript.preferences.quoteStyle": "single", "typescript.preferences.quoteStyle": "single", "editor.tabSize": 2, "liveServer.settings.donotVerifyTags": true, "liveServer.settings.donotShowInfoM… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:innertext&rev=1673603052&do=diff Javascript HTML DOM innerText Property * description : Javascript HTML DOM innerText Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-07 The source of the article Javascript HTML DOM innerText Property Example 요소의 내부 텍스트(inner text)를 가져옵니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_vendor_prefix&rev=1673603050&do=diff CSS Vendor Prefix * description : CSS Vendor Prefix * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Vendor Prefix 브라우저별 CSS 지원을 위하여 벤터 프리픽스 (Vendor Prefix)를 사용할 필요가 있습니다. text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_nesting&rev=1673603053&do=diff Sass Tutorial * description : Sass Nested Rules and Properties * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass Nested Rules and Properties Sass Nested Rules Sass를 사용하면 HTML과 동일한 방식으로 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: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_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: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: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: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: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: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: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:html:html_note:html_dom_appendchild_method&rev=1673603052&do=diff HTML DOM appendChild() Method * description : HTML DOM appendChild() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 Source of the article HTML DOM appendChild() Method Example 목록(list)에 항목(item)을 첨부합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_event_listener&rev=1673603052&do=diff Javascript HTML DOM EventListener * description : Javascript HTML DOM EventListener * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM EventListener The addEventListener() method 예제 text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:last_selector&rev=1673603052&do=diff jQuery :last Selector * description : jQuery :last Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :last Selector Example 마직막 <p> 요소를 선택합니다. <body> <p>This is the first paragraph.</p> <p>This is the second paragraph.</p> <p>This is the last paragraph.</p> <!-- 텍스트 컬러 변경됨 --> <script> $(document).ready(function () { $("p:last").css("color", "crimson"); }); </script> </body>… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:createelement&rev=1673603052&do=diff Javascript HTML DOM createElement() Method * description : Javascript HTML DOM createElement() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM createElement() Method Example <button> 요소를 생성합니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_tooltips&rev=1673603050&do=diff CSS Tooltip * description : CSS Advanced - CSS Tooltip * author : 오션 * email : shlim@repia.com * lastupdate : 2021-10-06 Source of this article CSS Tooltip [HTML/CSS] 툴팁 적용하는 방법(title 및 커스텀 툴팁 Tooltip Arrows 오션 css media queries examples 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:dom_elements&rev=1673603052&do=diff JavaScript HTML DOM Elements * description : JavaScript HTML DOM Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article JavaScript HTML DOM Elements 여기에서는 HTML 페이지에서 HTML 요소를 찾고, 접근하는 방법을 확인합니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_intro&rev=1673603052&do=diff DOM Intro, JavaScript HTML DOM * description : JavaScript HTML DOM - Changing HTML * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article * JavaScript HTML DOM HTML DOM으로 JavaScript는 HTML 문서의 모든 요소에 접근하여 변경할 수 있습니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_document&rev=1673603052&do=diff JavaScript HTML DOM Document * description : JavaScript HTML DOM Document * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article JavaScript HTML DOM Document HTML DOM 문서 오브젝트는 웹 페이지의 다른 다큐먼트 오브젝트(Document Object)의 소유자입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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_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-17T14:00:45+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_links&rev=1673931645&do=diff HTML Links * description : HTML Links * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-09 Source of the article * HTML Links 거의 모든 웹 페이지에서 링크(Links)를 찾을 수 있습니다. 링크를 통해 사용자는 페이지를 이동합니다. text/html 2023-01-13T18:44: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:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_intro&rev=1673603050&do=diff CSS Responsive Web Design - Intro * description : CSS Responsive Web Design - Intro * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS Responsive Web Design - Intro What is Responsive Web Design? 반응형 웹 디자인은 웹 페이지를 모든 장치에서 보기 좋게 만듭니다. text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:iyyeo:entity&rev=1673603051&do=diff IntelliJ Entity 자동생성 * description : 인텔리제이 엔티티 자동생성 코드 * author : 와프 * email : iyyeo@repia.com * lastupdate : 2021-09-15 import com.intellij.database.model.DasTable import com.intellij.database.model.ObjectKind import com.intellij.database.util.Case import com.intellij.database.util.DasUtil import com.intellij.psi.codeStyle.NameUtil import javax.swing.* /** * @author shirohoo * @link https://github.com/shirohoo/create-automation-jpa-entity * @param pakageName , primar… text/html 2023-01-13T18:44:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:pm:sw_eng&rev=1673603051&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:ax5&rev=1673603051&do=diff AX5UI * description : AX5UI 관련 자료 * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-09-03 공통 Haeder <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/ax5ui/ax5ui-dialog/master/dist/ax5dialog.css" /> <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.3.min.js"></script> <script type="text/javascript" src="https://cdn.rawgit.com/ax5ui/ax5core/master/dist/ax5core.min.js"></script> text/html 2023-01-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-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_this_keyword&rev=1673603052&do=diff The JavaScript this Keyword * description : The JavaScript this Keyword * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Ref The JavaScript this Keyword 예제 <!DOCTYPE html> <html> <body> <h2>The JavaScript <i>this</i> Keyword</h2> <p>In this example, <b>this</b> represents the <b>person</b> object.</p> <p>Because the person object "owns" the fullName method.</p> <p id="demo"></p> <script> // Create an object: var p… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_intro&rev=1673603052&do=diff jQuery Intro * description : jQuery Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery Introduction jQuery의 목적은 웹 사이트에서 JavaScript를 훨씬 더 쉽게 사용할 수 있도록 하는 것입니다. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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-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:eclipse:%EC%9E%90%EB%8F%99%EC%A3%BC%EC%84%9D&rev=1673603051&do=diff 자동주석 설정 * description : eclipse 자동 주석 설정 방법 * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-09-08 방법 'Windows > Preferences > Java > Code Style > Code Templates' -> 우측 'comments' 클릭 하면 여러가지 목록이 나온다. text/html 2023-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_variables_-_the_var_function&rev=1673603050&do=diff CSS Variables * description : CSS Variables - The var() Function * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Variables - The var() Function var() 함수는 CSS 변수의 값을 삽입하는 데 사용됩니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:csp&rev=1673603052&do=diff CSP(Content Security Policy) * description : CSP(Content Security Policy)로 콘텐츠 보안 정책 설정하기 * author : 와프 * email : iyyeo@repia.com * lastupdate : 2021-10-08 개요 * 콘텐츠 보안 정책(CSP: Content Security Policy)이란 교차 사이트 스크립팅(XSS) 공격과 데이터 삽입 공격을 막기 위한 추가적인 브라우저 보안 계층입니다. text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_form_elements&rev=1673603052&do=diff HTML Forms - HTML Form Elements * description : HTML Forms - HTML Form Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-27 The Source of this article HTML Form Elements The HTML <form> Elements HTML <form> 요소는 다음 폼(form, 양식) 요소 중 하나 이상을 포함 할 수 있습니다. 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: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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:eclipse:cdt&rev=1673603052&do=diff CDT * description : Eclipse에서 c, cplusplus 개발 방법 기술 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-05-19 설치 ECLIPSE CDT & JNI (JAVA NATIVE INTERFACE) WITH 64 BIT MINGW - 2020 강좌 Linux C Programming Importing C Code Files Into Eclipse Cross GCC vs Linux GCC(Native) 컴파일한 바이너리가 다른 곳에서도 사용 가능 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:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:textcontent&rev=1673603052&do=diff Javascript HTML DOM textContent Property * description : Javascript HTML DOM textContent Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-07 The source of the article Javascript HTML DOM textContent Property Example 요소의 내부 텍스트(inner text)를 가져옵니다. text/html 2023-01-13T18:44: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: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:3party:scm&rev=1673603053&do=diff 형상관리(Software Configuration Management) * description : 형상관리 관련 내용 기술 * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-05-19 git svn Doc [svn 능력자를 위한 git 개념 가이드] Lecture 생활코딩>지옥에서 온 Git Tip Commit message * feat: 새로운 기능의 추가 text/html 2023-01-26T14:42:19+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note&rev=1674711739&do=diff JS Tutorial * JS Where To * JS Output * JS Statements * JS Syntax * JS Comments * JS Variables * JS Let * JS Const * JS Operators * JS Arithmetic * JS Assignment * JS Data Types * JS Functions * JS Objects * JS Events * JS Strings * JS String Methods * JS Numbers * JS Number Methods * JS Arrays * JS Array Methods * JS Array Sort * JS Array Iteration * JS Dates * JS Date Formats * JS Date Get Methods * JS Date Set Methods * JS Math * JS R… text/html 2023-01-13T18:44:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki: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-18T18:25:22+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bootstrap-select&rev=1674033922&do=diff bootstrap-select * description : bootstrap-select * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-18 Wed bootstrap-select Bootstrap 4 only works with bootstrap-select v1.13.0+. By default, bootstrap-select automatically detects the version of Bootstrap being used. However, there are some instances where the version detection won't work. See the documentation for more information. text/html 2023-01-13T18:44:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_viewport&rev=1673603050&do=diff CSS Responsive Web Design - The Viewport * description : CSS Responsive Web Design - The Viewport * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS Responsive Web Design - The Viewport What is The Viewport? 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 태그 순위 ---------- 검색어 순위 ---------- 단어 순위 요청, 질문