front와 back.svg

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 871 471" width="1742" height="942">
  <!-- svg-source:excalidraw -->
  
  <defs>
    <style class="style-fonts">
      @font-face {
        font-family: "Virgil";
        src: url("https://excalidraw.com/Virgil.woff2");
      }
      @font-face {
        font-family: "Cascadia";
        src: url("https://excalidraw.com/Cascadia.woff2");
      }
    </style>
    
  </defs>
  <rect x="0" y="0" width="871" height="471" fill="#ffffff"></rect><g stroke-linecap="round" transform="translate(483 83) rotate(0 189 189)"><path d="M206.86 1.73 C224.02 0.41, 242.06 6.81, 258.65 13.29 C275.24 19.76, 292.33 29.51, 306.38 40.58 C320.43 51.65, 332.71 65.32, 342.95 79.7 C353.2 94.08, 362.22 110.34, 367.87 126.87 C373.51 143.4, 376.09 161.27, 376.81 178.88 C377.52 196.49, 376.22 215.16, 372.15 232.54 C368.08 249.93, 361.01 267.58, 352.39 283.19 C343.76 298.8, 333.01 313.82, 320.4 326.21 C307.79 338.59, 292.52 349.37, 276.73 357.48 C260.93 365.59, 243.05 371.69, 225.63 374.86 C208.22 378.03, 190.09 378.29, 172.21 376.51 C154.33 374.73, 135.09 370.71, 118.35 364.19 C101.62 357.68, 85.51 348.36, 71.79 337.41 C58.06 326.47, 46.08 312.98, 36.03 298.52 C25.97 284.07, 17.56 267.31, 11.46 250.69 C5.35 234.06, 0.42 216.35, -0.61 198.78 C-1.64 181.21, 1.02 162.56, 5.29 145.25 C9.56 127.94, 16.19 110.32, 25.01 94.9 C33.82 79.47, 45.23 65.08, 58.19 52.7 C71.14 40.33, 87.04 28.83, 102.73 20.65 C118.43 12.46, 134 6.89, 152.36 3.6 C170.73 0.3, 201.97 0.51, 212.94 0.86 C223.91 1.2, 218.8 2.52, 218.18 5.67 M134.46 8.17 C149.93 0.6, 171.35 0.07, 189.28 -0.22 C207.2 -0.52, 224.96 1.58, 242.01 6.39 C259.06 11.21, 276.66 18.94, 291.58 28.66 C306.5 38.38, 320.21 51.01, 331.55 64.7 C342.89 78.38, 352.1 94.8, 359.63 110.76 C367.16 126.73, 374.1 143.17, 376.72 160.5 C379.33 177.83, 377.71 197.19, 375.32 214.76 C372.93 232.33, 369.51 249.92, 362.37 265.93 C355.24 281.94, 344.46 297.3, 332.49 310.82 C320.53 324.34, 305.52 337.05, 290.6 347.04 C275.68 357.02, 259.79 365.43, 242.98 370.75 C226.17 376.07, 207.45 379.06, 189.73 378.97 C172.02 378.88, 153.68 375.12, 136.7 370.22 C119.73 365.32, 102.62 358.93, 87.86 349.59 C73.11 340.25, 60.15 327.94, 48.18 314.18 C36.21 300.42, 23.87 283.17, 16.05 267.04 C8.23 250.9, 3.51 234.49, 1.26 217.36 C-1 200.24, -0.04 181.85, 2.52 164.29 C5.08 146.74, 9.34 128.49, 16.6 112.03 C23.87 95.58, 34.74 79.1, 46.09 65.56 C57.43 52.01, 69.99 40.49, 84.66 30.76 C99.32 21.02, 125.76 10.33, 134.07 7.17 C142.38 4, 133.32 8.49, 134.5 11.78" stroke="#e03131" stroke-width="1" fill="none"></path></g><g transform="translate(577 12) rotate(0 93.59759963989256 29.499999999999986)"><text x="0" y="0" font-family="Virgil, Segoe UI Emoji" font-size="47.19999999999999px" fill="#e03131" text-anchor="start" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">Backend</text></g><g transform="translate(512.44 196) rotate(0 163.27999999999997 13)"><text x="0" y="0" font-family="Virgil, Segoe UI Emoji" font-size="20.79999999999999px" fill="#e03131" text-anchor="start" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">Unit test하기 좋은 비즈니스 로직들</text></g><g transform="translate(564 275.5) rotate(0 110.15000915527344 12.5)"><text x="0" y="0" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#e03131" text-anchor="start" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">단일하고 통제 가능한 환경</text></g><g transform="translate(554.8499908447266 353.5) rotate(0 118.80001068115234 12.5)"><text x="0" y="0" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#e03131" text-anchor="start" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">풍부한 자료와 테스트 생태계</text></g><g stroke-linecap="round" transform="translate(10 100) rotate(0 176.5 176.5)"><path d="M101.29 17.65 C114.37 8.29, 132.28 4.33, 148.83 1.71 C165.39 -0.91, 184.08 -0.36, 200.6 1.94 C217.13 4.23, 232.9 8.68, 247.99 15.47 C263.08 22.26, 278.38 32.02, 291.14 42.67 C303.9 53.32, 315.45 65.78, 324.57 79.37 C333.69 92.95, 341.09 108.25, 345.84 124.18 C350.59 140.12, 353.14 158.29, 353.08 174.95 C353.02 191.62, 349.88 208.42, 345.48 224.16 C341.09 239.91, 335.43 255.29, 326.72 269.44 C318.01 283.58, 305.77 297.89, 293.2 309.03 C280.64 320.16, 266.26 329.27, 251.32 336.25 C236.39 343.24, 219.86 348.36, 203.57 350.94 C187.29 353.52, 170.16 353.99, 153.61 351.72 C137.07 349.45, 119.45 344.16, 104.3 337.32 C89.14 330.48, 75.39 321.23, 62.69 310.69 C49.99 300.15, 37.37 288.03, 28.11 274.09 C18.85 260.15, 11.86 242.85, 7.16 227.06 C2.45 211.27, -0.09 195.74, -0.13 179.35 C-0.17 162.96, 2.24 144.98, 6.91 128.73 C11.58 112.49, 19.26 95.98, 27.89 81.89 C36.51 67.81, 43.4 56.28, 58.69 44.21 C73.97 32.15, 106.46 15.65, 119.59 9.51 C132.72 3.37, 136.66 4.51, 137.46 7.37 M168.22 1.21 C183.89 -2.25, 202.42 2.32, 218.33 5.9 C234.24 9.47, 249.61 14.34, 263.68 22.66 C277.74 30.97, 291.06 43.5, 302.72 55.77 C314.39 68.05, 325.97 81.64, 333.68 96.33 C341.38 111.02, 345.88 127.65, 348.96 143.91 C352.03 160.18, 353.58 177.67, 352.13 193.91 C350.67 210.15, 346.5 225.96, 340.25 241.34 C333.99 256.72, 325 273.2, 314.61 286.18 C304.23 299.16, 291.55 309.86, 277.92 319.22 C264.29 328.58, 248.32 337, 232.83 342.35 C217.33 347.69, 201.2 350.55, 184.95 351.3 C168.7 352.05, 151.27 350.51, 135.33 346.84 C119.38 343.18, 103.69 337.52, 89.28 329.32 C74.87 321.13, 60.62 309.43, 48.88 297.67 C37.13 285.91, 26.64 273.17, 18.82 258.78 C10.99 244.4, 4.7 227.63, 1.94 211.35 C-0.83 195.07, 0.64 177.9, 2.23 161.09 C3.82 144.27, 5.76 125.99, 11.47 110.44 C17.18 94.89, 26.08 80.5, 36.48 67.78 C46.88 55.06, 60.04 43.86, 73.87 34.1 C87.71 24.34, 103.91 14.97, 119.49 9.23 C135.08 3.48, 159.05 0.75, 167.38 -0.37 C175.71 -1.48, 169.03 -0.4, 169.46 2.55" stroke="#1971c2" stroke-width="1" fill="none"></path></g><g transform="translate(77 10) rotate(0 111.83639877319337 33.5)"><text x="0" y="0" font-family="Virgil, Segoe UI Emoji" font-size="53.59999999999999px" fill="#1971c2" text-anchor="start" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">Frontend</text></g><g transform="translate(39.72000000000003 201) rotate(0 146.91748046875 23.531847133757935)"><text x="0" y="0" font-family="Virgil, Segoe UI Emoji" font-size="18.82547770700636px" fill="#1971c2" text-anchor="start" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">test하기 어려운 의존성과 전역 상태</text><text x="0" y="23.53184713375795" font-family="Virgil, Segoe UI Emoji" font-size="18.82547770700636px" fill="#1971c2" text-anchor="start" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">(dom, 상태, 캐시, 애니메이션, 시간)</text></g><g transform="translate(26.08251953125 280.468152866242) rotate(0 161.13897705078125 11.765923566878968)"><text x="0" y="0" font-family="Virgil, Segoe UI Emoji" font-size="18.82547770700636px" fill="#1971c2" text-anchor="start" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">다양한 사용자의 디바이스, 브라우저 환경</text></g><g transform="translate(63.86102294921875 349.234076433121) rotate(0 121.07748413085938 11.765923566878996)"><text x="0" y="0" font-family="Virgil, Segoe UI Emoji" font-size="18.82547770700636px" fill="#1971c2" text-anchor="start" style="white-space: pre;" direction="ltr" dominant-baseline="text-before-edge">상대적으로 짧은 역사와 생태계</text></g></svg>