[javascript]์ฐจํŠธ ๊ด€๋ จ ์Šคํฌ๋ฆฝ

2014. 2. 12. 16:14ยทLanguages/JavaScript
var c1 = false;
var c2 = false;
var c3 = false;
var c4 = false;

function chart(ch, name) {
    var s1 = [[2, 162]]; //ํ‘œ์ค€
    var s2 = [[3, 164]]; //๋ฐ˜๋ณ‘๊ท 
    var s3 = [[4, 163]]; //ํ•™๊ตํ‰๊ท 

    var s4 = [[1, 155]]; //๋‚˜
    var ticks = [[1, "๋‚˜"], [2, "ํ‘œ์ค€"], [3, "๋ฐ˜ํ‰๊ท "], [4, "ํ•™๊ตํ‰๊ท "]];
    if (ch == false) { var c = true; } else { var c = false; }
    var chart_name = name;

    plot1 = $.jqplot(chart_name, [s4, s1, s2, s3], {
        // Turns on animatino for all series in this plot.

        animate: c,
        // Will animate plot on calls to plot1.replot({resetAxes:true})
        animateReplot: true,
        cursor: {
            show: true,
            zoom: true,
            looseZoom: true,
            showTooltip: false
        },
        series: [
            {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 1500
                    },
                    color: '#3fc6f3',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 2000
                    },
               //     color: '#afcc12',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 2500
                    },
               //     color: '#afcc12',
                    barWidth: 40,
                    barPadding: -30,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 3000
                    },
                 //   color: '#afcc12',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }
        ],
        axesDefaults: {
            pad: 0
        },
        axes: {
            // These options will set up the x axis like a category axis.
            xaxis: {
                ticks: ticks,
                tickInterval: 1,
                drawMajorGridlines: false,
                drawMinorGridlines: true,
                drawMajorTickMarks: false,
                rendererOptions: {
                    tickInset: 0.5,
                    minorTicks: 1

                }
            },
            yaxis: {
                tickOptions: {
                    formatString: "%'d",
                    showGridline: false,                    
                },
                drawMajorGridlines:false,
                rendererOptions: {
                    forceTickAt0: true
                }
            },
            y2axis: {
                tickOptions: {
                    formatString: "%'d",
                    showGridline: false
                },
                drawMajorGridlines:false,
                rendererOptions: {
                    // align the ticks on the y2 axis with the y axis.
                    alignTicks: true,
                    forceTickAt0: true
                }
            }
        }

        // ,
        // highlighter: {
        //     show: true, 
        //     showLabel: true, 
        //     tooltipAxes: 'y',
        //     sizeAdjust: 7.5 , tooltipLocation : 'ne'
        // }
    });
}

function chart2(ch, name) {
    var s1 = [[2, 41.3]]; //ํ‘œ์ค€
    var s2 = [[3, 45.7]]; //๋ฐ˜๋ณ‘๊ท 
    var s3 = [[4, 46.2]]; //ํ•™๊ตํ‰๊ท 

    var s4 = [[1, 47]]; //๋‚˜
    var ticks = [[1, "๋‚˜"], [2, "ํ‘œ์ค€"], [3, "๋ฐ˜ํ‰๊ท "], [4, "ํ•™๊ตํ‰๊ท "]];
    if (ch == false) { var c = true; } else { var c = false; }
    var chart_name = name;

    plot1 = $.jqplot(chart_name, [s4, s1, s2, s3], {
        // Turns on animatino for all series in this plot.

        animate: c,
        // Will animate plot on calls to plot1.replot({resetAxes:true})
        animateReplot: true,
        cursor: {
            show: true,
            zoom: true,
            looseZoom: true,
            showTooltip: false
        },
        series: [
            {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',                
                shadow: false,               
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 1500
                    },
                    color: '#3fc6f3',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 2000
                    },
               //     color: '#afcc12',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 2500
                    },
               //     color: '#afcc12',
                    barWidth: 40,
                    barPadding: -30,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 3000
                    },
                 //   color: '#afcc12',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }
        ],
        axesDefaults: {
            pad: 0
        },
        axes: {
            // These options will set up the x axis like a category axis.
            xaxis: {
                ticks: ticks,
                tickInterval: 1,
                drawMajorGridlines: false,
                drawMinorGridlines: true,
                drawMajorTickMarks: false,
                rendererOptions: {
                    tickInset: 0.5,
                    minorTicks: 1

                }
            },
            yaxis: {
                tickOptions: {
                    formatString: "%'d",
                    showGridline: false,                    
                },
                drawMajorGridlines:false,
                rendererOptions: {
                    forceTickAt0: true
                }
            },
            y2axis: {
                tickOptions: {
                    formatString: "%'d",
                    showGridline: false
                },
                drawMajorGridlines:false,
                rendererOptions: {
                    // align the ticks on the y2 axis with the y axis.
                    alignTicks: true,
                    forceTickAt0: true
                }
            }
        }

        // ,
        // highlighter: {
        //     show: true, 
        //     showLabel: true, 
        //     tooltipAxes: 'y',
        //     sizeAdjust: 7.5 , tooltipLocation : 'ne'
        // }
    });
}
var c11 = false; //์‹ ์žฅ ๋žญํฌ
var c12 = false; //์ฒด์ค‘ ๋žญํฌ
var c13 = false; //bmi ๋žญํฌ

function chart3(ch, name) {
       var s1 = [169,163,161,159,154,150,146,140,135]; //ํ‘œ์ค€

    var ticks = [[1, "1๋ฐ˜"], [2, "3๋ฐ˜"], [3, "5๋ฐ˜"], [4, "9๋ฐ˜"],[5, "7๋ฐ˜"], [6, "2๋ฐ˜"], [7, "4๋ฐ˜"], [8, "6๋ฐ˜"]];
    if (ch == false) { var c = true; } else { var c = false; }
    var chart_name = name;

    plot1 = $.jqplot(chart_name, [s1], {
        // Turns on animatino for all series in this plot.

        animate: c,
        // Will animate plot on calls to plot1.replot({resetAxes:true})
        animateReplot: true,
        cursor: {
            show: true,
            zoom: true,
            looseZoom: true,
            showTooltip: false
        },
        series: [
            {
                pointLabels: {
                    show: false
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',                
                shadow: false,               
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 1500
                    },
                    color: '#eb2b2a',
                    barWidth: 30,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }
        ],
        axesDefaults: {
            pad: 0
        },grid: {
            background: '#ffffff',
            borderColor: '#000000',
            borderWidth: 0.0,  
            shadow : false    
        },
        axes: {
            // These options will set up the x axis like a category axis.
            xaxis: {
                ticks: ticks,
                tickInterval: 1,
                drawMajorGridlines: false,
                drawMinorGridlines: true,
                drawMajorTickMarks: false,
                rendererOptions: {
                    tickInset: 0.5,
                    minorTicks: 1

                }
            },
            yaxis: {
                tickOptions: {
                    formatString: "%'d",
                    showGridline: false,                    
                },
                drawMajorGridlines:false,
                rendererOptions: {
                    forceTickAt0: true
                },
                min : 110,
                max : 180
            },
            y2axis: {
                tickOptions: {
                    formatString: "%'d",
                    showGridline: false
                },
                drawMajorGridlines:false,
                rendererOptions: {
                    // align the ticks on the y2 axis with the y axis.
                    alignTicks: true,
                    forceTickAt0: true
                }
            }
        }

        // ,
        // highlighter: {
        //     show: true, 
        //     showLabel: true, 
        //     tooltipAxes: 'y',
        //     sizeAdjust: 7.5 , tooltipLocation : 'ne'
        // }
    });
}
function chart4(ch, name) {
    var s1 = [[2, 66]]; //ํ‘œ์ค€
    var s2 = [[3, 63]]; //๋ฐ˜๋ณ‘๊ท 
    var s3 = [[4, 60]]; //ํ•™๊ตํ‰๊ท 

    var s4 = [[1, 67]]; //๋‚˜
    var ticks = [[1, "1๋ฐ˜"], [2, "5๋ฐ˜"], [3, "7๋ฐ˜"], [4, "8๋ฐ˜"]];
    if (ch == false) { var c = true; } else { var c = false; }
    var chart_name = name;

    plot1 = $.jqplot(chart_name, [s4, s1, s2, s3], {
        // Turns on animatino for all series in this plot.

        animate: c,
        // Will animate plot on calls to plot1.replot({resetAxes:true})
        animateReplot: true,
        cursor: {
            show: true,
            zoom: true,
            looseZoom: true,
            showTooltip: false
        },
        series: [
            {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',                
                shadow: false,               
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 1500
                    },
                    color: '#3fc6f3',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 2000
                    },
               //     color: '#afcc12',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 2500
                    },
               //     color: '#afcc12',
                    barWidth: 40,
                    barPadding: -30,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 3000
                    },
                 //   color: '#afcc12',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }
        ],
        axesDefaults: {
            pad: 0
        },
        axes: {
            // These options will set up the x axis like a category axis.
            xaxis: {
                ticks: ticks,
                tickInterval: 1,
                drawMajorGridlines: false,
                drawMinorGridlines: true,
                drawMajorTickMarks: false,
                rendererOptions: {
                    tickInset: 0.5,
                    minorTicks: 1

                }
            },
            yaxis: {
                tickOptions: {
                    formatString: "%'d",
                    showGridline: false,                    
                },
                drawMajorGridlines:false,
                rendererOptions: {
                    forceTickAt0: true
                }
            },
            y2axis: {
                tickOptions: {
                    formatString: "%'d",
                    showGridline: false
                },
                drawMajorGridlines:false,
                rendererOptions: {
                    // align the ticks on the y2 axis with the y axis.
                    alignTicks: true,
                    forceTickAt0: true
                }
            }
        }

        // ,
        // highlighter: {
        //     show: true, 
        //     showLabel: true, 
        //     tooltipAxes: 'y',
        //     sizeAdjust: 7.5 , tooltipLocation : 'ne'
        // }
    });
}
function chart5(ch, name) {
    var s1 = [[2, 25.2]]; //ํ‘œ์ค€
    var s2 = [[3, 23.1]]; //๋ฐ˜๋ณ‘๊ท 
    var s3 = [[4, 18.5]]; //ํ•™๊ตํ‰๊ท 

    var s4 = [[1, 27.1]]; //๋‚˜
    var ticks = [[1, "7๋ฐ˜"], [2, "1๋ฐ˜"], [3, "9๋ฐ˜"], [4, "2๋ฐ˜"]];
    if (ch == false) { var c = true; } else { var c = false; }
    var chart_name = name;

    plot1 = $.jqplot(chart_name, [s4, s1, s2, s3], {
        // Turns on animatino for all series in this plot.

        animate: c,
        // Will animate plot on calls to plot1.replot({resetAxes:true})
        animateReplot: true,
        cursor: {
            show: true,
            zoom: true,
            looseZoom: true,
            showTooltip: false
        },
        series: [
            {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',                
                shadow: false,               
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 1500
                    },
                    color: '#3fc6f3',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 2000
                    },
               //     color: '#afcc12',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 2500
                    },
               //     color: '#afcc12',
                    barWidth: 40,
                    barPadding: -30,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 3000
                    },
                 //   color: '#afcc12',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }
        ],
        axesDefaults: {
            pad: 0
        },
        axes: {
            // These options will set up the x axis like a category axis.
            xaxis: {
                ticks: ticks,
                tickInterval: 1,
                drawMajorGridlines: false,
                drawMinorGridlines: true,
                drawMajorTickMarks: false,
                rendererOptions: {
                    tickInset: 0.5,
                    minorTicks: 1

                }
            },
            yaxis: {
                tickOptions: {
                    formatString: "%'d",
                    showGridline: false,                    
                },
                drawMajorGridlines:false,
                rendererOptions: {
                    forceTickAt0: true
                }
            },
            y2axis: {
                tickOptions: {
                    formatString: "%'d",
                    showGridline: false
                },
                drawMajorGridlines:false,
                rendererOptions: {
                    // align the ticks on the y2 axis with the y axis.
                    alignTicks: true,
                    forceTickAt0: true
                }
            }
        }

        // ,
        // highlighter: {
        //     show: true, 
        //     showLabel: true, 
        //     tooltipAxes: 'y',
        //     sizeAdjust: 7.5 , tooltipLocation : 'ne'
        // }
    });
}
var c5 = false;
var c6 = false;
var c7 = false;

var c8 = false;
var c9 = false;
var c10 = false;

function chart_detail(ch, name) {
    var s1 = [[2, 162]]; //ํ‘œ์ค€
    var s2 = [[3, 164]]; //๋ฐ˜๋ณ‘๊ท 
    var s3 = [[4, 163]]; //ํ•™๊ตํ‰๊ท 

    var s4 = [[1, 155]]; //๋‚˜
    var ticks = [[1, "9์›”"], [2, "10์›”"], [3, "11์›”"], [4, "12์›”"]];
    if (ch == false) { var c = true; } else { var c = false; }
    var chart_name = name;

    plot1 = $.jqplot(chart_name, [s4, s1, s2, s3], {
        // Turns on animatino for all series in this plot.

        animate: c,
        // Will animate plot on calls to plot1.replot({resetAxes:true})
        animateReplot: true,
        cursor: {
            show: true,
            zoom: true,
            looseZoom: true,
            showTooltip: false
        },
        series: [
            {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 1500
                    },
                    color: '#3fc6f3',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 2000
                    },
                    color: '#afcc12',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 2500
                    },
                    color: '#afcc12',
                    barWidth: 40,
                    barPadding: -30,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }, {
                pointLabels: {
                    show: true
                },
                renderer: $.jqplot.BarRenderer,
                showHighlight: false,
                yaxis: 'yaxis',
                rendererOptions: {
                    // Speed up the animation a little bit.
                    // This is a number of milliseconds.  
                    // Default for bar series is 3000.  
                    animation: {
                        speed: 3000
                    },
                    color: '#afcc12',
                    barWidth: 40,
                    barPadding: -40,
                    barMargin: 0,
                    highlightMouseOver: false
                }
            }
        ],
        axesDefaults: {
            pad: 0
        },
        axes: {
            // These options will set up the x axis like a category axis.
            xaxis: {
                ticks: ticks,
                tickInterval: 1,
                drawMajorGridlines: false,
                drawMinorGridlines: true,
                drawMajorTickMarks: false,
                rendererOptions: {
                    tickInset: 0.5,
                    minorTicks: 1

                }
            },
            yaxis: {
                tickOptions: {
                    formatString: "%'d"
                },
                rendererOptions: {
                    forceTickAt0: true
                }
            },
            y2axis: {
                tickOptions: {
                    formatString: "%'d"
                },
                rendererOptions: {
                    // align the ticks on the y2 axis with the y axis.
                    alignTicks: true,
                    forceTickAt0: true
                }
            }
        }

        // ,
        // highlighter: {
        //     show: true, 
        //     showLabel: true, 
        //     tooltipAxes: 'y',
        //     sizeAdjust: 7.5 , tooltipLocation : 'ne'
        // }
    });
}
728x90
์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€ (์ƒˆ์ฐฝ์—ด๋ฆผ)
'Languages/JavaScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [jquery]layer popup
  • [javascript]html5 video stop, reset, load
  • [javascript] ๋…„์›”์ผ(YYYYMMDD) ์ฒดํฌ
  • [javascript] ์‹œ๋ถ„์ดˆ์— ํŠน์ • ๋ฌธ์ž ๋„ฃ๊ธฐ
์ง€๋‹ˆ๐Ÿงž‍โ™‚๏ธ๐Ÿฅญ
์ง€๋‹ˆ๐Ÿงž‍โ™‚๏ธ๐Ÿฅญ
์ผ์ƒ, ๊ฒŒ์ž„, ๋ง›์ง‘, ์—ฌํ–‰, ๊ฐœ๋ฐœ, IT ๋ธ”๋กœ๊ทธ๐Ÿงž
  • ์ง€๋‹ˆ๐Ÿงž‍โ™‚๏ธ๐Ÿฅญ
    ์š”์ˆ  ๋žจํ”„๐Ÿซ–
    ์ง€๋‹ˆ๐Ÿงž‍โ™‚๏ธ๐Ÿฅญ
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • All (549)
      • Languages (57)
        • JAVA (13)
        • JSP (1)
        • C_C++ (4)
        • Html (3)
        • CSS (1)
        • JavaScript (18)
        • Python (3)
        • Kotlin (13)
        • TypeScript (1)
      • Framework (14)
        • spring (11)
        • jstl (1)
        • angular (2)
      • Tool (28)
        • Eclipse (5)
        • vsCode (3)
        • scrcpy (2)
        • Git (1)
        • IntelliJ (6)
        • Visual-studio (1)
        • UML (1)
        • Gradle (8)
      • DB (6)
        • Oracle (1)
        • MySql (3)
        • Mongo (2)
      • OS (14)
        • Linux (2)
        • Windows (12)
      • Server (8)
        • Tomcat (1)
        • Apache (1)
        • Node.js (6)
      • Programmings (25)
        • Design Pattern (2)
        • Funny (20)
        • Algorithms (3)
      • Cloud (8)
        • Docker (1)
        • Kubernetes (4)
        • Istio (1)
        • ArgoCD (2)
      • IT (5)
        • gRPC (3)
        • RESTful (3)
        • Web UI (5)
        • AI (4)
      • Book (6)
      • TIP (187)
      • Life (53)
      • Game (83)
      • Storage (22)
      • ์‹๋‹น (15)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
    • ์‚ฌ์ดํŠธ๋งต
    • RSS
    • ๊ธฐํƒ€ ์†Œ๋“
  • ๋งํฌ

    • ๊ตฌ๊ธ€
    • ๋„ค์ด๋ฒ„
    • ์ •๋ถ€24
    • Spring Framework ๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ
    • Kotlin ๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ
    • ์นด์นด์˜ค ์• ๋“œํ•
    • ๋ธ”๋กœ๊ทธ ์‚ฌ์ดํŠธ๋งต
    • ๋ธ”๋กœ๊ทธ RSS
  • ๊ณต์ง€์‚ฌํ•ญ

    • ์•ˆ๋…•ํ•˜์„ธ์š”
  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    ํƒœ๊ตญ
    ๋ธŒ๋ฆฌํ•‘
    ๋‰ด์Šค ๋ธŒ๋ฆฌํ•‘
    ํ€˜์ŠคํŠธ
    ๋ชฌ์Šคํ„ฐํ—Œํ„ฐ์™€์ผ์ฆˆ
    ์˜ค๋Š˜์˜๋‰ด์Šค
    ํ•œ๋ˆˆ์— ๋ณด๋Š” ์˜ค๋Š˜์˜ ๋‰ด์Šค
    ๋‰ด์Šค
    ๋ชฌ์Šคํ„ฐํ—Œํ„ฐ๋‚˜์šฐ
    ๋ฐ์ผ๋ฆฌ ๋‰ด์Šค
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.3
์ง€๋‹ˆ๐Ÿงž‍โ™‚๏ธ๐Ÿฅญ
[javascript]์ฐจํŠธ ๊ด€๋ จ ์Šคํฌ๋ฆฝ
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”