<?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-03T18:45:43+00:00</dc:date>
        <items>
            <rdf:Seq>
                <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: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_flex_container&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_examples&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_array_iteration&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:bootstrap:bootstrap_note:bs_tables&amp;rev=1673603051&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_transitions&amp;rev=1673603050&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:syntax&amp;rev=1673603051&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: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:js_object_accessors&amp;rev=1673603052&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: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:dom_nodes&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_object_constructors&amp;rev=1673603052&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:bootstrap:bootstrap_note:form_groups_input_group&amp;rev=1675048667&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_objects&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:os:aix&amp;rev=1673843820&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:bootstrap:bootstrap_note:bs_badges_labels&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_syntax&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:json_parse&amp;rev=1673603052&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: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_iframes&amp;rev=1673603052&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:javascript:javascript_note:js_object_properties&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-split&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_operators&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:urlencoderandurldecoder&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:javascript:js_math-ceil_round_floor&amp;rev=1677716673&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:iframe&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: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:createelement&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_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:insertbefore&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=was:tomcat:%EB%B6%88%ED%95%84%EC%9A%94%ED%95%9C_%ED%8C%8C%EC%9D%BC_%EB%B0%8F_%EB%94%94%EB%A0%89%ED%86%A0%EB%A6%AC_%EC%82%AD%EC%A0%9C&amp;rev=1688627678&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_elements&amp;rev=1673603052&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: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: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: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:javascript:javascript_note:js_scope&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&amp;rev=1673603050&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:createtextnode&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:ai:python:%ED%95%A8%EC%88%98_%EB%B0%8F_%EB%9E%8C%EB%8B%A4&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:hashmap&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: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_loop_while&amp;rev=1673603052&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: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: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: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:javascript:javascript_note:js_object_methods&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:iyyeo:entity&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note&amp;rev=1673603050&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:was:tomcat:tip:tomcat_%EB%B3%B4%EC%95%88&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_data_types&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_get_started&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_dropdowns&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_combinators&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_navbars&amp;rev=1673603051&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:js_math_-_toprecision_method&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:js_break&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: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_pseudo-element&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_attr_selectors&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_in_media_queries&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_grid_basic&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_link_href_attribute&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_-_overriding_variables&amp;rev=1673603050&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:miscellaneous:code_conventions:comments&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_image_gallery&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_glyphicons&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:egovframe:ckeditor&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:polymorphism:polymorphism_%EB%8B%A4%ED%98%95%EC%84%B1&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:eclipse:shortcut&amp;rev=1673603051&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_jumbotron&amp;rev=1673603051&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: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:ai:python:%EB%AC%B8%EC%9E%90%EC%97%B4_%EC%97%B0%EC%82%B0_%EB%B0%8F_%EC%8A%AC%EB%9D%BC%EC%9D%B4%EC%8B%B1&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_selector&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=was:tomcat:tomcat_%EA%B4%80%EB%A6%AC%EC%9E%90_%EC%BD%98%EC%86%94_%EC%A0%91%EA%B7%BC%ED%86%B5%EC%A0%9C&amp;rev=1688628276&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: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: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: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: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:javascript:javascript_note:json_vs_xml&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_switch&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_-_media_queries&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:%ED%81%AC%EB%A1%A0%EC%A0%95%EB%A6%AC&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_pseudo-class&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:programming&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_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:util:google_keep&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:chartjs&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_links&amp;rev=1673931645&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_math_-_random_method&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat:hot_deploy&amp;rev=1675229906&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:filter&amp;rev=1673930566&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: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:miscellaneout:string%EB%A9%94%EC%86%8C%EB%93%9C-charat&amp;rev=1673923768&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_tooltips&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_callback&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:css:css_note:css_dropdowns&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:code_conventions&amp;rev=1673603050&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:css_vertical_navbar&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_selectors&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_height_width&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:link&amp;rev=1673603051&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: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: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:miscellaneous:dateformat_format&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:csp&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:programming:shell&amp;rev=1676020988&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: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: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:javascript:javascript_note:findindex&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:javascript:javascript_note:getdate&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_introduction_syntax&amp;rev=1673603050&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_align&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_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_tags_-_img&amp;rev=1673603052&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:howto:more_-_callout_message&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_navbar&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: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: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: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:sass:sass_import&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_image_sprites&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:javascript_note:ajax_intro&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_assignment&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:web:apache:ssl_%EC%A0%81%EC%9A%A9_%EA%B0%80%EC%9D%B4%EB%93%9C&amp;rev=1673603051&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:os:linux:bashrc&amp;rev=1673603053&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_intro&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=was:tomcat:%EB%A1%9C%EA%B7%B8_%ED%8F%AC%EB%A7%B7_%EC%84%A4%EC%A0%95&amp;rev=1689057696&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:doublecolonoperator:double_colon_operator&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:%EC%A0%84%EC%9E%90%EC%A0%95%EB%B6%80%ED%91%9C%EC%A4%80%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC_%ED%8E%98%EC%9D%B4%EC%A7%95%EC%B2%98%EB%A6%AC&amp;rev=1673603050&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_intro&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_css_classes&amp;rev=1673603052&amp;do=diff"/>
                <rdf:li rdf:resource="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:base64&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: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: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=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: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: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_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: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: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_array_iteration&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_array_iteration</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_array_iteration&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Array Iteration

	*  description : JavaScript Array Iteration
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-06




The Source of this article

JavaScript Array Iteration


배열 반복 함수(Array iteration methods)는 모든 배열 항목에서 작동합니다.</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:bootstrap:bootstrap_note:bs_tables&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_tables</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_tables&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Tables

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




Bootstrap Basic Table

기본 부트스트랩 테이블에는 얇은 패딩과 수평 구분선만 있습니다.</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_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: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:syntax&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:syntax</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:syntax&amp;rev=1673603051&amp;do=diff</link>
        <description>Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon 

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

Formatting Syntax

DokuWiki supports some simple markup language, which tries to make the datafiles to be as readable as possible. This page contains all possible syntax you may use when editing the pages. Simply have a look at the source of this page by pressing</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: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:js_object_accessors&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_object_accessors</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_object_accessors&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript Objects

	*  description : Javascript Object Accessors
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-03




The source of this article

Javascript Object Accessors



JavaScript Accessors (Getters and Setters)

ECMAScript 5 (2009)는</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: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: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: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_object_constructors&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_object_constructors</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_object_constructors&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript Objects

	*  description : Javascript Object Constructors
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-03




The source of this article

Javascript Object Constructors




// Constructor function for Person Objects
function Person(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
}

// Create a Person object
let myFather = new Person(&quot;Anthony&quot;, &quot;Young&quot;, 50, &quot;green&quot;);

// Display age
…</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:bootstrap:bootstrap_note:form_groups_input_group&amp;rev=1675048667&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-30T12:17:47+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:bootstrap:bootstrap_note:form_groups_input_group</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:form_groups_input_group&amp;rev=1675048667&amp;do=diff</link>
        <description>Bootstrap Form groups &amp; Input group

	*  description : Bootstrap Form groups &amp; Input group
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2023-01-30 Mon




Form groups

The .form-group class is the easiest way to add some structure to forms.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_objects&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_objects</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_objects&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Objects

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




The Source of this article

JavaScript Objects

Real Life Objects, Properties, and Methods

실생활에서 자동차는 객체(Object)입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:os:aix&amp;rev=1673843820&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-16T13:37:00+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:os:aix</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:os:aix&amp;rev=1673843820&amp;do=diff</link>
        <description>AIX

	*  description : AIX 사용중 실무에서 많이 사용하는 것 정리
	*  author      : 김토피아
	*  email       : kimmk@repia.com
	*  lastupdate  : 2020-05-29

컴파일

gcc 4.8.4 컴파일시 주의 사항
컴파일 진행시 헤더파일 중복이 발생할 경우
-D_POSIX_C_SOURCE=200809 -D_XOPEN_SOURCE=700
충돌나는 헤더파일을 열어서 적절하게 매크로를 추가하자</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:bootstrap:bootstrap_note:bs_badges_labels&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_badges_labels</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_badges_labels&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Badges and Labels

	*  description : Bootstrap Badges and Labels
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-25




Badges

배지는 링크와 관련된 항목 수를 나타내는 **숫자 표시기 (numerical indicators)**입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_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:javascript_note:json_syntax</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_syntax&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Json Syntax

	*  description : JavaScript JSON - Introduction
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-04-06 Wed




The source of this article

JSON Syntax


JSON 구문은 JavaScript 구문의 하위 집합입니다.</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: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: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: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_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: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:javascript:javascript_note:js_object_properties&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_object_properties</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_object_properties&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript Objects

	*  description : Javascript Object Properties
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-29




The source of this article

Javascript Object Properties


속성(properties)은 JavaScript 오브젝트에서 가장 중요한 부분입니다.</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:js_operators&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_operators</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_operators&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Operators

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




Source of the article

JavaScript Operators

Example

변수(variables)에 값을 할당하고, 합산합니다.



var x = 5;       // 값 5를 변수 x에 할당
var y = 2;       // 값 2를 변수 y에 할당
var z = x + y;   // 값 7을 변수 z에 할당 (5 + 2)</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:urlencoderandurldecoder&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:urlencoderandurldecoder</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:urlencoderandurldecoder&amp;rev=1673603050&amp;do=diff</link>
        <description>URLEncoder And URLDecoder

	*  description : URLEncoder And URLDecoder 
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-04-14 Thu






Percent-encoding

퍼센트 인코딩은 URL 컨텍스트에서 특정 의미를 가지는 8bit 문다를 인코딩하는 메커니즘입니다.</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:javascript:js_math-ceil_round_floor&amp;rev=1677716673&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-03-02T09:24:33+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:js_math-ceil_round_floor</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:js_math-ceil_round_floor&amp;rev=1677716673&amp;do=diff</link>
        <description>author

 * 서명

	*  description : Javascript Math - ceil() Method
	*  author      : heon, 오션
	*  email       : khlee@repia.com, shlim@repia.com
	*  lastupdate  : 2023-02-28

Javascript Math - ceil() Method

Ref

Javascript Math - ceil() Method


Math.ceil() 메소드는 입력받은 숫자보다 크거나 같은 정수 중 가장 작은 정수를 리턴합니다.</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: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: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: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: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: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: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=was:tomcat:%EB%B6%88%ED%95%84%EC%9A%94%ED%95%9C_%ED%8C%8C%EC%9D%BC_%EB%B0%8F_%EB%94%94%EB%A0%89%ED%86%A0%EB%A6%AC_%EC%82%AD%EC%A0%9C&amp;rev=1688627678&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-07-06T16:14:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>was:tomcat:불필요한_파일_및_디렉토리_삭제</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=was:tomcat:%EB%B6%88%ED%95%84%EC%9A%94%ED%95%9C_%ED%8C%8C%EC%9D%BC_%EB%B0%8F_%EB%94%94%EB%A0%89%ED%86%A0%EB%A6%AC_%EC%82%AD%EC%A0%9C&amp;rev=1688627678&amp;do=diff</link>
        <description>*  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_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:javascript:javascript_note:dom_elements</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:dom_elements&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript HTML DOM Elements

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




Source of the article

JavaScript HTML DOM Elements



여기에서는 HTML 페이지에서 HTML 요소를 찾고, 접근하는 방법을 확인합니다.</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: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: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: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:javascript:javascript_note:js_scope&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_scope</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_scope&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Switch Statement

	*  description : JavaScript Switch Statement
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-25




the source of this article

JavaScript Scope


스코프(Scope, 범위)는 변수의 접근성 (가시성)을 결정합니다.</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: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: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:ai:python:%ED%95%A8%EC%88%98_%EB%B0%8F_%EB%9E%8C%EB%8B%A4&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:ai:python:함수_및_람다</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:ai:python:%ED%95%A8%EC%88%98_%EB%B0%8F_%EB%9E%8C%EB%8B%A4&amp;rev=1673603050&amp;do=diff</link>
        <description>함수_및_람다(lambda)

	*  description : 함수 및 람다(lambda) 이해
	*  author      : 도봉산핵주먹
	*  email       : hylee@repia.com
	*  lastupdate  : 2020-06-25

함수 및 람다(lambda) 이해

예제 코드


# Section06
# 파이썬 함수식 및 람다(lambda)

# 함수 정의 방법
# def function_name(parameter):
#     code

# 함수 호출
# function_name()
# 함수 선언 위치 중요


# 예제1
print(&quot;#==== 일반함수 ====&quot;)
print(&quot;#=== 기본예제 ===&quot;)
def hello(world):
    print(&quot;Hello, &quot;, world)


param1 = &quot;Niceman&quot;

hello(param1)

print()

# 예제2
print(&quot;#=== 기본 리턴 ===&quot;)
def hello_return(wor…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:hashmap&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:hashmap</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:hashmap&amp;rev=1673603050&amp;do=diff</link>
        <description>해시맵(HashMap)

	*  description : HashMap
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-08-18 Thu




HashMap

Array: 생성 시 크기가 고정, 사용 중 크기 변경 불가

ArrayList : 

List 인터페이스의 구현 클래스, ArrayList에 객체를 추가하면, 객체를 인덱스로 관리
저장 용량을 초과한 객체들이 들어오면 자동적으로 저장용량이 늘어남
저장할 객체 타입을 타입 파라미터로 표기, 기본 생성자를 호출
인덱스 번호(int type)로 아이템에 접근…</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: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_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: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: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: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: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:javascript:javascript_note:js_object_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_object_methods</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_object_methods&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript Objects

	*  description : Javascript Object Methods
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-29




The source of this article

Javascript Object Methods



Example


// Create an object
let person = {
  firstName: &quot;Elizabeth&quot;,
  lastName: &quot;Ollsen&quot;,
  id: 5566,
  fullName: function () {
    return this.firstName + &quot; &quot; + this.lastName;
  }
};

// Display data from the object:
document.getElementById(&quot;demo&quot;).innerHTML = person.fullName();  // Eli…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:iyyeo:entity&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:user:iyyeo:entity</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:user:iyyeo:entity&amp;rev=1673603051&amp;do=diff</link>
        <description>IntelliJ Entity 자동생성

	*  description : 인텔리제이 엔티티 자동생성 코드
	*  author      : 와프
	*  email       : iyyeo@repia.com
	*  lastupdate  : 2021-09-15


import com.intellij.database.model.DasTable
import com.intellij.database.model.ObjectKind
import com.intellij.database.util.Case
import com.intellij.database.util.DasUtil
import com.intellij.psi.codeStyle.NameUtil

import javax.swing.*

/**
 * @author shirohoo
 * @link https://github.com/shirohoo/create-automation-jpa-entity
 * @param pakageName , primar…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note&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</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Tutorial

	*  CSS와 박스모델
	*  CSS Introduction &amp; Syntax
	*  CSS Selectors
	*  CSS Combinators
	*  CSS How to Add CSS
	*  CSS Comments
	*  CSS Colors
	*  CSS Backgrounds
	*  CSS Borders
	*  CSS Margins
	*  CSS Padding
	*  CSS Height/Width
	*  CSS Outline
	*  CSS Text
	*  CSS Fonts
	*  CSS Google Fonts
	*  CSS Great Font Pairings
	*  CSS Font Property
	*  CSS Icons
	*  CSS Links
	*  CSS Lists
	*  CSS Tables
	*  CSS Display
	*  CSS Max-width
	*  CSS Position
	*  CSS Overflow
	*  CSS Float
		*  CS…</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:was:tomcat:tip:tomcat_%EB%B3%B4%EC%95%88&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:was:tomcat:tip:tomcat_보안</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat:tip:tomcat_%EB%B3%B4%EC%95%88&amp;rev=1673603051&amp;do=diff</link>
        <description>톰캣 보안

	*  description : 톰캣 보안 관련 정리  
	*  author      : 밤즌
	*  email       : bjlee@repia.com
	*  lastupdate  : 2022-07-22

Intro

Tomcat은 Apache와 연계하여 많이 사용하나, 독립적으로 Web 서비스를 사용하는 경우가 있다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_data_types&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_data_types</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_data_types&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript JSON Data Types

	*  description : JSON Data Types
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-04-06 Wed




The source of this article

JSON Data Types


Valid Data Types

JSON에서 value는 아래의 데이터 타입 중 하나이어야 합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_get_started&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_get_started</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_get_started&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Get Started

	*  description : Bootstrap Get Started
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-23




What is Bootstrap?

	*  부트스트랩은 더 빠르고 더 쉬운 웹 개발을 위한 무료 프런트엔드 프레임워크입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_dropdowns&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_dropdowns</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_dropdowns&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Dropdowns

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




Basic Dropdown

드롭다운 메뉴는 사용자가 사전 정의된 목록에서 하나의 값을 선택할 수 있는 토글가능한(toggleable) 메뉴입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_combinators&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_combinators</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_combinators&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Combinators

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




Source of the article

	*  “Do it! HTML5 + CSS3 웹표준의 정석” / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 /</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_navbars&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_navbars</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_navbars&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Navigation Bar

	*  description : Bootstrap Navigation Bar
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-29




Navigation Bars

네비게이션 바는 페이지의 상단에 배치된 네비게이션 헤더입니다.</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:js_math_-_toprecision_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:js_math_-_toprecision_method</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_math_-_toprecision_method&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript Number - toPrecision() Method

	*  description : Javascript Number - toPrecision() Method
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-05-20




The Source of This Article

Javascript Number - toPrecision() Method

Example

숫자를 지정된 길이로 형식화 합니다:</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: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: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: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_pseudo-element&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_pseudo-element</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_pseudo-element&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Pseudo-elements

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




What are Pseudo-Elements?

CSS 가상 요소(pseudo=element)는 요소의 지정된 부분에 스타일을 지정하는데 사용됩니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_attr_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_attr_selectors</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_attr_selectors&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Attribute Selectors

	*  description : CSS Attribute Selectors
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-31




Style HTML Elements With Specific Attributes

특정 속성 또는 속성 값이 있는 HTML</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:bootstrap:bootstrap_note:bs_grid_basic&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_grid_basic</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_grid_basic&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Grids

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




Bootstrap Grid System

Bootstrap의 그리드 시스템은 페이지에 최대 12 개의 컬럼(columns)을 허용합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_link_href_attribute&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_-_link_href_attribute</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_tags_-_link_href_attribute&amp;rev=1673603052&amp;do=diff</link>
        <description>HTML Tags - &lt;link&gt; href Attribute

	*  description : HTML Tags - &lt;link&gt; href Attribute
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-06-01




the Source of the article

HTML &lt;link&gt; href Attribute


Example

외부 스타일 시트에 연결(link)</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: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:miscellaneous:code_conventions: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:miscellaneous:code_conventions:comments</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:code_conventions:comments&amp;rev=1673603050&amp;do=diff</link>
        <description>Code Conventions for the Java Programming Language

	*  description : 5 - Comments 
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-04-15 Fri






5. 들여쓰기

Java 프로그램은 구현 주석과 문서화 주석의 두 가지 주석을 가질 수 있습니다. 구현 주석은</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_image_gallery&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_image_gallery</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_image_gallery&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Iamge Gallery

	*  description : CSS Iamge Gallery
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-31



CSS로 이미지 갤러리를 만들 수 있습니다.


Image Gallery

하기의 이미지 갤러리를</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_glyphicons&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_glyphicons</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_glyphicons&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Glyphicons

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




Glyphicons

Bootstrap은 Glyphicons Halflings 세트에서 260 개의 글리피콘을 제공합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:egovframe:ckeditor&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:egovframe:ckeditor</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:egovframe:ckeditor&amp;rev=1673603051&amp;do=diff</link>
        <description>Ckeditor

	*  description : Ckediotr 관련 내용 기술
	*  author      : 주레피
	*  email       : dhan@repia.com
	*  lastupdate  : 2020-03-24

이미지 업로드

ckeditor  4 + spring + 파일 업로드 - (주레피) 확인된 자료
전자정부 표준프레임워크 - CKEditor 적용하기

Example

ckeditor4 example 

ckeditor-tutorial 

client-side-programming 


Getter, Setter

내용 입력</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:polymorphism:polymorphism_%EB%8B%A4%ED%98%95%EC%84%B1&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:polymorphism:polymorphism_다형성</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:polymorphism:polymorphism_%EB%8B%A4%ED%98%95%EC%84%B1&amp;rev=1673603050&amp;do=diff</link>
        <description>[Java] Polymorphism

	*  description : [Java] Polymorphism
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-03-18

[Java] Polymorphism

객체지향의 사실과 오해 역할, 책임, 협력 관점에서 본 객체지향</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:eclipse:shortcut&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:eclipse:shortcut</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:eclipse:shortcut&amp;rev=1673603051&amp;do=diff</link>
        <description>이클립스 주요 단축키 Top 30

Programmer Selection

1) Ctrl + Shift + T for finding a class even from a JAR file
This keyboard shortcut in Eclipse is my most used and favorite shortcut. While working with a high-speed trading system that has a complex code,
I often need to find classes with the just blink of the eye, and this Eclipse keyboard shortcut is just made for that. No matter whether you have a class in your application
or inside any JAR in the workspace, this shortcut will find it.…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_jumbotron&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_jumbotron</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:bootstrap:bootstrap_note:bs_jumbotron&amp;rev=1673603051&amp;do=diff</link>
        <description>Bootstrap Jumbotron

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




Bootstrap Jumbotron and Page Header

Creating a Jumbotron

점보트론은 특별한 콘텐츠 또는 정보에 특별한 주의를 기울이게 하는 큰 상자를 나타냅니다.</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: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:ai:python:%EB%AC%B8%EC%9E%90%EC%97%B4_%EC%97%B0%EC%82%B0_%EB%B0%8F_%EC%8A%AC%EB%9D%BC%EC%9D%B4%EC%8B%B1&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:ai:python:문자열_연산_및_슬라이싱</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:ai:python:%EB%AC%B8%EC%9E%90%EC%97%B4_%EC%97%B0%EC%82%B0_%EB%B0%8F_%EC%8A%AC%EB%9D%BC%EC%9D%B4%EC%8B%B1&amp;rev=1673603050&amp;do=diff</link>
        <description>문자열_연산_및_슬라이싱

	*  description : 문자열 연산 및 슬라이싱
	*  author      : 도봉산핵주먹
	*  email       : hylee@repia.com
	*  lastupdate  : 2020-06-20

문자열_연산_및_슬라이싱

예제 코드



# Section04-2
# 파이썬 데이터 타입(자료형)
# 문자열, 문자열 연산, 슬라이싱
# 문자열 중요성(가장 많은 분야에서 사용)

# 문자열 생성
str1 = &quot;I am Boy.&quot;
str2 = 'NiceMan'
str3 = &quot;&quot;&quot;How are you?&quot;&quot;&quot;
str4 = '''Thank you!'''

# 문자열 출력
print(&quot; == 변수타입 출력 &quot;)
print(type(str1))
print(type(str2))
print(type(str3))
print(type(str4))
print()

# 문자열 길이
print(&quot; == 문자열길이 출력 &quot;)
print(len(str1))
print…</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: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=was:tomcat:tomcat_%EA%B4%80%EB%A6%AC%EC%9E%90_%EC%BD%98%EC%86%94_%EC%A0%91%EA%B7%BC%ED%86%B5%EC%A0%9C&amp;rev=1688628276&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-07-06T16:24:36+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>was:tomcat:tomcat_관리자_콘솔_접근통제</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=was:tomcat:tomcat_%EA%B4%80%EB%A6%AC%EC%9E%90_%EC%BD%98%EC%86%94_%EC%A0%91%EA%B7%BC%ED%86%B5%EC%A0%9C&amp;rev=1688628276&amp;do=diff</link>
        <description>*  description : 톰캣 보안패치 ( Tomcat )
	*  author      : 김토피아
	*  email       : kimmk@repia.com
	*  lastupdate  : 2023-07-06

취약점 내용

항목명 : 관리자 콘솔 접근통제 

중요도 : 중 

항목개요 : 관리자 콘솔의 경우, 외부로부터 침해되는 경우 Web에 관련된 모든 권한을 누출할 수 있으므로 관리에 주의해야 함</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: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: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: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: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:javascript:javascript_note:json_vs_xml&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_vs_xml</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_vs_xml&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript JSON vs XML

	*  description : JSON vs XML
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-04-06 Wed




The source of this article

JSON vs XML


JSON과 XML 모두 웹 서버에서 데이터를 수신하는 데 사용할 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_switch&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_switch</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_switch&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Switch Statement

	*  description : JavaScript Switch Statement
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-26




the source of this article

JavaScript Switch Statement


switch 스테이트먼트는 다른 조건에 기반하여 다른 작업을 하는 데 사용됩니다.</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:miscellaneous:%ED%81%AC%EB%A1%A0%EC%A0%95%EB%A6%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:miscellaneous:크론정리</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:%ED%81%AC%EB%A1%A0%EC%A0%95%EB%A6%AC&amp;rev=1673603050&amp;do=diff</link>
        <description>크론정리

	*  description : 크론정리
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-06-30 Thu




크론정리

getNextValidTimeAfter()

Quartz 사용 시 cron에 정의한 시간에 정상 동작하는지를 확인해야 하는 경우, Quartz에서 제공하는 CronExpression클래스를 이용.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_pseudo-class&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_pseudo-class</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_pseudo-class&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Pseudo-classes

	*  description : CSS Pseudo-classes
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-29




What are Pseudo-classes?

가상 클래스(Pseudo classes, 쑤도우 클래스, 의사 클래스)는 요소의 특별한 샅애를 정의하기 위해 사용합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:programming&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:programming</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:programming&amp;rev=1673603053&amp;do=diff</link>
        <description>Programming

TIOBE index

프로그래밍언어 순위
  Aug 2020    Aug 2019    추이    Programming Language    Ratings    Change    1     2    상승   C                       16.98%   +1.83%   2     1    하강   Java                    14.43%   -1.60%   3     3          Python</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:util:google_keep&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:google_keep</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:util:google_keep&amp;rev=1673603052&amp;do=diff</link>
        <description>Google Keep

	*  description : 구글 Keep 사용법 설명
	*  author      : 주레피
	*  email       : dhan@repia.com
	*  lastupdate  : 2020-01-31

Site

	*  &lt;https://keep.google.com/&gt;
	*  구글에서 제공하는 메모 프로그램
	*  크롬과 안드로이드와 연동이 됨</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:chartjs&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:chartjs</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:chartjs&amp;rev=1673603050&amp;do=diff</link>
        <description>Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon 

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

Chart JS Examples

	*  Chart JS Sample01</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_links&amp;rev=1673931645&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-17T14:00:45+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:html:html_note:html_links</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:html:html_note:html_links&amp;rev=1673931645&amp;do=diff</link>
        <description>HTML Links

	*  description : HTML Links
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-09




Source of the article

	*  HTML Links



거의 모든 웹 페이지에서 링크(Links)를 찾을 수 있습니다. 링크를 통해 사용자는 페이지를 이동합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_math_-_random_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:js_math_-_random_method</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_math_-_random_method&amp;rev=1673603052&amp;do=diff</link>
        <description>Javascript Math - random() Method

	*  description : Javascript Math - random()
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-29




Ref

Javascript Math - random()


function myFunction() {
  document.getElementById(&quot;demo&quot;).innerHTML = Math.random();  // 0.37951821192654944
}</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat:hot_deploy&amp;rev=1675229906&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-02-01T14:38:26+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:was:tomcat:hot_deploy</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:was:tomcat:hot_deploy&amp;rev=1675229906&amp;do=diff</link>
        <description>Hot Deploy

	*  description : How to set Hot Deploy to Tomcat Server
	*  author : 오션, slaptear
	*  email : shlim@repia.com, sgjang@repia.com
	*  lastupdate : 2023-02-01 Wed




Hot Deploy

	*  서버 실행 중 수정된 Java 소스가 배포될 경우 서버를 재가동하지 않고 변경된 Java 소스를 바로 적용하는 기능</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:filter&amp;rev=1673930566&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-17T13:42:46+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:javascript:javascript_note:filter</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:filter&amp;rev=1673930566&amp;do=diff</link>
        <description>JavaScript Array filter()

	*  description : JavaScript Array filter()
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2023-01-17 Tue




Definition and Usage

filter() 메소드는 함수로 제공된 테스트를 통과한 요소들의 새로운 배열을 생성합니다.</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: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:miscellaneout:string%EB%A9%94%EC%86%8C%EB%93%9C-charat&amp;rev=1673923768&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-01-17T11:49:28+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:miscellaneout:string메소드-charat</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneout:string%EB%A9%94%EC%86%8C%EB%93%9C-charat&amp;rev=1673923768&amp;do=diff</link>
        <description>Java String charAt() 메소드

	*  description : Java String charAt() 메소드, 통화 기호
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2023-01-17 Tue




String charAt() method

charAt() 메소드는 문자열에서 지정한 인덱스의 문자(character)를 반환합니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_tooltips&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_tooltips</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_tooltips&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Tooltip

* description : CSS Advanced - CSS Tooltip
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-10-06




Source of this article

CSS Tooltip

[HTML/CSS] 툴팁 적용하는 방법(title 및 커스텀 툴팁

Tooltip Arrows



오션 css media queries examples</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_callback&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_callback</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_callback&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery Effects - Callback Functions

	*  description : jQuery Effects - Callback Functions
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-16



현재 효과가 100 % 완료된 후, 콜백 함수가 실행됩니다.</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:css:css_note:css_dropdowns&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_dropdowns</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_dropdowns&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Dropdowns

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



CSS로 호버할 수 있는(hoverable) 드롭다운 메뉴를 만듭니다.


Basic Dropdown

사용자가 요소 위에 마우스를 올렸을 때 나타나는 드롭다운 박스를 만듭니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:code_conventions&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</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:code_conventions&amp;rev=1673603050&amp;do=diff</link>
        <description>*  1 - Introduction
	*  2 - File Names
	*  3 - File Organization
	*  4 - Indentation
	*  5 - Comments
	*  6 - Declarations
	*  7 - Statements
	*  8 - White Space
	*  9 - Naming Conventions
	*  10 - Programming Practices
	*  11 - Code Examples</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: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:javascript:jquery:jquery_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:jquery:jquery_note:jquery_selectors</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_selectors&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery Selectors

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



jQuery 셀렉터(selectors)는 jQuery 라이브러이의 가장 중요한 부분들 중 하나입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_height_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_height_width</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_height_width&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Height / Width

	*  description : CSS Height / Width
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-05




Source of the article

	*  CSS Height / Width






CSS Height and Width

CSS height와 width속성들은 한 요소의 높이와 너비를 설정하기 위해 사용됩니다</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:link&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:link</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:link&amp;rev=1673603051&amp;do=diff</link>
        <description>Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon 

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

Useful Links

tailwindcss



Bootstrap Color



fontpair



Top 50 google Font Pairings



COOLORS



Happy Hues



shadowlord-Tints and Shades



Type Scale - A Visual Calculator



Normalize.css



Windows 10 터미널 커스터마이징 (feat.WSL2, oh-my-zsh)



WSL2 (Windows Subsystemfor Linux 2) 설치 방법













주요 사이트

퇴근 빨리 하는 방법

	*  1. 
	*  2. 

강좌

	*  생활코딩 &lt;https://op…</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: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: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:miscellaneous:dateformat_format&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:dateformat_format</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:dateformat_format&amp;rev=1673603050&amp;do=diff</link>
        <description>DateFormat format()

	*  description : DateFormat format()
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-06-21 Tue




DateFormat format()

Ref LInk

DateFormat format() Method in Java with Examples




설명(구글 번역기)

java.text 패키지 내부에 있는 DateFormat 클래스는 모든 로케일의 날짜를 형식화하고 구문 분석하는 데 사용되는 추상 클래스입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:csp&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:csp</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:csp&amp;rev=1673603052&amp;do=diff</link>
        <description>CSP(Content Security Policy)

	*  description : CSP(Content Security Policy)로 콘텐츠 보안 정책 설정하기
	*  author : 와프
	*  email : iyyeo@repia.com
	*  lastupdate : 2021-10-08

개요



	*  콘텐츠 보안 정책(CSP: Content Security Policy)이란 교차 사이트 스크립팅(XSS) 공격과 데이터 삽입 공격을 막기 위한 추가적인 브라우저 보안 계층입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:programming:shell&amp;rev=1676020988&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-02-10T18:23:08+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>wiki:programming:shell</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:programming:shell&amp;rev=1676020988&amp;do=diff</link>
        <description>쉘 프로그래밍

	*  description : 쉘 프로그래밍 예정
	*  author      : 주레피
	*  email       : dhan@repia.com
	*  lastupdate  : 2022-03-10

Case Study

	*  bash(배시, 본어게인쉘)

	*  쉘 스크립트로 파일 사이즈 구하기

백업 스크립트


#!/bin/sh

cd /volume1/dhan/synology/
date &gt;&gt; backup.log

WIKI_BACKUP_SOURCE=/volume1/web/dokuwiki/data/media/wiki/backup
WIKI_BACKUP_TARGET=&quot;/volume1/homes/[resources]/rwiki backup&quot;
YESTERDAY=`date -d '1 day ago' +%Y%m%d`

#1. 백업데이터 이동
echo &quot;${WIKI_BACKUP_SOURCE}/dw-backup-${YESTERDAY}*.tar ${WIKI_BACKUP_TAR…</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: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: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: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: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: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:css:css_note:css_introduction_syntax&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_introduction_syntax</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_introduction_syntax&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Introduction &amp; Syntax

	*  description : CSS Introduction &amp; Syntax
	*  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: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_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: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_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: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: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:css:css_note:css_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_navbar</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_navbar&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Navigation Bar

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




Navigation Bars

사용하기 쉬운 네비게이션 바는 모든 웹 사이트에서 중요합니다.



CSS</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: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: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: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: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:css:css_note:css_image_sprites&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_image_sprites</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:css:css_note:css_image_sprites&amp;rev=1673603050&amp;do=diff</link>
        <description>CSS Iamge Sprites

	*  description : CSS Iamge Sprites
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-03-31




Image Sprites

이미지 스프라이트(Image Sprites)는 단일 이미지에 넣은 이미지 모음입니다.</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: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:javascript:javascript_note:js_assignment&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_assignment</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:js_assignment&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Assignment

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




The Source of this article

JavaScript Assignment



JavaScript Assignment Operators

할당 연산자(Assignment operators)는</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:web:apache:ssl_%EC%A0%81%EC%9A%A9_%EA%B0%80%EC%9D%B4%EB%93%9C&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:web:apache:ssl_적용_가이드</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:web:apache:ssl_%EC%A0%81%EC%9A%A9_%EA%B0%80%EC%9D%B4%EB%93%9C&amp;rev=1673603051&amp;do=diff</link>
        <description>SSL(https) 적용 가이드

	*  description : 
	*  author      : 김토피아
	*  email       : kimmk@repia.com
	*  lastupdate  : 2021-01-19

요청, 질문

	*  요청하실 내용을 이름과 함께 작성해 주세요

	*  예시) 예시) 이것 저것 모두 도와주세요~</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:os:linux:bashrc&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:os:linux:bashrc</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:os:linux:bashrc&amp;rev=1673603053&amp;do=diff</link>
        <description>bashrc 커스터마이징

	*  description : bashrc 유용한 정보 모음
	*  author      : 주레피
	*  email       : dhan@repia.com
	*  lastupdate  : 2020-01-31

Environment(환경변수)


# date 관련
D_YMD=`date +%Y%m%d`
D_Y-M-D=`date +%Y-%m-%d`
# 
TMOUT=0
export TMOUT D_YMD D_Y-M-D</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_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:json_intro</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:javascript_note:json_intro&amp;rev=1673603052&amp;do=diff</link>
        <description>JavaScript Json Intro

	*  description : JavaScript JSON - Introduction
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-12-09 Fri




The source of this article

JSON - Introduction

JSON은 JavaScript Object Notation(자바스크립트 객체 표기법)을 의미합니다.
JSON은 데이터를 저장, 전송하기 위한 텍스트 형식입니다. 
JSON은 자체 서술적(self-describing)이며, 이해하기 쉽습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=was:tomcat:%EB%A1%9C%EA%B7%B8_%ED%8F%AC%EB%A7%B7_%EC%84%A4%EC%A0%95&amp;rev=1689057696&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-07-11T15:41:36+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>was:tomcat:로그_포맷_설정</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=was:tomcat:%EB%A1%9C%EA%B7%B8_%ED%8F%AC%EB%A7%B7_%EC%84%A4%EC%A0%95&amp;rev=1689057696&amp;do=diff</link>
        <description>*  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:miscellaneous:doublecolonoperator:double_colon_operator&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:doublecolonoperator:double_colon_operator</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:doublecolonoperator:double_colon_operator&amp;rev=1673603050&amp;do=diff</link>
        <description>Lamda and Double Colon Operator

	*  description : Lamda and Double Colon Operator
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-03-11

Lamda and Double Colon Operator


interface Calculator {
// 두 개의 정수를 입력받고, 결과값을 리턴하는 sum 함수를 정의한 Calculator 인터페이스
   int sum(int a, int b);
}

class MyCalculator implements Calculator 
// 자식 클래스 MyCalculator는 인터페이스인 부모 클래스 Calculator를 구현한다.
   public int sum(int a, int b) {
      return a + b;
   }
}

public class Sample {
   publ…</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:%EC%A0%84%EC%9E%90%EC%A0%95%EB%B6%80%ED%91%9C%EC%A4%80%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC_%ED%8E%98%EC%9D%B4%EC%A7%95%EC%B2%98%EB%A6%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:miscellaneous:전자정부표준프레임워크_페이징처리</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:%EC%A0%84%EC%9E%90%EC%A0%95%EB%B6%80%ED%91%9C%EC%A4%80%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC_%ED%8E%98%EC%9D%B4%EC%A7%95%EC%B2%98%EB%A6%AC&amp;rev=1673603050&amp;do=diff</link>
        <description>전자정부표준프레임워크 페이징 처리

	*  description : 전자정부표준프레임워크 페이징 처리
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-09-01




전자정부표준프레임워크 페이징 처리</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_intro&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_intro</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:sass:sass_intro&amp;rev=1673603053&amp;do=diff</link>
        <description>Sass Tutorial

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




Ref

Sass Introduction


What is Sass?

	*  Sass는 Syntactically Awesome Stylesheet의 약자입니다.
	*  Sass는 CSS의 확장입니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_css_classes&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_css_classes</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:javascript:jquery:jquery_note:jquery_css_classes&amp;rev=1673603052&amp;do=diff</link>
        <description>jQuery - Get and Set CSS Classes

	*  description : jQuery - Get and Set Classes
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2021-04-16



jQuery를 사용하면 요소들의 스타일을 쉽게 조작할 수 있습니다.</description>
    </item>
    <item rdf:about="http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:base64&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:base64</title>
        <link>http://125.132.25.164/dokuwiki/doku.php?id=wiki:miscellaneous:base64&amp;rev=1673603050&amp;do=diff</link>
        <description>베이스64 ( Base64 )

	*  description : 베이스64 ( Base64 )
	*  author      : 오션
	*  email       : shlim@repia.com
	*  lastupdate  : 2022-05-11 Wed




베이스64 ( Base64 )

1. 적용위치

Apps.repia.com &gt; R-Utils &gt; Crypto - select box - Base64 선택</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: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: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=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>
