<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="http://125.132.25.164/dokuwiki/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="http://125.132.25.164/dokuwiki/feed.php">
        <title>문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12</title>
        <description></description>
        <link>http://125.132.25.164/dokuwiki/</link>
        <image rdf:resource="http://125.132.25.164/dokuwiki/lib/tpl/mindthedark/images/favicon.ico" />
       <dc:date>2026-05-03T21:23:25+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_flex_container&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:classlist_property&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_string_methods&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:onclick_event&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_form_elements&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_let&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_events&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_images&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_this_keyword&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:grid_intro&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:queryselectorall&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:function_definition&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_flex_items&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_selectors&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_html&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_css_js_modal&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_position&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:innerhtml&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:queryselector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_display&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_transitions&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:first-child_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_links&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_const&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_stringfy&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_css&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_overflow&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_float_examples&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:createelement&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_units&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_forms&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:util:vscode:vs_code_%EC%82%AC%EC%9A%A9%EC%9E%90_snippets_%EB%A7%8C%EB%93%A4%EA%B8%B0_-_html&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:iframe&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_important&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_string-split&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_parse&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_backgrounds&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_google_fonts&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_nodes&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_iframes&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_regexp&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_timing&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_ui_sortable_widget&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_filter_method&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_templates&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_addclass_method&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:createtextnode&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_media_queries_examples&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_classes_-_class_intro&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_dom&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_how_to_add_css&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_loop_while&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_getelementsbyclassname_method&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css:active_selector&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_file_paths&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:chrome_console%EC%97%90%EC%84%9C_jquery%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:function_parameters&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_float&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_where_to&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:textcontent&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_appendchild_method&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_great_font_pairings&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_specificity&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_box_sizing&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_off-canvas_menu&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_strict_mode&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:map&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_conditions&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_float-clear&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_css&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_icons&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:spring:spring_note:controller_and_restcontroller_annotations&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_counters&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_break&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:getattribute_method&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_date_get_methods&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="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&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_media_queries&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:contenteditable_property&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_text_method&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:html_objects_-_aside&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_horizontal_navbar&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:innertext&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_.data&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%EB%B2%84%EB%B8%94%EB%A7%81&amp;rev=1674717195&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_import&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:chartjs:chart_js_sample01&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:findindex&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_getelementbyid_method&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:atttibute_value_selector&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_media_queries&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_dates&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:last_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_div_tag&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css:checked_selector&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:insertbefore&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:editor:ckeditor5&amp;rev=1677820401&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_flexbox&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_fonts&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_loop_for_of&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_charts&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_block_inline&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:springboot:spring_boot_annotation:spring_boot_annotation&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_element_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_inline-block&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_introduction&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:more_-_callout_message&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_.class_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_selectors&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_grid_view&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_aside&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_add_active_class_to_current_element&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_variables&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:first_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_text&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_overriding_variables&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_fonts&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=api:safe183&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat&amp;rev=1688627818&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_the_var_function&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_variables_and_javascript&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:spring&amp;rev=1679356639&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_comments&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:fullcalendar&amp;rev=1677734836&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:foreach&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:editor:summernote&amp;rev=1677820920&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:window.open&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:ajax_intro&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_variables_in_media_queries&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:redirect_page&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_contents_method&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%ED%99%94%EC%82%B4%ED%91%9C%ED%95%A8%EC%88%98_%EC%A0%95%EB%A6%AC&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:d3:%EB%A7%89%EB%8C%80%EC%B0%A8%ED%8A%B8_%EA%B7%B8%EB%A6%AC%EA%B8%B0&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="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&amp;rev=1674710404&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_event_listener&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat:tip:tomcat_%EB%B2%84%EC%A0%84_%EC%A0%95%EB%B3%B4_%EC%88%A8%EA%B8%B0%EA%B8%B0&amp;rev=1688626791&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_document&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_animations&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="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&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_functions&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_outline&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:even_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_img&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_multiple_elements_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_data-_attributes&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_font_property&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%EB%A7%88%EC%A7%80%EB%A7%89_%EB%AC%B8%EC%9E%90_%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:getdate&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_even_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_align&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_2d_transforms&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:odd_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="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&amp;rev=1693812855&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_max-width&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_multiple_classes_selector&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_calc_function&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_colors&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:emblim98:abbr&amp;rev=1679885241&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_methods&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_typography&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_syntax&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_add&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:ax5&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_panels&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_vertical_navbar&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_collapse&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:code_conventions:indentation&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=start&amp;rev=1701755847&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="http://125.132.25.164/dokuwiki/lib/tpl/mindthedark/images/favicon.ico">
        <title>문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12</title>
        <link>http://125.132.25.164/dokuwiki/</link>
        <url>http://125.132.25.164/dokuwiki/lib/tpl/mindthedark/images/favicon.ico</url>
    </image>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_flex_container&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_flex_container</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_flex_container&amp;rev=1673603050&amp;do=diff</link>
        <description>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 컬러 부분)입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:classlist_property&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:classlist_property</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:classlist_property&amp;rev=1673603052&amp;do=diff</link>
        <description>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

&lt;div&gt; 요소에 “mystyle</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_string_methods&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_string_methods</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_string_methods&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript String Methods

	*  description : JavaScript String Methods
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-23




The source of this article

JavaScript String Methods


문자열 메서드는 문자열 작업에 도움이 됩니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:onclick_event&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:onclick_event</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:onclick_event&amp;rev=1673603052&amp;do=diff</link>
        <description>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



&lt;body&gt;
  
  &lt;h1&gt;The onclick Event&lt;/h1&gt;

  &lt;p&gt;The onclick event is used to trigger a function when an elementis clicked on.&lt;/p&gt;

  &lt;p&gt;Click the button to trigger a functionthat will output &quot;Hello World&quot; in a p element with id=&quot;demo&quot;.
  &lt;/p&gt;

  &lt;button onclick=&quot;…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_form_elements&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_form_elements</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_form_elements&amp;rev=1673603052&amp;do=diff</link>
        <description>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 &lt;form&gt; Elements

HTML &lt;form&gt; 요소는 다음 폼(form, 양식) 요소 중 하나 이상을 포함 할 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_let&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_let</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_let&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Let

	*  description : JavaScript Let
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-13




ECMAScript 2015

ES2015는 let과 const라는 두 가지 중요한 새 JavaScript 키워드를 도입했습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_events&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:dom_events</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_events&amp;rev=1673603052&amp;do=diff</link>
        <description>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 이벤트에 반응할 수 있습니다:</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_images&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:responsive_web_design_-_images</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_images&amp;rev=1673603050&amp;do=diff</link>
        <description>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 속성이</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_this_keyword&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_this_keyword</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_this_keyword&amp;rev=1673603052&amp;do=diff</link>
        <description>The JavaScript this Keyword

	*  description : The JavaScript this Keyword
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-07




Ref

The JavaScript this Keyword


예제


&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;body&gt;
    &lt;h2&gt;The JavaScript &lt;i&gt;this&lt;/i&gt; Keyword&lt;/h2&gt;
    &lt;p&gt;In this example, &lt;b&gt;this&lt;/b&gt; represents the &lt;b&gt;person&lt;/b&gt; object.&lt;/p&gt;
    &lt;p&gt;Because the person object &quot;owns&quot; the fullName method.&lt;/p&gt;
    &lt;p id=&quot;demo&quot;&gt;&lt;/p&gt;
    &lt;script&gt;
        // Create an object:
        var p…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:grid_intro&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:grid_intro</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:grid_intro&amp;rev=1673603050&amp;do=diff</link>
        <description>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</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:queryselectorall&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:queryselectorall</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:queryselectorall&amp;rev=1673603052&amp;do=diff</link>
        <description>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</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:function_definition&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:function_definition</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:function_definition&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Function Definitions

	*  description : JavaScript Function Definitions
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-14




Source of the article

	*  JavaScript Function Definitions

JavaScript 함수는 function 키워드는 정의합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_flex_items&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_flex_items</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_flex_items&amp;rev=1673603050&amp;do=diff</link>
        <description>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가 됩니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_selectors&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:jquery_selectors</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_selectors&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript / jQuery DOM Selectors

	*  description : JavaScript / jQuery DOM Selectors
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-14




Ref

JavaScript / jQuery DOM Selectors



jQuery vs JavaScript

jQuery는 2006년 John Resig가 만들었습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_html&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:jquery_html</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_html&amp;rev=1673603052&amp;do=diff</link>
        <description>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 요소의 내부 텍스트를 설정합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_css_js_modal&amp;rev=1673603053&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:howto:how_to_-_css_js_modal</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_css_js_modal&amp;rev=1673603053&amp;do=diff</link>
        <description>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</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_position&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_position</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_position&amp;rev=1673603050&amp;do=diff</link>
        <description>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).</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:innerhtml&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:innerhtml</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:innerhtml&amp;rev=1673603052&amp;do=diff</link>
        <description>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=&quot;demo를 가진 &lt;p&gt;</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:queryselector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:queryselector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:queryselector&amp;rev=1673603052&amp;do=diff</link>
        <description>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


  &lt;script&gt;
    function myFunction() {
      document.querySelector(&quot;.example&quot;).style.backgroundColor = &quot;red&quot;;
    }
  &lt;/script&gt;</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_display&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_display</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_display&amp;rev=1673603050&amp;do=diff</link>
        <description>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속성은 레이아웃을 조절하는 가장 중요한</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_transitions&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_transitions</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_transitions&amp;rev=1673603050&amp;do=diff</link>
        <description>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는 설정한 시간 동안 속성 값이 부드럽게 변화하게 합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:first-child_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery:first-child_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:first-child_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>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

부모 요소의 첫 번째 자식인 모든</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_links&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_links</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_links&amp;rev=1673603050&amp;do=diff</link>
        <description>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를 다양하게 꾸밀 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_const&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_const</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_const&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Const

	*  description : JavaScript Let
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-13




ECMAScript 2015

ES2015는 let과 const라는 두 가지 중요한 새 JavaScript 키워드를 도입했습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_stringfy&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:json_stringfy</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_stringfy&amp;rev=1673603052&amp;do=diff</link>
        <description>JSON.stringify()

	*  description : JSON.stringify()
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-04-06 Wed




The source of this article

JSON.stringify()


JSON의 일반적인 용도는 웹 서버와 데이터를 교환하는 것입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_css&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:jquery_css</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_css&amp;rev=1673603052&amp;do=diff</link>
        <description>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


&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

  &lt;h1 id=&quot;01&quot;&gt;Hiding Text Content with JQuery&lt;/h1&gt;

  &lt;h2 id=&quot;02&quot;&gt;Hello World!&lt;/h2&gt;
  &lt;h2 id=&quot;03&quot;…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_overflow&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_overflow</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_overflow&amp;rev=1673603050&amp;do=diff</link>
        <description>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 속성은 너무 커서 영역에 맞지 않는 콘텐츠에 발생하는 일을 제어합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_float_examples&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_float_examples</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_float_examples&amp;rev=1673603050&amp;do=diff</link>
        <description>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속성을 사용하면 콘텐츠 박스들을 쉽게 나란히 배치할 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:createelement&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:createelement</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:createelement&amp;rev=1673603052&amp;do=diff</link>
        <description>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

&lt;button&gt; 요소를 생성합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_units&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_units</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_units&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Units

	*  description : CSS Units
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-21




CSS Units

CSS에는 길이를 표현하는 여러 가지 단위가 있습니다.



많은 CSS 속성은 width, margin</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_forms&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_forms</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_forms&amp;rev=1673603052&amp;do=diff</link>
        <description>HTML Forms - HTML Forms

	*  description : HTML Forms - HTML Forms
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-11




The Source of this article

HTML Forms



HTML form은 사용자의 입력정보를 수집하기 위해 사용합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:util:vscode:vs_code_%EC%82%AC%EC%9A%A9%EC%9E%90_snippets_%EB%A7%8C%EB%93%A4%EA%B8%B0_-_html&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:util:vscode:vs_code_사용자_snippets_만들기_-_html</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:util:vscode:vs_code_%EC%82%AC%EC%9A%A9%EC%9E%90_snippets_%EB%A7%8C%EB%93%A4%EA%B8%B0_-_html&amp;rev=1673603052&amp;do=diff</link>
        <description>VS Code 사용자 snippets 만들기 - html

	*  description : VS Code 사용자 snippets 만들기 - html
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-07-15 Thu




Snippet

코드 자동 완성 기능


HTML

VS Code에서 확장자</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:iframe&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:iframe</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:iframe&amp;rev=1673603052&amp;do=diff</link>
        <description>HTML &lt;Iframe&gt; The inline Frame element

	*  description : HTML &lt;Iframe&gt; The inline Frame element
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-16 Wed




The source of the article

&lt;iframe&gt;: The Inline Frame element



&lt;iframe&gt; HTML 요소는 중첩된 접속 환경 (브라우징 컨텍스트, a nested browsing context)</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery * Selector

	*  description : jQuery * Selector
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-02




The source of this article

jQuery * Selector


Example

문서(document) 내부의 모든 요소들을 선택합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_important&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_important</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_important&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS The !important Rule

	*  description : CSS The !important Rule
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-21




What is !important?

CSS의!important 규칙은 속성/값에 더 많은 중요성을 추가하는 데 사용됩니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_string-split&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_string-split</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_string-split&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript String split() Method

	*  description : Javascript String split() Method
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-22




Ref

Javascript String split() Method

예제

Split은 문자열(string)을 하위문자열(substring)의 배열로 분리합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_parse&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:json_parse</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_parse&amp;rev=1673603052&amp;do=diff</link>
        <description>JSON.parse()

	*  description : JSON.parse()
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-04-06 Wed




The source of this article

JSON.parse()


Valid Data Types

JSON의 일반적인 용도는 웹 서버와 데이터를 교환하는 것입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_backgrounds&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_backgrounds</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_backgrounds&amp;rev=1673603050&amp;do=diff</link>
        <description>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 백그라운드 속성은 요소들을 위한 배경 효과를 추가하기 위해 사용됩니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_google_fonts&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_google_fonts</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_google_fonts&amp;rev=1673603050&amp;do=diff</link>
        <description>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</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_nodes&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:dom_nodes</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_nodes&amp;rev=1673603052&amp;do=diff</link>
        <description>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 요소) 추가하고 제거하기</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_iframes&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_iframes</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_iframes&amp;rev=1673603052&amp;do=diff</link>
        <description>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은 웹 페이지 내부에 웹 페이지를 표시하는 데 사용됩니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_regexp&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_regexp</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_regexp&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript Regular Expressions

	*  description : Javascript Regular Expressions
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-22




The source of this article

Javascript Regular Expressions



정규식(Regular Expression, 정규 표현식)은 검색 패턴을 형성하는 연속된 문자와 기호입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_timing&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_timing</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_timing&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Timing Events

	*  description : JavaScript Timing Events
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-12




Source of the article

	*  JavaScript Timing Events



JavaScript는 시간 간격을 두고 실행될 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_ui_sortable_widget&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_ui_sortable_widget</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_ui_sortable_widget&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery UI Sortable Widget

	*  description : jQuery UI Sortable Widget
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-07-05 Tue




jQuery UI's sortable Interactioin





&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_filter_method&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_filter_method</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_filter_method&amp;rev=1673603052&amp;do=diff</link>
        <description>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() 메소드는 특정 기준과 일치하는 요소를 반환합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_templates&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_templates</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_templates&amp;rev=1673603050&amp;do=diff</link>
        <description>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로 반응형 스타터 템플릿을 만들었습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_addclass_method&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_addclass_method</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_addclass_method&amp;rev=1673603052&amp;do=diff</link>
        <description>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

첫 번째 &lt;p&gt; 요소에 클래스 이름을 추가합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:createtextnode&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:createtextnode</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:createtextnode&amp;rev=1673603052&amp;do=diff</link>
        <description>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

텍스트 노드를 생성합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_media_queries_examples&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_media_queries_examples</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_media_queries_examples&amp;rev=1673603050&amp;do=diff</link>
        <description>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</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_classes_-_class_intro&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_classes_-_class_intro</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_classes_-_class_intro&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScipt Classes

	*  description : JavaScipt Classes
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-12




Source of the article

	*  JavaScipt Classes

ES6라고도 하는 ECMAScript 2015는 JavaScript 클래스를 도입했습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_dom&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:jquery_dom</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:jquery_dom&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript / jQuery HTML DOM

	*  description : JavaScript / jQuery HTML DOM
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-14




Ref

JavaScript / jQuery HTML DOM



Removing HTML Elements

HTML 요소를 제거합니다:


JQuery


&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

  &lt;h2&gt;Remove an HTML Element with JQuery&lt;/h2&gt;

  &lt;h2 id=&quot;id01&quot;&gt;Hello World!&lt;/h2&gt;
  &lt;h2 id=&quot;id02&quot;&gt;Hel…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_how_to_add_css&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_how_to_add_css</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_how_to_add_css&amp;rev=1673603050&amp;do=diff</link>
        <description>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



브라우저가 스타일시트를 참조할 때, 브라우저는 스타일 시트의 정보에 따라</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_loop_while&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_loop_while</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_loop_while&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript While Loop

	*  description : JavaScript While Loop 
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-31




the source of this article

JavaScript While Loop


The For/Of Loop

Loop는 지정된 조건이 참(true)인 한 코드 블록을 실행할 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_getelementsbyclassname_method&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_dom_getelementsbyclassname_method</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_getelementsbyclassname_method&amp;rev=1673603052&amp;do=diff</link>
        <description>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



지정 클래스 이름을 가진 모든 요소들을 가져옵니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css:active_selector&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css:active_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css:active_selector&amp;rev=1673603050&amp;do=diff</link>
        <description>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

활성 링크를 선택하고, 스타일을 지정합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_file_paths&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_file_paths</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_file_paths&amp;rev=1673603052&amp;do=diff</link>
        <description>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)는 웹 사이트의 폴더 구조에서 파일의 위치를 ​​설명합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:chrome_console%EC%97%90%EC%84%9C_jquery%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:miscellaneous:chrome_console에서_jquery사용하기</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:chrome_console%EC%97%90%EC%84%9C_jquery%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0&amp;rev=1673603050&amp;do=diff</link>
        <description>How to load jQuery in Chrome DevTools

	*  description : Chrome console에서 jQuery 사용하기
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-03-31

Chrome console에서 jQuery 사용하기





var jq = document.createElement('script');
jq.src = &quot;//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js&quot;;
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type.
jQuery.noConflict();</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:function_parameters&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:function_parameters</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:function_parameters&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Function Parameters

	*  description : JavaScript Function Parameters
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-14




Source of the article

	*  JavaScript Function Parameters

JavaScript function은 매개변수 값parameter values</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_float&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_float</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_float&amp;rev=1673603050&amp;do=diff</link>
        <description>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)</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_where_to&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_where_to</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_where_to&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Where To

	*  description : JavaScript Where To
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-31




The &lt;script&gt; Tag

HTML에서, 자바스크립트 코드는 &lt;script&gt;와 &lt;/script&gt; 태그 사이에 삽입됩니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:textcontent&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:textcontent</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:textcontent&amp;rev=1673603052&amp;do=diff</link>
        <description>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)를 가져옵니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_appendchild_method&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_dom_appendchild_method</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_appendchild_method&amp;rev=1673603052&amp;do=diff</link>
        <description>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)을 첨부합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_great_font_pairings&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_great_font_pairings</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_great_font_pairings&amp;rev=1673603050&amp;do=diff</link>
        <description>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

어울리는 폰트 조합은 디자인에 매우 중요합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_specificity&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_specificity</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_specificity&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Specificity

	*  description : CSS Specificity
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-21




What is Specificity?

동일한 요소를 가리키면서 충돌하는 CSS 규칙이 두 개 이상 있는 경우,</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_box_sizing&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_box_sizing</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_box_sizing&amp;rev=1673603050&amp;do=diff</link>
        <description>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속성을 사용하여 요소의 전체 너비와 높이에 패딩과 보더를 포함시킬 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css&amp;rev=1673603051&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:11+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css&amp;rev=1673603051&amp;do=diff</link>
        <description>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</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_off-canvas_menu&amp;rev=1673603053&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:howto:how_to_-_off-canvas_menu</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_off-canvas_menu&amp;rev=1673603053&amp;do=diff</link>
        <description>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


    &lt;div id=&quot;mySidenav&quot; class=&quot;sidenav&quot;&gt;
        &lt;a href=&quot;javascript:void(0)&quot; class=&quot;closebtn&quot; onclick=&quot;closeNav()&quot;&gt;&amp;times;&lt;/a&gt;
        &lt;a href=&quot;#&quot;&gt;About&lt;/a&gt;
        &lt;a href=&quot;#&quot;&gt;Services&lt;/a&gt;
        &lt;a href=&quot;#&quot;&gt;Clients&lt;/a&gt;
        &lt;a href=&quot;#&quot;&gt;Contact&lt;/a&gt;
    &lt;/d…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_strict_mode&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_strict_mode</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_strict_mode&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Use Strict

	*  description : JavaScipt Use Strict
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-12




Source of the article

	*  JavaScipt Use Strict

&quot;use strict&quot;; JavaScript 코드가 “strict mode”에서 실행되어야 함을 정의합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:map&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:map</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:map&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript Array map() Method

	*  description : Javascript Array map() Method
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-26




The source of this article

JavaScript Array map() Method

Example

기존 배열에 있는 모든 값의 제곱근을 가진 배열을 반환합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_conditions&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_conditions</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_conditions&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Conditions

	*  description : JavaScript if else and else if
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-21




The source of this article

JavaScript if else and else if



조건문(Conditional Statements)은 다양한 조건에 근거한 다양한 작업을 하는 데 사용합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_float-clear&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_float-clear</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_float-clear&amp;rev=1673603050&amp;do=diff</link>
        <description>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 속성을 사용하고, 다음 요소를 하단에 위치시키고 싶을 때,</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_css&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:dom_css</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_css&amp;rev=1673603052&amp;do=diff</link>
        <description>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가</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_icons&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_icons</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_icons&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Icons

	*  description : CSS Icons 
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-09






Source of the article

	*  CSS Icons






CSS Icons

아이콘 라이브러리를 사용하여 아이콘을 쉽게 HTML페이지에 추가할 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:spring:spring_note:controller_and_restcontroller_annotations&amp;rev=1673603051&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:11+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:spring:spring_note:controller_and_restcontroller_annotations</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:spring:spring_note:controller_and_restcontroller_annotations&amp;rev=1673603051&amp;do=diff</link>
        <description>@Controller And @RestController Annotations

	*  description : @Controller And @RestController Annotations
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-12-13 Tue




@Controller And @RestController Annotations

오랫동안 스프링 프레임워크(Spring 2.5버전에서 도입)의 일부분을 담당해온 @Controller를 전통적인 Spring 컨트롤러로 사용할 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_counters&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_counters</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_counters&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Counters

	*  description : CSS Counters
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-05



CSS 카운터는 CSS 규칙에 의해 값이 증가할 수 있으면서, 사용된 횟수를 추적하기 위해 CSS에 의해 유지되는</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_break&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_break</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_break&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript Break and Continue

	*  description : Javascript Break and Continue 
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-31




the source of this article

Javascript Break and Continue


The For/Of Loop

break 문은 loop에서 빠져나옵니다(jump out).</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:getattribute_method&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:getattribute_method</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:getattribute_method&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript HTML DOM getAttribute() Method

	*  description : Javascript HTML DOM textContent Property
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-08




The source of the article

Javascript HTML DOM getAttribute() Method


Example

&lt;h1&gt; 요소의 클래스 속성 값을 가져옵니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_date_get_methods&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_date_get_methods</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_date_get_methods&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Get Date Methods

	*  description : JavaScript Get Date Methods
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-13

Ref

JavaScript Get Date Methods



다음의 메소드들은 날짜 오브젝트에서 정보를 가져오기 위해 사용할 수 있습니다.</description>
    </item>
    <item rdf:about="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&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:jquery:스크립트_로드_순서</title>
        <link>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&amp;rev=1673603050&amp;do=diff</link>
        <description>Front-End 자주 하는 실수

1.스크립트 로드 순서

	&quot;스크립트 로드 순서와 $(document).ready(function(){ } 의 사용을 알 수 있는 코드미러 예제&quot;

 아래와 같이, &lt;head&gt; 태그 에 스크립트 작성 시 &lt;head&gt; 태그를 모두 읽은 후 &lt;body&gt; 태그의 내용을 읽기 때문에</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_media_queries&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:responsive_web_design_-_media_queries</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_media_queries&amp;rev=1673603050&amp;do=diff</link>
        <description>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?</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:contenteditable_property&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:contenteditable_property</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:contenteditable_property&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript HTML DOM contentEditable Property

	*  description : Javascript HTML DOM contentEditable Property
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-08




The source of the article

Javascript HTML DOM contentEditable Property


Example

&lt;p&gt; 요소의 콘텐츠를 편집 가능하도록 설정합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_text_method&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_text_method</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_html_css:jquery_text_method&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery text() Method

	*  description : jQuery text() Method
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-02




The source of this article

jQuery text() Method


Example

모든 &lt;p&gt; 요소들의 텍스트 내용을 설정합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:html_objects_-_aside&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:html_objects_-_aside</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:html_objects_-_aside&amp;rev=1673603052&amp;do=diff</link>
        <description>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 &lt;aside&gt; 요소를 나타냅니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_horizontal_navbar&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_horizontal_navbar</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_horizontal_navbar&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Navigation Bar

	*  description : CSS Horizontal Navbar
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-30




Horizontal Navigation Bars

가로 네비게이션 바를 만드는 방법에는 두 가지가 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:innertext&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:innertext</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:innertext&amp;rev=1673603052&amp;do=diff</link>
        <description>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)를 가져옵니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_.data&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_.data</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_.data&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery .data()

	*  description : jQuery .data()
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-09-19 Mon




jQuery .data()



Store arbitrary data associated with the matched elements 

일치하는 요소와 연결된 임의의 데이터를 저장하거나,</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%EB%B2%84%EB%B8%94%EB%A7%81&amp;rev=1674717195&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-26T16:13:15+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:버블링</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%EB%B2%84%EB%B8%94%EB%A7%81&amp;rev=1674717195&amp;do=diff</link>
        <description>JavaScript 버블링

	*  description : JavaScript 버블링
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2023-01-26 Thu




JavaScript 버블



    &lt;style&gt;
        body * {
            margin: 10px;
            border: 1px solid blue;
        }
    &lt;/style&gt;
&lt;body&gt;
    
    &lt;form onclick=&quot;alert('form')&quot;&gt;FORM
        &lt;div onclick=&quot;alert('div')&quot;&gt;DIV 
            &lt;p onclick=&quot;alert('p')&quot;&gt;P&lt;/p&gt;
        &lt;/div&gt;
    &lt;/form&gt;

&lt;/body&gt;</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_import&amp;rev=1673603053&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:sass:sass_import</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_import&amp;rev=1673603053&amp;do=diff</link>
        <description>Sass @import

	*  description : Sass @import and Partials
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-08




Ref

Sass @import and Partials


Sass Nested Rules

Sass는 CSS 코드를 DRY(Don't Repeat Yourself, 중복배제) 상태로 유지합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:chartjs:chart_js_sample01&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:chartjs:chart_js_sample01</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:chartjs:chart_js_sample01&amp;rev=1673603052&amp;do=diff</link>
        <description>Chart JS Sample01

	*  description : Sass Introduction
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-12-16 Fri




Sample 01-1


&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js&quot;&gt;&lt;/script&gt;
    &lt;title&gt;Chart JS Test #01&lt;/title&gt;
&lt;/head&gt;…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:findindex&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:findindex</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:findindex&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Array findIndex()

	*  description : JavaScript Array findIndex()
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-12-29 Thu




JavaScript Array findIndex()

findIndex() 메소드는 배열의 각 요소들에 대해 함수를 실행합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_getelementbyid_method&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_dom_getelementbyid_method</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_dom_getelementbyid_method&amp;rev=1673603052&amp;do=diff</link>
        <description>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가 있는 요소를 가져옵니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:atttibute_value_selector&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:atttibute_value_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:atttibute_value_selector&amp;rev=1673603050&amp;do=diff</link>
        <description>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”를 포함하는 클래스 속성 값이 있는 모든</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_media_queries&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_media_queries</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_media_queries&amp;rev=1673603050&amp;do=diff</link>
        <description>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</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_dates&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_dates</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_dates&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Date Objects

	*  description : JavaScript Date Objects
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-13

Ref

 JavaScript Date Objects

 JavaScript Date Object를 사용하면 날짜 작업을 할 수 있습니다.


JavaScript Date Output</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:last_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery:last_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:last_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>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

마직막 &lt;p&gt; 요소를 선택합니다.



&lt;body&gt;

  &lt;p&gt;This is the first paragraph.&lt;/p&gt;
  &lt;p&gt;This is the second paragraph.&lt;/p&gt;
  &lt;p&gt;This is the last paragraph.&lt;/p&gt; &lt;!-- 텍스트 컬러 변경됨 --&gt;

  &lt;script&gt;
    $(document).ready(function () {
      $(&quot;p:last&quot;).css(&quot;color&quot;, &quot;crimson&quot;);
    });
  &lt;/script&gt;
&lt;/body&gt;…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_div_tag&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_tags_-_div_tag</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_div_tag&amp;rev=1673603052&amp;do=diff</link>
        <description>HTML Tags - &lt;div&gt; tags

	*  description : HTML Tags - &lt;div&gt; tags
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-11




Source of the article

	*  HTML &lt;div&gt; Tag




예제

CSS로 스타일을 만드는 문서의 &lt;div&gt; 섹션</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css:checked_selector&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css:checked_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css:checked_selector&amp;rev=1673603050&amp;do=diff</link>
        <description>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) 모든 &lt;input&gt; 요소의 높이와 너비를 설정합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:insertbefore&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:insertbefore</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:insertbefore&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript HTML DOM insertBefore() Method

	*  description : Javascript HTML DOM insertBefore() Method
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-03




The source of the article

Javascript HTML DOM insertBefore() Method


Example

&lt;ul&gt; 요소의 첫 번째 자식 요소 앞에 새로운 &lt;li&gt; 요소를 삽입합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:editor:ckeditor5&amp;rev=1677820401&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-03-03T14:13:21+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:editor:ckeditor5</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:editor:ckeditor5&amp;rev=1677820401&amp;do=diff</link>
        <description>Ckeditor5

	*  description : Ckediotr5 관련 내용 기술
	*  author      : slaptear
	*  email       : sgjang@repia.com
	*  lastupdate  : 2023-03-02

적용 방법

	*  CKEditor5는 5가지의 형태가 있지만 Classic editor와 Document editor 2가지의 사용 방법이 다릅니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_flexbox&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_flexbox</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_flexbox&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Flexbox

	*  description : CSS Lists, 
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-07-05






Source of the article

CSS Flexbox





CSS Flexbox






예제


&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;

&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Flexible Boxes&lt;/title&gt;
    &lt;style&gt;
        .flex-container {
            display: flex;
    …</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_fonts&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_fonts</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_fonts&amp;rev=1673603050&amp;do=diff</link>
        <description>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</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_loop_for_of&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_loop_for_of</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_loop_for_of&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Loop For Of

	*  description : JavaScript Loop For Of
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-28




the source of this article

JavaScript Loop For Of


The For/Of Loop

JavaScript for/of 문은 반복 가능한 객체의 값을 반복합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_charts&amp;rev=1673603053&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:howto:how_to_-_google_charts</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_charts&amp;rev=1673603053&amp;do=diff</link>
        <description>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





&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;title&gt;Google Pie Chart&lt;/title&gt;
    &lt;!-- Load the AJAX API --&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;https://www.gstatic.com/charts/loader.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;

        // Load the Visualization API and the corechart packgage.
    …</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_block_inline&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_block_inline</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_block_inline&amp;rev=1673603052&amp;do=diff</link>
        <description>HTML Tutorial - HTML Block &amp; Inline Elements

	*  description : HTML Tutorial - HTML Block &amp; Inline Elements
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-11




Source of the article

HTML Block and Inline Elements



모든 HTML 요소에는 요소 유형에 따라 기본 표시 값이 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:springboot:spring_boot_annotation:spring_boot_annotation&amp;rev=1673603051&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:11+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:springboot:spring_boot_annotation:spring_boot_annotation</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:springboot:spring_boot_annotation:spring_boot_annotation&amp;rev=1673603051&amp;do=diff</link>
        <description>spring_boot_annotation

	*  description : spring boot annotation
	*  author      : 도봉산핵주먹
	*  email       : hylee@repia.com
	*  lastupdate  : 2020-08-21

Annotation
여기에서 찾아보고 없으면 웹서핑 후 추가 부탁드립니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_element_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_element_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_element_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery element Selector

	*  description : jQuery element Selector
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-02




The source of this article

jQuery element Selector


Example

모든 p 요소를 선택합니다.



&lt;body&gt;

  &lt;h1&gt;Welcome to My Homepage&lt;/h1&gt;
  &lt;p class=&quot;intro&quot;&gt;My name is Donald.&lt;/p&gt; &lt;!-- 배경색 변경 --&gt;
  &lt;p&gt;I live in Duckburg&lt;/p&gt; &lt;!-- 배경색 변경 --&gt;
  &lt;p&gt;My best friend is Mickey&lt;/p&gt; &lt;!-- 배경색 변경 --&gt;

  who is your favourite:
  &lt;ul id=&quot;choose&quot;&gt;
    &lt;li&gt;Goofy&lt;/li&gt;
    &lt;…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_inline-block&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_inline-block</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_inline-block&amp;rev=1673603050&amp;do=diff</link>
        <description>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 속성과 비교하면, 가장 중요한 차이는</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_introduction&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_introduction</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_introduction&amp;rev=1673603052&amp;do=diff</link>
        <description>HTML Introduction

	*  description : HTML Introduction
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-23




Source of the article

	*  HTML Introduction






HTML이란?

	*  HTML은 Hyper Text Markup Language, 하이퍼 텍스트 마크업 언어이다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:more_-_callout_message&amp;rev=1673603053&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:howto:more_-_callout_message</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:more_-_callout_message&amp;rev=1673603053&amp;do=diff</link>
        <description>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)는 종종 사용자에게 팁/트릭, 할인, 필요한 조치 등 특별한 사항을 알리기 위해 페이지 하단에 배치됩니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_.class_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_.class_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_.class_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>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” 클래스를 가진 모든 요소를 선택합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_selectors&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_selectors</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_selectors&amp;rev=1673603050&amp;do=diff</link>
        <description>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일 /</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_grid_view&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:responsive_web_design_-_grid_view</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:responsive_web_design_-_grid_view&amp;rev=1673603050&amp;do=diff</link>
        <description>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)에 기반하고 있으며, 이는 페이지가 컬럼(세로 열)으로 구분되어 있다는 것을 의미합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_aside&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_tags_-_aside</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_aside&amp;rev=1673603052&amp;do=diff</link>
        <description>HTML Tags - &lt;aside&gt; Tag

	*  description : HTML Tags - &lt;aside&gt; Tag
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-03




the Source of the article

HTML &lt;aside&gt; Tag


Example

배치된 컨텐츠와 떨어져서 일부 컨텐츠를 나타냅니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_add_active_class_to_current_element&amp;rev=1673603053&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:howto:how_to_-_add_active_class_to_current_element</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_add_active_class_to_current_element&amp;rev=1673603053&amp;do=diff</link>
        <description>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를 사용하여 현재 요소에 액티브 클래스를 추가하는 방법을 학습합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_variables&amp;rev=1673603053&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:sass:sass_variables</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_variables&amp;rev=1673603053&amp;do=diff</link>
        <description>Sass Tutorial

	*  description : Sass Variables
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-08




Ref

Sass Variables


Sass Variables

변수는 나중에 재사용할 수 있는 정보를 저장하는 방법입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:first_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery:first_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:first_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>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

첫 번째 &lt;p&gt; 요소를 선택합니다.



&lt;body&gt;

  &lt;p&gt;This is the first paragraph.&lt;/p&gt; &lt;!-- 이 p 요소만 변경됨. --&gt;
  &lt;p&gt;This is the second paragraph.&lt;/p&gt;
  &lt;p&gt;This is the third paragraph.&lt;/p&gt;

  &lt;script&gt;
    $(document).ready(function () {
      $(&quot;p:first&quot;).css(&quot;background-color&quot;, &quot;yellow&quot;);
    });
  &lt;/scr…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_text&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_text</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_text&amp;rev=1673603050&amp;do=diff</link>
        <description>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</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_overriding_variables&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_variables_-_overriding_variables</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_overriding_variables&amp;rev=1673603050&amp;do=diff</link>
        <description>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)에서, 전역 변수는 전체 문서를 통해 액세스/사용할 수 있는 반면,</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_fonts&amp;rev=1673603053&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:howto:how_to_-_google_fonts</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_fonts&amp;rev=1673603053&amp;do=diff</link>
        <description>HOW TO Google Fonts

	*  description : How to - Google Fonts
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-09




Ref

How to - Google Fonts




예제


&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Google Fonts&lt;/title&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css?family=Sofia&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;style&gt;
        body {
            font-family: 'Sofia';
            font-size: 22px;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h1&gt;Sofia&lt;/h1&gt;
    &lt;p&gt;Lorem ipsum dolor …</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=api:safe183&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>api:safe183</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=api:safe183&amp;rev=1673603050&amp;do=diff</link>
        <description>안전Dream

개발 가이드 

OPEN API

인증키 정보
  발급일          발급ID       발급 인증키             URL                                        요청자   비고                                                                                 2020-10-16</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat&amp;rev=1688627818&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-07-06T16:16:58+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:was:tomcat</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat&amp;rev=1688627818&amp;do=diff</link>
        <description>Tomcat

	*  description : 톰캣 운영과 관련된 내용 
	*  author      : 주레피
	*  email       : dhan@repia.com
	*  lastupdate  : 2020-03-09

Tomcat Versions
  Apache Tomcat Version    Servlet Spec    Jsp Spec    Web Socket Spec    JDK</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_the_var_function&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_variables_-_the_var_function</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_the_var_function&amp;rev=1673603050&amp;do=diff</link>
        <description>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 변수의 값을 삽입하는 데 사용됩니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_variables_and_javascript&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_variables_-_variables_and_javascript</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_variables_and_javascript&amp;rev=1673603050&amp;do=diff</link>
        <description>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에 액세스 할 수 있으므로,</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery&amp;rev=1673603052&amp;do=diff</link>
        <description>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

값 가져오기…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:spring&amp;rev=1679356639&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-03-21T08:57:19+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:spring</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:spring&amp;rev=1679356639&amp;do=diff</link>
        <description>Spring 잡다한 지식

버전

Spring - JDK
  Spring Framework    JDK         5.3.x               JDK 8 ~ 19   5.2.x               JDK 8 ~ 15   5.1.x               JDK 8 ~ 12   5.0.x               JDK8 ~ 10    4.3.x               JDK6 ~ 8    
Spring Boot - JDK</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_comments&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_comments</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_comments&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Comments

	*  description : CSS Comments
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-04




Source of the article

	*  CSS Comments



CSS 주석은 브라우저에서 보이지 않지만, 소스 코드를 자세히 기록하는 것에 도움이 될 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:fullcalendar&amp;rev=1677734836&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-03-02T14:27:16+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:bootstrap:fullcalendar</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:fullcalendar&amp;rev=1677734836&amp;do=diff</link>
        <description>FullCalendar

	*  description : FullCalendar 관련 내용 기술
	*  author      : slaptear
	*  email       : sgjang@repia.com
	*  lastupdate  : 2023-03-02

적용 방법

	*  FullCalendar css, script 추가
	*  본인은 bootstrap package에 fullcalendar가 존재하여 아래와 같이 설정함</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:foreach&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:foreach</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:foreach&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Array forEach() Method

	*  description : JavaScript Array forEach() Method
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-26




Example

배열의 각 항목을 나열합니다.



&lt;body&gt;

  &lt;p&gt;List all array items, with keys and values:&lt;/p&gt;

  &lt;p id=&quot;demo&quot;&gt;&lt;/p&gt;

  &lt;script&gt;
    const fruits = [&quot;apple&quot;, &quot;orange&quot;, &quot;cherry&quot;];
    fruits.forEach(myFunction);

    function myFunction(item, index) {
      document.getElementById(&quot;demo&quot;).innerHTML += index + &quot;:&quot; + item + &quot;&lt;br&gt;&quot;;
…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:editor:summernote&amp;rev=1677820920&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-03-03T14:22:00+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:editor:summernote</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:editor:summernote&amp;rev=1677820920&amp;do=diff</link>
        <description>SummerNote

	*  description : SummerNote 관련 내용 기술
	*  author      : slaptear
	*  email       : sgjang@repia.com
	*  lastupdate  : 2023-03-02

SummerNote란?

	*  SummerNote는 심플한 무료 에디터로 아주 쉽게 누구나 사용가능하다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:window.open&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:window.open</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:window.open&amp;rev=1673603052&amp;do=diff</link>
        <description>window.open 사용법

	*  description : Internet Explorer 브라우저의 생성된 팝업창에서 세로 스크롤바가 생기지 않을때  
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2020-03-19

문법(Syntax)</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:ajax_intro&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:ajax_intro</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:ajax_intro&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript AJAX Intro

	*  description : JavaScript AJAX Introduction
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-02




AJAX Introduction

	*  AJAX는 웹 페이지가 로딩된 후 웹 서버에서 데이터를 읽을 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_variables_in_media_queries&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_variables_-_variables_in_media_queries</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_variables_-_variables_in_media_queries&amp;rev=1673603050&amp;do=diff</link>
        <description>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</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:redirect_page&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:redirect_page</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:redirect_page&amp;rev=1673603052&amp;do=diff</link>
        <description>redirect page

	*  description : 
	*  author      : 주레피
	*  email       : dhan@repia.com
	*  lastupdate  : 2020-01-29

	*  redirect_page.html


&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta http-equiv=&quot;refresh&quot; content=&quot;0; URL='이동할 주소'&quot; /&gt;
&lt;title&gt;Video notes redirect&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
Auto redirect to &lt;a href='이동할 주소'&gt;커맨트&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_contents_method&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_contents_method</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_references_traversing:jquery_contents_method&amp;rev=1673603052&amp;do=diff</link>
        <description>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() 메서드는 선택한 요소의 텍스트 및 주석 노드를 포함한 모든 직계 자식을 반환합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%ED%99%94%EC%82%B4%ED%91%9C%ED%95%A8%EC%88%98_%EC%A0%95%EB%A6%AC&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:화살표함수_정리</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%ED%99%94%EC%82%B4%ED%91%9C%ED%95%A8%EC%88%98_%EC%A0%95%EB%A6%AC&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript 화살표 함수 정리

	*  description : JavaScript 화살표 함수 정리
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-12-22 Thu




JavaScript 화살표 함수 정리

Syntax


param =&gt; expression

(param) =&gt; expression

(param1, paramN) =&gt; expression

param =&gt; {
    statements
}

(param1, paramN) =&gt; {
    statements
}</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:d3:%EB%A7%89%EB%8C%80%EC%B0%A8%ED%8A%B8_%EA%B7%B8%EB%A6%AC%EA%B8%B0&amp;rev=1673603053&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:d3:막대차트_그리기</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:d3:%EB%A7%89%EB%8C%80%EC%B0%A8%ED%8A%B8_%EA%B7%B8%EB%A6%AC%EA%B8%B0&amp;rev=1673603053&amp;do=diff</link>
        <description>D3 예제 : 막대차트 그리기


&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;

&lt;script src=&quot;https://d3js.org/d3.v5.min.js&quot;&gt;&lt;/script&gt;

&lt;title&gt;D3.js Example&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
   &lt;svg width = &quot;500&quot; height = &quot;500&quot;&gt;&lt;/svg&gt;
   &lt;script&gt;
      const dataFile = [10, 20, 30, 40, 50];   // 데이터배열 선언.
      const svg = d3.select(&quot;svg&quot;);            // DOM에서 &lt;svg&gt;요소를 찾는다.
         
…</description>
    </item>
    <item rdf:about="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&amp;rev=1674710404&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-26T14:20:04+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:원화_표시</title>
        <link>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&amp;rev=1674710404&amp;do=diff</link>
        <description>JavaScript 원화 표시

	*  description : JavaScript 원화 표시
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2023-01-26 Thu




JavaScript 원화 표시


const price = &quot;14340&quot;;
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 = &quot;3722407&quot;;
let result = new Intl.NumberFormat('ko-KR').format(price1);
con…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_event_listener&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:dom_event_listener</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_event_listener&amp;rev=1673603052&amp;do=diff</link>
        <description>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

예제</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat:tip:tomcat_%EB%B2%84%EC%A0%84_%EC%A0%95%EB%B3%B4_%EC%88%A8%EA%B8%B0%EA%B8%B0&amp;rev=1688626791&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-07-06T15:59:51+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:was:tomcat:tip:tomcat_버전_정보_숨기기</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat:tip:tomcat_%EB%B2%84%EC%A0%84_%EC%A0%95%EB%B3%B4_%EC%88%A8%EA%B8%B0%EA%B8%B0&amp;rev=1688626791&amp;do=diff</link>
        <description>Tomcat 서버 버전정보 숨기기

	*  description : Tomcat 서버의 버전정보 및 오류 내용을 숨기는 방법
	*  author      : 김토피아
	*  email       : kimmk@repia.com
	*  lastupdate  : 2023-07-06

취약점 내용

항목명 : 에러 메시지 관리 (사용자 화면)
중요도 : 중
항목개요 : 공격자가 대상 시스템의 정보를 획득하기 위해 고의적으로 다양한 에러를 유발하여 돌아오는 에러 메세지를 통해 웹 프로그램 구조 및 환경설정을 추정할 수 있음…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_document&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:dom_document</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_document&amp;rev=1673603052&amp;do=diff</link>
        <description>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)의 소유자입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_animations&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:dom_animations</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_animations&amp;rev=1673603052&amp;do=diff</link>
        <description>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 애니메이션 제작 방법을 학습합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery #id Selector

	*  description : jQuery #id Selector
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-02




The source of this article

jQuery #id Selector


Example

id “intro”가 있는 요소를 선택합니다.



&lt;body&gt;

  &lt;h1&gt;Welcometo My Homepage&lt;/h1&gt;

  &lt;p id=&quot;intro&quot;&gt;My name is Donald.&lt;/p&gt;
  &lt;p&gt;I live in Duckburg&lt;/p&gt;

  &lt;script&gt;
    $(document).ready(function () {
      $('#intro').css('color', 'blue');
    });
    /* id &quot;intro&quot;가 있는 My name is Donald의 텍스트 컬러를 변경합니다. */
 …</description>
    </item>
    <item rdf:about="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&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:jquery:클립보드_복사</title>
        <link>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&amp;rev=1673603050&amp;do=diff</link>
        <description>클립보드_복사

	*  description : 
	*  author      : 도봉산핵주먹
	*  email       : hylee@repia.com
	*  lastupdate  : 2020-06-02

Code

	*  APPS에 구현한 클립보드 복사 (간소화)코드입니다.


	&lt;head&gt;
		&lt;script&gt;
			$( document ).ready(function(){
				
				$('#codeCopy').click(function(){
					
					$('#RssCode').select()
					document.execCommand(&quot;copy&quot;);
					alert(&quot;imgSrc Code를 복사하였습니다.&quot;);
				});
				
				$('#onerrorCopy').click(function(){
					
					$('#onerror').select()
					document.execCommand(&quot;copy&quot;);
					alert(&quot;onerr…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_functions&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:js_functions</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_functions&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Functions

	*  description : JavaScript Functions
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-20




The Source of this article

JavaScript Functions



JavaScript Function Syntax

JavaScript 함수는 특정 작업을 수행하도록 설계된 코드 블록(a block of code)입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_outline&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_outline</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_outline&amp;rev=1673603050&amp;do=diff</link>
        <description>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) 외부에 그려지는 선으로, 해당 요소를 쉽게 눈에 띄게 합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:even_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery:even_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:even_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery :even Selector

	*  description : jQuery :even Selector
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-02




The source of this article

jQuery :even Selector


Example

인덱스 넘버가 짝수인 모든 &lt;tr&gt; 요소를 선택합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_img&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_tags_-_img</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_img&amp;rev=1673603052&amp;do=diff</link>
        <description>HTML Tags - &lt;img&gt; Tag

	*  description : HTML Tags - &lt;aside&gt; Tag
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-07-08 Tue




The Source of this article

HTML &lt;img&gt; Tag


Example

스크롤없이 볼 수 있는 이미지에 지연 로딩(lazy loading)를 추가합니다:</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_multiple_elements_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_multiple_elements_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_multiple_elements_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>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

모든 &lt;h2&gt;, &lt;div&gt;, &lt;span&gt; 요소들을 선택합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_data-_attributes&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_data-_attributes</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_data-_attributes&amp;rev=1673603052&amp;do=diff</link>
        <description>HTML data-* Attributes

	*  description : HTML data-* Attributes
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-08




The source of the article

HTML data-* Attributes


Example


  &lt;body&gt;
    &lt;h1&gt;Species&lt;/h1&gt;
    &lt;p&gt;Click on a species to see what type it is:&lt;/p&gt;

    &lt;ul&gt;
      &lt;li onclick=&quot;showDetails(this)&quot; id=&quot;owl&quot; data-animal-type=&quot;bird&quot;&gt;Owl&lt;/li&gt;
      &lt;!-- 클릭 시 The Owl is a bird.라고 alert창에 표시 --&gt;
      &lt;li onclick=&quot;showDetails(this)&quot; id=&quot;salmon&quot; data-anim…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_font_property&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_font_property</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_font_property&amp;rev=1673603050&amp;do=diff</link>
        <description>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

코드를 줄이기 위해, 하나의 속성에서 모든 개별 폰트 속성을 지정하는 것도 가능합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%EB%A7%88%EC%A7%80%EB%A7%89_%EB%AC%B8%EC%9E%90_%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:마지막_문자_가져오기</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:%EB%A7%88%EC%A7%80%EB%A7%89_%EB%AC%B8%EC%9E%90_%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript 마지막 문자 가져오기

	*  description : JavaScript 마지막 문자 가져오기
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-11-09 Wed




JavaScript 마지막 문자 가져오기


&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot; /&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot; /&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
    &lt;title&gt;Fine and Delete Last String&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;JavaScript String Methods&lt;/h1&gt;

    …</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:getdate&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:getdate</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:getdate&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Date

	*  description : JavaScript getDate()
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-13




JavaScript getDate() Method

예제

날짜를 반환합니다.




        function myFunction() {
            var d = new Date();
            var n = d.getDate();
            document.getElementById('demo').innerHTML = n;
        }</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_even_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_even_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_even_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>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 등)가 있는 각 요소를 선택합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_align&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_align</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_align&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Layout - Horizontal &amp; Vertical Align

	*  description : CSS Layout - Horizontal &amp; Vertical Align
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-18




Source of the article

	*  CSS Layout - Horizontal &amp; Vertical Align




Center Align Elements

div와 같은 블럭 요소를 가로 방향으로 중앙 정렬 하기 위해,</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_2d_transforms&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_2d_transforms</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_2d_transforms&amp;rev=1673603050&amp;do=diff</link>
        <description>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 트랜스포메이션 방법을 사용할 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:odd_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery:odd_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery:odd_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery :odd Selector

	*  description : jQuery :odd Selector
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-02




The source of this article

jQuery :odd Selector


Example

인덱스 넘버가 홀수인 모든 &lt;tr&gt; 요소를 선택합니다.</description>
    </item>
    <item rdf:about="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&amp;rev=1693812855&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-09-04T16:34:15+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:user:sgjang:일일_업무_내역</title>
        <link>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&amp;rev=1693812855&amp;do=diff</link>
        <description>slaptear 업무 내역

	*  서명

	*  description : 
	*  author      : 장승기 사원
	*  email       : sgjang@repia.com
	*  lastupdate  : 2023-09-01

일일 업무 내역

업무 실적과 내일 계획을 함께 적도록 합니다.

2023-09
  09월 02주차</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_max-width&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_max-width</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_max-width&amp;rev=1673603050&amp;do=diff</link>
        <description>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;</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_multiple_classes_selector&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_multiple_classes_selector</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_multiple_classes_selector&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery multiple classes Selector

	*  description : jQuery multiple classes Selector
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-02




The source of this article

jQuery multiple classes Selector


Example

클래스 intro, demo 또는 end를 가지는 모든 요소를 선택합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_calc_function&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_calc_function</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_calc_function&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS calc() Function

	*  description : CSS calc() Function
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-07




Ref

CSS calc() Function


예제

calc()를 사용하여 &lt;div&gt; 요소의 너비를 계산합니다.



&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;style&gt;
        #div1 {
            position: absolute;
            left: 50px;
            width: calc(100% - 100px);
            border: 1px solid #000;
            background-color: yellow;
            padding: 5px;
            text-align: center;
…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_colors&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_colors</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_colors&amp;rev=1673603050&amp;do=diff</link>
        <description>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 값을 사용하며 명시합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:emblim98:abbr&amp;rev=1679885241&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-03-27T11:47:21+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:user:emblim98:abbr</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:emblim98:abbr&amp;rev=1679885241&amp;do=diff</link>
        <description>A

ADR

	*  Architecture Decision Records, 아키텍처 결정 기록
	*  소프트웨어 아키텍처 의사 결정 과정을 문서로 기록하는 것.




Ajax

	*  Asynchronous Javascript and Xml (에이씽크러너스 자바스크립트 엑스엠엘)</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_methods&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:dom_methods</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_methods&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript - HTML DOM Methods

	*  description : JavaScript - HTML DOM Methods
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-22




Source of the article

	*  JavaScript - HTML DOM Methods



HTML DOM 메서드(methods)는 HTML 요소에 수행할 수 있는 동작(actions)입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_typography&amp;rev=1673603051&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:11+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:bootstrap:bootstrap_note:bs_typography</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_typography&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Text/Typography

	*  description : Bootstrap Text/Typography
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-24




Bootstrap's Default Settings

부트스트랩의 전역 기본 글꼴 크기는 14px이고, 줄 높이는 1.428입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_syntax&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_syntax</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_syntax&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery Syntax

	*  description : jQuery Syntax
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-15



jQuery를 사용하여, HTML 요소를 선택(query)하고 “작업(actions)“을 수행합니다.


jQuery Syntax</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_add&amp;rev=1673603052&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:12+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:jquery:jquery_note:jquery_add</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_add&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery - Add Elements

	*  description : jQuery - Add Elements
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-16



jQuery를 사용하면 새로운 요소/콘텐츠를 쉽게 추가할 수 있습니다.




Add New HTML Content</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:ax5&amp;rev=1673603051&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:11+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:bootstrap:ax5</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:ax5&amp;rev=1673603051&amp;do=diff</link>
        <description>AX5UI

	*  description : AX5UI 관련 자료
	*  author      : 도봉산핵주먹
	*  email       : hylee@repia.com
	*  lastupdate  : 2020-09-03




공통 Haeder


&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://cdn.rawgit.com/ax5ui/ax5ui-dialog/master/dist/ax5dialog.css&quot; /&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;https://code.jquery.com/jquery-1.12.3.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://cdn.rawgit.com/ax5ui/ax5core/master/dist/ax5core.min.js&quot;&gt;&lt;/script&gt;</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_panels&amp;rev=1673603051&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:11+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:bootstrap:bootstrap_note:bs_panels</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_panels&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Panels

	*  description : Bootstrap Panels
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-26




Panels

Bootstrap의 패널은 콘텐츠 주위에 약간의 패딩이 있는 테두리가 있는 박스입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_vertical_navbar&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:css:css_note:css_vertical_navbar</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_vertical_navbar&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Navigation Bar

	*  description : CSS Vertical Navbar
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-30




Vertical Navigation Bars

수직 네비게이션 바를 만들려면, 이전 페이지의 코드 외에도, 목록 안의 &lt;a&gt; 요소의 스타일을 지정할 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_collapse&amp;rev=1673603051&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:11+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:bootstrap:bootstrap_note:bs_collapse</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_collapse&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Collapsible

	*  description : Bootstrap Collapsible
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-26




Basic Collapsible

Collapsible [컬렙써블]: 접을 수 있는

Collapsibles는 많은 양의 콘텐츠를 숨기고 표시하려는 경우에 유용합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:code_conventions:indentation&amp;rev=1673603050&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-13T18:44:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:miscellaneous:code_conventions:indentation</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:code_conventions:indentation&amp;rev=1673603050&amp;do=diff</link>
        <description>Code Conventions for the Java Programming Language

	*  description : 4 - Indentation
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-04-14 Thr

자바 프로그래밍 언어를 위한 코드 규약

​

4. 들여쓰기</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=start&amp;rev=1701755847&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-12-05T14:57:27+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>start</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=start&amp;rev=1701755847&amp;do=diff</link>
        <description>Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon 

Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

	*  History

TAG CLOUD

태그 순위

----------

검색어 순위

----------

단어 순위

요청, 질문</description>
    </item>
</rdf:RDF>
