34:["$","title",null,{"children":"휴먼러닝이 머신러닝이라면: 경험과 기억 | Humble Data Miner | Observable"}] 3c:T208c,const experimentSlide = () => { const [w,h] = [width+300, 500]; const pm = {left:20,right:5,bottom:20,top:5}; const svg = d3.create("svg").attr("width",w).attr("height",h); svg.append("rect").attr("width",w).attr("height",h).attr("stroke","grey").attr("fill","none"); const rng = d3.randomNormal(0,0.1); const color = d3.color(d3.schemeCategory10[0]); const target = "고통"; const max_y = 5; const x = d3.scaleLinear().domain([0,90]).range([pm.left,w*2/3-pm.right-pm.left]); const y = d3.scaleLinear().domain([0,max_y]).range([h/2-pm.bottom,pm.top]); const new_fo = (g,x,y,w,h) => g.append("foreignObject") .attr("x",x).attr("y",y).attr("width",w).attr("height",h).append("xhtml:div"); const labels = ["실험A","실험B"]; const g_exps = d3.range(labels.length).map(i=>{ const g = svg.append("g").attr("transform",`translate(${0},${i*h/2})`); return {root:g,x:g.append("g"),y:g.append("g"), area:g.append("g"),line:g.append("g"),dot:g.append("g"), label:new_fo(g,x(0),y(3),x(30)-x(0),y(1)-y(3)), sum:new_fo(g,x(30),y(3),x(60)-x(30),y(1)-y(3)).style("font-size","55%"), mid:new_fo(g,x(60),y(3),x(90)-x(60),y(1)-y(3)).style("font-size","55%"), max:new_fo(g,x(60),y(5),x(75)-x(60),y(3)-y(5)).style("font-size","45%"), end:new_fo(g,x(75),y(5),x(90)-x(75),y(3)-y(5)).style("font-size","45%"), }; }); const svg_play = d3.select(fa_play).clone(true).remove().attr("width",128).attr("height",128); const g_play = svg.append("g") .attr("transform",`translate(${w/2-svg_play.attr("width")/2},${h/2-svg_play.attr("height")/2})`); g_play.append(_=>svg_play.attr("fill","white").attr("opacity",0.3).node()) .on("click",_=>{ refresh(); }); g_exps.forEach((g,i)=>{ g.x.attr("transform",`translate(${0},${h/2-pm.bottom})`).call(d3.axisBottom(x)); g.y.append("g").attr("transform",`translate(${pm.left},${0})`).call(d3.axisLeft(y).ticks(5)); }); const new_fo_bd = (g,x,y,w,h) => new_fo(g,x,y,w,h) .style("border", "solid").style("border-radius","8px") .style("font-size","35%").style("vertical-align","middle"); const line_gen = d3.line().x(d => d.x).y(d => d.y).curve(d3.curveBasis); const new_line = (g,x1,y1,x2,y2) => g.append("path") .attr("fill","none").attr("stroke","#ccc").attr("stroke-width",2) .attr("d",line_gen([{x:x1,y:y1},{x:x1+15,y:y1},{x:x2-15,y:y2},{x:x2-2,y:y2}])); const new_arrow_marker = (g,x,y) => g.append("path") .attr("fill","#ccc").attr("d", `M ${x-8} ${y-4} L ${x} ${y} L ${x-8} ${y+4} z`); const gx = d3.scaleBand().domain([0,1,2]).range([40,w/3-40]).paddingOuter(0.1).paddingInner(0.4); const gy = d3.scaleBand().domain([0,1,2]).range([0,h/2]).paddingOuter(0.2).paddingInner(0.1); const g_nets = d3.range(2).map(i=>{ const g = svg.append("g").attr("transform",`translate(${w*2/3},${i*h/2})`); const bxs = { in:{x:gx(0),y:gy(1)}, max:{x:gx(1),y:gy(0)}, end:{x:gx(1),y:gy(2)}, out:{x:gx(2),y:gy(1)} }; Object.keys(bxs).forEach(k=>{ const bx = bxs[k]; bx.w = gx.bandwidth(); bx.h = gy.bandwidth(); bx.cx = bx.x + bx.w/2; bx.cy = bx.y + bx.h/2; bx.r = bx.x + bx.w; bx.b = bx.y + bx.h; }); return {root:g, in: new_fo_bd(g,bxs.in.x,bxs.in.y,bxs.in.w,bxs.in.h).html(`[사건]
${labels[i]}`), max: new_fo_bd(g,bxs.max.x,bxs.max.y,bxs.max.w,bxs.max.h).html("[기억]
정점"), end: new_fo_bd(g,bxs.end.x,bxs.end.y,bxs.end.w,bxs.end.h).html("[기억]
종점"), out: new_fo_bd(g,bxs.out.x,bxs.out.y,bxs.out.w,bxs.out.h).html("[기억]
최종"), _in: {l:new_line(g,bxs.in.x-40,bxs.in.cy,bxs.in.x,bxs.in.cy),m:new_arrow_marker(g,bxs.in.x,bxs.in.cy)}, in_max: {l:new_line(g,bxs.in.r,bxs.in.cy,bxs.max.x,bxs.max.cy),m:new_arrow_marker(g,bxs.max.x,bxs.max.cy)}, max_out: {l:new_line(g,bxs.max.r,bxs.max.cy,bxs.out.x,bxs.out.cy-4),m:new_arrow_marker(g,bxs.out.x,bxs.out.cy-4)}, in_end: {l:new_line(g,bxs.in.r,bxs.in.cy,bxs.end.x,bxs.end.cy),m:new_arrow_marker(g,bxs.end.x,bxs.end.cy)}, end_out: {l:new_line(g,bxs.end.r,bxs.end.cy,bxs.out.x,bxs.out.cy+4),m:new_arrow_marker(g,bxs.out.x,bxs.out.cy+4)}, out_: {l:new_line(g,bxs.out.r,bxs.out.cy,bxs.out.r+40,bxs.out.cy),m:new_arrow_marker(g,bxs.out.r+40,bxs.out.cy)}, } }); function refresh() { // data population const res = [ {data:d3.range(0,60.1,10).map(t=>({x:t,y:Math.min(4+rng(),5)}))}, {data:d3.range(0,90.1,10).map(t=>({x:t,y:Math.min((t>60?3:4)+rng(),5)}))} ]; res.forEach(d=>{ d.max = d3.max(d.data,d=>d.y); d.end = d.data[d.data.length-1].y; d.sum = d3.mean(d.data,d=>d.y)*d3.max(d.data,d=>d.x); d.mid = (d.end + d.max)/2; d.data[d3.maxIndex(d.data,d=>d.y)].max = true; d.data[d.data.length-1].end = true; }); const max_anim_step = d3.max(res,d=>d.data.length); // play button g_play.attr("visibility","hidden") .transition().delay(anim_step_ms*(max_anim_step+5)).attr("visibility","visible"); // text g_exps.forEach((g,i)=>{ g.label.html(`${labels[i]}`) g.sum.html(`${target} 총량
${res[i].sum.toFixed(0)}`).style("opacity",0) .transition().delay(anim_step_ms*res[i].data.length).duration(anim_step_ms).style("opacity",1); g.mid.html(`중간(정,종)
${res[i].mid.toFixed(1)}`).style("opacity",0) .transition().delay(anim_step_ms*(res[i].data.length+3)).duration(anim_step_ms).style("opacity",1); g.max.html(`정점
${res[i].max.toFixed(1)}`).style("opacity",0) .transition().delay(anim_step_ms*(res[i].data.length+1)).duration(anim_step_ms).style("opacity",1); g.end.html(`종점
${res[i].end.toFixed(1)}`).style("opacity",0) .transition().delay(anim_step_ms*(res[i].data.length+2)).duration(anim_step_ms).style("opacity",1); }); // area plot g_exps.forEach((g,i)=>{ const data = res[i].data; g.dot.selectAll("circle") .data(data) .join("circle") .attr("fill",color).attr("stroke","#eee").attr("stroke-width",d=>d.max||d.end?4:1) .attr("cx",d=>x(d.x)).attr("cy",d=>y(d.y)) .attr("r",d=>d.max||d.end?8:4) .attr("opacity",0) .transition().delay((d,i)=>i*anim_step_ms).duration(anim_step_ms).attr("opacity",1); g.line.selectAll("path") .data(data) .join("path") .attr("fill","none").attr("stroke",color).attr("stroke-width",2) .attr("d",(d,i)=>`M ${x(data[i>0?i-1:0].x)} ${y(data[i>0?i-1:0].y)} L ${x(d.x)} ${y(d.y)}`) .attr("opacity",0) .transition().delay((d,i)=>i*anim_step_ms).duration(anim_step_ms).attr("opacity",1); g.area.selectAll("path") .data(data) .join("path") .attr("fill",color).attr("opacity",0.5).attr("stroke","none") .attr("d",(d,i)=>`M ${x(data[i>0?i-1:0].x)} ${y(data[i>0?i-1:0].y)} V ${y(0)} H ${x(d.x)} V ${y(d.y)} Z`) .attr("opacity",0) .transition().delay((d,i)=>i*anim_step_ms).duration(anim_step_ms).attr("opacity",0.5); }); // links const trans_link = (g,ca,ic,fc,steps) => g.attr(ca,color_interp(ic)) .transition().delay(anim_step_ms*steps).duration(anim_step_ms).attr(ca,color_interp(fc)); g_nets.forEach((g,i)=>{ const d = res[i]; const len = d.data.length; trans_link(g._in.l,"stroke",0,0.9,len); trans_link(g._in.m,"fill",0,0.9,len); trans_link(g.in_max.l,"stroke",0,d.max/max_y,len+1); trans_link(g.in_max.m,"fill",0,d.max/max_y,len+1); trans_link(g.in_end.l,"stroke",0,d.end/max_y,len+2); trans_link(g.in_end.m,"fill",0,d.end/max_y,len+2); trans_link(g.max_out.l,"stroke",0,d.max/max_y,len+2); trans_link(g.max_out.m,"fill",0,d.max/max_y,len+2); trans_link(g.end_out.l,"stroke",0,d.end/max_y,len+3); trans_link(g.end_out.m,"fill",0,d.end/max_y,len+3); trans_link(g.out_.l,"stroke",0,d.mid/max_y,len+4); trans_link(g.out_.m,"fill",0,d.mid/max_y,len+4); }); } refresh(); const contents = md`

실험: 찬물에 손 넣기

${svg.node()}

경험 ≈ 고통의 총량, 기억 ≈ 중간값(정점,종점)
두 실험 중 어느 것을 선호? 80%가 B를 선택

`; return contents; }3d:T2094,const exampleSlide = () => { const [w,h] = [width+300, 500]; const pm = {left:20,right:5,bottom:20,top:5}; const svg = d3.create("svg").attr("width",w).attr("height",h); svg.append("rect").attr("width",w).attr("height",h).attr("stroke","grey").attr("fill","none"); const rng = d3.randomNormal(0,0.1); const color = d3.color(d3.schemeCategory10[1]); const target = "만족"; const max_y = 5; const x = d3.scaleLinear().domain([0,90]).range([pm.left,w*2/3-pm.right-pm.left]); const y = d3.scaleLinear().domain([0,max_y]).range([h/2-pm.bottom,pm.top]); const new_fo = (g,x,y,w,h) => g.append("foreignObject") .attr("x",x).attr("y",y).attr("width",w).attr("height",h).append("xhtml:div"); const labels = ["공연A","공연B"]; const g_exps = d3.range(labels.length).map(i=>{ const g = svg.append("g").attr("transform",`translate(${0},${i*h/2})`); return {root:g,x:g.append("g"),y:g.append("g"), area:g.append("g"),line:g.append("g"),dot:g.append("g"), label:new_fo(g,x(0),y(3),x(30)-x(0),y(1)-y(3)), sum:new_fo(g,x(30),y(3),x(60)-x(30),y(1)-y(3)).style("font-size","55%"), mid:new_fo(g,x(60),y(3),x(90)-x(60),y(1)-y(3)).style("font-size","55%"), max:new_fo(g,x(60),y(5),x(75)-x(60),y(3)-y(5)).style("font-size","45%"), end:new_fo(g,x(75),y(5),x(90)-x(75),y(3)-y(5)).style("font-size","45%"), }; }); const svg_play = d3.select(fa_play).clone(true).remove().attr("width",128).attr("height",128); const g_play = svg.append("g") .attr("transform",`translate(${w/2-svg_play.attr("width")/2},${h/2-svg_play.attr("height")/2})`); g_play.append(_=>svg_play.attr("fill","white").attr("opacity",0.3).node()) .on("click",_=>{ refresh(); }); g_exps.forEach((g,i)=>{ g.x.attr("transform",`translate(${0},${h/2-pm.bottom})`).call(d3.axisBottom(x)); g.y.append("g").attr("transform",`translate(${pm.left},${0})`).call(d3.axisLeft(y).ticks(5)); }); const new_fo_bd = (g,x,y,w,h) => new_fo(g,x,y,w,h) .style("border", "solid").style("border-radius","8px") .style("font-size","35%").style("vertical-align","middle"); const line_gen = d3.line().x(d => d.x).y(d => d.y).curve(d3.curveBasis); const new_line = (g,x1,y1,x2,y2) => g.append("path") .attr("fill","none").attr("stroke","#ccc").attr("stroke-width",2) .attr("d",line_gen([{x:x1,y:y1},{x:x1+15,y:y1},{x:x2-15,y:y2},{x:x2-2,y:y2}])); const new_arrow_marker = (g,x,y) => g.append("path") .attr("fill","#ccc").attr("d", `M ${x-8} ${y-4} L ${x} ${y} L ${x-8} ${y+4} z`); const gx = d3.scaleBand().domain([0,1,2]).range([40,w/3-40]).paddingOuter(0.1).paddingInner(0.4); const gy = d3.scaleBand().domain([0,1,2]).range([0,h/2]).paddingOuter(0.2).paddingInner(0.1); const g_nets = d3.range(2).map(i=>{ const g = svg.append("g").attr("transform",`translate(${w*2/3},${i*h/2})`); const bxs = { in:{x:gx(0),y:gy(1)}, max:{x:gx(1),y:gy(0)}, end:{x:gx(1),y:gy(2)}, out:{x:gx(2),y:gy(1)} }; Object.keys(bxs).forEach(k=>{ const bx = bxs[k]; bx.w = gx.bandwidth(); bx.h = gy.bandwidth(); bx.cx = bx.x + bx.w/2; bx.cy = bx.y + bx.h/2; bx.r = bx.x + bx.w; bx.b = bx.y + bx.h; }); return {root:g, in: new_fo_bd(g,bxs.in.x,bxs.in.y,bxs.in.w,bxs.in.h).html(`[사건]
${labels[i]}`), max: new_fo_bd(g,bxs.max.x,bxs.max.y,bxs.max.w,bxs.max.h).html("[기억]
정점"), end: new_fo_bd(g,bxs.end.x,bxs.end.y,bxs.end.w,bxs.end.h).html("[기억]
종점"), out: new_fo_bd(g,bxs.out.x,bxs.out.y,bxs.out.w,bxs.out.h).html("[기억]
최종"), _in: {l:new_line(g,bxs.in.x-40,bxs.in.cy,bxs.in.x,bxs.in.cy),m:new_arrow_marker(g,bxs.in.x,bxs.in.cy)}, in_max: {l:new_line(g,bxs.in.r,bxs.in.cy,bxs.max.x,bxs.max.cy),m:new_arrow_marker(g,bxs.max.x,bxs.max.cy)}, max_out: {l:new_line(g,bxs.max.r,bxs.max.cy,bxs.out.x,bxs.out.cy-4),m:new_arrow_marker(g,bxs.out.x,bxs.out.cy-4)}, in_end: {l:new_line(g,bxs.in.r,bxs.in.cy,bxs.end.x,bxs.end.cy),m:new_arrow_marker(g,bxs.end.x,bxs.end.cy)}, end_out: {l:new_line(g,bxs.end.r,bxs.end.cy,bxs.out.x,bxs.out.cy+4),m:new_arrow_marker(g,bxs.out.x,bxs.out.cy+4)}, out_: {l:new_line(g,bxs.out.r,bxs.out.cy,bxs.out.r+40,bxs.out.cy),m:new_arrow_marker(g,bxs.out.r+40,bxs.out.cy)}, } }); function refresh() { // data population const res = [ {data:d3.range(0,90.1,10).map(t=>({x:t,y:Math.min(3+rng(),5)}))}, {data:d3.range(0,90.1,10).map(t=>({x:t,y:Math.max((t>70?0.5:4)+rng(),0)}))} ]; res.forEach(d=>{ d.max = d3.max(d.data,d=>d.y); d.end = d.data[d.data.length-1].y; d.sum = d3.mean(d.data,d=>d.y)*d3.max(d.data,d=>d.x); d.mid = (d.end + d.max)/2; d.data[d3.maxIndex(d.data,d=>d.y)].max = true; d.data[d.data.length-1].end = true; }); const max_anim_step = d3.max(res,d=>d.data.length); // play button g_play.attr("visibility","hidden") .transition().delay(anim_step_ms*(max_anim_step+5)).attr("visibility","visible"); // text g_exps.forEach((g,i)=>{ g.label.html(`${labels[i]}`) g.sum.html(`${target} 총량
${res[i].sum.toFixed(0)}`).style("opacity",0) .transition().delay(anim_step_ms*res[i].data.length).duration(anim_step_ms).style("opacity",1); g.mid.html(`중간(정,종)
${res[i].mid.toFixed(1)}`).style("opacity",0) .transition().delay(anim_step_ms*(res[i].data.length+3)).duration(anim_step_ms).style("opacity",1); g.max.html(`정점
${res[i].max.toFixed(1)}`).style("opacity",0) .transition().delay(anim_step_ms*(res[i].data.length+1)).duration(anim_step_ms).style("opacity",1); g.end.html(`종점
${res[i].end.toFixed(1)}`).style("opacity",0) .transition().delay(anim_step_ms*(res[i].data.length+2)).duration(anim_step_ms).style("opacity",1); }); // area plot g_exps.forEach((g,i)=>{ const data = res[i].data; g.dot.selectAll("circle") .data(data) .join("circle") .attr("fill",color).attr("stroke","#eee").attr("stroke-width",d=>d.max||d.end?4:1) .attr("cx",d=>x(d.x)).attr("cy",d=>y(d.y)) .attr("r",d=>d.max||d.end?8:4) .attr("opacity",0) .transition().delay((d,i)=>i*anim_step_ms).duration(anim_step_ms).attr("opacity",1); g.line.selectAll("path") .data(data) .join("path") .attr("fill","none").attr("stroke",color).attr("stroke-width",2) .attr("d",(d,i)=>`M ${x(data[i>0?i-1:0].x)} ${y(data[i>0?i-1:0].y)} L ${x(d.x)} ${y(d.y)}`) .attr("opacity",0) .transition().delay((d,i)=>i*anim_step_ms).duration(anim_step_ms).attr("opacity",1); g.area.selectAll("path") .data(data) .join("path") .attr("fill",color).attr("opacity",0.5).attr("stroke","none") .attr("d",(d,i)=>`M ${x(data[i>0?i-1:0].x)} ${y(data[i>0?i-1:0].y)} V ${y(0)} H ${x(d.x)} V ${y(d.y)} Z`) .attr("opacity",0) .transition().delay((d,i)=>i*anim_step_ms).duration(anim_step_ms).attr("opacity",0.5); }); // links const trans_link = (g,ca,ic,fc,steps) => g.attr(ca,color_interp(ic)) .transition().delay(anim_step_ms*steps).duration(anim_step_ms).attr(ca,color_interp(fc)); g_nets.forEach((g,i)=>{ const d = res[i]; const len = d.data.length; trans_link(g._in.l,"stroke",0,0.9,len); trans_link(g._in.m,"fill",0,0.9,len); trans_link(g.in_max.l,"stroke",0,d.max/max_y,len+1); trans_link(g.in_max.m,"fill",0,d.max/max_y,len+1); trans_link(g.in_end.l,"stroke",0,d.end/max_y,len+2); trans_link(g.in_end.m,"fill",0,d.end/max_y,len+2); trans_link(g.max_out.l,"stroke",0,d.max/max_y,len+2); trans_link(g.max_out.m,"fill",0,d.max/max_y,len+2); trans_link(g.end_out.l,"stroke",0,d.end/max_y,len+3); trans_link(g.end_out.m,"fill",0,d.end/max_y,len+3); trans_link(g.out_.l,"stroke",0,d.mid/max_y,len+4); trans_link(g.out_.m,"fill",0,d.mid/max_y,len+4); }); } refresh(); const contents = md`

사례: 공연의 만족도

${svg.node()}

경험 ≈ 만족의 총량, 기억 ≈ 중간값(정점,종점)
내내 즐거웠던 공연도 결말이 아쉬우면 퇴색한다

`; return contents; }3e:[] 38:{"id":"4cb495e45cc4d5cb","slug":"hl-like-ml-two-selves-of-experiencing-and-remembering","title":"휴먼러닝이 머신러닝이라면: 경험과 기억","thumbnail":"a8ff524143fd3051f683a0f59cbf32b834524864a6e4e8b45ed5b7c21394cdd5","access_level":"public","create_time":"$D2026-10-13T21:36:28.460Z","update_time":"$D2026-10-23T03:43:21.930Z","view_time":null,"first_public_time":"$D2026-10-23T03:41:39.582Z","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","bio":"Hi, I'd like to share useful information with all of you especially on Observable.\n\nprofile picture leverages:\n\nhttps://thenounproject.com/term/construction-helmet/3484560/\nhttps://thenounproject.com/term/grinning/1950667/\n","followed_by_you":false,"follows_you":false},"version":590,"publish_version":590,"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,"bio":"Hi, I'd like to share useful information with all of you especially on Observable.\n\nMy profile picture leverages:\n\nhttps://thenounproject.com/term/construction-helmet/3484560/\nhttps://thenounproject.com/term/grinning/1950667/\n","followed_by_you":false,"follows_you":false}],"members":[{"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":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"휴먼러닝이 머신러닝이라면: 경험과 기억","cells":[{"id":1,"value":"# 휴먼러닝이 머신러닝이라면:
경험과 기억","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"---\n## 슬라이드 쇼 사용법\n\n아래 슬라이드를 클릭해 초점을 맞춘 후, 사용 가능한 키보드 단축키\n\n| 동작 | 키보드 단축키 |\n|---|---|\n| 다음 슬라이드로 이동 | →, ↓, Page Down, N or Space |\n| 이전 슬라이드로 이동 | ←, ↑, Page Up, P or Shift + Space |\n| 첫번째 슬라이드로 이동 | fn ← (macOS) / Home (Windows) |\n| 마지막 슬라이드로 이동 | fn → (macOS) / End (Windows) |\n| 풀스크린 모드 켜고 끄기 | F |\n| 풀스크린 모드 나가기 | Esc |\n| 오버뷰 모드 켜고 끄기 | O |\n| 프리젠테이션 일시중단 | B, V or . |","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"slideshow([titleSlide,compareSlide,experimentSlide,exampleSlide,moreExamplesSlide,summarySlide], {invalidation, display})","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"---\n## Reference\n* [『생각에 관한 생각』(원제: Thinking, Fast and Slow)](https://product.kyobobook.co.kr/detail/S000000597589)\n\n## Attribution\n* [Observable-embedded slideshow by Jo Wood](https://observablehq.com/@jwolondon/observable-embedded-slideshow)\n* [Circle Play Filled Icon | fontawesome.com](https://fontawesome.com/icons/classic/solid/circle-play)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"const anim_step_ms = 500","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"const color_interp = d3.piecewise(d3.interpolateRgb, [\"grey\", d3.interpolateRdYlBu(0.5), d3.interpolateRdGy(0)]);","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"const titleSlide = () => {\n const contents = md`\n
\n

행동경제학편
휴먼러닝이 머신러닝이라면?

\n
\n

이론의 재구성

\n\n 이론:『생각에 관한 생각』에서 부분 발췌
\n 재구성: 가상의 \"모델 네트워크\"로 사례를 모사\n\n

`;\n return contents;\n}","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"const compareSlide = () => {\n const contents = md`\n

두 자아 (Two Selves)
\n
\n
\n\n\n \n \n\n\n \n \n \n\n
경험하는 자아
(experiencing self) 기억하는 자아
(remembering self)
연속된 경험의 총합 사후에 요약된 결과
스트리밍 데이터 두 줄 요약 (정점,결말)
...(망각)... 평가와 판단의 근거
\n
\n
\n

경험하는 자아 (experiencing self)	기억하는 자아 (remembering self)
연속된 경험의 총합	사후에 요약된 결과
스트리밍 데이터	두 줄 요약 (정점,결말)
...(망각)...	평가와 판단의 근거

모든 순간을 기억하지 못해 특이한 순간만 남긴다

\n`;\n return contents;\n}","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"$3c","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"$3d","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"const moreExamplesSlide = () => {\n const contents = md`\n
\n

더 많은 사례들

\n\n* 오래 화목하게 살았지만 노년에 원수가 된 부부\n* 내내 괴롭히던 선임이 잘해주면 쉽게 누그러짐\n* 실제로는 아닌데 사진으로는 즐거웠던 여행\n* 의식하진정(수면마취) 상태에서 고통받는 나\n* 드라마『세브란스: 단절』에서 헬리의 대사\n * \"나는 사람이고 넌 아니야\"\n * \"결정하는 건 나고 네가 아니야\"\n\n`;\n return contents;\n}","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"const summarySlide = () => {\n const contents = md`\n
\n

조금 더 생각해본다면

\n\n* 기억의 공간은 제한적\n * 소수의 지배적인 순간들만 잔존\n* 무시된 경험의 부작용\n * 신체적 정신적 피해의 누적\n * 불리한 상대나 상품을 선택\n* 경험과 기억간의 균형\n * 경험을 기록 또는 회상 → 판단에 반영 \n`;\n return contents;\n}","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"const fa_play = html``","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"import {\n slideshow,\n slide\n} from \"observable:@jwolondon/observable-embedded-slideshow\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3e","stdlib":"2"}} 33:null