fatigue.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.38.0 (20140413.2041)
 -->
<!-- Title: %3 Pages: 1 -->
<svg width="1516pt" height="3000pt"
 viewBox="0.00 0.00 1516.05 3000.07" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 2996.07)">
<title>%3</title>
<polygon fill="white" stroke="none" points="-4,4 -4,-2996.07 1512.05,-2996.07 1512.05,4 -4,4"/>
<!-- unhappy -->
<g id="node1" class="node"><title>unhappy</title>
<path fill="none" stroke="black" d="M468.497,-2992.19C468.497,-2992.19 371.661,-2992.19 371.661,-2992.19 365.661,-2992.19 359.661,-2986.19 359.661,-2980.19 359.661,-2980.19 359.661,-2962.7 359.661,-2962.7 359.661,-2956.7 365.661,-2950.7 371.661,-2950.7 371.661,-2950.7 468.497,-2950.7 468.497,-2950.7 474.497,-2950.7 480.497,-2956.7 480.497,-2962.7 480.497,-2962.7 480.497,-2980.19 480.497,-2980.19 480.497,-2986.19 474.497,-2992.19 468.497,-2992.19"/>
<text text-anchor="middle" x="420.079" y="-2976.87" font-family="Times,serif" font-size="14.00">React가 당신을</text>
<text text-anchor="middle" x="420.079" y="-2960.25" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;슬프게 했군요.</text>
</g>
<!-- are_you_using_react_boilerplates -->
<g id="node2" class="node"><title>are_you_using_react_boilerplates</title>
<polygon fill="none" stroke="black" points="420.079,-2913.69 138.543,-2855.96 420.079,-2798.22 701.615,-2855.96 420.079,-2913.69"/>
<text text-anchor="middle" x="420.079" y="-2869.69" font-family="Times,serif" font-size="14.00">당신은 React를 시작할 때</text>
<text text-anchor="middle" x="420.079" y="-2853.07" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;템플릿처럼 일정 부분이 완성된 프로젝트</text>
<text text-anchor="middle" x="420.079" y="-2836.45" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;(보일러 플레이트)를 복사해서 익혔나요?</text>
</g>
<!-- unhappy&#45;&gt;are_you_using_react_boilerplates -->
<g id="edge1" class="edge"><title>unhappy&#45;&gt;are_you_using_react_boilerplates</title>
<path fill="none" stroke="black" d="M420.079,-2950.68C420.079,-2943.04 420.079,-2933.83 420.079,-2924.19"/>
<polygon fill="black" stroke="black" points="423.579,-2924.05 420.079,-2914.05 416.579,-2924.05 423.579,-2924.05"/>
</g>
<!-- boilerplates_dont_teach -->
<g id="node3" class="node"><title>boilerplates_dont_teach</title>
<polygon fill="none" stroke="black" points="404.238,-2745.45 -0.0792994,-2745.45 -0.0792994,-2457.53 404.238,-2457.53 404.238,-2745.45"/>
<text text-anchor="middle" x="202.079" y="-2730.27" font-family="Times,serif" font-size="14.00">보일러 플레이트를 복사해서 React를 배우는 것은</text>
<text text-anchor="middle" x="202.079" y="-2713.65" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;마치 유명 레스토랑에서 음식을 먹으면서 배우는 것과도</text>
<text text-anchor="middle" x="202.079" y="-2697.02" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;같습니다.</text>
<text text-anchor="middle" x="202.079" y="-2680.4" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;이렇게는 안돼요. 당신은 기초부터 배울 필요가 있습니다.</text>
<text text-anchor="middle" x="202.079" y="-2663.78" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;트렌드를 놓칠까봐 생기는 걱정은 무시해도 좋습니다.</text>
<text text-anchor="middle" x="202.079" y="-2647.16" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;사실무근이죠.</text>
<text text-anchor="middle" x="202.079" y="-2630.53" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;사람들은 보일러 플레이트를 당신이 배우기 좋게 만드는</text>
<text text-anchor="middle" x="202.079" y="-2613.91" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;것이라기보다 자신이 만든 것 혹은 배운 것을 자랑하려고</text>
<text text-anchor="middle" x="202.079" y="-2597.29" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;만듭니다. 그것들은 파워유저들을 위해 만들어졌기에 때로는</text>
<text text-anchor="middle" x="202.079" y="-2580.67" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;그들이 인정하는 것보다 실험적입니다.</text>
<text text-anchor="middle" x="202.079" y="-2564.04" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;자랑을 위해 만들어진 보일러 플레이트들은 관심을 끌기 위해</text>
<text text-anchor="middle" x="202.079" y="-2547.42" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;경쟁합니다.</text>
<text text-anchor="middle" x="202.079" y="-2530.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;React를 배울 거라면, Pete Hunt가 제안한 순서대로</text>
<text text-anchor="middle" x="202.079" y="-2514.18" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;배우는 것이 좋습니다. 주소는 다음과 같습니다.</text>
<text text-anchor="middle" x="202.079" y="-2497.55" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;https://github.com/petehunt/react&#45;howto</text>
<text text-anchor="middle" x="202.079" y="-2483.55" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;당신이 직접 만드는 것이 보일러 플레이트를 사용하는 것보다</text>
<text text-anchor="middle" x="202.079" y="-2466.93" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;빠를 것입니다.</text>
</g>
<!-- are_you_using_react_boilerplates&#45;&gt;boilerplates_dont_teach -->
<g id="edge2" class="edge"><title>are_you_using_react_boilerplates&#45;&gt;boilerplates_dont_teach</title>
<path fill="none" stroke="black" d="M378.305,-2806.58C364.716,-2790.84 348.841,-2772.46 332.287,-2753.28"/>
<polygon fill="black" stroke="black" points="334.847,-2750.89 325.662,-2745.61 329.548,-2755.47 334.847,-2750.89"/>
<text text-anchor="middle" x="357.072" y="-2768.89" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- steal_from_boilerplates -->
<g id="node4" class="node"><title>steal_from_boilerplates</title>
<polygon fill="none" stroke="black" points="857.711,-2671.97 422.448,-2671.97 422.448,-2531.01 857.711,-2531.01 857.711,-2671.97"/>
<text text-anchor="middle" x="640.079" y="-2656.78" font-family="Times,serif" font-size="14.00">보일러플레이트들은 기술들이 어떻게 엮여 있는지 배우기에</text>
<text text-anchor="middle" x="640.079" y="-2640.16" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;좋은 방법은 아니지만, 당신이 각각 이 기술들을 개별적으로</text>
<text text-anchor="middle" x="640.079" y="-2623.53" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;이해한 뒤라면! 어떻게 이런 기술들이 잘 묶일 수 있는지를</text>
<text text-anchor="middle" x="640.079" y="-2606.91" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;파악하기에 그들은 유용합니다. 그것은 새로운 기술을 발견</text>
<text text-anchor="middle" x="640.079" y="-2590.29" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;할 수 있는 좋은 방법입니다. 그렇다고 해서 그것들 모두를</text>
<text text-anchor="middle" x="640.079" y="-2573.67" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;사용하는 의무감을 느낄 필요는 없습니다. 보일러 플레이트 때문에</text>
<text text-anchor="middle" x="640.079" y="-2557.04" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;질리지 마세요. 보일러 플레이트는 당신의 애플리케이션을 위한</text>
<text text-anchor="middle" x="640.079" y="-2540.42" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;견고한 기반이 아니라 독창적인 기술의 집합임을 명심하세요.</text>
</g>
<!-- are_you_using_react_boilerplates&#45;&gt;steal_from_boilerplates -->
<g id="edge3" class="edge"><title>are_you_using_react_boilerplates&#45;&gt;steal_from_boilerplates</title>
<path fill="none" stroke="black" d="M462.237,-2806.58C493.481,-2770.72 536.704,-2721.12 572.715,-2679.8"/>
<polygon fill="black" stroke="black" points="575.419,-2682.02 579.35,-2672.18 570.142,-2677.42 575.419,-2682.02"/>
<text text-anchor="middle" x="519.059" y="-2768.89" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- are_you_using_flux -->
<g id="node5" class="node"><title>are_you_using_flux</title>
<polygon fill="none" stroke="black" points="472.079,-2420.38 291.518,-2362.64 472.079,-2304.91 652.64,-2362.64 472.079,-2420.38"/>
<text text-anchor="middle" x="472.079" y="-2376.38" font-family="Times,serif" font-size="14.00">Flux 라이브러리</text>
<text text-anchor="middle" x="472.079" y="-2359.75" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;(혹은 Redux)를 사용하고</text>
<text text-anchor="middle" x="472.079" y="-2343.13" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;있습니까?</text>
</g>
<!-- boilerplates_dont_teach&#45;&gt;are_you_using_flux -->
<g id="edge4" class="edge"><title>boilerplates_dont_teach&#45;&gt;are_you_using_flux</title>
<path fill="none" stroke="black" d="M365.368,-2457.25C383.715,-2441.16 401.332,-2425.7 416.78,-2412.15"/>
<polygon fill="black" stroke="black" points="419.443,-2414.47 424.653,-2405.24 414.827,-2409.21 419.443,-2414.47"/>
</g>
<!-- steal_from_boilerplates&#45;&gt;are_you_using_flux -->
<g id="edge5" class="edge"><title>steal_from_boilerplates&#45;&gt;are_you_using_flux</title>
<path fill="none" stroke="black" d="M590.582,-2530.71C565.153,-2494.86 534.617,-2451.81 510.911,-2418.39"/>
<polygon fill="black" stroke="black" points="513.679,-2416.24 505.039,-2410.11 507.97,-2420.29 513.679,-2416.24"/>
</g>
<!-- is_too_much_flux -->
<g id="node6" class="node"><title>is_too_much_flux</title>
<polygon fill="none" stroke="black" points="343.079,-2235.4 166.352,-2177.66 343.079,-2119.93 519.806,-2177.66 343.079,-2235.4"/>
<text text-anchor="middle" x="343.079" y="-2191.4" font-family="Times,serif" font-size="14.00">명백한 이득 없이</text>
<text text-anchor="middle" x="343.079" y="-2174.77" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;보일러 플레이트를 많이</text>
<text text-anchor="middle" x="343.079" y="-2158.15" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;사용해야 합니까?</text>
</g>
<!-- are_you_using_flux&#45;&gt;is_too_much_flux -->
<g id="edge6" class="edge"><title>are_you_using_flux&#45;&gt;is_too_much_flux</title>
<path fill="none" stroke="black" d="M439.193,-2314.99C421.613,-2290.06 399.87,-2259.22 381.513,-2233.18"/>
<polygon fill="black" stroke="black" points="384.304,-2231.06 375.682,-2224.91 378.583,-2235.1 384.304,-2231.06"/>
<text text-anchor="middle" x="427.072" y="-2275.57" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- is_not_enough_flux -->
<g id="node7" class="node"><title>is_not_enough_flux</title>
<polygon fill="none" stroke="black" points="823.079,-2252.14 538.043,-2177.66 823.079,-2103.18 1108.12,-2177.66 823.079,-2252.14"/>
<text text-anchor="middle" x="823.079" y="-2199.71" font-family="Times,serif" font-size="14.00">종종 소스의 버그를 만들어내는</text>
<text text-anchor="middle" x="823.079" y="-2183.08" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;state가 많이 관리되는 컴포넌트가</text>
<text text-anchor="middle" x="823.079" y="-2166.46" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;컴포넌트 계층 구조의 상단에서 자리 잡고</text>
<text text-anchor="middle" x="823.079" y="-2149.84" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;있습니까?</text>
</g>
<!-- are_you_using_flux&#45;&gt;is_not_enough_flux -->
<g id="edge7" class="edge"><title>are_you_using_flux&#45;&gt;is_not_enough_flux</title>
<path fill="none" stroke="black" d="M539.756,-2326.36C590.811,-2299.75 661.745,-2262.77 719.863,-2232.47"/>
<polygon fill="black" stroke="black" points="721.826,-2235.39 729.075,-2227.67 718.59,-2229.19 721.826,-2235.39"/>
<text text-anchor="middle" x="669.059" y="-2275.57" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- remove_flux -->
<g id="node8" class="node"><title>remove_flux</title>
<polygon fill="none" stroke="black" points="497.73,-2050.8 198.428,-2050.8 198.428,-1975.81 497.73,-1975.81 497.73,-2050.8"/>
<text text-anchor="middle" x="348.079" y="-2035.35" font-family="Times,serif" font-size="14.00">Flux 라이브러리를 제거하세요.</text>
<text text-anchor="middle" x="348.079" y="-2018.73" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;공식 사이트 문서의 Thinking in React를</text>
<text text-anchor="middle" x="348.079" y="-2002.11" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;읽어보고 순수 React 형태의 애플리케이션을</text>
<text text-anchor="middle" x="348.079" y="-1985.48" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;구조화하는데 좋은 감각을 가지세요.</text>
</g>
<!-- is_too_much_flux&#45;&gt;remove_flux -->
<g id="edge8" class="edge"><title>is_too_much_flux&#45;&gt;remove_flux</title>
<path fill="none" stroke="black" d="M344.814,-2120.33C345.411,-2100.95 346.072,-2079.47 346.643,-2060.95"/>
<polygon fill="black" stroke="black" points="350.149,-2060.81 346.958,-2050.71 343.152,-2060.59 350.149,-2060.81"/>
<text text-anchor="middle" x="354.072" y="-2073.97" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- are_you_using_bundler -->
<g id="node9" class="node"><title>are_you_using_bundler</title>
<polygon fill="none" stroke="black" points="573.079,-1939.31 320.061,-1897.82 573.079,-1856.32 826.097,-1897.82 573.079,-1939.31"/>
<text text-anchor="middle" x="573.079" y="-1903.24" font-family="Times,serif" font-size="14.00">Webpack이나 Browserify 같은</text>
<text text-anchor="middle" x="573.079" y="-1886.62" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;자바스크립트 번들러를 사용하나요?</text>
</g>
<!-- is_too_much_flux&#45;&gt;are_you_using_bundler -->
<g id="edge9" class="edge"><title>is_too_much_flux&#45;&gt;are_you_using_bundler</title>
<path fill="none" stroke="black" d="M405.059,-2139.99C438.751,-2117.58 479.123,-2086.37 507.079,-2050.55 520.36,-2033.54 540.789,-1984.22 555.399,-1946.38"/>
<polygon fill="black" stroke="black" points="558.671,-1947.62 558.981,-1937.03 552.134,-1945.12 558.671,-1947.62"/>
<text text-anchor="middle" x="564.059" y="-2010.42" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- is_not_enough_flux&#45;&gt;are_you_using_bundler -->
<g id="edge11" class="edge"><title>is_not_enough_flux&#45;&gt;are_you_using_bundler</title>
<path fill="none" stroke="black" d="M718.761,-2130.23C683.538,-2110.13 646.705,-2083.54 621.12,-2050.55 608.53,-2034.31 594.356,-1985.74 584.686,-1947.87"/>
<polygon fill="black" stroke="black" points="588.039,-1946.86 582.206,-1938.01 581.251,-1948.56 588.039,-1946.86"/>
<text text-anchor="middle" x="643.059" y="-2010.42" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- add_flux -->
<g id="node10" class="node"><title>add_flux</title>
<polygon fill="none" stroke="black" points="967.834,-2042.17 672.325,-2042.17 672.325,-1984.44 967.834,-1984.44 967.834,-2042.17"/>
<text text-anchor="middle" x="820.079" y="-2027.04" font-family="Times,serif" font-size="14.00">Flux 라이브러리 추가를 고려해 보세요.</text>
<text text-anchor="middle" x="820.079" y="-2010.42" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;다량의 컴포넌트 간에 state를 외부화하고</text>
<text text-anchor="middle" x="820.079" y="-1993.79" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;지속적으로 업데이트하는데 도움이 됩니다.</text>
</g>
<!-- is_not_enough_flux&#45;&gt;add_flux -->
<g id="edge10" class="edge"><title>is_not_enough_flux&#45;&gt;add_flux</title>
<path fill="none" stroke="black" d="M821.72,-2103.08C821.395,-2085.5 821.061,-2067.43 820.78,-2052.22"/>
<polygon fill="black" stroke="black" points="824.279,-2052.13 820.595,-2042.19 817.28,-2052.26 824.279,-2052.13"/>
<text text-anchor="middle" x="828.072" y="-2073.97" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- remove_flux&#45;&gt;are_you_using_bundler -->
<g id="edge13" class="edge"><title>remove_flux&#45;&gt;are_you_using_bundler</title>
<path fill="none" stroke="black" d="M420.199,-1975.93C446.76,-1962.53 476.783,-1947.39 503.147,-1934.09"/>
<polygon fill="black" stroke="black" points="504.956,-1937.1 512.309,-1929.47 501.804,-1930.85 504.956,-1937.1"/>
</g>
<!-- are_you_working_on_production_app_with_bundler -->
<g id="node11" class="node"><title>are_you_working_on_production_app_with_bundler</title>
<polygon fill="none" stroke="black" points="479.079,-1804.19 316.897,-1762.7 479.079,-1721.21 641.261,-1762.7 479.079,-1804.19"/>
<text text-anchor="middle" x="479.079" y="-1768.13" font-family="Times,serif" font-size="14.00">제품화 단계의</text>
<text text-anchor="middle" x="479.079" y="-1751.5" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;애플리케이션입니까?</text>
</g>
<!-- are_you_using_bundler&#45;&gt;are_you_working_on_production_app_with_bundler -->
<g id="edge14" class="edge"><title>are_you_using_bundler&#45;&gt;are_you_working_on_production_app_with_bundler</title>
<path fill="none" stroke="black" d="M547.393,-1860.44C535.621,-1843.77 521.586,-1823.9 509.308,-1806.51"/>
<polygon fill="black" stroke="black" points="512.067,-1804.35 503.439,-1798.2 506.349,-1808.39 512.067,-1804.35"/>
<text text-anchor="middle" x="539.072" y="-1827.37" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- are_you_working_on_production_app_without_bundler -->
<g id="node12" class="node"><title>are_you_working_on_production_app_without_bundler</title>
<polygon fill="none" stroke="black" points="821.079,-1804.19 658.897,-1762.7 821.079,-1721.21 983.261,-1762.7 821.079,-1804.19"/>
<text text-anchor="middle" x="821.079" y="-1768.13" font-family="Times,serif" font-size="14.00">제품화 단계의</text>
<text text-anchor="middle" x="821.079" y="-1751.5" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;애플리케이션입니까?</text>
</g>
<!-- are_you_using_bundler&#45;&gt;are_you_working_on_production_app_without_bundler -->
<g id="edge15" class="edge"><title>are_you_using_bundler&#45;&gt;are_you_working_on_production_app_without_bundler</title>
<path fill="none" stroke="black" d="M630.911,-1865.77C669.868,-1844.86 721.147,-1817.34 760.639,-1796.14"/>
<polygon fill="black" stroke="black" points="762.741,-1798.99 769.897,-1791.18 759.43,-1792.82 762.741,-1798.99"/>
<text text-anchor="middle" x="732.059" y="-1827.37" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- add_flux&#45;&gt;are_you_using_bundler -->
<g id="edge12" class="edge"><title>add_flux&#45;&gt;are_you_using_bundler</title>
<path fill="none" stroke="black" d="M759.34,-1984.4C725.641,-1968.91 683.452,-1949.53 647.751,-1933.12"/>
<polygon fill="black" stroke="black" points="648.894,-1929.8 638.346,-1928.8 645.971,-1936.16 648.894,-1929.8"/>
</g>
<!-- do_you_know_es2015 -->
<g id="node13" class="node"><title>do_you_know_es2015</title>
<polygon fill="none" stroke="black" points="736.079,-1509.97 526.487,-1452.23 736.079,-1394.5 945.671,-1452.23 736.079,-1509.97"/>
<text text-anchor="middle" x="736.079" y="-1465.97" font-family="Times,serif" font-size="14.00">ES2015의 기능들을</text>
<text text-anchor="middle" x="736.079" y="-1449.35" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;사용하는 데 익숙합니까?</text>
<text text-anchor="middle" x="736.079" y="-1432.72" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;(classes나 fat arrow 같은 기능)</text>
</g>
<!-- are_you_working_on_production_app_with_bundler&#45;&gt;do_you_know_es2015 -->
<g id="edge16" class="edge"><title>are_you_working_on_production_app_with_bundler&#45;&gt;do_you_know_es2015</title>
<path fill="none" stroke="black" d="M456.555,-1726.96C430.119,-1681.33 394.592,-1600.74 434.093,-1547.1 455.158,-1518.49 532.098,-1494.82 603.038,-1478.41"/>
<polygon fill="black" stroke="black" points="604.028,-1481.77 613.002,-1476.14 602.474,-1474.95 604.028,-1481.77"/>
<text text-anchor="middle" x="442.072" y="-1605.08" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- remove_bundler -->
<g id="node14" class="node"><title>remove_bundler</title>
<polygon fill="none" stroke="black" points="752.834,-1668.7 457.325,-1668.7 457.325,-1547.23 752.834,-1547.23 752.834,-1668.7"/>
<text text-anchor="middle" x="605.079" y="-1653.64" font-family="Times,serif" font-size="14.00">React를 그저 배우는 단계에서는</text>
<text text-anchor="middle" x="605.079" y="-1637.01" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;번들러를 사용할 필요는 없습니다.</text>
<text text-anchor="middle" x="605.079" y="-1620.39" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;https://github.com/jarsbe/react&#45;simple</text>
<text text-anchor="middle" x="605.079" y="-1606.39" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;프로젝트를 내려받아서 빌드 단계없이 시작</text>
<text text-anchor="middle" x="605.079" y="-1589.77" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;하세요. React가 익숙해지고 모듈 시스템과</text>
<text text-anchor="middle" x="605.079" y="-1573.15" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;다른 번들러를 알고 싶어질 때까지는</text>
<text text-anchor="middle" x="605.079" y="-1556.52" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;&lt;script&gt; 태그를 사용하세요.</text>
</g>
<!-- are_you_working_on_production_app_with_bundler&#45;&gt;remove_bundler -->
<g id="edge17" class="edge"><title>are_you_working_on_production_app_with_bundler&#45;&gt;remove_bundler</title>
<path fill="none" stroke="black" d="M506.731,-1728.18C519.169,-1713.11 534.326,-1694.73 548.978,-1676.97"/>
<polygon fill="black" stroke="black" points="552,-1678.81 555.664,-1668.87 546.6,-1674.36 552,-1678.81"/>
<text text-anchor="middle" x="560.059" y="-1692.26" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- are_you_working_on_production_app_without_bundler&#45;&gt;do_you_know_es2015 -->
<g id="edge19" class="edge"><title>are_you_working_on_production_app_without_bundler&#45;&gt;do_you_know_es2015</title>
<path fill="none" stroke="black" d="M810.657,-1723.71C798.884,-1680.81 779.142,-1608.93 762.079,-1547.1 759.318,-1537.1 756.386,-1526.49 753.524,-1516.15"/>
<polygon fill="black" stroke="black" points="756.851,-1515.05 750.81,-1506.35 750.105,-1516.92 756.851,-1515.05"/>
<text text-anchor="middle" x="815.059" y="-1605.08" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- add_bundler -->
<g id="node15" class="node"><title>add_bundler</title>
<polygon fill="none" stroke="black" points="1130.85,-1661.7 849.311,-1661.7 849.311,-1554.23 1130.85,-1554.23 1130.85,-1661.7"/>
<text text-anchor="middle" x="990.079" y="-1646.64" font-family="Times,serif" font-size="14.00">의존성을 관리하고 효과적으로 소스코드를</text>
<text text-anchor="middle" x="990.079" y="-1630.01" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;유지하기 위해 빌드 단계에 번들러를</text>
<text text-anchor="middle" x="990.079" y="-1613.39" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;추가하세요.</text>
<text text-anchor="middle" x="990.079" y="-1596.77" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;얼마나 잘하고 있는지 측정하기 위해서는</text>
<text text-anchor="middle" x="990.079" y="-1580.15" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Google Page Speed 를 사용해 보세요.</text>
<text text-anchor="middle" x="990.079" y="-1563.52" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;minify와 envify를 쓰는 것을 잊지 마세요.</text>
</g>
<!-- are_you_working_on_production_app_without_bundler&#45;&gt;add_bundler -->
<g id="edge18" class="edge"><title>are_you_working_on_production_app_without_bundler&#45;&gt;add_bundler</title>
<path fill="none" stroke="black" d="M856.096,-1730.06C875.725,-1712.32 900.855,-1689.61 924.036,-1668.66"/>
<polygon fill="black" stroke="black" points="926.412,-1671.23 931.484,-1661.92 921.719,-1666.03 926.412,-1671.23"/>
<text text-anchor="middle" x="907.072" y="-1692.26" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- use_es5 -->
<g id="node16" class="node"><title>use_es5</title>
<polygon fill="none" stroke="black" points="846.847,-1208.12 561.311,-1208.12 561.311,-1019.67 846.847,-1019.67 846.847,-1208.12"/>
<text text-anchor="middle" x="704.079" y="-1192.81" font-family="Times,serif" font-size="14.00">ES2015는 보류하세요.</text>
<text text-anchor="middle" x="704.079" y="-1176.19" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;React를 배우기 위해 필수는 아닙니다.</text>
<text text-anchor="middle" x="704.079" y="-1159.56" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;써드파티 라이브러리들이 종종 ES2015</text>
<text text-anchor="middle" x="704.079" y="-1142.94" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;문법을 그들의 코드에 사용하고 있습니다.</text>
<text text-anchor="middle" x="704.079" y="-1126.32" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;하지만 당신이 React만 배우려고 할 땐</text>
<text text-anchor="middle" x="704.079" y="-1109.7" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;써드파티 라이브러리가 필요 없습니다.</text>
<text text-anchor="middle" x="704.079" y="-1093.08" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Js를 더 공부해야겠다고 느껴질 때면</text>
<text text-anchor="middle" x="704.079" y="-1076.45" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;https://leanpub.com/understandinges6/read</text>
<text text-anchor="middle" x="704.079" y="-1062.45" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;는 매우 유용한 가이드가 됩니다.</text>
<text text-anchor="middle" x="704.079" y="-1045.83" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;http://babeljs.io/repl 를 통해서</text>
<text text-anchor="middle" x="704.079" y="-1029.21" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;실습해 보세요.</text>
</g>
<!-- do_you_know_es2015&#45;&gt;use_es5 -->
<g id="edge22" class="edge"><title>do_you_know_es2015&#45;&gt;use_es5</title>
<path fill="none" stroke="black" d="M729.16,-1396.14C727.078,-1378.75 724.872,-1359.46 723.079,-1341.74 719.006,-1301.5 715.152,-1257.17 711.994,-1218.46"/>
<polygon fill="black" stroke="black" points="715.461,-1217.91 711.165,-1208.23 708.484,-1218.48 715.461,-1217.91"/>
<text text-anchor="middle" x="747.059" y="-1365.17" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- are_you_using_dangerous_features -->
<g id="node17" class="node"><title>are_you_using_dangerous_features</title>
<polygon fill="none" stroke="black" points="989.079,-1341.61 732.561,-1283.88 989.079,-1226.14 1245.6,-1283.88 989.079,-1341.61"/>
<text text-anchor="middle" x="989.079" y="-1297.61" font-family="Times,serif" font-size="14.00">아직 ES2015에도 포함되지 않은</text>
<text text-anchor="middle" x="989.079" y="-1280.99" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;실험적인 기능들을 사용하고 있나요?</text>
<text text-anchor="middle" x="989.079" y="-1264.37" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;(decorators가 그 예입니다.)</text>
</g>
<!-- do_you_know_es2015&#45;&gt;are_you_using_dangerous_features -->
<g id="edge23" class="edge"><title>do_you_know_es2015&#45;&gt;are_you_using_dangerous_features</title>
<path fill="none" stroke="black" d="M797.001,-1411.18C832.888,-1387.58 878.507,-1357.58 916.282,-1332.74"/>
<polygon fill="black" stroke="black" points="918.277,-1335.62 924.71,-1327.2 914.432,-1329.77 918.277,-1335.62"/>
<text text-anchor="middle" x="877.072" y="-1365.17" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- remove_bundler&#45;&gt;do_you_know_es2015 -->
<g id="edge21" class="edge"><title>remove_bundler&#45;&gt;do_you_know_es2015</title>
<path fill="none" stroke="black" d="M656.102,-1547.09C667.287,-1533.96 679.065,-1520.14 690.04,-1507.26"/>
<polygon fill="black" stroke="black" points="692.936,-1509.26 696.758,-1499.38 687.608,-1504.72 692.936,-1509.26"/>
</g>
<!-- add_bundler&#45;&gt;do_you_know_es2015 -->
<g id="edge20" class="edge"><title>add_bundler&#45;&gt;do_you_know_es2015</title>
<path fill="none" stroke="black" d="M902.667,-1554.06C872.365,-1535.72 838.723,-1515.36 809.65,-1497.76"/>
<polygon fill="black" stroke="black" points="811.15,-1494.58 800.783,-1492.4 807.525,-1500.57 811.15,-1494.58"/>
</g>
<!-- do_you_update_packages_asap -->
<g id="node18" class="node"><title>do_you_update_packages_asap</title>
<polygon fill="none" stroke="black" points="924.079,-741.43 639.071,-699.938 924.079,-658.447 1209.09,-699.938 924.079,-741.43"/>
<text text-anchor="middle" x="924.079" y="-705.361" font-family="Times,serif" font-size="14.00">의존성이 있는 모듈들의 새 메이저 버전들이</text>
<text text-anchor="middle" x="924.079" y="-688.738" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;나오면 적용합니까?</text>
</g>
<!-- use_es5&#45;&gt;do_you_update_packages_asap -->
<g id="edge24" class="edge"><title>use_es5&#45;&gt;do_you_update_packages_asap</title>
<path fill="none" stroke="black" d="M727.336,-1019.57C749.466,-943.945 788.355,-837.46 848.079,-759.183 852.971,-752.771 858.739,-746.698 864.874,-741.065"/>
<polygon fill="black" stroke="black" points="867.552,-743.374 872.804,-734.173 862.96,-738.091 867.552,-743.374"/>
</g>
<!-- are_you_using_dangerous_features&#45;&gt;do_you_update_packages_asap -->
<g id="edge26" class="edge"><title>are_you_using_dangerous_features&#45;&gt;do_you_update_packages_asap</title>
<path fill="none" stroke="black" d="M962.952,-1231.97C936.277,-1176.9 896.645,-1085.7 881.079,-1001.79 871.698,-951.21 875.222,-937.154 881.079,-886.051 886.454,-839.161 899.249,-786.873 909.493,-749.862"/>
<polygon fill="black" stroke="black" points="912.971,-750.419 912.306,-739.845 906.232,-748.526 912.971,-750.419"/>
<text text-anchor="middle" x="907.059" y="-856.851" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- can_you_spend_days_on_your_tooling -->
<g id="node19" class="node"><title>can_you_spend_days_on_your_tooling</title>
<polygon fill="none" stroke="black" points="1199.08,-1001.65 890.143,-943.918 1199.08,-886.183 1508.02,-943.918 1199.08,-1001.65"/>
<text text-anchor="middle" x="1199.08" y="-957.652" font-family="Times,serif" font-size="14.00">당신은 버그, 호환성 문제,</text>
<text text-anchor="middle" x="1199.08" y="-941.029" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;표준의 변경에 따라 매주 당신의</text>
<text text-anchor="middle" x="1199.08" y="-924.407" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;도구들을 고치는 데 시간을 보낼 수 있습니까?</text>
</g>
<!-- are_you_using_dangerous_features&#45;&gt;can_you_spend_days_on_your_tooling -->
<g id="edge25" class="edge"><title>are_you_using_dangerous_features&#45;&gt;can_you_spend_days_on_your_tooling</title>
<path fill="none" stroke="black" d="M1020.07,-1233.01C1057.9,-1172.12 1121.82,-1069.26 1162.16,-1004.33"/>
<polygon fill="black" stroke="black" points="1165.15,-1006.16 1167.45,-995.82 1159.2,-1002.47 1165.15,-1006.16"/>
<text text-anchor="middle" x="1155.07" y="-1111.01" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- give_it_two_months -->
<g id="node21" class="node"><title>give_it_two_months</title>
<polygon fill="none" stroke="black" points="1022.25,-606.183 631.907,-606.183 631.907,-417.734 1022.25,-417.734 1022.25,-606.183"/>
<text text-anchor="middle" x="827.079" y="-590.871" font-family="Times,serif" font-size="14.00">매 릴리즈전에 충실히 테스트된 React에 대해 이야기</text>
<text text-anchor="middle" x="827.079" y="-574.249" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;하려는 것은 아니지만, 패키지 업데이트의 속도를 늦추는</text>
<text text-anchor="middle" x="827.079" y="-557.626" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;것을 고려해 보십시오.</text>
<text text-anchor="middle" x="827.079" y="-541.004" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;의존성이 있는 모듈의 새 버전을 업데이트할 수 있지만</text>
<text text-anchor="middle" x="827.079" y="-524.381" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;그 모듈의 커뮤니티에서 버전이 안정화 될때까지 몇 달은</text>
<text text-anchor="middle" x="827.079" y="-507.759" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;브랜치에 놔두는 것이 최선입니다.</text>
<text text-anchor="middle" x="827.079" y="-491.137" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;트렌드를 못 쫓아갈까 봐 두려워하지 마세요.</text>
<text text-anchor="middle" x="827.079" y="-474.514" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;오래된 문서를 찾을때 깃헙의 릴리즈 태그를 체크하는 것도</text>
<text text-anchor="middle" x="827.079" y="-457.892" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;잊지 마십시오. 예를 들면</text>
<text text-anchor="middle" x="827.079" y="-441.269" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;https://github.com/reactjs/react&#45;router/tree/0.13.x/doc</text>
<text text-anchor="middle" x="827.079" y="-427.269" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;같은 문서.</text>
</g>
<!-- do_you_update_packages_asap&#45;&gt;give_it_two_months -->
<g id="edge30" class="edge"><title>do_you_update_packages_asap&#45;&gt;give_it_two_months</title>
<path fill="none" stroke="black" d="M904.45,-661.303C897.397,-647.78 889.063,-631.801 880.523,-615.427"/>
<polygon fill="black" stroke="black" points="883.491,-613.55 875.764,-606.302 877.285,-616.787 883.491,-613.55"/>
<text text-anchor="middle" x="899.072" y="-629.494" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- consider_updating_react -->
<g id="node22" class="node"><title>consider_updating_react</title>
<polygon fill="none" stroke="black" points="1318.35,-599.183 1039.81,-599.183 1039.81,-424.734 1318.35,-424.734 1318.35,-599.183"/>
<text text-anchor="middle" x="1179.08" y="-583.871" font-family="Times,serif" font-size="14.00">좋은 징조입니다.</text>
<text text-anchor="middle" x="1179.08" y="-567.249" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;어쨌거나, 새로운 React 버전이 나오면</text>
<text text-anchor="middle" x="1179.08" y="-550.626" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;적용해 보기를 권면합니다.(브랜치에서!)</text>
<text text-anchor="middle" x="1179.08" y="-534.004" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;많은 커뮤니티 패키지들과는 달리</text>
<text text-anchor="middle" x="1179.08" y="-517.381" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Facebook에서 충실하게 테스트 되어</text>
<text text-anchor="middle" x="1179.08" y="-500.759" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;나옵니다.</text>
<text text-anchor="middle" x="1179.08" y="-484.137" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;릴리즈 노트는 충실하게 보셔야 합니다.</text>
<text text-anchor="middle" x="1179.08" y="-467.514" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;새 버전을 적용하기 위한 마이그레이션</text>
<text text-anchor="middle" x="1179.08" y="-450.892" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;절차를 자동화한 codemods의 링크가</text>
<text text-anchor="middle" x="1179.08" y="-434.269" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;담겨 있습니다.</text>
</g>
<!-- do_you_update_packages_asap&#45;&gt;consider_updating_react -->
<g id="edge31" class="edge"><title>do_you_update_packages_asap&#45;&gt;consider_updating_react</title>
<path fill="none" stroke="black" d="M970.554,-665.043C993.795,-648.092 1023.17,-626.668 1052.48,-605.291"/>
<polygon fill="black" stroke="black" points="1054.73,-607.986 1060.74,-599.266 1050.6,-602.331 1054.73,-607.986"/>
<text text-anchor="middle" x="1042.06" y="-629.494" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- can_you_spend_days_on_your_tooling&#45;&gt;do_you_update_packages_asap -->
<g id="edge27" class="edge"><title>can_you_spend_days_on_your_tooling&#45;&gt;do_you_update_packages_asap</title>
<path fill="none" stroke="black" d="M1112.12,-902.251C1078.86,-884.117 1042,-860.664 1013.09,-833.428 986.909,-808.758 964.39,-775.036 948.552,-747.788"/>
<polygon fill="black" stroke="black" points="951.433,-745.774 943.442,-738.818 945.351,-749.24 951.433,-745.774"/>
<text text-anchor="middle" x="1020.07" y="-802.917" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- stick_to_es2015 -->
<g id="node20" class="node"><title>stick_to_es2015</title>
<polygon fill="none" stroke="black" points="1258.15,-833.551 1036.01,-833.551 1036.01,-778.06 1258.15,-778.06 1258.15,-833.551"/>
<text text-anchor="middle" x="1147.08" y="-818.228" font-family="Times,serif" font-size="14.00">ES2015, JSX, object spread operator</text>
<text text-anchor="middle" x="1147.08" y="-804.228" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;등 사용하기 쉬운 기능에</text>
<text text-anchor="middle" x="1147.08" y="-787.606" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;충실하세요.</text>
</g>
<!-- can_you_spend_days_on_your_tooling&#45;&gt;stick_to_es2015 -->
<g id="edge28" class="edge"><title>can_you_spend_days_on_your_tooling&#45;&gt;stick_to_es2015</title>
<path fill="none" stroke="black" d="M1178.83,-889.904C1172.85,-874.256 1166.44,-857.492 1160.96,-843.149"/>
<polygon fill="black" stroke="black" points="1164.17,-841.741 1157.33,-833.649 1157.63,-844.24 1164.17,-841.741"/>
<text text-anchor="middle" x="1190.06" y="-856.851" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- stick_to_es2015&#45;&gt;do_you_update_packages_asap -->
<g id="edge29" class="edge"><title>stick_to_es2015&#45;&gt;do_you_update_packages_asap</title>
<path fill="none" stroke="black" d="M1089.65,-778.057C1062.29,-765.311 1029.19,-749.895 999.799,-736.207"/>
<polygon fill="black" stroke="black" points="1000.94,-732.878 990.399,-731.829 997.986,-739.224 1000.94,-732.878"/>
</g>
<!-- are_you_still_sad -->
<g id="node23" class="node"><title>are_you_still_sad</title>
<polygon fill="none" stroke="black" points="1043.08,-380.847 940.741,-362.847 1043.08,-344.847 1145.42,-362.847 1043.08,-380.847"/>
<text text-anchor="middle" x="1043.08" y="-358.647" font-family="Times,serif" font-size="14.00">Are you still sad?</text>
</g>
<!-- give_it_two_months&#45;&gt;are_you_still_sad -->
<g id="edge32" class="edge"><title>give_it_two_months&#45;&gt;are_you_still_sad</title>
<path fill="none" stroke="black" d="M963.875,-417.791C982.968,-404.787 1000.77,-392.665 1014.63,-383.22"/>
<polygon fill="black" stroke="black" points="1016.86,-385.939 1023.15,-377.417 1012.92,-380.153 1016.86,-385.939"/>
</g>
<!-- consider_updating_react&#45;&gt;are_you_still_sad -->
<g id="edge33" class="edge"><title>consider_updating_react&#45;&gt;are_you_still_sad</title>
<path fill="none" stroke="black" d="M1099.18,-424.532C1086.1,-410.378 1073.62,-396.88 1063.77,-386.223"/>
<polygon fill="black" stroke="black" points="1066.14,-383.631 1056.78,-378.664 1061,-388.383 1066.14,-383.631"/>
</g>
<!-- rant -->
<g id="node24" class="node"><title>rant</title>
<polygon fill="none" stroke="black" points="1051.85,-292.092 766.311,-292.092 766.311,-184.622 1051.85,-184.622 1051.85,-292.092"/>
<text text-anchor="middle" x="909.079" y="-277.024" font-family="Times,serif" font-size="14.00">문제가 생기면 건설적인 블로그를</text>
<text text-anchor="middle" x="909.079" y="-260.402" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;작성하세요. 인신공격은 삼가.</text>
<text text-anchor="middle" x="909.079" y="-243.779" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;정중하게 말이죠. 문제 해결을 위해</text>
<text text-anchor="middle" x="909.079" y="-227.157" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;커뮤니티에 참여하세요. Ember 같은</text>
<text text-anchor="middle" x="909.079" y="-210.535" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;당신에게 맞는 다른 길을 찾아보는 방법도</text>
<text text-anchor="middle" x="909.079" y="-193.912" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;있습니다.</text>
</g>
<!-- are_you_still_sad&#45;&gt;rant -->
<g id="edge34" class="edge"><title>are_you_still_sad&#45;&gt;rant</title>
<path fill="none" stroke="black" d="M1027.45,-347.556C1014.22,-335.469 994.328,-317.284 974.605,-299.254"/>
<polygon fill="black" stroke="black" points="976.811,-296.529 967.068,-292.365 972.088,-301.695 976.811,-296.529"/>
<text text-anchor="middle" x="1010.07" y="-315.647" font-family="Times,serif" font-size="14.00">네</text>
</g>
<!-- happy -->
<g id="node25" class="node"><title>happy</title>
<polygon fill="none" stroke="black" points="1157.55,-147.613 916.608,-147.613 916.608,-106.122 1157.55,-106.122 1157.55,-147.613"/>
<text text-anchor="middle" x="1037.08" y="-132.29" font-family="Times,serif" font-size="14.00">React 땜에 다시 행복해졌습니다!</text>
<text text-anchor="middle" x="1037.08" y="-115.667" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;아니더라도 더는 슬프지는 않군요!</text>
</g>
<!-- are_you_still_sad&#45;&gt;happy -->
<g id="edge35" class="edge"><title>are_you_still_sad&#45;&gt;happy</title>
<path fill="none" stroke="black" d="M1048.48,-345.756C1052.87,-331.788 1058.7,-310.926 1061.08,-292.224 1067.12,-244.725 1070.61,-231.413 1061.08,-184.49 1059.19,-175.215 1055.74,-165.575 1052.02,-156.934"/>
<polygon fill="black" stroke="black" points="1055.13,-155.315 1047.79,-147.675 1048.77,-158.225 1055.13,-155.315"/>
<text text-anchor="middle" x="1087.06" y="-235.468" font-family="Times,serif" font-size="14.00">아니오</text>
</g>
<!-- rant&#45;&gt;happy -->
<g id="edge36" class="edge"><title>rant&#45;&gt;happy</title>
<path fill="none" stroke="black" d="M970.83,-184.536C983.056,-174.078 995.392,-163.526 1006.05,-154.409"/>
<polygon fill="black" stroke="black" points="1008.52,-156.903 1013.84,-147.743 1003.97,-151.583 1008.52,-156.903"/>
</g>
<!-- share -->
<g id="node26" class="node"><title>share</title>
<path fill="none" stroke="black" d="M1193.79,-69.3677C1193.79,-69.3677 880.366,-69.3677 880.366,-69.3677 874.366,-69.3677 868.366,-63.3677 868.366,-57.3677 868.366,-57.3677 868.366,-11.8771 868.366,-11.8771 868.366,-5.87713 874.366,0.122871 880.366,0.122871 880.366,0.122871 1193.79,0.122871 1193.79,0.122871 1199.79,0.122871 1205.79,-5.87713 1205.79,-11.8771 1205.79,-11.8771 1205.79,-57.3677 1205.79,-57.3677 1205.79,-63.3677 1199.79,-69.3677 1193.79,-69.3677"/>
<text text-anchor="middle" x="1037.08" y="-54.0449" font-family="Times,serif" font-size="14.00">이 플로 차트를 널리 공유해 주세요</text>
<text text-anchor="middle" x="1037.08" y="-37.4224" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;: http://bit.ly/react&#45;makes&#45;you&#45;sad.</text>
<text text-anchor="middle" x="1037.08" y="-23.4224" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;다음의 프로젝트에서 영감을 얻어서 만들었습니다</text>
<text text-anchor="middle" x="1037.08" y="-6.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;: https://github.com/petehunt/react&#45;howto.</text>
</g>
<!-- happy&#45;&gt;share -->
<g id="edge37" class="edge"><title>happy&#45;&gt;share</title>
<path fill="none" stroke="black" d="M1037.08,-105.839C1037.08,-98.067 1037.08,-88.8385 1037.08,-79.6692"/>
<polygon fill="black" stroke="black" points="1040.58,-79.4228 1037.08,-69.4228 1033.58,-79.4229 1040.58,-79.4228"/>
</g>
</g>
</svg>