2e:null 2f:["$","title",null,{"children":"휴먼러닝이 머신러닝이라면: 신뢰라는 절약법 | Humble Data Miner | Observable"}] 34:T14cd,{ const title = md`

오늘의 재료

`; const [h,w,cs] = [grid.height(), grid.width(), grid.cellsize()]; const svg = d3.create("svg").attr("viewBox", [0, 0, w, h+cs]); //const g_guidelines = draw_guidelines(svg,grid); const cat_colors = ["steelblue","gold","crimson"]; const fcolor = d3.color("steelblue"); const inputs = d3.range(10).map(i=>`입력 #${i+1}`); const bx_m = box([1,8],[5,12]); let in_len = 5; const svg_defs = svg.append("defs"); svg_defs.append("marker") .attr("id", "arrowhead-m1") // Unique ID for the marker .attr("viewBox", "0 -5 10 10") // Define the coordinate system for the marker .attr("refX", 0) // X-coordinate of the point where the marker connects to the path .attr("refY", 0) // Y-coordinate of the point where the marker connects to the path .attr("markerWidth", 3) // Width of the marker .attr("markerHeight", 3) // Height of the marker .attr("orient", "auto-start-reverse") // Automatically orient the marker along the path .append("path") .attr("d", "M0,-5L10,0L0,5") // Path data for the arrowhead shape .attr("fill", "#eee"); // Fill color of the arrowhead svg.append("rect") .attr("x",bx_m.x).attr("y",bx_m.y).attr("width",bx_m.w).attr("height",bx_m.h) .attr("stroke","#eee").attr("fill","none") .attr("stroke-width",8).attr("rx",8).attr("ry",8); const g_in = svg.append("g").selectAll("g") .data(inputs) .join("g") .attr("transform",(d,i)=>`translate(${bx_m.x-cs*3},${bx_m.y+(i+1)*(bx_m.h/(inputs.length+1))})`); function append_arrow_and_label(g,t) { g.append("text") .attr("text-anchor","middle") .attr("fill","#eee").attr("font-size",16) .attr("x",cs*3/2).attr("y",-2) .text(t); g.append("path") .attr("fill","none").attr("stroke","#eee").attr("stroke-width",4) .attr("marker-end","url(#arrowhead-m1)") .attr("d",`M 0 ${2} h ${cs*3-15}`); } append_arrow_and_label(g_in,d=>d); const g_out = svg.append("g").attr("transform",`translate(${bx_m.x+bx_m.w},${bx_m.y+(bx_m.h/2)})`); append_arrow_and_label(g_out,"출력") const radar = mvp_radar(cs*3/2,10); const g_mc = svg.append("g").attr("transform",`translate(${bx_m.x+bx_m.w/2} ${bx_m.y+bx_m.h/2})`); const g_mc_line = g_mc.append("path") .attr("fill",fcolor.brighter()) .attr("stroke",fcolor.darker()).attr("stroke-width",4) .attr("d",radar(d3.range(inputs.length).map(_=>10))); const g_mc_axis = g_mc.append("path") .attr("fill","none") .attr("stroke",fcolor.darker()).attr("stroke-width",2) .attr("d",radar.axis(d3.range(inputs.length).map(_=>10))); const g_mc_label = g_mc.append("text") .attr("text-anchor","middle").attr("dominant-baseline","middle") .attr("fill","#eee").attr("stroke","grey").attr("paint-order","stroke") .attr("font-size",30).attr("stroke-width",4) .text(`주제(${inputs.length})`); const bx_btn_minus = box([1,8],[1,8]); svg.append("foreignObject") .attr("x",bx_btn_minus.x).attr("y",bx_btn_minus.y) .attr("width",bx_btn_minus.w).attr("height",bx_btn_minus.h) .append("xhtml:div") .attr("class", "btn-3d grey") .style("font-size","30px").style("display","flex").style("flex-direction","column") .style("align-items","center").style("justify-content","center").style("text-align","center").style("height","50%") .html("-") .on("click",_=>{ in_len = Math.max(3,in_len-1); update(); }); const bx_btn_plus = box([5,8],[5,8]); svg.append("foreignObject") .attr("x",bx_btn_plus.x).attr("y",bx_btn_plus.y) .attr("width",bx_btn_plus.w).attr("height",bx_btn_plus.h) .append("xhtml:div") .attr("class", "btn-3d grey") .style("font-size","30px").style("display","flex").style("flex-direction","column") .style("align-items","center").style("justify-content","center").style("text-align","center").style("height","50%") .html("+") .on("click",_=>{ in_len = Math.min(inputs.length,in_len+1); update(); }); const cell_label1 = grid(5,8); svg.append("text") .attr("text-anchor","end") .attr("transform",`translate(${cell_label1.left},${cell_label1.bottom+cs})`) .attr("fill","#eee").text("입력(데이터)").attr("font-size","26"); const cell_label2 = grid(5,10); svg.append("text") .attr("text-anchor","middle") .attr("transform",`translate(${cell_label2.cx},${cell_label2.bottom+cs})`) .attr("fill","#eee").text("모델(로직)").attr("font-size","26"); const cell_label3 = grid(5,13); svg.append("text") .attr("text-anchor","start") .attr("transform",`translate(${cell_label3.left},${cell_label3.bottom+cs})`) .attr("fill","#eee").text("출력(결정/예측)").attr("font-size","26"); function update() { g_in.transition().duration(anim_step_ms) .attr("transform",(d,i)=>`translate(${bx_m.x-cs*3},${bx_m.y+(i+1)*(bx_m.h/(in_len+1))})`) .attr("opacity",(d,i)=>i10))); g_mc_axis.style("opacity",0).transition().duration(anim_step_ms).style("opacity",1).attr("d",radar.axis(d3.range(in_len).map(_=>10))); g_mc_label.text(`주제(${in_len})`); } update(); return slide` ${title} ${svg.node()} `; }35:T1382,{ const title = md`

목적별 자원배분 예시: 주택 거래

`; const item1 = md`

중개사 신뢰 → 기본 5개 사항만 상세 확인
신뢰를 통한 단순화 → 개인, 사회 모두 최적

`; const topic = "주거"; const [h,w,cs] = [grid.height(), grid.width(), grid.cellsize()]; const svg = d3.create("svg").attr("viewBox", [0, 0, w, h]); const fcolor = d3.color(topic_map[topic].c); const inputs = [ "지역", "면적", "가격", "유형", "구조", "중개사 신용도", "기존 하자", "소유자 신원 확인", "근저당,가압류,체납액 확인", "계약의 특이사항", ]; const bx_m = box([1,8],[5,12]); let in_len = inputs.length; const svg_defs = svg.append("defs"); svg_defs.append("marker") .attr("id", "arrowhead-m2") // Unique ID for the marker .attr("viewBox", "0 -5 10 10") // Define the coordinate system for the marker .attr("refX", 0) // X-coordinate of the point where the marker connects to the path .attr("refY", 0) // Y-coordinate of the point where the marker connects to the path .attr("markerWidth", 3) // Width of the marker .attr("markerHeight", 3) // Height of the marker .attr("orient", "auto-start-reverse") // Automatically orient the marker along the path .append("path") .attr("d", "M0,-5L10,0L0,5") // Path data for the arrowhead shape .attr("fill", "#eee"); // Fill color of the arrowhead svg.append("rect") .attr("x",bx_m.x).attr("y",bx_m.y).attr("width",bx_m.w).attr("height",bx_m.h) .attr("stroke","#eee").attr("fill","none") .attr("stroke-width",8).attr("rx",8).attr("ry",8); const g_in = svg.append("g").selectAll("g") .data(inputs) .join("g") .attr("transform",(d,i)=>`translate(${bx_m.x-cs*4},${bx_m.y+(i+1)*(bx_m.h/(inputs.length+1))})`); function append_arrow_and_label(g,t) { g.append("text") .attr("text-anchor","middle") .attr("fill","#eee").attr("font-size",16) .attr("x",cs*4/2).attr("y",-2) .text(t); g.append("path") .attr("fill","none").attr("stroke","#eee").attr("stroke-width",4) .attr("marker-end","url(#arrowhead-m2)") .attr("d",`M 0 ${2} h ${cs*4-15}`); } append_arrow_and_label(g_in,d=>d); const g_out = svg.append("g").attr("transform",`translate(${bx_m.x+bx_m.w},${bx_m.y+(bx_m.h/2)})`); append_arrow_and_label(g_out,"계약 여부") const radar = mvp_radar(cs*3/2,10); const g_mc = svg.append("g").attr("transform",`translate(${bx_m.x+bx_m.w/2} ${bx_m.y+bx_m.h/2})`); const g_mc_line = g_mc.append("path") .attr("fill",fcolor.brighter()) .attr("stroke",fcolor.darker()).attr("stroke-width",4) .attr("d",radar(d3.range(inputs.length).map(_=>10))); const g_mc_axis = g_mc.append("path") .attr("fill","none") .attr("stroke",fcolor.darker()).attr("stroke-width",2) .attr("d",radar.axis(d3.range(inputs.length).map(_=>10))); const g_mc_label = g_mc.append("text") .attr("text-anchor","middle").attr("dominant-baseline","middle") .attr("fill","#eee").attr("stroke","grey").attr("paint-order","stroke") .attr("font-size",30).attr("stroke-width",4) .text(`${topic}(${inputs.length})`); const bx_btn_minus = box([1,8],[1,8]); svg.append("foreignObject") .attr("x",bx_btn_minus.x).attr("y",bx_btn_minus.y) .attr("width",bx_btn_minus.w).attr("height",bx_btn_minus.h) .append("xhtml:div") .attr("class", "btn-3d grey") .style("font-size","30px").style("display","flex").style("flex-direction","column") .style("align-items","center").style("justify-content","center").style("text-align","center").style("height","50%") .html("-") .on("click",_=>{ in_len = Math.max(3,in_len-1); update(); }); const bx_btn_plus = box([5,8],[5,8]); svg.append("foreignObject") .attr("x",bx_btn_plus.x).attr("y",bx_btn_plus.y) .attr("width",bx_btn_plus.w).attr("height",bx_btn_plus.h) .append("xhtml:div") .attr("class", "btn-3d grey") .style("font-size","30px").style("display","flex").style("flex-direction","column") .style("align-items","center").style("justify-content","center").style("text-align","center").style("height","50%") .html("+") .on("click",_=>{ in_len = Math.min(inputs.length,in_len+1); update(); }); function update() { g_in.transition().duration(anim_step_ms) .attr("transform",(d,i)=>`translate(${bx_m.x-cs*4},${bx_m.y+(i+1)*(bx_m.h/(in_len+1))})`) .attr("opacity",(d,i)=>i10))); g_mc_axis.style("opacity",0).transition().duration(anim_step_ms).style("opacity",1).attr("d",radar.axis(d3.range(in_len).map(_=>10))); g_mc_label.text(`${topic}(${in_len})`); } update(); return slide` ${title} ${svg.node()} ${item1} `; }36:T137d,{ const title = md`

목적별 자원배분 예시: 온라인 쇼핑

`; const item1 = md`

통신판매중개자 신뢰 → 기본 3개 사항만 확인
신뢰를 통한 단순화 → 사회적 최적 불가능

`; const topic = "소비"; const [h,w,cs] = [grid.height(), grid.width(), grid.cellsize()]; const svg = d3.create("svg").attr("viewBox", [0, 0, w, h]); const fcolor = d3.color(topic_map[topic].c); const inputs = [ "품목", "가격", "통신판매중개자", "배송 시간", "배송 안정성", "상품과 설명의 동일성", "개인정보의 보호", "공정하고 적법한 거래여부", ]; const bx_m = box([1,8],[5,12]); let in_len = inputs.length; const svg_defs = svg.append("defs"); svg_defs.append("marker") .attr("id", "arrowhead-m3") // Unique ID for the marker .attr("viewBox", "0 -5 10 10") // Define the coordinate system for the marker .attr("refX", 0) // X-coordinate of the point where the marker connects to the path .attr("refY", 0) // Y-coordinate of the point where the marker connects to the path .attr("markerWidth", 3) // Width of the marker .attr("markerHeight", 3) // Height of the marker .attr("orient", "auto-start-reverse") // Automatically orient the marker along the path .append("path") .attr("d", "M0,-5L10,0L0,5") // Path data for the arrowhead shape .attr("fill", "#eee"); // Fill color of the arrowhead svg.append("rect") .attr("x",bx_m.x).attr("y",bx_m.y).attr("width",bx_m.w).attr("height",bx_m.h) .attr("stroke","#eee").attr("fill","none") .attr("stroke-width",8).attr("rx",8).attr("ry",8); const g_in = svg.append("g").selectAll("g") .data(inputs) .join("g") .attr("transform",(d,i)=>`translate(${bx_m.x-cs*4},${bx_m.y+(i+1)*(bx_m.h/(inputs.length+1))})`); function append_arrow_and_label(g,t) { g.append("text") .attr("text-anchor","middle") .attr("fill","#eee").attr("font-size",16) .attr("x",cs*4/2).attr("y",-2) .text(t); g.append("path") .attr("fill","none").attr("stroke","#eee").attr("stroke-width",4) .attr("marker-end","url(#arrowhead-m3)") .attr("d",`M 0 ${2} h ${cs*4-15}`); } append_arrow_and_label(g_in,d=>d); const g_out = svg.append("g").attr("transform",`translate(${bx_m.x+bx_m.w},${bx_m.y+(bx_m.h/2)})`); append_arrow_and_label(g_out,"구매 여부") const radar = mvp_radar(cs*3/2,10); const g_mc = svg.append("g").attr("transform",`translate(${bx_m.x+bx_m.w/2} ${bx_m.y+bx_m.h/2})`); const g_mc_line = g_mc.append("path") .attr("fill",fcolor.brighter()) .attr("stroke",fcolor.darker()).attr("stroke-width",4) .attr("d",radar(d3.range(inputs.length).map(_=>10))); const g_mc_axis = g_mc.append("path") .attr("fill","none") .attr("stroke",fcolor.darker()).attr("stroke-width",2) .attr("d",radar.axis(d3.range(inputs.length).map(_=>10))); const g_mc_label = g_mc.append("text") .attr("text-anchor","middle").attr("dominant-baseline","middle") .attr("fill","#eee").attr("stroke","grey").attr("paint-order","stroke") .attr("font-size",30).attr("stroke-width",4) .text(`${topic}(${inputs.length})`); const bx_btn_minus = box([1,8],[1,8]); svg.append("foreignObject") .attr("x",bx_btn_minus.x).attr("y",bx_btn_minus.y) .attr("width",bx_btn_minus.w).attr("height",bx_btn_minus.h) .append("xhtml:div") .attr("class", "btn-3d grey") .style("font-size","30px").style("display","flex").style("flex-direction","column") .style("align-items","center").style("justify-content","center").style("text-align","center").style("height","50%") .html("-") .on("click",_=>{ in_len = Math.max(3,in_len-1); update(); }); const bx_btn_plus = box([5,8],[5,8]); svg.append("foreignObject") .attr("x",bx_btn_plus.x).attr("y",bx_btn_plus.y) .attr("width",bx_btn_plus.w).attr("height",bx_btn_plus.h) .append("xhtml:div") .attr("class", "btn-3d grey") .style("font-size","30px").style("display","flex").style("flex-direction","column") .style("align-items","center").style("justify-content","center").style("text-align","center").style("height","50%") .html("+") .on("click",_=>{ in_len = Math.min(inputs.length,in_len+1); update(); }); function update() { g_in.transition().duration(anim_step_ms) .attr("transform",(d,i)=>`translate(${bx_m.x-cs*4},${bx_m.y+(i+1)*(bx_m.h/(in_len+1))})`) .attr("opacity",(d,i)=>i10))); g_mc_axis.style("opacity",0).transition().duration(anim_step_ms).style("opacity",1).attr("d",radar.axis(d3.range(in_len).map(_=>10))); g_mc_label.text(`${topic}(${in_len})`); } update(); return slide` ${title} ${svg.node()} ${item1} `; }37:T1433,{ const title = md`

한정된 계산자원의 목적별 배분

`; const item1 = md`

예1) 본능에 충실한 동물 → 생존, 번식에 특화
예2) 어엿한 사회 구성원 → 도덕, 사회에 특화

`; const [h,w,cs] = [grid.height(), grid.width(), grid.cellsize()]; const svg = d3.create("svg").attr("viewBox", [0, 0, w, h]); //const g_guidelines = draw_guidelines(svg,grid); const cap = 45; const data = topics.map((d,i)=>({t:d,i:i,c:topic_map[d].c,v:3,e:0})); const alloc = d3.range(10*topics.length).map(i=>({t:null,i:i,a:ibx_l.x+Math.floor(d.i/10)*cs_l+4).attr("y",d=>bx_l.y+d.i%10*cs_l+4) .attr("width",cs_l-8).attr("height",cs_l-8) .attr("fill",d=>d.t?topic_map[d.t].c:"black") .attr("stroke",d=>d.a?"#eee":"none") .attr("stroke-width",2); const g_al = svg.append("foreignObject") .attr("x",bx_l.x).attr("y",bx_l.y-cs) .attr("width",bx_l.w).attr("height",cs) .append("xhtml:div") .style("font-size","30px").style("display","flex").style("flex-direction","row") .style("align-items","center").style("justify-content","center").style("text-align","center").style("height","100%"); const svg_brain_cloned = svg_brain.clone(true); const path_brain = svg_brain_cloned.select("path"); path_brain.attr("fill","#eee"); svg_brain_cloned.attr("width",35); g_al.node().append(svg_brain_cloned.node()); const html_alloc = html`0`; const html_cap = html`${cap}`; g_al.node().append(html`${html_alloc}/${html_cap}`); const cs_r = cs*3; const bx_r = box([0,6],[5,20]); const rd = mvp_radar(cs_r/2,10); const g_grid = svg.append("g").selectAll("g") .data(data) .join("g") .attr("transform",d=>`translate(${bx_r.x+(Math.floor(d.i/2)+0.5)*cs_r},${bx_r.y+((d.i%2)+0.5)*cs_r})`); const g_btn_b = g_grid.append("rect") .attr("x",-cs_r/2+4).attr("y",-cs_r/2+4).attr("rx",4).attr("ry",4) .attr("width",cs_r-8).attr("height",cs_r-8) .attr("fill","#eee").attr("fill-opacity",0) .on("click",(e,d)=>{ d.e = 0; update(); }); const g_rd_ol = g_grid.append("path").attr("class","radar-outline") .attr("fill",d=>d.c.brighter()) .attr("stroke",d=>d.c.darker()).attr("stroke-width",4) .attr("d",d=>rd(d3.range(d.v).map(_=>8))); const g_rd_ax = g_grid.append("path").attr("class","radar-axis") .attr("fill","none") .attr("stroke",d=>d.c.darker()).attr("stroke-width",2) .attr("d",d=>rd.axis(d3.range(d.v).map(_=>8))); const g_rd_lb = g_grid.append("text").attr("class","radar-label") .attr("text-anchor","middle").attr("dominant-baseline","middle") .attr("fill","#eee").attr("stroke","grey").attr("paint-order","stroke") .attr("font-size",30).attr("stroke-width",4) .text((d,i)=>`${d.t}(${d.v})`); g_grid.append("foreignObject") .attr("x",-cs*3/2).attr("y",-cs*3/2) .attr("width",cs).attr("height",cs) .append("xhtml:div") .attr("class", "btn-3d grey") .style("font-size","30px").style("display","flex").style("flex-direction","column") .style("align-items","center").style("justify-content","center").style("text-align","center").style("height","50%") .html("-") .on("click",(e,d)=>{ d.v = Math.max(3,d.v-1); update(); }); g_grid.append("foreignObject") .attr("x",cs/2).attr("y",-cs*3/2) .attr("width",cs).attr("height",cs) .append("xhtml:div") .attr("class", "btn-3d grey") .style("font-size","30px").style("display","flex").style("flex-direction","column") .style("align-items","center").style("justify-content","center").style("text-align","center").style("height","50%") .html("+") .on("click",(e,d)=>{ d.v = Math.min(10,d.v+1); update(); }); const g_btn_a = g_grid.append("rect") .attr("x",-cs_r/2+4).attr("y",-cs_r/2+4).attr("rx",4).attr("ry",4) .attr("width",cs_r-8).attr("height",cs_r-8) .attr("fill","#eee").attr("fill-opacity",0.5) .attr("stroke","#eee").attr("stroke-opacity",0).attr("stroke-width",4) .on("click",(e,d)=>{ d.e = d.e?0:1; update(); }); function update() { g_rd_ol.attr("d",d=>rd(d3.range(d.v).map(_=>8))); g_rd_ax.attr("d",d=>rd.axis(d3.range(d.v).map(_=>8))); g_rd_lb.text(d=>`${d.t}(${d.v})`); g_btn_a.attr("fill",d=>d.e?"none":"#eee").attr("stroke-opacity",d=>d.e?1:0); const acc = data.reduce((acc,cur)=>{ const fill = cur.e ? cur.v : 0; d3.range(acc,acc+fill).forEach(i=>{ alloc[i].t=cur.t; }); return acc+fill; },0); d3.range(acc,alloc.length).forEach(i=>{ alloc[i].t=null; }); g_alloc .attr("fill",d=>d.t?topic_map[d.t].c:"black") .attr("stroke",d=>d.a?"white":d.t?"crimson":"none"); path_brain.attr("fill",acc>cap?"crimson":"#eee"); d3.select(html_alloc).style("color",acc>cap?"crimson":"#eee").html(acc); } update(); return slide` ${title} ${svg.node()} ${item1} `; }38:T7ad,39:[{"id":"db5baef4f657ae69631ccca4578005d408dc0f4c31abe82a37d87562037a5ac5b2d05d83e47cefd44ef2bfbc40018e42a12ae85730403260eaebab65f07fe526","href":"https://static.observableusercontent.com/files/db5baef4f657ae69631ccca4578005d408dc0f4c31abe82a37d87562037a5ac5b2d05d83e47cefd44ef2bfbc40018e42a12ae85730403260eaebab65f07fe526","name":"brain.svg","type":"image/svg+xml","lastModified":1770287076382.394,"size":2778}] 32:{"id":"9371ddc869c2565a","slug":"hl-like-ml-trust-as-a-simplification","title":"휴먼러닝이 머신러닝이라면: 신뢰라는 절약법","thumbnail":"8dd864284dcfaf732a312a80233471a20559b773556c14148dc385c49b83ebd7","access_level":"public","create_time":"$D2026-02-04T01:55:53.420Z","update_time":"$D2026-02-06T09:20:07.993Z","view_time":null,"first_public_time":"$D2026-02-05T12:02:49.435Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"50faa4da52a9ff9b","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":"starter_2024"},"version":500,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4e2fc41e06361cc3","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":null}],"members":[{"type":"individual","id":"4e2fc41e06361cc3","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":null,"role":"editor"},{"type":"team","id":"50faa4da52a9ff9b","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"2f4cd6bfe331467c","slug":"bamboo-forest","title":"Bamboo Forest","owner":{"id":"50faa4da52a9ff9b","login":"humble-data-miner","name":"Humble Data Miner"}},"type":"notebook","body":{"title":"휴먼러닝이 머신러닝이라면: 신뢰라는 절약법","cells":[{"id":0,"value":"# 휴먼러닝이 머신러닝이라면: 신뢰라는 절약법","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":25,"value":"---\n## 슬라이드 사용법\n\n* 전체화면 보기: 우상단 메뉴 클릭 후 **View** > **View in Fullscreen** 실행\n* 키보드: 화살표 키 '→' 또는 '↓'로 진행, 화살표 키 '←' 또는 '↑'로 역행\n* 마우스: 슬라이드 영역 클릭시 해당 슬라이드 위치로 스크롤 이동","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":29,"value":"first_slide ={\n\nconst title = md`

휴먼러닝이 머신러닝이라면?

`;\nconst item1 = md`

사람의 사고를 모델화
\n\n 사람의 사고는 복잡한 시스템 동작의 결과
\n 모델화하면서 간단하게 요약해 표현\n

신뢰라는 절약법으로 ...

`;\n const item1 = md`

한정된 계산자원을 목적별로 분배
\n\n 한정된 계산자원 = 전체 모델의 복잡도 상한
\n 목적별 분배 = 상황별 개별모델 복잡도 변경\n

신뢰는 빼기다

`;\n const item1 = md`

신뢰의 두가지 고려사항: 필요와 대체
\n\n 필요 : 절약의 필요(자원부족,미래수요)가 있나?
\n 대체 : 대체의 이득이 절약의 손실보다 큰가?\n

`;\n\nreturn slide`\n${title}\n${item1}\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"---\n## 부연설명 동영상\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":208,"value":"anim_step_ms = 500;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"topics = [\"생존\",\"번식\",\"생산\",\"소비\",\"주거\",\"가치\",\"도덕\",\"사회\",\"취미\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"topic_map = {\n return Object.fromEntries(topics.map((d,i)=>([d,{n:d,i:i,c:d3.color(d3.schemeTableau10[i])}])));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"import_style","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"$38","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":32,"value":"slide_contents_dim = compute_slide_contents_dim(first_slide)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"grid = mvp_grid(slide_contents_dim[0],280,45)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"box = mvp_box(grid)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"radar = mvp_radar(grid.cellsize()/2,10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"install_key_bindings_to_document","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"import {grid as mvp_grid, box as mvp_box, radar as mvp_radar, draw_guidelines} from \"@humble-data-miner/mod-mvp\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"import {slide,install_key_bindings_to_document, import_style, compute_slide_contents_dim} from \"@humble-data-miner/mod-slide-ex\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"svg_brain = {\n const text = await FileAttachment(\"brain.svg\").text();\n const document = (new DOMParser).parseFromString(text, \"image/svg+xml\");\n const svg = d3.select(document.documentElement).remove();\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 33:"$32:body"