function Blackboard( canvas){

this. socket = io. connect( 'http://'+ window.  host+'/blackboard');

this. canvas = canvas;

this. ctx = this. canvas[ 0]. getContext( '2d');

this. ctxServer = this. canvas[ 0]. getContext( '2d');

this. drawing = false;

this. color = 'white';

this. width = 1;

this. colorServer = 'white';

this. widthServer = 1;

this. setEvent();

this. setServerEvent();

this. setShape();

this. color_map. forEach( element => {

$( '#pen_color'). append( $( ''). attr( 'value', element).text( element));

});

Array( 16). fill( 0). forEach(( element, index) => {

$( '#pen_width'). append( $( ''). attr( 'value', index+ 1).text( index+ 1));

});

}


알려줘 ㅠㅠ