From e89af8b27ec69bdc71fa470f33f59c21ed02f23b Mon Sep 17 00:00:00 2001 From: JunilHwang Date: Mon, 12 Feb 2024 10:31:01 +0000 Subject: [PATCH] deploy --- 404.html | 6 +++--- About/index.html | 4 ++-- Book/OOP-Principle/00-Intro/index.html | 4 ++-- Book/OOP-Principle/01-Loved-Human/index.html | 4 ++-- Book/OOP-Principle/02-Java-As-PL/index.html | 4 ++-- Book/OOP-Principle/03-Java-As-OOP/index.html | 4 ++-- Book/OOP-Principle/04-Extended-By-Java/index.html | 4 ++-- Book/OOP-Principle/05-SOLID/index.html | 4 ++-- Book/OOP-Principle/06-Design-Pattern/index.html | 4 ++-- Book/OOP-Principle/07-Spring-Triangle/index.html | 4 ++-- Book/start-with-why/index.html | 4 ++-- CodeSpitz/None-Blocking-Javascript/Intro/index.html | 4 ++-- CodeSpitz/Object-Oriented-Javascript/01-Intro/index.html | 4 ++-- CodeSpitz/Object-Oriented-Javascript/02-MVVM/index.html | 4 ++-- .../03-Strategy-Observer/index.html | 4 ++-- .../Object-Oriented-Javascript/04-ISP-Visitor/index.html | 4 ++-- .../Object-Oriented-Javascript/05-Extension/index.html | 4 ++-- Gradle/GradleWrapper/index.html | 4 ++-- Javascript/Design/Vanilla-JS-Component/index.html | 4 ++-- Javascript/Design/Vanilla-JS-Make-useSate-hook/index.html | 4 ++-- .../Design/Vanilla-JS-Server-Side-Rendering/index.html | 4 ++-- Javascript/Design/Vanilla-JS-Store/index.html | 4 ++-- Javascript/Design/Vanilla-JS-Virtual-DOM/index.html | 4 ++-- Javascript/Domain/Concurrency-Parallel/index.html | 4 ++-- Javascript/Domain/Event-Loop/index.html | 4 ++-- Javascript/Domain/Execution-Context/index.html | 4 ++-- Javascript/Domain/Non-Blocking-Loop/index.html | 4 ++-- Javascript/Hangul-Consonants-Search/index.html | 4 ++-- Review/2020-year/01-First-Quarter/index.html | 4 ++-- Review/2020-year/01-January/index.html | 4 ++-- Review/2020-year/02-February/index.html | 4 ++-- Review/2020-year/02-Second-Quarter/index.html | 4 ++-- Review/2020-year/03-March/index.html | 4 ++-- Review/2020-year/04-April/index.html | 4 ++-- Review/2020-year/05-May/index.html | 4 ++-- Review/2020-year/06-June/index.html | 4 ++-- Review/2020-year/07-July/index.html | 4 ++-- Review/2020-year/08-August/index.html | 4 ++-- Review/2020-year/09-September/index.html | 4 ++-- Review/2020-year/10-October/index.html | 4 ++-- Review/2020-year/11-November/index.html | 4 ++-- Review/2020-year/12-December/index.html | 4 ++-- Review/2020-year/end/index.html | 4 ++-- Review/2021-year/01-First-Quarter/index.html | 4 ++-- Review/2021-year/end/index.html | 4 ++-- Review/2022-year/end/index.html | 4 ++-- Review/2023-year/end/index.html | 4 ++-- Review/2024-year/01/index.html | 4 ++-- Review/Turnover/index.html | 4 ++-- assets/{404.54c62392.js => 404.78bbd382.js} | 2 +- assets/{404.html.c67d0bb3.js => 404.html.0f64b983.js} | 2 +- assets/{Layout.f502b9d9.js => Layout.66367551.js} | 2 +- assets/{app.800103af.js => app.d20f8571.js} | 4 ++-- assets/{index.html.e3b43384.js => index.html.0246f8c5.js} | 2 +- assets/{index.html.cc4e11c3.js => index.html.03475453.js} | 2 +- assets/{index.html.c2c7c888.js => index.html.035a1e6f.js} | 2 +- assets/{index.html.6cd597e6.js => index.html.06c11bde.js} | 2 +- assets/{index.html.7405fdf8.js => index.html.07e9edcd.js} | 2 +- assets/{index.html.2dd61cad.js => index.html.0a1b73da.js} | 2 +- assets/{index.html.4dc97d86.js => index.html.0a24ab35.js} | 2 +- assets/{index.html.57e649db.js => index.html.0a4f434b.js} | 2 +- assets/{index.html.f683e365.js => index.html.0b552713.js} | 2 +- assets/{index.html.3194addd.js => index.html.10eb0892.js} | 2 +- assets/{index.html.bbfc3247.js => index.html.12be6a7f.js} | 2 +- assets/{index.html.9142940d.js => index.html.1328f07f.js} | 2 +- assets/{index.html.f5346c8d.js => index.html.138e9f68.js} | 2 +- assets/{index.html.8eb06b11.js => index.html.17cb6f46.js} | 2 +- assets/{index.html.4a75c0fa.js => index.html.17ce9ef3.js} | 2 +- assets/{index.html.2f872d5a.js => index.html.17dc3439.js} | 2 +- assets/{index.html.ffc804fa.js => index.html.17f01873.js} | 2 +- assets/{index.html.e12fa1f0.js => index.html.1880b5fa.js} | 2 +- assets/{index.html.8299e657.js => index.html.1dbcf7c1.js} | 2 +- assets/{index.html.2d258c56.js => index.html.1ff6b8c6.js} | 2 +- assets/{index.html.ff29c0d4.js => index.html.22927a25.js} | 2 +- assets/{index.html.89a0e647.js => index.html.2543e8bd.js} | 2 +- assets/{index.html.8d196c2c.js => index.html.2a395442.js} | 2 +- assets/{index.html.3260e8ec.js => index.html.2bf1a112.js} | 2 +- assets/{index.html.2c8bef69.js => index.html.2c44c007.js} | 2 +- assets/{index.html.bd65a611.js => index.html.2ce8c621.js} | 2 +- assets/{index.html.fda83647.js => index.html.2d7a52d9.js} | 2 +- assets/{index.html.52f1218b.js => index.html.2f261d36.js} | 2 +- assets/{index.html.f9246ade.js => index.html.2f3e0546.js} | 2 +- assets/{index.html.32794572.js => index.html.322731c2.js} | 2 +- assets/{index.html.f4858eca.js => index.html.35a3afe3.js} | 2 +- assets/{index.html.47bdcbc8.js => index.html.36a0f5c4.js} | 2 +- assets/{index.html.e4c19721.js => index.html.37c7d902.js} | 2 +- assets/{index.html.c09af06b.js => index.html.3aa686e7.js} | 2 +- assets/{index.html.1580f9aa.js => index.html.3b13d9dc.js} | 2 +- assets/{index.html.93d4d94e.js => index.html.3bc945c1.js} | 2 +- assets/{index.html.c8368266.js => index.html.3f5c255d.js} | 2 +- assets/{index.html.2f81c7ac.js => index.html.402b50da.js} | 2 +- assets/{index.html.0c3d05c3.js => index.html.41eb8580.js} | 2 +- assets/{index.html.ffb12c93.js => index.html.42bfefdd.js} | 2 +- assets/{index.html.f30b0a69.js => index.html.430c151c.js} | 2 +- assets/{index.html.e25e2de7.js => index.html.4387cbbd.js} | 2 +- assets/{index.html.fb9321da.js => index.html.438bdc30.js} | 2 +- assets/{index.html.0dee3238.js => index.html.439d4e1f.js} | 2 +- assets/{index.html.1d71d294.js => index.html.43e2e14a.js} | 2 +- assets/{index.html.c8b464b4.js => index.html.44f996bf.js} | 2 +- assets/{index.html.d917b940.js => index.html.47be93c5.js} | 2 +- assets/{index.html.b8e98a85.js => index.html.497fab54.js} | 2 +- assets/{index.html.6091ded4.js => index.html.4c8d4906.js} | 2 +- assets/{index.html.9d63b2a8.js => index.html.4d13e241.js} | 2 +- assets/{index.html.a5c9a925.js => index.html.4d6783a9.js} | 2 +- assets/{index.html.2b791ca3.js => index.html.4daa8387.js} | 2 +- assets/{index.html.4266656b.js => index.html.4e7025b3.js} | 2 +- assets/{index.html.2e8da8f5.js => index.html.4f1ec942.js} | 2 +- assets/{index.html.810a3760.js => index.html.55513a07.js} | 2 +- assets/{index.html.11e4a8af.js => index.html.557dc6a7.js} | 2 +- assets/{index.html.0b9ec23f.js => index.html.5765ebce.js} | 2 +- assets/{index.html.35f653f5.js => index.html.5b5ab188.js} | 2 +- assets/{index.html.bbc02efc.js => index.html.5bf724a2.js} | 2 +- assets/{index.html.ecf44cf7.js => index.html.5c277a70.js} | 2 +- assets/{index.html.0e2e2d55.js => index.html.5f59a486.js} | 2 +- assets/{index.html.f86e4e64.js => index.html.6379d084.js} | 2 +- assets/{index.html.bcd19867.js => index.html.655b0313.js} | 2 +- assets/{index.html.7c6adb33.js => index.html.657f6678.js} | 2 +- assets/{index.html.5fb66fed.js => index.html.663ce654.js} | 2 +- assets/{index.html.ce8f6239.js => index.html.67230069.js} | 2 +- assets/{index.html.04c1b3fa.js => index.html.67289c71.js} | 2 +- assets/{index.html.603c8f7e.js => index.html.67aa5b22.js} | 2 +- assets/{index.html.9e4aee02.js => index.html.6841933d.js} | 2 +- assets/{index.html.d86e2c0d.js => index.html.6a71200d.js} | 2 +- assets/{index.html.1150db74.js => index.html.6aad8d9c.js} | 2 +- assets/{index.html.588c8f7f.js => index.html.6b32d7a5.js} | 2 +- assets/{index.html.b726f535.js => index.html.6c72a8bc.js} | 2 +- assets/{index.html.0909ac9a.js => index.html.7085f0b3.js} | 2 +- assets/{index.html.1008ef55.js => index.html.70a48510.js} | 2 +- assets/{index.html.4aa184ce.js => index.html.719e80b4.js} | 2 +- assets/{index.html.184517a1.js => index.html.7340a244.js} | 2 +- assets/{index.html.ec5cd3e4.js => index.html.79b3845d.js} | 2 +- assets/{index.html.0f90b922.js => index.html.8059c2a7.js} | 2 +- assets/{index.html.3e02076e.js => index.html.84380bc0.js} | 2 +- assets/{index.html.09e71a62.js => index.html.85a7dbbc.js} | 2 +- assets/{index.html.c74dfa13.js => index.html.8733480e.js} | 2 +- assets/{index.html.c057bc45.js => index.html.87808244.js} | 2 +- assets/{index.html.5f38ce83.js => index.html.878417fe.js} | 2 +- assets/{index.html.d8ffe25f.js => index.html.88e051d6.js} | 2 +- assets/{index.html.a59b0911.js => index.html.89e108fe.js} | 2 +- assets/{index.html.d4039385.js => index.html.8a9c71db.js} | 2 +- assets/{index.html.e5d9b9ae.js => index.html.8ef57d8a.js} | 2 +- assets/{index.html.725c08bd.js => index.html.9659c777.js} | 2 +- assets/{index.html.95131d1f.js => index.html.96f916e7.js} | 2 +- assets/{index.html.fd080d83.js => index.html.9c2fc93f.js} | 2 +- assets/{index.html.f51c721f.js => index.html.9ec9cfee.js} | 2 +- assets/{index.html.5813a842.js => index.html.9fb1fdc2.js} | 2 +- assets/{index.html.8dd480a8.js => index.html.a6dc71c8.js} | 2 +- assets/{index.html.594d39d6.js => index.html.a72ef214.js} | 2 +- assets/{index.html.72517113.js => index.html.ab965f86.js} | 2 +- assets/{index.html.3fe1b6af.js => index.html.abc0caa9.js} | 2 +- assets/{index.html.1d8056c9.js => index.html.b1882379.js} | 2 +- assets/{index.html.85545c0f.js => index.html.b3418752.js} | 2 +- assets/{index.html.62a98cf2.js => index.html.b51df209.js} | 2 +- assets/{index.html.875225dd.js => index.html.b61f4884.js} | 2 +- assets/{index.html.90917800.js => index.html.bd118516.js} | 2 +- assets/{index.html.a27fccb8.js => index.html.c0b8879c.js} | 2 +- assets/{index.html.96df45f3.js => index.html.c1e22381.js} | 2 +- assets/{index.html.2c45a322.js => index.html.c559cd93.js} | 2 +- assets/{index.html.9aab0e01.js => index.html.c65abb0d.js} | 2 +- assets/{index.html.1a043501.js => index.html.c65f8b32.js} | 2 +- assets/{index.html.b21919f5.js => index.html.c93b21cc.js} | 2 +- assets/{index.html.7625269a.js => index.html.c97307a6.js} | 2 +- assets/{index.html.3a2f1c8b.js => index.html.caf79063.js} | 2 +- assets/{index.html.447acfc2.js => index.html.cbefd467.js} | 2 +- assets/{index.html.7b868ab7.js => index.html.ce247ed9.js} | 2 +- assets/{index.html.f1c1a79c.js => index.html.d2afc165.js} | 2 +- assets/{index.html.ee643769.js => index.html.d307d08b.js} | 2 +- assets/{index.html.397699dc.js => index.html.d4eb31a4.js} | 2 +- assets/{index.html.a4baa388.js => index.html.d9a09cb4.js} | 2 +- assets/{index.html.5d34e07b.js => index.html.dc7f0dd4.js} | 2 +- assets/{index.html.3e1c72c2.js => index.html.dcdb2340.js} | 2 +- assets/{index.html.61de1223.js => index.html.dd2c3cd5.js} | 2 +- assets/{index.html.a91c6acd.js => index.html.e02ccbc2.js} | 2 +- assets/{index.html.990c894c.js => index.html.e23c8e52.js} | 2 +- assets/{index.html.f1a80548.js => index.html.ef780414.js} | 2 +- assets/{index.html.e9c94cba.js => index.html.f5acaa00.js} | 2 +- assets/{index.html.91c988cb.js => index.html.f6b45456.js} | 2 +- assets/{index.html.7711fd0a.js => index.html.fceceda2.js} | 2 +- assets/{index.html.5a55ce9e.js => index.html.fd96e33e.js} | 2 +- index.html | 4 ++-- posts.json | 2 +- side-project/dku-schedule-manager/index.html | 4 ++-- vuepress/Deploy/index.html | 4 ++-- vuepress/Plantuml/index.html | 4 ++-- vuepress/Starter/index.html | 4 ++-- vuepress/Theme/index.html | 4 ++-- vuepress/Utterances/index.html | 4 ++-- .../index.html" | 4 ++-- .../index.html" | 4 ++-- .../index.html" | 4 ++-- "writing/02-2021-\352\263\204\355\232\215/index.html" | 4 ++-- .../index.html" | 4 ++-- writing/index.html | 4 ++-- .../index.html" | 4 ++-- .../index.html" | 4 ++-- 195 files changed, 261 insertions(+), 261 deletions(-) rename assets/{404.54c62392.js => 404.78bbd382.js} (90%) rename assets/{404.html.c67d0bb3.js => 404.html.0f64b983.js} (61%) rename assets/{Layout.f502b9d9.js => Layout.66367551.js} (95%) rename assets/{app.800103af.js => app.d20f8571.js} (95%) rename assets/{index.html.e3b43384.js => index.html.0246f8c5.js} (99%) rename assets/{index.html.cc4e11c3.js => index.html.03475453.js} (94%) rename assets/{index.html.c2c7c888.js => index.html.035a1e6f.js} (95%) rename assets/{index.html.6cd597e6.js => index.html.06c11bde.js} (99%) rename assets/{index.html.7405fdf8.js => index.html.07e9edcd.js} (99%) rename assets/{index.html.2dd61cad.js => index.html.0a1b73da.js} (99%) rename assets/{index.html.4dc97d86.js => index.html.0a24ab35.js} (89%) rename assets/{index.html.57e649db.js => index.html.0a4f434b.js} (97%) rename assets/{index.html.f683e365.js => index.html.0b552713.js} (91%) rename assets/{index.html.3194addd.js => index.html.10eb0892.js} (99%) rename assets/{index.html.bbfc3247.js => index.html.12be6a7f.js} (99%) rename assets/{index.html.9142940d.js => index.html.1328f07f.js} (98%) rename assets/{index.html.f5346c8d.js => index.html.138e9f68.js} (93%) rename assets/{index.html.8eb06b11.js => index.html.17cb6f46.js} (99%) rename assets/{index.html.4a75c0fa.js => index.html.17ce9ef3.js} (98%) rename assets/{index.html.2f872d5a.js => index.html.17dc3439.js} (88%) rename assets/{index.html.ffc804fa.js => index.html.17f01873.js} (98%) rename assets/{index.html.e12fa1f0.js => index.html.1880b5fa.js} (99%) rename assets/{index.html.8299e657.js => index.html.1dbcf7c1.js} (99%) rename assets/{index.html.2d258c56.js => index.html.1ff6b8c6.js} (92%) rename assets/{index.html.ff29c0d4.js => index.html.22927a25.js} (99%) rename assets/{index.html.89a0e647.js => index.html.2543e8bd.js} (98%) rename assets/{index.html.8d196c2c.js => index.html.2a395442.js} (96%) rename assets/{index.html.3260e8ec.js => index.html.2bf1a112.js} (99%) rename assets/{index.html.2c8bef69.js => index.html.2c44c007.js} (98%) rename assets/{index.html.bd65a611.js => index.html.2ce8c621.js} (97%) rename assets/{index.html.fda83647.js => index.html.2d7a52d9.js} (97%) rename assets/{index.html.52f1218b.js => index.html.2f261d36.js} (99%) rename assets/{index.html.f9246ade.js => index.html.2f3e0546.js} (93%) rename assets/{index.html.32794572.js => index.html.322731c2.js} (97%) rename assets/{index.html.f4858eca.js => index.html.35a3afe3.js} (99%) rename assets/{index.html.47bdcbc8.js => index.html.36a0f5c4.js} (96%) rename assets/{index.html.e4c19721.js => index.html.37c7d902.js} (99%) rename assets/{index.html.c09af06b.js => index.html.3aa686e7.js} (94%) rename assets/{index.html.1580f9aa.js => index.html.3b13d9dc.js} (99%) rename assets/{index.html.93d4d94e.js => index.html.3bc945c1.js} (91%) rename assets/{index.html.c8368266.js => index.html.3f5c255d.js} (96%) rename assets/{index.html.2f81c7ac.js => index.html.402b50da.js} (97%) rename assets/{index.html.0c3d05c3.js => index.html.41eb8580.js} (90%) rename assets/{index.html.ffb12c93.js => index.html.42bfefdd.js} (97%) rename assets/{index.html.f30b0a69.js => index.html.430c151c.js} (91%) rename assets/{index.html.e25e2de7.js => index.html.4387cbbd.js} (98%) rename assets/{index.html.fb9321da.js => index.html.438bdc30.js} (93%) rename assets/{index.html.0dee3238.js => index.html.439d4e1f.js} (99%) rename assets/{index.html.1d71d294.js => index.html.43e2e14a.js} (88%) rename assets/{index.html.c8b464b4.js => index.html.44f996bf.js} (99%) rename assets/{index.html.d917b940.js => index.html.47be93c5.js} (97%) rename assets/{index.html.b8e98a85.js => index.html.497fab54.js} (95%) rename assets/{index.html.6091ded4.js => index.html.4c8d4906.js} (99%) rename assets/{index.html.9d63b2a8.js => index.html.4d13e241.js} (96%) rename assets/{index.html.a5c9a925.js => index.html.4d6783a9.js} (99%) rename assets/{index.html.2b791ca3.js => index.html.4daa8387.js} (99%) rename assets/{index.html.4266656b.js => index.html.4e7025b3.js} (98%) rename assets/{index.html.2e8da8f5.js => index.html.4f1ec942.js} (99%) rename assets/{index.html.810a3760.js => index.html.55513a07.js} (99%) rename assets/{index.html.11e4a8af.js => index.html.557dc6a7.js} (91%) rename assets/{index.html.0b9ec23f.js => index.html.5765ebce.js} (95%) rename assets/{index.html.35f653f5.js => index.html.5b5ab188.js} (97%) rename assets/{index.html.bbc02efc.js => index.html.5bf724a2.js} (97%) rename assets/{index.html.ecf44cf7.js => index.html.5c277a70.js} (98%) rename assets/{index.html.0e2e2d55.js => index.html.5f59a486.js} (85%) rename assets/{index.html.f86e4e64.js => index.html.6379d084.js} (99%) rename assets/{index.html.bcd19867.js => index.html.655b0313.js} (97%) rename assets/{index.html.7c6adb33.js => index.html.657f6678.js} (95%) rename assets/{index.html.5fb66fed.js => index.html.663ce654.js} (96%) rename assets/{index.html.ce8f6239.js => index.html.67230069.js} (90%) rename assets/{index.html.04c1b3fa.js => index.html.67289c71.js} (97%) rename assets/{index.html.603c8f7e.js => index.html.67aa5b22.js} (99%) rename assets/{index.html.9e4aee02.js => index.html.6841933d.js} (99%) rename assets/{index.html.d86e2c0d.js => index.html.6a71200d.js} (87%) rename assets/{index.html.1150db74.js => index.html.6aad8d9c.js} (97%) rename assets/{index.html.588c8f7f.js => index.html.6b32d7a5.js} (99%) rename assets/{index.html.b726f535.js => index.html.6c72a8bc.js} (97%) rename assets/{index.html.0909ac9a.js => index.html.7085f0b3.js} (99%) rename assets/{index.html.1008ef55.js => index.html.70a48510.js} (99%) rename assets/{index.html.4aa184ce.js => index.html.719e80b4.js} (98%) rename assets/{index.html.184517a1.js => index.html.7340a244.js} (99%) rename assets/{index.html.ec5cd3e4.js => index.html.79b3845d.js} (99%) rename assets/{index.html.0f90b922.js => index.html.8059c2a7.js} (97%) rename assets/{index.html.3e02076e.js => index.html.84380bc0.js} (98%) rename assets/{index.html.09e71a62.js => index.html.85a7dbbc.js} (88%) rename assets/{index.html.c74dfa13.js => index.html.8733480e.js} (99%) rename assets/{index.html.c057bc45.js => index.html.87808244.js} (99%) rename assets/{index.html.5f38ce83.js => index.html.878417fe.js} (84%) rename assets/{index.html.d8ffe25f.js => index.html.88e051d6.js} (96%) rename assets/{index.html.a59b0911.js => index.html.89e108fe.js} (97%) rename assets/{index.html.d4039385.js => index.html.8a9c71db.js} (98%) rename assets/{index.html.e5d9b9ae.js => index.html.8ef57d8a.js} (99%) rename assets/{index.html.725c08bd.js => index.html.9659c777.js} (99%) rename assets/{index.html.95131d1f.js => index.html.96f916e7.js} (63%) rename assets/{index.html.fd080d83.js => index.html.9c2fc93f.js} (89%) rename assets/{index.html.f51c721f.js => index.html.9ec9cfee.js} (95%) rename assets/{index.html.5813a842.js => index.html.9fb1fdc2.js} (86%) rename assets/{index.html.8dd480a8.js => index.html.a6dc71c8.js} (99%) rename assets/{index.html.594d39d6.js => index.html.a72ef214.js} (99%) rename assets/{index.html.72517113.js => index.html.ab965f86.js} (91%) rename assets/{index.html.3fe1b6af.js => index.html.abc0caa9.js} (99%) rename assets/{index.html.1d8056c9.js => index.html.b1882379.js} (95%) rename assets/{index.html.85545c0f.js => index.html.b3418752.js} (98%) rename assets/{index.html.62a98cf2.js => index.html.b51df209.js} (89%) rename assets/{index.html.875225dd.js => index.html.b61f4884.js} (96%) rename assets/{index.html.90917800.js => index.html.bd118516.js} (98%) rename assets/{index.html.a27fccb8.js => index.html.c0b8879c.js} (99%) rename assets/{index.html.96df45f3.js => index.html.c1e22381.js} (94%) rename assets/{index.html.2c45a322.js => index.html.c559cd93.js} (99%) rename assets/{index.html.9aab0e01.js => index.html.c65abb0d.js} (92%) rename assets/{index.html.1a043501.js => index.html.c65f8b32.js} (70%) rename assets/{index.html.b21919f5.js => index.html.c93b21cc.js} (96%) rename assets/{index.html.7625269a.js => index.html.c97307a6.js} (99%) rename assets/{index.html.3a2f1c8b.js => index.html.caf79063.js} (92%) rename assets/{index.html.447acfc2.js => index.html.cbefd467.js} (99%) rename assets/{index.html.7b868ab7.js => index.html.ce247ed9.js} (99%) rename assets/{index.html.f1c1a79c.js => index.html.d2afc165.js} (99%) rename assets/{index.html.ee643769.js => index.html.d307d08b.js} (99%) rename assets/{index.html.397699dc.js => index.html.d4eb31a4.js} (96%) rename assets/{index.html.a4baa388.js => index.html.d9a09cb4.js} (99%) rename assets/{index.html.5d34e07b.js => index.html.dc7f0dd4.js} (82%) rename assets/{index.html.3e1c72c2.js => index.html.dcdb2340.js} (98%) rename assets/{index.html.61de1223.js => index.html.dd2c3cd5.js} (99%) rename assets/{index.html.a91c6acd.js => index.html.e02ccbc2.js} (99%) rename assets/{index.html.990c894c.js => index.html.e23c8e52.js} (99%) rename assets/{index.html.f1a80548.js => index.html.ef780414.js} (99%) rename assets/{index.html.e9c94cba.js => index.html.f5acaa00.js} (99%) rename assets/{index.html.91c988cb.js => index.html.f6b45456.js} (99%) rename assets/{index.html.7711fd0a.js => index.html.fceceda2.js} (97%) rename assets/{index.html.5a55ce9e.js => index.html.fd96e33e.js} (97%) diff --git a/404.html b/404.html index 01d37f13..79480f6f 100644 --- a/404.html +++ b/404.html @@ -23,11 +23,11 @@ } 개발자 황준일 - + -

404

Looks like we've got some broken links.
Take me home
- +

404

That's a Four-Oh-Four.
Take me home
+ diff --git a/About/index.html b/About/index.html index e9aa437a..91dd80ab 100644 --- a/About/index.html +++ b/About/index.html @@ -23,11 +23,11 @@ } Today I Learned | 개발자 황준일 - +
Hits bn

About

junilhwang's github stats bn

이력

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Book/OOP-Principle/00-Intro/index.html b/Book/OOP-Principle/00-Intro/index.html index f8a96ad9..5f77b1d7 100644 --- a/Book/OOP-Principle/00-Intro/index.html +++ b/Book/OOP-Principle/00-Intro/index.html @@ -23,7 +23,7 @@ } 00 책 소개 | 객체지향의 원리와 이해 | 개발자 황준일 - + @@ -31,6 +31,6 @@

상속은 일종 가계도라고 생각하면 된다.

uml diagram

그리고 여기서 만들어지는 코드는 이렇다.

할아버지 father = new 아버지();
 

위의 코드가 어색하다면 객체지향을 잘 이해하고 있는 것이다.

객체지향은 다형성(Polymorphism)이 지켜져야 하고, 다형성에는 대체가능성 이라는 개념이 있다.

대체가능성

확장(extends)된 객체는 원본으로 대체 가능하다.

일단 "아버지는 할아버지인가?" 에 대해서도 "그렇다" 라고 할 수 없으며,
더불어 "아버지가 할아버지를 대체할 수 있는가?" 에 대해 "그렇다" 라고 답할 수도 없다.

그렇기 때문에 "상속" 이라는 단어와 개념은 잘못 된 것이다.

그럼 다음의 경우에는 어떨까?

uml diagram
동물 뽀로로 = new 펭귄();
 

뽀로로는 펭귄이면서 동물이다. 그러므로 대체가능성이 성립한다.

Define of Class(클래스)

클래스는 사전적인 의미로 집합 종류 속하다 분류하다 등이 있다. 그렇기 때문에 "클래스를 상속하다"는 것은 잘못된 표현이다.

이렇듯 저자는 객체지향에서 통용되고 있는 잘못된 지식을 이해하기 쉽게 바로 잡도록 도와준다.

인간지향적인 객체지향

흔히들 객체지향은 인간 세상을 코드에 반영한 것이라고 한다.

그리고 저자는 이를 예제에 적절하게 반영하여 어째서 객체지향이 인간 중심적인지를 보여준다.

결론

이 책은 자바와 스프링을 전문적으로 다루는 책이 아니다. 말 그대로 나처럼 객체 지향의 개념을 이해하고자 하는 사람들에게 필요한 책이다. 저자는 다음 조건에 충족하는 사람들이 이 책을 접했을 때 좋다고 말한다.

그리고 나 또한 그렇게 생각한다. 여태 까지 내가 읽어본 책 중에서 제일 명료하고 이해하기 쉬운 책이다.

- + diff --git a/Book/OOP-Principle/01-Loved-Human/index.html b/Book/OOP-Principle/01-Loved-Human/index.html index 221ee7aa..7b80d411 100644 --- a/Book/OOP-Principle/01-Loved-Human/index.html +++ b/Book/OOP-Principle/01-Loved-Human/index.html @@ -23,11 +23,11 @@ } 01 사람을 사랑한 기술 | 객체지향의 원리와 이해 | 개발자 황준일 - +
Hits bn

사람을 사랑한 기술

신 기술은 이전 기술의 어깨를 딛고

이미 있던 것이 후에 다시 있겠고, 이미 한 일을 후에 다시 할지라.
해 아래는 새 것이 없나니, 무엇을 가리켜 이르기를 보라.

이것이 새 것이라 할 것이 있으랴, 우리 오래 전 세대에도 이미 있었느니라.

컴퓨터는 멍청하게도(?) 0과 1만 이해할 수 있다. 그런 컴퓨터를 이용하여 우리는 어떻게 프로그래밍을 할 수 있었을까? 그리고 왜 그토록 많은 언어가 생겼으며 객체지향, 함수지향 같은 개념들이 생긴걸까?

이러한 의문들을 프로그래밍 언어가 발전해온 과정을 통하여 이해하여 보자.

기계어에서 객체지향까지

일단 0과 1이 어떻게 객체지향까지 도달하였는지 알아보자.

기계어

기계어는 0과 1로 이루어진 굉장히 비 인간적인 언어다. 사실 컴퓨터는 우리가 생각하는 것 만큼 똑똑하지 않다. 다만 사람보다 대단히 성실하며 대단히 정확하다.

사람은 숫자라는 개념도 알고, 문자라는 개념도 알고 있다. 정수와 소수를 구분할 수 있으며 머릿속을 쭉 스캔하지 않아도 자신이 모르는 것에 대해서는 모른다고 말할 수 있는 직관이 있다.

더하기 빼기는 물론 곱하기 나누기는 대부분의 사람이 기본적으로 할 수 있다. 조금 더 배운 사람들은 함수나 방정식, 미분, 적분, 기하와 벡터 같은 어려운 개념도 안다.

그러나 컴퓨터는 오직 0과 1 두 가지의 숫자만 이해할 수 있으며 할 수 있는 연산 또한 많지 않다. 다만 컴퓨터는 앞서 말했지만, 대단히 성실하며 대단히 정확하다.

지금 필자의 컴퓨터의 CPU는 3.4 GHz 라는 연산을 할 수 있다. 쉽게 말해서 1초 동안 3,400,000,000(3.4 * 10^9) 번의 연산을 할 수 있다 는 이야기다. 뿐만 아니라 그렇게 많은 연산을 틀리지 않고 정확하게 할 수 있다. 인간은 이런 일이 불가능하다.

성실하고 정확하지 못했던 인간은, 대단히 성실하고 정확한 컴퓨터에게 0과 1로 만들어진 명령어를 전달하여 이를 수행하도록 하였다. 하지만 0과 1로만 이루어진 연산은 인간이 이해하기 어려웠고 정말 머리 좋은 사람이 아닌 이상 컴퓨터를 다루긴 어려웠다.

하지만 사람들은 컴퓨터를 더욱 잘 다루고 싶어했고, 서로 머리를 맞대고 생각하다가 어셈블리어가 탄생했다.

어셈블리어

어셈블리어의 탄생

기계어의 명령들을 일상 용어로 표현하고 기계어가 알 수 있는 기계어로 번역하게 하면 어떨까?

위와 같은 생각에서 출발한 것이 바로 어셈블리어이며, 기계어 명령과 일상 용어를 1:1로 매칭하는 코드표가 만들어졌다.

그리고 그 코드표를 어셈블리어라고 불렀으며, 어셈블리어를 기계어로 번역해주는 소프트웨어어셈블러라고 했다.

하지만 그 당시에 애드삭 유니박 같은 여러 종류의 컴퓨터가 있었고 (지금으로 따지면 Mac과 Window 같은), 어셈블러와 기계어 또한 컴퓨터의 종류 마다 존재했어야 했다.

uml diagram

C 언어

C 언어에는 컴파일러가 존재했으며, C 언어로 작성된 소스코드를 컴파일러가 알아서 각각의 컴퓨터 환경에 맞는 목적 파일을 만들어줬다.

즉, 어셈블리어처럼 각각의 컴퓨터 환경에 맞는 소스코드를 작성할 필요가 없어진 것이다.

uml diagram
-기계어어셈블리어C언어
개발자의 코딩0과 1의 나열일상 단어 사용수학적 기호 사용
소스 파일기종마다 하나씩기종마다 하나씩기종이 몇개든 단 하나
목적 파일(기계어)소스 그 자체어셈블러로 소스를 번역해 생성컴파일러로 소스를 번역해 생성
기계어 비교-기계어와 1:1 대응기계어와 m:n 대응

C++. 객체 지향의 탄생

C언어는 기본적으로 절차적인 형식으로 코드를 작성하게 된다. 절차적인 형식의 문제점은, 인간이 이해할 수 있는 범주의 한계가 있다는 것이다. 왜냐하면 절차적 프로그래밍은 인간이 기계를 조금이라도 더 쉽게 이해할 수 있도록 하는 것에 목적이 있기 때문이다. 천재가 아닌 이상, 절차형으로 엔터프라이즈급의 소프트웨어를 만들고 이를 유지하는 것은 굉장히 어려운 일이다.

그러다가 사람들은 "인간이 왜 기계 종속적인 개발을 해야 하는가?" 라는 의문을 품었고, "우리가 눈으로 보고, 느끼고, 생활하는 현실 세계처럼 프로그래밍을 할 수 없을까?" 라는 고민속에서 객체지향의 개념이 만들어지기 시작했다.

그래서 객체지향은 현실 세계를 프로그래밍에 반영할 수 있게 만들어진 것이다. 그럼 객체지향에서 의미하는 객체, 그리고 클래스는 어떤 의미일까?

Class(클래스)와 Object(객체)

  • Class는 사전적인 의미로 등급, 수업, 종류, 계급, 계층, 분류, 분류하다, 분류되다, 속하다 등의 의미를 가지고 있다.
  • Object는 사전적인 의미로 목적, 대상, 물건 등의 의미를 가지고 있다.

인간은 클래스(Class)고 필자(황준일)는 객체(Object)이다.
이 글을 읽고 있는 당신 또한 인간(Class)의 객체(Object)이다.

그런데 이 책의 저자는 Object(객체)보단 Entity(개체)가 객체지향에서 의미하는 객체의 개념에 더 어울린다고 말하고 있다.

Entity(개체)

개체의 사전적 의미는 다음과 같다.

  • 전체나 집단에 상대하여 하나하나의 낱개를 의미하는 말
  • (생물) 생물 하나의 독립된 생물체. 살아가는 데에 필요한 독립적인 기능을 갖고 있다
  • (철학) 단일하고 독립적인 통일적 존재. 철학 사사으이 발전 과정에서 이 통일성은 물질적/양적 측면, 또는 정신적/질적 측면 따위의 여러 관점에서 고찰되었다.

당신은 어떤게 더 와닿는가? 사실 우리가 개발을 하면서 이해하고 있는 객체에 대한 위의 개념들은 어색하고 부족하다고 느껴진다.

그래서 저자는 객체지향에서 의미하는 객체의 개념을 다음과 같이 해석하고 있다

"세상에 존재하는 유일 무이한 사물"

객체는 상태(state, property)행위(behavior, method)를 가지고 있으며, 상태와 행위에 따라 역할책임이라는 기준으로 코드를 관리할 수 있다.

C++은 C에 앞서 언급한 객체 라는 개념이 추가되어 확장(extend) 된 것이다.

하지만 C++은 객체 지향을 지원하는 것이지 객체 지향이 필수가 아니다. C++에서 main 함수는 클래스의 메소드가 아니다. 클래스가 있어도 돼고, 없어도 된다. printf 함수는 또 어떠한가? 마찬가지로 printf는 함수이며 클래스의 메소드가 아니다. 다만 namespace 라는 개념은 존재한다.

그래서 C++은 정확히 말하면 객체 지향이 아닌 객체 지원 언어라고 할 수 있다.

Java. 진정한 객체 지향 언어

java는 완벽하게 객체 지향 언어이다. 왜냐하면 class가 없이는 무엇도 할 수 없기 때문이다. 자바에서 사용하는 모든 함수는 전부다 클래스의 메소드다. 자바의 main 함수 또한 class에 속해야 한다. 변수를 출력하기 위해서는 System.out.println 이라는 method를 사용해야 한다.

이렇듯 Java는 완벽하게 객체지향을 지원하고 지향한다.

java에는 객체지향이라는 개념 말고도 JVM(Java Virtual Machine) 이라는 개념(혹은 플랫폼) 또한 도입 되었다.

uml diagram

java compiler는 java soure file을 하나의 Class File (Byte Code) 로 만들고, 그것을 각각의 OS에 맞게 만들어진 JRE에 전달되어 JVM에서 실행된다.

-CJAVA
소스 파일11
목적 파일n1
실행Use AnywhereUse Anywhere
비고기종별 컴파일러 필요기종별 JRE, JVM 필요

스프링 프레임워크를 이해하기 전에

Spring Framework

  • 기술이 인간에 대한 완전무결한 사랑을 꿈꾸다
  • 거대함 속의 단순함과 완벽함, 그리고 유연함
  • IoC/DI, AOP, PSA 라고 하는 객체지향의 Best Practice 를 통하여 아무리 거대한 프로그램도 쉽게 구현할 수 있음을 보여준다.
  • 단, IoC/DI, AOP, PSA 안에 녹아든 기술들을 이해할 수 있어야 한다.

앞에서 기계어, 어셈블리어, C, C++, Java 등에 대해 살펴봤다. 즉, 기계에서 실행되는 0과 1이 인간 중심적으로 발전하기 위한 과정을 본 것이다.

Spring Framework는 그 자체로 인간 중심 이라고 봐도 무방할 만큼 현실 세계를 정확히 반영한다. 즉, 객체지향을 정확하고 정교하게 쉽게, 그리고 잘 사용하는 것이 목적이다.
그래서 Spring Framework 이해하기 전에 객체지향의 원칙, 원리, 개념, 디자인 패턴 등을 알아야 한다.

  • 객체 지향의 4대 특성(혹은 원소)

    • 캡슐화(데이터 은닉)
    • 상속(정확히는 확장)
    • 추상화
    • 다형성(내적 일관성, 대체 가능성)
  • 객체지향의 5대 원칙(SOLID 원칙)

    • SRP(단일 책임 원칙)
    • OCP(개방 폐쇄 원칙)
    • LSP(리스코프 치환 원칙)
    • ISP(인터페이스 분리 원칙)
    • DIP(의존 역전 원칙)
  • 디자인 패턴

  • IoC/DI, AOP, PSA

이러한 것들은 Spring Framework 뿐만 아니라 대부분의 Framework가 지향하고 지원하는 개념들이다. 더 정확히는 이런 것이 지켜지도록 강제하여 만든 것이 Framework 라고 할 수 있다.

그리고 여기에 더하여 온전히 Spring Framework를 사용하기 위해 다음과 같은 것들을 알면 더 좋다.

  • JVM에서 실행되는 프로그램의 메모리 구조

    • Stack Frame
    • Heap Frame
    • Static Frame
    • Method Call
  • 자바가 확장한 객체지향

    • abstract
    • final
    • package
    • interface와 implements

JVM(자바 가상 머신)

사실 JVM은 Java 뿐만 아니라 굉장히 다양한 언어에서 사용되고 있다. 앞서 언급 했듯이, JVM만 있다면 단 하나의 목적파일 만 있으면 되기 때문이다. 더불어 이미 만들어진 JVM을 사용하면 되기 때문에 더더욱 JVM을 사용하는 것이 효율적이다.

Spring Framework는 객체지향이라는 철학 위에 쌓아 올린 제품이다. 그렇기 때문에 Spring Framework를 잘 사용하기 위해선 객체지향이라는 것을 더욱 더 정확하게 이해하고 알아야할 필요가 있다.

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Book/OOP-Principle/02-Java-As-PL/index.html b/Book/OOP-Principle/02-Java-As-PL/index.html index 0162b696..bfaf286a 100644 --- a/Book/OOP-Principle/02-Java-As-PL/index.html +++ b/Book/OOP-Principle/02-Java-As-PL/index.html @@ -23,7 +23,7 @@ } 02 프로그래밍 언어로서의 자바 | 객체지향의 원리와 이해 | 개발자 황준일 - + @@ -33,6 +33,6 @@ } }
  1. main method가 실행되기 전에는 일단 java.lang과 start class가 Static 영역에 올라온다.
uml diagram
  1. main method의 실행이 시작되면, main method의 지역변수와 매개변수가 stack 영역에 생성됩니다.
- + diff --git a/Book/OOP-Principle/03-Java-As-OOP/index.html b/Book/OOP-Principle/03-Java-As-OOP/index.html index 401a7e1e..976856cd 100644 --- a/Book/OOP-Principle/03-Java-As-OOP/index.html +++ b/Book/OOP-Principle/03-Java-As-OOP/index.html @@ -23,11 +23,11 @@ } 03 자바와 객체지향 | 객체지향의 원리와 이해 | 개발자 황준일 - +
Hits bn

Java와 객체지향

작성 예정입니다.

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Book/OOP-Principle/04-Extended-By-Java/index.html b/Book/OOP-Principle/04-Extended-By-Java/index.html index 9c204028..8f926946 100644 --- a/Book/OOP-Principle/04-Extended-By-Java/index.html +++ b/Book/OOP-Principle/04-Extended-By-Java/index.html @@ -23,11 +23,11 @@ } 04 자바가 확장한 객체지향 | 객체지향의 원리와 이해 | 개발자 황준일 - +
Hits bn

Java가 확장한 객체지향

작성 예정입니다.

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Book/OOP-Principle/05-SOLID/index.html b/Book/OOP-Principle/05-SOLID/index.html index 4ed22ea6..84b96847 100644 --- a/Book/OOP-Principle/05-SOLID/index.html +++ b/Book/OOP-Principle/05-SOLID/index.html @@ -23,11 +23,11 @@ } 05 객체 지향 설계를 위한 SOLID 원칙 | 객체지향의 원리와 이해 | 개발자 황준일 - +
Hits bn

객체지향 설계를 위한 SOLID 원칙

작성 예정입니다.

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Book/OOP-Principle/06-Design-Pattern/index.html b/Book/OOP-Principle/06-Design-Pattern/index.html index e661724a..651f5c97 100644 --- a/Book/OOP-Principle/06-Design-Pattern/index.html +++ b/Book/OOP-Principle/06-Design-Pattern/index.html @@ -23,11 +23,11 @@ } 06 스프링이 사랑한 디자인패턴 | 객체지향의 원리와 이해 | 개발자 황준일 - +
Hits bn

스프링이 사랑한 디자인패턴

작성 예정입니다.

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Book/OOP-Principle/07-Spring-Triangle/index.html b/Book/OOP-Principle/07-Spring-Triangle/index.html index 399df711..0a44ea4e 100644 --- a/Book/OOP-Principle/07-Spring-Triangle/index.html +++ b/Book/OOP-Principle/07-Spring-Triangle/index.html @@ -23,11 +23,11 @@ } 07 Spring Triangle | 객체지향의 원리와 이해 | 개발자 황준일 - +
Hits bn

Spring Triangle

작성 예정입니다.

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Book/start-with-why/index.html b/Book/start-with-why/index.html index fb87a3d9..12ecf0ef 100644 --- a/Book/start-with-why/index.html +++ b/Book/start-with-why/index.html @@ -23,11 +23,11 @@ } Start with why 서평 | 개발자 황준일 - +
Hits bn

thumbnail

스타트 위드 와이 (START WITH WHY) 30만부 기념 블랙에디션 - 예스24open in new window

2024년에 읽은 첫 번째 도서다. 인생경영클럽이 아니였으면 시도하지 못했을...

밑줄 친 문장

  • 행동에 영향을 주는 방법은 딱 두가지다. 조정하거나 열의를 불어 넣는 것이다.

  • 조종은 경영에서 정치에 이르기까지 모든 형태의 영업과 마케팅에 만연해있다. 전형적인 조종의 예로는 가격인하, 프로모션 그리고 공포 마케팅이나 동조압력, 소비자 열망을 이용한 마케팅 등이 있다.

  • 고객이 왜 자사를 선택하는지 확실히 모르는 조직은 조종 전략을 과도하게 많이 사용해 원하는 바를 이룬다.

  • 조종은 효과가 있지만 비용이 든다. 그것도 아주 많이 든다.

  • 조종이 위험한 이유는 효과가 있기 때문이다.

  • 사람들에게 동기를 주기 위해 조종 대신 열의를 불어넣는 방식을 택한 리더들이 있다.

  • 골든서클(WHY / HOW / WHAT)은 우리가 하는 행동에 이유가 있다는 사실을 알려주는 개념이다. 이는 일을 시작하기 전에 “왜?” 라는 질문을 먼저 한다면 얼마나 많은 것을 성취할 수 있는지 보여주는 증거가 된다.

  • 모든 일은 공통적으로 골든서클 안에서 시작해 밖으로 뻗어나간다.

    • WHAT: 많은 회사와 조직은 현재 그들이 “무엇을” 하는지 잘 알고 있다.
    • HOW: 일부 회사와 사람들은 자기들이 무엇을 어떻게 하는지 알고 있다. 하지만 HOW로 문제를 모두 해결할 수 는 없다.
    • WHY: 자신이 하는 일의 목적을 명확하게 말할 수 있는 사람이나 회사는 극히 드물다. WHY는 돈이 아니다. 돈은 오히려 나중에 따라오는 결과에 가깝다. WHY는 일의 목적이나 대의, 신념이다.
      • 회사는 왜 존재하는가?
      • 내가 하루를 시작하는 이유는 무엇인가?
      • 그리고 사람들은 왜 이런 질문에 관심을 가져야 하는가?
  • 사람은 소속감을 느끼려는 욕구가 강한 나머지 이를 얻기 위해 무엇이든 하는 경향을 보일 때도 있다.

  • 대뇌의 구조와 골든서클

    • 변연계(감정의 뇌) -> WHY

      • 신뢰감, 충성심 등의 감정을 담당한다.
      • 모든 행동과 의상결정을 주관한다.
      • 언어를 처리하지는 못한다.
    • 신피질(사고의 뇌) -> WHAT, HOW

      • 이성적이고 분석적인 생각과 언어를 담당하는 부위
    • 감정을 주관하는 뇌 부위에는 언어 능력이 없다. 그래서 감정을 말로 표현하기는 어려운 것이다. 배우자와 결혼한 이유나 배우자를 사랑하는 진정한 이유를 언어로 구체화하지 못하는 것도 이 때문이다.

  • 분명 누군가와 사랑에 빠질 때는 성격이나 능력 외에 다른 이유가 존재한다.

  • 마음이 가는 대로 결정했을 때는 특히나 이유를 말로 설명하기 어렵다.

  • 직감적인 결정은 마음으로 내리며, 그렇게 해야 할 것 같다는 느낌에서 비롯된다.

  • 직감으로 판단하는 일은 결코 우연이 아니다.

  • 사람들에게 뇌의 이성적인 부분으로 결정을 내리도록 하면 대부분 과도하게 고민만 하다 끝내 결정을 내리지 못한다는 것이다.

  • 변연계를 이용해 직감으로 결정을 내릴 때 속도가 빠르며 결과가 더 나은 경우도 상당하다.

  • 우리는 직감적으로 어떤 행동을 하지 않는 것이 좋겠다고 느끼면 자기 판단을 의심하며 실증적인 근거를 찾는데, 이는 행동의 이유를 언어로 구체화할 능력이 없기 때문이다.

  • 사람들은 WHAT이 아니라 WHY로 인해 구매를 결정한다.

  • 감성과 지성을 모두 사로잡는 일은 쉽지 않다. “예술과 과학” 이라는 표현 역시 마찬가지다. 왜 항상 예술을 과학보다 먼저 말할까? 이는 언어 능력이 없는 대뇌변연계조차 타인을 이끌기 위해서는 감성을 놓치지 말아야 하며 반드시 WHY가 먼저 나와야 한다는 사실을 말하고 있는지도 모른다.

  • 위대한 리더는 직감의 영역을 중요시한다. 그들은 과학보다 예술이 먼저라는 사실을 이해한다. 그리고 지성보다 감성을 먼저 쟁취한다. 그들은 WHY로 시작하기 때문이다.

  • 대뇌변연계의 힘은 놀랍다. 변연계는 감각적인 결정을 주관할 뿐 아니라 비논리적이거나 비합리적으로 보이는 일을 하도록 유도하기도 한다.

  • 인류가 모두 이성적이었다면 아무도 무일푼으로 사업을 시작하거나 탐험을 떠나지 않았을 것이다.

  • 소비자를 대상으로 한 시장조사 결과를 살펴보면 뛰어난 품질과 서비스, 다양한 기능을 합리적인 가격에 제공하는 제품을 이용하겠다고 응답한 사람이 가장 많다. 하지만 고객 충성도가 높은 회사 중에 이 모든 요소를 충족하는 곳은 거의 없다.

  • 제품은 회사 신념뿐 아니라 충성도 높은 고객의 신념까지도 상징한다.

  • 진정성에 필요한 세가지: 말과 행동은 신념을 보여준다. 신념은 WHY다. HOW는 신념을 현실화하기 위한 실천이다. WHAT은 실천의 결과, 즉 내가 하는 말과 행동이다.

    • WHY의 명확성
    • HOW라는 행동원칙
    • WHAT의 일관성
  • 자신이 판매하는 제품을 진심으로 믿는 사람은 진정성 있는 설명을 한다. 영업을 잘하는 조직은 진정성을 바탕으로 관계를 형성한다.

  • 진정성이 성공의 필수요건은 아니다. 하지만 성공을 오래 지속하고 싶다면 반드시 진정성을 갖춰야 한다. 자신이 믿는 대로 이야기하고 실천하는 일이 바로 진정성이다.

  • WHY가 없는 상태에서는 아무리 진정성을 갖추려 노력해도 항상 진심이 느껴지지 않는 상태로 끝나고 만다.

  • 충성심까지 형성하려면 사람들에게 진정한 열의를 불어넣어야 한다. 조직의 WHY가 분명하고 사람들이 이에 공감한다면 진정한 충성심은 자연스레 형성될 것이다.

  • 진정한 감정적 가치인 충성심은 판매자의 행동 유도가 아니라 구매자의 가치 판단에서 비롯된다.

  • 화자는 매번 달라지지만 청자는 언제나 개인이다.

  • WHAT은 의사를 결정하도록 만드는 요소가 아니라 WHY를 뒷받침하는 근거로 사용되어야 한다.

  • 이성적 범주에 속하는 WHAT은 WHY에서 느껴지는 감정을 겉으로 보여주는 근거 역할을 한다. 어떤 직감으로 결정을 내렸는지 말로 표현할 수 있고 자신의 WHY를 명확히 설명할 수 있으면 주변 사람들에게 결정을 내린 이유를 분명히 이해시킬 수 있다.

  • 기업 구조상 가장 아래쪽에 있는 사람은 보통 고객이다.

  • 신뢰란 자신의 이익 그 이상의 가치를 추구하는 개인이나 조직을 바라볼 때 형성된다.

  • WHY가 뚜렷하고 사람들이 이를 쉽게 이해할 수 있으면 신념이 같은 사람들이 모여든다.

  • 회사를 단단하게 만드는 힘은 문화다.

  • 회사 목표는 능력 있는 사람이 아니라 신념이 같은 사람을 채용하는 일이 되어야 한다.

  • “위험한 여정에 함께할 대원 모집. 적은 보수, 혹한의 추위, 몇 달간 이어지는 어둠을 견뎌야 함. 전 일정 위험하며 무사 귀환 보장 불가. 그러나 탐험에 성공하면 영광과 명예를 누릴 수 있음”

  • 소속감을 가진 직원들이 열심히 일하고 혁신적인 해결책을 찾는 이유는 회사가 아니라 자기 자신의 신념을 위해서이다.

  • “능력이 아니라 마음가짐을 보고 직원을 뽑아야 한다. 능력은 가르치면 된다.”

  • 어떤 직원이 회사에 잘 어울리는지 알아낸 뒤 그런 사람을 더 많이 발견하는 체계를 만들어야 한다.

  • 아이팟, 아이튠즈, 아이폰에 대한 아이디어를 떠올린 사람은 스티브 잡스가 아니라 애플 직원들이었다. 잡스는 혁신이 일어날 수 있도록 직원들에게 새로운 기준과 맥락을 제공하고 목적의식을 심어줬다.

  • WHY가 모호한 회사는 타사의 성과에 집착하지만, WHY가 분명한 회사는 경쟁사에 연연하지 않는다.

  • 우리는 잘 모르는 지역 출신에 이력이 화려한 전문가보다 같은 동네에 살며 가치관과 신념이 비슷한 사람을 신뢰한다. 이 신뢰는 인생에서 가장 소중한 존재도 맡길 수 있게 한다.

  • 묘기가 극도로 위험하다면 곡예사는 안전망을 설치해달라고 요구할 수 있다. 안전망은 그가 떨어졌을 때 다치지 않도록 보호하는 일 외에도 심리적인 안정감을 준다는 장점이 있다.

  • 위험의 크기와 상관없이 모험을 즐기는 유형은 어디에나 있다. 하지만 그런 스타플레이어가 기울인 노력이 개인이나 조직에 좋은 영향을 주더라도 이익은 그리 오래가지 못할 것이다. 평범한 사람들이 서로를 신뢰하도록 하는 편이 장기적으로 나은 전략이다. 상호간의 신뢰는 위대한 조직을 만든다.

  • 사람들은 왜 당신을 신뢰해야 하는가?

  • 우리는 아무나 믿지 않으며 가치관과 신념이 같은 사람을 더욱 신뢰하는 경향이 있다.

  • 조종은 효과가 있더라도 충성심을 형성하지 않으며 비용이 많이 들고 연관된 사람들의 스트레스를 가중한다.

  • 전체 시장 15~18% 사이에 있는 그래프 곡선 앞쪽 고객의 마음을 사로잡아야 대중시장에서 성공을 거둘 수 있다. 이들은 회사와 가치관을 공유하고 기업의 메시지나 제품, 서비스를 자기 삶의 WHY를 뒷받침하는 WHAT으로 여긴다.

  • “나에게는 꿈이 있고 그에게는 계획이 있습니다.”

  • 비관주의자는 보통 옳은 말을 하지만 정작 세상을 바꾸는 사람은 낙관주의자다.

  • WHY 유형은 미래를 내다볼줄 안다. HOW 유형은 현실주의자이며 실용적인 일에 더 명확한 판단력을 보인다. 대부분의 사람은 HOW 유형이다.

  • 사업은 구조다. 그러므로 체계와 절차를 구조화하는 일이 중요하다. 이런 요소를 구축하는 데 능숙한 사람은 HOW 유형이다.

  • 가치를 달성하고 판도를 바꾸는 기업이 되려면 WHY를 아는 한 사람과 HOW를 아는 여러 사람이 특별한 파트너 관계를 형성해야 한다.

  • 위대한 조직은 영혼을 자극한다.

  • 개인에게 힘을 실어주는 일은 애플의 WHY이자 존재 이유다.

    • 아이폰에서 I는 “나”를 의미한다. 애플은 개인의 창조적인 정신을 지지하는 회사이며 제품과 서비스, 마케팅이 신념을 증명하고 있다 (모든 광고에서 개인이 주인공이다)
  • WHY는 의사결정의 분명한 기준이 된다.

  • 성취란 도달하거나 획득하는 일이다. 성공은 느낌이나 상태다. 성공은 깊숙한 내면의 감정이 동기가 되는데 뇌는 이 감정을 말로 표현하지 못한다.

  • 조직이 겪는 어려움은 바로 성공이다.

  • WHY를 측정해야 한다. 그러나 안타깝게도 WHY의 명확성을 측정해주는 지표는 거의 없다.

  • 돈은 제품이나 서비스 가격을 측정하는 확실한 수단이다. 그러나 가치를 정확히 환산하지는 못한다. 여기서 말하는 가치는 계산할 수 있는 숫자가 아니라 감정이다. 가치는 인식하는 것이다.

  • 사람들이 어떤 회사의 신념을 명확하게 표현하고 기업의 눈으로 볼 수 없는 가치를 이야기한다면 이는 회사가 분기점을 무사히 통과했다는 증거라고 할 수 있다.

  • WHY는 발명이 아니라 발견해나가는 과정이다.

  • 자신을 이기려고 노력하는 사람은 많은 이의 도움을 받을 것이다.


리뷰

처음에는 개인에 대한 내용인줄 알았는데, 기업에 대한 이야기였다. 하지만 개인의 삶에도 충분히 적용할 수 있는 내용들이라 재밌게 읽을 수 있었다.

이렇게 블로그에 책 리뷰를 남기는게 처음이다보니 어떤식으로 전개를 해야 좋을까 고민이다. 몇 가지 키워드를 기준으로 내 생각을 적어보면 되지 않을까?

책에서 제일 인상깊게 와닿았던 내용은 다음과 같다.

  • 감정을 주관하는 뇌 부위에는 언어 능력이 없다. 그래서 감정을 말로 표현하기는 어려운 것이다. 배우자와 결혼한 이유나 배우자를 사랑하는 진정한 이유를 언어로 구체화하지 못하는 것도 이 때문이다.
  • 사람들은 생각보다 더 비합리적이고 객관적이지 못하다. 객관적인 사실을 기반으로 판단을 하고 결정을 하기보단 직관과 감정을 기반으로 판단하는 경우가 빈번하다. (나 스스로의 모습을 볼 때 격하게 인정하는 사실이다)
  • 조종은 효과가 있더라도 충성심을 형성하지 않으며 비용이 많이 들고 연관된 사람들의 스트레스를 가중한다.
  • 돈은 제품이나 서비스 가격을 측정하는 확실한 수단이다. 그러나 가치를 정확히 환산하지는 못한다. 여기서 말하는 가치는 계산할 수 있는 숫자가 아니라 감정이다. 가치는 인식하는 것이다.

특히 요즘들어 많이 느끼는 감정(생각?)이랄까. 어떤 결정이나 판단을 할 때 논리적인 여러가지 이유가 있지만, 이보다 더 우선순위가 높은 말로 표현할 수 없는 감정이나 가치가 뒤따라온다. 여기서 중요한건 “말로 표현할 수 없는” 이다. (사실 내가 F라서 그런 걸수도..)

이 책을 읽기 이전에도, 내가 어떤 생각을 하거나 행동할 때 이에 대한 이유를 찾아보곤 했다. 책에서는 WHY를 먼저 생각해야해! 라고 하지만, 나는 거꾸로 어떤 행동을 했을 때(WHAT, HOW) 이에 대한 이유(WHY)를 추론하는 방식이다. 그러면서 자연스럽게 내가 가진 가치관이나 신념을 찾아내곤 했다.

다시 상기해보는 나의 신념은, “세상을 바꿀 순 없겠지만, 한 사람의 세상을 바꾸는 데 작게나마 기여하자” 이다. 근데 이건 있어블하게 포장한 문장이고, 조금 더 간단하게 표현해보면 “지금 할 수 있는 것들을 하자” 가 맞는 것 같다. 거창한 목표 대신에 실현 가능한(정말?) 현실적인 목표랄까? 오늘 하루도 지금 당장 내가 할 수 있는 것들에 집중했다. 이렇게 살아가는게 여러모로 스트레스를 덜 받기도 하고, 의욕이 생기기도 하고.

그냥, 난 그런 사람이구나 싶다.

근데 또 작성하면서 생각해보니까 이걸 신념이라고 이야기할 수 있을까? 조금 더 고민해봐야할 것 같다.

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/CodeSpitz/None-Blocking-Javascript/Intro/index.html b/CodeSpitz/None-Blocking-Javascript/Intro/index.html index f4625907..cd486e39 100644 --- a/CodeSpitz/None-Blocking-Javascript/Intro/index.html +++ b/CodeSpitz/None-Blocking-Javascript/Intro/index.html @@ -23,11 +23,11 @@ } None Blocking Javascript 소개 | 개발자 황준일 - +
Hits bn

None Blocking Javascript 소개

해당 포스트는 아래의 내용을 토대로 정리한 것입니다.

Javascript 라는 언어의 특징에 대해 다루는 내용입니다.

Javascript Pipeline

Javascript로 만든 프로그램이 서비스되는 과정은 다음과 같다.

uml diagram

단점 : 코드를 서비스 단계에서 디버깅 하기는 굉장히 힘들다.

장점 : 코드의 호환성은 Transpiler와 Packaging이 책임진다.

  • Code
    • ECMAScript
    • TypeScript
    • Kotlin
    • Dart
  • Transpiler
    • Step1
      • tsc
      • kotlinc
    • Step2
      • babel
  • Packaging
    • webpack
  • CI
  • Deploy

수업에서는 Code(ECMAScript2020)에 집중한다.

ECMAScript Standard

매년 상반기 새로운 버전츨 출시함(버전과 연도가 1차이. ES6 = ES2015)

현재 ES11(ES2020)이 최종 조정 중

ES6 이후 급격한 언어의 변화를 지양하고 점진적인 버전업을 진행

새롭게 반영될 내용은 Stage0~3까지 단계별 승격을 통해 정식 반영시 Stage4가 됨

현재 제안 중인 내용의 상태 확인 : https://github.com/tc39/proposalsopen in new window

실제로는?

tc39 위원회에서 회의를 통해 결정되며 위원회는 다양한 업계와 관계자로 구성됨

실제 각 제안의 담당자(챔피온)가 구글 관련 개발자인 경우가 많음

Stage4 기준 보다 구글이 원하는 순서대로 크롬에 빨리 반영되는 경우가 많음

크롬의 업데이트 확인 : https://developers.google.com/web/updates/capabilities

ES6

  • Class
  • Iterator, Generator, For of
  • Class Library
    • Symbol, Promise, Map, Set, WeakMap, WeakSet, Proxy, Reflect
  • Object Literal
  • Arrow (순수한 함수 지향. 가벼운 객체를 만들 수 있다)
  • const, let
  • destructuring, rest, spread
  • Template String

ES7

  • 중첩된 Rest Destructure
  • const [a, ...[b, ...c]] = [1, 2, 3, 4] => a=1 b=2 c=[3,4]

ES8

  • async/await
  • shared memory ( thread 간에 메모리 공유 )
  • atomics ( mutex lock )

ES9

  • Object Destructure
  • asynchronous iterators

ES10

  • optional catch

ES11(Stage11)

  • Bigint
  • globalThis
  • top level await
  • class field
  • private field/method
  • optional chaining ?.
  • nullish coalescing ??
  • WeakReference

이미 크롬이 지원함

Program & Timing

  • Language code

    • Lint, IDE
    • ES2020, Tyescript ...
  • Machine language (Browser, JVM 등의 Runtime)

    • Compiler, Transpiler
  • File

    • Deploy
  • Load

    • Browser load
    • Browser parsing
  • Run

    • Browser parsing
    • Runtime
  • Terminate

    • Browser close

개발의 목표

  • 만들어진 코드를 건드리지 않고 더 많은 기능이나 수정을 하는가.
  • 코드가 변화하는 이유를 한 가지고 규정하는 것
  • 변화에 대응하는 여파를 최소화 시키는 것

자바스크립트는 Compile Time과 Run Time의 구분이 존재하지 않는다.

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/CodeSpitz/Object-Oriented-Javascript/01-Intro/index.html b/CodeSpitz/Object-Oriented-Javascript/01-Intro/index.html index 1b5d8d38..845c668e 100644 --- a/CodeSpitz/Object-Oriented-Javascript/01-Intro/index.html +++ b/CodeSpitz/Object-Oriented-Javascript/01-Intro/index.html @@ -23,7 +23,7 @@ } 객체지향의 기본 이론 | 개발자 황준일 - + @@ -153,6 +153,6 @@ background: '#ffa' })



















 
 
 

































제어는 renderer에서만 처리한다.

Framework = 제어 역전을 담당한다. Library = 제어에 대한 책임이 없다.

제어역전에 대한 디자인 패턴

전략 패턴(소유), 템플릿 메소드 패턴(상속) < 컴포지트 패턴 < 비지터 패턴

궁극적으로 보다 넓은 범위의 제어 역전을 실현한다.

추상 팩토리 메소드 패턴

왼쪽 패턴은 이미 만들어진 객체의 행위 제어역전에 참여시킬 수 있지만, 참여할 객체 자체를 생서할 수 없다.

참여할 객체를 상황에 맞게 생성하고, 행위까지 위임하기 위해 추상 팩토리 메소드를 사용한다.

추상 팩토리 메소드 패턴은 비지터 패턴과 같이 사용될 수 밖에 없다.

- + diff --git a/CodeSpitz/Object-Oriented-Javascript/02-MVVM/index.html b/CodeSpitz/Object-Oriented-Javascript/02-MVVM/index.html index 74335394..e09f0c2c 100644 --- a/CodeSpitz/Object-Oriented-Javascript/02-MVVM/index.html +++ b/CodeSpitz/Object-Oriented-Javascript/02-MVVM/index.html @@ -23,7 +23,7 @@ } MVVM System 만들기 | 개발자 황준일 - + @@ -166,6 +166,6 @@ requestAnimationFrame(f)






 
 





















example2

전체 코드

<<< @/CodeSpitz/Object-Oriented-Javascript/02-MVVM/example2.html

github에서 보기open in new window

MVVM의 사용 결과

앞서 작성한 모든 코드에 View를 직접적으로 Control 하는 Code는 나오지 않았다. Binder에 제어역전을 전부다 부어버렸기 때문이다.

View에서 Binder로 IoC(제어역전) 발생

그리고 MVVM을 구축하는 과정 보다 MVVM이라는 프레임워크 자체의 객체 구조를 이해하는 것이 객체를 관리하는 것에 도움이 된다.

MVVM으로 어떤 문제를 해결했는가?

객체지향에서 문제의 핵심은 의존성에 존재한다. 변화율이 다른 객체들이 의존하고 있을 때, 변화율에 따라 객체를 분류해야 한다. 그래서 의존관계를 어떻게 분리하느냐가 핵심이다.

변화율이란 다음과 같은 것들을 말한다.

그리고 변화율은 단일책임원칙(SRP)와 관련된 문제다.

- + diff --git a/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/index.html b/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/index.html index 380eb683..208dacf6 100644 --- a/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/index.html +++ b/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/index.html @@ -23,7 +23,7 @@ } MVVM System 개선하기 (1) | 개발자 황준일 - + @@ -313,6 +313,6 @@ } requestAnimationFrame(f)

전체 코드

<<< @/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/example.html

github에서 보기open in new window

Summary

- + diff --git a/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/index.html b/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/index.html index 34724bc4..1a96d128 100644 --- a/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/index.html +++ b/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/index.html @@ -23,7 +23,7 @@ } MVVM System 개선하기 (2) | 개발자 황준일 - + @@ -335,6 +335,6 @@ } }






 


 
 
 
 
 
 
 
 
 
 
 
 
 
 

uml diagram

도메인 패턴

변하지 않는 부분과 변하는 부분을 나눠야 한다.

추상 클래스(Scanner, Visitor)는 Native를 모르는 상태로 유지하고, Native는 구현 클래스(DomScanner, DomVisitor)에게 위임한다.

Reference 엔터프라이즈 애플리케이션 아키텍처 패턴open in new window

SOLID 원칙은 사실 설계를 잘 했을 때 얻어지는 결과물이라고 할 수 있다.

전체 코드

<<< @/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/example.html

github에서 보기open in new window

설계 종합

ViewModel

ViewModelValue의 경우 의존하는 객체가 많기 때문에 수정에 대한 위험성이 굉장히 크다

uml diagram

Scanner

Scanner에는 Visitor를 사용 하여 DOM과 관련된 기능을 분리했다.

uml diagram

Binder

Binder는 상당히 위험한 객체이다.

uml diagram

플랫폼 독립적 구조

여태까지 작성한 MVVM System은 플랫폼에 독립적이다.

uml diagram

DomScanner, DomVisitor, ConcreateProcessor 이렇게 세 개만 DOM에 대한 의존성이 있다. 나머지는 ViewModel을 만드는 것들이다. 즉, MVVM의 핵심은 ViewModel을 만드는 것이다. 그래서 DomScanner, DomVisitor, ConcreateProcessor 등만 교체하면 Android, IOS 에도 사용할 수 있다.

이것이 가상화(추상화) 되어 있는 렌더링 시스템이다.

설계를 할 때 특정한 Domain과 관련된 부분은 격리를 하는 것을 항상 지향해야 한다.

약간의 단점

그래서 현실적인 대안으로 MVVM을 사용할 때 Observing을 하는 것 보다 Binder를 수동으로 calling 하는 경우가 생각보다 많다.

- + diff --git a/CodeSpitz/Object-Oriented-Javascript/05-Extension/index.html b/CodeSpitz/Object-Oriented-Javascript/05-Extension/index.html index aba28525..ec3aeadd 100644 --- a/CodeSpitz/Object-Oriented-Javascript/05-Extension/index.html +++ b/CodeSpitz/Object-Oriented-Javascript/05-Extension/index.html @@ -23,7 +23,7 @@ } MVVM System 개선하기 (3) | 개발자 황준일 - + @@ -377,6 +377,6 @@ _process (vm, el, k, v) { el[`on${k}`] = e => v.call(el, e, vm) } }('events'))

최종 코드

Decorator 까지 반영한 코드는 다음과 같다.

<<< @/CodeSpitz/Object-Oriented-Javascript/05-Extension/example.html

GitHub에서 보기open in new window

생각 정리

- + diff --git a/Gradle/GradleWrapper/index.html b/Gradle/GradleWrapper/index.html index 2fe09230..34378070 100644 --- a/Gradle/GradleWrapper/index.html +++ b/Gradle/GradleWrapper/index.html @@ -23,7 +23,7 @@ } Gradle Wrapper | 개발자 황준일 - + @@ -73,6 +73,6 @@ }

Reference

- + diff --git a/Javascript/Design/Vanilla-JS-Component/index.html b/Javascript/Design/Vanilla-JS-Component/index.html index d71d2652..cdb745ce 100644 --- a/Javascript/Design/Vanilla-JS-Component/index.html +++ b/Javascript/Design/Vanilla-JS-Component/index.html @@ -23,7 +23,7 @@ } Vanilla Javascript로 웹 컴포넌트 만들기 | 개발자 황준일 - + @@ -589,6 +589,6 @@ }

마치며

굉장히 핵심적인 내용만 간추려서 작성했다. 이외에도 여러가지 기법이 많이 이용되지만, 이 정도만 알고 있어도 어느 정도 역할에 맞게 컴포넌트 단위로 개발할 수 있을 것이다.

다음에는 Observer Pattern이나 Proxy 혹은 Object.defineProperty 등을 이용하여 외부의 상태변화에 대한 대응을 할 수 있는지 다뤄볼 예정이다.

전체 코드는 여기open in new window에서 볼 수 있다.

부록: 같이 보면 좋은 내용

- + diff --git a/Javascript/Design/Vanilla-JS-Make-useSate-hook/index.html b/Javascript/Design/Vanilla-JS-Make-useSate-hook/index.html index 81a76ccd..d27b8873 100644 --- a/Javascript/Design/Vanilla-JS-Make-useSate-hook/index.html +++ b/Javascript/Design/Vanilla-JS-Make-useSate-hook/index.html @@ -23,7 +23,7 @@ } Vanilla Javascript로 React UseState Hook 만들기 | 개발자 황준일 - + @@ -603,6 +603,6 @@ `; }

코드에 대한 설명은 생략하겠다. 이미 앞선 과정에서 많이 다뤘기 때문이다.


이렇게 useState 그리고 이와 강하게 엮여있는 render에 대해서 다뤄봤다.

여기에 diff 알고리즘까지 사용한다면 더욱더 완성도 있는 렌더링 시스템이 되리라 생각한다.

그리고 지금은 이벤트를 관리하는 방법이 무척 잘못된 상태다.

따라서 위와 같이 구성했을 때 어떤 방식으로 이벤트를 관리하면 좋은지에 대해서도 다룰 수 있을 것 같다.

전체 예제코드

이 포스트에 사용된 모든 코드는 이 저장소open in new window 에서 확인할 수 있다.

Summary

- + diff --git a/Javascript/Design/Vanilla-JS-Server-Side-Rendering/index.html b/Javascript/Design/Vanilla-JS-Server-Side-Rendering/index.html index 95241e4f..061f67c5 100644 --- a/Javascript/Design/Vanilla-JS-Server-Side-Rendering/index.html +++ b/Javascript/Design/Vanilla-JS-Server-Side-Rendering/index.html @@ -23,7 +23,7 @@ } 프레임워크 없이 만드는 SSR | 개발자 황준일 - + @@ -781,6 +781,6 @@ </html> `;











 






generateHTML에서는 model 뿐만 아니라 path도 같이 받아오도록 했다. path에 따라 App 내부적으로 어떤 layout을 그릴지 판단하도록 하기 위함이다.

image 39

정리

  1. 클라이언트에서 동적으로 현재 주소에 대한 컴포넌트를 그리고
  2. 사용자가 새로고침을 하거나, 사이트에 접근했을 때 주소를 토대로 SSR을 한다.
  3. 404 페이지 또한 SSR을 토대로 표현한다.

Summary

다시 핵심적인 내용만 정리해보면 다음과 같다.

1. CSR과 SSR 양쪽에서 사용 가능한 코드를 분리해서 관리해야 한다.

image 40 bn


2. SSR에서는 model과 component를 조합해서 문자열로 만들어서 응답을 해준다.

image 41 bn


3. CSR에서는 model과 component를 조합해서 DOM으로 만들어준다.

image 42 bn


4. SSR과 CSR은 데이터를 동기화해야 한다.

image 43 bn


5. SSR과 CSR은 같은 페이지에 대해 같은 UI를 그려야 한다.

image 44 bn


소스코드 확인

Reference

- + diff --git a/Javascript/Design/Vanilla-JS-Store/index.html b/Javascript/Design/Vanilla-JS-Store/index.html index c2b34fbc..e4ca3f70 100644 --- a/Javascript/Design/Vanilla-JS-Store/index.html +++ b/Javascript/Design/Vanilla-JS-Store/index.html @@ -23,7 +23,7 @@ } Vanilla Javascript로 상태관리 시스템 만들기 | 개발자 황준일 - + @@ -760,6 +760,6 @@ }

맥락은 크게 다르지 않지만, Proxy를 사용하는 코드가 더 짧은 것을 알 수 있다.

TIP

저장소

Summary

Reference

- + diff --git a/Javascript/Design/Vanilla-JS-Virtual-DOM/index.html b/Javascript/Design/Vanilla-JS-Virtual-DOM/index.html index 90f04303..9ba59433 100644 --- a/Javascript/Design/Vanilla-JS-Virtual-DOM/index.html +++ b/Javascript/Design/Vanilla-JS-Virtual-DOM/index.html @@ -23,7 +23,7 @@ } Vanilla Javascript로 가상돔(VirtualDOM) 만들기 | 개발자 황준일 - + @@ -812,6 +812,6 @@ new App(document.querySelector('#root'));








 









 
 
 
 
 
 



TIP

사실 고도화 하고자 한다면 더욱 더 복잡해질 것이다. 다른 것 보다 이벤트를 관리하는게 무척 복잡하기 때문이다. 그래서 이 포스팅은 여기까지만 다루도록 하겠다.

저장소

Summary

Reference

- + diff --git a/Javascript/Domain/Concurrency-Parallel/index.html b/Javascript/Domain/Concurrency-Parallel/index.html index c5f20a1f..40bf34bd 100644 --- a/Javascript/Domain/Concurrency-Parallel/index.html +++ b/Javascript/Domain/Concurrency-Parallel/index.html @@ -23,11 +23,11 @@ } 자바스크립트의 동시성과 병렬성 | 개발자 황준일 - +
Hits bn

** 아직 작성이 완료되지 않은 글입니다. **

자바스크립트트의 동시성과 병렬성

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Javascript/Domain/Event-Loop/index.html b/Javascript/Domain/Event-Loop/index.html index 37a3fbfd..71049187 100644 --- a/Javascript/Domain/Event-Loop/index.html +++ b/Javascript/Domain/Event-Loop/index.html @@ -23,11 +23,11 @@ } 자바스크립트 이벤트 루프 | 개발자 황준일 - +
Hits bn

** 아직 작성이 완료되지 않은 글입니다. **

자바스크립트 이벤트 루프

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Javascript/Domain/Execution-Context/index.html b/Javascript/Domain/Execution-Context/index.html index e2109a36..cedb4464 100644 --- a/Javascript/Domain/Execution-Context/index.html +++ b/Javascript/Domain/Execution-Context/index.html @@ -23,7 +23,7 @@ } 자바스크립트 실행 컨텍스트 | 개발자 황준일 - + @@ -150,6 +150,6 @@ }


 




 





 








5. this

실행 컨텍스트의 thisBinding에는 this로 지정된 객체가 저장된다. this는 여기에 다루기에 복잡한 내용이 많기 때문에 따로 작성할 예정이다.

Summary

Reference

코어 자바스크립트open in new window

- + diff --git a/Javascript/Domain/Non-Blocking-Loop/index.html b/Javascript/Domain/Non-Blocking-Loop/index.html index 20311bdd..1328174e 100644 --- a/Javascript/Domain/Non-Blocking-Loop/index.html +++ b/Javascript/Domain/Non-Blocking-Loop/index.html @@ -23,11 +23,11 @@ } Non-Blocking Loop 만들기 | 개발자 황준일 - +
Hits bn

** 아직 작성이 완료되지 않은 글입니다. **

Non-Blocking Loop 만들기

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Javascript/Hangul-Consonants-Search/index.html b/Javascript/Hangul-Consonants-Search/index.html index 07573be2..43a77eb1 100644 --- a/Javascript/Hangul-Consonants-Search/index.html +++ b/Javascript/Hangul-Consonants-Search/index.html @@ -23,7 +23,7 @@ } Javascript 한글 초성검색 | 개발자 황준일 - + @@ -202,6 +202,6 @@ .length === searchQuery.length; }
- + diff --git a/Review/2020-year/01-First-Quarter/index.html b/Review/2020-year/01-First-Quarter/index.html index d99b23cc..0bf5400a 100644 --- a/Review/2020-year/01-First-Quarter/index.html +++ b/Review/2020-year/01-First-Quarter/index.html @@ -23,11 +23,11 @@ } 2020년 1분기 회고 | 개발자 황준일 - +
Hits bn

2020년 1분기 회고

벌써 2020년의 1/4이 지나갔다. 한 분기 동안 어떤 일들을 목표로 했고, 얼마만큼 완수했나 자신에게 피드백을 해보자.

개별 역량

1. 일일커밋

일일커밋

올해의 첫 번째 목표이자 제일 큰 목표는 바로 일일커밋이다. 이전에는 일일커밋이 부질없다고 생각했는데, 그 생각을 고쳐먹었다. 무언가를 거창하게 하기보단, 작더라도 꾸준히 하는 것이 중요하다.

이런 생각은 지방대 개발 비전공자가 배달의민족 리드 개발자가 되기까지open in new window에 언급된 하루키 법칙에서 비롯되었다.

나는 관성의 영향을 크게 받는 사람이다. 그래서 일일커밋이라는 관성에 탑승하기로 했다. 강제로 꾸준히 공부하다 보면 뭐라도 되어있겠지 하며..

너무 피곤해서 못할뻔한 적도 있었지만, 머릿속으로 계속 '그래도 오늘 커밋을 해야 하는데...' 하며 몸을 일으키고 컴퓨터를 고 공부를 했다. 이렇게까지 해야 하는 건가 싶을 때도 있었지만 어쨌든 결과적으론 나쁘지 않았다.

일일커밋의 양분으로

등을 이용했다.

학과 자료는 옛날부터 생각했던 거라서 그냥 시간 있을 때 조금씩 정리했고, TIL도 팀원들과 유명한 개발자들이 하고 있었기 때문에 나도 하고 싶다는 생각으로 시작했다. 그리고 사이드 프로젝트의 경우 학교에 다닐 때부터 해야지 해야지 하다가 결국 못했는데, 어떻게든 끝맺음을 짓고 싶어서 시작했다.

확실히 3개월 동안 매우 많은 공부를 했다. 적어도 내가 여태까지 살아왔던 다른 시간들과 비교하면 그렇다. 이 밀도를 3년 정도 유지하는 것이 나의 최대 목표다. 그리고 이 목표를 얼마나 착실하게 이루어가느냐에 따라서 앞으로의 인생이 달라지겠지?

성공까진 아니더라도 나 자신에게 떳떳하게 살기 위한 한 걸음이리라.

2. Today I Learned

TIL은 Vuepress를 이용하여 만들었다. Vuepress의 디자인이 깔끔하기도 했고, 무엇보다 다른 정적사이트 생성기(Static Site Generator)보다 구축하기가 쉬웠다. 그리고 Vuepress에서 자체적으로 만든 마크다운 플러그인이 무척 마음에 들었다(ex: Custom Container, Highlight, ...)

기록하고 싶은 것들이 참 많은데, 내가 글을 작성할 때 공을 너무 많이 들여서 한 가지 주제로 무언가를 쓸 때 시간을 너무 많이 소모한다. 그렇다고 대충 쓰기는 또 싫다. 그러다 보니 자연스럽게 멀리하게 된다.

일단 사이드 프로젝트를 완료한 다음에 다시 꾸준히 쓰든가 해야지

3. Side Project

Github와 관련된 주제로 사이드 프로젝트를 진행하고 있다. 깃허브에 올린 마크다운 파일을 내가 만든 서비스에서 읽어올 수 있고, 훅을 등록하면 저절로 포스트가 업데이트되는 그런 서비스다.

일단 위에 언급한 기능들은 일찍이 다 만들었는데, 실제 서비스를 하기에는 너무 디자인도 구리고 퀄리티가 낮았다. 그래서 이것저것 서브 기능을 넣어야 하는데 그것마저 쉽지가 않다. 혼자서 사이드 프로젝트를 하는 게 이럴 때 버겁구나 느끼는 중이다.

그래서 리팩토링이나 사용하는 기술 스택을 최대한 많이 공부하는 식으로 진행 중이다. 벌써 리팩토링만 몇 번 한 것인지...

사이드 프로젝트를 하면서 제일 큰 성과는 Open API를 사용하는 방법을 완전히 터득한 것이다. 이전에는 API를 연동할 때 문서를 봐도 모르겠고, 다른 사람들이 작성한 글들을 봐도 감이 오질 않았는데 정말 어떤 API를 사용하더라도 큰 문제가 없을 정도로 이해한 상태다.

그리고 이전에 너무 어려워서 사용하기를 포기했던 NestJS에 대해 진짜 제대로 이해했다. 이건 객체지향 공부의 영향이 컸다. 국내 자료를 아무리 찾아봐도 NestJS에 대한 내용은 거의 볼 수 없었다. 대부분 해외에서 사용하고 있는데, 영어에 너무 취약하다 보니.. 이해가 너무 어려웠다.

하지만 Spring을 많이 사용해봤고, Spring에 사용된 기본적은 디자인패턴이나 철학을 이해하고 있다면 NestJS를 이해하는 데 큰 무리가 없는 것 같다. 그래서 사이드 프로젝트의 제일 큰 수확은 사실 NestJS의 사용 숙지가 아닐까 싶다.

4. 객체지향 개발방법론

코드스피츠 86기open in new window와 인프런에서 백기선 님이 강의하신 스프링 프레임워크 입문open in new window, 그리고 여름나라 겨울이야기open in new window 블로그의 주인장님이 집필한 스프링 입문을 위한 자바 객체 지향의 원리와 이해open in new window 라는 책을 읽고 객체지향에 대해 어느 정도 깨우칠 수 있었다.

여태까지 내가 작성했던 코드는 말 그대로 쓰레기였다는 것을 알 수 있게 해준 강의들과 책이었다.

그리고 이러한 개념들을 숙지하지 않은 상태에서 프레임워크를 공부한다는 것은 어불성설이라는 생각이 들었다. 요즘 누군가가 나에게 어떤 프레임워크를 공부하면 좋겠냐는 말에 이처럼 대답한다.

XXX라는 프레임워크를 공부하고 싶습니다. 무엇부터 해야 좋을까요?

  1. 객체지향 개발 방법론을 익혀라.
  2. 디자인패턴을 익혀라.
  3. MVVM을 익혀라.
  4. IoC나 DI에 대해 이해하라.
  5. 그리고 프레임워크 문서를 보아라.

IoC(제어역전)는 객체지향의 궁극적인 목적이며 보통 프레임워크 수준에서 IoC를 담당한다. 따라서 IoC를 이해하지 못한다면 프레임워크를 사용하고 있다고 해도, 제대로 사용하는 경우는 드물다.

이러한 것들을 이해하고 있는 상태라면 어떤 프레임워크를 사용하여도 기본 이상은 할 수 있다.

객체지향 개발론을 공부하면서 아쉬웠던 점은, 왜 학부 과정에서 이러한 것들을 설명해주는 교수님이 없었을까 하는 점이다. 이렇게 중요한 개념을 왜 인제야 알았을까? 참 의문이다.

5. 알고리즘

꼴 보기도 싫던 알고리즘을, 여자친구의 취업 준비를 도우면서 어쩌다 보니 같이 하게 되었다. 오랜만에 알고리즘을 공부하니까 재미있었기 때문에 주말마다 코딩테스트를 같이 준비하고 있다.

그러면서 카카오 인턴 코딩테스트, 프로그래머스 프런트엔드 개발자 코딩테스트, 백엔드 개발자 코딩테스트, 이스트소프트 코딩 테스트 등을 풀어봤는데.. 아직 내 수준은 고만고만한 것 같다.

프로그래머스가 한글로 되어 있고, UX/UI가 좋긴 한데 테스트케이스에 대한 설명이 너무 빈약하다. 피드백이 너무 없어서 왜 틀렸는지 모른다고 해야 하나?

Codility의 경우 피드백이 확실해서 자신의 문제점을 고쳐가는 데 큰 도움이 된다.

개발 외

수영

수영을 시작했다. 하지만 코로나 때문에 망했다. (빌어먹을 코로나)

확실히 수영 덕분에 몸이 개운했는데.. 코로나의 여파로 수영을 못 하고 있으니까 몸이 다시 뻐근해지는 것을 몸소 체험 중이다.

돈을 오랫동안 많이많이 벌기 위해서라도 공부를 열심히 하기 위해서라도 운동을 착실히 해야지!

자본에 대하여

우리 회사 사람들의 핫한 주제는 언제나 부동산과 주식이다. 사실 우리 회사 사람들뿐만 아니라 다른 회사 사람들 또한 마찬가지니라. 어느 회사에 다니건 아무리 월급을 많이 받아도 월급쟁이다. 그리고 월급쟁이는 기적이 일어나지 않는 이상 일정 수준 이상의 부를 축적하기는 힘들다. 그래서 큰돈을 모으기 위해선 사업을 하거나 주식을 하거나 부동산을 하거나 셋 중 하나인데, 부동산을 하기 위해선 또 큰돈이 필요하고, 다시 큰돈을 모으기 위해선 주식이나 사업을 해야한다.

그런데 주식이나 사업은 부동산보다 위험부담이 훨씬 크다. 특히 주식/비트코인을 통해서 자본을 잃은 사람이 주변에 너무 많다

이렇게 해도, 저렇게 해도 평탄한 인생을 살아가기는 참 힘들구나 싶다. 어쨌든 나는 지금 당장 욕심을 부리기보단, 내적 역량을 축적하는 것이 옳다고 생각한다.

앞서 언급했지만, 최소 3년은 공부에 매진하자.

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Review/2020-year/01-January/index.html b/Review/2020-year/01-January/index.html index d942cab2..c6d7208d 100644 --- a/Review/2020-year/01-January/index.html +++ b/Review/2020-year/01-January/index.html @@ -23,11 +23,11 @@ } 2020년 1월 회고 | 개발자 황준일 - +
Hits bn

2020년 1월 회고

나는 1월 한 달을 어떻게 지냈나? 에 대한 고찰이다.

공적

회사에서 일어났던 일들을 되새기며 기록하고자 한다.

1. 회사에서 진행 중이던 파일럿 프로젝트를 마무리했다.

팀 발표 후 코드를 개선했다. 인지하고 있던 범위 내에서 문제가 있었기 때문에 개선할 때 큰 어려움은 없었다.

  • 에러 핸들링
  • response에 대한 service 혹은 entity 만들기
  • request body에 대한 VO 정의

여태까지는 항상 빠르게 만드는 것에만 집중했었다. 그런데 파일럿 프로젝트를 진행하면서 정교한 서비스에 대한 고민을 계속할 수 있었고, 나에게 부족한 부분을 찾을 수 있었다.

학부 시절에 연구실에서 스프링을 사용할 때 '도대체 이렇게 느리고 답답하고 어려운 프레임워크를 왜 사용하는 걸까?'라는 생각을 많이 했었다. 이제는 Spring Framework의 사용 목적과 그 효율성에 대해서 조금이나마 느낄 수 있었다.

2. Markdown으로 UML을 그릴 수 있게 되었다.

학부 시절에 프로젝트를 진행할 때 문서를 산출하면서 UML Diagram을 만드는 게 제일 어렵고 귀찮았다. 그런데 신입 사원 교육 때 Markdown에서 UML 그릴 수 있는 PlantUMLopen in new window 이라는 것에 대해 알게 되었고 파일럿 프로젝트에 대한 문서를 만들면서 PlantUML 을 이용했다.

원하는 위치에 오브젝트를 배치하는 게 조금(많이) 힘들었지만, 그래도 사용할 가치가 충분히 있는 도구라고 생각한다. 무엇보다 문서를 작성할 때 다른 창을 왔다 갔다 하지 않고, 마우스를 사용하지 않고, 오직 Markdown만 사용할 수 있는 것 자체가 매력적인 부분이다.

PlantUML을 이용하여 만든 파일럿 프로젝트 문서open in new window

3. 최종 발표

최종 발표는 대표님 앞에서 했는데, 확실히 대표님은 생각하는 깊이가 일반적인 수준 이상임을 느낄 수 있었다. Webpack의 Code Split을 이용하여 로딩을 단축하는 기법을 사용하였는데, 그게 항상 옳은 것인가에 대한 질문이었다. 코드를 분할하면 초기 로딩은 빠를 수 있지만, 반대로 로딩 후에 추가 로딩 시간이 필요하다. 만약에 코드 스플릿을 하지 않았을 때 얻는 이점이 많다면, 굳이 사용할 필요가 없지 않나? 라는 그런 질문.

일단 나는 작업할 때 '이건 무조건 하는 게 좋겠구나'에서 생각을 멈췄다. 이렇게 고민을 멈추는 것은 엔터프라이즈급의 서비스를 만들 때 옳지 않다. 항상 질 좋은, 최적화된 서비스를 제공하기 위해서 고민을 멈춰선 안 된다.

이러한 생각을 대표님의 질문들을 통해 알 수 있었다. 나는 생각이 조금 더 깊어질 필요가 있다.

4. 인수인계

파일럿 프로젝트 마무리 후 사수에게 업무와 프로젝트를 조금씩 인수인계 받았다. 회사에서 산출된 프로젝트의 코드들은 생각 이상으로 복잡하면서 효율적이고 아름다웠다(?).

무엇보다 내가 인계받은 프로젝트는 문서 정리도 잘 되어 있어서 이해하는 데 많은 시간이 소요되진 않았다. 좋은 사수와 팀장님, 그리고 팀원을 만난 것 같아서 참 다행이고 감사하다.

5. 회사 기술 블로그에 파일럿 프로젝트 올리기

어찌어찌 발표도 잘 마무리 했고, 발표한 내용을 조금 더 다듬어서 기술 블로그에 글을 올렸다.

입사 후 나의 첫 결과물이었고, 그래서 많은 애정을 담아 작성했다. 뿌듯하기도 하고, 더 잘 그리고 열심히 하지 못한 것이 아쉽다. 이 경험을 추진력으로 그리고 발판으로 삼아 한 걸음씩 나아가야지.

사적

2019년은 나에게 굉장히 권태로운 해였다. 그래서 2020년은 최대한 열심히 살아보기로 다짐했다.

1. 일일 커밋

열심히 살기 위한 첫 번째 목표가 일일커밋이다. 1월은 성공적으로 마무리되었다. 사실 매우 귀찮은 순간이 없지 않아 있었다. 삶에 관성으로 인하여 공부하고 싶은 날들보단 놀고 싶은 날들이 많았다. 그래서 약간의 편법(학부 수업 자료를 매일 매일 나눠서 올린다거나..)을 많이 사용한 것 같다. 어쨌든 하지 않는 것보단, 어떻게든 하는 것에 의미를 두기로 했다.

공부에 대한 관성이 생길 수 있게, 그리고 유지할 수 있게 자극이 되는 영상을 보거나, 회고 같은 것들을 읽었다.

참 치열하게, 그리고 열심히 살아가는 사람들의 글을 읽다 보면 괜히 마음이 뭉클하고 존경심, 경외심, 그리고 그들처럼 살아가고 싶다고 생각하곤 한다.

2. Today I Learn

일일 커밋의 좋은 양분 중 하나가 Today I Learn이었다. 공부한 것들을 기록하는 단순한 행위지만 그 효과는 상당히 좋다고 생각한다. 다만, 개인적으로 관리하고 있던 블로그 때문에 약간의 갈등이 있었다. 블로그는 생각보다 View가 많은 편이다. 검색 우선순위가 높은 게시물이 몇 개 있다 보니까 하루 평균 500~600명 정도의 Page View가 발생하고 있었다. 그래서 블로그를 계속 유지하는 게 좋을까, 유지하지 않는 게 좋을까 고민을 많이 했다.

워드프레스에 공들여 작성한 일부 게시물을 TIL로 옮길까도 생각했고, TIL에 올린 걸 워드프레스에서 자동으로 읽어오도록 할까도 고민해 봤는데 단순하게 TIL을 더 잘 가꾸는 방향을 선택했다.

그리고 TIL은 Vuepress를 이용하여 만들었는데, 생각 이상으로 손이 많이 가는 것 같다. 하지만 디자인도 깔끔하고 한 번만 잘 구축하면 관리도 쉽기 때문에 잘한 선택이지 싶다.

3. 코드 스피츠 86기, 그리고 객체지향

미루고 미루었던 코드 스피츠를 유튜브로 보면서 정리했다.

Vue, React 같은 Front-end Framework에서 사용 하는 MVVM System을 직접 만들어 보는 내용이었다. 내용은 생각 이상으로 알차고 재미있었다. 무엇보다 여태까지 멋모르고 사용했던 프레임워크의 기본 원리를 알 수 있었기 때문에 Vue, React 뿐만 아니라 Spring Framework에 담긴 원리들도 깨우칠 수 있었다.

여태까지 내가 했던 개발은 개발이 아니라고 느끼는 계기가 되었다. 무언가 많이 한 것 같은데, 사실 알맹이가 없었다. 왜 이걸 이제야 알았을까?

코드스피츠 뿐만 아니라 인프런의 백기선 님이 올리신 강의들도 도움이 많이 되었다.

4. 아쉬운 점

체력적인 한계를 느끼고 있다. 집에 오면 왜 이리 피곤한 걸까? 다음 달부터는 수영하러 다녀야겠다. 몸도 찌뿌둥하고, 개발자에게 수영이 참 적합한 운동이라고 하니 꼭 다녀야지.

그리고 책을 읽지 못했다. 2월에는 책을 꼭 읽어보자.

Summary

  • 파일럿 프로젝트 마무리
  • 일일커밋 시작
  • Today I Learn 시작
  • 객체지향 이해
  • 체력적 한계 및 독서 실패
Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Review/2020-year/02-February/index.html b/Review/2020-year/02-February/index.html index 6c89754f..818a07cb 100644 --- a/Review/2020-year/02-February/index.html +++ b/Review/2020-year/02-February/index.html @@ -23,7 +23,7 @@ } 2020년 2월 회고 | 개발자 황준일 - + @@ -80,6 +80,6 @@ done

실행은 다음과 같이 하면 된다.

> sh ApiAllTestScript 3
 

그러면 Shell Script 에 정의된 모든 path에 대해 api 요청 후 결과를 저장하게 된다.

그래도 여전히.. 개발망에서 로그를 확인할 때는 여간 불편한게 아니였다. 무엇보다 개발망에서 패키지를 설치하면 패키지 의존성이 전부 깨져있어서 원격데스크톱, vim, ssh 등의 편리한 도구들을 사용할 수 없었다.

패키지가 깨지는 문제 때문에 대략 5번 정도의 포맷 및 재설치를 하였으나 여전히 해결 되진 않고 있다. 우여곡절 끝에 우분투에 내장 되어 있는 데스크톱 공유 기능을 이용하여 VNC 화면 공유open in new window 를 통해 원격 제어가 가능하게 되었으나, 이건 너무 느렸다.

내가 원하는건 아이패드로 ssh 접근을 하여 개발망을 사용하고, 블루투스 키보드를 통해서 간단하게 개발망/인터넷망을 오가며 개발하는 것이었는데.. 너무 큰 꿈인 것 같다.

어쨌든 몇 번의 삽질을 통해서 배포 과정에 대해서는 금방 이해할 수 있었고.. 배포가 두렵지 않게 되었다. 다만 배포 이후의 에러/버그가 두려울뿐..

1-2. 업무 프로세스 적응

개발 프로세스 뿐만 아니라 업무 프로세스도 중요하다. 나의 직무와 관련된 업무 프로세스는 대충 이런 형식이다.

기획 -> 디자인 -> 퍼블리싱 -> 개발 -> QA -> 배포

그런데 기획 시작부터 개발 시작까지 걸리는 시간이 꽤 길다. 그래서 충분히 기술적인 조사가 가능하고 업무에 적용하기 위해 여러가지 테스트를 진행해볼 수 있는 여유가 있다. 이런 점이 정말 마음에 든다. 무엇보다 주변에 개발자로 취직했지만, 개발에 관련된 업무가 아닌 일을 하는 사람도 많이 봤기 때문에 개발에 집중할 수 있는 환경임에 감사하고 있다.

2. 신규 프로젝트와 코드리뷰

드디어 인수인계 받은 프로젝트가 아닌, 처음부터 시작하는 프로젝트를 진행 하게 되었다. 이전에 진행 되었던 프로젝트를 참고하여 개발 환경을 구성하고 사수의 도움을 받아 프로젝트를 진행했다.

코어에 관련된 코드들에 기능이 조금 부족하여 임의로 추가하기도 하고, 업무가 겹치는 사람들과 논의도 하면서 꽤 재밌게 진행했다. 일단 나는 Vue를 이용하여 CMS UI를 만들었는데 생각보다 빨리 끝나서 일단 코드리뷰를 진행했다.

우리 회사의경우, 프런트/백엔드가 나뉜다기 보단 각자 맡은 서비스를 풀스택으로 진행하다 누가 봐도 이해할 수 있는 코드를 작성해야만 했다. 특히 js의 경우 너무 급격하게 변하기도 하고, java와 다르게 IDE의 지원이 있어도 설정을 제대로 하지 않으면 코드 추적히 힘들다. 팀원들은 대부분 java에 익숙하기 때문에 여러 상황을 고려하지 않고 짜여진 JS 코드를 접하게 될 경우 멘붕이 올 수도 있는 환경이었다. 그래서 문법은 최대한 간결하게, 그리고 java와 이질감이 없도록 구성하는게 중요했다.

나는 최근에 알고리즘 때문인지 쓸데없이 코드를 줄이거나 유별난 문법을 많이 사용했는데 그런 것들을 거의다 고쳐야했다. 어쨌든 이렇게 다른 사람들과 내가 작성한 코드에 대해 토의할 수 있어서 재밌었고 뜻 깊은 경험이었다.

4. 재택근무

무탈없이 끝나겠구나 싶었더 코로나19가 하루 아침에 확진자가 증가하면서 재택근무를 시작하게 되었다. 덕분에 VPN이나 원격접속 설정을 제대로 해놓지 않으면 근무를 할 수 없는 상황이었는데.. 재택근무 첫 날 부터 회사 컴퓨터에 접속이 되지 않아 결국 출근을 하여 이것 저것 설정하고 왔다.

그리고 개발망과 인터넷망이 분리 되어있었기 때문에 배포가 있는 날에는 여러모로 불편함을 느꼈다.

사적

얼떨결에 집사

몇 개월동안 밥을 주고 있던 길냥이들을 하룻밤 집에서 재웠더니 맨날 맨날 집앞으로 찾아온다. 퇴근하고 오면 문앞에 옹기종기 모여 앉아 있다 보니까 집도 구해주고, 화장실도 만들어주고, 밥도 주고, 그렇게 집사 아닌 집사가 되어버렸다. 문제는 고양이 5마리가 똥을 오지게 우라지게 겁나게 많이 싼다.

원래 집에 도착하면 바로 밥먹고 코딩을 했는데 이제 집에 오면 밥먹기전에 고양이들 응가부터 치우고 있다. 거기다가 냥이들이 잠깐만 문을 열어놔도 자꾸 집에 들어와서 냥이들이 나가면 지저분해진 집을 반 강제적으로 청소하고 있다.

그래도 귀여운 냥이들을 보고 있으면 하루의 스트레스가 풀리는 느낌! (그리고 똥과 청소로 스트레스 적립)

수영 시작

우리 팀원들은 대부분 운동을 한다. 헬스를 하는 사람도 있고, 테니스나 배드민턴을 하는 사람도 있고, 집에서 그냥 닌텐도로 운동하는 사람도 있다. 그래서 운동 얘기를 많이 하는데 체대 출신 개발자open in new window 분께서 수영이 하루종일 앉아있는 개발자들에게 참 좋은 운동이라고 알려주셨다.

요즘 목도 아프고 어깨도 아프고 해서 수영을 시작하기로 마음먹고 회사 앞에 있는 평화 스포 웰빙open in new window 에 수영 강습을 등록했다.

둘 중에 고민하다가 일단 한 달만 했는데, 결과적으로 코로나 덕분에 합리적인 선택이 되었다.

확실히 수영을 하니까 몸도 펴지고 아픈 곳도 없고 몸이 개운했는데.. 재택근무때문에 맛보기만 한 것 같다. 그리고 오전 6시 30분 ~ 7시 20분 강습이라서 월/수/금에는 최소 오전 5시 30분에 집에서 출발해야 했다. 일찍 일어나서 운동을, 다름아닌 수영을 하고 출근하니까 오전에 너무 피곤해서 힘들었다. 재택근무가 끝나면 다시 꾸준히 참여해서 체력도 키우고 건강좀 유지하자!

사이드 프로젝트 시작

일일커밋의 좋은 양분은 역시 사이드 프로젝트가 아닐까 싶다. TIL의 경우 손이 많이 가기도 하고, 원체 정리하는걸 그렇게 좋아하는 성격이 아니다 보니 꾸준히 하기가 힘들었다. 그래서 사이드 프로젝트를 시작했다.

단국대학교 소프트웨어학과 학생들(혹은 개발자)을 위한 서비스open in new window

내가 졸업한 단국대 소프트웨어학과의 경우, 학생들간의 교류가 너무 없는 상태이다. 학교에서는 정부의 지원을 받아 소프트웨어 특성화를 추진하고 있고, 학생은 많아지고 있다. 그것 까진 좋은데, 문제는 선후배간의 교류도 없고, 동아리도 없고, 수업도 부족하고, 교수님도 별로 안계신다.

결국 정보가 필요한 사람은 많은데 정보를 제공해줄 사람은 없기 때문에 악순환이 계속 발생한다. 왜 공부하는지도 모르는 상태에서 공부를 하는 사람이 태반인 것이다.

이런 점을 해소하고자 만드는 서비스인데, 일단 Github가 필요하다. Github에 markdown 파일을 올리고, 그걸 이 서비스에 포스트로 등록하는 것이다. 링크로 등록할 수도 있고, 혹은 API를 이용하여 등록할 수도 있다.

한 번 등록하면 github hook을 이용하여 커밋이 발생했을 때 해당 포스트를 자동으로 업데이트 하는 형식으로 만들 생각이다. 항상 GitHub에 무언가를 기록할 때 다른 서비스에도 노출 시키고 싶었는데 어떻게 할까 고민하다가 이런식으로 만들면 좋겠다고 생각했다.

그리고 Github 활동의 활성화를 위해 랭킹 시스템이나 서로 진행하고 있는 프로젝트를 공유한다던가 하는 기능을 추가해보는 것도 좋을 것 같다.

여튼 핵심은 GitHub다. GitHub의 중요성은 아무리 강조해도 부족하지 않은 것 같다.

독서 - 스프링 입문을 위한 자바 객체지향의 이해

스프링에 대해 공부할 때 여름나라 겨울이야기open in new window 라는 블로그의 글을 재밌게 읽었었다. 그리고 최근에 다시 읽었는데, 이 블로그 주인장님이 블로그에 쓴 내용을 바탕으로 책을 쓰셨다. 그래서 주저 없이 구매했고, 하루만에 다 읽었다.

객체지향을 이보다 더 쉽게 설명할 수 있을까? 싶을 정도로 간결하게 그리고 정확하게 기술하였다.

이 책의 내용을 잘 정리하고 싶은데.. 요즘 TIL에 손이 가지 않고 있어서 문제다.

코덕

코덕open in new window 이라는 사이트가 있는 것을 알고 바로 회원가입을 했다.

2월은 11등으로 마무리할 듯 싶다. 다음 달에는 top10 안에 들어가는 것이 목표! 가능하다면 1등을 노려보자.

이렇게 소소한 자극이 있어야 공부할 때 즐거움을 느끼는 것 같다.

함수형 프로그래밍

인프런에서 유인동님의 함수형 프로그래밍 강의를 들었다. 딱히 따라하진 않고 그냥 쭉 봤는데 생각보다 너무 재밌었다. 아직 객체지향의 개념이나 디자인 패턴도 익숙하지 않기 때문에 일단 객체지향부터 잘 숙지 한 다음 함수형 프로그래밍도 곱씹어 먹어야겠다.

The Java

인프런에서 백기선님의 The Java 수업을 들었는데, 꽤 재미있게 들었다. 이것도 모르고 Java를 사용한게 참 바보 같기도 하고.. 뭔가 자괴감도 들고 그랬다.

아쉬운 점

사이드 프로젝트를 시작하면서 TIL에 쓰는 내용이 급격하게 감소했다. 일단 사이트 프로젝트를 잘 마무리 한 다음 TIL에 투자하는 방식으로 해야겠다.

Summary

- + diff --git a/Review/2020-year/02-Second-Quarter/index.html b/Review/2020-year/02-Second-Quarter/index.html index dddafc51..a93dd0b9 100644 --- a/Review/2020-year/02-Second-Quarter/index.html +++ b/Review/2020-year/02-Second-Quarter/index.html @@ -23,7 +23,7 @@ } 2020년 2분기 회고 | 개발자 황준일 - + @@ -232,6 +232,6 @@ }

 































































여기까지는 사이드 프로젝트를 통해서 얻은 성과였고, 이제 사이드 프로젝트에 꼭 적용해야 하는 것들을 나열해보자.

첫 번째 과제, Vue Composition API 사용

두 번째 과제, MongoDB 사용

세 번째 과제, AWS 배포

네 번째 과제, Jenkins로 배포 자동화


그리고 이건 꼭 적용할 필요는 없지만 한 번 해보고 싶은 것들이다.

Optional 01: GraphQL 사용

Optional 02: Docker Container와 kubernetes 사용


4. 객체지향 개발방법론

코드스피츠 86기open in new window와 인프런에서 백기선 님이 강의하신 스프링 프레임워크 입문open in new window, 그리고 여름나라 겨울이야기open in new window 블로그의 주인장님이 집필한 스프링 입문을 위한 자바 객체 지향의 원리와 이해open in new window 라는 책을 읽고 객체지향에 대해 어느 정도 깨우칠 수 있었다.

여태까지 내가 작성했던 코드는 말 그대로 쓰레기였다는 것을 알 수 있게 해준 강의들과 책이었다.

그리고 이러한 개념들을 숙지하지 않은 상태에서 프레임워크를 공부한다는 것은 어불성설이라는 생각이 들었다. 요즘 누군가가 나에게 어떤 프레임워크를 공부하면 좋겠냐는 말에 이처럼 대답한다.

XXX라는 프레임워크를 공부하고 싶습니다. 무엇부터 해야 좋을까요?

  1. 객체지향 개발 방법론을 익혀라.
  2. 디자인패턴을 익혀라.
  3. MVVM을 익혀라.
  4. IoC나 DI에 대해 이해하라.
  5. 그리고 프레임워크 문서를 보아라.

객체지향의 궁극적인 목적은 바로 IoC(제어역전) 를 제공하는 것이다.

그리고 보통 프레임워크 수준에서 IoC를 제공한다. 따라서 IoC를 이해하지 못한다면 프레임워크를 사용하고 있다고 해도, 제대로 사용하는 경우는 드물다.

이러한 것들을 이해하고 있는 상태라면 어떤 프레임워크를 사용하여도 기본 이상은 할 수 있다.

객체지향 개발론을 공부하면서 아쉬웠던 점은, 왜 학부 과정에서 이러한 것들을 설명해주는 교수님이 없었을까 하는 점이다. 이렇게 중요한 개념을 왜 이제야 알았을까? 참 의문이다.


5. 단국대학교 알고리즘 스터디

여자친구의 취업 준비를 도우면서 꼴 보기도 싫던 알고리즘 공부를 같이 하게 되었다. 오랜만에 빌어먹어도 시원찮을 알고리즘을 공부하니까 나름 오기도 생기고, 커밋의 양분이 되기도 했고 코딩테스트를 응시하는 것도 재밌었다.

그래서 여자친구와 같이 다음과 같은 코딩테스트에 응시했다.

풀이하면서 느낀것은, 그냥 내 수준은 정해져 있는 것 같았다. 하긴 뭐.. 공부를 제대로 했어야 달라지지

그리고 코딜리티와 프로그래머스를 통해서 준비했는데, 다음과 같은 특징을 가지고 있다.

프로그래머스

Codility

그래서 두 사이트를 섞어서 공부하는게 적절한 것 같다. 커뮤니티를 보니 Leetcodeopen in new window를 통해서 많이 준비하는 것 같은데.. 아직 살펴보진 않았다.

각설하고, 여자친구가 혼자서 공부하기 힘들다며 갑자기 4월 말에 알고리즘 스터디open in new window를 만들었다. 스터디 구성원은 먼저 에브리타임을 통해서 모집하고, 알고 지내던 후배들 중 같이 하고 싶은 의향이 있는 사람들을 초대했다.

스터디는 다음과 같이 진행했다.

그리고 생각보다 잘 진행되고 있는 중이다.

진행한지 한 달이 조금 넘었을 때(5월 말) 800개의 커밋과 160개의 PR이 올라왔다.

5월 결산(1)5월 결산(2)

6월에는 기말고사가 있기 때문에 활동이 매우 활발하진 않았다. 그래도 하는 사람은 꾸준히 했다.

6월 결산

그리고 6월 중순까지 카톡으로 채팅방을 운영했는데, 스터디원의 제안으로 채팅방을 디스코드로 옮겼다. 디스코드로 옮기면서 디스코드의 Channel API, Bot, github webhooks 등을 이용하여 Github 알림 봇open in new window을 만들었다.

Github 알림 봇

서버는 NHN의 Toast Cloud를 이용중이다. 추후에 AWS로 이전할 예정이다.

알림 봇을 만드는 것 자체는 간단했으나.. CMS를 만드는 것은 쉽지 않은 것 같다. 사실 CMS를 만들어야 싶기도 하다.

어쨌든 알림 봇을 마무리 한 후에 진행중이던 토이 프로젝트를 다시 시작할 예정이다. 대체 언제??


6. 코덕

1~3월에 일일커밋을 하긴 했으나, 깃허브 활동이 활발하진 않았다. 그런데 4월에 스터디를 만들고, 5~6월에 Java Clean Code TDD 8기를 수강하면서 깃허브 사용량이 폭발적으로 증가했다.

덕분에 꾸준히 코덕 상위권에 랭크될 수 있었다.

4월

코덕_1코덕_2

4월은 2위로 마무리했다.

이 때 1위와의 격차는 별짓을 다 해도 좁혀지지가 않았다. 무엇보다 하루 활동량에 대한 점수 제한이 있었기 때문에 꾸준히 활동을 하지 않으면 결국 따라잡을 수 없는 구조다. 즉, 성실성을 겨루는 서비스라고 할 수 있다.

아쉽지만 코덕에 랭크된 수 많은 사람들 중에 두 번째로 성실하게 공부한 것이라는 증거이기 때문에 일단 만족했다.

그리고 칼을 갈았다.

5월

코덕_3

5월은 정말 눈물 겹게 1등을 달성했다. 말 그대로 정말 힘들었다. 내가 무슨 부귀영화를 누리자고..

어쨌든 한 번 1등을 해놓은 후에는 마음이 편해졌다. 그래서 랭킹에 연연하진 않게 되었다.

코덕_4

내가 1등한 것 보다 더 기쁜 사실은, DKU-STUDY가 코덕에 등록된 모든 그룹 중 활동량이 압도적인 1위라는 것이다.

6월

코덕_5

6월엔 쉬엄쉬엄 해서 6위로 마무리했다. 일단 top10에 들었으니 만족!

7. Java Clean Code TDD 8기

7기에는 수강신청 시간을 잘못 알고 있어서 마감이 됐었다. 결과적으로 그 때 수강하지 않은건 코로나 때문에 잘 한 일이라고 생각한다.

8기 수강신청은 거의 1등으로 수강신청을 완료하지 않았나 싶다. 대학교 수강신청으로 단련된 매크로급 수강신청 기술을 활용했다.

현재 회사에서 java를 사용하고 있긴 하지만, java의 코어를 잘 모르기 때문에 이번 기회에 제대로 익혀두자 싶어서 수강신청을 했다. 결과는 죽을 맛 그 자체! 매우 만족스러웠다.

코드 리뷰의 범위는 객체지향 생활체조의 범위에서 진행된다.

객체지향 생활체조

위의 규칙들을 지키면서 프로그램을 만드는 것 자체가 굉장히 어렵고 고민이 많이 된다. 하지만 그만큼 코드 자체는 극한의 아름다움을 보이게 된다.

덕분에 Stream과 Enum 등을 포함하여 Java에서 사용하기 좋은 API와 설계 기술을 배울 수 있었다.

각설하고, 내가 과연 이 과정을 무사히 수료할 수 있을까 고민했는데,
운이 좋게 제일 먼저 수료할 수 있었다. 사실 노렸다

해당 과정을 진행하면서 올린 PR(코드리뷰) 모음

약간의 소감을 이야기 해보자면, 시작(Racingcar)과 끝(Bowling)이 무척 어려웠다.

시작할 때는 자바 자체에 익숙하지 않다 보니, 말 그대로 모든 것들이 생소했다. 일단 사내 프로젝트를 운영하면서 Stream을 어느 정도 사용할 줄 알았기 때문에 코드를 짧게 작성한다던가 if나 while, for 없이 작성하는 것은 어렵지 않았다.

그런데 일급 컬렉션이나 원시값 포장 같은 개념은 쉽게 이해되지 않아서 애먹었다. 이러한 문제점을 보완하기 위해서 실력이 뛰어난 다른 수강생분들이나 코드리뷰를 해주시는 리뷰어분들이 이 과정을 수행할 때 작성했던 코드를 보면서 많이 참고했다.

개인적으로 생각하는 나의 장점 중 하나가 주변에 있는 뛰어난 사람들에게 주눅 들기보단 그 사람들의 노하우나 사고방식, 가치관을 잘 받아들이는 점이다.

결과적으로 초반에 애먹은 덕분에 Lotto와 Ladder는 쉽게 통과할 수 있었다.

마지막 미션인 Bowling은 설계 자체가 정말 어려웠다. 어떻게 설계하지? 라는 고민을 일주일 내내 했던 것 같다. 그래서 step2를 진행할 때, 지웠다가 썼다를 반복하다 보니 무려 한 step에 45개의 커밋이 발생했다.

정말 step2에서 설계에 대한 고민을 일주일 내내 한 것이다. 덕분에 step3와 step2는거의 바로 끝낼 수 있었다.

어쨌든 결과적으로 해당 과정을 전체 인원 중 첫 번째로 수료할 수 있었다.

클린코드 수료

내가 실력이 좋아서라기보단, 하루도 쉬지 않고 꾸준히 했기 때문에 이런 성과를 낼 수 있었으리라 생각한다.

꾸준히 공부하는 습관을 지니자

5월에는 코덕 1등을 했고, 6월에는 클린코드 1등을 했다.

항상 한계점의 페이스를 유지하기보단, 한 번 한계점까지 도달한 후에 70% ~ 80% 정도를 유지하는 게 좋다고 생각한다. 그렇지 않으면 너무 빨리 지치기 때문이다.

나는 줌인터넷에 입사한 다음에 주변 자극을 적극적으로 수용하고 있다. 그중에 제일 인상 깊었던 것은 우리 팀을 거쳐 간 우아한형제들에서 근무하고 계신 이동욱 님의 인터뷰open in new window이다. 무언가를 거창하게 하기보단 그냥 매일 꾸준히 하는 것이다. 확실히 나에게는 이 사고방식과 가치관이 맞아떨어진다.

전체 과정을 수료한 다음에 미션별로 파편화된 코드를 한 저장소open in new window에 모아놨다. 사실 깃허브 잔디에 반영하고 싶었다.

java-clean-code-repository

모아놓고 보니 두 달 동안 약 600개의 commit이 발생했다. 내가 개발 공부를 이렇게 열심히 했던 적이 있었나 싶다. 사실 고등학교 3학년 여름방학 때 제일 열심히 했다.

개발 외

1. 수영

1월에 몸 상태가 정상이 아님을 인지하고 2월에 수영을 시작했다.
하지만 코로나 때문에 망했다. (빌어먹을 코로나)

어쨌든 2월에 2주동안 발차기를 배우다가 코로나의 여파로 재택근무를 했다. 덕분에 몸이 개운해지는 느낌 비스무리한 것만 받았다.

5월이 되자 마자 6개월치를 일시불로 등록했고, 덕분에 매일 매일 수영을 할 수 있게 되었다! 80만원쯤이야!

5월이 다 지날때 쯤 자유형을 제대로 할 수 있게 되었다. 자유형을 하다가 너무 힘들어서 그냥 누웠는데 이 때 몸에 힘을 빼고 물에 몸을 맡기면 저절로 뜨는 것을 깨달았다.

6월이 다 지났을 때 배영/자유형은 꽤 잘할 수 있게 되었다. 다만 오래 못한다.. 아직까진 저질 체력.. 어쨌든 평영까지 배웠는데, 아직 나는 개구리가 되려면 멀지 않았나 싶다.. 허허

그런데 6월 말부터 회사에서 Work+ 라는 제도를 만들어서 재택근무를 할 수 있도록 해줬다. 수영을 하려면 회사 앞으로 와야 하기 때문에.. 지금 굉장히 고민 중이다.

강습은 월/수/금인데, 월/목은 고정출근을 해야 하고 화/수/금은 선택적 재택근무를 할 수 있다. 그래서 주 2회 재택을 하고 강습 2회, 자유 수영 1회 정도로 생각 중이다.

어쨌든 돈을 오랫동안 많이많이 벌기 위해서라도 공부를 열심히 하기 위해서라도 운동을 착실히 해야지!

2. 자본에 대하여

우리 회사 사람들의 핫한 주제는 언제나 부동산과 주식이다. 사실 우리 회사 사람들뿐만 아니라 다른 회사 사람들 또한 마찬가지다.

어느 회사에 다니든 아무리 월급을 많이 받아도 월급쟁이다.

그리고 월급쟁이는 기적이 일어나지 않는 이상 일정 수준 이상의 부를 축적하기는 힘들다.

그래서 큰돈을 모으기 위해선 사업을 하거나 주식을 하거나 부동산을 하거나 셋 중 하나인데, 부동산을 하기 위해선 또 큰돈이 필요하고, 다시 큰돈을 모으기 위해선 주식이나 사업을 해야한다.

그런데 주식이나 사업은 부동산보다 위험부담이 훨씬 크다. 특히 주식/비트코인을 통해서 자본을 잃은 사람이 주변에 너무 많다

이렇게 해도, 저렇게 해도 평탄한 인생을 살아가기는 참 힘들구나 싶다.

어쨌든 나는 지금 당장 욕심을 부리기보단, 내적 역량을 축적하는 것이 옳다고 생각한다.

앞서 언급했지만, 최소 3년은 공부에 매진하자.

3. 오버워치

자바 클린코드 과정을 모두 수료한 직후에 갑자기 번아웃이 왔다. 번아웃이라기보단, 한동안 일상에서 큰 비중을 차지하고 있던 일이 사라지니까 그 시간을 어떻게 메꿔야 좋을지 몰라서 방황했다.

그래서 수료한 직후에 주말 내내 원없이 오버워치만 했다.

오버워치

약 2일만에 마스터를 찍었다. 오버워치만 맨날 했으면 좋겠다!!

오버워치.. 참 잘 만든 게임인데 유저가 다 망쳐가고 있어서 아쉽다. 빨리 오버워치2가 나왔으면 하는 바람!

Summary

- + diff --git a/Review/2020-year/03-March/index.html b/Review/2020-year/03-March/index.html index 99f1b4b4..a192e4f1 100644 --- a/Review/2020-year/03-March/index.html +++ b/Review/2020-year/03-March/index.html @@ -23,7 +23,7 @@ } 2020년 3월 회고 | 개발자 황준일 - + @@ -33,6 +33,6 @@ { "success": false }

그런데 서버의 상태를 알려주는 HTTP 상태 코드open in new window 라는 포스트를 보고 현재 내가 API 설계를 잘못하고 있다는 생각이 들었다. 그래서 이에 대해 한참 고민하고, front에서 api의 응답 처리 방식을 완전히 뜯어고쳤다. 다만 아직 고민 중인 부분은 URI의 형태는 정확하지만, 응답으로 보내줄 값 자체가 없다면 어떡해야 할까?

GET /post/10 # 10번 post가 없을 경우엔?
 

이때 404, 503, 502, 204 중 어떤 것을 보내야 할지 명확하지가 않았다. 조금 더 구글링해보다 HTTP 404 Status Code 에 대한 고찰open in new window 이라는 포스트를 보고, 어느 정도 생각이 정리되었다.

기타

CMS 말고도 이것저것 업무가 어느 정도 있었지만.. 보안 때문에 언급할만한 것들이 없다.

사적

1. DKU Logging Service

3월은 사이드 프로젝트open in new window 개발로 대부분의 시간을 보냈다고 해도 무방하다.

Server: NestJS

작년에 NestJSopen in new window 사용을 시도하다가 너무 어려워서 포기했는데, 스프링도 제대로 사용해보고 객체지향에 대한 개념도 숙지하고, 디자인패턴도 익혔더니 이제 사용에 큰 무리가 없다. 다만 굳이 NestJS를 써야만 하는 이유를 찾기가 힘든 상황이다. 사용 방법이나 디자인된 형태는 Spring과 거의 유사한데 그럴 거면 그냥 Spring을 쓰는 게 낫지 않나 하는 생각이 자꾸 든다.

그래도 이점을 찾아보자면

정도?

사실 이 정도면 그냥 사용해보고 싶어서 사용하는 상황이라고 봐도 무방한 것 같다.

Client: VueJS

React와 Vue 중에 어떤 것을 사용할까 고민하다가 회사에서 Vue를 사용하고 있기 때문에 더 깊은 공부를 위하여 Vue를 택했다. 그런데 Vue를 그렇게 깊게 사용하고 있다는 생각이 들진 않는다. 일단은 UI를 잘 만드는 정도?

Github API v3

사이드 프로젝트가 Github에 있는 데이터를 활용하다 보니 GitHub API를 깊게 숙지해야만 했다. 덕분에 OpenAPI에 대한 이해도가 급격하게 좋아졌다. 대학교를 다닐 때 API를 연동하려고 참 애를 많이 썼는데.. 부질없는 짓이었구나 느끼고 있다. Github는 참 활용 방안이 무궁무진한 서비스라고 느끼는 중이다.

2. 알고리즘

나와 같이 개발자의 길을 걷고 있는 여자친구가 최근에 퇴사했다. 그리고 이직 준비를 도우면서 얼떨결에 나도 같이 알고리즘을 풀이하게 되었다. 오랜만에 알고리즘을 풀어보니 꽤 재미있게 느껴졌다. 그래서 못해도 1주일에 1번 정도는 알고리즘 문제를 풀어야지 생각 중이다.

3. 독서 실패

사이드 프로젝트에만 집중하다 보니 독서는 아예 포기했다. 사실 귀찮았다

4. TIL 실패

3월에는 아예 TIL에 손대지 않았다. 역시 나는 게을러!

5. 코덕 Top 10

코덕 Top 10

1월과 2월은 주로 TIL 위주의 커밋을 했었는데, 3월은 사이드 프로젝트의 여파로 커밋 횟수가 증가했다. 이 때문인지 코덕에서의 랭킹이 급 상승했다.

다음달에는 1등을 한 번 노려보는걸로!

Summary

- + diff --git a/Review/2020-year/04-April/index.html b/Review/2020-year/04-April/index.html index cf86e0cf..371719b7 100644 --- a/Review/2020-year/04-April/index.html +++ b/Review/2020-year/04-April/index.html @@ -23,11 +23,11 @@ } 2020년 4월 회고 | 개발자 황준일 - +
Hits bn

2020년 4월 회고

이번 달은 꽤 열심히 보낸 것 같다.

공적

1. Vue Composition API

곧 Vue 3.0이 출시될 예정이며 Composition API는 Vue 3.0의 내장 API이다. 회사에서 Vue를 사용하고 있기 때문에 Composition API에 대한 사전 조사가 필요했다.

Composition API를 사용하면 코드를 유지보수 하기 좋게 관리할 수 있으며, 재사용성 또한 증가하게 된다. 다만 아직 VueRouter나 Vuex 같은 서드파티와 연동하는 것에 대한 방법이 없는 상태다.

나는 Vuex의 Namespace 기능을 적극적으로 이용하고 있는데, Namespace 또한 지원하지 않는다.

Composition API와 this

Composition API에서는 this를 사용할 수 없도록 설계되어 있다. 그런데 Vuex의 경우 Namespace를 정의할 때 this를 사용한다. 그래서 Composition과 Vuex의 Namespace를 같이 사용할 경우 에러가 발생한다.

어쨌든 Composition API에 대한 글 중 제일 도움이 많이 되었던 것은 카카오에 다니는 친구가 작성한 이 글open in new window이다.

그리고 이 글을 읽으면서 친구의 포스트이므로 그냥 읽으면서 내 생각을 첨가한(?) PRopen in new window을 날려도 되는지 물어봤다. 어찌보면 굉장히 무례한 부탁일 수 있었는데, 흔쾌하게 수락해진 친구에게 감사하고 미안했다. 결과적으로 친구도, 나도 만족할 수 있는 경험이 되었으리라 생각한다.

Composition API 정리

이게 바로 개발의 매력이고, 코드리뷰의 매력임을 느꼈다.

약간 삼천포로 빠졌는데, 어쨌든 중요한 점은 이러한 경험을 통해서 Composition API에 대해 이해할 수 있었다는 것이다. 그런데 우리 팀은 포털서비스를 만들어야 하기 때문에.. IE 호환성을 아예 놓을 수 있는 상황이 아니었다. 그래서 아직은 도입할 시기가 아니라고 결론을 내렸다. 젠장

아쉽지만 사이드 프로젝트에 적용해볼 생각이다.

2. 순정 API 개발

새로운 프로젝트 시작하게 맡게 되면서 처음부터 API를 만들어야 했다. 여태 만들어진 API를 유지보수만 하다가 처음부터 순정 API를 만드는 것이다.

회사에서 관리하고 있는 프로젝트는 대충 다음과 같은 Component를 사용한다.

  • Adapter: 다른 API의 데이터를 가져옴
  • Repository: DB 연동
  • Service: Adapter나 Repository에서 필요한 데이터를 가져옴
  • Facade: 각종 Service를 조합하여 필요한 데이터를 정제한다.
  • Module: Facade에서 필요한 데이터를 가져온 다음 캐싱처리하여 모듈에 맞는 데이터로 반환
  • TemplateFacade: Module을 조합하여 최종 데이터를 생성
  • Caching: Service/Module 데이터를 캐싱
  • Scheduler: Caching을 주기적으로 실행

이미 설계 가이드가 있기 때문에 잘 구성된 가이드라인대로만 만들면 큰 문제 없이 작동한다. 어쨌든 복습도 되고, 처음부터 만들기고 있기 때문에 즐겁게 임하는 중이다.

3. DynamoDB

앞으로 만들게 될 서비스는 DynamoDBopen in new window를 사용할 예정이다. 물론 사용해도 큰 무리가 없는 서비스에만!

DynamoDB는 AWS에서 만든 NoSQL인데 앞으로의 서비스는 Node.js를 적극적으로 사용할 예정이기도 하고, NoSQL이 Node.js 같은 Non-blocking 방식과 궁합이 맞다.

non-blocking과 nosql

node와 mysql을 같이 사용할 경우, node의 성능을 최대한 뽑아내긴 힘들다. mysql의 경우 blocking 방식으로 작동하고, node의 경우 non-blocking 방식으로 작동하기 때문에 결국 mysql에 지연이 생기면 node도 똑같이 지연이 생기기 때문이다.

그래서 mysql과 nosql을 같이 사용하는 경우가 많은 것이다. 아니 같이 사용해야 한다. mysql을 사용할꺼면 그냥 spring을 쓰자.

DynamoDB의 경우 indexing이 굉장히 빠른데, Index를 생성할 때 하드카피를 하기 때문이다. 다만, 모든 질의가 전부 비용이기 때문에 설계를 처음부터 정교하게 해야한다. RDB의 경우 Entity와 Relation이 중요하지만(당연하게도...) DynamoDB의 경우 Query가 중요하다. 그래서 일단 RDB로 Entity를 설계하고, Relation을 설계한 다음, 이에 따른 Query를 만들어야한다. 그 후에 Query를 보고 필요한 Index를 설계한 다음에 DynamoDB의 Table을 설계한다.

어찌보면 당여한 과정이지만, 설계가 조금이라도 빗나가면 그 여파가 꽤 큰편이다.. 아직은 공부중이기 때문에 조금 더 정리가 되면 TIL에 올릴 생각이다.

4. 재택근무 종료

사회적 거리두기가 해제됨에 따라 재택근무도 종료되었다. 다만 출근 하자마자 다시 사회적거리두기 연장이 되었다는점 (이런 그랜드캐니언 같은 경우가!) 어쨌든 팀원들을 오랜만에 만나니 반갑기도 하고, 일하는 맛이 났다.

그런데 업무에 대한 질은 회사나 집이나 똑같은 것 같다. 주말 출근할 일이 있으면 그냥 집에서 했으면.. 하는 바람이 있다.

5. 총선

이번 달에는 총선이 있었다. 우리 회사는 포털서비스를 제공하기 때문에 이러한 국가적인 이벤트에 민감하다. 내가 담당하는 서비스 또한 그랬기 때문에 여러모로 신경을 많이 써야 했다. 결과적으론 아무일도 일어나지 않았다. 무슨 일이 터져 봐야 경험이 되긴 할텐데..

어쨌든 다행이다!

사적

1. Server Side Rendering

진짜 SSR 때문에 한 동안 고생을 너무 많이 했다. Vue에서 제공하는 가이드라인이 너무 빈약하고, API 문서도 잘못 되었거나 반영되지 않은 것들이 많았다.

SSR과 CSR을 같이 하기 위한 가이드라인이 없다.

일단 첫 번째로 화나는 점은, SSR에 대한 가이드라인은 있는데 CSR을 같이 사용하는 방법에 대한 가이드라인은 없다. 어쨌든 SSR에 CSR을 연동하기 위해선 다음과 같은 과정이 필요하다.

  1. CSR의 Template에 SSR의 Template을 합쳐야 한다.
  2. CSR 코드를 번들링(빌드) 한다. 이 때 Template도 Bundling 코드에 포함된다.
  3. CSR에서 Build된 Template를 SSR에서 사용한다.

이에 대한 안내는 정말 1도 없다는 점... 이와 관련 내용도 5월달에 정리해서 올릴 예정이다.

window와 document를 사용하는 코드들

SSR은 기본적으로 CSR의 코드를 Server에서 실행한 다음 Client로 전달하는 것이다. 이 때 발생하는 문제가 바로 window와 document는 Server Side에서 사용할 수 없다는 것이다. 그래서 직접 window와 document를 만들어주거나, 혹은 Render와 관련된 코드에는 window와 document를 사용하지 않는 것이다. 그런데 이게 말이 쉽지 직접 해보면 욕나온다.

어떤 방법이 제일 좋을까 고민하다가 찾아난 해결책이 JSDOMopen in new window을 사용하는 것이다.

JSDOM

JSDOM은 말 그대로 가상의 window와 document를 만들어주는 것이다. 그냥 존재 자체만으로도 그 가치가 있다.

SSR을 실행할 때 JSDOM을 만들어주고, SSR 실행이 끝나면 JSDOM을 제거하는 것이다. 이렇게 또 한 문제를 해결할 수 있었다. (Funcking SSR!)

제대로된 Tutorial을 찾을 수 없다.

SSR의 가장 큰 문제점 중 하나가 바로 제대로된 튜토리얼이 없다는 것이다. github를 찾아봐도, 구글링을 해봐도, 이것만 보면 이해할 수 있다 싶은 튜토리얼은 존재하지 않았다. 혹은, 누군가 올렸는데 검색 순위에서 밀려났거나.

2. 오픈소스 기여 시도

Vue SSR을 작업하면서 약간의 문제가 있는 것을 발견하고 PRopen in new window을 올렸으나, 받아들여지진 않은 것 같다. 일단 e2e test를 통과하지 못했는데.. 에초에 건드린 코드가 e2e Test와 관련이 없었기 때문에 그냥 그러려니 하고 방치중이다.

이 때를 계기로 PR을 적극적으로 사용중이다.

3. 알고리즘 스터디

여자친구가 학교 후배들을 대상으로 알고리즘 스터디open in new window를 만들고 진행하고 있다. 그리고 나는 멘토(?)로 참여중이다.

그러면서 깃허브 활동량이 눈에 띄게 늘었다. PR 사용량도 늘어나고 있고, 무엇보다 구성원이 눈에 띄게 성장하고 있는 모습을 보이고 있기 때문에 큰 보람을 느끼는 중이다.

스터디를 하면서 느낀점은, 일단 다른 사람들의 생각을 직접적이든 간접적이든 어떤 형태로든 알 수 있다는 것 자체가 큰 도움이 된다는 것이다. 사고방식이나 문제풀이 과정 등 정말 기상천외(?)한 방법으로 문제를 해결한다.

그리고 알려주는 것들을 스폰지처럼 잘 흡수하는 사람이 있기 때문에 가르침에 대한 보람과 즐거움도 느낄 수 있다.

4. 스파르타 코딩클럽 멘토 신청

페이스북/코덕 등에서 광고를 보다가 우연히 스파르타 코딩클럽open in new window을 알게 되었다. 그리고 멘토를 수시로 구하는 중이었기 때문에 바로 신청했다. 몇 년동안 고등학교에서 강의를 하다가 요즘에 강의를 하지 않고 있으니까 허전함이 느껴진다. 무엇보다 부수입이 필요하다.

그래서 부디 꼭.. 합격하기를 바라는 중이다.

5. 일일커밋과 코덕

이번 달은 역대급으로 커밋을 많이 했다.

일일커밋

그냥 정신 차려보니까 그렇게 되어있었다. 그래서 코덕 순위도 2위까지 올렸는데... 1위와의 격차는 별짓을 다 해도 좁혀지지가 않았다. 무엇보다 하루 활동량에 대한 점수 제한이 있었기 때문에 꾸준히 활동을 하지 않으면 결국 따라잡을 수 없는 구조다. 즉, 성실성을 겨루는 서비스라고 할 수 있다. 아쉽지만 이렇게 많은 사람들 중에 두 번째로 성실하게 공부한 것이라는 증거기 때문에 일단 만족하는 걸로.

코덕

언젠간 1등 한 번 해보자!

스터디를 같이 하는 후배들에게도 안내해줬기 때문에 같이 top10 안에 들어가면 기분 째질 것 같다.

Summary

  • Composition API 조사
  • 오픈소스 기여 시도
  • 코덕 2등
  • 알고리즘 스터디
Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Review/2020-year/05-May/index.html b/Review/2020-year/05-May/index.html index b41b12df..da82fcac 100644 --- a/Review/2020-year/05-May/index.html +++ b/Review/2020-year/05-May/index.html @@ -23,7 +23,7 @@ } 2020년 5월 회고 | 개발자 황준일 - + @@ -163,6 +163,6 @@ visited.push(...[await getFrequentlyVisited()]) }
개발 환경에서 고려해야 할 것

크롬 확장프로그램의 경우, 따로 웹 서버가 필요한게 아니다. 하지만 Chrome API를 사용하기 위해선 크롬 확장프로그램으로 등록되어 있어야 했다. 그래서 스토리지에 대한 추상화도 필요했고, history나 bookmark대신에 localstorage를 활용해야 했다.

이에 대한 과정은 아마 6월달에 회사 기술 블로그에 더 자세하게 소개할 수 있을 것 같다. 확장프로그램에 대한 소개는 여기까지!

사적

이번 달은 정말 치열하게 살았다고 해도 과언이 아니다.

5월 github

무려 5월에만 539개의 커밋을 했다. 하루에 20개 이상의 커밋을 한 것이다.

0. 일일 라이프 사이클

문제는 오전 1시가 되었을 때 바로 잠을 잘 수 있는게 아니라는 점.. 피곤해 죽겠는데 2시 까지 뒤척이다가 기절한다. 그래서 주중에는 항상 피곤하다. 빨리 Java Clean Code가 끝났으면 하는 마음이..

그래도 하루가 참 즐겁다. 허투루 보내는 시간이 없다는 점이 만족스럽다.

1. 단국대학교 알고리즘 스터디

4월 말에 여자친구open in new window가 뜬금없이 알고리즘 스터디를 같이 하자고 했다. 스터디 구성원은 먼저 에브리타임을 통해서 모집하고, 추가로 알고 지내던 후배들 중 같이 하고 싶은 의향이 있는 사람들을 초대했다.

그리고, 생각보다 잘 진행되고 있는 중이다.

(1) 스터디 결산

스터디 레포지토리

PR

진행한지 1달이 조금 넘은 상태인데 벌써 800개의 커밋과 160개의 PR이 있다.

5월만 조금 더 상세하게 보자면,

5월 결산

455개의 커밋을 했으며 128개의 PR이 올라왔다.

(2) 코드 리뷰

스터디를 하면서 코드 리뷰에 재미가 들렸다. 무엇보다 피드백을 잘 반영해준 스티더원들에게 고맙기도 하고, 또 이들에게 피드백을 해주기 위해서 오히려 내가 더 공부를 많이 해야 했다.

다만 아쉬운 점은, 리뷰를 거의 나만 진행하고 있다는 점. 다른 사람들끼리도 코드 리뷰를 했으면 좋겠다.

(3) 알고리즘 풀이

초반에는 나도 문제를 어느 정도 풀이했는데, 자바 클린 코드 수강도 같이 하고 있어서 좀 버겁다. 매일 매일 미션을 수행하기가 왜이리 힘든지.. 거기다 수영 까지 하고 있어서 참 죽을 맛이다.

(4) 코딩테스트

여자친구의 취업 준비를 도우면서 나도 코딩 테스트를 같이 보고 있다.

5월에는 다음과 같은 코딩테스트를 응시했다.

카카오는... 항상 난이도가 최악 수준이다.. ㅠㅠ

어쨌든 항상 코딩 테스트를 응시하면서 이렇게 긴장감을 유지시킬 필요가 있는 것 같다.

2. 자바 클린코드 수강

7기에는 수강신청 시간을 잘못 알고 있어서 마감이 됐었다. 결과적으로 그 때 수강하지 않은건 코로나 때문에 잘 한 일이라고 생각한다.

이번에는 거의 1등으로 수강신청을 완료하지 않았나 싶다.

현재 회사에서 java를 사용하고 있긴 하지만, java의 코어를 잘 모르기 때문에 이번 기회에 제대로 익혀두자 싶어서 수강신청을 했다. 결과는 죽을맛이다 매우 만족스럽다.

코드 리뷰의 범위는 객체지향 생활체조의 범위에서 진행된다.

객체지향 생활 체조

위의 규칙들을 지키면서 프로그램을 만드는 것 자체가 굉장히 어렵고 고민이 많이 된다. 하지만 그만큼 코드 자체는 극한의 아름다움을 보이게 된다.

덕분에 잘 활용할 수 있게 된게 Stream API와 Enum이다.

코드리뷰 모음

아직 3주차 밖에 되지 않았다. 수료까지는 5주가 남았지만, 개개인의 미션 진행 속도에 따라 다르다.

개인적으로 관리하고 있는 통합 저장소open in new window

3. 코덕

이번 달은 정말 눈물 겹게 1등을 달성했다.

image

정말 힘들었다.. 그래도 한 번은 1등을 해놔야 좀 마음이 편할 것 같다. 다음달에는 등수에 연연하지 않고 공부에만 연연하기로!

image

알고리즘 스터디에도 같이 해보자 했는데, 생각보다 다들 꾸준히 해줘서 코덕 전체 그룹중에 1등을 할 수 있었다.

image

코덕에서 측정해준 기록을 보면 일일 평균 40회의 커밋을 했다고 한다.

image

특히 최근 2주를 워낙 열심히 해서.. 당연한 결과가 아닌가 싶다.

이제 코덕에 대한 집착은 접어두자.

4. 기능경기대회

원래 4월에 열려야되는 지방대회가 코로나의 여파로 6월까지 연기되었다. 덕분에 바빠 죽겠는데.. 문제에 대한 솔루션을 요청해서 그냥 만들어줬다.

솔루션open in new window

5. 수영

코로나의 여파로 재택근무를 하는 동안 수영을 하지 못했다. 덕분에 몸이, 특히 목이 너무 아팠다. 5월이 되자 마자 6개월치를 일시불로 등록했고, 덕분에 매일 매일 수영을 할 수 있게 되었다!

확실히 수영을 하니까 몸이 항상 개운하다. 다만 아직 체력이 부족하기 때문에 너무 피곤할뿐.. 그런데 5월 마지막주는 어느 정도 적응해서 그런지 덜 피곤했음!

6. 아쉬운 점

이번 달은 사이드 프로젝트를 거의 진행하지 못했다. 6월 까지는 꼭 마무리 했으면 좋겠다. 꼭 배포 한 다음에 서비스 해봐야지!

Summary

- + diff --git a/Review/2020-year/06-June/index.html b/Review/2020-year/06-June/index.html index 72afbcde..4e3af1f9 100644 --- a/Review/2020-year/06-June/index.html +++ b/Review/2020-year/06-June/index.html @@ -23,11 +23,11 @@ } 2020년 6월 회고 | 개발자 황준일 - +
Hits bn

2020년 6월 회고

이번 달은 크롬 확장프로그램open in new window과 싸웠고, NextStep클린코드를 위한 TDD, 리팩토링 with Javaopen in new window 과정을 무사히 수료했다.

공적

1. 크롬 확장프로그램

6월 업무는 말 그대로 확장프로그램과의 전쟁이었다. 개발이 어려운 게 아니라 검수를 통과하는 게 무척 어려웠다.

확장프로그램 검수 정보 1

확장프로그램 검수 정보 2

수 십 번의 검수 요청 끝에 확장프로그램을 게시할 수 있었다.

확장프로그램

게시된 확장프로그램은 여기open in new window서 확인할 수 있다. 아직 최종 완성은 아니고, 사내 테스트를 거쳐 조금 더 퀄리티를 높일 예정이다.

확장프로그램 검수 과정은 다음에 따로 정리해야겠다. 이곳에 담기엔.. 분량이 너무 많다.. ㅠㅠ

2. 의사 결정 과정

이번에는 CMS처럼 사내에서만 사용하는 서비스를 만드는 것이 아니라 아예 신규 서비스를 만들었다.
신규 서비스를 만들 때 주니어 개발자 스스로 결정할 수 있는 것들은 사실 거의 없다.

주니어 개발자가 주로 하게 되는 일은 아마도 코드 작성일 것이다.
그럼 코드를 내 맘대로 작성해도 될까? 결론부터 말하자면 안 된다.
회사에서 작성하는 코드는 나의 것이 아니다.

회사에서 작성한 나의 코드는 회사의 것이고 팀의 것이다. 그러므로 우리는 코드리뷰를 진행한다.

우리 회사에서 코드리뷰를 하는 목적은 해당 프로젝트를 내가 아닌 다른 사람이 백업 가능할 수 있도록 하는 것이 첫 번째 목적이다.

코드리뷰를 통하여 코드 스타일을 통일할 수 있고, 프로젝트의 구조를 파악할 수 있기 때문이다.

줌인터넷 포털개발팀

웃픈 이야기지만, 우리 팀은 이직률이 높은 편이다. 우리들끼리의 이야기로 줌인터넷은 어떻게 보면 대학원(?) 과정이라고 한다. 더 좋은 회사로 가기 위한 발판이랄까?

그래서 팀장님이 많이 고통받고 계신다...

팀장님 하소연 1

팀장님 하소연 2

이젠 그냥 체념하신 것 같은 느낌..?

그렇기 때문에 누군가 이직을 했을 때 남겨진 사람이 떠난 사람의 빈자리를 충분히 메꿀 수 있도록 코드를 작성해야 한다. 그래야 팀과 서비스가 유지 된다.

결국 내가 작성한 코드조차 나의 것이 될 수 없다. 그래서 주관적인 시선이 아니라 객관적인 시선으로 코드를 작성하는 연습이 필요하다.

사실.. 많이 어렵다. 아무리 쉽게 코드를 작성한다고 하더라도 한계가 있기 때문이다. 그래서 주석을 최대한 많이 활용하는 중이다. 너무 귀찮아!!

특히, intellij와 jsdocopen in new window의 호환성이 좋아서 적극 응용 중이다.

어쨌든 주니어 개발자가 결정할 수 있는 것들은 지극히 한정적이다. 무엇 하나 맘대로 할 수 있는 것이 없다 그렇기 때문에 같이 일하는 사람들의 생각을 항상 존중하고 또 따라가려고 애쓰는 중이다.

3. Quality assurance

확장프로그램을 만드는 과정에서 QA를 진행했는데, 생각보다 나쁘지 않았다. 그리고 이 정도는 해야 괜찮은 서비스가 나오는 것을 느낄 수 있는 경험이었다.

먼저 개발자로서 할 수 있는 테스트를 한다.

  • 코드상의 오류 확인
  • 타입 검증
  • 콘솔에 나오는 오류/경고 문구 해결
  • 성능 테스트
  • 메모리 누수 확인
  • 캐싱/스케쥴링 확인

이렇듯 개발자가 아니면 할 수 없는 것들 위주로 먼저 검증을 진행한다. 그다음 제품이 기획서의 명세대로 만들어졌는지 일차적인 검수 및 수정 과정을 거친다.

그리고 기획자분들이 한 번 더 꼼꼼하게 QA를 진행한다. 마지막으로 큐레이션팀이 정말 섬세하게 QA를 진행한다. 이 과정에서 약간 자괴감이 든다.

왜 나는 이렇게까지 꼼꼼하게 검수를 하지 못했을까? 왜 이제서야 이러한 버그를 발견한 걸까? 하는 자괴감 말이다.

조금 더 내가 만드는 서비스에 애정을 가지고 테스트를 진행해야겠다.

사적

1. Java Clean Code

NextStep의 클린코드를 위한 TDD, 리팩토링 with Javaopen in new window 를 6월 중순까지 마무리했다. 내가 무사히 수료할 수 있을까 고민했는데, 운이 좋게 제일 먼저 수료할 수 있었다.

약간의 소감을 이야기 해보자면, 시작(Racingcar)과 끝(Bowling)이 어려웠다.

시작할 때는 자바 자체에 익숙하지 않다 보니, 말 그대로 모든 것들이 생소했다. 그나마 스트림은 어느 정도 사용할 줄 알았기 때문에 코드를 짧게 작성한다던가, if나 while, for 없이 작성하는 것은 어렵지 않았다.

그런데 일급 컬렉션이나 원시값 포장 같은 개념은 쉽게 이해되지 않아서 애먹었다. 이러한 문제점을 보완하기 위해서 실력이 뛰어난 다른 수강생분들이나 코드리뷰를 해주시는 리뷰어분들이 이 과정을 수행할 때 작성했던 코드를 보면서 많이 참고했다.

개인적으로 생각하는 나의 장점 중 하나가 주변에 있는 뛰어난 사람들에게 주눅 들기보단 그 사람들의 노하우나 사고방식, 가치관을 잘 받아들이는 점이다.

결과적으로 초반에 애먹은 덕분에 Lotto와 Ladder는 쉽게 통과할 수 있었다.

마지막 미션인 Bowling은 설계 자체가 정말 어려웠다. 어떻게 설계하지? 라는 고민을 일주일 내내 했던 것 같다. 그래서 step2를 진행할 때, 지웠다가 썼다를 반복하다 보니 무려 한 step에 45개의 커밋이 발생했다.

step1을 6월 9일에 완료했고, step2를 6월 16일에 완료했다. 그리고 step3, step4는 각각 18일, 20일에 완료했다. 정말 step2에서 설계에 대한 고민을 일주일 내내 한 것이다. 덕분에 step3와 step2는거의 바로 끝낼 수 있었다.

어쨌든 결과적으로 해당 과정을 전체 인원 중 첫 번째로 수료할 수 있었다.

클린코드 수료

내가 실력이 좋아서라기보단, 하루도 쉬지 않고 꾸준히 했기 때문에 이런 성과를 낼 수 있었으리라 생각한다.

꾸준히 공부하는 습관을 지니자

5월에는 코덕 1등을 했고, 6월에는 클린코드 1등을 했다.

항상 한계점의 페이스를 유지하기보단, 한 번 한계점까지 도달한 후에 70% ~ 80% 정도를 유지하는 게 좋다고 생각한다. 그렇지 않으면 너무 빨리 지치기 때문이다.

나는 줌인터넷에 입사한 다음에 주변 자극을 적극적으로 수용하고 있다. 그중에 제일 인상 깊었던 것은 우리 팀을 거쳐 간 우아한형제들에서 근무하고 계신 이동욱 님의 인터뷰open in new window이다. 무언가를 거창하게 하기보단 그냥 매일 꾸준히 하는 것이다. 확실히 나에게는 이 사고방식과 가치관이 맞아떨어진다.

  • 근데 이동욱 님은 굉장히 많은 것을 하고 계신다. 인간이 아닌 듯

전체 과정을 수료한 다음에 미션별로 파편화된 코드를 한 저장소open in new window에 모아놨다. 사실 깃허브 잔디에 반영하고 싶었다.

java-clean-code-repository

모아놓고 보니 두 달 동안 약 600개의 commit이 발생했다. 내가 개발 공부를 이렇게 열심히 했던 적이 있었나 싶다. 사실 고등학교 3학년 여름방학 때 제일 열심히 했다.

2. DKU Study

4월 말부터 여자친구open in new window가 운영하고, 내가 멘토(?)로 활동하고 있는 단국대학교 알고리즘 스터디open in new window에 대한 내용이다.

TMI(Too much Information)

본인과 여자친구는 단국대학교 소프트웨어 학과의 CC(캠퍼스 커플)이다.

나와 여자친구는 학교 다닐 때 학부 내에 학생들에게 도움이 되는 동아리나 스터디 같은 게 거의 없다는 것이 참 아쉬웠다. 그래서 같이 그런 스터디를 만들어서 운영해보자며 해당 스터디를 시작했다.

6월에는 기말고사가 있기 때문에 활동이 매우 활발하진 않았다. 그래도 하는 사람은 꾸준히 했다.

어느새 DKU-STUDY/Algorithmopen in new window 저장소의 커밋이 1000개가 넘었다. (사실 6월이 아니라 7월에 넘겼다.)

알고리즘 스터디

그리고 기존에 카톡으로 운영하던 채팅방을 디스코드로 옮겼다. 디스코드로 옮기면서 디스코드의 Channel API, Bot, github webhooks 등을 이용하여 깃허브 알림 봇open in new window을 만들었다.

디스코드 채팅방

아직 API에 직접 정의한 템플릿과 채널에 대해서만 알림을 보내고 있다. 7월에는 CMS를 구축하여 조금 더 유연하게 관리할 수 있도록 생각 중이다.

추가로 7월에는 알고리즘 이외에 다양한 주제의 스터디를 할 예정이다. (물론 운영은 스터디장 님이..)

개인적으로 해보고 싶은 것은, 이번에 수강한 java clean code의 내용을 typescript로 다듬어서 운영해보는 것이다. 지금 당장 하기는 힘들고, 준비 과정이 조금이 아니라 많이 필요할 것 같다.

3. 프로그래머스 챌린지

이번 달에는 프로그래머스 챌린지가 없었다. 그나마 참여할 수 있었던 챌린지는, 지난달에 신청한 카카오 경력 개발자 영입 프런트엔드 개발 챌린지open in new window였다.

1차는 알고리즘 테스트, 2차는 VanillaJS 테스트였다.

일단 1차 알고리즘 테스트는 카카오에서 낸 문제 치곤 생각보다 쉬웠다.
* 여태까지 응시했던 카카오 코딩 테스트는 모두 극악의 난이도를 자랑했다.

그래도 통과할 만큼의 솔루션은 아니라고 생각했기 때문에 2차 코딩테스트는 기대하지 않았다. 그런데, 정말 운이 좋았던 건지 1차 테스트를 통과해서 2차 테스트도 응시할 수 있었다.

2차 테스트의 문제 또한 프로그래머스에서 여태까지 나왔던 프런트엔드 개발 과제 중에 제일 만족스러웠다. 사실 우아한테크코스 문제 빼곤 다 좋았다

고민이 필요한 문제들이 꽤 있어서 좋은 경험이 되었다!

4. 코덕

5월에 코덕에서 1등을 했기 때문에 6월은 쉬엄쉬엄했다. 그래도 6등으로 마무리 할 수 있었다.

코덕 6등

그리고 코덕에서 측정하길, 하루에 30회 이상의 커밋을 했다고 한다.

평균 커밋

이보다 더 기분 좋은 사실은, 코덕에서 통계를 내는 그룹 중 DKU-STUDY가 거의 압도적인 1등이라는 점!

코덕 그룹 1등

2등과 2000점 정도 차이 난다.

약간의 아쉬운 점은, 커밋은 매일 했으나 푸쉬를 매일 하지 않아서 일일 커밋 스티커를 받지 못했다.. 코덕의 시스템이 수정되길 간절히 바라고 있다.. 너무 아쉽다

개발외

1. 수영

이번 달도 열심히 수영하러 다녔다. 이제 배영/자유영은 꽤 잘할 수 있다. 다만 오래 못한다.. 아직까진 저질 체력..

그래서 평영을 연습 중인데 아직 나는 개구리가 되려면 멀지 않았나 싶다.. 허허

그런데 6월 말부터 회사에서 Work+ 라는 제도를 만들어서 재택근무를 할 수 있도록 해줬다. 그런데 수영을 하려면 회사 앞으로 와야 하기 때문에.. 지금 굉장히 고민 중이다.

강습은 월/수/금인데, 월/목은 고정출근을 해야 하고 화/수/금은 선택적 재택근무를 할 수 있다. 그래서 주 2회 재택을 하고 강습 2회, 자유 수영 1회 정도로 생각 중이다.

2. 오버워치

자바 클린코드 과정을 모두 수료한 직후에 갑자기 번아웃이 왔다. 번아웃이라기보단, 한동안 일상에서 큰 비중을 차지하고 있던 일이 사라지니까 그 시간을 어떻게 메꿔야 좋을지 몰라서 방황했다.

그래서 수료한 직후에 주말 내내 원없이 오버워치만 했다.

오버워치

약 2일만에 마스터를 찍었다. 오버워치만 맨날 했으면 좋겠다!!

오버워치.. 참 잘 만든 게임인데 유저가 다 망쳐가고 있어서 아쉽다. 빨리 오버워치2가 나왔으면 하는 바람!

Summary

  • 크롬 확장프로그램 개발
  • 자바 클린코드 수료
  • 카카오 코딩테스트 응시
  • DKU-STUDY 잘 운영 중
  • 코덕 6등
  • 평형을 잘하고 싶다 (개구리가 되고 싶다.)
  • 오버워치 재밌다.
Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Review/2020-year/07-July/index.html b/Review/2020-year/07-July/index.html index 49a6e20c..c4a30c5b 100644 --- a/Review/2020-year/07-July/index.html +++ b/Review/2020-year/07-July/index.html @@ -23,7 +23,7 @@ } 2020년 7월 회고 | 개발자 황준일 - + @@ -416,6 +416,6 @@ } }

어찌저찌 만들긴 했으나, 퇴근 후에 고작 2일 동안 고민하면서 만든 코드이기 때문에 문제가 좀 많은 편이다.

위의 코드를 요약하자면 다음과 같다.

이렇게 구축한 코드를 나중에 좀 더 다듬어서 인강으로 만들던가 할 예정이다.

(2) 독서

7월 초에 별 생각 없이 회사 복지몰에서 쇼핑을 하다가 Yes24 북클럽 6개월 정기권을 발견하였고 바로 결제했다.

여태까지 본 eBook 쇼핑몰 중에서 IT관련 서적이 제일 많이 등록되어 있었다. 다른 eBook 쇼핑몰의 경우 정기권을 구매했을 때 IT서적을 볼 수 있는 경우는 거의 없었기 때문에 무척 놀랐다.

다만 최신 서적은 거의 볼 수 없었고 출판된 지 2~3년 정도 된 서적은 거의 다 볼 수 있었다.





이 외에 재미로 읽은 책도 몇 권 있다.


앞으로도 대중교통을 이용할 때 혹은 점심시간, 취침 전 등의 시간을 이용해서 꾸준히 책을 읽어야겠다.

(3) 코딩 인터뷰 공부

카카오 면접을 앞두고 꽤 많은 포스트와 인터뷰에 대한 글들을 읽었다.

깊이 있는 면접 준비를 위한 자료

가볍게 읽기 좋은 것들

자극이 되고, 뼈가 되고, 살이 되는 글

정리하면서 알았는데, 둘 다 OKKY 미니 세미나와 관련된 글이다.

정말, 읽으면서 두 분의 노력이 존경스러웠으며 나도 저렇게 할 수 있을까? 라는 의문과 나도 저렇게 하고 싶다라는 소망이 공존했다.

자극되는 긁은 언제 읽어도 좋은 것 같다.

난이도 최상의 심화 자료

사실 비사이드소프트open in new window에 존재하는 모든 포스팅이 심오하다. 그중에 제일 인상 깊었던 글은 ES6의 class문은 특별할까?open in new window 이다.

(4) 결과

결론만 말하자면 떨어졌다.

3. Java Clean Code 9기 Reviewer

8기에는 수강생으로 참여했는데, 9기에는 리뷰어로 참여하게 되었다. 그런데 대체 언제 PR이 올라오는 거지?

내가 잘 할 수 있을까라는 의문과 정말 잘하고 싶다는 생각을 같이하게 된다. 일단 리뷰를 올려주세요..

어쨌든, 시간적 여유만 충분하다면 앞으로 꾸준히 리뷰어 활동을 하고 싶다.

4. Github Contribution 3,000개 달성

7월 10일, 문득 현재 몇 개의 잔디가 심어졌나 확인하고 싶어서 Github에 들어갔더니 딱 3,000개의 잔디가 심겨 있었다.

3,000개의 잔디

2020년이 끝날 때 까지 5,000개의 잔디를 심는 것이 목표이다.

이 글을 작성하는 시점(8/2)을 기준으로 3,262개의 잔디가 심어진 상태이다.

3,262 잔디

지난 1년이 아닌, 2020년을 기준으로 한다면 약 2,800개의 잔디가 심어졌다.

2,802 잔디

사실 최근 일주일 정도는 면접 준비 때문에 힘이 빠져서 커밋을 거의 못 했다. 8월에는 조금 더 열심히 커밋 해야지!

기타

1. 수영

7월에는 수영을 5번도 못한 것 같다.

핑계야 많지만, 면접 준비 때문에 수영까지 할 수 있는 체력이 남질 않았음이 제일 큰 이유다.

2. 오버워치

뜬금없이 ABC 대학 최강자전에 출전하게 되었다. 결과는 1차전부터 3:0으로 완패

뭐.. 최선을 다했으니 후회는 없다. 최선을 다해서 던진 건가..?

Summary

- + diff --git a/Review/2020-year/08-August/index.html b/Review/2020-year/08-August/index.html index 555ecc33..9826f453 100644 --- a/Review/2020-year/08-August/index.html +++ b/Review/2020-year/08-August/index.html @@ -23,7 +23,7 @@ } 2020년 8월 회고 | 개발자 황준일 - + @@ -146,6 +146,6 @@ return config }

필자는 build 경로를 변경하기 위해서 이 라이브러리를 사용했다.

(3) [CSS-in-JS] emotion

Vue를 사용할 땐 굳이 CSS-in-JSopen in new window 관련 라이브러리를 사용하지 않아도 어차피 컴포넌트 파일 안에 Style을 포함시켜 작성할 수 있다.

CSS-in-JS

CSS-in-JS는 다음과 같은 장점을 가지고 있다.

반대로 새로운 것을 배워야 하는 부담 정도의 단점이 있다.

하지만 React의 경우 다양한 선택지가 존재한다. 일단 스터디 리더의 주도로 @emotion/css를 사용하기로 합의했다. 사실 여태까지 CSS-in-JS를 한 번도 사용해본적이 없어서 약간 낯설었다.

직접 사용해본 결과, 나쁘진 않았다.

(4) 공통 컴포넌트와 Storybook

React를 하든, Vue를 하든, UI를 만들 때 제일 중요한 포인트는 공통 컴포넌트를 만드는 것이 아닐까 생각한다. 재활용할 수 있는 컴포넌트를 만드는 것. 어떤 상황에서든 사용할 수 있는 컴포넌트가 진정한 의미의 컴포넌트가 아닐까?

이러한 생각을 가지고 깃허브를 뒤적뒤적 거리다가 Storybookopen in new window에 대해 알게 되었다.

Storybook

즉, 외부 상태에 의존하지 않으면서 고립된 상태로 스스로를 표현하는 컴포넌트를 개발할 수 있도록 도와주는 도구라고 할 수 있다.

관련 예제는 Velogopen in new window의 개발자인 김민준(velopert)open in new window님의 저장소에서 볼 수 있었다.

일단 나도 Storybook으로 공통 컴포넌트를 띄워볼 생각이었지만, 이 스터디 이외에도 해야할게 너무 많아서 설치까지만 했다.

짤막한 스터디 후기

일단 스터디 자체는 좋았다. 리액트를 공부할 수 있는 기회도 되었고, 여러가지 정보도 얻을 수 있었다. 다만 스터디에 참여하는 사람들 대부분이 프런트엔드 자체가 친숙하지 않기 때문에 스터디가 점점 흐지부지 되어가고 있다.

일단 올해 말까지 진행하기로 하였으니 최대한 많은 경험을 할 수 있기를 바랄 뿐이다.

5. DKU-STUDY

여전히 단국대 스터디는 활발하게 진행중이다.

DKU-STUDY

8월 31일을 기준으로 1,859개의 커밋이 발생했다.

그리고 github에서 우연히 Mirim-Study/Algorithmopen in new window을 봤다. 미림여자정보과학고등학교open in new window에 다니고 있는 학생들이 우리 스터디를 모방하여 진행하고 있었다.

우리 스터디가 잘 굴러가고 있다는 증표라고 생각한다.

언제나 그렇듯 코덕open in new window을 기준으로 DKU-STUDY가 전체 그룹 중 1위를 했다.

co-duck

그리고 나는 스터디 내에서 참여하고 있진 않지만, 몇몇 구성원이 javascript study를 하고 있다.

개인적으로 면접준비를 할 때 siots-studyopen in new window의 내용을 많이 참고했고, 우리 스터디 구성원들에게도 이 자료를 소개해줬다. 그리고 이 자료를 기준으로 공부하는 중이다.

js study

step5 까지는 나도 어느정도 피드백을 했으나, 8월에는 좀 많이 바쁜 관계로 알고리즘 코드리뷰만 하는 중이다.

그런데 스터디 구성원이 아직 한 번도 모인적이 없다. 코로나가 어느 정도 잠잠해지면 시간 내서 식사자리를 마련해야겠다.

6. 코덕과 일일커밋

의도치 않게 8월 코덕 랭킹 1위가 되었다.

코덕 1위

그리고 Top 5 안에 필자를 포함하여 3명의 스터디 구성원이 랭킹되었다.

커밋을 많이 하진 않았는데, 만든 저장소가 많아서 그런게 아닐까?

8월 통계

이번에 서울디지텍고등학교의 기능반을 지도하면서 만든 저장소 때문이 아닌가 싶다.

7. 서울 디지텍고등학교 기능반

8월부터 전국대회 기간까지 선생님의 부탁으로 기능반 학생들을 지도하게 되었다.

기능경기대회

필자 또한 2012년도 경기도대회, 전국대회에서 입상을 했고 이를 계기로 본격적인 개발공부를 시작했다.

이번에는 코로나의 여파도 있고, 여러모로 관리가 되지 않은 상태였기 때문에 학생들의 상태가 심상치 않았다. 대회도 코앞이고 기술적으로 알려줄 시간적 여유도 많지 않기 때문에 간단하게 코드리뷰를 하는 방식으로 진행했다.

일단 깃허브를 최대한 활용해보려고 했으나, 학생들이 깃허브에 익숙해지기엔 시간이 매우 촉박했다. 사실 문제를 풀이할 여유도 없는 상태였기 때문에 그냥 물어보는 것들에 대해서 답변해주는 식으로 지도했다.

다음 기수의 학생들에게는 조금 더 개발 자체에 집중할 수 있는 형태로 가르쳐볼 계획이다.

여기에 언급할 내용이 많진 않지만, 8월은 기능반 학생들을 가르치는데 시간을 많이 썼다.

Summary

- + diff --git a/Review/2020-year/09-September/index.html b/Review/2020-year/09-September/index.html index 0843057b..412a34cb 100644 --- a/Review/2020-year/09-September/index.html +++ b/Review/2020-year/09-September/index.html @@ -23,7 +23,7 @@ } 2020년 9월 회고 | 개발자 황준일 - + @@ -592,6 +592,6 @@ todoRouter.push('/kanban'); // Kanban 렌더링 todoRouter.push('/'); // Team 렌더

이렇게 만들어본 코어는 추후에 네이버 아폴로 챌린지open in new window에서 프론트엔드 과제를 만들 때 큰 도움이 되었다. 다만 라우터에 몇 가지 문제가 있어서 다시 개선해야 했다.. 너무 대충만들었달까.. 😅

(6) 정리


필자가 작성한 코드는 다음 저장소에서 볼 수 있다.

그리고 위에 있는 내용을 정리한 저장소가 별개로 존재한다. 사실 깃허브 잔디를 만들기 위해서 따로 만들었다.

데모는 다음 링크에서 확인할 수 있다.


(7) 짧막한 회고

이렇게 다른 사람들과 Javascript Study를 해보는게 처음이었기 때문에 굉장히 재밌었다. 그리고 주변 사람들에게도 많이 소개했다.

먼저 팀원의 지인 중에 이 스터디에 대해 궁금해하는 사람이 있어서 최대한 자세히 설명해줬고, 내가 가르치고 있는 학생들에게도 다음 기수에 꼭 신청하라고 신신당부 해놨다. 글을 작성하는 시점을 기준으로 3명의 학생이 4기 스터디를 신청했다.

그리고 같이 신청한 친구 중 한 명이 아예 활동을 안 했다. 왜 활동을 안 하냐고 물어보니 프로그래머스open in new window에서 진행한 프론트엔드 개발을 위한 자바스크립트 스터디(feat. VanillaJS)open in new window에 참여했었는데, 블랙커피 스터디의 커리큘럼이 이와 매우 유사해서 일부로 하지 않았다고 한다. 어디서 핑계를

나도 어떤 스터디인가 궁금해서 추천사를 봤는데,

image11

블랙커피 스터디장인 임동준님도 이 스터디를 거쳐오신 것 같았다. 사실 여부는 잘 모르겠음

각설하고, 이 스터디를 통해서 많은 사람들과 소통할 수 있었고 스스로에게 자극을 많이 줄 수 있어서 좋았다. Javascript 공부를 어떻게 시작 해야할지 모르는 사람에게 꼭 추천해주고 싶다. 그리고 혼자서 공부하는 사람에게도!

앞서 언급했지만 개발 공부는 다른 사람들과 같이 해야한다. 개발은 절대 혼자하는게 아니기 때문이다.

아 그리고 현재 스터디는 Level01이다. Level02open in new window에서는 주로 테스트에 대한 내용을 다루고 있다.

스터디장님은 최종 레벨을 클린코드를 위한 TDD, 리팩토링 with Javaopen in new window와 유사한 커리큘럼으로 만들어서 운영하는게 목표라고 하셨다.

(8) 짧막한 목표

뒤늦게 알았지만, 스터디를 운영 중인 동준님이 우아한 테크코스에서 Front-end 파트를 운영하고 계셨다. 사실 옛날부터 나의 직업적 꿈이 개발과 교육을 같이 하는 것이였기 때문에 동준님을 동경하게 되었다.

어쨌든 지금도 주업은 개발을 하고 있고 부업을 교육으로 하는 중이다. 매주 고등학생들을 지도하기도 하고, 인강을 찍어서 특성화고등학교의 방과후 수업에 활용하기도 하는 중이다.

지금은 주로 고등학생을 대상으로 교육을 하고 있으나, 조금 더 기회가 된다면 더 많은 사람들과 교류하며 나의 지식을 전달하는 일을 하고 싶다. 그게 꼭 동준님처럼 우아한 테크코스에서 일하는게 아닐지라도 말이다!

그럴라면 또 열심히 공부해야지!

2. 부스트캠프 리뷰어 활동

8월에 부스트캠프 리뷰어open in new window를 신청했다.

부스트캠프 리뷰어

image11

본격적인 활동은 9월부터 시작했으며, 매주 월요일에 온라인 세션에서 회고를 진행했다. 그런데 웹 리뷰어의 경우 격주로 리뷰하기 때문에, 회고 참여 또한 격주로 했다.

image12

격주화요일/목요일에 올라오는 PR에 리뷰를 남기면 됐는데 처음에 리뷰할 때 캠퍼들에게 대체로 위와 같은 내용의 리뷰를 남겼다. 사실 첫 리뷰만 좀 힘들었고, 그 이후의 리뷰는 힘들진 않았다. 다만 6명을 리뷰하는게 생각보다 시간이 많이 소요됐다.

그리고 블랙커피 스터디온라인 세션은 화요일 페어프로그래밍은 목요일이었기 때문에 화요일/목요일에는 정말 미친듯이 피곤했다... 😭😭😭

어쨌든 부스트캠프에 관련된 내용은 리뷰 외에 특별한게 없었기 때문에 회고는 여기까지만 하겠다. 활동이 끝나면 다시 전체적인 내용을 정리해서 올릴 예정이다.

3. 넥스트스탭 리뷰어 활동

7월 말부터 시작한 클린코드를 위한 TDD, 리팩토링 with Java 9기 과정이 9월 말에 종료되었다. 약 8주간의 과정이었다.

image12

총 15명을 리뷰했다. 예정대로라면 각 미션당 5명, 총 20명을 리뷰해야 하는데 5명이 아예 리뷰를 신청하지 않은 것이다.

image13

내가 맡은 리뷰이 중 딱 한 분만 최종 미션까지 완료했다.

리뷰어를 하기 전에는 java 자체를 깊게 공부해본적이 없어서 걱정이 많았다. 그런데 TDD 과정은 대부분 설계에 대한 내용이 많았기 때문에 생각보다 수월하게 리뷰할 수 있었다.

지금은 javascript 공부에 집중하고 있는 상태라서 어느 정도 만족할 만한 수준이 된다면, java에 투자할 생각이다. 그게 대체 언제일까?

그냥.. 공부할게 너무 많다... 😭

4. 기능경기대회 - 전국대회

8월부터 선생님의 부탁으로 기능반 학생들을 지도했고, 숙소(전주)까지 따라가서 학생들의 훈련을 도왔다.

기능경기대회

필자 또한 2012년도 경기도대회, 전국대회에서 입상을 했고 이를 계기로 본격적인 개발공부를 시작했다.

9월 14일 부터 대회 시작이었고, 올해는 전북에서 진행되었다.

image19

경기장은 전북 하이텍 고등학교인데 코로나 때문에 선수들만 입장 가능했다. 덕분에 무척 편했다.

image14

나는 학생들이 경기가 끝나고 숙소에 돌아오면, 문제 풀이를 옆에서 도와주었다. 며칠 동안 새벽 3시에 자거나 혹은 새벽 5시에 일어났다. 회사 일도 재택근무로 병행하고 있던 상태라서 정말 미친듯이 피곤했다.

image15

어쨌든 필자가 가르친 학생들(서울디지텍고등학교)이 올해에도 입상했다. 학생 한 명이 제출을 잘못해서 대략 30점 정도를 채점도 못하고 통으로 날려보냈다. 그래도 입상은 했으니.. 이걸 다행이라고 해야할지.. 이 때 실수한 기억은 경험상 평생 가기 때문에 괜히 안쓰럽다.


그리고 이 글을 작성하는 시점을 기준(10/16)으로 다음 기수의 학생들을 가르치는 중이다. 이번 대회는 준비기간이 한 달 정도 밖에 되지 않았기 때문에 이번에 가르치는 학생들은 조금 더 차근차근 준비해서 역량 자체를 키워줄 생각이다.

기능대회는 이제 너무 꼰대같은 대회가 되어버렸다. 제발 제발 제발 문제 출제 기준좀 좀 변경했으면... ㅠㅠ

5. 프로그래머스 리액트 스터디

앞서 블랙커피 스터디를 다룰 때 언급한 프로그래머스에 올라온 스터디 목록을 쭉 보다가 리액트 스터디가 눈에 보였다.

image20image24

여기서도 블랙커피 스터디장님의 추천사를 볼 수 있었다 😮

image21

그래서 고민하지 않고 바로 신청했다. 이게 바로 추천사의 중요성 인가.. 🤔

스터디는 매주 목요일마다 진행되는 온라인 세션을 통해 미션 진행에 필요한 기반 지식 및 미션 내용을 숙지할 수 있었다.

첫 번째 미션을 완수하고 PR을 올렸더니 스터디 리더를 포함한 3명의 리뷰어 분들이 리뷰를 남겨주셨다.

image22

image23

일단 미션의 내용 자체가 굉장히 유익했기 때문에 재밌었다. 확실히 혼자 공부할 때 보다 빠르게 기술을 익히고 있다는 느낌이 들었다.

이 스터디는 4주 동안 진행된다. 10월에 조금 더 상세하게 회고할 예정이다.


뒤늦게 알았는데 스터디를 리드하시는 분이 프론트엔드, 백엔드, 그리고 데이터 엔지니어 업무를 겸하는 굉장히 다재다능한 분이었다. 이제 경력 13년차라고 하셨는데, 정말 꾸준히 공부를 했다는게 느껴졌다.

나는 과연 10년 정도의 시간이 흐른 뒤에 어떤 모습일까?


6. 네이버 아폴로 챌린지

프로그래머스에서 Naver Apollo CIC 경력 개발자 채용 - 프론트엔드 개발 챌린지open in new window를 신청했다.

image25

먼저 9월 20일에 알고리즘 테스트를 통과하면 9월 27일에 프론트엔드 테스트를 볼 수 있는 과정이었다. 알고리즘은 3문제가 출제되었고 다 풀이했다. 다만 마지막 문제에서 정확성 테스트를 통과하지 못했다.

카카오 챌린지때도 두 문제만 풀었는데 통과했기 때문에 이번에도 알고리즘에서 떨어지진 않을 것이라고 생각했다. 실제로 같이 응시한 사람 중 한 명이 한 문제만 제대로 풀었는데도 통과했다.

프론트엔드 테스트는 바닐라 JS로 영화 리뷰와 관련된 SPA(Single Page APP)를 만드는 내용의 과제였다.

원래 프로그래머스에서 프론트엔드 챌린지를 볼 때 어느 정도 기본 컴포넌트 설계가 된 코드를 제공해줬는데 이번에는 아예 처음부터 만들어야 했다. 덕분에 블랙커피 스터디를 진행하면서 공부한 내용을 정말 알차게 써먹었다.

Component Router RestClient Observer debounce 등을 포함한 모든 코어를 적용했고, 결과적으로 완성도 있게 만들 수 있었다.

한 달 전의 나였으면 불가능했을 일이었다.물론 내가 열심히 했기 때문도 있었지만 이 모든것이 블랙커피 스터디 덕분이었다.

결과는 10월 말에 나오는데, 카카오 챌린지는 상위 10% 였기 때문에 이번엔 상위 5% 정도는 되리라 예상해본다.

10월 말에 결과가 나왔고, 무려 상위 0%의 점수를 획득했다. 아싸가오리

7. 단국대 개발자 스터디

이번 달도 큰 일 없이 스터디가 진행되었다.

image31

위의 사진 처럼 현재 이 글을 작성하는 시점을 기준으로 2,247개의 commit이 존재한다.

image30

이번 달에는 약 50개의 PR에 리뷰를 남겼다. 현재는 나만 꾸준히 리뷰를 남기고 있는데, 다른 사람들도 조금만 의욕을 가지고 서로에게 피드백을 했으면 하는 바람이 있다.

image31

그리고 스터디장이 돈을 써야 돈이 생긴다면서 큰맘먹고 사비를 들여 활발하게 활동하는 사람들에게 상금을 지급했다.


이 외에 기분 좋은 이슈가 있었다. 8월 리뷰에 언급했었지만 미림여자정보과학고등학교open in new window에서 우리 스터디를 모방하여 알고리즘 스터디를 진행 중이었다. 그런데 이 스터디를 운영하는 학생에게 메일이 한 통 왔다.

image26

사실 내가 원해서 시작한 스터디는 아니지만, 나름 잘 굴러가고 있었고 이렇게 누군가가 모방할 만큼 성장했다는게 믿기지 않았다.

image27

그래서 다음과 같이 답변을 하면서 현재 운영하고 있는 방식들을 소개했다. 그리고 겸사 겸사 간간이 리뷰도 해주게 되었다.

image28

한 달 동안 대략 25개의 리뷰를 남겼다.

image29

고등학교 때 부터 이렇게 준비하는 이 학생들이 내심 부럽기도 하고 또 힘 닿는 만큼 도와주고 싶다는 생각도 든다. 지금 내 코가 석자인데 오지랖만 넓어지고 있다.


그리고 스터디원 중에 굉장히 성실한 사람open in new window이 있다. 내용이 너무 많아서 이곳에 보여주긴 힘들고, 궁금한 사람만 이 링크open in new window에서 확인해보길 바란다.

이러한 분량의 TodayReviewopen in new window를 거의 매일 남기고 있다. 이러한 열정이 부럽기도 하고, 존경스럽기도 하고, 같이 스터디를 할 수 있음에 감사함을 느낀다.

8. 일일커밋 및 코덕

이번 달에는 확실히 깃허브에 기록을 많이 남겼다.

image32

핵심적인 내용만 정리하자면

그리고 글을 작성하는 시점을 기준으로 올 해에 4785개의 기여(Contributions)를 했다.

image33

원래 5000개가 목표였는데, 6000개로 늘려야겠다.

이렇게 왕성하게 활동한 덕분에 8월에 이어서 9월 코덕 랭킹 1위를 달성했다.

image34

다만 이번에는 우아한 테크코스 그룹에게 1등을 내어주었다. DKU-STUDY는 2등으로 마무리했다. 스터디원을 더 모집해야 할까?

image35

이쯤에서 돌아보는 스케쥴 정리

이 외에도 다음과 같은 상시 스케쥴이 존재했다.

덕분에 본문에서 언급한 것 처럼 한 달 동안 코드리뷰만 100개 넘게 했다.. 😰

Summary


마지막은 주인님 사진으로 마무리!

포동이

- + diff --git a/Review/2020-year/10-October/index.html b/Review/2020-year/10-October/index.html index 79fca6a4..4a1a34ed 100644 --- a/Review/2020-year/10-October/index.html +++ b/Review/2020-year/10-October/index.html @@ -23,7 +23,7 @@ } 2020년 10월 회고 | 개발자 황준일 - + @@ -116,6 +116,6 @@ ); }

구현 방법은 이 링크open in new window를 참고하면 된다.(https://m.blog.naver.com/boostcamp_official/222140296542)에서 확인할 수 있다. 여기에서 다루기엔 양이 너무 많다.


(4) 원리 부터 깨우친다.

단순하게 React로 무언가를 만드는 과정이 아니라

등을 먼저 설명하고 그 다음에 구현에 필요한 API를 공부할 수 있도록 방향이 잡혀있다.

예를 들자면 다음과 같은 것들(도메인 지식이랄까?)에 대해 먼저 공부한다.

이러한 개념들 이외에도 무척 많은 것들을 배웠으나, 사실 기억 나는게 많지 않다.. 😂 어쨌든 중요한 점은 단순하게 React에 대해 공부하는 것이 아니라 어떤 과정을 통해서 React가 현재의 모습을 갖추게 되었고, 어떤 Motivatino을 통해서 디자인 되었는지 알 수 있었기 때문에 스터디를 통해서 React에 대한 전반적인 이해도가 좋아졌다.


(5) 스터디 리더가 작성한 코드 공유

미션이 종료된 후에 리더가 작성한 코드를 공유해주기 때문에 내가 작성한 코드와 비교하며 부족한 부분을 채울 수 있다는 점도 큰 매리트라고 생각한다. 코드에 정답은 없지만 그래도 내가 작성한 것 보단 정답에 가까운 코드를 보는 것 만으로도 굉장히 큰 도움이 된다.

그리고 내가 현업에서 접하지 못했던 유용한 라이브러리를 많이 볼 수 있었다. 무엇보다 Redux를 정말 제대로, 그리고 잘 사용할 수 있는 방법을 접할 수 있는 점도 좋았다.


(6) 유쾌한 운영진

스터디 리더와는 별개로, 스터디를 개설하고 관리하는 운영진 덕분에 매 스터디가 즐거웠다.

크리시님 혹시 이 글을 읽고 계신가요? 당근 상모돌리기 무척 인상 깊었습니다 😁


(7) 기술 외적 동기 부여

그리고 스터디 리더인 Harry의 경우 싱가포르 소재의 핀테크 회사에서 팀장급 Full-Stack 개발자로 근무 중이며, 전 회사인 카카오 뱅크에서는 데이터 엔지니어로 근무했다.

1

여담으로, Harry는 프로그래머스에서 React Study 뿐만 아니라 다음과 같은 스터디의 리더로 활동하고 있다.

굉장히 화려한 이력을 가지고 있지만 Harry는 비전공자이다. 그렇기 때문에 Harry라는 개발자의 존재는 나에게 무척 강렬한 인상을 남겼다.

이렇게 다방면의 기술을 깊게 공부하고 전파할 수 있었던 이유 중 하나가 바로 영어라고 했다. 영어모든 지식의 도메인 지식이라고 할 수 있다. 특히 개발자의 경우 영어로된 문서를 항상 마주봐야 하기 때문에 어찌보면 개발자가 제일 먼저 공부해야 하는 것이 영어라고 할 수 있다.

Harry는 영어를 지속적으로 강조했고, 무척 설득력 있게 다가왔다. 그래서 내년에는 일일커밋 대신 일일영어를 하기로 다짐했다.

이 외에도 현업에 대한 다양한 이야기를 들을 수 있었고, 여러가지 갈증을 해소할 수 있었다.


정리

결국 내가 하고 싶은 이야기는 한 가지이다. React를 학습 하고 싶다면 꼭 이 스터디에 참여해보길 권한다.


2. 블랙커피 블로그 스터디 1기

9월 회고의 주된 내용이었던 블랙커피 스터디 3기open in new window가 종료된 후 이어서 블로그 스터디 모집을 한다고 공지가 올라왔다. 망설임 없이 바로 신청했다.

블랙커피 블로그 스터디 소개

제대로 쓰려 말고, 무조건 써라 - 제임스 서버

글을 쓴다는 것은 찰나적으로 지나쳐버린 나의 시간, 생각, 행동을 조립해나가는 과정입니다. 그 과정에서 우리는 연결점을 이어가 의미를 도출할 수도 있고, 또 다른 통찰을 얻어갈 수도 있죠. 쓰지 않는다면 결코 보지 못할 나의 경험들의 깊은 의미도 있을 것입니다. 그래서 글을쓰고, 회고하고, 피드백하기 위해 이 블로그 스터디를 운영합니다.

스터디 내용은 굉장히 단순하다.

나는 이번 달에는 2편의 글을 작성했다.

더 많이 쓰고 싶었지만, 10월에 생각보다 이벤트(?)가 많아서 짬내기가 힘들었다. 핑계는 청산유수

그리고 인상 깊었던 글들을 소개해본다.

이렇게 블로그 스터디를 하면서 느낀 것은, 소설을 읽는 것 처럼 다른 사람의 경험을 간접적으로 체험해보는 재미를 느낄 수 있다는 것이다. 내가 겪지 못한 것들을 글로 채우는 느낌이랄까?

블로그 스터디는 11월 까지 이어질 예정이다.


3. 블랙커피 스터디 4기 리뷰어

나는 블랙커피 스터디 3기에 참여했고, 굉장히 열심히 활동했다. 그리고 이곳 저곳에 꼭 이 스터디에 참여해보라고 홍보했다.

그렇게 블랙커피 스터디 4기open in new window 모집이 시작되었고 내가 가르치는 고등학생들도 신청하도록 유도했다. 단국대 개발자 스터디원에게도 홍보했고, 학교 커뮤니티 사이트에도 홍보했고, 주변에 취준을 하는 후배들에게도 추천했다.

그리고 나는 리뷰어로 참여했다.

6

덕분에 4기는 3기보다 훨씬 많은 사람들이 참여했고, 리뷰도 더 활발하게 이루어졌다.

7

문제는 내가 너무 바빠서 리뷰어 활동을 거의 하지 못했다는 점이다... 사실 다른 분들이 너무 열심히 해주셔서 굳이 내가 리뷰를 해주지 않아도 된다는 안도감이 있었던 것 같다.

8

그리고 리뷰어로 활동하면 스터디 기간 동안 페어프로그래밍을 최소 1회 진행해야 한다. 그런데 내가 진행하는 날에 참여하는 분들이 많이 없었고, 생각보다 수월하게 진행할 수 있었다. 어쩌다 보니 나도 같이 참여하게 된 것 같아서 짝 프로그래밍 보단 그룹(?) 프로그래밍이 되어버렸지만.. 어쨌든 좋은 경험이었다고 생각한다.

그리고 Virtual DOM에 대해 찾아보다가 직접 구현해보는 내용의 포스트를 읽었고, 호기심에 한 번 따라해봤다.

추후에 여유 있을 때 조금 더 보완해서 TodoList를 만들어 볼... 수 있을까? 😅


4. 부스트캠프 리뷰어 그리고 발표

부스트캠프 리뷰어는 8월에 신청했고, 9월 ~ 10월에 활동했다.

10

9

차례대로 9월, 10월 리뷰 현황판이다.

격주로 화요일/목요일마다 각각 6명의 캠퍼가 올린 PR을 리뷰했는데, 생각보다 시간이 많이 걸렸고 그렇다고 대충 하기에는 또 찜찜해서 어떻게든 꼼꼼하게 보려고 애썼다. 애쓴만큼 잘 했는지는 모르겠다

11

대체로 위와 같은 형태의 리뷰를 남겼다.

마지막주의 리뷰는 사실 리뷰할 내용이 거의 없었다. 미션이 어렵기도 했고, 캠퍼들이 어려운 미션을 진행하면서 리팩토링까지 할 여력이 없어보였다. 일단 구현 자체가 안 된 경우도 많이 있어서 어물쩡 넘어간 경우도 있었다.


12

리뷰를 해드렸던 캠퍼 한 분에게 이렇게 연락이 왔다. 감사하기도 하고, 죄송하기도 하고, 다음에 또 부스트캠프의 리뷰어로 활동하게 된다면 더 좋은 리뷰를 남기리라 다짐하는 순간이었다.


부스트캠프의 전반적인 과정을 지켜보면서 느낀 것은, 이 사람들은 무조건 잘 할 수 밖에 없겠다 라는 점이다.

전반적으로 캠퍼들 간에 상호 피드백도 활발하게 이루어 지고 있고, 학습 환경 또한 온라임에도 불구하고 끈끈한 네트워크가 형성된 것이 느껴졌다. 서로가 서로에게 믿고, 신뢰하고, 의지할 수 있는 사람이 되는 것이다.

그렇다면 개발은 덤으로 따라온다. 무언가를 함께할 사람이 있다는 것은 언제나 즐거운 일이고 그 자체만으로도 활력이 된다.

여담으로 앞서 언급한 리액트 스터디에도 부스트 캠프를 거쳐온 사람들이 있었다. 그리고 그 분들이 스터디를 이끌어갔다고 해도 과언이 아니었다.


리뷰어 활동이 끝난 후에 슬랙 채널에 다음과 같은 내용의 공지가 올라왔다.

13

공지가 뜨자 마자 바로 신청했다.

발표자료를 만들고, 팀장님과 상의하여 내용을 조금 변경하고, 리허설도 잘 마무리했고, 발표도 잘 마무리했다. 굉장히 많은 사람들 앞에서 내 의견을 어필해야 했기 때문에 긴장도 많이 했지만 재밌었다.

발표가 끝난 후에 인지했던게 리액트 스터디를 같이 하는 사람 중 한 분(생활 연구소의 홍태의님)이 나와 똑같은 주제로 발표했다. 세상이 참 좁구나 👀

저작권 때문에 발표자료를 전부 공개하기는 힘들고, 몇 가지 핵심적인 내용만 다뤄보자면 다음과 같다.

(1) 좋은 직장

(2) 소프트웨어에 대하여

같이 읽으면 좋은 아티클

(3) 내가 생각하는 개발자에게 제일 중요한 것

함께 자라기

부스트캠프 공식 블로그open in new window에 가면 더 재미난 이야기들을 확인할 수 있다.

이러한 내용에 대해 약 10분 정도 주절주절 떠들었다. 사실 다른 분들이 좋은 내용을 무척 많이 다뤄주셔서 약간 주눅들었다 😓

어쨌든 스스로에게 좋은 경험을 만들어주었다고 생각한다. 리뷰어 활동과 더불어 이러한 경험을 만들어준 부스트캠프 운영진 분들께 많은 고마움을 느끼고 있다.


5. 인터넷 강의 영상 제작

어쩌다보니 친한 선생님(?)의 소개로 인천금융고등학교 학생들에게 웹 디자인 기능사를 주제로 온라인 방과후 수업을 진행하게 되었다. 사실 처음에는 웹 개발 강의인줄 알고 기대했는데 알고보니 디자인 계열의 학과 학생들을 대상으로 진행해야 했기 때문에 웹 디자인 기능사로 강의 주제를 축소했다. 웹 디자인 기능사는 이제 정말 지겹다

(1) Repl.it

에디터는 어떤 것을 사용할까 고민하다가 Repl.itopen in new window 서비스를 이용하기로 했다. 일단 에디터를 설치하고 세팅하고 교육하는데 생각보다 많은 시간이 소요된다. 무엇보다 파일 시스템 내에서 작업해야 하기 때문에 실습 코드를 항상 들고다니는 학생이 아니라면 이를 따라오기가 쉽지 않으리라 생각했다.

repl.it의 경우 인터넷만 된다면 어떤 플랫폼이든 상관 없이 이용할 수 있으며 무료로 호스팅까지 해주기 때문에 학생들이 결과물에 대해 흥미를 느끼는 과정이 일반적인 에디터를 사용하는 것 보다 좋아보였다.

그리고 내가 온라인으로 결과물을 바로 확인할 수 있기 때문에 틀린 부분을 교정해주는 것도 훨씬 쉬웠다.

(2) 강의 교재

강의 교재는 유승렬 교수님이 만드신 WEB & HTML & CSSopen in new window를 사용했다. 사실 기초 개념에 대한 내용만 이 교재에서 찾아 설명하고, 웬만한 이론적인 내용은 그냥 스킵했다.

이론을 초반에 아무리 주절 주절 떠들어도 이해하는 학생들이 경험상 거의 없었기 때문에 일단 실습부터 한 다음에 어떤 원리로 그렇게 되는지 설명했다. 근데 CSS는 외워야 할게 너무 많아서.. 문제다. 추상화를 너무 잘 해놔서(?) 처음 접하는 사람들은 진짜 미치도록 헷갈릴 수 밖에 없다.

(3) Repository

예제 코드는 이 저장소open in new window에 모아놨다. 대충 핵심적인 내용만 README.md에 작성해놨는데, CSS를 처음 접하는 사람에게 CSS를 잘 설명하기란 정말 하늘의 별따기인 것 같다. 특히 디자인을 전공하는 사람에게 설명하는 것은 배로 힘들다.

(4) 분량

분량은 한 개의 영상당 40분씩 총 10개를 촬영했다.

14

15

녹화는 Mac의 QuickTime Player를 이용했는데 이게 무조건 4k로 녹화되다 보니 용량을 쓸데없이 많이 차지했다. 인코딩을 다시 해도 줄어들 기미가 보이지 않아서 그냥 포기했다.

나중에 알게된 사실인데 Zoom을 이용하여 녹화하면 거의 용량을 20배 가까이 줄일 수 있는 것 같다. 이걸 왜 이제야 알았을까 🤣

일단 빠르게 10개만 촬영했는데, 11월 ~ 12월 중에 더 촬영해서 총 20개를 만들어야 한다. 아.. 귀찮다 어쨌든 앞으로도 꾸준이 이 학교와 교류가 있을 것 같다. 뭐.. 좋은게 좋은거지!


Summary

그리고 본문에 언급하진 않았지만

- + diff --git a/Review/2020-year/11-November/index.html b/Review/2020-year/11-November/index.html index 3ea60b43..5d45fc35 100644 --- a/Review/2020-year/11-November/index.html +++ b/Review/2020-year/11-November/index.html @@ -23,7 +23,7 @@ } 2020년 11월 회고 | 개발자 황준일 - + @@ -90,6 +90,6 @@ new UserController($router); $router->run();

다만 PUTDELETE method의 경우 $_GET, $_POST 처럼 읽어올 수 없기 때문에 귀찮아서 생략했다. 이정도만 있어도 하드코딩 하는데 큰 문제는 없겠지?


국제대회 금메달을 받았고 지금은 카카오에서 근무중인 친구와 함께 위키를 조금씩 만들다가 현타가 와서 포기했었는데, 그 당시에 만들었던 자료도 같이 첨부한다.

이제보니 PHP 게시판 이라는 키워드로 유튜브에 검색하면 내가 올린 동영상이 첫 번째로 나온다. 뭐지..? 이제와서..?


7. 모각코

어쩌다보니 10월에 참여했던 프로그래머스 리액트 스터디open in new window의 몇몇 스터디원과 모각코(모여서 각자 코딩)을 하기로 했다.

14

이렇게 먼저 제안을 주셨고, 둘 다 성남에 살다보니 첫 주에는 우리 집 근처에서 보기로 했다.

15

그 다음 모임에는 한 분이 더 껴서 만났다.

태의님과 태현님은 부스트캠프open in new window를 통해서 이미 서로 알고 있던 사이라고 했다. 태의님의 경우 10월 말에 부스트캠프 옥토버페스트open in new window에서 나와 똑같은 주제(나와 찰떡인 회사)로 발표했었다.

16

이 때 언젠가 기회가 되면 뵈었으면 좋겠다고 말했었는데, 실제로 뵙게 되니까 반가웠다. 태의님과 태현님 두 분 모두 정말 좋은 분들이고, 열심히 공부하고 살아가는 분들이라서 유독 반가웠다. 이러한 인연을 맺게 해준 프로그래머스 리액트 스터디open in new window에 다시 한 번 감사를 전한다.

그러나 갑자기 코로나 확진자가 많아지면서 모각코는 3회만 진행되었다. 빨리 코로나가 잠잠해지길 바랄 뿐이다 😂


8. 네이버 아폴로 면접

17

9월에 프로그래머스 네이버 아폴로 챌린지에 접수했고, 알고리즘 테스트와 프론트엔드 과제 테스트를 진행했다. 그런데 생각보다 결과가 잘 나왔다.

18

이어서 11월 중에 1차 면접을 진행했는데, 이것 저것 하는게 많다보니 너무 바빠서 면접 준비를 아예 하질 못했다. 그나마 살펴본게 이벤트 루프 부분인데 이게 딱 면접 질문으로 나왔다.

이벤트 루프

여기서 설명하긴 귀찮아서 링크로 대체하겠다.

카카오 면접을 준비했던 경험 때문인지 생각보다 잘 진행되었다. 모르는 부분은 모른다고 답했고, 아는 것들은 최대한 상세하게 설명했다. 혹은 자세하게 이해하진 못하지만 이러저러하게 추측할 수 있을 것 같다는 식으로 설명한 부분도 있었다. 대체로 매우 솔직하게 답변한 것 같다.

19

느낌적인 느낌이 맞았는지(?) 1차 면접은 통과했다.


이어서 2차 면접을 진행했는데, 2차 면접은 인성면접과 조금 더 심화적인 기술면접으로 진행되었다. 면접 질문에서 지원동기나 지원한 조직에 대해 얼만큼 알고 있는지에 물어보는 질문이 어려웠다. 사실 아폴로에 관심이 있어서 지원했다기 보단, 아폴로 챌린지 때문에 지원한 이유가 더 크기 때문이다. 그래서 지원동기를 정말 솔직하게 말하기가 어려웠고, 이러한 이유 때문에 2차 면접은 반 쯤 포기하고 봤다. 면접관 분들께 죄송한 마음만 한 가득이다. 그래도 언젠간 제대로 이직을 준비하는 순간을 위한 경험이랄까? 지금은 현재 회사에 머무르고 싶은 마음이 훨씬 크다.

무엇보다 면접관 한 분이 해준 말씀이 계속 기억에 남는다.

"정말로 현재 회사에서 최선을 다했다고 말할 수 있을 만큼 무언가를 해보았는가?"

아직 이런 경험은 없는 것 같다. 그래서 해보고 싶은 것도 많고, 아직 나는 많이 부족하다고 생각한다.

어쨌든 결과는 12월에 나올 예정이다.


9. Devears

Spring + React로 사이드 프로젝트를 해보고 싶었는데, 어떤 주제로 할까 고민하다가 현재 운영중인 스터디open in new window를 관리할 수 있는 사이트를 만들어보기로 했다. 항상 이런 사이드 프로젝트를 진행할 때 프로젝트 이름이 고민이었는데, 개발자(Developer)곰(Bear)을 합쳐서 Devears라고 지었다.

이번 달에는 Back-end 위주로 작업 했는데 사실 정확히 어떤 기능을 추가할지 정해놓질 않아서 갈팡 질팡 하는 중이다. 현재 까지 구현한 기능은 Github 로그인토큰 발급, 그리고 로그아웃이 전부이다. 안 한 것과 다름 없다

사이드 프로젝트 코드는 여기open in new window에서 확인할 수 있다.


Summary

그리고 본문에 언급하진 않았지만

20

마지막은 주인님 사진으로 마무리!

- + diff --git a/Review/2020-year/12-December/index.html b/Review/2020-year/12-December/index.html index a77a0c1f..7d9708a6 100644 --- a/Review/2020-year/12-December/index.html +++ b/Review/2020-year/12-December/index.html @@ -23,7 +23,7 @@ } 2020년 12월 회고 | 개발자 황준일 - + @@ -118,6 +118,6 @@ .onPut('/counter/inc').reply(() => (counter.inc(), [200, response()])) .onPut('/counter/dec').reply(() => (counter.dec(), [200, response()]))

전체적인 UI Test Code는 다음 링크에서 확인할 수 있다.


(2) E2E 테스트

E2E 테스트Cypressopen in new window를 이용하여 진행했다.

cypress

핵심적인 내용은 다음과 같다.

상세한 내용은 여기open in new window서 확인할 수 있다.

cypress를 이용하여 테스트를 진행하면 다음과 같은 처음에 다음과 같은 대시보드가 나온다.

대시보드

그리고 대시보드에서 특정 테스트를 선택하여 실행하면 다음과 같이 브라우저내에서 차례대로 UI 테스트를 진행한다.

UI테스트

그런데 이렇게 테스트를 진행하기 위해선 먼저 앱 자체를 정상적으로 실행할 수 있도록 만들어야한다. 문제는 기존에 Level 1에서 만들었던 결과물을 가지고 테스트를 해야 하는데, 귀찮아서 그냥 건너뛴 오류들 때문에 테스트 자체를 실행할 수 없었다.

빡침

과거의 나는 대체 무슨 생각이었던걸까

어쨌든 테스트 코드를 정상적으로 실행하기 위해 3개월 전에 만든 코드를 뜯어고치고, 모든 오류를 없애버렸다. 이 과정에 반절 이상의 시간을 쓴 것 같다 😇

고찰

cypress를 이용하면서 든 생각이, 이건 꼭 테스트를 할 때만 필요한게 아니라 무언가 브라우저의 매크로랄까? 그런걸 만들 때 사용해도 재밌을 것 같았다.

실제로 이런 도구를 이용해서 공연 예매를 하거나, 항공사 티켓을 조회하거나, 아니면 SNS에 좋아요 매크로를 만들거나 하는 등에 쓴 사람이 많다고 한다. 나의 지인 중 한 명은 playwrightopen in new window를 이용하여 육군훈련소 실시간 검색어 뉴스 전송 봇open in new window을 만들었다. 후기open in new window도 읽어보길 권한다.

우여곡절 끝에 테스트 코드를 작성했는데

14

위와 같이 특정 테스트 하나를 통과하지 못했다. dblclick 이벤트와 관련된 문제 같은데 아무리 구글링을 해봐도 원인을 찾을 수가 없었다.

빡침

아무래도 API를 호출하고 다시 렌더링을 하는 과정에서 문제가 있는 것 같은데.. 시간이 너무 지체되어서 그냥 포기했다 😇

전체 코드는 여기서open in new window 확인할 수 있다.


(3) 후기

프론트엔드 테스트가 어렵긴 하지만 그래도 백엔드 테스트보다 재밌었다. 눈에 보이는 것들을 코드로 정의하여 테스트하는 것 자체가 큰 매력라고 생각한다.

매력

다음과 같은 글과 영상을 같이 봐도 좋을 것 같다.

그리고 전체 미션 코드는 여기서open in new window 확인할 수 있다.


5. 블로그 스터디 2기

11월 말에 시작했던 블로그 스터디 2기open in new window가 이번 달 중순에 종료되었다. 원래 한 달 동안 3개 이상의 글을 쓰는 것이 스터디의 목표인데, 이번에는 바쁘기도 했고 귀찮기도 해서 여러가지 핑계(?)로 두 개의 글만 작성했다.

유년 시절 이야기 모음

사실상.. 거의 참여를 하지 않았다고 봐도 무방한 것 같다.

다른 스터디 참가자가 올린 글은 여기서open in new window 확인할 수 있다.

그런데 스터디가 종료된 이후에 무언가를 계속 작성 중이다. 음.. 내가 좀 변덕스러운 것 같기도 하고.

하기 싫다


6. 독서

이번 달에는 업무가 엄청 많지 않아서 회사에서 책을 읽었다.

(1) 그림으로 배우는 Http & Network Basic

썸네일open in new window

이 책은 꽤 오래전에 출간된 네트워크 관련 서적이다. 우아한Tech Youtubeopen in new window를 구독중인데 우아한형제들 개발자에게 묻는다open in new window 라는 영상을 보고 구매한 책이다.

내가 프론트엔드도 같이 병행하고 있기 때문에 네트워크와 관련된 내용은 꼭 익혀둘 필요가 있다고 생각했다. 그래서 구매했고, 생각보다 쉽게 그리고 상세하게 설명되어 있어서 유익한 책이었다.

다만 HTTP2.0이 나오기 전에 출간된 책이라서 최신 스펙을 공부하고 싶다면 다른 책을 추천한다.

(2) 함께 자라기

썸네일open in new window

애자일 코칭(AC2)open in new window을 운영하고 계신 김창준님이 지필한 책이다.

워낙 유명한 책이고, 많은 사람들이 추천하는 책이라서 구매했다.

등을 주제로 내용이 전개되는데 굉장히 와닿는 이야기가 많이 있었다. 시간이 된다면 전체적인 내용을 정리해보고 싶다.

개발자라면, 아니 개발자가 아니더라도 직장에서 일하는 사람이라면 반드시 읽어야 할 책이라고 생각한다.

참고: 애자일 이야기open in new window

(3) Effective Java 2판

썸네일open in new window

사실 3판을 읽고 싶었는데, 회사에 2판 밖에 없어서 그냥 2판을 읽었다. 아직 전부 읽진 못했지만, 왜 사람들이 추천하고 읽으라고 하는지 충분히 이해 되는 내용의 책이다.

2판을 다 읽은 후에 3판을 구매해서 다시 읽어볼 생각이다.

이 책을 읽지 한고 리뷰어 활동을 했었다니.. 나는 대체 무슨 생각인걸까? 😇


7. Devears

저번 달에 Devearsopen in new window라는 사이드 프로젝트를 시작했다.

Devears

단국대의 상징이 곰(Bear)이다.

즉, 단국대 개발자들이라는 뜻을 가졌다고 볼 수 있다.

이번 달에는 대충(정말 대충..) 요구사항 문서open in new window를 작성했고, Front-end 위주의 작업을 진행했다.

15

로고는 logogenieopen in new window에서 로고의 키워드를 검색하고, 여기서 나온 결과물 중에 마음에 드는 것을 참고하여 대충 급하게 만들었다. 실제로 서비스 하기 전에 외주를 맡기던가 할 생각이다.

사실 프론트가 어렵다기 보단 UI 구성이 어렵다. 어떻게 만들어도 이상하게 보이는 마법이랄까..? 일단 죽이 되든, 밥이 되든 만들어 보고자 한다.

프론트엔드 TIP 정리

Front-end 기술스택

현재까지 진행하면서 사용한 프론트엔드 기술 스택은 다음과 같다.

그리고 프로그래머스 리액트 스터디open in new window 과정에서 만든 리액트 페이스북 클론 프로젝트open in new window를 참고하여 개발 중이다. 내년 상반기까지 완성해볼 예정이다(과연..?)


Summary

그리고 본문에 언급하지 않은 내용도 몇 가지 소개하자면,

마지막은 주인님 사진으로 마무리!

18192021

- + diff --git a/Review/2020-year/end/index.html b/Review/2020-year/end/index.html index 89e8c225..630ec5bc 100644 --- a/Review/2020-year/end/index.html +++ b/Review/2020-year/end/index.html @@ -23,7 +23,7 @@ } 주니어 개발자의 2020년 회고 | 개발자 황준일 - + @@ -202,6 +202,6 @@ ); }

구현 방법은 이 링크open in new window를 참고하면 된다.(https://m.blog.naver.com/boostcamp_official/222140296542)에서 확인할 수 있다. 여기에서 다루기엔 양이 너무 많다.


4) 원리 부터 깨우친다.

단순하게 React로 무언가를 만드는 과정이 아니라

등을 먼저 설명하고 그 다음에 구현에 필요한 API를 공부할 수 있도록 방향이 잡혀있다.

예를 들자면 다음과 같은 것들(도메인 지식이랄까?)에 대해 먼저 공부한다.

이러한 개념들 이외에도 무척 많은 것들을 배웠으나, 사실 기억 나는게 많지 않다.. 😂 어쨌든 중요한 점은 단순하게 React에 대해 공부하는 것이 아니라 어떤 과정을 통해서 React가 현재의 모습을 갖추게 되었고, 어떤 Motivatino을 통해서 디자인 되었는지 알 수 있었기 때문에 스터디를 통해서 React에 대한 전반적인 이해도가 좋아졌다.


5) 스터디 리더가 작성한 코드 공유

미션이 종료된 후에 리더가 작성한 코드를 공유해주기 때문에 내가 작성한 코드와 비교하며 부족한 부분을 채울 수 있다는 점도 큰 매리트라고 생각한다. 코드에 정답은 없지만 그래도 내가 작성한 것 보단 정답에 가까운 코드를 보는 것 만으로도 굉장히 큰 도움이 된다.

그리고 내가 현업에서 접하지 못했던 유용한 라이브러리를 많이 볼 수 있었다. 무엇보다 Redux를 정말 제대로, 그리고 잘 사용할 수 있는 방법을 접할 수 있는 점도 좋았다.


6) 유쾌한 운영진

스터디 리더와는 별개로, 스터디를 개설하고 관리하는 운영진 덕분에 매 스터디가 즐거웠다.

크리시님 혹시 이 글을 읽고 계신가요? 당근 상모돌리기 무척 인상 깊었습니다 😁


7) 기술 외적 동기 부여

그리고 스터디 리더인 Harry의 경우 싱가포르 소재의 핀테크 회사에서 팀장급 Full-Stack 개발자로 근무 중이며, 전 회사인 카카오 뱅크에서는 데이터 엔지니어로 근무했다.

1

여담으로, Harry는 프로그래머스에서 React Study 뿐만 아니라 다음과 같은 스터디의 리더로 활동하고 있다.

굉장히 화려한 이력을 가지고 있지만 Harry는 비전공자이다. 그렇기 때문에 Harry라는 개발자의 존재는 나에게 무척 강렬한 인상을 남겼다.

이렇게 다방면의 기술을 깊게 공부하고 전파할 수 있었던 이유 중 하나가 바로 영어라고 했다. 영어모든 지식의 도메인 지식이라고 할 수 있다. 특히 개발자의 경우 영어로된 문서를 항상 마주봐야 하기 때문에 어찌보면 개발자가 제일 먼저 공부해야 하는 것이 영어라고 할 수 있다.

Harry는 영어를 지속적으로 강조했고, 무척 설득력 있게 다가왔다. 그래서 내년에는 일일커밋 대신 일일영어를 하기로 다짐했다.

이 외에도 현업에 대한 다양한 이야기를 들을 수 있었고, 여러가지 갈증을 해소할 수 있었다.


정리

스터디 후기

결국 내가 하고 싶은 이야기는 한 가지이다. React를 학습 하고 싶다면 꼭 이 스터디에 참여해보길 권한다.


5. 리뷰어 활동

올해는 다양한 리뷰어 활동을 했다. 사실 작년까지만 해도 코드리뷰라는 개념 자체를 잘 몰랐다. 하는 방법 뿐만 아니라 굳이 할 필요가 있을까 하는 생각도 했었다. 그러다가 DKU-STUDYopen in new window를 운영하게 되었고 이 과정에서 코드리뷰를 적극적으로 하게 되었다.

(1) 넥스트 스텝

NextStep의 Java TDD, Refactoring, Clean Code 8기 수료 후 9기와 10기는 리뷰어로 활동했다.

27

9기 활동에서 큰 이슈는 없었고, 무척 재밌게 리뷰를 했던 것 같다. 리뷰를 하면서 내가 작성했던 코드들에 대해 한 번 더 생각해보게 되었고, 리뷰이에게 배우는 부분도 무척 많았다. 쉽지 않은 과정을 함께 하는 것 자체가 어찌보면 큰 행운이라고 생각했다.

28

그렇게 10기에도 리뷰어를 신청했고, 이번에는 무척 힘들었다. 일단 미션 현황판을 보면 리뷰이가 늘어난게 눈에 보인다. 기존에는 최대 20명(4개의 미션, 미션당 5명)리뷰해야 했는데 이번 기수에는 미션당 7명을 배정받아서 최대 28명을 리뷰해야 했다.

그런데 미션을 아예 수행하지 않는 사람도 있어서 9기에는 15명을 리뷰했고, 10기에는 22명을 리뷰했다.

리뷰이가 많아진 이유는 카카오 리뷰어 양성과정open in new window에 참여하는 사람들이 Java CC 과정의 일부를 참여했기 때문이다. 그래서 코드에서 뭔가 심상치 않은 기운이 느껴진다 싶으면 대체로 카카오 사람들이었다.

2930

리뷰는 대체로 위와 같이 남겼다. 각각의 코드에 대해 리뷰를 하고, 마지막으로 핵심적인 내용을 정리해서 중점적으로 개선해야 하는 부분들을 피드백했다. 설계적으로 큰 문제가 없으면 바로 머지했고, 문법적으로 개선이 필요한 것들은 다음 스텝에서 진행하도록 유도했다.


그리고 10기에는 현재 내 역량의 한계를 일깨워준 분이 있었다.

31

내가 남기는 피드백의 반절 이상은 뚜렷한 근거를 기반으로 하기 보단 경험적인 측면을 토대로 남기는 것들이 대부분이었다. 그래서 이렇게 근거를 토대로 질문을 남기면 당황스러웠다. 현재의 나는 남들은 다 한 번씩 읽어 본다는 Clean CodeEffective Java도 안 읽어본 상태였기 때문에 명확한 근거 같은게 생각날 수가 없었다.

그래서 또 이것 저것 자료를 찾아보다가 결국 답이 나오질 않아서 내가 어쩌다 이런 생각을 했는지 다시 경험적인 측면을 토대로 리뷰를 남기게 된다. 결국 리뷰이는 다시 불만족스러운 답변을 받아야했다.

32

덕분에 슬랙채널에서 여러가지 논쟁이 오고 갔으며, Stream은 어차피 사다리 미션에서 다루기 때문에 지금의 논쟁은 큰 의미가 없으며 자동차 미션 자체에 집중 하자는 이야기로 마무리 되었다. 무엇보다 제일 큰 문제는 리뷰이의 신뢰를 잃어버렸다고 해야할까?

6

이 부분은 리뷰이가 피드백을 잘못 해석했던(혹은 내가 제대로 전달을 하지 못했거나 😂) 부분이어서 다시 잘 설명드렸다.

결국 이러한 과정을 통해서 현재 내가 가진 문제점이 뚜렷하게 드러났고 이를 꼭 매꿔야겠다고 생각하는 계기가 되었다. 11기가 언제 시작될지 모르겠으나 시작하기 전에 java와 관련된 서적도 많이 읽고 다양한 방식으로 역량 강화를 진행할 예정이다. 혹은 아직 부족하다고 생각된다면 만족할만한 수준이 될 때까지 리뷰어 활동은 신청하지 않을 생각이다.


(2) 부스트캠프

8월 초에 페이스북 생활코딩 페이지를 보다가 네이버 커넥트재단open in new window에서 운영하는 부스트캠프open in new window에서 리뷰어를 구한다는 소식을 접했다.

33

NextStep 리뷰어는 java로 작성한 코드에 대해 리뷰를 남기는 것이기 때문에 조금 아쉬운 점이 있었다. 나의 주력 언어는 javascript이고, java보다 javascript를 더 좋아하기 때문이다. 그래서 부스트캠프 리뷰어 모집 공고가 무척 반가웠으며 빠르게 지원했다.

3436

github에 올라온 링크를 통해서 지원할 수 있었으며, 리뷰어의 역량 확인을 위해 코드리뷰를 하나 남겨야했다. 그런데 리뷰를 남겨야 하는 코드가 React로 작성되어 있어서 당황했다. React는 취업 준비를 할 때 잠깐 공부했고 Hooks도 제대로 사용해본적이 없었기 때문이다. 그래서 일단 코드 스타일, 네이밍, 코딩컨벤션 위주의 리뷰를 남겼다.

37open in new window

며칠 후에 코드스쿼드open in new window를 운영하고 있으며 부스트캠프 마스터로 참여 중이신 크롱open in new window님께서 피드백을 남겨주셨다.

38

이렇게 부스트캠프 리뷰어로 합류하게 되었다.

35

부스트캠프 웹 프론트 리뷰어

39

격주로 화요일/목요일에 올라오는 PR에 리뷰를 했으며 대체로 위와 같은 내용으로 피드백을 남겼다. 6명이 올린 PR을 하루만에 리뷰를 남겨야해서 생각보다 시간이 많이 소요됐다. 대충 하기에는 또 찜찜해서 어떻게든 꼼꼼하게 보려고 애썼다. 애쓴만큼 잘 했는지는 모르겠다

4041

그렇게 9 ~ 10월, 두 달 동안 리뷰어로 활동했다.

42

리뷰어 활동이 끝난 후에 캠퍼 한 분에게 이렇게 연락이 왔다.

43

감사하기도 하고, 죄송하기도 하고, 다음에 또 부스트캠프의 리뷰어로 활동하게 된다면 더 좋은 리뷰를 남기리라 다짐하는 순간이었다.


부스트캠프의 전반적인 과정을 지켜보면서 느낀 것은, 이 사람들은 무조건 잘 할 수 밖에 없겠다 라는 점이다.

전반적으로 캠퍼들 간에 상호 피드백도 활발하게 이루어 지고 있고, 학습 환경 또한 온라임에도 불구하고 끈끈한 네트워크가 형성된 것이 느껴졌다. 서로가 서로에게 믿고, 신뢰하고, 의지할 수 있는 사람이 되는 것이다.

그렇다면 개발은 덤으로 따라온다. 무언가를 함께할 사람이 있다는 것은 언제나 즐거운 일이고 그 자체만으로도 활력이 된다.

여담으로 앞서 언급한 리액트 스터디에도 부스트 캠프를 거쳐온 사람들이 있었다. 그리고 그 분들이 스터디를 이끌어갔다고 해도 과언이 아니었다.


리뷰어 활동이 끝난 후에 슬랙 채널에 다음과 같은 내용의 공지가 올라왔다.

44

공지가 뜨자 마자 바로 신청했다.

발표자료를 만들고, 팀장님과 상의하여 내용을 조금 변경하고, 리허설도 잘 마무리했고, 발표도 잘 마무리했다. 굉장히 많은 사람들 앞에서 내 의견을 어필해야 했기 때문에 긴장도 많이 했지만 재밌었다.

발표가 끝난 후에 인지했던게 리액트 스터디를 같이 하는 사람 중 한 분(생활 연구소의 홍태의님)이 나와 똑같은 주제로 발표했다. 세상이 참 좁구나 👀

저작권 때문에 발표자료를 전부 공개하기는 힘들고, 몇 가지 핵심적인 내용만 다뤄보자면 다음과 같다.

함께 자라기

발표를 한 뒤에 뒤늦게 함께 자라기open in new window라는 책을 읽었다 내가 생각 했던 내용들보다 더 심오하게 그리고 논리적으로 학습, 성장, 협업 등에 대해 다루고 있다. 시간을 내서 꼭 한 번 읽어보길 권한다.

부스트캠프 공식 블로그open in new window에 가면 더 재미난 이야기들을 확인할 수 있다.

이러한 내용에 대해 약 10분 정도 주절주절 떠들었다. 사실 다른 분들이 좋은 내용을 무척 많이 다뤄주셔서 약간 주눅들었다 😓

어쨌든 스스로에게 좋은 경험을 만들어주었다고 생각한다. 리뷰어 활동과 더불어 이러한 경험을 만들어준 부스트캠프 운영진 분들께 많은 고마움을 느끼고 있다.


6. 강사

나는 고등학교 때 기능경기대회에 참가했고 지방대회와 전국대회에서 입상했고, 이를 계기로 개발에 관심을 가지게 되어 현재의 길을 걷고 있는 중이다.

45

기능경기대회

그리고 2013년도부터 현재까지 이 대회를 준비하는 다양한 학교의 학생들을 가르쳤다.

46

2019년(작년)에는 지도교사로 참가했는데 부담감 때문에 스트레스를 많이 받았다. 그래서 정말 하기 싫었지만 어쩌다보니 또 학생들을 가르치게 되었다.

사실 제일 큰 이유는 돈 때문이다. 시급 5만원!

(1) 서울디지텍고등학교

이번에는 코로나의 여파도 있고, 여러모로 관리가 되지 않은 상태였기 때문에 학생들의 상태가 심상치 않았다. 대회도 코앞이고 기술적으로 알려줄 시간적 여유도 많지 않기 때문에 코드리뷰를 통해서 문법 교정을 하고 유용한 API를 알려주는 위주로 진행했다.

일단 깃허브를 최대한 활용해보려고 했으나, 학생들이 깃허브에 익숙해지기엔 시간이 매우 촉박했다.

사실 문제를 풀이할 여유도 없는 상태였기 때문에 그냥 물어보는 것들에 대해서 답변해주는 식으로 지도했다. 다음 기수의 학생들에게는 조금 더 개발 자체에 집중할 수 있는 형태로 가르쳐볼 계획이다. 여기에 언급할 내용이 많진 않지만, 8월은 기능반 학생들을 가르치는데 시간을 많이 썼다.

그렇게 9월 14일 부터 전국대회가 시작되었다. 올해는 개최지가 전북이라서 전주까지 내려갔다.

47

경기장은 전북 하이텍 고등학교인데 코로나 때문에 선수들만 입장 가능했다. 덕분에 무척 편했다.

48

나는 학생들이 경기가 끝나고 숙소에 돌아오면, 문제 풀이를 옆에서 도와주었다. 며칠 동안 새벽 3시에 자거나 혹은 새벽 5시에 일어났다. 회사 일도 원격근무로 병행하고 있던 상태라서 정말 미친듯이 피곤했다.

49

어쨌든 내가 가르친 학생들(서울디지텍고등학교)이 올해에도 입상했다. 학생 한 명이 제출을 잘못해서 대략 30점 정도를 채점도 못하고 통으로 날려보냈다. 그래도 입상은 했으니.. 이걸 다행이라고 해야할지.. 이 때 실수한 기억은 경험상 평생 가기 때문에 괜히 안쓰럽다.

전국대회가 끝난 뒤에 다음 기수의 학생들을 주 1회씩 학교로 방문하여 직접 가르쳤는데, 대체로 대회 위주의 내용 보단 실무 위주로 교육 중이다.

기능대회 문제가 워낙 이상하게 나오고 너무 옛날 기술을 사용하고 있기 때문에 학생들이 대회를 준비할 때 무척 힘들어 하는 편이고, 가르치는 입장에서 즐겁지가 않은 상황이다.

대회의 취지 자체가 나쁘지 않기 때문에 제발 개선 되길 바라곤 있지만.. 언제쯤 개선이 될지 미지수다.


그리고 11월에 오직 기능대회를 위한 PHP Step By Step Tutorialopen in new window을 만들었다. 데모는 이 링크open in new window에서 확인할 수 있으며 따로 문서는 없고 코드만 작성해놓은 상태이다.

13

요즘에 PHP를 하다 보면 내가 PHP라는 언어를 다뤄봤다는게 낯설다. 옛날엔 Server-Side로 다룰줄 아는 언어가 PHP 밖에 없었는데 언제 이렇게 낯설어진걸까?

이 튜토리얼을 작성하면서 herokuopen in new window를 처음 사용해봤다. 그리고 Getting Started on Heroku with PHPopen in new window를 따라해보면서 composeropen in new window를 처음 사용해봤다.

이제 PHP 8.0open in new window이 나오면서 한 층 더 성숙해진 언어가 된 것 같다. 여유 있을 때(대체 언제?) Laravelopen in new window로 토이 프로젝트를 진행해봐도 괜찮을 것 같다.

국제대회 금메달을 받았으며 지금은 카카오에서 근무중인 친구open in new window와 함께 위키를 조금씩 만들다가 현타가 와서 포기했었는데, 그 당시에 만들었던 자료도 같이 첨부한다.

이제보니 PHP 게시판 이라는 키워드로 유튜브에 검색하면 내가 올린 동영상이 첫 번째로 나온다. 뭐지..? 이제와서..?


(2) 인천금융고등학교

어쩌다보니 친한 선생님(?)의 소개로 인천금융고등학교 학생들에게 웹 디자인 기능사를 주제로 온라인 방과후 수업을 진행하게 되었다. 사실 처음에는 웹 개발 강의인줄 알고 기대했는데 알고보니 디자인 계열의 학과 학생들을 대상으로 진행해야 했기 때문에 웹 디자인 기능사로 강의 주제를 축소했다. 웹 디자인 기능사는 이제 정말 지겹다

1) Repl.it

에디터는 어떤 것을 사용할까 고민하다가 Repl.itopen in new window 서비스를 이용하기로 했다. 일단 에디터를 설치하고 세팅하고 교육하는데 생각보다 많은 시간이 소요된다. 무엇보다 파일 시스템 내에서 작업해야 하기 때문에 실습 코드를 항상 들고다니는 학생이 아니라면 이를 따라오기가 쉽지 않으리라 생각했다.

repl.it의 경우 인터넷만 된다면 어떤 플랫폼이든 상관 없이 이용할 수 있으며 무료로 호스팅까지 해주기 때문에 학생들이 결과물에 대해 흥미를 느끼는 과정이 일반적인 에디터를 사용하는 것 보다 좋아보였다.

그리고 내가 온라인으로 결과물을 바로 확인할 수 있기 때문에 틀린 부분을 교정해주는 것도 훨씬 쉬웠다.

2) 강의 교재

강의 교재는 유승렬 교수님이 만드신 WEB & HTML & CSSopen in new window를 사용했다. 사실 기초 개념에 대한 내용만 이 교재에서 찾아 설명하고, 웬만한 이론적인 내용은 그냥 스킵했다.

이론을 초반에 아무리 주절 주절 떠들어도 이해하는 학생들이 경험상 거의 없었기 때문에 일단 실습부터 한 다음에 어떤 원리로 그렇게 되는지 설명했다. 근데 CSS는 외워야 할게 너무 많아서.. 문제다. 추상화를 너무 잘 해놔서(?) 처음 접하는 사람들은 진짜 미치도록 헷갈릴 수 밖에 없다.

3) Repository

예제 코드는 이 저장소open in new window에 모아놨다. 대충 핵심적인 내용만 README.md에 작성해놨는데, CSS를 처음 접하는 사람에게 CSS를 잘 설명하기란 정말 하늘의 별따기인 것 같다. 특히 디자인을 전공하는 사람에게 설명하는 것은 배로 힘들다.

4) 분량

분량은 한 개의 영상당 40분씩 총 16개를 촬영했다.

50

10월 15

녹화는 Mac의 QuickTime Player를 이용했는데 이게 무조건 4k로 녹화되다 보니 용량을 쓸데없이 많이 차지했다. 인코딩을 다시 해도 줄어들 기미가 보이지 않아서 그냥 포기했다.

나중에 알게된 사실인데 Zoom을 이용하여 녹화하면 거의 용량을 20배 가까이 줄일 수 있는 것 같다. 이걸 왜 이제야 알았을까 🤣


7. 프로그래머스 챌린지

카카오 프론트엔드 챌린지

5월에 재미로 친구들과 같이 카카오 경력 개발자 영입 - 프론트엔드 개발 챌린지open in new window에 지원했다.

얼떨결에 최종면접까지 보게 되었는데, 이 과정에서 공부를 꽤 많이 했다. 그렇게 폭풍 같던 7월이 지나갔다.


네이버 아폴로 챌린지

9월에 앞서 언급한 블랙커피 스터디를 참여하면서 바닐라JS로 SPA 만드는 연습을 했다. 자신감 뿜뿜! 그리고 때마침 네이버 아폴로 프론트엔드 챌린지가 올라왔고, 바로 신청했다.

경험을 목적으로 면접에 응시했고, 최종면접에서 떨어졌다. 사실 떨어질 수 밖에 없었다. 뚜렷한 이직 의사가 없었으니까. 전체적으로 모든 질문이 인상 깊었지만, 이 질문이 계속 머릿속을 맴돌았다.

"정말로 현재 회사에서 최선을 다했다고 말할 수 있을 만큼 무언가를 해보았는가?"

이 한 문장으로 현재 내 상태를 정의해주었다. 지금의 이 자리에서 후회가 없도록 최선을 다하기를 다짐했다.


일상


1. 학자금 대출 상환과 졸업

56

대학교 졸업 직전에 학자금 대출을 모두 갚았다. 대학교를 다니는 동안 한 달 평균 100만원 정도를 사용했는데(월세, 교통비, 밥값, 통신비 및 기타 생활비), 학비와 생활비를 스스로 벌어서 해결한 것이다. 정말 눈물 겨운 여정이었다.

학교 한 번 잘 다녀보겠다고 몇 년을 아등바등 애쓴게 아이러니 하게도 학교 생활을 제대로 못하게 하지 않았나 싶다.

불평불만도 많았지만 대부분의 수업이 재밌었다. 다니다 보면 등산하는 기분이 들었지만 캠퍼스도 좋았다. 엄청나게 많은 것들을 해보진 못했지만 하나씩 되새김질 해보면 나름 적지 않은 경험들 쌓인 것 같다.

55

때로는 길게, 때로는 짧게 느껴졌던 대학생활의 종지부를 찍었다.

그냥 이렇게 내게는 조금 버거웠던 학교생활을 잘 마무리 한 것 자체가 만족스럽다!


2. 수영

수영 bn

입사를 하고 나서 운동을 해야겠다고 마음 먹었는데, 어떤 운동을 할까 고민하다가 수영을 하기로 마음먹었다. 물에 빠져 죽을 고비를 넘긴 경험도 많이 있었고, 무엇보다 잘못된 자세를 교정하는데 좋은 운동이 수영이라고 하기에 나에게 적합한 운동이라고 생각했다.

그래서 2월초에 회사 앞에 있는 평화 스포 웰빙open in new window에 맛보기로 1개월치를 등록하고 다녔다. 그 후에 마음에 들어서 6개월을 더 등록하고 다녔다.

오전 6시 30분 ~ 7시 20분 강습이라서 월/수/금에는 최소 오전 5시 30분에 집에서 출발해야 했다. 문제는 코로나의 여파로 수영장에 등록한 7개월 중 제대로 다닌건 3개월도 안 되는 것 같다.

일찍 일어나서 운동을, 다름아닌 수영을 하고 출근하니까 오전에 너무 피곤해서 힘들었다.

화남 bn

빨리 코로나가 끝나고 다시 수영을 할 수 있기를 기대하고 있으나.. 대체 언제 끝날지


3. 고양이

주인님 1주인님 2

나에게 있어서 2020년이 무척 뜻 깊은 이유 중 하나가 바로 지금 모시고 있는(?) 주인님(포동이)과의 만남 때문이다.

57

지금 살고 있는 집에 이사온 직후에 집 근처에 길냥이 가족이 살고 있었다. 왼쪽에 보이는 큰 고양이가 포동이 어미 고양이인 나비다. 오른쪽에 보이는 새끼 고양이들이 포동이보다 먼저 태어난 형제 들인데, 가운데 고양이가 코코라고 불렸고, 오른쪽에 검정색 고양이는 어느 순간 보이지 않았다. 소문으로는 어떤 아주머니가 냥줍을 했다고 한다.

58

작고 소중한 아기 고양이

그렇게 몇 개월의 시간이 흐른 후에, 포동이가 태어났고 이 당시만 해도 포동이가 내 가족이 되리라곤 상상하지 못했다.

5960

사실 포동이보다 포동이의 언니인 코코와 먼저 친해졌는데, 계속 놀아주다 보니 나중엔 집까지 찾아왔다.

61

낮에 가서 보면 이렇게 다섯 가족이 광합성을 하고 있는 모습을 자주 볼 수 있었다.

62

영하 10도 밑으로 떨어지는 날이 있었는데, 이 고양이 가족들을 그냥 지나칠 수가 없었다. 그래서 저 주황색 고양이 집을 들고 우리 집으로 직행했다.

63

누추한 곳에 귀하신 분들이 오셨다. 고양이들의 포지션만 봐도 성격이 보인다.

그리고 구석에 있는 아기 고양이들은 정말 겁이 많았다. 그래서 쫄보를 쪼개어 쫄이(검은무늬)보리(힌무늬+검은무늬)로 이름을 지어줬다. 삼색 고양이의 이름은 쫄보들에 비해 포동포동해서 포동이로 지어줬다.

64

포동이가 워낙 사람을 좋아하고 낯을 가리지 않아서 잘 놀아줬다.

65

여튼 하룻 밤만 고양이 가족을 재워줬는데, 그 이후로 자꾸 우리 집에 찾아왔다. 겨울이라서 추워죽겠는데 고양이들 때문에 계속 문을 열어 놔야했다.

포동이 다굴빵

집 앞에다 상자를 놓으면 애기들이 이러고 놀았다.

66

포동이가 자꾸 집으로 찾아와서 그냥 아예 키우기로 마음먹었는데, 그렇게 집 안으로 아예 들여보낸 후 이러고 잠들었다.

67

이 때 재택근무 기간이라서 계속 집에 있었는데 포동이 때문에 집중이 잘 되질 않았다 😓\

68

어떻게 이러고 잘 수 있지?

69

가끔은 토끼 같기도 하고

70

사람 같기도 하고

71

내가 유튜브를 보고 있으면 이렇게 따라 본다.

72

왜 낮잠을 이렇게 자는건데?

73

어쨌든 포동이와 함께한 2020년을 잘 마무리할 수 있었다.


마무리하며

올해는 정말 열심히 살았다고 자부할 수 있다. 2021년은 양보단 질로, 급하게 하기보단 천천히 음미하는 공부를 해볼 생각이다.

그리고 TMI가 가득한 긴 글 읽어주신 모든 분들께 압도적 감사를 전합니다.

감사합니다 bn

- + diff --git a/Review/2021-year/01-First-Quarter/index.html b/Review/2021-year/01-First-Quarter/index.html index 4b2a3342..0d14a9cf 100644 --- a/Review/2021-year/01-First-Quarter/index.html +++ b/Review/2021-year/01-First-Quarter/index.html @@ -23,7 +23,7 @@ } 주니어 개발자의 2021년 상반기 회고 | 개발자 황준일 - + @@ -38,6 +38,6 @@ "permissions": [ "bookmarks", "topSites", "https://appapi.zum.com/*", "chrome://favicon/*" ], }

그래서 이제 게시 요청을 하면 1~2일만에 승인된다.

(3) 줌닷컴 개편

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/73f5602e-fa5f-4db4-af74-2ccc0e74f08d/Untitled.png

이런 날이 올 줄 몰랐는데, 줌 닷컴open in new window의 레거시 코드를 청산하고 NodeJS + Vue.js로 다시 만들었다. 내 사수가 프론트를 담당했고, 나는 프론트에서 사용되는 API와 Admin을 만들었다. 3월 초에 개발을 시작하여 5월 1일에 배포했고, 약 한 달 정도 자잘한 버그를 수정하며 유지보수를 진행했다.

두 달 동안 어드민 지옥에 빠져 살았다. 그렇게 많은 기능을.. 그 짧은 시간 동안 만들었다니.. 덕분에 어드민에도 버그가 많아서 지금까지 자잘한 핫픽스 배포를 하고 있다.

이 외에도 크고 작은 이슈들이 있었는데 여기에 늘어놓기엔 내용이 많아서 나중에 기회가 된다면 기술 블로그에 작성할 예정이다.

(4) 신입 개발자 채용

이에 대한 내용은 회사 기술블로그open in new window에 올린 주니어 프론트엔드 개발자의 채용 프로세스 참여 후기open in new window로 대체하겠다.

그래도 개인적인 이야기를 조금 해보자면, 채용을 진행하면서 일단 이전에 있던 자잘한 이직 욕구들이 많이 해소되었다. 좋은 팀을 만들어가기 위해선 먼저 스스로가 변화해야 한다는 점도 알았다. 그리고 좋은 팀원을 채용하기 위해선 일단 나 스스로가 괜찮은 사람이여야 한다는 점도 알았다. 채용 과정에서 실무진의 기술적, 인간적인 매력을 보여줄 수 있어야 뛰어난 역량을 가진 사람들을 붙잡을 수 있는게 아닐까?

사실 네카라쿠배야당토 같은 메이저 기업은 인력에 대한 아쉬움이 크지 않으리라 생각한다. 지원자가 넘쳐나니까!

그러나 우리 회사는 그렇지 못하다. 이미 뛰어난 역량을 가진 사람은 메이저 기업에 다 들어갔고, 우리 회사는 남은 사람들 중에서 보석을 찾아야 하는 입장이다. 그래서 내세울 수 있는 것은 사람과 팀이라고 생각한다. 그런 매력을 어필하기 위해서 꽤 많이 노력했고, 덕분에 정말 좋은 분들과 함께 일할 수 있게 되었다.

그리고 아직 확정은 아니지만, 저번 주에 기술 면접까지 통과한 분이 있다. 부디 꼭 함께 하길 기도하는 중이다.

(5) 신규 테크핀 서비스 진행

새로 합류한 팀원들과 함께 테크핀 서비스를 만드는 중이다. 기획서도 100페이지가 넘고, 줌인터넷에서 제일 큰 몸집도 크고, 도메인도 복잡한 서비스인 것 같다.

그래도 팀원들이 생각보다 빠르게 업무에 적응하고 있어서 잘 마무리할 수 있을 것 같은 느낌이 든다. 다만.. 마감 기간이 너무 촉박해서 걱정이다.

빠르게 잘 만들기... 참 어렵다. 그게 가능하면 다른 회사에 갔겠지! 는 푸념이고.. 뭐 잘 해야지 별 수 있나.

(6) 조직 개편

6월 말에 조직 개편이 있었고, 아예 프론트엔드 파트가 신설되는 과정에서 내가 파트 리더가 되었다. 이미 시니어 프론트엔드 개발자는 네카라쿠배야당토 같은 메이저 기업에 다 들어가서.. 나 처럼 회사에 남아있는 주니어 개발자가 리더가 되는 사태가 벌어진 것이다.

그래도 프로젝트를 보는 시각도 넓어지고 팀원들과 이것 저것 해볼 수 있는 권한이 작게 나마 생긴 것 같아서 좋다.

신설 팀이라서 지금은 특별한 문화가 없는 상태다. 그래서 다른 회사들이 가지고 있는 좋은 문화들을 벤치마크 할 생각이다.

혹시 좋은 문화가 있다면 공유 부탁드립니다!

3. 개발 역량 강화

올 해는 대체 뭘 했나 하면서 목차를 만들어봤는데.. 어라..? 생각보다 많이 했다.

(1) 방과후 수업 강사

인천금융고등학교open in new window에서 웹디자인 기능사 실기 방과후수업 강의를 하는 중이다. 대면으로 하진 않고, 계속 온라인으로 진행 중이다.

략 20개의 동영상을 녹화해서 올려놓고, 방과후수업을 신청한 학생들이 온라인 강의를 보는 형태로 진행했다. 자잘한 질문은 카카오톡을 통해서 주고 받았다.

생각보다 수입이 나쁘지 않았다. 무엇보다 시간을 많이 투자하지 않아도 되서 좋았다.

(2) 단쿠키

단쿠키는 내 모교에 재학/졸업중인 사람들이 학교 구성원을 위한 커뮤니티를 만들기 위해 진행한 사이드 프로젝트이다. 나는 1월 ~ 4월까지 4개월 정도 참여했고, 회사일 때문에 참여가 어려울 것 같아서 중도 하차했다.

단쿠키 프로젝트에 참여하면서 생각보다 공부를 많이 했고, 처음 접해보는 기술 스택도 많았다.

  1. NestJSopen in new window
  1. graphql
  1. unit test, e2e test
  1. playwright
  1. typeorm
  1. react native
  1. jiraopen in new window

프로젝트를 진행하면서 계속 정리를 했으면 좋았을텐데.. 지금은 어떤 것들을 했는지 자세히 기억나지 않고 있다. 너무 개발에만 집중해서 그런가?

앞으로는 프로젝트를 진행할 때 계속 정리할 수 있도록 습관을 만들어야겠다.

(3) ATDD 3기

nextstepopen in new windowATDD강의open in new window가 열려서 바로 신청했다. 이 과정에서 JPA에 대해 몰랐던 부분도 많이 공부했고, TDD 강의 보다 더 실무적으로 유용했다. 그래서 회사에서 사용 중인 모바일 API에도 적용해놨다.

다만 아쉬운 점은 단쿠키 + Java CC 11기 리뷰어 활동이랑 겹쳐서 3월 ~ 4월은 매일 새벽까지 작업했다. 덕분에 꼼꼼하게 체크하지 못한 부분도 있었고, 공부를 덜 한 부분도 있어서 아쉬움이 남았다.

최종 과제 이후의 보너스 과제도 해보고 싶었지만 도저히 할 수 있는 물리적인 시간이 부족해서 포기했다.

(4) Java CC 11기 리뷰어

ATDD와 거의 동시에 Java CC 11기open in new window가 시작되었다. 리뷰어로 활동하면서 미션까지 진행하다보니 말도 못하게 힘들었다. 거기에 회사 일도 겹쳐서 3월은 나에게 있어서 최악의 한 달이나 다름 없었다.

그래서 본의 아니게 코덕open in new window 에서 3월에 1등을 달성했다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1cd9f2c6-62a0-42ec-8631-93aad8586fea/Untitled.png

어쨌든 이렇게 매번 리뷰어로 신청하다보니 이제 리뷰어 활동이 크게 부담 되진 않고 있다.

(5) 우아한 테크코스 Pro2 리뷰어

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c3c2d54c-dc68-42d1-98ef-99609882715b/Untitled.png

ATDD까지 수강을 완료한 덕분인지 우하한 테크코스 Pro 2기open in new window 리뷰어로 활동할 수 있는 기회를 얻을 수 있었다. 사실 내가 리뷰어로 활동하는게 맞는건가? 싶은 의문을 지금도 가지고 있다.

그럼에도 불구하고 놓칠 수 없는 기회인 것 같아서 리뷰어로 활동하겠다고 수락했다. 덕분에 미션을 진행하는 분들과 더불어 스스로도 많이 성장할 수 있었다고 생각한다. 다만 이렇게 공부하고 배운 것들을 프론트 업무에 잘 녹여낼 수 있어야겠지만..

그냥 요즘 얼떨떨 하다. 공부를 더 많이 해야겠지 싶다.

(6) 블랙커피 스터디 Level 3

6월에 기다리고 기다리던 블랙커피 스터디 Level 3open in new window 과정이 생겼다. 그래서 바로 신청했다.

올 해에 가장 재밌게, 그리고 열심히 코딩을 하던 순간이 아닌가 싶다.

이 스터디를 하기 전에 프레임워크 없는 프론트엔드 개발open in new window 이라는 책을 읽었다. 단순히 가상 DOM 까진 아니여도 DIFF 알고리즘을 적용하는 과정이 무척 흥미로웠는데, 이 부분을 스터디를 진행하면서 녹여냈다.

무엇보다 스터디를 진행하는 과정에서 보석 같은 분을 뵐 수 있었고, 사내 추천으로 우리 회사에 지원했다. 지금은 기술 면접까지 합격한 상태이다. 부디 같이 일할 수 있기를 🙏

그런데 스터디가 제대로 끝나지 않았다. Step3 회고 때 사람들이 많이 불참해서 아예 과정을 리팩토링하여 이월하기로 결정되었다. 그래서 7월에 다시 진행할 예정이다.

이번에는 아예 새로운 코드로 만들어볼 계획이다. 여태까지와는 다른 방식으로, 완전히 React 스럽게 구성해봐야지

(7) 독서

음.. 글을 쓰고 있는 지금은 어떤 책을 읽었는지 정확하게 기억나지 않고 있다. 다음엔 책을 읽자 마자 바로 리뷰를 작성하던가 해야지.. 😂

그냥 기억나는 책 하나만 손에 꼽자면 앞서 언급한 프레임워크 없는 프론트엔드 개발open in new window 이다. 내용도 크게 어렵지 않고, 가볍게 읽기 좋은 책이었다. 일 하기 싫을 때 읽었다.

이 책을 통해서 replaceWith 라는 DOM API를 처음 알게 되었는데, 직접 사용해보니까 그렇게 편리한(?) API는 아닌 것 같았다. 그래도 outerHTML 의 찝찝함을 해결해줄 수 있어서 좋았다.

책을 통해서 얻은 수확은 단순히 가상 돔을 사용하는 게 아니라 diff 알고리즘을 통해서 렌더링을 최적화 하는 부분이다. 이 외에도 router나 store의 경우 직접 구현해본 적이 있어서 사실 크게 흥미롭진 않았다.

하반기에는 제발 독서 좀 하자!

(8) 단국대 Javascript Study

몇 달 전부터 스터디 만들어서 진행해보자고 마음만 먹고 실행에 옮기지 않고 있었는데, 무슨 바람이 불어서인지 6월에 급하게 커리큘럼을 만들고 스터디 모집open in new window을 진행했다. 일단 가볍게 10명만 모집해서 마루타(?)를 해보기로 했다.

스터디는 다음과 같이 진행된다.

생각보다 구성원들이 잘 참여중이고, 다들 열정이 넘쳐서 탈이다. 아마 잘 마무리 될 것 같다. 8월이 되면 똑같은 과정을 조금 보수해서 2기를 모집하고, level 2도 만들어서 진행해볼 생각이다.

지금은 계속 내가 리뷰하고 있지만, 2기 부터는 1기를 잘 수행한 분들이 리뷰해주는 형태로 진행해볼 생각이다. 잘 되면 좋겠지만... 잘 될까..?

4. 이사

이사를 오면서 제일 아쉬운 점은.. 옥상 풍경이다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c8fd875b-3b8f-41a3-b3ef-d923232cb794/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c73ddfdf-0176-489e-8d76-8069f213a344/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f1c1ad1e-802f-43ec-a6ce-949a82645074/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5b91de95-adf6-48f7-b4ac-f6b027983a89/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/62a83722-ddb0-4f60-bbd7-209f358acf41/Untitled.png

이런 풍경을 매일 볼 수 있었는데.. 그럴 수 없다는 점이 참 아쉽다. 이 동네에서 만난 고양이들도 좋았는데, 지금 키우고 있는 포동이의 어미도 이제 볼 수 없다는 점도 아쉽다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/90374524-491d-424c-b7fa-37ff7213693e/Untitled.png

이렇게 작은 고양이였는데!

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b47c2d5c-57cd-4c51-8232-08b39bc1208c/Untitled.png

지금은 어엿한 성묘가 되었다.

어쨌든 이제 이사를 왔고, 이사를 온 날 바로 걸어서 한강에 갔다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/01946d46-5baf-4d96-839f-2b652a9b7b8f/Untitled.png

걸어서 2km 정도면 갈 수 있어서 가볍게 산책하는 겸 갔다오기 좋은 거리다.

회사에서 집까지도 2km면 갈 수 있어서 요즘에는 매일 자전거를 타고 출퇴근 하고 있다.

이제 대중교통을 이용하지 않아서 그런지 회사를 갔다 왔을 때 피곤하지 않아서 좋다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/12b8eaa9-60e2-4bd7-a2f2-ad2008d0d3e3/Untitled.png

마지막은 최근에 찍은 사진으로 마무리!

5. 하반기 계획

- + diff --git a/Review/2021-year/end/index.html b/Review/2021-year/end/index.html index 45aa620d..09914f2a 100644 --- a/Review/2021-year/end/index.html +++ b/Review/2021-year/end/index.html @@ -23,7 +23,7 @@ } 주니어 개발자의 2021년 회고 | 개발자 황준일 - + @@ -53,6 +53,6 @@ }
 



 


 




 






관련 코드는 이 저장소open in new window에서 확인해볼 수 있다.

덕분에 무척 공부를 많이 할 수 있었다. 이를 통해서 작성한 포스트 때문에 내가 생각했던 것 보다, 특히 부스트캠프의 캠퍼들에게 꽤 이슈가 많이 되었던 것 같다.

무엇보다 네카라 같은 기업에서 오퍼가 와서 무척 당황했다. 글 하나의 파급력(?)이 이렇게 클줄 몰랐다.

(4) 포스팅

작성한 글이 생각보다 많진 않다. 초안만 작성해놓고 투고하지 않은 글이 좀 있다.

그래도 글 하나 하나에 정말 많은 애정을 담아서 썼기 때문에 만족한다.

4. 대외 활동

(1) NextStep Java Clean Code 리뷰어

1) Java CC 11기 리뷰어

2)Java CC 12기 리뷰어

본격적으로 프론트엔드를 전문으로 하는 사람이 되었기 때문에 13기부터는 리뷰어로 신청하지 않았다. 다만 javascript 관련 강의가 열린다면 일단 신청해서 수료하고, 기회가 주어진다면 꼭 리뷰어로 활동하고 싶다.

(2) 우아한 테크코스 Pro 2 리뷰어

Untitled

Java CC 리뷰어로 꽤 성실하게 활동해서인지 박재성(자비지기)님한테 우아한테크캠프 Pro 2기 리뷰어로 활동할 의사가 있냐는 메세지를 받았다. 조금의 고민이 있었으나 다시 오지 않을 기회라고 생각해서 바로 하겠다고 승락했다.

리뷰어의 입장이었으나 사실 내가 Pro 과정의 리뷰어로 활동할 깜냥은 아니라고 생각했기 때문에 활동하는 기간 동안 무척 공부를 열심히 했다. 직접 미션을 혼자 수행해보기도 하고, 다른 리뷰어 분들이 리뷰하는 방식도 많이 참고했다.

오히려 내가 테크캠프를 들어야 하지 않을까? 하는 마음으로 임했던 것 같다. 나에게는 좋은 일이지만.. 사실 나에게 리뷰를 받는 분들에게는 조금 죄송한 마음이 있었다. 경력도 부족하고, 실력도 부족하고, 무엇보다 리뷰어로 활동할 당시에 백엔드보다는 프론트를 조금 더 많이 하는 상태였기 때문에 자괴감이 들기도 하고.. 조금 복합적인 심정이었다.

어찌저찌 리뷰어 활동을 마무리할 수 있었으나, 반대로 더이상 Java 리뷰어를 하면 안 되겠다고 다짐하는 계기가 되기도 했다.

(3) 부스트캠프

8월에 부스트캠프 리뷰어 모집 공고가 올라왔다. 회사에 부스트캠프 출신의 팀원을 두 분이나 모셔오기도 했기 때문에 이번에도 꼭 참여하자고 다짐했다.

1) 리뷰어

작년에 리뷰어 활동을 해봤기 때문에, 올해의 리뷰어 활동은 크게 어렵진 않았다. 노션에 기본적으로 지켜져야 하는 코딩 가이드를 작성해서 공유했고, 참고하는 글이나 저장소 또한 공유했다.

다만 이번에는 2주마다 담당하는 캠퍼들이 달라져서 더 신선했다. 프로젝트의 난이도는 더 높아져서 캠퍼들이 무척 힘들어하는게 느껴졌다.

다만, 내가 작성한 Vanilla Javascript 관련 글들이 캠퍼들에게 거의 교과서(?) 처럼 읽히고 있어서 무척 신기했다. 덕분에 리뷰 하기가 한결 더 수월했다.

이를 계기로 마스터인 크롱님이 캠퍼들과 1시간의 티타임을 가지면 좋을 것 같다고 하셔서 흔쾌히 승락했다. 굉장히 다양한 질문들이 있었는데, 제일 기억에 남는건 매번 주어지는 미션 난이도에 대한 질문이었다.

나는 여기서 더 어려워도 좋을 것 같다고 이야기했다. 덕분에 캠퍼들의 반응이 무척 뜨거웠다. 아마 나를 미친놈이라고 생각하지 않았을까?

그래도 인생에서 지금처럼 몰입할 수 있는 시간이 앞으로 없을 수도 있다고 생각하고 있었기 때문에, 아직 수료하지 않은 캠퍼들이 우리 회사에 지원했을 때 정중하게 거절 의사를 밝히고 부스트캠프 수료에 집중하면 좋겠다고 전달했었다.

2) 멘토링

리뷰어 활동이 끝나고, 이어서 멘토링 활동을 할 사람을 모집하길래 다시 바로 지원했다. 오히려 리뷰어 활동보다 더 편하고(?) 재밌었다. 경력자를 위한 이런 캠프가 있으면 좋겠다고 생각 중이다. 나는 너무 급하게(?) 취업을 해서 제대로된 개발자 네트워크가 구성되지 않은 상태다.

그런데 이렇게 힘들고 재밌는 과정을 같이 수료한 동료들이 있다면 얼마나 좋을까? 하고 생각해보곤 한다.

어쨌든, 멘토링 활동은 6주간 진행되었으며 나는 두 조를 담당했다.

31조와 32조였는데, 31조는 정말 텐션이 높아서 같이 참여하는 나도 텐션이 꽤 높아졌고, 32조는 기술적인 챌린지를 많이 해서 그런지 매번 지쳐보였다. 멘토링 활동이 끝나고 각 조원들과 회식을 했었는데 무척 재밌었다. 사진이라도 찍어둘껄..!

31조의 경우 두 분은 아직 학교를 재학중인 분들이었는데, 이렇게 젊은 나이에 이런 경험들을 했다는게 무척 부러웠다. 무엇보다 우리 포동이를 무척 좋아해주셔서 감사했다.

Untitled

32조의 경우 내가 첫날 멘토링을 하면서 늘어놓았던 이야기들을 면접때 잘 활용했다는 이야기를 듣고 무척 놀랐다. 사실 짧은 시간 동안 굉장히 많은 이야기를 했고, 녹화를 한 것도 아닌데 그렇게 경청하고 기억해서 면접때 이야기할 수 있는 사람이 얼마나 될까? 싹이 다른 사람들이라는게 느껴졌다.

이 자리를 빌어서 캠퍼분들 모두 좋은 회사에 꼭 입사하기를 간절하게 바랍니다! 도움이 필요하면 언제든 DM 주세요 😁

(4) 항해 99

어쩌다보니(?) 부스트캠프 팀프로젝트 멘토리를 하면서 동시에 스파르타 코딩클럽의 항해99 실전 프로젝트 멘토링도 하게 되었다.

Untitled

1) 실전 프로젝트

총 3팀을 맡아서, 매주 한 팀당 30분씩 멘토링을 진행했다. 대체로 백엔드를 하시는 분들은 실력도 뛰어나고 고민을 많이 하는게 눈여 보였는데 프론트를 하시는 분들은 거의 기능 구현에만 집중하는게 느껴져서 아쉬웠다. react를 사용하지만 javascript는 잘 모르는 느낌도 있어서 더 아쉬웠다.

다들 프로젝트 일정이 촉박하다보니 따로 공부할 시간이 없어보여서 추가적으로 공부해야 하는 것들을 던져주기에도 조금 애매했다.

2) 미니 프로젝트

미니프로젝트의 사정도 크게 다르지 않았다. 조금 우려스러웠던 부분은 많은 분들이 cors 사용을 당연시 하는 것이었다. 덕분에 proxy 전도사(?)가 되어서 왜 proxy를 써야 하고, 어떻게 사용해야 하는지 굉장히 많이 설명했다. 시간이 된다면 아예 포스트를 하나 작성해야지 싶다.

(5) 고등학교 방과후 수업 강의

올해는 비대면으로 인천금융고등학교 학생들을 대상으로 방과후수업을 진행했다. 대체로 녹화본을 공유하는거라서 힘들진 않았다. 다만 하반기에 인강을 다시 처음부터 만들어서 올려야했기 때문에 꽤 번거로웠다.

녹화해서 공유하는게 편하긴 했지만, 학생들을 직접 보지 못하는 부분은 내심 아쉬웠다. 그래도 꽤 괜찮은 부수입이었기 때문에 만족한다.

내년에는 어떻게 진행될지 잘 모르겠다.

(6) 단국대 스터디

올해는 알고리즘 스터디를 전혀 진행하지 않았고, javascript study를 진행했다. level1 부터 시작해서 level2 까지 진행했는데, 처음 스터디를 진행할때는 생각보다 여유롭게 진행해서 좋았으나 나중에 Level1 2랑 level2 1기를 진행할 땐 너무 바빠서 힘들었다.

부스트캠프 리뷰어/멘토링 + 항해 99 멘토링 + 스터디 + 인강제작 + 그냥 많은 회사일 등.. 어떻게 버텼는지 신기할정도.

위와 같은 형태로 진행했고, 매주 월요일에 온라인 세션을 하면서 피드백을 주고 받았다. 스터디 퀄리티가 내가 생각해도 만족스럽지 않았다. 내년엔 제대로 정비해서 다시 모집할 생각이다.

12월 초에 시간 되는 사람들끼리만 모였는데, 생각보다 재밌었다. 내년에는.. 내가 백신 미접종자여서 모일 수 있을지 미지수.. 모이려고 해도 집에서만 봐야할 것 같다.. ㅠㅠ

(7) 블로그 스터디

https://github.com/zum-study/zum-blog-studyopen in new window

회사 사람들과 어떻게 해야 조금이라도 친해질 수 있을까 고민하다가 블로그 스터디를 진행해보자 의견이 나왔고, 팀원 중에 한 분이 직접 스터디를 운영하기로 해서 같이 참여했다.

처음에는 한 주에 한 편의 글을 작성하기로 했는데, 다들 너무 힘들어하는게 보여서 격 주에 한 편의 글을 작성하는 방식으로 변경했다.

나도 처음에는 꽤 꾸준하게 글을 작성했는데, 시간이 흐를수록 작성하는게 무척 힘들었다. 무엇보다 어떤 주제로 글을 써야 좋을지 결정하는게 제일 어려웠다.

어쨌든 결과적으로 블로그 스터디를 하면서 좋은 일들이 많이 있었기 때문에 만족한다.

원래는 다른 팀원 분들과의 교류를 목적으로 하는 것이 제일 컸는데 생각보다 참여율이 저조해서 아쉬웠다. 내년에는 부디 많이 참여하기를!

5. 이직에 대한 고민

우리 실장겸 이사겸 팀장open in new window님이 입사 초부터 꾸준히 나에게 너는 꼭 직접 다른 회사에 지원하지 말고 오퍼(스카웃)가 오면 그때 이직해라고 이야기 하셨다. 그런데 오퍼가 생각보다 빨리왔다.

(1) 이직 제의

처음에는 Vanilla Javascript로 상태관리 시스템 만들기open in new window 글을 작성한지 얼마 되지 않았을 때 K 계열사에서 연락이 왔다. 사실 회사에서 연락을 받았다기 보단, 그 회사의 시니어 개발자분이 직접 연락을 주셔서 메일을 받았을 때 눈위 말 그대로 휘등그레졌다.

만약 그 때 바로 얼씨구 좋구나~ 하고 갔으면 어땠을까.. 하는 부질없는 고민을 많이 해본다. 곧 상장 예정인 회사였고, 복지도 무척 좋았고, 극혐하는 IE도 사용하지 않았고, 정말 하나부터 열까지 다 좋은 회사였다.

어쨌든 그러고 나서 블로그 글이 생각보다 여파(?)가 좀 있구나 하는 생각에 조금 더 열심히 써야겠다고 생각했다.

그 후에 N사에서 Vanilla Javascript로 가상돔(VirtualDOM) 만들기open in new window를 작성했고, 얼마 후에 다시 N사에서 이메일이 왔다. 어찌저찌 해서 30분정도 온라인으로 네트워킹 하는 시간을 가졌다.

해당 팀의 팀장님도 마침 팀을 꾸린지 얼마 되지 않은 상태였고, 처음에는 주니어 프론트엔드 개발자의 채용 프로세스 참여 후기open in new window를 보고 인상 깊었다는 이야기를 해주셨고, 그 후에 올린 글들을 보고 연락을 주게 되었다고 이야기해주셨다.

그 후에 또 몇 편의 글을 작성했는데 무척 존경하는 개발자 중 한 분이 직접 연락을 주셨고 집 근처에서 뵙게 되었다. 직접 찾아와주셨기 때문에 감사한 마음과 죄송한 마음, 그리고 설레는 마음(?)이 뒤섞인 상태로 뵈었다.

무척 재미있고 흥미로운 이야기를 많이 해주셨고, 마음 같아선 지금이라도 당장 줌인터넷을 때려치우고 싶었으나(?) 이성의 끈을 간신히 부여잡은 것 같다.. ㅎㅎ

그 후에도 여러 스타트업과 메이저 기업에서 연락이 왔었으나 어쨌든 결론적으로는 모든 오퍼를 거절했다. 지금은 이직할 때가 아니라고 생각했다. 내년이 되면 또 다르겠지 싶지만,

아직은 파트가 안정되지 않은 상태이고, 내가 여기서 할 수 있는, 하고 싶은 일들이 무척 많이 남은 상태이다. 시기가 언제가 되었든 나는 내가 할 수 있는 모든 일을 다 한 다음에 이제 이직을 해도 후회가 없다고 느끼는 시점에 홀가분하게 정말 내가 원하는 회사로 잘 준비해서 가고 싶다.

물론 말은 이렇게 하지만 인생은 어떻게 될지 모르기 때문에.. 마침 그걸 너무나 잘 느낀 한 해였기 때문에, 일단은 하루 하루를 열심히 살아가는 걸로!

(2) 떠나게 된다면?

그래도 한 번 어떤 회사에서 일하고 싶은, 혹은 내가 일하는 환경을 어떤 식으로 바꿔볼지 고민해보면 좋을 것 같다.

1) 다양한 대비가 필요한 것 같다.

올해 들어서 회사에 퇴사자가 무척 많이 생겼다. 아직까지 우리 파트원중에 이직한 사람은 없지만 사실 언제 나가도 이상하지 않다고 생각한다. 혹은 언제 나가더라도 대비를 할 수 있도록 해야한다고 생각한다.

그게 내가 될 수도 있고, 다른 사람이 될 수도 있을 것이다. 이탈자가 생겼을 때 어쨌든 빠르게 이탈자의 업무에 적응할 수 있는 방안이 필요하다. 처음에는 그게 코드리뷰 라고 생각했다. 그런데 현실적으로 지금 당장은 코드리뷰를 할 수 있는 환경이 아니다. 그럼 어떻게 해야 좋을까? 고민을 하다가, 일단 테스트코드가 필요하다는 결론을 내렸다.

단위테스트로 작성해도 상관 없고, 인수테스트로 작성해도 상관 없을 것이다. 중요한건 어떤 로직을 어떤 목적으로 왜 작성했는지 설명할 수 있는 코드가 있어야 한다는 것이다.

어떤 다른 파트의 팀원 분은 사수에게 주석을 작성하지 말라는 이야기를 들었다고 한다. 나는 이게 반은 맞고 반은 틀렸다고 생각한다. 분명 읽기 쉬운 코드로 작성할 수 있다면 주석을 작성하지 않아도 된다.

그런데 읽기 쉬운 코드와는 별개로, 이 코드가 어떤 연유 때문에 생겼는지는 주석이든 문서든 어떤식으로든 히스토리를 남겨야한다고 생각한다. 그리고 그 히스토리가 문서여도 상관 없고, 테스트코드여도 상관없다고 생각한다.

테스트 코드를 작성한다면 문서를 작성했을 때 보다 더 많은 일을 할 수 있지 않을까? 배포 자동화를 할 수도 있고, 문서를 작성할 때 보다 업무에 대한 동기(Motivation)를 부여할 수 있으리라 생각한다.

이와 더불어서 페어프로그램을 겸하면 어떨까? 일단 시도해볼 예정이다.

이 외에도 내가 앞서 언급했던 행복한 조직, 일을 잘하는 조직 을 만들 수 있도록 노력해볼 생각이다. 안 되면.. 별 수 없고!

사실 나 혼자서 한다고 되는게 아니기 때문이다. 결국 개인이 조직을 변화시키기 위해서는 동조하고 공감하는 사람이 필요하다. 내 편을, 내 의견을 잘 들어주는 사람들이 많아지도록 애쓰는게 우선일 것 같다.

2) 그래서 내가 일하고 싶은 회사는?

간단하게 나열해보겠다.

이 외에도 많은 것들이 있겠지만, 지금 당장 생각나는 것은 저정도인 것 같다.

6. 일상

(1) 이사

이사를 오면서 제일 아쉬운 점은.. 옥상 풍경이다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c8fd875b-3b8f-41a3-b3ef-d923232cb794/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c73ddfdf-0176-489e-8d76-8069f213a344/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f1c1ad1e-802f-43ec-a6ce-949a82645074/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5b91de95-adf6-48f7-b4ac-f6b027983a89/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/62a83722-ddb0-4f60-bbd7-209f358acf41/Untitled.png

이런 풍경을 매일 볼 수 있었는데.. 그럴 수 없다는 점이 참 아쉽다. 이 동네에서 만난 고양이들도 좋았는데, 지금 키우고 있는 포동이의 어미도 이제 볼 수 없다는 점도 아쉽다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/90374524-491d-424c-b7fa-37ff7213693e/Untitled.png

이렇게 작은 고양이였는데!

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b47c2d5c-57cd-4c51-8232-08b39bc1208c/Untitled.png

지금은 어엿한 성묘가 되었다.

어쨌든 이제 이사를 왔고, 이사를 온 날 바로 걸어서 한강에 갔다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/01946d46-5baf-4d96-839f-2b652a9b7b8f/Untitled.png

특히 서울로 오니까 대중교통을 이용하는 일이 거의 없어졌다. 강남도 걸어서 20~30분 정도면 갈 수 있고, 대중교통을 타더라도 대체로 30분, 느려도 1시간 정도면 웬만한 곳은 다 갈 수 있다. 어차피 서울 시내니까!

확실히 서울이 좋긴 좋다. 다만 미친듯이 올라버린 집값을 보자면.. 한숨이 나온다.

그래서 한 동안 차올랐던 서울 뽕이 빠지고, 다시 지방에 눈을 돌리는 중이다.

(2) 새로운 가족

Untitled

Untitled

Untitled

Untitled

약 1주일 전에 새로운 가족이 생겼다. 집에서 대부분의 시간을 혼자 보내는 우리 주인님이 계속 신경쓰여서 애기 주인님을 모셔왔다. 처음에는 엄청 으르렁(?) 거렸지만 금세 친해져서 다행이구나 싶다 ㅎㅎ

Summary

정리하자면

- + diff --git a/Review/2022-year/end/index.html b/Review/2022-year/end/index.html index 259e4a47..9a63e067 100644 --- a/Review/2022-year/end/index.html +++ b/Review/2022-year/end/index.html @@ -23,11 +23,11 @@ } 주니어 개발자의 2022년 회고 | 개발자 황준일 - +
Hits bn

주니어 개발자의 2022년 회고

벌써 2022년이 저물었다. 올해는 생각보다 많이 버거웠다고 느끼는 중이다. 긴 글이 될까? 짧은 글이 될까? 일단 한 번 써보자.

여태까지 썼던 회고들은 나를 위한 글이라기보단 다른 사람들에게 보여주기 위한 성격의 글이었다. 이번에는 온전히 나 스스로를 위한 글을 써보고자 한다.

1. 안녕, 줌인터넷

1

2019년에 줌인터넷에 입사했고, 2022년 5월에 퇴사했다. 퇴사를 하면서 기술블로그에 회고를 작성했는데, 그 후에 한 동안 다른 글이 안 올라와서 그런지 없어졌다. 아디오스..

백엔드 개발

줌인터넷에서는 프론트엔드 개발보단 백엔드 개발을 더 많이했다. 처음에 프로젝트 코드를 보면서 정말 많이 감탄했다. 신세계가 펼쳐진 기분이었달까… 좋은 사수와 좋은 코드가 있었기에 빠르게 성장할 수 있었다. 개인적인 노력도 꽤 많이 했지만, 좋은 환경이 뒷받침 되었기 때문에 노력의 효과를 볼 수 있었다고 생각한다.

프론트엔드 개발

2021년 하반기에 프론트엔드 개발파트가 신설되었고, 이 때 부터 아예 프론트엔드 개발을 전담했다. 돌이켜보면 자동화에 완전히 무신경했다. CI/CD, 정적분석, 테스트 및 기타 등등 리스크를 관리할 수 있는 수단이 많이 있었을텐데, 이 당시에는 코드 자체에 대한 고민에 꽂혀있었다. 뭐랄까… 고민의 방향이 엉뚱했나 싶기도하지만, 덕분에 나만의 컨텐츠를 만들어낼 수 있었던 것 같기도 하고.

그래서 요즘 부트캠프를 통해 학습한 사람들과 비교했을 때 스스로에 대한 아쉬움을 많이 느낀다. 개발을 위한 도구와 수단이 이렇게 많은데 왜 나는 그런 것들에 관심을 갖지 않았을까 하는.

반대로 나는 야생학습에 특화된 사람이 아닐까? 공부하고자 한다면, 공부할 수 있고, 실천할 수 있고, 몰입할 수 있다. 내가 가진 것들을 통해서 가지지 못한 것을 흡수해보자.

파트리더

어쩌다보니 파트리더를 하게 되었고, 잘 하고 싶어서 꽤 많은 노력을 했지만 결론적으로 나는 좋은 파트리더가 아니였다. 체계를 만드려고 했으나, 좋은 체계를 만들지 못했다. 팀원들이 성장할 수 있는 환경, 같이 일할 수 있는 환경, 팀 단위로 일할 수 있는 환경을 만들지 못했다.

나는 줌인터넷에서 큰 폭으로 성장했으나, 내가 팀원을 성장시킨 사람이었나 물어본다면 당당하게 No! 라고 말할 수 있다.

앞으로 어딘가에서 리더를 하게 된다면, 나의 성장 보다는 팀원 혹은 구성원을 성장할 수 있는 방법에 더 많이 투자하고 싶다. 근데 그게 가능하기 위해선 일단 내 경험의 폭이 깊고 넓어야할 것 같다.

퇴사

어쨌든 퇴사를 했다. 많은 것을 배울 수 있는 동료들이 있었으며(다 떠났고..?), 밀도 있는 경험을 많이 했다. 그래서 줌인터넷이라는 회사가 정말 간절하게 잘 되길 바란다.

2. 안녕, 네이버

2

우여곡절 끝에 네이버라는, 나에게 참 과분한 기업에 그리고 뛰어난 동료들이 있는 팀(HomeBuilder)open in new window에 합류하게 되었다.

합류하기 까지

이직을 하겠다고 마음 먹은 후에 모든 헤드헌터와 리쿠르터의 제안을 수락했다. 아마 한 달 동안 지원한 곳이 어림잡아 10개 이상 되는 것 같다. 하필 면접이 포진해있는 기간에 코로나에 걸려서 컨디션이 최악이었던게 참 아쉽다.

꽤 많은 면접 경험에서 느낀 제일 큰 줄기가 한 가지 있다. 기술면접까진 내가 노력하면 어느 정도는 커버가 가능 하지만 그 이후는 천운이다. 팀의 핏에, 더 상위 조직의 핏에, 기업의 핏에 내가 맞아야 하는 것이다. 이건 조직마다 다르고, 면접에 들어오는 면접관의 가치관마다 다르다. 그래서 기술면접에서 떨어지면 더 공부를 했고, 기술면접 이후에 떨어지면 크게 아쉬워하지 않았고 나랑 안 맞는 기업이었구나 생각했다.

면접 때는 나를 온전히 드러내야 하고, 그렇게 드러낸 나의 모습과 회사와 조직이 맞지 않다고 생각하면 담담하게 받아들여야 한다. 맞지 않는 조직에서 일하는 것은 나에게도 조직에게도 해가될 뿐이다.

네이버의 면접은 나의 역량을 최대한 끌어내기 위한 질문들이었고, 그게 정말 너무 좋았다. 코로나에 걸렸을 때 며칠 밤을 제대로 못 잤는데, 밤새도록 네이버에 아니 이 팀에 정말 꼭 합류하고 싶다는 생각을 했다. 그렇게 총 세 번의 면접을 봤고, 합격 메일을 받았고, 이 때가 2022년 최고의 순간이었다.

함께 일하기

내가 생각하는 우리 팀의 최고 강점은 “함께 일하기” 그리고 “집단 지성” 이다.

같은 팀의 훈민님께서 작성한 회고open in new window 일부를 발췌해보자면,

팀의 변화를 가장 잘 보여주는 상징은 ‘와인바 미팅’이다. 와인바는 게더타운에 만든 회의 공간이다. 문제가 잘 안 풀리면 슬랙에 도움을 요청한다. 조금 기다리면 하나둘 와인바로 사람이 모이고 문제를 같이 논의한다. 규칙이나 장치를 만들지 않았다. 누가 하자고 한 적도 없다. 그냥 자연스레 문화가 생겼다. 와인바는 우리 팀의 문화를 보여주는 상징이다. 동료들은 이제 우리 팀의 장점으로 ‘집단 지성’을 꼽는다.

내가 합류한 시점에 집단 지성으로 문제를 해결하는 문화가 자리잡혀있는 상태였다. 자연스럽게 의견을 이야기하고, 같이 고민하고, 같이 해결하는 것이 제일 인상 깊었다.

단순히 이런 문화가 신기한게 아니라, 이런 문화를 만들어 가는 역량을 가진 팀이라서 좋았다. 네이버니까 기술은 당연히 뒷받침 될 것이고, 제품을 잘 만들기 위해 더 좋은 수단, 더 좋은 문화를 찾아서 적응한다는 것이 시사하는 바가 무척 큰 것이다.

그래서 나는 훈민님과 일하게 된 것이 2022년의 제일 큰 행운이라고 생각한다.

사실 모든 팀원의 역량이 너무 뛰어나서 나같은 찌끄레기는 따라가기가 벅찬 수준이다. 누군가에겐 이게 부담일 수 있겠지만, 난 이 상황이 참 좋다. 배우고 싶은, 배울 수 있는 사람들이 무척 많다. 주위에 있는 모든 사람이 존경스럽고 멋있고 닮고 싶다. 내가 딱 원하던 상황이랄까..!? 나는 이렇게 뛰어난 분들과 일하고 싶어서 네이버라는 기업에 오고 싶었던 것 같다.

오글오글

3 bn

내가 입사한지 얼마 되지 않았을 때 Club Greeny 라는게 생겼다. 쉽게 말해서 사내 동아리인데, 어떤 동아리를 해볼까 고민하다가 오글오글(오늘의 글쓰기 x 2)이라는 동아리에 가입했다.

꽤 버거운 회사 생활의 한 줄기 빛이랄까? 고민을 늘어놓고, 들어주고, 공감할 수 있는 공간이 생겼고 꽤 적극적으로 활용했다.

9월 ~ 11월까지는 활동을 적극적으로 했는데, 12월은 거의 하지 않았다. 연말이라서 마음이 허한 것도 있었고, 매일 매일 글을 쓰다보니 소재도 많이 떨어졌다.

2023년에는 더 적극적으로 활동할 예정!

MBTI

새로운 조직에 합류하고, 새로운 사람들을 만나면서 MBTI에 대해 과몰입했다. 사실 지금도 과몰입 중이다. 빨리 적응하기 위해선 주변 환경, 주변 사람에 대한 이해가 필요했는데 MBTI가 좋은 지표가 된다고 생각했다. 그리고 우리 조직에 어울리는 MBTI는 뭘까도 많이 고민했다.

결론은… 난 계획형 인간이 아니고, 적어도 우리 조직에 잘 적응하기 위해선 어느 정도의 잘 정리된 계획이 필요하다. 그래서 2023년의 목표는 의식적인 계획형 인간이 되는 것이다. 안 되면 별 수 없고?

약 3년 동안 ESFJ로 고정되어 살아왔는데, 글을 작성하는 시점에는 ESFJ, ENFJ, ENFP, ESFP를 왔다갔다 하고 있다. 계획형을 한참 벗어났다. 아마 9일 동안의 휴식을 거쳐오니 이런게 아닌가 싶다. 나는 일을 할 때는 그나마 J가 되는 것 같은데… 쉴 때, 놀 때는 아무리 봐도 P가 된다. 무계획으로 노는 것을 좋아한달까? 생각하면서 놀고 싶지 않다. 생각 없이 놀고 싶다.

개발이 아닌, 일을 잘 하기

결국 개발이라는 행위는 돈을 벌기 위한 수단이고 도구이다. 개발을 잘 하는 것은 "일을 하기 위한" 필요 충분 조건이다. 이제 "일을 하기 위한" 필요 충분 조건들에 대해 고민을 해야 하고, 이걸 잘 하는 사람이 기업에 더 많은 이윤을 가져오고 성과를 내는 것이 아닐까?

일을 잘 하기 위해선 일을 하는지 알아야하고, 왜 하는지 알 수 없다면 할 필요가 없다. 개발자들은 꽤 많은 연봉을 받는다. 내가, 우리가 쓰는 시간이 사실 다 돈 덩어리인 것이다. 그렇기 때문에 일을 시작하기 전에 일을 해야 하는 이유를 명확히 해야하며, 효율적으로 효과적으로 할 수 있어야 한다.

이게 머릿속에는 콕 박혀있는데, 자연스럽게 하기가 참 어렵다.

2022년의 나는 일을 잘 했을까? 아니면 그냥 했을까? 그냥 한 것에 가깝지 않을까?

2023년에는 일을 “잘” 하기 위한 고민들을 하고, 실천 할 수 있기를 바란다.

3. 부스트캠프

4 bn

부스트캠프에 5기(2020)에는 리뷰어로, 6기(2021)에는 리뷰어와 멘토로 참여했는데, 어쩌다보니(?) 7기에는 마스터로 참여하게 되었다.

부스트캠프는 챌린지 → 멤버쉽 → 팀프로젝트 등 3개의 과정이 존재하고, 나는 마스터로서 멤버쉽과 팀프로젝트에 기여할 수 있었다.

2시간씩 총 14번의 온라인 강의를 했는데, 이게 참… 많이 버거웠다. 내가 경험한 도메인의 폭이 좁았고(포털 서비스에 국한된 도메인…), 정답을 최대한 제시하지 않는 방식으로 내용을 전달 하는 것이 부스트캠프 운영 목표였기 때문에 전달하고 싶은 내용이 많아도 이를 전달하기가 쉽지 않았다. 떡밥만 계속 던져줘야 하는데 이게 강의를 하는 나도, 강의를 듣는 캠퍼들도 참 많이 답답했다.

멤버쉽 교육 과정을 설계할 때도, 새로운 시도를 많이 하고 싶었는데 결국 대부분 전 기수의 콘텐츠를 많이 활용했다. 돌이켜 생각해보면, 조금 무리를 해서라도 콘텐츠를 엎어버리고 새로운 시도를 했으면 어땠을까 하는 아쉬움이 있다. 이번 기수의 콘텐츠는… 깊은 몰입이 쉽지 않았을 것 같다. 너무 많은 기술이 있고, 심지어 풀스택으로 해야 하고, 리뷰어에게 리뷰를 받는 것도 쉽지 않은 콘텐츠였다. 그래서 주제를 작은 단위로 쪼개서 더 깊게 몰입할 수 있도록 했으면 더 좋았으리라 생각한다. 사실 캠퍼들의 역량이 뛰어나기 때문에 어떤 콘텐츠를 던져줘도 어떻게해서든 잘 흡수해서 성장했을 것 같다.

내년에도 나에게 기회가 있을지 모르겠으나, 기회가 있다면 더 적극적으로 개선해보고 싶다. 사실 끝나서 이런 생각을 하는거지 아마 다시 하라고 하면 힘들어서 못할 것 같기도..?

어쨌든 나는 내가 가진 역량에 비해 너무 많은 관심을 받았고, 그게 참 부담스러우면서도 감사했다. 그래도 나라는 존재가 이들에게 조금이나마 도움이 되었다는 것에, 도움을 줄 수 있었다는 것에, 이런 기회가 생겼다는 것에 깊은 감사함을 느낀다.

To. 부스트캠프 캠퍼여러분

부스트캠프라는 이 힘든 과정을 끝까지 완수한 여러분을 마음 깊이 존경하고 있어요!

"황준일"이라는 사람은 아마 여러분이 기대한 마스터의 모습보다 경험도 역량도 많이 부족했으리라 생각합니다. 그럼에도 불구하고 과분한 관심을 주셔서 감사하고, 함께할 수 있어서 즐거웠고, 행복했습니다.

수료식 때 이야기했던 것 처럼, 이 과정은 여러분의 시작입니다. 부스트캠프는 개발자로 살아남기 위한 코어 근육을 만들어준 시간들이었습니다. 여러분이 지쳐 쓰러져도, 이 시간들이 다시 일으켜 세워줄 수 있으리라 생각합니다. 아마 앞으로 보낼 대부분의 시간들은 부스트캠프의 과정보단 덜 힘들지 않을까요!?

2023년은 여러분의 노력이 결실을 맺는 해가 되길 바랍니다!

4. 넥스트스텝

2022년에는 자바스크립트 클린코드 과정open in new window에 총 3번 리뷰어로 참여했다. 자바 클린코드 과정의 리뷰어로 참여할 때 보단 부담은 줄었고, 재미는 늘었다. 2023년에는 리액트 과정이 열린다고 하니 기대 중이다.

그리고 교육자 양성과정open in new window에 수강생으로 참여했는데, 어떤 교육이 좋은 교육인지 꽤 많이 고민할 수 있었다. 고민의 기회가 된 것 자체가 소중한 경험이었다. 다만 강사로서의 내 모습은… 만족스럽지 못했다. 재능이 없는 것 같기도

어떤 서비스는 고객이 좋은 가치를 제공해주기도 한다. 나는 넥스트스텝이라는 교육 플랫폼이 이에 해당한다고 생각한다. 단순히 교육을 받는 수동적인 고객이 아니라, 교육에 기여할 수 있는 능동적인 고객들이 넥스트스텝에 많이 있다. 어떻게보면 양질의 교육에 비해 규모가 작다고 생각할 수도 있지만 그만큼 넥스트스텝의 수강생들은 굉장히 많은 가치를 만들고 있다. 교육자와 수강생의 시너지가 좋다고 해야할까?

그래서 나는 넥스트스텝이라는 이 플랫폼이 너무 마음에 들고, 여기에 기여할 수 있다는 사실에 감사함을 느낀다.

5. 기능경기대회

5

매년 여름에 보는 서울디지텍고등학교의 풍경이다.

2022년에도 어김없이 대회가 열렸고, 학생들을 가르쳤고, 기대한 것 이상으로 학생들이 잘 해주었다. 특히 이번에 가르쳤던 학생들은 성장에 대한 욕심을 많이 보여서 좋았다.

2023년에는 이 친구들을 활용해서 체계적인 대회 교육 시스템을 만들어 보고 싶은데… 나에게 그럴 여유가 있을지 모르겠다. 없으면 만들어야겠지? 계획형 인간이 된다면 가능할꺼야!

반은 농담, 반은 진담이다. 이게 가능해진다면, 시스템을 만들 수 있다면, 정말 많은 학생들에게 양질의 기회를 제공할 수 있을 것 같다.

6. 개인적인 생각

아무말 대잔치

2022년은 꽤 버거웠고 힘들었다. 심신이 2021년과 비교해보면 많이 지치고 망가진 것 같다.

이직이라는게 생각보다 더 에너지를 많이 쓰는 일이었고, 부스트캠프는 즐거움과 부담감이 정비례했다.

이 나이가 되어서 그런걸까? 어쩌다보니 장례식에 많이 갔고, 그럴 때 마다 어떻게 살아가야 혹은 어떻게 죽어가야 잘 살았다고 이야기 할 수 있는지에 대해 생각했다.

  • 내가 개발자이기 때문에 개발을 열심히 하는게 잘 살아가는걸까?
  • 회사에, 팀에 기여하는게 잘 살아가는걸까?
  • 돈을 잘 버는게 잘 살아가는걸까?
  • 친구들, 연인, 가족 등 다양한 인간관계 속에서 좋은 관계를 만드는게 그런걸까?
  • 무언가를 열심히 한다는 것이 그만큼의 의미가 있는 일일까?
  • 이렇게 애쓰는 이유가 뭘까?
  • 무엇을 위해서 살아가는걸까?

나는

  • 의도치않게 웹 개발을 시작했고,
  • 다른 것들에는 더 큰 재미를 느끼지 못해서 이 길을 택했고,
  • 어쩌다보니 개발 열풍이 불었고,
  • 이에 대한 사이드 이펙트로 많은 기회가 내 앞에 놓여졌다.

그래서 내가 손에 쥔 것들이(많은 것들을 쥐었다고 할 순 없겠지만) 가끔은 비현실적으로 느껴진다.

이 시대의 청년들이 했던 노력과 비교해보면, 내가 했던 노력은 노력이라고 하기에 우수운 수준이다.

그래서 나는 내 인생이 내 예상보다 잘 풀리는 만큼 다른 사람들의 인생도 잘 풀렸으면 하고, 이를 위해서 내가 할 수 있는 것들은 최대한 해보려고 한다.

나만의 방식으로 다른 사람들을 도울 수 있다면, 그것 만으로도 꽤 만족스러운 인생이지 않을까? 아마 앞으로는 이런 생각들과, 생각을 구체화하려는 시도를 많이 할 것 같다.

만남

2022년에는 정말 다양한 사람들을 만났다. 그러면서 인사이트도 많이 생겼는데, 이런 인사이트를 내 것으로 온전히 융화하지 못했고 그게 참 아쉽다.

지금 내가 무언가를 받아들이기엔 안정적인 상태가 아닌 것 같다. 그래서 꾸준히 나를 표현하고, 털어내고, 채워넣고 싶다.

버리자, 버려야 채울 수 있다. 그게 물건이 될 수도 있고, 마음이 될 수도 있고.

나의 강점과 단점

여자친구와 대화하다가 생각해본 나의 최대 장점은 실행력이다. 무언가 하고자 마음 먹었을 때 어떻게든 실행한다.

내가 계획을 세우진 않지만, 남이 세워 놓은 계획을 잘 따르는 편이랄까? 그리고 이를 실현하기 위해 무던히 애쓴다.

또 다른 강점은, 감정 기복이 많이 없는 편인데 감성적이다. 말이야 방구야

긍정적인 생각을 많이 하고, 긍정적인 상태를 꽤 오래 유지한다. 이런 점은 교육이나 멘토링을 할 때 효과가 좋은 편이다.

그리고 장점이다 단점은 과하게 몰입한다는 것. 현재의 컨텍스트에 몰입을 잘 하는 편인데, 문제는… 몰입을 하는 순간 그 외의 것에 신경을 많이 못 쓰는 편이다.

그래서 일을 하다가 회의가 있으면 회의에 잘 몰입하지 못할 때가 많고, 나의 일에 몰입하다보면 다른 사람의 일을 잘 파악하지 못할 때가 많다.

이를 잘 조절하기 위해 어떻게 해야 좋을까? 에 대한 생각을 많이 했었는데, 주변의 계획형인 사람들의 이야기를 들어보니 몰입을 계획적으로 한다고… (그게 가능한거야!?)

잘 될지 모르겠으나 시도는 해봐야할 것 같다.

그냥 단점이라고 부를 수 있는 것은, 창의력이 부족하다는 것..

무언가를 만들거나 개선할 때 이게 큰 걸림돌이 된다. 틀을 잘 깨지 못한달까?

그래서 나같은 사람은 최대한 많은 것들을 읽는게 좋다. 책도 좀 읽고, 아티클도 좀 읽고, 오픈소스도 좀 보자.

7. 계묘년

2023년의 목표

  • 인강 촬영

    • 올해는 꼭!!
    • 가능하면 1분기 이내로
  • 미라클 모닝

    • 5시에 일어나서 12시 이전에 잠들기
    • 오후 시간은 내가 아닌 주변을 더 신경 쓰기
    • 오전 시간에 나를 위한 일을 하기
      • 독서/운동/사이드잡
  • 유튜브와 SNS 적당히 하기

    • 빈 틈이 생기면 인스타를 키는 내 모습… 좋지 않아.
    • 대신 스트레칭이라도 해보면 어떨까?
  • 항상 청소하기

    • 2023년은 재택근무를 해야 하기 때문에 항상 깔끔한 상태를 유지해보기
  • 바른자세 유지하기

    • 이미 거북목이라서, 더 이상 악화되지 않게끔..
  • 운동하기

    • 출퇴근 시간이 없어지는 만큼 나머지는 운동에 시간을 투자해보면 어떨까?
  • 계획적으로 살기 ★★

    • 2022년에 절실히 깨달은 한 가지가 나는 무계획형 인간이라는 것
    • 나에게 주어진 시간을 조금 효과적으로 사용할 수 있는 것은 계획을 세우는 것
    • 계획은 논리와 근거를 만들어준다.
      • 계획을 세우는 것에 스트레스 받지 않을 수 있을까?
      • 계획을 세우는 계획을 계획해보자 (이게 뭔소린지)
        • 하루에 30분 정도는 투자할 수 있지 않을까?
    • 노션을 최대한 활용해보자
  • 웹툰 대신 독서

    • 당당하게 말하던 나의 취미… 웹툰, 웹소설…
    • 대신 독서를 해보면 어떨까?
    • 오늘부터 취미는 독서!!
  • 이사 준비

    • 과연… 어디로 갈 것인가! (나에게 선택권이 없을 뿐)

목표를 달성을 위한 액션 플랜

  • 평일

    • 필수로 써야하는 시간 = 16시간

      • 수면 6시간
      • 회사일 8시간
      • 식사 2시간 (점심/저녁)
    • 자유 시간 = 2시간

      • 뭘 하든 자유
    • 남는 시간 = 6시간

      • 운동 1시간
      • 독서 1시간 (23:00 ~ 24:00)
      • 오글오글 30분
      • 사이드잡 ( 글쓰기, 멘토링, 코드리뷰, 인강 및 기타 등등 ) 2시간
  • 주말

    • 가능하면 온전한 휴식을 추구하기..?
  • 매월

    • 월 초 → 이번 달 목표 세우기
    • 월 말 → 목표 달성 여부 확인 및 회고
  • 1분기

    • 남는 시간은 인강 촬영에 최대한 투자해보기
  • 2분기 ~

    • 사실 뭘 할지 모르겠음..
    • 아마 기능대회 관련 콘텐츠를 만들어야 하지 않을까?

8. 더 장기적인, 더 이상적인 목표

  • 우리는 일을 왜 할까? 결국엔 행복해지려고, 잘 살려고 하는게 아닐까?
  • 회사에 종속된 상태에서는 얼마나 행복해질 수 있을까?
  • 얼마나 자유로운 인생을 살 수 있을까?
  • 나는 회사에, 그리고 일에 종속적인 삶만 살 수 있는걸까?
  • 일에 종속적인 인생을 살아야 한다면, 정말 내가 좋아하는 사랑하는 일을 해야 하지 않을까?
  • 그렇다면 나는 개발자라는 직업을 얼마나 좋아하고 있을까?
  • 그냥 관성 때문에 개발자가 된게 아닐까?

그래서 나의 최종 목표는, 의존성 역전을 하는 것.

  • 회사라는 거대한 컨텍스트에, 개발자라는 인스턴스에 나를 주입하지 않는 것.
  • 내가 가진 인터페이스를 많이 찾아내는 것.
  • 내가 협력할 수 있는 사람들을 더 많이 찾아내는 것.

지금은 스케치만 해놓은 상태다. 2023년 회고에서는 청사진이 되어 있기를.

Summary

  • 2022년, 꽤 힘들었다.
  • 2023년, 더 잘 해보고 싶다.
Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Review/2023-year/end/index.html b/Review/2023-year/end/index.html index ed98f486..c2855366 100644 --- a/Review/2023-year/end/index.html +++ b/Review/2023-year/end/index.html @@ -23,11 +23,11 @@ } 2023년 회고 | 개발자 황준일 - +
Hits bn

2023년 회고

2022년 회고를 쓴게 정말 엊그제 같은데 벌써 1년이 지났다. 더닝크루거 곡선이 생각나는 일년이었달까?

올해는 개발자로서의 성장 폭이 크지 않았던 것 같다. 개발 외에 해야할 것도 생각해야 할 것도 해결해야할 것도 너무 많았다. 인생은 정말 한치 앞도 알 수 없다는걸 참 많이 생각하게된 일년이다.

작년까지는 회고를 작성할 때 타인에게 어필하고 싶은 내용들을 많이 담았다. 앞으로는 못난 점들을 많이 담고 싶다. 난 이전에도 못났고 지금도 못났고 앞으로도 못날 것 같지만, 느리고 더디고 힘들어도 성장 중이다.

그래서 다른 사람에게 보여주기 위해서 작성하는게 아닌 내가 기록하고 싶은 내가 간직하고 싶은 나의 모습들을 덤덤하게 작성하고 싶다.

2023년 목표 달성 점검

  • 미라클 모닝
    • 대실패
  • 운동
    • 특별하게 많은 운동을 했던건 아니지만, 광교로 이사온 이후에 하루에 한 번 산책을 했다.
    • 가을까지는 하루 평균 11km 정도 걸어다녔고, 날이 추워지면서 조금 뜸하지만.. 결론적으로 하루 평균 9km 정도 걸어다녔다.
    • 산책이 심신의 건강을 유지하는데 지대한 역할을 했다.
  • 인강촬영
    • 시도는 했으나… 결론적으론 실패
  • 청소하기
    • 복잡한 생각을 하고 있을 때 집안일을 하면 마음이 편해진다. 주변을 정돈하면서 마음도 정돈한달까?
    • 이 글을 작성하고 있는 시점에도 아침에 2시간 정도 청소를 했다.
  • SNS 줄이기
    • 숏츠 같은 무의미한(?) 것들은 많이 줄인 것 같다.
    • 인스타그램에는 대체로 고양이를 올리거나 산책할 때 찍은 것들을 올리거나?
    • 유튜브는 MBTI + 자기계발 영상으로 도배됐다. 그만큼 올해는 인간으로서의 성장에 대해 고민을 많이 했다는 점
  • 바른자세 유지하기
    • 몸이 펴졌다
    • 목, 어깨, 허리에 통증이 거의 없어졌다.
    • 자세는 원래도 바르게 유지하려고 했으나.. 운동(산책)의 영향이 컸달까
  • 계획적으로 살기
    • 1개월, 1년 단위의 계획을 설정하진 않았고 매일매일 해야할 일에 대한 계획을 설정했다.
    • 작은 것부터 시도해보니 어쨌든 계획을 하긴 하더라.
  • 독서
    • 엄~~청 많은 책을 읽었다곤 할 수 없지만, 작년과 비교하면 장족의 발전이다.
    • 대략 10권 이상의 책을 읽은 것 같다.
  • 이사
    • 우여곡절이 조금 있었찌만, 결론적으로 10년 전부터 살고 싶었던 동네(광교)로 이사왔다.
    • 대만족!
  • 어떻게 돈을 벌어야 좋을까 고민해보기
    • 말 그대로 고민만 했다.
    • 다른 일들을 할 여력이 없었다.

사실 별 생각 없었는데, 돌이켜보니 달성이 된게 많았다. 일단 계획을 세우고 목표를 설정하면 시도를 하게 되고, 뭐라도 하게 되는게 아닐까?

1. nBilly


(1) 간단한 소개

nBilly는 팀 이름이면서 동시에 제품 이름이다.

  • 팀으로서의 nBilly: 웹 UI 제작 기술을 연구·개발 → 비즈니스의 성장을 돕는 기술 조직
  • 제품으로서의 nBilly: WYSIWYG 으로 웹 UI 를 만들고 배포할 수 있는 도구

사진 1

우리 팀이 추구하는 가치나 목표나 전략 등 다루고 싶은 내용이 참 많지만, 이곳에 언급할 내용은 아닌 것 같다. 내가 제일 중요하게 생각하는 부분은 팀과 팀원의 성장을 무척 중요하게 생각하고 있으며 이를 달성하기 위한 다양한 시스템이 구축되어 있으며 항상 고민을 하는 부분이라는 것. 이런 조직에서 일할 수 있다는게 참 행운이라고 생각한다.

https://www.youtube.com/watch?v=zncmO90s0skopen in new window

올해 초에 같은 팀의 훈민님께서 우리 팀이 어떤식으로 아키텍쳐를 정의하고 개선했는지 deview에서 발표하셨다. (팀에 대한 구구절절한 내용을 다루기보단 위의 영상으로 대체해도 되지 않을까!?)

영상에 대한 후속으로 https://smartstudio.tech/bringing-consistency-to-broken-ui-layer/open in new window 이런 글도 있다.

제품으로서의 nBilly는 아직 계속 발전중이며, 소수의 인원으로 고군분투를 하고 있기 때문에 성장 방향에 따라 제품의 모습이 많이 달라질 것 같다.

올해에 nBilly로 만들어진 사이트는 이런 것들이 있다.

여기에는 다룰 수 없지만 지금도 nBilly로 만들어지고 있는 사이트가 무척 많이 있고, 많이 오픈될 예정이다.

nBilly에 대한 자세한 내용은 뒤로 미루고 (별도의 포스트로 작성하는게 더 좋겠다는 판단을 했다), 이 포스트에서는 개인적으로 했던 것들을 짤막하게 다뤄보고 싶다.


(2) 기술적 성장, 시도, 난관.

길게 이야기 하면 끝이 없기 때문에, 최대한 간단하게 정리해보고자 한다.


<모델 마이그레이션 자동화 + 모델 검증 자동화>

제품의 스펙이 변할 때 모델도 같이 변하는 경우가 무척 빈번했다. 모델이 변하면 DB에 있는 것들도 같이 변경해야 하고 모델에 대한 검증 코드도 같이 변경되어야 한다. 당연하지만 모델을 변경했을 때의 사이드 이펙트가 무척 크고 이를 해결하기 위해 사람이 하나하나 다 작업하는 것이 매우 비효율적이다.

그래서 모델 변경에 최대한 자동으로 대응할 수 있는 방법에 대해 고민했고 적용했다.

  • 모델 마이그레이션
    • PR을 올릴 때, github actions로 현재 코드에 대한 모델 정합성을 검사한다.
    • 모델 정합성을 통과하지 못하면, 마이그레이션 스크립트를 작성해서 푸시해야 한다. 혹은 미리 해당 PR에 포함되어 있어야 한다.
    • PR이 머지되면 일단 개발용 DB에 마이그레이션이 적용되고, 작성된 마이그레이션 스크립트는 별도의 폴더에 차곡차곡 쌓인다.
    • 릴리즈를 하는 시점에 마이그레이션이 완료된 스크립트를 기준으로 다시 리얼 DB에 적용한다.
  • 모델 검증
    • typescript를 json schema로 바꿔주는 도구 → ts-json-schema-generator
    • json을 json schema로 validation 하는 도구 → ajv
    • 모델(typescript)이 변경될 때 json schema를 만들어주고, 이를 토대로 사이트를 저장하거나 발행할 때 검증할 수 있도록 한다.

이러한 작업들은 github actions에 의존적인 작업이 많았고 덕분에 github actions에 대해 다방면으로 학습할 수 있었다. 다만… 마이그레이션이 잘못되었을 경우에 대한 조치가 현재 되어있지 않아서 이를 보완해야 한다. 마이그레이션을 실행하기 전에 DB를 백업하고 있지만, 실패하는 경우에만 복원하고 있기 때문에 실패를 하지 않더라도 의도한대로 마이그레이션이 되지 않았을 때에도 복원할 수 있도록 만들어 놓아야 한다.

github actions에서 백업해놓은걸 어떻게 해야 다운 받을 수 있을지 고민이다. 찾으면 나오겠지만…? 짜투리 시간에 미리 찾아놓으면 되겠지?


<애니메이션 기능 추가>

사진 2

사용자가 각각의 개체(페이지/섹션/컨테이너/블록)에 애니메이션을 적용할 수 있도록 만들었다. 애니메이션을 적용하는 부분은 사실 큰 문제가 아니었다. 제일 고민이 많이 되는 부분은 "어플리케이션 계층에서 주입" 하는 것. 애니메이션의 트리거가 다양하게 존재하고, 애니메이션의 형태도 다양하게 존재할 때 이를 잘 관리할 수 있는 방법을 생각하는게 무척 힘들었다.

어떻게 할까 고민하다가, 어플리케이션의 설정 파일에서 애니메이션에 대한 keyframe과 trigger 함수를 정의하도록 했다.

사진 3

이러한 고민 덕분에 어플리케이션 계층에서 주입하거나 제거하거나 수정할 수 있기 때문에 손쉽게 애니메이션을 제어할 수 있게 되었다. 다만 이벤트 트리거에서 오류나 버그가 있을 때 이를 깔끔하게 해결하기가 어려웠다.

그래도 이러한 작업을 하면서 이벤트에 대해 딥다이브 할 수 있었달까? 사실 이렇게 에디터를 만드는 작업 자체가 이벤트에 대한 딥다이브를 할 수 밖에 없다고 생각한다.

또 갑자기 생각난건 에디터에서 애니메이션을 리플레이 하는 것. 에디터와 인스펙터가 코드상으로 멀리 있기 때문에, 인스펙터가 애니메이션을 의도적으로 재생시킬 때 어떤 방법을 사용해야 좋을지 무척 고민이 많았다. 결론만 이야기 하자면, 일종의 커스텀 이벤트 매니저를 이용하여 해결했다.

다만 이런 도구를 남용할 경우 나중에 문제가 발생했을 때 트래킹을 하는게 무척 어렵고 힘들 수 있기 때문에 최대한 사용을 지양하고 있다.


<와이드 영역 대응>

사진 4

개체가 화면을 꽉 채울 수 있는 기능을 만들었다. 꽉 채우는 방법은 여러가지가 있지만, 어떤 방식이 제일 효과적일지 찾아보고 적용하는 과정이 필요했다.

이럴 때 밑바닥부터 어떻게 만들지 고민하기보단 이미 잘 만들어진 것들을 모방하는게 효과적이라는 것! 그래서 여러 웹 빌더를 찾아보다가 SqureSpace를 모방하여 와이드 영역의 1/2 만큼 진입하면 확장이 되도록 했다.

이 때 display: grid 의 속성을 이용해서 와이드 영역의 너비를 지정하고, 와이드 영역에 진입시 grid-areaopen in new window값을 변경하면 자동으로 반영되도록 만들었다. (예시: grid-area: 1 / 2 / 1 / 2)

다만, 이 기능을 만들고 적용했을 때 사이드 이펙트가 정말 어마어마했다. 전부다 나열하기는 손가락이 아프기 때문에 스킵.

기능을 작성한 다음에 테스트 코드로 어느 정도 보완할 수 있었을텐데, 기존에 테스트 케이스가 많이 부족했다.

지금 돌이켜 생각해보면, QA에서 문제가 발견될 때 마다 테스트 케이스를 추가 및 보완해야 할 것 같은데… 참 안일하게 생각했다. 언젠간 업보로 돌아오겠지

항상 기능을 개발할 때는 데드라인 때문에 급하게 만들고, 결국 QA에 더 많은 시간을 쓰게 된다. 투입되는 총 시간은 오히려 테스트 케이스를 작성하여 보완하는게 더 적을텐데… 물론 모든 케이스를 테스트로 잡기는 힘들겠지만, 항상 테스트 코드를 작성할 때 이런 점들을 고려해야겠구나 싶다.

일년을 돌이켜보면 개발할 때 영혼이 좀 없었나 싶기도 하고?


<캐로셀 컨테이너>

사진 5

기존의 페이지 → 섹션 → 블록 계층에서 페이지 → 섹션 → 컨테이너 → 블록 처럼 "컨테이너" 계층을 새로 만들고, "캐로셀 컨테이너" 라는 개체를 만들었다. 컨테이너는 블록보다 더 복잡한 UX/UI를 표현할 수 있으며 블록을 가질 수 있는 계층이다.

일단 컨테이너라는 계층을 너무 급하게 만들어서 지금도 사이드 이펙트가 크게 남아있다. 손봐야 할 곳이 참 많은 친구다. 처음에는 swiper.js로 캐로셀을 구현했는데… swiper에 자잘한 버그가 많고, 인스펙터 영역에서 캐로셀을 컨트롤할 때 의도대로 되지 않는 것들이 참 많았다.

어떻게 할까 고민하다가 사내에서 만든 eg-js의 flicking을 이용해서 구현했는데, 해당 라이브러리가 처음부터 리액트 기반으로 만들어진게 아니기 때문에 캐로셀의 상태를 관리할 때 무척 힘들었다. 사실 단순하게 사용하면 큰 문제가 없으나… 인스펙터에서 캐로셀을 컨트롤 할 때 발생하는 무수히 많은 사이드 이펙트가 존재했다.

결국 고심 끝에 직접 캐로셀을 구현했고 스와이프 기능은 react-swipeable 을 이용해서 적용했다.

이 작업을 하면서 "어렵고 귀찮아서 시도하지 않는 것"에 대한 생각이 많았다. 내가 어떤 일을 할 때 "어렵고 귀찮다"는 판단이 들면서 망설이게 된다는 것. 이걸 깨기 위해 의식적인 노력을 많이 했는데, 여전히 내가 재미를 느끼고 관심이 가는 일이 아니면 하기 망설여지는 마음이 있다.

더 근본적인 문제는, 내가 가진 시야가 참 편협하다. 작고 자잘한 것들은 잘 살펴보려고 하지만, 크고 넓은 것들에 대해서는 생각하기가 힘들고 생각만 해도 스트레스를 참 많이 받는다.


<스냅 그리드 좌표계 → 절대 좌표계 전환>

사진 6

처음에 nBilly를 출시할 때는 grid-area를 이용하여 8px, 6px, 4px 단위로 이동 및 크기 조절을 할 수 있도록 만들었다. 다만, 이렇게 했을 때 사용자의 다양한 요구사항을 충족시키기가 어려웠고, 억지로 요구사항을 맞추려고 하다보니 복잡한 코드들이 만들어졌다. 그래서 고심 끝에 절대 좌표계로 편집 시스템을 전환했다.

사진 7

편집의 기저를 변경하는 과정이였기 때문에 무척 오래 걸렸고, 사이드 이펙트도 굉장히 많았다. 하고 싶은 말도, 담고 싶은 내용도 정말 너무 많지만… 결과적으로 2달 가까이 QA를 하는 사태가 발생했다.

제일 이슈가 되었던 부분은 멀티 디바이스 대응이었던 것 같다. Desktop 모드에서는 편집이 잘 되거나 해도 Tablet이나 Mobile 모드에서는 잘 안 되거나, 일관성이 없거나, 좌표가 이상하거나, 기타 등등…. 정말…. 너무 많은 문제가 있었다.


<에디터 편집 성능 최적화>

제일 몰입을 많이 했던 일이 성능 최적화였다. 성능 최적화 작업을 할 때는 하루 종일 일 생각만 하지 않았나 싶다.

일어났을 때, 씻을 때, 밥먹을 때, 산책할 때, 자기 직전 등 거의 모든 순간을 "어떻게 해야 성능이 좋아질까?" 에 대해 고민했다. 그만큼 재미도 있었고 보람도 있었고 힘들기도 했고.

사진 8

사진 9

기존에 Context와 Store를 모든 영역에서 남발하여 사용하고 있었다. 덕분에 편집 인터랙션이 발생하면, 모든 컴포넌트가 리렌더링 되는 현상이 발생했다. 프로파일을 해보면 모든 영역에서 렌더링이 발생하는걸 확인할 수 있었다.

사진 10

각각의 컴포넌트가 알아야 하는 Context의 Scope를 제한하고, Store의 경우 필요한 값만 가져와 사용하는 방식으로 이를 개선했다.

사진 11

편집 중(개체가 이동 중이거나 리사이즈 중)일 때는 context만 변경되기 때문에, 렌더링 비용이 조금 더 낮았고

사진 12

편집이 완료되는 시점에 store에 업데이트를 하는데, 이 때에도 store를 참조하는 컴포넌트들이 정말 꼭 필요한 값만 가져다 사용하도록 하고, 값이 변경되지 않았을 경우 렌더링이 되지 않도록 하여 최적화를 했다.

이 외에 뷰어 성능 최적화도 했는데, 크게 기여하진 않았기 때문에 일단 생략. (쓰기 귀찮아서 그런건 절대 아니다)


<테스트코드 보완>

사진 13

앞에서 언급한 편집 좌표계 전환 + 성능 최적화 작업을 하면서 테스트 코드의 커버리지를 50%에서 65% 정도로 끌어올렸다.

이전에는 테스트 코드를 작성할 때 막연한 두려움이 있었는데 (일종의 어렵고 귀찮은…?), 계속 작성하다보니까 생각보다 재밌기도 하고, 숙련도가 높아지니까 속도가 붙었다. 이쁘게 잘 작성하는건 둘째치고 일단 만들어놔야 뭐라도 되지 않을까 하는 생각으로 작성했던 것 같다.

무언가를 잘 하기 위해선 일단 익숙해져야한다.

  • 몸을 잘 쓰기 위해선, 몸을 쓰는게 익숙해야 한다.
  • 머리를 잘 쓰기 위해선, 머리를 쓰는게 익숙해야 한다.
  • 코딩을 잘 하기 위해선, 코딩을 하는게 익숙해야 한다.
  • 설계를 잘 하기 위해선, 설계를 하는게 익숙해야 한다.
  • 테스트를 잘 짜기 위해선, 테스트 코드를 작성하는게 일단 익숙해야 한다.

마음만 조급해선 안 된다는걸, 요즘들어 참 많이 느끼고 있다. 빨리 가는 길이 있을 수 있지만, 결국 밑바닥부터 차곡차곡 쌓아가지 않으면 안 되는 영역이 존재한다. 다른 사람은 어떨지 몰라도 일단 나는 그런 사람이다.

타고난 재능도 없고, 특출나게 잘하는 것도 없고, 그저 남들에게 지금은 "잘 하는 것 처럼 보일 수 있는 영역"은 무수히 많은 시간을 투자해서 조금이나마 그럴듯해 보이는 것들이다.

어려운 일도, 힘든 일도, 일단 부딪혀보고 익숙해져야 한다.

24년의 목표이기도 하고, 다짐이기도 하고?


<비디오 업로드 추가 + 모듈화>

사진 14

단순해보이는 이 기능을 만들기 위해 생각보다 많은 삽질을 했다. 온전히 모든 기능을 직접 구현하는게 아니라 외부 의존이 존재했기 때문에, 관련 자료들을 꼼꼼하게 수집해야 했으나 그러질 못했다.

다른 티켓을 작업할 때도 그렇지만, 이 티켓을 작업하면서 나의 단점과 나의 부족한 부분이 너무 많이 보였다.

나는 시야가 좁다. 정확히는, 멀리 봐야 되는데 멀리 보질 못한다. 생각이 거기까지 뻗어나가질 못한달까..

다른 사람들에게는 커뮤니케이션의 중요성을 이야기 하곤 하지만, 정작 내가 이걸 제대로 못하고 있었다. 내 상태와 내가 하고 있는 일의 상태를 주기적으로 팀 내에 공유하는 것이 매우 중요하다는 것. 문제 해결을 주도하는 사람, 리딩하는 사람에게는 "예측"이 중요하다. 그게 일이든 사람이든 어느 정도는 예측이 되거나 관리가 되어야 하는데, 그걸 위해선 직접 확인을 하거나 혹은 보고가 오거나.

나의 경우 이 일을 진행하면서 확인을 하지도 않았고, 관리자에게 이야기를 하지도 않았다. 최악이다

나는 사람 활용을 잘 못하는 편이다. 일단 잘 안 풀릴 때, "도와주세요!" 라고 쉽게 이야기를 할 수 있어야 하는데 그게 참 어렵다. 주변에 나를 도와줄 수 있는 사람이 참 많은데, 혼자서 끙끙 앓는걸 참 오래 한다. 사실 어릴 때부터 그렇게 살아온게 익숙한게 제일 크다.

어쨌든, 더 적극적으로 나에게 주어진 모든 자원을 활용해보고 싶다.


<생애 첫 TF>

어쩌다보니 23년 하반기에 어쩌다보니 TF 팀에 착출(?)이 되었다. 자세한 내용을 이야기할 수는 없지만, 입사 후에 nBilly 팀이 아닌 다른 사람들과 같이 일을 해본게 처음이라 무척 신선한 경험이었다.

어떻게 목표를 설정해야 하고, 내가 가진 생각을 어떤식으로 정제해서 전달해야 효과적인지에 대해 매일 생각했던 것 같다.

이런 고민을 할 당시에 팀 내에서 "사용자 스토리" "예제를 활용한 명세" 등의 책으로 스터디를 하고 있었다. 커뮤니케이션을 할 때 전문용어로 이야기를 하기보단, 예제나 사용자 스토리는 그 자체가 목표 혹은 목적이 되고, 이를 달성하기 위해 필요한 것들로 연결지어 설명했을 때 효과가 좋은 것 같다.

그래서 "우리가 만드는 서비스 혹은 도구를 사람들은 어떻게 사용할까?" 를 기준으로 자료를 만들고, 이를 기반으로 우리가 해야되는 것들에 대해 이야기를 하고자 했다.

이 외에도 초기 개발환경 구성, 인프라 구성, 배포환경 구성, 피그마 플러그인 프로토타입 개발 등 자잘한 것들을 했었는데 꽤 재밌었다.

하지만 nBilly 지원이 더 급했기 때문에 TF에서는 두 달 정도만 참여하고 복귀했다.


(3) 무수히 많은 아쉬운 점들

팀에서의 내 모습을 생각해보면 전체적으로 불만족스럽다. 올해는 거의 매일 산책을 하면서 내가 하는 일에 대해서, 우리 팀에 대해서 고민을 꽤 많이 했다. 일을 잘 하고 싶어서 고민을 많이 했으나 잘하긴 개뿔… 맨날 털린다.

우리 팀은 좋은 문화를 성숙한 문화를 만들어왔고, 앞으로도 더 좋아질 것이다. 하지만 팀이 아니라 황준일이라는 개인을 놓고 보면 참 문제 투성이다.

23년에는 팀의 목표가 회사의 방향성에 맞춰서 유기적으로 변했으나, 팀의 목표에 맞춰서 나의 목표가 변하지 못했고, 큰 흐름을 쫓아가지 못했다. 못한게 참 많다. 못한걸까 안한걸까 생각해보면 안 한 것에 가깝지 않을까?

앞으로 어떻게 해야 좋을지 연말 연휴 때 꽤 깊게 생각했고 결론을 내렸고 방향성도 정했다고 생각했는데, 글을 쓰는 지금 시점에는 또 모호해진 것 같다. 사실 방향성이라는게 나 혼자 정한다고 끝이 아니라 팀에 align이 되어야 한다. 그래서 내가 생각한 방향성이 맞는지 1월 중으로 확인해보고 싶다. 일단 급한불부터 끄고

그리고 또 한 가지 내가 크게 잘못한 점을 생각해보면, "일"이 아니라 "사람"에 대해 너무 많이 고민을 했다는 것. 일을 잘 하고 싶으면 일 자체에 대해 고민을 하는게 맞을텐데 그러질 않았다.

각각의 사람들이 어떤 행동을 했을 때 그런 행동을 하는 이유들이 궁금했고, 다른 사람들이 가지고 있는 장점과 단점에 대해 생각하는게 재밌었고, 나와 비교해보면서 나는 또 어떤 사람인지 알아가는게 재밌었다.

팀에 대해 생각하고 → 개개인에 대해 생각하고 → 다시 나에 대해 생각하고.

이게 꼭 팀에 국한된게 아니라, 올해에 내가 만났던 모든 사람들에 대해 꽤 깊게 생각했다.

가족, 친구, 동료, 후배, 제자, 그리고 짧게 스쳐간 다양한 인연들.

올해는 내가 "황준일" 이라는 존재를 다방면에서 잃어버렸었다. 난 왜 이모양일까, 왜 이런 사람일까, 왜 이런 생각을할까 궁금했다. 나를 둘러싸고 있는 사람들과 그 속에서의 내 모습을 조립해보며 나를 찾아가는 시간들이었다.

아마 이건 해가 바뀌어도 달라지지 않을 것 같다. 오늘도 그랬고, 어제도 그랬다. 사실 진작에 했어야 하는 생각들이 아니었을까?

삼천포로 빠진 것 같은데, 어쨌든 23년의 nBilly에서의 내 모습을 정리해보면 아래와 같다.

  • 커뮤니케이션을 잘 하지 못했고
  • 생각만 많았고
  • 주저한 행동이 많았고
  • 기술적인 성장이 더디고
  • 주도성이 부족했고
  • 많은 사람들을 답답하게 했고
  • 나를 잘 드러내지 못했고
  • 기대에 부응하지 못했고
  • 문제 정의를 잘 하지 못했고
  • 목표 설정을 잘 하지 못했고
  • 큰 그림을 보질 못했고
  • 멀리 보질 못했고
  • 프로 의식이 부족했고
  • 팀원을 잘 활용하질 못했고

내년엔 조금 더 나아질 수 있기를 🙏


(4) 24년에 대한 짧은 다짐

  • 제일 하고 싶은건 제품의 퀄리티를 높이는 것.
    • 팀의 목표와는 별개로, 그냥 내가 참 하고 싶은 일이다.
    • 그러기 위해선 더 분주하게 움직여야 하고, 해야 하는 일을 잘 마무리를 하고, 내가 하고 싶은 일을 틈틈이 해야되겠지?
  • 가파른 성장은 결국 단단하게 쌓아올리는 것들 위에서 이루어진다. 제일 효율적으로 성장하는 방법은 결국 "시도"하는 것. 빠른 길은 정직하게 가는 길.
  • 사람에 대해 고민하는게 아니라 그 사람이 하는 고민에 대해 같이 고민을 해야한다는 것. 팀원들이 하는 고민을 나도 같이 해보고 그걸 습관화 해보자.
  • 내 상태와 내가 하는 일의 상태를 주기적으로 공유하는 것.
    • "힘들어요! 도와주세요!"
    • "제가 도울 일이 없을까요?"
    • "이러저러한 것들에 대해 고민을 해봤어요."
  • 목표에 대해 매일매일 점검하기.
    • 23년에는 KPI가 그냥 무조건 싫었는데, 이제는 왜 중요한지 왜 필요한지 인지했고 이걸 잘 활용해보고 싶다.
    • 습관화가 되어야 한다.
    • 어렵다고 힘들다고 회피하는게 아니라 부딪혀야 한다.



2. 활동

(1) 오글오글(오글거려도, 오늘의 글쓰기)

네이버에 입사해서 제일 잘한 일 중에 하나가 바로 "오글오글(오늘의 글쓰기)" 이라는 사내동아리에 가입한 것이다. 어떤 주제든 상관 없이, 분량도 상관 없이, 일단 작성을 하면 된다. 덕분에 이전에는 항상 "남들에게 보여주기 위한 글"을 작성했다면, 이제는 "내가 쓰고 싶은 글" 을 작성하고 있다.

더불어서 다른 사람이 작성한 글을 보며 느끼는게 참 많이 있다. 다양한 간접 경험을 할 수 있달까? 인생에 대해, 삶에 대해, 일에 대해, 같은 회사 사람들이 남기는 글들을 보고 있으면 그냥 이 자체가 삶이구나 생각이 든다.


<수치로 보자>

1월 - 23글2월 - 22글3월 - 8글4월 - 21글5월 - 23글6월 - 23글
7월 - 25글8월 - 28글9월 - 23글10월 - 23글11월 - 23글12월 - 24글

다 합쳐서 266개의 글을 작성했다. 성실성 합격!!

부유하는 생각이 많아서 이걸 어떻게든 적고 싶었는데, 오글오글 말고 개인 다이어리에 쓴게 좀 많이 있다.


<오글오글 리워드>

3월 빼고는 미션을 다 달성했다. 주로 책을 샀으니, 11권의 책을 오글오글 리워드로 받았던 것 같다.

리워드로 구매하고 읽은 책들은 다음과 같다.

  • 당신이 옳다 → 완독
  • 물고기는 존재하지 않는다 → 완독
  • 회복 탄력성 → 완독
  • 처음 사는 인생, 누구나 서툴지
  • 최고의 팀은 무엇이 다른가 → 완독
  • 박태웅의 AI 강의 → 완독
  • 만일 내가 인생을 다시 산다면 → 완독
  • 혁신에 대한 모든 것 → 반독
  • 세상이 끝날때까지 아직 10억년
  • 사이코패스 뇌과학자
  • 돈, 뜨겁게 사랑하고 차갑게 다루어라 (아직 미수령)

독서는 뒤에 등장할 북클럽의 영향이 꽤 크다. 역시… 무언가를 시도하기 위해선 환경 세팅이 참 중요하다고 느꼈다.


<생각, 일, 산책>

사진 15

참 감사하게도 현재 운영진분께서 각 구성원이 어떤 단어를 제일 많이 사용했고, 눈에 띄는 단어도 정리해주셨다.

나의 경우 산책 생각 등의 단어가 글에 많이 등장했는데, 그걸 보고 한 분께서 말씀해주시길 "준일님은 산책을 하면서 일 생각을 하시는군요!" 라고 하셨다. 뜨끔…

생각만 하면 뭐하나, 만족스러운 결과로 이어지지 못했는걸… 그렇기 때문에 더 고민이 많았던 것 같다.


<나만의 픽>

올해에 작성했던 글 중에 몇 개(?)를 공유해보고자 한다.

덕분에 올해 작성했던 글들을 다 읽어봤다. 내가 작성했지만 참 재밌단말이지!?


<야글야글>

올해는 다양한 야외활동도 했다.

사진 48

탄천에서 꽃가루와 함께(?) 피자를 먹기도 했고

사진 49

모래바람과 함께하는 한강 치맥도 있었고

사진 50

사진 전시회를 즐기는 우리들의 사진을 출력하기도 했다.

그냥, 오글오글이 있어서 2023년은 참 행복했다.


(2) 인생경영클럽

글과 책은 항상 붙어다니는 관심사가 아닐까? 올해 하반기에는 "북클럽" 이라는 사내동아리에 가입했고, 다시 북클럽 내에 있는 "인생경영클럽"에 참여했다.

1달에 1권의 책을 읽고, 해당 책을 추천한 사람이 토론하고 싶은 내용을 미리 공유하고, 정해진 날짜에 2시간 정도 토론을 진행하는 방식으로 클럽이 운영되었다.

7월 ~ 12월까지 총 6권의 책을 읽었고, 각각의 책이 다루는 내용들은 모두 유익했다.


<도둑맞은 집중력>

도둑맞은 집중력

제일 첫 번째로 읽은 책이라 기억이 조금 가물가물하다. 미리미리 정리좀 해둘껄

현대인들은 점점 집중력을 잃어가고 있다. 개개인이 가진 문제점도 분명 있겠지만 SNS의 영향이 제일 크고 서비스 기업들의 목표가 "사용자가 우리 서비스에 머무르도록 하는 것" 이기 때문에 사용자의 시선을 붙잡아둘 수 있는 다양한 장치들을 만들고 있고, 지금도 계속 만들고 있다는 것.

이런 세상에서 집중력을 잘 유지하기 위해선… 결국 개인의 노력이 제일 중요하지 않을까 싶다.

책의 내용에 대해 이야기 하다가, 어차피 사람들의 집중력을 뺏어야 한다면 내가 만든 서비스로 빼앗아가는게 낫지 않을까? 라는 이야기를 듣고 합리적이라는 생각이 들었다.

웃긴건 이 책을 산책하면서 eBook 으로 읽었다. 확실히 종이책으로 보는 것 보단 집중이 덜 되는 느낌.

제일 와닿았던 내용은 컨텍스트 스위칭에 대한 것. 오랜만에 본 친구가 "너 명사치매가 있는 것 같아" 라고 했다. 요즘의 나는 단어들이 기억나질 않고 있다. 근데 동종업계에서 3년차 이상 일한 분들을 보면 나랑 엇비슷하다. 일을 하면서 컨텍스트 스위칭이 너무 많이 발생되고, 집중력이 흐려지고, 점점 무언가를 잊어간달까? 단어들이 잘 기억나질 않는다.

이건 대학생때 여러 교수님들을 보면서 많이 느꼈다. 똑똑한 분들이 사소한 단어들을 잊어버리거나 기억해내지 못하는 모습을 많이 목격했다. 이젠 내가 그러고 있다.

하지만 현실적으로 컨텍스트 스위칭을 하지 않는 방법이 있을까? 일을 그만두지 않는 이상 불가능하지 않을까?

요즘 내가 집중력을 유지하는 방법은 매일매일 산책을 하는 것. 나는 항상 한 박자 느린 사람이다. 그래서 처음 접하는 일은 항상 실수하고, 사람들과 있을 때 눈치가 좀 없는 편이다. 이걸 지나고 나서 곱씹어보며 "아, 그랬구나!" 를 알아가는 사람이다. 하루를 정리하는 시간을 가지니까 집중력이 지금보다 떨어지진 않는 느낌…. (느낌만 그럴수도)


<최고의 팀은 무엇이 다른가>

최고의 팀은 무엇이 다른가 - 예스24

"머리는 차갑게, 가슴은 뜨겁게"

이 책을 보고 난 한 줄 소감이랄까. 사람을 대할 때는 항상 진심을 다해야 하며, 나의 메세지는 논리적이고 객관적으로 전달해야 한다.

개인이 조직에 속해 있을 때, 공동체에 속해 있을 때 "안정감"을 느껴야 한다. 내가 속한 조직 내에서 내가 보호받지 못하고 있다는 느낌이 들면 조직의 목표를 달성하기 위해 고민하는게 아니라 생존을 위해 고민을 해야한다. 그러면 자연스럽게 성과로 이어지기는 힘들 수 있다.

반대로 내가 속한 조직이 안정감을 주면 나를 보호하고 있다는 느낌이 들면 그 때 부터 조직의 목표를 달성하기 위한 고민들이 시작된다고 한다.

그러면 어떻게 조직에서 안정감, 소속감 등을 느낄 수 있을까? 나는 책을 읽으면서 "대화"에 있다고 생각했다. 내가 어떤 이야기를 해도 들어줄 수 있는 사람들. 나의 말을 경청해주는 사람들. 그리고 나 또한 그들을 경청할 수 있도록.

책에서는 특히 포포비치 감독의 사례를 많이 다루고 있는데, 포포비치는 팀원 한 명 한 명에 대해 진심으로 존중하고, 살뜰하게 챙기고, 그들이 "팀" 이라는 생각이 들 수 있도록 대화를 이끌어간다.

그렇게 구성원 개개인은 개개인이 아닌 팀을 위해 움직이고 생각하기 시작했다. 내가 성과를 잘 내는 것이 중요한게 아닌 팀이 성과를 잘 내도록.


<박태웅의 AI 강의>

박태웅의 AI 강의

내용이 쉽고 양도 많지 않아서 카페에 앉은 자리에서 한 호흡에 다 읽었다.

사실 책의 내용보단 클럽 사람들과 이야기를 나눈게 훨씬 인상적이고 기억에 많이 남았다.

  • 인공지능이 많은 일을 할 순 있어도 판단, 결정, 책임은 사람의 몫이다. 그렇기 때문에 사람은 인공지능이 이야기 하는 것에 대해 판단할 수 있는 기반 지식이 필요하고 무수히 많은 공부를 해야한다고 생각한다.
  • 언젠간 인간을 인공지능이 완전히 대체할 수 있을까? 라고 했을때 그렇다고 생각하는 사람이 많았다.
  • 확실히 인공지능이 나와서 일하는게 무척 편해졌다.
  • 오히려 인공지능이 창의성이 필요한 일을 도와주고 있다. 단순 노동자들보다 창의성이 필요한 노동자들이 더 빠르게 대체될 수 있다는게 무섭기도 하고 신기하기도 하고.
  • 사람들은 생산성이 좋아지면 일을 덜 하게 될까? 역사를 보면 그렇진 않고 일을 더 많이 찾아서 결국 더 많이 하게 된다. 인공지능 때문에 일자리가 없어진다기보단, 또 다른 일자리가 더 많이 생길 것 같다.
  • 인간 본연의 가치를 갈고 닦은 사람들이 점점 더 주목받지 않을까? 마치 올림픽 처럼.

난 인공지능을 좋아하지 않는다. 남들보다 큰 관심도 없는 것 같고, 인공지능에 대해 공부하는 것도 따분하다고 생각하는 사람이다. 그래도 인공지능 자체에 대해 이야기를 나누는 것은 언제나 재밌다.


<만약 내가 인생을 다시 산다면>

만일 내가 인생을 다시 산다면 (35만 부 기념 스페셜 에디션) - 예스24

책에는 참 많은 내용이 나온다. 마찬가지로 기억이 나질 않지만 이 책을 읽고 느낀 점들은

  • 하고 싶은 것들을 하면서 살아가자.
  • 완벽해지려고 하지 말자. 불완전함을 인정하고 조금씩 조금씩 나아가자.
  • 최선이 최선이 아닐 수도 있고, 차선이 차선이 아닐 수도 있다. 차선이 최선이 되기도 한다. 그건 겪어봐야 알 수 있다.
  • 인생의 주도성을 갖자.
  • 일단 시도하자. 일단 지금 할 수 있는 일을 하자.
  • 내 말을 잘 들어주는 사람이 한 명 쯤은 있어야 한다. 누군가에게 그걸 바라기보단, 일단 내가 그런 사람이 되어야 한다.

그리고 책을 읽을 당시에는 그냥 끄덕이기만 했던 내용이지만 요즘 제일 와닿는 내용이 있다.

30년지기 부부, 20년지기 부부, 10년지기 부부, 5년지기 부부, 3년지기 부부, 1년지기 부부, 1달지기 부부를 대상으로 어떤 부부가 서로에 대해 제일 잘 알고 있는지 실험을 했는데, 결혼한지 얼마 안 된 부부일수록 서로에대해 잘 알고 있다고 했다.

이건 꼭 부부에만 해당하는 내용은 아니다. 친구일 수도 있고, 가족일 수도 있고, 연인일 수도 있고, 팀원일 수도 있다.

사람은 매일매일 변한다. 매일매일 무언가를 느낀다. 하지만 이건 상대방이 나에게 알려주거나 혹은 내가 상대방에게 알려주지 않으면 서로 얼만큼 변했는지 어떤 생각을 했는지 모를 수 밖에 없다.

잘 알고 있다고 생각했고 익숙한 사람이지만 이미 저 멀리 갔을 수도 있다.

나는 나 자신을 가족에게, 친구에게, 연인에게, 팀원에게 잘 알려주는 사람이었을까 생각해보면 그렇지 않았던 것 같다. 그냥 말하지 않아도 알아주길 바라는 사람이었다. 하지만 말하지 않으면 알 수 없다.


<혁신에 대한 모든 것>

혁신에 대한 모든 것 - 예스24

이 책은… 완독을 못했다.

다만 혁신은 한 순간에 일어나지 않는 다는 것과 혁신의 방향이 얼마나 생산적이고 사회적으로 이득을 가져오는지가 중요하다고 했다.

서사가 없는 혁신은 없다. 그게 참 위안이 된다.

뜬금없지만 어제 HTML/CSS 과외를 해주던 학생과 만들었던게 생각난다. 이미 알고 있는 작은 재료들을 조립해서 무언가 새로운걸 만들어낸다. 중요한건 "이미 알고 있는 것들"을 토대로 만들었다는 것이다.

"이미 알고 있는 것들"을 잘 사용하기 위해선 익숙해지는게 중요하지 않을까? 근데 주변에 톡톡 튀는 아이디어로 무언가를 시도하는 사람들을 보면 이게 꼭 익숙해서가 아니라 활용하는 방법이 바로 머릿속에 떠오르는 사람들인 것 같았다.

나같이 맹한 사람들은 그게 잘 안 된다. 일단 익숙해져야 한다. 그래야 혁신까진 아니더라도 무언가 의미있는 시도들을 할 수 있는 것 같다.

이렇게 태어난걸 어쩌겠어, 그렇게 살아야지.


<피터드러커 자기경영노트>

피터 드러커 자기경영노트

마지막 책인데, 읽진 않았고 들었다. 12월에는 너무 바빠서(?) 책을 읽을 틈이 없어서 생각해낸 방법이 산책을 하면서 음성으로 책의 내용을 듣는 것.

어차피 나는 책의 모든 내용을 기억하지 못하고 (위에서 쓴것만 봐도 그렇다), 그 책을 읽었을 때의 다양한 생각들을 하는 방식으로 흡수하는 편이다. 그래서 그럴꺼면 그냥 산책하면서 들어도 괜찮겠는데? 라는 생각으로 이어졌다.

어쨌든, 제일 인상 깊은 내용은 "시간은 한정적이다" 라는 것.

내가 사용할 수 있는 자원 중에 제일 한정적이고 제일 가치있는게 시간이라는 것이다. 그래서 시간을 잘 활용하고 절약하기 위해 시도해야 하는 것들에 대해 책에서 다루고 있다.

  • 목표를 잘 관리해야 한다.
  • 우선순위를 잘 정리해야 한다.
  • 나만이 할 수 있는 일과, 내가 꼭 하지 않아도 되는 일을 구분하자.
  • 경영의 핵심은 의사결정이다. 그게 기업 경영이 아니더라도, 나를 경영하고, 가족을 경영하고, 팀을 경영할 때 의사결정은 매우 중요하다. 어렵고 힘들어도 의사결정 하는 것에 익숙해야 한다.

이 책을 읽고(?) KPI에 대해 고민을 참 많이했다.

인생에 대한 TDD가 필요하다.

목표를 설정하고, 목표 달성을 검증할 수 있는 "상태"를 정의하고, 이를 달성하기 위한 계획(함수)을 만드는 것.

덕분에 휴가를 몰아쓰면서 내년에 달성해야 하는 것들에 대해 참 많이 생각하고 정리했다. 처음 하는 시도라도 완벽하진 않겠지만, 일단 중요성에 대해 인지를 했고, 매일매일 그 인지를 곱씹어보고 있다.

30년 인생, 큰 목표 없이 "하루하루만 열심히 살면 되지!" 라고 생각했고 그게 나 자신이라고 생각했는데 조금 더 주도적으로 인생을 즐기려면 이런 자세부터 고쳐먹어야겠다고 느꼈다.

지금보다 더 즐겁게, 더 주도적으로, 더 능동적으로, 더 행복하게 살아가고 싶다. 그럴 수 있을 것 같다.


(3) 부스트캠프 8기

사진 51

올해는 부스트캠프 8기에 FE 마스터로 참여했으나… 작년에 내가 부스트캠프에 투자했던 시간과 비교해보면 부스트캠프에 거의 신경을 못썼다고 해도 무방하다. 그게 참… 참 아쉽다.

초기에 나 스스로 캠퍼들과 소통할 수 있는 다양한 장치를 마련해서 접점을 많이 많이 만들었으면 어땠을까 하는 생각을 많이 한다. 그렇게 하지 않았던 이유는… 어찌보면 귀찮아서도 있고 그만큼 다른 일에 몰두하고 있었기 때문이겠지?

총 14번의 마스터클래스를 진행했고, 주된 내용은 질의응답과 코드/프로젝트에 대한 피드백이었다. 맨 처음에 마스터 클래스를 할 때는 2시간이 참 길어보였는데 3시간으로 늘리면 어떨까 싶을 정도로 시간이 참 부족한 것 간다. 그만큼 하고 싶은 이야기도 많고, 전달하고 싶은 지식도 많지만… 내가 떠먹여주는 것 보다 더 의미있는건 스스로 떠먹는 방법을 알아가는거겠지…?

우리 FE 캠퍼들이 만든 저장소와 프로젝트를 한 번 나열해보자. 정말 다 너무 잘해서 뿌듯하고 기특하고 대견하다.


<프로젝트 모음>

web01

web07

web11

web14

  • https://github.com/boostcampwm2023/web14-gomterviewopen in new window
  • https://www.gomterview.com/open in new window
  • 기술을 떠나서, 개인적으로 곰터뷰팀의 팀워크가 제일 인상적이었다. 6주라는 짧은 시간 동안 이정도 퀄리티의 서비스를 만들어낼 수 있는 원동력은 그만큼 서로를 신뢰하고 의지했기 때문이 아닐까? 수료식 때 회식을 하면서 곰터뷰 팀과 나눴던 대화들이 다 기억에 새록새록 남았다. 그래서 앞으로가 더 기대되는 팀이다.
  • 무엇보다 서비스를 참 잘 만들었다. 취준생들을 위한 취향저격 서비스가 아닐까?

web15

web18


<인상 깊은 피드백>

프로그래머스 데브코스에서는 따듯한 사람이라는 피드백을 받았고, 부스트캠프에서는 냉철하다는 피드백을 들었다. 아마 1:1 관계와 1:N 관계에서 오는 차이인 것 같다. 무엇보다 객관적으로 이야기하려고 무척 신경썼는데 그게 잘(?) 먹힌게 아닐까?

아마 앞에서 언급한 "최고의 팀은 무엇이 다른가" 를 읽고 생긴 변화 같다.


<약간의 고찰>

작년에도 부스트캠프에서 나는 아쉬운 사람이었고, 올해는 더 아쉬운 사람이었다.

이런 나의 모습과는 별개로, 올해 무척 뛰어난 분들이 많이 보였다. 기술 하나하나에 딥다이브하고 기록하고 공유하는 문화가 돋보였다.

부스트캠프의 시스템이 캠퍼들을 그렇게 만드는걸까? 아니면 그런 캠퍼들을 뽑아서 자연스럽게 그런 모습으로 흘러가는걸까?

"부스트캠프" 라는 타이틀을 제거하고 새로운 이름으로 교육과정을 만들어서 운영할 때 모이는 사람들은 어떤 결과를 만들어낼지가 궁금하다.


(4) NextStep

내가 생각하는 NextStep

NextStepopen in new window은 "좋은 고객이 더 좋은 가치를 만든다" 에 딱 맞아떨어지는 교육 플랫폼이다. 수강생과 리뷰어가 함께 성장할 수 있는 구조이며, 수강생이 다시 리뷰어가 되기도 하는게, 이런 시스템이 구축된게 보면 볼수록 놀랍다.

어쨌든, 올해는 javascript clean codereact clean code 과정을 각각 한 번씩 진행했다.

특히 react의 경우 무지한 부분이 많았는데 리뷰어를 하면서 스스로 교정을 많이 할 수 있었다. 짧은 기간이었지만 미션을 수행하며 몰입하는 것도 즐거웠다.

리뷰어로 무언가를 하는 것 보다, 미션을 수행할 때 더 재미를 많이 느끼는 것 같기도 하고…?

그리고 열정 가득한 리뷰이 분들이 많아서 즐거웠다. 열정적인 사람들과 있으면 자연스럽게 동화된다. 너무 힘들었다는건 안비밀

사진 52

사진 53

사진 54

사진 55

사진 56

난 왜 이렇게까지 할까 생각해보면…

사진 57

코드스피츠를 통해서 알게된 맹사부님이 작성한 이 내용이 참 와닿았다. 나 또한 많이 읽고, 많이 보고, 많이 생각하는 과정이 필요하다고 생각한다. 그래서 다른 사람의 코드를 볼 때 마다 참 새롭고, 느끼는게 많달까.

나도 인지하지 못한 사이에 처음보는 코드의 컨텍스트를 파악하는게 상당히 빨라졌다. 이 코드가 어디서 왔는지 흐름을 추적하는 것도 빨라졌다. 자연스럽게 그렇게 된 것 같다.


(5) 프로그래머스 데브코스

사진 58


<나의 성장>

올해는 데브코스 덕분에 스스로에 대해 굉장히 많이 알게 된 것 같다.

  • 내가 사람들에게 지식을 어떤 방식으로 전달하는지
  • 내가 지식을 전할 때 중요하게 생각하는 부분은 어떤건지
  • 나는 어떤 방식으로 학습을 하고 있는지
  • 나는 어떤 방식으로 성장을 하고 있는지

멘토링을 하면서 자신에 대해 돌아볼 수 있었달까?

무엇보다 소피아 매니저님 덕분에 내가 지향하는 리더쉽에 대해 고민해볼 수 있었다. 나도 저런 방식으로 사람들을 이끌어가고싶다는 생각을 무척 많이했다. 앞에서 언급한 "최고의 팀은 무엇이 다른가"의 표본이 소피아 매니저님이라고 느꼈다.

사람들과 대화하면서 내 생각을 정리하고, 다양한 질문을 주고 받고, 팀에서 신뢰와 친밀도가 얼마나 중요한지 참 많이 알게된 시간이었다.


<프롱이들>

준일1팀 사람들은 다같이 무언가를 하진 않았지만, 오히려 그래서 더 친밀한 관계를 맺을 수 있던게 아닐까 싶다. 모두 열정 가득한 사람들이었고, 뚜벅뚜벅 성장하는 모습이 참 좋았다. 무엇보다 한 명 한 명이 성숙한 대화를 나눌 수 있는 사람들이었다는게 제일 큰 행운이 아니었을까? 이 분들 덕분에 나 자신도 많이 돌아볼 수 있었고, 많이 알게 되었고, 많이 성장했다.

준일2팀 사람들은 프로젝트를 진행할 때 팀 문화를 만들고 개선하는 방식이 참 좋았다. 감정에 치우치지 않고, 각자가 가진 논리에 대해 이야기하고 우선순위를 정하고 이를 끊임없이 조정해나가는 과정이랄까? 내가 막 개발자로 취업을 준비할 때 이렇게 성숙한 커뮤니케이션을 할 수 있었으면 얼마나 좋았을까 하는… 뭔가 후회 아닌 후회가 되기도 하고 그래서 더 멋있어보였다.

준일3팀 사람들의 경우 팀원들 간의 친밀도가 프로젝트를 진행할 때 얼마나 중요한지 느낄 수 있었다. 서로를 신뢰하고, 서로를 믿고, 서로가 울타리가 되어주고. 그러면서 서로 부족한 부분을 채워나가는 모습들. 일을 잘 하기 위해선, 성과를 잘 내기 위해선 확실히 친밀감과 신뢰가 무척 중요하구나 느끼게 해준 사람들이었다. 각자가 가진 강점이 뚜렷하고 이를 조화롭게 이뤄나가는 모습이 좋았다.

돌이켜보면 배울점이 많은, 닮고 싶은게 많은 멘티들이었다.

  • 무섭도록 빠르게 흡수하고 성장하는 분들도 있었고
  • 개인의 성장 뿐만 아니라 팀이 성장하도록 설계하는 분들도 있었고
  • 커뮤니케이션의 정석을 보여주신 분들도 있었고
  • 루틴을 잘 설계해서 자기관리를 잘 하는 분들도 있었고
  • 아무리 어렵고 힘들어도 절대 굴하지 않는 분들도 있었고

직접적으로 언급하진 않았지만 모든 분들이 눈에 밟힌다. 모두 다 잘 됐으면 좋겠다!!

감사인사

지현님, 지성님, 혜성님, 세진님, 찬욱님
종길님, 효리님, 건우님, 진경님, 지호님
찬님, 민재님, 원지님, 진욱님

모두 잘 따라와주시고, 믿어주시고, 신뢰해주셔서 감사했습니다!! 언제든 도움이 필요하면 이야기해주세요 😄


<기억에 남는 프로젝트>

앙골라

여러가지 프로젝트가 있었는데 제일 인상 깊었던건 "앙골라" 밸런스 게임!

모든 팀이 똑같은 API를 사용해서 서비스를 만들어야 하는 프로젝트인데, 한정된 자원으로 이렇게 재밌는 서비스를 만들었다는게 놀랍기도 하고 멋있기도 하고!

리뷰레인저

지금 당장 효과적으로 해결 가능한 문제를 정의하고 풀어나가는 팀도 있어서 좋았다. 데브코스 내에서 많이 많이 이용 되었으면 하는 마음.



3. 사생활

(1) 이사

사진 59

서울(서초)에서 수원(광교)으로 이사왔다. 10년 전부터 항상 이런 동네에서 살고싶다고 생각했는데 마침 이사 시기가 다가왔고, 회사도 재택근무고, 여러가지 개인사들이 겹쳐서 결국 이 동네로 오게 되었다.

원래 보려고 했던 집은 아니였는데 공인중개사분의 손에 이끌려 속전속결로 계약을 하고 입주했다.

집에 대한 만족도도 높지만, 제일 좋은건 바로 앞에 호수공원이 있다는 것! 덕분에 매일매일 행복하게 산책을 하고 있다.

어릴 때부터 너무 이사를 많이 다녀서 어딘가에 정착하고 싶다는 생각을 많이 했는데, 그게 이 동네였으면 하는 바람이 있다.

단골 카페와 단골 밥집이 있다는 것. 매일매일 지나다니며 인사를 나눈 다는 것. 주거에 대한 행복을 이제서야 느끼는 중이랄까?

집에서 일을 하는 날에는 점심먹기 전까지 집에 있고, 점심을 먹은 후에는 카페로 이동해서 작업하다가 다시 집으로 온다. 그렇게 해야 하루를 잘 마무리 한 것 같은 기분이 든다.


<산책>

사진 60

5월부터 지금까지 거의 매일 산책을 하고 있다. 정말 마감이 급해서 하루 종일 일을 해야 한다거나, 혹은 부득이하게 집에 들어가지 못하거나 너무 늦게 들어가는 날을 빼면? 목표는 매일 10km 였는데… 10월 ~ 12월에는 일이 너무 많다보니 매일매일 하진 못했다. 잡다구리한 생각이 많았던 6월 ~ 8월에 유독 산책을 많이 했던 것 같다.

사진 61

일년을 정리하면서 생각이 제일 많았던 연말에는… 거의 하루 종일 공원을 돌아다녔다. 다음날 아파서 몸져 누운건 안 비밀

이런 시간들이 없었으면, 말라비틀어진 마음을 가지고 연말연초를 보내고 있지 않았을까?

이 시기에 이 동네에 이사와서 참 다행이라고 생각한다.

사진 62

이렇게 원천호수와 신대호수를 각각 한 바퀴씩 도는 코스다.


(2) 커뮤니케이션

올해는 무엇보다 많이 고민한게 대화하는 방식이다. 어떤식으로 대화를 해야 좋을까? 질문을 해야 좋을까? 전달을 해야 좋을까? 하는 것들이다.

TIP

  1. "상대방"이 아닌 "나"를 기준으로 이야기하기.

    • 넌 왜 말을 그렇게 기분나쁘게해? → 그런 말을 들으면 나는 기분이 안 좋아.
  2. "질문"을 잘 하기.

    • 그렇게 생각하게 된 이유 혹은 계기가 있을까요?
    • 제가 이해를 못한 것 같아요. 다시 한 번 말씀해주실 수 있을까요?
  3. "좋은 질문"에 대해 생각하기.

    • 이번 주에 생긴 변화가 있나요? 작은 것도 좋으니 이야기해보면 어떨까요?

깊은 대화를 하기 위해선 진심과 이성이 필요하다. 이성적으로 진심을 다해 이야기하는 것.

난 왜 이 모양일까 생각하는 부분이 "한 단어로 표현하는 것" 인데 어휘의 한계도 있고 여러 재료를 모아서 어떤 한 가지로 표현하는 게 무척 어렵다. 리더 분께 항상 듣는 피드백이기도 하고, 나 스스로 답답한 부분이기도 하다. 어떻게 극복할 수 있을까 고민을 해봐도 잘 모르겠달까…. 관련 책들을 읽어보면 나아질까?

그리고 나는 항상 숲이 아니라 나무에 관해 이야기한다. 자꾸 나무에 시선이 간다. 그러면 숲은 아니라도 나무 두세 그루 정도는 보다 보면 숲 언저리까지는 볼 수 있지 않을까?


<계기>

10년동안 잊고 살았던 고등학교 친구에게 갑자기 전화가 왔다. 알고보니 실수로 한거라고..

어쨌든 반가움 마음에 안부 인사를 묻다가 약속을 잡고 만났다(B라고 칭하겠다)

B도 돌고 돌아 개발자를 하고 있었는데, B가 가지고 있는 가치관과 살아온 방식이 나와 무척 유사했다. 관심 분야나 생각하는 방식이 유사하달까?

그보다 더 신선한 충격은 B가 대화를 하는 방식이었다. 대화를 이끌어가는 방식과 시기 적절하게 던지는 질문들 덕분에 참 많은 이야기를 나눌 수 있었다. 오랫동안 알고 지냈던 친구를 만난 느낌이랄까? 실제로는 10년만에 보는 사람인데 어떻게 그렇게 느낄 수 있었을까?

그 후 집에 돌아온 후 산책을 하면서 B와 했던 대화들을 곱씹어봤고 나도 이런 화법을 구사하고 싶었다.


<적용>

B를 보고 배운 점을 멘티들과 이야기를 하면서 적용해나갔다. 팀원들과 스크럼을 할 때에도, 혹은 면담을 할 때에도 질문을 최대한 많이 하려고 했다.

어떤 이야기들에 대해 단순히 넘어가는게 아니라 "왜 그렇게 생각을 하게 되었나요?" "어떤점 때문에 그렇게 느꼈나요?" 같은 식으로 대화를 더 이어나간달까.

그래서 멘티들과 더 풍부한 이야기를 나눌 수 있었고, 각자가 잘 흡수할 수 있는 방식으로 지식이나 생각을 전달하기 위해 노력했던 것 같다.

그리고 가족들과 이야기를 할 때에도 똑같이 시도했다. 사실 가족들을 많이 만나질 않는게 제일 큰 문제지만… 아마 이렇게 대화를 하다보면 조금 더 의미 있는 시간을 보낼 수 있으리라 생각한다.


(3) 당신이 옳다

당신이 옳다

올해 1월에 구매해서 2월에 읽은 책이다. 제일 많이 와 닿았던 책이고 내 인생에 적극적으로 녹여내는 중이다. 항상 생각하는 거지만 심리학은 제일 실용적인 학문이 아닐까?


<감정은 진짜다>

사람마다 느끼는 감정이 있다. 그리고 그 사람이 겪은 사건이 있다. 해당 사건에 대한 객관적인 시야는 일단 접어두고, 이 사건을 통해서 느끼는 감정 자체는 진짜라는 이야기.

가령, 어떤 사람은 어릴 때 부모님의 사랑을 많이 못받았다고 생각하지만 부모님은 "내가 너를 얼마나 많이 사랑해줬는데!" 라고 이야기할 수 있다.

여기서 실제로 어떤 일이 일어났든, "어릴 때 부모님의 사랑을 많이 못받았다" 라고 느끼는 감정은 진짜라는 것이다. 그리고 이 감정을 알아주는게 제일 중요하다. 객관적인 이야기는 그 다음이다.

이 책의 "당신이 옳다"는 그런 의미다. 당신이 느끼는 모든 감정은 어쨌든 진짜이며 다른 사람이 느끼는 감정들 또한 어쨌든 진짜다.

그리고 이런 감정을 제일 먼저 알아야 하는 것은 나 자신이다. 내가 나에 대해 인정해주고 공감해줘야 하는 것이다.


<공감>

공감의 의미

"공감은 똑같이 느끼는 상태가 아니라, 상대가 가지는 감정이나 느낌이 그럴 수 있겠다고 기꺼이 수용되고 이해되는 상태다." p268

사람들이 흔히 하는 생각하는 공감과 진짜 공감은 약간의 차이가 있다. 공감이란 감정을 이해하는 것이다. 책을 읽고 적절한 사례가 뭐가 있을까 생각해봤는데, 주변 사람에게 제일 많이 하는 이야기가 드라마 "또 오해영" 이다.

결혼식 당일에 파혼을 당한 남자와 결혼식 전날에 파혼을 당한 여자. 이들의 감정을 공감할 수 있는 사람이 누가 있을까?

그런 시기에 파혼을 당한 심정은 당사자들 밖에 없을 것이다. 누가 함부로 이 사람들에게 공감을 할 수 있을까? 어떻게 이 사람들의 마음을 알아줄 수 있을까?

여기서 중요한 포인트는 "감정을 알고 있다" 라는 것.

감정의 리액션과 공감은 엄연히 다르고, 많은 사람들은 감정의 리액션을 공감이라고 생각하고 있다. 사람마다 즐거움과 슬픔과 분노를 느끼는 상황과 시기가 다 다를 수 있다. 하지만 그건 무척 당연한 것이고 내가 남들과 다르다고 해서, 남들이 나와 다르다고 해서 이상한게 아니다.

T와 F의 공감

보통 MBTI의 F인 사람이 공감을 잘한다고 한다. 보통 F가 T를 보면서 공감능력이 떨어진다고 하는데, 이런 이야기를 하는 것 자체가 공감능력이 없는 것일 수도 있다. T가 어떤 마음인지 F가 "이해" 해보려고 했다면 모를까.. 그런 시도조차 하지 않고 공감능력이 결여되었다 라고 이야기를 하는건 어불성설이다.

공감을 잘 하기 위해선 감정을 물어봐야 한다. 그 당시에 어떤 기분이었는지, 어떤 심정이었는지, 어떻게 하고 싶었는지, 또 어떤 감정을 느꼈는지 그리고 또 어떤 감정을 느꼈는지, 계속 물어봐야 이해할 수 있고 알 수 있다.

제일 하지 말아야 하는 것은 충조평판(충고/조언/평가/판단)인데, 다른 사람의 감정에 대해 함부로 충조평판을 하면 안 된다는 것.

  • "그런 생각은 잊어. 너한테 좋을게 하나도 없어" - 충조
  • "그럴수록 네가 더 열심히 하고 배우려는 자세를 가져야지" - 충조
  • "긍정적으로 마음을 먹어봐" - 충조
  • "그건 너를 너무 사랑해서 한 말일거야" - 평판
  • "네가 너무 예민해서 그런 거 아니니?" - 평판
  • "남자는 다 거기서 거기야, 별다른 사람 있는 줄 아니?" - 충조평판

충조평판을 하는 이유는, 이걸 빼면 달리 할말이 없어서인 경우가 대부분이다. 충조평판이 도움이 될 거라 믿어서라기보다 아는 게 그것밖에 없어서일 때가 더 많다. 무언가 해줘야 한다는 조바심을 내려놓고 지금 그의 마음이 어떤지 물어봐야 한다. 사실 지금 그의 상태를 내가 잘 모르지 않는가. 물어보는 게 당연하다. 내가 잘 모르고 있다는 것을 자각하고 인정한다면 그에게 물어볼말이 자연히 떠오른다.


<발표>

https://drive.google.com/file/d/19FFxOshild8E0YC6yOrXB8UBOaNvEoyf/view?usp=sharingopen in new window

어쩌다보니 회사에서 이 주제로 발표도 하게 되었다. 사실 매달 한 명씩 돌아가며 자유주제로 발표하는 자리가 있어서 공감에 대한 내용으로 발표를 했다.

이 책을 읽었을 때에는 참 좋은 책이구나 하며 넘겼는데, 여러가지 사건 때문에 우울증에 대해 깊게 알고 싶은 생각이 들었고 연초에 봤던 이 책이 생각나서 영상과 책을 같이 찾아봤다. 덕분에 "공감"과 "우울증" 자체에 대해 더 많이 알게 되어 좋았다.


(4) 이제야 인지하게 된 내 모습

안녕? 나야!

올해 초에 재밌게 본 드라마, "안녕? 나야!"가 생각난다.

23년에는 참 많은 사람들을 만났고, 혼자서 있는 시간도 많았고, 생각을 정말 많이 했다. 특히 사람에 대한 생각을 무척 많이 했다. 다른 사람에 대해 생각을 하다보면 자연스럽게 나에 대한 생각으로 이어진다. 매일 산책을 하면서 참 많은 나의 모습을 발견했다.

  • 외향적이지만 혼자 있는 시간이 매우매우 많이 필요하다. 사람들을 만나는걸 좋아하지만, 그 만남을 통해서 인사이트를 받아야 한다고 생각한다. 그러다보니 자꾸 새로운 사람들을 만나게 된달까? 혹은 항상 나에게 인사이트를 주는 사람들을 찾게된다.

  • 호기심이 무척 많은 편이다. 아니 이런것까지 궁금해한다고? 싶을 정도로… 요즘 "왜?" 가 입에 붙었다. 궁금한건 못 참는다. 바로 구글이나 네이버에 검색하는 내 모습…

  • 멀리 보질 못 한다. 인생의 거창한 목표가 없다. 하루하루를 충실하게 살아왔다. 하지만 이제는 그러면 안 된다는 걸 인지하는 중이다. 완벽함과는 거리가 멀어도 아주 멀고, 장기적인 목표와도 거리가 멀고, 욕심도 딱히 없다.

    • 고등학교 때에도 좋은 대학을 목표로 한게 아니라, "대학교를 가야지"라고만 생각했다.
    • 대학교를 다닐 때에도 학점은 딱히 중요하게 생각하지 않았다. 다만 수업은 열심히 들었고, 과제들이 재밌어서 열심히 했을 뿐..
    • 취업을 할 때도 비슷했다.
    • 다만 하루하루에 충실했다.
  • 세상을 바꾼다는 거창한 생각은 하지 않는다. 하지만 "한 사람의 변화에 티끌만큼의 기여는 할 수 있지 않을까?" 라는 생각을 한다.

  • 성격이 무척 급하지만, 잘 참는 편이다. 말을 상당히 부드럽게 하는 편이다.

  • 대화에 대한 욕구가 상당히 많은 편이다.

  • 왜 내가 J인지 인지를 했다. 예측이 되어야 마음이 편하다. 그래서 알고 싶은게 많고, 아는 것들을 토대로 추론하고 인지하고 예상이 되어야 한다. 그렇지 않으면 생각을 정돈해서 이야기 하기가 힘들 때가 많다.

  • 추진력이 좋은 편이다. 그래서 P라고 오해를 받지만, 예측되는 범위 내에서의 일은 빨리 빨리 해버리고 싶다.

  • 생각이 느리고 눈치가 참 없다. 내가 경험한 상황을 지나고 나야 온전히 이해할 수 있는 편이다. 그래서 어떤 상황을 겪은 후에 곱씹어 생각해보고 "아!" 하고 깨는 편이다.

  • 항상 처음하는 일에는 실수를 한다. 늘 조심한다고 해도… 실수를 하게 된다. 위에서 언급한 "완벽주의"와 거리가 멀고 "생각이 멀리 닿지 않는" 습성 때문에 그런 것 같다. 경험이 없는 영역에 대해서는 아예 상상이 미치질 못한달까?

  • 나는 찾아다니는 사람이 아닌 찾아오게 하는 사람이다. 혹은 그걸 의도한다.

    • 고등학교 졸업 후에 후배들을 가르치는게 좋아서 매번 모교에 찾아가서 후배 교육을 했더니 다른 고등학교 선생님이 "우리학교 학생들도 좀 봐줘!" 라며 외부 강사로 초빙해주셨다. 그랬더니 또 다른 선생님들의 소개로 계속 다른 학교의 외부강사로 활동할 수 있었다.
    • 첫 회사에 입사할 때에도, 이직을 할 때에도 내가 지원한 곳은 다 떨어지고 먼저 제안이 온 곳들만 간신히(?) 붙었다.
    • 회사 생활을 하면서 병행했던 멘토링과 강사 활동도 마찬가지로 일이 나를 찾아오더라는..
  • 내가 여러가지 일을 할 수 있는 이유는 하나의 일을 할 때 완벽하게 해야겠다는 생각을 아예 안 하기 때문이다.

    • 가령 어딘가에서 발표를 해야 할 때에도 완벽하게 모든 내용을 전달시킨다는 목적이 아니라 단 한 가지라도 제대로 전달되었으면 하는 마음으로 이야기를 한다. 그러다보니 전달하고 싶은 내용을 반복적으로 언급하는 경우들이 있다.
    • 글을 작성할 때도 완벽함을 추구한다기보단, 그냥 내 생각을 잘 담는 것 하나가 목적이다.
    • 즉, 어떤 일들을 할 때 에너지를 참 적게 사용한다. 대신 적게 사용할 때 제일 중요한 한 가지가 뭘까 생각하는 편이었다.
  • 위에서 언급한 것들을 종합해보면 "회복 탄력성"이 꽤 좋은 편이다. 안 좋은 일이 있어도 금방 털고 일어난다.

  • 생각을 깊게 하지만, 그 생각이 안 좋은 방향으로 흘러가는게 아니라 항상 좋은 방향으로 흘러간다. 더 좋은 방향으로 나아가기 위한 생각들을 한다.

  • 무언가를 잘 하기 위한 조급함이 거의 없는 편이다. 처음부터 "너무 잘하고 싶어!" 라고 생각하는게 아니라 "나는 바보 멍청이 천치야!" 라고 생각하고 작은 것부터 하나하나 시도해보려고 한다. 반복학습을 중요하게 생각한다.

  • 피곤하면 둔해진다. 많은 입력이 손실(?)된다.

  • 살면서 참 많은 행운이 찾아왔다고 느낀다.

  • 자연을 많이 좋아한다. 매일 산책을 할 때 "운동하자!"가 아니라 "놀러가자!" 라고 생각한다. 이쁜 공원을 보고 있으면 마음이 참 차분해지고 눈에 보이는 모든 것들이 아름답다고 느낀다.

  • 말은 따듯하게 하지만 마음은 차가운 사람이다.

  • 익숙한걸 참 좋아한다. 항상 먹는 음식을 먹고, 다니던 길을 다니고, 갔던 곳을 간다. 그런데 웹툰, 드라마, 영화, 소설 같은 콘텐츠는 한 번만 본다. 똑같은걸 다시 보고 싶은 생각이 딱히 없다. 똑같은걸 다시 보게 된다면 그건 내가 보고 싶어서라기보단, 다른 사람에게 보여주고 싶어서 같이 보는 것.

  • 잠이 많이 없지만 수면의 질이 좋은 편이다. 1년 평균 5시간 30분 정도…?

이 외에도 참 많지만, 이정도만 소개해도 충분할 것 같다.


(5) 갑자기 떠나는 여행

많지는 않지만, 혼자서 번개로 여행을 다녀왔다.


<강릉>

사진 63

3월에는 주말에 뭐할까 하다가 렌트해서 강릉에 당일치기로 다녀오기도 했고(사실 게스트하우스 예약을 했는데, 집에 가고 싶어서 바로 왔다)

바로 집에 오기는 아쉬워서 경기도 여기저기 돌아다녔던 것 같다.

사진 64

이 때 운전을 정말 오랫동안 했는데 하필 집 앞에 주차할 때 옆에 있던 차의 백미러를 뽀개는(?) 불상사가 발생했다. 중소 렌트카에서 빌린거라(레이를 빌렸고, 렌트비가 5만원 정도…?) 보험료와 수리비 다 합쳐서 80만원 정도 나왔다. 마무리가 뭐 이래..?


<제주도>

사진 65

4월에는 퇴근 후에 집에 가기 싫어서 김포공항으로 간 다음에 제주도행 티켓을 끊고, 비행기에 내린 다음에 공항에서 제일 가까운 게스트하우스 예약을 한 후에 카카오 바이크를 타고 갔다. 거의 오후 11시쯤이였다.

아마 이호테우 해수욕장이였던 것 같다. 대충 자고 일어나서(?) 점심은 홍게라면을 먹었다.

사진 68

다음 날에는 협재해수욕장에 있는 "동행" 이라는 게스트하우스에서 머물렀다. 여기에 있던 고양이가 참 귀여웠고, 이 게스트하우스에서 만난 사람들에게 참 많은 감사함을 느꼈다. 약간 숨을 트이게 해줬달까?

돌아 가는 날에 너무 아쉬웠지만 갑자기 집에 있던 고양이들이 보고싶었고, 도착하자마자 폭풍 잔소리를 들을 수 있었다.


<정동진>

6월에는 회사 입사동기들과 짧은 만남을 가진 뒤에 바다가 보고 싶어서 정동진행 기차를 탔다. 기차에서 내리자마자 바로 바다를 볼 수 있는 곳이 정동진이었다. 옛날부터 해변에서 책 한 권을 앉은 자리에서 다 읽는게 나만의 로망이었는데, 밤바다라서 책을 읽기는 어려웠다. 뭘 할까 하다가 하늘을 봤는데 별이 하늘에 콕콕콕 박혀 있었고, 이걸 카메라에 담고 싶었다.

거의 2시간 동안 계속 별 사진만 찍은 것 같다.

사진 76

그 다음에 정동진의 썬크루즈 리조트 근처에서 노숙아닌 노숙을 하다가 해돋이를 봤다.

서울에 가는 첫 차가 9시 쯤에 있길래 6시부터 8시까지 역 바로 앞에 있는 바닷가 모래사장에서 가방을 베고 잤다.


<삼척>

사진 77

8월에는 우리 집에 놀러왔던 멘티 한 명이 자기 에어팟인줄 알고 내 에어팟을 들고 튀었다. 보고 있나요 지성님?

에어팟도 가지러 갈겸, 운전연습도 할겸, 겸사겸사 렌트해서 서울로 갔다. 그런데 집에 가기는 뭔가 아쉬워서 어디를 갈까 하다가 갑자기 삼척에 인생 카페가 있다고 했던 말이 생각나서, 홀린듯 다녀왔다.

가서 또 바닷가에 좀 누워있다가 바로 집으로 복귀했다.


ETC

  • 연초에 글또(글쓰는 또라이가 세상을 바꾼다)에 지원했고 어찌저찌 활동을 하게 되었으나... 많은 글은 작성하지 못했다.

  • 회사에서 추첨해서 갈 수 있는 휴양시설에 두 번이나 다녀왔다. 행복한 가족여행 + 입사 1주년 + 엄마 생일

  • 쪼랭이가 죽다 살아났다. 조금만 더 잘 해줄껄, 더 놀아줄껄 하는 후회를 얼마나 많이 했던지… 지금은 건강해져서 참 다행이다.

  • 기억에 남는 사진을 뽑아서 벽에 걸어놓는 취미가 생겼다.

  • 난생 처음 콘서트 표를 직접 예매해서 다녀왔다. 내가 원해서 간 적은 처음이랄까? 한 동안 최유리에 깊게 빠져있었는데 요즘에는 최유리, 김나영, 선우정아 같은 가수들의 노래를 많이 듣고있다.

  • MBTI에 아주 깊이 몰입했다. MBTI에 대해서만 몇 시간 정도 떠들 수 있을 것 같다.

    • 올해는 MBTI가 ESFJ → ENFJ → INFJ → ENFJ 순으로 변했다.
    • 아무리 생각해도 나는 S 성향이 더 강한 것 같은데, N 이 자꾸 나온다. 아마 S 성향은 그대로 있고, 숨어 있던 N 이 튀어나온 것 같다.
    • 한 동안 사람을 만나는게 귀찮아서 I 로 변했던 적이 있었다. 근데 정말 찰나(?)였던 것 같다.
    • F와 T의 차이에 대해서 이야기를 해보자면, 결정을 할 때 좋다/나쁘다가 기준이면 F, 맞다/틀리다 혹은 옳다/옳지않다 를 기준으로 결정하면 T 일 확률이 높다.
  • 연초에 단국대 개발자 단톡방을 만들었다. 처음에는 스터디도 이것저것 만들어서 진행했는데, 바빠지다보니 자연스럽게 스터디는 사라지게 되었으나… 단톡방은 나름(?) 잘 운영되고 있는 것 같다.

    • 이를 계기로 현업에 있는 다양한 후배 개발자들을 만날 수 있었다.
    • 유능한 사람들이 너무 많아서 놀랍달까!?
  • 회사에서 AI 스터디를 했었는데, 생각보다 재밌었다. 다만 스터디 자체는 무척 힘들었다는 점…

  • 팀원 한 분이 퇴사했는데, 퇴사할 때 인수인계 할게 아무것도 없었다. 어떻게 이런 팀이 있을까? 팀이 잘 굴러가고 있다는걸 이 때 느꼈다.

  • 연말에 오글오글 마지막 회식 때 오글오글과 인생경영클럽에서 같이 활동하고 있는 도희님이 "만약에 100억이 있다면 무엇을 하고 싶은가요?" 라는 질문을 했고, 이에 대한 각자의 답변이 "하고 싶은 일"로 귀결됐다. 이 때 도희님이 "이미 하고 싶은 일을 하고 있는 사람은 100억을 깔고 앉아 있는게 아닐까요?" 라는 이야기를 했었고, 여기에 매우 매우 매우 공감이 됐다.

    • 사람들은 보통 "성공"을 하기 위해 많은 것들을 한다. 그런데 "성공"을 하고자 하는 목적이 뭘까?
    • 아마 많은 사람들이 "행복"을 위한 수단으로 "성공"을 생각하는 것 같다. 하지만 "성공"을 해야 "행복"한걸까?
    • 나는 행복하기 위해 성공을 하려고 하지 말자고 생각했다. 항상 행복해야 하고, 그러다보면 자연스럽게 성공이 따라오지 않을까?
    • 사실 이미 그렇게 살고 있는 것 같다.
    • 하고 싶은 것들이 있으면 미루지 말고 지금 하자. 아마 거의 대부분은 지금 해도 될 것이다.

2024년 목표

올해 마지막에 읽은 책, "피터드러커의 자기경영노트" 때문에 목표에 대한 중요성을 더 크게 인지했다. 근데 대부분의 목표가 지극히 사적인 목표라서 너무 공개된 곳에다 작성하기가 꺼려진다.

그래도 작성할수 있는 것들을 언급해보자면,

  • 의식적으로 변화 하기 위한 노력을 하기

    • 변화는 어렵다. 그걸 23년에 참 많이 느꼈다.
    • 그렇다면 변화하기 위한 "의식적인" 노력을 정말 많이 해야한다.
    • 이를 위한 수단으로 "루틴" 혹은 "습관"이 있을 것이다. 한 번에 많은 것들을 하는게 아니라 작은 것부터 차근차근 하나씩 하다보면 변해있으리라 생각한다.
    • 정직한 길이 빨리 가는 길이다.
  • 기록할 수 있는 것들은 다 기록하기 (잘 정리할 필요는 없다. 일단 습관화를 하자)

    • 하루 일과
    • 스쳐 지나가는 다양한 생각들
    • 업무적인 것
    • 블로그
  • 이사하기 (또?)

    • 웬만하면 이 동네에서 살고 싶지만… 하긴 해야된다.
    • 내년엔 이에 대한 에피소드를 다룰 수 있기를.
  • KPI 를 의식적으로 관리하기

    • 이전에는 KPI에 대한 막연한 거부감이 있었는데, 그건 KPI를 어렵고 귀찮다고 느꼈기 때문.
    • 항상 목표를 의식적으로 생각하고, 목표 달성을 검증할 수 있는 상태에 대해 고민해보면 좋지않을까?
    • 이게 꼭 업무적인게 아니더라도, 개인적인 KPI 를 만들고 관리할 수 있으면 좋을 것 같다.
  • 1년, 1달, 1주, 1일 목표 설정 및 실행

    • 특정 기간 동안 달성해야 하는 것들을 정리해보고 어느 시점에 달성할 수 있을지 정리해보는 것.
    • 벌써 나름 큰 목표(?)를 여러개 달성했다.
    • 하지만 아직 갈 길이 멀다.
  • 매일매일 뭐가 되었든 공부하자.

    • 23년에는 공부를 지독히 안했다. 잘(?) 쉬었으니 이제 공부좀 하자.
    • 공부도 습관인 것 같다. 일단 "공부하는 습관" 부터 만드는게 제일 중요.
  • 금전 계획 세우고 달성하기

    • 1년동안 모을 수 있는 최대치
    • 1년동안 모을 수 있는 최소치
    • 이제 돈을 어떻게 하면 덜 쓸 수 있을까 고민해보는 것.
    • 그리고 어떤 자산을 만들 수 있을지 고민해보는 것.
  • 건강관리

    • 매일매일 아침에 사과 한 개
    • 매일매일 산책
    • 주 2~3회 정도는 근력운동 + 유산소
    • 생각날 때 마다 스트레칭
    • 쉬는 날에는 수영도 가끔 하기.
  • 고양이들 건강관리

    • 동물병원과 친해지기 (어쨌든 자주 갈 필요가 있지 않을까?)
    • 중성화 수술 → 포동이의 자궁이 기형이라 어차피 불임이다. 미리 알았으면 더 빨리 중성화를 했을텐데… 에휴
    • 치아 관리
    • 반기 단위 건강검진
  • 더 디테일한 심리검사 받아보기

    • MBTI (인터넷에 돌아다니는 야매가 아닌 전문가에게 받아보기)
    • TCI
    • 애착유형
    • 버프만 강점 검사
    • 기타 등등
  • 주기적으로 회고 작성하기

    • 1년차 때 1달, 분기, 반기 단위로 회고를 작성했었다.
    • 그렇게는 못하더라도… 자주 하면 좋지 않을까?
  • 초보운전 탈출

    • 이제 운전 자체는 어느정도 익숙해진 것 같다. 더 자주 하면 좋을 듯.
    • 일단 중고차부터 구매를 해야겠지?
  • 아주 작은 단위 스터디를 자주 해보기.

    • 스터디를 거창하게 할 생각을 하니까 하기가 힘든 것 같다.
    • 한 번에 많은 것들을 공부하려고 할게 아니라, 한 번에 한 가지만 제대로 익혀보자는 마인드로 스터디를 진행해보면 어떨까 싶다.
  • 생산성을 높일 수 있는 방법 생각해보기.

    • 적게 일하고 많이 벌고 싶다.

Summary

  • 2023년 한 줄 요약: 나 자신에 대해 참 많은 것들을 알 수 있었던 1년.
  • 2024년 핵심 목표: "목표 설정, 그리고 달성" = "하고 싶은 것들 다 하자"
Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Review/2024-year/01/index.html b/Review/2024-year/01/index.html index 0a9fec90..0ccf620e 100644 --- a/Review/2024-year/01/index.html +++ b/Review/2024-year/01/index.html @@ -23,11 +23,11 @@ } 2024년 1월 회고 | 개발자 황준일 - +
Hits bn

2024년 1월 회고

나름 만족스러운 한 달이었다.

  • 팀 내에서는 주로 목표 설계에 힘을 많이 썼다. 하지만 1년치 목표를 정하는건 너무 어려운 일이다. 내가 되고 싶은 모습과, 그 모습이 되었음을 증명하는 것. 참 어렵다.
  • 1월 초에 폭풍 같은 결정(?)을 많이 했다. 무엇을 해야할지 정리하다보면 지금 당장 할 수 있는 것들이 눈에 보인다. 그것들을 하면 된다.
  • 아키텍트는 뭘까 생각해봤다. 될 수 있을까?

2월에는 뭘 하면 좋을까?

  • 회고가 아니라, 2월 TIL 이라는 포스트를 만들어서 올린 다음에 매일매일 업데이트 하면 어떨까? 블로그를 조금 더 잘 활용해보고 싶다.
  • 리팩토링에 대한 글을 하나 올리면 어떨까?
  • 시간을 정해서 책을 읽어보자. 일단 읽는 것 부터 시작하기.

(1) nBilly

1) 모듈화

  • nBilly에서 만들어진 것들 중에 공용화 할 수 있는 것들을 모듈화 하는 작업을 진행했다.
  • 지금은 이미지, 동영상 업로더와 렌더러에 대해서만 모듈화를 진행했는데 생각보다 고려할게 많아서 이게 진자로 쓰일 수 있을지는 앞으로 어떻게 하냐에 달렸다.
    • 호환성도 신경써야 하고, 인터페이스도 다양하게 뚫어줘야 하고, 업데이트도 주기적으로 해야 하고, 이슈도 주기적으로 대응해야 하고.
    • 신경써야 할게 참 많다.
  • 그런데 이 과정이 나름(?) 재밌다.
    • 똑같은 관심사를 다루는 코드 조각을 모아서 응집도 있게 만들고
    • 이 과정에서 코드를 리팩토링 하고 테스트 코드를 작성하고.
    • 문서도.. 작성하고..?

2) 문서 작업

  • 팀에서 관리하는 문서들이 꽤 오랫동안 방치되어서 모듈화 관련 문서를 작성하면서 어느 정도 업데이트를 했는데 해도 해도 끝이 없다.
  • 처음에는 한 문서에 모든 내용을 담았는데 크게 혼나고(?) 리더님이 소개해주신 문서화 가이드open in new window를 기반으로 개선했다.
    • 미디어 모듈을 사용에 대한 튜토리얼 (특정 미디어 모듈로 목표를 달성하기 위해 해야되는 과정들)
    • 미디어 모듈을 사용할 때 필요한 레퍼런스 (팀 내 위키로 이관)
    • 미디어 모듈의 목적과 설명 (핵심개념)

개인적으로, 피드백을 주기적으로 받을 수 있으면 좋긴 하지만 어쨌든 처음부터 끝까지 일단 다 진행해보는 것도 중요하다고 생각한다. 정석으로 목표를 향해 달려가는 방법도 좋지만, 조금 돌아가더라도 이것 저것 경험해보는 것도 좋지 않을까? 비효율적이라는게 문제지만… 비효율적인 경험도 해봐야 뭐가 효율적인지 알 수 있는 것 같다.

쓰다가 든 생각은, 난 똥인지 된장인지 먹어봐야 아는 사람인가보다... 된장… 과연 나는 이 험난한 세상을 잘 살아갈 수 있을까?


3) KPI 작성

goals-signals-metrics 프레임워크

리더님이 링크드인이 개발한 goals-signals-metrics 프레임워크open in new window를 소개해주셨고, 이를 기반으로 2024년의 목표에 대해 생각해보는 시간을 가졌다.

  • 개념

    • Goals: 구체적인 목표를 작성해야 한다. 그리고 목표는 측정할 수 있어야 한다.
    • Signals: 목표를 달성하고 있다는 것을 알 수 있는 신호에 대해 정의하는 것.
    • Metrics: 목표를 측정할 수 있는 숫자.
  • 작성해보기

    • Goals: 팀의 허리 역할을 할 수 있는 아키텍트 가 되고 싶다. (지금 생각해보면 이게 측정 가능한 목표는 아닌 것 같다.)
    • Signals: 팀원들이 나에게 아키텍쳐 설계에 대한 질문을 많이 할 때. 내가 제시한 설계가 수용될 때
    • Metrics: 아키텍처 설계 관련 질문 빈도, 질문 유형, 답변의 유용성을 수집하고 기록해서 점수를 부여하고 변경 요청 건수, 수용률을 추적하기
  • 팀 KPI에 대해 리뷰하는 시간을 가지고, 여기에 정렬된 나의 역할/목표/성과지표 등을 작성하는 시간을 많이 가졌다. 많이 가지면 뭐하나, 잘 작성해야지.

  • 제일 많이 들은 피드백은 목표를 구체적으로 작성하라는 것. 누구나 상상하기 쉬운 목표가 좋다는 것.
    [X] 아키텍트가 되자.
    [O] 아키텍트가 뭐하는 사람이야? 에 대해 1시간 정도는 거뜬하게(?) 설명할 수 있는 상태가 되자.
    [X] 영어 공부를 하자.
    [O] 영어로 1시간 정도는 대화할 수 있는 상태가 되자.

  • 그 다음은 목표를 잘 달성했는지를 점검할 수 있는 지표를 산출하는 것.
    [목표] 백오피스 제작에 필요한 기술적난제를 해결하는 아키텍처를 리서치하여 팀에 방향성을 제시하고, 아키텍처를 실현하여 문제를 주도적으로 해결한다
    [지표] 에픽 단위의 기술적 난제에 대해 문제 식별부터 해결책 리서치, 제시, 문제해결까지 기여한 사례를 3건 이상의 사례 만들기

  • KPI를 작성할 때 GPT의 도움을 많이 받았다. 확실히 GPT가 생겨서 생각을 표현하기가 수월하달까? 나처럼 추상적인걸 구체적인걸로 표현하는 능력이 부족한 사람에게 너무나 좋은 친구다.

아키텍트가 되고자 하는 목표 자체가... 너무 높은 난이도인 것 같기도 하고. 일단 지금 하는 일 부터 잘 해야 하지 않을까?

나는 산을 오르고자 할 때 꼭대기를 바라보며 걸어가기 보단, 중간 지점이나 바로 위의 계단을 보면서 올라가는 편이다. 그러다보니 이런 장기 목표와 되고 싶은 모습을 상상하고 설계하고 나아가는게 너무 어색하고 어려운 것 같다.


4) 디바이스 모드 전환시 성능 최적화

beforeafter
UntitledUntitled
총 6초 이상이 걸렸다.0.2초 정도의 수준으로 개선했다.

1월 마지막 주에 진행한 일인데, 생각 이상으로 만족도가 높았다. 물론 부족한 부분도 분명 있었지만..?

이 티켓은 다음과 같이 진행했다.

  1. 목표를 점검하기.
  2. 작업 목록 및 일정 추정 후 피드백 받고 반영하기.
  3. 이슈 원인 파악하고 공유하기
  4. 문제 해결 수준 결정하기
  5. 문제 해결을 위한 아키텍쳐 설계 후 공유한 다음 피드백 받기
  6. 문제 해결 (코드 작성, 테스트 코드 작성, 코드리뷰)
  7. 트러블 슈팅 문서 작성

그리고 올 해부터 리더님이 0%, 20%, 80% 리뷰를 하기로 해서 중간중간 이 티켓에 대해 이야기 하는 시간을 가졌다. 작업이 크게 어려운 부분은 없어서 무난하게(?) 지나간 것 같다.

이번에는 아예 처음부터 트러블 슈팅 문서를 작성했는데, 덕분에 자연스럽게 설계에 집중하게 되고 이걸 다른 사람에게 잘 보여주고 전달하기 위한 고민들을 할 수 있었다.

모든 티켓을 이렇게 진행하면 어떨까 싶기도 하고..?

2월에는 정말 꼭 성능 최적화와 관련된 내용을 회사 기술 블로그에 올려보고 싶다. 좀 하자 이녀석아


5) 2023년 성과 면담

회사의 정책이 변경되면서 성과를 측정하는 방식도 많이 달라졌다.

  • 성과: KPI를 얼마나 잘 달성 했는지
  • 과정: 개인이 그 일을 할 때 얼마나 집중하고, 노력하고, 치열하게 기술적인 고민을 하면서 올라갔는지.
  • 영향: 조직 내에 내가 얼마나 큰 영향을 주고 있는지 ( 조직을 변화시키고 시너지를 이끌어내는 수준 )

면담 과정에서 나의 단점에 대한 이야기들을 많이 해주셨다. 사실 이미 너무나 잘 인지하고 있는 모습이라서 별다른 타격이 없었다.

  • 커뮤니케이션
    • 두괄식으로 말했으면 좋겠다.
    • 내가 하는 일에 대해 예측이 되도록 했으면 좋겠다.
    • 자주 공유했으면 좋겠다.
    • 이야기를 하다가 딴 길로 새지 않았으면 좋겠다.
  • 인사이트
    • 팀원들에게 인사이트를 줬으면 좋겠다. 지금은 뚜렷한 모습이 없다.
  • 디테일과 완성도
    • 일을 진행할 때 꼼꼼하게 진행했으면 좋겠다.
    • 가끔 중간중간 챙기지 못하거나 빼먹는 일들이 보여서 아쉽다.
    • 일을 멀리 봐야 되는데 당장 눈 앞에 보이는 것만 해결하려고 하다보니 문제가 되는 경우들이 많이 보인다.
  • 자기어필
    • 기술적인 어필을 해야 되는데 가끔 보면 철학자스러운 이야기를 한다.
    • 기술적인 성장에 대해 고민을 해보면 좋겠다.

다 적극적으로 인정하는 내용들이라 딱히 할 말이 없었다. 흠… 내가 보완을 잘할 수 있을까? 노력으로 해결할 수 있는 부분과 해결할 수 없는 부분들이 몇 가지 보이지만, 일단 해보는 수 밖에!


(2) 사생활

1) 가족과의 대화

문득 “나에 대해 제일 모르는 사람은 가족들이 아닐까?” 라는 생각이 들었다. 마찬가지로, 우리 가족 개개인에 대해 제일 잘 모르는 사람도 내가 아닌가? 라는 생각도 같이 들었다.

꼭 가족이 아니여도, 사람을 만나고 관계를 유지할 때 점점 내가 아는 모습에서 많이 달라지는 경우들이 있을텐데 그 간극을 매꾸지 않으면 내가 아는 사람은 내가 아는 사람이 아니게 된다.

Untitled

1월 초에 가족 모임이 있었고, 대화카드를 구매해서 처음에는 가볍게 이야기를 시작하다가 점점 진지한 이야기를 하기 시작했다. 우리는 서로에 대해 모르는 모습이 너무도 많았고, 할 이야기도 너무 많았다.

매번 이러기는 쉽지 않겠지만, 어떤 관계든 건강하게 잘 유지하기 위해선 어느 정도의 노력이 필요하지 않을까? 특히 가까운 관계일수록 더 그런 것 같다.


2) 포동이 중성화

미루고 미루던 포동이 중성화 수술을 드디어 했다.

이번에 알게된 사실은 포동이는 태어날 때 부터 자궁이 기형이라서 에초에 불임이라고… 이럴줄 알았으면 진작에 중성화 수술을 해줬으면 좋았을텐데… 😭

수의사분이 수술을 하면서 포동이의 자궁이 기형인걸 알게 되었고, 포동이의 난소가 서로 이어져있지 않아서 일단 한 개만 제거한 다음에 수술을 마무리 했다고 해주셨다. 나머지 하나는 다음에 충분히 회복한 다음에 수술을 진행해야 할 것 같다고..

Untitled

Untitled

어쨌든, 지금은 잘 회복했다. 수술을 한 번 더 해야 된다는 사실이 마음이 아플뿐…


3) 부스트캠프

Untitled

운영진, 마스터가 모여서 8기를 회고하는 자리가 있었다. 여러모로 느낀게 참 많았는데 지금은 느낀점이 다 휘발됐다. 그냥 스스로에게 아쉬운 점들이 무척 많았다는 것 정도..?

올해에 또 하게 된다면 다른걸 다 떠나서 미리미리 캠퍼들과 소통할 수 있는 장치들을 고민하여 만들고 운영해보고 싶다. 더 늙기 전에 열심히 해야할 것 같다.


4) 의미 있는 만남

1월에는 행복하게 살아가는 사람들을 많이 만났다. 좋은 영향을 주는 사람들을 보면서 느낀건, 결국 행복하게 살아가는 것은 참 많은 노력이 필요하구나 싶다.

나 스스로를 배려하고, 그만큼 주변 사람들을 배려하고, 예의를 갖추는 것.

성장과 행복에 대해 깊이 고민하는 것.

무엇 하나 쉬운 일은 없어보이지만 그럼에도 불구하고 참 보기 좋다.

나를 만나는 사람들도 비슷한 감정들을 느꼈으면 좋겠다.


5) 멀리 생각하자

공적이든 사적이든 생각이 짧은 내 모습 때문에 이래저래 많이 혼났다.

생각을 멀리 하고 싶어도 거기까지 도달하지 못할 때가 많다.

생각을 멀리 보낼 수 있는 방법은 뭘까? 아무리 노력 해도 타고난 사람들과 비교해보면 난 숲 전체를 보는게 안 되는 사람이다. 내 눈 앞에 있는 나무들을 챙기는 것도 벅차다.

이게 장점으로 작용할 때가 더 많은 것 같긴 한데, 단점으로 작용할 때는 수 많은 장점을 한 번에 덮어버린다. 스스로에게 타격이 너무 크달까..

그래도 시야가 정말 조금씩, 조금씩, 조금씩, 늘어나는게 느껴진다. 일단 이 정도에 만족해야지. 별 수 있나?

웬만하면 내가 할 수 있는걸 하자. 지금 당장 해결할 수 없는 일들에 고민하는건 참 힘들고 어렵고 답답하다.

그래도 좀 해주면 안되겠니?


6) 밥은 벌크로

1월에는 약속이 있는 날을 제외하곤 외식을 안 하려고 무척 애썼다. 카페도 거의 안 갔다.

밥도 벌크로 해놓고, 파스타 소스도 벌크로 만들고, 커피도 믹스커피를 많이 구매해서 먹고, 간식이나 디저트도 최대한 집에 있는 것들을 먹으려고 애썼다.

지금 당장 내가 줄일 수 있는 소비는 식비 정도 밖에 없는 것 같다.

돈을 막 쓰는 편은 아닌데… 왜 통장을 스쳐가는걸까? 서럽다.


7) 무협소설을 보면서 느낀 것들

너무 답답해서 뭘 해야 좋을지 모르겠고, 시간은 죽여야겠고, 그러다가 절대회귀open in new window라는 무협소설을 봤다.

무협지긴 하지만, 싸우는 내용보단 대화와 관계에 대한 내용이 무척 많아서 더 재밌게 읽었다.

읽으면서 느낀 것들이다.

  • 사람도 현상도 제대로 보기 위해선 한 걸음 떨어져서 봐야 한다.
  • 감사한 마음과 미안한 마음을 묵혀두는 것은 좋지 않다. 감사한 사람에게 있는 그대로의 감사함을, 미안한 사람에게는 있는 그대로의 미안함을 전해야 한다. 이런 경험이 쌓이면서 신뢰할 수 있게 된다.
  • 조급해지지 말자. 산을 오를 때 꼭대기를 보며 쭉 나아가는 것도 좋지만, 뒤를 돌아보면 세상이 한 눈에 보인다. 주변도 자주 둘러보고, 뒤도 돌아보고, 그러면서 세상을 눈에 담자. 그렇게 나를 넓혀야 한다.
  • 신뢰하기 때문에, 신뢰를 받기 때문에, 그렇기 때문에 상대방에게 더 잘 해야 하고 배려해야 한다. 세상에 당연한 것은 없으며 꾸준한 노력이 동반되어야 한다.
  • 어떤 사람과 친해지기 위해선 “친해지는 것” 자체를 목표로 하기 보단, 상대방을 “알아가는 것”을 목표로 해야 한다. 상대방의 세상을 들여다보고 이해하고 공감할 수 있을 때 진정으로 “친해졌다” 라고 이야기할 수 있다.

그러다보니 작가가 “무협지” 라는 카테고리를 통해 결국 “인생”에 대해 이야기 하고 있다는 생각이 들었다. “어떻게 살아갈 것인가?”에 대한 이야기랄까.

재미를 넘어서 배움이 참 많았다.


회고에 대한 회고

회고를 작성하다보니, 회고라기보단 있었던 일들을 쭉 나열한 것 같다.

목표를 잘 달성하고 있는지에 대해 점검하는 것도 물론 좋지만… 이렇게 그냥 일상을 정리하는게 나에게는 더 소중한 시간이지 않을까?

목표에 대해 생각한다는 것은 앞을 보는 것, 그리고 더 멀리 보는 것이라고 생각한다. 그런데 나는 내가 겪은 경험들을 곱씹어보고 잘 소화시키고 싶은 욕망이 더 큰 것 같다.

그러다보면 자연스럽게 내가 가진 욕망들에 대해 더 잘 인지할 수 있고, 내가 의도하지 않아도 그런 욕망을 채우기 위한 일들을 하게 된다. 이정도면 나는 인간보단 본능에 충실한 동물의 범주에 더 가까운게 아닐까 싶기도..

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/Review/Turnover/index.html b/Review/Turnover/index.html index 0f05c737..410758f0 100644 --- a/Review/Turnover/index.html +++ b/Review/Turnover/index.html @@ -23,11 +23,11 @@ } 주니어 개발자의 이직 후기 | 개발자 황준일 - +
Hits bn

주니어 개발자의 이직 후기

Last Updated:

Copyright © 2019 All Right 개발자 황준일

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

- + diff --git a/assets/404.54c62392.js b/assets/404.78bbd382.js similarity index 90% rename from assets/404.54c62392.js rename to assets/404.78bbd382.js index 85bcd879..0ade807f 100644 --- a/assets/404.54c62392.js +++ b/assets/404.78bbd382.js @@ -1 +1 @@ -import{_ as i,f as d,u as f,g as p,r as v,o as k,c as L,a as o,t as c,b as g,w as x,e as B,h as l}from"./app.800103af.js";const N={class:"theme-container"},T={class:"theme-default-content"},b=o("h1",null,"404",-1),C=d({name:"404",setup(M){var a,s,n;const r=f(),e=p(),t=(a=e.value.notFound)!=null?a:["Not Found"],u=()=>t[Math.floor(Math.random()*t.length)],_=(s=e.value.home)!=null?s:r.value,m=(n=e.value.backToHome)!=null?n:"Back to home";return(R,V)=>{const h=v("RouterLink");return k(),L("div",N,[o("div",T,[b,o("blockquote",null,c(u()),1),g(h,{to:l(_)},{default:x(()=>[B(c(l(m)),1)]),_:1},8,["to"])])])}}});var D=i(C,[["__file","404.vue"]]);export{D as default}; +import{_ as i,f as d,u as f,g as p,r as v,o as k,c as L,a as o,t as c,b as g,w as x,e as B,h as l}from"./app.d20f8571.js";const N={class:"theme-container"},T={class:"theme-default-content"},b=o("h1",null,"404",-1),C=d({name:"404",setup(M){var a,s,n;const r=f(),e=p(),t=(a=e.value.notFound)!=null?a:["Not Found"],u=()=>t[Math.floor(Math.random()*t.length)],_=(s=e.value.home)!=null?s:r.value,m=(n=e.value.backToHome)!=null?n:"Back to home";return(R,V)=>{const h=v("RouterLink");return k(),L("div",N,[o("div",T,[b,o("blockquote",null,c(u()),1),g(h,{to:l(_)},{default:x(()=>[B(c(l(m)),1)]),_:1},8,["to"])])])}}});var D=i(C,[["__file","404.vue"]]);export{D as default}; diff --git a/assets/404.html.c67d0bb3.js b/assets/404.html.0f64b983.js similarity index 61% rename from assets/404.html.c67d0bb3.js rename to assets/404.html.0f64b983.js index e87dba78..f0451e0d 100644 --- a/assets/404.html.c67d0bb3.js +++ b/assets/404.html.0f64b983.js @@ -1 +1 @@ -import{_ as e,o as _,c}from"./app.800103af.js";const r={};function t(o,a){return _(),c("div")}var s=e(r,[["render",t],["__file","404.html.vue"]]);export{s as default}; +import{_ as e,o as _,c}from"./app.d20f8571.js";const r={};function t(o,a){return _(),c("div")}var s=e(r,[["render",t],["__file","404.html.vue"]]);export{s as default}; diff --git a/assets/Layout.f502b9d9.js b/assets/Layout.66367551.js similarity index 95% rename from assets/Layout.f502b9d9.js rename to assets/Layout.66367551.js index 8ae082f4..dcc5e0c8 100644 --- a/assets/Layout.f502b9d9.js +++ b/assets/Layout.66367551.js @@ -1 +1 @@ -import{_ as f,f as v,i as x,j as C,k as E,o as l,c as _,l as b,m as L,n as d,b as r,w as g,a as p,h as s,P as A,p as P,q as $,F as j,s as k}from"./app.800103af.js";const w=v({name:"Comment",setup(y){const c=b(),e=x();function n(){e.value.innerHTML="";const t=document.createElement("script");t.setAttribute("issue-term","pathname"),t.setAttribute("theme","github-light"),t.setAttribute("repo","junilhwang/blog-comment"),t.type="text/javascript",t.async=!0,t.crossOrigin="anonymous",t.src="https://utteranc.es/client.js",e.value.appendChild(t)}return C(n),E(()=>c.value.path,n),(t,i)=>(l(),_("div",{ref_key:"$root",ref:e},null,512))}});var B=f(w,[["__file","Comment.vue"]]);const D={class:"hit"},F=["src"],M={key:0,class:"relations"},N=p("h2",null,"\uAD00\uB828\uAE00",-1),V=v({name:"Layout",setup(y){const c=L(),e=b(),n="https://junilhwang.github.io/TIL",t=d(()=>`https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=${n}${e.value.path}&count_bg=%230099FF&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=%EC%A1%B0%ED%9A%8C%EC%88%98&edge_flat=true`),i=d(()=>{const{tag:u}=e.value.frontmatter;if(!u)return[];const o=c.value.filter(a=>a.tag.includes(u)),m=o.find(a=>a.path===e.value.path),h=o.indexOf(m);return o.slice(Math.max(h-3,0),h+3).filter(a=>a!==m)});return(u,o)=>(l(),_(k,null,[r($,null,{"page-content-top":g(()=>[p("div",D,[p("img",{src:s(t),alt:"Hits bn"},null,8,F)])]),"page-bottom":g(()=>[r(s(B)),s(i).length>0?(l(),_("section",M,[N,r(s(A),{items:s(i)},null,8,["items"])])):P("",!0)]),_:1}),r(s(j))],64))}});var O=f(V,[["__file","Layout.vue"]]);export{O as default}; +import{_ as f,f as v,i as x,j as C,k as E,o as l,c as _,l as b,m as L,n as d,b as r,w as g,a as p,h as s,P as A,p as P,q as $,F as j,s as k}from"./app.d20f8571.js";const w=v({name:"Comment",setup(y){const c=b(),e=x();function n(){e.value.innerHTML="";const t=document.createElement("script");t.setAttribute("issue-term","pathname"),t.setAttribute("theme","github-light"),t.setAttribute("repo","junilhwang/blog-comment"),t.type="text/javascript",t.async=!0,t.crossOrigin="anonymous",t.src="https://utteranc.es/client.js",e.value.appendChild(t)}return C(n),E(()=>c.value.path,n),(t,i)=>(l(),_("div",{ref_key:"$root",ref:e},null,512))}});var B=f(w,[["__file","Comment.vue"]]);const D={class:"hit"},F=["src"],M={key:0,class:"relations"},N=p("h2",null,"\uAD00\uB828\uAE00",-1),V=v({name:"Layout",setup(y){const c=L(),e=b(),n="https://junilhwang.github.io/TIL",t=d(()=>`https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=${n}${e.value.path}&count_bg=%230099FF&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=%EC%A1%B0%ED%9A%8C%EC%88%98&edge_flat=true`),i=d(()=>{const{tag:u}=e.value.frontmatter;if(!u)return[];const o=c.value.filter(a=>a.tag.includes(u)),m=o.find(a=>a.path===e.value.path),h=o.indexOf(m);return o.slice(Math.max(h-3,0),h+3).filter(a=>a!==m)});return(u,o)=>(l(),_(k,null,[r($,null,{"page-content-top":g(()=>[p("div",D,[p("img",{src:s(t),alt:"Hits bn"},null,8,F)])]),"page-bottom":g(()=>[r(s(B)),s(i).length>0?(l(),_("section",M,[N,r(s(A),{items:s(i)},null,8,["items"])])):P("",!0)]),_:1}),r(s(j))],64))}});var O=f(V,[["__file","Layout.vue"]]);export{O as default}; diff --git a/assets/app.800103af.js b/assets/app.d20f8571.js similarity index 95% rename from assets/app.800103af.js rename to assets/app.d20f8571.js index 22dc2d42..e7af7d16 100644 --- a/assets/app.800103af.js +++ b/assets/app.d20f8571.js @@ -1,7 +1,7 @@ -const Kl={},Qo="modulepreload",Qr={},Yo="/TIL/",b=function(t,l){return!l||l.length===0?t():Promise.all(l.map(n=>{if(n=`${Yo}${n}`,n in Qr)return;Qr[n]=!0;const r=n.endsWith(".css"),i=r?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${n}"]${i}`))return;const s=document.createElement("link");if(s.rel=r?"stylesheet":Qo,r||(s.as="script",s.crossOrigin=""),s.href=n,document.head.appendChild(s),r)return new Promise((o,a)=>{s.addEventListener("load",o),s.addEventListener("error",()=>a(new Error(`Unable to preload CSS for ${n}`)))})})).then(()=>t())},Zo={"v-8daa1a0e":()=>b(()=>import("./index.html.1a043501.js"),[]).then(({data:e})=>e),"v-3e214e9b":()=>b(()=>import("./index.html.5813a842.js"),[]).then(({data:e})=>e),"v-689c0ccc":()=>b(()=>import("./index.html.0e2e2d55.js"),[]).then(({data:e})=>e),"v-8eac9854":()=>b(()=>import("./index.html.5d34e07b.js"),[]).then(({data:e})=>e),"v-a6ee965c":()=>b(()=>import("./index.html.cc4e11c3.js"),[]).then(({data:e})=>e),"v-05414511":()=>b(()=>import("./index.html.2f872d5a.js"),[]).then(({data:e})=>e),"v-5c505680":()=>b(()=>import("./index.html.f30b0a69.js"),[]).then(({data:e})=>e),"v-9c4164b4":()=>b(()=>import("./index.html.bcd19867.js"),[]).then(({data:e})=>e),"v-03de736f":()=>b(()=>import("./index.html.875225dd.js"),[]).then(({data:e})=>e),"v-3a9e944d":()=>b(()=>import("./index.html.f5346c8d.js"),[]).then(({data:e})=>e),"v-e34619ce":()=>b(()=>import("./index.html.0b9ec23f.js"),[]).then(({data:e})=>e),"v-3458f75f":()=>b(()=>import("./index.html.f51c721f.js"),[]).then(({data:e})=>e),"v-6654db14":()=>b(()=>import("./index.html.c2c7c888.js"),[]).then(({data:e})=>e),"v-6711c8b3":()=>b(()=>import("./index.html.47bdcbc8.js"),[]).then(({data:e})=>e),"v-6711c8d2":()=>b(()=>import("./index.html.f9246ade.js"),[]).then(({data:e})=>e),"v-6711c8f1":()=>b(()=>import("./index.html.9d63b2a8.js"),[]).then(({data:e})=>e),"v-2ac5c1fc":()=>b(()=>import("./index.html.0f90b922.js"),[]).then(({data:e})=>e),"v-60f95159":()=>b(()=>import("./index.html.8d196c2c.js"),[]).then(({data:e})=>e),"v-065e7d40":()=>b(()=>import("./index.html.e25e2de7.js"),[]).then(({data:e})=>e),"v-73d2a3d2":()=>b(()=>import("./index.html.9142940d.js"),[]).then(({data:e})=>e),"v-37296673":()=>b(()=>import("./index.html.35f653f5.js"),[]).then(({data:e})=>e),"v-f92d06e8":()=>b(()=>import("./index.html.fda83647.js"),[]).then(({data:e})=>e),"v-7b8ebb95":()=>b(()=>import("./index.html.c09af06b.js"),[]).then(({data:e})=>e),"v-4fb3c888":()=>b(()=>import("./index.html.11e4a8af.js"),[]).then(({data:e})=>e),"v-6b7a613f":()=>b(()=>import("./index.html.f683e365.js"),[]).then(({data:e})=>e),"v-4dd8166f":()=>b(()=>import("./index.html.3a2f1c8b.js"),[]).then(({data:e})=>e),"v-cb81e678":()=>b(()=>import("./index.html.9aab0e01.js"),[]).then(({data:e})=>e),"v-cdcc7d60":()=>b(()=>import("./index.html.62a98cf2.js"),[]).then(({data:e})=>e),"v-0e44307f":()=>b(()=>import("./index.html.96df45f3.js"),[]).then(({data:e})=>e),"v-4f9aab0b":()=>b(()=>import("./index.html.90917800.js"),[]).then(({data:e})=>e),"v-676c76b0":()=>b(()=>import("./index.html.32794572.js"),[]).then(({data:e})=>e),"v-41d7bea5":()=>b(()=>import("./index.html.397699dc.js"),[]).then(({data:e})=>e),"v-05af0dad":()=>b(()=>import("./index.html.57e649db.js"),[]).then(({data:e})=>e),"v-7081bdd8":()=>b(()=>import("./index.html.1d8056c9.js"),[]).then(({data:e})=>e),"v-13e4c5bc":()=>b(()=>import("./index.html.d4039385.js"),[]).then(({data:e})=>e),"v-55f83590":()=>b(()=>import("./index.html.a59b0911.js"),[]).then(({data:e})=>e),"v-010cc28e":()=>b(()=>import("./index.html.85545c0f.js"),[]).then(({data:e})=>e),"v-28fe6b58":()=>b(()=>import("./index.html.89a0e647.js"),[]).then(({data:e})=>e),"v-be06058e":()=>b(()=>import("./index.html.4266656b.js"),[]).then(({data:e})=>e),"v-761b164c":()=>b(()=>import("./index.html.fd080d83.js"),[]).then(({data:e})=>e),"v-ff5878d4":()=>b(()=>import("./index.html.1d71d294.js"),[]).then(({data:e})=>e),"v-2925cf37":()=>b(()=>import("./index.html.7c6adb33.js"),[]).then(({data:e})=>e),"v-34049515":()=>b(()=>import("./index.html.d86e2c0d.js"),[]).then(({data:e})=>e),"v-3c50244d":()=>b(()=>import("./index.html.5fb66fed.js"),[]).then(({data:e})=>e),"v-6c466d1c":()=>b(()=>import("./index.html.2f81c7ac.js"),[]).then(({data:e})=>e),"v-53866e7e":()=>b(()=>import("./index.html.bbc02efc.js"),[]).then(({data:e})=>e),"v-1c9d7550":()=>b(()=>import("./index.html.bd65a611.js"),[]).then(({data:e})=>e),"v-f6b5b892":()=>b(()=>import("./index.html.b8e98a85.js"),[]).then(({data:e})=>e),"v-4e40be9a":()=>b(()=>import("./index.html.b726f535.js"),[]).then(({data:e})=>e),"v-0747c4d3":()=>b(()=>import("./index.html.1150db74.js"),[]).then(({data:e})=>e),"v-1675bf25":()=>b(()=>import("./index.html.d8ffe25f.js"),[]).then(({data:e})=>e),"v-4b5bf550":()=>b(()=>import("./index.html.b21919f5.js"),[]).then(({data:e})=>e),"v-c7cdfcf4":()=>b(()=>import("./index.html.04c1b3fa.js"),[]).then(({data:e})=>e),"v-e738f4ba":()=>b(()=>import("./index.html.4a75c0fa.js"),[]).then(({data:e})=>e),"v-34d9a944":()=>b(()=>import("./index.html.d917b940.js"),[]).then(({data:e})=>e),"v-05561bcf":()=>b(()=>import("./index.html.5a55ce9e.js"),[]).then(({data:e})=>e),"v-58a75c06":()=>b(()=>import("./index.html.ffb12c93.js"),[]).then(({data:e})=>e),"v-4003505a":()=>b(()=>import("./index.html.2c8bef69.js"),[]).then(({data:e})=>e),"v-3851b32c":()=>b(()=>import("./index.html.4aa184ce.js"),[]).then(({data:e})=>e),"v-74e30a94":()=>b(()=>import("./index.html.3e1c72c2.js"),[]).then(({data:e})=>e),"v-09c7bd55":()=>b(()=>import("./index.html.ffc804fa.js"),[]).then(({data:e})=>e),"v-c2a71fd4":()=>b(()=>import("./index.html.ecf44cf7.js"),[]).then(({data:e})=>e),"v-09eb19cb":()=>b(()=>import("./index.html.3e02076e.js"),[]).then(({data:e})=>e),"v-3706649a":()=>b(()=>import("./404.html.0f07aaf0.js"),[]).then(({data:e})=>e)};function mr(e,t){const l=Object.create(null),n=e.split(",");for(let r=0;r!!l[r.toLowerCase()]:r=>!!l[r]}const Xo="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",ea=mr(Xo);function rs(e){return!!e||e===""}function Vl(e){if(le(e)){const t={};for(let l=0;l{if(l){const n=l.split(la);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function je(e){let t="";if(ye(e))t=e;else if(le(e))for(let l=0;lye(e)?e:e==null?"":le(e)||Ie(e)&&(e.toString===as||!se(e.toString))?JSON.stringify(e,is,2):String(e),is=(e,t)=>t&&t.__v_isRef?is(e,t.value):sl(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((l,[n,r])=>(l[`${n} =>`]=r,l),{})}:ss(t)?{[`Set(${t.size})`]:[...t.values()]}:Ie(t)&&!le(t)&&!cs(t)?String(t):t,Re={},il=[],at=()=>{},ra=()=>!1,ia=/^on[^a-z]/,Fl=e=>ia.test(e),_r=e=>e.startsWith("onUpdate:"),Ve=Object.assign,Er=(e,t)=>{const l=e.indexOf(t);l>-1&&e.splice(l,1)},sa=Object.prototype.hasOwnProperty,he=(e,t)=>sa.call(e,t),le=Array.isArray,sl=e=>_n(e)==="[object Map]",ss=e=>_n(e)==="[object Set]",se=e=>typeof e=="function",ye=e=>typeof e=="string",yr=e=>typeof e=="symbol",Ie=e=>e!==null&&typeof e=="object",os=e=>Ie(e)&&se(e.then)&&se(e.catch),as=Object.prototype.toString,_n=e=>as.call(e),oa=e=>_n(e).slice(8,-1),cs=e=>_n(e)==="[object Object]",br=e=>ye(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Al=mr(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),En=e=>{const t=Object.create(null);return l=>t[l]||(t[l]=e(l))},aa=/-(\w)/g,ft=En(e=>e.replace(aa,(t,l)=>l?l.toUpperCase():"")),ca=/\B([A-Z])/g,Yt=En(e=>e.replace(ca,"-$1").toLowerCase()),yn=En(e=>e.charAt(0).toUpperCase()+e.slice(1)),kn=En(e=>e?`on${yn(e)}`:""),Tl=(e,t)=>!Object.is(e,t),Mn=(e,t)=>{for(let l=0;l{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:l})},us=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let Yr;const ua=()=>Yr||(Yr=typeof globalThis!="undefined"?globalThis:typeof self!="undefined"?self:typeof window!="undefined"?window:typeof global!="undefined"?global:{});let Ge;class da{constructor(t=!1){this.active=!0,this.effects=[],this.cleanups=[],!t&&Ge&&(this.parent=Ge,this.index=(Ge.scopes||(Ge.scopes=[])).push(this)-1)}run(t){if(this.active){const l=Ge;try{return Ge=this,t()}finally{Ge=l}}}on(){Ge=this}off(){Ge=this.parent}stop(t){if(this.active){let l,n;for(l=0,n=this.effects.length;l{const t=new Set(e);return t.w=0,t.n=0,t},ds=e=>(e.w&Mt)>0,fs=e=>(e.n&Mt)>0,pa=({deps:e})=>{if(e.length)for(let t=0;t{const{deps:t}=e;if(t.length){let l=0;for(let n=0;n{(c==="length"||c>=n)&&o.push(a)});else switch(l!==void 0&&o.push(s.get(l)),t){case"add":le(e)?br(l)&&o.push(s.get("length")):(o.push(s.get(qt)),sl(e)&&o.push(s.get(Zn)));break;case"delete":le(e)||(o.push(s.get(qt)),sl(e)&&o.push(s.get(Zn)));break;case"set":sl(e)&&o.push(s.get(qt));break}if(o.length===1)o[0]&&Xn(o[0]);else{const a=[];for(const c of o)c&&a.push(...c);Xn(wr(a))}}function Xn(e,t){const l=le(e)?e:[...e];for(const n of l)n.computed&&Xr(n);for(const n of l)n.computed||Xr(n)}function Xr(e,t){(e!==st||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}const ma=mr("__proto__,__v_isRef,__isVue"),ps=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(yr)),_a=Ar(),Ea=Ar(!1,!0),ya=Ar(!0),ei=ba();function ba(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...l){const n=me(this);for(let i=0,s=this.length;i{e[t]=function(...l){hl();const n=me(this)[t].apply(this,l);return vl(),n}}),e}function Ar(e=!1,t=!1){return function(n,r,i){if(r==="__v_isReactive")return!e;if(r==="__v_isReadonly")return e;if(r==="__v_isShallow")return t;if(r==="__v_raw"&&i===(e?t?$a:ys:t?Es:_s).get(n))return n;const s=le(n);if(!e&&s&&he(ei,r))return Reflect.get(ei,r,i);const o=Reflect.get(n,r,i);return(yr(r)?ps.has(r):ma(r))||(e||Ze(n,"get",r),t)?o:Be(o)?s&&br(r)?o:o.value:Ie(o)?e?Lr(o):$t(o):o}}const wa=gs(),Ca=gs(!0);function gs(e=!1){return function(l,n,r,i){let s=l[n];if(Dl(s)&&Be(s)&&!Be(r))return!1;if(!e&&!Dl(r)&&(er(r)||(r=me(r),s=me(s)),!le(l)&&Be(s)&&!Be(r)))return s.value=r,!0;const o=le(l)&&br(n)?Number(n)e,bn=e=>Reflect.getPrototypeOf(e);function Wl(e,t,l=!1,n=!1){e=e.__v_raw;const r=me(e),i=me(t);l||(t!==i&&Ze(r,"get",t),Ze(r,"get",i));const{has:s}=bn(r),o=n?Rr:l?Or:Il;if(s.call(r,t))return o(e.get(t));if(s.call(r,i))return o(e.get(i));e!==r&&e.get(t)}function ql(e,t=!1){const l=this.__v_raw,n=me(l),r=me(e);return t||(e!==r&&Ze(n,"has",e),Ze(n,"has",r)),e===r?l.has(e):l.has(e)||l.has(r)}function Gl(e,t=!1){return e=e.__v_raw,!t&&Ze(me(e),"iterate",qt),Reflect.get(e,"size",e)}function ti(e){e=me(e);const t=me(this);return bn(t).has.call(t,e)||(t.add(e),bt(t,"add",e,e)),this}function li(e,t){t=me(t);const l=me(this),{has:n,get:r}=bn(l);let i=n.call(l,e);i||(e=me(e),i=n.call(l,e));const s=r.call(l,e);return l.set(e,t),i?Tl(t,s)&&bt(l,"set",e,t):bt(l,"add",e,t),this}function ni(e){const t=me(this),{has:l,get:n}=bn(t);let r=l.call(t,e);r||(e=me(e),r=l.call(t,e)),n&&n.call(t,e);const i=t.delete(e);return r&&bt(t,"delete",e,void 0),i}function ri(){const e=me(this),t=e.size!==0,l=e.clear();return t&&bt(e,"clear",void 0,void 0),l}function Ql(e,t){return function(n,r){const i=this,s=i.__v_raw,o=me(s),a=t?Rr:e?Or:Il;return!e&&Ze(o,"iterate",qt),s.forEach((c,u)=>n.call(r,a(c),a(u),i))}}function Yl(e,t,l){return function(...n){const r=this.__v_raw,i=me(r),s=sl(i),o=e==="entries"||e===Symbol.iterator&&s,a=e==="keys"&&s,c=r[e](...n),u=l?Rr:t?Or:Il;return!t&&Ze(i,"iterate",a?Zn:qt),{next(){const{value:d,done:f}=c.next();return f?{value:d,done:f}:{value:o?[u(d[0]),u(d[1])]:u(d),done:f}},[Symbol.iterator](){return this}}}}function At(e){return function(...t){return e==="delete"?!1:this}}function Oa(){const e={get(i){return Wl(this,i)},get size(){return Gl(this)},has:ql,add:ti,set:li,delete:ni,clear:ri,forEach:Ql(!1,!1)},t={get(i){return Wl(this,i,!1,!0)},get size(){return Gl(this)},has:ql,add:ti,set:li,delete:ni,clear:ri,forEach:Ql(!1,!0)},l={get(i){return Wl(this,i,!0)},get size(){return Gl(this,!0)},has(i){return ql.call(this,i,!0)},add:At("add"),set:At("set"),delete:At("delete"),clear:At("clear"),forEach:Ql(!0,!1)},n={get(i){return Wl(this,i,!0,!0)},get size(){return Gl(this,!0)},has(i){return ql.call(this,i,!0)},add:At("add"),set:At("set"),delete:At("delete"),clear:At("clear"),forEach:Ql(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=Yl(i,!1,!1),l[i]=Yl(i,!0,!1),t[i]=Yl(i,!1,!0),n[i]=Yl(i,!0,!0)}),[e,l,t,n]}const[xa,Ta,Da,Ia]=Oa();function Pr(e,t){const l=t?e?Ia:Da:e?Ta:xa;return(n,r,i)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?n:Reflect.get(he(l,r)&&r in n?l:n,r,i)}const ka={get:Pr(!1,!1)},Ma={get:Pr(!1,!0)},Ba={get:Pr(!0,!1)},_s=new WeakMap,Es=new WeakMap,ys=new WeakMap,$a=new WeakMap;function Va(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Fa(e){return e.__v_skip||!Object.isExtensible(e)?0:Va(oa(e))}function $t(e){return Dl(e)?e:Sr(e,!1,ms,ka,_s)}function Na(e){return Sr(e,!1,Sa,Ma,Es)}function Lr(e){return Sr(e,!0,La,Ba,ys)}function Sr(e,t,l,n,r){if(!Ie(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=r.get(e);if(i)return i;const s=Fa(e);if(s===0)return e;const o=new Proxy(e,s===2?n:l);return r.set(e,o),o}function ol(e){return Dl(e)?ol(e.__v_raw):!!(e&&e.__v_isReactive)}function Dl(e){return!!(e&&e.__v_isReadonly)}function er(e){return!!(e&&e.__v_isShallow)}function bs(e){return ol(e)||Dl(e)}function me(e){const t=e&&e.__v_raw;return t?me(t):e}function ws(e){return rn(e,"__v_skip",!0),e}const Il=e=>Ie(e)?$t(e):e,Or=e=>Ie(e)?Lr(e):e;function Cs(e){It&&st&&(e=me(e),vs(e.dep||(e.dep=wr())))}function As(e,t){e=me(e),e.dep&&Xn(e.dep)}function Be(e){return!!(e&&e.__v_isRef===!0)}function be(e){return Ps(e,!1)}function Rs(e){return Ps(e,!0)}function Ps(e,t){return Be(e)?e:new Ha(e,t)}class Ha{constructor(t,l){this.__v_isShallow=l,this.dep=void 0,this.__v_isRef=!0,this._rawValue=l?t:me(t),this._value=l?t:Il(t)}get value(){return Cs(this),this._value}set value(t){t=this.__v_isShallow?t:me(t),Tl(t,this._rawValue)&&(this._rawValue=t,this._value=this.__v_isShallow?t:Il(t),As(this))}}function x(e){return Be(e)?e.value:e}const ja={get:(e,t,l)=>x(Reflect.get(e,t,l)),set:(e,t,l,n)=>{const r=e[t];return Be(r)&&!Be(l)?(r.value=l,!0):Reflect.set(e,t,l,n)}};function Ls(e){return ol(e)?e:new Proxy(e,ja)}function wn(e){const t=le(e)?new Array(e.length):{};for(const l in e)t[l]=Ss(e,l);return t}class za{constructor(t,l,n){this._object=t,this._key=l,this._defaultValue=n,this.__v_isRef=!0}get value(){const t=this._object[this._key];return t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}}function Ss(e,t,l){const n=e[t];return Be(n)?n:new za(e,t,l)}class Ja{constructor(t,l,n,r){this._setter=l,this.dep=void 0,this.__v_isRef=!0,this._dirty=!0,this.effect=new Cr(t,()=>{this._dirty||(this._dirty=!0,As(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=n}get value(){const t=me(this);return Cs(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}function Ua(e,t,l=!1){let n,r;const i=se(e);return i?(n=e,r=at):(n=e.get,r=e.set),new Ja(n,r,i||!r,l)}function kt(e,t,l,n){let r;try{r=n?e(...n):e()}catch(i){Nl(i,t,l)}return r}function lt(e,t,l,n){if(se(e)){const i=kt(e,t,l,n);return i&&os(i)&&i.catch(s=>{Nl(s,t,l)}),i}const r=[];for(let i=0;i>>1;kl(Qe[n])gt&&Qe.splice(t,1)}function Ts(e,t,l,n){le(e)?l.push(...e):(!t||!t.includes(e,e.allowRecurse?n+1:n))&&l.push(e),xs()}function Ga(e){Ts(e,Cl,Rl,ll)}function Qa(e){Ts(e,Ot,Pl,nl)}function Cn(e,t=null){if(Rl.length){for(lr=t,Cl=[...new Set(Rl)],Rl.length=0,ll=0;llkl(l)-kl(n)),nl=0;nle.id==null?1/0:e.id;function Ds(e){tr=!1,sn=!0,Cn(e),Qe.sort((l,n)=>kl(l)-kl(n));const t=at;try{for(gt=0;gtp.trim())),d&&(r=l.map(us))}let o,a=n[o=kn(t)]||n[o=kn(ft(t))];!a&&i&&(a=n[o=kn(Yt(t))]),a&<(a,e,6,r);const c=n[o+"Once"];if(c){if(!e.emitted)e.emitted={};else if(e.emitted[o])return;e.emitted[o]=!0,lt(c,e,6,r)}}function Is(e,t,l=!1){const n=t.emitsCache,r=n.get(e);if(r!==void 0)return r;const i=e.emits;let s={},o=!1;if(!se(e)){const a=c=>{const u=Is(c,t,!0);u&&(o=!0,Ve(s,u))};!l&&t.mixins.length&&t.mixins.forEach(a),e.extends&&a(e.extends),e.mixins&&e.mixins.forEach(a)}return!i&&!o?(n.set(e,null),null):(le(i)?i.forEach(a=>s[a]=null):Ve(s,i),n.set(e,s),s)}function An(e,t){return!e||!Fl(t)?!1:(t=t.slice(2).replace(/Once$/,""),he(e,t[0].toLowerCase()+t.slice(1))||he(e,Yt(t))||he(e,t))}let Fe=null,Rn=null;function an(e){const t=Fe;return Fe=e,Rn=e&&e.type.__scopeId||null,t}function Za(e){Rn=e}function Xa(){Rn=null}function ke(e,t=Fe,l){if(!t||e._n)return e;const n=(...r)=>{n._d&&pi(-1);const i=an(t),s=e(...r);return an(i),n._d&&pi(1),s};return n._n=!0,n._c=!0,n._d=!0,n}function Bn(e){const{type:t,vnode:l,proxy:n,withProxy:r,props:i,propsOptions:[s],slots:o,attrs:a,emit:c,render:u,renderCache:d,data:f,setupState:p,ctx:g,inheritAttrs:P}=e;let w,m;const E=an(e);try{if(l.shapeFlag&4){const V=r||n;w=it(u.call(V,V,d,i,p,f,g)),m=a}else{const V=t;w=it(V.length>1?V(i,{attrs:a,slots:o,emit:c}):V(i,null)),m=t.props?a:ec(a)}}catch(V){Sl.length=0,Nl(V,e,1),w=te(Ye)}let R=w;if(m&&P!==!1){const V=Object.keys(m),{shapeFlag:W}=R;V.length&&W&7&&(s&&V.some(_r)&&(m=tc(m,s)),R=Bt(R,m))}return l.dirs&&(R=Bt(R),R.dirs=R.dirs?R.dirs.concat(l.dirs):l.dirs),l.transition&&(R.transition=l.transition),w=R,an(E),w}const ec=e=>{let t;for(const l in e)(l==="class"||l==="style"||Fl(l))&&((t||(t={}))[l]=e[l]);return t},tc=(e,t)=>{const l={};for(const n in e)(!_r(n)||!(n.slice(9)in t))&&(l[n]=e[n]);return l};function lc(e,t,l){const{props:n,children:r,component:i}=e,{props:s,children:o,patchFlag:a}=t,c=i.emitsOptions;if(t.dirs||t.transition)return!0;if(l&&a>=0){if(a&1024)return!0;if(a&16)return n?ii(n,s,c):!!s;if(a&8){const u=t.dynamicProps;for(let d=0;de.__isSuspense;function ks(e,t){t&&t.pendingBranch?le(e)?t.effects.push(...e):t.effects.push(e):Qa(e)}function Gt(e,t){if(Me){let l=Me.provides;const n=Me.parent&&Me.parent.provides;n===l&&(l=Me.provides=Object.create(n)),l[e]=t}}function $e(e,t,l=!1){const n=Me||Fe;if(n){const r=n.parent==null?n.vnode.appContext&&n.vnode.appContext.provides:n.parent.provides;if(r&&e in r)return r[e];if(arguments.length>1)return l&&se(t)?t.call(n.proxy):t}}const si={};function ct(e,t,l){return Ms(e,t,l)}function Ms(e,t,{immediate:l,deep:n,flush:r,onTrack:i,onTrigger:s}=Re){const o=Me;let a,c=!1,u=!1;if(Be(e)?(a=()=>e.value,c=er(e)):ol(e)?(a=()=>e,n=!0):le(e)?(u=!0,c=e.some(m=>ol(m)||er(m)),a=()=>e.map(m=>{if(Be(m))return m.value;if(ol(m))return Wt(m);if(se(m))return kt(m,o,2)})):se(e)?t?a=()=>kt(e,o,2):a=()=>{if(!(o&&o.isUnmounted))return d&&d(),lt(e,o,3,[f])}:a=at,t&&n){const m=a;a=()=>Wt(m())}let d,f=m=>{d=w.onStop=()=>{kt(m,o,4)}};if(ul)return f=at,t?l&<(t,o,3,[a(),u?[]:void 0,f]):a(),at;let p=u?[]:si;const g=()=>{if(!!w.active)if(t){const m=w.run();(n||c||(u?m.some((E,R)=>Tl(E,p[R])):Tl(m,p)))&&(d&&d(),lt(t,o,3,[m,p===si?void 0:p,f]),p=m)}else w.run()};g.allowRecurse=!!t;let P;r==="sync"?P=g:r==="post"?P=()=>Je(g,o&&o.suspense):P=()=>Ga(g);const w=new Cr(a,P);return t?l?g():p=w.run():r==="post"?Je(w.run.bind(w),o&&o.suspense):w.run(),()=>{w.stop(),o&&o.scope&&Er(o.scope.effects,w)}}function ic(e,t,l){const n=this.proxy,r=ye(e)?e.includes(".")?Bs(n,e):()=>n[e]:e.bind(n,n);let i;se(t)?i=t:(i=t.handler,l=t);const s=Me;cl(this);const o=Ms(r,i.bind(n),l);return s?cl(s):Qt(),o}function Bs(e,t){const l=t.split(".");return()=>{let n=e;for(let r=0;r{Wt(l,t)});else if(cs(e))for(const l in e)Wt(e[l],t);return e}function sc(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return Ke(()=>{e.isMounted=!0}),Ln(()=>{e.isUnmounting=!0}),e}const et=[Function,Array],oc={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:et,onEnter:et,onAfterEnter:et,onEnterCancelled:et,onBeforeLeave:et,onLeave:et,onAfterLeave:et,onLeaveCancelled:et,onBeforeAppear:et,onAppear:et,onAfterAppear:et,onAppearCancelled:et},setup(e,{slots:t}){const l=lo(),n=sc();let r;return()=>{const i=t.default&&Fs(t.default(),!0);if(!i||!i.length)return;let s=i[0];if(i.length>1){for(const P of i)if(P.type!==Ye){s=P;break}}const o=me(e),{mode:a}=o;if(n.isLeaving)return $n(s);const c=oi(s);if(!c)return $n(s);const u=nr(c,o,n,l);rr(c,u);const d=l.subTree,f=d&&oi(d);let p=!1;const{getTransitionKey:g}=c.type;if(g){const P=g();r===void 0?r=P:P!==r&&(r=P,p=!0)}if(f&&f.type!==Ye&&(!Ut(c,f)||p)){const P=nr(f,o,n,l);if(rr(f,P),a==="out-in")return n.isLeaving=!0,P.afterLeave=()=>{n.isLeaving=!1,l.update()},$n(s);a==="in-out"&&c.type!==Ye&&(P.delayLeave=(w,m,E)=>{const R=Vs(n,f);R[String(f.key)]=f,w._leaveCb=()=>{m(),w._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=E})}return s}}},$s=oc;function Vs(e,t){const{leavingVNodes:l}=e;let n=l.get(t.type);return n||(n=Object.create(null),l.set(t.type,n)),n}function nr(e,t,l,n){const{appear:r,mode:i,persisted:s=!1,onBeforeEnter:o,onEnter:a,onAfterEnter:c,onEnterCancelled:u,onBeforeLeave:d,onLeave:f,onAfterLeave:p,onLeaveCancelled:g,onBeforeAppear:P,onAppear:w,onAfterAppear:m,onAppearCancelled:E}=t,R=String(e.key),V=Vs(l,e),W=(_,Z)=>{_&<(_,n,9,Z)},z=(_,Z)=>{const J=Z[1];W(_,Z),le(_)?_.every(Y=>Y.length<=1)&&J():_.length<=1&&J()},B={mode:i,persisted:s,beforeEnter(_){let Z=o;if(!l.isMounted)if(r)Z=P||o;else return;_._leaveCb&&_._leaveCb(!0);const J=V[R];J&&Ut(e,J)&&J.el._leaveCb&&J.el._leaveCb(),W(Z,[_])},enter(_){let Z=a,J=c,Y=u;if(!l.isMounted)if(r)Z=w||a,J=m||c,Y=E||u;else return;let C=!1;const F=_._enterCb=k=>{C||(C=!0,k?W(Y,[_]):W(J,[_]),B.delayedLeave&&B.delayedLeave(),_._enterCb=void 0)};Z?z(Z,[_,F]):F()},leave(_,Z){const J=String(e.key);if(_._enterCb&&_._enterCb(!0),l.isUnmounting)return Z();W(d,[_]);let Y=!1;const C=_._leaveCb=F=>{Y||(Y=!0,Z(),F?W(g,[_]):W(p,[_]),_._leaveCb=void 0,V[J]===e&&delete V[J])};V[J]=e,f?z(f,[_,C]):C()},clone(_){return nr(_,t,l,n)}};return B}function $n(e){if(Hl(e))return e=Bt(e),e.children=null,e}function oi(e){return Hl(e)?e.children?e.children[0]:void 0:e}function rr(e,t){e.shapeFlag&6&&e.component?rr(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Fs(e,t=!1,l){let n=[],r=0;for(let i=0;i1)for(let i=0;i!!e.type.__asyncLoader;function U(e){se(e)&&(e={loader:e});const{loader:t,loadingComponent:l,errorComponent:n,delay:r=200,timeout:i,suspensible:s=!0,onError:o}=e;let a=null,c,u=0;const d=()=>(u++,a=null,f()),f=()=>{let p;return a||(p=a=t().catch(g=>{if(g=g instanceof Error?g:new Error(String(g)),o)return new Promise((P,w)=>{o(g,()=>P(d()),()=>w(g),u+1)});throw g}).then(g=>p!==a&&a?a:(g&&(g.__esModule||g[Symbol.toStringTag]==="Module")&&(g=g.default),c=g,g)))};return de({name:"AsyncComponentWrapper",__asyncLoader:f,get __asyncResolved(){return c},setup(){const p=Me;if(c)return()=>Vn(c,p);const g=E=>{a=null,Nl(E,p,13,!n)};if(s&&p.suspense||ul)return f().then(E=>()=>Vn(E,p)).catch(E=>(g(E),()=>n?te(n,{error:E}):null));const P=be(!1),w=be(),m=be(!!r);return r&&setTimeout(()=>{m.value=!1},r),i!=null&&setTimeout(()=>{if(!P.value&&!w.value){const E=new Error(`Async component timed out after ${i}ms.`);g(E),w.value=E}},i),f().then(()=>{P.value=!0,p.parent&&Hl(p.parent.vnode)&&Dr(p.parent.update)}).catch(E=>{g(E),w.value=E}),()=>{if(P.value&&c)return Vn(c,p);if(w.value&&n)return te(n,{error:w.value});if(l&&!m.value)return te(l)}}})}function Vn(e,{vnode:{ref:t,props:l,children:n,shapeFlag:r},parent:i}){const s=te(e,l,n);return s.ref=t,s}const Hl=e=>e.type.__isKeepAlive;function ac(e,t){Ns(e,"a",t)}function cc(e,t){Ns(e,"da",t)}function Ns(e,t,l=Me){const n=e.__wdc||(e.__wdc=()=>{let r=l;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(Pn(t,n,l),l){let r=l.parent;for(;r&&r.parent;)Hl(r.parent.vnode)&&uc(n,t,l,r),r=r.parent}}function uc(e,t,l,n){const r=Pn(t,e,n,!0);Sn(()=>{Er(n[t],r)},l)}function Pn(e,t,l=Me,n=!1){if(l){const r=l[e]||(l[e]=[]),i=t.__weh||(t.__weh=(...s)=>{if(l.isUnmounted)return;hl(),cl(l);const o=lt(t,l,e,s);return Qt(),vl(),o});return n?r.unshift(i):r.push(i),i}}const Ct=e=>(t,l=Me)=>(!ul||e==="sp")&&Pn(e,t,l),Hs=Ct("bm"),Ke=Ct("m"),dc=Ct("bu"),fc=Ct("u"),Ln=Ct("bum"),Sn=Ct("um"),hc=Ct("sp"),vc=Ct("rtg"),pc=Ct("rtc");function gc(e,t=Me){Pn("ec",e,t)}function cn(e,t){const l=Fe;if(l===null)return e;const n=xn(l)||l.proxy,r=e.dirs||(e.dirs=[]);for(let i=0;it(s,o,void 0,i&&i[o]));else{const s=Object.keys(e);r=new Array(s.length);for(let o=0,a=s.length;ohn(t)?!(t.type===Ye||t.type===ge&&!zs(t.children)):!0)?e:null}const ir=e=>e?no(e)?xn(e)||e.proxy:ir(e.parent):null,un=Ve(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>ir(e.parent),$root:e=>ir(e.root),$emit:e=>e.emit,$options:e=>Us(e),$forceUpdate:e=>e.f||(e.f=()=>Dr(e.update)),$nextTick:e=>e.n||(e.n=Tr.bind(e.proxy)),$watch:e=>ic.bind(e)}),Ec={get({_:e},t){const{ctx:l,setupState:n,data:r,props:i,accessCache:s,type:o,appContext:a}=e;let c;if(t[0]!=="$"){const p=s[t];if(p!==void 0)switch(p){case 1:return n[t];case 2:return r[t];case 4:return l[t];case 3:return i[t]}else{if(n!==Re&&he(n,t))return s[t]=1,n[t];if(r!==Re&&he(r,t))return s[t]=2,r[t];if((c=e.propsOptions[0])&&he(c,t))return s[t]=3,i[t];if(l!==Re&&he(l,t))return s[t]=4,l[t];sr&&(s[t]=0)}}const u=un[t];let d,f;if(u)return t==="$attrs"&&Ze(e,"get",t),u(e);if((d=o.__cssModules)&&(d=d[t]))return d;if(l!==Re&&he(l,t))return s[t]=4,l[t];if(f=a.config.globalProperties,he(f,t))return f[t]},set({_:e},t,l){const{data:n,setupState:r,ctx:i}=e;return r!==Re&&he(r,t)?(r[t]=l,!0):n!==Re&&he(n,t)?(n[t]=l,!0):he(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=l,!0)},has({_:{data:e,setupState:t,accessCache:l,ctx:n,appContext:r,propsOptions:i}},s){let o;return!!l[s]||e!==Re&&he(e,s)||t!==Re&&he(t,s)||(o=i[0])&&he(o,s)||he(n,s)||he(un,s)||he(r.config.globalProperties,s)},defineProperty(e,t,l){return l.get!=null?e._.accessCache[t]=0:he(l,"value")&&this.set(e,t,l.value,null),Reflect.defineProperty(e,t,l)}};let sr=!0;function yc(e){const t=Us(e),l=e.proxy,n=e.ctx;sr=!1,t.beforeCreate&&ci(t.beforeCreate,e,"bc");const{data:r,computed:i,methods:s,watch:o,provide:a,inject:c,created:u,beforeMount:d,mounted:f,beforeUpdate:p,updated:g,activated:P,deactivated:w,beforeDestroy:m,beforeUnmount:E,destroyed:R,unmounted:V,render:W,renderTracked:z,renderTriggered:B,errorCaptured:_,serverPrefetch:Z,expose:J,inheritAttrs:Y,components:C,directives:F,filters:k}=t;if(c&&bc(c,n,null,e.appContext.config.unwrapInjectedRef),s)for(const ie in s){const ue=s[ie];se(ue)&&(n[ie]=ue.bind(l))}if(r){const ie=r.call(l,l);Ie(ie)&&(e.data=$t(ie))}if(sr=!0,i)for(const ie in i){const ue=i[ie],xe=se(ue)?ue.bind(l,l):se(ue.get)?ue.get.bind(l,l):at,Ne=!se(ue)&&se(ue.set)?ue.set.bind(l):at,We=N({get:xe,set:Ne});Object.defineProperty(n,ie,{enumerable:!0,configurable:!0,get:()=>We.value,set:Xe=>We.value=Xe})}if(o)for(const ie in o)Js(o[ie],n,l,ie);if(a){const ie=se(a)?a.call(l):a;Reflect.ownKeys(ie).forEach(ue=>{Gt(ue,ie[ue])})}u&&ci(u,e,"c");function j(ie,ue){le(ue)?ue.forEach(xe=>ie(xe.bind(l))):ue&&ie(ue.bind(l))}if(j(Hs,d),j(Ke,f),j(dc,p),j(fc,g),j(ac,P),j(cc,w),j(gc,_),j(pc,z),j(vc,B),j(Ln,E),j(Sn,V),j(hc,Z),le(J))if(J.length){const ie=e.exposed||(e.exposed={});J.forEach(ue=>{Object.defineProperty(ie,ue,{get:()=>l[ue],set:xe=>l[ue]=xe})})}else e.exposed||(e.exposed={});W&&e.render===at&&(e.render=W),Y!=null&&(e.inheritAttrs=Y),C&&(e.components=C),F&&(e.directives=F)}function bc(e,t,l=at,n=!1){le(e)&&(e=or(e));for(const r in e){const i=e[r];let s;Ie(i)?"default"in i?s=$e(i.from||r,i.default,!0):s=$e(i.from||r):s=$e(i),Be(s)&&n?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>s.value,set:o=>s.value=o}):t[r]=s}}function ci(e,t,l){lt(le(e)?e.map(n=>n.bind(t.proxy)):e.bind(t.proxy),t,l)}function Js(e,t,l,n){const r=n.includes(".")?Bs(l,n):()=>l[n];if(ye(e)){const i=t[e];se(i)&&ct(r,i)}else if(se(e))ct(r,e.bind(l));else if(Ie(e))if(le(e))e.forEach(i=>Js(i,t,l,n));else{const i=se(e.handler)?e.handler.bind(l):t[e.handler];se(i)&&ct(r,i,e)}}function Us(e){const t=e.type,{mixins:l,extends:n}=t,{mixins:r,optionsCache:i,config:{optionMergeStrategies:s}}=e.appContext,o=i.get(t);let a;return o?a=o:!r.length&&!l&&!n?a=t:(a={},r.length&&r.forEach(c=>dn(a,c,s,!0)),dn(a,t,s)),i.set(t,a),a}function dn(e,t,l,n=!1){const{mixins:r,extends:i}=t;i&&dn(e,i,l,!0),r&&r.forEach(s=>dn(e,s,l,!0));for(const s in t)if(!(n&&s==="expose")){const o=wc[s]||l&&l[s];e[s]=o?o(e[s],t[s]):t[s]}return e}const wc={data:ui,props:jt,emits:jt,methods:jt,computed:jt,beforeCreate:He,created:He,beforeMount:He,mounted:He,beforeUpdate:He,updated:He,beforeDestroy:He,beforeUnmount:He,destroyed:He,unmounted:He,activated:He,deactivated:He,errorCaptured:He,serverPrefetch:He,components:jt,directives:jt,watch:Ac,provide:ui,inject:Cc};function ui(e,t){return t?e?function(){return Ve(se(e)?e.call(this,this):e,se(t)?t.call(this,this):t)}:t:e}function Cc(e,t){return jt(or(e),or(t))}function or(e){if(le(e)){const t={};for(let l=0;l0)&&!(s&16)){if(s&8){const u=e.vnode.dynamicProps;for(let d=0;d{a=!0;const[f,p]=Ws(d,t,!0);Ve(s,f),p&&o.push(...p)};!l&&t.mixins.length&&t.mixins.forEach(u),e.extends&&u(e.extends),e.mixins&&e.mixins.forEach(u)}if(!i&&!a)return n.set(e,il),il;if(le(i))for(let u=0;u-1,p[1]=P<0||g-1||he(p,"default"))&&o.push(d)}}}const c=[s,o];return n.set(e,c),c}function di(e){return e[0]!=="$"}function fi(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:e===null?"null":""}function hi(e,t){return fi(e)===fi(t)}function vi(e,t){return le(t)?t.findIndex(l=>hi(l,e)):se(t)&&hi(t,e)?0:-1}const qs=e=>e[0]==="_"||e==="$stable",Ir=e=>le(e)?e.map(it):[it(e)],Lc=(e,t,l)=>{if(t._n)return t;const n=ke((...r)=>Ir(t(...r)),l);return n._c=!1,n},Gs=(e,t,l)=>{const n=e._ctx;for(const r in e){if(qs(r))continue;const i=e[r];if(se(i))t[r]=Lc(r,i,n);else if(i!=null){const s=Ir(i);t[r]=()=>s}}},Qs=(e,t)=>{const l=Ir(t);e.slots.default=()=>l},Sc=(e,t)=>{if(e.vnode.shapeFlag&32){const l=t._;l?(e.slots=me(t),rn(t,"_",l)):Gs(t,e.slots={})}else e.slots={},t&&Qs(e,t);rn(e.slots,On,1)},Oc=(e,t,l)=>{const{vnode:n,slots:r}=e;let i=!0,s=Re;if(n.shapeFlag&32){const o=t._;o?l&&o===1?i=!1:(Ve(r,t),!l&&o===1&&delete r._):(i=!t.$stable,Gs(t,r)),s=t}else t&&(Qs(e,t),s={default:1});if(i)for(const o in r)!qs(o)&&!(o in s)&&delete r[o]};function Ys(){return{app:null,config:{isNativeTag:ra,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let xc=0;function Tc(e,t){return function(n,r=null){se(n)||(n=Object.assign({},n)),r!=null&&!Ie(r)&&(r=null);const i=Ys(),s=new Set;let o=!1;const a=i.app={_uid:xc++,_component:n,_props:r,_container:null,_context:i,_instance:null,version:Gc,get config(){return i.config},set config(c){},use(c,...u){return s.has(c)||(c&&se(c.install)?(s.add(c),c.install(a,...u)):se(c)&&(s.add(c),c(a,...u))),a},mixin(c){return i.mixins.includes(c)||i.mixins.push(c),a},component(c,u){return u?(i.components[c]=u,a):i.components[c]},directive(c,u){return u?(i.directives[c]=u,a):i.directives[c]},mount(c,u,d){if(!o){const f=te(n,r);return f.appContext=i,u&&t?t(f,c):e(f,c,d),o=!0,a._container=c,c.__vue_app__=a,xn(f.component)||f.component.proxy}},unmount(){o&&(e(null,a._container),delete a._container.__vue_app__)},provide(c,u){return i.provides[c]=u,a}};return a}}function fn(e,t,l,n,r=!1){if(le(e)){e.forEach((f,p)=>fn(f,t&&(le(t)?t[p]:t),l,n,r));return}if(al(n)&&!r)return;const i=n.shapeFlag&4?xn(n.component)||n.component.proxy:n.el,s=r?null:i,{i:o,r:a}=e,c=t&&t.r,u=o.refs===Re?o.refs={}:o.refs,d=o.setupState;if(c!=null&&c!==a&&(ye(c)?(u[c]=null,he(d,c)&&(d[c]=null)):Be(c)&&(c.value=null)),se(a))kt(a,o,12,[s,u]);else{const f=ye(a),p=Be(a);if(f||p){const g=()=>{if(e.f){const P=f?u[a]:a.value;r?le(P)&&Er(P,i):le(P)?P.includes(i)||P.push(i):f?(u[a]=[i],he(d,a)&&(d[a]=u[a])):(a.value=[i],e.k&&(u[e.k]=a.value))}else f?(u[a]=s,he(d,a)&&(d[a]=s)):Be(a)&&(a.value=s,e.k&&(u[e.k]=s))};s?(g.id=-1,Je(g,l)):g()}}}let Rt=!1;const Zl=e=>/svg/.test(e.namespaceURI)&&e.tagName!=="foreignObject",Xl=e=>e.nodeType===8;function Dc(e){const{mt:t,p:l,o:{patchProp:n,createText:r,nextSibling:i,parentNode:s,remove:o,insert:a,createComment:c}}=e,u=(m,E)=>{if(!E.hasChildNodes()){l(null,m,E),on();return}Rt=!1,d(E.firstChild,m,null,null,null),on(),Rt&&console.error("Hydration completed but contains mismatches.")},d=(m,E,R,V,W,z=!1)=>{const B=Xl(m)&&m.data==="[",_=()=>P(m,E,R,V,W,B),{type:Z,ref:J,shapeFlag:Y,patchFlag:C}=E,F=m.nodeType;E.el=m,C===-2&&(z=!1,E.dynamicChildren=null);let k=null;switch(Z){case Ml:F!==3?E.children===""?(a(E.el=r(""),s(m),m),k=m):k=_():(m.data!==E.children&&(Rt=!0,m.data=E.children),k=i(m));break;case Ye:F!==8||B?k=_():k=i(m);break;case Ll:if(F!==1)k=_();else{k=m;const oe=!E.children.length;for(let j=0;j{z=z||!!E.dynamicChildren;const{type:B,props:_,patchFlag:Z,shapeFlag:J,dirs:Y}=E,C=B==="input"&&Y||B==="option";if(C||Z!==-1){if(Y&&dt(E,null,R,"created"),_)if(C||!z||Z&48)for(const k in _)(C&&k.endsWith("value")||Fl(k)&&!Al(k))&&n(m,k,null,_[k],!1,void 0,R);else _.onClick&&n(m,"onClick",null,_.onClick,!1,void 0,R);let F;if((F=_&&_.onVnodeBeforeMount)&&tt(F,R,E),Y&&dt(E,null,R,"beforeMount"),((F=_&&_.onVnodeMounted)||Y)&&ks(()=>{F&&tt(F,R,E),Y&&dt(E,null,R,"mounted")},V),J&16&&!(_&&(_.innerHTML||_.textContent))){let k=p(m.firstChild,E,m,R,V,W,z);for(;k;){Rt=!0;const oe=k;k=k.nextSibling,o(oe)}}else J&8&&m.textContent!==E.children&&(Rt=!0,m.textContent=E.children)}return m.nextSibling},p=(m,E,R,V,W,z,B)=>{B=B||!!E.dynamicChildren;const _=E.children,Z=_.length;for(let J=0;J{const{slotScopeIds:B}=E;B&&(W=W?W.concat(B):B);const _=s(m),Z=p(i(m),E,_,R,V,W,z);return Z&&Xl(Z)&&Z.data==="]"?i(E.anchor=Z):(Rt=!0,a(E.anchor=c("]"),_,Z),Z)},P=(m,E,R,V,W,z)=>{if(Rt=!0,E.el=null,z){const Z=w(m);for(;;){const J=i(m);if(J&&J!==Z)o(J);else break}}const B=i(m),_=s(m);return o(m),l(null,E,_,B,R,V,Zl(_),W),B},w=m=>{let E=0;for(;m;)if(m=i(m),m&&Xl(m)&&(m.data==="["&&E++,m.data==="]")){if(E===0)return i(m);E--}return m};return[u,d]}const Je=ks;function Ic(e){return kc(e,Dc)}function kc(e,t){const l=ua();l.__VUE__=!0;const{insert:n,remove:r,patchProp:i,createElement:s,createText:o,createComment:a,setText:c,setElementText:u,parentNode:d,nextSibling:f,setScopeId:p=at,cloneNode:g,insertStaticContent:P}=e,w=(h,v,y,S=null,L=null,T=null,H=!1,I=null,$=!!v.dynamicChildren)=>{if(h===v)return;h&&!Ut(h,v)&&(S=G(h),ze(h,L,T,!0),h=null),v.patchFlag===-2&&($=!1,v.dynamicChildren=null);const{type:O,ref:X,shapeFlag:Q}=v;switch(O){case Ml:m(h,v,y,S);break;case Ye:E(h,v,y,S);break;case Ll:h==null&&R(v,y,S,H);break;case ge:F(h,v,y,S,L,T,H,I,$);break;default:Q&1?z(h,v,y,S,L,T,H,I,$):Q&6?k(h,v,y,S,L,T,H,I,$):(Q&64||Q&128)&&O.process(h,v,y,S,L,T,H,I,$,Ee)}X!=null&&L&&fn(X,h&&h.ref,T,v||h,!v)},m=(h,v,y,S)=>{if(h==null)n(v.el=o(v.children),y,S);else{const L=v.el=h.el;v.children!==h.children&&c(L,v.children)}},E=(h,v,y,S)=>{h==null?n(v.el=a(v.children||""),y,S):v.el=h.el},R=(h,v,y,S)=>{[h.el,h.anchor]=P(h.children,v,y,S,h.el,h.anchor)},V=({el:h,anchor:v},y,S)=>{let L;for(;h&&h!==v;)L=f(h),n(h,y,S),h=L;n(v,y,S)},W=({el:h,anchor:v})=>{let y;for(;h&&h!==v;)y=f(h),r(h),h=y;r(v)},z=(h,v,y,S,L,T,H,I,$)=>{H=H||v.type==="svg",h==null?B(v,y,S,L,T,H,I,$):J(h,v,L,T,H,I,$)},B=(h,v,y,S,L,T,H,I)=>{let $,O;const{type:X,props:Q,shapeFlag:ee,transition:ne,patchFlag:ve,dirs:we}=h;if(h.el&&g!==void 0&&ve===-1)$=h.el=g(h.el);else{if($=h.el=s(h.type,T,Q&&Q.is,Q),ee&8?u($,h.children):ee&16&&Z(h.children,$,null,S,L,T&&X!=="foreignObject",H,I),we&&dt(h,null,S,"created"),Q){for(const Se in Q)Se!=="value"&&!Al(Se)&&i($,Se,null,Q[Se],T,h.children,S,L,M);"value"in Q&&i($,"value",null,Q.value),(O=Q.onVnodeBeforeMount)&&tt(O,S,h)}_($,h,h.scopeId,H,S)}we&&dt(h,null,S,"beforeMount");const Ce=(!L||L&&!L.pendingBranch)&&ne&&!ne.persisted;Ce&&ne.beforeEnter($),n($,v,y),((O=Q&&Q.onVnodeMounted)||Ce||we)&&Je(()=>{O&&tt(O,S,h),Ce&&ne.enter($),we&&dt(h,null,S,"mounted")},L)},_=(h,v,y,S,L)=>{if(y&&p(h,y),S)for(let T=0;T{for(let O=$;O{const I=v.el=h.el;let{patchFlag:$,dynamicChildren:O,dirs:X}=v;$|=h.patchFlag&16;const Q=h.props||Re,ee=v.props||Re;let ne;y&&Ft(y,!1),(ne=ee.onVnodeBeforeUpdate)&&tt(ne,y,v,h),X&&dt(v,h,y,"beforeUpdate"),y&&Ft(y,!0);const ve=L&&v.type!=="foreignObject";if(O?Y(h.dynamicChildren,O,I,y,S,ve,T):H||xe(h,v,I,null,y,S,ve,T,!1),$>0){if($&16)C(I,v,Q,ee,y,S,L);else if($&2&&Q.class!==ee.class&&i(I,"class",null,ee.class,L),$&4&&i(I,"style",Q.style,ee.style,L),$&8){const we=v.dynamicProps;for(let Ce=0;Ce{ne&&tt(ne,y,v,h),X&&dt(v,h,y,"updated")},S)},Y=(h,v,y,S,L,T,H)=>{for(let I=0;I{if(y!==S){for(const I in S){if(Al(I))continue;const $=S[I],O=y[I];$!==O&&I!=="value"&&i(h,I,O,$,H,v.children,L,T,M)}if(y!==Re)for(const I in y)!Al(I)&&!(I in S)&&i(h,I,y[I],null,H,v.children,L,T,M);"value"in S&&i(h,"value",y.value,S.value)}},F=(h,v,y,S,L,T,H,I,$)=>{const O=v.el=h?h.el:o(""),X=v.anchor=h?h.anchor:o("");let{patchFlag:Q,dynamicChildren:ee,slotScopeIds:ne}=v;ne&&(I=I?I.concat(ne):ne),h==null?(n(O,y,S),n(X,y,S),Z(v.children,y,X,L,T,H,I,$)):Q>0&&Q&64&&ee&&h.dynamicChildren?(Y(h.dynamicChildren,ee,y,L,T,H,I),(v.key!=null||L&&v===L.subTree)&&Zs(h,v,!0)):xe(h,v,y,X,L,T,H,I,$)},k=(h,v,y,S,L,T,H,I,$)=>{v.slotScopeIds=I,h==null?v.shapeFlag&512?L.ctx.activate(v,y,S,H,$):oe(v,y,S,L,T,H,$):j(h,v,$)},oe=(h,v,y,S,L,T,H)=>{const I=h.component=jc(h,S,L);if(Hl(h)&&(I.ctx.renderer=Ee),zc(I),I.asyncDep){if(L&&L.registerDep(I,ie),!h.el){const $=I.subTree=te(Ye);E(null,$,v,y)}return}ie(I,h,v,y,L,T,H)},j=(h,v,y)=>{const S=v.component=h.component;if(lc(h,v,y))if(S.asyncDep&&!S.asyncResolved){ue(S,v,y);return}else S.next=v,qa(S.update),S.update();else v.el=h.el,S.vnode=v},ie=(h,v,y,S,L,T,H)=>{const I=()=>{if(h.isMounted){let{next:X,bu:Q,u:ee,parent:ne,vnode:ve}=h,we=X,Ce;Ft(h,!1),X?(X.el=ve.el,ue(h,X,H)):X=ve,Q&&Mn(Q),(Ce=X.props&&X.props.onVnodeBeforeUpdate)&&tt(Ce,ne,X,ve),Ft(h,!0);const Se=Bn(h),rt=h.subTree;h.subTree=Se,w(rt,Se,d(rt.el),G(rt),h,L,T),X.el=Se.el,we===null&&nc(h,Se.el),ee&&Je(ee,L),(Ce=X.props&&X.props.onVnodeUpdated)&&Je(()=>tt(Ce,ne,X,ve),L)}else{let X;const{el:Q,props:ee}=v,{bm:ne,m:ve,parent:we}=h,Ce=al(v);if(Ft(h,!1),ne&&Mn(ne),!Ce&&(X=ee&&ee.onVnodeBeforeMount)&&tt(X,we,v),Ft(h,!0),Q&&re){const Se=()=>{h.subTree=Bn(h),re(Q,h.subTree,h,L,null)};Ce?v.type.__asyncLoader().then(()=>!h.isUnmounted&&Se()):Se()}else{const Se=h.subTree=Bn(h);w(null,Se,y,S,h,L,T),v.el=Se.el}if(ve&&Je(ve,L),!Ce&&(X=ee&&ee.onVnodeMounted)){const Se=v;Je(()=>tt(X,we,Se),L)}(v.shapeFlag&256||we&&al(we.vnode)&&we.vnode.shapeFlag&256)&&h.a&&Je(h.a,L),h.isMounted=!0,v=y=S=null}},$=h.effect=new Cr(I,()=>Dr(O),h.scope),O=h.update=()=>$.run();O.id=h.uid,Ft(h,!0),O()},ue=(h,v,y)=>{v.component=h;const S=h.vnode.props;h.vnode=v,h.next=null,Pc(h,v.props,S,y),Oc(h,v.children,y),hl(),Cn(void 0,h.update),vl()},xe=(h,v,y,S,L,T,H,I,$=!1)=>{const O=h&&h.children,X=h?h.shapeFlag:0,Q=v.children,{patchFlag:ee,shapeFlag:ne}=v;if(ee>0){if(ee&128){We(O,Q,y,S,L,T,H,I,$);return}else if(ee&256){Ne(O,Q,y,S,L,T,H,I,$);return}}ne&8?(X&16&&M(O,L,T),Q!==O&&u(y,Q)):X&16?ne&16?We(O,Q,y,S,L,T,H,I,$):M(O,L,T,!0):(X&8&&u(y,""),ne&16&&Z(Q,y,S,L,T,H,I,$))},Ne=(h,v,y,S,L,T,H,I,$)=>{h=h||il,v=v||il;const O=h.length,X=v.length,Q=Math.min(O,X);let ee;for(ee=0;eeX?M(h,L,T,!0,!1,Q):Z(v,y,S,L,T,H,I,$,Q)},We=(h,v,y,S,L,T,H,I,$)=>{let O=0;const X=v.length;let Q=h.length-1,ee=X-1;for(;O<=Q&&O<=ee;){const ne=h[O],ve=v[O]=$?xt(v[O]):it(v[O]);if(Ut(ne,ve))w(ne,ve,y,null,L,T,H,I,$);else break;O++}for(;O<=Q&&O<=ee;){const ne=h[Q],ve=v[ee]=$?xt(v[ee]):it(v[ee]);if(Ut(ne,ve))w(ne,ve,y,null,L,T,H,I,$);else break;Q--,ee--}if(O>Q){if(O<=ee){const ne=ee+1,ve=neee)for(;O<=Q;)ze(h[O],L,T,!0),O++;else{const ne=O,ve=O,we=new Map;for(O=ve;O<=ee;O++){const qe=v[O]=$?xt(v[O]):it(v[O]);qe.key!=null&&we.set(qe.key,O)}let Ce,Se=0;const rt=ee-ve+1;let Xt=!1,Wr=0;const ml=new Array(rt);for(O=0;O=rt){ze(qe,L,T,!0);continue}let ut;if(qe.key!=null)ut=we.get(qe.key);else for(Ce=ve;Ce<=ee;Ce++)if(ml[Ce-ve]===0&&Ut(qe,v[Ce])){ut=Ce;break}ut===void 0?ze(qe,L,T,!0):(ml[ut-ve]=O+1,ut>=Wr?Wr=ut:Xt=!0,w(qe,v[ut],y,null,L,T,H,I,$),Se++)}const qr=Xt?Mc(ml):il;for(Ce=qr.length-1,O=rt-1;O>=0;O--){const qe=ve+O,ut=v[qe],Gr=qe+1{const{el:T,type:H,transition:I,children:$,shapeFlag:O}=h;if(O&6){Xe(h.component.subTree,v,y,S);return}if(O&128){h.suspense.move(v,y,S);return}if(O&64){H.move(h,v,y,Ee);return}if(H===ge){n(T,v,y);for(let Q=0;Q<$.length;Q++)Xe($[Q],v,y,S);n(h.anchor,v,y);return}if(H===Ll){V(h,v,y);return}if(S!==2&&O&1&&I)if(S===0)I.beforeEnter(T),n(T,v,y),Je(()=>I.enter(T),L);else{const{leave:Q,delayLeave:ee,afterLeave:ne}=I,ve=()=>n(T,v,y),we=()=>{Q(T,()=>{ve(),ne&&ne()})};ee?ee(T,ve,we):we()}else n(T,v,y)},ze=(h,v,y,S=!1,L=!1)=>{const{type:T,props:H,ref:I,children:$,dynamicChildren:O,shapeFlag:X,patchFlag:Q,dirs:ee}=h;if(I!=null&&fn(I,null,y,h,!0),X&256){v.ctx.deactivate(h);return}const ne=X&1&&ee,ve=!al(h);let we;if(ve&&(we=H&&H.onVnodeBeforeUnmount)&&tt(we,v,h),X&6)q(h.component,y,S);else{if(X&128){h.suspense.unmount(y,S);return}ne&&dt(h,null,v,"beforeUnmount"),X&64?h.type.remove(h,v,y,L,Ee,S):O&&(T!==ge||Q>0&&Q&64)?M(O,v,y,!1,!0):(T===ge&&Q&384||!L&&X&16)&&M($,v,y),S&&gl(h)}(ve&&(we=H&&H.onVnodeUnmounted)||ne)&&Je(()=>{we&&tt(we,v,h),ne&&dt(h,null,v,"unmounted")},y)},gl=h=>{const{type:v,el:y,anchor:S,transition:L}=h;if(v===ge){A(y,S);return}if(v===Ll){W(h);return}const T=()=>{r(y),L&&!L.persisted&&L.afterLeave&&L.afterLeave()};if(h.shapeFlag&1&&L&&!L.persisted){const{leave:H,delayLeave:I}=L,$=()=>H(y,T);I?I(h.el,T,$):$()}else T()},A=(h,v)=>{let y;for(;h!==v;)y=f(h),r(h),h=y;r(v)},q=(h,v,y)=>{const{bum:S,scope:L,update:T,subTree:H,um:I}=h;S&&Mn(S),L.stop(),T&&(T.active=!1,ze(H,h,v,y)),I&&Je(I,v),Je(()=>{h.isUnmounted=!0},v),v&&v.pendingBranch&&!v.isUnmounted&&h.asyncDep&&!h.asyncResolved&&h.suspenseId===v.pendingId&&(v.deps--,v.deps===0&&v.resolve())},M=(h,v,y,S=!1,L=!1,T=0)=>{for(let H=T;Hh.shapeFlag&6?G(h.component.subTree):h.shapeFlag&128?h.suspense.next():f(h.anchor||h.el),_e=(h,v,y)=>{h==null?v._vnode&&ze(v._vnode,null,null,!0):w(v._vnode||null,h,v,null,null,null,y),on(),v._vnode=h},Ee={p:w,um:ze,m:Xe,r:gl,mt:oe,mc:Z,pc:xe,pbc:Y,n:G,o:e};let ce,re;return t&&([ce,re]=t(Ee)),{render:_e,hydrate:ce,createApp:Tc(_e,ce)}}function Ft({effect:e,update:t},l){e.allowRecurse=t.allowRecurse=l}function Zs(e,t,l=!1){const n=e.children,r=t.children;if(le(n)&&le(r))for(let i=0;i>1,e[l[o]]0&&(t[n]=l[i-1]),l[i]=n)}}for(i=l.length,s=l[i-1];i-- >0;)l[i]=s,s=t[s];return l}const Bc=e=>e.__isTeleport,ge=Symbol(void 0),Ml=Symbol(void 0),Ye=Symbol(void 0),Ll=Symbol(void 0),Sl=[];let ot=null;function D(e=!1){Sl.push(ot=e?null:[])}function $c(){Sl.pop(),ot=Sl[Sl.length-1]||null}let Bl=1;function pi(e){Bl+=e}function Xs(e){return e.dynamicChildren=Bl>0?ot||il:null,$c(),Bl>0&&ot&&ot.push(e),e}function K(e,t,l,n,r,i){return Xs(ae(e,t,l,n,r,i,!0))}function De(e,t,l,n,r){return Xs(te(e,t,l,n,r,!0))}function hn(e){return e?e.__v_isVNode===!0:!1}function Ut(e,t){return e.type===t.type&&e.key===t.key}const On="__vInternal",eo=({key:e})=>e!=null?e:null,ln=({ref:e,ref_key:t,ref_for:l})=>e!=null?ye(e)||Be(e)||se(e)?{i:Fe,r:e,k:t,f:!!l}:e:null;function ae(e,t=null,l=null,n=0,r=null,i=e===ge?0:1,s=!1,o=!1){const a={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&eo(t),ref:t&&ln(t),scopeId:Rn,slotScopeIds:null,children:l,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:n,dynamicProps:r,dynamicChildren:null,appContext:null};return o?(kr(a,l),i&128&&e.normalize(a)):l&&(a.shapeFlag|=ye(l)?8:16),Bl>0&&!s&&ot&&(a.patchFlag>0||i&6)&&a.patchFlag!==32&&ot.push(a),a}const te=Vc;function Vc(e,t=null,l=null,n=0,r=null,i=!1){if((!e||e===mc)&&(e=Ye),hn(e)){const o=Bt(e,t,!0);return l&&kr(o,l),Bl>0&&!i&&ot&&(o.shapeFlag&6?ot[ot.indexOf(e)]=o:ot.push(o)),o.patchFlag|=-2,o}if(qc(e)&&(e=e.__vccOpts),t){t=Fc(t);let{class:o,style:a}=t;o&&!ye(o)&&(t.class=je(o)),Ie(a)&&(bs(a)&&!le(a)&&(a=Ve({},a)),t.style=Vl(a))}const s=ye(e)?1:rc(e)?128:Bc(e)?64:Ie(e)?4:se(e)?2:0;return ae(e,t,l,n,r,s,i,!0)}function Fc(e){return e?bs(e)||On in e?Ve({},e):e:null}function Bt(e,t,l=!1){const{props:n,ref:r,patchFlag:i,children:s}=e,o=t?cr(n||{},t):n;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:o,key:o&&eo(o),ref:t&&t.ref?l&&r?le(r)?r.concat(ln(t)):[r,ln(t)]:ln(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:s,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==ge?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Bt(e.ssContent),ssFallback:e.ssFallback&&Bt(e.ssFallback),el:e.el,anchor:e.anchor}}function wt(e=" ",t=0){return te(Ml,null,e,t)}function to(e,t){const l=te(Ll,null,e);return l.staticCount=t,l}function Oe(e="",t=!1){return t?(D(),De(Ye,null,e)):te(Ye,null,e)}function it(e){return e==null||typeof e=="boolean"?te(Ye):le(e)?te(ge,null,e.slice()):typeof e=="object"?xt(e):te(Ml,null,String(e))}function xt(e){return e.el===null||e.memo?e:Bt(e)}function kr(e,t){let l=0;const{shapeFlag:n}=e;if(t==null)t=null;else if(le(t))l=16;else if(typeof t=="object")if(n&65){const r=t.default;r&&(r._c&&(r._d=!1),kr(e,r()),r._c&&(r._d=!0));return}else{l=32;const r=t._;!r&&!(On in t)?t._ctx=Fe:r===3&&Fe&&(Fe.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else se(t)?(t={default:t,_ctx:Fe},l=32):(t=String(t),n&64?(l=16,t=[wt(t)]):l=8);e.children=t,e.shapeFlag|=l}function cr(...e){const t={};for(let l=0;lMe||Fe,cl=e=>{Me=e,e.scope.on()},Qt=()=>{Me&&Me.scope.off(),Me=null};function no(e){return e.vnode.shapeFlag&4}let ul=!1;function zc(e,t=!1){ul=t;const{props:l,children:n}=e.vnode,r=no(e);Rc(e,l,r,t),Sc(e,n);const i=r?Jc(e,t):void 0;return ul=!1,i}function Jc(e,t){const l=e.type;e.accessCache=Object.create(null),e.proxy=ws(new Proxy(e.ctx,Ec));const{setup:n}=l;if(n){const r=e.setupContext=n.length>1?Kc(e):null;cl(e),hl();const i=kt(n,e,0,[e.props,r]);if(vl(),Qt(),os(i)){if(i.then(Qt,Qt),t)return i.then(s=>{gi(e,s,t)}).catch(s=>{Nl(s,e,0)});e.asyncDep=i}else gi(e,i,t)}else ro(e,t)}function gi(e,t,l){se(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Ie(t)&&(e.setupState=Ls(t)),ro(e,l)}let mi;function ro(e,t,l){const n=e.type;if(!e.render){if(!t&&mi&&!n.render){const r=n.template;if(r){const{isCustomElement:i,compilerOptions:s}=e.appContext.config,{delimiters:o,compilerOptions:a}=n,c=Ve(Ve({isCustomElement:i,delimiters:o},s),a);n.render=mi(r,c)}}e.render=n.render||at}cl(e),hl(),yc(e),vl(),Qt()}function Uc(e){return new Proxy(e.attrs,{get(t,l){return Ze(e,"get","$attrs"),t[l]}})}function Kc(e){const t=n=>{e.exposed=n||{}};let l;return{get attrs(){return l||(l=Uc(e))},slots:e.slots,emit:e.emit,expose:t}}function xn(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Ls(ws(e.exposed)),{get(t,l){if(l in t)return t[l];if(l in un)return un[l](e)}}))}function Wc(e){return se(e)&&e.displayName||e.name}function qc(e){return se(e)&&"__vccOpts"in e}const N=(e,t)=>Ua(e,t,ul);function fe(e,t,l){const n=arguments.length;return n===2?Ie(t)&&!le(t)?hn(t)?te(e,null,[t]):te(e,t):te(e,null,t):(n>3?l=Array.prototype.slice.call(arguments,2):n===3&&hn(l)&&(l=[l]),te(e,t,l))}const Gc="3.2.36",Qc="http://www.w3.org/2000/svg",Kt=typeof document!="undefined"?document:null,_i=Kt&&Kt.createElement("template"),Yc={insert:(e,t,l)=>{t.insertBefore(e,l||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,l,n)=>{const r=t?Kt.createElementNS(Qc,e):Kt.createElement(e,l?{is:l}:void 0);return e==="select"&&n&&n.multiple!=null&&r.setAttribute("multiple",n.multiple),r},createText:e=>Kt.createTextNode(e),createComment:e=>Kt.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Kt.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){const t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,l,n,r,i){const s=l?l.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),l),!(r===i||!(r=r.nextSibling)););else{_i.innerHTML=n?`${e}`:e;const o=_i.content;if(n){const a=o.firstChild;for(;a.firstChild;)o.appendChild(a.firstChild);o.removeChild(a)}t.insertBefore(o,l)}return[s?s.nextSibling:t.firstChild,l?l.previousSibling:t.lastChild]}};function Zc(e,t,l){const n=e._vtc;n&&(t=(t?[t,...n]:[...n]).join(" ")),t==null?e.removeAttribute("class"):l?e.setAttribute("class",t):e.className=t}function Xc(e,t,l){const n=e.style,r=ye(l);if(l&&!r){for(const i in l)ur(n,i,l[i]);if(t&&!ye(t))for(const i in t)l[i]==null&&ur(n,i,"")}else{const i=n.display;r?t!==l&&(n.cssText=l):t&&e.removeAttribute("style"),"_vod"in e&&(n.display=i)}}const Ei=/\s*!important$/;function ur(e,t,l){if(le(l))l.forEach(n=>ur(e,t,n));else if(l==null&&(l=""),t.startsWith("--"))e.setProperty(t,l);else{const n=eu(e,t);Ei.test(l)?e.setProperty(Yt(n),l.replace(Ei,""),"important"):e[n]=l}}const yi=["Webkit","Moz","ms"],Fn={};function eu(e,t){const l=Fn[t];if(l)return l;let n=ft(t);if(n!=="filter"&&n in e)return Fn[t]=n;n=yn(n);for(let r=0;r{let e=Date.now,t=!1;if(typeof window!="undefined"){Date.now()>document.createEvent("Event").timeStamp&&(e=performance.now.bind(performance));const l=navigator.userAgent.match(/firefox\/(\d+)/i);t=!!(l&&Number(l[1])<=53)}return[e,t]})();let dr=0;const ru=Promise.resolve(),iu=()=>{dr=0},su=()=>dr||(ru.then(iu),dr=io());function ou(e,t,l,n){e.addEventListener(t,l,n)}function au(e,t,l,n){e.removeEventListener(t,l,n)}function cu(e,t,l,n,r=null){const i=e._vei||(e._vei={}),s=i[t];if(n&&s)s.value=n;else{const[o,a]=uu(t);if(n){const c=i[t]=du(n,r);ou(e,o,c,a)}else s&&(au(e,o,s,a),i[t]=void 0)}}const wi=/(?:Once|Passive|Capture)$/;function uu(e){let t;if(wi.test(e)){t={};let l;for(;l=e.match(wi);)e=e.slice(0,e.length-l[0].length),t[l[0].toLowerCase()]=!0}return[Yt(e.slice(2)),t]}function du(e,t){const l=n=>{const r=n.timeStamp||io();(nu||r>=l.attached-1)&<(fu(n,l.value),t,5,[n])};return l.value=e,l.attached=su(),l}function fu(e,t){if(le(t)){const l=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{l.call(e),e._stopped=!0},t.map(n=>r=>!r._stopped&&n&&n(r))}else return t}const Ci=/^on[a-z]/,hu=(e,t,l,n,r=!1,i,s,o,a)=>{t==="class"?Zc(e,n,r):t==="style"?Xc(e,l,n):Fl(t)?_r(t)||cu(e,t,l,n,s):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):vu(e,t,n,r))?lu(e,t,n,i,s,o,a):(t==="true-value"?e._trueValue=n:t==="false-value"&&(e._falseValue=n),tu(e,t,n,r))};function vu(e,t,l,n){return n?!!(t==="innerHTML"||t==="textContent"||t in e&&Ci.test(t)&&se(l)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||Ci.test(t)&&ye(l)?!1:t in e}const Pt="transition",_l="animation",jl=(e,{slots:t})=>fe($s,pu(e),t);jl.displayName="Transition";const so={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};jl.props=Ve({},$s.props,so);const Nt=(e,t=[])=>{le(e)?e.forEach(l=>l(...t)):e&&e(...t)},Ai=e=>e?le(e)?e.some(t=>t.length>1):e.length>1:!1;function pu(e){const t={};for(const C in e)C in so||(t[C]=e[C]);if(e.css===!1)return t;const{name:l="v",type:n,duration:r,enterFromClass:i=`${l}-enter-from`,enterActiveClass:s=`${l}-enter-active`,enterToClass:o=`${l}-enter-to`,appearFromClass:a=i,appearActiveClass:c=s,appearToClass:u=o,leaveFromClass:d=`${l}-leave-from`,leaveActiveClass:f=`${l}-leave-active`,leaveToClass:p=`${l}-leave-to`}=e,g=gu(r),P=g&&g[0],w=g&&g[1],{onBeforeEnter:m,onEnter:E,onEnterCancelled:R,onLeave:V,onLeaveCancelled:W,onBeforeAppear:z=m,onAppear:B=E,onAppearCancelled:_=R}=t,Z=(C,F,k)=>{Ht(C,F?u:o),Ht(C,F?c:s),k&&k()},J=(C,F)=>{C._isLeaving=!1,Ht(C,d),Ht(C,p),Ht(C,f),F&&F()},Y=C=>(F,k)=>{const oe=C?B:E,j=()=>Z(F,C,k);Nt(oe,[F,j]),Ri(()=>{Ht(F,C?a:i),Lt(F,C?u:o),Ai(oe)||Pi(F,n,P,j)})};return Ve(t,{onBeforeEnter(C){Nt(m,[C]),Lt(C,i),Lt(C,s)},onBeforeAppear(C){Nt(z,[C]),Lt(C,a),Lt(C,c)},onEnter:Y(!1),onAppear:Y(!0),onLeave(C,F){C._isLeaving=!0;const k=()=>J(C,F);Lt(C,d),Eu(),Lt(C,f),Ri(()=>{!C._isLeaving||(Ht(C,d),Lt(C,p),Ai(V)||Pi(C,n,w,k))}),Nt(V,[C,k])},onEnterCancelled(C){Z(C,!1),Nt(R,[C])},onAppearCancelled(C){Z(C,!0),Nt(_,[C])},onLeaveCancelled(C){J(C),Nt(W,[C])}})}function gu(e){if(e==null)return null;if(Ie(e))return[Nn(e.enter),Nn(e.leave)];{const t=Nn(e);return[t,t]}}function Nn(e){return us(e)}function Lt(e,t){t.split(/\s+/).forEach(l=>l&&e.classList.add(l)),(e._vtc||(e._vtc=new Set)).add(t)}function Ht(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.remove(n));const{_vtc:l}=e;l&&(l.delete(t),l.size||(e._vtc=void 0))}function Ri(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let mu=0;function Pi(e,t,l,n){const r=e._endId=++mu,i=()=>{r===e._endId&&n()};if(l)return setTimeout(i,l);const{type:s,timeout:o,propCount:a}=_u(e,t);if(!s)return n();const c=s+"end";let u=0;const d=()=>{e.removeEventListener(c,f),i()},f=p=>{p.target===e&&++u>=a&&d()};setTimeout(()=>{u(l[g]||"").split(", "),r=n(Pt+"Delay"),i=n(Pt+"Duration"),s=Li(r,i),o=n(_l+"Delay"),a=n(_l+"Duration"),c=Li(o,a);let u=null,d=0,f=0;t===Pt?s>0&&(u=Pt,d=s,f=i.length):t===_l?c>0&&(u=_l,d=c,f=a.length):(d=Math.max(s,c),u=d>0?s>c?Pt:_l:null,f=u?u===Pt?i.length:a.length:0);const p=u===Pt&&/\b(transform|all)(,|$)/.test(l[Pt+"Property"]);return{type:u,timeout:d,propCount:f,hasTransform:p}}function Li(e,t){for(;e.lengthSi(l)+Si(e[n])))}function Si(e){return Number(e.slice(0,-1).replace(",","."))*1e3}function Eu(){return document.body.offsetHeight}const yu=["ctrl","shift","alt","meta"],bu={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>yu.some(l=>e[`${l}Key`]&&!t.includes(l))},oo=(e,t)=>(l,...n)=>{for(let r=0;rl=>{if(!("key"in l))return;const n=Yt(l.key);if(t.some(r=>r===n||wu[r]===n))return e(l)},vn={beforeMount(e,{value:t},{transition:l}){e._vod=e.style.display==="none"?"":e.style.display,l&&t?l.beforeEnter(e):El(e,t)},mounted(e,{value:t},{transition:l}){l&&t&&l.enter(e)},updated(e,{value:t,oldValue:l},{transition:n}){!t!=!l&&(n?t?(n.beforeEnter(e),El(e,!0),n.enter(e)):n.leave(e,()=>{El(e,!1)}):El(e,t))},beforeUnmount(e,{value:t}){El(e,t)}};function El(e,t){e.style.display=t?e._vod:"none"}const Au=Ve({patchProp:hu},Yc);let Hn,Oi=!1;function Ru(){return Hn=Oi?Hn:Ic(Au),Oi=!0,Hn}const Pu=(...e)=>{const t=Ru().createApp(...e),{mount:l}=t;return t.mount=n=>{const r=Lu(n);if(r)return l(r,!0,r instanceof SVGElement)},t};function Lu(e){return ye(e)?document.querySelector(e):e}const Su={base:"/TIL/",lang:"en-US",title:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C",description:"Today I leanred",head:[["meta",{name:"google-site-verification",content:"sHfBWIoCUOYFXJ3b0ulN8jp9jpD8SEW5Wpxvlk-UABA"}],["link",{rel:"apple-touch-icon",sizes:"180x180",href:"/TIL/assets/favicons/apple-touch-icon.png"}],["link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/TIL/assets/favicons/favicon-32x32.png"}],["link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/TIL/assets/favicons/favicon-16x16.png"}],["link",{rel:"manifest",href:"/TIL/manifest.webmanifest"}],["link",{rel:"mask-icon",href:"/TIL/assets/favicons/safari-pinned-tab.svg",color:"#3a0839"}],["link",{rel:"shortcut icon",href:"/TIL/assets/favicons/favicon.ico"}],["link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap"}],["meta",{name:"msapplication-TileColor",content:"#3a0839"}],["meta",{name:"msapplication-config",content:"/TIL/browserconfig.xml"}],["meta",{name:"theme-color",content:"#ffffff"}]],locales:{}};var Ou=([e,t,l])=>e==="meta"&&t.name?`${e}.${t.name}`:["title","base"].includes(e)?e:e==="template"&&t.id?`${e}.${t.id}`:JSON.stringify([e,t,l]),xu=e=>{const t=new Set,l=[];return e.forEach(n=>{const r=Ou(n);t.has(r)||(t.add(r),l.push(n))}),l},zl=e=>/^(https?:)?\/\//.test(e),Tu=e=>/^mailto:/.test(e),Du=e=>/^tel:/.test(e),Mr=e=>Object.prototype.toString.call(e)==="[object Object]",ao=e=>e.replace(/\/$/,""),co=e=>e.replace(/^\//,""),uo=(e,t)=>{const l=Object.keys(e).sort((n,r)=>{const i=r.split("/").length-n.split("/").length;return i!==0?i:r.length-n.length});for(const n of l)if(t.startsWith(n))return n;return"/"};const fo={"v-8daa1a0e":U(()=>b(()=>import("./index.html.95131d1f.js"),[])),"v-3e214e9b":U(()=>b(()=>import("./index.html.c8368266.js"),[])),"v-689c0ccc":U(()=>b(()=>import("./index.html.7711fd0a.js"),[])),"v-8eac9854":U(()=>b(()=>import("./index.html.2c45a322.js"),[])),"v-a6ee965c":U(()=>b(()=>import("./index.html.91c988cb.js"),[])),"v-05414511":U(()=>b(()=>import("./index.html.ec5cd3e4.js"),[])),"v-5c505680":U(()=>b(()=>import("./index.html.0c3d05c3.js"),[])),"v-9c4164b4":U(()=>b(()=>import("./index.html.1008ef55.js"),[])),"v-03de736f":U(()=>b(()=>import("./index.html.a4baa388.js"),[])),"v-3a9e944d":U(()=>b(()=>import("./index.html.52f1218b.js"),[])),"v-e34619ce":U(()=>b(()=>import("./index.html.ee643769.js"),[])),"v-3458f75f":U(()=>b(()=>import("./index.html.447acfc2.js"),[])),"v-6654db14":U(()=>b(()=>import("./index.html.1580f9aa.js"),[])),"v-6711c8b3":U(()=>b(()=>import("./index.html.6cd597e6.js"),[])),"v-6711c8d2":U(()=>b(()=>import("./index.html.e12fa1f0.js"),[])),"v-6711c8f1":U(()=>b(()=>import("./index.html.a5c9a925.js"),[])),"v-2ac5c1fc":U(()=>b(()=>import("./index.html.e4c19721.js"),[])),"v-60f95159":U(()=>b(()=>import("./index.html.f4858eca.js"),[])),"v-065e7d40":U(()=>b(()=>import("./index.html.c74dfa13.js"),[])),"v-73d2a3d2":U(()=>b(()=>import("./index.html.c057bc45.js"),[])),"v-37296673":U(()=>b(()=>import("./index.html.61de1223.js"),[])),"v-f92d06e8":U(()=>b(()=>import("./index.html.bbfc3247.js"),[])),"v-7b8ebb95":U(()=>b(()=>import("./index.html.2b791ca3.js"),[])),"v-4fb3c888":U(()=>b(()=>import("./index.html.09e71a62.js"),[])),"v-6b7a613f":U(()=>b(()=>import("./index.html.ce8f6239.js"),[])),"v-4dd8166f":U(()=>b(()=>import("./index.html.2d258c56.js"),[])),"v-cb81e678":U(()=>b(()=>import("./index.html.93d4d94e.js"),[])),"v-cdcc7d60":U(()=>b(()=>import("./index.html.5f38ce83.js"),[])),"v-0e44307f":U(()=>b(()=>import("./index.html.725c08bd.js"),[])),"v-4f9aab0b":U(()=>b(()=>import("./index.html.9e4aee02.js"),[])),"v-676c76b0":U(()=>b(()=>import("./index.html.c8b464b4.js"),[])),"v-41d7bea5":U(()=>b(()=>import("./index.html.7b868ab7.js"),[])),"v-05af0dad":U(()=>b(()=>import("./index.html.0dee3238.js"),[])),"v-7081bdd8":U(()=>b(()=>import("./index.html.a91c6acd.js"),[])),"v-13e4c5bc":U(()=>b(()=>import("./index.html.f1c1a79c.js"),[])),"v-55f83590":U(()=>b(()=>import("./index.html.2e8da8f5.js"),[])),"v-010cc28e":U(()=>b(()=>import("./index.html.e5d9b9ae.js"),[])),"v-28fe6b58":U(()=>b(()=>import("./index.html.f86e4e64.js"),[])),"v-be06058e":U(()=>b(()=>import("./index.html.e3b43384.js"),[])),"v-761b164c":U(()=>b(()=>import("./index.html.fb9321da.js"),[])),"v-ff5878d4":U(()=>b(()=>import("./index.html.72517113.js"),[])),"v-2925cf37":U(()=>b(()=>import("./index.html.810a3760.js"),[])),"v-34049515":U(()=>b(()=>import("./index.html.4dc97d86.js"),[])),"v-3c50244d":U(()=>b(()=>import("./index.html.0909ac9a.js"),[])),"v-6c466d1c":U(()=>b(()=>import("./index.html.3260e8ec.js"),[])),"v-53866e7e":U(()=>b(()=>import("./index.html.f1a80548.js"),[])),"v-1c9d7550":U(()=>b(()=>import("./index.html.7405fdf8.js"),[])),"v-f6b5b892":U(()=>b(()=>import("./index.html.6091ded4.js"),[])),"v-4e40be9a":U(()=>b(()=>import("./index.html.588c8f7f.js"),[])),"v-0747c4d3":U(()=>b(()=>import("./index.html.184517a1.js"),[])),"v-1675bf25":U(()=>b(()=>import("./index.html.7625269a.js"),[])),"v-4b5bf550":U(()=>b(()=>import("./index.html.8299e657.js"),[])),"v-c7cdfcf4":U(()=>b(()=>import("./index.html.e9c94cba.js"),[])),"v-e738f4ba":U(()=>b(()=>import("./index.html.8dd480a8.js"),[])),"v-34d9a944":U(()=>b(()=>import("./index.html.3fe1b6af.js"),["assets/index.html.3fe1b6af.js","assets/15.b9962096.js"])),"v-05561bcf":U(()=>b(()=>import("./index.html.3194addd.js"),["assets/index.html.3194addd.js","assets/21.ac207c15.js","assets/13.696f2d8d.js","assets/12.729a5149.js"])),"v-58a75c06":U(()=>b(()=>import("./index.html.594d39d6.js"),["assets/index.html.594d39d6.js","assets/21.ac207c15.js","assets/19.51ac7a7f.js","assets/12.729a5149.js"])),"v-4003505a":U(()=>b(()=>import("./index.html.603c8f7e.js"),["assets/index.html.603c8f7e.js","assets/13.696f2d8d.js","assets/19.51ac7a7f.js","assets/12.729a5149.js","assets/15.b9962096.js"])),"v-3851b32c":U(()=>b(()=>import("./index.html.990c894c.js"),["assets/index.html.990c894c.js","assets/13.d90b29ee.js"])),"v-74e30a94":U(()=>b(()=>import("./index.html.ff29c0d4.js"),["assets/index.html.ff29c0d4.js","assets/13.d90b29ee.js"])),"v-09c7bd55":U(()=>b(()=>import("./index.html.a27fccb8.js"),[])),"v-c2a71fd4":U(()=>b(()=>import("./index.html.8eb06b11.js"),[])),"v-09eb19cb":U(()=>b(()=>import("./index.html.2dd61cad.js"),[])),"v-3706649a":U(()=>b(()=>import("./404.html.c67d0bb3.js"),[]))},Iu={404:U(()=>b(()=>import("./404.54c62392.js"),[])),Layout:U(()=>b(()=>import("./Layout.f502b9d9.js"),[]))};var ho=be(Zo),vo=Lr({key:"",path:"",title:"",lang:"",frontmatter:{},excerpt:"",headers:[]}),mt=be(vo),_t=()=>mt;Kl.webpackHot&&(__VUE_HMR_RUNTIME__.updatePageData=e=>{ho.value[e.key]=()=>Promise.resolve(e),e.key===mt.value.key&&(mt.value=e)});var po=Symbol(""),Et=()=>{const e=$e(po);if(!e)throw new Error("usePageFrontmatter() is called without provider.");return e},go=Symbol(""),ku=()=>{const e=$e(go);if(!e)throw new Error("usePageHead() is called without provider.");return e},Mu=Symbol(""),mo=Symbol(""),Bu=()=>{const e=$e(mo);if(!e)throw new Error("usePageLang() is called without provider.");return e},Br=Symbol(""),Tn=()=>{const e=$e(Br);if(!e)throw new Error("useRouteLocale() is called without provider.");return e},Dt=be(Su),_o=()=>Dt;Kl.webpackHot&&(__VUE_HMR_RUNTIME__.updateSiteData=e=>{Dt.value=e});var Eo=Symbol(""),$r=()=>{const e=$e(Eo);if(!e)throw new Error("useSiteLocaleData() is called without provider.");return e},$u=Symbol(""),zt=$t({resolvePageData:async e=>{const t=ho.value[e],l=await(t==null?void 0:t());return l!=null?l:vo},resolvePageFrontmatter:e=>e.frontmatter,resolvePageHead:(e,t,l)=>{const n=ye(t.description)?t.description:l.description,r=[...le(t.head)?t.head:[],...l.head,["title",{},e],["meta",{name:"description",content:n}]];return xu(r)},resolvePageHeadTitle:(e,t)=>`${e.title?`${e.title} | `:""}${t.title}`,resolvePageLang:e=>e.lang||"en",resolveRouteLocale:(e,t)=>uo(e,t),resolveSiteLocaleData:(e,t)=>({...e,...e.locales[t]})}),Vr=de({name:"ClientOnly",setup(e,t){const l=be(!1);return Ke(()=>{l.value=!0}),()=>{var n,r;return l.value?(r=(n=t.slots).default)==null?void 0:r.call(n):null}}}),Vu=de({name:"Content",props:{pageKey:{type:String,required:!1,default:""}},setup(e){const t=_t(),l=N(()=>fo[e.pageKey||t.value.key]);return()=>l.value?fe(l.value):fe("div","404 Not Found")}}),xi=de({name:"Vuepress",setup(){const e=_t(),t=N(()=>{let l;if(e.value.path){const n=e.value.frontmatter.layout;ye(n)?l=n:l="Layout"}else l="404";return Iu[l]||ht(l,!1)});return()=>fe(t.value)}}),Jl=e=>zl(e)?e:`${_o().value.base}${co(e)}`,vt=e=>e;function yo(e,t,l){var n,r,i;t===void 0&&(t=50),l===void 0&&(l={});var s=(n=l.isImmediate)!=null&&n,o=(r=l.callback)!=null&&r,a=l.maxWait,c=Date.now(),u=[];function d(){if(a!==void 0){var p=Date.now()-c;if(p+t>=a)return a-p}return t}var f=function(){var p=[].slice.call(arguments),g=this;return new Promise(function(P,w){var m=s&&i===void 0;if(i!==void 0&&clearTimeout(i),i=setTimeout(function(){if(i=void 0,c=Date.now(),!s){var R=e.apply(g,p);o&&o(R),u.forEach(function(V){return(0,V.resolve)(R)}),u=[]}},d()),m){var E=e.apply(g,p);return o&&o(E),P(E)}u.push({resolve:P,reject:w})})};return f.cancel=function(p){i!==void 0&&clearTimeout(i),u.forEach(function(g){return(0,g.reject)(p)}),u=[]},f}/*! +const Kl={},Qo="modulepreload",Qr={},Yo="/TIL/",b=function(t,l){return!l||l.length===0?t():Promise.all(l.map(n=>{if(n=`${Yo}${n}`,n in Qr)return;Qr[n]=!0;const r=n.endsWith(".css"),i=r?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${n}"]${i}`))return;const s=document.createElement("link");if(s.rel=r?"stylesheet":Qo,r||(s.as="script",s.crossOrigin=""),s.href=n,document.head.appendChild(s),r)return new Promise((o,a)=>{s.addEventListener("load",o),s.addEventListener("error",()=>a(new Error(`Unable to preload CSS for ${n}`)))})})).then(()=>t())},Zo={"v-8daa1a0e":()=>b(()=>import("./index.html.c65f8b32.js"),[]).then(({data:e})=>e),"v-3e214e9b":()=>b(()=>import("./index.html.9fb1fdc2.js"),[]).then(({data:e})=>e),"v-689c0ccc":()=>b(()=>import("./index.html.5f59a486.js"),[]).then(({data:e})=>e),"v-8eac9854":()=>b(()=>import("./index.html.dc7f0dd4.js"),[]).then(({data:e})=>e),"v-a6ee965c":()=>b(()=>import("./index.html.03475453.js"),[]).then(({data:e})=>e),"v-05414511":()=>b(()=>import("./index.html.17dc3439.js"),[]).then(({data:e})=>e),"v-5c505680":()=>b(()=>import("./index.html.430c151c.js"),[]).then(({data:e})=>e),"v-03de736f":()=>b(()=>import("./index.html.b61f4884.js"),[]).then(({data:e})=>e),"v-9c4164b4":()=>b(()=>import("./index.html.655b0313.js"),[]).then(({data:e})=>e),"v-3a9e944d":()=>b(()=>import("./index.html.138e9f68.js"),[]).then(({data:e})=>e),"v-e34619ce":()=>b(()=>import("./index.html.5765ebce.js"),[]).then(({data:e})=>e),"v-3458f75f":()=>b(()=>import("./index.html.9ec9cfee.js"),[]).then(({data:e})=>e),"v-6654db14":()=>b(()=>import("./index.html.035a1e6f.js"),[]).then(({data:e})=>e),"v-6711c8b3":()=>b(()=>import("./index.html.36a0f5c4.js"),[]).then(({data:e})=>e),"v-6711c8d2":()=>b(()=>import("./index.html.2f3e0546.js"),[]).then(({data:e})=>e),"v-6711c8f1":()=>b(()=>import("./index.html.4d13e241.js"),[]).then(({data:e})=>e),"v-2ac5c1fc":()=>b(()=>import("./index.html.8059c2a7.js"),[]).then(({data:e})=>e),"v-60f95159":()=>b(()=>import("./index.html.2a395442.js"),[]).then(({data:e})=>e),"v-065e7d40":()=>b(()=>import("./index.html.4387cbbd.js"),[]).then(({data:e})=>e),"v-73d2a3d2":()=>b(()=>import("./index.html.1328f07f.js"),[]).then(({data:e})=>e),"v-37296673":()=>b(()=>import("./index.html.5b5ab188.js"),[]).then(({data:e})=>e),"v-f92d06e8":()=>b(()=>import("./index.html.2d7a52d9.js"),[]).then(({data:e})=>e),"v-7b8ebb95":()=>b(()=>import("./index.html.3aa686e7.js"),[]).then(({data:e})=>e),"v-4fb3c888":()=>b(()=>import("./index.html.557dc6a7.js"),[]).then(({data:e})=>e),"v-6b7a613f":()=>b(()=>import("./index.html.0b552713.js"),[]).then(({data:e})=>e),"v-4dd8166f":()=>b(()=>import("./index.html.caf79063.js"),[]).then(({data:e})=>e),"v-cb81e678":()=>b(()=>import("./index.html.c65abb0d.js"),[]).then(({data:e})=>e),"v-cdcc7d60":()=>b(()=>import("./index.html.b51df209.js"),[]).then(({data:e})=>e),"v-0e44307f":()=>b(()=>import("./index.html.c1e22381.js"),[]).then(({data:e})=>e),"v-4f9aab0b":()=>b(()=>import("./index.html.bd118516.js"),[]).then(({data:e})=>e),"v-676c76b0":()=>b(()=>import("./index.html.322731c2.js"),[]).then(({data:e})=>e),"v-41d7bea5":()=>b(()=>import("./index.html.d4eb31a4.js"),[]).then(({data:e})=>e),"v-05af0dad":()=>b(()=>import("./index.html.0a4f434b.js"),[]).then(({data:e})=>e),"v-7081bdd8":()=>b(()=>import("./index.html.b1882379.js"),[]).then(({data:e})=>e),"v-13e4c5bc":()=>b(()=>import("./index.html.8a9c71db.js"),[]).then(({data:e})=>e),"v-55f83590":()=>b(()=>import("./index.html.89e108fe.js"),[]).then(({data:e})=>e),"v-010cc28e":()=>b(()=>import("./index.html.b3418752.js"),[]).then(({data:e})=>e),"v-28fe6b58":()=>b(()=>import("./index.html.2543e8bd.js"),[]).then(({data:e})=>e),"v-be06058e":()=>b(()=>import("./index.html.4e7025b3.js"),[]).then(({data:e})=>e),"v-761b164c":()=>b(()=>import("./index.html.9c2fc93f.js"),[]).then(({data:e})=>e),"v-ff5878d4":()=>b(()=>import("./index.html.43e2e14a.js"),[]).then(({data:e})=>e),"v-2925cf37":()=>b(()=>import("./index.html.657f6678.js"),[]).then(({data:e})=>e),"v-34049515":()=>b(()=>import("./index.html.6a71200d.js"),[]).then(({data:e})=>e),"v-3c50244d":()=>b(()=>import("./index.html.663ce654.js"),[]).then(({data:e})=>e),"v-6c466d1c":()=>b(()=>import("./index.html.402b50da.js"),[]).then(({data:e})=>e),"v-53866e7e":()=>b(()=>import("./index.html.5bf724a2.js"),[]).then(({data:e})=>e),"v-1c9d7550":()=>b(()=>import("./index.html.2ce8c621.js"),[]).then(({data:e})=>e),"v-f6b5b892":()=>b(()=>import("./index.html.497fab54.js"),[]).then(({data:e})=>e),"v-4e40be9a":()=>b(()=>import("./index.html.6c72a8bc.js"),[]).then(({data:e})=>e),"v-0747c4d3":()=>b(()=>import("./index.html.6aad8d9c.js"),[]).then(({data:e})=>e),"v-1675bf25":()=>b(()=>import("./index.html.88e051d6.js"),[]).then(({data:e})=>e),"v-4b5bf550":()=>b(()=>import("./index.html.c93b21cc.js"),[]).then(({data:e})=>e),"v-c7cdfcf4":()=>b(()=>import("./index.html.67289c71.js"),[]).then(({data:e})=>e),"v-e738f4ba":()=>b(()=>import("./index.html.17ce9ef3.js"),[]).then(({data:e})=>e),"v-34d9a944":()=>b(()=>import("./index.html.47be93c5.js"),[]).then(({data:e})=>e),"v-05561bcf":()=>b(()=>import("./index.html.fd96e33e.js"),[]).then(({data:e})=>e),"v-58a75c06":()=>b(()=>import("./index.html.42bfefdd.js"),[]).then(({data:e})=>e),"v-4003505a":()=>b(()=>import("./index.html.2c44c007.js"),[]).then(({data:e})=>e),"v-3851b32c":()=>b(()=>import("./index.html.719e80b4.js"),[]).then(({data:e})=>e),"v-74e30a94":()=>b(()=>import("./index.html.dcdb2340.js"),[]).then(({data:e})=>e),"v-09c7bd55":()=>b(()=>import("./index.html.17f01873.js"),[]).then(({data:e})=>e),"v-c2a71fd4":()=>b(()=>import("./index.html.5c277a70.js"),[]).then(({data:e})=>e),"v-09eb19cb":()=>b(()=>import("./index.html.84380bc0.js"),[]).then(({data:e})=>e),"v-3706649a":()=>b(()=>import("./404.html.0f07aaf0.js"),[]).then(({data:e})=>e)};function mr(e,t){const l=Object.create(null),n=e.split(",");for(let r=0;r!!l[r.toLowerCase()]:r=>!!l[r]}const Xo="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",ea=mr(Xo);function rs(e){return!!e||e===""}function Vl(e){if(le(e)){const t={};for(let l=0;l{if(l){const n=l.split(la);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function je(e){let t="";if(ye(e))t=e;else if(le(e))for(let l=0;lye(e)?e:e==null?"":le(e)||Ie(e)&&(e.toString===as||!se(e.toString))?JSON.stringify(e,is,2):String(e),is=(e,t)=>t&&t.__v_isRef?is(e,t.value):sl(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((l,[n,r])=>(l[`${n} =>`]=r,l),{})}:ss(t)?{[`Set(${t.size})`]:[...t.values()]}:Ie(t)&&!le(t)&&!cs(t)?String(t):t,Re={},il=[],at=()=>{},ra=()=>!1,ia=/^on[^a-z]/,Fl=e=>ia.test(e),_r=e=>e.startsWith("onUpdate:"),Ve=Object.assign,Er=(e,t)=>{const l=e.indexOf(t);l>-1&&e.splice(l,1)},sa=Object.prototype.hasOwnProperty,he=(e,t)=>sa.call(e,t),le=Array.isArray,sl=e=>_n(e)==="[object Map]",ss=e=>_n(e)==="[object Set]",se=e=>typeof e=="function",ye=e=>typeof e=="string",yr=e=>typeof e=="symbol",Ie=e=>e!==null&&typeof e=="object",os=e=>Ie(e)&&se(e.then)&&se(e.catch),as=Object.prototype.toString,_n=e=>as.call(e),oa=e=>_n(e).slice(8,-1),cs=e=>_n(e)==="[object Object]",br=e=>ye(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Al=mr(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),En=e=>{const t=Object.create(null);return l=>t[l]||(t[l]=e(l))},aa=/-(\w)/g,ft=En(e=>e.replace(aa,(t,l)=>l?l.toUpperCase():"")),ca=/\B([A-Z])/g,Yt=En(e=>e.replace(ca,"-$1").toLowerCase()),yn=En(e=>e.charAt(0).toUpperCase()+e.slice(1)),kn=En(e=>e?`on${yn(e)}`:""),Tl=(e,t)=>!Object.is(e,t),Mn=(e,t)=>{for(let l=0;l{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:l})},us=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let Yr;const ua=()=>Yr||(Yr=typeof globalThis!="undefined"?globalThis:typeof self!="undefined"?self:typeof window!="undefined"?window:typeof global!="undefined"?global:{});let Ge;class da{constructor(t=!1){this.active=!0,this.effects=[],this.cleanups=[],!t&&Ge&&(this.parent=Ge,this.index=(Ge.scopes||(Ge.scopes=[])).push(this)-1)}run(t){if(this.active){const l=Ge;try{return Ge=this,t()}finally{Ge=l}}}on(){Ge=this}off(){Ge=this.parent}stop(t){if(this.active){let l,n;for(l=0,n=this.effects.length;l{const t=new Set(e);return t.w=0,t.n=0,t},ds=e=>(e.w&Mt)>0,fs=e=>(e.n&Mt)>0,pa=({deps:e})=>{if(e.length)for(let t=0;t{const{deps:t}=e;if(t.length){let l=0;for(let n=0;n{(c==="length"||c>=n)&&o.push(a)});else switch(l!==void 0&&o.push(s.get(l)),t){case"add":le(e)?br(l)&&o.push(s.get("length")):(o.push(s.get(qt)),sl(e)&&o.push(s.get(Zn)));break;case"delete":le(e)||(o.push(s.get(qt)),sl(e)&&o.push(s.get(Zn)));break;case"set":sl(e)&&o.push(s.get(qt));break}if(o.length===1)o[0]&&Xn(o[0]);else{const a=[];for(const c of o)c&&a.push(...c);Xn(wr(a))}}function Xn(e,t){const l=le(e)?e:[...e];for(const n of l)n.computed&&Xr(n);for(const n of l)n.computed||Xr(n)}function Xr(e,t){(e!==st||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}const ma=mr("__proto__,__v_isRef,__isVue"),ps=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(yr)),_a=Ar(),Ea=Ar(!1,!0),ya=Ar(!0),ei=ba();function ba(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...l){const n=me(this);for(let i=0,s=this.length;i{e[t]=function(...l){hl();const n=me(this)[t].apply(this,l);return vl(),n}}),e}function Ar(e=!1,t=!1){return function(n,r,i){if(r==="__v_isReactive")return!e;if(r==="__v_isReadonly")return e;if(r==="__v_isShallow")return t;if(r==="__v_raw"&&i===(e?t?$a:ys:t?Es:_s).get(n))return n;const s=le(n);if(!e&&s&&he(ei,r))return Reflect.get(ei,r,i);const o=Reflect.get(n,r,i);return(yr(r)?ps.has(r):ma(r))||(e||Ze(n,"get",r),t)?o:Be(o)?s&&br(r)?o:o.value:Ie(o)?e?Lr(o):$t(o):o}}const wa=gs(),Ca=gs(!0);function gs(e=!1){return function(l,n,r,i){let s=l[n];if(Dl(s)&&Be(s)&&!Be(r))return!1;if(!e&&!Dl(r)&&(er(r)||(r=me(r),s=me(s)),!le(l)&&Be(s)&&!Be(r)))return s.value=r,!0;const o=le(l)&&br(n)?Number(n)e,bn=e=>Reflect.getPrototypeOf(e);function Wl(e,t,l=!1,n=!1){e=e.__v_raw;const r=me(e),i=me(t);l||(t!==i&&Ze(r,"get",t),Ze(r,"get",i));const{has:s}=bn(r),o=n?Rr:l?Or:Il;if(s.call(r,t))return o(e.get(t));if(s.call(r,i))return o(e.get(i));e!==r&&e.get(t)}function ql(e,t=!1){const l=this.__v_raw,n=me(l),r=me(e);return t||(e!==r&&Ze(n,"has",e),Ze(n,"has",r)),e===r?l.has(e):l.has(e)||l.has(r)}function Gl(e,t=!1){return e=e.__v_raw,!t&&Ze(me(e),"iterate",qt),Reflect.get(e,"size",e)}function ti(e){e=me(e);const t=me(this);return bn(t).has.call(t,e)||(t.add(e),bt(t,"add",e,e)),this}function li(e,t){t=me(t);const l=me(this),{has:n,get:r}=bn(l);let i=n.call(l,e);i||(e=me(e),i=n.call(l,e));const s=r.call(l,e);return l.set(e,t),i?Tl(t,s)&&bt(l,"set",e,t):bt(l,"add",e,t),this}function ni(e){const t=me(this),{has:l,get:n}=bn(t);let r=l.call(t,e);r||(e=me(e),r=l.call(t,e)),n&&n.call(t,e);const i=t.delete(e);return r&&bt(t,"delete",e,void 0),i}function ri(){const e=me(this),t=e.size!==0,l=e.clear();return t&&bt(e,"clear",void 0,void 0),l}function Ql(e,t){return function(n,r){const i=this,s=i.__v_raw,o=me(s),a=t?Rr:e?Or:Il;return!e&&Ze(o,"iterate",qt),s.forEach((c,u)=>n.call(r,a(c),a(u),i))}}function Yl(e,t,l){return function(...n){const r=this.__v_raw,i=me(r),s=sl(i),o=e==="entries"||e===Symbol.iterator&&s,a=e==="keys"&&s,c=r[e](...n),u=l?Rr:t?Or:Il;return!t&&Ze(i,"iterate",a?Zn:qt),{next(){const{value:d,done:f}=c.next();return f?{value:d,done:f}:{value:o?[u(d[0]),u(d[1])]:u(d),done:f}},[Symbol.iterator](){return this}}}}function At(e){return function(...t){return e==="delete"?!1:this}}function Oa(){const e={get(i){return Wl(this,i)},get size(){return Gl(this)},has:ql,add:ti,set:li,delete:ni,clear:ri,forEach:Ql(!1,!1)},t={get(i){return Wl(this,i,!1,!0)},get size(){return Gl(this)},has:ql,add:ti,set:li,delete:ni,clear:ri,forEach:Ql(!1,!0)},l={get(i){return Wl(this,i,!0)},get size(){return Gl(this,!0)},has(i){return ql.call(this,i,!0)},add:At("add"),set:At("set"),delete:At("delete"),clear:At("clear"),forEach:Ql(!0,!1)},n={get(i){return Wl(this,i,!0,!0)},get size(){return Gl(this,!0)},has(i){return ql.call(this,i,!0)},add:At("add"),set:At("set"),delete:At("delete"),clear:At("clear"),forEach:Ql(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=Yl(i,!1,!1),l[i]=Yl(i,!0,!1),t[i]=Yl(i,!1,!0),n[i]=Yl(i,!0,!0)}),[e,l,t,n]}const[xa,Ta,Da,Ia]=Oa();function Pr(e,t){const l=t?e?Ia:Da:e?Ta:xa;return(n,r,i)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?n:Reflect.get(he(l,r)&&r in n?l:n,r,i)}const ka={get:Pr(!1,!1)},Ma={get:Pr(!1,!0)},Ba={get:Pr(!0,!1)},_s=new WeakMap,Es=new WeakMap,ys=new WeakMap,$a=new WeakMap;function Va(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Fa(e){return e.__v_skip||!Object.isExtensible(e)?0:Va(oa(e))}function $t(e){return Dl(e)?e:Sr(e,!1,ms,ka,_s)}function Na(e){return Sr(e,!1,Sa,Ma,Es)}function Lr(e){return Sr(e,!0,La,Ba,ys)}function Sr(e,t,l,n,r){if(!Ie(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=r.get(e);if(i)return i;const s=Fa(e);if(s===0)return e;const o=new Proxy(e,s===2?n:l);return r.set(e,o),o}function ol(e){return Dl(e)?ol(e.__v_raw):!!(e&&e.__v_isReactive)}function Dl(e){return!!(e&&e.__v_isReadonly)}function er(e){return!!(e&&e.__v_isShallow)}function bs(e){return ol(e)||Dl(e)}function me(e){const t=e&&e.__v_raw;return t?me(t):e}function ws(e){return rn(e,"__v_skip",!0),e}const Il=e=>Ie(e)?$t(e):e,Or=e=>Ie(e)?Lr(e):e;function Cs(e){It&&st&&(e=me(e),vs(e.dep||(e.dep=wr())))}function As(e,t){e=me(e),e.dep&&Xn(e.dep)}function Be(e){return!!(e&&e.__v_isRef===!0)}function be(e){return Ps(e,!1)}function Rs(e){return Ps(e,!0)}function Ps(e,t){return Be(e)?e:new Ha(e,t)}class Ha{constructor(t,l){this.__v_isShallow=l,this.dep=void 0,this.__v_isRef=!0,this._rawValue=l?t:me(t),this._value=l?t:Il(t)}get value(){return Cs(this),this._value}set value(t){t=this.__v_isShallow?t:me(t),Tl(t,this._rawValue)&&(this._rawValue=t,this._value=this.__v_isShallow?t:Il(t),As(this))}}function x(e){return Be(e)?e.value:e}const ja={get:(e,t,l)=>x(Reflect.get(e,t,l)),set:(e,t,l,n)=>{const r=e[t];return Be(r)&&!Be(l)?(r.value=l,!0):Reflect.set(e,t,l,n)}};function Ls(e){return ol(e)?e:new Proxy(e,ja)}function wn(e){const t=le(e)?new Array(e.length):{};for(const l in e)t[l]=Ss(e,l);return t}class za{constructor(t,l,n){this._object=t,this._key=l,this._defaultValue=n,this.__v_isRef=!0}get value(){const t=this._object[this._key];return t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}}function Ss(e,t,l){const n=e[t];return Be(n)?n:new za(e,t,l)}class Ja{constructor(t,l,n,r){this._setter=l,this.dep=void 0,this.__v_isRef=!0,this._dirty=!0,this.effect=new Cr(t,()=>{this._dirty||(this._dirty=!0,As(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=n}get value(){const t=me(this);return Cs(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}function Ua(e,t,l=!1){let n,r;const i=se(e);return i?(n=e,r=at):(n=e.get,r=e.set),new Ja(n,r,i||!r,l)}function kt(e,t,l,n){let r;try{r=n?e(...n):e()}catch(i){Nl(i,t,l)}return r}function lt(e,t,l,n){if(se(e)){const i=kt(e,t,l,n);return i&&os(i)&&i.catch(s=>{Nl(s,t,l)}),i}const r=[];for(let i=0;i>>1;kl(Qe[n])gt&&Qe.splice(t,1)}function Ts(e,t,l,n){le(e)?l.push(...e):(!t||!t.includes(e,e.allowRecurse?n+1:n))&&l.push(e),xs()}function Ga(e){Ts(e,Cl,Rl,ll)}function Qa(e){Ts(e,Ot,Pl,nl)}function Cn(e,t=null){if(Rl.length){for(lr=t,Cl=[...new Set(Rl)],Rl.length=0,ll=0;llkl(l)-kl(n)),nl=0;nle.id==null?1/0:e.id;function Ds(e){tr=!1,sn=!0,Cn(e),Qe.sort((l,n)=>kl(l)-kl(n));const t=at;try{for(gt=0;gtp.trim())),d&&(r=l.map(us))}let o,a=n[o=kn(t)]||n[o=kn(ft(t))];!a&&i&&(a=n[o=kn(Yt(t))]),a&<(a,e,6,r);const c=n[o+"Once"];if(c){if(!e.emitted)e.emitted={};else if(e.emitted[o])return;e.emitted[o]=!0,lt(c,e,6,r)}}function Is(e,t,l=!1){const n=t.emitsCache,r=n.get(e);if(r!==void 0)return r;const i=e.emits;let s={},o=!1;if(!se(e)){const a=c=>{const u=Is(c,t,!0);u&&(o=!0,Ve(s,u))};!l&&t.mixins.length&&t.mixins.forEach(a),e.extends&&a(e.extends),e.mixins&&e.mixins.forEach(a)}return!i&&!o?(n.set(e,null),null):(le(i)?i.forEach(a=>s[a]=null):Ve(s,i),n.set(e,s),s)}function An(e,t){return!e||!Fl(t)?!1:(t=t.slice(2).replace(/Once$/,""),he(e,t[0].toLowerCase()+t.slice(1))||he(e,Yt(t))||he(e,t))}let Fe=null,Rn=null;function an(e){const t=Fe;return Fe=e,Rn=e&&e.type.__scopeId||null,t}function Za(e){Rn=e}function Xa(){Rn=null}function ke(e,t=Fe,l){if(!t||e._n)return e;const n=(...r)=>{n._d&&pi(-1);const i=an(t),s=e(...r);return an(i),n._d&&pi(1),s};return n._n=!0,n._c=!0,n._d=!0,n}function Bn(e){const{type:t,vnode:l,proxy:n,withProxy:r,props:i,propsOptions:[s],slots:o,attrs:a,emit:c,render:u,renderCache:d,data:f,setupState:p,ctx:g,inheritAttrs:P}=e;let w,m;const E=an(e);try{if(l.shapeFlag&4){const V=r||n;w=it(u.call(V,V,d,i,p,f,g)),m=a}else{const V=t;w=it(V.length>1?V(i,{attrs:a,slots:o,emit:c}):V(i,null)),m=t.props?a:ec(a)}}catch(V){Sl.length=0,Nl(V,e,1),w=te(Ye)}let R=w;if(m&&P!==!1){const V=Object.keys(m),{shapeFlag:W}=R;V.length&&W&7&&(s&&V.some(_r)&&(m=tc(m,s)),R=Bt(R,m))}return l.dirs&&(R=Bt(R),R.dirs=R.dirs?R.dirs.concat(l.dirs):l.dirs),l.transition&&(R.transition=l.transition),w=R,an(E),w}const ec=e=>{let t;for(const l in e)(l==="class"||l==="style"||Fl(l))&&((t||(t={}))[l]=e[l]);return t},tc=(e,t)=>{const l={};for(const n in e)(!_r(n)||!(n.slice(9)in t))&&(l[n]=e[n]);return l};function lc(e,t,l){const{props:n,children:r,component:i}=e,{props:s,children:o,patchFlag:a}=t,c=i.emitsOptions;if(t.dirs||t.transition)return!0;if(l&&a>=0){if(a&1024)return!0;if(a&16)return n?ii(n,s,c):!!s;if(a&8){const u=t.dynamicProps;for(let d=0;de.__isSuspense;function ks(e,t){t&&t.pendingBranch?le(e)?t.effects.push(...e):t.effects.push(e):Qa(e)}function Gt(e,t){if(Me){let l=Me.provides;const n=Me.parent&&Me.parent.provides;n===l&&(l=Me.provides=Object.create(n)),l[e]=t}}function $e(e,t,l=!1){const n=Me||Fe;if(n){const r=n.parent==null?n.vnode.appContext&&n.vnode.appContext.provides:n.parent.provides;if(r&&e in r)return r[e];if(arguments.length>1)return l&&se(t)?t.call(n.proxy):t}}const si={};function ct(e,t,l){return Ms(e,t,l)}function Ms(e,t,{immediate:l,deep:n,flush:r,onTrack:i,onTrigger:s}=Re){const o=Me;let a,c=!1,u=!1;if(Be(e)?(a=()=>e.value,c=er(e)):ol(e)?(a=()=>e,n=!0):le(e)?(u=!0,c=e.some(m=>ol(m)||er(m)),a=()=>e.map(m=>{if(Be(m))return m.value;if(ol(m))return Wt(m);if(se(m))return kt(m,o,2)})):se(e)?t?a=()=>kt(e,o,2):a=()=>{if(!(o&&o.isUnmounted))return d&&d(),lt(e,o,3,[f])}:a=at,t&&n){const m=a;a=()=>Wt(m())}let d,f=m=>{d=w.onStop=()=>{kt(m,o,4)}};if(ul)return f=at,t?l&<(t,o,3,[a(),u?[]:void 0,f]):a(),at;let p=u?[]:si;const g=()=>{if(!!w.active)if(t){const m=w.run();(n||c||(u?m.some((E,R)=>Tl(E,p[R])):Tl(m,p)))&&(d&&d(),lt(t,o,3,[m,p===si?void 0:p,f]),p=m)}else w.run()};g.allowRecurse=!!t;let P;r==="sync"?P=g:r==="post"?P=()=>Je(g,o&&o.suspense):P=()=>Ga(g);const w=new Cr(a,P);return t?l?g():p=w.run():r==="post"?Je(w.run.bind(w),o&&o.suspense):w.run(),()=>{w.stop(),o&&o.scope&&Er(o.scope.effects,w)}}function ic(e,t,l){const n=this.proxy,r=ye(e)?e.includes(".")?Bs(n,e):()=>n[e]:e.bind(n,n);let i;se(t)?i=t:(i=t.handler,l=t);const s=Me;cl(this);const o=Ms(r,i.bind(n),l);return s?cl(s):Qt(),o}function Bs(e,t){const l=t.split(".");return()=>{let n=e;for(let r=0;r{Wt(l,t)});else if(cs(e))for(const l in e)Wt(e[l],t);return e}function sc(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return Ke(()=>{e.isMounted=!0}),Ln(()=>{e.isUnmounting=!0}),e}const et=[Function,Array],oc={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:et,onEnter:et,onAfterEnter:et,onEnterCancelled:et,onBeforeLeave:et,onLeave:et,onAfterLeave:et,onLeaveCancelled:et,onBeforeAppear:et,onAppear:et,onAfterAppear:et,onAppearCancelled:et},setup(e,{slots:t}){const l=lo(),n=sc();let r;return()=>{const i=t.default&&Fs(t.default(),!0);if(!i||!i.length)return;let s=i[0];if(i.length>1){for(const P of i)if(P.type!==Ye){s=P;break}}const o=me(e),{mode:a}=o;if(n.isLeaving)return $n(s);const c=oi(s);if(!c)return $n(s);const u=nr(c,o,n,l);rr(c,u);const d=l.subTree,f=d&&oi(d);let p=!1;const{getTransitionKey:g}=c.type;if(g){const P=g();r===void 0?r=P:P!==r&&(r=P,p=!0)}if(f&&f.type!==Ye&&(!Ut(c,f)||p)){const P=nr(f,o,n,l);if(rr(f,P),a==="out-in")return n.isLeaving=!0,P.afterLeave=()=>{n.isLeaving=!1,l.update()},$n(s);a==="in-out"&&c.type!==Ye&&(P.delayLeave=(w,m,E)=>{const R=Vs(n,f);R[String(f.key)]=f,w._leaveCb=()=>{m(),w._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=E})}return s}}},$s=oc;function Vs(e,t){const{leavingVNodes:l}=e;let n=l.get(t.type);return n||(n=Object.create(null),l.set(t.type,n)),n}function nr(e,t,l,n){const{appear:r,mode:i,persisted:s=!1,onBeforeEnter:o,onEnter:a,onAfterEnter:c,onEnterCancelled:u,onBeforeLeave:d,onLeave:f,onAfterLeave:p,onLeaveCancelled:g,onBeforeAppear:P,onAppear:w,onAfterAppear:m,onAppearCancelled:E}=t,R=String(e.key),V=Vs(l,e),W=(_,Z)=>{_&<(_,n,9,Z)},z=(_,Z)=>{const J=Z[1];W(_,Z),le(_)?_.every(Y=>Y.length<=1)&&J():_.length<=1&&J()},B={mode:i,persisted:s,beforeEnter(_){let Z=o;if(!l.isMounted)if(r)Z=P||o;else return;_._leaveCb&&_._leaveCb(!0);const J=V[R];J&&Ut(e,J)&&J.el._leaveCb&&J.el._leaveCb(),W(Z,[_])},enter(_){let Z=a,J=c,Y=u;if(!l.isMounted)if(r)Z=w||a,J=m||c,Y=E||u;else return;let C=!1;const F=_._enterCb=k=>{C||(C=!0,k?W(Y,[_]):W(J,[_]),B.delayedLeave&&B.delayedLeave(),_._enterCb=void 0)};Z?z(Z,[_,F]):F()},leave(_,Z){const J=String(e.key);if(_._enterCb&&_._enterCb(!0),l.isUnmounting)return Z();W(d,[_]);let Y=!1;const C=_._leaveCb=F=>{Y||(Y=!0,Z(),F?W(g,[_]):W(p,[_]),_._leaveCb=void 0,V[J]===e&&delete V[J])};V[J]=e,f?z(f,[_,C]):C()},clone(_){return nr(_,t,l,n)}};return B}function $n(e){if(Hl(e))return e=Bt(e),e.children=null,e}function oi(e){return Hl(e)?e.children?e.children[0]:void 0:e}function rr(e,t){e.shapeFlag&6&&e.component?rr(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Fs(e,t=!1,l){let n=[],r=0;for(let i=0;i1)for(let i=0;i!!e.type.__asyncLoader;function U(e){se(e)&&(e={loader:e});const{loader:t,loadingComponent:l,errorComponent:n,delay:r=200,timeout:i,suspensible:s=!0,onError:o}=e;let a=null,c,u=0;const d=()=>(u++,a=null,f()),f=()=>{let p;return a||(p=a=t().catch(g=>{if(g=g instanceof Error?g:new Error(String(g)),o)return new Promise((P,w)=>{o(g,()=>P(d()),()=>w(g),u+1)});throw g}).then(g=>p!==a&&a?a:(g&&(g.__esModule||g[Symbol.toStringTag]==="Module")&&(g=g.default),c=g,g)))};return de({name:"AsyncComponentWrapper",__asyncLoader:f,get __asyncResolved(){return c},setup(){const p=Me;if(c)return()=>Vn(c,p);const g=E=>{a=null,Nl(E,p,13,!n)};if(s&&p.suspense||ul)return f().then(E=>()=>Vn(E,p)).catch(E=>(g(E),()=>n?te(n,{error:E}):null));const P=be(!1),w=be(),m=be(!!r);return r&&setTimeout(()=>{m.value=!1},r),i!=null&&setTimeout(()=>{if(!P.value&&!w.value){const E=new Error(`Async component timed out after ${i}ms.`);g(E),w.value=E}},i),f().then(()=>{P.value=!0,p.parent&&Hl(p.parent.vnode)&&Dr(p.parent.update)}).catch(E=>{g(E),w.value=E}),()=>{if(P.value&&c)return Vn(c,p);if(w.value&&n)return te(n,{error:w.value});if(l&&!m.value)return te(l)}}})}function Vn(e,{vnode:{ref:t,props:l,children:n,shapeFlag:r},parent:i}){const s=te(e,l,n);return s.ref=t,s}const Hl=e=>e.type.__isKeepAlive;function ac(e,t){Ns(e,"a",t)}function cc(e,t){Ns(e,"da",t)}function Ns(e,t,l=Me){const n=e.__wdc||(e.__wdc=()=>{let r=l;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(Pn(t,n,l),l){let r=l.parent;for(;r&&r.parent;)Hl(r.parent.vnode)&&uc(n,t,l,r),r=r.parent}}function uc(e,t,l,n){const r=Pn(t,e,n,!0);Sn(()=>{Er(n[t],r)},l)}function Pn(e,t,l=Me,n=!1){if(l){const r=l[e]||(l[e]=[]),i=t.__weh||(t.__weh=(...s)=>{if(l.isUnmounted)return;hl(),cl(l);const o=lt(t,l,e,s);return Qt(),vl(),o});return n?r.unshift(i):r.push(i),i}}const Ct=e=>(t,l=Me)=>(!ul||e==="sp")&&Pn(e,t,l),Hs=Ct("bm"),Ke=Ct("m"),dc=Ct("bu"),fc=Ct("u"),Ln=Ct("bum"),Sn=Ct("um"),hc=Ct("sp"),vc=Ct("rtg"),pc=Ct("rtc");function gc(e,t=Me){Pn("ec",e,t)}function cn(e,t){const l=Fe;if(l===null)return e;const n=xn(l)||l.proxy,r=e.dirs||(e.dirs=[]);for(let i=0;it(s,o,void 0,i&&i[o]));else{const s=Object.keys(e);r=new Array(s.length);for(let o=0,a=s.length;ohn(t)?!(t.type===Ye||t.type===ge&&!zs(t.children)):!0)?e:null}const ir=e=>e?no(e)?xn(e)||e.proxy:ir(e.parent):null,un=Ve(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>ir(e.parent),$root:e=>ir(e.root),$emit:e=>e.emit,$options:e=>Us(e),$forceUpdate:e=>e.f||(e.f=()=>Dr(e.update)),$nextTick:e=>e.n||(e.n=Tr.bind(e.proxy)),$watch:e=>ic.bind(e)}),Ec={get({_:e},t){const{ctx:l,setupState:n,data:r,props:i,accessCache:s,type:o,appContext:a}=e;let c;if(t[0]!=="$"){const p=s[t];if(p!==void 0)switch(p){case 1:return n[t];case 2:return r[t];case 4:return l[t];case 3:return i[t]}else{if(n!==Re&&he(n,t))return s[t]=1,n[t];if(r!==Re&&he(r,t))return s[t]=2,r[t];if((c=e.propsOptions[0])&&he(c,t))return s[t]=3,i[t];if(l!==Re&&he(l,t))return s[t]=4,l[t];sr&&(s[t]=0)}}const u=un[t];let d,f;if(u)return t==="$attrs"&&Ze(e,"get",t),u(e);if((d=o.__cssModules)&&(d=d[t]))return d;if(l!==Re&&he(l,t))return s[t]=4,l[t];if(f=a.config.globalProperties,he(f,t))return f[t]},set({_:e},t,l){const{data:n,setupState:r,ctx:i}=e;return r!==Re&&he(r,t)?(r[t]=l,!0):n!==Re&&he(n,t)?(n[t]=l,!0):he(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=l,!0)},has({_:{data:e,setupState:t,accessCache:l,ctx:n,appContext:r,propsOptions:i}},s){let o;return!!l[s]||e!==Re&&he(e,s)||t!==Re&&he(t,s)||(o=i[0])&&he(o,s)||he(n,s)||he(un,s)||he(r.config.globalProperties,s)},defineProperty(e,t,l){return l.get!=null?e._.accessCache[t]=0:he(l,"value")&&this.set(e,t,l.value,null),Reflect.defineProperty(e,t,l)}};let sr=!0;function yc(e){const t=Us(e),l=e.proxy,n=e.ctx;sr=!1,t.beforeCreate&&ci(t.beforeCreate,e,"bc");const{data:r,computed:i,methods:s,watch:o,provide:a,inject:c,created:u,beforeMount:d,mounted:f,beforeUpdate:p,updated:g,activated:P,deactivated:w,beforeDestroy:m,beforeUnmount:E,destroyed:R,unmounted:V,render:W,renderTracked:z,renderTriggered:B,errorCaptured:_,serverPrefetch:Z,expose:J,inheritAttrs:Y,components:C,directives:F,filters:k}=t;if(c&&bc(c,n,null,e.appContext.config.unwrapInjectedRef),s)for(const ie in s){const ue=s[ie];se(ue)&&(n[ie]=ue.bind(l))}if(r){const ie=r.call(l,l);Ie(ie)&&(e.data=$t(ie))}if(sr=!0,i)for(const ie in i){const ue=i[ie],xe=se(ue)?ue.bind(l,l):se(ue.get)?ue.get.bind(l,l):at,Ne=!se(ue)&&se(ue.set)?ue.set.bind(l):at,We=N({get:xe,set:Ne});Object.defineProperty(n,ie,{enumerable:!0,configurable:!0,get:()=>We.value,set:Xe=>We.value=Xe})}if(o)for(const ie in o)Js(o[ie],n,l,ie);if(a){const ie=se(a)?a.call(l):a;Reflect.ownKeys(ie).forEach(ue=>{Gt(ue,ie[ue])})}u&&ci(u,e,"c");function j(ie,ue){le(ue)?ue.forEach(xe=>ie(xe.bind(l))):ue&&ie(ue.bind(l))}if(j(Hs,d),j(Ke,f),j(dc,p),j(fc,g),j(ac,P),j(cc,w),j(gc,_),j(pc,z),j(vc,B),j(Ln,E),j(Sn,V),j(hc,Z),le(J))if(J.length){const ie=e.exposed||(e.exposed={});J.forEach(ue=>{Object.defineProperty(ie,ue,{get:()=>l[ue],set:xe=>l[ue]=xe})})}else e.exposed||(e.exposed={});W&&e.render===at&&(e.render=W),Y!=null&&(e.inheritAttrs=Y),C&&(e.components=C),F&&(e.directives=F)}function bc(e,t,l=at,n=!1){le(e)&&(e=or(e));for(const r in e){const i=e[r];let s;Ie(i)?"default"in i?s=$e(i.from||r,i.default,!0):s=$e(i.from||r):s=$e(i),Be(s)&&n?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>s.value,set:o=>s.value=o}):t[r]=s}}function ci(e,t,l){lt(le(e)?e.map(n=>n.bind(t.proxy)):e.bind(t.proxy),t,l)}function Js(e,t,l,n){const r=n.includes(".")?Bs(l,n):()=>l[n];if(ye(e)){const i=t[e];se(i)&&ct(r,i)}else if(se(e))ct(r,e.bind(l));else if(Ie(e))if(le(e))e.forEach(i=>Js(i,t,l,n));else{const i=se(e.handler)?e.handler.bind(l):t[e.handler];se(i)&&ct(r,i,e)}}function Us(e){const t=e.type,{mixins:l,extends:n}=t,{mixins:r,optionsCache:i,config:{optionMergeStrategies:s}}=e.appContext,o=i.get(t);let a;return o?a=o:!r.length&&!l&&!n?a=t:(a={},r.length&&r.forEach(c=>dn(a,c,s,!0)),dn(a,t,s)),i.set(t,a),a}function dn(e,t,l,n=!1){const{mixins:r,extends:i}=t;i&&dn(e,i,l,!0),r&&r.forEach(s=>dn(e,s,l,!0));for(const s in t)if(!(n&&s==="expose")){const o=wc[s]||l&&l[s];e[s]=o?o(e[s],t[s]):t[s]}return e}const wc={data:ui,props:jt,emits:jt,methods:jt,computed:jt,beforeCreate:He,created:He,beforeMount:He,mounted:He,beforeUpdate:He,updated:He,beforeDestroy:He,beforeUnmount:He,destroyed:He,unmounted:He,activated:He,deactivated:He,errorCaptured:He,serverPrefetch:He,components:jt,directives:jt,watch:Ac,provide:ui,inject:Cc};function ui(e,t){return t?e?function(){return Ve(se(e)?e.call(this,this):e,se(t)?t.call(this,this):t)}:t:e}function Cc(e,t){return jt(or(e),or(t))}function or(e){if(le(e)){const t={};for(let l=0;l0)&&!(s&16)){if(s&8){const u=e.vnode.dynamicProps;for(let d=0;d{a=!0;const[f,p]=Ws(d,t,!0);Ve(s,f),p&&o.push(...p)};!l&&t.mixins.length&&t.mixins.forEach(u),e.extends&&u(e.extends),e.mixins&&e.mixins.forEach(u)}if(!i&&!a)return n.set(e,il),il;if(le(i))for(let u=0;u-1,p[1]=P<0||g-1||he(p,"default"))&&o.push(d)}}}const c=[s,o];return n.set(e,c),c}function di(e){return e[0]!=="$"}function fi(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:e===null?"null":""}function hi(e,t){return fi(e)===fi(t)}function vi(e,t){return le(t)?t.findIndex(l=>hi(l,e)):se(t)&&hi(t,e)?0:-1}const qs=e=>e[0]==="_"||e==="$stable",Ir=e=>le(e)?e.map(it):[it(e)],Lc=(e,t,l)=>{if(t._n)return t;const n=ke((...r)=>Ir(t(...r)),l);return n._c=!1,n},Gs=(e,t,l)=>{const n=e._ctx;for(const r in e){if(qs(r))continue;const i=e[r];if(se(i))t[r]=Lc(r,i,n);else if(i!=null){const s=Ir(i);t[r]=()=>s}}},Qs=(e,t)=>{const l=Ir(t);e.slots.default=()=>l},Sc=(e,t)=>{if(e.vnode.shapeFlag&32){const l=t._;l?(e.slots=me(t),rn(t,"_",l)):Gs(t,e.slots={})}else e.slots={},t&&Qs(e,t);rn(e.slots,On,1)},Oc=(e,t,l)=>{const{vnode:n,slots:r}=e;let i=!0,s=Re;if(n.shapeFlag&32){const o=t._;o?l&&o===1?i=!1:(Ve(r,t),!l&&o===1&&delete r._):(i=!t.$stable,Gs(t,r)),s=t}else t&&(Qs(e,t),s={default:1});if(i)for(const o in r)!qs(o)&&!(o in s)&&delete r[o]};function Ys(){return{app:null,config:{isNativeTag:ra,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let xc=0;function Tc(e,t){return function(n,r=null){se(n)||(n=Object.assign({},n)),r!=null&&!Ie(r)&&(r=null);const i=Ys(),s=new Set;let o=!1;const a=i.app={_uid:xc++,_component:n,_props:r,_container:null,_context:i,_instance:null,version:Gc,get config(){return i.config},set config(c){},use(c,...u){return s.has(c)||(c&&se(c.install)?(s.add(c),c.install(a,...u)):se(c)&&(s.add(c),c(a,...u))),a},mixin(c){return i.mixins.includes(c)||i.mixins.push(c),a},component(c,u){return u?(i.components[c]=u,a):i.components[c]},directive(c,u){return u?(i.directives[c]=u,a):i.directives[c]},mount(c,u,d){if(!o){const f=te(n,r);return f.appContext=i,u&&t?t(f,c):e(f,c,d),o=!0,a._container=c,c.__vue_app__=a,xn(f.component)||f.component.proxy}},unmount(){o&&(e(null,a._container),delete a._container.__vue_app__)},provide(c,u){return i.provides[c]=u,a}};return a}}function fn(e,t,l,n,r=!1){if(le(e)){e.forEach((f,p)=>fn(f,t&&(le(t)?t[p]:t),l,n,r));return}if(al(n)&&!r)return;const i=n.shapeFlag&4?xn(n.component)||n.component.proxy:n.el,s=r?null:i,{i:o,r:a}=e,c=t&&t.r,u=o.refs===Re?o.refs={}:o.refs,d=o.setupState;if(c!=null&&c!==a&&(ye(c)?(u[c]=null,he(d,c)&&(d[c]=null)):Be(c)&&(c.value=null)),se(a))kt(a,o,12,[s,u]);else{const f=ye(a),p=Be(a);if(f||p){const g=()=>{if(e.f){const P=f?u[a]:a.value;r?le(P)&&Er(P,i):le(P)?P.includes(i)||P.push(i):f?(u[a]=[i],he(d,a)&&(d[a]=u[a])):(a.value=[i],e.k&&(u[e.k]=a.value))}else f?(u[a]=s,he(d,a)&&(d[a]=s)):Be(a)&&(a.value=s,e.k&&(u[e.k]=s))};s?(g.id=-1,Je(g,l)):g()}}}let Rt=!1;const Zl=e=>/svg/.test(e.namespaceURI)&&e.tagName!=="foreignObject",Xl=e=>e.nodeType===8;function Dc(e){const{mt:t,p:l,o:{patchProp:n,createText:r,nextSibling:i,parentNode:s,remove:o,insert:a,createComment:c}}=e,u=(m,E)=>{if(!E.hasChildNodes()){l(null,m,E),on();return}Rt=!1,d(E.firstChild,m,null,null,null),on(),Rt&&console.error("Hydration completed but contains mismatches.")},d=(m,E,R,V,W,z=!1)=>{const B=Xl(m)&&m.data==="[",_=()=>P(m,E,R,V,W,B),{type:Z,ref:J,shapeFlag:Y,patchFlag:C}=E,F=m.nodeType;E.el=m,C===-2&&(z=!1,E.dynamicChildren=null);let k=null;switch(Z){case Ml:F!==3?E.children===""?(a(E.el=r(""),s(m),m),k=m):k=_():(m.data!==E.children&&(Rt=!0,m.data=E.children),k=i(m));break;case Ye:F!==8||B?k=_():k=i(m);break;case Ll:if(F!==1)k=_();else{k=m;const oe=!E.children.length;for(let j=0;j{z=z||!!E.dynamicChildren;const{type:B,props:_,patchFlag:Z,shapeFlag:J,dirs:Y}=E,C=B==="input"&&Y||B==="option";if(C||Z!==-1){if(Y&&dt(E,null,R,"created"),_)if(C||!z||Z&48)for(const k in _)(C&&k.endsWith("value")||Fl(k)&&!Al(k))&&n(m,k,null,_[k],!1,void 0,R);else _.onClick&&n(m,"onClick",null,_.onClick,!1,void 0,R);let F;if((F=_&&_.onVnodeBeforeMount)&&tt(F,R,E),Y&&dt(E,null,R,"beforeMount"),((F=_&&_.onVnodeMounted)||Y)&&ks(()=>{F&&tt(F,R,E),Y&&dt(E,null,R,"mounted")},V),J&16&&!(_&&(_.innerHTML||_.textContent))){let k=p(m.firstChild,E,m,R,V,W,z);for(;k;){Rt=!0;const oe=k;k=k.nextSibling,o(oe)}}else J&8&&m.textContent!==E.children&&(Rt=!0,m.textContent=E.children)}return m.nextSibling},p=(m,E,R,V,W,z,B)=>{B=B||!!E.dynamicChildren;const _=E.children,Z=_.length;for(let J=0;J{const{slotScopeIds:B}=E;B&&(W=W?W.concat(B):B);const _=s(m),Z=p(i(m),E,_,R,V,W,z);return Z&&Xl(Z)&&Z.data==="]"?i(E.anchor=Z):(Rt=!0,a(E.anchor=c("]"),_,Z),Z)},P=(m,E,R,V,W,z)=>{if(Rt=!0,E.el=null,z){const Z=w(m);for(;;){const J=i(m);if(J&&J!==Z)o(J);else break}}const B=i(m),_=s(m);return o(m),l(null,E,_,B,R,V,Zl(_),W),B},w=m=>{let E=0;for(;m;)if(m=i(m),m&&Xl(m)&&(m.data==="["&&E++,m.data==="]")){if(E===0)return i(m);E--}return m};return[u,d]}const Je=ks;function Ic(e){return kc(e,Dc)}function kc(e,t){const l=ua();l.__VUE__=!0;const{insert:n,remove:r,patchProp:i,createElement:s,createText:o,createComment:a,setText:c,setElementText:u,parentNode:d,nextSibling:f,setScopeId:p=at,cloneNode:g,insertStaticContent:P}=e,w=(h,v,y,S=null,L=null,T=null,H=!1,I=null,$=!!v.dynamicChildren)=>{if(h===v)return;h&&!Ut(h,v)&&(S=G(h),ze(h,L,T,!0),h=null),v.patchFlag===-2&&($=!1,v.dynamicChildren=null);const{type:O,ref:X,shapeFlag:Q}=v;switch(O){case Ml:m(h,v,y,S);break;case Ye:E(h,v,y,S);break;case Ll:h==null&&R(v,y,S,H);break;case ge:F(h,v,y,S,L,T,H,I,$);break;default:Q&1?z(h,v,y,S,L,T,H,I,$):Q&6?k(h,v,y,S,L,T,H,I,$):(Q&64||Q&128)&&O.process(h,v,y,S,L,T,H,I,$,Ee)}X!=null&&L&&fn(X,h&&h.ref,T,v||h,!v)},m=(h,v,y,S)=>{if(h==null)n(v.el=o(v.children),y,S);else{const L=v.el=h.el;v.children!==h.children&&c(L,v.children)}},E=(h,v,y,S)=>{h==null?n(v.el=a(v.children||""),y,S):v.el=h.el},R=(h,v,y,S)=>{[h.el,h.anchor]=P(h.children,v,y,S,h.el,h.anchor)},V=({el:h,anchor:v},y,S)=>{let L;for(;h&&h!==v;)L=f(h),n(h,y,S),h=L;n(v,y,S)},W=({el:h,anchor:v})=>{let y;for(;h&&h!==v;)y=f(h),r(h),h=y;r(v)},z=(h,v,y,S,L,T,H,I,$)=>{H=H||v.type==="svg",h==null?B(v,y,S,L,T,H,I,$):J(h,v,L,T,H,I,$)},B=(h,v,y,S,L,T,H,I)=>{let $,O;const{type:X,props:Q,shapeFlag:ee,transition:ne,patchFlag:ve,dirs:we}=h;if(h.el&&g!==void 0&&ve===-1)$=h.el=g(h.el);else{if($=h.el=s(h.type,T,Q&&Q.is,Q),ee&8?u($,h.children):ee&16&&Z(h.children,$,null,S,L,T&&X!=="foreignObject",H,I),we&&dt(h,null,S,"created"),Q){for(const Se in Q)Se!=="value"&&!Al(Se)&&i($,Se,null,Q[Se],T,h.children,S,L,M);"value"in Q&&i($,"value",null,Q.value),(O=Q.onVnodeBeforeMount)&&tt(O,S,h)}_($,h,h.scopeId,H,S)}we&&dt(h,null,S,"beforeMount");const Ce=(!L||L&&!L.pendingBranch)&&ne&&!ne.persisted;Ce&&ne.beforeEnter($),n($,v,y),((O=Q&&Q.onVnodeMounted)||Ce||we)&&Je(()=>{O&&tt(O,S,h),Ce&&ne.enter($),we&&dt(h,null,S,"mounted")},L)},_=(h,v,y,S,L)=>{if(y&&p(h,y),S)for(let T=0;T{for(let O=$;O{const I=v.el=h.el;let{patchFlag:$,dynamicChildren:O,dirs:X}=v;$|=h.patchFlag&16;const Q=h.props||Re,ee=v.props||Re;let ne;y&&Ft(y,!1),(ne=ee.onVnodeBeforeUpdate)&&tt(ne,y,v,h),X&&dt(v,h,y,"beforeUpdate"),y&&Ft(y,!0);const ve=L&&v.type!=="foreignObject";if(O?Y(h.dynamicChildren,O,I,y,S,ve,T):H||xe(h,v,I,null,y,S,ve,T,!1),$>0){if($&16)C(I,v,Q,ee,y,S,L);else if($&2&&Q.class!==ee.class&&i(I,"class",null,ee.class,L),$&4&&i(I,"style",Q.style,ee.style,L),$&8){const we=v.dynamicProps;for(let Ce=0;Ce{ne&&tt(ne,y,v,h),X&&dt(v,h,y,"updated")},S)},Y=(h,v,y,S,L,T,H)=>{for(let I=0;I{if(y!==S){for(const I in S){if(Al(I))continue;const $=S[I],O=y[I];$!==O&&I!=="value"&&i(h,I,O,$,H,v.children,L,T,M)}if(y!==Re)for(const I in y)!Al(I)&&!(I in S)&&i(h,I,y[I],null,H,v.children,L,T,M);"value"in S&&i(h,"value",y.value,S.value)}},F=(h,v,y,S,L,T,H,I,$)=>{const O=v.el=h?h.el:o(""),X=v.anchor=h?h.anchor:o("");let{patchFlag:Q,dynamicChildren:ee,slotScopeIds:ne}=v;ne&&(I=I?I.concat(ne):ne),h==null?(n(O,y,S),n(X,y,S),Z(v.children,y,X,L,T,H,I,$)):Q>0&&Q&64&&ee&&h.dynamicChildren?(Y(h.dynamicChildren,ee,y,L,T,H,I),(v.key!=null||L&&v===L.subTree)&&Zs(h,v,!0)):xe(h,v,y,X,L,T,H,I,$)},k=(h,v,y,S,L,T,H,I,$)=>{v.slotScopeIds=I,h==null?v.shapeFlag&512?L.ctx.activate(v,y,S,H,$):oe(v,y,S,L,T,H,$):j(h,v,$)},oe=(h,v,y,S,L,T,H)=>{const I=h.component=jc(h,S,L);if(Hl(h)&&(I.ctx.renderer=Ee),zc(I),I.asyncDep){if(L&&L.registerDep(I,ie),!h.el){const $=I.subTree=te(Ye);E(null,$,v,y)}return}ie(I,h,v,y,L,T,H)},j=(h,v,y)=>{const S=v.component=h.component;if(lc(h,v,y))if(S.asyncDep&&!S.asyncResolved){ue(S,v,y);return}else S.next=v,qa(S.update),S.update();else v.el=h.el,S.vnode=v},ie=(h,v,y,S,L,T,H)=>{const I=()=>{if(h.isMounted){let{next:X,bu:Q,u:ee,parent:ne,vnode:ve}=h,we=X,Ce;Ft(h,!1),X?(X.el=ve.el,ue(h,X,H)):X=ve,Q&&Mn(Q),(Ce=X.props&&X.props.onVnodeBeforeUpdate)&&tt(Ce,ne,X,ve),Ft(h,!0);const Se=Bn(h),rt=h.subTree;h.subTree=Se,w(rt,Se,d(rt.el),G(rt),h,L,T),X.el=Se.el,we===null&&nc(h,Se.el),ee&&Je(ee,L),(Ce=X.props&&X.props.onVnodeUpdated)&&Je(()=>tt(Ce,ne,X,ve),L)}else{let X;const{el:Q,props:ee}=v,{bm:ne,m:ve,parent:we}=h,Ce=al(v);if(Ft(h,!1),ne&&Mn(ne),!Ce&&(X=ee&&ee.onVnodeBeforeMount)&&tt(X,we,v),Ft(h,!0),Q&&re){const Se=()=>{h.subTree=Bn(h),re(Q,h.subTree,h,L,null)};Ce?v.type.__asyncLoader().then(()=>!h.isUnmounted&&Se()):Se()}else{const Se=h.subTree=Bn(h);w(null,Se,y,S,h,L,T),v.el=Se.el}if(ve&&Je(ve,L),!Ce&&(X=ee&&ee.onVnodeMounted)){const Se=v;Je(()=>tt(X,we,Se),L)}(v.shapeFlag&256||we&&al(we.vnode)&&we.vnode.shapeFlag&256)&&h.a&&Je(h.a,L),h.isMounted=!0,v=y=S=null}},$=h.effect=new Cr(I,()=>Dr(O),h.scope),O=h.update=()=>$.run();O.id=h.uid,Ft(h,!0),O()},ue=(h,v,y)=>{v.component=h;const S=h.vnode.props;h.vnode=v,h.next=null,Pc(h,v.props,S,y),Oc(h,v.children,y),hl(),Cn(void 0,h.update),vl()},xe=(h,v,y,S,L,T,H,I,$=!1)=>{const O=h&&h.children,X=h?h.shapeFlag:0,Q=v.children,{patchFlag:ee,shapeFlag:ne}=v;if(ee>0){if(ee&128){We(O,Q,y,S,L,T,H,I,$);return}else if(ee&256){Ne(O,Q,y,S,L,T,H,I,$);return}}ne&8?(X&16&&M(O,L,T),Q!==O&&u(y,Q)):X&16?ne&16?We(O,Q,y,S,L,T,H,I,$):M(O,L,T,!0):(X&8&&u(y,""),ne&16&&Z(Q,y,S,L,T,H,I,$))},Ne=(h,v,y,S,L,T,H,I,$)=>{h=h||il,v=v||il;const O=h.length,X=v.length,Q=Math.min(O,X);let ee;for(ee=0;eeX?M(h,L,T,!0,!1,Q):Z(v,y,S,L,T,H,I,$,Q)},We=(h,v,y,S,L,T,H,I,$)=>{let O=0;const X=v.length;let Q=h.length-1,ee=X-1;for(;O<=Q&&O<=ee;){const ne=h[O],ve=v[O]=$?xt(v[O]):it(v[O]);if(Ut(ne,ve))w(ne,ve,y,null,L,T,H,I,$);else break;O++}for(;O<=Q&&O<=ee;){const ne=h[Q],ve=v[ee]=$?xt(v[ee]):it(v[ee]);if(Ut(ne,ve))w(ne,ve,y,null,L,T,H,I,$);else break;Q--,ee--}if(O>Q){if(O<=ee){const ne=ee+1,ve=neee)for(;O<=Q;)ze(h[O],L,T,!0),O++;else{const ne=O,ve=O,we=new Map;for(O=ve;O<=ee;O++){const qe=v[O]=$?xt(v[O]):it(v[O]);qe.key!=null&&we.set(qe.key,O)}let Ce,Se=0;const rt=ee-ve+1;let Xt=!1,Wr=0;const ml=new Array(rt);for(O=0;O=rt){ze(qe,L,T,!0);continue}let ut;if(qe.key!=null)ut=we.get(qe.key);else for(Ce=ve;Ce<=ee;Ce++)if(ml[Ce-ve]===0&&Ut(qe,v[Ce])){ut=Ce;break}ut===void 0?ze(qe,L,T,!0):(ml[ut-ve]=O+1,ut>=Wr?Wr=ut:Xt=!0,w(qe,v[ut],y,null,L,T,H,I,$),Se++)}const qr=Xt?Mc(ml):il;for(Ce=qr.length-1,O=rt-1;O>=0;O--){const qe=ve+O,ut=v[qe],Gr=qe+1{const{el:T,type:H,transition:I,children:$,shapeFlag:O}=h;if(O&6){Xe(h.component.subTree,v,y,S);return}if(O&128){h.suspense.move(v,y,S);return}if(O&64){H.move(h,v,y,Ee);return}if(H===ge){n(T,v,y);for(let Q=0;Q<$.length;Q++)Xe($[Q],v,y,S);n(h.anchor,v,y);return}if(H===Ll){V(h,v,y);return}if(S!==2&&O&1&&I)if(S===0)I.beforeEnter(T),n(T,v,y),Je(()=>I.enter(T),L);else{const{leave:Q,delayLeave:ee,afterLeave:ne}=I,ve=()=>n(T,v,y),we=()=>{Q(T,()=>{ve(),ne&&ne()})};ee?ee(T,ve,we):we()}else n(T,v,y)},ze=(h,v,y,S=!1,L=!1)=>{const{type:T,props:H,ref:I,children:$,dynamicChildren:O,shapeFlag:X,patchFlag:Q,dirs:ee}=h;if(I!=null&&fn(I,null,y,h,!0),X&256){v.ctx.deactivate(h);return}const ne=X&1&&ee,ve=!al(h);let we;if(ve&&(we=H&&H.onVnodeBeforeUnmount)&&tt(we,v,h),X&6)q(h.component,y,S);else{if(X&128){h.suspense.unmount(y,S);return}ne&&dt(h,null,v,"beforeUnmount"),X&64?h.type.remove(h,v,y,L,Ee,S):O&&(T!==ge||Q>0&&Q&64)?M(O,v,y,!1,!0):(T===ge&&Q&384||!L&&X&16)&&M($,v,y),S&&gl(h)}(ve&&(we=H&&H.onVnodeUnmounted)||ne)&&Je(()=>{we&&tt(we,v,h),ne&&dt(h,null,v,"unmounted")},y)},gl=h=>{const{type:v,el:y,anchor:S,transition:L}=h;if(v===ge){A(y,S);return}if(v===Ll){W(h);return}const T=()=>{r(y),L&&!L.persisted&&L.afterLeave&&L.afterLeave()};if(h.shapeFlag&1&&L&&!L.persisted){const{leave:H,delayLeave:I}=L,$=()=>H(y,T);I?I(h.el,T,$):$()}else T()},A=(h,v)=>{let y;for(;h!==v;)y=f(h),r(h),h=y;r(v)},q=(h,v,y)=>{const{bum:S,scope:L,update:T,subTree:H,um:I}=h;S&&Mn(S),L.stop(),T&&(T.active=!1,ze(H,h,v,y)),I&&Je(I,v),Je(()=>{h.isUnmounted=!0},v),v&&v.pendingBranch&&!v.isUnmounted&&h.asyncDep&&!h.asyncResolved&&h.suspenseId===v.pendingId&&(v.deps--,v.deps===0&&v.resolve())},M=(h,v,y,S=!1,L=!1,T=0)=>{for(let H=T;Hh.shapeFlag&6?G(h.component.subTree):h.shapeFlag&128?h.suspense.next():f(h.anchor||h.el),_e=(h,v,y)=>{h==null?v._vnode&&ze(v._vnode,null,null,!0):w(v._vnode||null,h,v,null,null,null,y),on(),v._vnode=h},Ee={p:w,um:ze,m:Xe,r:gl,mt:oe,mc:Z,pc:xe,pbc:Y,n:G,o:e};let ce,re;return t&&([ce,re]=t(Ee)),{render:_e,hydrate:ce,createApp:Tc(_e,ce)}}function Ft({effect:e,update:t},l){e.allowRecurse=t.allowRecurse=l}function Zs(e,t,l=!1){const n=e.children,r=t.children;if(le(n)&&le(r))for(let i=0;i>1,e[l[o]]0&&(t[n]=l[i-1]),l[i]=n)}}for(i=l.length,s=l[i-1];i-- >0;)l[i]=s,s=t[s];return l}const Bc=e=>e.__isTeleport,ge=Symbol(void 0),Ml=Symbol(void 0),Ye=Symbol(void 0),Ll=Symbol(void 0),Sl=[];let ot=null;function D(e=!1){Sl.push(ot=e?null:[])}function $c(){Sl.pop(),ot=Sl[Sl.length-1]||null}let Bl=1;function pi(e){Bl+=e}function Xs(e){return e.dynamicChildren=Bl>0?ot||il:null,$c(),Bl>0&&ot&&ot.push(e),e}function K(e,t,l,n,r,i){return Xs(ae(e,t,l,n,r,i,!0))}function De(e,t,l,n,r){return Xs(te(e,t,l,n,r,!0))}function hn(e){return e?e.__v_isVNode===!0:!1}function Ut(e,t){return e.type===t.type&&e.key===t.key}const On="__vInternal",eo=({key:e})=>e!=null?e:null,ln=({ref:e,ref_key:t,ref_for:l})=>e!=null?ye(e)||Be(e)||se(e)?{i:Fe,r:e,k:t,f:!!l}:e:null;function ae(e,t=null,l=null,n=0,r=null,i=e===ge?0:1,s=!1,o=!1){const a={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&eo(t),ref:t&&ln(t),scopeId:Rn,slotScopeIds:null,children:l,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:n,dynamicProps:r,dynamicChildren:null,appContext:null};return o?(kr(a,l),i&128&&e.normalize(a)):l&&(a.shapeFlag|=ye(l)?8:16),Bl>0&&!s&&ot&&(a.patchFlag>0||i&6)&&a.patchFlag!==32&&ot.push(a),a}const te=Vc;function Vc(e,t=null,l=null,n=0,r=null,i=!1){if((!e||e===mc)&&(e=Ye),hn(e)){const o=Bt(e,t,!0);return l&&kr(o,l),Bl>0&&!i&&ot&&(o.shapeFlag&6?ot[ot.indexOf(e)]=o:ot.push(o)),o.patchFlag|=-2,o}if(qc(e)&&(e=e.__vccOpts),t){t=Fc(t);let{class:o,style:a}=t;o&&!ye(o)&&(t.class=je(o)),Ie(a)&&(bs(a)&&!le(a)&&(a=Ve({},a)),t.style=Vl(a))}const s=ye(e)?1:rc(e)?128:Bc(e)?64:Ie(e)?4:se(e)?2:0;return ae(e,t,l,n,r,s,i,!0)}function Fc(e){return e?bs(e)||On in e?Ve({},e):e:null}function Bt(e,t,l=!1){const{props:n,ref:r,patchFlag:i,children:s}=e,o=t?cr(n||{},t):n;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:o,key:o&&eo(o),ref:t&&t.ref?l&&r?le(r)?r.concat(ln(t)):[r,ln(t)]:ln(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:s,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==ge?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Bt(e.ssContent),ssFallback:e.ssFallback&&Bt(e.ssFallback),el:e.el,anchor:e.anchor}}function wt(e=" ",t=0){return te(Ml,null,e,t)}function to(e,t){const l=te(Ll,null,e);return l.staticCount=t,l}function Oe(e="",t=!1){return t?(D(),De(Ye,null,e)):te(Ye,null,e)}function it(e){return e==null||typeof e=="boolean"?te(Ye):le(e)?te(ge,null,e.slice()):typeof e=="object"?xt(e):te(Ml,null,String(e))}function xt(e){return e.el===null||e.memo?e:Bt(e)}function kr(e,t){let l=0;const{shapeFlag:n}=e;if(t==null)t=null;else if(le(t))l=16;else if(typeof t=="object")if(n&65){const r=t.default;r&&(r._c&&(r._d=!1),kr(e,r()),r._c&&(r._d=!0));return}else{l=32;const r=t._;!r&&!(On in t)?t._ctx=Fe:r===3&&Fe&&(Fe.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else se(t)?(t={default:t,_ctx:Fe},l=32):(t=String(t),n&64?(l=16,t=[wt(t)]):l=8);e.children=t,e.shapeFlag|=l}function cr(...e){const t={};for(let l=0;lMe||Fe,cl=e=>{Me=e,e.scope.on()},Qt=()=>{Me&&Me.scope.off(),Me=null};function no(e){return e.vnode.shapeFlag&4}let ul=!1;function zc(e,t=!1){ul=t;const{props:l,children:n}=e.vnode,r=no(e);Rc(e,l,r,t),Sc(e,n);const i=r?Jc(e,t):void 0;return ul=!1,i}function Jc(e,t){const l=e.type;e.accessCache=Object.create(null),e.proxy=ws(new Proxy(e.ctx,Ec));const{setup:n}=l;if(n){const r=e.setupContext=n.length>1?Kc(e):null;cl(e),hl();const i=kt(n,e,0,[e.props,r]);if(vl(),Qt(),os(i)){if(i.then(Qt,Qt),t)return i.then(s=>{gi(e,s,t)}).catch(s=>{Nl(s,e,0)});e.asyncDep=i}else gi(e,i,t)}else ro(e,t)}function gi(e,t,l){se(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Ie(t)&&(e.setupState=Ls(t)),ro(e,l)}let mi;function ro(e,t,l){const n=e.type;if(!e.render){if(!t&&mi&&!n.render){const r=n.template;if(r){const{isCustomElement:i,compilerOptions:s}=e.appContext.config,{delimiters:o,compilerOptions:a}=n,c=Ve(Ve({isCustomElement:i,delimiters:o},s),a);n.render=mi(r,c)}}e.render=n.render||at}cl(e),hl(),yc(e),vl(),Qt()}function Uc(e){return new Proxy(e.attrs,{get(t,l){return Ze(e,"get","$attrs"),t[l]}})}function Kc(e){const t=n=>{e.exposed=n||{}};let l;return{get attrs(){return l||(l=Uc(e))},slots:e.slots,emit:e.emit,expose:t}}function xn(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Ls(ws(e.exposed)),{get(t,l){if(l in t)return t[l];if(l in un)return un[l](e)}}))}function Wc(e){return se(e)&&e.displayName||e.name}function qc(e){return se(e)&&"__vccOpts"in e}const N=(e,t)=>Ua(e,t,ul);function fe(e,t,l){const n=arguments.length;return n===2?Ie(t)&&!le(t)?hn(t)?te(e,null,[t]):te(e,t):te(e,null,t):(n>3?l=Array.prototype.slice.call(arguments,2):n===3&&hn(l)&&(l=[l]),te(e,t,l))}const Gc="3.2.36",Qc="http://www.w3.org/2000/svg",Kt=typeof document!="undefined"?document:null,_i=Kt&&Kt.createElement("template"),Yc={insert:(e,t,l)=>{t.insertBefore(e,l||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,l,n)=>{const r=t?Kt.createElementNS(Qc,e):Kt.createElement(e,l?{is:l}:void 0);return e==="select"&&n&&n.multiple!=null&&r.setAttribute("multiple",n.multiple),r},createText:e=>Kt.createTextNode(e),createComment:e=>Kt.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Kt.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){const t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,l,n,r,i){const s=l?l.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),l),!(r===i||!(r=r.nextSibling)););else{_i.innerHTML=n?`${e}`:e;const o=_i.content;if(n){const a=o.firstChild;for(;a.firstChild;)o.appendChild(a.firstChild);o.removeChild(a)}t.insertBefore(o,l)}return[s?s.nextSibling:t.firstChild,l?l.previousSibling:t.lastChild]}};function Zc(e,t,l){const n=e._vtc;n&&(t=(t?[t,...n]:[...n]).join(" ")),t==null?e.removeAttribute("class"):l?e.setAttribute("class",t):e.className=t}function Xc(e,t,l){const n=e.style,r=ye(l);if(l&&!r){for(const i in l)ur(n,i,l[i]);if(t&&!ye(t))for(const i in t)l[i]==null&&ur(n,i,"")}else{const i=n.display;r?t!==l&&(n.cssText=l):t&&e.removeAttribute("style"),"_vod"in e&&(n.display=i)}}const Ei=/\s*!important$/;function ur(e,t,l){if(le(l))l.forEach(n=>ur(e,t,n));else if(l==null&&(l=""),t.startsWith("--"))e.setProperty(t,l);else{const n=eu(e,t);Ei.test(l)?e.setProperty(Yt(n),l.replace(Ei,""),"important"):e[n]=l}}const yi=["Webkit","Moz","ms"],Fn={};function eu(e,t){const l=Fn[t];if(l)return l;let n=ft(t);if(n!=="filter"&&n in e)return Fn[t]=n;n=yn(n);for(let r=0;r{let e=Date.now,t=!1;if(typeof window!="undefined"){Date.now()>document.createEvent("Event").timeStamp&&(e=performance.now.bind(performance));const l=navigator.userAgent.match(/firefox\/(\d+)/i);t=!!(l&&Number(l[1])<=53)}return[e,t]})();let dr=0;const ru=Promise.resolve(),iu=()=>{dr=0},su=()=>dr||(ru.then(iu),dr=io());function ou(e,t,l,n){e.addEventListener(t,l,n)}function au(e,t,l,n){e.removeEventListener(t,l,n)}function cu(e,t,l,n,r=null){const i=e._vei||(e._vei={}),s=i[t];if(n&&s)s.value=n;else{const[o,a]=uu(t);if(n){const c=i[t]=du(n,r);ou(e,o,c,a)}else s&&(au(e,o,s,a),i[t]=void 0)}}const wi=/(?:Once|Passive|Capture)$/;function uu(e){let t;if(wi.test(e)){t={};let l;for(;l=e.match(wi);)e=e.slice(0,e.length-l[0].length),t[l[0].toLowerCase()]=!0}return[Yt(e.slice(2)),t]}function du(e,t){const l=n=>{const r=n.timeStamp||io();(nu||r>=l.attached-1)&<(fu(n,l.value),t,5,[n])};return l.value=e,l.attached=su(),l}function fu(e,t){if(le(t)){const l=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{l.call(e),e._stopped=!0},t.map(n=>r=>!r._stopped&&n&&n(r))}else return t}const Ci=/^on[a-z]/,hu=(e,t,l,n,r=!1,i,s,o,a)=>{t==="class"?Zc(e,n,r):t==="style"?Xc(e,l,n):Fl(t)?_r(t)||cu(e,t,l,n,s):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):vu(e,t,n,r))?lu(e,t,n,i,s,o,a):(t==="true-value"?e._trueValue=n:t==="false-value"&&(e._falseValue=n),tu(e,t,n,r))};function vu(e,t,l,n){return n?!!(t==="innerHTML"||t==="textContent"||t in e&&Ci.test(t)&&se(l)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||Ci.test(t)&&ye(l)?!1:t in e}const Pt="transition",_l="animation",jl=(e,{slots:t})=>fe($s,pu(e),t);jl.displayName="Transition";const so={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};jl.props=Ve({},$s.props,so);const Nt=(e,t=[])=>{le(e)?e.forEach(l=>l(...t)):e&&e(...t)},Ai=e=>e?le(e)?e.some(t=>t.length>1):e.length>1:!1;function pu(e){const t={};for(const C in e)C in so||(t[C]=e[C]);if(e.css===!1)return t;const{name:l="v",type:n,duration:r,enterFromClass:i=`${l}-enter-from`,enterActiveClass:s=`${l}-enter-active`,enterToClass:o=`${l}-enter-to`,appearFromClass:a=i,appearActiveClass:c=s,appearToClass:u=o,leaveFromClass:d=`${l}-leave-from`,leaveActiveClass:f=`${l}-leave-active`,leaveToClass:p=`${l}-leave-to`}=e,g=gu(r),P=g&&g[0],w=g&&g[1],{onBeforeEnter:m,onEnter:E,onEnterCancelled:R,onLeave:V,onLeaveCancelled:W,onBeforeAppear:z=m,onAppear:B=E,onAppearCancelled:_=R}=t,Z=(C,F,k)=>{Ht(C,F?u:o),Ht(C,F?c:s),k&&k()},J=(C,F)=>{C._isLeaving=!1,Ht(C,d),Ht(C,p),Ht(C,f),F&&F()},Y=C=>(F,k)=>{const oe=C?B:E,j=()=>Z(F,C,k);Nt(oe,[F,j]),Ri(()=>{Ht(F,C?a:i),Lt(F,C?u:o),Ai(oe)||Pi(F,n,P,j)})};return Ve(t,{onBeforeEnter(C){Nt(m,[C]),Lt(C,i),Lt(C,s)},onBeforeAppear(C){Nt(z,[C]),Lt(C,a),Lt(C,c)},onEnter:Y(!1),onAppear:Y(!0),onLeave(C,F){C._isLeaving=!0;const k=()=>J(C,F);Lt(C,d),Eu(),Lt(C,f),Ri(()=>{!C._isLeaving||(Ht(C,d),Lt(C,p),Ai(V)||Pi(C,n,w,k))}),Nt(V,[C,k])},onEnterCancelled(C){Z(C,!1),Nt(R,[C])},onAppearCancelled(C){Z(C,!0),Nt(_,[C])},onLeaveCancelled(C){J(C),Nt(W,[C])}})}function gu(e){if(e==null)return null;if(Ie(e))return[Nn(e.enter),Nn(e.leave)];{const t=Nn(e);return[t,t]}}function Nn(e){return us(e)}function Lt(e,t){t.split(/\s+/).forEach(l=>l&&e.classList.add(l)),(e._vtc||(e._vtc=new Set)).add(t)}function Ht(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.remove(n));const{_vtc:l}=e;l&&(l.delete(t),l.size||(e._vtc=void 0))}function Ri(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let mu=0;function Pi(e,t,l,n){const r=e._endId=++mu,i=()=>{r===e._endId&&n()};if(l)return setTimeout(i,l);const{type:s,timeout:o,propCount:a}=_u(e,t);if(!s)return n();const c=s+"end";let u=0;const d=()=>{e.removeEventListener(c,f),i()},f=p=>{p.target===e&&++u>=a&&d()};setTimeout(()=>{u(l[g]||"").split(", "),r=n(Pt+"Delay"),i=n(Pt+"Duration"),s=Li(r,i),o=n(_l+"Delay"),a=n(_l+"Duration"),c=Li(o,a);let u=null,d=0,f=0;t===Pt?s>0&&(u=Pt,d=s,f=i.length):t===_l?c>0&&(u=_l,d=c,f=a.length):(d=Math.max(s,c),u=d>0?s>c?Pt:_l:null,f=u?u===Pt?i.length:a.length:0);const p=u===Pt&&/\b(transform|all)(,|$)/.test(l[Pt+"Property"]);return{type:u,timeout:d,propCount:f,hasTransform:p}}function Li(e,t){for(;e.lengthSi(l)+Si(e[n])))}function Si(e){return Number(e.slice(0,-1).replace(",","."))*1e3}function Eu(){return document.body.offsetHeight}const yu=["ctrl","shift","alt","meta"],bu={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>yu.some(l=>e[`${l}Key`]&&!t.includes(l))},oo=(e,t)=>(l,...n)=>{for(let r=0;rl=>{if(!("key"in l))return;const n=Yt(l.key);if(t.some(r=>r===n||wu[r]===n))return e(l)},vn={beforeMount(e,{value:t},{transition:l}){e._vod=e.style.display==="none"?"":e.style.display,l&&t?l.beforeEnter(e):El(e,t)},mounted(e,{value:t},{transition:l}){l&&t&&l.enter(e)},updated(e,{value:t,oldValue:l},{transition:n}){!t!=!l&&(n?t?(n.beforeEnter(e),El(e,!0),n.enter(e)):n.leave(e,()=>{El(e,!1)}):El(e,t))},beforeUnmount(e,{value:t}){El(e,t)}};function El(e,t){e.style.display=t?e._vod:"none"}const Au=Ve({patchProp:hu},Yc);let Hn,Oi=!1;function Ru(){return Hn=Oi?Hn:Ic(Au),Oi=!0,Hn}const Pu=(...e)=>{const t=Ru().createApp(...e),{mount:l}=t;return t.mount=n=>{const r=Lu(n);if(r)return l(r,!0,r instanceof SVGElement)},t};function Lu(e){return ye(e)?document.querySelector(e):e}const Su={base:"/TIL/",lang:"en-US",title:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C",description:"Today I leanred",head:[["meta",{name:"google-site-verification",content:"sHfBWIoCUOYFXJ3b0ulN8jp9jpD8SEW5Wpxvlk-UABA"}],["link",{rel:"apple-touch-icon",sizes:"180x180",href:"/TIL/assets/favicons/apple-touch-icon.png"}],["link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/TIL/assets/favicons/favicon-32x32.png"}],["link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/TIL/assets/favicons/favicon-16x16.png"}],["link",{rel:"manifest",href:"/TIL/manifest.webmanifest"}],["link",{rel:"mask-icon",href:"/TIL/assets/favicons/safari-pinned-tab.svg",color:"#3a0839"}],["link",{rel:"shortcut icon",href:"/TIL/assets/favicons/favicon.ico"}],["link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap"}],["meta",{name:"msapplication-TileColor",content:"#3a0839"}],["meta",{name:"msapplication-config",content:"/TIL/browserconfig.xml"}],["meta",{name:"theme-color",content:"#ffffff"}]],locales:{}};var Ou=([e,t,l])=>e==="meta"&&t.name?`${e}.${t.name}`:["title","base"].includes(e)?e:e==="template"&&t.id?`${e}.${t.id}`:JSON.stringify([e,t,l]),xu=e=>{const t=new Set,l=[];return e.forEach(n=>{const r=Ou(n);t.has(r)||(t.add(r),l.push(n))}),l},zl=e=>/^(https?:)?\/\//.test(e),Tu=e=>/^mailto:/.test(e),Du=e=>/^tel:/.test(e),Mr=e=>Object.prototype.toString.call(e)==="[object Object]",ao=e=>e.replace(/\/$/,""),co=e=>e.replace(/^\//,""),uo=(e,t)=>{const l=Object.keys(e).sort((n,r)=>{const i=r.split("/").length-n.split("/").length;return i!==0?i:r.length-n.length});for(const n of l)if(t.startsWith(n))return n;return"/"};const fo={"v-8daa1a0e":U(()=>b(()=>import("./index.html.96f916e7.js"),[])),"v-3e214e9b":U(()=>b(()=>import("./index.html.3f5c255d.js"),[])),"v-689c0ccc":U(()=>b(()=>import("./index.html.fceceda2.js"),[])),"v-8eac9854":U(()=>b(()=>import("./index.html.c559cd93.js"),[])),"v-a6ee965c":U(()=>b(()=>import("./index.html.f6b45456.js"),[])),"v-05414511":U(()=>b(()=>import("./index.html.79b3845d.js"),[])),"v-5c505680":U(()=>b(()=>import("./index.html.41eb8580.js"),[])),"v-03de736f":U(()=>b(()=>import("./index.html.d9a09cb4.js"),[])),"v-9c4164b4":U(()=>b(()=>import("./index.html.70a48510.js"),[])),"v-3a9e944d":U(()=>b(()=>import("./index.html.2f261d36.js"),[])),"v-e34619ce":U(()=>b(()=>import("./index.html.d307d08b.js"),[])),"v-3458f75f":U(()=>b(()=>import("./index.html.cbefd467.js"),[])),"v-6654db14":U(()=>b(()=>import("./index.html.3b13d9dc.js"),[])),"v-6711c8b3":U(()=>b(()=>import("./index.html.06c11bde.js"),[])),"v-6711c8d2":U(()=>b(()=>import("./index.html.1880b5fa.js"),[])),"v-6711c8f1":U(()=>b(()=>import("./index.html.4d6783a9.js"),[])),"v-2ac5c1fc":U(()=>b(()=>import("./index.html.37c7d902.js"),[])),"v-60f95159":U(()=>b(()=>import("./index.html.35a3afe3.js"),[])),"v-065e7d40":U(()=>b(()=>import("./index.html.8733480e.js"),[])),"v-73d2a3d2":U(()=>b(()=>import("./index.html.87808244.js"),[])),"v-37296673":U(()=>b(()=>import("./index.html.dd2c3cd5.js"),[])),"v-f92d06e8":U(()=>b(()=>import("./index.html.12be6a7f.js"),[])),"v-7b8ebb95":U(()=>b(()=>import("./index.html.4daa8387.js"),[])),"v-4fb3c888":U(()=>b(()=>import("./index.html.85a7dbbc.js"),[])),"v-6b7a613f":U(()=>b(()=>import("./index.html.67230069.js"),[])),"v-4dd8166f":U(()=>b(()=>import("./index.html.1ff6b8c6.js"),[])),"v-cb81e678":U(()=>b(()=>import("./index.html.3bc945c1.js"),[])),"v-cdcc7d60":U(()=>b(()=>import("./index.html.878417fe.js"),[])),"v-0e44307f":U(()=>b(()=>import("./index.html.9659c777.js"),[])),"v-4f9aab0b":U(()=>b(()=>import("./index.html.6841933d.js"),[])),"v-676c76b0":U(()=>b(()=>import("./index.html.44f996bf.js"),[])),"v-41d7bea5":U(()=>b(()=>import("./index.html.ce247ed9.js"),[])),"v-05af0dad":U(()=>b(()=>import("./index.html.439d4e1f.js"),[])),"v-7081bdd8":U(()=>b(()=>import("./index.html.e02ccbc2.js"),[])),"v-13e4c5bc":U(()=>b(()=>import("./index.html.d2afc165.js"),[])),"v-55f83590":U(()=>b(()=>import("./index.html.4f1ec942.js"),[])),"v-010cc28e":U(()=>b(()=>import("./index.html.8ef57d8a.js"),[])),"v-28fe6b58":U(()=>b(()=>import("./index.html.6379d084.js"),[])),"v-be06058e":U(()=>b(()=>import("./index.html.0246f8c5.js"),[])),"v-761b164c":U(()=>b(()=>import("./index.html.438bdc30.js"),[])),"v-ff5878d4":U(()=>b(()=>import("./index.html.ab965f86.js"),[])),"v-2925cf37":U(()=>b(()=>import("./index.html.55513a07.js"),[])),"v-34049515":U(()=>b(()=>import("./index.html.0a24ab35.js"),[])),"v-3c50244d":U(()=>b(()=>import("./index.html.7085f0b3.js"),[])),"v-6c466d1c":U(()=>b(()=>import("./index.html.2bf1a112.js"),[])),"v-53866e7e":U(()=>b(()=>import("./index.html.ef780414.js"),[])),"v-1c9d7550":U(()=>b(()=>import("./index.html.07e9edcd.js"),[])),"v-f6b5b892":U(()=>b(()=>import("./index.html.4c8d4906.js"),[])),"v-4e40be9a":U(()=>b(()=>import("./index.html.6b32d7a5.js"),[])),"v-0747c4d3":U(()=>b(()=>import("./index.html.7340a244.js"),[])),"v-1675bf25":U(()=>b(()=>import("./index.html.c97307a6.js"),[])),"v-4b5bf550":U(()=>b(()=>import("./index.html.1dbcf7c1.js"),[])),"v-c7cdfcf4":U(()=>b(()=>import("./index.html.f5acaa00.js"),[])),"v-e738f4ba":U(()=>b(()=>import("./index.html.a6dc71c8.js"),[])),"v-34d9a944":U(()=>b(()=>import("./index.html.abc0caa9.js"),["assets/index.html.abc0caa9.js","assets/15.b9962096.js"])),"v-05561bcf":U(()=>b(()=>import("./index.html.10eb0892.js"),["assets/index.html.10eb0892.js","assets/21.ac207c15.js","assets/13.696f2d8d.js","assets/12.729a5149.js"])),"v-58a75c06":U(()=>b(()=>import("./index.html.a72ef214.js"),["assets/index.html.a72ef214.js","assets/21.ac207c15.js","assets/19.51ac7a7f.js","assets/12.729a5149.js"])),"v-4003505a":U(()=>b(()=>import("./index.html.67aa5b22.js"),["assets/index.html.67aa5b22.js","assets/13.696f2d8d.js","assets/19.51ac7a7f.js","assets/12.729a5149.js","assets/15.b9962096.js"])),"v-3851b32c":U(()=>b(()=>import("./index.html.e23c8e52.js"),["assets/index.html.e23c8e52.js","assets/13.d90b29ee.js"])),"v-74e30a94":U(()=>b(()=>import("./index.html.22927a25.js"),["assets/index.html.22927a25.js","assets/13.d90b29ee.js"])),"v-09c7bd55":U(()=>b(()=>import("./index.html.c0b8879c.js"),[])),"v-c2a71fd4":U(()=>b(()=>import("./index.html.17cb6f46.js"),[])),"v-09eb19cb":U(()=>b(()=>import("./index.html.0a1b73da.js"),[])),"v-3706649a":U(()=>b(()=>import("./404.html.0f64b983.js"),[]))},Iu={404:U(()=>b(()=>import("./404.78bbd382.js"),[])),Layout:U(()=>b(()=>import("./Layout.66367551.js"),[]))};var ho=be(Zo),vo=Lr({key:"",path:"",title:"",lang:"",frontmatter:{},excerpt:"",headers:[]}),mt=be(vo),_t=()=>mt;Kl.webpackHot&&(__VUE_HMR_RUNTIME__.updatePageData=e=>{ho.value[e.key]=()=>Promise.resolve(e),e.key===mt.value.key&&(mt.value=e)});var po=Symbol(""),Et=()=>{const e=$e(po);if(!e)throw new Error("usePageFrontmatter() is called without provider.");return e},go=Symbol(""),ku=()=>{const e=$e(go);if(!e)throw new Error("usePageHead() is called without provider.");return e},Mu=Symbol(""),mo=Symbol(""),Bu=()=>{const e=$e(mo);if(!e)throw new Error("usePageLang() is called without provider.");return e},Br=Symbol(""),Tn=()=>{const e=$e(Br);if(!e)throw new Error("useRouteLocale() is called without provider.");return e},Dt=be(Su),_o=()=>Dt;Kl.webpackHot&&(__VUE_HMR_RUNTIME__.updateSiteData=e=>{Dt.value=e});var Eo=Symbol(""),$r=()=>{const e=$e(Eo);if(!e)throw new Error("useSiteLocaleData() is called without provider.");return e},$u=Symbol(""),zt=$t({resolvePageData:async e=>{const t=ho.value[e],l=await(t==null?void 0:t());return l!=null?l:vo},resolvePageFrontmatter:e=>e.frontmatter,resolvePageHead:(e,t,l)=>{const n=ye(t.description)?t.description:l.description,r=[...le(t.head)?t.head:[],...l.head,["title",{},e],["meta",{name:"description",content:n}]];return xu(r)},resolvePageHeadTitle:(e,t)=>`${e.title?`${e.title} | `:""}${t.title}`,resolvePageLang:e=>e.lang||"en",resolveRouteLocale:(e,t)=>uo(e,t),resolveSiteLocaleData:(e,t)=>({...e,...e.locales[t]})}),Vr=de({name:"ClientOnly",setup(e,t){const l=be(!1);return Ke(()=>{l.value=!0}),()=>{var n,r;return l.value?(r=(n=t.slots).default)==null?void 0:r.call(n):null}}}),Vu=de({name:"Content",props:{pageKey:{type:String,required:!1,default:""}},setup(e){const t=_t(),l=N(()=>fo[e.pageKey||t.value.key]);return()=>l.value?fe(l.value):fe("div","404 Not Found")}}),xi=de({name:"Vuepress",setup(){const e=_t(),t=N(()=>{let l;if(e.value.path){const n=e.value.frontmatter.layout;ye(n)?l=n:l="Layout"}else l="404";return Iu[l]||ht(l,!1)});return()=>fe(t.value)}}),Jl=e=>zl(e)?e:`${_o().value.base}${co(e)}`,vt=e=>e;function yo(e,t,l){var n,r,i;t===void 0&&(t=50),l===void 0&&(l={});var s=(n=l.isImmediate)!=null&&n,o=(r=l.callback)!=null&&r,a=l.maxWait,c=Date.now(),u=[];function d(){if(a!==void 0){var p=Date.now()-c;if(p+t>=a)return a-p}return t}var f=function(){var p=[].slice.call(arguments),g=this;return new Promise(function(P,w){var m=s&&i===void 0;if(i!==void 0&&clearTimeout(i),i=setTimeout(function(){if(i=void 0,c=Date.now(),!s){var R=e.apply(g,p);o&&o(R),u.forEach(function(V){return(0,V.resolve)(R)}),u=[]}},d()),m){var E=e.apply(g,p);return o&&o(E),P(E)}u.push({resolve:P,reject:w})})};return f.cancel=function(p){i!==void 0&&clearTimeout(i),u.forEach(function(g){return(0,g.reject)(p)}),u=[]},f}/*! * vue-router v4.0.15 * (c) 2022 Eduardo San Martin Morote * @license MIT */const bo=typeof Symbol=="function"&&typeof Symbol.toStringTag=="symbol",pl=e=>bo?Symbol(e):"_vr_"+e,Fu=pl("rvlm"),Ti=pl("rvd"),Dn=pl("r"),Fr=pl("rl"),fr=pl("rvl"),rl=typeof window!="undefined";function Nu(e){return e.__esModule||bo&&e[Symbol.toStringTag]==="Module"}const Ae=Object.assign;function jn(e,t){const l={};for(const n in t){const r=t[n];l[n]=Array.isArray(r)?r.map(e):e(r)}return l}const Ol=()=>{},Hu=/\/$/,ju=e=>e.replace(Hu,"");function zn(e,t,l="/"){let n,r={},i="",s="";const o=t.indexOf("?"),a=t.indexOf("#",o>-1?o:0);return o>-1&&(n=t.slice(0,o),i=t.slice(o+1,a>-1?a:t.length),r=e(i)),a>-1&&(n=n||t.slice(0,a),s=t.slice(a,t.length)),n=Ku(n!=null?n:t,l),{fullPath:n+(i&&"?")+i+s,path:n,query:r,hash:s}}function zu(e,t){const l=t.query?e(t.query):"";return t.path+(l&&"?")+l+(t.hash||"")}function Di(e,t){return!t||!e.toLowerCase().startsWith(t.toLowerCase())?e:e.slice(t.length)||"/"}function Ju(e,t,l){const n=t.matched.length-1,r=l.matched.length-1;return n>-1&&n===r&&dl(t.matched[n],l.matched[r])&&wo(t.params,l.params)&&e(t.query)===e(l.query)&&t.hash===l.hash}function dl(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function wo(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const l in e)if(!Uu(e[l],t[l]))return!1;return!0}function Uu(e,t){return Array.isArray(e)?Ii(e,t):Array.isArray(t)?Ii(t,e):e===t}function Ii(e,t){return Array.isArray(t)?e.length===t.length&&e.every((l,n)=>l===t[n]):e.length===1&&e[0]===t}function Ku(e,t){if(e.startsWith("/"))return e;if(!e)return t;const l=t.split("/"),n=e.split("/");let r=l.length-1,i,s;for(i=0;i({left:window.pageXOffset,top:window.pageYOffset});function Yu(e){let t;if("el"in e){const l=e.el,n=typeof l=="string"&&l.startsWith("#"),r=typeof l=="string"?n?document.getElementById(l.slice(1)):document.querySelector(l):l;if(!r)return;t=Qu(r,e)}else t=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(t):window.scrollTo(t.left!=null?t.left:window.pageXOffset,t.top!=null?t.top:window.pageYOffset)}function ki(e,t){return(history.state?history.state.position-t:-1)+e}const hr=new Map;function Zu(e,t){hr.set(e,t)}function Xu(e){const t=hr.get(e);return hr.delete(e),t}let ed=()=>location.protocol+"//"+location.host;function Co(e,t){const{pathname:l,search:n,hash:r}=t,i=e.indexOf("#");if(i>-1){let o=r.includes(e.slice(i))?e.slice(i).length:1,a=r.slice(o);return a[0]!=="/"&&(a="/"+a),Di(a,"")}return Di(l,e)+n+r}function td(e,t,l,n){let r=[],i=[],s=null;const o=({state:f})=>{const p=Co(e,location),g=l.value,P=t.value;let w=0;if(f){if(l.value=p,t.value=f,s&&s===g){s=null;return}w=P?f.position-P.position:0}else n(p);r.forEach(m=>{m(l.value,g,{delta:w,type:$l.pop,direction:w?w>0?xl.forward:xl.back:xl.unknown})})};function a(){s=l.value}function c(f){r.push(f);const p=()=>{const g=r.indexOf(f);g>-1&&r.splice(g,1)};return i.push(p),p}function u(){const{history:f}=window;!f.state||f.replaceState(Ae({},f.state,{scroll:In()}),"")}function d(){for(const f of i)f();i=[],window.removeEventListener("popstate",o),window.removeEventListener("beforeunload",u)}return window.addEventListener("popstate",o),window.addEventListener("beforeunload",u),{pauseListeners:a,listen:c,destroy:d}}function Mi(e,t,l,n=!1,r=!1){return{back:e,current:t,forward:l,replaced:n,position:window.history.length,scroll:r?In():null}}function ld(e){const{history:t,location:l}=window,n={value:Co(e,l)},r={value:t.state};r.value||i(n.value,{back:null,current:n.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0);function i(a,c,u){const d=e.indexOf("#"),f=d>-1?(l.host&&document.querySelector("base")?e:e.slice(d))+a:ed()+e+a;try{t[u?"replaceState":"pushState"](c,"",f),r.value=c}catch(p){console.error(p),l[u?"replace":"assign"](f)}}function s(a,c){const u=Ae({},t.state,Mi(r.value.back,a,r.value.forward,!0),c,{position:r.value.position});i(a,u,!0),n.value=a}function o(a,c){const u=Ae({},r.value,t.state,{forward:a,scroll:In()});i(u.current,u,!0);const d=Ae({},Mi(n.value,a,null),{position:u.position+1},c);i(a,d,!1),n.value=a}return{location:n,state:r,push:o,replace:s}}function nd(e){e=Wu(e);const t=ld(e),l=td(e,t.state,t.location,t.replace);function n(i,s=!0){s||l.pauseListeners(),history.go(i)}const r=Ae({location:"",base:e,go:n,createHref:Gu.bind(null,e)},t,l);return Object.defineProperty(r,"location",{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(r,"state",{enumerable:!0,get:()=>t.state.value}),r}function rd(e){return typeof e=="string"||e&&typeof e=="object"}function Ao(e){return typeof e=="string"||typeof e=="symbol"}const pt={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},Ro=pl("nf");var Bi;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(Bi||(Bi={}));function fl(e,t){return Ae(new Error,{type:e,[Ro]:!0},t)}function St(e,t){return e instanceof Error&&Ro in e&&(t==null||!!(e.type&t))}const $i="[^/]+?",id={sensitive:!1,strict:!1,start:!0,end:!0},sd=/[.+*?^${}()[\]/\\]/g;function od(e,t){const l=Ae({},id,t),n=[];let r=l.start?"^":"";const i=[];for(const c of e){const u=c.length?[]:[90];l.strict&&!c.length&&(r+="/");for(let d=0;d1&&(u.endsWith("/")?u=u.slice(0,-1):d=!0);else throw new Error(`Missing required param "${g}"`);u+=E}}return u}return{re:s,score:n,keys:i,parse:o,stringify:a}}function ad(e,t){let l=0;for(;lt.length?t.length===1&&t[0]===40+40?1:-1:0}function cd(e,t){let l=0;const n=e.score,r=t.score;for(;l1&&(a==="*"||a==="+")&&t(`A repeatable param (${c}) must be alone in its segment. eg: '/:ids+.`),i.push({type:1,value:c,regexp:u,repeatable:a==="*"||a==="+",optional:a==="*"||a==="?"})):t("Invalid state to consume buffer"),c="")}function f(){c+=a}for(;o{s(E)}:Ol}function s(u){if(Ao(u)){const d=n.get(u);d&&(n.delete(u),l.splice(l.indexOf(d),1),d.children.forEach(s),d.alias.forEach(s))}else{const d=l.indexOf(u);d>-1&&(l.splice(d,1),u.record.name&&n.delete(u.record.name),u.children.forEach(s),u.alias.forEach(s))}}function o(){return l}function a(u){let d=0;for(;d=0&&(u.record.path!==l[d].record.path||!Po(u,l[d]));)d++;l.splice(d,0,u),u.record.name&&!Vi(u)&&n.set(u.record.name,u)}function c(u,d){let f,p={},g,P;if("name"in u&&u.name){if(f=n.get(u.name),!f)throw fl(1,{location:u});P=f.record.name,p=Ae(pd(d.params,f.keys.filter(E=>!E.optional).map(E=>E.name)),u.params),g=f.stringify(p)}else if("path"in u)g=u.path,f=l.find(E=>E.re.test(g)),f&&(p=f.parse(g),P=f.record.name);else{if(f=d.name?n.get(d.name):l.find(E=>E.re.test(d.path)),!f)throw fl(1,{location:u,currentLocation:d});P=f.record.name,p=Ae({},d.params,u.params),g=f.stringify(p)}const w=[];let m=f;for(;m;)w.unshift(m.record),m=m.parent;return{name:P,path:g,params:p,matched:w,meta:_d(w)}}return e.forEach(u=>i(u)),{addRoute:i,resolve:c,removeRoute:s,getRoutes:o,getRecordMatcher:r}}function pd(e,t){const l={};for(const n of t)n in e&&(l[n]=e[n]);return l}function gd(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:md(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in e?e.components||{}:{default:e.component}}}function md(e){const t={},l=e.props||!1;if("component"in e)t.default=l;else for(const n in e.components)t[n]=typeof l=="boolean"?l:l[n];return t}function Vi(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function _d(e){return e.reduce((t,l)=>Ae(t,l.meta),{})}function Fi(e,t){const l={};for(const n in e)l[n]=n in t?t[n]:e[n];return l}function Po(e,t){return t.children.some(l=>l===e||Po(e,l))}const Lo=/#/g,Ed=/&/g,yd=/\//g,bd=/=/g,wd=/\?/g,So=/\+/g,Cd=/%5B/g,Ad=/%5D/g,Oo=/%5E/g,Rd=/%60/g,xo=/%7B/g,Pd=/%7C/g,To=/%7D/g,Ld=/%20/g;function Nr(e){return encodeURI(""+e).replace(Pd,"|").replace(Cd,"[").replace(Ad,"]")}function Sd(e){return Nr(e).replace(xo,"{").replace(To,"}").replace(Oo,"^")}function vr(e){return Nr(e).replace(So,"%2B").replace(Ld,"+").replace(Lo,"%23").replace(Ed,"%26").replace(Rd,"`").replace(xo,"{").replace(To,"}").replace(Oo,"^")}function Od(e){return vr(e).replace(bd,"%3D")}function xd(e){return Nr(e).replace(Lo,"%23").replace(wd,"%3F")}function Td(e){return e==null?"":xd(e).replace(yd,"%2F")}function pn(e){try{return decodeURIComponent(""+e)}catch{}return""+e}function Dd(e){const t={};if(e===""||e==="?")return t;const n=(e[0]==="?"?e.slice(1):e).split("&");for(let r=0;ri&&vr(i)):[n&&vr(n)]).forEach(i=>{i!==void 0&&(t+=(t.length?"&":"")+l,i!=null&&(t+="="+i))})}return t}function Id(e){const t={};for(const l in e){const n=e[l];n!==void 0&&(t[l]=Array.isArray(n)?n.map(r=>r==null?null:""+r):n==null?n:""+n)}return t}function yl(){let e=[];function t(n){return e.push(n),()=>{const r=e.indexOf(n);r>-1&&e.splice(r,1)}}function l(){e=[]}return{add:t,list:()=>e,reset:l}}function Tt(e,t,l,n,r){const i=n&&(n.enterCallbacks[r]=n.enterCallbacks[r]||[]);return()=>new Promise((s,o)=>{const a=d=>{d===!1?o(fl(4,{from:l,to:t})):d instanceof Error?o(d):rd(d)?o(fl(2,{from:t,to:d})):(i&&n.enterCallbacks[r]===i&&typeof d=="function"&&i.push(d),s())},c=e.call(n&&n.instances[r],t,l,a);let u=Promise.resolve(c);e.length<3&&(u=u.then(a)),u.catch(d=>o(d))})}function Jn(e,t,l,n){const r=[];for(const i of e)for(const s in i.components){let o=i.components[s];if(!(t!=="beforeRouteEnter"&&!i.instances[s]))if(kd(o)){const c=(o.__vccOpts||o)[t];c&&r.push(Tt(c,l,n,i,s))}else{let a=o();r.push(()=>a.then(c=>{if(!c)return Promise.reject(new Error(`Couldn't resolve component "${s}" at "${i.path}"`));const u=Nu(c)?c.default:c;i.components[s]=u;const f=(u.__vccOpts||u)[t];return f&&Tt(f,l,n,i,s)()}))}}return r}function kd(e){return typeof e=="object"||"displayName"in e||"props"in e||"__vccOpts"in e}function Hi(e){const t=$e(Dn),l=$e(Fr),n=N(()=>t.resolve(x(e.to))),r=N(()=>{const{matched:a}=n.value,{length:c}=a,u=a[c-1],d=l.matched;if(!u||!d.length)return-1;const f=d.findIndex(dl.bind(null,u));if(f>-1)return f;const p=ji(a[c-2]);return c>1&&ji(u)===p&&d[d.length-1].path!==p?d.findIndex(dl.bind(null,a[c-2])):f}),i=N(()=>r.value>-1&&Vd(l.params,n.value.params)),s=N(()=>r.value>-1&&r.value===l.matched.length-1&&wo(l.params,n.value.params));function o(a={}){return $d(a)?t[x(e.replace)?"replace":"push"](x(e.to)).catch(Ol):Promise.resolve()}return{route:n,href:N(()=>n.value.href),isActive:i,isExactActive:s,navigate:o}}const Md=de({name:"RouterLink",props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},useLink:Hi,setup(e,{slots:t}){const l=$t(Hi(e)),{options:n}=$e(Dn),r=N(()=>({[zi(e.activeClass,n.linkActiveClass,"router-link-active")]:l.isActive,[zi(e.exactActiveClass,n.linkExactActiveClass,"router-link-exact-active")]:l.isExactActive}));return()=>{const i=t.default&&t.default(l);return e.custom?i:fe("a",{"aria-current":l.isExactActive?e.ariaCurrentValue:null,href:l.href,onClick:l.navigate,class:r.value},i)}}}),Bd=Md;function $d(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){const t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}return e.preventDefault&&e.preventDefault(),!0}}function Vd(e,t){for(const l in t){const n=t[l],r=e[l];if(typeof n=="string"){if(n!==r)return!1}else if(!Array.isArray(r)||r.length!==n.length||n.some((i,s)=>i!==r[s]))return!1}return!0}function ji(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const zi=(e,t,l)=>e!=null?e:t!=null?t:l,Fd=de({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:t,slots:l}){const n=$e(fr),r=N(()=>e.route||n.value),i=$e(Ti,0),s=N(()=>r.value.matched[i]);Gt(Ti,i+1),Gt(Fu,s),Gt(fr,r);const o=be();return ct(()=>[o.value,s.value,e.name],([a,c,u],[d,f,p])=>{c&&(c.instances[u]=a,f&&f!==c&&a&&a===d&&(c.leaveGuards.size||(c.leaveGuards=f.leaveGuards),c.updateGuards.size||(c.updateGuards=f.updateGuards))),a&&c&&(!f||!dl(c,f)||!d)&&(c.enterCallbacks[u]||[]).forEach(g=>g(a))},{flush:"post"}),()=>{const a=r.value,c=s.value,u=c&&c.components[e.name],d=e.name;if(!u)return Ji(l.default,{Component:u,route:a});const f=c.props[e.name],p=f?f===!0?a.params:typeof f=="function"?f(a):f:null,P=fe(u,Ae({},p,t,{onVnodeUnmounted:w=>{w.component.isUnmounted&&(c.instances[d]=null)},ref:o}));return Ji(l.default,{Component:P,route:a})||P}}});function Ji(e,t){if(!e)return null;const l=e(t);return l.length===1?l[0]:l}const Do=Fd;function Nd(e){const t=vd(e.routes,e),l=e.parseQuery||Dd,n=e.stringifyQuery||Ni,r=e.history,i=yl(),s=yl(),o=yl(),a=Rs(pt);let c=pt;rl&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const u=jn.bind(null,A=>""+A),d=jn.bind(null,Td),f=jn.bind(null,pn);function p(A,q){let M,G;return Ao(A)?(M=t.getRecordMatcher(A),G=q):G=A,t.addRoute(G,M)}function g(A){const q=t.getRecordMatcher(A);q&&t.removeRoute(q)}function P(){return t.getRoutes().map(A=>A.record)}function w(A){return!!t.getRecordMatcher(A)}function m(A,q){if(q=Ae({},q||a.value),typeof A=="string"){const re=zn(l,A,q.path),h=t.resolve({path:re.path},q),v=r.createHref(re.fullPath);return Ae(re,h,{params:f(h.params),hash:pn(re.hash),redirectedFrom:void 0,href:v})}let M;if("path"in A)M=Ae({},A,{path:zn(l,A.path,q.path).path});else{const re=Ae({},A.params);for(const h in re)re[h]==null&&delete re[h];M=Ae({},A,{params:d(A.params)}),q.params=d(q.params)}const G=t.resolve(M,q),_e=A.hash||"";G.params=u(f(G.params));const Ee=zu(n,Ae({},A,{hash:Sd(_e),path:G.path})),ce=r.createHref(Ee);return Ae({fullPath:Ee,hash:_e,query:n===Ni?Id(A.query):A.query||{}},G,{redirectedFrom:void 0,href:ce})}function E(A){return typeof A=="string"?zn(l,A,a.value.path):Ae({},A)}function R(A,q){if(c!==A)return fl(8,{from:q,to:A})}function V(A){return B(A)}function W(A){return V(Ae(E(A),{replace:!0}))}function z(A){const q=A.matched[A.matched.length-1];if(q&&q.redirect){const{redirect:M}=q;let G=typeof M=="function"?M(A):M;return typeof G=="string"&&(G=G.includes("?")||G.includes("#")?G=E(G):{path:G},G.params={}),Ae({query:A.query,hash:A.hash,params:A.params},G)}}function B(A,q){const M=c=m(A),G=a.value,_e=A.state,Ee=A.force,ce=A.replace===!0,re=z(M);if(re)return B(Ae(E(re),{state:_e,force:Ee,replace:ce}),q||M);const h=M;h.redirectedFrom=q;let v;return!Ee&&Ju(n,G,M)&&(v=fl(16,{to:h,from:G}),Ne(G,G,!0,!1)),(v?Promise.resolve(v):Z(h,G)).catch(y=>St(y)?St(y,2)?y:xe(y):ie(y,h,G)).then(y=>{if(y){if(St(y,2))return B(Ae(E(y.to),{state:_e,force:Ee,replace:ce}),q||h)}else y=Y(h,G,!0,ce,_e);return J(h,G,y),y})}function _(A,q){const M=R(A,q);return M?Promise.reject(M):Promise.resolve()}function Z(A,q){let M;const[G,_e,Ee]=Hd(A,q);M=Jn(G.reverse(),"beforeRouteLeave",A,q);for(const re of G)re.leaveGuards.forEach(h=>{M.push(Tt(h,A,q))});const ce=_.bind(null,A,q);return M.push(ce),el(M).then(()=>{M=[];for(const re of i.list())M.push(Tt(re,A,q));return M.push(ce),el(M)}).then(()=>{M=Jn(_e,"beforeRouteUpdate",A,q);for(const re of _e)re.updateGuards.forEach(h=>{M.push(Tt(h,A,q))});return M.push(ce),el(M)}).then(()=>{M=[];for(const re of A.matched)if(re.beforeEnter&&!q.matched.includes(re))if(Array.isArray(re.beforeEnter))for(const h of re.beforeEnter)M.push(Tt(h,A,q));else M.push(Tt(re.beforeEnter,A,q));return M.push(ce),el(M)}).then(()=>(A.matched.forEach(re=>re.enterCallbacks={}),M=Jn(Ee,"beforeRouteEnter",A,q),M.push(ce),el(M))).then(()=>{M=[];for(const re of s.list())M.push(Tt(re,A,q));return M.push(ce),el(M)}).catch(re=>St(re,8)?re:Promise.reject(re))}function J(A,q,M){for(const G of o.list())G(A,q,M)}function Y(A,q,M,G,_e){const Ee=R(A,q);if(Ee)return Ee;const ce=q===pt,re=rl?history.state:{};M&&(G||ce?r.replace(A.fullPath,Ae({scroll:ce&&re&&re.scroll},_e)):r.push(A.fullPath,_e)),a.value=A,Ne(A,q,M,ce),xe()}let C;function F(){C||(C=r.listen((A,q,M)=>{const G=m(A),_e=z(G);if(_e){B(Ae(_e,{replace:!0}),G).catch(Ol);return}c=G;const Ee=a.value;rl&&Zu(ki(Ee.fullPath,M.delta),In()),Z(G,Ee).catch(ce=>St(ce,12)?ce:St(ce,2)?(B(ce.to,G).then(re=>{St(re,20)&&!M.delta&&M.type===$l.pop&&r.go(-1,!1)}).catch(Ol),Promise.reject()):(M.delta&&r.go(-M.delta,!1),ie(ce,G,Ee))).then(ce=>{ce=ce||Y(G,Ee,!1),ce&&(M.delta?r.go(-M.delta,!1):M.type===$l.pop&&St(ce,20)&&r.go(-1,!1)),J(G,Ee,ce)}).catch(Ol)}))}let k=yl(),oe=yl(),j;function ie(A,q,M){xe(A);const G=oe.list();return G.length?G.forEach(_e=>_e(A,q,M)):console.error(A),Promise.reject(A)}function ue(){return j&&a.value!==pt?Promise.resolve():new Promise((A,q)=>{k.add([A,q])})}function xe(A){return j||(j=!A,F(),k.list().forEach(([q,M])=>A?M(A):q()),k.reset()),A}function Ne(A,q,M,G){const{scrollBehavior:_e}=e;if(!rl||!_e)return Promise.resolve();const Ee=!M&&Xu(ki(A.fullPath,0))||(G||!M)&&history.state&&history.state.scroll||null;return Tr().then(()=>_e(A,q,Ee)).then(ce=>ce&&Yu(ce)).catch(ce=>ie(ce,A,q))}const We=A=>r.go(A);let Xe;const ze=new Set;return{currentRoute:a,addRoute:p,removeRoute:g,hasRoute:w,getRoutes:P,resolve:m,options:e,push:V,replace:W,go:We,back:()=>We(-1),forward:()=>We(1),beforeEach:i.add,beforeResolve:s.add,afterEach:o.add,onError:oe.add,isReady:ue,install(A){const q=this;A.component("RouterLink",Bd),A.component("RouterView",Do),A.config.globalProperties.$router=q,Object.defineProperty(A.config.globalProperties,"$route",{enumerable:!0,get:()=>x(a)}),rl&&!Xe&&a.value===pt&&(Xe=!0,V(r.location).catch(_e=>{}));const M={};for(const _e in pt)M[_e]=N(()=>a.value[_e]);A.provide(Dn,q),A.provide(Fr,$t(M)),A.provide(fr,a);const G=A.unmount;ze.add(A),A.unmount=function(){ze.delete(A),ze.size<1&&(c=pt,C&&C(),C=null,a.value=pt,Xe=!1,j=!1),G()}}}}function el(e){return e.reduce((t,l)=>t.then(()=>l()),Promise.resolve())}function Hd(e,t){const l=[],n=[],r=[],i=Math.max(t.matched.length,e.matched.length);for(let s=0;sdl(c,o))?n.push(o):l.push(o));const a=e.matched[s];a&&(t.matched.find(c=>dl(c,a))||r.push(a))}return[l,n,r]}function Zt(){return $e(Dn)}function Vt(){return $e(Fr)}const jd=({headerLinkSelector:e,headerAnchorSelector:t,delay:l,offset:n=5})=>{const r=Zt(),i=_t(),o=yo(()=>{var P,w,m,E;const a=Array.from(document.querySelectorAll(e)),u=Array.from(document.querySelectorAll(t)).filter(R=>a.some(V=>V.hash===R.hash)),d=Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop),f=window.innerHeight+d,p=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight),g=Math.abs(p-f)=((w=(P=V.parentElement)==null?void 0:P.offsetTop)!=null?w:0)-n,B=!W||d<((E=(m=W.parentElement)==null?void 0:m.offsetTop)!=null?E:0)-n;if(!(z&&B))continue;const Z=decodeURIComponent(r.currentRoute.value.hash),J=decodeURIComponent(V.hash);if(Z===J)return;if(g){for(let Y=R+1;Y{o(),window.addEventListener("scroll",o)}),Ln(()=>{window.removeEventListener("scroll",o)}),ct(()=>i.value.path,o)},zd=async(e,...t)=>{const{scrollBehavior:l}=e.options;e.options.scrollBehavior=void 0,await e.replace(...t).finally(()=>e.options.scrollBehavior=l)},Jd="a.sidebar-item",Ud=".header-anchor",Kd=300,Wd=5;var qd=vt({setup(){jd({headerLinkSelector:Jd,headerAnchorSelector:Ud,delay:Kd,offset:Wd})}});const Ui=()=>window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,Gd=()=>window.scrollTo({top:0,behavior:"smooth"});const Qd=de({name:"BackToTop",setup(){const e=be(0),t=N(()=>e.value>300),l=yo(()=>{e.value=Ui()},100);Ke(()=>{e.value=Ui(),window.addEventListener("scroll",()=>l())});const n=fe("div",{class:"back-to-top",onClick:Gd});return()=>fe(jl,{name:"back-to-top"},()=>t.value?n:null)}});var Yd=vt({rootComponents:[Qd]});const Zd=fe("svg",{class:"external-link-icon",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"},[fe("path",{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}),fe("polygon",{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"})]),Xd=de({name:"ExternalLinkIcon",props:{locales:{type:Object,required:!1,default:()=>({})}},setup(e){const t=Tn(),l=N(()=>{var n;return(n=e.locales[t.value])!=null?n:{openInNewWindow:"open in new window"}});return()=>fe("span",[Zd,fe("span",{class:"external-link-icon-sr-only"},l.value.openInNewWindow)])}}),ef={"/":{openInNewWindow:"open in new window"}};var tf=vt({enhance({app:e}){e.component("ExternalLinkIcon",fe(Xd,{locales:ef}))}});/*! medium-zoom 1.0.6 | MIT License | https://github.com/francoischalifour/medium-zoom */var Jt=Object.assign||function(e){for(var t=1;t1&&arguments[1]!==void 0?arguments[1]:{},n=window.Promise||function(C){function F(){}C(F,F)},r=function(C){var F=C.target;if(F===Z){g();return}R.indexOf(F)!==-1&&P({target:F})},i=function(){if(!(W||!_.original)){var C=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(z-C)>B.scrollOffset&&setTimeout(g,150)}},s=function(C){var F=C.key||C.keyCode;(F==="Escape"||F==="Esc"||F===27)&&g()},o=function(){var C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},F=C;if(C.background&&(Z.style.background=C.background),C.container&&C.container instanceof Object&&(F.container=Jt({},B.container,C.container)),C.template){var k=nn(C.template)?C.template:document.querySelector(C.template);F.template=k}return B=Jt({},B,F),R.forEach(function(oe){oe.dispatchEvent(tl("medium-zoom:update",{detail:{zoom:J}}))}),J},a=function(){var C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return e(Jt({},B,C))},c=function(){for(var C=arguments.length,F=Array(C),k=0;k0?F.reduce(function(j,ie){return[].concat(j,Wi(ie))},[]):R;return oe.forEach(function(j){j.classList.remove("medium-zoom-image"),j.dispatchEvent(tl("medium-zoom:detach",{detail:{zoom:J}}))}),R=R.filter(function(j){return oe.indexOf(j)===-1}),J},d=function(C,F){var k=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return R.forEach(function(oe){oe.addEventListener("medium-zoom:"+C,F,k)}),V.push({type:"medium-zoom:"+C,listener:F,options:k}),J},f=function(C,F){var k=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return R.forEach(function(oe){oe.removeEventListener("medium-zoom:"+C,F,k)}),V=V.filter(function(oe){return!(oe.type==="medium-zoom:"+C&&oe.listener.toString()===F.toString())}),J},p=function(){var C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},F=C.target,k=function(){var j={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},ie=void 0,ue=void 0;if(B.container)if(B.container instanceof Object)j=Jt({},j,B.container),ie=j.width-j.left-j.right-B.margin*2,ue=j.height-j.top-j.bottom-B.margin*2;else{var xe=nn(B.container)?B.container:document.querySelector(B.container),Ne=xe.getBoundingClientRect(),We=Ne.width,Xe=Ne.height,ze=Ne.left,gl=Ne.top;j=Jt({},j,{width:We,height:Xe,left:ze,top:gl})}ie=ie||j.width-B.margin*2,ue=ue||j.height-B.margin*2;var A=_.zoomedHd||_.original,q=Ki(A)?ie:A.naturalWidth||ie,M=Ki(A)?ue:A.naturalHeight||ue,G=A.getBoundingClientRect(),_e=G.top,Ee=G.left,ce=G.width,re=G.height,h=Math.min(q,ie)/ce,v=Math.min(M,ue)/re,y=Math.min(h,v),S=(-Ee+(ie-ce)/2+B.margin+j.left)/y,L=(-_e+(ue-re)/2+B.margin+j.top)/y,T="scale("+y+") translate3d("+S+"px, "+L+"px, 0)";_.zoomed.style.transform=T,_.zoomedHd&&(_.zoomedHd.style.transform=T)};return new n(function(oe){if(F&&R.indexOf(F)===-1){oe(J);return}var j=function We(){W=!1,_.zoomed.removeEventListener("transitionend",We),_.original.dispatchEvent(tl("medium-zoom:opened",{detail:{zoom:J}})),oe(J)};if(_.zoomed){oe(J);return}if(F)_.original=F;else if(R.length>0){var ie=R;_.original=ie[0]}else{oe(J);return}if(_.original.dispatchEvent(tl("medium-zoom:open",{detail:{zoom:J}})),z=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,W=!0,_.zoomed=rf(_.original),document.body.appendChild(Z),B.template){var ue=nn(B.template)?B.template:document.querySelector(B.template);_.template=document.createElement("div"),_.template.appendChild(ue.content.cloneNode(!0)),document.body.appendChild(_.template)}if(document.body.appendChild(_.zoomed),window.requestAnimationFrame(function(){document.body.classList.add("medium-zoom--opened")}),_.original.classList.add("medium-zoom-image--hidden"),_.zoomed.classList.add("medium-zoom-image--opened"),_.zoomed.addEventListener("click",g),_.zoomed.addEventListener("transitionend",j),_.original.getAttribute("data-zoom-src")){_.zoomedHd=_.zoomed.cloneNode(),_.zoomedHd.removeAttribute("srcset"),_.zoomedHd.removeAttribute("sizes"),_.zoomedHd.src=_.zoomed.getAttribute("data-zoom-src"),_.zoomedHd.onerror=function(){clearInterval(xe),console.warn("Unable to reach the zoom image target "+_.zoomedHd.src),_.zoomedHd=null,k()};var xe=setInterval(function(){_.zoomedHd.complete&&(clearInterval(xe),_.zoomedHd.classList.add("medium-zoom-image--opened"),_.zoomedHd.addEventListener("click",g),document.body.appendChild(_.zoomedHd),k())},10)}else if(_.original.hasAttribute("srcset")){_.zoomedHd=_.zoomed.cloneNode(),_.zoomedHd.removeAttribute("sizes"),_.zoomedHd.removeAttribute("loading");var Ne=_.zoomedHd.addEventListener("load",function(){_.zoomedHd.removeEventListener("load",Ne),_.zoomedHd.classList.add("medium-zoom-image--opened"),_.zoomedHd.addEventListener("click",g),document.body.appendChild(_.zoomedHd),k()})}else k()})},g=function(){return new n(function(C){if(W||!_.original){C(J);return}var F=function k(){_.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(_.zoomed),_.zoomedHd&&document.body.removeChild(_.zoomedHd),document.body.removeChild(Z),_.zoomed.classList.remove("medium-zoom-image--opened"),_.template&&document.body.removeChild(_.template),W=!1,_.zoomed.removeEventListener("transitionend",k),_.original.dispatchEvent(tl("medium-zoom:closed",{detail:{zoom:J}})),_.original=null,_.zoomed=null,_.zoomedHd=null,_.template=null,C(J)};W=!0,document.body.classList.remove("medium-zoom--opened"),_.zoomed.style.transform="",_.zoomedHd&&(_.zoomedHd.style.transform=""),_.template&&(_.template.style.transition="opacity 150ms",_.template.style.opacity=0),_.original.dispatchEvent(tl("medium-zoom:close",{detail:{zoom:J}})),_.zoomed.addEventListener("transitionend",F)})},P=function(){var C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},F=C.target;return _.original?g():p({target:F})},w=function(){return B},m=function(){return R},E=function(){return _.original},R=[],V=[],W=!1,z=0,B=l,_={original:null,zoomed:null,zoomedHd:null,template:null};Object.prototype.toString.call(t)==="[object Object]"?B=t:(t||typeof t=="string")&&c(t),B=Jt({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},B);var Z=nf(B.background);document.addEventListener("click",r),document.addEventListener("keyup",s),document.addEventListener("scroll",i),window.addEventListener("resize",g);var J={open:p,close:g,toggle:P,update:o,clone:a,attach:c,detach:u,on:d,off:f,getOptions:w,getImages:m,getZoomedImage:E};return J};function of(e,t){t===void 0&&(t={});var l=t.insertAt;if(!(!e||typeof document=="undefined")){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",l==="top"&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}var af=".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}";of(af);var cf=sf;const uf=Symbol("mediumZoom");const df=".theme-default-content > img, .theme-default-content :not(a) > img",ff={},hf=300;var vf=vt({enhance({app:e,router:t}){const l=cf(ff);l.refresh=(n=df)=>{l.detach(),l.attach(n)},e.provide(uf,l),t.afterEach(()=>{setTimeout(()=>l.refresh(),hf)})}});const pe={settings:{minimum:.08,easing:"ease",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,barSelector:'[role="bar"]',parent:"body",template:'
'},status:null,set:e=>{const t=pe.isStarted();e=Un(e,pe.settings.minimum,1),pe.status=e===1?null:e;const l=pe.render(!t),n=l.querySelector(pe.settings.barSelector),r=pe.settings.speed,i=pe.settings.easing;return l.offsetWidth,pf(s=>{tn(n,{transform:"translate3d("+qi(e)+"%,0,0)",transition:"all "+r+"ms "+i}),e===1?(tn(l,{transition:"none",opacity:"1"}),l.offsetWidth,setTimeout(function(){tn(l,{transition:"all "+r+"ms linear",opacity:"0"}),setTimeout(function(){pe.remove(),s()},r)},r)):setTimeout(()=>s(),r)}),pe},isStarted:()=>typeof pe.status=="number",start:()=>{pe.status||pe.set(0);const e=()=>{setTimeout(()=>{!pe.status||(pe.trickle(),e())},pe.settings.trickleSpeed)};return pe.settings.trickle&&e(),pe},done:e=>!e&&!pe.status?pe:pe.inc(.3+.5*Math.random()).set(1),inc:e=>{let t=pe.status;return t?(typeof e!="number"&&(e=(1-t)*Un(Math.random()*t,.1,.95)),t=Un(t+e,0,.994),pe.set(t)):pe.start()},trickle:()=>pe.inc(Math.random()*pe.settings.trickleRate),render:e=>{if(pe.isRendered())return document.getElementById("nprogress");Gi(document.documentElement,"nprogress-busy");const t=document.createElement("div");t.id="nprogress",t.innerHTML=pe.settings.template;const l=t.querySelector(pe.settings.barSelector),n=e?"-100":qi(pe.status||0),r=document.querySelector(pe.settings.parent);return tn(l,{transition:"all 0 linear",transform:"translate3d("+n+"%,0,0)"}),r!==document.body&&Gi(r,"nprogress-custom-parent"),r==null||r.appendChild(t),t},remove:()=>{Qi(document.documentElement,"nprogress-busy"),Qi(document.querySelector(pe.settings.parent),"nprogress-custom-parent");const e=document.getElementById("nprogress");e&&gf(e)},isRendered:()=>!!document.getElementById("nprogress")},Un=(e,t,l)=>el?l:e,qi=e=>(-1+e)*100,pf=function(){const e=[];function t(){const l=e.shift();l&&l(t)}return function(l){e.push(l),e.length===1&&t()}}(),tn=function(){const e=["Webkit","O","Moz","ms"],t={};function l(s){return s.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(o,a){return a.toUpperCase()})}function n(s){const o=document.body.style;if(s in o)return s;let a=e.length;const c=s.charAt(0).toUpperCase()+s.slice(1);let u;for(;a--;)if(u=e[a]+c,u in o)return u;return s}function r(s){return s=l(s),t[s]||(t[s]=n(s))}function i(s,o,a){o=r(o),s.style[o]=a}return function(s,o){for(const a in o){const c=o[a];c!==void 0&&Object.prototype.hasOwnProperty.call(o,a)&&i(s,a,c)}}}(),Io=(e,t)=>(typeof e=="string"?e:Hr(e)).indexOf(" "+t+" ")>=0,Gi=(e,t)=>{const l=Hr(e),n=l+t;Io(l,t)||(e.className=n.substring(1))},Qi=(e,t)=>{const l=Hr(e);if(!Io(e,t))return;const n=l.replace(" "+t+" "," ");e.className=n.substring(1,n.length-1)},Hr=e=>(" "+(e.className||"")+" ").replace(/\s+/gi," "),gf=e=>{e&&e.parentNode&&e.parentNode.removeChild(e)};const mf=()=>{Ke(()=>{const e=Zt(),t=new Set;t.add(e.currentRoute.value.path),e.beforeEach(l=>{t.has(l.path)||pe.start()}),e.afterEach(l=>{t.add(l.path),pe.done()})})};var _f=vt({setup(){mf()}});const Ef={logo:"https://avatars1.githubusercontent.com/u/18749057?s=460&v=4",navbar:[{text:"Home",link:"/"},{text:"About",link:"/About/"}],sidebar:"auto",lastUpdated:!0,contributors:!1,locales:{"/":{selectLanguageName:"English"}},darkMode:!0,repo:null,selectLanguageText:"Languages",selectLanguageAriaLabel:"Select language",sidebarDepth:2,editLink:!0,editLinkText:"Edit this page",lastUpdatedText:"Last Updated",contributorsText:"Contributors",notFound:["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],backToHome:"Take me home",openInNewWindow:"open in new window",toggleDarkMode:"toggle dark mode",toggleSidebar:"toggle sidebar"},ko=be(Ef),yf=()=>ko;Kl.webpackHot&&(__VUE_HMR_RUNTIME__.updateThemeData=e=>{ko.value=e});const Mo=Symbol(""),bf=()=>{const e=$e(Mo);if(!e)throw new Error("useThemeLocaleData() is called without provider.");return e},wf=(e,t)=>{var l;return{...e,...(l=e.locales)==null?void 0:l[t]}};var Cf=vt({enhance({app:e}){const t=yf(),l=e._context.provides[Br],n=N(()=>wf(t.value,l.value));e.provide(Mo,n),Object.defineProperties(e.config.globalProperties,{$theme:{get(){return t.value}},$themeLocale:{get(){return n.value}}})}}),Pe=(e,t)=>{const l=e.__vccOpts||e;for(const[n,r]of t)l[n]=r;return l};const Af=de({name:"Badge",props:{type:{type:String,required:!1,default:"tip"},text:{type:String,required:!1,default:""},vertical:{type:String,required:!1,default:void 0}},setup(e){return(t,l)=>(D(),K("span",{class:je(["badge",e.type]),style:Vl({verticalAlign:e.vertical})},[Le(t.$slots,"default",{},()=>[wt(Te(e.text),1)])],6))}});var Rf=Pe(Af,[["__file","Badge.vue"]]);const Pf=de({name:"CodeGroup",setup(e,{slots:t}){const l=be(-1),n=be([]),r=(o=l.value)=>{o{o>0?l.value=o-1:l.value=n.value.length-1,n.value[l.value].focus()},s=(o,a)=>{o.key===" "||o.key==="Enter"?(o.preventDefault(),l.value=a):o.key==="ArrowRight"?(o.preventDefault(),r(a)):o.key==="ArrowLeft"&&(o.preventDefault(),i(a))};return()=>{var a;const o=(((a=t.default)==null?void 0:a.call(t))||[]).filter(c=>c.type.name==="CodeGroupItem").map(c=>(c.props===null&&(c.props={}),c));return o.length===0?null:(l.value<0||l.value>o.length-1?(l.value=o.findIndex(c=>c.props.active===""||c.props.active===!0),l.value===-1&&(l.value=0)):o.forEach((c,u)=>{c.props.active=u===l.value}),fe("div",{class:"code-group"},[fe("div",{class:"code-group__nav"},fe("ul",{class:"code-group__ul"},o.map((c,u)=>{const d=u===l.value;return fe("li",{class:"code-group__li"},fe("button",{ref:f=>{f&&(n.value[u]=f)},class:{"code-group__nav-tab":!0,"code-group__nav-tab-active":d},ariaPressed:d,ariaExpanded:d,onClick:()=>l.value=u,onKeydown:f=>s(f,u)},c.props.title))}))),o]))}}}),Lf=["aria-selected"],Sf=de({name:"CodeGroupItem"}),Of=de({...Sf,props:{title:{type:String,required:!0},active:{type:Boolean,required:!1,default:!1}},setup(e){return(t,l)=>(D(),K("div",{class:je(["code-group-item",{"code-group-item__active":e.active}]),"aria-selected":e.active},[Le(t.$slots,"default")],10,Lf))}});var xf=Pe(Of,[["__file","CodeGroupItem.vue"]]);function Bo(e){return ha()?(va(e),!0):!1}var Yi;const Ul=typeof window!="undefined",Tf=e=>typeof e=="string",Kn=()=>{};Ul&&((Yi=window==null?void 0:window.navigator)==null?void 0:Yi.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function Df(e,t){function l(...n){e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})}return l}const $o=e=>e();function If(e=$o){const t=be(!0);function l(){t.value=!1}function n(){t.value=!0}return{isActive:t,pause:l,resume:n,eventFilter:(...i)=>{t.value&&e(...i)}}}function kf(e,t=!0){lo()?Hs(e):t?e():Tr(e)}var Zi=Object.getOwnPropertySymbols,Mf=Object.prototype.hasOwnProperty,Bf=Object.prototype.propertyIsEnumerable,$f=(e,t)=>{var l={};for(var n in e)Mf.call(e,n)&&t.indexOf(n)<0&&(l[n]=e[n]);if(e!=null&&Zi)for(var n of Zi(e))t.indexOf(n)<0&&Bf.call(e,n)&&(l[n]=e[n]);return l};function Vf(e,t,l={}){const n=l,{eventFilter:r=$o}=n,i=$f(n,["eventFilter"]);return ct(e,Df(r,t),i)}var Ff=Object.defineProperty,Nf=Object.defineProperties,Hf=Object.getOwnPropertyDescriptors,gn=Object.getOwnPropertySymbols,Vo=Object.prototype.hasOwnProperty,Fo=Object.prototype.propertyIsEnumerable,Xi=(e,t,l)=>t in e?Ff(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,jf=(e,t)=>{for(var l in t||(t={}))Vo.call(t,l)&&Xi(e,l,t[l]);if(gn)for(var l of gn(t))Fo.call(t,l)&&Xi(e,l,t[l]);return e},zf=(e,t)=>Nf(e,Hf(t)),Jf=(e,t)=>{var l={};for(var n in e)Vo.call(e,n)&&t.indexOf(n)<0&&(l[n]=e[n]);if(e!=null&&gn)for(var n of gn(e))t.indexOf(n)<0&&Fo.call(e,n)&&(l[n]=e[n]);return l};function Uf(e,t,l={}){const n=l,{eventFilter:r}=n,i=Jf(n,["eventFilter"]),{eventFilter:s,pause:o,resume:a,isActive:c}=If(r);return{stop:Vf(e,t,zf(jf({},i),{eventFilter:s})),pause:o,resume:a,isActive:c}}function Kf(e){var t;const l=x(e);return(t=l==null?void 0:l.$el)!=null?t:l}const mn=Ul?window:void 0;Ul&&window.document;Ul&&window.navigator;Ul&&window.location;function Wf(...e){let t,l,n,r;if(Tf(e[0])?([l,n,r]=e,t=mn):[t,l,n,r]=e,!t)return Kn;let i=Kn;const s=ct(()=>Kf(t),a=>{i(),a&&(a.addEventListener(l,n,r),i=()=>{a.removeEventListener(l,n,r),i=Kn})},{immediate:!0,flush:"post"}),o=()=>{s(),i()};return Bo(o),o}function qf(e,t={}){const{window:l=mn}=t,n=Boolean(l&&"matchMedia"in l);let r;const i=be(!1),s=()=>{!n||(r||(r=l.matchMedia(e)),i.value=r.matches)};return kf(()=>{s(),r&&("addEventListener"in r?r.addEventListener("change",s):r.addListener(s),Bo(()=>{"removeEventListener"in r?r.removeEventListener("change",s):r.removeListener(s)}))}),i}const pr=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},gr="__vueuse_ssr_handlers__";pr[gr]=pr[gr]||{};const Gf=pr[gr];function Qf(e,t){return Gf[e]||t}function Yf(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"||Array.isArray(e)?"object":Number.isNaN(e)?"any":"number"}const Zf={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}};function Xf(e,t,l,n={}){var r;const{flush:i="pre",deep:s=!0,listenToStorageChanges:o=!0,writeDefaults:a=!0,shallow:c,window:u=mn,eventFilter:d,onError:f=z=>{console.error(z)}}=n,p=(c?Rs:be)(t);if(!l)try{l=Qf("getDefaultStorage",()=>{var z;return(z=mn)==null?void 0:z.localStorage})()}catch(z){f(z)}if(!l)return p;const g=x(t),P=Yf(g),w=(r=n.serializer)!=null?r:Zf[P],{pause:m,resume:E}=Uf(p,()=>R(p.value),{flush:i,deep:s,eventFilter:d});return u&&o&&Wf(u,"storage",W),W(),p;function R(z){try{z==null?l.removeItem(e):l.setItem(e,w.write(z))}catch(B){f(B)}}function V(z){if(!(z&&z.key!==e)){m();try{const B=z?z.newValue:l.getItem(e);return B==null?(a&&g!==null&&l.setItem(e,w.write(g)),g):typeof B!="string"?B:w.read(B)}catch(B){f(B)}finally{E()}}}function W(z){z&&z.key!==e||(p.value=V(z))}}function eh(e){return qf("(prefers-color-scheme: dark)",e)}var es;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(es||(es={}));const No=Symbol(""),jr=()=>{const e=$e(No);if(!e)throw new Error("useDarkMode() is called without provider.");return e},th=()=>{const e=Ue(),t=eh(),l=Xf("vuepress-color-scheme","auto"),n=N({get(){return e.value.darkMode?l.value==="auto"?t.value:l.value==="dark":!1},set(r){r===t.value?l.value="auto":l.value=r?"dark":"light"}});Gt(No,n),lh(n)},lh=e=>{const t=(l=e.value)=>{const n=window==null?void 0:window.document.querySelector("html");n==null||n.classList.toggle("dark",l)};Ke(()=>{ct(e,t,{immediate:!0})}),Sn(()=>t())},Ho=(...e)=>{const l=Zt().resolve(...e),n=l.matched[l.matched.length-1];if(!(n!=null&&n.redirect))return l;const{redirect:r}=n,i=se(r)?r(l):r,s=ye(i)?{path:i}:i;return Ho({hash:l.hash,query:l.query,params:l.params,...s})},zr=e=>{const t=Ho(encodeURI(e));return{text:t.meta.title||e,link:t.name==="404"?e:t.fullPath}};let Wn=null,bl=null;const nh={wait:()=>Wn,pending:()=>{Wn=new Promise(e=>bl=e)},resolve:()=>{bl==null||bl(),Wn=null,bl=null}},jo=()=>nh,zo=Symbol("sidebarItems"),Jr=()=>{const e=$e(zo);if(!e)throw new Error("useSidebarItems() is called without provider.");return e},rh=()=>{const e=Ue(),t=Et(),l=N(()=>ih(t.value,e.value));Gt(zo,l)},ih=(e,t)=>{var r,i,s,o;const l=(i=(r=e.sidebar)!=null?r:t.sidebar)!=null?i:"auto",n=(o=(s=e.sidebarDepth)!=null?s:t.sidebarDepth)!=null?o:2;return e.home||l===!1?[]:l==="auto"?oh(n):le(l)?Jo(l,n):Mr(l)?ah(l,n):[]},sh=(e,t)=>({text:e.title,link:`#${e.slug}`,children:Ur(e.children,t)}),Ur=(e,t)=>t>0?e.map(l=>sh(l,t-1)):[],oh=e=>{const t=_t();return[{text:t.value.title,children:Ur(t.value.headers,e)}]},Jo=(e,t)=>{const l=Vt(),n=_t(),r=i=>{var o;let s;if(ye(i)?s=zr(i):s=i,s.children)return{...s,children:s.children.map(a=>r(a))};if(s.link===l.path){const a=((o=n.value.headers[0])==null?void 0:o.level)===1?n.value.headers[0].children:n.value.headers;return{...s,children:Ur(a,t)}}return s};return e.map(i=>r(i))},ah=(e,t)=>{var i;const l=Vt(),n=uo(e,l.path),r=(i=e[n])!=null?i:[];return Jo(r,t)},Ue=()=>bf();var ch=vt({enhance({app:e,router:t}){e.component("Badge",Rf),e.component("CodeGroup",Pf),e.component("CodeGroupItem",xf),e.component("AutoLinkExternalIcon",()=>{const n=e.component("ExternalLinkIcon");return n?fe(n):null}),e.component("NavbarSearch",()=>{const n=e.component("Docsearch")||e.component("SearchBox");return n?fe(n):null});const l=t.options.scrollBehavior;t.options.scrollBehavior=async(...n)=>(await jo().wait(),l(...n))},setup(){th(),rh()}});const uh=e=>{if(window.dataLayer&&window.gtag)return;const t=document.createElement("script");t.src=`https://www.googletagmanager.com/gtag/js?id=${e}`,t.async=!0,document.head.appendChild(t),window.dataLayer=window.dataLayer||[],window.gtag=function(){dataLayer.push(arguments)},gtag("js",new Date),gtag("config",e)},dh="UA-113171398-2";var fh=vt({enhance(){uh(dh)}});const hh=({input:e,hotKeys:t})=>{const l=n=>{!e.value||t.value.length===0||n.target===document.body&&t.value.includes(n.key)&&(e.value.focus(),n.preventDefault())};Ke(()=>{document.addEventListener("keydown",l)}),Ln(()=>{document.removeEventListener("keydown",l)})},vh=[{title:"",headers:[],path:"/",pathLocale:"/",extraFields:[]},{title:"Today I Learned",headers:[{level:3,title:"\uC774\uB825",slug:"\u110B\u1175\u1105\u1167\u11A8",children:[]}],path:"/About/",pathLocale:"/",extraFields:[]},{title:"\uAC1C\uBC1C\uC790\uC758 \uAE00\uC4F0\uAE30",headers:[],path:"/writing/",pathLocale:"/",extraFields:[]},{title:"Start with why \uC11C\uD3C9",headers:[{level:2,title:"\uBC11\uC904 \uCE5C \uBB38\uC7A5",slug:"\u1106\u1175\u11C0\u110C\u116E\u11AF-\u110E\u1175\u11AB-\u1106\u116E\u11AB\u110C\u1161\u11BC",children:[]},{level:2,title:"\uB9AC\uBDF0",slug:"\u1105\u1175\u1107\u1172",children:[]}],path:"/Book/start-with-why/",pathLocale:"/",extraFields:[]},{title:"Gradle Wrapper",headers:[{level:2,title:"Gradle Download",slug:"gradle-download",children:[{level:3,title:"Linux & MacOS",slug:"linux-macos",children:[]},{level:3,title:"Window",slug:"window",children:[]},{level:3,title:"\uC124\uCE58 \uD655\uC778",slug:"\u1109\u1165\u11AF\u110E\u1175-\u1112\u116A\u11A8\u110B\u1175\u11AB",children:[]}]},{level:2,title:"gradlew",slug:"gradlew",children:[{level:3,title:"build.gradle \uC791\uC131",slug:"build-gradle-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]}]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/Gradle/GradleWrapper/",pathLocale:"/",extraFields:[]},{title:"Javascript \uD55C\uAE00 \uCD08\uC131\uAC80\uC0C9",headers:[],path:"/Javascript/Hangul-Consonants-Search/",pathLocale:"/",extraFields:[]},{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 \uC774\uC9C1 \uD6C4\uAE30",headers:[],path:"/Review/Turnover/",pathLocale:"/",extraFields:[]},{title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C\uB97C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC790",headers:[{level:2,title:"0. \uAC04\uB2E8\uD55C \uC694\uC57D",slug:"_0-\u1100\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AB-\u110B\u116D\u110B\u1163\u11A8",children:[]},{level:2,title:"1. \uBC88\uB729",slug:"_1-\u1107\u1165\u11AB\u1104\u1173\u11A8",children:[]},{level:2,title:"2. \uC2DC\uAC04\uD45C \uAE01\uC5B4\uC624\uAE30",slug:"_2-\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1173\u11B0\u110B\u1165\u110B\u1169\u1100\u1175",children:[]},{level:2,title:"3. FE",slug:"_3-fe",children:[{level:3,title:"\uD504\uB85C\uC81D\uD2B8 \uAD6C\uC131",slug:"\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[]},{level:3,title:"Vue3\uC758 script setup",slug:"vue3\u110B\u1174-script-setup",children:[]},{level:3,title:"\uB514\uC790\uC778\uC2DC\uC2A4\uD15C",slug:"\u1103\u1175\u110C\u1161\u110B\u1175\u11AB\u1109\u1175\u1109\u1173\u1110\u1166\u11B7",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uC800\uC7A5",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u110C\u1165\u110C\u1161\u11BC",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uACF5\uC720",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1169\u11BC\u110B\u1172",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uAC80\uC0C9",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1165\u11B7\u1109\u1162\u11A8",children:[]},{level:3,title:"Vite\uC5D0\uC11C \uD504\uB85C\uC81D\uD2B8 \uC678\uBD80 \uB370\uC774\uD130 \uC811\uADFC",slug:"vite\u110B\u1166\u1109\u1165-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110B\u116C\u1107\u116E-\u1103\u1166\u110B\u1175\u1110\u1165-\u110C\u1165\u11B8\u1100\u1173\u11AB",children:[]},{level:3,title:"\uBC30\uD3EC",slug:"\u1107\u1162\u1111\u1169",children:[]}]},{level:2,title:"4. \uD64D\uBCF4",slug:"_4-\u1112\u1169\u11BC\u1107\u1169",children:[]},{level:2,title:"\uD6C4\uAE30",slug:"\u1112\u116E\u1100\u1175",children:[]},{level:2,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}],path:"/side-project/dku-schedule-manager/",pathLocale:"/",extraFields:[]},{title:"github page\uC5D0 \uBC30\uD3EC\uD558\uAE30",headers:[{level:2,title:"1. \uBC30\uD3EC \uACFC\uC815 \uC774\uD574\uD558\uAE30",slug:"_1-\u1107\u1162\u1111\u1169-\u1100\u116A\u110C\u1165\u11BC-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"2. \uD504\uB85C\uC81D\uD2B8\uAC00 root \uAE30\uC900\uC77C \uB54C",slug:"_2-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1100\u1161-root-\u1100\u1175\u110C\u116E\u11AB\u110B\u1175\u11AF-\u1104\u1162",children:[]},{level:2,title:"3. vuepress\uAC00 root/docs \uAE30\uC900\uC77C \uB54C",slug:"_3-vuepress\u1100\u1161-root-docs-\u1100\u1175\u110C\u116E\u11AB\u110B\u1175\u11AF-\u1104\u1162",children:[]},{level:2,title:"4. Shell Script \uC2E4\uD589\uD558\uAE30",slug:"_4-shell-script-\u1109\u1175\u11AF\u1112\u1162\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"5. \uC790\uB3D9\uC73C\uB85C \uBC30\uD3EC\uD558\uAE30",slug:"_5-\u110C\u1161\u1103\u1169\u11BC\u110B\u1173\u1105\u1169-\u1107\u1162\u1111\u1169\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"6. gh-pages branch \uC5D0 commit \uAE30\uB85D \uB0A8\uAE30\uAE30",slug:"_6-gh-pages-branch-\u110B\u1166-commit-\u1100\u1175\u1105\u1169\u11A8-\u1102\u1161\u11B7\u1100\u1175\u1100\u1175",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/vuepress/Deploy/",pathLocale:"/",extraFields:[]},{title:"markdown-it-plantuml",headers:[{level:2,title:"1. Plantuml \uC18C\uAC1C",slug:"_1-plantuml-\u1109\u1169\u1100\u1162",children:[]},{level:2,title:"2. \uD50C\uB7EC\uADF8\uC778 \uC124\uCE58",slug:"_2-\u1111\u1173\u11AF\u1105\u1165\u1100\u1173\u110B\u1175\u11AB-\u1109\u1165\u11AF\u110E\u1175",children:[]},{level:2,title:"3. plantuml \uC751\uC6A9\uD558\uAE30",slug:"_3-plantuml-\u110B\u1173\u11BC\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/vuepress/Plantuml/",pathLocale:"/",extraFields:[]},{title:"Vuepress \uC2DC\uC791\uD558\uAE30",headers:[{level:2,title:"Static Site Generator",slug:"static-site-generator",children:[{level:3,title:"\uB3D9\uC801 \uC0AC\uC774\uD2B8(Dynamic Site)",slug:"\u1103\u1169\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-dynamic-site",children:[]},{level:3,title:"\uC815\uC801 \uC0AC\uC774\uD2B8(Static Site)",slug:"\u110C\u1165\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-static-site",children:[]},{level:3,title:"\uC815\uC801 \uC0AC\uC774\uD2B8 \uC0DD\uC131\uAE30(SSG, Static Site Generator)",slug:"\u110C\u1165\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-\u1109\u1162\u11BC\u1109\u1165\u11BC\u1100\u1175-ssg-static-site-generator",children:[]}]},{level:2,title:"VuePress \uC2DC\uC791\uD558\uAE30",slug:"vuepress-\u1109\u1175\u110C\u1161\u11A8\u1112\u1161\u1100\u1175-1",children:[{level:3,title:"install",slug:"install",children:[]}]},{level:2,title:"config",slug:"config",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/vuepress/Starter/",pathLocale:"/",extraFields:[]},{title:"VuePress \uD14C\uB9C8 \uC124\uC815",headers:[{level:2,title:"Using Theme",slug:"using-theme",children:[]},{level:2,title:"Vuepress Theme \uC9C1\uC811 \uB9CC\uB4E4\uAE30",slug:"vuepress-theme-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[{level:3,title:"Theme Directory Structure",slug:"theme-directory-structure",children:[]},{level:3,title:"VuePress \uAD00\uB828 computed \uBCC0\uC218",slug:"vuepress-\u1100\u116A\u11AB\u1105\u1167\u11AB-computed-\u1107\u1167\u11AB\u1109\u116E",children:[]},{level:3,title:"Theme\uB97C \uC9C1\uC811 \uB9CC\uB4E4 \uB54C\uC758 \uBB38\uC81C\uC810",slug:"theme\u1105\u1173\u11AF-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AF-\u1104\u1162\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Theme Extend",slug:"theme-extend",children:[]},{level:2,title:"Theme Eject",slug:"theme-eject",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/vuepress/Theme/",pathLocale:"/",extraFields:[]},{title:"Vuepress + Utterances",headers:[{level:2,title:"1. Utterances Install",slug:"_1-utterances-install",children:[{level:3,title:"Repository",slug:"repository",children:[]}]},{level:2,title:"2. VuePress\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"_2-vuepress\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[{level:3,title:"\uD604\uC7AC Theme\uC5D0 Extend\uD558\uC5EC \uC801\uC6A9\uD558\uAE30",slug:"\u1112\u1167\u11AB\u110C\u1162-theme\u110B\u1166-extend\u1112\u1161\u110B\u1167-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC9C1\uC811 \uB9CC\uB4E0 Theme\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AB-theme\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"md \uD30C\uC77C\uC5D0 \uC9C1\uC811 \uB123\uAE30",slug:"md-\u1111\u1161\u110B\u1175\u11AF\u110B\u1166-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1102\u1165\u11C2\u1100\u1175",children:[]}]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/vuepress/Utterances/",pathLocale:"/",extraFields:[]},{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)",headers:[{level:2,title:"\uCC45 \uC77D\uB294 \uC18C\uB144",slug:"\u110E\u1162\u11A8-\u110B\u1175\u11B0\u1102\u1173\u11AB-\u1109\u1169\u1102\u1167\u11AB",children:[]},{level:2,title:"\uD504\uB85C\uADF8\uB798\uBA38\uAC00 \uB418\uACE0 \uC2F6\uB2E4",slug:"\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1100\u1161-\u1103\u116C\u1100\u1169-\u1109\u1175\u11C1\u1103\u1161",children:[]},{level:2,title:"\uACF5\uBD80\uB77C\uB294\uAC78 \uC870\uAE08\uC774\uB77C\uB3C4 \uD558\uAC8C \uB418\uC5C8\uB2E4.",slug:"\u1100\u1169\u11BC\u1107\u116E\u1105\u1161\u1102\u1173\u11AB\u1100\u1165\u11AF-\u110C\u1169\u1100\u1173\u11B7\u110B\u1175\u1105\u1161\u1103\u1169-\u1112\u1161\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1103\u1161",children:[]},{level:2,title:"\uAC8C\uC784\uC5D0 \uC81C\uB300\uB85C \uBE60\uC84C\uB2E4.",slug:"\u1100\u1166\u110B\u1175\u11B7\u110B\u1166-\u110C\u1166\u1103\u1162\u1105\u1169-\u1108\u1161\u110C\u1167\u11BB\u1103\u1161",children:[]}],path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/",pathLocale:"/",extraFields:[]},{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)",headers:[{level:2,title:"\uAE30\uB2A5\uBC18, \uADF8\uB9AC\uACE0 \uCCAB \uB300\uD68C",slug:"\u1100\u1175\u1102\u1173\u11BC\u1107\u1161\u11AB-\u1100\u1173\u1105\u1175\u1100\u1169-\u110E\u1165\u11BA-\u1103\u1162\u1112\u116C",children:[]},{level:2,title:"\uBC29\uD669",slug:"\u1107\u1161\u11BC\u1112\u116A\u11BC",children:[]}],path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/",pathLocale:"/",extraFields:[]},{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)",headers:[{level:2,title:"\uAE09\uC131\uC7A5",slug:"\u1100\u1173\u11B8\u1109\u1165\u11BC\u110C\u1161\u11BC",children:[]},{level:2,title:"\uC720\uBC30",slug:"\u110B\u1172\u1107\u1162",children:[]},{level:2,title:"\uC9C0\uBC29\uB300\uD68C \uC785\uC0C1",slug:"\u110C\u1175\u1107\u1161\u11BC\u1103\u1162\u1112\u116C-\u110B\u1175\u11B8\u1109\u1161\u11BC",children:[]},{level:2,title:"\uD559\uAD50 \uACF5\uBD80",slug:"\u1112\u1161\u11A8\u1100\u116D-\u1100\u1169\u11BC\u1107\u116E",children:[]},{level:2,title:"\uC804\uAD6D\uB300\uD68C \uC900\uBE44",slug:"\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C-\u110C\u116E\u11AB\u1107\u1175",children:[{level:3,title:"\uB514\uC790\uC778",slug:"\u1103\u1175\u110C\u1161\u110B\u1175\u11AB",children:[]},{level:3,title:"\uD50C\uB798\uC2DC",slug:"\u1111\u1173\u11AF\u1105\u1162\u1109\u1175",children:[]},{level:3,title:"\uC720\uBB3C \uBCF5\uC6D0",slug:"\u110B\u1172\u1106\u116E\u11AF-\u1107\u1169\u11A8\u110B\u116F\u11AB",children:[]},{level:3,title:"\uC57D\uAC04\uC758 \uC370",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u110A\u1165\u11AF",children:[]}]},{level:2,title:"\uC804\uAD6D\uB300\uD68C",slug:"\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C",children:[]}],path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",pathLocale:"/",extraFields:[]},{title:"2021 \uC0C8\uD574 \uACC4\uD68D",headers:[{level:2,title:"1. \uC77C\uC77C \uCEE4\uBC0B \uB300\uC2E0 \uC77C\uC77C \uC601\uC5B4",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA-\u1103\u1162\u1109\u1175\u11AB-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110B\u1167\u11BC\u110B\u1165",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8",children:[]}]},{level:2,title:"2. \uAC1C\uBC1C \uC11C\uC801 \uC704\uC8FC\uC758 \uACF5\uBD80",slug:"_2-\u1100\u1162\u1107\u1161\u11AF-\u1109\u1165\u110C\u1165\u11A8-\u110B\u1171\u110C\u116E\u110B\u1174-\u1100\u1169\u11BC\u1107\u116E",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-1",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-1",children:[]}]},{level:2,title:"3. \uC800\uCD95",slug:"_3-\u110C\u1165\u110E\u116E\u11A8",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-2",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-2",children:[]}]},{level:2,title:"4. \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8",slug:"_4-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-3",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-3",children:[]}]},{level:2,title:"5. \uC2A4\uD130\uB514 \uC6B4\uC601",slug:"_5-\u1109\u1173\u1110\u1165\u1103\u1175-\u110B\u116E\u11AB\u110B\u1167\u11BC",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-4",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-4",children:[]}]},{level:2,title:"6. \uAE30\uD0C0",slug:"_6-\u1100\u1175\u1110\u1161",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/writing/02-2021-%EA%B3%84%ED%9A%8D/",pathLocale:"/",extraFields:[]},{title:"\uC0DD\uAC01\uC815\uB9AC",headers:[{level:2,title:"\uD559\uAD50, \uAC10\uC625, \uADF8\uB9AC\uACE0 \uC790\uC874\uAC10",slug:"\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11B7\u110B\u1169\u11A8-\u1100\u1173\u1105\u1175\u1100\u1169-\u110C\u1161\u110C\u1169\u11AB\u1100\u1161\u11B7",children:[]},{level:2,title:"\uBD80\uB3D9\uC0B0",slug:"\u1107\u116E\u1103\u1169\u11BC\u1109\u1161\u11AB",children:[]},{level:2,title:"\uC8FC\uC2DD",slug:"\u110C\u116E\u1109\u1175\u11A8",children:[]},{level:2,title:"\uC5F0\uC560",slug:"\u110B\u1167\u11AB\u110B\u1162",children:[]},{level:2,title:"\uC774\uC0C1\uD615",slug:"\u110B\u1175\u1109\u1161\u11BC\u1112\u1167\u11BC",children:[]},{level:2,title:"\uC9C4\uB85C",slug:"\u110C\u1175\u11AB\u1105\u1169",children:[]},{level:2,title:"\uB3C5\uB9BD",slug:"\u1103\u1169\u11A8\u1105\u1175\u11B8",children:[]},{level:2,title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC",slug:"\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u1109\u1169\u1111\u1173\u1110\u1173\u110B\u1170\u110B\u1165\u1112\u1161\u11A8\u1100\u116A",children:[]},{level:2,title:"\uCF54\uB85C\uB098",slug:"\u110F\u1169\u1105\u1169\u1102\u1161",children:[]}],path:"/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/",pathLocale:"/",extraFields:[]},{title:"2023\uB144\uC744 \uB3CC\uC544\uBCF4\uBA70 \uC0DD\uAC01\uD55C \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uD558\uAE30",headers:[{level:2,title:"1. \uC591 \uBCF4\uB2E8 \uC9C8 \uC18D\uB3C4 \uBCF4\uB2E8 \uBC29\uD5A5 \uB113\uAC8C \uBCF4\uB2E8 \uAE4A\uC774",slug:"_1-\u110B\u1163\u11BC-\u1107\u1169\u1103\u1161\u11AB-\u110C\u1175\u11AF-\u1109\u1169\u11A8\u1103\u1169-\u1107\u1169\u1103\u1161\u11AB-\u1107\u1161\u11BC\u1112\u1163\u11BC-\u1102\u1165\u11B2\u1100\u1166-\u1107\u1169\u1103\u1161\u11AB-\u1100\u1175\u11C1\u110B\u1175",children:[{level:3,title:"(1) \uACBD\uD5D8\uC758 \uC9C8\uC774 \uC911\uC694\uD558\uB2E4",slug:"_1-\u1100\u1167\u11BC\u1112\u1165\u11B7\u110B\u1174-\u110C\u1175\u11AF\u110B\u1175-\u110C\u116E\u11BC\u110B\u116D\u1112\u1161\u1103\u1161",children:[]},{level:3,title:"(2) \uBB38\uC81C\uD574\uACB0",slug:"_2-\u1106\u116E\u11AB\u110C\u1166\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"2. \uD63C\uC790\uC11C \uD560 \uC218 \uC788\uB294 \uAC83\uACFC \uD63C\uC790\uC11C \uD560 \uC218 \uC5C6\uB294 \uAC83",slug:"_2-\u1112\u1169\u11AB\u110C\u1161\u1109\u1165-\u1112\u1161\u11AF-\u1109\u116E-\u110B\u1175\u11BB\u1102\u1173\u11AB-\u1100\u1165\u11BA\u1100\u116A-\u1112\u1169\u11AB\u110C\u1161\u1109\u1165-\u1112\u1161\u11AF-\u1109\u116E-\u110B\u1165\u11B9\u1102\u1173\u11AB-\u1100\u1165\u11BA",children:[{level:3,title:"(1) \uC18C\uD504\uD2B8\uC2A4\uD0AC",slug:"_1-\u1109\u1169\u1111\u1173\u1110\u1173\u1109\u1173\u110F\u1175\u11AF",children:[]},{level:3,title:"(2) \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uC0AC\uB78C",slug:"_2-\u1100\u1161\u11C0\u110B\u1175-\u110B\u1175\u11AF\u1112\u1161\u1100\u1169-\u1109\u1175\u11C1\u110B\u1173\u11AB-\u1109\u1161\u1105\u1161\u11B7",children:[]},{level:3,title:"(3) \uB098\uC5D0\uAC8C \uB9DE\uB294",slug:"_3-\u1102\u1161\u110B\u1166\u1100\u1166-\u1106\u1161\u11BD\u1102\u1173\u11AB",children:[]}]},{level:2,title:"3. \uD559\uC2B5 \uADF8 \uC790\uCCB4",slug:"_3-\u1112\u1161\u11A8\u1109\u1173\u11B8-\u1100\u1173-\u110C\u1161\u110E\u1166",children:[{level:3,title:"(1) \uB0B4\uAC00 \uC88B\uC544\uD558\uB294 \uACF5\uBD80 \uBC29\uBC95",slug:"_1-\u1102\u1162\u1100\u1161-\u110C\u1169\u11C2\u110B\u1161\u1112\u1161\u1102\u1173\u11AB-\u1100\u1169\u11BC\u1107\u116E-\u1107\u1161\u11BC\u1107\u1165\u11B8",children:[]},{level:3,title:"(2) \uC131\uACF5\uC758 \uBAA9\uC801\uACFC \uC218\uB2E8",slug:"_2-\u1109\u1165\u11BC\u1100\u1169\u11BC\u110B\u1174-\u1106\u1169\u11A8\u110C\u1165\u11A8\u1100\u116A-\u1109\u116E\u1103\u1161\u11AB",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[{level:3,title:"(1) \uAE4A\uC774",slug:"_1-\u1100\u1175\u11C1\u110B\u1175",children:[]},{level:3,title:"(2) \uC18C\uD504\uD2B8\uC2A4\uD0AC",slug:"_2-\u1109\u1169\u1111\u1173\u1110\u1173\u1109\u1173\u110F\u1175\u11AF",children:[]},{level:3,title:"(3) \uBA54\uD0C0\uC778\uC9C0",slug:"_3-\u1106\u1166\u1110\u1161\u110B\u1175\u11AB\u110C\u1175",children:[]}]}],path:"/writing/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%B7%A8%EC%A4%80/",pathLocale:"/",extraFields:[]},{title:"\uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uD6C4\uAE30",headers:[{level:2,title:"\uC9C4\uD589 \uACFC\uC815",slug:"\u110C\u1175\u11AB\u1112\u1162\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:2,title:"\uC5B4\uB5BB\uAC8C \uB7A0\uB9BF\uC744 \uB9CC\uB4E4\uC5C8\uC744\uAE4C?",slug:"\u110B\u1165\u1104\u1165\u11C2\u1100\u1166-\u1105\u1162\u11AF\u1105\u1175\u11BA\u110B\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u11BB\u110B\u1173\u11AF\u1101\u1161",children:[]},{level:2,title:"\uBF51\uD788\uB294 \uC8FC\uB2C8\uC5B4\uC758 \uC870\uAC74",slug:"\u1108\u1169\u11B8\u1112\u1175\u1102\u1173\u11AB-\u110C\u116E\u1102\u1175\u110B\u1165\u110B\u1174-\u110C\u1169\u1100\u1165\u11AB",children:[{level:3,title:"(1) \uAC1C\uBC1C\uC790\uC758 \uB2A5\uB825\uCE58",slug:"_1-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u1102\u1173\u11BC\u1105\u1167\u11A8\u110E\u1175",children:[]},{level:3,title:"(2) \uC774\uB825\uC11C",slug:"_2-\u110B\u1175\u1105\u1167\u11A8\u1109\u1165",children:[]},{level:3,title:"(3) \uCC44\uC6A9 \uACFC\uC81C",slug:"_3-\u110E\u1162\u110B\u116D\u11BC-\u1100\u116A\u110C\u1166",children:[]},{level:3,title:"(4) \uAE30\uC220 \uBA74\uC811",slug:"_4-\u1100\u1175\u1109\u116E\u11AF-\u1106\u1167\u11AB\u110C\u1165\u11B8",children:[]},{level:3,title:"(5) \uB9C8\uC9C0\uB9C9\uC73C\uB85C, \uB098\uC758 \uC0DD\uAC01",slug:"_5-\u1106\u1161\u110C\u1175\u1106\u1161\u11A8\u110B\u1173\u1105\u1169-\u1102\u1161\u110B\u1174-\u1109\u1162\u11BC\u1100\u1161\u11A8",children:[]}]},{level:2,title:"\uB124\uD2B8\uC6CC\uD0B9",slug:"\u1102\u1166\u1110\u1173\u110B\u116F\u110F\u1175\u11BC",children:[{level:3,title:"(1) \uC5B4\uB5A4 \uC77C\uC744 \uC5BC\uB9C8\uB098 \uD588\uB098\uC694?",slug:"_1-\u110B\u1165\u1104\u1165\u11AB-\u110B\u1175\u11AF\u110B\u1173\u11AF-\u110B\u1165\u11AF\u1106\u1161\u1102\u1161-\u1112\u1162\u11BB\u1102\u1161\u110B\u116D",children:[]},{level:3,title:"(2) Vanilla Javascript\uC5D0 \uB300\uD55C \uAE00\uC744 \uC65C \uC4F0\uAC8C \uB418\uC5C8\uB098\uC694?",slug:"_2-vanilla-javascript\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1173\u11AF\u110B\u1173\u11AF-\u110B\u116B-\u110A\u1173\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1102\u1161\u110B\u116D",children:[]},{level:3,title:"(3) \uC0AC\uC6A9\uC131\uC774 \uC88B\uB2E4\uB294 \uAC83\uC744 \uC5B4\uB5BB\uAC8C \uD310\uB2E8\uD560 \uAC83\uC778\uAC00?",slug:"_3-\u1109\u1161\u110B\u116D\u11BC\u1109\u1165\u11BC\u110B\u1175-\u110C\u1169\u11C2\u1103\u1161\u1102\u1173\u11AB-\u1100\u1165\u11BA\u110B\u1173\u11AF-\u110B\u1165\u1104\u1165\u11C2\u1100\u1166-\u1111\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AF-\u1100\u1165\u11BA\u110B\u1175\u11AB\u1100\u1161",children:[]},{level:3,title:"(4) \uAC1C\uBC1C\uC790\uC758 \uC5ED\uD560\uC740 \uBB34\uC5C7\uC77C\uAE4C?",slug:"_4-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u110B\u1167\u11A8\u1112\u1161\u11AF\u110B\u1173\u11AB-\u1106\u116E\u110B\u1165\u11BA\u110B\u1175\u11AF\u1101\u1161",children:[]}]},{level:2,title:"\uB9C8\uCE58\uBA70",slug:"\u1106\u1161\u110E\u1175\u1106\u1167",children:[]}],path:"/writing/%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%8B%AC%EC%95%BC-FE-%ED%9B%84%EA%B8%B0/",pathLocale:"/",extraFields:[]},{title:"00 \uCC45 \uC18C\uAC1C | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[{level:2,title:"\uCC45\uC744 \uAD6C\uB9E4\uD558\uAC8C \uB41C \uACC4\uAE30",slug:"\u110E\u1162\u11A8\u110B\u1173\u11AF-\u1100\u116E\u1106\u1162\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1100\u1168\u1100\u1175",children:[]},{level:2,title:"\uC800\uC790 \uC18C\uAC1C",slug:"\u110C\u1165\u110C\u1161-\u1109\u1169\u1100\u1162",children:[]},{level:2,title:"\uCC45\uC744 \uC77D\uC73C\uBA74\uC11C \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uC810",slug:"\u110E\u1162\u11A8\u110B\u1173\u11AF-\u110B\u1175\u11B0\u110B\u1173\u1106\u1167\u11AB\u1109\u1165-\u110B\u1175\u11AB\u1109\u1161\u11BC-\u1100\u1175\u11C1\u110B\u1165\u11BB\u1103\u1165\u11AB-\u110C\u1165\u11B7",children:[{level:3,title:"\uC774\uD574\uD558\uAE30 \uC27D\uB3C4\uB85D \uC804\uB2EC",slug:"\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175-\u1109\u1171\u11B8\u1103\u1169\u1105\u1169\u11A8-\u110C\u1165\u11AB\u1103\u1161\u11AF",children:[]},{level:3,title:"\uC798\uBABB\uB41C \uAC1C\uB150 \uBC14\uB85C\uC7A1\uAE30",slug:"\u110C\u1161\u11AF\u1106\u1169\u11BA\u1103\u116C\u11AB-\u1100\u1162\u1102\u1167\u11B7-\u1107\u1161\u1105\u1169\u110C\u1161\u11B8\u1100\u1175",children:[]},{level:3,title:"\uC778\uAC04\uC9C0\uD5A5\uC801\uC778 \uAC1D\uCCB4\uC9C0\uD5A5",slug:"\u110B\u1175\u11AB\u1100\u1161\u11AB\u110C\u1175\u1112\u1163\u11BC\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",children:[]}]},{level:2,title:"\uACB0\uB860",slug:"\u1100\u1167\u11AF\u1105\u1169\u11AB",children:[]}],path:"/Book/OOP-Principle/00-Intro/",pathLocale:"/",extraFields:[]},{title:"01 \uC0AC\uB78C\uC744 \uC0AC\uB791\uD55C \uAE30\uC220 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[{level:2,title:"\uAE30\uACC4\uC5B4\uC5D0\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uAE4C\uC9C0",slug:"\u1100\u1175\u1100\u1168\u110B\u1165\u110B\u1166\u1109\u1165-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u1101\u1161\u110C\u1175",children:[{level:3,title:"\uAE30\uACC4\uC5B4",slug:"\u1100\u1175\u1100\u1168\u110B\u1165",children:[]},{level:3,title:"\uC5B4\uC148\uBE14\uB9AC\uC5B4",slug:"\u110B\u1165\u1109\u1166\u11B7\u1107\u1173\u11AF\u1105\u1175\u110B\u1165",children:[]},{level:3,title:"C \uC5B8\uC5B4",slug:"c-\u110B\u1165\u11AB\u110B\u1165",children:[]},{level:3,title:"C++. \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 \uD0C4\uC0DD",slug:"c-\u1100\u1162\u11A8\u110E\u1166-\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC",children:[]},{level:3,title:"Java. \uC9C4\uC815\uD55C \uAC1D\uCCB4 \uC9C0\uD5A5 \uC5B8\uC5B4",slug:"java-\u110C\u1175\u11AB\u110C\u1165\u11BC\u1112\u1161\u11AB-\u1100\u1162\u11A8\u110E\u1166-\u110C\u1175\u1112\u1163\u11BC-\u110B\u1165\u11AB\u110B\u1165",children:[]}]},{level:2,title:"\uC2A4\uD504\uB9C1 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC774\uD574\uD558\uAE30 \uC804\uC5D0",slug:"\u1109\u1173\u1111\u1173\u1105\u1175\u11BC-\u1111\u1173\u1105\u1166\u110B\u1175\u11B7\u110B\u116F\u110F\u1173\u1105\u1173\u11AF-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175-\u110C\u1165\u11AB\u110B\u1166",children:[]}],path:"/Book/OOP-Principle/01-Loved-Human/",pathLocale:"/",extraFields:[]},{title:"02 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC790\uBC14 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[{level:2,title:"Java Virtual Machine",slug:"java-virtual-machine",children:[]},{level:2,title:"Main Method\uC758 Stack Frame",slug:"main-method\u110B\u1174-stack-frame",children:[]}],path:"/Book/OOP-Principle/02-Java-As-PL/",pathLocale:"/",extraFields:[]},{title:"03 \uC790\uBC14\uC640 \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[],path:"/Book/OOP-Principle/03-Java-As-OOP/",pathLocale:"/",extraFields:[]},{title:"04 \uC790\uBC14\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[],path:"/Book/OOP-Principle/04-Extended-By-Java/",pathLocale:"/",extraFields:[]},{title:"05 \uAC1D\uCCB4 \uC9C0\uD5A5 \uC124\uACC4\uB97C \uC704\uD55C SOLID \uC6D0\uCE59 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[],path:"/Book/OOP-Principle/05-SOLID/",pathLocale:"/",extraFields:[]},{title:"06 \uC2A4\uD504\uB9C1\uC774 \uC0AC\uB791\uD55C \uB514\uC790\uC778\uD328\uD134 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[],path:"/Book/OOP-Principle/06-Design-Pattern/",pathLocale:"/",extraFields:[]},{title:"07 Spring Triangle | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[],path:"/Book/OOP-Principle/07-Spring-Triangle/",pathLocale:"/",extraFields:[]},{title:"None Blocking Javascript \uC18C\uAC1C",headers:[{level:2,title:"Javascript Pipeline",slug:"javascript-pipeline",children:[]},{level:2,title:"ECMAScript Standard",slug:"ecmascript-standard",children:[{level:3,title:"ES6",slug:"es6",children:[]},{level:3,title:"ES7",slug:"es7",children:[]},{level:3,title:"ES8",slug:"es8",children:[]},{level:3,title:"ES9",slug:"es9",children:[]},{level:3,title:"ES10",slug:"es10",children:[]},{level:3,title:"ES11(Stage11)",slug:"es11-stage11",children:[]}]},{level:2,title:"Program & Timing",slug:"program-timing",children:[]}],path:"/CodeSpitz/None-Blocking-Javascript/Intro/",pathLocale:"/",extraFields:[]},{title:"\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860",headers:[{level:2,title:"Value vs Identifier",slug:"value-vs-identifier",children:[{level:3,title:"Value\uC758 \uD2B9\uC9D5",slug:"value\u110B\u1174-\u1110\u1173\u11A8\u110C\u1175\u11BC",children:[]},{level:3,title:"Identifier\uC758 \uD2B9\uC9D5",slug:"identifier\u110B\u1174-\u1110\u1173\u11A8\u110C\u1175\u11BC",children:[]}]},{level:2,title:"Polymorphism",slug:"polymorphism",children:[]},{level:2,title:"Object Essentials",slug:"object-essentials",children:[{level:3,title:"\uB370\uC774\uD130 \uC740\uB2C9(hide state)",slug:"\u1103\u1166\u110B\u1175\u1110\u1165-\u110B\u1173\u11AB\u1102\u1175\u11A8-hide-state",children:[]},{level:3,title:"\uCEA1\uC290\uD654(encapsulation)",slug:"\u110F\u1162\u11B8\u1109\u1172\u11AF\u1112\u116A-encapsulation",children:[]},{level:3,title:"Isloation of change",slug:"isloation-of-change",children:[]}]},{level:2,title:"SOLID \uC6D0\uCE59",slug:"solid-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[{level:3,title:"S RP (Single Responsibility, \uB2E8\uC77C\uCC45\uC784) \uC6D0\uCE59",slug:"s-rp-single-responsibility-\u1103\u1161\u11AB\u110B\u1175\u11AF\u110E\u1162\u11A8\u110B\u1175\u11B7-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"O CP (Open Closed, \uAC1C\uBC29\uD3D0\uC1C4) \uC6D0\uCE59",slug:"o-cp-open-closed-\u1100\u1162\u1107\u1161\u11BC\u1111\u1168\u1109\u116B-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"L SP (Liskov Substitusion, \uC5C5\uCE90\uC2A4\uD305 \uC548\uC804) \uC6D0\uCE59",slug:"l-sp-liskov-substitusion-\u110B\u1165\u11B8\u110F\u1162\u1109\u1173\u1110\u1175\u11BC-\u110B\u1161\u11AB\u110C\u1165\u11AB-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"I SP(Interface Segregation, \uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC)",slug:"i-sp-interface-segregation-\u110B\u1175\u11AB\u1110\u1165\u1111\u1166\u110B\u1175\u1109\u1173-\u1107\u116E\u11AB\u1105\u1175",children:[]},{level:3,title:"D IP(Dependency Inversion, \uB2E4\uC6B4\uCE90\uC2A4\uD305\uAE08\uC9C0) \uC6D0\uCE59",slug:"d-ip-dependency-inversion-\u1103\u1161\u110B\u116E\u11AB\u110F\u1162\u1109\u1173\u1110\u1175\u11BC\u1100\u1173\u11B7\u110C\u1175-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}]},{level:2,title:"Message",slug:"message",children:[{level:3,title:"\uB2E8\uC77C\uCC45\uC784\uC6D0\uCE59(SRP)\uC744 \uC900\uC218\uD558\uB294 \uAC1D\uCCB4\uB9DD\uC758 \uBB38\uC81C\uB97C \uD574\uACB0",slug:"\u1103\u1161\u11AB\u110B\u1175\u11AF\u110E\u1162\u11A8\u110B\u1175\u11B7\u110B\u116F\u11AB\u110E\u1175\u11A8-srp-\u110B\u1173\u11AF-\u110C\u116E\u11AB\u1109\u116E\u1112\u1161\u1102\u1173\u11AB-\u1100\u1162\u11A8\u110E\u1166\u1106\u1161\u11BC\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u1105\u1173\u11AF-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"Dependency",slug:"dependency",children:[{level:3,title:"Dependency\uC758 \uC885\uB958",slug:"dependency\u110B\u1174-\u110C\u1169\u11BC\u1105\u1172",children:[]},{level:3,title:"Dependency Inversion (\uC758\uC874\uC131 \uC5ED\uC804)",slug:"dependency-inversion-\u110B\u1174\u110C\u1169\u11AB\u1109\u1165\u11BC-\u110B\u1167\u11A8\u110C\u1165\u11AB",children:[]}]},{level:2,title:"IoC(Inversion of Control, \uC81C\uC5B4\uC5ED\uC804)",slug:"ioc-inversion-of-control-\u110C\u1166\u110B\u1165\u110B\u1167\u11A8\u110C\u1165\u11AB",children:[]}],path:"/CodeSpitz/Object-Oriented-Javascript/01-Intro/",pathLocale:"/",extraFields:[]},{title:"MVVM System \uB9CC\uB4E4\uAE30",headers:[{level:2,title:"MVC\uC640 MVP\uC758 \uBB38\uC81C\uC810",slug:"mvc\u110B\u116A-mvp\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7",children:[{level:3,title:"MVC Pattern",slug:"mvc-pattern",children:[]},{level:3,title:"MVP Pattern",slug:"mvp-pattern",children:[]}]},{level:2,title:"MVVM\uC758 \uAC1C\uB150",slug:"mvvm\u110B\u1174-\u1100\u1162\u1102\u1167\u11B7",children:[{level:3,title:"\uC57D\uAC04\uC758 \uB09C\uC774\uB3C4 \uC870\uC815",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u1102\u1161\u11AB\u110B\u1175\u1103\u1169-\u110C\u1169\u110C\u1165\u11BC",children:[]},{level:3,title:"TypeCheck",slug:"typecheck",children:[]},{level:3,title:"Role Design",slug:"role-design",children:[]}]},{level:2,title:"Class \uC791\uC131",slug:"class-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[{level:3,title:"HTMLElement",slug:"htmlelement",children:[]},{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Binder",slug:"binder",children:[]},{level:3,title:"Scanner",slug:"scanner",children:[]}]},{level:2,title:"Client Code \uC791\uC131",slug:"client-code-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[{level:3,title:"\uC57D\uAC04 \uAC1C\uC120\uD558\uAE30",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]}]},{level:2,title:"MVVM\uC758 \uC0AC\uC6A9 \uACB0\uACFC",slug:"mvvm\u110B\u1174-\u1109\u1161\u110B\u116D\u11BC-\u1100\u1167\u11AF\u1100\u116A",children:[]}],path:"/CodeSpitz/Object-Oriented-Javascript/02-MVVM/",pathLocale:"/",extraFields:[]},{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (1)",headers:[{level:2,title:"Strategy Pattern",slug:"strategy-pattern",children:[{level:3,title:"Defined",slug:"defined",children:[]},{level:3,title:"Strategy \uBD84\uC11D \uBC0F \uCD94\uCD9C",slug:"strategy-\u1107\u116E\u11AB\u1109\u1165\u11A8-\u1106\u1175\u11BE-\u110E\u116E\u110E\u116E\u11AF",children:[]},{level:3,title:"Dependency Injection",slug:"dependency-injection",children:[]},{level:3,title:"\uC815\uB9AC",slug:"\u110C\u1165\u11BC\u1105\u1175",children:[]}]},{level:2,title:"Observer Pattern",slug:"observer-pattern",children:[{level:3,title:"Listener",slug:"listener",children:[]},{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Composite",slug:"composite",children:[]},{level:3,title:"Observer",slug:"observer",children:[]}]},{level:2,title:"Client",slug:"client",children:[{level:3,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/",pathLocale:"/",extraFields:[]},{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (2)",headers:[{level:2,title:"\uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC \uC6D0\uCE59 (ISP)",slug:"\u110B\u1175\u11AB\u1110\u1165\u1111\u1166\u110B\u1175\u1109\u1173-\u1107\u116E\u11AB\u1105\u1175-\u110B\u116F\u11AB\u110E\u1175\u11A8-isp",children:[{level:3,title:"\uC5ED\uD560\uACFC \uCC45\uC784\uC5D0 \uB530\uB978 \uBD84\uC11D",slug:"\u110B\u1167\u11A8\u1112\u1161\u11AF\u1100\u116A-\u110E\u1162\u11A8\u110B\u1175\u11B7\u110B\u1166-\u1104\u1161\u1105\u1173\u11AB-\u1107\u116E\u11AB\u1109\u1165\u11A8",children:[]},{level:3,title:"ISP \uC801\uC6A9\uD558\uAE30",slug:"isp-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"\uC12C\uC138\uD55C \uAD8C\uD55C \uC870\uC815",slug:"\u1109\u1165\u11B7\u1109\u1166\u1112\u1161\u11AB-\u1100\u116F\u11AB\u1112\u1161\u11AB-\u110C\u1169\u110C\u1165\u11BC",children:[]},{level:2,title:"Visitor Pattern",slug:"visitor-pattern",children:[]},{level:2,title:"\uCD94\uC0C1 \uACC4\uCE35 \uC77C\uCE58\uC2DC\uD0A4\uAE30",slug:"\u110E\u116E\u1109\u1161\u11BC-\u1100\u1168\u110E\u1173\u11BC-\u110B\u1175\u11AF\u110E\u1175\u1109\u1175\u110F\u1175\u1100\u1175",children:[]},{level:2,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"\uC124\uACC4 \uC885\uD569",slug:"\u1109\u1165\u11AF\u1100\u1168-\u110C\u1169\u11BC\u1112\u1161\u11B8",children:[{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Scanner",slug:"scanner",children:[]},{level:3,title:"Binder",slug:"binder",children:[]},{level:3,title:"\uD50C\uB7AB\uD3FC \uB3C5\uB9BD\uC801 \uAD6C\uC870",slug:"\u1111\u1173\u11AF\u1105\u1162\u11BA\u1111\u1169\u11B7-\u1103\u1169\u11A8\u1105\u1175\u11B8\u110C\u1165\u11A8-\u1100\u116E\u110C\u1169",children:[]}]},{level:2,title:"\uC57D\uAC04\uC758 \uB2E8\uC810",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u1103\u1161\u11AB\u110C\u1165\u11B7",children:[]}],path:"/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/",pathLocale:"/",extraFields:[]},{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (3)",headers:[{level:2,title:"ViewModelListener \uAC1C\uC120",slug:"viewmodellistener-\u1100\u1162\u1109\u1165\u11AB",children:[]},{level:2,title:"Processor \uAC1C\uC120",slug:"processor-\u1100\u1162\u1109\u1165\u11AB",children:[]},{level:2,title:"List\uB97C \uD45C\uD604\uD558\uAE30",slug:"list\u1105\u1173\u11AF-\u1111\u116D\u1112\u1167\u11AB\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"Decorator Pattern \uC801\uC6A9",slug:"decorator-pattern-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]},{level:2,title:"\uCD5C\uC885 \uCF54\uB4DC",slug:"\u110E\u116C\u110C\u1169\u11BC-\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"\uC0DD\uAC01 \uC815\uB9AC",slug:"\u1109\u1162\u11BC\u1100\u1161\u11A8-\u110C\u1165\u11BC\u1105\u1175",children:[]}],path:"/CodeSpitz/Object-Oriented-Javascript/05-Extension/",pathLocale:"/",extraFields:[]},{title:"Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30",headers:[{level:2,title:"1. \uCEF4\uD3EC\uB10C\uD2B8\uC640 \uC0C1\uD0DC\uAD00\uB9AC",slug:"_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173\u110B\u116A-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",children:[{level:3,title:"(1) \uC0C1\uD0DC\uAD00\uB9AC\uC758 \uD0C4\uC0DD",slug:"_1-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC",children:[]},{level:3,title:"(2) \uCEF4\uD3EC\uB10C\uD2B8",slug:"_2-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173",children:[]}]},{level:2,title:"2. state - setState - render",slug:"_2-state-setstate-render",children:[{level:3,title:"(1) \uAE30\uB2A5 \uAD6C\uD604",slug:"_1-\u1100\u1175\u1102\u1173\u11BC-\u1100\u116E\u1112\u1167\u11AB",children:[]},{level:3,title:"(2) \uCD94\uC0C1\uD654",slug:"_2-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]},{level:3,title:"(3) \uBAA8\uB4C8\uD654",slug:"_3-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]}]},{level:2,title:"3. \uC774\uBCA4\uD2B8 \uCC98\uB9AC",slug:"_3-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u110E\u1165\u1105\u1175",children:[{level:3,title:"(1) \uBD88\uD3B8\uD568\uC744 \uAC10\uC9C0\uD558\uAE30",slug:"_1-\u1107\u116E\u11AF\u1111\u1167\u11AB\u1112\u1161\u11B7\u110B\u1173\u11AF-\u1100\u1161\u11B7\u110C\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(2) \uC774\uBCA4\uD2B8 \uBC84\uBE14\uB9C1",slug:"_2-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1107\u1165\u1107\u1173\u11AF\u1105\u1175\u11BC",children:[]},{level:3,title:"(3) \uC774\uBCA4\uD2B8 \uBC84\uBE14\uB9C1 \uCD94\uC0C1\uD654",slug:"_3-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1107\u1165\u1107\u1173\u11AF\u1105\u1175\u11BC-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]}]},{level:2,title:"4. \uCEF4\uD3EC\uB10C\uD2B8 \uBD84\uD560\uD558\uAE30",slug:"_4-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1107\u116E\u11AB\u1112\u1161\u11AF\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) \uAE30\uB2A5 \uCD94\uAC00",slug:"_1-\u1100\u1175\u1102\u1173\u11BC-\u110E\u116E\u1100\u1161",children:[]},{level:3,title:"(2) \uD3F4\uB354 \uAD6C\uC870",slug:"_2-\u1111\u1169\u11AF\u1103\u1165-\u1100\u116E\u110C\u1169",children:[]},{level:3,title:"(3) Component Core \uBCC0\uACBD",slug:"_3-component-core-\u1107\u1167\u11AB\u1100\u1167\u11BC",children:[]},{level:3,title:"(4) Entry Point \uBCC0\uACBD",slug:"_4-entry-point-\u1107\u1167\u11AB\u1100\u1167\u11BC",children:[]},{level:3,title:"(5) \uCEF4\uD3EC\uB10C\uD2B8 \uBD84\uD560",slug:"_5-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1107\u116E\u11AB\u1112\u1161\u11AF",children:[]}]},{level:2,title:"\uB9C8\uCE58\uBA70",slug:"\u1106\u1161\u110E\u1175\u1106\u1167",children:[]},{level:2,title:"\uBD80\uB85D: \uAC19\uC774 \uBCF4\uBA74 \uC88B\uC740 \uB0B4\uC6A9",slug:"\u1107\u116E\u1105\u1169\u11A8-\u1100\u1161\u11C0\u110B\u1175-\u1107\u1169\u1106\u1167\u11AB-\u110C\u1169\u11C2\u110B\u1173\u11AB-\u1102\u1162\u110B\u116D\u11BC",children:[]}],path:"/Javascript/Design/Vanilla-JS-Component/",pathLocale:"/",extraFields:[]},{title:"Vanilla Javascript\uB85C React UseState Hook \uB9CC\uB4E4\uAE30",headers:[{level:2,title:"1. React\uC758 useState",slug:"_1-react\u110B\u1174-usestate",children:[{level:3,title:"(1) \uC758\uBB38\uC744 \uAC16\uAE30",slug:"_1-\u110B\u1174\u1106\u116E\u11AB\u110B\u1173\u11AF-\u1100\u1161\u11BD\u1100\u1175",children:[]},{level:3,title:"(2) bottom - up \uBD84\uC11D",slug:"_2-bottom-up-\u1107\u116E\u11AB\u1109\u1165\u11A8",children:[]}]},{level:2,title:"2. useState \uCD5C\uC801\uD654",slug:"_2-usestate-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[{level:3,title:"(1) \uBCC0\uACBD\uB41C \uAC12\uC774 \uC5C6\uC744 \uACBD\uC6B0",slug:"_1-\u1107\u1167\u11AB\u1100\u1167\u11BC\u1103\u116C\u11AB-\u1100\u1161\u11B9\u110B\u1175-\u110B\u1165\u11B9\u110B\u1173\u11AF-\u1100\u1167\u11BC\u110B\u116E",children:[]},{level:3,title:"(2) \uB3D9\uC2DC\uC5D0 \uC5EC\uB7EC setState\uAC00 \uC2E4\uD589\uB420 \uACBD\uC6B0",slug:"_2-\u1103\u1169\u11BC\u1109\u1175\u110B\u1166-\u110B\u1167\u1105\u1165-setstate\u1100\u1161-\u1109\u1175\u11AF\u1112\u1162\u11BC\u1103\u116C\u11AF-\u1100\u1167\u11BC\u110B\u116E",children:[]}]},{level:2,title:"3. render \uD568\uC218 \uCD94\uC0C1\uD654",slug:"_3-render-\u1112\u1161\u11B7\u1109\u116E-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]},{level:2,title:"4. \uBAA8\uB4C8\uD654",slug:"_4-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]},{level:2,title:"\uC804\uCCB4 \uC608\uC81C\uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110B\u1168\u110C\u1166\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Javascript/Design/Vanilla-JS-Make-useSate-hook/",pathLocale:"/",extraFields:[]},{title:"\uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uB9CC\uB4DC\uB294 SSR",headers:[{level:2,title:"1. SSR\uACFC CSR",slug:"_1-ssr\u1100\u116A-csr",children:[{level:3,title:"(1) SSR(Servier Side Rendering)\uC774\uB780 \uBB34\uC5C7\uC778\uAC00?",slug:"_1-ssr-servier-side-rendering-\u110B\u1175\u1105\u1161\u11AB-\u1106\u116E\u110B\u1165\u11BA\u110B\u1175\u11AB\u1100\u1161",children:[]},{level:3,title:"(2) CSR\uC758 \uB4F1\uC7A5\uD558\uAE30 \uAE4C\uC9C0",slug:"_2-csr\u110B\u1174-\u1103\u1173\u11BC\u110C\u1161\u11BC\u1112\u1161\u1100\u1175-\u1101\u1161\u110C\u1175",children:[]},{level:3,title:"(3) \uC65C SSR\uC774 \uD544\uC694\uD55C\uAC00?",slug:"_3-\u110B\u116B-ssr\u110B\u1175-\u1111\u1175\u11AF\u110B\u116D\u1112\u1161\u11AB\u1100\u1161",children:[]},{level:3,title:"(4) \uAD00\uC2EC\uC0AC \uBD84\uC11D \uBC0F \uBD84\uB9AC",slug:"_4-\u1100\u116A\u11AB\u1109\u1175\u11B7\u1109\u1161-\u1107\u116E\u11AB\u1109\u1165\u11A8-\u1106\u1175\u11BE-\u1107\u116E\u11AB\u1105\u1175",children:[]}]},{level:2,title:"3. MVVM Pattern",slug:"_3-mvvm-pattern",children:[{level:3,title:"1) Model",slug:"_1-model",children:[]},{level:3,title:"2) ViewModel",slug:"_2-viewmodel",children:[]},{level:3,title:"3) View",slug:"_3-view",children:[]},{level:3,title:"4) \uC815\uB9AC\uD558\uBA70",slug:"_4-\u110C\u1165\u11BC\u1105\u1175\u1112\u1161\u1106\u1167",children:[]}]},{level:2,title:"4. Vanilla Javascript SSR",slug:"_4-vanilla-javascript-ssr",children:[{level:3,title:"1) \uBB34\uC791\uC815 \uB9CC\uB4E4\uC5B4\uBCF4\uAE30",slug:"_1-\u1106\u116E\u110C\u1161\u11A8\u110C\u1165\u11BC-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"2) \uAD00\uC2EC\uC0AC \uBD84\uB9AC",slug:"_2-\u1100\u116A\u11AB\u1109\u1175\u11B7\u1109\u1161-\u1107\u116E\u11AB\u1105\u1175",children:[]},{level:3,title:"3) \uB370\uC774\uD130 \uCD94\uAC00/\uC0AD\uC81C",slug:"_3-\u1103\u1166\u110B\u1175\u1110\u1165-\u110E\u116E\u1100\u1161-\u1109\u1161\u11A8\u110C\u1166",children:[]}]},{level:2,title:"5. SSR\uC5D0 CSR \uB367\uBD99\uC774\uAE30 ( Hydration )",slug:"_5-ssr\u110B\u1166-csr-\u1103\u1165\u11BA\u1107\u116E\u11C0\u110B\u1175\u1100\u1175-hydration",children:[{level:3,title:"1) ssr\uC5D0\uC11C static \uD30C\uC77C \uBD88\uB7EC\uC624\uAE30",slug:"_1-ssr\u110B\u1166\u1109\u1165-static-\u1111\u1161\u110B\u1175\u11AF-\u1107\u116E\u11AF\u1105\u1165\u110B\u1169\u1100\u1175",children:[]},{level:3,title:"2) Client Side Rendering \uB367\uBD99\uC774\uAE30",slug:"_2-client-side-rendering-\u1103\u1165\u11BA\u1107\u116E\u11C0\u110B\u1175\u1100\u1175",children:[]},{level:3,title:"3) Server\uC758 \uB370\uC774\uD130\uB97C Client\uC5D0 \uB3D9\uAE30\uD654 \uD558\uAE30",slug:"_3-server\u110B\u1174-\u1103\u1166\u110B\u1175\u1110\u1165\u1105\u1173\u11AF-client\u110B\u1166-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A-\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"4) \uC591\uBC29\uD5A5 \uB3D9\uAE30\uD654 (Server \u2190\u2192 Client)",slug:"_4-\u110B\u1163\u11BC\u1107\u1161\u11BC\u1112\u1163\u11BC-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A-server-\u2190\u2192-client",children:[]},{level:3,title:"5) \uC815\uB9AC",slug:"_5-\u110C\u1165\u11BC\u1105\u1175",children:[]}]},{level:2,title:"6. Router \uB3D9\uAE30\uD654",slug:"_6-router-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"\uC18C\uC2A4\uCF54\uB4DC \uD655\uC778",slug:"\u1109\u1169\u1109\u1173\u110F\u1169\u1103\u1173-\u1112\u116A\u11A8\u110B\u1175\u11AB",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/Javascript/Design/Vanilla-JS-Server-Side-Rendering/",pathLocale:"/",extraFields:[]},{title:"Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30",headers:[{level:2,title:"1. \uC911\uC559 \uC9D1\uC911\uC2DD \uC0C1\uD0DC\uAD00\uB9AC",slug:"_1-\u110C\u116E\u11BC\u110B\u1161\u11BC-\u110C\u1175\u11B8\u110C\u116E\u11BC\u1109\u1175\u11A8-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",children:[]},{level:2,title:"2. Observer Pattern\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uAE30",slug:"_2-observer-pattern\u110B\u1166-\u1103\u1162\u1112\u1162-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) Publish",slug:"_1-publish",children:[]},{level:3,title:"(2) Subscriber",slug:"_2-subscriber",children:[]},{level:3,title:"(3) \uC801\uC6A9\uD558\uAE30",slug:"_3-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"3. \uB9AC\uD329\uD1A0\uB9C1",slug:"_3-\u1105\u1175\u1111\u1162\u11A8\u1110\u1169\u1105\u1175\u11BC",children:[{level:3,title:"(1) Object.defineProperty \uC774\uD574\uD558\uAE30",slug:"_1-object-defineproperty-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(2) \uC5EC\uB7EC \uAC1C\uC758 \uC18D\uC131 \uAD00\uB9AC\uD558\uAE30",slug:"_2-\u110B\u1167\u1105\u1165-\u1100\u1162\u110B\u1174-\u1109\u1169\u11A8\u1109\u1165\u11BC-\u1100\u116A\u11AB\u1105\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(3) \uC5EC\uB7EC \uAC1C\uC758 Observer \uAD00\uB9AC\uD558\uAE30",slug:"_3-\u110B\u1167\u1105\u1165-\u1100\u1162\u110B\u1174-observer-\u1100\u116A\u11AB\u1105\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(4) \uD568\uC218\uD654",slug:"_4-\u1112\u1161\u11B7\u1109\u116E\u1112\u116A",children:[]}]},{level:2,title:"4. DOM\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"_4-dom\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) \uC77C\uB2E8 \uAD6C\uD604\uD574\uBCF4\uAE30",slug:"_1-\u110B\u1175\u11AF\u1103\u1161\u11AB-\u1100\u116E\u1112\u1167\u11AB\u1112\u1162\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"(2) Component\uB85C \uCD94\uC0C1\uD654\uD558\uAE30",slug:"_2-component\u1105\u1169-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(3) \uACE0\uBBFC\uD574\uBCF4\uAE30",slug:"_3-\u1100\u1169\u1106\u1175\u11AB\u1112\u1162\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"(4) \uCEF4\uD3EC\uB10C\uD2B8 \uC678\uBD80\uC5D0 \uC0C1\uD0DC\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uAE30",slug:"_4-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u110B\u116C\u1107\u116E\u110B\u1166-\u1109\u1161\u11BC\u1110\u1162\u1105\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u110C\u116E\u1100\u1175",children:[]}]},{level:2,title:"5. Flux Pattern",slug:"_5-flux-pattern",children:[]},{level:2,title:"6. Vuex \uAC19\uC740 Store \uB9CC\uB4E4\uAE30",slug:"_6-vuex-\u1100\u1161\u11C0\u110B\u1173\u11AB-store-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:2,title:"7. Redux \uB9CC\uB4E4\uAE30",slug:"_7-redux-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:2,title:"8. \uC2EC\uD654\uD559\uC2B5",slug:"_8-\u1109\u1175\u11B7\u1112\u116A\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[{level:3,title:"(1) \uCD5C\uC801\uD654",slug:"_1-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[]},{level:3,title:"(2) Proxy",slug:"_2-proxy",children:[]}]},{level:2,title:"\uC800\uC7A5\uC18C",slug:"\u110C\u1165\u110C\u1161\u11BC\u1109\u1169",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/Javascript/Design/Vanilla-JS-Store/",pathLocale:"/",extraFields:[]},{title:"Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30",headers:[{level:2,title:"1. \uBE0C\uB77C\uC6B0\uC800 \uB85C\uB529 \uACFC\uC815",slug:"_1-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165-\u1105\u1169\u1103\u1175\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[{level:3,title:"(1) \uD30C\uC2F1",slug:"_1-\u1111\u1161\u1109\u1175\u11BC",children:[]},{level:3,title:"(2) \uC2A4\uD0C0\uC77C",slug:"_2-\u1109\u1173\u1110\u1161\u110B\u1175\u11AF",children:[]},{level:3,title:"(3) \uB808\uC774\uC544\uC6C3",slug:"_3-\u1105\u1166\u110B\u1175\u110B\u1161\u110B\u116E\u11BA",children:[]},{level:3,title:"(4) \uD398\uC778\uD2B8",slug:"_4-\u1111\u1166\u110B\u1175\u11AB\u1110\u1173",children:[]},{level:3,title:"(5) \uD569\uC131(Compositing)",slug:"_5-\u1112\u1161\u11B8\u1109\u1165\u11BC-compositing",children:[]}]},{level:2,title:"2. \uC131\uB2A5",slug:"_2-\u1109\u1165\u11BC\u1102\u1173\u11BC",children:[{level:3,title:"(1) Reflow, Repaint",slug:"_1-reflow-repaint",children:[]},{level:3,title:"(2) \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC81C\uC77C \uC131\uB2A5\uC744 \uB9CE\uC774 \uC7A1\uC544\uBA39\uB294 \uAC83",slug:"_2-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165\u110B\u1166\u1109\u1165-\u110C\u1166\u110B\u1175\u11AF-\u1109\u1165\u11BC\u1102\u1173\u11BC\u110B\u1173\u11AF-\u1106\u1161\u11AD\u110B\u1175-\u110C\u1161\u11B8\u110B\u1161\u1106\u1165\u11A8\u1102\u1173\u11AB-\u1100\u1165\u11BA",children:[]}]},{level:2,title:"3. \uAC00\uC0C1\uB3D4(VirtualDOM)",slug:"_3-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom",children:[{level:3,title:"(1) \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30",slug:"_1-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:3,title:"(2) JSX",slug:"_2-jsx",children:[]},{level:3,title:"(3) VirtualDOM \u2192 RealDOM",slug:"_3-virtualdom-\u2192-realdom",children:[]},{level:3,title:"(4) Diff \uC54C\uACE0\uB9AC\uC998 \uC801\uC6A9",slug:"_4-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]}]},{level:2,title:"4. VirtualDOM\uC5D0 \uB300\uD55C \uACE0\uCC30",slug:"_4-virtualdom\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u110E\u1161\u11AF",children:[{level:3,title:"(1) VirtualDOM\uC774 \uAF2D \uD544\uC694\uD55C\uAC00?",slug:"_1-virtualdom\u110B\u1175-\u1101\u1169\u11A8-\u1111\u1175\u11AF\u110B\u116D\u1112\u1161\u11AB\u1100\u1161",children:[]},{level:3,title:"(2) Diff \uC54C\uACE0\uB9AC\uC998 \uC218\uC815",slug:"_2-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u116E\u110C\u1165\u11BC",children:[]}]},{level:2,title:"5. Diff \uC54C\uACE0\uB9AC\uC998 + \uCEF4\uD3EC\uB10C\uD2B8",slug:"_5-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173",children:[{level:3,title:"(1) \uCEF4\uD3EC\uB10C\uD2B8 \uAD6C\uC131",slug:"_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[]},{level:3,title:"(2) \uC774\uBCA4\uD2B8 \uC911\uBCF5\uB4F1\uB85D \uD574\uACB0",slug:"_2-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u110C\u116E\u11BC\u1107\u1169\u11A8\u1103\u1173\u11BC\u1105\u1169\u11A8-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"\uC800\uC7A5\uC18C",slug:"\u110C\u1165\u110C\u1161\u11BC\u1109\u1169",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/Javascript/Design/Vanilla-JS-Virtual-DOM/",pathLocale:"/",extraFields:[]},{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131",headers:[],path:"/Javascript/Domain/Concurrency-Parallel/",pathLocale:"/",extraFields:[]},{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC774\uBCA4\uD2B8 \uB8E8\uD504",headers:[],path:"/Javascript/Domain/Event-Loop/",pathLocale:"/",extraFields:[]},{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8",headers:[{level:2,title:"1. \uAC1C\uB150",slug:"_1-\u1100\u1162\u1102\u1167\u11B7",children:[]},{level:2,title:"2. \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8 \uAD6C\uC131",slug:"_2-\u1109\u1175\u11AF\u1112\u1162\u11BC-\u110F\u1165\u11AB\u1110\u1166\u11A8\u1109\u1173\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[{level:3,title:"Variable Environment",slug:"variable-environment",children:[]},{level:3,title:"Lexcial Environment",slug:"lexcial-environment",children:[]}]},{level:2,title:"3. environmentRecord\uC640 Hoisting(\uD638\uC774\uC2A4\uD305)",slug:"_3-environmentrecord\u110B\u116A-hoisting-\u1112\u1169\u110B\u1175\u1109\u1173\u1110\u1175\u11BC",children:[]},{level:2,title:"4. outerEnvironmentReference\uC640 Scope",slug:"_4-outerenvironmentreference\u110B\u116A-scope",children:[]},{level:2,title:"5. this",slug:"_5-this",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/Javascript/Domain/Execution-Context/",pathLocale:"/",extraFields:[]},{title:"Non-Blocking Loop \uB9CC\uB4E4\uAE30",headers:[],path:"/Javascript/Domain/Non-Blocking-Loop/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 1\uBD84\uAE30 \uD68C\uACE0",headers:[{level:2,title:"\uAC1C\uBCC4 \uC5ED\uB7C9",slug:"\u1100\u1162\u1107\u1167\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learned",slug:"_2-today-i-learned",children:[]},{level:3,title:"3. Side Project",slug:"_3-side-project",children:[]},{level:3,title:"4. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uBC29\uBC95\uB860",slug:"_4-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1100\u1162\u1107\u1161\u11AF\u1107\u1161\u11BC\u1107\u1165\u11B8\u1105\u1169\u11AB",children:[]},{level:3,title:"5. \uC54C\uACE0\uB9AC\uC998",slug:"_5-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC678",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u116C",children:[{level:3,title:"\uC218\uC601",slug:"\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"\uC790\uBCF8\uC5D0 \uB300\uD558\uC5EC",slug:"\u110C\u1161\u1107\u1169\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u110B\u1167",children:[]}]}],path:"/Review/2020-year/01-First-Quarter/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 1\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD68C\uC0AC\uC5D0\uC11C \uC9C4\uD589 \uC911\uC774\uB358 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uB9C8\uBB34\uB9AC\uD588\uB2E4.",slug:"_1-\u1112\u116C\u1109\u1161\u110B\u1166\u1109\u1165-\u110C\u1175\u11AB\u1112\u1162\u11BC-\u110C\u116E\u11BC\u110B\u1175\u1103\u1165\u11AB-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1105\u1173\u11AF-\u1106\u1161\u1106\u116E\u1105\u1175\u1112\u1162\u11BB\u1103\u1161",children:[]},{level:3,title:"2. Markdown\uC73C\uB85C UML\uC744 \uADF8\uB9B4 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4.",slug:"_2-markdown\u110B\u1173\u1105\u1169-uml\u110B\u1173\u11AF-\u1100\u1173\u1105\u1175\u11AF-\u1109\u116E-\u110B\u1175\u11BB\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1103\u1161",children:[]},{level:3,title:"3. \uCD5C\uC885 \uBC1C\uD45C",slug:"_3-\u110E\u116C\u110C\u1169\u11BC-\u1107\u1161\u11AF\u1111\u116D",children:[]},{level:3,title:"4. \uC778\uC218\uC778\uACC4",slug:"_4-\u110B\u1175\u11AB\u1109\u116E\u110B\u1175\u11AB\u1100\u1168",children:[]},{level:3,title:"5. \uD68C\uC0AC \uAE30\uC220 \uBE14\uB85C\uADF8\uC5D0 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uC62C\uB9AC\uAE30",slug:"_5-\u1112\u116C\u1109\u1161-\u1100\u1175\u1109\u116E\u11AF-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173\u110B\u1166-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110B\u1169\u11AF\u1105\u1175\u1100\u1175",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC77C\uC77C \uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learn",slug:"_2-today-i-learn",children:[]},{level:3,title:"3. \uCF54\uB4DC \uC2A4\uD53C\uCE20 86\uAE30, \uADF8\uB9AC\uACE0 \uAC1D\uCCB4\uC9C0\uD5A5",slug:"_3-\u110F\u1169\u1103\u1173-\u1109\u1173\u1111\u1175\u110E\u1173-86\u1100\u1175-\u1100\u1173\u1105\u1175\u1100\u1169-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",children:[]},{level:3,title:"4. \uC544\uC26C\uC6B4 \uC810",slug:"_4-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/01-January/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 2\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC5C5\uBB34\uC5D0 \uC801\uC751\uD558\uB294 \uACFC\uC815",slug:"_1-\u110B\u1165\u11B8\u1106\u116E\u110B\u1166-\u110C\u1165\u11A8\u110B\u1173\u11BC\u1112\u1161\u1102\u1173\u11AB-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:3,title:"2. \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8\uC640 \uCF54\uB4DC\uB9AC\uBDF0",slug:"_2-\u1109\u1175\u11AB\u1100\u1172-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u110B\u116A-\u110F\u1169\u1103\u1173\u1105\u1175\u1107\u1172",children:[]},{level:3,title:"4. \uC7AC\uD0DD\uADFC\uBB34",slug:"_4-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"\uC5BC\uB5A8\uACB0\uC5D0 \uC9D1\uC0AC",slug:"\u110B\u1165\u11AF\u1104\u1165\u11AF\u1100\u1167\u11AF\u110B\u1166-\u110C\u1175\u11B8\u1109\u1161",children:[]},{level:3,title:"\uC218\uC601 \uC2DC\uC791",slug:"\u1109\u116E\u110B\u1167\u11BC-\u1109\u1175\u110C\u1161\u11A8",children:[]},{level:3,title:"\uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8 \uC2DC\uC791",slug:"\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1109\u1175\u110C\u1161\u11A8",children:[]},{level:3,title:"\uB3C5\uC11C - \uC2A4\uD504\uB9C1 \uC785\uBB38\uC744 \uC704\uD55C \uC790\uBC14 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC774\uD574",slug:"\u1103\u1169\u11A8\u1109\u1165-\u1109\u1173\u1111\u1173\u1105\u1175\u11BC-\u110B\u1175\u11B8\u1106\u116E\u11AB\u110B\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-\u110C\u1161\u1107\u1161-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u110B\u1175\u1112\u1162",children:[]},{level:3,title:"\uCF54\uB355",slug:"\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"\uD568\uC218\uD615 \uD504\uB85C\uADF8\uB798\uBC0D",slug:"\u1112\u1161\u11B7\u1109\u116E\u1112\u1167\u11BC-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1175\u11BC",children:[]},{level:3,title:"The Java",slug:"the-java",children:[]},{level:3,title:"\uC544\uC26C\uC6B4 \uC810",slug:"\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/02-February/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 2\uBD84\uAE30 \uD68C\uACE0",headers:[{level:2,title:"\uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learned",slug:"_2-today-i-learned",children:[]},{level:3,title:"3. Side Project",slug:"_3-side-project",children:[]},{level:3,title:"4. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uBC29\uBC95\uB860",slug:"_4-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1100\u1162\u1107\u1161\u11AF\u1107\u1161\u11BC\u1107\u1165\u11B8\u1105\u1169\u11AB",children:[]},{level:3,title:"5. \uB2E8\uAD6D\uB300\uD559\uAD50 \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_5-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"6. \uCF54\uB355",slug:"_6-\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"7. Java Clean Code TDD 8\uAE30",slug:"_7-java-clean-code-tdd-8\u1100\u1175",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC678",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u116C",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC790\uBCF8\uC5D0 \uB300\uD558\uC5EC",slug:"_2-\u110C\u1161\u1107\u1169\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u110B\u1167",children:[]},{level:3,title:"3. \uC624\uBC84\uC6CC\uCE58",slug:"_3-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/02-Second-Quarter/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 3\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC7AC\uD0DD\uADFC\uBB34",slug:"_1-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E",children:[]},{level:3,title:"2. CMS \uAC1C\uBC1C",slug:"_2-cms-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. DKU Logging Service",slug:"_1-dku-logging-service",children:[]},{level:3,title:"2. \uC54C\uACE0\uB9AC\uC998",slug:"_2-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7",children:[]},{level:3,title:"3. \uB3C5\uC11C \uC2E4\uD328",slug:"_3-\u1103\u1169\u11A8\u1109\u1165-\u1109\u1175\u11AF\u1111\u1162",children:[]},{level:3,title:"4. TIL \uC2E4\uD328",slug:"_4-til-\u1109\u1175\u11AF\u1111\u1162",children:[]},{level:3,title:"5. \uCF54\uB355 Top 10",slug:"_5-\u110F\u1169\u1103\u1165\u11A8-top-10",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/03-March/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 4\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Vue Composition API",slug:"_1-vue-composition-api",children:[]},{level:3,title:"2. \uC21C\uC815 API \uAC1C\uBC1C",slug:"_2-\u1109\u116E\u11AB\u110C\u1165\u11BC-api-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"3. DynamoDB",slug:"_3-dynamodb",children:[]},{level:3,title:"4. \uC7AC\uD0DD\uADFC\uBB34 \uC885\uB8CC",slug:"_4-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E-\u110C\u1169\u11BC\u1105\u116D",children:[]},{level:3,title:"5. \uCD1D\uC120",slug:"_5-\u110E\u1169\u11BC\u1109\u1165\u11AB",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Server Side Rendering",slug:"_1-server-side-rendering",children:[]},{level:3,title:"2. \uC624\uD508\uC18C\uC2A4 \uAE30\uC5EC \uC2DC\uB3C4",slug:"_2-\u110B\u1169\u1111\u1173\u11AB\u1109\u1169\u1109\u1173-\u1100\u1175\u110B\u1167-\u1109\u1175\u1103\u1169",children:[]},{level:3,title:"3. \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_3-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"4. \uC2A4\uD30C\uB974\uD0C0 \uCF54\uB529\uD074\uB7FD \uBA58\uD1A0 \uC2E0\uCCAD",slug:"_4-\u1109\u1173\u1111\u1161\u1105\u1173\u1110\u1161-\u110F\u1169\u1103\u1175\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8-\u1106\u1166\u11AB\u1110\u1169-\u1109\u1175\u11AB\u110E\u1165\u11BC",children:[]},{level:3,title:"5. \uC77C\uC77C\uCEE4\uBC0B\uACFC \uCF54\uB355",slug:"_5-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA\u1100\u116A-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/04-April/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 5\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. API \uAC1C\uBC1C",slug:"_1-api-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"2. \uD06C\uB86C \uC775\uC2A4\uD150\uC158 \uAC1C\uBC1C",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u110B\u1175\u11A8\u1109\u1173\u1110\u1166\u11AB\u1109\u1167\u11AB-\u1100\u1162\u1107\u1161\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"0. \uC77C\uC77C \uB77C\uC774\uD504 \uC0AC\uC774\uD074",slug:"_0-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u1105\u1161\u110B\u1175\u1111\u1173-\u1109\u1161\u110B\u1175\u110F\u1173\u11AF",children:[]},{level:3,title:"1. \uB2E8\uAD6D\uB300\uD559\uAD50 \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_1-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"2. \uC790\uBC14 \uD074\uB9B0\uCF54\uB4DC \uC218\uAC15",slug:"_2-\u110C\u1161\u1107\u1161-\u110F\u1173\u11AF\u1105\u1175\u11AB\u110F\u1169\u1103\u1173-\u1109\u116E\u1100\u1161\u11BC",children:[]},{level:3,title:"3. \uCF54\uB355",slug:"_3-\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"4. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C",slug:"_4-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C",children:[]},{level:3,title:"5. \uC218\uC601",slug:"_5-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"6. \uC544\uC26C\uC6B4 \uC810",slug:"_6-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/05-May/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 6\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. \uC758\uC0AC \uACB0\uC815 \uACFC\uC815",slug:"_2-\u110B\u1174\u1109\u1161-\u1100\u1167\u11AF\u110C\u1165\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:3,title:"3. Quality assurance",slug:"_3-quality-assurance",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Java Clean Code",slug:"_1-java-clean-code",children:[]},{level:3,title:"2. DKU Study",slug:"_2-dku-study",children:[]},{level:3,title:"3. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0",slug:"_3-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]},{level:3,title:"4. \uCF54\uB355",slug:"_4-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"\uAC1C\uBC1C\uC678",slug:"\u1100\u1162\u1107\u1161\u11AF\u110B\u116C",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC624\uBC84\uC6CC\uCE58",slug:"_2-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/06-June/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 7\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. CMS \uC791\uC5C5",slug:"_2-cms-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]},{level:3,title:"3. API \uBD84\uB9AC \uC791\uC5C5",slug:"_3-api-\u1107\u116E\u11AB\u1105\u1175-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uB514\uC2A4\uCF54\uB4DC \uBD07",slug:"_1-\u1103\u1175\u1109\u1173\u110F\u1169\u1103\u1173-\u1107\u1169\u11BA",children:[]},{level:3,title:"2. \uCE74\uCE74\uC624 \uBA74\uC811 \uC900\uBE44",slug:"_2-\u110F\u1161\u110F\u1161\u110B\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8-\u110C\u116E\u11AB\u1107\u1175",children:[]},{level:3,title:"3. Java Clean Code 9\uAE30 Reviewer",slug:"_3-java-clean-code-9\u1100\u1175-reviewer",children:[]},{level:3,title:"4. Github Contribution 3,000\uAC1C \uB2EC\uC131",slug:"_4-github-contribution-3-000\u1100\u1162-\u1103\u1161\u11AF\u1109\u1165\u11BC",children:[]}]},{level:2,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC624\uBC84\uC6CC\uCE58",slug:"_2-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/07-July/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 8\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Sentry \uC801\uC6A9",slug:"_1-sentry-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]},{level:3,title:"2. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"3. Mobile API \uBD84\uB9AC \uC774\uC804",slug:"_3-mobile-api-\u1107\u116E\u11AB\u1105\u1175-\u110B\u1175\u110C\u1165\u11AB",children:[]},{level:3,title:"4. CMS \uC791\uC5C5 (feat. Legacy)",slug:"_4-cms-\u110C\u1161\u11A8\u110B\u1165\u11B8-feat-legacy",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uCE74\uCE74\uC624 \uBA74\uC811\uAD00\uB828",slug:"_1-\u110F\u1161\u110F\u1161\u110B\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8\u1100\u116A\u11AB\u1105\u1167\u11AB",children:[]},{level:3,title:"2. Next Step Reviewer",slug:"_2-next-step-reviewer",children:[]},{level:3,title:"3. Boost Camp Reviewer",slug:"_3-boost-camp-reviewer",children:[]},{level:3,title:"4. React Study",slug:"_4-react-study",children:[]},{level:3,title:"5. DKU-STUDY",slug:"_5-dku-study",children:[]},{level:3,title:"6. \uCF54\uB355\uACFC \uC77C\uC77C\uCEE4\uBC0B",slug:"_6-\u110F\u1169\u1103\u1165\u11A8\u1100\u116A-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"7. \uC11C\uC6B8 \uB514\uC9C0\uD14D\uACE0\uB4F1\uD559\uAD50 \uAE30\uB2A5\uBC18",slug:"_7-\u1109\u1165\u110B\u116E\u11AF-\u1103\u1175\u110C\u1175\u1110\u1166\u11A8\u1100\u1169\u1103\u1173\u11BC\u1112\u1161\u11A8\u1100\u116D-\u1100\u1175\u1102\u1173\u11BC\u1107\u1161\u11AB",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/08-August/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 9\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. CMS QA",slug:"_2-cms-qa",children:[]},{level:3,title:"3. API \uAD00\uB828 \uC774\uC288 \uD574\uACB0",slug:"_3-api-\u1100\u116A\u11AB\u1105\u1167\u11AB-\u110B\u1175\u1109\u1172-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Black Coffee Study",slug:"_1-black-coffee-study",children:[]},{level:3,title:"2. \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_2-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"3. \uB125\uC2A4\uD2B8\uC2A4\uD0ED \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_3-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173\u1109\u1173\u1110\u1162\u11B8-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"4. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C - \uC804\uAD6D\uB300\uD68C",slug:"_4-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C-\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C",children:[]},{level:3,title:"5. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514",slug:"_5-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1105\u1175\u110B\u1162\u11A8\u1110\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"6. \uB124\uC774\uBC84 \uC544\uD3F4\uB85C \uCC4C\uB9B0\uC9C0",slug:"_6-\u1102\u1166\u110B\u1175\u1107\u1165-\u110B\u1161\u1111\u1169\u11AF\u1105\u1169-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]},{level:3,title:"7. \uB2E8\uAD6D\uB300 \uAC1C\uBC1C\uC790 \uC2A4\uD130\uB514",slug:"_7-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"8. \uC77C\uC77C\uCEE4\uBC0B \uBC0F \uCF54\uB355",slug:"_8-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA-\u1106\u1175\u11BE-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"\uC774\uCBE4\uC5D0\uC11C \uB3CC\uC544\uBCF4\uB294 \uC2A4\uCF00\uC974 \uC815\uB9AC",slug:"\u110B\u1175\u110D\u1173\u11B7\u110B\u1166\u1109\u1165-\u1103\u1169\u11AF\u110B\u1161\u1107\u1169\u1102\u1173\u11AB-\u1109\u1173\u110F\u1166\u110C\u1172\u11AF-\u110C\u1165\u11BC\u1105\u1175",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/09-September/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 10\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. CMS \uAC1C\uBC1C",slug:"_1-cms-\u1100\u1162\u1107\u1161\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514",slug:"_1-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1105\u1175\u110B\u1162\u11A8\u1110\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"2. \uBE14\uB799\uCEE4\uD53C \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 1\uAE30",slug:"_2-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-1\u1100\u1175",children:[]},{level:3,title:"3. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 4\uAE30 \uB9AC\uBDF0\uC5B4",slug:"_3-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-4\u1100\u1175-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"4. \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uADF8\uB9AC\uACE0 \uBC1C\uD45C",slug:"_4-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-\u1105\u1175\u1107\u1172\u110B\u1165-\u1100\u1173\u1105\u1175\u1100\u1169-\u1107\u1161\u11AF\u1111\u116D",children:[]},{level:3,title:"5. \uC778\uD130\uB137 \uAC15\uC758 \uC601\uC0C1 \uC81C\uC791",slug:"_5-\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA-\u1100\u1161\u11BC\u110B\u1174-\u110B\u1167\u11BC\u1109\u1161\u11BC-\u110C\u1166\u110C\u1161\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/10-October/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 11\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. CMS \uB9C8\uBB34\uB9AC",slug:"_1-cms-\u1106\u1161\u1106\u116E\u1105\u1175",children:[]},{level:3,title:"2. \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1109\u1175\u11AB\u1100\u1172-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uB125\uC2A4\uD2B8 \uC2A4\uD15D \uB9AC\uBDF0\uC5B4",slug:"_1-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173-\u1109\u1173\u1110\u1166\u11B8-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"2. \uB2E8\uCFE0\uD0A4 \uB9AC\uCFE0\uB974\uD2B8 \uC9C0\uC6D0",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175-\u1105\u1175\u110F\u116E\u1105\u1173\u1110\u1173-\u110C\u1175\u110B\u116F\u11AB",children:[]},{level:3,title:"3. Composition API \uD559\uC2B5",slug:"_3-composition-api-\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[]},{level:3,title:"4. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 2",slug:"_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2",children:[]},{level:3,title:"5. \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 2\uAE30",slug:"_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175",children:[]},{level:3,title:"6. \uAE30\uB2A5\uB300\uD68C\uC6A9 PHP Tutorial",slug:"_6-\u1100\u1175\u1102\u1173\u11BC\u1103\u1162\u1112\u116C\u110B\u116D\u11BC-php-tutorial",children:[]},{level:3,title:"7. \uBAA8\uAC01\uCF54",slug:"_7-\u1106\u1169\u1100\u1161\u11A8\u110F\u1169",children:[]},{level:3,title:"8. \uB124\uC774\uBC84 \uC544\uD3F4\uB85C \uBA74\uC811",slug:"_8-\u1102\u1166\u110B\u1175\u1107\u1165-\u110B\u1161\u1111\u1169\u11AF\u1105\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8",children:[]},{level:3,title:"9. Devears",slug:"_9-devears",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/11-November/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 12\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Composition API\uB85C \uB9AC\uD329\uD1A0\uB9C1",slug:"_1-composition-api\u1105\u1169-\u1105\u1175\u1111\u1162\u11A8\u1110\u1169\u1105\u1175\u11BC",children:[]},{level:3,title:"2. \uB9C8\uC9C0\uB9C9 \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1106\u1161\u110C\u1175\u1106\u1161\u11A8-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"3. \uB5A0\uB098\uAC00\uB294 \uD300\uC6D0\uB4E4",slug:"_3-\u1104\u1165\u1102\u1161\u1100\u1161\u1102\u1173\u11AB-\u1110\u1175\u11B7\u110B\u116F\u11AB\u1103\u1173\u11AF",children:[]},{level:3,title:"4. \uC0AC\uB0B4 \uAC8C\uC784 \uB300\uD68C",slug:"_4-\u1109\u1161\u1102\u1162-\u1100\u1166\u110B\u1175\u11B7-\u1103\u1162\u1112\u116C",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. NextStep \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_1-nextstep-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"2. \uB2E8\uCFE0\uD0A4 \uAC1C\uBC1C\uD300 \uD569\uB958",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175-\u1100\u1162\u1107\u1161\u11AF\u1110\u1175\u11B7-\u1112\u1161\u11B8\u1105\u1172",children:[]},{level:3,title:"3. Composition API \uD559\uC2B5",slug:"_3-composition-api-\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[]},{level:3,title:"4. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 2",slug:"_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2",children:[]},{level:3,title:"5. \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 2\uAE30",slug:"_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175",children:[]},{level:3,title:"6. \uB3C5\uC11C",slug:"_6-\u1103\u1169\u11A8\u1109\u1165",children:[]},{level:3,title:"7. Devears",slug:"_7-devears",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/12-December/",pathLocale:"/",extraFields:[]},{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 \uD68C\uACE0",headers:[{level:2,title:"\uC5C5\uBB34",slug:"\u110B\u1165\u11B8\u1106\u116E",children:[{level:3,title:"1. \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8",slug:"_1-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"2. \uBAA8\uBC14\uC77C \uC90C",slug:"_2-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF-\u110C\u116E\u11B7",children:[]},{level:3,title:"3. Open API CMS",slug:"_3-open-api-cms",children:[]},{level:3,title:"4. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_4-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"5. \uD56B\uC774\uC288 CMS",slug:"_5-\u1112\u1161\u11BA\u110B\u1175\u1109\u1172-cms",children:[]},{level:3,title:"6. \uD06C\uB86C \uBE0C\uB77C\uC6B0\uC800 \uC804\uC6A9 \uC11C\uBE44\uC2A4",slug:"_6-\u110F\u1173\u1105\u1169\u11B7-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165-\u110C\u1165\u11AB\u110B\u116D\u11BC-\u1109\u1165\u1107\u1175\u1109\u1173",children:[]},{level:3,title:"7. \uD300\uC6D0, \uADF8\uB9AC\uACE0 \uD611\uC5C5",slug:"_7-\u1110\u1175\u11B7\u110B\u116F\u11AB-\u1100\u1173\u1105\u1175\u1100\u1169-\u1112\u1167\u11B8\u110B\u1165\u11B8",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"3. \uC778\uD130\uB137 \uAC15\uC758",slug:"_3-\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA-\u1100\u1161\u11BC\u110B\u1174",children:[]},{level:3,title:"4. \uC2A4\uD130\uB514",slug:"_4-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"5. \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_5-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"6. \uAC15\uC0AC",slug:"_6-\u1100\u1161\u11BC\u1109\u1161",children:[]},{level:3,title:"7. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0",slug:"_7-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]}]},{level:2,title:"\uC77C\uC0C1",slug:"\u110B\u1175\u11AF\u1109\u1161\u11BC",children:[{level:3,title:"1. \uD559\uC790\uAE08 \uB300\uCD9C \uC0C1\uD658\uACFC \uC878\uC5C5",slug:"_1-\u1112\u1161\u11A8\u110C\u1161\u1100\u1173\u11B7-\u1103\u1162\u110E\u116E\u11AF-\u1109\u1161\u11BC\u1112\u116A\u11AB\u1100\u116A-\u110C\u1169\u11AF\u110B\u1165\u11B8",children:[]},{level:3,title:"2. \uC218\uC601",slug:"_2-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"3. \uACE0\uC591\uC774",slug:"_3-\u1100\u1169\u110B\u1163\u11BC\u110B\u1175",children:[]}]},{level:2,title:"\uB9C8\uBB34\uB9AC\uD558\uBA70",slug:"\u1106\u1161\u1106\u116E\u1105\u1175\u1112\u1161\u1106\u1167",children:[]}],path:"/Review/2020-year/end/",pathLocale:"/",extraFields:[]},{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0",headers:[{level:2,title:"1. 2021\uB144 \uBAA9\uD45C\uC5D0 \uB300\uD55C \uD68C\uACE0",slug:"_1-2021\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC62C\uD574 \uCD08 \uBAA9\uD45C\uB4E4",slug:"_1-\u110B\u1169\u11AF\u1112\u1162-\u110E\u1169-\u1106\u1169\u11A8\u1111\u116D\u1103\u1173\u11AF",children:[]},{level:3,title:"(2) \uBB38\uC81C\uC810 \uD0D0\uC0C9",slug:"_2-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7-\u1110\u1161\u11B7\u1109\u1162\u11A8",children:[]}]},{level:2,title:"2. \uC5C5\uBB34 \uD68C\uACE0",slug:"_2-\u110B\u1165\u11B8\u1106\u116E-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC2A4\uD0C0\uD2B8\uC90C",slug:"_1-\u1109\u1173\u1110\u1161\u1110\u1173\u110C\u116E\u11B7",children:[]},{level:3,title:"(2) \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"(3) \uC90C\uB2F7\uCEF4 \uAC1C\uD3B8",slug:"_3-\u110C\u116E\u11B7\u1103\u1161\u11BA\u110F\u1165\u11B7-\u1100\u1162\u1111\u1167\u11AB",children:[]},{level:3,title:"(4) \uC2E0\uC785 \uAC1C\uBC1C\uC790 \uCC44\uC6A9",slug:"_4-\u1109\u1175\u11AB\u110B\u1175\u11B8-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161-\u110E\u1162\u110B\u116D\u11BC",children:[]},{level:3,title:"(5) \uC2E0\uADDC \uD14C\uD06C\uD540 \uC11C\uBE44\uC2A4 \uC9C4\uD589",slug:"_5-\u1109\u1175\u11AB\u1100\u1172-\u1110\u1166\u110F\u1173\u1111\u1175\u11AB-\u1109\u1165\u1107\u1175\u1109\u1173-\u110C\u1175\u11AB\u1112\u1162\u11BC",children:[]},{level:3,title:"(6) \uC870\uC9C1 \uAC1C\uD3B8",slug:"_6-\u110C\u1169\u110C\u1175\u11A8-\u1100\u1162\u1111\u1167\u11AB",children:[]}]},{level:2,title:"3. \uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"_3-\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"(1) \uBC29\uACFC\uD6C4 \uC218\uC5C5 \uAC15\uC0AC",slug:"_1-\u1107\u1161\u11BC\u1100\u116A\u1112\u116E-\u1109\u116E\u110B\u1165\u11B8-\u1100\u1161\u11BC\u1109\u1161",children:[]},{level:3,title:"(2) \uB2E8\uCFE0\uD0A4",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175",children:[]},{level:3,title:"(3) ATDD 3\uAE30",slug:"_3-atdd-3\u1100\u1175",children:[]},{level:3,title:"(4) Java CC 11\uAE30 \uB9AC\uBDF0\uC5B4",slug:"_4-java-cc-11\u1100\u1175-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(5) \uC6B0\uC544\uD55C \uD14C\uD06C\uCF54\uC2A4 Pro2 \uB9AC\uBDF0\uC5B4",slug:"_5-\u110B\u116E\u110B\u1161\u1112\u1161\u11AB-\u1110\u1166\u110F\u1173\u110F\u1169\u1109\u1173-pro2-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(6) \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 Level 3",slug:"_6-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-level-3",children:[]},{level:3,title:"(7) \uB3C5\uC11C",slug:"_7-\u1103\u1169\u11A8\u1109\u1165",children:[]},{level:3,title:"(8) \uB2E8\uAD6D\uB300 Javascript Study",slug:"_8-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-javascript-study",children:[]}]},{level:2,title:"4. \uC774\uC0AC",slug:"_4-\u110B\u1175\u1109\u1161",children:[]},{level:2,title:"5. \uD558\uBC18\uAE30 \uACC4\uD68D",slug:"_5-\u1112\u1161\u1107\u1161\u11AB\u1100\u1175-\u1100\u1168\u1112\u116C\u11A8",children:[]}],path:"/Review/2021-year/01-First-Quarter/",pathLocale:"/",extraFields:[]},{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0",headers:[{level:2,title:"1. \uD68C\uC0AC \uD504\uB85C\uC81D\uD2B8 \uD68C\uACE0",slug:"_1-\u1112\u116C\u1109\u1161-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC90C\uD504\uB860\uD2B8(zum.com) \uAC1C\uD3B8",slug:"_1-\u110C\u116E\u11B7\u1111\u1173\u1105\u1169\u11AB\u1110\u1173-zum-com-\u1100\u1162\u1111\u1167\u11AB",children:[]},{level:3,title:"(2) \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778(invest.zum.com)",slug:"_2-\u1110\u116E\u110C\u1161-\u1109\u1165\u1107\u1173\u1103\u1169\u1106\u1166\u110B\u1175\u11AB-invest-zum-com",children:[]},{level:3,title:"(3) \uBAA8\uBC14\uC77C\uC90C(m.zum.com)",slug:"_3-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF\u110C\u116E\u11B7-m-zum-com",children:[]},{level:3,title:"(4) zum-portal-core-js",slug:"_4-zum-portal-core-js",children:[]},{level:3,title:"(5) \uAE30\uD0C0 \uD504\uB85C\uC81D\uD2B8\uB4E4",slug:"_5-\u1100\u1175\u1110\u1161-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1103\u1173\u11AF",children:[]}]},{level:2,title:"2. \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uD30C\uD2B8\uB9AC\uB354",slug:"_2-\u110B\u1165\u110D\u1165\u1103\u1161\u1107\u1169\u1102\u1175-\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165",children:[{level:3,title:"(1) \uCC44\uC6A9",slug:"_1-\u110E\u1162\u110B\u116D\u11BC",children:[]},{level:3,title:"(2) \uD30C\uD2B8\uB9AC\uB354\uAC00 \uB418\uB2E4",slug:"_2-\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165\u1100\u1161-\u1103\u116C\u1103\u1161",children:[]},{level:3,title:"(4) \uC88B\uC740 \uC870\uC9C1\uC5D0 \uB300\uD55C \uACE0\uBBFC",slug:"_4-\u110C\u1169\u11C2\u110B\u1173\u11AB-\u110C\u1169\u110C\u1175\u11A8\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u1106\u1175\u11AB",children:[]},{level:3,title:"(5) Effectuation Process",slug:"_5-effectuation-process",children:[]},{level:3,title:"(6) \uC55E\uC73C\uB85C\uC758 \uACFC\uC81C",slug:"_6-\u110B\u1161\u11C1\u110B\u1173\u1105\u1169\u110B\u1174-\u1100\u116A\u110C\u1166",children:[]}]},{level:2,title:"3. \uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"_3-\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"(1) \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8 - \uCEA0\uD37C\uC2A4 \uD504\uB80C\uC988",slug:"_1-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110F\u1162\u11B7\u1111\u1165\u1109\u1173-\u1111\u1173\u1105\u1166\u11AB\u110C\u1173",children:[]},{level:3,title:"(2) NextStep ATDD",slug:"_2-nextstep-atdd",children:[]},{level:3,title:"(3) \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 Level 3",slug:"_3-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-level-3",children:[]},{level:3,title:"(4) \uD3EC\uC2A4\uD305",slug:"_4-\u1111\u1169\u1109\u1173\u1110\u1175\u11BC",children:[]}]},{level:2,title:"4. \uB300\uC678 \uD65C\uB3D9",slug:"_4-\u1103\u1162\u110B\u116C-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[{level:3,title:"(1) NextStep Java Clean Code \uB9AC\uBDF0\uC5B4",slug:"_1-nextstep-java-clean-code-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(2) \uC6B0\uC544\uD55C \uD14C\uD06C\uCF54\uC2A4 Pro 2 \uB9AC\uBDF0\uC5B4",slug:"_2-\u110B\u116E\u110B\u1161\u1112\u1161\u11AB-\u1110\u1166\u110F\u1173\u110F\u1169\u1109\u1173-pro-2-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(3) \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:3,title:"(4) \uD56D\uD574 99",slug:"_4-\u1112\u1161\u11BC\u1112\u1162-99",children:[]},{level:3,title:"(5) \uACE0\uB4F1\uD559\uAD50 \uBC29\uACFC\uD6C4 \uC218\uC5C5 \uAC15\uC758",slug:"_5-\u1100\u1169\u1103\u1173\u11BC\u1112\u1161\u11A8\u1100\u116D-\u1107\u1161\u11BC\u1100\u116A\u1112\u116E-\u1109\u116E\u110B\u1165\u11B8-\u1100\u1161\u11BC\u110B\u1174",children:[]},{level:3,title:"(6) \uB2E8\uAD6D\uB300 \uC2A4\uD130\uB514",slug:"_6-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"(7) \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514",slug:"_7-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]}]},{level:2,title:"5. \uC774\uC9C1\uC5D0 \uB300\uD55C \uACE0\uBBFC",slug:"_5-\u110B\u1175\u110C\u1175\u11A8\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u1106\u1175\u11AB",children:[{level:3,title:"(1) \uC774\uC9C1 \uC81C\uC758",slug:"_1-\u110B\u1175\u110C\u1175\u11A8-\u110C\u1166\u110B\u1174",children:[]},{level:3,title:"(2) \uB5A0\uB098\uAC8C \uB41C\uB2E4\uBA74?",slug:"_2-\u1104\u1165\u1102\u1161\u1100\u1166-\u1103\u116C\u11AB\u1103\u1161\u1106\u1167\u11AB",children:[]}]},{level:2,title:"6. \uC77C\uC0C1",slug:"_6-\u110B\u1175\u11AF\u1109\u1161\u11BC",children:[{level:3,title:"(1) \uC774\uC0AC",slug:"_1-\u110B\u1175\u1109\u1161",children:[]},{level:3,title:"(2) \uC0C8\uB85C\uC6B4 \uAC00\uC871",slug:"_2-\u1109\u1162\u1105\u1169\u110B\u116E\u11AB-\u1100\u1161\u110C\u1169\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2021-year/end/",pathLocale:"/",extraFields:[]},{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2022\uB144 \uD68C\uACE0",headers:[{level:2,title:"1. \uC548\uB155, \uC90C\uC778\uD130\uB137",slug:"_1-\u110B\u1161\u11AB\u1102\u1167\u11BC-\u110C\u116E\u11B7\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA",children:[{level:3,title:"\uBC31\uC5D4\uB4DC \uAC1C\uBC1C",slug:"\u1107\u1162\u11A8\u110B\u1166\u11AB\u1103\u1173-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C",slug:"\u1111\u1173\u1105\u1169\u11AB\u1110\u1173\u110B\u1166\u11AB\u1103\u1173-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uD30C\uD2B8\uB9AC\uB354",slug:"\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165",children:[]},{level:3,title:"\uD1F4\uC0AC",slug:"\u1110\u116C\u1109\u1161",children:[]}]},{level:2,title:"2. \uC548\uB155, \uB124\uC774\uBC84",slug:"_2-\u110B\u1161\u11AB\u1102\u1167\u11BC-\u1102\u1166\u110B\u1175\u1107\u1165",children:[{level:3,title:"\uD569\uB958\uD558\uAE30 \uAE4C\uC9C0",slug:"\u1112\u1161\u11B8\u1105\u1172\u1112\u1161\u1100\u1175-\u1101\u1161\u110C\u1175",children:[]},{level:3,title:"\uD568\uAED8 \uC77C\uD558\uAE30",slug:"\u1112\u1161\u11B7\u1101\u1166-\u110B\u1175\u11AF\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC624\uAE00\uC624\uAE00",slug:"\u110B\u1169\u1100\u1173\u11AF\u110B\u1169\u1100\u1173\u11AF",children:[]},{level:3,title:"MBTI",slug:"mbti",children:[]},{level:3,title:"\uAC1C\uBC1C\uC774 \uC544\uB2CC, \uC77C\uC744 \uC798 \uD558\uAE30",slug:"\u1100\u1162\u1107\u1161\u11AF\u110B\u1175-\u110B\u1161\u1102\u1175\u11AB-\u110B\u1175\u11AF\u110B\u1173\u11AF-\u110C\u1161\u11AF-\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"3. \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:2,title:"4. \uB125\uC2A4\uD2B8\uC2A4\uD15D",slug:"_4-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173\u1109\u1173\u1110\u1166\u11B8",children:[]},{level:2,title:"5. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C",slug:"_5-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C",children:[]},{level:2,title:"6. \uAC1C\uC778\uC801\uC778 \uC0DD\uAC01",slug:"_6-\u1100\u1162\u110B\u1175\u11AB\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1109\u1162\u11BC\u1100\u1161\u11A8",children:[{level:3,title:"\uC544\uBB34\uB9D0 \uB300\uC794\uCE58",slug:"\u110B\u1161\u1106\u116E\u1106\u1161\u11AF-\u1103\u1162\u110C\u1161\u11AB\u110E\u1175",children:[]},{level:3,title:"\uB9CC\uB0A8",slug:"\u1106\u1161\u11AB\u1102\u1161\u11B7",children:[]},{level:3,title:"\uB098\uC758 \uAC15\uC810\uACFC \uB2E8\uC810",slug:"\u1102\u1161\u110B\u1174-\u1100\u1161\u11BC\u110C\u1165\u11B7\u1100\u116A-\u1103\u1161\u11AB\u110C\u1165\u11B7",children:[]}]},{level:2,title:"7. \uACC4\uBB18\uB144",slug:"_7-\u1100\u1168\u1106\u116D\u1102\u1167\u11AB",children:[{level:3,title:"2023\uB144\uC758 \uBAA9\uD45C",slug:"_2023\u1102\u1167\u11AB\u110B\u1174-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:3,title:"\uBAA9\uD45C\uB97C \uB2EC\uC131\uC744 \uC704\uD55C \uC561\uC158 \uD50C\uB79C",slug:"\u1106\u1169\u11A8\u1111\u116D\u1105\u1173\u11AF-\u1103\u1161\u11AF\u1109\u1165\u11BC\u110B\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-\u110B\u1162\u11A8\u1109\u1167\u11AB-\u1111\u1173\u11AF\u1105\u1162\u11AB",children:[]}]},{level:2,title:"8. \uB354 \uC7A5\uAE30\uC801\uC778, \uB354 \uC774\uC0C1\uC801\uC778 \uBAA9\uD45C",slug:"_8-\u1103\u1165-\u110C\u1161\u11BC\u1100\u1175\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1103\u1165-\u110B\u1175\u1109\u1161\u11BC\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2022-year/end/",pathLocale:"/",extraFields:[]},{title:"2023\uB144 \uD68C\uACE0",headers:[{level:2,title:"2023\uB144 \uBAA9\uD45C \uB2EC\uC131 \uC810\uAC80",slug:"_2023\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D-\u1103\u1161\u11AF\u1109\u1165\u11BC-\u110C\u1165\u11B7\u1100\u1165\u11B7",children:[]},{level:2,title:"1. nBilly",slug:"_1-nbilly",children:[{level:3,title:"(1) \uAC04\uB2E8\uD55C \uC18C\uAC1C",slug:"_1-\u1100\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AB-\u1109\u1169\u1100\u1162",children:[]},{level:3,title:"(2) \uAE30\uC220\uC801 \uC131\uC7A5, \uC2DC\uB3C4, \uB09C\uAD00.",slug:"_2-\u1100\u1175\u1109\u116E\u11AF\u110C\u1165\u11A8-\u1109\u1165\u11BC\u110C\u1161\u11BC-\u1109\u1175\u1103\u1169-\u1102\u1161\u11AB\u1100\u116A\u11AB",children:[]},{level:3,title:"(3) \uBB34\uC218\uD788 \uB9CE\uC740 \uC544\uC26C\uC6B4 \uC810\uB4E4",slug:"_3-\u1106\u116E\u1109\u116E\u1112\u1175-\u1106\u1161\u11AD\u110B\u1173\u11AB-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7\u1103\u1173\u11AF",children:[]},{level:3,title:"(4) 24\uB144\uC5D0 \uB300\uD55C \uC9E7\uC740 \uB2E4\uC9D0",slug:"_4-24\u1102\u1167\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u110D\u1161\u11B2\u110B\u1173\u11AB-\u1103\u1161\u110C\u1175\u11B7",children:[]}]},{level:2,title:"2. \uD65C\uB3D9",slug:"_2-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[{level:3,title:"(1) \uC624\uAE00\uC624\uAE00(\uC624\uAE00\uAC70\uB824\uB3C4, \uC624\uB298\uC758 \uAE00\uC4F0\uAE30)",slug:"_1-\u110B\u1169\u1100\u1173\u11AF\u110B\u1169\u1100\u1173\u11AF-\u110B\u1169\u1100\u1173\u11AF\u1100\u1165\u1105\u1167\u1103\u1169-\u110B\u1169\u1102\u1173\u11AF\u110B\u1174-\u1100\u1173\u11AF\u110A\u1173\u1100\u1175",children:[]},{level:3,title:"(2) \uC778\uC0DD\uACBD\uC601\uD074\uB7FD",slug:"_2-\u110B\u1175\u11AB\u1109\u1162\u11BC\u1100\u1167\u11BC\u110B\u1167\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8",children:[]},{level:3,title:"(3) \uBD80\uC2A4\uD2B8\uCEA0\uD504 8\uAE30",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-8\u1100\u1175",children:[]},{level:3,title:"(4) NextStep",slug:"_4-nextstep",children:[]},{level:3,title:"(5) \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB370\uBE0C\uCF54\uC2A4",slug:"_5-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1103\u1166\u1107\u1173\u110F\u1169\u1109\u1173",children:[]}]},{level:2,title:"3. \uC0AC\uC0DD\uD65C",slug:"_3-\u1109\u1161\u1109\u1162\u11BC\u1112\u116A\u11AF",children:[{level:3,title:"(1) \uC774\uC0AC",slug:"_1-\u110B\u1175\u1109\u1161",children:[]},{level:3,title:"(2) \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158",slug:"_2-\u110F\u1165\u1106\u1172\u1102\u1175\u110F\u1166\u110B\u1175\u1109\u1167\u11AB",children:[]},{level:3,title:"(3) \uB2F9\uC2E0\uC774 \uC633\uB2E4",slug:"_3-\u1103\u1161\u11BC\u1109\u1175\u11AB\u110B\u1175-\u110B\u1169\u11B6\u1103\u1161",children:[]},{level:3,title:"(4) \uC774\uC81C\uC57C \uC778\uC9C0\uD558\uAC8C \uB41C \uB0B4 \uBAA8\uC2B5",slug:"_4-\u110B\u1175\u110C\u1166\u110B\u1163-\u110B\u1175\u11AB\u110C\u1175\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1102\u1162-\u1106\u1169\u1109\u1173\u11B8",children:[]},{level:3,title:"(5) \uAC11\uC790\uAE30 \uB5A0\uB098\uB294 \uC5EC\uD589",slug:"_5-\u1100\u1161\u11B8\u110C\u1161\u1100\u1175-\u1104\u1165\u1102\u1161\u1102\u1173\u11AB-\u110B\u1167\u1112\u1162\u11BC",children:[]}]},{level:2,title:"ETC",slug:"etc",children:[]},{level:2,title:"2024\uB144 \uBAA9\uD45C",slug:"_2024\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2023-year/end/",pathLocale:"/",extraFields:[]},{title:"2024\uB144 1\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"(1) nBilly",slug:"_1-nbilly",children:[{level:3,title:"1) \uBAA8\uB4C8\uD654",slug:"_1-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]},{level:3,title:"2) \uBB38\uC11C \uC791\uC5C5",slug:"_2-\u1106\u116E\u11AB\u1109\u1165-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]},{level:3,title:"3) KPI \uC791\uC131",slug:"_3-kpi-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]},{level:3,title:"4) \uB514\uBC14\uC774\uC2A4 \uBAA8\uB4DC \uC804\uD658\uC2DC \uC131\uB2A5 \uCD5C\uC801\uD654",slug:"_4-\u1103\u1175\u1107\u1161\u110B\u1175\u1109\u1173-\u1106\u1169\u1103\u1173-\u110C\u1165\u11AB\u1112\u116A\u11AB\u1109\u1175-\u1109\u1165\u11BC\u1102\u1173\u11BC-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[]},{level:3,title:"5) 2023\uB144 \uC131\uACFC \uBA74\uB2F4",slug:"_5-2023\u1102\u1167\u11AB-\u1109\u1165\u11BC\u1100\u116A-\u1106\u1167\u11AB\u1103\u1161\u11B7",children:[]}]},{level:2,title:"(2) \uC0AC\uC0DD\uD65C",slug:"_2-\u1109\u1161\u1109\u1162\u11BC\u1112\u116A\u11AF",children:[{level:3,title:"1) \uAC00\uC871\uACFC\uC758 \uB300\uD654",slug:"_1-\u1100\u1161\u110C\u1169\u11A8\u1100\u116A\u110B\u1174-\u1103\u1162\u1112\u116A",children:[]},{level:3,title:"2) \uD3EC\uB3D9\uC774 \uC911\uC131\uD654",slug:"_2-\u1111\u1169\u1103\u1169\u11BC\u110B\u1175-\u110C\u116E\u11BC\u1109\u1165\u11BC\u1112\u116A",children:[]},{level:3,title:"3) \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:3,title:"4) \uC758\uBBF8 \uC788\uB294 \uB9CC\uB0A8",slug:"_4-\u110B\u1174\u1106\u1175-\u110B\u1175\u11BB\u1102\u1173\u11AB-\u1106\u1161\u11AB\u1102\u1161\u11B7",children:[]},{level:3,title:"5) \uBA40\uB9AC \uC0DD\uAC01\uD558\uC790",slug:"_5-\u1106\u1165\u11AF\u1105\u1175-\u1109\u1162\u11BC\u1100\u1161\u11A8\u1112\u1161\u110C\u1161",children:[]},{level:3,title:"6) \uBC25\uC740 \uBC8C\uD06C\uB85C",slug:"_6-\u1107\u1161\u11B8\u110B\u1173\u11AB-\u1107\u1165\u11AF\u110F\u1173\u1105\u1169",children:[]},{level:3,title:"7) \uBB34\uD611\uC18C\uC124\uC744 \uBCF4\uBA74\uC11C \uB290\uB080 \uAC83\uB4E4",slug:"_7-\u1106\u116E\u1112\u1167\u11B8\u1109\u1169\u1109\u1165\u11AF\u110B\u1173\u11AF-\u1107\u1169\u1106\u1167\u11AB\u1109\u1165-\u1102\u1173\u1101\u1175\u11AB-\u1100\u1165\u11BA\u1103\u1173\u11AF",children:[]}]},{level:2,title:"\uD68C\uACE0\uC5D0 \uB300\uD55C \uD68C\uACE0",slug:"\u1112\u116C\u1100\u1169\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1112\u116C\u1100\u1169",children:[]}],path:"/Review/2024-year/01/",pathLocale:"/",extraFields:[]},{title:"",headers:[],path:"/404.html",pathLocale:"/",extraFields:[]}],Uo=be(vh),ph=()=>Uo;Kl.webpackHot&&(__VUE_HMR_RUNTIME__.updateSearchIndex=e=>{Uo.value=e});const gh=/[^\x00-\x7F]/,mh=e=>e.split(/\s+/g).map(t=>t.trim()).filter(t=>!!t),ts=e=>e.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"),ls=(e,t)=>{const l=t.join(" "),n=mh(e);if(gh.test(e))return n.some(s=>l.toLowerCase().indexOf(s)>-1);const r=e.endsWith(" ");return new RegExp(n.map((s,o)=>n.length===o+1&&!r?`(?=.*\\b${ts(s)})`:`(?=.*\\b${ts(s)}\\b)`).join("")+".+","gi").test(l)},_h=({searchIndex:e,routeLocale:t,query:l,maxSuggestions:n})=>{const r=N(()=>e.value.filter(i=>i.pathLocale===t.value));return N(()=>{const i=l.value.trim().toLowerCase();if(!i)return[];const s=[],o=(a,c)=>{ls(i,[c.title])&&s.push({link:`${a.path}#${c.slug}`,title:a.title,header:c.title});for(const u of c.children){if(s.length>=n.value)return;o(a,u)}};for(const a of r.value){if(s.length>=n.value)break;if(ls(i,[a.title,...a.extraFields])){s.push({link:a.path,title:a.title});continue}for(const c of a.headers){if(s.length>=n.value)break;o(a,c)}}return s})},Eh=e=>{const t=be(0);return{focusIndex:t,focusNext:()=>{t.value{t.value>0?t.value-=1:t.value=e.value.length-1}}},yh=de({name:"SearchBox",props:{locales:{type:Object,required:!1,default:()=>({})},hotKeys:{type:Array,required:!1,default:()=>[]},maxSuggestions:{type:Number,required:!1,default:5}},setup(e){const{locales:t,hotKeys:l,maxSuggestions:n}=wn(e),r=Zt(),i=Tn(),s=ph(),o=be(null),a=be(!1),c=be(""),u=N(()=>{var R;return(R=t.value[i.value])!=null?R:{}}),d=_h({searchIndex:s,routeLocale:i,query:c,maxSuggestions:n}),{focusIndex:f,focusNext:p,focusPrev:g}=Eh(d);hh({input:o,hotKeys:l});const P=N(()=>a.value&&!!d.value.length),w=()=>{!P.value||g()},m=()=>{!P.value||p()},E=R=>{if(!P.value)return;const V=d.value[R];!V||r.push(V.link).then(()=>{c.value="",f.value=0})};return()=>fe("form",{class:"search-box",role:"search"},[fe("input",{ref:o,type:"search",placeholder:u.value.placeholder,autocomplete:"off",spellcheck:!1,value:c.value,onFocus:()=>a.value=!0,onBlur:()=>a.value=!1,onInput:R=>c.value=R.target.value,onKeydown:R=>{switch(R.key){case"ArrowUp":{w();break}case"ArrowDown":{m();break}case"Enter":{R.preventDefault(),E(f.value);break}}}}),P.value&&fe("ul",{class:"suggestions",onMouseleave:()=>f.value=-1},d.value.map(({link:R,title:V,header:W},z)=>fe("li",{class:["suggestion",{focus:f.value===z}],onMouseenter:()=>f.value=z,onMousedown:()=>E(z)},fe("a",{href:R,onClick:B=>B.preventDefault()},[fe("span",{class:"page-title"},V),W&&fe("span",{class:"page-header"},`> ${W}`)]))))])}});const bh={},wh=["s","/"],Ch=5;var Ah=vt({enhance({app:e}){e.component("SearchBox",t=>fe(yh,{locales:bh,hotKeys:wh,maxSuggestions:Ch,...t}))}});const Rh={},Ph={class:"theme-default-content custom"};function Lh(e,t){const l=ht("Content");return D(),K("div",Ph,[te(l)])}var Sh=Pe(Rh,[["render",Lh],["__file","HomeContent.vue"]]);const Oh={key:0,class:"features"},xh=de({name:"HomeFeatures",setup(e){const t=Et(),l=N(()=>le(t.value.features)?t.value.features:[]);return(n,r)=>x(l).length?(D(),K("div",Oh,[(D(!0),K(ge,null,nt(x(l),i=>(D(),K("div",{key:i.title,class:"feature"},[ae("h2",null,Te(i.title),1),ae("p",null,Te(i.details),1)]))),128))])):Oe("",!0)}});var Th=Pe(xh,[["__file","HomeFeatures.vue"]]);const Dh=["innerHTML"],Ih=["textContent"],kh=de({name:"HomeFooter",setup(e){const t=Et(),l=N(()=>t.value.footer),n=N(()=>t.value.footerHtml);return(r,i)=>x(l)?(D(),K(ge,{key:0},[x(n)?(D(),K("div",{key:0,class:"footer",innerHTML:x(l)},null,8,Dh)):(D(),K("div",{key:1,class:"footer",textContent:Te(x(l))},null,8,Ih))],64)):Oe("",!0)}});var Mh=Pe(kh,[["__file","HomeFooter.vue"]]);const Bh=["href","rel","target","aria-label"],$h=de({inheritAttrs:!1}),Vh=de({...$h,name:"AutoLink",props:{item:{type:Object,required:!0}},setup(e){const t=e,l=Vt(),n=_o(),{item:r}=wn(t),i=N(()=>zl(r.value.link)),s=N(()=>Tu(r.value.link)||Du(r.value.link)),o=N(()=>{if(!s.value){if(r.value.target)return r.value.target;if(i.value)return"_blank"}}),a=N(()=>o.value==="_blank"),c=N(()=>!i.value&&!s.value&&!a.value),u=N(()=>{if(!s.value){if(r.value.rel)return r.value.rel;if(a.value)return"noopener noreferrer"}}),d=N(()=>r.value.ariaLabel||r.value.text),f=N(()=>{const P=Object.keys(n.value.locales);return P.length?!P.some(w=>w===r.value.link):r.value.link!=="/"}),p=N(()=>f.value?l.path.startsWith(r.value.link):!1),g=N(()=>c.value?r.value.activeMatch?new RegExp(r.value.activeMatch).test(l.path):p.value:!1);return(P,w)=>{const m=ht("RouterLink"),E=ht("AutoLinkExternalIcon");return x(c)?(D(),De(m,cr({key:0,class:{"router-link-active":x(g)},to:x(r).link,"aria-label":x(d)},P.$attrs),{default:ke(()=>[Le(P.$slots,"before"),wt(" "+Te(x(r).text)+" ",1),Le(P.$slots,"after")]),_:3},16,["class","to","aria-label"])):(D(),K("a",cr({key:1,class:"external-link",href:x(r).link,rel:x(u),target:x(o),"aria-label":x(d)},P.$attrs),[Le(P.$slots,"before"),wt(" "+Te(x(r).text)+" ",1),x(a)?(D(),De(E,{key:0})):Oe("",!0),Le(P.$slots,"after")],16,Bh))}}});var yt=Pe(Vh,[["__file","AutoLink.vue"]]);const Fh={class:"hero"},Nh={key:0,id:"main-title"},Hh={key:1,class:"description"},jh={key:2,class:"actions"},zh=de({name:"HomeHero",setup(e){const t=Et(),l=$r(),n=jr(),r=N(()=>n.value&&t.value.heroImageDark!==void 0?t.value.heroImageDark:t.value.heroImage),i=N(()=>t.value.heroText===null?null:t.value.heroText||l.value.title||"Hello"),s=N(()=>t.value.heroAlt||i.value||"hero"),o=N(()=>t.value.tagline===null?null:t.value.tagline||l.value.description||"Welcome to your VuePress site"),a=N(()=>le(t.value.actions)?t.value.actions.map(({text:u,link:d,type:f="primary"})=>({text:u,link:d,type:f})):[]),c=()=>{if(!r.value)return null;const u=fe("img",{src:Jl(r.value),alt:s.value});return t.value.heroImageDark===void 0?u:fe(Vr,()=>u)};return(u,d)=>(D(),K("header",Fh,[te(c),x(i)?(D(),K("h1",Nh,Te(x(i)),1)):Oe("",!0),x(o)?(D(),K("p",Hh,Te(x(o)),1)):Oe("",!0),x(a).length?(D(),K("p",jh,[(D(!0),K(ge,null,nt(x(a),f=>(D(),De(yt,{key:f.text,class:je(["action-button",[f.type]]),item:f},null,8,["class","item"]))),128))])):Oe("",!0)]))}});var Jh=Pe(zh,[["__file","HomeHero.vue"]]);const Uh={class:"home"},Kh=de({name:"Home",setup(e){return(t,l)=>(D(),K("main",Uh,[te(Jh),te(Th),te(Sh),te(Mh)]))}});var Wh=Pe(Kh,[["__file","Home.vue"]]);const qh=de({name:"NavbarBrand",setup(e){const t=Tn(),l=$r(),n=Ue(),r=jr(),i=N(()=>n.value.home||t.value),s=N(()=>l.value.title),o=N(()=>r.value&&n.value.logoDark!==void 0?n.value.logoDark:n.value.logo),a=()=>{if(!o.value)return null;const c=fe("img",{class:"logo",src:Jl(o.value),alt:s.value});return n.value.logoDark===void 0?c:fe(Vr,()=>c)};return(c,u)=>{const d=ht("RouterLink");return D(),De(d,{to:x(i)},{default:ke(()=>[te(a),x(s)?(D(),K("span",{key:0,class:je(["site-name",{"can-hide":x(o)}])},Te(x(s)),3)):Oe("",!0)]),_:1},8,["to"])}}});var Gh=Pe(qh,[["__file","NavbarBrand.vue"]]);const Qh=de({name:"DropdownTransition",setup(e){const t=n=>{n.style.height=n.scrollHeight+"px"},l=n=>{n.style.height=""};return(n,r)=>(D(),De(jl,{name:"dropdown",onEnter:t,onAfterEnter:l,onBeforeLeave:t},{default:ke(()=>[Le(n.$slots,"default")]),_:3}))}});var Ko=Pe(Qh,[["__file","DropdownTransition.vue"]]);const Yh=["aria-label"],Zh={class:"title"},Xh=ae("span",{class:"arrow down"},null,-1),ev=["aria-label"],tv={class:"title"},lv={class:"navbar-dropdown"},nv={class:"navbar-dropdown-subtitle"},rv={key:1},iv={class:"navbar-dropdown-subitem-wrapper"},sv=de({name:"NavbarDropdown",props:{item:{type:Object,required:!0}},setup(e){const t=e,{item:l}=wn(t),n=N(()=>l.value.ariaLabel||l.value.text),r=be(!1),i=Vt();ct(()=>i.path,()=>{r.value=!1});const s=a=>{a.detail===0?r.value=!r.value:r.value=!1},o=(a,c)=>c[c.length-1]===a;return(a,c)=>(D(),K("div",{class:je(["navbar-dropdown-wrapper",{open:r.value}])},[ae("button",{class:"navbar-dropdown-title",type:"button","aria-label":x(n),onClick:s},[ae("span",Zh,Te(x(l).text),1),Xh],8,Yh),ae("button",{class:"navbar-dropdown-title-mobile",type:"button","aria-label":x(n),onClick:c[0]||(c[0]=u=>r.value=!r.value)},[ae("span",tv,Te(x(l).text),1),ae("span",{class:je(["arrow",r.value?"down":"right"])},null,2)],8,ev),te(Ko,null,{default:ke(()=>[cn(ae("ul",lv,[(D(!0),K(ge,null,nt(x(l).children,u=>(D(),K("li",{key:u.text,class:"navbar-dropdown-item"},[u.children?(D(),K(ge,{key:0},[ae("h4",nv,[u.link?(D(),De(yt,{key:0,item:u,onFocusout:d=>o(u,x(l).children)&&u.children.length===0&&(r.value=!1)},null,8,["item","onFocusout"])):(D(),K("span",rv,Te(u.text),1))]),ae("ul",iv,[(D(!0),K(ge,null,nt(u.children,d=>(D(),K("li",{key:d.link,class:"navbar-dropdown-subitem"},[te(yt,{item:d,onFocusout:f=>o(d,u.children)&&o(u,x(l).children)&&(r.value=!1)},null,8,["item","onFocusout"])]))),128))])],64)):(D(),De(yt,{key:1,item:u,onFocusout:d=>o(u,x(l).children)&&(r.value=!1)},null,8,["item","onFocusout"]))]))),128))],512),[[vn,r.value]])]),_:1})],2))}});var ov=Pe(sv,[["__file","NavbarDropdown.vue"]]);const ns=e=>decodeURI(e).replace(/#.*$/,"").replace(/(index)?\.(md|html)$/,""),av=(e,t)=>{if(t.hash===e)return!0;const l=ns(t.path),n=ns(e);return l===n},Wo=(e,t)=>e.link&&av(e.link,t)?!0:e.children?e.children.some(l=>Wo(l,t)):!1,qo=e=>!zl(e)||/github\.com/.test(e)?"GitHub":/bitbucket\.org/.test(e)?"Bitbucket":/gitlab\.com/.test(e)?"GitLab":/gitee\.com/.test(e)?"Gitee":null,cv={GitHub:":repo/edit/:branch/:path",GitLab:":repo/-/edit/:branch/:path",Gitee:":repo/edit/:branch/:path",Bitbucket:":repo/src/:branch/:path?mode=edit&spa=0&at=:branch&fileviewer=file-view-default"},uv=({docsRepo:e,editLinkPattern:t})=>{if(t)return t;const l=qo(e);return l!==null?cv[l]:null},dv=({docsRepo:e,docsBranch:t,docsDir:l,filePathRelative:n,editLinkPattern:r})=>{if(!n)return null;const i=uv({docsRepo:e,editLinkPattern:r});return i?i.replace(/:repo/,zl(e)?e:`https://github.com/${e}`).replace(/:branch/,t).replace(/:path/,co(`${ao(l)}/${n}`)):null},fv={key:0,class:"navbar-items"},hv=de({name:"NavbarItems",setup(e){const t=()=>{const c=Zt(),u=Tn(),d=$r(),f=Ue();return N(()=>{var m,E;const p=Object.keys(d.value.locales);if(p.length<2)return[];const g=c.currentRoute.value.path,P=c.currentRoute.value.fullPath;return[{text:(m=f.value.selectLanguageText)!=null?m:"unknown language",ariaLabel:(E=f.value.selectLanguageAriaLabel)!=null?E:"unkown language",children:p.map(R=>{var Z,J,Y,C,F,k;const V=(J=(Z=d.value.locales)==null?void 0:Z[R])!=null?J:{},W=(C=(Y=f.value.locales)==null?void 0:Y[R])!=null?C:{},z=`${V.lang}`,B=(F=W.selectLanguageName)!=null?F:z;let _;if(z===d.value.lang)_=P;else{const oe=g.replace(u.value,R);c.getRoutes().some(j=>j.path===oe)?_=oe:_=(k=W.home)!=null?k:R}return{text:B,link:_}})}]})},l=()=>{const c=Ue(),u=N(()=>c.value.repo),d=N(()=>u.value?qo(u.value):null),f=N(()=>u.value&&!zl(u.value)?`https://github.com/${u.value}`:u.value),p=N(()=>f.value?c.value.repoLabel?c.value.repoLabel:d.value===null?"Source":d.value:null);return N(()=>!f.value||!p.value?[]:[{text:p.value,link:f.value}])},n=c=>ye(c)?zr(c):c.children?{...c,children:c.children.map(n)}:c,i=(()=>{const c=Ue();return N(()=>(c.value.navbar||[]).map(n))})(),s=t(),o=l(),a=N(()=>[...i.value,...s.value,...o.value]);return(c,u)=>x(a).length?(D(),K("nav",fv,[(D(!0),K(ge,null,nt(x(a),d=>(D(),K("div",{key:d.text,class:"navbar-item"},[d.children?(D(),De(ov,{key:0,item:d},null,8,["item"])):(D(),De(yt,{key:1,item:d},null,8,["item"]))]))),128))])):Oe("",!0)}});var Go=Pe(hv,[["__file","NavbarItems.vue"]]);const vv=["title"],pv={class:"icon",focusable:"false",viewBox:"0 0 32 32"},gv=to('',9),mv=[gv],_v={class:"icon",focusable:"false",viewBox:"0 0 32 32"},Ev=ae("path",{d:"M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z",fill:"currentColor"},null,-1),yv=[Ev],bv=de({name:"ToggleDarkModeButton",setup(e){const t=Ue(),l=jr(),n=()=>{l.value=!l.value};return(r,i)=>(D(),K("button",{class:"toggle-dark-button",title:x(t).toggleDarkMode,onClick:n},[cn((D(),K("svg",pv,mv,512)),[[vn,!x(l)]]),cn((D(),K("svg",_v,yv,512)),[[vn,x(l)]])],8,vv))}});var wv=Pe(bv,[["__file","ToggleDarkModeButton.vue"]]);const Cv=["title"],Av=ae("div",{class:"icon","aria-hidden":"true"},[ae("span"),ae("span"),ae("span")],-1),Rv=[Av],Pv=de({name:"ToggleSidebarButton",emits:["toggle"],setup(e){const t=Ue();return(l,n)=>(D(),K("div",{class:"toggle-sidebar-button",title:x(t).toggleSidebar,"aria-expanded":"false",role:"button",tabindex:"0",onClick:n[0]||(n[0]=r=>l.$emit("toggle"))},Rv,8,Cv))}});var Lv=Pe(Pv,[["__file","ToggleSidebarButton.vue"]]);const Sv=de({name:"Navbar",emits:["toggle-sidebar"],setup(e){const t=Ue(),l=be(null),n=be(null),r=be(0),i=N(()=>r.value?{maxWidth:r.value+"px"}:{}),s=N(()=>t.value.darkMode);Ke(()=>{const c=o(l.value,"paddingLeft")+o(l.value,"paddingRight"),u=()=>{var d;window.innerWidth<=719?r.value=0:r.value=l.value.offsetWidth-c-(((d=n.value)==null?void 0:d.offsetWidth)||0)};u(),window.addEventListener("resize",u,!1),window.addEventListener("orientationchange",u,!1)});function o(a,c){var f,p,g;const u=(g=(p=(f=a==null?void 0:a.ownerDocument)==null?void 0:f.defaultView)==null?void 0:p.getComputedStyle(a,null))==null?void 0:g[c],d=Number.parseInt(u,10);return Number.isNaN(d)?0:d}return(a,c)=>{const u=ht("NavbarSearch");return D(),K("header",{ref_key:"navbar",ref:l,class:"navbar"},[te(Lv,{onToggle:c[0]||(c[0]=d=>a.$emit("toggle-sidebar"))}),ae("span",{ref_key:"navbarBrand",ref:n},[te(Gh)],512),ae("div",{class:"navbar-items-wrapper",style:Vl(x(i))},[Le(a.$slots,"before"),te(Go,{class:"can-hide"}),Le(a.$slots,"after"),x(s)?(D(),De(wv,{key:0})):Oe("",!0),te(u)],4)],512)}}});var Ov=Pe(Sv,[["__file","Navbar.vue"]]);const xv={class:"page-meta"},Tv={key:0,class:"meta-item edit-link"},Dv={key:1,class:"meta-item last-updated"},Iv={class:"meta-item-label"},kv={class:"meta-item-info"},Mv={key:2,class:"meta-item contributors"},Bv={class:"meta-item-label"},$v={class:"meta-item-info"},Vv=["title"],Fv=wt(", "),Nv=de({name:"PageMeta",setup(e){const t=()=>{const a=Ue(),c=_t(),u=Et();return N(()=>{var E,R,V;if(!((R=(E=u.value.editLink)!=null?E:a.value.editLink)!=null?R:!0))return null;const{repo:f,docsRepo:p=f,docsBranch:g="main",docsDir:P="",editLinkText:w}=a.value;if(!p)return null;const m=dv({docsRepo:p,docsBranch:g,docsDir:P,filePathRelative:c.value.filePathRelative,editLinkPattern:(V=u.value.editLinkPattern)!=null?V:a.value.editLinkPattern});return m?{text:w!=null?w:"Edit this page",link:m}:null})},l=()=>{const a=Ue(),c=_t(),u=Et();return N(()=>{var p,g,P,w;return!((g=(p=u.value.lastUpdated)!=null?p:a.value.lastUpdated)!=null?g:!0)||!((P=c.value.git)!=null&&P.updatedTime)?null:new Date((w=c.value.git)==null?void 0:w.updatedTime).toLocaleString()})},n=()=>{const a=Ue(),c=_t(),u=Et();return N(()=>{var f,p,g,P;return((p=(f=u.value.contributors)!=null?f:a.value.contributors)!=null?p:!0)&&(P=(g=c.value.git)==null?void 0:g.contributors)!=null?P:null})},r=Ue(),i=t(),s=l(),o=n();return(a,c)=>{const u=ht("ClientOnly");return D(),K("footer",xv,[x(i)?(D(),K("div",Tv,[te(yt,{class:"meta-item-label",item:x(i)},null,8,["item"])])):Oe("",!0),x(s)?(D(),K("div",Dv,[ae("span",Iv,Te(x(r).lastUpdatedText)+": ",1),te(u,null,{default:ke(()=>[ae("span",kv,Te(x(s)),1)]),_:1})])):Oe("",!0),x(o)&&x(o).length?(D(),K("div",Mv,[ae("span",Bv,Te(x(r).contributorsText)+": ",1),ae("span",$v,[(D(!0),K(ge,null,nt(x(o),(d,f)=>(D(),K(ge,{key:f},[ae("span",{class:"contributor",title:`email: ${d.email}`},Te(d.name),9,Vv),f!==x(o).length-1?(D(),K(ge,{key:0},[Fv],64)):Oe("",!0)],64))),128))])])):Oe("",!0)])}}});var Hv=Pe(Nv,[["__file","PageMeta.vue"]]);const jv={key:0,class:"page-nav"},zv={class:"inner"},Jv={key:0,class:"prev"},Uv={key:1,class:"next"},Kv=de({name:"PageNav",setup(e){const t=a=>a===!1?null:ye(a)?zr(a):Mr(a)?a:!1,l=(a,c,u)=>{const d=a.findIndex(f=>f.link===c);if(d!==-1){const f=a[d+u];return f!=null&&f.link?f:null}for(const f of a)if(f.children){const p=l(f.children,c,u);if(p)return p}return null},n=Et(),r=Jr(),i=Vt(),s=N(()=>{const a=t(n.value.prev);return a!==!1?a:l(r.value,i.path,-1)}),o=N(()=>{const a=t(n.value.next);return a!==!1?a:l(r.value,i.path,1)});return(a,c)=>x(s)||x(o)?(D(),K("nav",jv,[ae("p",zv,[x(s)?(D(),K("span",Jv,[te(yt,{item:x(s)},null,8,["item"])])):Oe("",!0),x(o)?(D(),K("span",Uv,[te(yt,{item:x(o)},null,8,["item"])])):Oe("",!0)])])):Oe("",!0)}});var Wv=Pe(Kv,[["__file","PageNav.vue"]]);const qv={class:"page"},Gv={class:"theme-default-content"},Qv=de({name:"Page",setup(e){return(t,l)=>{const n=ht("Content");return D(),K("main",qv,[Le(t.$slots,"top"),ae("div",Gv,[Le(t.$slots,"content-top"),te(n),Le(t.$slots,"content-bottom")]),te(Hv),te(Wv),Le(t.$slots,"bottom")])}}});var Yv=Pe(Qv,[["__file","Page.vue"]]);const Zv={class:"sidebar-item-children"},Xv=de({name:"SidebarItem",props:{item:{type:Object,required:!0},depth:{type:Number,required:!1,default:0}},setup(e){const t=e,{item:l,depth:n}=wn(t),r=Vt(),i=Zt(),s=N(()=>Wo(l.value,r)),o=N(()=>({"sidebar-item":!0,"sidebar-heading":n.value===0,active:s.value,collapsible:l.value.collapsible})),a=be(!0),c=be(void 0);return l.value.collapsible&&(a.value=s.value,c.value=()=>{a.value=!a.value},i.afterEach(()=>{a.value=s.value})),(u,d)=>{var p;const f=ht("SidebarItem",!0);return D(),K("li",null,[x(l).link?(D(),De(yt,{key:0,class:je(x(o)),item:x(l)},null,8,["class","item"])):(D(),K("p",{key:1,tabindex:"0",class:je(x(o)),onClick:d[0]||(d[0]=(...g)=>c.value&&c.value(...g)),onKeydown:d[1]||(d[1]=Cu((...g)=>c.value&&c.value(...g),["enter"]))},[wt(Te(x(l).text)+" ",1),x(l).collapsible?(D(),K("span",{key:0,class:je(["arrow",a.value?"down":"right"])},null,2)):Oe("",!0)],34)),(p=x(l).children)!=null&&p.length?(D(),De(Ko,{key:2},{default:ke(()=>[cn(ae("ul",Zv,[(D(!0),K(ge,null,nt(x(l).children,g=>(D(),De(f,{key:`${x(n)}${g.text}${g.link}`,item:g,depth:x(n)+1},null,8,["item","depth"]))),128))],512),[[vn,a.value]])]),_:1})):Oe("",!0)])}}});var ep=Pe(Xv,[["__file","SidebarItem.vue"]]);const tp={key:0,class:"sidebar-items"},lp=de({name:"SidebarItems",setup(e){const t=Vt(),l=Jr();return Ke(()=>{ct(()=>t.hash,n=>{const r=document.querySelector(".sidebar");if(!r)return;const i=document.querySelector(`.sidebar a.sidebar-item[href="${t.path}${n}"]`);if(!i)return;const{top:s,height:o}=r.getBoundingClientRect(),{top:a,height:c}=i.getBoundingClientRect();as+o&&i.scrollIntoView(!1)})}),(n,r)=>x(l).length?(D(),K("ul",tp,[(D(!0),K(ge,null,nt(x(l),i=>(D(),De(ep,{key:i.link||i.text,item:i},null,8,["item"]))),128))])):Oe("",!0)}});var np=Pe(lp,[["__file","SidebarItems.vue"]]);const rp={class:"sidebar"},ip=de({name:"Sidebar",setup(e){return(t,l)=>(D(),K("aside",rp,[te(Go),Le(t.$slots,"top"),te(np),Le(t.$slots,"bottom")]))}});var sp=Pe(ip,[["__file","Sidebar.vue"]]);const op=de({name:"Layout",setup(e){const t=_t(),l=Et(),n=Ue(),r=N(()=>l.value.navbar!==!1&&n.value.navbar!==!1),i=Jr(),s=be(!1),o=w=>{s.value=typeof w=="boolean"?w:!s.value},a={x:0,y:0},c=w=>{a.x=w.changedTouches[0].clientX,a.y=w.changedTouches[0].clientY},u=w=>{const m=w.changedTouches[0].clientX-a.x,E=w.changedTouches[0].clientY-a.y;Math.abs(m)>Math.abs(E)&&Math.abs(m)>40&&(m>0&&a.x<=80?o(!0):o(!1))},d=N(()=>[{"no-navbar":!r.value,"no-sidebar":!i.value.length,"sidebar-open":s.value},l.value.pageClass]);let f;Ke(()=>{f=Zt().afterEach(()=>{o(!1)})}),Sn(()=>{f()});const p=jo(),g=p.resolve,P=p.pending;return(w,m)=>(D(),K("div",{class:je(["theme-container",x(d)]),onTouchstart:c,onTouchend:u},[Le(w.$slots,"navbar",{},()=>[x(r)?(D(),De(Ov,{key:0,onToggleSidebar:o},{before:ke(()=>[Le(w.$slots,"navbar-before")]),after:ke(()=>[Le(w.$slots,"navbar-after")]),_:3})):Oe("",!0)]),ae("div",{class:"sidebar-mask",onClick:m[0]||(m[0]=E=>o(!1))}),Le(w.$slots,"sidebar",{},()=>[te(sp,null,{top:ke(()=>[Le(w.$slots,"sidebar-top")]),bottom:ke(()=>[Le(w.$slots,"sidebar-bottom")]),_:3})]),Le(w.$slots,"page",{},()=>[x(l).home?(D(),De(Wh,{key:0})):(D(),De(jl,{key:1,name:"fade-slide-y",mode:"out-in",onBeforeEnter:x(g),onBeforeLeave:x(P)},{default:ke(()=>[(D(),De(Yv,{key:x(t).path},{top:ke(()=>[Le(w.$slots,"page-top")]),"content-top":ke(()=>[Le(w.$slots,"page-content-top")]),"content-bottom":ke(()=>[Le(w.$slots,"page-content-bottom")]),bottom:ke(()=>[Le(w.$slots,"page-bottom")]),_:3}))]),_:3},8,["onBeforeEnter","onBeforeLeave"]))])],34))}});var ap=Pe(op,[["__file","Layout.vue"]]);const cp={},up={class:"siteFooter"},dp=to('

Copyright \xA9 2019 All Right \uAC1C\uBC1C\uC790 \uD669\uC900\uC77C

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

',1),fp=[dp];function hp(e,t){return D(),K("footer",up,fp)}var vp=Pe(cp,[["render",hp],["__file","Footer.vue"]]);const pp={},Kr=e=>(Za("data-v-3cd83296"),e=e(),Xa(),e),gp={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},mp=Kr(()=>ae("path",{d:"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"},null,-1)),_p=Kr(()=>ae("path",{d:"M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"},null,-1)),Ep=Kr(()=>ae("path",{d:"M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"},null,-1)),yp=[mp,_p,Ep];function bp(e,t){return D(),K("svg",gp,yp)}var wp=Pe(pp,[["render",bp],["__scopeId","data-v-3cd83296"],["__file","TimeIcon.vue"]]);const Cp=["src"],Ap={key:0,class:"tags"},Rp=["onClick"],Pp=["innerHTML"],Lp=["innerHTML"],Sp=de({name:"PostItem",props:{item:null},emits:["select-tag"],setup(e,{emit:t}){const l=e,n=N(()=>{const{thumbnail:s}=l.item;if(!s){const o=[1,2,3].sort(()=>Math.random()-.5).pop();return Jl(`/assets/no-image-${o}.jpg`)}return s.startsWith("~")?new URL(s.replace("~","."),Kl.url.replace(".vuepress/theme/components/PostItem.vue","")).href:s}),r=N(()=>{var s;return(s=l.item.tag)==null?void 0:s.split(",").map(o=>o.trim())});function i(s){const o=Date.now()-s,a=1e3,c=a*60,u=c*60,d=u*24,f=d*7;if(o{const a=ht("router-link");return D(),K("article",null,[te(a,{to:e.item.path,class:"figure"},{default:ke(()=>[ae("img",{src:x(n),alt:"no-image"},null,8,Cp)]),_:1},8,["to"]),ae("div",null,[x(r)?(D(),K("p",Ap,[(D(!0),K(ge,null,nt(x(r),(c,u)=>(D(),K("a",{key:u,href:"#",onClick:oo(d=>t("select-tag",c),["prevent"])}," #"+Te(c),9,Rp))),128))])):Oe("",!0),te(a,{to:e.item.path,class:"info"},{default:ke(()=>[ae("h4",{innerHTML:e.item.title},null,8,Pp),ae("p",{innerHTML:e.item.description},null,8,Lp)]),_:1},8,["to"]),ae("time",null,[te(x(wp)),wt(" "+Te(i(e.item.createdAt)),1)])])])}}});var Op=Pe(Sp,[["__scopeId","data-v-0bf16f83"],["__file","PostItem.vue"]]);const xp=de({name:"Posts",props:{items:null},emits:["select-tag"],setup(e,{emit:t}){function l(n){t("select-tag",n)}return(n,r)=>(D(),K("ul",null,[(D(!0),K(ge,null,nt(e.items,(i,s)=>(D(),K("li",{key:s},[te(Op,{item:i,onSelectTag:l},null,8,["item"])]))),128))]))}});var Tp=Pe(xp,[["__scopeId","data-v-1c315a61"],["__file","Posts.vue"]]);let qn;function Dp(){const e=$t({posts:[]});return Ke(async()=>{qn||(qn=await fetch(Jl("/posts.json")).then(t=>t.json())),e.posts=qn}),Ss(e,"posts")}const Ip={class:"tags"},kp=["onClick"],Mp=["innerHTML"],Bp={class:"pagination"},$p=["innerHTML","onClick"],Vp=de({name:"MainPage",setup(e){const l="__CURRENT_PAGE__",n=$t({currentPage:1,selectedTag:"\uC804\uCCB4"}),r=Dp(),i=N(()=>r.value.reduce((d,f)=>{const p=f.tag.split(",").map(g=>g.trim());for(const g of p)d[g]=(d[g]||0)+1;return d},{\uC804\uCCB4:r.value.length})),s=N(()=>{const{selectedTag:d}=n;return d==="\uC804\uCCB4"?r.value:r.value.filter(f=>f.tag.includes(d))}),o=N(()=>{const d=(n.currentPage-1)*9,f=d+9;return s.value.slice(d,f)}),a=N(()=>Math.ceil(s.value.length/9));function c(d){n.currentPage=d,sessionStorage.setItem(l,String(d))}function u(d){n.selectedTag=d.trim(),c(1)}return Ke(async()=>{n.currentPage=Number(sessionStorage.getItem(l)||1)}),(d,f)=>(D(),K(ge,null,[te(ap,{class:"main-page"},{"page-content-top":ke(()=>[ae("section",null,[ae("div",Ip,[(D(!0),K(ge,null,nt(x(i),(p,g)=>(D(),K("a",{key:g,href:"#",class:je({active:g===n.selectedTag}),onClick:oo(P=>u(g),["prevent"])},[wt(" #"+Te(g.toUpperCase())+" ",1),ae("strong",{innerHTML:p},null,8,Mp)],10,kp))),128))]),te(x(Tp),{items:x(o),onSelectTag:u},null,8,["items"]),ae("div",Bp,[(D(!0),K(ge,null,nt(x(a),p=>(D(),K("button",{key:p,class:je({active:p===n.currentPage}),innerHTML:p,onClick:g=>c(p)},null,10,$p))),128))])])]),_:1}),te(x(vp))],64))}});var Fp=Pe(Vp,[["__scopeId","data-v-21ad3648"],["__file","MainPage.vue"]]),Np=vt({enhance({app:e}){e.component("MainPage",Fp)}});const Gn=[qd,Yd,tf,vf,_f,Cf,ch,fh,Ah,Np],Hp=[["v-8daa1a0e","/",{title:""},["/index.html","/README.md"]],["v-3e214e9b","/About/",{title:"Today I Learned"},["/About/index.html","/About/README.md"]],["v-689c0ccc","/writing/",{title:"\uAC1C\uBC1C\uC790\uC758 \uAE00\uC4F0\uAE30"},["/writing/index.html","/writing/README.md"]],["v-8eac9854","/Book/start-with-why/",{title:"Start with why \uC11C\uD3C9"},["/Book/start-with-why/index.html","/Book/start-with-why/README.md"]],["v-a6ee965c","/Gradle/GradleWrapper/",{title:"Gradle Wrapper"},["/Gradle/GradleWrapper/index.html","/Gradle/GradleWrapper/README.md"]],["v-05414511","/Javascript/Hangul-Consonants-Search/",{title:"Javascript \uD55C\uAE00 \uCD08\uC131\uAC80\uC0C9"},["/Javascript/Hangul-Consonants-Search/index.html","/Javascript/Hangul-Consonants-Search/README.md"]],["v-5c505680","/Review/Turnover/",{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 \uC774\uC9C1 \uD6C4\uAE30"},["/Review/Turnover/index.html","/Review/Turnover/README.md"]],["v-9c4164b4","/side-project/dku-schedule-manager/",{title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C\uB97C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC790"},["/side-project/dku-schedule-manager/index.html","/side-project/dku-schedule-manager/README.md"]],["v-03de736f","/vuepress/Deploy/",{title:"github page\uC5D0 \uBC30\uD3EC\uD558\uAE30"},["/vuepress/Deploy/index.html","/vuepress/Deploy/README.md"]],["v-3a9e944d","/vuepress/Plantuml/",{title:"markdown-it-plantuml"},["/vuepress/Plantuml/index.html","/vuepress/Plantuml/README.md"]],["v-e34619ce","/vuepress/Starter/",{title:"Vuepress \uC2DC\uC791\uD558\uAE30"},["/vuepress/Starter/index.html","/vuepress/Starter/README.md"]],["v-3458f75f","/vuepress/Theme/",{title:"VuePress \uD14C\uB9C8 \uC124\uC815"},["/vuepress/Theme/index.html","/vuepress/Theme/README.md"]],["v-6654db14","/vuepress/Utterances/",{title:"Vuepress + Utterances"},["/vuepress/Utterances/index.html","/vuepress/Utterances/README.md"]],["v-6711c8b3","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/",{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)"},["/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-1/","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/index.html","/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-1/README.md","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/README.md"]],["v-6711c8d2","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/",{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)"},["/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-2/","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/index.html","/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-2/README.md","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/README.md"]],["v-6711c8f1","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)"},["/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-3/","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/index.html","/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-3/README.md","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/README.md"]],["v-2ac5c1fc","/writing/02-2021-%EA%B3%84%ED%9A%8D/",{title:"2021 \uC0C8\uD574 \uACC4\uD68D"},["/writing/02-2021-\uACC4\uD68D/","/writing/02-2021-%EA%B3%84%ED%9A%8D/index.html","/writing/02-2021-\uACC4\uD68D/README.md","/writing/02-2021-%EA%B3%84%ED%9A%8D/README.md"]],["v-60f95159","/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/",{title:"\uC0DD\uAC01\uC815\uB9AC"},["/writing/03-\uC0DD\uAC01\uC815\uB9AC/","/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/index.html","/writing/03-\uC0DD\uAC01\uC815\uB9AC/README.md","/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/README.md"]],["v-065e7d40","/writing/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%B7%A8%EC%A4%80/",{title:"2023\uB144\uC744 \uB3CC\uC544\uBCF4\uBA70 \uC0DD\uAC01\uD55C \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uD558\uAE30"},["/writing/\uAC1C\uBC1C\uC790-\uCDE8\uC900/","/writing/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%B7%A8%EC%A4%80/index.html","/writing/\uAC1C\uBC1C\uC790-\uCDE8\uC900/README.md","/writing/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%B7%A8%EC%A4%80/README.md"]],["v-73d2a3d2","/writing/%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%8B%AC%EC%95%BC-FE-%ED%9B%84%EA%B8%B0/",{title:"\uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uD6C4\uAE30"},["/writing/\uC778\uD504\uB7F0-\uC2EC\uC57C-FE-\uD6C4\uAE30/","/writing/%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%8B%AC%EC%95%BC-FE-%ED%9B%84%EA%B8%B0/index.html","/writing/\uC778\uD504\uB7F0-\uC2EC\uC57C-FE-\uD6C4\uAE30/README.md","/writing/%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%8B%AC%EC%95%BC-FE-%ED%9B%84%EA%B8%B0/README.md"]],["v-37296673","/Book/OOP-Principle/00-Intro/",{title:"00 \uCC45 \uC18C\uAC1C | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/00-Intro/index.html","/Book/OOP-Principle/00-Intro/README.md"]],["v-f92d06e8","/Book/OOP-Principle/01-Loved-Human/",{title:"01 \uC0AC\uB78C\uC744 \uC0AC\uB791\uD55C \uAE30\uC220 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/01-Loved-Human/index.html","/Book/OOP-Principle/01-Loved-Human/README.md"]],["v-7b8ebb95","/Book/OOP-Principle/02-Java-As-PL/",{title:"02 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC790\uBC14 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/02-Java-As-PL/index.html","/Book/OOP-Principle/02-Java-As-PL/README.md"]],["v-4fb3c888","/Book/OOP-Principle/03-Java-As-OOP/",{title:"03 \uC790\uBC14\uC640 \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/03-Java-As-OOP/index.html","/Book/OOP-Principle/03-Java-As-OOP/README.md"]],["v-6b7a613f","/Book/OOP-Principle/04-Extended-By-Java/",{title:"04 \uC790\uBC14\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/04-Extended-By-Java/index.html","/Book/OOP-Principle/04-Extended-By-Java/README.md"]],["v-4dd8166f","/Book/OOP-Principle/05-SOLID/",{title:"05 \uAC1D\uCCB4 \uC9C0\uD5A5 \uC124\uACC4\uB97C \uC704\uD55C SOLID \uC6D0\uCE59 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/05-SOLID/index.html","/Book/OOP-Principle/05-SOLID/README.md"]],["v-cb81e678","/Book/OOP-Principle/06-Design-Pattern/",{title:"06 \uC2A4\uD504\uB9C1\uC774 \uC0AC\uB791\uD55C \uB514\uC790\uC778\uD328\uD134 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/06-Design-Pattern/index.html","/Book/OOP-Principle/06-Design-Pattern/README.md"]],["v-cdcc7d60","/Book/OOP-Principle/07-Spring-Triangle/",{title:"07 Spring Triangle | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/07-Spring-Triangle/index.html","/Book/OOP-Principle/07-Spring-Triangle/README.md"]],["v-0e44307f","/CodeSpitz/None-Blocking-Javascript/Intro/",{title:"None Blocking Javascript \uC18C\uAC1C"},["/CodeSpitz/None-Blocking-Javascript/Intro/index.html","/CodeSpitz/None-Blocking-Javascript/Intro/README.md"]],["v-4f9aab0b","/CodeSpitz/Object-Oriented-Javascript/01-Intro/",{title:"\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860"},["/CodeSpitz/Object-Oriented-Javascript/01-Intro/index.html","/CodeSpitz/Object-Oriented-Javascript/01-Intro/README.md"]],["v-676c76b0","/CodeSpitz/Object-Oriented-Javascript/02-MVVM/",{title:"MVVM System \uB9CC\uB4E4\uAE30"},["/CodeSpitz/Object-Oriented-Javascript/02-MVVM/index.html","/CodeSpitz/Object-Oriented-Javascript/02-MVVM/README.md"]],["v-41d7bea5","/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/",{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (1)"},["/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/index.html","/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/README.md"]],["v-05af0dad","/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/",{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (2)"},["/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/index.html","/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/README.md"]],["v-7081bdd8","/CodeSpitz/Object-Oriented-Javascript/05-Extension/",{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (3)"},["/CodeSpitz/Object-Oriented-Javascript/05-Extension/index.html","/CodeSpitz/Object-Oriented-Javascript/05-Extension/README.md"]],["v-13e4c5bc","/Javascript/Design/Vanilla-JS-Component/",{title:"Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30"},["/Javascript/Design/Vanilla-JS-Component/index.html","/Javascript/Design/Vanilla-JS-Component/README.md"]],["v-55f83590","/Javascript/Design/Vanilla-JS-Make-useSate-hook/",{title:"Vanilla Javascript\uB85C React UseState Hook \uB9CC\uB4E4\uAE30"},["/Javascript/Design/Vanilla-JS-Make-useSate-hook/index.html","/Javascript/Design/Vanilla-JS-Make-useSate-hook/README.md"]],["v-010cc28e","/Javascript/Design/Vanilla-JS-Server-Side-Rendering/",{title:"\uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uB9CC\uB4DC\uB294 SSR"},["/Javascript/Design/Vanilla-JS-Server-Side-Rendering/index.html","/Javascript/Design/Vanilla-JS-Server-Side-Rendering/README.md"]],["v-28fe6b58","/Javascript/Design/Vanilla-JS-Store/",{title:"Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30"},["/Javascript/Design/Vanilla-JS-Store/index.html","/Javascript/Design/Vanilla-JS-Store/README.md"]],["v-be06058e","/Javascript/Design/Vanilla-JS-Virtual-DOM/",{title:"Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30"},["/Javascript/Design/Vanilla-JS-Virtual-DOM/index.html","/Javascript/Design/Vanilla-JS-Virtual-DOM/README.md"]],["v-761b164c","/Javascript/Domain/Concurrency-Parallel/",{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131"},["/Javascript/Domain/Concurrency-Parallel/index.html","/Javascript/Domain/Concurrency-Parallel/README.md"]],["v-ff5878d4","/Javascript/Domain/Event-Loop/",{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC774\uBCA4\uD2B8 \uB8E8\uD504"},["/Javascript/Domain/Event-Loop/index.html","/Javascript/Domain/Event-Loop/README.md"]],["v-2925cf37","/Javascript/Domain/Execution-Context/",{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8"},["/Javascript/Domain/Execution-Context/index.html","/Javascript/Domain/Execution-Context/README.md"]],["v-34049515","/Javascript/Domain/Non-Blocking-Loop/",{title:"Non-Blocking Loop \uB9CC\uB4E4\uAE30"},["/Javascript/Domain/Non-Blocking-Loop/index.html","/Javascript/Domain/Non-Blocking-Loop/README.md"]],["v-3c50244d","/Review/2020-year/01-First-Quarter/",{title:"2020\uB144 1\uBD84\uAE30 \uD68C\uACE0"},["/Review/2020-year/01-First-Quarter/index.html","/Review/2020-year/01-First-Quarter/README.md"]],["v-6c466d1c","/Review/2020-year/01-January/",{title:"2020\uB144 1\uC6D4 \uD68C\uACE0"},["/Review/2020-year/01-January/index.html","/Review/2020-year/01-January/README.md"]],["v-53866e7e","/Review/2020-year/02-February/",{title:"2020\uB144 2\uC6D4 \uD68C\uACE0"},["/Review/2020-year/02-February/index.html","/Review/2020-year/02-February/README.md"]],["v-1c9d7550","/Review/2020-year/02-Second-Quarter/",{title:"2020\uB144 2\uBD84\uAE30 \uD68C\uACE0"},["/Review/2020-year/02-Second-Quarter/index.html","/Review/2020-year/02-Second-Quarter/README.md"]],["v-f6b5b892","/Review/2020-year/03-March/",{title:"2020\uB144 3\uC6D4 \uD68C\uACE0"},["/Review/2020-year/03-March/index.html","/Review/2020-year/03-March/README.md"]],["v-4e40be9a","/Review/2020-year/04-April/",{title:"2020\uB144 4\uC6D4 \uD68C\uACE0"},["/Review/2020-year/04-April/index.html","/Review/2020-year/04-April/README.md"]],["v-0747c4d3","/Review/2020-year/05-May/",{title:"2020\uB144 5\uC6D4 \uD68C\uACE0"},["/Review/2020-year/05-May/index.html","/Review/2020-year/05-May/README.md"]],["v-1675bf25","/Review/2020-year/06-June/",{title:"2020\uB144 6\uC6D4 \uD68C\uACE0"},["/Review/2020-year/06-June/index.html","/Review/2020-year/06-June/README.md"]],["v-4b5bf550","/Review/2020-year/07-July/",{title:"2020\uB144 7\uC6D4 \uD68C\uACE0"},["/Review/2020-year/07-July/index.html","/Review/2020-year/07-July/README.md"]],["v-c7cdfcf4","/Review/2020-year/08-August/",{title:"2020\uB144 8\uC6D4 \uD68C\uACE0"},["/Review/2020-year/08-August/index.html","/Review/2020-year/08-August/README.md"]],["v-e738f4ba","/Review/2020-year/09-September/",{title:"2020\uB144 9\uC6D4 \uD68C\uACE0"},["/Review/2020-year/09-September/index.html","/Review/2020-year/09-September/README.md"]],["v-34d9a944","/Review/2020-year/10-October/",{title:"2020\uB144 10\uC6D4 \uD68C\uACE0"},["/Review/2020-year/10-October/index.html","/Review/2020-year/10-October/README.md"]],["v-05561bcf","/Review/2020-year/11-November/",{title:"2020\uB144 11\uC6D4 \uD68C\uACE0"},["/Review/2020-year/11-November/index.html","/Review/2020-year/11-November/README.md"]],["v-58a75c06","/Review/2020-year/12-December/",{title:"2020\uB144 12\uC6D4 \uD68C\uACE0"},["/Review/2020-year/12-December/index.html","/Review/2020-year/12-December/README.md"]],["v-4003505a","/Review/2020-year/end/",{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 \uD68C\uACE0"},["/Review/2020-year/end/index.html","/Review/2020-year/end/README.md"]],["v-3851b32c","/Review/2021-year/01-First-Quarter/",{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0"},["/Review/2021-year/01-First-Quarter/index.html","/Review/2021-year/01-First-Quarter/README.md"]],["v-74e30a94","/Review/2021-year/end/",{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0"},["/Review/2021-year/end/index.html","/Review/2021-year/end/README.md"]],["v-09c7bd55","/Review/2022-year/end/",{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2022\uB144 \uD68C\uACE0"},["/Review/2022-year/end/index.html","/Review/2022-year/end/README.md"]],["v-c2a71fd4","/Review/2023-year/end/",{title:"2023\uB144 \uD68C\uACE0"},["/Review/2023-year/end/index.html","/Review/2023-year/end/README.md"]],["v-09eb19cb","/Review/2024-year/01/",{title:"2024\uB144 1\uC6D4 \uD68C\uACE0"},["/Review/2024-year/01/index.html","/Review/2024-year/01/README.md"]],["v-3706649a","/404.html",{title:""},["/404"]]],jp=Hp.reduce((e,[t,l,n,r])=>(e.push({name:t,path:l,component:xi,meta:n},...r.map(i=>({path:i,redirect:l}))),e),[{name:"404",path:"/:catchAll(.*)",component:xi}]);var zp=nd,Jp=()=>{const e=Nd({history:zp(ao(Dt.value.base)),routes:jp,scrollBehavior:(t,l,n)=>n||(t.hash?{el:t.hash}:{top:0})});return e.beforeResolve(async(t,l)=>{var n;(t.path!==l.path||l===pt)&&([mt.value]=await Promise.all([zt.resolvePageData(t.name),(n=fo[t.name])==null?void 0:n.__asyncLoader()]))}),e},Up=e=>{e.component("ClientOnly",Vr),e.component("Content",Vu)},Kp=(e,t)=>{const l=N(()=>zt.resolveRouteLocale(Dt.value.locales,t.currentRoute.value.path)),n=N(()=>zt.resolveSiteLocaleData(Dt.value,l.value)),r=N(()=>zt.resolvePageFrontmatter(mt.value)),i=N(()=>zt.resolvePageHeadTitle(mt.value,n.value)),s=N(()=>zt.resolvePageHead(i.value,r.value,n.value)),o=N(()=>zt.resolvePageLang(mt.value));return e.provide(Br,l),e.provide(Eo,n),e.provide(po,r),e.provide(Mu,i),e.provide(go,s),e.provide(mo,o),Object.defineProperties(e.config.globalProperties,{$frontmatter:{get:()=>r.value},$head:{get:()=>s.value},$headTitle:{get:()=>i.value},$lang:{get:()=>o.value},$page:{get:()=>mt.value},$routeLocale:{get:()=>l.value},$site:{get:()=>Dt.value},$siteLocale:{get:()=>n.value},$withBase:{get:()=>Jl}}),{pageData:mt,pageFrontmatter:r,pageHead:s,pageHeadTitle:i,pageLang:o,routeLocale:l,siteData:Dt,siteLocaleData:n}},Wp=()=>{const e=Vt(),t=ku(),l=Bu(),n=be([]),r=()=>{t.value.forEach(s=>{const o=qp(s);o&&n.value.push(o)})},i=()=>{document.documentElement.lang=l.value,n.value.forEach(s=>{s.parentNode===document.head&&document.head.removeChild(s)}),n.value.splice(0,n.value.length),t.value.forEach(s=>{const o=Gp(s);o!==null&&(document.head.appendChild(o),n.value.push(o))})};Gt($u,i),Ke(()=>{r(),i(),ct(()=>e.path,()=>i())})},qp=([e,t,l=""])=>{const n=Object.entries(t).map(([o,a])=>ye(a)?`[${o}="${a}"]`:a===!0?`[${o}]`:"").join(""),r=`head > ${e}${n}`;return Array.from(document.querySelectorAll(r)).find(o=>o.innerText===l)||null},Gp=([e,t,l])=>{if(!ye(e))return null;const n=document.createElement(e);return Mr(t)&&Object.entries(t).forEach(([r,i])=>{ye(i)?n.setAttribute(r,i):i===!0&&n.setAttribute(r,"")}),ye(l)&&n.appendChild(document.createTextNode(l)),n},Qp=Pu,Yp=async()=>{var l;const e=Qp({name:"VuepressApp",setup(){var n;Wp();for(const r of Gn)(n=r.setup)==null||n.call(r);return()=>[fe(Do),...Gn.flatMap(({rootComponents:r=[]})=>r.map(i=>fe(i)))]}}),t=Jp();Up(e),Kp(e,t);for(const n of Gn)await((l=n.enhance)==null?void 0:l.call(n,{app:e,router:t,siteData:Dt}));return e.use(t),{app:e,router:t}};Yp().then(({app:e,router:t})=>{t.isReady().then(()=>{e.mount("#app")})});export{vp as F,Tp as P,Pe as _,ae as a,te as b,K as c,Yp as createVueApp,to as d,wt as e,de as f,Ue as g,x as h,be as i,Ke as j,ct as k,_t as l,Dp as m,N as n,D as o,Oe as p,ap as q,ht as r,ge as s,Te as t,Tn as u,ke as w}; +See: https://github.com/francoischalifour/medium-zoom`)}},nf=function(t){var l=document.createElement("div");return l.classList.add("medium-zoom-overlay"),l.style.background=t,l},rf=function(t){var l=t.getBoundingClientRect(),n=l.top,r=l.left,i=l.width,s=l.height,o=t.cloneNode(),a=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,c=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return o.removeAttribute("id"),o.style.position="absolute",o.style.top=n+a+"px",o.style.left=r+c+"px",o.style.width=i+"px",o.style.height=s+"px",o.style.transform="",o},tl=function(t,l){var n=Jt({bubbles:!1,cancelable:!1,detail:void 0},l);if(typeof window.CustomEvent=="function")return new CustomEvent(t,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(t,n.bubbles,n.cancelable,n.detail),r},sf=function e(t){var l=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=window.Promise||function(C){function F(){}C(F,F)},r=function(C){var F=C.target;if(F===Z){g();return}R.indexOf(F)!==-1&&P({target:F})},i=function(){if(!(W||!_.original)){var C=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(z-C)>B.scrollOffset&&setTimeout(g,150)}},s=function(C){var F=C.key||C.keyCode;(F==="Escape"||F==="Esc"||F===27)&&g()},o=function(){var C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},F=C;if(C.background&&(Z.style.background=C.background),C.container&&C.container instanceof Object&&(F.container=Jt({},B.container,C.container)),C.template){var k=nn(C.template)?C.template:document.querySelector(C.template);F.template=k}return B=Jt({},B,F),R.forEach(function(oe){oe.dispatchEvent(tl("medium-zoom:update",{detail:{zoom:J}}))}),J},a=function(){var C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return e(Jt({},B,C))},c=function(){for(var C=arguments.length,F=Array(C),k=0;k0?F.reduce(function(j,ie){return[].concat(j,Wi(ie))},[]):R;return oe.forEach(function(j){j.classList.remove("medium-zoom-image"),j.dispatchEvent(tl("medium-zoom:detach",{detail:{zoom:J}}))}),R=R.filter(function(j){return oe.indexOf(j)===-1}),J},d=function(C,F){var k=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return R.forEach(function(oe){oe.addEventListener("medium-zoom:"+C,F,k)}),V.push({type:"medium-zoom:"+C,listener:F,options:k}),J},f=function(C,F){var k=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return R.forEach(function(oe){oe.removeEventListener("medium-zoom:"+C,F,k)}),V=V.filter(function(oe){return!(oe.type==="medium-zoom:"+C&&oe.listener.toString()===F.toString())}),J},p=function(){var C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},F=C.target,k=function(){var j={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},ie=void 0,ue=void 0;if(B.container)if(B.container instanceof Object)j=Jt({},j,B.container),ie=j.width-j.left-j.right-B.margin*2,ue=j.height-j.top-j.bottom-B.margin*2;else{var xe=nn(B.container)?B.container:document.querySelector(B.container),Ne=xe.getBoundingClientRect(),We=Ne.width,Xe=Ne.height,ze=Ne.left,gl=Ne.top;j=Jt({},j,{width:We,height:Xe,left:ze,top:gl})}ie=ie||j.width-B.margin*2,ue=ue||j.height-B.margin*2;var A=_.zoomedHd||_.original,q=Ki(A)?ie:A.naturalWidth||ie,M=Ki(A)?ue:A.naturalHeight||ue,G=A.getBoundingClientRect(),_e=G.top,Ee=G.left,ce=G.width,re=G.height,h=Math.min(q,ie)/ce,v=Math.min(M,ue)/re,y=Math.min(h,v),S=(-Ee+(ie-ce)/2+B.margin+j.left)/y,L=(-_e+(ue-re)/2+B.margin+j.top)/y,T="scale("+y+") translate3d("+S+"px, "+L+"px, 0)";_.zoomed.style.transform=T,_.zoomedHd&&(_.zoomedHd.style.transform=T)};return new n(function(oe){if(F&&R.indexOf(F)===-1){oe(J);return}var j=function We(){W=!1,_.zoomed.removeEventListener("transitionend",We),_.original.dispatchEvent(tl("medium-zoom:opened",{detail:{zoom:J}})),oe(J)};if(_.zoomed){oe(J);return}if(F)_.original=F;else if(R.length>0){var ie=R;_.original=ie[0]}else{oe(J);return}if(_.original.dispatchEvent(tl("medium-zoom:open",{detail:{zoom:J}})),z=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,W=!0,_.zoomed=rf(_.original),document.body.appendChild(Z),B.template){var ue=nn(B.template)?B.template:document.querySelector(B.template);_.template=document.createElement("div"),_.template.appendChild(ue.content.cloneNode(!0)),document.body.appendChild(_.template)}if(document.body.appendChild(_.zoomed),window.requestAnimationFrame(function(){document.body.classList.add("medium-zoom--opened")}),_.original.classList.add("medium-zoom-image--hidden"),_.zoomed.classList.add("medium-zoom-image--opened"),_.zoomed.addEventListener("click",g),_.zoomed.addEventListener("transitionend",j),_.original.getAttribute("data-zoom-src")){_.zoomedHd=_.zoomed.cloneNode(),_.zoomedHd.removeAttribute("srcset"),_.zoomedHd.removeAttribute("sizes"),_.zoomedHd.src=_.zoomed.getAttribute("data-zoom-src"),_.zoomedHd.onerror=function(){clearInterval(xe),console.warn("Unable to reach the zoom image target "+_.zoomedHd.src),_.zoomedHd=null,k()};var xe=setInterval(function(){_.zoomedHd.complete&&(clearInterval(xe),_.zoomedHd.classList.add("medium-zoom-image--opened"),_.zoomedHd.addEventListener("click",g),document.body.appendChild(_.zoomedHd),k())},10)}else if(_.original.hasAttribute("srcset")){_.zoomedHd=_.zoomed.cloneNode(),_.zoomedHd.removeAttribute("sizes"),_.zoomedHd.removeAttribute("loading");var Ne=_.zoomedHd.addEventListener("load",function(){_.zoomedHd.removeEventListener("load",Ne),_.zoomedHd.classList.add("medium-zoom-image--opened"),_.zoomedHd.addEventListener("click",g),document.body.appendChild(_.zoomedHd),k()})}else k()})},g=function(){return new n(function(C){if(W||!_.original){C(J);return}var F=function k(){_.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(_.zoomed),_.zoomedHd&&document.body.removeChild(_.zoomedHd),document.body.removeChild(Z),_.zoomed.classList.remove("medium-zoom-image--opened"),_.template&&document.body.removeChild(_.template),W=!1,_.zoomed.removeEventListener("transitionend",k),_.original.dispatchEvent(tl("medium-zoom:closed",{detail:{zoom:J}})),_.original=null,_.zoomed=null,_.zoomedHd=null,_.template=null,C(J)};W=!0,document.body.classList.remove("medium-zoom--opened"),_.zoomed.style.transform="",_.zoomedHd&&(_.zoomedHd.style.transform=""),_.template&&(_.template.style.transition="opacity 150ms",_.template.style.opacity=0),_.original.dispatchEvent(tl("medium-zoom:close",{detail:{zoom:J}})),_.zoomed.addEventListener("transitionend",F)})},P=function(){var C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},F=C.target;return _.original?g():p({target:F})},w=function(){return B},m=function(){return R},E=function(){return _.original},R=[],V=[],W=!1,z=0,B=l,_={original:null,zoomed:null,zoomedHd:null,template:null};Object.prototype.toString.call(t)==="[object Object]"?B=t:(t||typeof t=="string")&&c(t),B=Jt({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},B);var Z=nf(B.background);document.addEventListener("click",r),document.addEventListener("keyup",s),document.addEventListener("scroll",i),window.addEventListener("resize",g);var J={open:p,close:g,toggle:P,update:o,clone:a,attach:c,detach:u,on:d,off:f,getOptions:w,getImages:m,getZoomedImage:E};return J};function of(e,t){t===void 0&&(t={});var l=t.insertAt;if(!(!e||typeof document=="undefined")){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",l==="top"&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}var af=".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}";of(af);var cf=sf;const uf=Symbol("mediumZoom");const df=".theme-default-content > img, .theme-default-content :not(a) > img",ff={},hf=300;var vf=vt({enhance({app:e,router:t}){const l=cf(ff);l.refresh=(n=df)=>{l.detach(),l.attach(n)},e.provide(uf,l),t.afterEach(()=>{setTimeout(()=>l.refresh(),hf)})}});const pe={settings:{minimum:.08,easing:"ease",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,barSelector:'[role="bar"]',parent:"body",template:'
'},status:null,set:e=>{const t=pe.isStarted();e=Un(e,pe.settings.minimum,1),pe.status=e===1?null:e;const l=pe.render(!t),n=l.querySelector(pe.settings.barSelector),r=pe.settings.speed,i=pe.settings.easing;return l.offsetWidth,pf(s=>{tn(n,{transform:"translate3d("+qi(e)+"%,0,0)",transition:"all "+r+"ms "+i}),e===1?(tn(l,{transition:"none",opacity:"1"}),l.offsetWidth,setTimeout(function(){tn(l,{transition:"all "+r+"ms linear",opacity:"0"}),setTimeout(function(){pe.remove(),s()},r)},r)):setTimeout(()=>s(),r)}),pe},isStarted:()=>typeof pe.status=="number",start:()=>{pe.status||pe.set(0);const e=()=>{setTimeout(()=>{!pe.status||(pe.trickle(),e())},pe.settings.trickleSpeed)};return pe.settings.trickle&&e(),pe},done:e=>!e&&!pe.status?pe:pe.inc(.3+.5*Math.random()).set(1),inc:e=>{let t=pe.status;return t?(typeof e!="number"&&(e=(1-t)*Un(Math.random()*t,.1,.95)),t=Un(t+e,0,.994),pe.set(t)):pe.start()},trickle:()=>pe.inc(Math.random()*pe.settings.trickleRate),render:e=>{if(pe.isRendered())return document.getElementById("nprogress");Gi(document.documentElement,"nprogress-busy");const t=document.createElement("div");t.id="nprogress",t.innerHTML=pe.settings.template;const l=t.querySelector(pe.settings.barSelector),n=e?"-100":qi(pe.status||0),r=document.querySelector(pe.settings.parent);return tn(l,{transition:"all 0 linear",transform:"translate3d("+n+"%,0,0)"}),r!==document.body&&Gi(r,"nprogress-custom-parent"),r==null||r.appendChild(t),t},remove:()=>{Qi(document.documentElement,"nprogress-busy"),Qi(document.querySelector(pe.settings.parent),"nprogress-custom-parent");const e=document.getElementById("nprogress");e&&gf(e)},isRendered:()=>!!document.getElementById("nprogress")},Un=(e,t,l)=>el?l:e,qi=e=>(-1+e)*100,pf=function(){const e=[];function t(){const l=e.shift();l&&l(t)}return function(l){e.push(l),e.length===1&&t()}}(),tn=function(){const e=["Webkit","O","Moz","ms"],t={};function l(s){return s.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(o,a){return a.toUpperCase()})}function n(s){const o=document.body.style;if(s in o)return s;let a=e.length;const c=s.charAt(0).toUpperCase()+s.slice(1);let u;for(;a--;)if(u=e[a]+c,u in o)return u;return s}function r(s){return s=l(s),t[s]||(t[s]=n(s))}function i(s,o,a){o=r(o),s.style[o]=a}return function(s,o){for(const a in o){const c=o[a];c!==void 0&&Object.prototype.hasOwnProperty.call(o,a)&&i(s,a,c)}}}(),Io=(e,t)=>(typeof e=="string"?e:Hr(e)).indexOf(" "+t+" ")>=0,Gi=(e,t)=>{const l=Hr(e),n=l+t;Io(l,t)||(e.className=n.substring(1))},Qi=(e,t)=>{const l=Hr(e);if(!Io(e,t))return;const n=l.replace(" "+t+" "," ");e.className=n.substring(1,n.length-1)},Hr=e=>(" "+(e.className||"")+" ").replace(/\s+/gi," "),gf=e=>{e&&e.parentNode&&e.parentNode.removeChild(e)};const mf=()=>{Ke(()=>{const e=Zt(),t=new Set;t.add(e.currentRoute.value.path),e.beforeEach(l=>{t.has(l.path)||pe.start()}),e.afterEach(l=>{t.add(l.path),pe.done()})})};var _f=vt({setup(){mf()}});const Ef={logo:"https://avatars1.githubusercontent.com/u/18749057?s=460&v=4",navbar:[{text:"Home",link:"/"},{text:"About",link:"/About/"}],sidebar:"auto",lastUpdated:!0,contributors:!1,locales:{"/":{selectLanguageName:"English"}},darkMode:!0,repo:null,selectLanguageText:"Languages",selectLanguageAriaLabel:"Select language",sidebarDepth:2,editLink:!0,editLinkText:"Edit this page",lastUpdatedText:"Last Updated",contributorsText:"Contributors",notFound:["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],backToHome:"Take me home",openInNewWindow:"open in new window",toggleDarkMode:"toggle dark mode",toggleSidebar:"toggle sidebar"},ko=be(Ef),yf=()=>ko;Kl.webpackHot&&(__VUE_HMR_RUNTIME__.updateThemeData=e=>{ko.value=e});const Mo=Symbol(""),bf=()=>{const e=$e(Mo);if(!e)throw new Error("useThemeLocaleData() is called without provider.");return e},wf=(e,t)=>{var l;return{...e,...(l=e.locales)==null?void 0:l[t]}};var Cf=vt({enhance({app:e}){const t=yf(),l=e._context.provides[Br],n=N(()=>wf(t.value,l.value));e.provide(Mo,n),Object.defineProperties(e.config.globalProperties,{$theme:{get(){return t.value}},$themeLocale:{get(){return n.value}}})}}),Pe=(e,t)=>{const l=e.__vccOpts||e;for(const[n,r]of t)l[n]=r;return l};const Af=de({name:"Badge",props:{type:{type:String,required:!1,default:"tip"},text:{type:String,required:!1,default:""},vertical:{type:String,required:!1,default:void 0}},setup(e){return(t,l)=>(D(),K("span",{class:je(["badge",e.type]),style:Vl({verticalAlign:e.vertical})},[Le(t.$slots,"default",{},()=>[wt(Te(e.text),1)])],6))}});var Rf=Pe(Af,[["__file","Badge.vue"]]);const Pf=de({name:"CodeGroup",setup(e,{slots:t}){const l=be(-1),n=be([]),r=(o=l.value)=>{o{o>0?l.value=o-1:l.value=n.value.length-1,n.value[l.value].focus()},s=(o,a)=>{o.key===" "||o.key==="Enter"?(o.preventDefault(),l.value=a):o.key==="ArrowRight"?(o.preventDefault(),r(a)):o.key==="ArrowLeft"&&(o.preventDefault(),i(a))};return()=>{var a;const o=(((a=t.default)==null?void 0:a.call(t))||[]).filter(c=>c.type.name==="CodeGroupItem").map(c=>(c.props===null&&(c.props={}),c));return o.length===0?null:(l.value<0||l.value>o.length-1?(l.value=o.findIndex(c=>c.props.active===""||c.props.active===!0),l.value===-1&&(l.value=0)):o.forEach((c,u)=>{c.props.active=u===l.value}),fe("div",{class:"code-group"},[fe("div",{class:"code-group__nav"},fe("ul",{class:"code-group__ul"},o.map((c,u)=>{const d=u===l.value;return fe("li",{class:"code-group__li"},fe("button",{ref:f=>{f&&(n.value[u]=f)},class:{"code-group__nav-tab":!0,"code-group__nav-tab-active":d},ariaPressed:d,ariaExpanded:d,onClick:()=>l.value=u,onKeydown:f=>s(f,u)},c.props.title))}))),o]))}}}),Lf=["aria-selected"],Sf=de({name:"CodeGroupItem"}),Of=de({...Sf,props:{title:{type:String,required:!0},active:{type:Boolean,required:!1,default:!1}},setup(e){return(t,l)=>(D(),K("div",{class:je(["code-group-item",{"code-group-item__active":e.active}]),"aria-selected":e.active},[Le(t.$slots,"default")],10,Lf))}});var xf=Pe(Of,[["__file","CodeGroupItem.vue"]]);function Bo(e){return ha()?(va(e),!0):!1}var Yi;const Ul=typeof window!="undefined",Tf=e=>typeof e=="string",Kn=()=>{};Ul&&((Yi=window==null?void 0:window.navigator)==null?void 0:Yi.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function Df(e,t){function l(...n){e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})}return l}const $o=e=>e();function If(e=$o){const t=be(!0);function l(){t.value=!1}function n(){t.value=!0}return{isActive:t,pause:l,resume:n,eventFilter:(...i)=>{t.value&&e(...i)}}}function kf(e,t=!0){lo()?Hs(e):t?e():Tr(e)}var Zi=Object.getOwnPropertySymbols,Mf=Object.prototype.hasOwnProperty,Bf=Object.prototype.propertyIsEnumerable,$f=(e,t)=>{var l={};for(var n in e)Mf.call(e,n)&&t.indexOf(n)<0&&(l[n]=e[n]);if(e!=null&&Zi)for(var n of Zi(e))t.indexOf(n)<0&&Bf.call(e,n)&&(l[n]=e[n]);return l};function Vf(e,t,l={}){const n=l,{eventFilter:r=$o}=n,i=$f(n,["eventFilter"]);return ct(e,Df(r,t),i)}var Ff=Object.defineProperty,Nf=Object.defineProperties,Hf=Object.getOwnPropertyDescriptors,gn=Object.getOwnPropertySymbols,Vo=Object.prototype.hasOwnProperty,Fo=Object.prototype.propertyIsEnumerable,Xi=(e,t,l)=>t in e?Ff(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,jf=(e,t)=>{for(var l in t||(t={}))Vo.call(t,l)&&Xi(e,l,t[l]);if(gn)for(var l of gn(t))Fo.call(t,l)&&Xi(e,l,t[l]);return e},zf=(e,t)=>Nf(e,Hf(t)),Jf=(e,t)=>{var l={};for(var n in e)Vo.call(e,n)&&t.indexOf(n)<0&&(l[n]=e[n]);if(e!=null&&gn)for(var n of gn(e))t.indexOf(n)<0&&Fo.call(e,n)&&(l[n]=e[n]);return l};function Uf(e,t,l={}){const n=l,{eventFilter:r}=n,i=Jf(n,["eventFilter"]),{eventFilter:s,pause:o,resume:a,isActive:c}=If(r);return{stop:Vf(e,t,zf(jf({},i),{eventFilter:s})),pause:o,resume:a,isActive:c}}function Kf(e){var t;const l=x(e);return(t=l==null?void 0:l.$el)!=null?t:l}const mn=Ul?window:void 0;Ul&&window.document;Ul&&window.navigator;Ul&&window.location;function Wf(...e){let t,l,n,r;if(Tf(e[0])?([l,n,r]=e,t=mn):[t,l,n,r]=e,!t)return Kn;let i=Kn;const s=ct(()=>Kf(t),a=>{i(),a&&(a.addEventListener(l,n,r),i=()=>{a.removeEventListener(l,n,r),i=Kn})},{immediate:!0,flush:"post"}),o=()=>{s(),i()};return Bo(o),o}function qf(e,t={}){const{window:l=mn}=t,n=Boolean(l&&"matchMedia"in l);let r;const i=be(!1),s=()=>{!n||(r||(r=l.matchMedia(e)),i.value=r.matches)};return kf(()=>{s(),r&&("addEventListener"in r?r.addEventListener("change",s):r.addListener(s),Bo(()=>{"removeEventListener"in r?r.removeEventListener("change",s):r.removeListener(s)}))}),i}const pr=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},gr="__vueuse_ssr_handlers__";pr[gr]=pr[gr]||{};const Gf=pr[gr];function Qf(e,t){return Gf[e]||t}function Yf(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"||Array.isArray(e)?"object":Number.isNaN(e)?"any":"number"}const Zf={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}};function Xf(e,t,l,n={}){var r;const{flush:i="pre",deep:s=!0,listenToStorageChanges:o=!0,writeDefaults:a=!0,shallow:c,window:u=mn,eventFilter:d,onError:f=z=>{console.error(z)}}=n,p=(c?Rs:be)(t);if(!l)try{l=Qf("getDefaultStorage",()=>{var z;return(z=mn)==null?void 0:z.localStorage})()}catch(z){f(z)}if(!l)return p;const g=x(t),P=Yf(g),w=(r=n.serializer)!=null?r:Zf[P],{pause:m,resume:E}=Uf(p,()=>R(p.value),{flush:i,deep:s,eventFilter:d});return u&&o&&Wf(u,"storage",W),W(),p;function R(z){try{z==null?l.removeItem(e):l.setItem(e,w.write(z))}catch(B){f(B)}}function V(z){if(!(z&&z.key!==e)){m();try{const B=z?z.newValue:l.getItem(e);return B==null?(a&&g!==null&&l.setItem(e,w.write(g)),g):typeof B!="string"?B:w.read(B)}catch(B){f(B)}finally{E()}}}function W(z){z&&z.key!==e||(p.value=V(z))}}function eh(e){return qf("(prefers-color-scheme: dark)",e)}var es;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(es||(es={}));const No=Symbol(""),jr=()=>{const e=$e(No);if(!e)throw new Error("useDarkMode() is called without provider.");return e},th=()=>{const e=Ue(),t=eh(),l=Xf("vuepress-color-scheme","auto"),n=N({get(){return e.value.darkMode?l.value==="auto"?t.value:l.value==="dark":!1},set(r){r===t.value?l.value="auto":l.value=r?"dark":"light"}});Gt(No,n),lh(n)},lh=e=>{const t=(l=e.value)=>{const n=window==null?void 0:window.document.querySelector("html");n==null||n.classList.toggle("dark",l)};Ke(()=>{ct(e,t,{immediate:!0})}),Sn(()=>t())},Ho=(...e)=>{const l=Zt().resolve(...e),n=l.matched[l.matched.length-1];if(!(n!=null&&n.redirect))return l;const{redirect:r}=n,i=se(r)?r(l):r,s=ye(i)?{path:i}:i;return Ho({hash:l.hash,query:l.query,params:l.params,...s})},zr=e=>{const t=Ho(encodeURI(e));return{text:t.meta.title||e,link:t.name==="404"?e:t.fullPath}};let Wn=null,bl=null;const nh={wait:()=>Wn,pending:()=>{Wn=new Promise(e=>bl=e)},resolve:()=>{bl==null||bl(),Wn=null,bl=null}},jo=()=>nh,zo=Symbol("sidebarItems"),Jr=()=>{const e=$e(zo);if(!e)throw new Error("useSidebarItems() is called without provider.");return e},rh=()=>{const e=Ue(),t=Et(),l=N(()=>ih(t.value,e.value));Gt(zo,l)},ih=(e,t)=>{var r,i,s,o;const l=(i=(r=e.sidebar)!=null?r:t.sidebar)!=null?i:"auto",n=(o=(s=e.sidebarDepth)!=null?s:t.sidebarDepth)!=null?o:2;return e.home||l===!1?[]:l==="auto"?oh(n):le(l)?Jo(l,n):Mr(l)?ah(l,n):[]},sh=(e,t)=>({text:e.title,link:`#${e.slug}`,children:Ur(e.children,t)}),Ur=(e,t)=>t>0?e.map(l=>sh(l,t-1)):[],oh=e=>{const t=_t();return[{text:t.value.title,children:Ur(t.value.headers,e)}]},Jo=(e,t)=>{const l=Vt(),n=_t(),r=i=>{var o;let s;if(ye(i)?s=zr(i):s=i,s.children)return{...s,children:s.children.map(a=>r(a))};if(s.link===l.path){const a=((o=n.value.headers[0])==null?void 0:o.level)===1?n.value.headers[0].children:n.value.headers;return{...s,children:Ur(a,t)}}return s};return e.map(i=>r(i))},ah=(e,t)=>{var i;const l=Vt(),n=uo(e,l.path),r=(i=e[n])!=null?i:[];return Jo(r,t)},Ue=()=>bf();var ch=vt({enhance({app:e,router:t}){e.component("Badge",Rf),e.component("CodeGroup",Pf),e.component("CodeGroupItem",xf),e.component("AutoLinkExternalIcon",()=>{const n=e.component("ExternalLinkIcon");return n?fe(n):null}),e.component("NavbarSearch",()=>{const n=e.component("Docsearch")||e.component("SearchBox");return n?fe(n):null});const l=t.options.scrollBehavior;t.options.scrollBehavior=async(...n)=>(await jo().wait(),l(...n))},setup(){th(),rh()}});const uh=e=>{if(window.dataLayer&&window.gtag)return;const t=document.createElement("script");t.src=`https://www.googletagmanager.com/gtag/js?id=${e}`,t.async=!0,document.head.appendChild(t),window.dataLayer=window.dataLayer||[],window.gtag=function(){dataLayer.push(arguments)},gtag("js",new Date),gtag("config",e)},dh="UA-113171398-2";var fh=vt({enhance(){uh(dh)}});const hh=({input:e,hotKeys:t})=>{const l=n=>{!e.value||t.value.length===0||n.target===document.body&&t.value.includes(n.key)&&(e.value.focus(),n.preventDefault())};Ke(()=>{document.addEventListener("keydown",l)}),Ln(()=>{document.removeEventListener("keydown",l)})},vh=[{title:"",headers:[],path:"/",pathLocale:"/",extraFields:[]},{title:"Today I Learned",headers:[{level:3,title:"\uC774\uB825",slug:"\u110B\u1175\u1105\u1167\u11A8",children:[]}],path:"/About/",pathLocale:"/",extraFields:[]},{title:"\uAC1C\uBC1C\uC790\uC758 \uAE00\uC4F0\uAE30",headers:[],path:"/writing/",pathLocale:"/",extraFields:[]},{title:"Start with why \uC11C\uD3C9",headers:[{level:2,title:"\uBC11\uC904 \uCE5C \uBB38\uC7A5",slug:"\u1106\u1175\u11C0\u110C\u116E\u11AF-\u110E\u1175\u11AB-\u1106\u116E\u11AB\u110C\u1161\u11BC",children:[]},{level:2,title:"\uB9AC\uBDF0",slug:"\u1105\u1175\u1107\u1172",children:[]}],path:"/Book/start-with-why/",pathLocale:"/",extraFields:[]},{title:"Gradle Wrapper",headers:[{level:2,title:"Gradle Download",slug:"gradle-download",children:[{level:3,title:"Linux & MacOS",slug:"linux-macos",children:[]},{level:3,title:"Window",slug:"window",children:[]},{level:3,title:"\uC124\uCE58 \uD655\uC778",slug:"\u1109\u1165\u11AF\u110E\u1175-\u1112\u116A\u11A8\u110B\u1175\u11AB",children:[]}]},{level:2,title:"gradlew",slug:"gradlew",children:[{level:3,title:"build.gradle \uC791\uC131",slug:"build-gradle-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]}]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/Gradle/GradleWrapper/",pathLocale:"/",extraFields:[]},{title:"Javascript \uD55C\uAE00 \uCD08\uC131\uAC80\uC0C9",headers:[],path:"/Javascript/Hangul-Consonants-Search/",pathLocale:"/",extraFields:[]},{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 \uC774\uC9C1 \uD6C4\uAE30",headers:[],path:"/Review/Turnover/",pathLocale:"/",extraFields:[]},{title:"github page\uC5D0 \uBC30\uD3EC\uD558\uAE30",headers:[{level:2,title:"1. \uBC30\uD3EC \uACFC\uC815 \uC774\uD574\uD558\uAE30",slug:"_1-\u1107\u1162\u1111\u1169-\u1100\u116A\u110C\u1165\u11BC-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"2. \uD504\uB85C\uC81D\uD2B8\uAC00 root \uAE30\uC900\uC77C \uB54C",slug:"_2-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1100\u1161-root-\u1100\u1175\u110C\u116E\u11AB\u110B\u1175\u11AF-\u1104\u1162",children:[]},{level:2,title:"3. vuepress\uAC00 root/docs \uAE30\uC900\uC77C \uB54C",slug:"_3-vuepress\u1100\u1161-root-docs-\u1100\u1175\u110C\u116E\u11AB\u110B\u1175\u11AF-\u1104\u1162",children:[]},{level:2,title:"4. Shell Script \uC2E4\uD589\uD558\uAE30",slug:"_4-shell-script-\u1109\u1175\u11AF\u1112\u1162\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"5. \uC790\uB3D9\uC73C\uB85C \uBC30\uD3EC\uD558\uAE30",slug:"_5-\u110C\u1161\u1103\u1169\u11BC\u110B\u1173\u1105\u1169-\u1107\u1162\u1111\u1169\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"6. gh-pages branch \uC5D0 commit \uAE30\uB85D \uB0A8\uAE30\uAE30",slug:"_6-gh-pages-branch-\u110B\u1166-commit-\u1100\u1175\u1105\u1169\u11A8-\u1102\u1161\u11B7\u1100\u1175\u1100\u1175",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/vuepress/Deploy/",pathLocale:"/",extraFields:[]},{title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C\uB97C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC790",headers:[{level:2,title:"0. \uAC04\uB2E8\uD55C \uC694\uC57D",slug:"_0-\u1100\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AB-\u110B\u116D\u110B\u1163\u11A8",children:[]},{level:2,title:"1. \uBC88\uB729",slug:"_1-\u1107\u1165\u11AB\u1104\u1173\u11A8",children:[]},{level:2,title:"2. \uC2DC\uAC04\uD45C \uAE01\uC5B4\uC624\uAE30",slug:"_2-\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1173\u11B0\u110B\u1165\u110B\u1169\u1100\u1175",children:[]},{level:2,title:"3. FE",slug:"_3-fe",children:[{level:3,title:"\uD504\uB85C\uC81D\uD2B8 \uAD6C\uC131",slug:"\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[]},{level:3,title:"Vue3\uC758 script setup",slug:"vue3\u110B\u1174-script-setup",children:[]},{level:3,title:"\uB514\uC790\uC778\uC2DC\uC2A4\uD15C",slug:"\u1103\u1175\u110C\u1161\u110B\u1175\u11AB\u1109\u1175\u1109\u1173\u1110\u1166\u11B7",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uC800\uC7A5",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u110C\u1165\u110C\u1161\u11BC",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uACF5\uC720",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1169\u11BC\u110B\u1172",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uAC80\uC0C9",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1165\u11B7\u1109\u1162\u11A8",children:[]},{level:3,title:"Vite\uC5D0\uC11C \uD504\uB85C\uC81D\uD2B8 \uC678\uBD80 \uB370\uC774\uD130 \uC811\uADFC",slug:"vite\u110B\u1166\u1109\u1165-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110B\u116C\u1107\u116E-\u1103\u1166\u110B\u1175\u1110\u1165-\u110C\u1165\u11B8\u1100\u1173\u11AB",children:[]},{level:3,title:"\uBC30\uD3EC",slug:"\u1107\u1162\u1111\u1169",children:[]}]},{level:2,title:"4. \uD64D\uBCF4",slug:"_4-\u1112\u1169\u11BC\u1107\u1169",children:[]},{level:2,title:"\uD6C4\uAE30",slug:"\u1112\u116E\u1100\u1175",children:[]},{level:2,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}],path:"/side-project/dku-schedule-manager/",pathLocale:"/",extraFields:[]},{title:"markdown-it-plantuml",headers:[{level:2,title:"1. Plantuml \uC18C\uAC1C",slug:"_1-plantuml-\u1109\u1169\u1100\u1162",children:[]},{level:2,title:"2. \uD50C\uB7EC\uADF8\uC778 \uC124\uCE58",slug:"_2-\u1111\u1173\u11AF\u1105\u1165\u1100\u1173\u110B\u1175\u11AB-\u1109\u1165\u11AF\u110E\u1175",children:[]},{level:2,title:"3. plantuml \uC751\uC6A9\uD558\uAE30",slug:"_3-plantuml-\u110B\u1173\u11BC\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/vuepress/Plantuml/",pathLocale:"/",extraFields:[]},{title:"Vuepress \uC2DC\uC791\uD558\uAE30",headers:[{level:2,title:"Static Site Generator",slug:"static-site-generator",children:[{level:3,title:"\uB3D9\uC801 \uC0AC\uC774\uD2B8(Dynamic Site)",slug:"\u1103\u1169\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-dynamic-site",children:[]},{level:3,title:"\uC815\uC801 \uC0AC\uC774\uD2B8(Static Site)",slug:"\u110C\u1165\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-static-site",children:[]},{level:3,title:"\uC815\uC801 \uC0AC\uC774\uD2B8 \uC0DD\uC131\uAE30(SSG, Static Site Generator)",slug:"\u110C\u1165\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-\u1109\u1162\u11BC\u1109\u1165\u11BC\u1100\u1175-ssg-static-site-generator",children:[]}]},{level:2,title:"VuePress \uC2DC\uC791\uD558\uAE30",slug:"vuepress-\u1109\u1175\u110C\u1161\u11A8\u1112\u1161\u1100\u1175-1",children:[{level:3,title:"install",slug:"install",children:[]}]},{level:2,title:"config",slug:"config",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/vuepress/Starter/",pathLocale:"/",extraFields:[]},{title:"VuePress \uD14C\uB9C8 \uC124\uC815",headers:[{level:2,title:"Using Theme",slug:"using-theme",children:[]},{level:2,title:"Vuepress Theme \uC9C1\uC811 \uB9CC\uB4E4\uAE30",slug:"vuepress-theme-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[{level:3,title:"Theme Directory Structure",slug:"theme-directory-structure",children:[]},{level:3,title:"VuePress \uAD00\uB828 computed \uBCC0\uC218",slug:"vuepress-\u1100\u116A\u11AB\u1105\u1167\u11AB-computed-\u1107\u1167\u11AB\u1109\u116E",children:[]},{level:3,title:"Theme\uB97C \uC9C1\uC811 \uB9CC\uB4E4 \uB54C\uC758 \uBB38\uC81C\uC810",slug:"theme\u1105\u1173\u11AF-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AF-\u1104\u1162\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Theme Extend",slug:"theme-extend",children:[]},{level:2,title:"Theme Eject",slug:"theme-eject",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/vuepress/Theme/",pathLocale:"/",extraFields:[]},{title:"Vuepress + Utterances",headers:[{level:2,title:"1. Utterances Install",slug:"_1-utterances-install",children:[{level:3,title:"Repository",slug:"repository",children:[]}]},{level:2,title:"2. VuePress\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"_2-vuepress\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[{level:3,title:"\uD604\uC7AC Theme\uC5D0 Extend\uD558\uC5EC \uC801\uC6A9\uD558\uAE30",slug:"\u1112\u1167\u11AB\u110C\u1162-theme\u110B\u1166-extend\u1112\u1161\u110B\u1167-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC9C1\uC811 \uB9CC\uB4E0 Theme\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AB-theme\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"md \uD30C\uC77C\uC5D0 \uC9C1\uC811 \uB123\uAE30",slug:"md-\u1111\u1161\u110B\u1175\u11AF\u110B\u1166-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1102\u1165\u11C2\u1100\u1175",children:[]}]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/vuepress/Utterances/",pathLocale:"/",extraFields:[]},{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)",headers:[{level:2,title:"\uCC45 \uC77D\uB294 \uC18C\uB144",slug:"\u110E\u1162\u11A8-\u110B\u1175\u11B0\u1102\u1173\u11AB-\u1109\u1169\u1102\u1167\u11AB",children:[]},{level:2,title:"\uD504\uB85C\uADF8\uB798\uBA38\uAC00 \uB418\uACE0 \uC2F6\uB2E4",slug:"\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1100\u1161-\u1103\u116C\u1100\u1169-\u1109\u1175\u11C1\u1103\u1161",children:[]},{level:2,title:"\uACF5\uBD80\uB77C\uB294\uAC78 \uC870\uAE08\uC774\uB77C\uB3C4 \uD558\uAC8C \uB418\uC5C8\uB2E4.",slug:"\u1100\u1169\u11BC\u1107\u116E\u1105\u1161\u1102\u1173\u11AB\u1100\u1165\u11AF-\u110C\u1169\u1100\u1173\u11B7\u110B\u1175\u1105\u1161\u1103\u1169-\u1112\u1161\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1103\u1161",children:[]},{level:2,title:"\uAC8C\uC784\uC5D0 \uC81C\uB300\uB85C \uBE60\uC84C\uB2E4.",slug:"\u1100\u1166\u110B\u1175\u11B7\u110B\u1166-\u110C\u1166\u1103\u1162\u1105\u1169-\u1108\u1161\u110C\u1167\u11BB\u1103\u1161",children:[]}],path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/",pathLocale:"/",extraFields:[]},{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)",headers:[{level:2,title:"\uAE30\uB2A5\uBC18, \uADF8\uB9AC\uACE0 \uCCAB \uB300\uD68C",slug:"\u1100\u1175\u1102\u1173\u11BC\u1107\u1161\u11AB-\u1100\u1173\u1105\u1175\u1100\u1169-\u110E\u1165\u11BA-\u1103\u1162\u1112\u116C",children:[]},{level:2,title:"\uBC29\uD669",slug:"\u1107\u1161\u11BC\u1112\u116A\u11BC",children:[]}],path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/",pathLocale:"/",extraFields:[]},{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)",headers:[{level:2,title:"\uAE09\uC131\uC7A5",slug:"\u1100\u1173\u11B8\u1109\u1165\u11BC\u110C\u1161\u11BC",children:[]},{level:2,title:"\uC720\uBC30",slug:"\u110B\u1172\u1107\u1162",children:[]},{level:2,title:"\uC9C0\uBC29\uB300\uD68C \uC785\uC0C1",slug:"\u110C\u1175\u1107\u1161\u11BC\u1103\u1162\u1112\u116C-\u110B\u1175\u11B8\u1109\u1161\u11BC",children:[]},{level:2,title:"\uD559\uAD50 \uACF5\uBD80",slug:"\u1112\u1161\u11A8\u1100\u116D-\u1100\u1169\u11BC\u1107\u116E",children:[]},{level:2,title:"\uC804\uAD6D\uB300\uD68C \uC900\uBE44",slug:"\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C-\u110C\u116E\u11AB\u1107\u1175",children:[{level:3,title:"\uB514\uC790\uC778",slug:"\u1103\u1175\u110C\u1161\u110B\u1175\u11AB",children:[]},{level:3,title:"\uD50C\uB798\uC2DC",slug:"\u1111\u1173\u11AF\u1105\u1162\u1109\u1175",children:[]},{level:3,title:"\uC720\uBB3C \uBCF5\uC6D0",slug:"\u110B\u1172\u1106\u116E\u11AF-\u1107\u1169\u11A8\u110B\u116F\u11AB",children:[]},{level:3,title:"\uC57D\uAC04\uC758 \uC370",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u110A\u1165\u11AF",children:[]}]},{level:2,title:"\uC804\uAD6D\uB300\uD68C",slug:"\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C",children:[]}],path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",pathLocale:"/",extraFields:[]},{title:"2021 \uC0C8\uD574 \uACC4\uD68D",headers:[{level:2,title:"1. \uC77C\uC77C \uCEE4\uBC0B \uB300\uC2E0 \uC77C\uC77C \uC601\uC5B4",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA-\u1103\u1162\u1109\u1175\u11AB-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110B\u1167\u11BC\u110B\u1165",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8",children:[]}]},{level:2,title:"2. \uAC1C\uBC1C \uC11C\uC801 \uC704\uC8FC\uC758 \uACF5\uBD80",slug:"_2-\u1100\u1162\u1107\u1161\u11AF-\u1109\u1165\u110C\u1165\u11A8-\u110B\u1171\u110C\u116E\u110B\u1174-\u1100\u1169\u11BC\u1107\u116E",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-1",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-1",children:[]}]},{level:2,title:"3. \uC800\uCD95",slug:"_3-\u110C\u1165\u110E\u116E\u11A8",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-2",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-2",children:[]}]},{level:2,title:"4. \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8",slug:"_4-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-3",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-3",children:[]}]},{level:2,title:"5. \uC2A4\uD130\uB514 \uC6B4\uC601",slug:"_5-\u1109\u1173\u1110\u1165\u1103\u1175-\u110B\u116E\u11AB\u110B\u1167\u11BC",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-4",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-4",children:[]}]},{level:2,title:"6. \uAE30\uD0C0",slug:"_6-\u1100\u1175\u1110\u1161",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/writing/02-2021-%EA%B3%84%ED%9A%8D/",pathLocale:"/",extraFields:[]},{title:"\uC0DD\uAC01\uC815\uB9AC",headers:[{level:2,title:"\uD559\uAD50, \uAC10\uC625, \uADF8\uB9AC\uACE0 \uC790\uC874\uAC10",slug:"\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11B7\u110B\u1169\u11A8-\u1100\u1173\u1105\u1175\u1100\u1169-\u110C\u1161\u110C\u1169\u11AB\u1100\u1161\u11B7",children:[]},{level:2,title:"\uBD80\uB3D9\uC0B0",slug:"\u1107\u116E\u1103\u1169\u11BC\u1109\u1161\u11AB",children:[]},{level:2,title:"\uC8FC\uC2DD",slug:"\u110C\u116E\u1109\u1175\u11A8",children:[]},{level:2,title:"\uC5F0\uC560",slug:"\u110B\u1167\u11AB\u110B\u1162",children:[]},{level:2,title:"\uC774\uC0C1\uD615",slug:"\u110B\u1175\u1109\u1161\u11BC\u1112\u1167\u11BC",children:[]},{level:2,title:"\uC9C4\uB85C",slug:"\u110C\u1175\u11AB\u1105\u1169",children:[]},{level:2,title:"\uB3C5\uB9BD",slug:"\u1103\u1169\u11A8\u1105\u1175\u11B8",children:[]},{level:2,title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC",slug:"\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u1109\u1169\u1111\u1173\u1110\u1173\u110B\u1170\u110B\u1165\u1112\u1161\u11A8\u1100\u116A",children:[]},{level:2,title:"\uCF54\uB85C\uB098",slug:"\u110F\u1169\u1105\u1169\u1102\u1161",children:[]}],path:"/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/",pathLocale:"/",extraFields:[]},{title:"2023\uB144\uC744 \uB3CC\uC544\uBCF4\uBA70 \uC0DD\uAC01\uD55C \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uD558\uAE30",headers:[{level:2,title:"1. \uC591 \uBCF4\uB2E8 \uC9C8 \uC18D\uB3C4 \uBCF4\uB2E8 \uBC29\uD5A5 \uB113\uAC8C \uBCF4\uB2E8 \uAE4A\uC774",slug:"_1-\u110B\u1163\u11BC-\u1107\u1169\u1103\u1161\u11AB-\u110C\u1175\u11AF-\u1109\u1169\u11A8\u1103\u1169-\u1107\u1169\u1103\u1161\u11AB-\u1107\u1161\u11BC\u1112\u1163\u11BC-\u1102\u1165\u11B2\u1100\u1166-\u1107\u1169\u1103\u1161\u11AB-\u1100\u1175\u11C1\u110B\u1175",children:[{level:3,title:"(1) \uACBD\uD5D8\uC758 \uC9C8\uC774 \uC911\uC694\uD558\uB2E4",slug:"_1-\u1100\u1167\u11BC\u1112\u1165\u11B7\u110B\u1174-\u110C\u1175\u11AF\u110B\u1175-\u110C\u116E\u11BC\u110B\u116D\u1112\u1161\u1103\u1161",children:[]},{level:3,title:"(2) \uBB38\uC81C\uD574\uACB0",slug:"_2-\u1106\u116E\u11AB\u110C\u1166\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"2. \uD63C\uC790\uC11C \uD560 \uC218 \uC788\uB294 \uAC83\uACFC \uD63C\uC790\uC11C \uD560 \uC218 \uC5C6\uB294 \uAC83",slug:"_2-\u1112\u1169\u11AB\u110C\u1161\u1109\u1165-\u1112\u1161\u11AF-\u1109\u116E-\u110B\u1175\u11BB\u1102\u1173\u11AB-\u1100\u1165\u11BA\u1100\u116A-\u1112\u1169\u11AB\u110C\u1161\u1109\u1165-\u1112\u1161\u11AF-\u1109\u116E-\u110B\u1165\u11B9\u1102\u1173\u11AB-\u1100\u1165\u11BA",children:[{level:3,title:"(1) \uC18C\uD504\uD2B8\uC2A4\uD0AC",slug:"_1-\u1109\u1169\u1111\u1173\u1110\u1173\u1109\u1173\u110F\u1175\u11AF",children:[]},{level:3,title:"(2) \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uC0AC\uB78C",slug:"_2-\u1100\u1161\u11C0\u110B\u1175-\u110B\u1175\u11AF\u1112\u1161\u1100\u1169-\u1109\u1175\u11C1\u110B\u1173\u11AB-\u1109\u1161\u1105\u1161\u11B7",children:[]},{level:3,title:"(3) \uB098\uC5D0\uAC8C \uB9DE\uB294",slug:"_3-\u1102\u1161\u110B\u1166\u1100\u1166-\u1106\u1161\u11BD\u1102\u1173\u11AB",children:[]}]},{level:2,title:"3. \uD559\uC2B5 \uADF8 \uC790\uCCB4",slug:"_3-\u1112\u1161\u11A8\u1109\u1173\u11B8-\u1100\u1173-\u110C\u1161\u110E\u1166",children:[{level:3,title:"(1) \uB0B4\uAC00 \uC88B\uC544\uD558\uB294 \uACF5\uBD80 \uBC29\uBC95",slug:"_1-\u1102\u1162\u1100\u1161-\u110C\u1169\u11C2\u110B\u1161\u1112\u1161\u1102\u1173\u11AB-\u1100\u1169\u11BC\u1107\u116E-\u1107\u1161\u11BC\u1107\u1165\u11B8",children:[]},{level:3,title:"(2) \uC131\uACF5\uC758 \uBAA9\uC801\uACFC \uC218\uB2E8",slug:"_2-\u1109\u1165\u11BC\u1100\u1169\u11BC\u110B\u1174-\u1106\u1169\u11A8\u110C\u1165\u11A8\u1100\u116A-\u1109\u116E\u1103\u1161\u11AB",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[{level:3,title:"(1) \uAE4A\uC774",slug:"_1-\u1100\u1175\u11C1\u110B\u1175",children:[]},{level:3,title:"(2) \uC18C\uD504\uD2B8\uC2A4\uD0AC",slug:"_2-\u1109\u1169\u1111\u1173\u1110\u1173\u1109\u1173\u110F\u1175\u11AF",children:[]},{level:3,title:"(3) \uBA54\uD0C0\uC778\uC9C0",slug:"_3-\u1106\u1166\u1110\u1161\u110B\u1175\u11AB\u110C\u1175",children:[]}]}],path:"/writing/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%B7%A8%EC%A4%80/",pathLocale:"/",extraFields:[]},{title:"\uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uD6C4\uAE30",headers:[{level:2,title:"\uC9C4\uD589 \uACFC\uC815",slug:"\u110C\u1175\u11AB\u1112\u1162\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:2,title:"\uC5B4\uB5BB\uAC8C \uB7A0\uB9BF\uC744 \uB9CC\uB4E4\uC5C8\uC744\uAE4C?",slug:"\u110B\u1165\u1104\u1165\u11C2\u1100\u1166-\u1105\u1162\u11AF\u1105\u1175\u11BA\u110B\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u11BB\u110B\u1173\u11AF\u1101\u1161",children:[]},{level:2,title:"\uBF51\uD788\uB294 \uC8FC\uB2C8\uC5B4\uC758 \uC870\uAC74",slug:"\u1108\u1169\u11B8\u1112\u1175\u1102\u1173\u11AB-\u110C\u116E\u1102\u1175\u110B\u1165\u110B\u1174-\u110C\u1169\u1100\u1165\u11AB",children:[{level:3,title:"(1) \uAC1C\uBC1C\uC790\uC758 \uB2A5\uB825\uCE58",slug:"_1-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u1102\u1173\u11BC\u1105\u1167\u11A8\u110E\u1175",children:[]},{level:3,title:"(2) \uC774\uB825\uC11C",slug:"_2-\u110B\u1175\u1105\u1167\u11A8\u1109\u1165",children:[]},{level:3,title:"(3) \uCC44\uC6A9 \uACFC\uC81C",slug:"_3-\u110E\u1162\u110B\u116D\u11BC-\u1100\u116A\u110C\u1166",children:[]},{level:3,title:"(4) \uAE30\uC220 \uBA74\uC811",slug:"_4-\u1100\u1175\u1109\u116E\u11AF-\u1106\u1167\u11AB\u110C\u1165\u11B8",children:[]},{level:3,title:"(5) \uB9C8\uC9C0\uB9C9\uC73C\uB85C, \uB098\uC758 \uC0DD\uAC01",slug:"_5-\u1106\u1161\u110C\u1175\u1106\u1161\u11A8\u110B\u1173\u1105\u1169-\u1102\u1161\u110B\u1174-\u1109\u1162\u11BC\u1100\u1161\u11A8",children:[]}]},{level:2,title:"\uB124\uD2B8\uC6CC\uD0B9",slug:"\u1102\u1166\u1110\u1173\u110B\u116F\u110F\u1175\u11BC",children:[{level:3,title:"(1) \uC5B4\uB5A4 \uC77C\uC744 \uC5BC\uB9C8\uB098 \uD588\uB098\uC694?",slug:"_1-\u110B\u1165\u1104\u1165\u11AB-\u110B\u1175\u11AF\u110B\u1173\u11AF-\u110B\u1165\u11AF\u1106\u1161\u1102\u1161-\u1112\u1162\u11BB\u1102\u1161\u110B\u116D",children:[]},{level:3,title:"(2) Vanilla Javascript\uC5D0 \uB300\uD55C \uAE00\uC744 \uC65C \uC4F0\uAC8C \uB418\uC5C8\uB098\uC694?",slug:"_2-vanilla-javascript\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1173\u11AF\u110B\u1173\u11AF-\u110B\u116B-\u110A\u1173\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1102\u1161\u110B\u116D",children:[]},{level:3,title:"(3) \uC0AC\uC6A9\uC131\uC774 \uC88B\uB2E4\uB294 \uAC83\uC744 \uC5B4\uB5BB\uAC8C \uD310\uB2E8\uD560 \uAC83\uC778\uAC00?",slug:"_3-\u1109\u1161\u110B\u116D\u11BC\u1109\u1165\u11BC\u110B\u1175-\u110C\u1169\u11C2\u1103\u1161\u1102\u1173\u11AB-\u1100\u1165\u11BA\u110B\u1173\u11AF-\u110B\u1165\u1104\u1165\u11C2\u1100\u1166-\u1111\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AF-\u1100\u1165\u11BA\u110B\u1175\u11AB\u1100\u1161",children:[]},{level:3,title:"(4) \uAC1C\uBC1C\uC790\uC758 \uC5ED\uD560\uC740 \uBB34\uC5C7\uC77C\uAE4C?",slug:"_4-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u110B\u1167\u11A8\u1112\u1161\u11AF\u110B\u1173\u11AB-\u1106\u116E\u110B\u1165\u11BA\u110B\u1175\u11AF\u1101\u1161",children:[]}]},{level:2,title:"\uB9C8\uCE58\uBA70",slug:"\u1106\u1161\u110E\u1175\u1106\u1167",children:[]}],path:"/writing/%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%8B%AC%EC%95%BC-FE-%ED%9B%84%EA%B8%B0/",pathLocale:"/",extraFields:[]},{title:"00 \uCC45 \uC18C\uAC1C | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[{level:2,title:"\uCC45\uC744 \uAD6C\uB9E4\uD558\uAC8C \uB41C \uACC4\uAE30",slug:"\u110E\u1162\u11A8\u110B\u1173\u11AF-\u1100\u116E\u1106\u1162\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1100\u1168\u1100\u1175",children:[]},{level:2,title:"\uC800\uC790 \uC18C\uAC1C",slug:"\u110C\u1165\u110C\u1161-\u1109\u1169\u1100\u1162",children:[]},{level:2,title:"\uCC45\uC744 \uC77D\uC73C\uBA74\uC11C \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uC810",slug:"\u110E\u1162\u11A8\u110B\u1173\u11AF-\u110B\u1175\u11B0\u110B\u1173\u1106\u1167\u11AB\u1109\u1165-\u110B\u1175\u11AB\u1109\u1161\u11BC-\u1100\u1175\u11C1\u110B\u1165\u11BB\u1103\u1165\u11AB-\u110C\u1165\u11B7",children:[{level:3,title:"\uC774\uD574\uD558\uAE30 \uC27D\uB3C4\uB85D \uC804\uB2EC",slug:"\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175-\u1109\u1171\u11B8\u1103\u1169\u1105\u1169\u11A8-\u110C\u1165\u11AB\u1103\u1161\u11AF",children:[]},{level:3,title:"\uC798\uBABB\uB41C \uAC1C\uB150 \uBC14\uB85C\uC7A1\uAE30",slug:"\u110C\u1161\u11AF\u1106\u1169\u11BA\u1103\u116C\u11AB-\u1100\u1162\u1102\u1167\u11B7-\u1107\u1161\u1105\u1169\u110C\u1161\u11B8\u1100\u1175",children:[]},{level:3,title:"\uC778\uAC04\uC9C0\uD5A5\uC801\uC778 \uAC1D\uCCB4\uC9C0\uD5A5",slug:"\u110B\u1175\u11AB\u1100\u1161\u11AB\u110C\u1175\u1112\u1163\u11BC\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",children:[]}]},{level:2,title:"\uACB0\uB860",slug:"\u1100\u1167\u11AF\u1105\u1169\u11AB",children:[]}],path:"/Book/OOP-Principle/00-Intro/",pathLocale:"/",extraFields:[]},{title:"01 \uC0AC\uB78C\uC744 \uC0AC\uB791\uD55C \uAE30\uC220 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[{level:2,title:"\uAE30\uACC4\uC5B4\uC5D0\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uAE4C\uC9C0",slug:"\u1100\u1175\u1100\u1168\u110B\u1165\u110B\u1166\u1109\u1165-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u1101\u1161\u110C\u1175",children:[{level:3,title:"\uAE30\uACC4\uC5B4",slug:"\u1100\u1175\u1100\u1168\u110B\u1165",children:[]},{level:3,title:"\uC5B4\uC148\uBE14\uB9AC\uC5B4",slug:"\u110B\u1165\u1109\u1166\u11B7\u1107\u1173\u11AF\u1105\u1175\u110B\u1165",children:[]},{level:3,title:"C \uC5B8\uC5B4",slug:"c-\u110B\u1165\u11AB\u110B\u1165",children:[]},{level:3,title:"C++. \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 \uD0C4\uC0DD",slug:"c-\u1100\u1162\u11A8\u110E\u1166-\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC",children:[]},{level:3,title:"Java. \uC9C4\uC815\uD55C \uAC1D\uCCB4 \uC9C0\uD5A5 \uC5B8\uC5B4",slug:"java-\u110C\u1175\u11AB\u110C\u1165\u11BC\u1112\u1161\u11AB-\u1100\u1162\u11A8\u110E\u1166-\u110C\u1175\u1112\u1163\u11BC-\u110B\u1165\u11AB\u110B\u1165",children:[]}]},{level:2,title:"\uC2A4\uD504\uB9C1 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC774\uD574\uD558\uAE30 \uC804\uC5D0",slug:"\u1109\u1173\u1111\u1173\u1105\u1175\u11BC-\u1111\u1173\u1105\u1166\u110B\u1175\u11B7\u110B\u116F\u110F\u1173\u1105\u1173\u11AF-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175-\u110C\u1165\u11AB\u110B\u1166",children:[]}],path:"/Book/OOP-Principle/01-Loved-Human/",pathLocale:"/",extraFields:[]},{title:"02 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC790\uBC14 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[{level:2,title:"Java Virtual Machine",slug:"java-virtual-machine",children:[]},{level:2,title:"Main Method\uC758 Stack Frame",slug:"main-method\u110B\u1174-stack-frame",children:[]}],path:"/Book/OOP-Principle/02-Java-As-PL/",pathLocale:"/",extraFields:[]},{title:"03 \uC790\uBC14\uC640 \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[],path:"/Book/OOP-Principle/03-Java-As-OOP/",pathLocale:"/",extraFields:[]},{title:"04 \uC790\uBC14\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[],path:"/Book/OOP-Principle/04-Extended-By-Java/",pathLocale:"/",extraFields:[]},{title:"05 \uAC1D\uCCB4 \uC9C0\uD5A5 \uC124\uACC4\uB97C \uC704\uD55C SOLID \uC6D0\uCE59 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[],path:"/Book/OOP-Principle/05-SOLID/",pathLocale:"/",extraFields:[]},{title:"06 \uC2A4\uD504\uB9C1\uC774 \uC0AC\uB791\uD55C \uB514\uC790\uC778\uD328\uD134 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[],path:"/Book/OOP-Principle/06-Design-Pattern/",pathLocale:"/",extraFields:[]},{title:"07 Spring Triangle | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",headers:[],path:"/Book/OOP-Principle/07-Spring-Triangle/",pathLocale:"/",extraFields:[]},{title:"None Blocking Javascript \uC18C\uAC1C",headers:[{level:2,title:"Javascript Pipeline",slug:"javascript-pipeline",children:[]},{level:2,title:"ECMAScript Standard",slug:"ecmascript-standard",children:[{level:3,title:"ES6",slug:"es6",children:[]},{level:3,title:"ES7",slug:"es7",children:[]},{level:3,title:"ES8",slug:"es8",children:[]},{level:3,title:"ES9",slug:"es9",children:[]},{level:3,title:"ES10",slug:"es10",children:[]},{level:3,title:"ES11(Stage11)",slug:"es11-stage11",children:[]}]},{level:2,title:"Program & Timing",slug:"program-timing",children:[]}],path:"/CodeSpitz/None-Blocking-Javascript/Intro/",pathLocale:"/",extraFields:[]},{title:"\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860",headers:[{level:2,title:"Value vs Identifier",slug:"value-vs-identifier",children:[{level:3,title:"Value\uC758 \uD2B9\uC9D5",slug:"value\u110B\u1174-\u1110\u1173\u11A8\u110C\u1175\u11BC",children:[]},{level:3,title:"Identifier\uC758 \uD2B9\uC9D5",slug:"identifier\u110B\u1174-\u1110\u1173\u11A8\u110C\u1175\u11BC",children:[]}]},{level:2,title:"Polymorphism",slug:"polymorphism",children:[]},{level:2,title:"Object Essentials",slug:"object-essentials",children:[{level:3,title:"\uB370\uC774\uD130 \uC740\uB2C9(hide state)",slug:"\u1103\u1166\u110B\u1175\u1110\u1165-\u110B\u1173\u11AB\u1102\u1175\u11A8-hide-state",children:[]},{level:3,title:"\uCEA1\uC290\uD654(encapsulation)",slug:"\u110F\u1162\u11B8\u1109\u1172\u11AF\u1112\u116A-encapsulation",children:[]},{level:3,title:"Isloation of change",slug:"isloation-of-change",children:[]}]},{level:2,title:"SOLID \uC6D0\uCE59",slug:"solid-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[{level:3,title:"S RP (Single Responsibility, \uB2E8\uC77C\uCC45\uC784) \uC6D0\uCE59",slug:"s-rp-single-responsibility-\u1103\u1161\u11AB\u110B\u1175\u11AF\u110E\u1162\u11A8\u110B\u1175\u11B7-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"O CP (Open Closed, \uAC1C\uBC29\uD3D0\uC1C4) \uC6D0\uCE59",slug:"o-cp-open-closed-\u1100\u1162\u1107\u1161\u11BC\u1111\u1168\u1109\u116B-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"L SP (Liskov Substitusion, \uC5C5\uCE90\uC2A4\uD305 \uC548\uC804) \uC6D0\uCE59",slug:"l-sp-liskov-substitusion-\u110B\u1165\u11B8\u110F\u1162\u1109\u1173\u1110\u1175\u11BC-\u110B\u1161\u11AB\u110C\u1165\u11AB-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"I SP(Interface Segregation, \uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC)",slug:"i-sp-interface-segregation-\u110B\u1175\u11AB\u1110\u1165\u1111\u1166\u110B\u1175\u1109\u1173-\u1107\u116E\u11AB\u1105\u1175",children:[]},{level:3,title:"D IP(Dependency Inversion, \uB2E4\uC6B4\uCE90\uC2A4\uD305\uAE08\uC9C0) \uC6D0\uCE59",slug:"d-ip-dependency-inversion-\u1103\u1161\u110B\u116E\u11AB\u110F\u1162\u1109\u1173\u1110\u1175\u11BC\u1100\u1173\u11B7\u110C\u1175-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}]},{level:2,title:"Message",slug:"message",children:[{level:3,title:"\uB2E8\uC77C\uCC45\uC784\uC6D0\uCE59(SRP)\uC744 \uC900\uC218\uD558\uB294 \uAC1D\uCCB4\uB9DD\uC758 \uBB38\uC81C\uB97C \uD574\uACB0",slug:"\u1103\u1161\u11AB\u110B\u1175\u11AF\u110E\u1162\u11A8\u110B\u1175\u11B7\u110B\u116F\u11AB\u110E\u1175\u11A8-srp-\u110B\u1173\u11AF-\u110C\u116E\u11AB\u1109\u116E\u1112\u1161\u1102\u1173\u11AB-\u1100\u1162\u11A8\u110E\u1166\u1106\u1161\u11BC\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u1105\u1173\u11AF-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"Dependency",slug:"dependency",children:[{level:3,title:"Dependency\uC758 \uC885\uB958",slug:"dependency\u110B\u1174-\u110C\u1169\u11BC\u1105\u1172",children:[]},{level:3,title:"Dependency Inversion (\uC758\uC874\uC131 \uC5ED\uC804)",slug:"dependency-inversion-\u110B\u1174\u110C\u1169\u11AB\u1109\u1165\u11BC-\u110B\u1167\u11A8\u110C\u1165\u11AB",children:[]}]},{level:2,title:"IoC(Inversion of Control, \uC81C\uC5B4\uC5ED\uC804)",slug:"ioc-inversion-of-control-\u110C\u1166\u110B\u1165\u110B\u1167\u11A8\u110C\u1165\u11AB",children:[]}],path:"/CodeSpitz/Object-Oriented-Javascript/01-Intro/",pathLocale:"/",extraFields:[]},{title:"MVVM System \uB9CC\uB4E4\uAE30",headers:[{level:2,title:"MVC\uC640 MVP\uC758 \uBB38\uC81C\uC810",slug:"mvc\u110B\u116A-mvp\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7",children:[{level:3,title:"MVC Pattern",slug:"mvc-pattern",children:[]},{level:3,title:"MVP Pattern",slug:"mvp-pattern",children:[]}]},{level:2,title:"MVVM\uC758 \uAC1C\uB150",slug:"mvvm\u110B\u1174-\u1100\u1162\u1102\u1167\u11B7",children:[{level:3,title:"\uC57D\uAC04\uC758 \uB09C\uC774\uB3C4 \uC870\uC815",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u1102\u1161\u11AB\u110B\u1175\u1103\u1169-\u110C\u1169\u110C\u1165\u11BC",children:[]},{level:3,title:"TypeCheck",slug:"typecheck",children:[]},{level:3,title:"Role Design",slug:"role-design",children:[]}]},{level:2,title:"Class \uC791\uC131",slug:"class-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[{level:3,title:"HTMLElement",slug:"htmlelement",children:[]},{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Binder",slug:"binder",children:[]},{level:3,title:"Scanner",slug:"scanner",children:[]}]},{level:2,title:"Client Code \uC791\uC131",slug:"client-code-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[{level:3,title:"\uC57D\uAC04 \uAC1C\uC120\uD558\uAE30",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]}]},{level:2,title:"MVVM\uC758 \uC0AC\uC6A9 \uACB0\uACFC",slug:"mvvm\u110B\u1174-\u1109\u1161\u110B\u116D\u11BC-\u1100\u1167\u11AF\u1100\u116A",children:[]}],path:"/CodeSpitz/Object-Oriented-Javascript/02-MVVM/",pathLocale:"/",extraFields:[]},{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (1)",headers:[{level:2,title:"Strategy Pattern",slug:"strategy-pattern",children:[{level:3,title:"Defined",slug:"defined",children:[]},{level:3,title:"Strategy \uBD84\uC11D \uBC0F \uCD94\uCD9C",slug:"strategy-\u1107\u116E\u11AB\u1109\u1165\u11A8-\u1106\u1175\u11BE-\u110E\u116E\u110E\u116E\u11AF",children:[]},{level:3,title:"Dependency Injection",slug:"dependency-injection",children:[]},{level:3,title:"\uC815\uB9AC",slug:"\u110C\u1165\u11BC\u1105\u1175",children:[]}]},{level:2,title:"Observer Pattern",slug:"observer-pattern",children:[{level:3,title:"Listener",slug:"listener",children:[]},{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Composite",slug:"composite",children:[]},{level:3,title:"Observer",slug:"observer",children:[]}]},{level:2,title:"Client",slug:"client",children:[{level:3,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/",pathLocale:"/",extraFields:[]},{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (2)",headers:[{level:2,title:"\uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC \uC6D0\uCE59 (ISP)",slug:"\u110B\u1175\u11AB\u1110\u1165\u1111\u1166\u110B\u1175\u1109\u1173-\u1107\u116E\u11AB\u1105\u1175-\u110B\u116F\u11AB\u110E\u1175\u11A8-isp",children:[{level:3,title:"\uC5ED\uD560\uACFC \uCC45\uC784\uC5D0 \uB530\uB978 \uBD84\uC11D",slug:"\u110B\u1167\u11A8\u1112\u1161\u11AF\u1100\u116A-\u110E\u1162\u11A8\u110B\u1175\u11B7\u110B\u1166-\u1104\u1161\u1105\u1173\u11AB-\u1107\u116E\u11AB\u1109\u1165\u11A8",children:[]},{level:3,title:"ISP \uC801\uC6A9\uD558\uAE30",slug:"isp-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"\uC12C\uC138\uD55C \uAD8C\uD55C \uC870\uC815",slug:"\u1109\u1165\u11B7\u1109\u1166\u1112\u1161\u11AB-\u1100\u116F\u11AB\u1112\u1161\u11AB-\u110C\u1169\u110C\u1165\u11BC",children:[]},{level:2,title:"Visitor Pattern",slug:"visitor-pattern",children:[]},{level:2,title:"\uCD94\uC0C1 \uACC4\uCE35 \uC77C\uCE58\uC2DC\uD0A4\uAE30",slug:"\u110E\u116E\u1109\u1161\u11BC-\u1100\u1168\u110E\u1173\u11BC-\u110B\u1175\u11AF\u110E\u1175\u1109\u1175\u110F\u1175\u1100\u1175",children:[]},{level:2,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"\uC124\uACC4 \uC885\uD569",slug:"\u1109\u1165\u11AF\u1100\u1168-\u110C\u1169\u11BC\u1112\u1161\u11B8",children:[{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Scanner",slug:"scanner",children:[]},{level:3,title:"Binder",slug:"binder",children:[]},{level:3,title:"\uD50C\uB7AB\uD3FC \uB3C5\uB9BD\uC801 \uAD6C\uC870",slug:"\u1111\u1173\u11AF\u1105\u1162\u11BA\u1111\u1169\u11B7-\u1103\u1169\u11A8\u1105\u1175\u11B8\u110C\u1165\u11A8-\u1100\u116E\u110C\u1169",children:[]}]},{level:2,title:"\uC57D\uAC04\uC758 \uB2E8\uC810",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u1103\u1161\u11AB\u110C\u1165\u11B7",children:[]}],path:"/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/",pathLocale:"/",extraFields:[]},{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (3)",headers:[{level:2,title:"ViewModelListener \uAC1C\uC120",slug:"viewmodellistener-\u1100\u1162\u1109\u1165\u11AB",children:[]},{level:2,title:"Processor \uAC1C\uC120",slug:"processor-\u1100\u1162\u1109\u1165\u11AB",children:[]},{level:2,title:"List\uB97C \uD45C\uD604\uD558\uAE30",slug:"list\u1105\u1173\u11AF-\u1111\u116D\u1112\u1167\u11AB\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"Decorator Pattern \uC801\uC6A9",slug:"decorator-pattern-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]},{level:2,title:"\uCD5C\uC885 \uCF54\uB4DC",slug:"\u110E\u116C\u110C\u1169\u11BC-\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"\uC0DD\uAC01 \uC815\uB9AC",slug:"\u1109\u1162\u11BC\u1100\u1161\u11A8-\u110C\u1165\u11BC\u1105\u1175",children:[]}],path:"/CodeSpitz/Object-Oriented-Javascript/05-Extension/",pathLocale:"/",extraFields:[]},{title:"Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30",headers:[{level:2,title:"1. \uCEF4\uD3EC\uB10C\uD2B8\uC640 \uC0C1\uD0DC\uAD00\uB9AC",slug:"_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173\u110B\u116A-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",children:[{level:3,title:"(1) \uC0C1\uD0DC\uAD00\uB9AC\uC758 \uD0C4\uC0DD",slug:"_1-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC",children:[]},{level:3,title:"(2) \uCEF4\uD3EC\uB10C\uD2B8",slug:"_2-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173",children:[]}]},{level:2,title:"2. state - setState - render",slug:"_2-state-setstate-render",children:[{level:3,title:"(1) \uAE30\uB2A5 \uAD6C\uD604",slug:"_1-\u1100\u1175\u1102\u1173\u11BC-\u1100\u116E\u1112\u1167\u11AB",children:[]},{level:3,title:"(2) \uCD94\uC0C1\uD654",slug:"_2-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]},{level:3,title:"(3) \uBAA8\uB4C8\uD654",slug:"_3-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]}]},{level:2,title:"3. \uC774\uBCA4\uD2B8 \uCC98\uB9AC",slug:"_3-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u110E\u1165\u1105\u1175",children:[{level:3,title:"(1) \uBD88\uD3B8\uD568\uC744 \uAC10\uC9C0\uD558\uAE30",slug:"_1-\u1107\u116E\u11AF\u1111\u1167\u11AB\u1112\u1161\u11B7\u110B\u1173\u11AF-\u1100\u1161\u11B7\u110C\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(2) \uC774\uBCA4\uD2B8 \uBC84\uBE14\uB9C1",slug:"_2-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1107\u1165\u1107\u1173\u11AF\u1105\u1175\u11BC",children:[]},{level:3,title:"(3) \uC774\uBCA4\uD2B8 \uBC84\uBE14\uB9C1 \uCD94\uC0C1\uD654",slug:"_3-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1107\u1165\u1107\u1173\u11AF\u1105\u1175\u11BC-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]}]},{level:2,title:"4. \uCEF4\uD3EC\uB10C\uD2B8 \uBD84\uD560\uD558\uAE30",slug:"_4-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1107\u116E\u11AB\u1112\u1161\u11AF\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) \uAE30\uB2A5 \uCD94\uAC00",slug:"_1-\u1100\u1175\u1102\u1173\u11BC-\u110E\u116E\u1100\u1161",children:[]},{level:3,title:"(2) \uD3F4\uB354 \uAD6C\uC870",slug:"_2-\u1111\u1169\u11AF\u1103\u1165-\u1100\u116E\u110C\u1169",children:[]},{level:3,title:"(3) Component Core \uBCC0\uACBD",slug:"_3-component-core-\u1107\u1167\u11AB\u1100\u1167\u11BC",children:[]},{level:3,title:"(4) Entry Point \uBCC0\uACBD",slug:"_4-entry-point-\u1107\u1167\u11AB\u1100\u1167\u11BC",children:[]},{level:3,title:"(5) \uCEF4\uD3EC\uB10C\uD2B8 \uBD84\uD560",slug:"_5-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1107\u116E\u11AB\u1112\u1161\u11AF",children:[]}]},{level:2,title:"\uB9C8\uCE58\uBA70",slug:"\u1106\u1161\u110E\u1175\u1106\u1167",children:[]},{level:2,title:"\uBD80\uB85D: \uAC19\uC774 \uBCF4\uBA74 \uC88B\uC740 \uB0B4\uC6A9",slug:"\u1107\u116E\u1105\u1169\u11A8-\u1100\u1161\u11C0\u110B\u1175-\u1107\u1169\u1106\u1167\u11AB-\u110C\u1169\u11C2\u110B\u1173\u11AB-\u1102\u1162\u110B\u116D\u11BC",children:[]}],path:"/Javascript/Design/Vanilla-JS-Component/",pathLocale:"/",extraFields:[]},{title:"Vanilla Javascript\uB85C React UseState Hook \uB9CC\uB4E4\uAE30",headers:[{level:2,title:"1. React\uC758 useState",slug:"_1-react\u110B\u1174-usestate",children:[{level:3,title:"(1) \uC758\uBB38\uC744 \uAC16\uAE30",slug:"_1-\u110B\u1174\u1106\u116E\u11AB\u110B\u1173\u11AF-\u1100\u1161\u11BD\u1100\u1175",children:[]},{level:3,title:"(2) bottom - up \uBD84\uC11D",slug:"_2-bottom-up-\u1107\u116E\u11AB\u1109\u1165\u11A8",children:[]}]},{level:2,title:"2. useState \uCD5C\uC801\uD654",slug:"_2-usestate-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[{level:3,title:"(1) \uBCC0\uACBD\uB41C \uAC12\uC774 \uC5C6\uC744 \uACBD\uC6B0",slug:"_1-\u1107\u1167\u11AB\u1100\u1167\u11BC\u1103\u116C\u11AB-\u1100\u1161\u11B9\u110B\u1175-\u110B\u1165\u11B9\u110B\u1173\u11AF-\u1100\u1167\u11BC\u110B\u116E",children:[]},{level:3,title:"(2) \uB3D9\uC2DC\uC5D0 \uC5EC\uB7EC setState\uAC00 \uC2E4\uD589\uB420 \uACBD\uC6B0",slug:"_2-\u1103\u1169\u11BC\u1109\u1175\u110B\u1166-\u110B\u1167\u1105\u1165-setstate\u1100\u1161-\u1109\u1175\u11AF\u1112\u1162\u11BC\u1103\u116C\u11AF-\u1100\u1167\u11BC\u110B\u116E",children:[]}]},{level:2,title:"3. render \uD568\uC218 \uCD94\uC0C1\uD654",slug:"_3-render-\u1112\u1161\u11B7\u1109\u116E-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]},{level:2,title:"4. \uBAA8\uB4C8\uD654",slug:"_4-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]},{level:2,title:"\uC804\uCCB4 \uC608\uC81C\uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110B\u1168\u110C\u1166\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Javascript/Design/Vanilla-JS-Make-useSate-hook/",pathLocale:"/",extraFields:[]},{title:"\uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uB9CC\uB4DC\uB294 SSR",headers:[{level:2,title:"1. SSR\uACFC CSR",slug:"_1-ssr\u1100\u116A-csr",children:[{level:3,title:"(1) SSR(Servier Side Rendering)\uC774\uB780 \uBB34\uC5C7\uC778\uAC00?",slug:"_1-ssr-servier-side-rendering-\u110B\u1175\u1105\u1161\u11AB-\u1106\u116E\u110B\u1165\u11BA\u110B\u1175\u11AB\u1100\u1161",children:[]},{level:3,title:"(2) CSR\uC758 \uB4F1\uC7A5\uD558\uAE30 \uAE4C\uC9C0",slug:"_2-csr\u110B\u1174-\u1103\u1173\u11BC\u110C\u1161\u11BC\u1112\u1161\u1100\u1175-\u1101\u1161\u110C\u1175",children:[]},{level:3,title:"(3) \uC65C SSR\uC774 \uD544\uC694\uD55C\uAC00?",slug:"_3-\u110B\u116B-ssr\u110B\u1175-\u1111\u1175\u11AF\u110B\u116D\u1112\u1161\u11AB\u1100\u1161",children:[]},{level:3,title:"(4) \uAD00\uC2EC\uC0AC \uBD84\uC11D \uBC0F \uBD84\uB9AC",slug:"_4-\u1100\u116A\u11AB\u1109\u1175\u11B7\u1109\u1161-\u1107\u116E\u11AB\u1109\u1165\u11A8-\u1106\u1175\u11BE-\u1107\u116E\u11AB\u1105\u1175",children:[]}]},{level:2,title:"3. MVVM Pattern",slug:"_3-mvvm-pattern",children:[{level:3,title:"1) Model",slug:"_1-model",children:[]},{level:3,title:"2) ViewModel",slug:"_2-viewmodel",children:[]},{level:3,title:"3) View",slug:"_3-view",children:[]},{level:3,title:"4) \uC815\uB9AC\uD558\uBA70",slug:"_4-\u110C\u1165\u11BC\u1105\u1175\u1112\u1161\u1106\u1167",children:[]}]},{level:2,title:"4. Vanilla Javascript SSR",slug:"_4-vanilla-javascript-ssr",children:[{level:3,title:"1) \uBB34\uC791\uC815 \uB9CC\uB4E4\uC5B4\uBCF4\uAE30",slug:"_1-\u1106\u116E\u110C\u1161\u11A8\u110C\u1165\u11BC-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"2) \uAD00\uC2EC\uC0AC \uBD84\uB9AC",slug:"_2-\u1100\u116A\u11AB\u1109\u1175\u11B7\u1109\u1161-\u1107\u116E\u11AB\u1105\u1175",children:[]},{level:3,title:"3) \uB370\uC774\uD130 \uCD94\uAC00/\uC0AD\uC81C",slug:"_3-\u1103\u1166\u110B\u1175\u1110\u1165-\u110E\u116E\u1100\u1161-\u1109\u1161\u11A8\u110C\u1166",children:[]}]},{level:2,title:"5. SSR\uC5D0 CSR \uB367\uBD99\uC774\uAE30 ( Hydration )",slug:"_5-ssr\u110B\u1166-csr-\u1103\u1165\u11BA\u1107\u116E\u11C0\u110B\u1175\u1100\u1175-hydration",children:[{level:3,title:"1) ssr\uC5D0\uC11C static \uD30C\uC77C \uBD88\uB7EC\uC624\uAE30",slug:"_1-ssr\u110B\u1166\u1109\u1165-static-\u1111\u1161\u110B\u1175\u11AF-\u1107\u116E\u11AF\u1105\u1165\u110B\u1169\u1100\u1175",children:[]},{level:3,title:"2) Client Side Rendering \uB367\uBD99\uC774\uAE30",slug:"_2-client-side-rendering-\u1103\u1165\u11BA\u1107\u116E\u11C0\u110B\u1175\u1100\u1175",children:[]},{level:3,title:"3) Server\uC758 \uB370\uC774\uD130\uB97C Client\uC5D0 \uB3D9\uAE30\uD654 \uD558\uAE30",slug:"_3-server\u110B\u1174-\u1103\u1166\u110B\u1175\u1110\u1165\u1105\u1173\u11AF-client\u110B\u1166-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A-\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"4) \uC591\uBC29\uD5A5 \uB3D9\uAE30\uD654 (Server \u2190\u2192 Client)",slug:"_4-\u110B\u1163\u11BC\u1107\u1161\u11BC\u1112\u1163\u11BC-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A-server-\u2190\u2192-client",children:[]},{level:3,title:"5) \uC815\uB9AC",slug:"_5-\u110C\u1165\u11BC\u1105\u1175",children:[]}]},{level:2,title:"6. Router \uB3D9\uAE30\uD654",slug:"_6-router-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"\uC18C\uC2A4\uCF54\uB4DC \uD655\uC778",slug:"\u1109\u1169\u1109\u1173\u110F\u1169\u1103\u1173-\u1112\u116A\u11A8\u110B\u1175\u11AB",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/Javascript/Design/Vanilla-JS-Server-Side-Rendering/",pathLocale:"/",extraFields:[]},{title:"Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30",headers:[{level:2,title:"1. \uC911\uC559 \uC9D1\uC911\uC2DD \uC0C1\uD0DC\uAD00\uB9AC",slug:"_1-\u110C\u116E\u11BC\u110B\u1161\u11BC-\u110C\u1175\u11B8\u110C\u116E\u11BC\u1109\u1175\u11A8-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",children:[]},{level:2,title:"2. Observer Pattern\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uAE30",slug:"_2-observer-pattern\u110B\u1166-\u1103\u1162\u1112\u1162-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) Publish",slug:"_1-publish",children:[]},{level:3,title:"(2) Subscriber",slug:"_2-subscriber",children:[]},{level:3,title:"(3) \uC801\uC6A9\uD558\uAE30",slug:"_3-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"3. \uB9AC\uD329\uD1A0\uB9C1",slug:"_3-\u1105\u1175\u1111\u1162\u11A8\u1110\u1169\u1105\u1175\u11BC",children:[{level:3,title:"(1) Object.defineProperty \uC774\uD574\uD558\uAE30",slug:"_1-object-defineproperty-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(2) \uC5EC\uB7EC \uAC1C\uC758 \uC18D\uC131 \uAD00\uB9AC\uD558\uAE30",slug:"_2-\u110B\u1167\u1105\u1165-\u1100\u1162\u110B\u1174-\u1109\u1169\u11A8\u1109\u1165\u11BC-\u1100\u116A\u11AB\u1105\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(3) \uC5EC\uB7EC \uAC1C\uC758 Observer \uAD00\uB9AC\uD558\uAE30",slug:"_3-\u110B\u1167\u1105\u1165-\u1100\u1162\u110B\u1174-observer-\u1100\u116A\u11AB\u1105\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(4) \uD568\uC218\uD654",slug:"_4-\u1112\u1161\u11B7\u1109\u116E\u1112\u116A",children:[]}]},{level:2,title:"4. DOM\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"_4-dom\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) \uC77C\uB2E8 \uAD6C\uD604\uD574\uBCF4\uAE30",slug:"_1-\u110B\u1175\u11AF\u1103\u1161\u11AB-\u1100\u116E\u1112\u1167\u11AB\u1112\u1162\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"(2) Component\uB85C \uCD94\uC0C1\uD654\uD558\uAE30",slug:"_2-component\u1105\u1169-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(3) \uACE0\uBBFC\uD574\uBCF4\uAE30",slug:"_3-\u1100\u1169\u1106\u1175\u11AB\u1112\u1162\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"(4) \uCEF4\uD3EC\uB10C\uD2B8 \uC678\uBD80\uC5D0 \uC0C1\uD0DC\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uAE30",slug:"_4-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u110B\u116C\u1107\u116E\u110B\u1166-\u1109\u1161\u11BC\u1110\u1162\u1105\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u110C\u116E\u1100\u1175",children:[]}]},{level:2,title:"5. Flux Pattern",slug:"_5-flux-pattern",children:[]},{level:2,title:"6. Vuex \uAC19\uC740 Store \uB9CC\uB4E4\uAE30",slug:"_6-vuex-\u1100\u1161\u11C0\u110B\u1173\u11AB-store-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:2,title:"7. Redux \uB9CC\uB4E4\uAE30",slug:"_7-redux-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:2,title:"8. \uC2EC\uD654\uD559\uC2B5",slug:"_8-\u1109\u1175\u11B7\u1112\u116A\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[{level:3,title:"(1) \uCD5C\uC801\uD654",slug:"_1-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[]},{level:3,title:"(2) Proxy",slug:"_2-proxy",children:[]}]},{level:2,title:"\uC800\uC7A5\uC18C",slug:"\u110C\u1165\u110C\u1161\u11BC\u1109\u1169",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/Javascript/Design/Vanilla-JS-Store/",pathLocale:"/",extraFields:[]},{title:"Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30",headers:[{level:2,title:"1. \uBE0C\uB77C\uC6B0\uC800 \uB85C\uB529 \uACFC\uC815",slug:"_1-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165-\u1105\u1169\u1103\u1175\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[{level:3,title:"(1) \uD30C\uC2F1",slug:"_1-\u1111\u1161\u1109\u1175\u11BC",children:[]},{level:3,title:"(2) \uC2A4\uD0C0\uC77C",slug:"_2-\u1109\u1173\u1110\u1161\u110B\u1175\u11AF",children:[]},{level:3,title:"(3) \uB808\uC774\uC544\uC6C3",slug:"_3-\u1105\u1166\u110B\u1175\u110B\u1161\u110B\u116E\u11BA",children:[]},{level:3,title:"(4) \uD398\uC778\uD2B8",slug:"_4-\u1111\u1166\u110B\u1175\u11AB\u1110\u1173",children:[]},{level:3,title:"(5) \uD569\uC131(Compositing)",slug:"_5-\u1112\u1161\u11B8\u1109\u1165\u11BC-compositing",children:[]}]},{level:2,title:"2. \uC131\uB2A5",slug:"_2-\u1109\u1165\u11BC\u1102\u1173\u11BC",children:[{level:3,title:"(1) Reflow, Repaint",slug:"_1-reflow-repaint",children:[]},{level:3,title:"(2) \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC81C\uC77C \uC131\uB2A5\uC744 \uB9CE\uC774 \uC7A1\uC544\uBA39\uB294 \uAC83",slug:"_2-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165\u110B\u1166\u1109\u1165-\u110C\u1166\u110B\u1175\u11AF-\u1109\u1165\u11BC\u1102\u1173\u11BC\u110B\u1173\u11AF-\u1106\u1161\u11AD\u110B\u1175-\u110C\u1161\u11B8\u110B\u1161\u1106\u1165\u11A8\u1102\u1173\u11AB-\u1100\u1165\u11BA",children:[]}]},{level:2,title:"3. \uAC00\uC0C1\uB3D4(VirtualDOM)",slug:"_3-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom",children:[{level:3,title:"(1) \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30",slug:"_1-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:3,title:"(2) JSX",slug:"_2-jsx",children:[]},{level:3,title:"(3) VirtualDOM \u2192 RealDOM",slug:"_3-virtualdom-\u2192-realdom",children:[]},{level:3,title:"(4) Diff \uC54C\uACE0\uB9AC\uC998 \uC801\uC6A9",slug:"_4-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]}]},{level:2,title:"4. VirtualDOM\uC5D0 \uB300\uD55C \uACE0\uCC30",slug:"_4-virtualdom\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u110E\u1161\u11AF",children:[{level:3,title:"(1) VirtualDOM\uC774 \uAF2D \uD544\uC694\uD55C\uAC00?",slug:"_1-virtualdom\u110B\u1175-\u1101\u1169\u11A8-\u1111\u1175\u11AF\u110B\u116D\u1112\u1161\u11AB\u1100\u1161",children:[]},{level:3,title:"(2) Diff \uC54C\uACE0\uB9AC\uC998 \uC218\uC815",slug:"_2-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u116E\u110C\u1165\u11BC",children:[]}]},{level:2,title:"5. Diff \uC54C\uACE0\uB9AC\uC998 + \uCEF4\uD3EC\uB10C\uD2B8",slug:"_5-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173",children:[{level:3,title:"(1) \uCEF4\uD3EC\uB10C\uD2B8 \uAD6C\uC131",slug:"_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[]},{level:3,title:"(2) \uC774\uBCA4\uD2B8 \uC911\uBCF5\uB4F1\uB85D \uD574\uACB0",slug:"_2-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u110C\u116E\u11BC\u1107\u1169\u11A8\u1103\u1173\u11BC\u1105\u1169\u11A8-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"\uC800\uC7A5\uC18C",slug:"\u110C\u1165\u110C\u1161\u11BC\u1109\u1169",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/Javascript/Design/Vanilla-JS-Virtual-DOM/",pathLocale:"/",extraFields:[]},{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131",headers:[],path:"/Javascript/Domain/Concurrency-Parallel/",pathLocale:"/",extraFields:[]},{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC774\uBCA4\uD2B8 \uB8E8\uD504",headers:[],path:"/Javascript/Domain/Event-Loop/",pathLocale:"/",extraFields:[]},{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8",headers:[{level:2,title:"1. \uAC1C\uB150",slug:"_1-\u1100\u1162\u1102\u1167\u11B7",children:[]},{level:2,title:"2. \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8 \uAD6C\uC131",slug:"_2-\u1109\u1175\u11AF\u1112\u1162\u11BC-\u110F\u1165\u11AB\u1110\u1166\u11A8\u1109\u1173\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[{level:3,title:"Variable Environment",slug:"variable-environment",children:[]},{level:3,title:"Lexcial Environment",slug:"lexcial-environment",children:[]}]},{level:2,title:"3. environmentRecord\uC640 Hoisting(\uD638\uC774\uC2A4\uD305)",slug:"_3-environmentrecord\u110B\u116A-hoisting-\u1112\u1169\u110B\u1175\u1109\u1173\u1110\u1175\u11BC",children:[]},{level:2,title:"4. outerEnvironmentReference\uC640 Scope",slug:"_4-outerenvironmentreference\u110B\u116A-scope",children:[]},{level:2,title:"5. this",slug:"_5-this",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],path:"/Javascript/Domain/Execution-Context/",pathLocale:"/",extraFields:[]},{title:"Non-Blocking Loop \uB9CC\uB4E4\uAE30",headers:[],path:"/Javascript/Domain/Non-Blocking-Loop/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 1\uBD84\uAE30 \uD68C\uACE0",headers:[{level:2,title:"\uAC1C\uBCC4 \uC5ED\uB7C9",slug:"\u1100\u1162\u1107\u1167\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learned",slug:"_2-today-i-learned",children:[]},{level:3,title:"3. Side Project",slug:"_3-side-project",children:[]},{level:3,title:"4. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uBC29\uBC95\uB860",slug:"_4-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1100\u1162\u1107\u1161\u11AF\u1107\u1161\u11BC\u1107\u1165\u11B8\u1105\u1169\u11AB",children:[]},{level:3,title:"5. \uC54C\uACE0\uB9AC\uC998",slug:"_5-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC678",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u116C",children:[{level:3,title:"\uC218\uC601",slug:"\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"\uC790\uBCF8\uC5D0 \uB300\uD558\uC5EC",slug:"\u110C\u1161\u1107\u1169\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u110B\u1167",children:[]}]}],path:"/Review/2020-year/01-First-Quarter/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 1\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD68C\uC0AC\uC5D0\uC11C \uC9C4\uD589 \uC911\uC774\uB358 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uB9C8\uBB34\uB9AC\uD588\uB2E4.",slug:"_1-\u1112\u116C\u1109\u1161\u110B\u1166\u1109\u1165-\u110C\u1175\u11AB\u1112\u1162\u11BC-\u110C\u116E\u11BC\u110B\u1175\u1103\u1165\u11AB-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1105\u1173\u11AF-\u1106\u1161\u1106\u116E\u1105\u1175\u1112\u1162\u11BB\u1103\u1161",children:[]},{level:3,title:"2. Markdown\uC73C\uB85C UML\uC744 \uADF8\uB9B4 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4.",slug:"_2-markdown\u110B\u1173\u1105\u1169-uml\u110B\u1173\u11AF-\u1100\u1173\u1105\u1175\u11AF-\u1109\u116E-\u110B\u1175\u11BB\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1103\u1161",children:[]},{level:3,title:"3. \uCD5C\uC885 \uBC1C\uD45C",slug:"_3-\u110E\u116C\u110C\u1169\u11BC-\u1107\u1161\u11AF\u1111\u116D",children:[]},{level:3,title:"4. \uC778\uC218\uC778\uACC4",slug:"_4-\u110B\u1175\u11AB\u1109\u116E\u110B\u1175\u11AB\u1100\u1168",children:[]},{level:3,title:"5. \uD68C\uC0AC \uAE30\uC220 \uBE14\uB85C\uADF8\uC5D0 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uC62C\uB9AC\uAE30",slug:"_5-\u1112\u116C\u1109\u1161-\u1100\u1175\u1109\u116E\u11AF-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173\u110B\u1166-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110B\u1169\u11AF\u1105\u1175\u1100\u1175",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC77C\uC77C \uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learn",slug:"_2-today-i-learn",children:[]},{level:3,title:"3. \uCF54\uB4DC \uC2A4\uD53C\uCE20 86\uAE30, \uADF8\uB9AC\uACE0 \uAC1D\uCCB4\uC9C0\uD5A5",slug:"_3-\u110F\u1169\u1103\u1173-\u1109\u1173\u1111\u1175\u110E\u1173-86\u1100\u1175-\u1100\u1173\u1105\u1175\u1100\u1169-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",children:[]},{level:3,title:"4. \uC544\uC26C\uC6B4 \uC810",slug:"_4-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/01-January/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 2\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC5C5\uBB34\uC5D0 \uC801\uC751\uD558\uB294 \uACFC\uC815",slug:"_1-\u110B\u1165\u11B8\u1106\u116E\u110B\u1166-\u110C\u1165\u11A8\u110B\u1173\u11BC\u1112\u1161\u1102\u1173\u11AB-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:3,title:"2. \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8\uC640 \uCF54\uB4DC\uB9AC\uBDF0",slug:"_2-\u1109\u1175\u11AB\u1100\u1172-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u110B\u116A-\u110F\u1169\u1103\u1173\u1105\u1175\u1107\u1172",children:[]},{level:3,title:"4. \uC7AC\uD0DD\uADFC\uBB34",slug:"_4-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"\uC5BC\uB5A8\uACB0\uC5D0 \uC9D1\uC0AC",slug:"\u110B\u1165\u11AF\u1104\u1165\u11AF\u1100\u1167\u11AF\u110B\u1166-\u110C\u1175\u11B8\u1109\u1161",children:[]},{level:3,title:"\uC218\uC601 \uC2DC\uC791",slug:"\u1109\u116E\u110B\u1167\u11BC-\u1109\u1175\u110C\u1161\u11A8",children:[]},{level:3,title:"\uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8 \uC2DC\uC791",slug:"\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1109\u1175\u110C\u1161\u11A8",children:[]},{level:3,title:"\uB3C5\uC11C - \uC2A4\uD504\uB9C1 \uC785\uBB38\uC744 \uC704\uD55C \uC790\uBC14 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC774\uD574",slug:"\u1103\u1169\u11A8\u1109\u1165-\u1109\u1173\u1111\u1173\u1105\u1175\u11BC-\u110B\u1175\u11B8\u1106\u116E\u11AB\u110B\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-\u110C\u1161\u1107\u1161-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u110B\u1175\u1112\u1162",children:[]},{level:3,title:"\uCF54\uB355",slug:"\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"\uD568\uC218\uD615 \uD504\uB85C\uADF8\uB798\uBC0D",slug:"\u1112\u1161\u11B7\u1109\u116E\u1112\u1167\u11BC-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1175\u11BC",children:[]},{level:3,title:"The Java",slug:"the-java",children:[]},{level:3,title:"\uC544\uC26C\uC6B4 \uC810",slug:"\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/02-February/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 2\uBD84\uAE30 \uD68C\uACE0",headers:[{level:2,title:"\uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learned",slug:"_2-today-i-learned",children:[]},{level:3,title:"3. Side Project",slug:"_3-side-project",children:[]},{level:3,title:"4. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uBC29\uBC95\uB860",slug:"_4-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1100\u1162\u1107\u1161\u11AF\u1107\u1161\u11BC\u1107\u1165\u11B8\u1105\u1169\u11AB",children:[]},{level:3,title:"5. \uB2E8\uAD6D\uB300\uD559\uAD50 \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_5-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"6. \uCF54\uB355",slug:"_6-\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"7. Java Clean Code TDD 8\uAE30",slug:"_7-java-clean-code-tdd-8\u1100\u1175",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC678",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u116C",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC790\uBCF8\uC5D0 \uB300\uD558\uC5EC",slug:"_2-\u110C\u1161\u1107\u1169\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u110B\u1167",children:[]},{level:3,title:"3. \uC624\uBC84\uC6CC\uCE58",slug:"_3-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/02-Second-Quarter/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 3\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC7AC\uD0DD\uADFC\uBB34",slug:"_1-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E",children:[]},{level:3,title:"2. CMS \uAC1C\uBC1C",slug:"_2-cms-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. DKU Logging Service",slug:"_1-dku-logging-service",children:[]},{level:3,title:"2. \uC54C\uACE0\uB9AC\uC998",slug:"_2-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7",children:[]},{level:3,title:"3. \uB3C5\uC11C \uC2E4\uD328",slug:"_3-\u1103\u1169\u11A8\u1109\u1165-\u1109\u1175\u11AF\u1111\u1162",children:[]},{level:3,title:"4. TIL \uC2E4\uD328",slug:"_4-til-\u1109\u1175\u11AF\u1111\u1162",children:[]},{level:3,title:"5. \uCF54\uB355 Top 10",slug:"_5-\u110F\u1169\u1103\u1165\u11A8-top-10",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/03-March/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 4\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Vue Composition API",slug:"_1-vue-composition-api",children:[]},{level:3,title:"2. \uC21C\uC815 API \uAC1C\uBC1C",slug:"_2-\u1109\u116E\u11AB\u110C\u1165\u11BC-api-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"3. DynamoDB",slug:"_3-dynamodb",children:[]},{level:3,title:"4. \uC7AC\uD0DD\uADFC\uBB34 \uC885\uB8CC",slug:"_4-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E-\u110C\u1169\u11BC\u1105\u116D",children:[]},{level:3,title:"5. \uCD1D\uC120",slug:"_5-\u110E\u1169\u11BC\u1109\u1165\u11AB",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Server Side Rendering",slug:"_1-server-side-rendering",children:[]},{level:3,title:"2. \uC624\uD508\uC18C\uC2A4 \uAE30\uC5EC \uC2DC\uB3C4",slug:"_2-\u110B\u1169\u1111\u1173\u11AB\u1109\u1169\u1109\u1173-\u1100\u1175\u110B\u1167-\u1109\u1175\u1103\u1169",children:[]},{level:3,title:"3. \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_3-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"4. \uC2A4\uD30C\uB974\uD0C0 \uCF54\uB529\uD074\uB7FD \uBA58\uD1A0 \uC2E0\uCCAD",slug:"_4-\u1109\u1173\u1111\u1161\u1105\u1173\u1110\u1161-\u110F\u1169\u1103\u1175\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8-\u1106\u1166\u11AB\u1110\u1169-\u1109\u1175\u11AB\u110E\u1165\u11BC",children:[]},{level:3,title:"5. \uC77C\uC77C\uCEE4\uBC0B\uACFC \uCF54\uB355",slug:"_5-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA\u1100\u116A-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/04-April/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 5\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. API \uAC1C\uBC1C",slug:"_1-api-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"2. \uD06C\uB86C \uC775\uC2A4\uD150\uC158 \uAC1C\uBC1C",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u110B\u1175\u11A8\u1109\u1173\u1110\u1166\u11AB\u1109\u1167\u11AB-\u1100\u1162\u1107\u1161\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"0. \uC77C\uC77C \uB77C\uC774\uD504 \uC0AC\uC774\uD074",slug:"_0-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u1105\u1161\u110B\u1175\u1111\u1173-\u1109\u1161\u110B\u1175\u110F\u1173\u11AF",children:[]},{level:3,title:"1. \uB2E8\uAD6D\uB300\uD559\uAD50 \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_1-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"2. \uC790\uBC14 \uD074\uB9B0\uCF54\uB4DC \uC218\uAC15",slug:"_2-\u110C\u1161\u1107\u1161-\u110F\u1173\u11AF\u1105\u1175\u11AB\u110F\u1169\u1103\u1173-\u1109\u116E\u1100\u1161\u11BC",children:[]},{level:3,title:"3. \uCF54\uB355",slug:"_3-\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"4. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C",slug:"_4-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C",children:[]},{level:3,title:"5. \uC218\uC601",slug:"_5-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"6. \uC544\uC26C\uC6B4 \uC810",slug:"_6-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/05-May/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 6\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. \uC758\uC0AC \uACB0\uC815 \uACFC\uC815",slug:"_2-\u110B\u1174\u1109\u1161-\u1100\u1167\u11AF\u110C\u1165\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:3,title:"3. Quality assurance",slug:"_3-quality-assurance",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Java Clean Code",slug:"_1-java-clean-code",children:[]},{level:3,title:"2. DKU Study",slug:"_2-dku-study",children:[]},{level:3,title:"3. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0",slug:"_3-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]},{level:3,title:"4. \uCF54\uB355",slug:"_4-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"\uAC1C\uBC1C\uC678",slug:"\u1100\u1162\u1107\u1161\u11AF\u110B\u116C",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC624\uBC84\uC6CC\uCE58",slug:"_2-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/06-June/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 7\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. CMS \uC791\uC5C5",slug:"_2-cms-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]},{level:3,title:"3. API \uBD84\uB9AC \uC791\uC5C5",slug:"_3-api-\u1107\u116E\u11AB\u1105\u1175-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uB514\uC2A4\uCF54\uB4DC \uBD07",slug:"_1-\u1103\u1175\u1109\u1173\u110F\u1169\u1103\u1173-\u1107\u1169\u11BA",children:[]},{level:3,title:"2. \uCE74\uCE74\uC624 \uBA74\uC811 \uC900\uBE44",slug:"_2-\u110F\u1161\u110F\u1161\u110B\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8-\u110C\u116E\u11AB\u1107\u1175",children:[]},{level:3,title:"3. Java Clean Code 9\uAE30 Reviewer",slug:"_3-java-clean-code-9\u1100\u1175-reviewer",children:[]},{level:3,title:"4. Github Contribution 3,000\uAC1C \uB2EC\uC131",slug:"_4-github-contribution-3-000\u1100\u1162-\u1103\u1161\u11AF\u1109\u1165\u11BC",children:[]}]},{level:2,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC624\uBC84\uC6CC\uCE58",slug:"_2-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/07-July/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 8\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Sentry \uC801\uC6A9",slug:"_1-sentry-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]},{level:3,title:"2. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"3. Mobile API \uBD84\uB9AC \uC774\uC804",slug:"_3-mobile-api-\u1107\u116E\u11AB\u1105\u1175-\u110B\u1175\u110C\u1165\u11AB",children:[]},{level:3,title:"4. CMS \uC791\uC5C5 (feat. Legacy)",slug:"_4-cms-\u110C\u1161\u11A8\u110B\u1165\u11B8-feat-legacy",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uCE74\uCE74\uC624 \uBA74\uC811\uAD00\uB828",slug:"_1-\u110F\u1161\u110F\u1161\u110B\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8\u1100\u116A\u11AB\u1105\u1167\u11AB",children:[]},{level:3,title:"2. Next Step Reviewer",slug:"_2-next-step-reviewer",children:[]},{level:3,title:"3. Boost Camp Reviewer",slug:"_3-boost-camp-reviewer",children:[]},{level:3,title:"4. React Study",slug:"_4-react-study",children:[]},{level:3,title:"5. DKU-STUDY",slug:"_5-dku-study",children:[]},{level:3,title:"6. \uCF54\uB355\uACFC \uC77C\uC77C\uCEE4\uBC0B",slug:"_6-\u110F\u1169\u1103\u1165\u11A8\u1100\u116A-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"7. \uC11C\uC6B8 \uB514\uC9C0\uD14D\uACE0\uB4F1\uD559\uAD50 \uAE30\uB2A5\uBC18",slug:"_7-\u1109\u1165\u110B\u116E\u11AF-\u1103\u1175\u110C\u1175\u1110\u1166\u11A8\u1100\u1169\u1103\u1173\u11BC\u1112\u1161\u11A8\u1100\u116D-\u1100\u1175\u1102\u1173\u11BC\u1107\u1161\u11AB",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/08-August/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 9\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. CMS QA",slug:"_2-cms-qa",children:[]},{level:3,title:"3. API \uAD00\uB828 \uC774\uC288 \uD574\uACB0",slug:"_3-api-\u1100\u116A\u11AB\u1105\u1167\u11AB-\u110B\u1175\u1109\u1172-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Black Coffee Study",slug:"_1-black-coffee-study",children:[]},{level:3,title:"2. \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_2-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"3. \uB125\uC2A4\uD2B8\uC2A4\uD0ED \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_3-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173\u1109\u1173\u1110\u1162\u11B8-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"4. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C - \uC804\uAD6D\uB300\uD68C",slug:"_4-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C-\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C",children:[]},{level:3,title:"5. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514",slug:"_5-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1105\u1175\u110B\u1162\u11A8\u1110\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"6. \uB124\uC774\uBC84 \uC544\uD3F4\uB85C \uCC4C\uB9B0\uC9C0",slug:"_6-\u1102\u1166\u110B\u1175\u1107\u1165-\u110B\u1161\u1111\u1169\u11AF\u1105\u1169-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]},{level:3,title:"7. \uB2E8\uAD6D\uB300 \uAC1C\uBC1C\uC790 \uC2A4\uD130\uB514",slug:"_7-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"8. \uC77C\uC77C\uCEE4\uBC0B \uBC0F \uCF54\uB355",slug:"_8-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA-\u1106\u1175\u11BE-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"\uC774\uCBE4\uC5D0\uC11C \uB3CC\uC544\uBCF4\uB294 \uC2A4\uCF00\uC974 \uC815\uB9AC",slug:"\u110B\u1175\u110D\u1173\u11B7\u110B\u1166\u1109\u1165-\u1103\u1169\u11AF\u110B\u1161\u1107\u1169\u1102\u1173\u11AB-\u1109\u1173\u110F\u1166\u110C\u1172\u11AF-\u110C\u1165\u11BC\u1105\u1175",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/09-September/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 10\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. CMS \uAC1C\uBC1C",slug:"_1-cms-\u1100\u1162\u1107\u1161\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514",slug:"_1-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1105\u1175\u110B\u1162\u11A8\u1110\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"2. \uBE14\uB799\uCEE4\uD53C \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 1\uAE30",slug:"_2-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-1\u1100\u1175",children:[]},{level:3,title:"3. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 4\uAE30 \uB9AC\uBDF0\uC5B4",slug:"_3-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-4\u1100\u1175-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"4. \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uADF8\uB9AC\uACE0 \uBC1C\uD45C",slug:"_4-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-\u1105\u1175\u1107\u1172\u110B\u1165-\u1100\u1173\u1105\u1175\u1100\u1169-\u1107\u1161\u11AF\u1111\u116D",children:[]},{level:3,title:"5. \uC778\uD130\uB137 \uAC15\uC758 \uC601\uC0C1 \uC81C\uC791",slug:"_5-\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA-\u1100\u1161\u11BC\u110B\u1174-\u110B\u1167\u11BC\u1109\u1161\u11BC-\u110C\u1166\u110C\u1161\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/10-October/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 11\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. CMS \uB9C8\uBB34\uB9AC",slug:"_1-cms-\u1106\u1161\u1106\u116E\u1105\u1175",children:[]},{level:3,title:"2. \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1109\u1175\u11AB\u1100\u1172-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uB125\uC2A4\uD2B8 \uC2A4\uD15D \uB9AC\uBDF0\uC5B4",slug:"_1-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173-\u1109\u1173\u1110\u1166\u11B8-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"2. \uB2E8\uCFE0\uD0A4 \uB9AC\uCFE0\uB974\uD2B8 \uC9C0\uC6D0",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175-\u1105\u1175\u110F\u116E\u1105\u1173\u1110\u1173-\u110C\u1175\u110B\u116F\u11AB",children:[]},{level:3,title:"3. Composition API \uD559\uC2B5",slug:"_3-composition-api-\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[]},{level:3,title:"4. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 2",slug:"_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2",children:[]},{level:3,title:"5. \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 2\uAE30",slug:"_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175",children:[]},{level:3,title:"6. \uAE30\uB2A5\uB300\uD68C\uC6A9 PHP Tutorial",slug:"_6-\u1100\u1175\u1102\u1173\u11BC\u1103\u1162\u1112\u116C\u110B\u116D\u11BC-php-tutorial",children:[]},{level:3,title:"7. \uBAA8\uAC01\uCF54",slug:"_7-\u1106\u1169\u1100\u1161\u11A8\u110F\u1169",children:[]},{level:3,title:"8. \uB124\uC774\uBC84 \uC544\uD3F4\uB85C \uBA74\uC811",slug:"_8-\u1102\u1166\u110B\u1175\u1107\u1165-\u110B\u1161\u1111\u1169\u11AF\u1105\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8",children:[]},{level:3,title:"9. Devears",slug:"_9-devears",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/11-November/",pathLocale:"/",extraFields:[]},{title:"2020\uB144 12\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Composition API\uB85C \uB9AC\uD329\uD1A0\uB9C1",slug:"_1-composition-api\u1105\u1169-\u1105\u1175\u1111\u1162\u11A8\u1110\u1169\u1105\u1175\u11BC",children:[]},{level:3,title:"2. \uB9C8\uC9C0\uB9C9 \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1106\u1161\u110C\u1175\u1106\u1161\u11A8-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"3. \uB5A0\uB098\uAC00\uB294 \uD300\uC6D0\uB4E4",slug:"_3-\u1104\u1165\u1102\u1161\u1100\u1161\u1102\u1173\u11AB-\u1110\u1175\u11B7\u110B\u116F\u11AB\u1103\u1173\u11AF",children:[]},{level:3,title:"4. \uC0AC\uB0B4 \uAC8C\uC784 \uB300\uD68C",slug:"_4-\u1109\u1161\u1102\u1162-\u1100\u1166\u110B\u1175\u11B7-\u1103\u1162\u1112\u116C",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. NextStep \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_1-nextstep-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"2. \uB2E8\uCFE0\uD0A4 \uAC1C\uBC1C\uD300 \uD569\uB958",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175-\u1100\u1162\u1107\u1161\u11AF\u1110\u1175\u11B7-\u1112\u1161\u11B8\u1105\u1172",children:[]},{level:3,title:"3. Composition API \uD559\uC2B5",slug:"_3-composition-api-\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[]},{level:3,title:"4. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 2",slug:"_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2",children:[]},{level:3,title:"5. \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 2\uAE30",slug:"_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175",children:[]},{level:3,title:"6. \uB3C5\uC11C",slug:"_6-\u1103\u1169\u11A8\u1109\u1165",children:[]},{level:3,title:"7. Devears",slug:"_7-devears",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2020-year/12-December/",pathLocale:"/",extraFields:[]},{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 \uD68C\uACE0",headers:[{level:2,title:"\uC5C5\uBB34",slug:"\u110B\u1165\u11B8\u1106\u116E",children:[{level:3,title:"1. \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8",slug:"_1-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"2. \uBAA8\uBC14\uC77C \uC90C",slug:"_2-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF-\u110C\u116E\u11B7",children:[]},{level:3,title:"3. Open API CMS",slug:"_3-open-api-cms",children:[]},{level:3,title:"4. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_4-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"5. \uD56B\uC774\uC288 CMS",slug:"_5-\u1112\u1161\u11BA\u110B\u1175\u1109\u1172-cms",children:[]},{level:3,title:"6. \uD06C\uB86C \uBE0C\uB77C\uC6B0\uC800 \uC804\uC6A9 \uC11C\uBE44\uC2A4",slug:"_6-\u110F\u1173\u1105\u1169\u11B7-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165-\u110C\u1165\u11AB\u110B\u116D\u11BC-\u1109\u1165\u1107\u1175\u1109\u1173",children:[]},{level:3,title:"7. \uD300\uC6D0, \uADF8\uB9AC\uACE0 \uD611\uC5C5",slug:"_7-\u1110\u1175\u11B7\u110B\u116F\u11AB-\u1100\u1173\u1105\u1175\u1100\u1169-\u1112\u1167\u11B8\u110B\u1165\u11B8",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"3. \uC778\uD130\uB137 \uAC15\uC758",slug:"_3-\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA-\u1100\u1161\u11BC\u110B\u1174",children:[]},{level:3,title:"4. \uC2A4\uD130\uB514",slug:"_4-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"5. \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_5-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"6. \uAC15\uC0AC",slug:"_6-\u1100\u1161\u11BC\u1109\u1161",children:[]},{level:3,title:"7. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0",slug:"_7-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]}]},{level:2,title:"\uC77C\uC0C1",slug:"\u110B\u1175\u11AF\u1109\u1161\u11BC",children:[{level:3,title:"1. \uD559\uC790\uAE08 \uB300\uCD9C \uC0C1\uD658\uACFC \uC878\uC5C5",slug:"_1-\u1112\u1161\u11A8\u110C\u1161\u1100\u1173\u11B7-\u1103\u1162\u110E\u116E\u11AF-\u1109\u1161\u11BC\u1112\u116A\u11AB\u1100\u116A-\u110C\u1169\u11AF\u110B\u1165\u11B8",children:[]},{level:3,title:"2. \uC218\uC601",slug:"_2-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"3. \uACE0\uC591\uC774",slug:"_3-\u1100\u1169\u110B\u1163\u11BC\u110B\u1175",children:[]}]},{level:2,title:"\uB9C8\uBB34\uB9AC\uD558\uBA70",slug:"\u1106\u1161\u1106\u116E\u1105\u1175\u1112\u1161\u1106\u1167",children:[]}],path:"/Review/2020-year/end/",pathLocale:"/",extraFields:[]},{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0",headers:[{level:2,title:"1. 2021\uB144 \uBAA9\uD45C\uC5D0 \uB300\uD55C \uD68C\uACE0",slug:"_1-2021\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC62C\uD574 \uCD08 \uBAA9\uD45C\uB4E4",slug:"_1-\u110B\u1169\u11AF\u1112\u1162-\u110E\u1169-\u1106\u1169\u11A8\u1111\u116D\u1103\u1173\u11AF",children:[]},{level:3,title:"(2) \uBB38\uC81C\uC810 \uD0D0\uC0C9",slug:"_2-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7-\u1110\u1161\u11B7\u1109\u1162\u11A8",children:[]}]},{level:2,title:"2. \uC5C5\uBB34 \uD68C\uACE0",slug:"_2-\u110B\u1165\u11B8\u1106\u116E-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC2A4\uD0C0\uD2B8\uC90C",slug:"_1-\u1109\u1173\u1110\u1161\u1110\u1173\u110C\u116E\u11B7",children:[]},{level:3,title:"(2) \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"(3) \uC90C\uB2F7\uCEF4 \uAC1C\uD3B8",slug:"_3-\u110C\u116E\u11B7\u1103\u1161\u11BA\u110F\u1165\u11B7-\u1100\u1162\u1111\u1167\u11AB",children:[]},{level:3,title:"(4) \uC2E0\uC785 \uAC1C\uBC1C\uC790 \uCC44\uC6A9",slug:"_4-\u1109\u1175\u11AB\u110B\u1175\u11B8-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161-\u110E\u1162\u110B\u116D\u11BC",children:[]},{level:3,title:"(5) \uC2E0\uADDC \uD14C\uD06C\uD540 \uC11C\uBE44\uC2A4 \uC9C4\uD589",slug:"_5-\u1109\u1175\u11AB\u1100\u1172-\u1110\u1166\u110F\u1173\u1111\u1175\u11AB-\u1109\u1165\u1107\u1175\u1109\u1173-\u110C\u1175\u11AB\u1112\u1162\u11BC",children:[]},{level:3,title:"(6) \uC870\uC9C1 \uAC1C\uD3B8",slug:"_6-\u110C\u1169\u110C\u1175\u11A8-\u1100\u1162\u1111\u1167\u11AB",children:[]}]},{level:2,title:"3. \uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"_3-\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"(1) \uBC29\uACFC\uD6C4 \uC218\uC5C5 \uAC15\uC0AC",slug:"_1-\u1107\u1161\u11BC\u1100\u116A\u1112\u116E-\u1109\u116E\u110B\u1165\u11B8-\u1100\u1161\u11BC\u1109\u1161",children:[]},{level:3,title:"(2) \uB2E8\uCFE0\uD0A4",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175",children:[]},{level:3,title:"(3) ATDD 3\uAE30",slug:"_3-atdd-3\u1100\u1175",children:[]},{level:3,title:"(4) Java CC 11\uAE30 \uB9AC\uBDF0\uC5B4",slug:"_4-java-cc-11\u1100\u1175-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(5) \uC6B0\uC544\uD55C \uD14C\uD06C\uCF54\uC2A4 Pro2 \uB9AC\uBDF0\uC5B4",slug:"_5-\u110B\u116E\u110B\u1161\u1112\u1161\u11AB-\u1110\u1166\u110F\u1173\u110F\u1169\u1109\u1173-pro2-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(6) \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 Level 3",slug:"_6-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-level-3",children:[]},{level:3,title:"(7) \uB3C5\uC11C",slug:"_7-\u1103\u1169\u11A8\u1109\u1165",children:[]},{level:3,title:"(8) \uB2E8\uAD6D\uB300 Javascript Study",slug:"_8-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-javascript-study",children:[]}]},{level:2,title:"4. \uC774\uC0AC",slug:"_4-\u110B\u1175\u1109\u1161",children:[]},{level:2,title:"5. \uD558\uBC18\uAE30 \uACC4\uD68D",slug:"_5-\u1112\u1161\u1107\u1161\u11AB\u1100\u1175-\u1100\u1168\u1112\u116C\u11A8",children:[]}],path:"/Review/2021-year/01-First-Quarter/",pathLocale:"/",extraFields:[]},{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0",headers:[{level:2,title:"1. \uD68C\uC0AC \uD504\uB85C\uC81D\uD2B8 \uD68C\uACE0",slug:"_1-\u1112\u116C\u1109\u1161-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC90C\uD504\uB860\uD2B8(zum.com) \uAC1C\uD3B8",slug:"_1-\u110C\u116E\u11B7\u1111\u1173\u1105\u1169\u11AB\u1110\u1173-zum-com-\u1100\u1162\u1111\u1167\u11AB",children:[]},{level:3,title:"(2) \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778(invest.zum.com)",slug:"_2-\u1110\u116E\u110C\u1161-\u1109\u1165\u1107\u1173\u1103\u1169\u1106\u1166\u110B\u1175\u11AB-invest-zum-com",children:[]},{level:3,title:"(3) \uBAA8\uBC14\uC77C\uC90C(m.zum.com)",slug:"_3-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF\u110C\u116E\u11B7-m-zum-com",children:[]},{level:3,title:"(4) zum-portal-core-js",slug:"_4-zum-portal-core-js",children:[]},{level:3,title:"(5) \uAE30\uD0C0 \uD504\uB85C\uC81D\uD2B8\uB4E4",slug:"_5-\u1100\u1175\u1110\u1161-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1103\u1173\u11AF",children:[]}]},{level:2,title:"2. \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uD30C\uD2B8\uB9AC\uB354",slug:"_2-\u110B\u1165\u110D\u1165\u1103\u1161\u1107\u1169\u1102\u1175-\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165",children:[{level:3,title:"(1) \uCC44\uC6A9",slug:"_1-\u110E\u1162\u110B\u116D\u11BC",children:[]},{level:3,title:"(2) \uD30C\uD2B8\uB9AC\uB354\uAC00 \uB418\uB2E4",slug:"_2-\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165\u1100\u1161-\u1103\u116C\u1103\u1161",children:[]},{level:3,title:"(4) \uC88B\uC740 \uC870\uC9C1\uC5D0 \uB300\uD55C \uACE0\uBBFC",slug:"_4-\u110C\u1169\u11C2\u110B\u1173\u11AB-\u110C\u1169\u110C\u1175\u11A8\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u1106\u1175\u11AB",children:[]},{level:3,title:"(5) Effectuation Process",slug:"_5-effectuation-process",children:[]},{level:3,title:"(6) \uC55E\uC73C\uB85C\uC758 \uACFC\uC81C",slug:"_6-\u110B\u1161\u11C1\u110B\u1173\u1105\u1169\u110B\u1174-\u1100\u116A\u110C\u1166",children:[]}]},{level:2,title:"3. \uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"_3-\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"(1) \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8 - \uCEA0\uD37C\uC2A4 \uD504\uB80C\uC988",slug:"_1-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110F\u1162\u11B7\u1111\u1165\u1109\u1173-\u1111\u1173\u1105\u1166\u11AB\u110C\u1173",children:[]},{level:3,title:"(2) NextStep ATDD",slug:"_2-nextstep-atdd",children:[]},{level:3,title:"(3) \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 Level 3",slug:"_3-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-level-3",children:[]},{level:3,title:"(4) \uD3EC\uC2A4\uD305",slug:"_4-\u1111\u1169\u1109\u1173\u1110\u1175\u11BC",children:[]}]},{level:2,title:"4. \uB300\uC678 \uD65C\uB3D9",slug:"_4-\u1103\u1162\u110B\u116C-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[{level:3,title:"(1) NextStep Java Clean Code \uB9AC\uBDF0\uC5B4",slug:"_1-nextstep-java-clean-code-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(2) \uC6B0\uC544\uD55C \uD14C\uD06C\uCF54\uC2A4 Pro 2 \uB9AC\uBDF0\uC5B4",slug:"_2-\u110B\u116E\u110B\u1161\u1112\u1161\u11AB-\u1110\u1166\u110F\u1173\u110F\u1169\u1109\u1173-pro-2-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(3) \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:3,title:"(4) \uD56D\uD574 99",slug:"_4-\u1112\u1161\u11BC\u1112\u1162-99",children:[]},{level:3,title:"(5) \uACE0\uB4F1\uD559\uAD50 \uBC29\uACFC\uD6C4 \uC218\uC5C5 \uAC15\uC758",slug:"_5-\u1100\u1169\u1103\u1173\u11BC\u1112\u1161\u11A8\u1100\u116D-\u1107\u1161\u11BC\u1100\u116A\u1112\u116E-\u1109\u116E\u110B\u1165\u11B8-\u1100\u1161\u11BC\u110B\u1174",children:[]},{level:3,title:"(6) \uB2E8\uAD6D\uB300 \uC2A4\uD130\uB514",slug:"_6-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"(7) \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514",slug:"_7-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]}]},{level:2,title:"5. \uC774\uC9C1\uC5D0 \uB300\uD55C \uACE0\uBBFC",slug:"_5-\u110B\u1175\u110C\u1175\u11A8\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u1106\u1175\u11AB",children:[{level:3,title:"(1) \uC774\uC9C1 \uC81C\uC758",slug:"_1-\u110B\u1175\u110C\u1175\u11A8-\u110C\u1166\u110B\u1174",children:[]},{level:3,title:"(2) \uB5A0\uB098\uAC8C \uB41C\uB2E4\uBA74?",slug:"_2-\u1104\u1165\u1102\u1161\u1100\u1166-\u1103\u116C\u11AB\u1103\u1161\u1106\u1167\u11AB",children:[]}]},{level:2,title:"6. \uC77C\uC0C1",slug:"_6-\u110B\u1175\u11AF\u1109\u1161\u11BC",children:[{level:3,title:"(1) \uC774\uC0AC",slug:"_1-\u110B\u1175\u1109\u1161",children:[]},{level:3,title:"(2) \uC0C8\uB85C\uC6B4 \uAC00\uC871",slug:"_2-\u1109\u1162\u1105\u1169\u110B\u116E\u11AB-\u1100\u1161\u110C\u1169\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2021-year/end/",pathLocale:"/",extraFields:[]},{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2022\uB144 \uD68C\uACE0",headers:[{level:2,title:"1. \uC548\uB155, \uC90C\uC778\uD130\uB137",slug:"_1-\u110B\u1161\u11AB\u1102\u1167\u11BC-\u110C\u116E\u11B7\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA",children:[{level:3,title:"\uBC31\uC5D4\uB4DC \uAC1C\uBC1C",slug:"\u1107\u1162\u11A8\u110B\u1166\u11AB\u1103\u1173-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C",slug:"\u1111\u1173\u1105\u1169\u11AB\u1110\u1173\u110B\u1166\u11AB\u1103\u1173-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uD30C\uD2B8\uB9AC\uB354",slug:"\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165",children:[]},{level:3,title:"\uD1F4\uC0AC",slug:"\u1110\u116C\u1109\u1161",children:[]}]},{level:2,title:"2. \uC548\uB155, \uB124\uC774\uBC84",slug:"_2-\u110B\u1161\u11AB\u1102\u1167\u11BC-\u1102\u1166\u110B\u1175\u1107\u1165",children:[{level:3,title:"\uD569\uB958\uD558\uAE30 \uAE4C\uC9C0",slug:"\u1112\u1161\u11B8\u1105\u1172\u1112\u1161\u1100\u1175-\u1101\u1161\u110C\u1175",children:[]},{level:3,title:"\uD568\uAED8 \uC77C\uD558\uAE30",slug:"\u1112\u1161\u11B7\u1101\u1166-\u110B\u1175\u11AF\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC624\uAE00\uC624\uAE00",slug:"\u110B\u1169\u1100\u1173\u11AF\u110B\u1169\u1100\u1173\u11AF",children:[]},{level:3,title:"MBTI",slug:"mbti",children:[]},{level:3,title:"\uAC1C\uBC1C\uC774 \uC544\uB2CC, \uC77C\uC744 \uC798 \uD558\uAE30",slug:"\u1100\u1162\u1107\u1161\u11AF\u110B\u1175-\u110B\u1161\u1102\u1175\u11AB-\u110B\u1175\u11AF\u110B\u1173\u11AF-\u110C\u1161\u11AF-\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"3. \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:2,title:"4. \uB125\uC2A4\uD2B8\uC2A4\uD15D",slug:"_4-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173\u1109\u1173\u1110\u1166\u11B8",children:[]},{level:2,title:"5. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C",slug:"_5-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C",children:[]},{level:2,title:"6. \uAC1C\uC778\uC801\uC778 \uC0DD\uAC01",slug:"_6-\u1100\u1162\u110B\u1175\u11AB\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1109\u1162\u11BC\u1100\u1161\u11A8",children:[{level:3,title:"\uC544\uBB34\uB9D0 \uB300\uC794\uCE58",slug:"\u110B\u1161\u1106\u116E\u1106\u1161\u11AF-\u1103\u1162\u110C\u1161\u11AB\u110E\u1175",children:[]},{level:3,title:"\uB9CC\uB0A8",slug:"\u1106\u1161\u11AB\u1102\u1161\u11B7",children:[]},{level:3,title:"\uB098\uC758 \uAC15\uC810\uACFC \uB2E8\uC810",slug:"\u1102\u1161\u110B\u1174-\u1100\u1161\u11BC\u110C\u1165\u11B7\u1100\u116A-\u1103\u1161\u11AB\u110C\u1165\u11B7",children:[]}]},{level:2,title:"7. \uACC4\uBB18\uB144",slug:"_7-\u1100\u1168\u1106\u116D\u1102\u1167\u11AB",children:[{level:3,title:"2023\uB144\uC758 \uBAA9\uD45C",slug:"_2023\u1102\u1167\u11AB\u110B\u1174-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:3,title:"\uBAA9\uD45C\uB97C \uB2EC\uC131\uC744 \uC704\uD55C \uC561\uC158 \uD50C\uB79C",slug:"\u1106\u1169\u11A8\u1111\u116D\u1105\u1173\u11AF-\u1103\u1161\u11AF\u1109\u1165\u11BC\u110B\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-\u110B\u1162\u11A8\u1109\u1167\u11AB-\u1111\u1173\u11AF\u1105\u1162\u11AB",children:[]}]},{level:2,title:"8. \uB354 \uC7A5\uAE30\uC801\uC778, \uB354 \uC774\uC0C1\uC801\uC778 \uBAA9\uD45C",slug:"_8-\u1103\u1165-\u110C\u1161\u11BC\u1100\u1175\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1103\u1165-\u110B\u1175\u1109\u1161\u11BC\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2022-year/end/",pathLocale:"/",extraFields:[]},{title:"2023\uB144 \uD68C\uACE0",headers:[{level:2,title:"2023\uB144 \uBAA9\uD45C \uB2EC\uC131 \uC810\uAC80",slug:"_2023\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D-\u1103\u1161\u11AF\u1109\u1165\u11BC-\u110C\u1165\u11B7\u1100\u1165\u11B7",children:[]},{level:2,title:"1. nBilly",slug:"_1-nbilly",children:[{level:3,title:"(1) \uAC04\uB2E8\uD55C \uC18C\uAC1C",slug:"_1-\u1100\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AB-\u1109\u1169\u1100\u1162",children:[]},{level:3,title:"(2) \uAE30\uC220\uC801 \uC131\uC7A5, \uC2DC\uB3C4, \uB09C\uAD00.",slug:"_2-\u1100\u1175\u1109\u116E\u11AF\u110C\u1165\u11A8-\u1109\u1165\u11BC\u110C\u1161\u11BC-\u1109\u1175\u1103\u1169-\u1102\u1161\u11AB\u1100\u116A\u11AB",children:[]},{level:3,title:"(3) \uBB34\uC218\uD788 \uB9CE\uC740 \uC544\uC26C\uC6B4 \uC810\uB4E4",slug:"_3-\u1106\u116E\u1109\u116E\u1112\u1175-\u1106\u1161\u11AD\u110B\u1173\u11AB-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7\u1103\u1173\u11AF",children:[]},{level:3,title:"(4) 24\uB144\uC5D0 \uB300\uD55C \uC9E7\uC740 \uB2E4\uC9D0",slug:"_4-24\u1102\u1167\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u110D\u1161\u11B2\u110B\u1173\u11AB-\u1103\u1161\u110C\u1175\u11B7",children:[]}]},{level:2,title:"2. \uD65C\uB3D9",slug:"_2-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[{level:3,title:"(1) \uC624\uAE00\uC624\uAE00(\uC624\uAE00\uAC70\uB824\uB3C4, \uC624\uB298\uC758 \uAE00\uC4F0\uAE30)",slug:"_1-\u110B\u1169\u1100\u1173\u11AF\u110B\u1169\u1100\u1173\u11AF-\u110B\u1169\u1100\u1173\u11AF\u1100\u1165\u1105\u1167\u1103\u1169-\u110B\u1169\u1102\u1173\u11AF\u110B\u1174-\u1100\u1173\u11AF\u110A\u1173\u1100\u1175",children:[]},{level:3,title:"(2) \uC778\uC0DD\uACBD\uC601\uD074\uB7FD",slug:"_2-\u110B\u1175\u11AB\u1109\u1162\u11BC\u1100\u1167\u11BC\u110B\u1167\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8",children:[]},{level:3,title:"(3) \uBD80\uC2A4\uD2B8\uCEA0\uD504 8\uAE30",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-8\u1100\u1175",children:[]},{level:3,title:"(4) NextStep",slug:"_4-nextstep",children:[]},{level:3,title:"(5) \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB370\uBE0C\uCF54\uC2A4",slug:"_5-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1103\u1166\u1107\u1173\u110F\u1169\u1109\u1173",children:[]}]},{level:2,title:"3. \uC0AC\uC0DD\uD65C",slug:"_3-\u1109\u1161\u1109\u1162\u11BC\u1112\u116A\u11AF",children:[{level:3,title:"(1) \uC774\uC0AC",slug:"_1-\u110B\u1175\u1109\u1161",children:[]},{level:3,title:"(2) \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158",slug:"_2-\u110F\u1165\u1106\u1172\u1102\u1175\u110F\u1166\u110B\u1175\u1109\u1167\u11AB",children:[]},{level:3,title:"(3) \uB2F9\uC2E0\uC774 \uC633\uB2E4",slug:"_3-\u1103\u1161\u11BC\u1109\u1175\u11AB\u110B\u1175-\u110B\u1169\u11B6\u1103\u1161",children:[]},{level:3,title:"(4) \uC774\uC81C\uC57C \uC778\uC9C0\uD558\uAC8C \uB41C \uB0B4 \uBAA8\uC2B5",slug:"_4-\u110B\u1175\u110C\u1166\u110B\u1163-\u110B\u1175\u11AB\u110C\u1175\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1102\u1162-\u1106\u1169\u1109\u1173\u11B8",children:[]},{level:3,title:"(5) \uAC11\uC790\uAE30 \uB5A0\uB098\uB294 \uC5EC\uD589",slug:"_5-\u1100\u1161\u11B8\u110C\u1161\u1100\u1175-\u1104\u1165\u1102\u1161\u1102\u1173\u11AB-\u110B\u1167\u1112\u1162\u11BC",children:[]}]},{level:2,title:"ETC",slug:"etc",children:[]},{level:2,title:"2024\uB144 \uBAA9\uD45C",slug:"_2024\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],path:"/Review/2023-year/end/",pathLocale:"/",extraFields:[]},{title:"2024\uB144 1\uC6D4 \uD68C\uACE0",headers:[{level:2,title:"(1) nBilly",slug:"_1-nbilly",children:[{level:3,title:"1) \uBAA8\uB4C8\uD654",slug:"_1-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]},{level:3,title:"2) \uBB38\uC11C \uC791\uC5C5",slug:"_2-\u1106\u116E\u11AB\u1109\u1165-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]},{level:3,title:"3) KPI \uC791\uC131",slug:"_3-kpi-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]},{level:3,title:"4) \uB514\uBC14\uC774\uC2A4 \uBAA8\uB4DC \uC804\uD658\uC2DC \uC131\uB2A5 \uCD5C\uC801\uD654",slug:"_4-\u1103\u1175\u1107\u1161\u110B\u1175\u1109\u1173-\u1106\u1169\u1103\u1173-\u110C\u1165\u11AB\u1112\u116A\u11AB\u1109\u1175-\u1109\u1165\u11BC\u1102\u1173\u11BC-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[]},{level:3,title:"5) 2023\uB144 \uC131\uACFC \uBA74\uB2F4",slug:"_5-2023\u1102\u1167\u11AB-\u1109\u1165\u11BC\u1100\u116A-\u1106\u1167\u11AB\u1103\u1161\u11B7",children:[]}]},{level:2,title:"(2) \uC0AC\uC0DD\uD65C",slug:"_2-\u1109\u1161\u1109\u1162\u11BC\u1112\u116A\u11AF",children:[{level:3,title:"1) \uAC00\uC871\uACFC\uC758 \uB300\uD654",slug:"_1-\u1100\u1161\u110C\u1169\u11A8\u1100\u116A\u110B\u1174-\u1103\u1162\u1112\u116A",children:[]},{level:3,title:"2) \uD3EC\uB3D9\uC774 \uC911\uC131\uD654",slug:"_2-\u1111\u1169\u1103\u1169\u11BC\u110B\u1175-\u110C\u116E\u11BC\u1109\u1165\u11BC\u1112\u116A",children:[]},{level:3,title:"3) \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:3,title:"4) \uC758\uBBF8 \uC788\uB294 \uB9CC\uB0A8",slug:"_4-\u110B\u1174\u1106\u1175-\u110B\u1175\u11BB\u1102\u1173\u11AB-\u1106\u1161\u11AB\u1102\u1161\u11B7",children:[]},{level:3,title:"5) \uBA40\uB9AC \uC0DD\uAC01\uD558\uC790",slug:"_5-\u1106\u1165\u11AF\u1105\u1175-\u1109\u1162\u11BC\u1100\u1161\u11A8\u1112\u1161\u110C\u1161",children:[]},{level:3,title:"6) \uBC25\uC740 \uBC8C\uD06C\uB85C",slug:"_6-\u1107\u1161\u11B8\u110B\u1173\u11AB-\u1107\u1165\u11AF\u110F\u1173\u1105\u1169",children:[]},{level:3,title:"7) \uBB34\uD611\uC18C\uC124\uC744 \uBCF4\uBA74\uC11C \uB290\uB080 \uAC83\uB4E4",slug:"_7-\u1106\u116E\u1112\u1167\u11B8\u1109\u1169\u1109\u1165\u11AF\u110B\u1173\u11AF-\u1107\u1169\u1106\u1167\u11AB\u1109\u1165-\u1102\u1173\u1101\u1175\u11AB-\u1100\u1165\u11BA\u1103\u1173\u11AF",children:[]}]},{level:2,title:"\uD68C\uACE0\uC5D0 \uB300\uD55C \uD68C\uACE0",slug:"\u1112\u116C\u1100\u1169\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1112\u116C\u1100\u1169",children:[]}],path:"/Review/2024-year/01/",pathLocale:"/",extraFields:[]},{title:"",headers:[],path:"/404.html",pathLocale:"/",extraFields:[]}],Uo=be(vh),ph=()=>Uo;Kl.webpackHot&&(__VUE_HMR_RUNTIME__.updateSearchIndex=e=>{Uo.value=e});const gh=/[^\x00-\x7F]/,mh=e=>e.split(/\s+/g).map(t=>t.trim()).filter(t=>!!t),ts=e=>e.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"),ls=(e,t)=>{const l=t.join(" "),n=mh(e);if(gh.test(e))return n.some(s=>l.toLowerCase().indexOf(s)>-1);const r=e.endsWith(" ");return new RegExp(n.map((s,o)=>n.length===o+1&&!r?`(?=.*\\b${ts(s)})`:`(?=.*\\b${ts(s)}\\b)`).join("")+".+","gi").test(l)},_h=({searchIndex:e,routeLocale:t,query:l,maxSuggestions:n})=>{const r=N(()=>e.value.filter(i=>i.pathLocale===t.value));return N(()=>{const i=l.value.trim().toLowerCase();if(!i)return[];const s=[],o=(a,c)=>{ls(i,[c.title])&&s.push({link:`${a.path}#${c.slug}`,title:a.title,header:c.title});for(const u of c.children){if(s.length>=n.value)return;o(a,u)}};for(const a of r.value){if(s.length>=n.value)break;if(ls(i,[a.title,...a.extraFields])){s.push({link:a.path,title:a.title});continue}for(const c of a.headers){if(s.length>=n.value)break;o(a,c)}}return s})},Eh=e=>{const t=be(0);return{focusIndex:t,focusNext:()=>{t.value{t.value>0?t.value-=1:t.value=e.value.length-1}}},yh=de({name:"SearchBox",props:{locales:{type:Object,required:!1,default:()=>({})},hotKeys:{type:Array,required:!1,default:()=>[]},maxSuggestions:{type:Number,required:!1,default:5}},setup(e){const{locales:t,hotKeys:l,maxSuggestions:n}=wn(e),r=Zt(),i=Tn(),s=ph(),o=be(null),a=be(!1),c=be(""),u=N(()=>{var R;return(R=t.value[i.value])!=null?R:{}}),d=_h({searchIndex:s,routeLocale:i,query:c,maxSuggestions:n}),{focusIndex:f,focusNext:p,focusPrev:g}=Eh(d);hh({input:o,hotKeys:l});const P=N(()=>a.value&&!!d.value.length),w=()=>{!P.value||g()},m=()=>{!P.value||p()},E=R=>{if(!P.value)return;const V=d.value[R];!V||r.push(V.link).then(()=>{c.value="",f.value=0})};return()=>fe("form",{class:"search-box",role:"search"},[fe("input",{ref:o,type:"search",placeholder:u.value.placeholder,autocomplete:"off",spellcheck:!1,value:c.value,onFocus:()=>a.value=!0,onBlur:()=>a.value=!1,onInput:R=>c.value=R.target.value,onKeydown:R=>{switch(R.key){case"ArrowUp":{w();break}case"ArrowDown":{m();break}case"Enter":{R.preventDefault(),E(f.value);break}}}}),P.value&&fe("ul",{class:"suggestions",onMouseleave:()=>f.value=-1},d.value.map(({link:R,title:V,header:W},z)=>fe("li",{class:["suggestion",{focus:f.value===z}],onMouseenter:()=>f.value=z,onMousedown:()=>E(z)},fe("a",{href:R,onClick:B=>B.preventDefault()},[fe("span",{class:"page-title"},V),W&&fe("span",{class:"page-header"},`> ${W}`)]))))])}});const bh={},wh=["s","/"],Ch=5;var Ah=vt({enhance({app:e}){e.component("SearchBox",t=>fe(yh,{locales:bh,hotKeys:wh,maxSuggestions:Ch,...t}))}});const Rh={},Ph={class:"theme-default-content custom"};function Lh(e,t){const l=ht("Content");return D(),K("div",Ph,[te(l)])}var Sh=Pe(Rh,[["render",Lh],["__file","HomeContent.vue"]]);const Oh={key:0,class:"features"},xh=de({name:"HomeFeatures",setup(e){const t=Et(),l=N(()=>le(t.value.features)?t.value.features:[]);return(n,r)=>x(l).length?(D(),K("div",Oh,[(D(!0),K(ge,null,nt(x(l),i=>(D(),K("div",{key:i.title,class:"feature"},[ae("h2",null,Te(i.title),1),ae("p",null,Te(i.details),1)]))),128))])):Oe("",!0)}});var Th=Pe(xh,[["__file","HomeFeatures.vue"]]);const Dh=["innerHTML"],Ih=["textContent"],kh=de({name:"HomeFooter",setup(e){const t=Et(),l=N(()=>t.value.footer),n=N(()=>t.value.footerHtml);return(r,i)=>x(l)?(D(),K(ge,{key:0},[x(n)?(D(),K("div",{key:0,class:"footer",innerHTML:x(l)},null,8,Dh)):(D(),K("div",{key:1,class:"footer",textContent:Te(x(l))},null,8,Ih))],64)):Oe("",!0)}});var Mh=Pe(kh,[["__file","HomeFooter.vue"]]);const Bh=["href","rel","target","aria-label"],$h=de({inheritAttrs:!1}),Vh=de({...$h,name:"AutoLink",props:{item:{type:Object,required:!0}},setup(e){const t=e,l=Vt(),n=_o(),{item:r}=wn(t),i=N(()=>zl(r.value.link)),s=N(()=>Tu(r.value.link)||Du(r.value.link)),o=N(()=>{if(!s.value){if(r.value.target)return r.value.target;if(i.value)return"_blank"}}),a=N(()=>o.value==="_blank"),c=N(()=>!i.value&&!s.value&&!a.value),u=N(()=>{if(!s.value){if(r.value.rel)return r.value.rel;if(a.value)return"noopener noreferrer"}}),d=N(()=>r.value.ariaLabel||r.value.text),f=N(()=>{const P=Object.keys(n.value.locales);return P.length?!P.some(w=>w===r.value.link):r.value.link!=="/"}),p=N(()=>f.value?l.path.startsWith(r.value.link):!1),g=N(()=>c.value?r.value.activeMatch?new RegExp(r.value.activeMatch).test(l.path):p.value:!1);return(P,w)=>{const m=ht("RouterLink"),E=ht("AutoLinkExternalIcon");return x(c)?(D(),De(m,cr({key:0,class:{"router-link-active":x(g)},to:x(r).link,"aria-label":x(d)},P.$attrs),{default:ke(()=>[Le(P.$slots,"before"),wt(" "+Te(x(r).text)+" ",1),Le(P.$slots,"after")]),_:3},16,["class","to","aria-label"])):(D(),K("a",cr({key:1,class:"external-link",href:x(r).link,rel:x(u),target:x(o),"aria-label":x(d)},P.$attrs),[Le(P.$slots,"before"),wt(" "+Te(x(r).text)+" ",1),x(a)?(D(),De(E,{key:0})):Oe("",!0),Le(P.$slots,"after")],16,Bh))}}});var yt=Pe(Vh,[["__file","AutoLink.vue"]]);const Fh={class:"hero"},Nh={key:0,id:"main-title"},Hh={key:1,class:"description"},jh={key:2,class:"actions"},zh=de({name:"HomeHero",setup(e){const t=Et(),l=$r(),n=jr(),r=N(()=>n.value&&t.value.heroImageDark!==void 0?t.value.heroImageDark:t.value.heroImage),i=N(()=>t.value.heroText===null?null:t.value.heroText||l.value.title||"Hello"),s=N(()=>t.value.heroAlt||i.value||"hero"),o=N(()=>t.value.tagline===null?null:t.value.tagline||l.value.description||"Welcome to your VuePress site"),a=N(()=>le(t.value.actions)?t.value.actions.map(({text:u,link:d,type:f="primary"})=>({text:u,link:d,type:f})):[]),c=()=>{if(!r.value)return null;const u=fe("img",{src:Jl(r.value),alt:s.value});return t.value.heroImageDark===void 0?u:fe(Vr,()=>u)};return(u,d)=>(D(),K("header",Fh,[te(c),x(i)?(D(),K("h1",Nh,Te(x(i)),1)):Oe("",!0),x(o)?(D(),K("p",Hh,Te(x(o)),1)):Oe("",!0),x(a).length?(D(),K("p",jh,[(D(!0),K(ge,null,nt(x(a),f=>(D(),De(yt,{key:f.text,class:je(["action-button",[f.type]]),item:f},null,8,["class","item"]))),128))])):Oe("",!0)]))}});var Jh=Pe(zh,[["__file","HomeHero.vue"]]);const Uh={class:"home"},Kh=de({name:"Home",setup(e){return(t,l)=>(D(),K("main",Uh,[te(Jh),te(Th),te(Sh),te(Mh)]))}});var Wh=Pe(Kh,[["__file","Home.vue"]]);const qh=de({name:"NavbarBrand",setup(e){const t=Tn(),l=$r(),n=Ue(),r=jr(),i=N(()=>n.value.home||t.value),s=N(()=>l.value.title),o=N(()=>r.value&&n.value.logoDark!==void 0?n.value.logoDark:n.value.logo),a=()=>{if(!o.value)return null;const c=fe("img",{class:"logo",src:Jl(o.value),alt:s.value});return n.value.logoDark===void 0?c:fe(Vr,()=>c)};return(c,u)=>{const d=ht("RouterLink");return D(),De(d,{to:x(i)},{default:ke(()=>[te(a),x(s)?(D(),K("span",{key:0,class:je(["site-name",{"can-hide":x(o)}])},Te(x(s)),3)):Oe("",!0)]),_:1},8,["to"])}}});var Gh=Pe(qh,[["__file","NavbarBrand.vue"]]);const Qh=de({name:"DropdownTransition",setup(e){const t=n=>{n.style.height=n.scrollHeight+"px"},l=n=>{n.style.height=""};return(n,r)=>(D(),De(jl,{name:"dropdown",onEnter:t,onAfterEnter:l,onBeforeLeave:t},{default:ke(()=>[Le(n.$slots,"default")]),_:3}))}});var Ko=Pe(Qh,[["__file","DropdownTransition.vue"]]);const Yh=["aria-label"],Zh={class:"title"},Xh=ae("span",{class:"arrow down"},null,-1),ev=["aria-label"],tv={class:"title"},lv={class:"navbar-dropdown"},nv={class:"navbar-dropdown-subtitle"},rv={key:1},iv={class:"navbar-dropdown-subitem-wrapper"},sv=de({name:"NavbarDropdown",props:{item:{type:Object,required:!0}},setup(e){const t=e,{item:l}=wn(t),n=N(()=>l.value.ariaLabel||l.value.text),r=be(!1),i=Vt();ct(()=>i.path,()=>{r.value=!1});const s=a=>{a.detail===0?r.value=!r.value:r.value=!1},o=(a,c)=>c[c.length-1]===a;return(a,c)=>(D(),K("div",{class:je(["navbar-dropdown-wrapper",{open:r.value}])},[ae("button",{class:"navbar-dropdown-title",type:"button","aria-label":x(n),onClick:s},[ae("span",Zh,Te(x(l).text),1),Xh],8,Yh),ae("button",{class:"navbar-dropdown-title-mobile",type:"button","aria-label":x(n),onClick:c[0]||(c[0]=u=>r.value=!r.value)},[ae("span",tv,Te(x(l).text),1),ae("span",{class:je(["arrow",r.value?"down":"right"])},null,2)],8,ev),te(Ko,null,{default:ke(()=>[cn(ae("ul",lv,[(D(!0),K(ge,null,nt(x(l).children,u=>(D(),K("li",{key:u.text,class:"navbar-dropdown-item"},[u.children?(D(),K(ge,{key:0},[ae("h4",nv,[u.link?(D(),De(yt,{key:0,item:u,onFocusout:d=>o(u,x(l).children)&&u.children.length===0&&(r.value=!1)},null,8,["item","onFocusout"])):(D(),K("span",rv,Te(u.text),1))]),ae("ul",iv,[(D(!0),K(ge,null,nt(u.children,d=>(D(),K("li",{key:d.link,class:"navbar-dropdown-subitem"},[te(yt,{item:d,onFocusout:f=>o(d,u.children)&&o(u,x(l).children)&&(r.value=!1)},null,8,["item","onFocusout"])]))),128))])],64)):(D(),De(yt,{key:1,item:u,onFocusout:d=>o(u,x(l).children)&&(r.value=!1)},null,8,["item","onFocusout"]))]))),128))],512),[[vn,r.value]])]),_:1})],2))}});var ov=Pe(sv,[["__file","NavbarDropdown.vue"]]);const ns=e=>decodeURI(e).replace(/#.*$/,"").replace(/(index)?\.(md|html)$/,""),av=(e,t)=>{if(t.hash===e)return!0;const l=ns(t.path),n=ns(e);return l===n},Wo=(e,t)=>e.link&&av(e.link,t)?!0:e.children?e.children.some(l=>Wo(l,t)):!1,qo=e=>!zl(e)||/github\.com/.test(e)?"GitHub":/bitbucket\.org/.test(e)?"Bitbucket":/gitlab\.com/.test(e)?"GitLab":/gitee\.com/.test(e)?"Gitee":null,cv={GitHub:":repo/edit/:branch/:path",GitLab:":repo/-/edit/:branch/:path",Gitee:":repo/edit/:branch/:path",Bitbucket:":repo/src/:branch/:path?mode=edit&spa=0&at=:branch&fileviewer=file-view-default"},uv=({docsRepo:e,editLinkPattern:t})=>{if(t)return t;const l=qo(e);return l!==null?cv[l]:null},dv=({docsRepo:e,docsBranch:t,docsDir:l,filePathRelative:n,editLinkPattern:r})=>{if(!n)return null;const i=uv({docsRepo:e,editLinkPattern:r});return i?i.replace(/:repo/,zl(e)?e:`https://github.com/${e}`).replace(/:branch/,t).replace(/:path/,co(`${ao(l)}/${n}`)):null},fv={key:0,class:"navbar-items"},hv=de({name:"NavbarItems",setup(e){const t=()=>{const c=Zt(),u=Tn(),d=$r(),f=Ue();return N(()=>{var m,E;const p=Object.keys(d.value.locales);if(p.length<2)return[];const g=c.currentRoute.value.path,P=c.currentRoute.value.fullPath;return[{text:(m=f.value.selectLanguageText)!=null?m:"unknown language",ariaLabel:(E=f.value.selectLanguageAriaLabel)!=null?E:"unkown language",children:p.map(R=>{var Z,J,Y,C,F,k;const V=(J=(Z=d.value.locales)==null?void 0:Z[R])!=null?J:{},W=(C=(Y=f.value.locales)==null?void 0:Y[R])!=null?C:{},z=`${V.lang}`,B=(F=W.selectLanguageName)!=null?F:z;let _;if(z===d.value.lang)_=P;else{const oe=g.replace(u.value,R);c.getRoutes().some(j=>j.path===oe)?_=oe:_=(k=W.home)!=null?k:R}return{text:B,link:_}})}]})},l=()=>{const c=Ue(),u=N(()=>c.value.repo),d=N(()=>u.value?qo(u.value):null),f=N(()=>u.value&&!zl(u.value)?`https://github.com/${u.value}`:u.value),p=N(()=>f.value?c.value.repoLabel?c.value.repoLabel:d.value===null?"Source":d.value:null);return N(()=>!f.value||!p.value?[]:[{text:p.value,link:f.value}])},n=c=>ye(c)?zr(c):c.children?{...c,children:c.children.map(n)}:c,i=(()=>{const c=Ue();return N(()=>(c.value.navbar||[]).map(n))})(),s=t(),o=l(),a=N(()=>[...i.value,...s.value,...o.value]);return(c,u)=>x(a).length?(D(),K("nav",fv,[(D(!0),K(ge,null,nt(x(a),d=>(D(),K("div",{key:d.text,class:"navbar-item"},[d.children?(D(),De(ov,{key:0,item:d},null,8,["item"])):(D(),De(yt,{key:1,item:d},null,8,["item"]))]))),128))])):Oe("",!0)}});var Go=Pe(hv,[["__file","NavbarItems.vue"]]);const vv=["title"],pv={class:"icon",focusable:"false",viewBox:"0 0 32 32"},gv=to('',9),mv=[gv],_v={class:"icon",focusable:"false",viewBox:"0 0 32 32"},Ev=ae("path",{d:"M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z",fill:"currentColor"},null,-1),yv=[Ev],bv=de({name:"ToggleDarkModeButton",setup(e){const t=Ue(),l=jr(),n=()=>{l.value=!l.value};return(r,i)=>(D(),K("button",{class:"toggle-dark-button",title:x(t).toggleDarkMode,onClick:n},[cn((D(),K("svg",pv,mv,512)),[[vn,!x(l)]]),cn((D(),K("svg",_v,yv,512)),[[vn,x(l)]])],8,vv))}});var wv=Pe(bv,[["__file","ToggleDarkModeButton.vue"]]);const Cv=["title"],Av=ae("div",{class:"icon","aria-hidden":"true"},[ae("span"),ae("span"),ae("span")],-1),Rv=[Av],Pv=de({name:"ToggleSidebarButton",emits:["toggle"],setup(e){const t=Ue();return(l,n)=>(D(),K("div",{class:"toggle-sidebar-button",title:x(t).toggleSidebar,"aria-expanded":"false",role:"button",tabindex:"0",onClick:n[0]||(n[0]=r=>l.$emit("toggle"))},Rv,8,Cv))}});var Lv=Pe(Pv,[["__file","ToggleSidebarButton.vue"]]);const Sv=de({name:"Navbar",emits:["toggle-sidebar"],setup(e){const t=Ue(),l=be(null),n=be(null),r=be(0),i=N(()=>r.value?{maxWidth:r.value+"px"}:{}),s=N(()=>t.value.darkMode);Ke(()=>{const c=o(l.value,"paddingLeft")+o(l.value,"paddingRight"),u=()=>{var d;window.innerWidth<=719?r.value=0:r.value=l.value.offsetWidth-c-(((d=n.value)==null?void 0:d.offsetWidth)||0)};u(),window.addEventListener("resize",u,!1),window.addEventListener("orientationchange",u,!1)});function o(a,c){var f,p,g;const u=(g=(p=(f=a==null?void 0:a.ownerDocument)==null?void 0:f.defaultView)==null?void 0:p.getComputedStyle(a,null))==null?void 0:g[c],d=Number.parseInt(u,10);return Number.isNaN(d)?0:d}return(a,c)=>{const u=ht("NavbarSearch");return D(),K("header",{ref_key:"navbar",ref:l,class:"navbar"},[te(Lv,{onToggle:c[0]||(c[0]=d=>a.$emit("toggle-sidebar"))}),ae("span",{ref_key:"navbarBrand",ref:n},[te(Gh)],512),ae("div",{class:"navbar-items-wrapper",style:Vl(x(i))},[Le(a.$slots,"before"),te(Go,{class:"can-hide"}),Le(a.$slots,"after"),x(s)?(D(),De(wv,{key:0})):Oe("",!0),te(u)],4)],512)}}});var Ov=Pe(Sv,[["__file","Navbar.vue"]]);const xv={class:"page-meta"},Tv={key:0,class:"meta-item edit-link"},Dv={key:1,class:"meta-item last-updated"},Iv={class:"meta-item-label"},kv={class:"meta-item-info"},Mv={key:2,class:"meta-item contributors"},Bv={class:"meta-item-label"},$v={class:"meta-item-info"},Vv=["title"],Fv=wt(", "),Nv=de({name:"PageMeta",setup(e){const t=()=>{const a=Ue(),c=_t(),u=Et();return N(()=>{var E,R,V;if(!((R=(E=u.value.editLink)!=null?E:a.value.editLink)!=null?R:!0))return null;const{repo:f,docsRepo:p=f,docsBranch:g="main",docsDir:P="",editLinkText:w}=a.value;if(!p)return null;const m=dv({docsRepo:p,docsBranch:g,docsDir:P,filePathRelative:c.value.filePathRelative,editLinkPattern:(V=u.value.editLinkPattern)!=null?V:a.value.editLinkPattern});return m?{text:w!=null?w:"Edit this page",link:m}:null})},l=()=>{const a=Ue(),c=_t(),u=Et();return N(()=>{var p,g,P,w;return!((g=(p=u.value.lastUpdated)!=null?p:a.value.lastUpdated)!=null?g:!0)||!((P=c.value.git)!=null&&P.updatedTime)?null:new Date((w=c.value.git)==null?void 0:w.updatedTime).toLocaleString()})},n=()=>{const a=Ue(),c=_t(),u=Et();return N(()=>{var f,p,g,P;return((p=(f=u.value.contributors)!=null?f:a.value.contributors)!=null?p:!0)&&(P=(g=c.value.git)==null?void 0:g.contributors)!=null?P:null})},r=Ue(),i=t(),s=l(),o=n();return(a,c)=>{const u=ht("ClientOnly");return D(),K("footer",xv,[x(i)?(D(),K("div",Tv,[te(yt,{class:"meta-item-label",item:x(i)},null,8,["item"])])):Oe("",!0),x(s)?(D(),K("div",Dv,[ae("span",Iv,Te(x(r).lastUpdatedText)+": ",1),te(u,null,{default:ke(()=>[ae("span",kv,Te(x(s)),1)]),_:1})])):Oe("",!0),x(o)&&x(o).length?(D(),K("div",Mv,[ae("span",Bv,Te(x(r).contributorsText)+": ",1),ae("span",$v,[(D(!0),K(ge,null,nt(x(o),(d,f)=>(D(),K(ge,{key:f},[ae("span",{class:"contributor",title:`email: ${d.email}`},Te(d.name),9,Vv),f!==x(o).length-1?(D(),K(ge,{key:0},[Fv],64)):Oe("",!0)],64))),128))])])):Oe("",!0)])}}});var Hv=Pe(Nv,[["__file","PageMeta.vue"]]);const jv={key:0,class:"page-nav"},zv={class:"inner"},Jv={key:0,class:"prev"},Uv={key:1,class:"next"},Kv=de({name:"PageNav",setup(e){const t=a=>a===!1?null:ye(a)?zr(a):Mr(a)?a:!1,l=(a,c,u)=>{const d=a.findIndex(f=>f.link===c);if(d!==-1){const f=a[d+u];return f!=null&&f.link?f:null}for(const f of a)if(f.children){const p=l(f.children,c,u);if(p)return p}return null},n=Et(),r=Jr(),i=Vt(),s=N(()=>{const a=t(n.value.prev);return a!==!1?a:l(r.value,i.path,-1)}),o=N(()=>{const a=t(n.value.next);return a!==!1?a:l(r.value,i.path,1)});return(a,c)=>x(s)||x(o)?(D(),K("nav",jv,[ae("p",zv,[x(s)?(D(),K("span",Jv,[te(yt,{item:x(s)},null,8,["item"])])):Oe("",!0),x(o)?(D(),K("span",Uv,[te(yt,{item:x(o)},null,8,["item"])])):Oe("",!0)])])):Oe("",!0)}});var Wv=Pe(Kv,[["__file","PageNav.vue"]]);const qv={class:"page"},Gv={class:"theme-default-content"},Qv=de({name:"Page",setup(e){return(t,l)=>{const n=ht("Content");return D(),K("main",qv,[Le(t.$slots,"top"),ae("div",Gv,[Le(t.$slots,"content-top"),te(n),Le(t.$slots,"content-bottom")]),te(Hv),te(Wv),Le(t.$slots,"bottom")])}}});var Yv=Pe(Qv,[["__file","Page.vue"]]);const Zv={class:"sidebar-item-children"},Xv=de({name:"SidebarItem",props:{item:{type:Object,required:!0},depth:{type:Number,required:!1,default:0}},setup(e){const t=e,{item:l,depth:n}=wn(t),r=Vt(),i=Zt(),s=N(()=>Wo(l.value,r)),o=N(()=>({"sidebar-item":!0,"sidebar-heading":n.value===0,active:s.value,collapsible:l.value.collapsible})),a=be(!0),c=be(void 0);return l.value.collapsible&&(a.value=s.value,c.value=()=>{a.value=!a.value},i.afterEach(()=>{a.value=s.value})),(u,d)=>{var p;const f=ht("SidebarItem",!0);return D(),K("li",null,[x(l).link?(D(),De(yt,{key:0,class:je(x(o)),item:x(l)},null,8,["class","item"])):(D(),K("p",{key:1,tabindex:"0",class:je(x(o)),onClick:d[0]||(d[0]=(...g)=>c.value&&c.value(...g)),onKeydown:d[1]||(d[1]=Cu((...g)=>c.value&&c.value(...g),["enter"]))},[wt(Te(x(l).text)+" ",1),x(l).collapsible?(D(),K("span",{key:0,class:je(["arrow",a.value?"down":"right"])},null,2)):Oe("",!0)],34)),(p=x(l).children)!=null&&p.length?(D(),De(Ko,{key:2},{default:ke(()=>[cn(ae("ul",Zv,[(D(!0),K(ge,null,nt(x(l).children,g=>(D(),De(f,{key:`${x(n)}${g.text}${g.link}`,item:g,depth:x(n)+1},null,8,["item","depth"]))),128))],512),[[vn,a.value]])]),_:1})):Oe("",!0)])}}});var ep=Pe(Xv,[["__file","SidebarItem.vue"]]);const tp={key:0,class:"sidebar-items"},lp=de({name:"SidebarItems",setup(e){const t=Vt(),l=Jr();return Ke(()=>{ct(()=>t.hash,n=>{const r=document.querySelector(".sidebar");if(!r)return;const i=document.querySelector(`.sidebar a.sidebar-item[href="${t.path}${n}"]`);if(!i)return;const{top:s,height:o}=r.getBoundingClientRect(),{top:a,height:c}=i.getBoundingClientRect();as+o&&i.scrollIntoView(!1)})}),(n,r)=>x(l).length?(D(),K("ul",tp,[(D(!0),K(ge,null,nt(x(l),i=>(D(),De(ep,{key:i.link||i.text,item:i},null,8,["item"]))),128))])):Oe("",!0)}});var np=Pe(lp,[["__file","SidebarItems.vue"]]);const rp={class:"sidebar"},ip=de({name:"Sidebar",setup(e){return(t,l)=>(D(),K("aside",rp,[te(Go),Le(t.$slots,"top"),te(np),Le(t.$slots,"bottom")]))}});var sp=Pe(ip,[["__file","Sidebar.vue"]]);const op=de({name:"Layout",setup(e){const t=_t(),l=Et(),n=Ue(),r=N(()=>l.value.navbar!==!1&&n.value.navbar!==!1),i=Jr(),s=be(!1),o=w=>{s.value=typeof w=="boolean"?w:!s.value},a={x:0,y:0},c=w=>{a.x=w.changedTouches[0].clientX,a.y=w.changedTouches[0].clientY},u=w=>{const m=w.changedTouches[0].clientX-a.x,E=w.changedTouches[0].clientY-a.y;Math.abs(m)>Math.abs(E)&&Math.abs(m)>40&&(m>0&&a.x<=80?o(!0):o(!1))},d=N(()=>[{"no-navbar":!r.value,"no-sidebar":!i.value.length,"sidebar-open":s.value},l.value.pageClass]);let f;Ke(()=>{f=Zt().afterEach(()=>{o(!1)})}),Sn(()=>{f()});const p=jo(),g=p.resolve,P=p.pending;return(w,m)=>(D(),K("div",{class:je(["theme-container",x(d)]),onTouchstart:c,onTouchend:u},[Le(w.$slots,"navbar",{},()=>[x(r)?(D(),De(Ov,{key:0,onToggleSidebar:o},{before:ke(()=>[Le(w.$slots,"navbar-before")]),after:ke(()=>[Le(w.$slots,"navbar-after")]),_:3})):Oe("",!0)]),ae("div",{class:"sidebar-mask",onClick:m[0]||(m[0]=E=>o(!1))}),Le(w.$slots,"sidebar",{},()=>[te(sp,null,{top:ke(()=>[Le(w.$slots,"sidebar-top")]),bottom:ke(()=>[Le(w.$slots,"sidebar-bottom")]),_:3})]),Le(w.$slots,"page",{},()=>[x(l).home?(D(),De(Wh,{key:0})):(D(),De(jl,{key:1,name:"fade-slide-y",mode:"out-in",onBeforeEnter:x(g),onBeforeLeave:x(P)},{default:ke(()=>[(D(),De(Yv,{key:x(t).path},{top:ke(()=>[Le(w.$slots,"page-top")]),"content-top":ke(()=>[Le(w.$slots,"page-content-top")]),"content-bottom":ke(()=>[Le(w.$slots,"page-content-bottom")]),bottom:ke(()=>[Le(w.$slots,"page-bottom")]),_:3}))]),_:3},8,["onBeforeEnter","onBeforeLeave"]))])],34))}});var ap=Pe(op,[["__file","Layout.vue"]]);const cp={},up={class:"siteFooter"},dp=to('

Copyright \xA9 2019 All Right \uAC1C\uBC1C\uC790 \uD669\uC900\uC77C

junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

',1),fp=[dp];function hp(e,t){return D(),K("footer",up,fp)}var vp=Pe(cp,[["render",hp],["__file","Footer.vue"]]);const pp={},Kr=e=>(Za("data-v-3cd83296"),e=e(),Xa(),e),gp={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},mp=Kr(()=>ae("path",{d:"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"},null,-1)),_p=Kr(()=>ae("path",{d:"M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"},null,-1)),Ep=Kr(()=>ae("path",{d:"M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"},null,-1)),yp=[mp,_p,Ep];function bp(e,t){return D(),K("svg",gp,yp)}var wp=Pe(pp,[["render",bp],["__scopeId","data-v-3cd83296"],["__file","TimeIcon.vue"]]);const Cp=["src"],Ap={key:0,class:"tags"},Rp=["onClick"],Pp=["innerHTML"],Lp=["innerHTML"],Sp=de({name:"PostItem",props:{item:null},emits:["select-tag"],setup(e,{emit:t}){const l=e,n=N(()=>{const{thumbnail:s}=l.item;if(!s){const o=[1,2,3].sort(()=>Math.random()-.5).pop();return Jl(`/assets/no-image-${o}.jpg`)}return s.startsWith("~")?new URL(s.replace("~","."),Kl.url.replace(".vuepress/theme/components/PostItem.vue","")).href:s}),r=N(()=>{var s;return(s=l.item.tag)==null?void 0:s.split(",").map(o=>o.trim())});function i(s){const o=Date.now()-s,a=1e3,c=a*60,u=c*60,d=u*24,f=d*7;if(o{const a=ht("router-link");return D(),K("article",null,[te(a,{to:e.item.path,class:"figure"},{default:ke(()=>[ae("img",{src:x(n),alt:"no-image"},null,8,Cp)]),_:1},8,["to"]),ae("div",null,[x(r)?(D(),K("p",Ap,[(D(!0),K(ge,null,nt(x(r),(c,u)=>(D(),K("a",{key:u,href:"#",onClick:oo(d=>t("select-tag",c),["prevent"])}," #"+Te(c),9,Rp))),128))])):Oe("",!0),te(a,{to:e.item.path,class:"info"},{default:ke(()=>[ae("h4",{innerHTML:e.item.title},null,8,Pp),ae("p",{innerHTML:e.item.description},null,8,Lp)]),_:1},8,["to"]),ae("time",null,[te(x(wp)),wt(" "+Te(i(e.item.createdAt)),1)])])])}}});var Op=Pe(Sp,[["__scopeId","data-v-0bf16f83"],["__file","PostItem.vue"]]);const xp=de({name:"Posts",props:{items:null},emits:["select-tag"],setup(e,{emit:t}){function l(n){t("select-tag",n)}return(n,r)=>(D(),K("ul",null,[(D(!0),K(ge,null,nt(e.items,(i,s)=>(D(),K("li",{key:s},[te(Op,{item:i,onSelectTag:l},null,8,["item"])]))),128))]))}});var Tp=Pe(xp,[["__scopeId","data-v-1c315a61"],["__file","Posts.vue"]]);let qn;function Dp(){const e=$t({posts:[]});return Ke(async()=>{qn||(qn=await fetch(Jl("/posts.json")).then(t=>t.json())),e.posts=qn}),Ss(e,"posts")}const Ip={class:"tags"},kp=["onClick"],Mp=["innerHTML"],Bp={class:"pagination"},$p=["innerHTML","onClick"],Vp=de({name:"MainPage",setup(e){const l="__CURRENT_PAGE__",n=$t({currentPage:1,selectedTag:"\uC804\uCCB4"}),r=Dp(),i=N(()=>r.value.reduce((d,f)=>{const p=f.tag.split(",").map(g=>g.trim());for(const g of p)d[g]=(d[g]||0)+1;return d},{\uC804\uCCB4:r.value.length})),s=N(()=>{const{selectedTag:d}=n;return d==="\uC804\uCCB4"?r.value:r.value.filter(f=>f.tag.includes(d))}),o=N(()=>{const d=(n.currentPage-1)*9,f=d+9;return s.value.slice(d,f)}),a=N(()=>Math.ceil(s.value.length/9));function c(d){n.currentPage=d,sessionStorage.setItem(l,String(d))}function u(d){n.selectedTag=d.trim(),c(1)}return Ke(async()=>{n.currentPage=Number(sessionStorage.getItem(l)||1)}),(d,f)=>(D(),K(ge,null,[te(ap,{class:"main-page"},{"page-content-top":ke(()=>[ae("section",null,[ae("div",Ip,[(D(!0),K(ge,null,nt(x(i),(p,g)=>(D(),K("a",{key:g,href:"#",class:je({active:g===n.selectedTag}),onClick:oo(P=>u(g),["prevent"])},[wt(" #"+Te(g.toUpperCase())+" ",1),ae("strong",{innerHTML:p},null,8,Mp)],10,kp))),128))]),te(x(Tp),{items:x(o),onSelectTag:u},null,8,["items"]),ae("div",Bp,[(D(!0),K(ge,null,nt(x(a),p=>(D(),K("button",{key:p,class:je({active:p===n.currentPage}),innerHTML:p,onClick:g=>c(p)},null,10,$p))),128))])])]),_:1}),te(x(vp))],64))}});var Fp=Pe(Vp,[["__scopeId","data-v-21ad3648"],["__file","MainPage.vue"]]),Np=vt({enhance({app:e}){e.component("MainPage",Fp)}});const Gn=[qd,Yd,tf,vf,_f,Cf,ch,fh,Ah,Np],Hp=[["v-8daa1a0e","/",{title:""},["/index.html","/README.md"]],["v-3e214e9b","/About/",{title:"Today I Learned"},["/About/index.html","/About/README.md"]],["v-689c0ccc","/writing/",{title:"\uAC1C\uBC1C\uC790\uC758 \uAE00\uC4F0\uAE30"},["/writing/index.html","/writing/README.md"]],["v-8eac9854","/Book/start-with-why/",{title:"Start with why \uC11C\uD3C9"},["/Book/start-with-why/index.html","/Book/start-with-why/README.md"]],["v-a6ee965c","/Gradle/GradleWrapper/",{title:"Gradle Wrapper"},["/Gradle/GradleWrapper/index.html","/Gradle/GradleWrapper/README.md"]],["v-05414511","/Javascript/Hangul-Consonants-Search/",{title:"Javascript \uD55C\uAE00 \uCD08\uC131\uAC80\uC0C9"},["/Javascript/Hangul-Consonants-Search/index.html","/Javascript/Hangul-Consonants-Search/README.md"]],["v-5c505680","/Review/Turnover/",{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 \uC774\uC9C1 \uD6C4\uAE30"},["/Review/Turnover/index.html","/Review/Turnover/README.md"]],["v-03de736f","/vuepress/Deploy/",{title:"github page\uC5D0 \uBC30\uD3EC\uD558\uAE30"},["/vuepress/Deploy/index.html","/vuepress/Deploy/README.md"]],["v-9c4164b4","/side-project/dku-schedule-manager/",{title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C\uB97C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC790"},["/side-project/dku-schedule-manager/index.html","/side-project/dku-schedule-manager/README.md"]],["v-3a9e944d","/vuepress/Plantuml/",{title:"markdown-it-plantuml"},["/vuepress/Plantuml/index.html","/vuepress/Plantuml/README.md"]],["v-e34619ce","/vuepress/Starter/",{title:"Vuepress \uC2DC\uC791\uD558\uAE30"},["/vuepress/Starter/index.html","/vuepress/Starter/README.md"]],["v-3458f75f","/vuepress/Theme/",{title:"VuePress \uD14C\uB9C8 \uC124\uC815"},["/vuepress/Theme/index.html","/vuepress/Theme/README.md"]],["v-6654db14","/vuepress/Utterances/",{title:"Vuepress + Utterances"},["/vuepress/Utterances/index.html","/vuepress/Utterances/README.md"]],["v-6711c8b3","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/",{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)"},["/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-1/","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/index.html","/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-1/README.md","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/README.md"]],["v-6711c8d2","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/",{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)"},["/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-2/","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/index.html","/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-2/README.md","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/README.md"]],["v-6711c8f1","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)"},["/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-3/","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/index.html","/writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-3/README.md","/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/README.md"]],["v-2ac5c1fc","/writing/02-2021-%EA%B3%84%ED%9A%8D/",{title:"2021 \uC0C8\uD574 \uACC4\uD68D"},["/writing/02-2021-\uACC4\uD68D/","/writing/02-2021-%EA%B3%84%ED%9A%8D/index.html","/writing/02-2021-\uACC4\uD68D/README.md","/writing/02-2021-%EA%B3%84%ED%9A%8D/README.md"]],["v-60f95159","/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/",{title:"\uC0DD\uAC01\uC815\uB9AC"},["/writing/03-\uC0DD\uAC01\uC815\uB9AC/","/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/index.html","/writing/03-\uC0DD\uAC01\uC815\uB9AC/README.md","/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/README.md"]],["v-065e7d40","/writing/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%B7%A8%EC%A4%80/",{title:"2023\uB144\uC744 \uB3CC\uC544\uBCF4\uBA70 \uC0DD\uAC01\uD55C \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uD558\uAE30"},["/writing/\uAC1C\uBC1C\uC790-\uCDE8\uC900/","/writing/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%B7%A8%EC%A4%80/index.html","/writing/\uAC1C\uBC1C\uC790-\uCDE8\uC900/README.md","/writing/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%B7%A8%EC%A4%80/README.md"]],["v-73d2a3d2","/writing/%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%8B%AC%EC%95%BC-FE-%ED%9B%84%EA%B8%B0/",{title:"\uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uD6C4\uAE30"},["/writing/\uC778\uD504\uB7F0-\uC2EC\uC57C-FE-\uD6C4\uAE30/","/writing/%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%8B%AC%EC%95%BC-FE-%ED%9B%84%EA%B8%B0/index.html","/writing/\uC778\uD504\uB7F0-\uC2EC\uC57C-FE-\uD6C4\uAE30/README.md","/writing/%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%8B%AC%EC%95%BC-FE-%ED%9B%84%EA%B8%B0/README.md"]],["v-37296673","/Book/OOP-Principle/00-Intro/",{title:"00 \uCC45 \uC18C\uAC1C | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/00-Intro/index.html","/Book/OOP-Principle/00-Intro/README.md"]],["v-f92d06e8","/Book/OOP-Principle/01-Loved-Human/",{title:"01 \uC0AC\uB78C\uC744 \uC0AC\uB791\uD55C \uAE30\uC220 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/01-Loved-Human/index.html","/Book/OOP-Principle/01-Loved-Human/README.md"]],["v-7b8ebb95","/Book/OOP-Principle/02-Java-As-PL/",{title:"02 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC790\uBC14 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/02-Java-As-PL/index.html","/Book/OOP-Principle/02-Java-As-PL/README.md"]],["v-4fb3c888","/Book/OOP-Principle/03-Java-As-OOP/",{title:"03 \uC790\uBC14\uC640 \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/03-Java-As-OOP/index.html","/Book/OOP-Principle/03-Java-As-OOP/README.md"]],["v-6b7a613f","/Book/OOP-Principle/04-Extended-By-Java/",{title:"04 \uC790\uBC14\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/04-Extended-By-Java/index.html","/Book/OOP-Principle/04-Extended-By-Java/README.md"]],["v-4dd8166f","/Book/OOP-Principle/05-SOLID/",{title:"05 \uAC1D\uCCB4 \uC9C0\uD5A5 \uC124\uACC4\uB97C \uC704\uD55C SOLID \uC6D0\uCE59 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/05-SOLID/index.html","/Book/OOP-Principle/05-SOLID/README.md"]],["v-cb81e678","/Book/OOP-Principle/06-Design-Pattern/",{title:"06 \uC2A4\uD504\uB9C1\uC774 \uC0AC\uB791\uD55C \uB514\uC790\uC778\uD328\uD134 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/06-Design-Pattern/index.html","/Book/OOP-Principle/06-Design-Pattern/README.md"]],["v-cdcc7d60","/Book/OOP-Principle/07-Spring-Triangle/",{title:"07 Spring Triangle | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"},["/Book/OOP-Principle/07-Spring-Triangle/index.html","/Book/OOP-Principle/07-Spring-Triangle/README.md"]],["v-0e44307f","/CodeSpitz/None-Blocking-Javascript/Intro/",{title:"None Blocking Javascript \uC18C\uAC1C"},["/CodeSpitz/None-Blocking-Javascript/Intro/index.html","/CodeSpitz/None-Blocking-Javascript/Intro/README.md"]],["v-4f9aab0b","/CodeSpitz/Object-Oriented-Javascript/01-Intro/",{title:"\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860"},["/CodeSpitz/Object-Oriented-Javascript/01-Intro/index.html","/CodeSpitz/Object-Oriented-Javascript/01-Intro/README.md"]],["v-676c76b0","/CodeSpitz/Object-Oriented-Javascript/02-MVVM/",{title:"MVVM System \uB9CC\uB4E4\uAE30"},["/CodeSpitz/Object-Oriented-Javascript/02-MVVM/index.html","/CodeSpitz/Object-Oriented-Javascript/02-MVVM/README.md"]],["v-41d7bea5","/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/",{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (1)"},["/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/index.html","/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/README.md"]],["v-05af0dad","/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/",{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (2)"},["/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/index.html","/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/README.md"]],["v-7081bdd8","/CodeSpitz/Object-Oriented-Javascript/05-Extension/",{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (3)"},["/CodeSpitz/Object-Oriented-Javascript/05-Extension/index.html","/CodeSpitz/Object-Oriented-Javascript/05-Extension/README.md"]],["v-13e4c5bc","/Javascript/Design/Vanilla-JS-Component/",{title:"Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30"},["/Javascript/Design/Vanilla-JS-Component/index.html","/Javascript/Design/Vanilla-JS-Component/README.md"]],["v-55f83590","/Javascript/Design/Vanilla-JS-Make-useSate-hook/",{title:"Vanilla Javascript\uB85C React UseState Hook \uB9CC\uB4E4\uAE30"},["/Javascript/Design/Vanilla-JS-Make-useSate-hook/index.html","/Javascript/Design/Vanilla-JS-Make-useSate-hook/README.md"]],["v-010cc28e","/Javascript/Design/Vanilla-JS-Server-Side-Rendering/",{title:"\uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uB9CC\uB4DC\uB294 SSR"},["/Javascript/Design/Vanilla-JS-Server-Side-Rendering/index.html","/Javascript/Design/Vanilla-JS-Server-Side-Rendering/README.md"]],["v-28fe6b58","/Javascript/Design/Vanilla-JS-Store/",{title:"Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30"},["/Javascript/Design/Vanilla-JS-Store/index.html","/Javascript/Design/Vanilla-JS-Store/README.md"]],["v-be06058e","/Javascript/Design/Vanilla-JS-Virtual-DOM/",{title:"Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30"},["/Javascript/Design/Vanilla-JS-Virtual-DOM/index.html","/Javascript/Design/Vanilla-JS-Virtual-DOM/README.md"]],["v-761b164c","/Javascript/Domain/Concurrency-Parallel/",{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131"},["/Javascript/Domain/Concurrency-Parallel/index.html","/Javascript/Domain/Concurrency-Parallel/README.md"]],["v-ff5878d4","/Javascript/Domain/Event-Loop/",{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC774\uBCA4\uD2B8 \uB8E8\uD504"},["/Javascript/Domain/Event-Loop/index.html","/Javascript/Domain/Event-Loop/README.md"]],["v-2925cf37","/Javascript/Domain/Execution-Context/",{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8"},["/Javascript/Domain/Execution-Context/index.html","/Javascript/Domain/Execution-Context/README.md"]],["v-34049515","/Javascript/Domain/Non-Blocking-Loop/",{title:"Non-Blocking Loop \uB9CC\uB4E4\uAE30"},["/Javascript/Domain/Non-Blocking-Loop/index.html","/Javascript/Domain/Non-Blocking-Loop/README.md"]],["v-3c50244d","/Review/2020-year/01-First-Quarter/",{title:"2020\uB144 1\uBD84\uAE30 \uD68C\uACE0"},["/Review/2020-year/01-First-Quarter/index.html","/Review/2020-year/01-First-Quarter/README.md"]],["v-6c466d1c","/Review/2020-year/01-January/",{title:"2020\uB144 1\uC6D4 \uD68C\uACE0"},["/Review/2020-year/01-January/index.html","/Review/2020-year/01-January/README.md"]],["v-53866e7e","/Review/2020-year/02-February/",{title:"2020\uB144 2\uC6D4 \uD68C\uACE0"},["/Review/2020-year/02-February/index.html","/Review/2020-year/02-February/README.md"]],["v-1c9d7550","/Review/2020-year/02-Second-Quarter/",{title:"2020\uB144 2\uBD84\uAE30 \uD68C\uACE0"},["/Review/2020-year/02-Second-Quarter/index.html","/Review/2020-year/02-Second-Quarter/README.md"]],["v-f6b5b892","/Review/2020-year/03-March/",{title:"2020\uB144 3\uC6D4 \uD68C\uACE0"},["/Review/2020-year/03-March/index.html","/Review/2020-year/03-March/README.md"]],["v-4e40be9a","/Review/2020-year/04-April/",{title:"2020\uB144 4\uC6D4 \uD68C\uACE0"},["/Review/2020-year/04-April/index.html","/Review/2020-year/04-April/README.md"]],["v-0747c4d3","/Review/2020-year/05-May/",{title:"2020\uB144 5\uC6D4 \uD68C\uACE0"},["/Review/2020-year/05-May/index.html","/Review/2020-year/05-May/README.md"]],["v-1675bf25","/Review/2020-year/06-June/",{title:"2020\uB144 6\uC6D4 \uD68C\uACE0"},["/Review/2020-year/06-June/index.html","/Review/2020-year/06-June/README.md"]],["v-4b5bf550","/Review/2020-year/07-July/",{title:"2020\uB144 7\uC6D4 \uD68C\uACE0"},["/Review/2020-year/07-July/index.html","/Review/2020-year/07-July/README.md"]],["v-c7cdfcf4","/Review/2020-year/08-August/",{title:"2020\uB144 8\uC6D4 \uD68C\uACE0"},["/Review/2020-year/08-August/index.html","/Review/2020-year/08-August/README.md"]],["v-e738f4ba","/Review/2020-year/09-September/",{title:"2020\uB144 9\uC6D4 \uD68C\uACE0"},["/Review/2020-year/09-September/index.html","/Review/2020-year/09-September/README.md"]],["v-34d9a944","/Review/2020-year/10-October/",{title:"2020\uB144 10\uC6D4 \uD68C\uACE0"},["/Review/2020-year/10-October/index.html","/Review/2020-year/10-October/README.md"]],["v-05561bcf","/Review/2020-year/11-November/",{title:"2020\uB144 11\uC6D4 \uD68C\uACE0"},["/Review/2020-year/11-November/index.html","/Review/2020-year/11-November/README.md"]],["v-58a75c06","/Review/2020-year/12-December/",{title:"2020\uB144 12\uC6D4 \uD68C\uACE0"},["/Review/2020-year/12-December/index.html","/Review/2020-year/12-December/README.md"]],["v-4003505a","/Review/2020-year/end/",{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 \uD68C\uACE0"},["/Review/2020-year/end/index.html","/Review/2020-year/end/README.md"]],["v-3851b32c","/Review/2021-year/01-First-Quarter/",{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0"},["/Review/2021-year/01-First-Quarter/index.html","/Review/2021-year/01-First-Quarter/README.md"]],["v-74e30a94","/Review/2021-year/end/",{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0"},["/Review/2021-year/end/index.html","/Review/2021-year/end/README.md"]],["v-09c7bd55","/Review/2022-year/end/",{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2022\uB144 \uD68C\uACE0"},["/Review/2022-year/end/index.html","/Review/2022-year/end/README.md"]],["v-c2a71fd4","/Review/2023-year/end/",{title:"2023\uB144 \uD68C\uACE0"},["/Review/2023-year/end/index.html","/Review/2023-year/end/README.md"]],["v-09eb19cb","/Review/2024-year/01/",{title:"2024\uB144 1\uC6D4 \uD68C\uACE0"},["/Review/2024-year/01/index.html","/Review/2024-year/01/README.md"]],["v-3706649a","/404.html",{title:""},["/404"]]],jp=Hp.reduce((e,[t,l,n,r])=>(e.push({name:t,path:l,component:xi,meta:n},...r.map(i=>({path:i,redirect:l}))),e),[{name:"404",path:"/:catchAll(.*)",component:xi}]);var zp=nd,Jp=()=>{const e=Nd({history:zp(ao(Dt.value.base)),routes:jp,scrollBehavior:(t,l,n)=>n||(t.hash?{el:t.hash}:{top:0})});return e.beforeResolve(async(t,l)=>{var n;(t.path!==l.path||l===pt)&&([mt.value]=await Promise.all([zt.resolvePageData(t.name),(n=fo[t.name])==null?void 0:n.__asyncLoader()]))}),e},Up=e=>{e.component("ClientOnly",Vr),e.component("Content",Vu)},Kp=(e,t)=>{const l=N(()=>zt.resolveRouteLocale(Dt.value.locales,t.currentRoute.value.path)),n=N(()=>zt.resolveSiteLocaleData(Dt.value,l.value)),r=N(()=>zt.resolvePageFrontmatter(mt.value)),i=N(()=>zt.resolvePageHeadTitle(mt.value,n.value)),s=N(()=>zt.resolvePageHead(i.value,r.value,n.value)),o=N(()=>zt.resolvePageLang(mt.value));return e.provide(Br,l),e.provide(Eo,n),e.provide(po,r),e.provide(Mu,i),e.provide(go,s),e.provide(mo,o),Object.defineProperties(e.config.globalProperties,{$frontmatter:{get:()=>r.value},$head:{get:()=>s.value},$headTitle:{get:()=>i.value},$lang:{get:()=>o.value},$page:{get:()=>mt.value},$routeLocale:{get:()=>l.value},$site:{get:()=>Dt.value},$siteLocale:{get:()=>n.value},$withBase:{get:()=>Jl}}),{pageData:mt,pageFrontmatter:r,pageHead:s,pageHeadTitle:i,pageLang:o,routeLocale:l,siteData:Dt,siteLocaleData:n}},Wp=()=>{const e=Vt(),t=ku(),l=Bu(),n=be([]),r=()=>{t.value.forEach(s=>{const o=qp(s);o&&n.value.push(o)})},i=()=>{document.documentElement.lang=l.value,n.value.forEach(s=>{s.parentNode===document.head&&document.head.removeChild(s)}),n.value.splice(0,n.value.length),t.value.forEach(s=>{const o=Gp(s);o!==null&&(document.head.appendChild(o),n.value.push(o))})};Gt($u,i),Ke(()=>{r(),i(),ct(()=>e.path,()=>i())})},qp=([e,t,l=""])=>{const n=Object.entries(t).map(([o,a])=>ye(a)?`[${o}="${a}"]`:a===!0?`[${o}]`:"").join(""),r=`head > ${e}${n}`;return Array.from(document.querySelectorAll(r)).find(o=>o.innerText===l)||null},Gp=([e,t,l])=>{if(!ye(e))return null;const n=document.createElement(e);return Mr(t)&&Object.entries(t).forEach(([r,i])=>{ye(i)?n.setAttribute(r,i):i===!0&&n.setAttribute(r,"")}),ye(l)&&n.appendChild(document.createTextNode(l)),n},Qp=Pu,Yp=async()=>{var l;const e=Qp({name:"VuepressApp",setup(){var n;Wp();for(const r of Gn)(n=r.setup)==null||n.call(r);return()=>[fe(Do),...Gn.flatMap(({rootComponents:r=[]})=>r.map(i=>fe(i)))]}}),t=Jp();Up(e),Kp(e,t);for(const n of Gn)await((l=n.enhance)==null?void 0:l.call(n,{app:e,router:t,siteData:Dt}));return e.use(t),{app:e,router:t}};Yp().then(({app:e,router:t})=>{t.isReady().then(()=>{e.mount("#app")})});export{vp as F,Tp as P,Pe as _,ae as a,te as b,K as c,Yp as createVueApp,to as d,wt as e,de as f,Ue as g,x as h,be as i,Ke as j,ct as k,_t as l,Dp as m,N as n,D as o,Oe as p,ap as q,ht as r,ge as s,Te as t,Tn as u,ke as w}; diff --git a/assets/index.html.e3b43384.js b/assets/index.html.0246f8c5.js similarity index 99% rename from assets/index.html.e3b43384.js rename to assets/index.html.0246f8c5.js index 888b3de4..7c911a2e 100644 --- a/assets/index.html.e3b43384.js +++ b/assets/index.html.0246f8c5.js @@ -1,4 +1,4 @@ -import{_ as l,r as o,o as i,c as u,a as n,b as a,w as c,e as s,d as p}from"./app.800103af.js";var r="/TIL/assets/1.257affbd.png",k="/TIL/assets/2.37c33d86.png",d="/TIL/assets/3.ddd4c242.png",v="/TIL/assets/4.709c7142.png",m="/TIL/assets/5.4111cc90.png",b="/TIL/assets/6.7e200a01.png",g="/TIL/assets/7.fff4c50d.png",h="/TIL/assets/8.35876d84.png",f="/TIL/assets/9.93a5956f.png",y="/TIL/assets/11.209c2433.png",w="/TIL/assets/12.156d03c0.png";const x={},_=n("h1",{id:"vanilla-javascript\u1105\u1169-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vanilla-javascript\u1105\u1169-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),s(" Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30")],-1),N=s("\uBCF8 \uD3EC\uC2A4\uD2B8\uB294 React\uC640 Vue\uC5D0\uC11C \uC0AC\uC6A9\uB418\uACE0 \uC788\uB294 \uAC00\uC0C1\uB3D4(VirtualDOM) \uC9C1\uC811 \uB9CC\uB4E4\uC5B4\uBCF4\uB294 \uB0B4\uC6A9\uC774\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uD3EC\uC2A4\uD2B8\uB97C \uC77D\uAE30 \uC804\uC5D0 "),q=s("Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30"),j=s("\uC640 "),D=s("Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30"),E=s("\uB97C \uBA3C\uC800 \uC815\uB3C5\uD574\uC57C \uC774\uD574\uD558\uAE30\uAC00 \uC218\uC6D4\uD558\uB2E4."),M=p('

\uC544\uB9C8 \uC774 \uAE00\uC744 \uC77D\uB294 \uC0AC\uB78C\uB4E4 \uB300\uBD80\uBD84\uC740 \uAC00\uC0C1\uB3D4(VirtualDOM)\uC758 \uAC1C\uB150\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uACE0 \uC788\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB7EC\uB2C8\uAE4C \uC5B4\uB5BB\uAC8C \uAD6C\uD604\uD558\uB294\uC9C0 \uAD81\uAE08\uD574\uC11C \uCC3E\uC544\uC628\uAC8C \uC544\uB2D0\uAE4C?

\uADF8\uB798\uB3C4 \uB108\uBB34 \uADC0\uCC2E\uC9C0\uB9CC \uAC1C\uB150\uC744 \uD55C \uBC88 \uC9DA\uACE0 \uB118\uC5B4\uAC00\uC57C \uD55C\uB2E4.

1. \uBE0C\uB77C\uC6B0\uC800 \uB85C\uB529 \uACFC\uC815

VirtualDOM\uC744 \uC774\uD574\uD558\uAE30 \uC704\uD574 \uBE0C\uB77C\uC6B0\uC800\uC758 \uB85C\uB529 \uACFC\uC815\uC5D0 \uB300\uD574 \uAC04\uB7B5\uD558\uAC8C \uC54C\uC544\uBCF4\uC790.

1.png

\uBE0C\uB77C\uC6B0\uC800\uB294 \uD30C\uC2F1 \u2192 \uC2A4\uD0C0\uC77C \u2192 \uB808\uC774\uC544\uC6C3 \u2192 \uD398\uC778\uD2B8 \u2192 \uD569\uC131 \u2192 \uB80C\uB354 \uB4F1\uC758 \uACFC\uC815\uC744 \uAC70\uCE5C\uB2E4. \uADF8 \uD6C4\uC5D0 JS\uB098 CSS\uB97C \uD1B5\uD574 DOM\uC774\uB098 CSS\uC5D0 \uBCC0\uD654\uAC00 \uC0DD\uAE38 \uACBD\uC6B0 reflow \uD639\uC740 repaint \uB4F1\uC758 \uACFC\uC815\uC744 \uC218\uD589\uD55C\uB2E4.

\uD55C \uBC88 \uCC28\uB840\uB300\uB85C \uC54C\uC544\uBCF4\uC790.

(1) \uD30C\uC2F1

\uBE0C\uB77C\uC6B0\uC800\uAC00 HTML\uC744 \uD30C\uC2F1\uD558\uACE0 \uC77D\uC5B4\uB4E4\uC774\uB294 \uACFC\uC815\uC774\uB2E4.

DOM Tree

<!DOCTYPE html>
+import{_ as l,r as o,o as i,c as u,a as n,b as a,w as c,e as s,d as p}from"./app.d20f8571.js";var r="/TIL/assets/1.257affbd.png",k="/TIL/assets/2.37c33d86.png",d="/TIL/assets/3.ddd4c242.png",v="/TIL/assets/4.709c7142.png",m="/TIL/assets/5.4111cc90.png",b="/TIL/assets/6.7e200a01.png",g="/TIL/assets/7.fff4c50d.png",h="/TIL/assets/8.35876d84.png",f="/TIL/assets/9.93a5956f.png",y="/TIL/assets/11.209c2433.png",w="/TIL/assets/12.156d03c0.png";const x={},_=n("h1",{id:"vanilla-javascript\u1105\u1169-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vanilla-javascript\u1105\u1169-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),s(" Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30")],-1),N=s("\uBCF8 \uD3EC\uC2A4\uD2B8\uB294 React\uC640 Vue\uC5D0\uC11C \uC0AC\uC6A9\uB418\uACE0 \uC788\uB294 \uAC00\uC0C1\uB3D4(VirtualDOM) \uC9C1\uC811 \uB9CC\uB4E4\uC5B4\uBCF4\uB294 \uB0B4\uC6A9\uC774\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uD3EC\uC2A4\uD2B8\uB97C \uC77D\uAE30 \uC804\uC5D0 "),q=s("Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30"),j=s("\uC640 "),D=s("Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30"),E=s("\uB97C \uBA3C\uC800 \uC815\uB3C5\uD574\uC57C \uC774\uD574\uD558\uAE30\uAC00 \uC218\uC6D4\uD558\uB2E4."),M=p('

\uC544\uB9C8 \uC774 \uAE00\uC744 \uC77D\uB294 \uC0AC\uB78C\uB4E4 \uB300\uBD80\uBD84\uC740 \uAC00\uC0C1\uB3D4(VirtualDOM)\uC758 \uAC1C\uB150\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uACE0 \uC788\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB7EC\uB2C8\uAE4C \uC5B4\uB5BB\uAC8C \uAD6C\uD604\uD558\uB294\uC9C0 \uAD81\uAE08\uD574\uC11C \uCC3E\uC544\uC628\uAC8C \uC544\uB2D0\uAE4C?

\uADF8\uB798\uB3C4 \uB108\uBB34 \uADC0\uCC2E\uC9C0\uB9CC \uAC1C\uB150\uC744 \uD55C \uBC88 \uC9DA\uACE0 \uB118\uC5B4\uAC00\uC57C \uD55C\uB2E4.

1. \uBE0C\uB77C\uC6B0\uC800 \uB85C\uB529 \uACFC\uC815

VirtualDOM\uC744 \uC774\uD574\uD558\uAE30 \uC704\uD574 \uBE0C\uB77C\uC6B0\uC800\uC758 \uB85C\uB529 \uACFC\uC815\uC5D0 \uB300\uD574 \uAC04\uB7B5\uD558\uAC8C \uC54C\uC544\uBCF4\uC790.

1.png

\uBE0C\uB77C\uC6B0\uC800\uB294 \uD30C\uC2F1 \u2192 \uC2A4\uD0C0\uC77C \u2192 \uB808\uC774\uC544\uC6C3 \u2192 \uD398\uC778\uD2B8 \u2192 \uD569\uC131 \u2192 \uB80C\uB354 \uB4F1\uC758 \uACFC\uC815\uC744 \uAC70\uCE5C\uB2E4. \uADF8 \uD6C4\uC5D0 JS\uB098 CSS\uB97C \uD1B5\uD574 DOM\uC774\uB098 CSS\uC5D0 \uBCC0\uD654\uAC00 \uC0DD\uAE38 \uACBD\uC6B0 reflow \uD639\uC740 repaint \uB4F1\uC758 \uACFC\uC815\uC744 \uC218\uD589\uD55C\uB2E4.

\uD55C \uBC88 \uCC28\uB840\uB300\uB85C \uC54C\uC544\uBCF4\uC790.

(1) \uD30C\uC2F1

\uBE0C\uB77C\uC6B0\uC800\uAC00 HTML\uC744 \uD30C\uC2F1\uD558\uACE0 \uC77D\uC5B4\uB4E4\uC774\uB294 \uACFC\uC815\uC774\uB2E4.

DOM Tree

<!DOCTYPE html>
 <html>
   <head>
     <meta name="viewport" content="width=device-width,initial-scale=1">
diff --git a/assets/index.html.cc4e11c3.js b/assets/index.html.03475453.js
similarity index 94%
rename from assets/index.html.cc4e11c3.js
rename to assets/index.html.03475453.js
index a1517516..0cd71949 100644
--- a/assets/index.html.cc4e11c3.js
+++ b/assets/index.html.03475453.js
@@ -1 +1 @@
-const e={key:"v-a6ee965c",path:"/Gradle/GradleWrapper/",title:"Gradle Wrapper",lang:"en-US",frontmatter:{title:"Gradle Wrapper",description:"Gradle Wrapper\uB294 Gradle\uC744 \uAC01 \uAC1C\uBC1C\uC790\uB098 CI \uC11C\uBC84\uC5D0 \uAE54\uC9C0 \uC54A\uACE0, \uD504\uB85C\uC81D\uD2B8\uC5D0 \uD568\uAED8 \uD3EC\uD568\uC2DC\uCF1C \uBC30\uD3EC\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC744 \uC81C\uACF5\uD574\uC900\uB2E4.",sidebarDepth:2,date:"2020-01-14T00:00:00.000Z",tag:"\uAC1C\uBC1C\uD658\uACBD",thumbnail:"https://upload.wikimedia.org/wikipedia/commons/c/cb/Gradle_logo.png"},excerpt:"",headers:[{level:2,title:"Gradle Download",slug:"gradle-download",children:[{level:3,title:"Linux & MacOS",slug:"linux-macos",children:[]},{level:3,title:"Window",slug:"window",children:[]},{level:3,title:"\uC124\uCE58 \uD655\uC778",slug:"\u1109\u1165\u11AF\u110E\u1175-\u1112\u116A\u11A8\u110B\u1175\u11AB",children:[]}]},{level:2,title:"gradlew",slug:"gradlew",children:[{level:3,title:"build.gradle \uC791\uC131",slug:"build-gradle-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]}]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Gradle/GradleWrapper/README.md"};export{e as data};
+const e={key:"v-a6ee965c",path:"/Gradle/GradleWrapper/",title:"Gradle Wrapper",lang:"en-US",frontmatter:{title:"Gradle Wrapper",description:"Gradle Wrapper\uB294 Gradle\uC744 \uAC01 \uAC1C\uBC1C\uC790\uB098 CI \uC11C\uBC84\uC5D0 \uAE54\uC9C0 \uC54A\uACE0, \uD504\uB85C\uC81D\uD2B8\uC5D0 \uD568\uAED8 \uD3EC\uD568\uC2DC\uCF1C \uBC30\uD3EC\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC744 \uC81C\uACF5\uD574\uC900\uB2E4.",sidebarDepth:2,date:"2020-01-14T00:00:00.000Z",tag:"\uAC1C\uBC1C\uD658\uACBD",thumbnail:"https://upload.wikimedia.org/wikipedia/commons/c/cb/Gradle_logo.png"},excerpt:"",headers:[{level:2,title:"Gradle Download",slug:"gradle-download",children:[{level:3,title:"Linux & MacOS",slug:"linux-macos",children:[]},{level:3,title:"Window",slug:"window",children:[]},{level:3,title:"\uC124\uCE58 \uD655\uC778",slug:"\u1109\u1165\u11AF\u110E\u1175-\u1112\u116A\u11A8\u110B\u1175\u11AB",children:[]}]},{level:2,title:"gradlew",slug:"gradlew",children:[{level:3,title:"build.gradle \uC791\uC131",slug:"build-gradle-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]}]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Gradle/GradleWrapper/README.md"};export{e as data};
diff --git a/assets/index.html.c2c7c888.js b/assets/index.html.035a1e6f.js
similarity index 95%
rename from assets/index.html.c2c7c888.js
rename to assets/index.html.035a1e6f.js
index a4603019..d7638d54 100644
--- a/assets/index.html.c2c7c888.js
+++ b/assets/index.html.035a1e6f.js
@@ -1 +1 @@
-const e={key:"v-6654db14",path:"/vuepress/Utterances/",title:"Vuepress + Utterances",lang:"en-US",frontmatter:{title:"Vuepress + Utterances",description:"Vuepress\uC5D0 Utterances(GitHub Issue\uB97C \uC774\uC6A9\uD55C \uB313\uAE00)\uB97C \uC801\uC6A9\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uC220\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-01-07T00:00:00.000Z",tag:"vuepress"},excerpt:"",headers:[{level:2,title:"1. Utterances Install",slug:"_1-utterances-install",children:[{level:3,title:"Repository",slug:"repository",children:[]}]},{level:2,title:"2. VuePress\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"_2-vuepress\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[{level:3,title:"\uD604\uC7AC Theme\uC5D0 Extend\uD558\uC5EC \uC801\uC6A9\uD558\uAE30",slug:"\u1112\u1167\u11AB\u110C\u1162-theme\u110B\u1166-extend\u1112\u1161\u110B\u1167-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC9C1\uC811 \uB9CC\uB4E0 Theme\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AB-theme\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"md \uD30C\uC77C\uC5D0 \uC9C1\uC811 \uB123\uAE30",slug:"md-\u1111\u1161\u110B\u1175\u11AF\u110B\u1166-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1102\u1165\u11C2\u1100\u1175",children:[]}]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"vuepress/Utterances/README.md"};export{e as data};
+const e={key:"v-6654db14",path:"/vuepress/Utterances/",title:"Vuepress + Utterances",lang:"en-US",frontmatter:{title:"Vuepress + Utterances",description:"Vuepress\uC5D0 Utterances(GitHub Issue\uB97C \uC774\uC6A9\uD55C \uB313\uAE00)\uB97C \uC801\uC6A9\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uC220\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-01-07T00:00:00.000Z",tag:"vuepress"},excerpt:"",headers:[{level:2,title:"1. Utterances Install",slug:"_1-utterances-install",children:[{level:3,title:"Repository",slug:"repository",children:[]}]},{level:2,title:"2. VuePress\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"_2-vuepress\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[{level:3,title:"\uD604\uC7AC Theme\uC5D0 Extend\uD558\uC5EC \uC801\uC6A9\uD558\uAE30",slug:"\u1112\u1167\u11AB\u110C\u1162-theme\u110B\u1166-extend\u1112\u1161\u110B\u1167-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC9C1\uC811 \uB9CC\uB4E0 Theme\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AB-theme\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"md \uD30C\uC77C\uC5D0 \uC9C1\uC811 \uB123\uAE30",slug:"md-\u1111\u1161\u110B\u1175\u11AF\u110B\u1166-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1102\u1165\u11C2\u1100\u1175",children:[]}]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"vuepress/Utterances/README.md"};export{e as data};
diff --git a/assets/index.html.6cd597e6.js b/assets/index.html.06c11bde.js
similarity index 99%
rename from assets/index.html.6cd597e6.js
rename to assets/index.html.06c11bde.js
index 983f21ca..208c6375 100644
--- a/assets/index.html.6cd597e6.js
+++ b/assets/index.html.06c11bde.js
@@ -1 +1 @@
-import{_ as n,r as t,o as l,c as a,a as e,b as c,w as p,e as o,d as i}from"./app.800103af.js";const r={},h=e("h1",{id:"\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-1",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-1","aria-hidden":"true"},"#"),o(" \uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)")],-1),_=e("p",null,"\uCCAB \uBC88\uC9F8 \uAE00\uC4F0\uAE30\uB294 \uAC00\uBCCD\uAC8C \uC131\uC778\uC774 \uB418\uAE30 \uC804 \uAE30\uC5B5\uC5D0 \uB300\uD574 \uC4F0\uACE0\uC790 \uD55C\uB2E4.",-1),u=o("Part-01"),C=o("Part-02"),E=o("Part-03"),B=i('

\uCC45 \uC77D\uB294 \uC18C\uB144

\uB098\uB294 \uC911\uD559\uAD50 \uB54C\uAE4C\uC9C0 \uCC45 \uC77D\uB294 \uAC83\uC744 \uCC38 \uC88B\uC544\uD588\uB2E4. \uC0AC\uC2E4 \uCC45 \uC790\uCCB4\uAC00 \uC88B\uC558\uB358 \uAC83 \uBCF4\uB2E4 \uCC45 \uC77D\uB294 \uC0AC\uB78C\uC73C\uB85C \uBCF4\uC5EC\uC9C0\uB294 \uAC83\uC774 \uC88B\uC558\uB2E4. \uBB54\uAC00 \uC720\uC2DD\uD574\uBCF4\uC778\uB2E4\uACE0 \uD574\uC57C\uD558\uB098? \uADF8\uB807\uAC8C \uACF5\uBD80\uB97C \uC798 \uD558\uB294 \uAC83\uB3C4 \uC544\uB2C8\uC5C8\uACE0, \uB0A8\uB4E4 \uBCF4\uB2E4 \uBB34\uC5B8\uAC00 \uD2B9\uBCC4\uD55C \uC7AC\uB2A5\uC774 \uC788\uB294 \uAC83\uB3C4 \uC544\uB2C8\uC5C8\uB2E4. \uADF8\uB0E5 \uB098\uB9CC\uC758 \uC544\uC774\uB374\uD2F0\uD2F0\uB97C \uAC00\uC9C8 \uC218 \uC788\uB294 \uD3B8\uD55C \uBC29\uBC95\uC774 \uCC45 \uC77D\uAE30 \uC600\uB2E4.

\uB098\uB294 \uC790\uAE30 \uACC4\uBC1C \uAD00\uB828 \uC11C\uC801\uC744 \uB9CE\uC774 \uC77D\uC5C8\uB2E4. \uD2B9\uD788 \uC88B\uC544 \uD588\uB358 \uCC45\uC774 \uB9C8\uC2DC\uBA5C\uB85C \uC774\uC57C\uAE30 \uC600\uB294\uB370, \uC9C0\uAE08 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC800\uAC78 \uC65C \uC88B\uC544\uD588\uB098 \uC2F6\uB2E4.

\uD310\uD0C0\uC9C0 \uC18C\uC124\uC744 \uC5C4\uCCAD \uC88B\uC544\uD558\uC9C4 \uC54A\uC558\uB294\uB370 \uC804\uBBFC\uD76C \uC791\uAC00\uB2D8\uC758 \uB8EC\uC758 \uC544\uC774\uB4E4\uACFC \uC138\uC6D4\uC758 \uB3CC\uC744 \uC815\uB9D0 \uC7AC\uBC0C\uAC8C \uC77D\uC5C8\uB2E4. \uC6C3\uAE30\uAC8C\uB3C4 \uD310\uD0C0\uC9C0 \uC18C\uC124\uC5D0\uC11C \uD55C\uAE00\uC758 \uC544\uB984\uB2E4\uC6C0\uC744 \uC815\uB9D0 \uC808\uC808\uD558\uAC8C \uB290\uB084 \uC218 \uC788\uC5C8\uB2E4. \uC18C\uC124\uC758 \uB0B4\uC6A9\uB3C4 \uC88B\uC558\uC9C0\uB9CC \uC804\uBBFC\uD76C \uC791\uAC00\uB2D8\uC758 \uD45C\uD604\uC774 \uCC38 \uC88B\uC558\uB2E4.

\uC774 \uC678\uC5D0\uB3C4 \uC15C\uB85D\uD648\uC988 \uC2DC\uB9AC\uC988\uB3C4 \uB2E4 \uC77D\uC5C8\uACE0, \uC5ED\uC0AC\uC640 \uAD00\uB828\uB41C \uCC45\uB3C4 \uB9CE\uC774 \uC77D\uC5C8\uB2E4. \uCC9C\uBB38\uD559\uACFC \uAD00\uB828\uB41C \uCC45\uB3C4 \uB9CE\uC774 \uC77D\uC5C8\uB2E4. \uC6B0\uC8FC\uB77C\uB294 \uAC83 \uC790\uCCB4\uAC00 \uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uD310\uD0C0\uC9C0\uBCF4\uB2E4 \uB354 \uD310\uD0C0\uC9C0 \uAC19\uC740 \uB290\uB08C\uC774 \uC788\uC5B4\uC11C \uBB54 \uC18C\uB9AC\uC778\uC9C0 \uBAA8\uB974\uACE0 \uBD10\uB3C4 \uC7AC\uBC0C\uC5C8\uB2E4.

',5),b=o("\uC81C\uC77C \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uCC45 \uC911 \uD558\uB098\uAC00 "),g=e("code",null,"12\uC0B4 \uC18C\uB144",-1),m=o("\uC774 \uC4F4 \uC6B0\uC8FC \uD310\uD0C0\uC9C0 \uC18C\uC124 "),f={href:"https://book.naver.com/bookdb/book_detail.nhn?bid=2620651",target:"_blank",rel:"noopener noreferrer"},x=o("\uBE45\uBC45\uC758 \uBE44\uBC00"),A=o("\uC774\uB2E4. \uCC98\uC74C\uC5D4 \uBCC4 \uC0DD\uAC01 \uC5C6\uC774 \uC77D\uC5C8\uB294\uB370 \uC2A4\uD1A0\uB9AC\uAC00 \uC815\uB9D0 \uD0C4\uD0C4\uD588\uB2E4. \uC5B4\uB5BB\uAC8C 13\uC0B4\uC758 \uBA38\uB9BF\uC18D\uC5D0\uC11C \uC774\uB7F0 \uC774\uC57C\uAE30\uAC00 \uB098\uC62C\uAE4C? \uD558\uBA70 \uAC10\uD0C4\uD558\uACE0 \uBD24\uB2E4."),k=i('

\uC790\uC758\uB4E0 \uD0C0\uC758\uB4E0 \uACB0\uAD6D \uCC45\uC744 \uB9CE\uC774 \uC77D\uC5C8\uACE0, \uB2E4\uB3C5\uC0C1 \uAC19\uC740 \uAC83\uB3C4 \uBA87 \uBC88 \uBC1B\uC558\uB2E4. \uB3C4\uC11C\uBD80 \uD65C\uB3D9\uB3C4 \uC5F4\uC2EC\uD788 \uD588\uACE0, \uADF8 \uACFC\uC815\uC5D0\uC11C \uCE5C\uD574\uC9C4 \uC0AC\uB78C\uB4E4\uB3C4 \uB9CE\uC774 \uC788\uC5C8\uB2E4.

\uACE0\uB4F1\uD559\uAD50\uC5D0 \uC62C\uB77C\uC624\uBA74\uC11C \uD578\uB4DC\uD3F0\uC744 \uBA87 \uBC88 \uBC15\uC0B4\uB0B4\uAE30\uB3C4 \uD588\uACE0, \uAD70\uB300\uC5D0 \uC788\uC744 \uB54C \uD667\uAE40\uC5D0 \uC5F0\uB77D\uCC98\uB97C \uCD08\uAE30\uD654 \uD558\uAE30\uB3C4 \uD558\uBA74\uC11C \uC720\uB144\uC2DC\uC808 \uCE5C\uAD6C\uB4E4\uACFC\uC758 \uC5F0\uB77D\uCC98\uAC00 \uB2E4 \uC0AC\uB77C\uC84C\uB2E4.

\uB2E4\uB4E4 \uBB34\uC5C7\uC744 \uD558\uBA70 \uC9C0\uB0B4\uACE0 \uC788\uC744\uAE4C? \uBB34\uB4DD \uAD81\uAE08\uD558\uAE30\uB3C4 \uD558\uC9C0\uB9CC, \uADF8\uB0E5 \uC0B4\uC544\uAC00\uB294\uAC8C \uCC38 \uBC14\uC058\uB2E4\uBCF4\uB2C8 \uAE08\uC0C8 \uB2E4\uC2DC \uC78A\uC5B4\uBC84\uB9B0\uB2E4.

\uAC01\uC124\uD558\uACE0 \uCC45 \uC77D\uB294 \uAC83\uC744 \uC88B\uC544\uD558\uB358 \uB0B4\uAC00, \uC131\uC801\uB3C4 \uC911\uC0C1\uC704 \uAD8C\uC774\uC5C8\uB358 \uB0B4\uAC00, \uB72C\uAE08\uC5C6\uC774 \uC804\uBB38\uACC4 \uACE0\uB4F1\uD559\uAD50\uB97C \uAC04\uB2E4\uACE0 \uD588\uC744 \uB54C \uC8FC\uBCC0\uC5D0\uC11C \uB2C8\uAC00? \uC65C? \uB77C\uB294 \uC758\uBB38\uC744 \uD488\uC5C8\uB2E4.

\uADF8\uB798\uB3C4 \uB098\uC5D0\uAC90 \uB9C9\uC5F0\uD558\uAC8C \uD504\uB85C\uADF8\uB798\uBA38\uAC00\uAC00 \uB418\uACE0 \uC2F6\uB2E4 \uB77C\uB294 \uBAA9\uD45C\uAC00 \uC788\uC5C8\uB2E4.

\uD504\uB85C\uADF8\uB798\uBA38\uAC00 \uB418\uACE0 \uC2F6\uB2E4

\uB098\uC758 \uC720\uB144 \uC2DC\uC808\uC740 \uD3C9\uBC94\uD558\uB2E4\uBA74 \uD3C9\uBC94\uD588\uACE0, \uC5B4\uB5BB\uAC8C \uBCF4\uBA74 \uCC38 \uB2E4\uC0AC\uB2E4\uB09C \uD588\uB2E4. \uAC00\uC815\uD615\uD3B8\uC774 \uC88B\uC9C0 \uC54A\uC544\uC11C \uC774\uC0AC\uB3C4 \uB9CE\uC774 \uB2E4\uB154\uACE0, \uB355\uBD84\uC5D0 \uB3D9\uB124 \uCE5C\uAD6C\uAC00 \uC5C6\uC5C8\uB2E4.

\uC5B4\uCA4C\uB2E4 \uBCF4\uB2C8 6\uC0B4 \uCC28\uC774 \uB098\uB294 \uB204\uB098\uB791 \uB5A8\uC5B4\uC838 \uC0B4\uAE30\uB3C4 \uD588\uACE0, \uBD80\uBAA8\uB2D8\uC758 \uB2E4\uD23C\uC5D0 \uC9C8\uB824 \uB204\uB098\uAC00 18\uC0B4\uC758 \uB098\uC774\uB85C 2\uB144 \uB3D9\uC548 \uAC00\uCD9C\uD588\uC5C8\uB2E4. \uB9C9\uC5F0\uD558\uAC8C \uC0AC\uB294 \uAC8C \uBB54\uAC00 \uD798\uB4E0\uAC70\uAD6C\uB098 \uB0B4 \uB9D8\uCC98\uB7FC \uB418\uB294 \uAC8C \uC5C6\uAD6C\uB098 \uB77C\uACE0 \uC0DD\uAC01\uD588\uB2E4.

\uC9C0\uAE08\uC740 \uC5B4\uB290 \uC815\uB3C4 \uBCF4\uAE30 \uC88B\uC740 \uC911\uB144 \uBD80\uBD80\uAC00 \uB41C \uC6B0\uB9AC \uBD80\uBAA8\uB2D8\uB3C4 \uC5B4\uB9B4\uC801 \uB098\uC5D0\uAC90 \uC774\uD574\uD560 \uC218 \uC5C6\uB294 \uB300\uC0C1\uB4E4\uC774\uC5C8\uB2E4. \uADF8\uB0E5 \uBD80\uBAA8\uB2D8\uB3C4, \uD558\uB098 \uBFD0\uC778 \uB204\uB098\uB3C4 \uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uB9D0 \uADF8\uB300\uB85C \uC774\uD574\uB97C \uD560 \uC218\uAC00 \uC5C6\uC5C8\uB2E4.

\uC774\uB7EC\uD55C \uD658\uACBD \uB54C\uBB38\uC5D0 \uB098\uB294 \uBB34\uCC99 \uC18C\uC2EC\uD588\uACE0, \uAC81\uB3C4 \uB9CE\uC558\uACE0, \uD654\uB3C4 \uB9CE\uC558\uACE0, \uBB54\uAC00 \uC2A4\uC2A4\uB85C\uB97C \uB9CE\uC774 \uCD08\uB77C\uD558\uACE0 \uBCC4 \uBCFC\uC77C \uC5C6\uB294 \uC0AC\uB78C\uC73C\uB85C \uC0DD\uAC01\uD588\uB2E4. \uC790\uC874\uAC10\uC774 \uC544\uC608 \uC5C6\uB358 \uAC83\uC774\uB2E4. \uD615\uC131\uB3C4 \uB418\uAE30 \uC804\uC5D0 \uBC11\uBC14\uB2E5\uC744 \uCCD0\uBC84\uB838\uC73C\uB2C8..

\uB355\uBD84\uC5D0 \uBB54\uAC00 \uB418\uACE0 \uC2F6\uC740 \uAC83\uB3C4 \uC5C6\uC5C8\uACE0, \uD558\uACE0 \uC2F6\uC740 \uAC83\uB3C4 \uC5C6\uC5C8\uB2E4. \uACF5\uBD80\uB294 \uC2EB\uC5B4 \uD588\uAE30 \uB54C\uBB38\uC5D0 \uAD73\uC774 \uBD80\uBAA8\uB2D8\uC5D0\uAC8C \uD559\uC6D0\uC744 \uBCF4\uB0B4\uB2EC\uB77C\uACE0 \uC870\uB974\uC9C0\uB3C4 \uC54A\uC558\uB2E4.

\uAE00\uC744 \uC4F0\uBA74\uC11C \uC0DD\uAC01\uB09C\uAC8C \uCD08\uB4F1\uD559\uAD50 1\uD559\uB144 \uB54C \uCEF4\uD4E8\uD130 \uD559\uC6D0\uC744 6\uAC1C\uC6D4 \uC815\uB3C4 \uB2E4\uB154\uC5C8\uB2E4. \uADF8\uB0E5 \uB72C\uAE08\uC5C6\uC774 \uC544\uBE60\uAC00 \uAC00\uC11C \uD0C0\uC790\uC5F0\uC2B5\uC774\uB098 \uD574\uBCF4\uB77C\uBA74\uC11C \uCEF4\uD4E8\uD130 \uD559\uC6D0\uC5D0 \uBCF4\uB0B4\uC8FC\uC168\uB2E4.

\uD559\uC6D0\uC5D0\uC11C \uD0C0\uC790\uC5F0\uC2B5\uC744 \uC775\uD614\uACE0, \uC5B4\uB290 \uC815\uB3C4 \uC18D\uB3C4\uAC00 \uB098\uC790 \uD55C\uAE0097\uB85C \uC6CC\uB4DC\uD504\uB85C\uC138\uC11C \uC2E4\uAE30 \uC5F0\uC2B5\uC744 \uD588\uB2E4. \uCD08\uB4F1\uD559\uAD50 1\uD559\uB144 \uB54C 500\uD0C0\uAC00 \uB098\uC654\uB2E4\uBA70 \uAE30\uBED0\uD558\uB358\uAC8C \uC0DD\uAC01\uB09C\uB2E4. 2\uD559\uB144 \uB54C\uB294 1000\uD0C0\uAC00 \uB098\uC640\uC11C \uC5EC\uAE30\uC800\uAE30 \uC790\uB791\uD558\uACE0 \uB2E4\uB154\uB2E4. \uADF8\uB807\uAC8C \uD0C0\uC790\uC5F0\uC2B5\uC774 \uC775\uC219\uD574\uC9C0\uC790 \uD55C\uAE00 \uBB38\uC11C \uB9CC\uB4DC\uB294 \uBC95\uC744 \uBC30\uC6E0\uACE0, \uC9C0\uAE08\uC758 \uB0B4\uAC00 \uC0DD\uAC01\uD558\uAE30\uC5D0\uB3C4 \uC5B4\uB9B0 \uB098\uC774\uC5D0 \uC774\uB7F4 \uC218 \uC788\uC744\uAE4C \uC2F6\uC744 \uC815\uB3C4\uB85C \uAE30\uAC00\uB9C9\uD788\uAC8C \uC798 \uB2E4\uB918\uC5C8\uB2E4. \uB355\uBD84\uC5D0 \uC2E4\uAE30 \uC2DC\uD5D8\uB9CC \uBCF4\uBA74 \uD56D\uC0C1 1\uB4F1\uC744 \uD588\uB294\uB370, \uBB38\uC81C\uB294 \uC790\uACA9\uC99D\uC744 \uCDE8\uB4DD\uD558\uAE30 \uC704\uD574\uC120 \uC77C\uB2E8 \uD544\uAE30\uC2DC\uD5D8\uBD80\uD130 \uD1B5\uACFC\uD574\uC57C \uD588\uB2E4. \uADF8 \uB2F9\uC2DC\uC5D0 \uD544\uAE30 \uC2DC\uD5D8\uC774 \uBB54\uC9C0\uB3C4 \uBAB0\uB790\uACE0 \uBB58 \uACF5\uBD80\uD574\uC57C \uD558\uB294\uC9C0\uB3C4 \uBAB0\uB77C\uC11C \uC790\uACA9\uC99D \uC2DC\uD5D8\uC740 \uC544\uC608 \uC7AC\uAF08\uB2E4. \uC544\uC9C1 \uAE4C\uC9C0 \uC7AC\uB07C\uACE0 \uC788\uC74C\uC774 \uC9C4\uD589\uC911\uC774\uB2E4.

\uADF8\uB807\uAC8C 1\uB144 \uC815\uB3C4 \uCEF4\uD4E8\uD130 \uD559\uC6D0\uC744 \uB2E4\uB154\uB294\uB370, \uC5B4\uB290 \uC21C\uAC04 \uD559\uC6D0 \uC120\uC0DD\uB2D8\uC774 \uD559\uC6D0\uBE44\uAC00 \uAC70\uC758 6\uAC1C\uC6D4 \uC774\uC0C1\uC774 \uBC00\uB9AC\uACE0 \uC788\uB2E4\uB294 \uC774\uC57C\uAE30\uB97C \uB4E4\uC5C8\uACE0 \uBD80\uBAA8\uB2D8\uC774 \uD559\uC6D0\uC744 \uAC00\uB77C\uACE0 \uD574\uB3C4 \uADF8\uB0E5 \uAC00\uAE30 \uC2EB\uB2E4\uBA70 \uBC30\uC9F8\uB77C \uC2DD\uC758 \uD0DC\uB3C4\uB97C \uCDE8\uD588\uB2E4.

\uACB0\uACFC\uC801\uC73C\uB85C \uADF8 \uB2F9\uC2DC\uC5D0 \uBD80\uBAA8\uB2D8\uC774 \uB098\uB97C \uCEF4\uD4E8\uD130 \uD559\uC6D0\uC5D0 \uBCF4\uB0B8 \uAC83\uC740 \uD0C1\uC6D4\uD55C \uC120\uD0DD\uC774\uC5C8\uC9C0 \uC2F6\uB2E4. \uACB0\uACFC\uB9CC\uB2A5\uC8FC\uC758

\uC5B4\uCA0C\uB4E0 \uC774\uB7EC\uD55C \uACC4\uAE30\uB85C \uCEF4\uD4E8\uD130\uB77C\uB294 \uAC83\uC5D0 \uD765\uBBF8\uB97C \uB290\uAF08\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uAC8C\uC784\uC744 \uD560 \uC218 \uC788\uC5C8\uB2E4! \uADF8\uB9AC\uACE0 \uC9D1\uC5D0 \uD63C\uC790 \uC788\uB294 \uC2DC\uAC04\uC774 \uB9CE\uC558\uAE30 \uB54C\uBB38\uC5D0 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uCEF4\uD4E8\uD130\uB97C \uB9CE\uC774 \uC811\uD588\uB2E4.

\uADF8 \uB2F9\uC2DC\uC5D0 \uAF2C\uB9C8\uB4E4\uC774 \uADF8\uB807\uB4EF \uB098 \uB610\uD55C \uCE5C\uAD6C\uB4E4\uACFC \uBCF4\uB0B4\uB294 \uC2DC\uAC04\uC740 \uC990\uAC70\uC6E0\uACE0, \uCEF4\uD4E8\uD130 \uAC8C\uC784\uC774 \uC7AC\uBC0C\uC5C8\uACE0, \uCE5C\uAD6C\uB4E4\uACFC \uCEF4\uD4E8\uD130 \uAC8C\uC784\uC744 \uD558\uB294 \uAC83\uC740 \uB354\uB354\uC6B1 \uC7AC\uBC0C\uC5C8\uB2E4.

\uAD49\uC7A5\uD788 \uB9CE\uC740 \uAC8C\uC784\uC744 \uD588\uC9C0\uB9CC, \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uAC8C\uC784\uB9CC \uB098\uC5F4\uD574\uBCF4\uC790\uBA74 \uD06C\uB808\uC774\uC9C0 \uC544\uCF00\uC774\uB4DC \uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC \uAC9F\uC570\uD504\uB4DC \uAC74\uC988 \uB4F1\uC774 \uC788\uB2E4. \uB098\uB294 \uC131\uACA9\uC774 \uC880 \uAE09\uD574\uC11C \uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC \uAC19\uC740 RPG \uAC8C\uC784\uC740 \uAE38\uC5B4\uC57C \uB450 \uB2EC \uC815\uB3C4 \uD588\uB2E4. \uADF8\uB798\uB3C4 \uCD08\uB4F1\uD559\uAD50 \uC2DC\uC808 \uBC29\uD559 \uB54C \uB9C8\uB2E4 \uB098\uC758 \uC2DC\uAC04\uC744 \uCC44\uC6CC \uC8FC\uB358 \uAC8C\uC784\uC774 \uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC\uC600\uB2E4.

\uC77C\uCC0D \uC790\uB294 \uB0A0\uC5D0\uB294 \uC800\uC808\uB85C \uC0C8\uBCBD\uC5D0 \uB208\uC774 \uB5A0\uC838\uC11C \uADF8 \uB54C \uB9C8\uB2E4 \uBD80\uBAA8\uB2D8 \uBAB0\uB798 \uC0C8\uBCBD\uC5D0 \uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC\uB97C \uD588\uB2E4. \uADF8 \uB54C\uC758 \uC2A4\uB9B4\uACFC \uAE34\uC7A5\uAC10\uC744 \uB2E4\uC2DC \uB290\uB07C\uB294 \uB0A0\uC774 \uC62C\uAE4C? \uC544\uB9C8 \uBD88\uBC95\uC801\uC778\uC744 \uD558\uB294 \uAC8C \uC544\uB2CC \uC774\uC0C1 \uC5C6\uACA0\uC9C0 \uC2F6\uB2E4.

\uC5B4\uCA0C\uB4E0 \uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC \uB54C\uBB38\uC5D0 PRG\uB294 \uB0B4 \uCDE8\uD5A5\uC774 \uC544\uB2C8\uB77C\uB294 \uAC83\uC744 \uBE68\uB9AC \uAE68\uB2EC\uC558\uB2E4.

\uADF8 \uB2E4\uC74C\uC73C\uB85C \uC990\uACA8 \uD588\uB358 \uAC8C\uC784\uC774 \uAC74\uC988 \uB77C\uB294 TPS(3\uC778\uCE6D) \uCD1D \uAC8C\uC784\uC774\uB2E4. \uC55E\uC11C \uC5B8\uAE09\uD588\uC9C0\uB9CC \uB098\uB294 \uC131\uACA9\uC774 \uAE09\uD588\uAE30 \uB54C\uBB38\uC5D0 \uC774 \uAC74\uC988\uB77C\uB294 \uAC8C\uC784\uC740 \uC815\uB9D0 \uB098\uC5D0\uAC8C \uB531 \uB9DE\uB294 \uAC8C\uC784\uC774\uC5C8\uB2E4. \uC18D\uB3C4\uAC10\uC774 \uC88B\uC558\uACE0 \uD654\uB824\uD55C \uAE30\uC220\uB4E4\uC744 \uC775\uD788\uB294 \uC7AC\uBBF8\uB3C4 \uC788\uC5C8\uACE0, \uCE5C\uAD6C\uB4E4\uC774\uB791 \uAC19\uC774 \uD588\uAE30 \uB54C\uBB38\uC5D0 \uB354\uB354\uC6B1 \uC7AC\uBC0C\uC5C8\uB2E4.

\uADF8\uB7F0\uB370 \uD575 \uB54C\uBB38\uC5D0 \uB9DD\uD588\uB2E4.... \uBE4C\uC5B4\uBA39\uC744 \uD575\uC7C1\uC774\uB4E4.. \uC815\uB9D0 \uC5B4\uB5A4 \uBC29\uC5D0 \uB4E4\uC5B4\uAC00\uB3C4 \uD575\uC744 \uC4F0\uB294 \uC0AC\uB78C\uC774 \uC874\uC7AC\uD588\uACE0 \uB355\uBD84\uC5D0 \uAC8C\uC784\uC744 \uC990\uAE38\uB798\uC57C \uC990\uAE38 \uC218 \uC5C6\uC5C8\uB2E4. \uADF8\uB798\uC11C \uADF8\uB0E5 \uB098\uB3C4 \uC774\uB7F4 \uAEBC\uBA74 \uBE68\uB9AC \uB9DD\uD574\uB77C \uD558\uB294 \uC2EC\uC815\uC73C\uB85C \uD575\uC744 \uC37C\uB2E4. \uADF8 \uB2F9\uC2DC\uC5D0 \uAC74\uC988\uB97C \uD558\uBA74\uC11C \uD575\uC744 \uC4F4 \uC0AC\uB78C\uBCF4\uB2E4 \uC548 \uC4F4 \uC0AC\uB78C\uC774 \uB354 \uC801\uC744 \uAC83\uC774\uB2E4. \uADF8 \uB9CC\uD07C \uAD6C\uD558\uAE30\uB3C4 \uC26C\uC6E0\uACE0 \uD575 \uC0AC\uC6A9\uC790\uC5D0 \uB300\uD55C \uC870\uCE58 \uC790\uCCB4\uAC00 \uC5C6\uC5C8\uB2E4.

\uB72C\uADFC\uC5C6\uB294 \uD575\uC5D0\uB300\uD55C \uACE0\uCC30

\uD575 \uC774\uB77C\uB294 \uAC83\uC744 \uB9CC\uB4E4\uC5B4\uB0B4\uB294 \uD589\uC704\uAC00 \uC0AC\uC2E4 \uD504\uB860\uD2B8 \uC5D4\uB4DC \uAC1C\uBC1C\uC790\uAC00 \uD558\uB294 \uC77C\uACFC \uC5B4\uB290 \uC815\uB3C4 \uC720\uC0AC\uD558\uB2E4. \uD504\uB860\uD2B8 \uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB294 \uD074\uB77C\uC774\uC5B8\uD2B8 \uC0AC\uC774\uB4DC\uB97C \uB2E4\uB8E8\uB294 \uC791\uC5C5\uC744 \uD55C\uB2E4.

\uD575\uC744 \uB9CC\uB4DC\uB294 \uACFC\uC815\uB3C4 \uC774\uBBF8 \uBA54\uBAA8\uB9AC\uC0C1\uC5D0 \uC62C\uB77C\uC640 \uC788\uB294 \uD504\uB85C\uADF8\uB7A8\uC744 \uC870\uC791\uD558\uB294 \uC791\uC5C5\uC774\uB2E4. \uC989, \uD074\uB77C\uC774\uC5B8\uD2B8\uB97C \uC870\uC791\uD558\uB294 \uC791\uC5C5\uC774\uB2E4.

\uADF8 \uB2E4\uC74C\uC73C\uB85C \uC990\uACA8 \uD588\uB358 \uAC8C\uC784\uC774 \uBC14\uB85C \uAC9F\uC570\uD504\uB4DC \uB77C\uB294 \uACA9\uD22C \uAC8C\uC784\uC774\uC5C8\uB294\uB370, \uC0AC\uC2E4 \uC774 \uAC8C\uC784 \uB355\uBD84\uC5D0 \uC9C0\uAE08 \uB0B4\uAC00 \uAC1C\uBC1C\uC790\uB85C \uC0B4\uC544\uAC00\uACE0 \uC788\uB2E4\uACE0 \uB9D0\uD560 \uC218 \uC788\uB2E4. \uAC9F\uC570\uD504\uB4DC\uB77C\uB294 \uAC8C\uC784 \uC790\uCCB4\uB3C4 \uC7AC\uBC0C\uC5C8\uC9C0\uB9CC \uC2F1\uAE00 \uAC9F\uC570\uD504\uB4DC\uB77C\uB294 \uC774\uB984\uC758 \uBCA0\uD0C0 \uBC84\uC804 \uB9AC\uC18C\uC2A4\uAC00 \uC628\uB77C\uC778\uC5D0 \uB3CC\uC544\uB2E4\uB2C8\uACE0 \uC788\uC5C8\uB2E4.

\uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC\uB85C \uB530\uC9C0\uBA74 \uD504\uB9AC \uBA54\uC774\uD50C \uC774\uB77C\uACE0 \uD574\uC57C\uD560\uAE4C? \uAC8C\uC784\uC758 \uD074\uB77C\uC774\uC5B8\uD2B8\uB97C \uC870\uC791\uD560 \uC218 \uC788\uB294 \uD615\uD0DC\uC758 \uB9AC\uC18C\uC2A4\uAC00 \uACF5\uAC1C\uB418\uC5B4 \uC788\uB294 \uAC83\uC774\uC5C8\uB2E4.

\uAC01\uC124\uD558\uACE0 \uB0B4\uAC00 \uC774 \uC2F1\uAE00 \uAC9F\uC570\uD504\uB4DC \uB77C\uB294 \uAC83\uC5D0 \uAD00\uC2EC\uC744 \uAC00\uC9C0\uAC8C \uB41C \uACC4\uAE30\uB294 \uC548\uD0C0\uAE5D\uAC8C\uB3C4 \uC9D1\uC5D0\uC11C \uC778\uD130\uB137\uC774 \uC548 \uB418\uAE30 \uC2DC\uC791\uD560 \uB54C \uBD80\uD130\uC600\uB2E4. \uADF8 \uB2F9\uC2DC \uC9D1\uC548 \uD615\uD3B8\uC774 \uC88B\uC9C0 \uC54A\uC558\uACE0, \uC778\uD130\uB137 \uC694\uAE08\uC744 \uB0A9\uBD80\uD558\uC9C0 \uC54A\uC544\uC11C \uD55C 2\uB144 \uAC00\uAE4C\uC774 \uC778\uD130\uB137 \uC5C6\uC774 \uC0DD\uD65C\uD588\uC5C8\uB2E4. \uB300\uC2E0 \uAC8C\uC784\uC744 \uD558\uACE0 \uC2F6\uAC70\uB098 \uC778\uD130\uB137\uC744 \uC774\uC6A9 \uD558\uACE0 \uC2F6\uC744 \uB54C\uB294 \uD53C\uC2DC\uBC29\uC5D0 \uAC14\uB2E4.

\uAC9F\uC570\uD504\uB4DC\uB77C\uB294 \uAC8C\uC784\uC744 \uC88B\uC544\uD574\uC11C \uAC8C\uC784\uC5D0 \uB300\uD574 \uCC3E\uC544\uBCF4\uB2E4\uAC00 \uC6B0\uC5F0\uD788 \uC2F1\uAE00 \uAC9F\uC570\uD504\uB4DC\uB77C\uB294 \uAC83\uC744 \uC811\uD558\uAC8C \uB418\uC5C8\uB294\uB370, \uC2E0\uAE30\uD588\uB358 \uAC83\uC774 \uC9C1\uC811 \uB9AC\uC18C\uC2A4\uB97C \uC218\uC815\uD558\uC5EC \uC790\uAE30 \uB9CC\uC758 \uC545\uC138\uC0AC\uB9AC\uB098 \uCE90\uB9AD\uD130\uB97C \uB9CC\uB4E4 \uC218 \uC788\uC5C8\uB2E4.

\uB8E8\uD53C\uC758 \uBC00\uC9DA\uBAA8\uC790
* \uC774\uAC83\uC740 \uC911\uD559\uAD50 3\uD559\uB144 \uB54C \uB9C8\uC9C0\uB9C9\uC73C\uB85C \uB9CC\uB4E4\uC5C8\uB358 \uB8E8\uD53C\uC758 \uBC00\uC9DA\uBAA8\uC790 \uB77C\uB294 \uC545\uC138\uC0AC\uB9AC\uC774\uB2E4.

\uADF8\uB9AC\uACE0 \uC218\uC815\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAC15\uC758\uAC00 \uC62C\uB77C\uC624\uB294 \uB124\uC774\uBC84 \uCE74\uD398\uB3C4 \uC874\uC7AC\uD588\uB2E4. \uADF8\uB798\uC11C \uC815\uB9D0 \uBA87 \uAC1C\uC6D4 \uB3D9\uC548 \uC2F1\uAE00 \uAC9F\uC570\uD504\uB4DC \uCE90\uB9AD\uD130\uB098 \uC545\uC138\uC0AC\uB9AC\uB97C \uB9CC\uB4DC\uB294 \uC7AC\uBBF8\uC5D0 \uBE60\uC838 \uC0B4\uC558\uB2E4.

\uC774 \uB54C Hex editor \uB77C\uB294 \uAC83\uC744 \uC774\uC6A9\uD588\uACE0, \uC18C\uC2A4 \uCF54\uB4DC\uB97C \uC218\uC815\uD558\uB294 \uAC8C \uC544\uB2C8\uB77C \uC544\uC608 binary \uD30C\uC77C\uC744 \uC218\uC815\uD558\uB294 \uC791\uC5C5\uC774 \uD544\uC694\uD588\uB2E4. hex editor

\uC9C0\uAE08\uC740 \uB0B4\uAC00 \uD588\uB358 \uC77C\uC774 \uCEF4\uD30C\uC77C\uB41C Binary \uD30C\uC77C\uC744 \uC9C1\uC811 \uC218\uC815\uD558\uB294 \uC791\uC5C5\uC774\uB77C\uB294\uAC78 \uC54C\uACE0 \uC788\uC9C0\uB9CC, \uC800 \uB2F9\uC2DC\uC5D0\uB294 \uADF8\uB7F0 \uAC1C\uB150\uC744 \uBAB0\uB790\uB2E4. \uADF8\uB0E5 hex editor\uB77C\uB294 \uD504\uB85C\uADF8\uB7A8\uC73C\uB85C \uD30C\uC77C\uC744 \uC5F4\uC5B4\uC11C \uC22B\uC790\uB97C \uC218\uC815\uD588\uB354\uB2C8 \uAC8C\uC784\uC744 \uC5F4\uC5C8\uC744 \uB54C \uADF8\uAC8C \uBC18\uC601 \uB418\uB294\uAD6C\uB098 \uC815\uB3C4\uB85C\uB9CC \uC0DD\uAC01\uD588\uB2E4.

\uC9C0\uAE08\uC740 \uC5C4\uB450\uB3C4 \uB0BC \uC218 \uC5C6\uB294 \uC77C\uC744 \uC774\uBBF8 \uCD08\uB529 \uB54C \uD55C \uAC83\uC774\uB2E4. \uC5B4\uB290 \uC815\uB3C4 \uAC00\uC774\uB4DC\uB77C\uC778\uC774 \uC788\uAE30\uC5D0 \uAC00\uB2A5 \uD588\uC9C0\uB9CC \uC5B4\uCA0C\uB4E0 \uBA87 \uB144\uAC04 \uC5D0\uB514\uD130\uB97C \uBCF4\uB294 \uAC83\uC774 \uB098\uC758 \uC720\uB144\uC2DC\uC808 \uC5C5\uC774\uC5C8\uB2E4.

\uADF8\uB807\uAC8C 3~4\uB144 \uC815\uB3C4 \uC2F1\uAE00 \uAC9F\uC570\uD504\uB4DC \uB9C8\uC2A4\uD130 \uB77C\uB294 \uCE74\uD398\uC5D0\uC11C \uD65C\uB3D9 \uD588\uACE0, \uC5EC\uB7EC\uAC00\uC9C0 \uC545\uC138\uC0AC\uB9AC\uB97C \uB9CC\uB4E4\uC5C8\uACE0, \uC774 \uB54C \uBD80\uD130 \uB9C9\uC5F0\uD558\uAC8C \uD504\uB85C\uADF8\uB798\uBA38 \uB77C\uB294 \uC9C1\uC5C5\uC744 \uBAA9\uD45C\uB85C \uD588\uB2E4.

\uACF5\uBD80\uB77C\uB294\uAC78 \uC870\uAE08\uC774\uB77C\uB3C4 \uD558\uAC8C \uB418\uC5C8\uB2E4.

\uC55E\uC11C \uC5B8\uAE09\uD55C \uACBD\uD5D8 \uB54C\uBB38\uC5D0 \uC778\uBB38\uACC4 \uACE0\uB4F1\uD559\uAD50\uB97C \uAC00\uB294 \uAC83 \uBCF4\uB2E8 \uBB54\uAC00 \uACE0\uB4F1\uD559\uAD50 \uB54C \uC870\uAE08 \uB354 \uC7AC\uBC0C\uACE0 \uD2B9\uBCC4\uD55C \uC77C\uB4E4\uC774 \uD558\uACE0 \uC2F6\uC5C8\uB2E4. \uC774\uB7F0 \uBD84\uC57C\uC5D0\uC11C \uC88B\uC740 \uD559\uAD50\uAC00 \uC5B4\uB514\uC788\uB098 \uCC3E\uC544\uBD24\uB294\uB370 \uC120\uB9B0\uC778\uD130\uB137\uACE0\uB4F1\uD559\uAD50\uC640 \uB514\uC9C0\uD138\uBBF8\uB514\uC5B4\uACE0\uB4F1\uD559\uAD50 \uB4F1\uC774 \uC788\uC5C8\uB2E4.

\uBB38\uC81C\uB294 \uB450 \uD559\uAD50 \uBAA8\uB450 \uC131\uC801\uC774 \uC5B4\uB290\uC815\uB3C4 \uBC1B\uCDB0\uC918\uC57C \uC6D0\uC11C\uB97C \uC4F8 \uC218 \uC788\uC5C8\uB2E4.

\uB098\uB294 \uC911\uD559\uAD50 1\uD559\uB144 \uB54C \uAE4C\uC9C0 \uACF5\uBD80\uB791 \uB2F4\uC744 \uC313\uACE0 \uC0B4\uC558\uB2E4. \uC0AC\uC2E4 \uACF5\uBD80\uB97C \uADF8\uB807\uAC8C \uC5F4\uC2EC\uD788 \uD55C\uB2E4\uACE0 \uD574\uC11C \uBB50\uAC00 \uC88B\uC740\uC9C0\uB3C4 \uBAB0\uB790\uACE0, \uACF5\uBD80\uAC00 \uADF8\uB0E5 \uC7AC\uBBF8 \uC5C6\uC5C8\uB2E4.

\uADF8\uB798\uB3C4 \uC218\uC5C5 \uC2DC\uAC04\uC5D0 \uC120\uC0DD\uB2D8\uB4E4\uC774 \uD574\uC8FC\uB294 \uC774\uC57C\uAE30\uB4E4\uC740 \uD56D\uC0C1 \uC7AC\uBC0C\uC5C8\uB2E4. \uC218\uC5C5\uC740 \uC5F4\uC2EC\uD788 \uB4E4\uC5C8\uACE0, \uC2DC\uD5D8\uC740 \uBABB\uBD10\uB3C4 \uC774\uC0C1\uD558\uAC8C \uC218\uD589\uD3C9\uAC00\uB294 \uBC18\uC5D0\uC11C \uD56D\uC0C1 1~2\uB4F1 \uC548\uC5D0 \uB4E4\uC5C8\uB2E4. \uACF5\uBD80\uD558\uB294 \uAC83 \uC790\uCCB4\uB294 \uC88B\uC544\uD558\uC9C0 \uC54A\uC558\uC9C0\uB9CC \uACF5\uBD80\uD558\uB294 \uAC83\uB4E4\uC744 \uD65C\uC6A9\uD560 \uC218 \uC788\uB294 \uD589\uC704(\uC218\uD589\uD3C9\uAC00)\uB294 \uC88B\uC558\uB358 \uAC83 \uAC19\uB2E4. \uACF5\uBD80\uC758 \uC758\uBBF8\uB97C \uC54C \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB784\uAE4C?

\uB9C9\uC5F0\uD558\uAC8C \uACF5\uBD80\uD558\uAE30 \uBCF4\uB2E8, \uACF5\uBD80\uC5D0 \uC758\uBBF8\uB97C \uBD80\uC5EC\uD558\uACE0 \uC2F6\uC5C8\uB358\uAC78\uC9C0\uB3C4 \uBAA8\uB978\uB2E4.

\uADF8\uB798\uB3C4 \uB0B4\uAC00 \uD3C9\uADE0 \uC774\uC0C1\uC758 \uC131\uC801\uC774 \uB418\uAE30 \uC2DC\uC791\uD55C\uAC74 \uC88B\uC544\uD558\uB358 \uD559\uC0DD \uB54C\uBB38\uC774\uC5C8\uB2E4. \uB0B4\uAC00 \uC88B\uC544\uD558\uB358 \uD559\uC0DD\uC774 \uACF5\uBD80\uB97C \uC5C4\uCCAD \uC798\uD558\uC9C4 \uC54A\uC558\uC9C0\uB9CC \uADF8\uB798\uB3C4 \uAF64 \uC131\uC2E4\uD558\uAC8C \uD588\uB2E4.

\uC9C0\uAE08 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC870\uAE08 \uB3D9\uACBD\uD588\uB358 \uAC83 \uAC19\uB2E4. \uB098\uB3C4 \uC800\uB807\uAC8C \uB418\uACE0 \uC2F6\uB2E4 \uB784\uAE4C.

\uADF8\uB807\uAC8C \uADF8 \uCE5C\uAD6C\uC640 \uAC19\uC774 \uBAA9\uD45C\uB97C \uC138\uC6B0\uACE0(\uD3C9\uADE0 \uC810\uC218 90\uC810 \uB118\uAE30\uAE30 \uB77C\uB358\uC9C0) \uACF5\uBD80\uB97C \uC2DC\uC791\uD588\uB2E4. \uBB54\uAC00 \uAC70\uCC3D\uD55C\uAC74 \uC5C6\uC5C8\uB2E4. \uADF8\uB0E5 \uD3C9\uC18C\uCC98\uB7FC \uC218\uC5C5\uC2DC\uAC04\uC5D0 \uC218\uC5C5 \uC5F4\uC2EC\uD788 \uB4E3\uACE0, \uD3C9\uC18C\uC5D0\uB294 \uC5F4\uC2EC\uD788, \uB9E4\uC6B0 \uC5F4\uC2EC\uD788, \uACA9\uD558\uAC8C \uB180\uC558\uB530.

\uB2E4\uB9CC \uC870\uAE08 \uB2EC\uB77C\uC9C4 \uC810\uC740 \uC2DC\uD5D8\uAE30\uAC04\uC774 \uB418\uBA74 \uD754\uD788\uB4E4 \uB9D0\uD558\uB294 \uBCBC\uB77D\uCE58\uAE30\uB97C \uD588\uB2E4. \uC218\uC5C5\uC2DC\uAC04\uC5D0 \uD544\uAE30\uB97C \uAF64 \uC5F4\uC2EC\uD788 \uD588\uAE30 \uB54C\uBB38\uC5D0 \uC2DC\uD5D8 2\uC8FC \uC804 \uBD80\uD130 \uD558\uB8E8\uC5D0 \uD55C \uACFC\uBAA9\uC529 \uACF5\uBD80\uD558\uACE0 \uBCF5\uC2B5\uD558\uBA74\uC11C \uC2DC\uAC04\uC744 \uBCF4\uB0C8\uB2E4.

\uADF8\uB807\uAC8C 1\uD559\uB144 \uB54C\uB294 \uD3C9\uADE0 70\uC810\uC744 \uB118\uAE30\uBA74 \uC2DC\uD5D8 \uC798\uBD24\uB2E4\uACE0 \uC88B\uC544\uD558\uB358 \uB0B4\uAC00, 2\uD559\uB144 \uB54C \uC55E\uC11C \uC5B8\uAE09\uD55C \uADF8 \uCE5C\uAD6C\uC640 \uBAA9\uD45C\uB97C \uC138\uC6B0\uACE0 \uACF5\uBD80\uD558\uBA74\uC11C \uCC98\uC74C\uC73C\uB85C 85\uC810\uC774\uB77C\uB294 \uC810\uC218\uB97C \uBC1B\uC558\uB2E4.

\uACE0\uBC31\uC774\uB77C\uB294 \uAC83\uC744 \uD574\uBCF8 \uC801\uB3C4 \uC5C6\uC5C8\uACE0, \uC88B\uC544\uD55C\uB2E4\uB294 \uD45C\uD604\uC744 \uD574\uBCF8\uC801\uB3C4 \uC5C6\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uADF8\uB807\uAC8C \uADF8 \uCE5C\uAD6C\uC640\uB294 \uC774\uB3C4 \uC800\uB3C4 \uC544\uB2CC \uC0AC\uC774\uAC00 \uB418\uC5C8\uB2E4. \uADF8\uB798\uB3C4 \uC810\uC810 \uACF5\uBD80\uD558\uB294 \uC2B5\uAD00\uC774 \uC0DD\uAE30\uBA74\uC11C \uC911\uD559\uAD50\uB97C \uC878\uC5C5 \uD560 \uB54C \uCBE4\uC5D4 95\uC810 \uC815\uB3C4\uAC00 \uB418\uC5C8\uB2E4. \uC774 \uC815\uB3C4\uBA74 \uC778\uC0DD\uC758 \uC740\uC778\uC774 \uC544\uB2D0\uAE4C?

\uD558\uC9C0\uB9CC 1\uD559\uB144 \uB54C \uBD80\uD130 \uAFB8\uC900\uD558\uAC8C \uACF5\uBD80\uB97C \uC798\uD588\uB358\uAC8C \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uCD5C\uC885 \uB0B4\uC2E0\uC740 200\uC810 \uB9CC\uC810\uC5D0 180\uC810 \uC815\uB3C4\uC600\uB2E4.

\uADF8 \uB2F9\uC2DC\uC5D0 \uB514\uC9C0\uD138\uBBF8\uB514\uC5B4\uACE0\uB4F1\uD559\uAD50\uC5D0 \uC785\uD559\uD558\uB824\uBA74 190\uC810 \uC815\uB3C4\uB294 \uB418\uC5B4\uC57C \uD588\uACE0, \uB098\uC5D0\uAC90 \uC5ED\uBD80\uC871\uC774\uC5C8\uB2E4. \uC120\uB9B0\uC778\uD130\uB137\uACE0\uB4F1\uD559\uAD50\uB294 \uB0B4\uC2E0\uB3C4 \uB9CE\uC774 \uBCF4\uAE34 \uD558\uC9C0\uB9CC \uB0B4\uC2E0 \uBCF4\uB2E4 \uD504\uB85C\uADF8\uB798\uBC0D \uC9C0\uC2DD\uC5D0 \uB300\uD574\uC11C \uB9CE\uC774 \uBD24\uB358 \uAC83 \uAC19\uB2E4. \uADF8\uB7F0\uB370 \uC6B0\uC2B5\uAC8C\uB3C4 \uB098\uB294 \uD504\uB85C\uADF8\uB798\uBC0D\uC5D0 \uB300\uD574 \uC544\uB294 \uAC83\uC774 \uC815\uB9D0 \uC544\uC608 \uC5C6\uC5C8\uB2E4. \uBC14\uC774\uB108\uB9AC \uD30C\uC77C\uC744 \uC218\uC815\uD588\uC73C\uBA74\uC11C \uD504\uB85C\uADF8\uB798\uBC0D\uC740 \uBAB0\uB790\uB2E4\uB294\uAC8C \uB9D0\uC774 \uB418\uB294\uAC00? \uB0B4\uAC00 \uBC14\uB85C \uADF8\uB7AC\uB2E4. \uC774\uAC8C \uBC14\uB85C \uC2DC\uC791\uC758 \uC911\uC694\uC131!

\uC5B4\uCA0C\uB4E0 \uC120\uB9B0\uC778\uD130\uB137\uACE0\uB4F1\uD559\uAD50\uC5D0\uB3C4 \uC6D0\uC11C\uB97C \uC4F8 \uC218 \uC5C6\uC5C8\uACE0, \uB514\uC9C0\uD138\uBBF8\uB514\uC5B4\uACE0\uB4F1\uD559\uAD50\uC5D0\uB3C4 \uC6D0\uC11C\uB97C \uC4F8 \uC218 \uC5C6\uC5C8\uB2E4. \uADF8 \uB2F9\uC2DC\uC5D0 \uB098\uB294 \uACBD\uAE30\uB3C4 \uC548\uC0B0\uC5D0 \uC0B4\uC558\uAE30 \uB54C\uBB38\uC5D0 \uC548\uC0B0\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50\uC5D0 \uAC00\uACE0 \uC2F6\uC5C8\uC73C\uB098, \uC774\uC0C1\uD558\uAC8C \uAC00\uC871\uB4E4\uC774 \uACB0\uC0AC \uBC18\uB300\uB97C \uD588\uB2E4. \uC548\uC0B0\uACF5\uACE0\uC5D0 \uAC14\uC73C\uBA74 \uC870\uAE08 \uB354 \uD3C9\uD0C4\uD588\uC744\uC9C0\uB3C4..

\uADF8\uB7EC\uB2E4\uAC00 \uB72C\uAE08\uC5C6\uC774 \uB204\uB098\uAC00 \uC218\uC6D0\uC5D0 \uC788\uB294 \uC0BC\uC77C\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50 \uB77C\uB294 \uACF3\uC744 \uC18C\uAC1C\uD574\uC92C\uACE0 \uC5B4\uB5BB\uAC8C\uB4E0 \uB3FC\uB77C \uD558\uB294 \uC2EC\uC815\uC73C\uB85C \uC0BC\uC77C\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50 \uBA40\uD2F0\uBBF8\uB514\uC5B4\uACFC\uC5D0 \uC6D0\uC11C\uB97C \uC37C\uB2E4. \uADF8\uB7F0\uB370 \uC815\uB9D0 \uC6C3\uAE30\uAC8C\uB3C4 \uACFC \uC218\uC11D\uC73C\uB85C \uC785\uD559\uD558\uC600\uB2E4.

\uACF5\uBD80\uC640 \uB2F4\uC313\uACE0 \uC9C0\uB0B4\uB358 \uB0B4\uAC00 \uACFC \uC218\uC11D\uC774\uB77C\uB2C8! \uBB54\uAC00 \uC2A4\uC2A4\uB85C\uAC00 \uB300\uACAC\uD558\uAE30\uB3C4 \uD588\uACE0 \uB098\uB3C4 \uB178\uB825\uC774\uB77C\uB294\uAC78 \uD558\uBA74 \uBB50\uB77C\uB3C4 \uD560 \uC218 \uC788\uAD6C\uB098 \uD558\uB294 \uC0DD\uAC01\uC744 \uAC00\uC9C0\uAC8C \uB418\uC5C8\uB2E4.

\uAC8C\uC784\uC5D0 \uC81C\uB300\uB85C \uBE60\uC84C\uB2E4.

\uACE0\uB4F1\uD559\uAD50 \uC2DC\uC808\uC740 \uD798\uB4E4\uC5C8\uC9C0\uB9CC \uC7AC\uBC0C\uC5C8\uB2E4.\uC81C\uC77C \uD798\uB4E4\uC5C8\uB358 \uAC83\uC740 \uBC14\uB85C \uC655\uBCF5 3\uC2DC\uAC04\uC774 \uAC78\uB9AC\uB294 \uD1B5\uD559 \uC2DC\uAC04\uC774\uC5C8\uB2E4.

2010\uB144 1\uC6D4\uC5D0 \uCC98\uC74C\uC73C\uB85C \uD559\uAD50\uB97C \uBC29\uBB38\uD588\uB294\uB370, \uD558\uD544 \uB208\uC774 \uBB34\uCC99 \uB9CE\uC774 \uC628 \uB0A0\uC774\uC5C8\uB2E4. \uB208\uC774 10cm \uC815\uB3C4 \uC313\uC778 \uC0C1\uD0DC\uC5D0\uC11C \uC548\uC0B0\uC5D0\uC11C \uC218\uC6D0\uAE4C\uC9C0 \uBC84\uC2A4\uB97C \uD0C0\uACE0 \uAC00\uC57C \uD588\uC73C\uB2C8 \uCCAB \uB4F1\uAD50 \uBD80\uD130 \uD5D8\uB09C\uD588\uB2E4. \uC4F0\uACE0 \uBCF4\uB2C8 \uC774\uAC8C \uBC8C\uC368 10\uB144 \uC804\uC774\uB2E4. \uC5B4\uC81C \uC77C\uCC98\uB7FC \uC0DD\uC0DD\uD55C\uB370 \uC5B4\uB5BB\uAC8C \uC2DC\uAC04\uC774 \uC774\uB807\uAC8C \uD758\uB800\uC744\uAE4C?

\uC0BC\uC77C\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50

\uC704\uC758 \uC9C0\uB3C4\uB97C \uBCF4\uBA74 \uC54C \uC218 \uC788\uC9C0\uB9CC, \uC0BC\uC77C\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50\uB294 \uC218\uC6D0 \uD654\uC131 \uC548\uC5D0 \uC788\uB2E4. \uADF8\uB9AC\uACE0 \uBC14\uB85C \uC606\uC5D0 \uC0BC\uC77C\uC0C1\uC5C5\uACE0\uB4F1\uD559\uAD50 \uC0BC\uC77C\uC911\uD559\uAD50 \uB9E4\uD5A5\uC911\uD559\uAD50 \uB9E4\uD5A5\uC5EC\uC790\uC815\uBCF4\uACE0\uB4F1\uD559\uAD50 \uC5F0\uBB34\uCD08\uB4F1\uD559\uAD50 \uAC00 \uC788\uC5C8\uB2E4. \uC774\uB807\uAC8C \uD55C \uACF3\uC5D0 6\uAC1C\uC758 \uD559\uAD50\uAC00 \uBB49\uCCD0 \uC788\uB294 \uAC83\uC740 \uCC98\uC74C \uBD10\uC11C \uC2E0\uAE30\uD588\uB2E4.

\uBB34\uC5C7\uBCF4\uB2E4 \uD559\uAD50\uC758 \uC704\uCE58\uAC00 \uBB38\uD654\uC81C \uC548\uC5D0 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uB4F1\uAD50\uB97C \uD560 \uB54C \uB9C8\uB2E4 \uC77C\uBCF8\uC778/\uC911\uAD6D\uC778 \uAD00\uAD11\uAC1D\uC744 \uBCFC \uC218 \uC788\uC5C8\uB2E4. \uC5B4\uCA0C\uB4E0 \uCCAB \uC778\uC0C1\uC740 \uB098\uC058\uC9C0 \uC54A\uC558\uB2E4.

\uD559\uAD50\uB97C \uB2E4\uB2CC\uC9C0 \uC5BC\uB9C8 \uB418\uC9C0 \uC54A\uC558\uC744 \uB54C \uC804\uBB38\uACC4 \uACE0\uB4F1\uD559\uAD50\uC5D0\uB294 \uAE30\uB2A5\uBC18 \uC774\uB77C\uB294 \uAC83\uC774 \uC788\uB2E4\uACE0 \uD588\uB2E4. \uD559\uAD50 \uC218\uC5C5\uC5D0\uC11C \uBC30\uC6B0\uC9C0 \uC54A\uB294 \uAC83\uC744 \uB530\uB85C \uACF5\uBD80\uD558\uACE0 \uB300\uD68C\uB97C \uC900\uBE44\uD558\uB294 \uB3D9\uC544\uB9AC\uB77C\uB294 \uAC83\uC774\uB2E4.

\uB098\uB294 \uCC98\uC74C\uBD80\uD130 \uC774\uAC78 \uD558\uACE0 \uC2F6\uC5C8\uB294\uB370 \uC120\uC0DD\uB2D8\uC774 \uB10C \uACF5\uBD80\uB098 \uD574\uB77C \uD558\uBA70 \uBC14\uB85C \uD1F4\uC9DC\uB97C \uB9DE\uC558\uB2E4. \uADF8\uB798\uC11C \uC9C4\uC9DC \uACF5\uBD80\uB9CC \uD588\uB2E4. \uB9C8\uC74C\uC5D0 \uB4DC\uB294 \uB3D9\uC544\uB9AC\uB3C4 \uC5C6\uC5C8\uACE0, \uADF8\uB0E5 \uC800\uB0E5 \uCE5C\uAD6C\uB4E4\uC774\uB791 \uC57C\uC790\uB3C4 \uD558\uACE0 \uBCF4\uCDA9\uC218\uC5C5\uB3C4 \uB4E4\uC73C\uBA74\uC11C \uACF5\uBD80\uD558\uB294\uAC8C \uB098\uC058\uC9C0 \uC54A\uC558\uB2E4.

\uBB34\uC5C7\uBCF4\uB2E4 \uD559\uAD50 \uC2DC\uD5D8\uC774 \uBB34\uCC99 \uC26C\uC6E0\uAE30 \uB54C\uBB38\uC5D0, \uC911\uD559\uAD50 \uB54C \uCC98\uB7FC \uACF5\uBD80\uD558\uC9C0 \uC54A\uC544\uB3C4 \uC190\uC27D\uAC8C 1~2\uB4F1\uC740 \uD560 \uC218 \uC788\uC5C8\uB2E4. \uC2DC\uD5D8 \uBB38\uC81C\uB3C4 \uAC70\uC758 \uC54C\uB824\uC8FC\uB2E4 \uC2F6\uC774 \uD588\uACE0, \uBB50\uB784\uAE4C.. \uADF8\uB0E5 \uB9D0 \uADF8\uB300\uB85C \uC26C\uC6E0\uB2E4.

\uACE0\uB4F1\uD559\uAD50 1\uD559\uB144 \uB54C\uC758 \uC77C\uACFC\uB97C \uC0DD\uAC01\uD574\uBCF4\uBA74

  • \uC0C8\uBCBD 5\uC2DC 30\uBD84 \uCBE4\uC5D0 \uB208\uC744 \uB728\uACE0
  • \uC53B\uACE0, \uBC25\uBA39\uACE0, 6\uC2DC \uCBE4\uC5D0 \uBC84\uC2A4\uB97C \uD0C0\uACE0
  • 8\uC2DC \uC774\uC804\uC5D0 \uD559\uAD50\uC5D0 \uB3C4\uCC29\uD558\uACE0,
    • \uC6C3\uAE34\uAC8C 6\uC2DC\uC5D0 \uBC84\uC2A4\uB97C \uD0C0\uBA74 7\uC2DC 10 ~ 20\uBD84 \uC0AC\uC774\uC5D0 \uB3C4\uCC29\uD558\uACE0
    • 6\uC2DC 10 ~ 20\uBD84 \uC0AC\uC774\uC5D0 \uBC84\uC2A4\uB97C \uD0C0\uBA74 8\uC2DC \uCBE4\uC5D0 \uB3C4\uCC29\uD55C\uB2E4.
    • \uADF8\uB798\uC11C \uAC00\uB2A5\uD558\uBA74 1\uBD84\uC774\uB77C\uB3C4 \uBE68\uB9AC \uBC84\uC2A4\uB97C \uD0C0\uB824\uACE0 \uB6F0\uC5B4\uB2E4\uB154\uB2E4.
  • 1\uAD50\uC2DC \uC2DC\uC791 \uC804\uAE4C\uC9C0 \uD55C\uC790\uC640 \uC601\uC5B4 \uACF5\uBD80\uB97C \uD559\uACE0
  • \uC218\uC5C5\uC744 \uB4E4\uC5C8\uB2E4.
    • \uC4F0\uB2E4\uBCF4\uB2C8 \uC0DD\uAC01\uB09C\uAC74\uB370 \uC6B0\uB9AC \uD559\uAD50\uB294 \uC810\uC2EC\uC2DC\uAC04\uC774 12\uC2DC 50\uBD84 \uBD80\uD130\uC600\uB2E4.
    • \uADF8\uB7F0\uB370 \uD2B9\uC774\uD558\uAC8C 4\uAD50\uC2DC\uB294 \uC120\uC0DD\uB2D8\uB4E4\uC774 10~20\uBD84 \uC815\uB3C4 \uBE68\uB9AC \uB05D\uB0B4\uC8FC\uC168\uB294\uB370 \uC774\uAC8C \uC774 \uD559\uAD50\uC758 \uBB38\uD654\uC778\uAC00 \uC2F6\uC5C8\uB2E4.
  • 5\uAD50\uC2DC\uB294 1\uC2DC 50\uBD84 \uC2DC\uC791\uD588\uACE0,
  • \uC218\uC5C5\uC774 \uB05D\uB098\uBA74 \uBCF4\uCDA9\uC218\uC5C5\uC744 \uB4E3\uACE0 \uC57C\uC790\uB97C 9\uC2DC~10\uC2DC\uAE4C\uC9C0 \uD558\uACE0
  • \uC9D1\uC5D0 \uAC00\uBA74 11\uC2DC ~ 12\uC2DC\uAC00 \uB418\uACE0
  • 1\uC2DC \uAE4C\uC9C0 \uAC00\uBCCD\uAC8C \uAC8C\uC784\uC744 \uD558\uB2E4\uAC00 \uC7A4\uB2E4.

\uADF8\uB9AC\uACE0 \uC911\uD559\uAD50 3\uD559\uB144 \uB54C \uBD80\uD130 \uC785\uB300\uD558\uAE30 \uC804 \uAE4C\uC9C0 \uC57D 6\uB144 ~ 7\uB144 \uC815\uB3C4 \uBC84\uBE14\uD30C\uC774\uD130 \uB77C\uB294 \uAC8C\uC784\uC744 \uD588\uB2E4. \uC6C3\uAE30\uC9C0\uB9CC \uB098\uB294 \uC0AC\uD68C\uC131\uC744 \uBC84\uBE14\uD30C\uC774\uD130\uB97C \uD1B5\uD574\uC11C \uBC30\uC6E0\uB2E4.

\uBC84\uBE14\uD30C\uC774\uD130

\uBC84\uBE14\uD30C\uC774\uD130\uB294 \uD06C\uB808\uC774\uC9C0 \uC544\uCF00\uC774\uB4DC\uC5D0 \uB4F1\uC7A5\uD558\uB294 \uCE90\uB9AD\uD130\uB4E4 \uBB3C\uCD1D \uC2F8\uC6C0\uC744 \uD558\uB294 TPS \uAC8C\uC784\uC774\uB2E4. \uAC8C\uC784\uC758 \uAE30\uBCF8\uC801\uC778 \uD2B9\uC9D5\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

  • \uBB3C\uCD1D\uC744 \uD1B5\uD574 \uC801\uC758 \uD53C\uB97C \uC804\uBD80 \uAE4E\uC73C\uBA74 \uBC84\uBE14 \uC0C1\uD0DC\uAC00 \uB41C\uB2E4.
  • \uD300\uC6D0\uC774 \uBC84\uBE14 \uC0C1\uD0DC\uC77C \uB54C \uD130\uCE58\uD558\uBA74 \uB2E4\uC2DC \uC0B4\uC544\uB09C\uB2E4.
  • \uBC84\uBE14\uC774 5\uBC88 \uB418\uBA74 \uC800\uC808\uB85C \uC8FD\uB294\uB2E4.
  • \uC801\uC774 \uBC84\uBE14 \uC0C1\uD0DC\uC77C \uB54C \uB2E4\uAC00\uAC00\uC11C \uD130\uD2B8\uB824\uC57C \uC644\uC804\uD788 \uC8FD\uB294\uB2E4.

\uC989, \uC77C\uBC18 FPS\uCC98\uB7FC \uD53C\uB97C \uAE4E\uC544\uC11C \uC8FD\uC774\uB294\uAC8C \uC544\uB2C8\uB77C \uB2E4\uAC00\uAC00\uC11C \uD130\uD2B8\uB9AC\uAE30 \uAE4C\uC9C0 \uD574\uC57C \uC8FD\uB294 \uAC8C\uC784\uC778 \uAC83\uC774\uB2E4. \uB9D0 \uADF8\uB300\uB85C \uD06C\uB808\uC774\uC9C0 \uC544\uCF00\uC774\uB4DC\uC5D0 \uCD1D \uAC8C\uC784\uC744 \uC11E\uC5B4 \uB193\uC740 \uCEE8\uC149\uC774\uB2E4.

\uCD08\uB4F1\uD559\uAD50 \uB54C \uAC74\uC988\uB77C\uB294 \uAC8C\uC784\uC744 \uC81C\uC77C \uC7AC\uBC0C\uAC8C \uD588\uB294\uB370 \uBC84\uBE14\uD30C\uC774\uD130\uAC00 \uB531 \uAC74\uC988 \uB290\uB08C\uC774 \uB0AC\uB2E4.

\uCEE4\uBBA4\uB2C8\uD2F0 \uD65C\uB3D9\uB3C4 \uAF64 \uC5F4\uC2EC\uD788 \uD588\uACE0, \uAC8C\uC784 \uC790\uCCB4\uB3C4 \uC5F4\uC2EC\uD788 \uD588\uB2E4. \uC9C0\uAE08\uC758 \uC624\uBC84\uC6CC\uCE58\uB85C \uB530\uC9C0\uBA74 \uACBD\uC7C1\uC804 \uB7AD\uD0B9 Top 10 \uC548\uC5D0 \uB4E4\uC5C8\uC5C8\uB2E4.

\uCC98\uC74C\uC73C\uB85C \uD558\uB098\uC758 \uAC8C\uC784\uC744 1\uB144\uC774\uC0C1 \uD588\uB2E4. \uAC8C\uC784\uC5D0 \uACFC\uB3C4\uD55C \uD604\uC9C8 \uC720\uB3C4\uB9CC \uC5C6\uC5C8\uB2E4\uBA74 \uC544\uB9C8 \uC9C0\uAE08\uB3C4 \uC990\uAC81\uAC8C \uD558\uACE0 \uC788\uC9C0 \uC54A\uC558\uC744\uAE4C?

\uD558\uB294 \uC0AC\uB78C\uB3C4 \uB9CE\uC9C0 \uC54A\uC740 \uAC8C\uC784\uC744 \uC624\uB7AB\uB3D9\uC548 \uD558\uAC8C \uB418\uBA74 \uAC8C\uC784\uC744 \uD560 \uB54C \uB9C8\uB2E4 \uC544\uB294 \uC0AC\uB78C\uB4E4\uC774 \uBCF4\uC774\uAC8C \uB41C\uB2E4. \uADF8\uB807\uAC8C \uB79C\uC120 \uCE5C\uAD6C\uB4E4\uC744 \uB9CE\uC774 \uC0AC\uADC0\uAC8C \uB418\uC5C8\uB294\uB370, \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uBAA8\uB4E0 \uB9D0\uACFC \uD589\uB3D9\uC744 \uC2E0\uACBD\uC368\uC57C \uD588\uACE0, \uAC8C\uC784\uC744 \uD1B5\uD574\uC11C \uCE5C\uD574\uC9C4 \uCE5C\uAD6C\uB4E4\uACFC \uC2E4\uC81C\uB85C \uB9CC\uB098\uC11C \uB178\uB294 \uC77C\uC774 \uB9CE\uC558\uB2E4.

\uAC01\uC124\uD558\uACE0, \uACE0\uB4F1\uD559\uAD50 1\uD559\uB144 \uB54C\uB294 \uC9D1\uC5D0 \uC624\uBA74 \uAC00\uBCCD\uAC8C 1 ~ 2\uC2DC\uAC04 \uC815\uB3C4 \uBC84\uBE14\uD30C\uC774\uD130\uB97C \uD588\uACE0, \uC8FC\uB9D0\uB9CC \uB418\uBA74 \uC815\uB9D0 \uD558\uB8E8 \uC885\uC77C \uBC84\uBE14\uD30C\uC774\uD130\uB97C \uD588\uB2E4. \uAC8C\uC784\uC5D0 \uBAA8\uB4E0 \uC2DC\uAC04\uC744 \uD22C\uC790\uD588\uB2E4\uACE0 \uD574\uB3C4 \uACFC\uC5B8\uC774 \uC544\uB2D0 \uC815\uB3C4\uB85C \uC5F4\uC2EC\uD788 \uD588\uB2E4.

\uADF8\uB798\uB3C4 \uAC00\uC2B4 \uD55C \uCF20\uC5D0\uB294 \uD504\uB85C\uADF8\uB798\uBA38\uAC00 \uB418\uACE0 \uC2F6\uB2E4 \uB77C\uB294 \uBAA9\uD45C\uAC00 \uC790\uB9AC \uC7A1\uACE0 \uC788\uC5C8\uACE0, \uBB34\uC5B8\uAC00 \uB0B4\uAC00 \uD5C8\uC1A1 \uC138\uC6D4\uC744 \uBCF4\uB0BC \uB54C \uB9C8\uB2E4 \uC774\uB798\uB3C4 \uB418\uB294 \uAC74\uAC00 \uC2F6\uC740 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uB2E4.


\uC0AC\uC2E4 \uB0B4 \uC778\uC0DD\uC758 \uD074\uB77C\uC774\uB9C9\uC2A4\uB294 \uC774 \uC774\uC57C\uAE30 \uC774\uD6C4\uBD80\uD130 \uC2DC\uC791\uB41C\uB2E4. \uBC24\uC774 \uAE4A\uC5B4\uC11C \uB354 \uC774\uC0C1 \uAE38\uAC8C \uC4F8 \uC790\uC2E0\uC774 \uC5C6\uC73C\uBBC0\uB85C, \uB0B4\uC77C\uC758 \uB098\uC5D0\uAC8C \uBC14\uD1A4\uD130\uCE58!


',72),v=o("\uB2E4\uC74C\uC774\uC57C\uAE30");function P(w,D){const d=t("RouterLink"),s=t("ExternalLinkIcon");return l(),a("div",null,[h,_,e("ul",null,[e("li",null,[c(d,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/"},{default:p(()=>[u]),_:1})]),e("li",null,[c(d,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/"},{default:p(()=>[C]),_:1})]),e("li",null,[c(d,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/"},{default:p(()=>[E]),_:1})])]),B,e("p",null,[b,g,m,e("a",f,[x,c(s)]),A]),k,e("p",null,[c(d,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/"},{default:p(()=>[v]),_:1})])])}var N=n(r,[["render",P],["__file","index.html.vue"]]);export{N as default}; +import{_ as n,r as t,o as l,c as a,a as e,b as c,w as p,e as o,d as i}from"./app.d20f8571.js";const r={},h=e("h1",{id:"\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-1",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-1","aria-hidden":"true"},"#"),o(" \uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)")],-1),_=e("p",null,"\uCCAB \uBC88\uC9F8 \uAE00\uC4F0\uAE30\uB294 \uAC00\uBCCD\uAC8C \uC131\uC778\uC774 \uB418\uAE30 \uC804 \uAE30\uC5B5\uC5D0 \uB300\uD574 \uC4F0\uACE0\uC790 \uD55C\uB2E4.",-1),u=o("Part-01"),C=o("Part-02"),E=o("Part-03"),B=i('

\uCC45 \uC77D\uB294 \uC18C\uB144

\uB098\uB294 \uC911\uD559\uAD50 \uB54C\uAE4C\uC9C0 \uCC45 \uC77D\uB294 \uAC83\uC744 \uCC38 \uC88B\uC544\uD588\uB2E4. \uC0AC\uC2E4 \uCC45 \uC790\uCCB4\uAC00 \uC88B\uC558\uB358 \uAC83 \uBCF4\uB2E4 \uCC45 \uC77D\uB294 \uC0AC\uB78C\uC73C\uB85C \uBCF4\uC5EC\uC9C0\uB294 \uAC83\uC774 \uC88B\uC558\uB2E4. \uBB54\uAC00 \uC720\uC2DD\uD574\uBCF4\uC778\uB2E4\uACE0 \uD574\uC57C\uD558\uB098? \uADF8\uB807\uAC8C \uACF5\uBD80\uB97C \uC798 \uD558\uB294 \uAC83\uB3C4 \uC544\uB2C8\uC5C8\uACE0, \uB0A8\uB4E4 \uBCF4\uB2E4 \uBB34\uC5B8\uAC00 \uD2B9\uBCC4\uD55C \uC7AC\uB2A5\uC774 \uC788\uB294 \uAC83\uB3C4 \uC544\uB2C8\uC5C8\uB2E4. \uADF8\uB0E5 \uB098\uB9CC\uC758 \uC544\uC774\uB374\uD2F0\uD2F0\uB97C \uAC00\uC9C8 \uC218 \uC788\uB294 \uD3B8\uD55C \uBC29\uBC95\uC774 \uCC45 \uC77D\uAE30 \uC600\uB2E4.

\uB098\uB294 \uC790\uAE30 \uACC4\uBC1C \uAD00\uB828 \uC11C\uC801\uC744 \uB9CE\uC774 \uC77D\uC5C8\uB2E4. \uD2B9\uD788 \uC88B\uC544 \uD588\uB358 \uCC45\uC774 \uB9C8\uC2DC\uBA5C\uB85C \uC774\uC57C\uAE30 \uC600\uB294\uB370, \uC9C0\uAE08 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC800\uAC78 \uC65C \uC88B\uC544\uD588\uB098 \uC2F6\uB2E4.

\uD310\uD0C0\uC9C0 \uC18C\uC124\uC744 \uC5C4\uCCAD \uC88B\uC544\uD558\uC9C4 \uC54A\uC558\uB294\uB370 \uC804\uBBFC\uD76C \uC791\uAC00\uB2D8\uC758 \uB8EC\uC758 \uC544\uC774\uB4E4\uACFC \uC138\uC6D4\uC758 \uB3CC\uC744 \uC815\uB9D0 \uC7AC\uBC0C\uAC8C \uC77D\uC5C8\uB2E4. \uC6C3\uAE30\uAC8C\uB3C4 \uD310\uD0C0\uC9C0 \uC18C\uC124\uC5D0\uC11C \uD55C\uAE00\uC758 \uC544\uB984\uB2E4\uC6C0\uC744 \uC815\uB9D0 \uC808\uC808\uD558\uAC8C \uB290\uB084 \uC218 \uC788\uC5C8\uB2E4. \uC18C\uC124\uC758 \uB0B4\uC6A9\uB3C4 \uC88B\uC558\uC9C0\uB9CC \uC804\uBBFC\uD76C \uC791\uAC00\uB2D8\uC758 \uD45C\uD604\uC774 \uCC38 \uC88B\uC558\uB2E4.

\uC774 \uC678\uC5D0\uB3C4 \uC15C\uB85D\uD648\uC988 \uC2DC\uB9AC\uC988\uB3C4 \uB2E4 \uC77D\uC5C8\uACE0, \uC5ED\uC0AC\uC640 \uAD00\uB828\uB41C \uCC45\uB3C4 \uB9CE\uC774 \uC77D\uC5C8\uB2E4. \uCC9C\uBB38\uD559\uACFC \uAD00\uB828\uB41C \uCC45\uB3C4 \uB9CE\uC774 \uC77D\uC5C8\uB2E4. \uC6B0\uC8FC\uB77C\uB294 \uAC83 \uC790\uCCB4\uAC00 \uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uD310\uD0C0\uC9C0\uBCF4\uB2E4 \uB354 \uD310\uD0C0\uC9C0 \uAC19\uC740 \uB290\uB08C\uC774 \uC788\uC5B4\uC11C \uBB54 \uC18C\uB9AC\uC778\uC9C0 \uBAA8\uB974\uACE0 \uBD10\uB3C4 \uC7AC\uBC0C\uC5C8\uB2E4.

',5),b=o("\uC81C\uC77C \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uCC45 \uC911 \uD558\uB098\uAC00 "),g=e("code",null,"12\uC0B4 \uC18C\uB144",-1),m=o("\uC774 \uC4F4 \uC6B0\uC8FC \uD310\uD0C0\uC9C0 \uC18C\uC124 "),f={href:"https://book.naver.com/bookdb/book_detail.nhn?bid=2620651",target:"_blank",rel:"noopener noreferrer"},x=o("\uBE45\uBC45\uC758 \uBE44\uBC00"),A=o("\uC774\uB2E4. \uCC98\uC74C\uC5D4 \uBCC4 \uC0DD\uAC01 \uC5C6\uC774 \uC77D\uC5C8\uB294\uB370 \uC2A4\uD1A0\uB9AC\uAC00 \uC815\uB9D0 \uD0C4\uD0C4\uD588\uB2E4. \uC5B4\uB5BB\uAC8C 13\uC0B4\uC758 \uBA38\uB9BF\uC18D\uC5D0\uC11C \uC774\uB7F0 \uC774\uC57C\uAE30\uAC00 \uB098\uC62C\uAE4C? \uD558\uBA70 \uAC10\uD0C4\uD558\uACE0 \uBD24\uB2E4."),k=i('

\uC790\uC758\uB4E0 \uD0C0\uC758\uB4E0 \uACB0\uAD6D \uCC45\uC744 \uB9CE\uC774 \uC77D\uC5C8\uACE0, \uB2E4\uB3C5\uC0C1 \uAC19\uC740 \uAC83\uB3C4 \uBA87 \uBC88 \uBC1B\uC558\uB2E4. \uB3C4\uC11C\uBD80 \uD65C\uB3D9\uB3C4 \uC5F4\uC2EC\uD788 \uD588\uACE0, \uADF8 \uACFC\uC815\uC5D0\uC11C \uCE5C\uD574\uC9C4 \uC0AC\uB78C\uB4E4\uB3C4 \uB9CE\uC774 \uC788\uC5C8\uB2E4.

\uACE0\uB4F1\uD559\uAD50\uC5D0 \uC62C\uB77C\uC624\uBA74\uC11C \uD578\uB4DC\uD3F0\uC744 \uBA87 \uBC88 \uBC15\uC0B4\uB0B4\uAE30\uB3C4 \uD588\uACE0, \uAD70\uB300\uC5D0 \uC788\uC744 \uB54C \uD667\uAE40\uC5D0 \uC5F0\uB77D\uCC98\uB97C \uCD08\uAE30\uD654 \uD558\uAE30\uB3C4 \uD558\uBA74\uC11C \uC720\uB144\uC2DC\uC808 \uCE5C\uAD6C\uB4E4\uACFC\uC758 \uC5F0\uB77D\uCC98\uAC00 \uB2E4 \uC0AC\uB77C\uC84C\uB2E4.

\uB2E4\uB4E4 \uBB34\uC5C7\uC744 \uD558\uBA70 \uC9C0\uB0B4\uACE0 \uC788\uC744\uAE4C? \uBB34\uB4DD \uAD81\uAE08\uD558\uAE30\uB3C4 \uD558\uC9C0\uB9CC, \uADF8\uB0E5 \uC0B4\uC544\uAC00\uB294\uAC8C \uCC38 \uBC14\uC058\uB2E4\uBCF4\uB2C8 \uAE08\uC0C8 \uB2E4\uC2DC \uC78A\uC5B4\uBC84\uB9B0\uB2E4.

\uAC01\uC124\uD558\uACE0 \uCC45 \uC77D\uB294 \uAC83\uC744 \uC88B\uC544\uD558\uB358 \uB0B4\uAC00, \uC131\uC801\uB3C4 \uC911\uC0C1\uC704 \uAD8C\uC774\uC5C8\uB358 \uB0B4\uAC00, \uB72C\uAE08\uC5C6\uC774 \uC804\uBB38\uACC4 \uACE0\uB4F1\uD559\uAD50\uB97C \uAC04\uB2E4\uACE0 \uD588\uC744 \uB54C \uC8FC\uBCC0\uC5D0\uC11C \uB2C8\uAC00? \uC65C? \uB77C\uB294 \uC758\uBB38\uC744 \uD488\uC5C8\uB2E4.

\uADF8\uB798\uB3C4 \uB098\uC5D0\uAC90 \uB9C9\uC5F0\uD558\uAC8C \uD504\uB85C\uADF8\uB798\uBA38\uAC00\uAC00 \uB418\uACE0 \uC2F6\uB2E4 \uB77C\uB294 \uBAA9\uD45C\uAC00 \uC788\uC5C8\uB2E4.

\uD504\uB85C\uADF8\uB798\uBA38\uAC00 \uB418\uACE0 \uC2F6\uB2E4

\uB098\uC758 \uC720\uB144 \uC2DC\uC808\uC740 \uD3C9\uBC94\uD558\uB2E4\uBA74 \uD3C9\uBC94\uD588\uACE0, \uC5B4\uB5BB\uAC8C \uBCF4\uBA74 \uCC38 \uB2E4\uC0AC\uB2E4\uB09C \uD588\uB2E4. \uAC00\uC815\uD615\uD3B8\uC774 \uC88B\uC9C0 \uC54A\uC544\uC11C \uC774\uC0AC\uB3C4 \uB9CE\uC774 \uB2E4\uB154\uACE0, \uB355\uBD84\uC5D0 \uB3D9\uB124 \uCE5C\uAD6C\uAC00 \uC5C6\uC5C8\uB2E4.

\uC5B4\uCA4C\uB2E4 \uBCF4\uB2C8 6\uC0B4 \uCC28\uC774 \uB098\uB294 \uB204\uB098\uB791 \uB5A8\uC5B4\uC838 \uC0B4\uAE30\uB3C4 \uD588\uACE0, \uBD80\uBAA8\uB2D8\uC758 \uB2E4\uD23C\uC5D0 \uC9C8\uB824 \uB204\uB098\uAC00 18\uC0B4\uC758 \uB098\uC774\uB85C 2\uB144 \uB3D9\uC548 \uAC00\uCD9C\uD588\uC5C8\uB2E4. \uB9C9\uC5F0\uD558\uAC8C \uC0AC\uB294 \uAC8C \uBB54\uAC00 \uD798\uB4E0\uAC70\uAD6C\uB098 \uB0B4 \uB9D8\uCC98\uB7FC \uB418\uB294 \uAC8C \uC5C6\uAD6C\uB098 \uB77C\uACE0 \uC0DD\uAC01\uD588\uB2E4.

\uC9C0\uAE08\uC740 \uC5B4\uB290 \uC815\uB3C4 \uBCF4\uAE30 \uC88B\uC740 \uC911\uB144 \uBD80\uBD80\uAC00 \uB41C \uC6B0\uB9AC \uBD80\uBAA8\uB2D8\uB3C4 \uC5B4\uB9B4\uC801 \uB098\uC5D0\uAC90 \uC774\uD574\uD560 \uC218 \uC5C6\uB294 \uB300\uC0C1\uB4E4\uC774\uC5C8\uB2E4. \uADF8\uB0E5 \uBD80\uBAA8\uB2D8\uB3C4, \uD558\uB098 \uBFD0\uC778 \uB204\uB098\uB3C4 \uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uB9D0 \uADF8\uB300\uB85C \uC774\uD574\uB97C \uD560 \uC218\uAC00 \uC5C6\uC5C8\uB2E4.

\uC774\uB7EC\uD55C \uD658\uACBD \uB54C\uBB38\uC5D0 \uB098\uB294 \uBB34\uCC99 \uC18C\uC2EC\uD588\uACE0, \uAC81\uB3C4 \uB9CE\uC558\uACE0, \uD654\uB3C4 \uB9CE\uC558\uACE0, \uBB54\uAC00 \uC2A4\uC2A4\uB85C\uB97C \uB9CE\uC774 \uCD08\uB77C\uD558\uACE0 \uBCC4 \uBCFC\uC77C \uC5C6\uB294 \uC0AC\uB78C\uC73C\uB85C \uC0DD\uAC01\uD588\uB2E4. \uC790\uC874\uAC10\uC774 \uC544\uC608 \uC5C6\uB358 \uAC83\uC774\uB2E4. \uD615\uC131\uB3C4 \uB418\uAE30 \uC804\uC5D0 \uBC11\uBC14\uB2E5\uC744 \uCCD0\uBC84\uB838\uC73C\uB2C8..

\uB355\uBD84\uC5D0 \uBB54\uAC00 \uB418\uACE0 \uC2F6\uC740 \uAC83\uB3C4 \uC5C6\uC5C8\uACE0, \uD558\uACE0 \uC2F6\uC740 \uAC83\uB3C4 \uC5C6\uC5C8\uB2E4. \uACF5\uBD80\uB294 \uC2EB\uC5B4 \uD588\uAE30 \uB54C\uBB38\uC5D0 \uAD73\uC774 \uBD80\uBAA8\uB2D8\uC5D0\uAC8C \uD559\uC6D0\uC744 \uBCF4\uB0B4\uB2EC\uB77C\uACE0 \uC870\uB974\uC9C0\uB3C4 \uC54A\uC558\uB2E4.

\uAE00\uC744 \uC4F0\uBA74\uC11C \uC0DD\uAC01\uB09C\uAC8C \uCD08\uB4F1\uD559\uAD50 1\uD559\uB144 \uB54C \uCEF4\uD4E8\uD130 \uD559\uC6D0\uC744 6\uAC1C\uC6D4 \uC815\uB3C4 \uB2E4\uB154\uC5C8\uB2E4. \uADF8\uB0E5 \uB72C\uAE08\uC5C6\uC774 \uC544\uBE60\uAC00 \uAC00\uC11C \uD0C0\uC790\uC5F0\uC2B5\uC774\uB098 \uD574\uBCF4\uB77C\uBA74\uC11C \uCEF4\uD4E8\uD130 \uD559\uC6D0\uC5D0 \uBCF4\uB0B4\uC8FC\uC168\uB2E4.

\uD559\uC6D0\uC5D0\uC11C \uD0C0\uC790\uC5F0\uC2B5\uC744 \uC775\uD614\uACE0, \uC5B4\uB290 \uC815\uB3C4 \uC18D\uB3C4\uAC00 \uB098\uC790 \uD55C\uAE0097\uB85C \uC6CC\uB4DC\uD504\uB85C\uC138\uC11C \uC2E4\uAE30 \uC5F0\uC2B5\uC744 \uD588\uB2E4. \uCD08\uB4F1\uD559\uAD50 1\uD559\uB144 \uB54C 500\uD0C0\uAC00 \uB098\uC654\uB2E4\uBA70 \uAE30\uBED0\uD558\uB358\uAC8C \uC0DD\uAC01\uB09C\uB2E4. 2\uD559\uB144 \uB54C\uB294 1000\uD0C0\uAC00 \uB098\uC640\uC11C \uC5EC\uAE30\uC800\uAE30 \uC790\uB791\uD558\uACE0 \uB2E4\uB154\uB2E4. \uADF8\uB807\uAC8C \uD0C0\uC790\uC5F0\uC2B5\uC774 \uC775\uC219\uD574\uC9C0\uC790 \uD55C\uAE00 \uBB38\uC11C \uB9CC\uB4DC\uB294 \uBC95\uC744 \uBC30\uC6E0\uACE0, \uC9C0\uAE08\uC758 \uB0B4\uAC00 \uC0DD\uAC01\uD558\uAE30\uC5D0\uB3C4 \uC5B4\uB9B0 \uB098\uC774\uC5D0 \uC774\uB7F4 \uC218 \uC788\uC744\uAE4C \uC2F6\uC744 \uC815\uB3C4\uB85C \uAE30\uAC00\uB9C9\uD788\uAC8C \uC798 \uB2E4\uB918\uC5C8\uB2E4. \uB355\uBD84\uC5D0 \uC2E4\uAE30 \uC2DC\uD5D8\uB9CC \uBCF4\uBA74 \uD56D\uC0C1 1\uB4F1\uC744 \uD588\uB294\uB370, \uBB38\uC81C\uB294 \uC790\uACA9\uC99D\uC744 \uCDE8\uB4DD\uD558\uAE30 \uC704\uD574\uC120 \uC77C\uB2E8 \uD544\uAE30\uC2DC\uD5D8\uBD80\uD130 \uD1B5\uACFC\uD574\uC57C \uD588\uB2E4. \uADF8 \uB2F9\uC2DC\uC5D0 \uD544\uAE30 \uC2DC\uD5D8\uC774 \uBB54\uC9C0\uB3C4 \uBAB0\uB790\uACE0 \uBB58 \uACF5\uBD80\uD574\uC57C \uD558\uB294\uC9C0\uB3C4 \uBAB0\uB77C\uC11C \uC790\uACA9\uC99D \uC2DC\uD5D8\uC740 \uC544\uC608 \uC7AC\uAF08\uB2E4. \uC544\uC9C1 \uAE4C\uC9C0 \uC7AC\uB07C\uACE0 \uC788\uC74C\uC774 \uC9C4\uD589\uC911\uC774\uB2E4.

\uADF8\uB807\uAC8C 1\uB144 \uC815\uB3C4 \uCEF4\uD4E8\uD130 \uD559\uC6D0\uC744 \uB2E4\uB154\uB294\uB370, \uC5B4\uB290 \uC21C\uAC04 \uD559\uC6D0 \uC120\uC0DD\uB2D8\uC774 \uD559\uC6D0\uBE44\uAC00 \uAC70\uC758 6\uAC1C\uC6D4 \uC774\uC0C1\uC774 \uBC00\uB9AC\uACE0 \uC788\uB2E4\uB294 \uC774\uC57C\uAE30\uB97C \uB4E4\uC5C8\uACE0 \uBD80\uBAA8\uB2D8\uC774 \uD559\uC6D0\uC744 \uAC00\uB77C\uACE0 \uD574\uB3C4 \uADF8\uB0E5 \uAC00\uAE30 \uC2EB\uB2E4\uBA70 \uBC30\uC9F8\uB77C \uC2DD\uC758 \uD0DC\uB3C4\uB97C \uCDE8\uD588\uB2E4.

\uACB0\uACFC\uC801\uC73C\uB85C \uADF8 \uB2F9\uC2DC\uC5D0 \uBD80\uBAA8\uB2D8\uC774 \uB098\uB97C \uCEF4\uD4E8\uD130 \uD559\uC6D0\uC5D0 \uBCF4\uB0B8 \uAC83\uC740 \uD0C1\uC6D4\uD55C \uC120\uD0DD\uC774\uC5C8\uC9C0 \uC2F6\uB2E4. \uACB0\uACFC\uB9CC\uB2A5\uC8FC\uC758

\uC5B4\uCA0C\uB4E0 \uC774\uB7EC\uD55C \uACC4\uAE30\uB85C \uCEF4\uD4E8\uD130\uB77C\uB294 \uAC83\uC5D0 \uD765\uBBF8\uB97C \uB290\uAF08\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uAC8C\uC784\uC744 \uD560 \uC218 \uC788\uC5C8\uB2E4! \uADF8\uB9AC\uACE0 \uC9D1\uC5D0 \uD63C\uC790 \uC788\uB294 \uC2DC\uAC04\uC774 \uB9CE\uC558\uAE30 \uB54C\uBB38\uC5D0 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uCEF4\uD4E8\uD130\uB97C \uB9CE\uC774 \uC811\uD588\uB2E4.

\uADF8 \uB2F9\uC2DC\uC5D0 \uAF2C\uB9C8\uB4E4\uC774 \uADF8\uB807\uB4EF \uB098 \uB610\uD55C \uCE5C\uAD6C\uB4E4\uACFC \uBCF4\uB0B4\uB294 \uC2DC\uAC04\uC740 \uC990\uAC70\uC6E0\uACE0, \uCEF4\uD4E8\uD130 \uAC8C\uC784\uC774 \uC7AC\uBC0C\uC5C8\uACE0, \uCE5C\uAD6C\uB4E4\uACFC \uCEF4\uD4E8\uD130 \uAC8C\uC784\uC744 \uD558\uB294 \uAC83\uC740 \uB354\uB354\uC6B1 \uC7AC\uBC0C\uC5C8\uB2E4.

\uAD49\uC7A5\uD788 \uB9CE\uC740 \uAC8C\uC784\uC744 \uD588\uC9C0\uB9CC, \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uAC8C\uC784\uB9CC \uB098\uC5F4\uD574\uBCF4\uC790\uBA74 \uD06C\uB808\uC774\uC9C0 \uC544\uCF00\uC774\uB4DC \uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC \uAC9F\uC570\uD504\uB4DC \uAC74\uC988 \uB4F1\uC774 \uC788\uB2E4. \uB098\uB294 \uC131\uACA9\uC774 \uC880 \uAE09\uD574\uC11C \uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC \uAC19\uC740 RPG \uAC8C\uC784\uC740 \uAE38\uC5B4\uC57C \uB450 \uB2EC \uC815\uB3C4 \uD588\uB2E4. \uADF8\uB798\uB3C4 \uCD08\uB4F1\uD559\uAD50 \uC2DC\uC808 \uBC29\uD559 \uB54C \uB9C8\uB2E4 \uB098\uC758 \uC2DC\uAC04\uC744 \uCC44\uC6CC \uC8FC\uB358 \uAC8C\uC784\uC774 \uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC\uC600\uB2E4.

\uC77C\uCC0D \uC790\uB294 \uB0A0\uC5D0\uB294 \uC800\uC808\uB85C \uC0C8\uBCBD\uC5D0 \uB208\uC774 \uB5A0\uC838\uC11C \uADF8 \uB54C \uB9C8\uB2E4 \uBD80\uBAA8\uB2D8 \uBAB0\uB798 \uC0C8\uBCBD\uC5D0 \uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC\uB97C \uD588\uB2E4. \uADF8 \uB54C\uC758 \uC2A4\uB9B4\uACFC \uAE34\uC7A5\uAC10\uC744 \uB2E4\uC2DC \uB290\uB07C\uB294 \uB0A0\uC774 \uC62C\uAE4C? \uC544\uB9C8 \uBD88\uBC95\uC801\uC778\uC744 \uD558\uB294 \uAC8C \uC544\uB2CC \uC774\uC0C1 \uC5C6\uACA0\uC9C0 \uC2F6\uB2E4.

\uC5B4\uCA0C\uB4E0 \uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC \uB54C\uBB38\uC5D0 PRG\uB294 \uB0B4 \uCDE8\uD5A5\uC774 \uC544\uB2C8\uB77C\uB294 \uAC83\uC744 \uBE68\uB9AC \uAE68\uB2EC\uC558\uB2E4.

\uADF8 \uB2E4\uC74C\uC73C\uB85C \uC990\uACA8 \uD588\uB358 \uAC8C\uC784\uC774 \uAC74\uC988 \uB77C\uB294 TPS(3\uC778\uCE6D) \uCD1D \uAC8C\uC784\uC774\uB2E4. \uC55E\uC11C \uC5B8\uAE09\uD588\uC9C0\uB9CC \uB098\uB294 \uC131\uACA9\uC774 \uAE09\uD588\uAE30 \uB54C\uBB38\uC5D0 \uC774 \uAC74\uC988\uB77C\uB294 \uAC8C\uC784\uC740 \uC815\uB9D0 \uB098\uC5D0\uAC8C \uB531 \uB9DE\uB294 \uAC8C\uC784\uC774\uC5C8\uB2E4. \uC18D\uB3C4\uAC10\uC774 \uC88B\uC558\uACE0 \uD654\uB824\uD55C \uAE30\uC220\uB4E4\uC744 \uC775\uD788\uB294 \uC7AC\uBBF8\uB3C4 \uC788\uC5C8\uACE0, \uCE5C\uAD6C\uB4E4\uC774\uB791 \uAC19\uC774 \uD588\uAE30 \uB54C\uBB38\uC5D0 \uB354\uB354\uC6B1 \uC7AC\uBC0C\uC5C8\uB2E4.

\uADF8\uB7F0\uB370 \uD575 \uB54C\uBB38\uC5D0 \uB9DD\uD588\uB2E4.... \uBE4C\uC5B4\uBA39\uC744 \uD575\uC7C1\uC774\uB4E4.. \uC815\uB9D0 \uC5B4\uB5A4 \uBC29\uC5D0 \uB4E4\uC5B4\uAC00\uB3C4 \uD575\uC744 \uC4F0\uB294 \uC0AC\uB78C\uC774 \uC874\uC7AC\uD588\uACE0 \uB355\uBD84\uC5D0 \uAC8C\uC784\uC744 \uC990\uAE38\uB798\uC57C \uC990\uAE38 \uC218 \uC5C6\uC5C8\uB2E4. \uADF8\uB798\uC11C \uADF8\uB0E5 \uB098\uB3C4 \uC774\uB7F4 \uAEBC\uBA74 \uBE68\uB9AC \uB9DD\uD574\uB77C \uD558\uB294 \uC2EC\uC815\uC73C\uB85C \uD575\uC744 \uC37C\uB2E4. \uADF8 \uB2F9\uC2DC\uC5D0 \uAC74\uC988\uB97C \uD558\uBA74\uC11C \uD575\uC744 \uC4F4 \uC0AC\uB78C\uBCF4\uB2E4 \uC548 \uC4F4 \uC0AC\uB78C\uC774 \uB354 \uC801\uC744 \uAC83\uC774\uB2E4. \uADF8 \uB9CC\uD07C \uAD6C\uD558\uAE30\uB3C4 \uC26C\uC6E0\uACE0 \uD575 \uC0AC\uC6A9\uC790\uC5D0 \uB300\uD55C \uC870\uCE58 \uC790\uCCB4\uAC00 \uC5C6\uC5C8\uB2E4.

\uB72C\uADFC\uC5C6\uB294 \uD575\uC5D0\uB300\uD55C \uACE0\uCC30

\uD575 \uC774\uB77C\uB294 \uAC83\uC744 \uB9CC\uB4E4\uC5B4\uB0B4\uB294 \uD589\uC704\uAC00 \uC0AC\uC2E4 \uD504\uB860\uD2B8 \uC5D4\uB4DC \uAC1C\uBC1C\uC790\uAC00 \uD558\uB294 \uC77C\uACFC \uC5B4\uB290 \uC815\uB3C4 \uC720\uC0AC\uD558\uB2E4. \uD504\uB860\uD2B8 \uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB294 \uD074\uB77C\uC774\uC5B8\uD2B8 \uC0AC\uC774\uB4DC\uB97C \uB2E4\uB8E8\uB294 \uC791\uC5C5\uC744 \uD55C\uB2E4.

\uD575\uC744 \uB9CC\uB4DC\uB294 \uACFC\uC815\uB3C4 \uC774\uBBF8 \uBA54\uBAA8\uB9AC\uC0C1\uC5D0 \uC62C\uB77C\uC640 \uC788\uB294 \uD504\uB85C\uADF8\uB7A8\uC744 \uC870\uC791\uD558\uB294 \uC791\uC5C5\uC774\uB2E4. \uC989, \uD074\uB77C\uC774\uC5B8\uD2B8\uB97C \uC870\uC791\uD558\uB294 \uC791\uC5C5\uC774\uB2E4.

\uADF8 \uB2E4\uC74C\uC73C\uB85C \uC990\uACA8 \uD588\uB358 \uAC8C\uC784\uC774 \uBC14\uB85C \uAC9F\uC570\uD504\uB4DC \uB77C\uB294 \uACA9\uD22C \uAC8C\uC784\uC774\uC5C8\uB294\uB370, \uC0AC\uC2E4 \uC774 \uAC8C\uC784 \uB355\uBD84\uC5D0 \uC9C0\uAE08 \uB0B4\uAC00 \uAC1C\uBC1C\uC790\uB85C \uC0B4\uC544\uAC00\uACE0 \uC788\uB2E4\uACE0 \uB9D0\uD560 \uC218 \uC788\uB2E4. \uAC9F\uC570\uD504\uB4DC\uB77C\uB294 \uAC8C\uC784 \uC790\uCCB4\uB3C4 \uC7AC\uBC0C\uC5C8\uC9C0\uB9CC \uC2F1\uAE00 \uAC9F\uC570\uD504\uB4DC\uB77C\uB294 \uC774\uB984\uC758 \uBCA0\uD0C0 \uBC84\uC804 \uB9AC\uC18C\uC2A4\uAC00 \uC628\uB77C\uC778\uC5D0 \uB3CC\uC544\uB2E4\uB2C8\uACE0 \uC788\uC5C8\uB2E4.

\uBA54\uC774\uD50C \uC2A4\uD1A0\uB9AC\uB85C \uB530\uC9C0\uBA74 \uD504\uB9AC \uBA54\uC774\uD50C \uC774\uB77C\uACE0 \uD574\uC57C\uD560\uAE4C? \uAC8C\uC784\uC758 \uD074\uB77C\uC774\uC5B8\uD2B8\uB97C \uC870\uC791\uD560 \uC218 \uC788\uB294 \uD615\uD0DC\uC758 \uB9AC\uC18C\uC2A4\uAC00 \uACF5\uAC1C\uB418\uC5B4 \uC788\uB294 \uAC83\uC774\uC5C8\uB2E4.

\uAC01\uC124\uD558\uACE0 \uB0B4\uAC00 \uC774 \uC2F1\uAE00 \uAC9F\uC570\uD504\uB4DC \uB77C\uB294 \uAC83\uC5D0 \uAD00\uC2EC\uC744 \uAC00\uC9C0\uAC8C \uB41C \uACC4\uAE30\uB294 \uC548\uD0C0\uAE5D\uAC8C\uB3C4 \uC9D1\uC5D0\uC11C \uC778\uD130\uB137\uC774 \uC548 \uB418\uAE30 \uC2DC\uC791\uD560 \uB54C \uBD80\uD130\uC600\uB2E4. \uADF8 \uB2F9\uC2DC \uC9D1\uC548 \uD615\uD3B8\uC774 \uC88B\uC9C0 \uC54A\uC558\uACE0, \uC778\uD130\uB137 \uC694\uAE08\uC744 \uB0A9\uBD80\uD558\uC9C0 \uC54A\uC544\uC11C \uD55C 2\uB144 \uAC00\uAE4C\uC774 \uC778\uD130\uB137 \uC5C6\uC774 \uC0DD\uD65C\uD588\uC5C8\uB2E4. \uB300\uC2E0 \uAC8C\uC784\uC744 \uD558\uACE0 \uC2F6\uAC70\uB098 \uC778\uD130\uB137\uC744 \uC774\uC6A9 \uD558\uACE0 \uC2F6\uC744 \uB54C\uB294 \uD53C\uC2DC\uBC29\uC5D0 \uAC14\uB2E4.

\uAC9F\uC570\uD504\uB4DC\uB77C\uB294 \uAC8C\uC784\uC744 \uC88B\uC544\uD574\uC11C \uAC8C\uC784\uC5D0 \uB300\uD574 \uCC3E\uC544\uBCF4\uB2E4\uAC00 \uC6B0\uC5F0\uD788 \uC2F1\uAE00 \uAC9F\uC570\uD504\uB4DC\uB77C\uB294 \uAC83\uC744 \uC811\uD558\uAC8C \uB418\uC5C8\uB294\uB370, \uC2E0\uAE30\uD588\uB358 \uAC83\uC774 \uC9C1\uC811 \uB9AC\uC18C\uC2A4\uB97C \uC218\uC815\uD558\uC5EC \uC790\uAE30 \uB9CC\uC758 \uC545\uC138\uC0AC\uB9AC\uB098 \uCE90\uB9AD\uD130\uB97C \uB9CC\uB4E4 \uC218 \uC788\uC5C8\uB2E4.

\uB8E8\uD53C\uC758 \uBC00\uC9DA\uBAA8\uC790
* \uC774\uAC83\uC740 \uC911\uD559\uAD50 3\uD559\uB144 \uB54C \uB9C8\uC9C0\uB9C9\uC73C\uB85C \uB9CC\uB4E4\uC5C8\uB358 \uB8E8\uD53C\uC758 \uBC00\uC9DA\uBAA8\uC790 \uB77C\uB294 \uC545\uC138\uC0AC\uB9AC\uC774\uB2E4.

\uADF8\uB9AC\uACE0 \uC218\uC815\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAC15\uC758\uAC00 \uC62C\uB77C\uC624\uB294 \uB124\uC774\uBC84 \uCE74\uD398\uB3C4 \uC874\uC7AC\uD588\uB2E4. \uADF8\uB798\uC11C \uC815\uB9D0 \uBA87 \uAC1C\uC6D4 \uB3D9\uC548 \uC2F1\uAE00 \uAC9F\uC570\uD504\uB4DC \uCE90\uB9AD\uD130\uB098 \uC545\uC138\uC0AC\uB9AC\uB97C \uB9CC\uB4DC\uB294 \uC7AC\uBBF8\uC5D0 \uBE60\uC838 \uC0B4\uC558\uB2E4.

\uC774 \uB54C Hex editor \uB77C\uB294 \uAC83\uC744 \uC774\uC6A9\uD588\uACE0, \uC18C\uC2A4 \uCF54\uB4DC\uB97C \uC218\uC815\uD558\uB294 \uAC8C \uC544\uB2C8\uB77C \uC544\uC608 binary \uD30C\uC77C\uC744 \uC218\uC815\uD558\uB294 \uC791\uC5C5\uC774 \uD544\uC694\uD588\uB2E4. hex editor

\uC9C0\uAE08\uC740 \uB0B4\uAC00 \uD588\uB358 \uC77C\uC774 \uCEF4\uD30C\uC77C\uB41C Binary \uD30C\uC77C\uC744 \uC9C1\uC811 \uC218\uC815\uD558\uB294 \uC791\uC5C5\uC774\uB77C\uB294\uAC78 \uC54C\uACE0 \uC788\uC9C0\uB9CC, \uC800 \uB2F9\uC2DC\uC5D0\uB294 \uADF8\uB7F0 \uAC1C\uB150\uC744 \uBAB0\uB790\uB2E4. \uADF8\uB0E5 hex editor\uB77C\uB294 \uD504\uB85C\uADF8\uB7A8\uC73C\uB85C \uD30C\uC77C\uC744 \uC5F4\uC5B4\uC11C \uC22B\uC790\uB97C \uC218\uC815\uD588\uB354\uB2C8 \uAC8C\uC784\uC744 \uC5F4\uC5C8\uC744 \uB54C \uADF8\uAC8C \uBC18\uC601 \uB418\uB294\uAD6C\uB098 \uC815\uB3C4\uB85C\uB9CC \uC0DD\uAC01\uD588\uB2E4.

\uC9C0\uAE08\uC740 \uC5C4\uB450\uB3C4 \uB0BC \uC218 \uC5C6\uB294 \uC77C\uC744 \uC774\uBBF8 \uCD08\uB529 \uB54C \uD55C \uAC83\uC774\uB2E4. \uC5B4\uB290 \uC815\uB3C4 \uAC00\uC774\uB4DC\uB77C\uC778\uC774 \uC788\uAE30\uC5D0 \uAC00\uB2A5 \uD588\uC9C0\uB9CC \uC5B4\uCA0C\uB4E0 \uBA87 \uB144\uAC04 \uC5D0\uB514\uD130\uB97C \uBCF4\uB294 \uAC83\uC774 \uB098\uC758 \uC720\uB144\uC2DC\uC808 \uC5C5\uC774\uC5C8\uB2E4.

\uADF8\uB807\uAC8C 3~4\uB144 \uC815\uB3C4 \uC2F1\uAE00 \uAC9F\uC570\uD504\uB4DC \uB9C8\uC2A4\uD130 \uB77C\uB294 \uCE74\uD398\uC5D0\uC11C \uD65C\uB3D9 \uD588\uACE0, \uC5EC\uB7EC\uAC00\uC9C0 \uC545\uC138\uC0AC\uB9AC\uB97C \uB9CC\uB4E4\uC5C8\uACE0, \uC774 \uB54C \uBD80\uD130 \uB9C9\uC5F0\uD558\uAC8C \uD504\uB85C\uADF8\uB798\uBA38 \uB77C\uB294 \uC9C1\uC5C5\uC744 \uBAA9\uD45C\uB85C \uD588\uB2E4.

\uACF5\uBD80\uB77C\uB294\uAC78 \uC870\uAE08\uC774\uB77C\uB3C4 \uD558\uAC8C \uB418\uC5C8\uB2E4.

\uC55E\uC11C \uC5B8\uAE09\uD55C \uACBD\uD5D8 \uB54C\uBB38\uC5D0 \uC778\uBB38\uACC4 \uACE0\uB4F1\uD559\uAD50\uB97C \uAC00\uB294 \uAC83 \uBCF4\uB2E8 \uBB54\uAC00 \uACE0\uB4F1\uD559\uAD50 \uB54C \uC870\uAE08 \uB354 \uC7AC\uBC0C\uACE0 \uD2B9\uBCC4\uD55C \uC77C\uB4E4\uC774 \uD558\uACE0 \uC2F6\uC5C8\uB2E4. \uC774\uB7F0 \uBD84\uC57C\uC5D0\uC11C \uC88B\uC740 \uD559\uAD50\uAC00 \uC5B4\uB514\uC788\uB098 \uCC3E\uC544\uBD24\uB294\uB370 \uC120\uB9B0\uC778\uD130\uB137\uACE0\uB4F1\uD559\uAD50\uC640 \uB514\uC9C0\uD138\uBBF8\uB514\uC5B4\uACE0\uB4F1\uD559\uAD50 \uB4F1\uC774 \uC788\uC5C8\uB2E4.

\uBB38\uC81C\uB294 \uB450 \uD559\uAD50 \uBAA8\uB450 \uC131\uC801\uC774 \uC5B4\uB290\uC815\uB3C4 \uBC1B\uCDB0\uC918\uC57C \uC6D0\uC11C\uB97C \uC4F8 \uC218 \uC788\uC5C8\uB2E4.

\uB098\uB294 \uC911\uD559\uAD50 1\uD559\uB144 \uB54C \uAE4C\uC9C0 \uACF5\uBD80\uB791 \uB2F4\uC744 \uC313\uACE0 \uC0B4\uC558\uB2E4. \uC0AC\uC2E4 \uACF5\uBD80\uB97C \uADF8\uB807\uAC8C \uC5F4\uC2EC\uD788 \uD55C\uB2E4\uACE0 \uD574\uC11C \uBB50\uAC00 \uC88B\uC740\uC9C0\uB3C4 \uBAB0\uB790\uACE0, \uACF5\uBD80\uAC00 \uADF8\uB0E5 \uC7AC\uBBF8 \uC5C6\uC5C8\uB2E4.

\uADF8\uB798\uB3C4 \uC218\uC5C5 \uC2DC\uAC04\uC5D0 \uC120\uC0DD\uB2D8\uB4E4\uC774 \uD574\uC8FC\uB294 \uC774\uC57C\uAE30\uB4E4\uC740 \uD56D\uC0C1 \uC7AC\uBC0C\uC5C8\uB2E4. \uC218\uC5C5\uC740 \uC5F4\uC2EC\uD788 \uB4E4\uC5C8\uACE0, \uC2DC\uD5D8\uC740 \uBABB\uBD10\uB3C4 \uC774\uC0C1\uD558\uAC8C \uC218\uD589\uD3C9\uAC00\uB294 \uBC18\uC5D0\uC11C \uD56D\uC0C1 1~2\uB4F1 \uC548\uC5D0 \uB4E4\uC5C8\uB2E4. \uACF5\uBD80\uD558\uB294 \uAC83 \uC790\uCCB4\uB294 \uC88B\uC544\uD558\uC9C0 \uC54A\uC558\uC9C0\uB9CC \uACF5\uBD80\uD558\uB294 \uAC83\uB4E4\uC744 \uD65C\uC6A9\uD560 \uC218 \uC788\uB294 \uD589\uC704(\uC218\uD589\uD3C9\uAC00)\uB294 \uC88B\uC558\uB358 \uAC83 \uAC19\uB2E4. \uACF5\uBD80\uC758 \uC758\uBBF8\uB97C \uC54C \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB784\uAE4C?

\uB9C9\uC5F0\uD558\uAC8C \uACF5\uBD80\uD558\uAE30 \uBCF4\uB2E8, \uACF5\uBD80\uC5D0 \uC758\uBBF8\uB97C \uBD80\uC5EC\uD558\uACE0 \uC2F6\uC5C8\uB358\uAC78\uC9C0\uB3C4 \uBAA8\uB978\uB2E4.

\uADF8\uB798\uB3C4 \uB0B4\uAC00 \uD3C9\uADE0 \uC774\uC0C1\uC758 \uC131\uC801\uC774 \uB418\uAE30 \uC2DC\uC791\uD55C\uAC74 \uC88B\uC544\uD558\uB358 \uD559\uC0DD \uB54C\uBB38\uC774\uC5C8\uB2E4. \uB0B4\uAC00 \uC88B\uC544\uD558\uB358 \uD559\uC0DD\uC774 \uACF5\uBD80\uB97C \uC5C4\uCCAD \uC798\uD558\uC9C4 \uC54A\uC558\uC9C0\uB9CC \uADF8\uB798\uB3C4 \uAF64 \uC131\uC2E4\uD558\uAC8C \uD588\uB2E4.

\uC9C0\uAE08 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC870\uAE08 \uB3D9\uACBD\uD588\uB358 \uAC83 \uAC19\uB2E4. \uB098\uB3C4 \uC800\uB807\uAC8C \uB418\uACE0 \uC2F6\uB2E4 \uB784\uAE4C.

\uADF8\uB807\uAC8C \uADF8 \uCE5C\uAD6C\uC640 \uAC19\uC774 \uBAA9\uD45C\uB97C \uC138\uC6B0\uACE0(\uD3C9\uADE0 \uC810\uC218 90\uC810 \uB118\uAE30\uAE30 \uB77C\uB358\uC9C0) \uACF5\uBD80\uB97C \uC2DC\uC791\uD588\uB2E4. \uBB54\uAC00 \uAC70\uCC3D\uD55C\uAC74 \uC5C6\uC5C8\uB2E4. \uADF8\uB0E5 \uD3C9\uC18C\uCC98\uB7FC \uC218\uC5C5\uC2DC\uAC04\uC5D0 \uC218\uC5C5 \uC5F4\uC2EC\uD788 \uB4E3\uACE0, \uD3C9\uC18C\uC5D0\uB294 \uC5F4\uC2EC\uD788, \uB9E4\uC6B0 \uC5F4\uC2EC\uD788, \uACA9\uD558\uAC8C \uB180\uC558\uB530.

\uB2E4\uB9CC \uC870\uAE08 \uB2EC\uB77C\uC9C4 \uC810\uC740 \uC2DC\uD5D8\uAE30\uAC04\uC774 \uB418\uBA74 \uD754\uD788\uB4E4 \uB9D0\uD558\uB294 \uBCBC\uB77D\uCE58\uAE30\uB97C \uD588\uB2E4. \uC218\uC5C5\uC2DC\uAC04\uC5D0 \uD544\uAE30\uB97C \uAF64 \uC5F4\uC2EC\uD788 \uD588\uAE30 \uB54C\uBB38\uC5D0 \uC2DC\uD5D8 2\uC8FC \uC804 \uBD80\uD130 \uD558\uB8E8\uC5D0 \uD55C \uACFC\uBAA9\uC529 \uACF5\uBD80\uD558\uACE0 \uBCF5\uC2B5\uD558\uBA74\uC11C \uC2DC\uAC04\uC744 \uBCF4\uB0C8\uB2E4.

\uADF8\uB807\uAC8C 1\uD559\uB144 \uB54C\uB294 \uD3C9\uADE0 70\uC810\uC744 \uB118\uAE30\uBA74 \uC2DC\uD5D8 \uC798\uBD24\uB2E4\uACE0 \uC88B\uC544\uD558\uB358 \uB0B4\uAC00, 2\uD559\uB144 \uB54C \uC55E\uC11C \uC5B8\uAE09\uD55C \uADF8 \uCE5C\uAD6C\uC640 \uBAA9\uD45C\uB97C \uC138\uC6B0\uACE0 \uACF5\uBD80\uD558\uBA74\uC11C \uCC98\uC74C\uC73C\uB85C 85\uC810\uC774\uB77C\uB294 \uC810\uC218\uB97C \uBC1B\uC558\uB2E4.

\uACE0\uBC31\uC774\uB77C\uB294 \uAC83\uC744 \uD574\uBCF8 \uC801\uB3C4 \uC5C6\uC5C8\uACE0, \uC88B\uC544\uD55C\uB2E4\uB294 \uD45C\uD604\uC744 \uD574\uBCF8\uC801\uB3C4 \uC5C6\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uADF8\uB807\uAC8C \uADF8 \uCE5C\uAD6C\uC640\uB294 \uC774\uB3C4 \uC800\uB3C4 \uC544\uB2CC \uC0AC\uC774\uAC00 \uB418\uC5C8\uB2E4. \uADF8\uB798\uB3C4 \uC810\uC810 \uACF5\uBD80\uD558\uB294 \uC2B5\uAD00\uC774 \uC0DD\uAE30\uBA74\uC11C \uC911\uD559\uAD50\uB97C \uC878\uC5C5 \uD560 \uB54C \uCBE4\uC5D4 95\uC810 \uC815\uB3C4\uAC00 \uB418\uC5C8\uB2E4. \uC774 \uC815\uB3C4\uBA74 \uC778\uC0DD\uC758 \uC740\uC778\uC774 \uC544\uB2D0\uAE4C?

\uD558\uC9C0\uB9CC 1\uD559\uB144 \uB54C \uBD80\uD130 \uAFB8\uC900\uD558\uAC8C \uACF5\uBD80\uB97C \uC798\uD588\uB358\uAC8C \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uCD5C\uC885 \uB0B4\uC2E0\uC740 200\uC810 \uB9CC\uC810\uC5D0 180\uC810 \uC815\uB3C4\uC600\uB2E4.

\uADF8 \uB2F9\uC2DC\uC5D0 \uB514\uC9C0\uD138\uBBF8\uB514\uC5B4\uACE0\uB4F1\uD559\uAD50\uC5D0 \uC785\uD559\uD558\uB824\uBA74 190\uC810 \uC815\uB3C4\uB294 \uB418\uC5B4\uC57C \uD588\uACE0, \uB098\uC5D0\uAC90 \uC5ED\uBD80\uC871\uC774\uC5C8\uB2E4. \uC120\uB9B0\uC778\uD130\uB137\uACE0\uB4F1\uD559\uAD50\uB294 \uB0B4\uC2E0\uB3C4 \uB9CE\uC774 \uBCF4\uAE34 \uD558\uC9C0\uB9CC \uB0B4\uC2E0 \uBCF4\uB2E4 \uD504\uB85C\uADF8\uB798\uBC0D \uC9C0\uC2DD\uC5D0 \uB300\uD574\uC11C \uB9CE\uC774 \uBD24\uB358 \uAC83 \uAC19\uB2E4. \uADF8\uB7F0\uB370 \uC6B0\uC2B5\uAC8C\uB3C4 \uB098\uB294 \uD504\uB85C\uADF8\uB798\uBC0D\uC5D0 \uB300\uD574 \uC544\uB294 \uAC83\uC774 \uC815\uB9D0 \uC544\uC608 \uC5C6\uC5C8\uB2E4. \uBC14\uC774\uB108\uB9AC \uD30C\uC77C\uC744 \uC218\uC815\uD588\uC73C\uBA74\uC11C \uD504\uB85C\uADF8\uB798\uBC0D\uC740 \uBAB0\uB790\uB2E4\uB294\uAC8C \uB9D0\uC774 \uB418\uB294\uAC00? \uB0B4\uAC00 \uBC14\uB85C \uADF8\uB7AC\uB2E4. \uC774\uAC8C \uBC14\uB85C \uC2DC\uC791\uC758 \uC911\uC694\uC131!

\uC5B4\uCA0C\uB4E0 \uC120\uB9B0\uC778\uD130\uB137\uACE0\uB4F1\uD559\uAD50\uC5D0\uB3C4 \uC6D0\uC11C\uB97C \uC4F8 \uC218 \uC5C6\uC5C8\uACE0, \uB514\uC9C0\uD138\uBBF8\uB514\uC5B4\uACE0\uB4F1\uD559\uAD50\uC5D0\uB3C4 \uC6D0\uC11C\uB97C \uC4F8 \uC218 \uC5C6\uC5C8\uB2E4. \uADF8 \uB2F9\uC2DC\uC5D0 \uB098\uB294 \uACBD\uAE30\uB3C4 \uC548\uC0B0\uC5D0 \uC0B4\uC558\uAE30 \uB54C\uBB38\uC5D0 \uC548\uC0B0\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50\uC5D0 \uAC00\uACE0 \uC2F6\uC5C8\uC73C\uB098, \uC774\uC0C1\uD558\uAC8C \uAC00\uC871\uB4E4\uC774 \uACB0\uC0AC \uBC18\uB300\uB97C \uD588\uB2E4. \uC548\uC0B0\uACF5\uACE0\uC5D0 \uAC14\uC73C\uBA74 \uC870\uAE08 \uB354 \uD3C9\uD0C4\uD588\uC744\uC9C0\uB3C4..

\uADF8\uB7EC\uB2E4\uAC00 \uB72C\uAE08\uC5C6\uC774 \uB204\uB098\uAC00 \uC218\uC6D0\uC5D0 \uC788\uB294 \uC0BC\uC77C\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50 \uB77C\uB294 \uACF3\uC744 \uC18C\uAC1C\uD574\uC92C\uACE0 \uC5B4\uB5BB\uAC8C\uB4E0 \uB3FC\uB77C \uD558\uB294 \uC2EC\uC815\uC73C\uB85C \uC0BC\uC77C\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50 \uBA40\uD2F0\uBBF8\uB514\uC5B4\uACFC\uC5D0 \uC6D0\uC11C\uB97C \uC37C\uB2E4. \uADF8\uB7F0\uB370 \uC815\uB9D0 \uC6C3\uAE30\uAC8C\uB3C4 \uACFC \uC218\uC11D\uC73C\uB85C \uC785\uD559\uD558\uC600\uB2E4.

\uACF5\uBD80\uC640 \uB2F4\uC313\uACE0 \uC9C0\uB0B4\uB358 \uB0B4\uAC00 \uACFC \uC218\uC11D\uC774\uB77C\uB2C8! \uBB54\uAC00 \uC2A4\uC2A4\uB85C\uAC00 \uB300\uACAC\uD558\uAE30\uB3C4 \uD588\uACE0 \uB098\uB3C4 \uB178\uB825\uC774\uB77C\uB294\uAC78 \uD558\uBA74 \uBB50\uB77C\uB3C4 \uD560 \uC218 \uC788\uAD6C\uB098 \uD558\uB294 \uC0DD\uAC01\uC744 \uAC00\uC9C0\uAC8C \uB418\uC5C8\uB2E4.

\uAC8C\uC784\uC5D0 \uC81C\uB300\uB85C \uBE60\uC84C\uB2E4.

\uACE0\uB4F1\uD559\uAD50 \uC2DC\uC808\uC740 \uD798\uB4E4\uC5C8\uC9C0\uB9CC \uC7AC\uBC0C\uC5C8\uB2E4.\uC81C\uC77C \uD798\uB4E4\uC5C8\uB358 \uAC83\uC740 \uBC14\uB85C \uC655\uBCF5 3\uC2DC\uAC04\uC774 \uAC78\uB9AC\uB294 \uD1B5\uD559 \uC2DC\uAC04\uC774\uC5C8\uB2E4.

2010\uB144 1\uC6D4\uC5D0 \uCC98\uC74C\uC73C\uB85C \uD559\uAD50\uB97C \uBC29\uBB38\uD588\uB294\uB370, \uD558\uD544 \uB208\uC774 \uBB34\uCC99 \uB9CE\uC774 \uC628 \uB0A0\uC774\uC5C8\uB2E4. \uB208\uC774 10cm \uC815\uB3C4 \uC313\uC778 \uC0C1\uD0DC\uC5D0\uC11C \uC548\uC0B0\uC5D0\uC11C \uC218\uC6D0\uAE4C\uC9C0 \uBC84\uC2A4\uB97C \uD0C0\uACE0 \uAC00\uC57C \uD588\uC73C\uB2C8 \uCCAB \uB4F1\uAD50 \uBD80\uD130 \uD5D8\uB09C\uD588\uB2E4. \uC4F0\uACE0 \uBCF4\uB2C8 \uC774\uAC8C \uBC8C\uC368 10\uB144 \uC804\uC774\uB2E4. \uC5B4\uC81C \uC77C\uCC98\uB7FC \uC0DD\uC0DD\uD55C\uB370 \uC5B4\uB5BB\uAC8C \uC2DC\uAC04\uC774 \uC774\uB807\uAC8C \uD758\uB800\uC744\uAE4C?

\uC0BC\uC77C\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50

\uC704\uC758 \uC9C0\uB3C4\uB97C \uBCF4\uBA74 \uC54C \uC218 \uC788\uC9C0\uB9CC, \uC0BC\uC77C\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50\uB294 \uC218\uC6D0 \uD654\uC131 \uC548\uC5D0 \uC788\uB2E4. \uADF8\uB9AC\uACE0 \uBC14\uB85C \uC606\uC5D0 \uC0BC\uC77C\uC0C1\uC5C5\uACE0\uB4F1\uD559\uAD50 \uC0BC\uC77C\uC911\uD559\uAD50 \uB9E4\uD5A5\uC911\uD559\uAD50 \uB9E4\uD5A5\uC5EC\uC790\uC815\uBCF4\uACE0\uB4F1\uD559\uAD50 \uC5F0\uBB34\uCD08\uB4F1\uD559\uAD50 \uAC00 \uC788\uC5C8\uB2E4. \uC774\uB807\uAC8C \uD55C \uACF3\uC5D0 6\uAC1C\uC758 \uD559\uAD50\uAC00 \uBB49\uCCD0 \uC788\uB294 \uAC83\uC740 \uCC98\uC74C \uBD10\uC11C \uC2E0\uAE30\uD588\uB2E4.

\uBB34\uC5C7\uBCF4\uB2E4 \uD559\uAD50\uC758 \uC704\uCE58\uAC00 \uBB38\uD654\uC81C \uC548\uC5D0 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uB4F1\uAD50\uB97C \uD560 \uB54C \uB9C8\uB2E4 \uC77C\uBCF8\uC778/\uC911\uAD6D\uC778 \uAD00\uAD11\uAC1D\uC744 \uBCFC \uC218 \uC788\uC5C8\uB2E4. \uC5B4\uCA0C\uB4E0 \uCCAB \uC778\uC0C1\uC740 \uB098\uC058\uC9C0 \uC54A\uC558\uB2E4.

\uD559\uAD50\uB97C \uB2E4\uB2CC\uC9C0 \uC5BC\uB9C8 \uB418\uC9C0 \uC54A\uC558\uC744 \uB54C \uC804\uBB38\uACC4 \uACE0\uB4F1\uD559\uAD50\uC5D0\uB294 \uAE30\uB2A5\uBC18 \uC774\uB77C\uB294 \uAC83\uC774 \uC788\uB2E4\uACE0 \uD588\uB2E4. \uD559\uAD50 \uC218\uC5C5\uC5D0\uC11C \uBC30\uC6B0\uC9C0 \uC54A\uB294 \uAC83\uC744 \uB530\uB85C \uACF5\uBD80\uD558\uACE0 \uB300\uD68C\uB97C \uC900\uBE44\uD558\uB294 \uB3D9\uC544\uB9AC\uB77C\uB294 \uAC83\uC774\uB2E4.

\uB098\uB294 \uCC98\uC74C\uBD80\uD130 \uC774\uAC78 \uD558\uACE0 \uC2F6\uC5C8\uB294\uB370 \uC120\uC0DD\uB2D8\uC774 \uB10C \uACF5\uBD80\uB098 \uD574\uB77C \uD558\uBA70 \uBC14\uB85C \uD1F4\uC9DC\uB97C \uB9DE\uC558\uB2E4. \uADF8\uB798\uC11C \uC9C4\uC9DC \uACF5\uBD80\uB9CC \uD588\uB2E4. \uB9C8\uC74C\uC5D0 \uB4DC\uB294 \uB3D9\uC544\uB9AC\uB3C4 \uC5C6\uC5C8\uACE0, \uADF8\uB0E5 \uC800\uB0E5 \uCE5C\uAD6C\uB4E4\uC774\uB791 \uC57C\uC790\uB3C4 \uD558\uACE0 \uBCF4\uCDA9\uC218\uC5C5\uB3C4 \uB4E4\uC73C\uBA74\uC11C \uACF5\uBD80\uD558\uB294\uAC8C \uB098\uC058\uC9C0 \uC54A\uC558\uB2E4.

\uBB34\uC5C7\uBCF4\uB2E4 \uD559\uAD50 \uC2DC\uD5D8\uC774 \uBB34\uCC99 \uC26C\uC6E0\uAE30 \uB54C\uBB38\uC5D0, \uC911\uD559\uAD50 \uB54C \uCC98\uB7FC \uACF5\uBD80\uD558\uC9C0 \uC54A\uC544\uB3C4 \uC190\uC27D\uAC8C 1~2\uB4F1\uC740 \uD560 \uC218 \uC788\uC5C8\uB2E4. \uC2DC\uD5D8 \uBB38\uC81C\uB3C4 \uAC70\uC758 \uC54C\uB824\uC8FC\uB2E4 \uC2F6\uC774 \uD588\uACE0, \uBB50\uB784\uAE4C.. \uADF8\uB0E5 \uB9D0 \uADF8\uB300\uB85C \uC26C\uC6E0\uB2E4.

\uACE0\uB4F1\uD559\uAD50 1\uD559\uB144 \uB54C\uC758 \uC77C\uACFC\uB97C \uC0DD\uAC01\uD574\uBCF4\uBA74

  • \uC0C8\uBCBD 5\uC2DC 30\uBD84 \uCBE4\uC5D0 \uB208\uC744 \uB728\uACE0
  • \uC53B\uACE0, \uBC25\uBA39\uACE0, 6\uC2DC \uCBE4\uC5D0 \uBC84\uC2A4\uB97C \uD0C0\uACE0
  • 8\uC2DC \uC774\uC804\uC5D0 \uD559\uAD50\uC5D0 \uB3C4\uCC29\uD558\uACE0,
    • \uC6C3\uAE34\uAC8C 6\uC2DC\uC5D0 \uBC84\uC2A4\uB97C \uD0C0\uBA74 7\uC2DC 10 ~ 20\uBD84 \uC0AC\uC774\uC5D0 \uB3C4\uCC29\uD558\uACE0
    • 6\uC2DC 10 ~ 20\uBD84 \uC0AC\uC774\uC5D0 \uBC84\uC2A4\uB97C \uD0C0\uBA74 8\uC2DC \uCBE4\uC5D0 \uB3C4\uCC29\uD55C\uB2E4.
    • \uADF8\uB798\uC11C \uAC00\uB2A5\uD558\uBA74 1\uBD84\uC774\uB77C\uB3C4 \uBE68\uB9AC \uBC84\uC2A4\uB97C \uD0C0\uB824\uACE0 \uB6F0\uC5B4\uB2E4\uB154\uB2E4.
  • 1\uAD50\uC2DC \uC2DC\uC791 \uC804\uAE4C\uC9C0 \uD55C\uC790\uC640 \uC601\uC5B4 \uACF5\uBD80\uB97C \uD559\uACE0
  • \uC218\uC5C5\uC744 \uB4E4\uC5C8\uB2E4.
    • \uC4F0\uB2E4\uBCF4\uB2C8 \uC0DD\uAC01\uB09C\uAC74\uB370 \uC6B0\uB9AC \uD559\uAD50\uB294 \uC810\uC2EC\uC2DC\uAC04\uC774 12\uC2DC 50\uBD84 \uBD80\uD130\uC600\uB2E4.
    • \uADF8\uB7F0\uB370 \uD2B9\uC774\uD558\uAC8C 4\uAD50\uC2DC\uB294 \uC120\uC0DD\uB2D8\uB4E4\uC774 10~20\uBD84 \uC815\uB3C4 \uBE68\uB9AC \uB05D\uB0B4\uC8FC\uC168\uB294\uB370 \uC774\uAC8C \uC774 \uD559\uAD50\uC758 \uBB38\uD654\uC778\uAC00 \uC2F6\uC5C8\uB2E4.
  • 5\uAD50\uC2DC\uB294 1\uC2DC 50\uBD84 \uC2DC\uC791\uD588\uACE0,
  • \uC218\uC5C5\uC774 \uB05D\uB098\uBA74 \uBCF4\uCDA9\uC218\uC5C5\uC744 \uB4E3\uACE0 \uC57C\uC790\uB97C 9\uC2DC~10\uC2DC\uAE4C\uC9C0 \uD558\uACE0
  • \uC9D1\uC5D0 \uAC00\uBA74 11\uC2DC ~ 12\uC2DC\uAC00 \uB418\uACE0
  • 1\uC2DC \uAE4C\uC9C0 \uAC00\uBCCD\uAC8C \uAC8C\uC784\uC744 \uD558\uB2E4\uAC00 \uC7A4\uB2E4.

\uADF8\uB9AC\uACE0 \uC911\uD559\uAD50 3\uD559\uB144 \uB54C \uBD80\uD130 \uC785\uB300\uD558\uAE30 \uC804 \uAE4C\uC9C0 \uC57D 6\uB144 ~ 7\uB144 \uC815\uB3C4 \uBC84\uBE14\uD30C\uC774\uD130 \uB77C\uB294 \uAC8C\uC784\uC744 \uD588\uB2E4. \uC6C3\uAE30\uC9C0\uB9CC \uB098\uB294 \uC0AC\uD68C\uC131\uC744 \uBC84\uBE14\uD30C\uC774\uD130\uB97C \uD1B5\uD574\uC11C \uBC30\uC6E0\uB2E4.

\uBC84\uBE14\uD30C\uC774\uD130

\uBC84\uBE14\uD30C\uC774\uD130\uB294 \uD06C\uB808\uC774\uC9C0 \uC544\uCF00\uC774\uB4DC\uC5D0 \uB4F1\uC7A5\uD558\uB294 \uCE90\uB9AD\uD130\uB4E4 \uBB3C\uCD1D \uC2F8\uC6C0\uC744 \uD558\uB294 TPS \uAC8C\uC784\uC774\uB2E4. \uAC8C\uC784\uC758 \uAE30\uBCF8\uC801\uC778 \uD2B9\uC9D5\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

  • \uBB3C\uCD1D\uC744 \uD1B5\uD574 \uC801\uC758 \uD53C\uB97C \uC804\uBD80 \uAE4E\uC73C\uBA74 \uBC84\uBE14 \uC0C1\uD0DC\uAC00 \uB41C\uB2E4.
  • \uD300\uC6D0\uC774 \uBC84\uBE14 \uC0C1\uD0DC\uC77C \uB54C \uD130\uCE58\uD558\uBA74 \uB2E4\uC2DC \uC0B4\uC544\uB09C\uB2E4.
  • \uBC84\uBE14\uC774 5\uBC88 \uB418\uBA74 \uC800\uC808\uB85C \uC8FD\uB294\uB2E4.
  • \uC801\uC774 \uBC84\uBE14 \uC0C1\uD0DC\uC77C \uB54C \uB2E4\uAC00\uAC00\uC11C \uD130\uD2B8\uB824\uC57C \uC644\uC804\uD788 \uC8FD\uB294\uB2E4.

\uC989, \uC77C\uBC18 FPS\uCC98\uB7FC \uD53C\uB97C \uAE4E\uC544\uC11C \uC8FD\uC774\uB294\uAC8C \uC544\uB2C8\uB77C \uB2E4\uAC00\uAC00\uC11C \uD130\uD2B8\uB9AC\uAE30 \uAE4C\uC9C0 \uD574\uC57C \uC8FD\uB294 \uAC8C\uC784\uC778 \uAC83\uC774\uB2E4. \uB9D0 \uADF8\uB300\uB85C \uD06C\uB808\uC774\uC9C0 \uC544\uCF00\uC774\uB4DC\uC5D0 \uCD1D \uAC8C\uC784\uC744 \uC11E\uC5B4 \uB193\uC740 \uCEE8\uC149\uC774\uB2E4.

\uCD08\uB4F1\uD559\uAD50 \uB54C \uAC74\uC988\uB77C\uB294 \uAC8C\uC784\uC744 \uC81C\uC77C \uC7AC\uBC0C\uAC8C \uD588\uB294\uB370 \uBC84\uBE14\uD30C\uC774\uD130\uAC00 \uB531 \uAC74\uC988 \uB290\uB08C\uC774 \uB0AC\uB2E4.

\uCEE4\uBBA4\uB2C8\uD2F0 \uD65C\uB3D9\uB3C4 \uAF64 \uC5F4\uC2EC\uD788 \uD588\uACE0, \uAC8C\uC784 \uC790\uCCB4\uB3C4 \uC5F4\uC2EC\uD788 \uD588\uB2E4. \uC9C0\uAE08\uC758 \uC624\uBC84\uC6CC\uCE58\uB85C \uB530\uC9C0\uBA74 \uACBD\uC7C1\uC804 \uB7AD\uD0B9 Top 10 \uC548\uC5D0 \uB4E4\uC5C8\uC5C8\uB2E4.

\uCC98\uC74C\uC73C\uB85C \uD558\uB098\uC758 \uAC8C\uC784\uC744 1\uB144\uC774\uC0C1 \uD588\uB2E4. \uAC8C\uC784\uC5D0 \uACFC\uB3C4\uD55C \uD604\uC9C8 \uC720\uB3C4\uB9CC \uC5C6\uC5C8\uB2E4\uBA74 \uC544\uB9C8 \uC9C0\uAE08\uB3C4 \uC990\uAC81\uAC8C \uD558\uACE0 \uC788\uC9C0 \uC54A\uC558\uC744\uAE4C?

\uD558\uB294 \uC0AC\uB78C\uB3C4 \uB9CE\uC9C0 \uC54A\uC740 \uAC8C\uC784\uC744 \uC624\uB7AB\uB3D9\uC548 \uD558\uAC8C \uB418\uBA74 \uAC8C\uC784\uC744 \uD560 \uB54C \uB9C8\uB2E4 \uC544\uB294 \uC0AC\uB78C\uB4E4\uC774 \uBCF4\uC774\uAC8C \uB41C\uB2E4. \uADF8\uB807\uAC8C \uB79C\uC120 \uCE5C\uAD6C\uB4E4\uC744 \uB9CE\uC774 \uC0AC\uADC0\uAC8C \uB418\uC5C8\uB294\uB370, \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uBAA8\uB4E0 \uB9D0\uACFC \uD589\uB3D9\uC744 \uC2E0\uACBD\uC368\uC57C \uD588\uACE0, \uAC8C\uC784\uC744 \uD1B5\uD574\uC11C \uCE5C\uD574\uC9C4 \uCE5C\uAD6C\uB4E4\uACFC \uC2E4\uC81C\uB85C \uB9CC\uB098\uC11C \uB178\uB294 \uC77C\uC774 \uB9CE\uC558\uB2E4.

\uAC01\uC124\uD558\uACE0, \uACE0\uB4F1\uD559\uAD50 1\uD559\uB144 \uB54C\uB294 \uC9D1\uC5D0 \uC624\uBA74 \uAC00\uBCCD\uAC8C 1 ~ 2\uC2DC\uAC04 \uC815\uB3C4 \uBC84\uBE14\uD30C\uC774\uD130\uB97C \uD588\uACE0, \uC8FC\uB9D0\uB9CC \uB418\uBA74 \uC815\uB9D0 \uD558\uB8E8 \uC885\uC77C \uBC84\uBE14\uD30C\uC774\uD130\uB97C \uD588\uB2E4. \uAC8C\uC784\uC5D0 \uBAA8\uB4E0 \uC2DC\uAC04\uC744 \uD22C\uC790\uD588\uB2E4\uACE0 \uD574\uB3C4 \uACFC\uC5B8\uC774 \uC544\uB2D0 \uC815\uB3C4\uB85C \uC5F4\uC2EC\uD788 \uD588\uB2E4.

\uADF8\uB798\uB3C4 \uAC00\uC2B4 \uD55C \uCF20\uC5D0\uB294 \uD504\uB85C\uADF8\uB798\uBA38\uAC00 \uB418\uACE0 \uC2F6\uB2E4 \uB77C\uB294 \uBAA9\uD45C\uAC00 \uC790\uB9AC \uC7A1\uACE0 \uC788\uC5C8\uACE0, \uBB34\uC5B8\uAC00 \uB0B4\uAC00 \uD5C8\uC1A1 \uC138\uC6D4\uC744 \uBCF4\uB0BC \uB54C \uB9C8\uB2E4 \uC774\uB798\uB3C4 \uB418\uB294 \uAC74\uAC00 \uC2F6\uC740 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uB2E4.


\uC0AC\uC2E4 \uB0B4 \uC778\uC0DD\uC758 \uD074\uB77C\uC774\uB9C9\uC2A4\uB294 \uC774 \uC774\uC57C\uAE30 \uC774\uD6C4\uBD80\uD130 \uC2DC\uC791\uB41C\uB2E4. \uBC24\uC774 \uAE4A\uC5B4\uC11C \uB354 \uC774\uC0C1 \uAE38\uAC8C \uC4F8 \uC790\uC2E0\uC774 \uC5C6\uC73C\uBBC0\uB85C, \uB0B4\uC77C\uC758 \uB098\uC5D0\uAC8C \uBC14\uD1A4\uD130\uCE58!


',72),v=o("\uB2E4\uC74C\uC774\uC57C\uAE30");function P(w,D){const d=t("RouterLink"),s=t("ExternalLinkIcon");return l(),a("div",null,[h,_,e("ul",null,[e("li",null,[c(d,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/"},{default:p(()=>[u]),_:1})]),e("li",null,[c(d,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/"},{default:p(()=>[C]),_:1})]),e("li",null,[c(d,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/"},{default:p(()=>[E]),_:1})])]),B,e("p",null,[b,g,m,e("a",f,[x,c(s)]),A]),k,e("p",null,[c(d,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/"},{default:p(()=>[v]),_:1})])])}var N=n(r,[["render",P],["__file","index.html.vue"]]);export{N as default}; diff --git a/assets/index.html.7405fdf8.js b/assets/index.html.07e9edcd.js similarity index 99% rename from assets/index.html.7405fdf8.js rename to assets/index.html.07e9edcd.js index 41ed7f4a..834cac70 100644 --- a/assets/index.html.7405fdf8.js +++ b/assets/index.html.07e9edcd.js @@ -1,4 +1,4 @@ -import{_ as o,r as p,o as i,c as l,a as n,b as t,d as e,e as s}from"./app.800103af.js";const c={},r=e('

2020\uB144 2\uBD84\uAE30 \uD68C\uACE0

\uC815\uC2E0\uC744 \uCC28\uB9AC\uACE0 \uBCF4\uB2C8 \uBC8C\uC368 2020\uB144\uC758 7\uC6D4\uC774 \uB418\uC5C8\uB2E4.

\uADF8\uB798\uC11C \uB2E4\uC2DC \uC815\uC2E0\uC744 \uAC00\uB2E4\uB4EC\uACE0, 2020\uB144\uC758 2\uBD84\uAE30\uB294 \uC5BC\uB9C8\uB098 \uC54C\uCC28\uAC8C \uBCF4\uB0C8\uB294\uC9C0 \uC815\uB9AC\uD574\uBCF4\uACE0\uC790 \uD55C\uB2E4.

\uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654

1. \uC77C\uC77C\uCEE4\uBC0B

\uC77C\uC77C\uCEE4\uBC0B
* \uAE00\uC744 \uC791\uC131\uD558\uB294 \uC2DC\uC810(8\uC6D4) \uAE30\uC900\uC758 Github Contributions \uC774\uB2E4.

\uC62C\uD574\uC758 \uCCAB \uBC88\uC9F8 \uBAA9\uD45C\uC774\uC790 \uC81C\uC77C \uD070 \uBAA9\uD45C\uB294 \uBC14\uB85C \uC77C\uC77C\uCEE4\uBC0B\uC774\uB2E4. \uC774\uC804\uC5D0\uB294 \uC77C\uC77C\uCEE4\uBC0B\uC774 \uBD80\uC9C8\uC5C6\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB294\uB370, \uADF8 \uC0DD\uAC01\uC744 \uACE0\uCCD0\uBA39\uC5C8\uB2E4. \uBB34\uC5B8\uAC00\uB97C \uAC70\uCC3D\uD558\uAC8C \uD558\uAE30\uBCF4\uB2E8, \uC791\uB354\uB77C\uB3C4 \uAFB8\uC900\uD788 \uD558\uB294 \uAC83\uC774 \uC911\uC694\uD558\uB2E4.

',7),u=s("\uC774\uB7F0 \uC0DD\uAC01\uC740 "),d={href:"https://www.youtube.com/watch?v=V9AGvwPmnZU",target:"_blank",rel:"noopener noreferrer"},k=s("\uC9C0\uBC29\uB300 \uAC1C\uBC1C \uBE44\uC804\uACF5\uC790\uAC00 \uBC30\uB2EC\uC758\uBBFC\uC871 \uB9AC\uB4DC \uAC1C\uBC1C\uC790\uAC00 \uB418\uAE30\uAE4C\uC9C0"),h=s("\uC5D0 \uC5B8\uAE09\uB41C "),b=n("code",null,"\uD558\uB8E8\uD0A4 \uBC95\uCE59",-1),g=s("\uC5D0\uC11C \uBE44\uB86F\uB418\uC5C8\uB2E4."),v=n("p",null,[s("\uB098\uB294 "),n("strong",null,"\uAD00\uC131"),s("\uC758 \uC601\uD5A5\uC744 \uD06C\uAC8C \uBC1B\uB294 \uC0AC\uB78C\uC774\uB2E4. \uADF8\uB798\uC11C \uC77C\uC77C\uCEE4\uBC0B\uC774\uB77C\uB294 \uAD00\uC131\uC5D0 \uD0D1\uC2B9\uD558\uAE30\uB85C \uD588\uB2E4. "),n("s",null,"\uAC15\uC81C\uB85C \uAFB8\uC900\uD788 \uACF5\uBD80\uD558\uB2E4 \uBCF4\uBA74 \uBB50\uB77C\uB3C4 \uB418\uC5B4\uC788\uACA0\uC9C0 \uD558\uBA70..")],-1),m=n("p",null,[s("\uB108\uBB34 \uD53C\uACE4\uD574\uC11C \uBABB\uD560\uBED4\uD55C \uC801\uB3C4 \uC788\uC5C8\uC9C0\uB9CC, \uBA38\uB9BF\uC18D\uC73C\uB85C \uACC4\uC18D "),n("u",null,"'\uADF8\uB798\uB3C4 \uC624\uB298 \uCEE4\uBC0B\uC744 \uD574\uC57C \uD558\uB294\uB370...'"),s(" \uD558\uBA70 \uBAB8\uC744 \uC77C\uC73C\uCF1C \uACF5\uBD80 \uD588\uB2E4. \uC774\uB807\uAC8C\uAE4C\uC9C0 \uD574\uC57C \uD558\uB294 \uAC74\uAC00 \uC2F6\uC744 \uB54C\uB3C4 \uC788\uC5C8\uC9C0\uB9CC \uC5B4\uCA0C\uB4E0 \uACB0\uACFC\uC801\uC73C\uB860 \uB098\uC058\uC9C0 \uC54A\uC558\uB2E4.")],-1),_=n("p",null,"2\uBD84\uAE30\uC5D0\uB294 \uC77C\uC77C\uCEE4\uBC0B\uC758 \uC591\uBD84\uC73C\uB85C",-1),f={href:"https://junilhwang.github.io/TIL/",target:"_blank",rel:"noopener noreferrer"},y=s("Today I Learned"),w=s("\uC0AC\uC774\uD2B8 \uD504\uB85C\uC81D\uD2B8: "),q={href:"https://github.com/JunilHwang/DKU-Software-Engineering-Logging-service",target:"_blank",rel:"noopener noreferrer"},j=s("DKU-Software-Engineering-Logging-service"),S={href:"https://github.com/JunilHwang/java-clean-code",target:"_blank",rel:"noopener noreferrer"},x=s("Java Clean Code TDD 8\uAE30"),R={href:"https://github.com/DKU-STUDY",target:"_blank",rel:"noopener noreferrer"},C=s("DKU-STUDY"),I={href:"https://github.com/JunilHwang/discord-study-bot",target:"_blank",rel:"noopener noreferrer"},D=s("\uB514\uC2A4\uCF54\uB4DC \uAE43\uD5C8\uBE0C \uC54C\uB9BC \uBD07"),T=e('

\uB4F1\uC744 \uC774\uC6A9\uD588\uB2E4.

\uD559\uACFC \uC790\uB8CC\uB294 \uC61B\uB0A0\uBD80\uD130 \uC0DD\uAC01\uD588\uB358 \uAC70\uB77C\uC11C \uADF8\uB0E5 \uC2DC\uAC04 \uC788\uC744 \uB54C \uC870\uAE08\uC529 \uC815\uB9AC\uD588\uACE0, TIL\uB3C4 \uD300\uC6D0\uB4E4\uACFC \uC720\uBA85\uD55C \uAC1C\uBC1C\uC790\uB4E4\uC774 \uD558\uACE0 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uB098\uB3C4 \uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC73C\uB85C \uC2DC\uC791\uD588\uB2E4.

\uADF8\uB9AC\uACE0 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC758 \uACBD\uC6B0 \uD559\uAD50\uC5D0 \uB2E4\uB2D0 \uB54C\uBD80\uD130 \uD574\uC57C\uC9C0 \uD574\uC57C\uC9C0 \uD558\uB2E4\uAC00 \uACB0\uAD6D \uBABB\uD588\uB294\uB370, \uC5B4\uB5BB\uAC8C\uB4E0 \uB05D\uB9FA\uC74C\uC744 \uC9D3\uACE0 \uC2F6\uC5B4\uC11C \uC2DC\uC791\uD588\uB2E4. \uACB0\uACFC\uC801\uC73C\uB85C \uC9C0\uAE08\uC740 \uBC29\uCE58\uC911\uC774\uB2E4.3\uBD84\uAE30\uC5D0 \uAF2D \uBC30\uD3EC\uAE4C\uC9C0 \uD574\uBCF4\uC790!

2\uBD84\uAE30 \uCEE4\uBC0B \uC815\uC0B0

  • 2\uBD84\uAE30\uC5D0 \uCD1D 1537\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.
  • 4\uC6D4\uC5D0 462\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.
    4\uC6D4
  • 5\uC6D4\uC5D0 641\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.
    5\uC6D4
  • 6\uC6D4\uC5D0 434\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.
    6\uC6D4
  • \uD55C \uB2EC \uD3C9\uADE0 \uC57D 512\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.
  • \uD558\uB8E8 \uD3C9\uADE0 \uC57D 17\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.

\uD655\uC2E4\uD788 3\uAC1C\uC6D4 \uB3D9\uC548 \uB9E4\uC6B0 \uB9CE\uC740 \uAE30\uB85D\uC744\uACF5\uBD80\uB97C \uD588\uB2E4. \uC801\uC5B4\uB3C4 \uB0B4\uAC00 \uC5EC\uD0DC\uAE4C\uC9C0 \uC0B4\uC544\uC654\uB358 \uB2E4\uB978 \uC2DC\uAC04\uB4E4\uACFC \uBE44\uAD50\uD558\uBA74 \uADF8\uB807\uB2E4. \uC774 \uBC00\uB3C4\uB97C \uCD5C\uB300 3\uB144 \uC815\uB3C4 \uC720\uC9C0\uD558\uB294 \uAC83\uC774 \uB098\uC758 \uCD5C\uB300 \uBAA9\uD45C\uB2E4.

\uADF8\uB9AC\uACE0 \uC774 \uBAA9\uD45C\uB97C \uC5BC\uB9C8\uB098 \uCC29\uC2E4\uD558\uAC8C \uC774\uB8E8\uC5B4\uAC00\uB290\uB0D0\uC5D0 \uB530\uB77C\uC11C \uC55E\uC73C\uB85C\uC758 \uC778\uC0DD\uC774 \uB2EC\uB77C\uC9C0\uACA0\uC9C0?

\uC131\uACF5\uAE4C\uC9C4 \uC544\uB2C8\uB354\uB77C\uB3C4 \uB098 \uC790\uC2E0\uC5D0\uAC8C \uB5B3\uB5B3\uD558\uAC8C \uC0B4\uAE30 \uC704\uD55C \uD55C \uAC78\uC74C\uC774\uB9AC\uB77C.


2. Today I Learned

',9),G={class:"custom-container tip"},P=n("p",{class:"custom-container-title"},"\uB098\uC758 \uC790\uADF9\uC81C",-1),L={href:"https://github.com/namjunemy",target:"_blank",rel:"noopener noreferrer"},A=s("\uB0A8\uC900\uB2D8\uC758 TIL"),B=s("\uCCB4\uB300\uC0DD \uAC1C\uBC1C\uC790\uB85C \uC720\uBA85\uD55C "),J={href:"https://github.com/Integerous/TIL",target:"_blank",rel:"noopener noreferrer"},U=s("\uC815\uC218\uB2D8\uC758 TIL"),E=s("TIL\uC740 \uC544\uB2C8\uC9C0\uB9CC, "),N={href:"https://github.com/gmlwjd9405/gmlwjd9405.github.io",target:"_blank",rel:"noopener noreferrer"},M=s("\uD76C\uC815\uB2D8\uC758 \uBE14\uB85C\uADF8"),O=n("p",null,"\uC785\uC0AC \uD588\uC744 \uB54C \uC774\uB7F0 \uBD84\uB4E4\uACFC \uAC19\uC774 \uC77C\uD560 \uC218 \uC788\uC74C\uC5D0 \uAC10\uC0AC\uD588\uB2E4.",-1),$=n("p",null,[s("\uC77C\uC77C \uCEE4\uBC0B\uC758 \uC88B\uC740 \uC591\uBD84 \uC911 \uD558\uB098\uAC00 "),n("code",null,"Today I Learn"),s("\uC774\uC5C8\uB2E4. \uACF5\uBD80\uD55C \uAC83\uB4E4\uC744 \uAE30\uB85D\uD558\uB294 \uB2E8\uC21C\uD55C \uD589\uC704\uC9C0\uB9CC \uADF8 \uD6A8\uACFC\uB294 \uC0C1\uB2F9\uD788 \uC88B\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.")],-1),V=n("p",null,[s("\uAE30\uB85D\uD558\uACE0 \uC2F6\uC740 \uAC83\uB4E4\uC774 \uCC38 \uB9CE\uC740\uB370, \uB0B4\uAC00 \uAE00\uC744 \uC791\uC131\uD560 \uB54C \uACF5\uC744 \uB108\uBB34 \uB9CE\uC774 \uB4E4\uC5EC\uC11C \uD55C \uAC00\uC9C0 \uC8FC\uC81C\uB85C \uBB34\uC5B8\uAC00\uB97C \uC4F8 \uB54C \uC2DC\uAC04\uC744 \uB108\uBB34 \uB9CE\uC774 \uC18C\uBAA8\uD55C\uB2E4. \uADF8\uB807\uB2E4\uACE0 \uB300\uCDA9 \uC4F0\uAE30\uB294 \uB610 \uC2EB\uB2E4. \uADF8\uB798\uC11C \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uAE00\uC4F0\uAE30 \uC790\uCCB4\uB97C \uBA40\uB9AC\uD558\uAC8C \uB41C\uB2E4.. "),n("s",null,"\uD551\uACC4\uB3C4 \uAC00\uC9C0\uAC00\uC9C0")],-1),H=n("p",null,[s("\uC77C\uB2E8 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC644\uB8CC\uD55C \uB2E4\uC74C\uC5D0 \uB2E4\uC2DC \uAFB8\uC900\uD788 \uC4F0\uB4E0\uAC00 \uD574\uC57C\uC9C0.. "),n("s",null,"\uB300\uCCB4 \uC5B8\uC81C\uD558\uACA0\uB2E4\uB294\uAC78\uAE4C?")],-1),W=n("p",null,[s("2\uBD84\uAE30\uB294 "),n("strong",null,"\uC6D4\uAC04 \uB9AC\uBDF0"),s("\uB9CC \uC791\uC131\uD588\uB2E4.")],-1),K={href:"https://junilhwang.github.io/TIL/Review/2020-year/01-January/",target:"_blank",rel:"noopener noreferrer"},Y=s("1\uC6D4 \uB9AC\uBDF0"),X={href:"https://junilhwang.github.io/TIL/Review/2020-year/02-February/",target:"_blank",rel:"noopener noreferrer"},z=s("2\uC6D4 \uB9AC\uBDF0"),F={href:"https://junilhwang.github.io/TIL/Review/2020-year/03-March/",target:"_blank",rel:"noopener noreferrer"},Q=s("3\uC6D4 \uB9AC\uBDF0"),Z={href:"https://junilhwang.github.io/TIL/Review/2020-year/04-April/",target:"_blank",rel:"noopener noreferrer"},nn=s("4\uC6D4 \uB9AC\uBDF0"),sn={href:"https://junilhwang.github.io/TIL/Review/2020-year/05-May/",target:"_blank",rel:"noopener noreferrer"},an=s("5\uC6D4 \uB9AC\uBDF0"),tn={href:"https://junilhwang.github.io/TIL/Review/2020-year/06-June/",target:"_blank",rel:"noopener noreferrer"},en=s("6\uC6D4 \uB9AC\uBDF0"),on=e('

1~3\uC6D4 \uB9AC\uBDF0\uB294 \uAE30\uC5B5\uC774 \uAC00\uBB3C \uAC00\uBB3C \uD574\uC11C \uB300\uCDA9 \uC791\uC131\uD588\uB2E4. \uC0AC\uC2E4 \uADF8\uB807\uAC8C \uD2B9\uC774\uD55C \uC77C\uB3C4 \uC5C6\uC5C8\uB2E4.


3. Side Project

Github\uC640 \uAD00\uB828\uB41C \uC8FC\uC81C\uB85C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uACE0 \uC788\uB2E4. \uC790\uC2E0\uC758 Github\uC5D0 \uC62C\uB9B0 Markdown \uD30C\uC77C\uC744 \uC77D\uC5B4\uC62C \uC218 \uC788\uACE0, Webhooks\uB97C \uC774\uC6A9\uD558\uC5EC \uC790\uB3D9\uC73C\uB85C \uD3EC\uC2A4\uD2B8\uAC00 \uC5C5\uB370\uC774\uD2B8\uB418\uB3C4\uB85D \uB9CC\uB4E4\uC5C8\uB2E4. (\uBB3C\uB860 \uC218\uB3D9\uC73C\uB85C \uAC31\uC2E0\uD560 \uC218\uB3C4 \uC788\uB2E4.)

\uC77C\uB2E8 \uC704\uC5D0 \uC5B8\uAE09\uD55C \uAE30\uB2A5\uB4E4\uC740 \uC77C\uCC0D\uC774 \uB2E4 \uB9CC\uB4E4\uC5C8\uB294\uB370, \uBB38\uC81C\uB294 \uB514\uC790\uC778\uB3C4 \uAD6C\uB9AC\uACE0 \uD004\uB9AC\uD2F0\uAC00 \uB0AE\uC558\uB2E4. \uADF8\uB798\uC11C \uC774\uAC83\uC800\uAC83 \uC11C\uBE0C \uAE30\uB2A5\uC744 \uB123\uC5B4\uC57C \uD558\uB294\uB370 \uADF8\uAC83\uB9C8\uC800 \uC27D\uC9C0\uAC00 \uC54A\uB2E4. \uD63C\uC790\uC11C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uB294 \uAC8C \uC774\uB7F4 \uB54C \uBC84\uAC81\uAD6C\uB098 \uB290\uB07C\uB294 \uC911\uC774\uB2E4.

\uADF8\uB798\uC11C \uB9CC\uC871\uD560 \uB54C \uAE4C\uC9C0 \uB9AC\uD329\uD1A0\uB9C1\uC744 \uD558\uAC70\uB098, \uAE30\uC220 \uC2A4\uD0DD\uC744 \uCD5C\uB300\uD55C \uB9CE\uC774 \uACF5\uBD80\uD558\uB294 \uB4F1\uC758 \uBAA9\uD45C\uB97C \uAC00\uC9C0\uACE0 \uC9C4\uD589 \uC911\uC774\uB2E4. \uBC8C\uC368 \uB9AC\uD329\uD1A0\uB9C1\uB9CC \uBA87 \uBC88 \uD55C \uAC83\uC778\uC9C0...

\uCCAB \uBC88\uC9F8 \uC131\uACFC, Open API \uC2B5\uB4DD

\uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uBA74\uC11C \uC5BB\uC740 \uCCAB \uBC88\uC9F8 \uC131\uACFC\uB294 Open API\uB97C \uC0AC\uC6A9\uD558\uB294 \uBC29\uBC95\uC744 \uC644\uC804\uD788 \uD130\uB4DD\uD55C \uAC83\uC774\uB2E4. \uC774\uC804\uC5D0\uB294 API\uB97C \uC5F0\uB3D9\uD560 \uB54C \uBB38\uC11C\uB97C \uBD10\uB3C4 \uBAA8\uB974\uACA0\uACE0, \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC774 \uC791\uC131\uD55C \uAE00\uB4E4\uC744 \uBD10\uB3C4 \uAC10\uC774 \uC624\uC9C8 \uC54A\uC558\uB294\uB370 \uC815\uB9D0 \uC5B4\uB5A4 API\uB97C \uC0AC\uC6A9\uD558\uB354\uB77C\uB3C4 \uD070 \uBB38\uC81C\uAC00 \uC5C6\uC744 \uC815\uB3C4\uB85C \uC774\uD574\uD55C \uC0C1\uD0DC\uB2E4.

\uC0AC\uC2E4 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8 \uB355\uBD84\uC774\uB77C\uAE30\uBCF4\uB2E8 \uC785\uC0AC \uC9C1\uD6C4\uC5D0 \uC9C4\uD589\uD588\uB358 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uC758 \uC601\uD5A5\uC774 \uB354 \uD070 \uAC83 \uAC19\uB2E4.

\uB450 \uBC88\uC9F8 \uC131\uACFC, NestJS \uC2B5\uB4DD

\uB450 \uBC88\uC9F8 \uC131\uACFC\uB85C NestJS\uC5D0 \uB300\uD55C \uC0AC\uC6A9\uBC95 \uC2B5\uB4DD\uC774\uB2E4.

',11),pn=s("\uC7AC\uD559\uC911\uC5D0 "),ln={href:"https://nestjs.com/",target:"_blank",rel:"noopener noreferrer"},cn=s("NestJS"),rn=s("\uAC00 \uBB54\uAC00 \uC88B\uC544\uBCF4\uC5EC\uC11C \uACF5\uBD80\uD588\uC5C8\uB294\uB370, \uB108\uBB34 \uC5B4\uB824\uC6CC\uC11C \uD3EC\uAE30\uD588\uB2E4. \uADF8\uB7F0\uB370 \uC774\uBC88\uC5D0 \uBB34\uC2EC\uCF54 \uB2E4\uC2DC \uC801\uC6A9\uC744 \uC2DC\uB3C4\uD588\uACE0, \uACB0\uACFC\uC801\uC73C\uB85C \uC88B\uC740 \uC120\uD0DD\uC774 \uB418\uC5C8\uB2E4."),un=e('

NestJS \uC18C\uAC1C

  • NestJS\uB294 Google\uC5D0\uC11C \uB9CC\uB4E0 Server Side Framework\uC774\uB2E4.
  • Java\uC758 Spring\uACFC \uB9E4\uC6B0 \uBE44\uC2B7\uD55C \uBC29\uC2DD\uC73C\uB85C \uC791\uB3D9\uD55C\uB2E4.
  • DI(Dependency Injection) \uBC29\uC2DD\uC73C\uB85C \uAD6C\uC131\uD55C\uB2E4.
  • DDD \uD615\uD0DC\uC758 \uD504\uB85C\uC81D\uD2B8 \uAD6C\uC870\uB97C \uAD8C\uC7A5\uD55C\uB2E4.
  • Typescript\uB97C \uC0AC\uC6A9\uD55C\uB2E4.
  • express \uAE30\uBC18\uC774\uB2E4.

NestJS\uC758 \uCCA0\uD559

NestJS\uB294 Angular\uC758 \uC601\uD5A5\uC744 \uBC1B\uC544 \uB2E4\uC74C\uACFC \uAC19\uC740 \uCCA0\uD559 \uAE30\uBC18\uC744 \uB9CC\uB4E4\uC5B4\uC84C\uC2B5\uB2C8\uB2E4.

  • \uACE0\uB3C4\uC758 \uD14C\uC2A4\uD2B8 \uC9C0\uC6D0
  • \uD6A8\uC728\uC801\uC778 \uD655\uC7A5
  • \uB290\uC2A8\uD55C \uACB0\uD569
  • \uC720\uC9C0 \uAD00\uB9AC\uAC00 \uC6A9\uC774\u200B\u200B\uD55C \uC560\uD50C\uB9AC\uCF00\uC774\uC158

\uC774\uAC74 \uAC1D\uCCB4\uC9C0\uD5A5 \uACF5\uBD80\uC758 \uC601\uD5A5\uC774 \uCEF8\uB2E4. \uAD6D\uB0B4 \uC790\uB8CC\uB97C \uC544\uBB34\uB9AC \uCC3E\uC544\uBD10\uB3C4 NestJS\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC740 \uAC70\uC758 \uBCFC \uC218 \uC5C6\uC5C8\uB2E4. \uB300\uBD80\uBD84 \uD574\uC678\uC5D0\uC11C \uC0AC\uC6A9\uD558\uACE0 \uC788\uB294\uB370, \uC601\uC5B4\uC5D0 \uB108\uBB34 \uCDE8\uC57D\uD558\uB2E4 \uBCF4\uB2C8.. \uC774\uD574\uAC00 \uB108\uBB34 \uC5B4\uB824\uC6E0\uB2E4.

\uD558\uC9C0\uB9CC Spring\uC744 \uB9CE\uC774 \uC0AC\uC6A9\uD574\uBD24\uACE0 Spring\uC5D0 \uC0AC\uC6A9\uB41C \uAE30\uBCF8\uC801\uC740 \uB514\uC790\uC778\uD328\uD134\uC774\uB098 \uCCA0\uD559\uC744 \uC774\uD574\uD558\uACE0 \uC788\uB2E4\uBA74, NestJS\uB97C \uC774\uD574\uD558\uB294 \uB370 \uD070 \uBB34\uB9AC\uAC00 \uC5C6\uB294 \uAC83 \uAC19\uB2E4.

\uADF8\uB798\uC11C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC758 \uC81C\uC77C \uD070 \uC218\uD655\uC740 \uC0AC\uC2E4 NestJS\uC758 \uC0AC\uC6A9 \uC219\uC9C0\uAC00 \uC544\uB2D0\uAE4C \uC2F6\uB2E4.

\uC138 \uBC88\uC9F8 \uC131\uACFC, SSR

\uC9C4\uC9DC SSR \uB54C\uBB38\uC5D0 \uD55C \uB3D9\uC548 \uACE0\uC0DD\uC744 \uB108\uBB34 \uB9CE\uC774 \uD588\uB2E4. Vue\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uAC00\uC774\uB4DC\uB77C\uC778\uC774 \uB108\uBB34 \uBE48\uC57D\uD558\uACE0, API \uBB38\uC11C\uB3C4 \uC798\uBABB \uB418\uC5C8\uAC70\uB098 \uBC18\uC601\uB418\uC9C0 \uC54A\uC740 \uAC83\uB4E4\uC774 \uB9CE\uC558\uB2E4.

\uAC01\uC124\uD558\uACE0 \uBB38\uC81C\uC810\uACFC \uC57D\uAC04\uC758 \uD574\uACB0\uACFC\uC815\uC744 \uB098\uC5F4\uD574\uBCF4\uC790\uBA74,

\uCCAB \uBC88\uC9F8 \uBB38\uC81C: SSR\uACFC CSR\uC744 \uAC19\uC774 \uD558\uAE30 \uC704\uD55C \uAC00\uC774\uB4DC\uB77C\uC778\uC774 \uC5C6\uB2E4.

',9),dn={href:"https://ssr.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},kn=s("Vue\uC758 \uACF5\uC2DD\uBB38\uC11C"),hn=s(", \uAC01\uC885 \uCEE4\uBBA4\uB2C8\uD2F0 \uC0AC\uC774\uD2B8, \uAE30\uC220 \uBE14\uB85C\uADF8 \uB4F1\uC744 \uD3FC\uD558\uC5EC \uB208\uC53B\uACE0 \uCC3E\uC544\uBD10\uB3C4 SSR\uACFC CSR\uC744 \uAC19\uC774 \uC0AC\uC6A9\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD55C \uAC00\uC774\uB4DC\uB77C\uC778\uC740 \uC5C6\uC5C8\uB2E4. "),bn=n("u",null,"\uC788\uB2E4\uBA74 \uB204\uAC00 \uC880 \uC54C\uB824\uC8FC\uAE38..",-1),gn=e(`

\uC5B4\uCA0C\uB4E0 SSR\uC5D0 CSR\uC744 \uC5F0\uB3D9\uD558\uAE30 \uC704\uD574\uC120 \uB2E4\uC74C\uACFC \uAC19\uC740 \uACFC\uC815\uC774 \uD544\uC694\uD558\uB2E4.

  • CSR\uC758 Template\uC5D0 SSR\uC758 Template\uC744 \uD569\uCCD0\uC57C \uD55C\uB2E4.
  • CSR \uCF54\uB4DC\uB97C \uBC88\uB4E4\uB9C1(\uBE4C\uB4DC) \uD55C\uB2E4. \uC774 \uB54C Template\uB3C4 Bundling \uCF54\uB4DC\uC5D0 \uD3EC\uD568\uB41C\uB2E4.
  • CSR\uC5D0\uC11C Build\uB41C Template\uB97C SSR\uC5D0\uC11C \uC0AC\uC6A9\uD55C\uB2E4.

\uC774\uC640 \uAD00\uB828 \uB0B4\uC6A9\uB3C4 \uCD94\uD6C4\uC5D0 \uC0C1\uC138\uD558\uAC8C \uC815\uB9AC\uD574\uC11C \uC62C\uB9B4 \uC608\uC815\uC774\uB2E4.

\uB450 \uBC88\uC9F8 \uBB38\uC81C: window\uC640 document\uB97C \uC0AC\uC6A9\uD558\uB294 \uCF54\uB4DC\uB4E4

SSR\uC740 CSR\uC758 \uCF54\uB4DC\uB97C Server\uC5D0\uC11C \uC2E4\uD589\uD558\uC5EC HTML \uCF54\uB4DC\uB97C \uB9CC\uB4E4\uACE0 \uBC14\uB85C \uB80C\uB354\uB9C1\uD55C\uB2E4. \uC774 \uB54C \uBC1C\uC0DD\uD558\uB294 \uBB38\uC81C\uAC00 window\uC640 document\uB294 Server Side\uC5D0\uC11C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uB2E4\uB294 \uAC83\uC774\uB2E4.

\uADF8\uB798\uC11C \uC9C1\uC811 window\uC640 document\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uAC70\uB098 Render\uC640 \uAD00\uB828\uB41C \uCF54\uB4DC\uC5D0\uB294 window\uC640 document\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uB294 \uAC83\uC774\uB2E4. \uADF8\uB7F0\uB370 \uC774\uAC8C \uB9D0\uC774 \uC27D\uC9C0 \uC9C1\uC811 \uD574\uBCF4\uBA74 \uC695\uB098\uC628\uB2E4.

\uC5B4\uCA0C\uB4E0 \uC5B4\uB5A4 \uBC29\uBC95\uC774 \uC81C\uC77C \uC88B\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uCC3E\uC544\uB09C \uD574\uACB0\uCC45\uC774 JSDOM\uC744 \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774\uB2E4.

JSDOM

  • JSDOM\uC740 \uB9D0 \uADF8\uB300\uB85C \uAC00\uC0C1\uC758 window\uC640 document\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uB294 \uAC83\uC774\uB2E4.
  • \uAC00\uC0C1\uC758 \uC874\uC7AC\uC5EC\uB3C4 \uC874\uC7AC\uD55C\uB2E4\uB294 \uAC83 \uC790\uCCB4\uB9CC\uC73C\uB85C\uB3C4 \uADF8 \uAC00\uCE58\uAC00 \uC788\uB2E4.
import { Injectable } from '@nestjs/common'
+import{_ as o,r as p,o as i,c as l,a as n,b as t,d as e,e as s}from"./app.d20f8571.js";const c={},r=e('

2020\uB144 2\uBD84\uAE30 \uD68C\uACE0

\uC815\uC2E0\uC744 \uCC28\uB9AC\uACE0 \uBCF4\uB2C8 \uBC8C\uC368 2020\uB144\uC758 7\uC6D4\uC774 \uB418\uC5C8\uB2E4.

\uADF8\uB798\uC11C \uB2E4\uC2DC \uC815\uC2E0\uC744 \uAC00\uB2E4\uB4EC\uACE0, 2020\uB144\uC758 2\uBD84\uAE30\uB294 \uC5BC\uB9C8\uB098 \uC54C\uCC28\uAC8C \uBCF4\uB0C8\uB294\uC9C0 \uC815\uB9AC\uD574\uBCF4\uACE0\uC790 \uD55C\uB2E4.

\uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654

1. \uC77C\uC77C\uCEE4\uBC0B

\uC77C\uC77C\uCEE4\uBC0B
* \uAE00\uC744 \uC791\uC131\uD558\uB294 \uC2DC\uC810(8\uC6D4) \uAE30\uC900\uC758 Github Contributions \uC774\uB2E4.

\uC62C\uD574\uC758 \uCCAB \uBC88\uC9F8 \uBAA9\uD45C\uC774\uC790 \uC81C\uC77C \uD070 \uBAA9\uD45C\uB294 \uBC14\uB85C \uC77C\uC77C\uCEE4\uBC0B\uC774\uB2E4. \uC774\uC804\uC5D0\uB294 \uC77C\uC77C\uCEE4\uBC0B\uC774 \uBD80\uC9C8\uC5C6\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB294\uB370, \uADF8 \uC0DD\uAC01\uC744 \uACE0\uCCD0\uBA39\uC5C8\uB2E4. \uBB34\uC5B8\uAC00\uB97C \uAC70\uCC3D\uD558\uAC8C \uD558\uAE30\uBCF4\uB2E8, \uC791\uB354\uB77C\uB3C4 \uAFB8\uC900\uD788 \uD558\uB294 \uAC83\uC774 \uC911\uC694\uD558\uB2E4.

',7),u=s("\uC774\uB7F0 \uC0DD\uAC01\uC740 "),d={href:"https://www.youtube.com/watch?v=V9AGvwPmnZU",target:"_blank",rel:"noopener noreferrer"},k=s("\uC9C0\uBC29\uB300 \uAC1C\uBC1C \uBE44\uC804\uACF5\uC790\uAC00 \uBC30\uB2EC\uC758\uBBFC\uC871 \uB9AC\uB4DC \uAC1C\uBC1C\uC790\uAC00 \uB418\uAE30\uAE4C\uC9C0"),h=s("\uC5D0 \uC5B8\uAE09\uB41C "),b=n("code",null,"\uD558\uB8E8\uD0A4 \uBC95\uCE59",-1),g=s("\uC5D0\uC11C \uBE44\uB86F\uB418\uC5C8\uB2E4."),v=n("p",null,[s("\uB098\uB294 "),n("strong",null,"\uAD00\uC131"),s("\uC758 \uC601\uD5A5\uC744 \uD06C\uAC8C \uBC1B\uB294 \uC0AC\uB78C\uC774\uB2E4. \uADF8\uB798\uC11C \uC77C\uC77C\uCEE4\uBC0B\uC774\uB77C\uB294 \uAD00\uC131\uC5D0 \uD0D1\uC2B9\uD558\uAE30\uB85C \uD588\uB2E4. "),n("s",null,"\uAC15\uC81C\uB85C \uAFB8\uC900\uD788 \uACF5\uBD80\uD558\uB2E4 \uBCF4\uBA74 \uBB50\uB77C\uB3C4 \uB418\uC5B4\uC788\uACA0\uC9C0 \uD558\uBA70..")],-1),m=n("p",null,[s("\uB108\uBB34 \uD53C\uACE4\uD574\uC11C \uBABB\uD560\uBED4\uD55C \uC801\uB3C4 \uC788\uC5C8\uC9C0\uB9CC, \uBA38\uB9BF\uC18D\uC73C\uB85C \uACC4\uC18D "),n("u",null,"'\uADF8\uB798\uB3C4 \uC624\uB298 \uCEE4\uBC0B\uC744 \uD574\uC57C \uD558\uB294\uB370...'"),s(" \uD558\uBA70 \uBAB8\uC744 \uC77C\uC73C\uCF1C \uACF5\uBD80 \uD588\uB2E4. \uC774\uB807\uAC8C\uAE4C\uC9C0 \uD574\uC57C \uD558\uB294 \uAC74\uAC00 \uC2F6\uC744 \uB54C\uB3C4 \uC788\uC5C8\uC9C0\uB9CC \uC5B4\uCA0C\uB4E0 \uACB0\uACFC\uC801\uC73C\uB860 \uB098\uC058\uC9C0 \uC54A\uC558\uB2E4.")],-1),_=n("p",null,"2\uBD84\uAE30\uC5D0\uB294 \uC77C\uC77C\uCEE4\uBC0B\uC758 \uC591\uBD84\uC73C\uB85C",-1),f={href:"https://junilhwang.github.io/TIL/",target:"_blank",rel:"noopener noreferrer"},y=s("Today I Learned"),w=s("\uC0AC\uC774\uD2B8 \uD504\uB85C\uC81D\uD2B8: "),q={href:"https://github.com/JunilHwang/DKU-Software-Engineering-Logging-service",target:"_blank",rel:"noopener noreferrer"},j=s("DKU-Software-Engineering-Logging-service"),S={href:"https://github.com/JunilHwang/java-clean-code",target:"_blank",rel:"noopener noreferrer"},x=s("Java Clean Code TDD 8\uAE30"),R={href:"https://github.com/DKU-STUDY",target:"_blank",rel:"noopener noreferrer"},C=s("DKU-STUDY"),I={href:"https://github.com/JunilHwang/discord-study-bot",target:"_blank",rel:"noopener noreferrer"},D=s("\uB514\uC2A4\uCF54\uB4DC \uAE43\uD5C8\uBE0C \uC54C\uB9BC \uBD07"),T=e('

\uB4F1\uC744 \uC774\uC6A9\uD588\uB2E4.

\uD559\uACFC \uC790\uB8CC\uB294 \uC61B\uB0A0\uBD80\uD130 \uC0DD\uAC01\uD588\uB358 \uAC70\uB77C\uC11C \uADF8\uB0E5 \uC2DC\uAC04 \uC788\uC744 \uB54C \uC870\uAE08\uC529 \uC815\uB9AC\uD588\uACE0, TIL\uB3C4 \uD300\uC6D0\uB4E4\uACFC \uC720\uBA85\uD55C \uAC1C\uBC1C\uC790\uB4E4\uC774 \uD558\uACE0 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uB098\uB3C4 \uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC73C\uB85C \uC2DC\uC791\uD588\uB2E4.

\uADF8\uB9AC\uACE0 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC758 \uACBD\uC6B0 \uD559\uAD50\uC5D0 \uB2E4\uB2D0 \uB54C\uBD80\uD130 \uD574\uC57C\uC9C0 \uD574\uC57C\uC9C0 \uD558\uB2E4\uAC00 \uACB0\uAD6D \uBABB\uD588\uB294\uB370, \uC5B4\uB5BB\uAC8C\uB4E0 \uB05D\uB9FA\uC74C\uC744 \uC9D3\uACE0 \uC2F6\uC5B4\uC11C \uC2DC\uC791\uD588\uB2E4. \uACB0\uACFC\uC801\uC73C\uB85C \uC9C0\uAE08\uC740 \uBC29\uCE58\uC911\uC774\uB2E4.3\uBD84\uAE30\uC5D0 \uAF2D \uBC30\uD3EC\uAE4C\uC9C0 \uD574\uBCF4\uC790!

2\uBD84\uAE30 \uCEE4\uBC0B \uC815\uC0B0

  • 2\uBD84\uAE30\uC5D0 \uCD1D 1537\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.
  • 4\uC6D4\uC5D0 462\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.
    4\uC6D4
  • 5\uC6D4\uC5D0 641\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.
    5\uC6D4
  • 6\uC6D4\uC5D0 434\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.
    6\uC6D4
  • \uD55C \uB2EC \uD3C9\uADE0 \uC57D 512\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.
  • \uD558\uB8E8 \uD3C9\uADE0 \uC57D 17\uAC1C\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4.

\uD655\uC2E4\uD788 3\uAC1C\uC6D4 \uB3D9\uC548 \uB9E4\uC6B0 \uB9CE\uC740 \uAE30\uB85D\uC744\uACF5\uBD80\uB97C \uD588\uB2E4. \uC801\uC5B4\uB3C4 \uB0B4\uAC00 \uC5EC\uD0DC\uAE4C\uC9C0 \uC0B4\uC544\uC654\uB358 \uB2E4\uB978 \uC2DC\uAC04\uB4E4\uACFC \uBE44\uAD50\uD558\uBA74 \uADF8\uB807\uB2E4. \uC774 \uBC00\uB3C4\uB97C \uCD5C\uB300 3\uB144 \uC815\uB3C4 \uC720\uC9C0\uD558\uB294 \uAC83\uC774 \uB098\uC758 \uCD5C\uB300 \uBAA9\uD45C\uB2E4.

\uADF8\uB9AC\uACE0 \uC774 \uBAA9\uD45C\uB97C \uC5BC\uB9C8\uB098 \uCC29\uC2E4\uD558\uAC8C \uC774\uB8E8\uC5B4\uAC00\uB290\uB0D0\uC5D0 \uB530\uB77C\uC11C \uC55E\uC73C\uB85C\uC758 \uC778\uC0DD\uC774 \uB2EC\uB77C\uC9C0\uACA0\uC9C0?

\uC131\uACF5\uAE4C\uC9C4 \uC544\uB2C8\uB354\uB77C\uB3C4 \uB098 \uC790\uC2E0\uC5D0\uAC8C \uB5B3\uB5B3\uD558\uAC8C \uC0B4\uAE30 \uC704\uD55C \uD55C \uAC78\uC74C\uC774\uB9AC\uB77C.


2. Today I Learned

',9),G={class:"custom-container tip"},P=n("p",{class:"custom-container-title"},"\uB098\uC758 \uC790\uADF9\uC81C",-1),L={href:"https://github.com/namjunemy",target:"_blank",rel:"noopener noreferrer"},A=s("\uB0A8\uC900\uB2D8\uC758 TIL"),B=s("\uCCB4\uB300\uC0DD \uAC1C\uBC1C\uC790\uB85C \uC720\uBA85\uD55C "),J={href:"https://github.com/Integerous/TIL",target:"_blank",rel:"noopener noreferrer"},U=s("\uC815\uC218\uB2D8\uC758 TIL"),E=s("TIL\uC740 \uC544\uB2C8\uC9C0\uB9CC, "),N={href:"https://github.com/gmlwjd9405/gmlwjd9405.github.io",target:"_blank",rel:"noopener noreferrer"},M=s("\uD76C\uC815\uB2D8\uC758 \uBE14\uB85C\uADF8"),O=n("p",null,"\uC785\uC0AC \uD588\uC744 \uB54C \uC774\uB7F0 \uBD84\uB4E4\uACFC \uAC19\uC774 \uC77C\uD560 \uC218 \uC788\uC74C\uC5D0 \uAC10\uC0AC\uD588\uB2E4.",-1),$=n("p",null,[s("\uC77C\uC77C \uCEE4\uBC0B\uC758 \uC88B\uC740 \uC591\uBD84 \uC911 \uD558\uB098\uAC00 "),n("code",null,"Today I Learn"),s("\uC774\uC5C8\uB2E4. \uACF5\uBD80\uD55C \uAC83\uB4E4\uC744 \uAE30\uB85D\uD558\uB294 \uB2E8\uC21C\uD55C \uD589\uC704\uC9C0\uB9CC \uADF8 \uD6A8\uACFC\uB294 \uC0C1\uB2F9\uD788 \uC88B\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.")],-1),V=n("p",null,[s("\uAE30\uB85D\uD558\uACE0 \uC2F6\uC740 \uAC83\uB4E4\uC774 \uCC38 \uB9CE\uC740\uB370, \uB0B4\uAC00 \uAE00\uC744 \uC791\uC131\uD560 \uB54C \uACF5\uC744 \uB108\uBB34 \uB9CE\uC774 \uB4E4\uC5EC\uC11C \uD55C \uAC00\uC9C0 \uC8FC\uC81C\uB85C \uBB34\uC5B8\uAC00\uB97C \uC4F8 \uB54C \uC2DC\uAC04\uC744 \uB108\uBB34 \uB9CE\uC774 \uC18C\uBAA8\uD55C\uB2E4. \uADF8\uB807\uB2E4\uACE0 \uB300\uCDA9 \uC4F0\uAE30\uB294 \uB610 \uC2EB\uB2E4. \uADF8\uB798\uC11C \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uAE00\uC4F0\uAE30 \uC790\uCCB4\uB97C \uBA40\uB9AC\uD558\uAC8C \uB41C\uB2E4.. "),n("s",null,"\uD551\uACC4\uB3C4 \uAC00\uC9C0\uAC00\uC9C0")],-1),H=n("p",null,[s("\uC77C\uB2E8 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC644\uB8CC\uD55C \uB2E4\uC74C\uC5D0 \uB2E4\uC2DC \uAFB8\uC900\uD788 \uC4F0\uB4E0\uAC00 \uD574\uC57C\uC9C0.. "),n("s",null,"\uB300\uCCB4 \uC5B8\uC81C\uD558\uACA0\uB2E4\uB294\uAC78\uAE4C?")],-1),W=n("p",null,[s("2\uBD84\uAE30\uB294 "),n("strong",null,"\uC6D4\uAC04 \uB9AC\uBDF0"),s("\uB9CC \uC791\uC131\uD588\uB2E4.")],-1),K={href:"https://junilhwang.github.io/TIL/Review/2020-year/01-January/",target:"_blank",rel:"noopener noreferrer"},Y=s("1\uC6D4 \uB9AC\uBDF0"),X={href:"https://junilhwang.github.io/TIL/Review/2020-year/02-February/",target:"_blank",rel:"noopener noreferrer"},z=s("2\uC6D4 \uB9AC\uBDF0"),F={href:"https://junilhwang.github.io/TIL/Review/2020-year/03-March/",target:"_blank",rel:"noopener noreferrer"},Q=s("3\uC6D4 \uB9AC\uBDF0"),Z={href:"https://junilhwang.github.io/TIL/Review/2020-year/04-April/",target:"_blank",rel:"noopener noreferrer"},nn=s("4\uC6D4 \uB9AC\uBDF0"),sn={href:"https://junilhwang.github.io/TIL/Review/2020-year/05-May/",target:"_blank",rel:"noopener noreferrer"},an=s("5\uC6D4 \uB9AC\uBDF0"),tn={href:"https://junilhwang.github.io/TIL/Review/2020-year/06-June/",target:"_blank",rel:"noopener noreferrer"},en=s("6\uC6D4 \uB9AC\uBDF0"),on=e('

1~3\uC6D4 \uB9AC\uBDF0\uB294 \uAE30\uC5B5\uC774 \uAC00\uBB3C \uAC00\uBB3C \uD574\uC11C \uB300\uCDA9 \uC791\uC131\uD588\uB2E4. \uC0AC\uC2E4 \uADF8\uB807\uAC8C \uD2B9\uC774\uD55C \uC77C\uB3C4 \uC5C6\uC5C8\uB2E4.


3. Side Project

Github\uC640 \uAD00\uB828\uB41C \uC8FC\uC81C\uB85C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uACE0 \uC788\uB2E4. \uC790\uC2E0\uC758 Github\uC5D0 \uC62C\uB9B0 Markdown \uD30C\uC77C\uC744 \uC77D\uC5B4\uC62C \uC218 \uC788\uACE0, Webhooks\uB97C \uC774\uC6A9\uD558\uC5EC \uC790\uB3D9\uC73C\uB85C \uD3EC\uC2A4\uD2B8\uAC00 \uC5C5\uB370\uC774\uD2B8\uB418\uB3C4\uB85D \uB9CC\uB4E4\uC5C8\uB2E4. (\uBB3C\uB860 \uC218\uB3D9\uC73C\uB85C \uAC31\uC2E0\uD560 \uC218\uB3C4 \uC788\uB2E4.)

\uC77C\uB2E8 \uC704\uC5D0 \uC5B8\uAE09\uD55C \uAE30\uB2A5\uB4E4\uC740 \uC77C\uCC0D\uC774 \uB2E4 \uB9CC\uB4E4\uC5C8\uB294\uB370, \uBB38\uC81C\uB294 \uB514\uC790\uC778\uB3C4 \uAD6C\uB9AC\uACE0 \uD004\uB9AC\uD2F0\uAC00 \uB0AE\uC558\uB2E4. \uADF8\uB798\uC11C \uC774\uAC83\uC800\uAC83 \uC11C\uBE0C \uAE30\uB2A5\uC744 \uB123\uC5B4\uC57C \uD558\uB294\uB370 \uADF8\uAC83\uB9C8\uC800 \uC27D\uC9C0\uAC00 \uC54A\uB2E4. \uD63C\uC790\uC11C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uB294 \uAC8C \uC774\uB7F4 \uB54C \uBC84\uAC81\uAD6C\uB098 \uB290\uB07C\uB294 \uC911\uC774\uB2E4.

\uADF8\uB798\uC11C \uB9CC\uC871\uD560 \uB54C \uAE4C\uC9C0 \uB9AC\uD329\uD1A0\uB9C1\uC744 \uD558\uAC70\uB098, \uAE30\uC220 \uC2A4\uD0DD\uC744 \uCD5C\uB300\uD55C \uB9CE\uC774 \uACF5\uBD80\uD558\uB294 \uB4F1\uC758 \uBAA9\uD45C\uB97C \uAC00\uC9C0\uACE0 \uC9C4\uD589 \uC911\uC774\uB2E4. \uBC8C\uC368 \uB9AC\uD329\uD1A0\uB9C1\uB9CC \uBA87 \uBC88 \uD55C \uAC83\uC778\uC9C0...

\uCCAB \uBC88\uC9F8 \uC131\uACFC, Open API \uC2B5\uB4DD

\uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uBA74\uC11C \uC5BB\uC740 \uCCAB \uBC88\uC9F8 \uC131\uACFC\uB294 Open API\uB97C \uC0AC\uC6A9\uD558\uB294 \uBC29\uBC95\uC744 \uC644\uC804\uD788 \uD130\uB4DD\uD55C \uAC83\uC774\uB2E4. \uC774\uC804\uC5D0\uB294 API\uB97C \uC5F0\uB3D9\uD560 \uB54C \uBB38\uC11C\uB97C \uBD10\uB3C4 \uBAA8\uB974\uACA0\uACE0, \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC774 \uC791\uC131\uD55C \uAE00\uB4E4\uC744 \uBD10\uB3C4 \uAC10\uC774 \uC624\uC9C8 \uC54A\uC558\uB294\uB370 \uC815\uB9D0 \uC5B4\uB5A4 API\uB97C \uC0AC\uC6A9\uD558\uB354\uB77C\uB3C4 \uD070 \uBB38\uC81C\uAC00 \uC5C6\uC744 \uC815\uB3C4\uB85C \uC774\uD574\uD55C \uC0C1\uD0DC\uB2E4.

\uC0AC\uC2E4 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8 \uB355\uBD84\uC774\uB77C\uAE30\uBCF4\uB2E8 \uC785\uC0AC \uC9C1\uD6C4\uC5D0 \uC9C4\uD589\uD588\uB358 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uC758 \uC601\uD5A5\uC774 \uB354 \uD070 \uAC83 \uAC19\uB2E4.

\uB450 \uBC88\uC9F8 \uC131\uACFC, NestJS \uC2B5\uB4DD

\uB450 \uBC88\uC9F8 \uC131\uACFC\uB85C NestJS\uC5D0 \uB300\uD55C \uC0AC\uC6A9\uBC95 \uC2B5\uB4DD\uC774\uB2E4.

',11),pn=s("\uC7AC\uD559\uC911\uC5D0 "),ln={href:"https://nestjs.com/",target:"_blank",rel:"noopener noreferrer"},cn=s("NestJS"),rn=s("\uAC00 \uBB54\uAC00 \uC88B\uC544\uBCF4\uC5EC\uC11C \uACF5\uBD80\uD588\uC5C8\uB294\uB370, \uB108\uBB34 \uC5B4\uB824\uC6CC\uC11C \uD3EC\uAE30\uD588\uB2E4. \uADF8\uB7F0\uB370 \uC774\uBC88\uC5D0 \uBB34\uC2EC\uCF54 \uB2E4\uC2DC \uC801\uC6A9\uC744 \uC2DC\uB3C4\uD588\uACE0, \uACB0\uACFC\uC801\uC73C\uB85C \uC88B\uC740 \uC120\uD0DD\uC774 \uB418\uC5C8\uB2E4."),un=e('

NestJS \uC18C\uAC1C

  • NestJS\uB294 Google\uC5D0\uC11C \uB9CC\uB4E0 Server Side Framework\uC774\uB2E4.
  • Java\uC758 Spring\uACFC \uB9E4\uC6B0 \uBE44\uC2B7\uD55C \uBC29\uC2DD\uC73C\uB85C \uC791\uB3D9\uD55C\uB2E4.
  • DI(Dependency Injection) \uBC29\uC2DD\uC73C\uB85C \uAD6C\uC131\uD55C\uB2E4.
  • DDD \uD615\uD0DC\uC758 \uD504\uB85C\uC81D\uD2B8 \uAD6C\uC870\uB97C \uAD8C\uC7A5\uD55C\uB2E4.
  • Typescript\uB97C \uC0AC\uC6A9\uD55C\uB2E4.
  • express \uAE30\uBC18\uC774\uB2E4.

NestJS\uC758 \uCCA0\uD559

NestJS\uB294 Angular\uC758 \uC601\uD5A5\uC744 \uBC1B\uC544 \uB2E4\uC74C\uACFC \uAC19\uC740 \uCCA0\uD559 \uAE30\uBC18\uC744 \uB9CC\uB4E4\uC5B4\uC84C\uC2B5\uB2C8\uB2E4.

  • \uACE0\uB3C4\uC758 \uD14C\uC2A4\uD2B8 \uC9C0\uC6D0
  • \uD6A8\uC728\uC801\uC778 \uD655\uC7A5
  • \uB290\uC2A8\uD55C \uACB0\uD569
  • \uC720\uC9C0 \uAD00\uB9AC\uAC00 \uC6A9\uC774\u200B\u200B\uD55C \uC560\uD50C\uB9AC\uCF00\uC774\uC158

\uC774\uAC74 \uAC1D\uCCB4\uC9C0\uD5A5 \uACF5\uBD80\uC758 \uC601\uD5A5\uC774 \uCEF8\uB2E4. \uAD6D\uB0B4 \uC790\uB8CC\uB97C \uC544\uBB34\uB9AC \uCC3E\uC544\uBD10\uB3C4 NestJS\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC740 \uAC70\uC758 \uBCFC \uC218 \uC5C6\uC5C8\uB2E4. \uB300\uBD80\uBD84 \uD574\uC678\uC5D0\uC11C \uC0AC\uC6A9\uD558\uACE0 \uC788\uB294\uB370, \uC601\uC5B4\uC5D0 \uB108\uBB34 \uCDE8\uC57D\uD558\uB2E4 \uBCF4\uB2C8.. \uC774\uD574\uAC00 \uB108\uBB34 \uC5B4\uB824\uC6E0\uB2E4.

\uD558\uC9C0\uB9CC Spring\uC744 \uB9CE\uC774 \uC0AC\uC6A9\uD574\uBD24\uACE0 Spring\uC5D0 \uC0AC\uC6A9\uB41C \uAE30\uBCF8\uC801\uC740 \uB514\uC790\uC778\uD328\uD134\uC774\uB098 \uCCA0\uD559\uC744 \uC774\uD574\uD558\uACE0 \uC788\uB2E4\uBA74, NestJS\uB97C \uC774\uD574\uD558\uB294 \uB370 \uD070 \uBB34\uB9AC\uAC00 \uC5C6\uB294 \uAC83 \uAC19\uB2E4.

\uADF8\uB798\uC11C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC758 \uC81C\uC77C \uD070 \uC218\uD655\uC740 \uC0AC\uC2E4 NestJS\uC758 \uC0AC\uC6A9 \uC219\uC9C0\uAC00 \uC544\uB2D0\uAE4C \uC2F6\uB2E4.

\uC138 \uBC88\uC9F8 \uC131\uACFC, SSR

\uC9C4\uC9DC SSR \uB54C\uBB38\uC5D0 \uD55C \uB3D9\uC548 \uACE0\uC0DD\uC744 \uB108\uBB34 \uB9CE\uC774 \uD588\uB2E4. Vue\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uAC00\uC774\uB4DC\uB77C\uC778\uC774 \uB108\uBB34 \uBE48\uC57D\uD558\uACE0, API \uBB38\uC11C\uB3C4 \uC798\uBABB \uB418\uC5C8\uAC70\uB098 \uBC18\uC601\uB418\uC9C0 \uC54A\uC740 \uAC83\uB4E4\uC774 \uB9CE\uC558\uB2E4.

\uAC01\uC124\uD558\uACE0 \uBB38\uC81C\uC810\uACFC \uC57D\uAC04\uC758 \uD574\uACB0\uACFC\uC815\uC744 \uB098\uC5F4\uD574\uBCF4\uC790\uBA74,

\uCCAB \uBC88\uC9F8 \uBB38\uC81C: SSR\uACFC CSR\uC744 \uAC19\uC774 \uD558\uAE30 \uC704\uD55C \uAC00\uC774\uB4DC\uB77C\uC778\uC774 \uC5C6\uB2E4.

',9),dn={href:"https://ssr.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},kn=s("Vue\uC758 \uACF5\uC2DD\uBB38\uC11C"),hn=s(", \uAC01\uC885 \uCEE4\uBBA4\uB2C8\uD2F0 \uC0AC\uC774\uD2B8, \uAE30\uC220 \uBE14\uB85C\uADF8 \uB4F1\uC744 \uD3FC\uD558\uC5EC \uB208\uC53B\uACE0 \uCC3E\uC544\uBD10\uB3C4 SSR\uACFC CSR\uC744 \uAC19\uC774 \uC0AC\uC6A9\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD55C \uAC00\uC774\uB4DC\uB77C\uC778\uC740 \uC5C6\uC5C8\uB2E4. "),bn=n("u",null,"\uC788\uB2E4\uBA74 \uB204\uAC00 \uC880 \uC54C\uB824\uC8FC\uAE38..",-1),gn=e(`

\uC5B4\uCA0C\uB4E0 SSR\uC5D0 CSR\uC744 \uC5F0\uB3D9\uD558\uAE30 \uC704\uD574\uC120 \uB2E4\uC74C\uACFC \uAC19\uC740 \uACFC\uC815\uC774 \uD544\uC694\uD558\uB2E4.

  • CSR\uC758 Template\uC5D0 SSR\uC758 Template\uC744 \uD569\uCCD0\uC57C \uD55C\uB2E4.
  • CSR \uCF54\uB4DC\uB97C \uBC88\uB4E4\uB9C1(\uBE4C\uB4DC) \uD55C\uB2E4. \uC774 \uB54C Template\uB3C4 Bundling \uCF54\uB4DC\uC5D0 \uD3EC\uD568\uB41C\uB2E4.
  • CSR\uC5D0\uC11C Build\uB41C Template\uB97C SSR\uC5D0\uC11C \uC0AC\uC6A9\uD55C\uB2E4.

\uC774\uC640 \uAD00\uB828 \uB0B4\uC6A9\uB3C4 \uCD94\uD6C4\uC5D0 \uC0C1\uC138\uD558\uAC8C \uC815\uB9AC\uD574\uC11C \uC62C\uB9B4 \uC608\uC815\uC774\uB2E4.

\uB450 \uBC88\uC9F8 \uBB38\uC81C: window\uC640 document\uB97C \uC0AC\uC6A9\uD558\uB294 \uCF54\uB4DC\uB4E4

SSR\uC740 CSR\uC758 \uCF54\uB4DC\uB97C Server\uC5D0\uC11C \uC2E4\uD589\uD558\uC5EC HTML \uCF54\uB4DC\uB97C \uB9CC\uB4E4\uACE0 \uBC14\uB85C \uB80C\uB354\uB9C1\uD55C\uB2E4. \uC774 \uB54C \uBC1C\uC0DD\uD558\uB294 \uBB38\uC81C\uAC00 window\uC640 document\uB294 Server Side\uC5D0\uC11C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uB2E4\uB294 \uAC83\uC774\uB2E4.

\uADF8\uB798\uC11C \uC9C1\uC811 window\uC640 document\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uAC70\uB098 Render\uC640 \uAD00\uB828\uB41C \uCF54\uB4DC\uC5D0\uB294 window\uC640 document\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uB294 \uAC83\uC774\uB2E4. \uADF8\uB7F0\uB370 \uC774\uAC8C \uB9D0\uC774 \uC27D\uC9C0 \uC9C1\uC811 \uD574\uBCF4\uBA74 \uC695\uB098\uC628\uB2E4.

\uC5B4\uCA0C\uB4E0 \uC5B4\uB5A4 \uBC29\uBC95\uC774 \uC81C\uC77C \uC88B\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uCC3E\uC544\uB09C \uD574\uACB0\uCC45\uC774 JSDOM\uC744 \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774\uB2E4.

JSDOM

  • JSDOM\uC740 \uB9D0 \uADF8\uB300\uB85C \uAC00\uC0C1\uC758 window\uC640 document\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uB294 \uAC83\uC774\uB2E4.
  • \uAC00\uC0C1\uC758 \uC874\uC7AC\uC5EC\uB3C4 \uC874\uC7AC\uD55C\uB2E4\uB294 \uAC83 \uC790\uCCB4\uB9CC\uC73C\uB85C\uB3C4 \uADF8 \uAC00\uCE58\uAC00 \uC788\uB2E4.
import { Injectable } from '@nestjs/common'
 import { join } from 'path'
 import { BundleRenderer, createBundleRenderer } from 'vue-server-renderer'
 import { DOMWindow, JSDOM } from 'jsdom'
diff --git a/assets/index.html.2dd61cad.js b/assets/index.html.0a1b73da.js
similarity index 99%
rename from assets/index.html.2dd61cad.js
rename to assets/index.html.0a1b73da.js
index 5e5e6b46..99ed0242 100644
--- a/assets/index.html.2dd61cad.js
+++ b/assets/index.html.0a1b73da.js
@@ -1 +1 @@
-import{_ as a,r as s,o as n,c as o,a as i,b as r,d as e,e as l}from"./app.800103af.js";var p="/TIL/assets/1.c8c27d53.png",d="/TIL/assets/2.dc49b9f8.png",h="/TIL/assets/3.9d1ea8c1.png",c="/TIL/assets/4.fb82554f.png",_="/TIL/assets/5.4524f0ec.png",u="/TIL/assets/6.66fdcbac.png";const b={},g=e('

2024\uB144 1\uC6D4 \uD68C\uACE0

\uB098\uB984 \uB9CC\uC871\uC2A4\uB7EC\uC6B4 \uD55C \uB2EC\uC774\uC5C8\uB2E4.

  • \uD300 \uB0B4\uC5D0\uC11C\uB294 \uC8FC\uB85C \uBAA9\uD45C \uC124\uACC4\uC5D0 \uD798\uC744 \uB9CE\uC774 \uC37C\uB2E4. \uD558\uC9C0\uB9CC 1\uB144\uCE58 \uBAA9\uD45C\uB97C \uC815\uD558\uB294\uAC74 \uB108\uBB34 \uC5B4\uB824\uC6B4 \uC77C\uC774\uB2E4. \uB0B4\uAC00 \uB418\uACE0 \uC2F6\uC740 \uBAA8\uC2B5\uACFC, \uADF8 \uBAA8\uC2B5\uC774 \uB418\uC5C8\uC74C\uC744 \uC99D\uBA85\uD558\uB294 \uAC83. \uCC38 \uC5B4\uB835\uB2E4.
  • 1\uC6D4 \uCD08\uC5D0 \uD3ED\uD48D \uAC19\uC740 \uACB0\uC815(?)\uC744 \uB9CE\uC774 \uD588\uB2E4. \uBB34\uC5C7\uC744 \uD574\uC57C\uD560\uC9C0 \uC815\uB9AC\uD558\uB2E4\uBCF4\uBA74 \uC9C0\uAE08 \uB2F9\uC7A5 \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC774 \uB208\uC5D0 \uBCF4\uC778\uB2E4. \uADF8\uAC83\uB4E4\uC744 \uD558\uBA74 \uB41C\uB2E4.
  • \uC544\uD0A4\uD14D\uD2B8\uB294 \uBB58\uAE4C \uC0DD\uAC01\uD574\uBD24\uB2E4. \uB420 \uC218 \uC788\uC744\uAE4C?

2\uC6D4\uC5D0\uB294 \uBB58 \uD558\uBA74 \uC88B\uC744\uAE4C?

  • \uD68C\uACE0\uAC00 \uC544\uB2C8\uB77C, 2\uC6D4 TIL \uC774\uB77C\uB294 \uD3EC\uC2A4\uD2B8\uB97C \uB9CC\uB4E4\uC5B4\uC11C \uC62C\uB9B0 \uB2E4\uC74C\uC5D0 \uB9E4\uC77C\uB9E4\uC77C \uC5C5\uB370\uC774\uD2B8 \uD558\uBA74 \uC5B4\uB5A8\uAE4C? \uBE14\uB85C\uADF8\uB97C \uC870\uAE08 \uB354 \uC798 \uD65C\uC6A9\uD574\uBCF4\uACE0 \uC2F6\uB2E4.
  • \uB9AC\uD329\uD1A0\uB9C1\uC5D0 \uB300\uD55C \uAE00\uC744 \uD558\uB098 \uC62C\uB9AC\uBA74 \uC5B4\uB5A8\uAE4C?
  • \uC2DC\uAC04\uC744 \uC815\uD574\uC11C \uCC45\uC744 \uC77D\uC5B4\uBCF4\uC790. \uC77C\uB2E8 \uC77D\uB294 \uAC83 \uBD80\uD130 \uC2DC\uC791\uD558\uAE30.

(1) nBilly

1) \uBAA8\uB4C8\uD654

  • nBilly\uC5D0\uC11C \uB9CC\uB4E4\uC5B4\uC9C4 \uAC83\uB4E4 \uC911\uC5D0 \uACF5\uC6A9\uD654 \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC744 \uBAA8\uB4C8\uD654 \uD558\uB294 \uC791\uC5C5\uC744 \uC9C4\uD589\uD588\uB2E4.
  • \uC9C0\uAE08\uC740 \uC774\uBBF8\uC9C0, \uB3D9\uC601\uC0C1 \uC5C5\uB85C\uB354\uC640 \uB80C\uB354\uB7EC\uC5D0 \uB300\uD574\uC11C\uB9CC \uBAA8\uB4C8\uD654\uB97C \uC9C4\uD589\uD588\uB294\uB370 \uC0DD\uAC01\uBCF4\uB2E4 \uACE0\uB824\uD560\uAC8C \uB9CE\uC544\uC11C \uC774\uAC8C \uC9C4\uC790\uB85C \uC4F0\uC77C \uC218 \uC788\uC744\uC9C0\uB294 \uC55E\uC73C\uB85C \uC5B4\uB5BB\uAC8C \uD558\uB0D0\uC5D0 \uB2EC\uB838\uB2E4.
    • \uD638\uD658\uC131\uB3C4 \uC2E0\uACBD\uC368\uC57C \uD558\uACE0, \uC778\uD130\uD398\uC774\uC2A4\uB3C4 \uB2E4\uC591\uD558\uAC8C \uB6AB\uC5B4\uC918\uC57C \uD558\uACE0, \uC5C5\uB370\uC774\uD2B8\uB3C4 \uC8FC\uAE30\uC801\uC73C\uB85C \uD574\uC57C \uD558\uACE0, \uC774\uC288\uB3C4 \uC8FC\uAE30\uC801\uC73C\uB85C \uB300\uC751\uD574\uC57C \uD558\uACE0.
    • \uC2E0\uACBD\uC368\uC57C \uD560\uAC8C \uCC38 \uB9CE\uB2E4.
  • \uADF8\uB7F0\uB370 \uC774 \uACFC\uC815\uC774 \uB098\uB984(?) \uC7AC\uBC0C\uB2E4.
    • \uB611\uAC19\uC740 \uAD00\uC2EC\uC0AC\uB97C \uB2E4\uB8E8\uB294 \uCF54\uB4DC \uC870\uAC01\uC744 \uBAA8\uC544\uC11C \uC751\uC9D1\uB3C4 \uC788\uAC8C \uB9CC\uB4E4\uACE0
    • \uC774 \uACFC\uC815\uC5D0\uC11C \uCF54\uB4DC\uB97C \uB9AC\uD329\uD1A0\uB9C1 \uD558\uACE0 \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uB97C \uC791\uC131\uD558\uACE0.
    • \uBB38\uC11C\uB3C4.. \uC791\uC131\uD558\uACE0..?

2) \uBB38\uC11C \uC791\uC5C5

',11),f=i("li",null,"\uD300\uC5D0\uC11C \uAD00\uB9AC\uD558\uB294 \uBB38\uC11C\uB4E4\uC774 \uAF64 \uC624\uB7AB\uB3D9\uC548 \uBC29\uCE58\uB418\uC5B4\uC11C \uBAA8\uB4C8\uD654 \uAD00\uB828 \uBB38\uC11C\uB97C \uC791\uC131\uD558\uBA74\uC11C \uC5B4\uB290 \uC815\uB3C4 \uC5C5\uB370\uC774\uD2B8\uB97C \uD588\uB294\uB370 \uD574\uB3C4 \uD574\uB3C4 \uB05D\uC774 \uC5C6\uB2E4.",-1),m=l("\uCC98\uC74C\uC5D0\uB294 \uD55C \uBB38\uC11C\uC5D0 \uBAA8\uB4E0 \uB0B4\uC6A9\uC744 \uB2F4\uC558\uB294\uB370 \uD06C\uAC8C \uD63C\uB098\uACE0(?) \uB9AC\uB354\uB2D8\uC774 \uC18C\uAC1C\uD574\uC8FC\uC2E0 "),x={href:"https://documentation.divio.com/introduction.html",target:"_blank",rel:"noopener noreferrer"},k=l("\uBB38\uC11C\uD654 \uAC00\uC774\uB4DC"),v=l("\uB97C \uAE30\uBC18\uC73C\uB85C \uAC1C\uC120\uD588\uB2E4. "),I=i("ul",null,[i("li",null,"\uBBF8\uB514\uC5B4 \uBAA8\uB4C8\uC744 \uC0AC\uC6A9\uC5D0 \uB300\uD55C \uD29C\uD1A0\uB9AC\uC5BC (\uD2B9\uC815 \uBBF8\uB514\uC5B4 \uBAA8\uB4C8\uB85C \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD574 \uD574\uC57C\uB418\uB294 \uACFC\uC815\uB4E4)"),i("li",null,"\uBBF8\uB514\uC5B4 \uBAA8\uB4C8\uC744 \uC0AC\uC6A9\uD560 \uB54C \uD544\uC694\uD55C \uB808\uD37C\uB7F0\uC2A4 (\uD300 \uB0B4 \uC704\uD0A4\uB85C \uC774\uAD00)"),i("li",null,"\uBBF8\uB514\uC5B4 \uBAA8\uB4C8\uC758 \uBAA9\uC801\uACFC \uC124\uBA85 (\uD575\uC2EC\uAC1C\uB150)")],-1),T=i("p",null,"\uAC1C\uC778\uC801\uC73C\uB85C, \uD53C\uB4DC\uBC31\uC744 \uC8FC\uAE30\uC801\uC73C\uB85C \uBC1B\uC744 \uC218 \uC788\uC73C\uBA74 \uC88B\uAE34 \uD558\uC9C0\uB9CC \uC5B4\uCA0C\uB4E0 \uCC98\uC74C\uBD80\uD130 \uB05D\uAE4C\uC9C0 \uC77C\uB2E8 \uB2E4 \uC9C4\uD589\uD574\uBCF4\uB294 \uAC83\uB3C4 \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC815\uC11D\uC73C\uB85C \uBAA9\uD45C\uB97C \uD5A5\uD574 \uB2EC\uB824\uAC00\uB294 \uBC29\uBC95\uB3C4 \uC88B\uC9C0\uB9CC, \uC870\uAE08 \uB3CC\uC544\uAC00\uB354\uB77C\uB3C4 \uC774\uAC83 \uC800\uAC83 \uACBD\uD5D8\uD574\uBCF4\uB294 \uAC83\uB3C4 \uC88B\uC9C0 \uC54A\uC744\uAE4C? \uBE44\uD6A8\uC728\uC801\uC774\uB77C\uB294\uAC8C \uBB38\uC81C\uC9C0\uB9CC\u2026 \uBE44\uD6A8\uC728\uC801\uC778 \uACBD\uD5D8\uB3C4 \uD574\uBD10\uC57C \uBB50\uAC00 \uD6A8\uC728\uC801\uC778\uC9C0 \uC54C \uC218 \uC788\uB294 \uAC83 \uAC19\uB2E4.",-1),L=i("p",null,[i("strong",null,[l("\uC4F0\uB2E4\uAC00 \uB4E0 \uC0DD\uAC01\uC740, \uB09C \uB625\uC778\uC9C0 \uB41C\uC7A5\uC778\uC9C0 \uBA39\uC5B4\uBD10\uC57C \uC544\uB294 \uC0AC\uB78C\uC778\uAC00\uBCF4\uB2E4... \uB41C\uC7A5\u2026 "),i("s",null,"\uACFC\uC5F0 \uB098\uB294 \uC774 \uD5D8\uB09C\uD55C \uC138\uC0C1\uC744 \uC798 \uC0B4\uC544\uAC08 \uC218 \uC788\uC744\uAE4C?")])],-1),y=i("br",null,null,-1),P=i("h3",{id:"_3-kpi-\u110C\u1161\u11A8\u1109\u1165\u11BC",tabindex:"-1"},[i("a",{class:"header-anchor",href:"#_3-kpi-\u110C\u1161\u11A8\u1109\u1165\u11BC","aria-hidden":"true"},"#"),l(" 3) KPI \uC791\uC131")],-1),U={class:"custom-container tip"},B=i("p",{class:"custom-container-title"},"goals-signals-metrics \uD504\uB808\uC784\uC6CC\uD06C",-1),N=l("\uB9AC\uB354\uB2D8\uC774 "),q={href:"https://linkedin.github.io/dph-framework/goals-signals-metrics.html",target:"_blank",rel:"noopener noreferrer"},G=l("\uB9C1\uD06C\uB4DC\uC778\uC774 \uAC1C\uBC1C\uD55C goals-signals-metrics \uD504\uB808\uC784\uC6CC\uD06C"),K=l("\uB97C \uC18C\uAC1C\uD574\uC8FC\uC168\uACE0, \uC774\uB97C \uAE30\uBC18\uC73C\uB85C 2024\uB144\uC758 \uBAA9\uD45C\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD574\uBCF4\uB294 \uC2DC\uAC04\uC744 \uAC00\uC84C\uB2E4."),V=e("
  • \uAC1C\uB150

    • Goals: \uAD6C\uCCB4\uC801\uC778 \uBAA9\uD45C\uB97C \uC791\uC131\uD574\uC57C \uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uBAA9\uD45C\uB294 \uCE21\uC815\uD560 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.
    • Signals: \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uACE0 \uC788\uB2E4\uB294 \uAC83\uC744 \uC54C \uC218 \uC788\uB294 \uC2E0\uD638\uC5D0 \uB300\uD574 \uC815\uC758\uD558\uB294 \uAC83.
    • Metrics: \uBAA9\uD45C\uB97C \uCE21\uC815\uD560 \uC218 \uC788\uB294 \uC22B\uC790.
  • \uC791\uC131\uD574\uBCF4\uAE30

    • Goals: \uD300\uC758 \uD5C8\uB9AC \uC5ED\uD560\uC744 \uD560 \uC218 \uC788\uB294 \uC544\uD0A4\uD14D\uD2B8 \uAC00 \uB418\uACE0 \uC2F6\uB2E4. (\uC9C0\uAE08 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC774\uAC8C \uCE21\uC815 \uAC00\uB2A5\uD55C \uBAA9\uD45C\uB294 \uC544\uB2CC \uAC83 \uAC19\uB2E4.)
    • Signals: \uD300\uC6D0\uB4E4\uC774 \uB098\uC5D0\uAC8C \uC544\uD0A4\uD14D\uCCD0 \uC124\uACC4\uC5D0 \uB300\uD55C \uC9C8\uBB38\uC744 \uB9CE\uC774 \uD560 \uB54C. \uB0B4\uAC00 \uC81C\uC2DC\uD55C \uC124\uACC4\uAC00 \uC218\uC6A9\uB420 \uB54C
    • Metrics: \uC544\uD0A4\uD14D\uCC98 \uC124\uACC4 \uAD00\uB828 \uC9C8\uBB38 \uBE48\uB3C4, \uC9C8\uBB38 \uC720\uD615, \uB2F5\uBCC0\uC758 \uC720\uC6A9\uC131\uC744 \uC218\uC9D1\uD558\uACE0 \uAE30\uB85D\uD574\uC11C \uC810\uC218\uB97C \uBD80\uC5EC\uD558\uACE0 \uBCC0\uACBD \uC694\uCCAD \uAC74\uC218, \uC218\uC6A9\uB960\uC744 \uCD94\uC801\uD558\uAE30
",1),E=e('
  • \uD300 KPI\uC5D0 \uB300\uD574 \uB9AC\uBDF0\uD558\uB294 \uC2DC\uAC04\uC744 \uAC00\uC9C0\uACE0, \uC5EC\uAE30\uC5D0 \uC815\uB82C\uB41C \uB098\uC758 \uC5ED\uD560/\uBAA9\uD45C/\uC131\uACFC\uC9C0\uD45C \uB4F1\uC744 \uC791\uC131\uD558\uB294 \uC2DC\uAC04\uC744 \uB9CE\uC774 \uAC00\uC84C\uB2E4. \uB9CE\uC774 \uAC00\uC9C0\uBA74 \uBB50\uD558\uB098, \uC798 \uC791\uC131\uD574\uC57C\uC9C0.

  • \uC81C\uC77C \uB9CE\uC774 \uB4E4\uC740 \uD53C\uB4DC\uBC31\uC740 \uBAA9\uD45C\uB97C \uAD6C\uCCB4\uC801\uC73C\uB85C \uC791\uC131\uD558\uB77C\uB294 \uAC83. \uB204\uAD6C\uB098 \uC0C1\uC0C1\uD558\uAE30 \uC26C\uC6B4 \uBAA9\uD45C\uAC00 \uC88B\uB2E4\uB294 \uAC83.
    [X] \uC544\uD0A4\uD14D\uD2B8\uAC00 \uB418\uC790.
    [O] \uC544\uD0A4\uD14D\uD2B8\uAC00 \uBB50\uD558\uB294 \uC0AC\uB78C\uC774\uC57C? \uC5D0 \uB300\uD574 1\uC2DC\uAC04 \uC815\uB3C4\uB294 \uAC70\uB72C\uD558\uAC8C(?) \uC124\uBA85\uD560 \uC218 \uC788\uB294 \uC0C1\uD0DC\uAC00 \uB418\uC790.
    [X] \uC601\uC5B4 \uACF5\uBD80\uB97C \uD558\uC790.
    [O] \uC601\uC5B4\uB85C 1\uC2DC\uAC04 \uC815\uB3C4\uB294 \uB300\uD654\uD560 \uC218 \uC788\uB294 \uC0C1\uD0DC\uAC00 \uB418\uC790.

  • \uADF8 \uB2E4\uC74C\uC740 \uBAA9\uD45C\uB97C \uC798 \uB2EC\uC131\uD588\uB294\uC9C0\uB97C \uC810\uAC80\uD560 \uC218 \uC788\uB294 \uC9C0\uD45C\uB97C \uC0B0\uCD9C\uD558\uB294 \uAC83.
    [\uBAA9\uD45C] \uBC31\uC624\uD53C\uC2A4 \uC81C\uC791\uC5D0 \uD544\uC694\uD55C \uAE30\uC220\uC801\uB09C\uC81C\uB97C \uD574\uACB0\uD558\uB294 \uC544\uD0A4\uD14D\uCC98\uB97C \uB9AC\uC11C\uCE58\uD558\uC5EC \uD300\uC5D0 \uBC29\uD5A5\uC131\uC744 \uC81C\uC2DC\uD558\uACE0, \uC544\uD0A4\uD14D\uCC98\uB97C \uC2E4\uD604\uD558\uC5EC \uBB38\uC81C\uB97C \uC8FC\uB3C4\uC801\uC73C\uB85C \uD574\uACB0\uD55C\uB2E4
    [\uC9C0\uD45C] \uC5D0\uD53D \uB2E8\uC704\uC758 \uAE30\uC220\uC801 \uB09C\uC81C\uC5D0 \uB300\uD574 \uBB38\uC81C \uC2DD\uBCC4\uBD80\uD130 \uD574\uACB0\uCC45 \uB9AC\uC11C\uCE58, \uC81C\uC2DC, \uBB38\uC81C\uD574\uACB0\uAE4C\uC9C0 \uAE30\uC5EC\uD55C \uC0AC\uB840\uB97C 3\uAC74 \uC774\uC0C1\uC758 \uC0AC\uB840 \uB9CC\uB4E4\uAE30

  • KPI\uB97C \uC791\uC131\uD560 \uB54C GPT\uC758 \uB3C4\uC6C0\uC744 \uB9CE\uC774 \uBC1B\uC558\uB2E4. \uD655\uC2E4\uD788 GPT\uAC00 \uC0DD\uACA8\uC11C \uC0DD\uAC01\uC744 \uD45C\uD604\uD558\uAE30\uAC00 \uC218\uC6D4\uD558\uB2EC\uAE4C? \uB098\uCC98\uB7FC \uCD94\uC0C1\uC801\uC778\uAC78 \uAD6C\uCCB4\uC801\uC778\uAC78\uB85C \uD45C\uD604\uD558\uB294 \uB2A5\uB825\uC774 \uBD80\uC871\uD55C \uC0AC\uB78C\uC5D0\uAC8C \uB108\uBB34\uB098 \uC88B\uC740 \uCE5C\uAD6C\uB2E4.

\uC544\uD0A4\uD14D\uD2B8\uAC00 \uB418\uACE0\uC790 \uD558\uB294 \uBAA9\uD45C \uC790\uCCB4\uAC00... \uB108\uBB34 \uB192\uC740 \uB09C\uC774\uB3C4\uC778 \uAC83 \uAC19\uAE30\uB3C4 \uD558\uACE0. \uC77C\uB2E8 \uC9C0\uAE08 \uD558\uB294 \uC77C \uBD80\uD130 \uC798 \uD574\uC57C \uD558\uC9C0 \uC54A\uC744\uAE4C?

\uB098\uB294 \uC0B0\uC744 \uC624\uB974\uACE0\uC790 \uD560 \uB54C \uAF2D\uB300\uAE30\uB97C \uBC14\uB77C\uBCF4\uBA70 \uAC78\uC5B4\uAC00\uAE30 \uBCF4\uB2E8, \uC911\uAC04 \uC9C0\uC810\uC774\uB098 \uBC14\uB85C \uC704\uC758 \uACC4\uB2E8\uC744 \uBCF4\uBA74\uC11C \uC62C\uB77C\uAC00\uB294 \uD3B8\uC774\uB2E4. \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uC774\uB7F0 \uC7A5\uAE30 \uBAA9\uD45C\uC640 \uB418\uACE0 \uC2F6\uC740 \uBAA8\uC2B5\uC744 \uC0C1\uC0C1\uD558\uACE0 \uC124\uACC4\uD558\uACE0 \uB098\uC544\uAC00\uB294\uAC8C \uB108\uBB34 \uC5B4\uC0C9\uD558\uACE0 \uC5B4\uB824\uC6B4 \uAC83 \uAC19\uB2E4.


4) \uB514\uBC14\uC774\uC2A4 \uBAA8\uB4DC \uC804\uD658\uC2DC \uC131\uB2A5 \uCD5C\uC801\uD654

beforeafter
UntitledUntitled
\uCD1D 6\uCD08 \uC774\uC0C1\uC774 \uAC78\uB838\uB2E4.0.2\uCD08 \uC815\uB3C4\uC758 \uC218\uC900\uC73C\uB85C \uAC1C\uC120\uD588\uB2E4.

1\uC6D4 \uB9C8\uC9C0\uB9C9 \uC8FC\uC5D0 \uC9C4\uD589\uD55C \uC77C\uC778\uB370, \uC0DD\uAC01 \uC774\uC0C1\uC73C\uB85C \uB9CC\uC871\uB3C4\uAC00 \uB192\uC558\uB2E4. \uBB3C\uB860 \uBD80\uC871\uD55C \uBD80\uBD84\uB3C4 \uBD84\uBA85 \uC788\uC5C8\uC9C0\uB9CC..?

\uC774 \uD2F0\uCF13\uC740 \uB2E4\uC74C\uACFC \uAC19\uC774 \uC9C4\uD589\uD588\uB2E4.

  1. \uBAA9\uD45C\uB97C \uC810\uAC80\uD558\uAE30.
  2. \uC791\uC5C5 \uBAA9\uB85D \uBC0F \uC77C\uC815 \uCD94\uC815 \uD6C4 \uD53C\uB4DC\uBC31 \uBC1B\uACE0 \uBC18\uC601\uD558\uAE30.
  3. \uC774\uC288 \uC6D0\uC778 \uD30C\uC545\uD558\uACE0 \uACF5\uC720\uD558\uAE30
  4. \uBB38\uC81C \uD574\uACB0 \uC218\uC900 \uACB0\uC815\uD558\uAE30
  5. \uBB38\uC81C \uD574\uACB0\uC744 \uC704\uD55C \uC544\uD0A4\uD14D\uCCD0 \uC124\uACC4 \uD6C4 \uACF5\uC720\uD55C \uB2E4\uC74C \uD53C\uB4DC\uBC31 \uBC1B\uAE30
  6. \uBB38\uC81C \uD574\uACB0 (\uCF54\uB4DC \uC791\uC131, \uD14C\uC2A4\uD2B8 \uCF54\uB4DC \uC791\uC131, \uCF54\uB4DC\uB9AC\uBDF0)
  7. \uD2B8\uB7EC\uBE14 \uC288\uD305 \uBB38\uC11C \uC791\uC131

\uADF8\uB9AC\uACE0 \uC62C \uD574\uBD80\uD130 \uB9AC\uB354\uB2D8\uC774 0%, 20%, 80% \uB9AC\uBDF0\uB97C \uD558\uAE30\uB85C \uD574\uC11C \uC911\uAC04\uC911\uAC04 \uC774 \uD2F0\uCF13\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30 \uD558\uB294 \uC2DC\uAC04\uC744 \uAC00\uC84C\uB2E4. \uC791\uC5C5\uC774 \uD06C\uAC8C \uC5B4\uB824\uC6B4 \uBD80\uBD84\uC740 \uC5C6\uC5B4\uC11C \uBB34\uB09C\uD558\uAC8C(?) \uC9C0\uB098\uAC04 \uAC83 \uAC19\uB2E4.

\uC774\uBC88\uC5D0\uB294 \uC544\uC608 \uCC98\uC74C\uBD80\uD130 \uD2B8\uB7EC\uBE14 \uC288\uD305 \uBB38\uC11C\uB97C \uC791\uC131\uD588\uB294\uB370, \uB355\uBD84\uC5D0 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC124\uACC4\uC5D0 \uC9D1\uC911\uD558\uAC8C \uB418\uACE0 \uC774\uAC78 \uB2E4\uB978 \uC0AC\uB78C\uC5D0\uAC8C \uC798 \uBCF4\uC5EC\uC8FC\uACE0 \uC804\uB2EC\uD558\uAE30 \uC704\uD55C \uACE0\uBBFC\uB4E4\uC744 \uD560 \uC218 \uC788\uC5C8\uB2E4.

\uBAA8\uB4E0 \uD2F0\uCF13\uC744 \uC774\uB807\uAC8C \uC9C4\uD589\uD558\uBA74 \uC5B4\uB5A8\uAE4C \uC2F6\uAE30\uB3C4 \uD558\uACE0..?

2\uC6D4\uC5D0\uB294 \uC815\uB9D0 \uAF2D \uC131\uB2A5 \uCD5C\uC801\uD654\uC640 \uAD00\uB828\uB41C \uB0B4\uC6A9\uC744 \uD68C\uC0AC \uAE30\uC220 \uBE14\uB85C\uADF8\uC5D0 \uC62C\uB824\uBCF4\uACE0 \uC2F6\uB2E4. \uC880 \uD558\uC790 \uC774\uB140\uC11D\uC544


5) 2023\uB144 \uC131\uACFC \uBA74\uB2F4

\uD68C\uC0AC\uC758 \uC815\uCC45\uC774 \uBCC0\uACBD\uB418\uBA74\uC11C \uC131\uACFC\uB97C \uCE21\uC815\uD558\uB294 \uBC29\uC2DD\uB3C4 \uB9CE\uC774 \uB2EC\uB77C\uC84C\uB2E4.

  • \uC131\uACFC: KPI\uB97C \uC5BC\uB9C8\uB098 \uC798 \uB2EC\uC131 \uD588\uB294\uC9C0
  • \uACFC\uC815: \uAC1C\uC778\uC774 \uADF8 \uC77C\uC744 \uD560 \uB54C \uC5BC\uB9C8\uB098 \uC9D1\uC911\uD558\uACE0, \uB178\uB825\uD558\uACE0, \uCE58\uC5F4\uD558\uAC8C \uAE30\uC220\uC801\uC778 \uACE0\uBBFC\uC744 \uD558\uBA74\uC11C \uC62C\uB77C\uAC14\uB294\uC9C0.
  • \uC601\uD5A5: \uC870\uC9C1 \uB0B4\uC5D0 \uB0B4\uAC00 \uC5BC\uB9C8\uB098 \uD070 \uC601\uD5A5\uC744 \uC8FC\uACE0 \uC788\uB294\uC9C0 ( \uC870\uC9C1\uC744 \uBCC0\uD654\uC2DC\uD0A4\uACE0 \uC2DC\uB108\uC9C0\uB97C \uC774\uB04C\uC5B4\uB0B4\uB294 \uC218\uC900 )

\uBA74\uB2F4 \uACFC\uC815\uC5D0\uC11C \uB098\uC758 \uB2E8\uC810\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB4E4\uC744 \uB9CE\uC774 \uD574\uC8FC\uC168\uB2E4. \uC0AC\uC2E4 \uC774\uBBF8 \uB108\uBB34\uB098 \uC798 \uC778\uC9C0\uD558\uACE0 \uC788\uB294 \uBAA8\uC2B5\uC774\uB77C\uC11C \uBCC4\uB2E4\uB978 \uD0C0\uACA9\uC774 \uC5C6\uC5C8\uB2E4.

  • \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158
    • \uB450\uAD04\uC2DD\uC73C\uB85C \uB9D0\uD588\uC73C\uBA74 \uC88B\uACA0\uB2E4.
    • \uB0B4\uAC00 \uD558\uB294 \uC77C\uC5D0 \uB300\uD574 \uC608\uCE21\uC774 \uB418\uB3C4\uB85D \uD588\uC73C\uBA74 \uC88B\uACA0\uB2E4.
    • \uC790\uC8FC \uACF5\uC720\uD588\uC73C\uBA74 \uC88B\uACA0\uB2E4.
    • \uC774\uC57C\uAE30\uB97C \uD558\uB2E4\uAC00 \uB534 \uAE38\uB85C \uC0C8\uC9C0 \uC54A\uC558\uC73C\uBA74 \uC88B\uACA0\uB2E4.
  • \uC778\uC0AC\uC774\uD2B8
    • \uD300\uC6D0\uB4E4\uC5D0\uAC8C \uC778\uC0AC\uC774\uD2B8\uB97C \uC92C\uC73C\uBA74 \uC88B\uACA0\uB2E4. \uC9C0\uAE08\uC740 \uB69C\uB837\uD55C \uBAA8\uC2B5\uC774 \uC5C6\uB2E4.
  • \uB514\uD14C\uC77C\uACFC \uC644\uC131\uB3C4
    • \uC77C\uC744 \uC9C4\uD589\uD560 \uB54C \uAF3C\uAF3C\uD558\uAC8C \uC9C4\uD589\uD588\uC73C\uBA74 \uC88B\uACA0\uB2E4.
    • \uAC00\uB054 \uC911\uAC04\uC911\uAC04 \uCC59\uAE30\uC9C0 \uBABB\uD558\uAC70\uB098 \uBE7C\uBA39\uB294 \uC77C\uB4E4\uC774 \uBCF4\uC5EC\uC11C \uC544\uC27D\uB2E4.
    • \uC77C\uC744 \uBA40\uB9AC \uBD10\uC57C \uB418\uB294\uB370 \uB2F9\uC7A5 \uB208 \uC55E\uC5D0 \uBCF4\uC774\uB294 \uAC83\uB9CC \uD574\uACB0\uD558\uB824\uACE0 \uD558\uB2E4\uBCF4\uB2C8 \uBB38\uC81C\uAC00 \uB418\uB294 \uACBD\uC6B0\uB4E4\uC774 \uB9CE\uC774 \uBCF4\uC778\uB2E4.
  • \uC790\uAE30\uC5B4\uD544
    • \uAE30\uC220\uC801\uC778 \uC5B4\uD544\uC744 \uD574\uC57C \uB418\uB294\uB370 \uAC00\uB054 \uBCF4\uBA74 \uCCA0\uD559\uC790\uC2A4\uB7EC\uC6B4 \uC774\uC57C\uAE30\uB97C \uD55C\uB2E4.
    • \uAE30\uC220\uC801\uC778 \uC131\uC7A5\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uD574\uBCF4\uBA74 \uC88B\uACA0\uB2E4.

\uB2E4 \uC801\uADF9\uC801\uC73C\uB85C \uC778\uC815\uD558\uB294 \uB0B4\uC6A9\uB4E4\uC774\uB77C \uB531\uD788 \uD560 \uB9D0\uC774 \uC5C6\uC5C8\uB2E4. \uD760\u2026 \uB0B4\uAC00 \uBCF4\uC644\uC744 \uC798\uD560 \uC218 \uC788\uC744\uAE4C? \uB178\uB825\uC73C\uB85C \uD574\uACB0\uD560 \uC218 \uC788\uB294 \uBD80\uBD84\uACFC \uD574\uACB0\uD560 \uC218 \uC5C6\uB294 \uBD80\uBD84\uB4E4\uC774 \uBA87 \uAC00\uC9C0 \uBCF4\uC774\uC9C0\uB9CC, \uC77C\uB2E8 \uD574\uBCF4\uB294 \uC218 \uBC16\uC5D0!


(2) \uC0AC\uC0DD\uD65C

1) \uAC00\uC871\uACFC\uC758 \uB300\uD654

\uBB38\uB4DD \u201C\uB098\uC5D0 \uB300\uD574 \uC81C\uC77C \uBAA8\uB974\uB294 \uC0AC\uB78C\uC740 \uAC00\uC871\uB4E4\uC774 \uC544\uB2D0\uAE4C?\u201D \uB77C\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uB2E4. \uB9C8\uCC2C\uAC00\uC9C0\uB85C, \uC6B0\uB9AC \uAC00\uC871 \uAC1C\uAC1C\uC778\uC5D0 \uB300\uD574 \uC81C\uC77C \uC798 \uBAA8\uB974\uB294 \uC0AC\uB78C\uB3C4 \uB0B4\uAC00 \uC544\uB2CC\uAC00? \uB77C\uB294 \uC0DD\uAC01\uB3C4 \uAC19\uC774 \uB4E4\uC5C8\uB2E4.

\uAF2D \uAC00\uC871\uC774 \uC544\uB2C8\uC5EC\uB3C4, \uC0AC\uB78C\uC744 \uB9CC\uB098\uACE0 \uAD00\uACC4\uB97C \uC720\uC9C0\uD560 \uB54C \uC810\uC810 \uB0B4\uAC00 \uC544\uB294 \uBAA8\uC2B5\uC5D0\uC11C \uB9CE\uC774 \uB2EC\uB77C\uC9C0\uB294 \uACBD\uC6B0\uB4E4\uC774 \uC788\uC744\uD150\uB370 \uADF8 \uAC04\uADF9\uC744 \uB9E4\uAFB8\uC9C0 \uC54A\uC73C\uBA74 \uB0B4\uAC00 \uC544\uB294 \uC0AC\uB78C\uC740 \uB0B4\uAC00 \uC544\uB294 \uC0AC\uB78C\uC774 \uC544\uB2C8\uAC8C \uB41C\uB2E4.

Untitled

1\uC6D4 \uCD08\uC5D0 \uAC00\uC871 \uBAA8\uC784\uC774 \uC788\uC5C8\uACE0, \uB300\uD654\uCE74\uB4DC\uB97C \uAD6C\uB9E4\uD574\uC11C \uCC98\uC74C\uC5D0\uB294 \uAC00\uBCCD\uAC8C \uC774\uC57C\uAE30\uB97C \uC2DC\uC791\uD558\uB2E4\uAC00 \uC810\uC810 \uC9C4\uC9C0\uD55C \uC774\uC57C\uAE30\uB97C \uD558\uAE30 \uC2DC\uC791\uD588\uB2E4. \uC6B0\uB9AC\uB294 \uC11C\uB85C\uC5D0 \uB300\uD574 \uBAA8\uB974\uB294 \uBAA8\uC2B5\uC774 \uB108\uBB34\uB3C4 \uB9CE\uC558\uACE0, \uD560 \uC774\uC57C\uAE30\uB3C4 \uB108\uBB34 \uB9CE\uC558\uB2E4.

\uB9E4\uBC88 \uC774\uB7EC\uAE30\uB294 \uC27D\uC9C0 \uC54A\uACA0\uC9C0\uB9CC, \uC5B4\uB5A4 \uAD00\uACC4\uB4E0 \uAC74\uAC15\uD558\uAC8C \uC798 \uC720\uC9C0\uD558\uAE30 \uC704\uD574\uC120 \uC5B4\uB290 \uC815\uB3C4\uC758 \uB178\uB825\uC774 \uD544\uC694\uD558\uC9C0 \uC54A\uC744\uAE4C? \uD2B9\uD788 \uAC00\uAE4C\uC6B4 \uAD00\uACC4\uC77C\uC218\uB85D \uB354 \uADF8\uB7F0 \uAC83 \uAC19\uB2E4.


2) \uD3EC\uB3D9\uC774 \uC911\uC131\uD654

\uBBF8\uB8E8\uACE0 \uBBF8\uB8E8\uB358 \uD3EC\uB3D9\uC774 \uC911\uC131\uD654 \uC218\uC220\uC744 \uB4DC\uB514\uC5B4 \uD588\uB2E4.

\uC774\uBC88\uC5D0 \uC54C\uAC8C\uB41C \uC0AC\uC2E4\uC740 \uD3EC\uB3D9\uC774\uB294 \uD0DC\uC5B4\uB0A0 \uB54C \uBD80\uD130 \uC790\uAD81\uC774 \uAE30\uD615\uC774\uB77C\uC11C \uC5D0\uCD08\uC5D0 \uBD88\uC784\uC774\uB77C\uACE0\u2026 \uC774\uB7F4\uC904 \uC54C\uC558\uC73C\uBA74 \uC9C4\uC791\uC5D0 \uC911\uC131\uD654 \uC218\uC220\uC744 \uD574\uC92C\uC73C\uBA74 \uC88B\uC558\uC744\uD150\uB370\u2026 \u{1F62D}

\uC218\uC758\uC0AC\uBD84\uC774 \uC218\uC220\uC744 \uD558\uBA74\uC11C \uD3EC\uB3D9\uC774\uC758 \uC790\uAD81\uC774 \uAE30\uD615\uC778\uAC78 \uC54C\uAC8C \uB418\uC5C8\uACE0, \uD3EC\uB3D9\uC774\uC758 \uB09C\uC18C\uAC00 \uC11C\uB85C \uC774\uC5B4\uC838\uC788\uC9C0 \uC54A\uC544\uC11C \uC77C\uB2E8 \uD55C \uAC1C\uB9CC \uC81C\uAC70\uD55C \uB2E4\uC74C\uC5D0 \uC218\uC220\uC744 \uB9C8\uBB34\uB9AC \uD588\uB2E4\uACE0 \uD574\uC8FC\uC168\uB2E4. \uB098\uBA38\uC9C0 \uD558\uB098\uB294 \uB2E4\uC74C\uC5D0 \uCDA9\uBD84\uD788 \uD68C\uBCF5\uD55C \uB2E4\uC74C\uC5D0 \uC218\uC220\uC744 \uC9C4\uD589\uD574\uC57C \uD560 \uAC83 \uAC19\uB2E4\uACE0..

Untitled

Untitled

\uC5B4\uCA0C\uB4E0, \uC9C0\uAE08\uC740 \uC798 \uD68C\uBCF5\uD588\uB2E4. \uC218\uC220\uC744 \uD55C \uBC88 \uB354 \uD574\uC57C \uB41C\uB2E4\uB294 \uC0AC\uC2E4\uC774 \uB9C8\uC74C\uC774 \uC544\uD50C\uBFD0\u2026


3) \uBD80\uC2A4\uD2B8\uCEA0\uD504

Untitled

\uC6B4\uC601\uC9C4, \uB9C8\uC2A4\uD130\uAC00 \uBAA8\uC5EC\uC11C 8\uAE30\uB97C \uD68C\uACE0\uD558\uB294 \uC790\uB9AC\uAC00 \uC788\uC5C8\uB2E4. \uC5EC\uB7EC\uBAA8\uB85C \uB290\uB080\uAC8C \uCC38 \uB9CE\uC558\uB294\uB370 \uC9C0\uAE08\uC740 \uB290\uB080\uC810\uC774 \uB2E4 \uD718\uBC1C\uB410\uB2E4. \uADF8\uB0E5 \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uC544\uC26C\uC6B4 \uC810\uB4E4\uC774 \uBB34\uCC99 \uB9CE\uC558\uB2E4\uB294 \uAC83 \uC815\uB3C4..?

\uC62C\uD574\uC5D0 \uB610 \uD558\uAC8C \uB41C\uB2E4\uBA74 \uB2E4\uB978\uAC78 \uB2E4 \uB5A0\uB098\uC11C \uBBF8\uB9AC\uBBF8\uB9AC \uCEA0\uD37C\uB4E4\uACFC \uC18C\uD1B5\uD560 \uC218 \uC788\uB294 \uC7A5\uCE58\uB4E4\uC744 \uACE0\uBBFC\uD558\uC5EC \uB9CC\uB4E4\uACE0 \uC6B4\uC601\uD574\uBCF4\uACE0 \uC2F6\uB2E4. \uB354 \uB299\uAE30 \uC804\uC5D0 \uC5F4\uC2EC\uD788 \uD574\uC57C\uD560 \uAC83 \uAC19\uB2E4.


4) \uC758\uBBF8 \uC788\uB294 \uB9CC\uB0A8

1\uC6D4\uC5D0\uB294 \uD589\uBCF5\uD558\uAC8C \uC0B4\uC544\uAC00\uB294 \uC0AC\uB78C\uB4E4\uC744 \uB9CE\uC774 \uB9CC\uB0AC\uB2E4. \uC88B\uC740 \uC601\uD5A5\uC744 \uC8FC\uB294 \uC0AC\uB78C\uB4E4\uC744 \uBCF4\uBA74\uC11C \uB290\uB080\uAC74, \uACB0\uAD6D \uD589\uBCF5\uD558\uAC8C \uC0B4\uC544\uAC00\uB294 \uAC83\uC740 \uCC38 \uB9CE\uC740 \uB178\uB825\uC774 \uD544\uC694\uD558\uAD6C\uB098 \uC2F6\uB2E4.

\uB098 \uC2A4\uC2A4\uB85C\uB97C \uBC30\uB824\uD558\uACE0, \uADF8\uB9CC\uD07C \uC8FC\uBCC0 \uC0AC\uB78C\uB4E4\uC744 \uBC30\uB824\uD558\uACE0, \uC608\uC758\uB97C \uAC16\uCD94\uB294 \uAC83.

\uC131\uC7A5\uACFC \uD589\uBCF5\uC5D0 \uB300\uD574 \uAE4A\uC774 \uACE0\uBBFC\uD558\uB294 \uAC83.

\uBB34\uC5C7 \uD558\uB098 \uC26C\uC6B4 \uC77C\uC740 \uC5C6\uC5B4\uBCF4\uC774\uC9C0\uB9CC \uADF8\uB7FC\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uCC38 \uBCF4\uAE30 \uC88B\uB2E4.

\uB098\uB97C \uB9CC\uB098\uB294 \uC0AC\uB78C\uB4E4\uB3C4 \uBE44\uC2B7\uD55C \uAC10\uC815\uB4E4\uC744 \uB290\uAF08\uC73C\uBA74 \uC88B\uACA0\uB2E4.


5) \uBA40\uB9AC \uC0DD\uAC01\uD558\uC790

\uACF5\uC801\uC774\uB4E0 \uC0AC\uC801\uC774\uB4E0 \uC0DD\uAC01\uC774 \uC9E7\uC740 \uB0B4 \uBAA8\uC2B5 \uB54C\uBB38\uC5D0 \uC774\uB798\uC800\uB798 \uB9CE\uC774 \uD63C\uB0AC\uB2E4.

\uC0DD\uAC01\uC744 \uBA40\uB9AC \uD558\uACE0 \uC2F6\uC5B4\uB3C4 \uAC70\uAE30\uAE4C\uC9C0 \uB3C4\uB2EC\uD558\uC9C0 \uBABB\uD560 \uB54C\uAC00 \uB9CE\uB2E4.

\uC0DD\uAC01\uC744 \uBA40\uB9AC \uBCF4\uB0BC \uC218 \uC788\uB294 \uBC29\uBC95\uC740 \uBB58\uAE4C? \uC544\uBB34\uB9AC \uB178\uB825 \uD574\uB3C4 \uD0C0\uACE0\uB09C \uC0AC\uB78C\uB4E4\uACFC \uBE44\uAD50\uD574\uBCF4\uBA74 \uB09C \uC232 \uC804\uCCB4\uB97C \uBCF4\uB294\uAC8C \uC548 \uB418\uB294 \uC0AC\uB78C\uC774\uB2E4. \uB0B4 \uB208 \uC55E\uC5D0 \uC788\uB294 \uB098\uBB34\uB4E4\uC744 \uCC59\uAE30\uB294 \uAC83\uB3C4 \uBC85\uCC28\uB2E4.

\uC774\uAC8C \uC7A5\uC810\uC73C\uB85C \uC791\uC6A9\uD560 \uB54C\uAC00 \uB354 \uB9CE\uC740 \uAC83 \uAC19\uAE34 \uD55C\uB370, \uB2E8\uC810\uC73C\uB85C \uC791\uC6A9\uD560 \uB54C\uB294 \uC218 \uB9CE\uC740 \uC7A5\uC810\uC744 \uD55C \uBC88\uC5D0 \uB36E\uC5B4\uBC84\uB9B0\uB2E4. \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uD0C0\uACA9\uC774 \uB108\uBB34 \uD06C\uB2EC\uAE4C..

\uADF8\uB798\uB3C4 \uC2DC\uC57C\uAC00 \uC815\uB9D0 \uC870\uAE08\uC529, \uC870\uAE08\uC529, \uC870\uAE08\uC529, \uB298\uC5B4\uB098\uB294\uAC8C \uB290\uAEF4\uC9C4\uB2E4. \uC77C\uB2E8 \uC774 \uC815\uB3C4\uC5D0 \uB9CC\uC871\uD574\uC57C\uC9C0. \uBCC4 \uC218 \uC788\uB098?

\uC6EC\uB9CC\uD558\uBA74 \uB0B4\uAC00 \uD560 \uC218 \uC788\uB294\uAC78 \uD558\uC790. \uC9C0\uAE08 \uB2F9\uC7A5 \uD574\uACB0\uD560 \uC218 \uC5C6\uB294 \uC77C\uB4E4\uC5D0 \uACE0\uBBFC\uD558\uB294\uAC74 \uCC38 \uD798\uB4E4\uACE0 \uC5B4\uB835\uACE0 \uB2F5\uB2F5\uD558\uB2E4.

\uADF8\uB798\uB3C4 \uC880 \uD574\uC8FC\uBA74 \uC548\uB418\uACA0\uB2C8?


6) \uBC25\uC740 \uBC8C\uD06C\uB85C

1\uC6D4\uC5D0\uB294 \uC57D\uC18D\uC774 \uC788\uB294 \uB0A0\uC744 \uC81C\uC678\uD558\uACE4 \uC678\uC2DD\uC744 \uC548 \uD558\uB824\uACE0 \uBB34\uCC99 \uC560\uC37C\uB2E4. \uCE74\uD398\uB3C4 \uAC70\uC758 \uC548 \uAC14\uB2E4.

\uBC25\uB3C4 \uBC8C\uD06C\uB85C \uD574\uB193\uACE0, \uD30C\uC2A4\uD0C0 \uC18C\uC2A4\uB3C4 \uBC8C\uD06C\uB85C \uB9CC\uB4E4\uACE0, \uCEE4\uD53C\uB3C4 \uBBF9\uC2A4\uCEE4\uD53C\uB97C \uB9CE\uC774 \uAD6C\uB9E4\uD574\uC11C \uBA39\uACE0, \uAC04\uC2DD\uC774\uB098 \uB514\uC800\uD2B8\uB3C4 \uCD5C\uB300\uD55C \uC9D1\uC5D0 \uC788\uB294 \uAC83\uB4E4\uC744 \uBA39\uC73C\uB824\uACE0 \uC560\uC37C\uB2E4.

\uC9C0\uAE08 \uB2F9\uC7A5 \uB0B4\uAC00 \uC904\uC77C \uC218 \uC788\uB294 \uC18C\uBE44\uB294 \uC2DD\uBE44 \uC815\uB3C4 \uBC16\uC5D0 \uC5C6\uB294 \uAC83 \uAC19\uB2E4.

\uB3C8\uC744 \uB9C9 \uC4F0\uB294 \uD3B8\uC740 \uC544\uB2CC\uB370\u2026 \uC65C \uD1B5\uC7A5\uC744 \uC2A4\uCCD0\uAC00\uB294\uAC78\uAE4C? \uC11C\uB7FD\uB2E4.


7) \uBB34\uD611\uC18C\uC124\uC744 \uBCF4\uBA74\uC11C \uB290\uB080 \uAC83\uB4E4

',65),S=l("\uB108\uBB34 \uB2F5\uB2F5\uD574\uC11C \uBB58 \uD574\uC57C \uC88B\uC744\uC9C0 \uBAA8\uB974\uACA0\uACE0, \uC2DC\uAC04\uC740 \uC8FD\uC5EC\uC57C\uACA0\uACE0, \uADF8\uB7EC\uB2E4\uAC00 "),M={href:"https://series.naver.com/novel/detail.series?productNo=8981942",target:"_blank",rel:"noopener noreferrer"},O=l("\uC808\uB300\uD68C\uADC0"),X=l("\uB77C\uB294 \uBB34\uD611\uC18C\uC124\uC744 \uBD24\uB2E4."),w=e('

\uBB34\uD611\uC9C0\uAE34 \uD558\uC9C0\uB9CC, \uC2F8\uC6B0\uB294 \uB0B4\uC6A9\uBCF4\uB2E8 \uB300\uD654\uC640 \uAD00\uACC4\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC774 \uBB34\uCC99 \uB9CE\uC544\uC11C \uB354 \uC7AC\uBC0C\uAC8C \uC77D\uC5C8\uB2E4.

\uC77D\uC73C\uBA74\uC11C \uB290\uB080 \uAC83\uB4E4\uC774\uB2E4.

  • \uC0AC\uB78C\uB3C4 \uD604\uC0C1\uB3C4 \uC81C\uB300\uB85C \uBCF4\uAE30 \uC704\uD574\uC120 \uD55C \uAC78\uC74C \uB5A8\uC5B4\uC838\uC11C \uBD10\uC57C \uD55C\uB2E4.
  • \uAC10\uC0AC\uD55C \uB9C8\uC74C\uACFC \uBBF8\uC548\uD55C \uB9C8\uC74C\uC744 \uBB35\uD600\uB450\uB294 \uAC83\uC740 \uC88B\uC9C0 \uC54A\uB2E4. \uAC10\uC0AC\uD55C \uC0AC\uB78C\uC5D0\uAC8C \uC788\uB294 \uADF8\uB300\uB85C\uC758 \uAC10\uC0AC\uD568\uC744, \uBBF8\uC548\uD55C \uC0AC\uB78C\uC5D0\uAC8C\uB294 \uC788\uB294 \uADF8\uB300\uB85C\uC758 \uBBF8\uC548\uD568\uC744 \uC804\uD574\uC57C \uD55C\uB2E4. \uC774\uB7F0 \uACBD\uD5D8\uC774 \uC313\uC774\uBA74\uC11C \uC2E0\uB8B0\uD560 \uC218 \uC788\uAC8C \uB41C\uB2E4.
  • \uC870\uAE09\uD574\uC9C0\uC9C0 \uB9D0\uC790. \uC0B0\uC744 \uC624\uB97C \uB54C \uAF2D\uB300\uAE30\uB97C \uBCF4\uBA70 \uCB49 \uB098\uC544\uAC00\uB294 \uAC83\uB3C4 \uC88B\uC9C0\uB9CC, \uB4A4\uB97C \uB3CC\uC544\uBCF4\uBA74 \uC138\uC0C1\uC774 \uD55C \uB208\uC5D0 \uBCF4\uC778\uB2E4. \uC8FC\uBCC0\uB3C4 \uC790\uC8FC \uB458\uB7EC\uBCF4\uACE0, \uB4A4\uB3C4 \uB3CC\uC544\uBCF4\uACE0, \uADF8\uB7EC\uBA74\uC11C \uC138\uC0C1\uC744 \uB208\uC5D0 \uB2F4\uC790. \uADF8\uB807\uAC8C \uB098\uB97C \uB113\uD600\uC57C \uD55C\uB2E4.
  • \uC2E0\uB8B0\uD558\uAE30 \uB54C\uBB38\uC5D0, \uC2E0\uB8B0\uB97C \uBC1B\uAE30 \uB54C\uBB38\uC5D0, \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uC0C1\uB300\uBC29\uC5D0\uAC8C \uB354 \uC798 \uD574\uC57C \uD558\uACE0 \uBC30\uB824\uD574\uC57C \uD55C\uB2E4. \uC138\uC0C1\uC5D0 \uB2F9\uC5F0\uD55C \uAC83\uC740 \uC5C6\uC73C\uBA70 \uAFB8\uC900\uD55C \uB178\uB825\uC774 \uB3D9\uBC18\uB418\uC5B4\uC57C \uD55C\uB2E4.
  • \uC5B4\uB5A4 \uC0AC\uB78C\uACFC \uCE5C\uD574\uC9C0\uAE30 \uC704\uD574\uC120 \u201C\uCE5C\uD574\uC9C0\uB294 \uAC83\u201D \uC790\uCCB4\uB97C \uBAA9\uD45C\uB85C \uD558\uAE30 \uBCF4\uB2E8, \uC0C1\uB300\uBC29\uC744 \u201C\uC54C\uC544\uAC00\uB294 \uAC83\u201D\uC744 \uBAA9\uD45C\uB85C \uD574\uC57C \uD55C\uB2E4. \uC0C1\uB300\uBC29\uC758 \uC138\uC0C1\uC744 \uB4E4\uC5EC\uB2E4\uBCF4\uACE0 \uC774\uD574\uD558\uACE0 \uACF5\uAC10\uD560 \uC218 \uC788\uC744 \uB54C \uC9C4\uC815\uC73C\uB85C \u201C\uCE5C\uD574\uC84C\uB2E4\u201D \uB77C\uACE0 \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uB2E4.

\uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uC791\uAC00\uAC00 \u201C\uBB34\uD611\uC9C0\u201D \uB77C\uB294 \uCE74\uD14C\uACE0\uB9AC\uB97C \uD1B5\uD574 \uACB0\uAD6D \u201C\uC778\uC0DD\u201D\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30 \uD558\uACE0 \uC788\uB2E4\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uB2E4. \u201C\uC5B4\uB5BB\uAC8C \uC0B4\uC544\uAC08 \uAC83\uC778\uAC00?\u201D\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB784\uAE4C.

\uC7AC\uBBF8\uB97C \uB118\uC5B4\uC11C \uBC30\uC6C0\uC774 \uCC38 \uB9CE\uC558\uB2E4.


\uD68C\uACE0\uC5D0 \uB300\uD55C \uD68C\uACE0

\uD68C\uACE0\uB97C \uC791\uC131\uD558\uB2E4\uBCF4\uB2C8, \uD68C\uACE0\uB77C\uAE30\uBCF4\uB2E8 \uC788\uC5C8\uB358 \uC77C\uB4E4\uC744 \uCB49 \uB098\uC5F4\uD55C \uAC83 \uAC19\uB2E4.

\uBAA9\uD45C\uB97C \uC798 \uB2EC\uC131\uD558\uACE0 \uC788\uB294\uC9C0\uC5D0 \uB300\uD574 \uC810\uAC80\uD558\uB294 \uAC83\uB3C4 \uBB3C\uB860 \uC88B\uC9C0\uB9CC\u2026 \uC774\uB807\uAC8C \uADF8\uB0E5 \uC77C\uC0C1\uC744 \uC815\uB9AC\uD558\uB294\uAC8C \uB098\uC5D0\uAC8C\uB294 \uB354 \uC18C\uC911\uD55C \uC2DC\uAC04\uC774\uC9C0 \uC54A\uC744\uAE4C?

\uBAA9\uD45C\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD55C\uB2E4\uB294 \uAC83\uC740 \uC55E\uC744 \uBCF4\uB294 \uAC83, \uADF8\uB9AC\uACE0 \uB354 \uBA40\uB9AC \uBCF4\uB294 \uAC83\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB7F0\uB370 \uB098\uB294 \uB0B4\uAC00 \uACAA\uC740 \uACBD\uD5D8\uB4E4\uC744 \uACF1\uC539\uC5B4\uBCF4\uACE0 \uC798 \uC18C\uD654\uC2DC\uD0A4\uACE0 \uC2F6\uC740 \uC695\uB9DD\uC774 \uB354 \uD070 \uAC83 \uAC19\uB2E4.

\uADF8\uB7EC\uB2E4\uBCF4\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uB0B4\uAC00 \uAC00\uC9C4 \uC695\uB9DD\uB4E4\uC5D0 \uB300\uD574 \uB354 \uC798 \uC778\uC9C0\uD560 \uC218 \uC788\uACE0, \uB0B4\uAC00 \uC758\uB3C4\uD558\uC9C0 \uC54A\uC544\uB3C4 \uADF8\uB7F0 \uC695\uB9DD\uC744 \uCC44\uC6B0\uAE30 \uC704\uD55C \uC77C\uB4E4\uC744 \uD558\uAC8C \uB41C\uB2E4. \uC774\uC815\uB3C4\uBA74 \uB098\uB294 \uC778\uAC04\uBCF4\uB2E8 \uBCF8\uB2A5\uC5D0 \uCDA9\uC2E4\uD55C \uB3D9\uBB3C\uC758 \uBC94\uC8FC\uC5D0 \uB354 \uAC00\uAE4C\uC6B4\uAC8C \uC544\uB2D0\uAE4C \uC2F6\uAE30\uB3C4..

',11);function C(j,z){const t=s("ExternalLinkIcon");return n(),o("div",null,[g,i("ul",null,[f,i("li",null,[m,i("a",x,[k,r(t)]),v,I])]),T,L,y,P,i("div",U,[B,i("p",null,[N,i("a",q,[G,r(t)]),K]),V]),E,i("p",null,[S,i("a",M,[O,r(t)]),X]),w])}var D=a(b,[["render",C],["__file","index.html.vue"]]);export{D as default}; +import{_ as a,r as s,o as n,c as o,a as i,b as r,d as e,e as l}from"./app.d20f8571.js";var p="/TIL/assets/1.c8c27d53.png",d="/TIL/assets/2.dc49b9f8.png",h="/TIL/assets/3.9d1ea8c1.png",c="/TIL/assets/4.fb82554f.png",_="/TIL/assets/5.4524f0ec.png",u="/TIL/assets/6.66fdcbac.png";const b={},g=e('

2024\uB144 1\uC6D4 \uD68C\uACE0

\uB098\uB984 \uB9CC\uC871\uC2A4\uB7EC\uC6B4 \uD55C \uB2EC\uC774\uC5C8\uB2E4.

  • \uD300 \uB0B4\uC5D0\uC11C\uB294 \uC8FC\uB85C \uBAA9\uD45C \uC124\uACC4\uC5D0 \uD798\uC744 \uB9CE\uC774 \uC37C\uB2E4. \uD558\uC9C0\uB9CC 1\uB144\uCE58 \uBAA9\uD45C\uB97C \uC815\uD558\uB294\uAC74 \uB108\uBB34 \uC5B4\uB824\uC6B4 \uC77C\uC774\uB2E4. \uB0B4\uAC00 \uB418\uACE0 \uC2F6\uC740 \uBAA8\uC2B5\uACFC, \uADF8 \uBAA8\uC2B5\uC774 \uB418\uC5C8\uC74C\uC744 \uC99D\uBA85\uD558\uB294 \uAC83. \uCC38 \uC5B4\uB835\uB2E4.
  • 1\uC6D4 \uCD08\uC5D0 \uD3ED\uD48D \uAC19\uC740 \uACB0\uC815(?)\uC744 \uB9CE\uC774 \uD588\uB2E4. \uBB34\uC5C7\uC744 \uD574\uC57C\uD560\uC9C0 \uC815\uB9AC\uD558\uB2E4\uBCF4\uBA74 \uC9C0\uAE08 \uB2F9\uC7A5 \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC774 \uB208\uC5D0 \uBCF4\uC778\uB2E4. \uADF8\uAC83\uB4E4\uC744 \uD558\uBA74 \uB41C\uB2E4.
  • \uC544\uD0A4\uD14D\uD2B8\uB294 \uBB58\uAE4C \uC0DD\uAC01\uD574\uBD24\uB2E4. \uB420 \uC218 \uC788\uC744\uAE4C?

2\uC6D4\uC5D0\uB294 \uBB58 \uD558\uBA74 \uC88B\uC744\uAE4C?

  • \uD68C\uACE0\uAC00 \uC544\uB2C8\uB77C, 2\uC6D4 TIL \uC774\uB77C\uB294 \uD3EC\uC2A4\uD2B8\uB97C \uB9CC\uB4E4\uC5B4\uC11C \uC62C\uB9B0 \uB2E4\uC74C\uC5D0 \uB9E4\uC77C\uB9E4\uC77C \uC5C5\uB370\uC774\uD2B8 \uD558\uBA74 \uC5B4\uB5A8\uAE4C? \uBE14\uB85C\uADF8\uB97C \uC870\uAE08 \uB354 \uC798 \uD65C\uC6A9\uD574\uBCF4\uACE0 \uC2F6\uB2E4.
  • \uB9AC\uD329\uD1A0\uB9C1\uC5D0 \uB300\uD55C \uAE00\uC744 \uD558\uB098 \uC62C\uB9AC\uBA74 \uC5B4\uB5A8\uAE4C?
  • \uC2DC\uAC04\uC744 \uC815\uD574\uC11C \uCC45\uC744 \uC77D\uC5B4\uBCF4\uC790. \uC77C\uB2E8 \uC77D\uB294 \uAC83 \uBD80\uD130 \uC2DC\uC791\uD558\uAE30.

(1) nBilly

1) \uBAA8\uB4C8\uD654

  • nBilly\uC5D0\uC11C \uB9CC\uB4E4\uC5B4\uC9C4 \uAC83\uB4E4 \uC911\uC5D0 \uACF5\uC6A9\uD654 \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC744 \uBAA8\uB4C8\uD654 \uD558\uB294 \uC791\uC5C5\uC744 \uC9C4\uD589\uD588\uB2E4.
  • \uC9C0\uAE08\uC740 \uC774\uBBF8\uC9C0, \uB3D9\uC601\uC0C1 \uC5C5\uB85C\uB354\uC640 \uB80C\uB354\uB7EC\uC5D0 \uB300\uD574\uC11C\uB9CC \uBAA8\uB4C8\uD654\uB97C \uC9C4\uD589\uD588\uB294\uB370 \uC0DD\uAC01\uBCF4\uB2E4 \uACE0\uB824\uD560\uAC8C \uB9CE\uC544\uC11C \uC774\uAC8C \uC9C4\uC790\uB85C \uC4F0\uC77C \uC218 \uC788\uC744\uC9C0\uB294 \uC55E\uC73C\uB85C \uC5B4\uB5BB\uAC8C \uD558\uB0D0\uC5D0 \uB2EC\uB838\uB2E4.
    • \uD638\uD658\uC131\uB3C4 \uC2E0\uACBD\uC368\uC57C \uD558\uACE0, \uC778\uD130\uD398\uC774\uC2A4\uB3C4 \uB2E4\uC591\uD558\uAC8C \uB6AB\uC5B4\uC918\uC57C \uD558\uACE0, \uC5C5\uB370\uC774\uD2B8\uB3C4 \uC8FC\uAE30\uC801\uC73C\uB85C \uD574\uC57C \uD558\uACE0, \uC774\uC288\uB3C4 \uC8FC\uAE30\uC801\uC73C\uB85C \uB300\uC751\uD574\uC57C \uD558\uACE0.
    • \uC2E0\uACBD\uC368\uC57C \uD560\uAC8C \uCC38 \uB9CE\uB2E4.
  • \uADF8\uB7F0\uB370 \uC774 \uACFC\uC815\uC774 \uB098\uB984(?) \uC7AC\uBC0C\uB2E4.
    • \uB611\uAC19\uC740 \uAD00\uC2EC\uC0AC\uB97C \uB2E4\uB8E8\uB294 \uCF54\uB4DC \uC870\uAC01\uC744 \uBAA8\uC544\uC11C \uC751\uC9D1\uB3C4 \uC788\uAC8C \uB9CC\uB4E4\uACE0
    • \uC774 \uACFC\uC815\uC5D0\uC11C \uCF54\uB4DC\uB97C \uB9AC\uD329\uD1A0\uB9C1 \uD558\uACE0 \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uB97C \uC791\uC131\uD558\uACE0.
    • \uBB38\uC11C\uB3C4.. \uC791\uC131\uD558\uACE0..?

2) \uBB38\uC11C \uC791\uC5C5

',11),f=i("li",null,"\uD300\uC5D0\uC11C \uAD00\uB9AC\uD558\uB294 \uBB38\uC11C\uB4E4\uC774 \uAF64 \uC624\uB7AB\uB3D9\uC548 \uBC29\uCE58\uB418\uC5B4\uC11C \uBAA8\uB4C8\uD654 \uAD00\uB828 \uBB38\uC11C\uB97C \uC791\uC131\uD558\uBA74\uC11C \uC5B4\uB290 \uC815\uB3C4 \uC5C5\uB370\uC774\uD2B8\uB97C \uD588\uB294\uB370 \uD574\uB3C4 \uD574\uB3C4 \uB05D\uC774 \uC5C6\uB2E4.",-1),m=l("\uCC98\uC74C\uC5D0\uB294 \uD55C \uBB38\uC11C\uC5D0 \uBAA8\uB4E0 \uB0B4\uC6A9\uC744 \uB2F4\uC558\uB294\uB370 \uD06C\uAC8C \uD63C\uB098\uACE0(?) \uB9AC\uB354\uB2D8\uC774 \uC18C\uAC1C\uD574\uC8FC\uC2E0 "),x={href:"https://documentation.divio.com/introduction.html",target:"_blank",rel:"noopener noreferrer"},k=l("\uBB38\uC11C\uD654 \uAC00\uC774\uB4DC"),v=l("\uB97C \uAE30\uBC18\uC73C\uB85C \uAC1C\uC120\uD588\uB2E4. "),I=i("ul",null,[i("li",null,"\uBBF8\uB514\uC5B4 \uBAA8\uB4C8\uC744 \uC0AC\uC6A9\uC5D0 \uB300\uD55C \uD29C\uD1A0\uB9AC\uC5BC (\uD2B9\uC815 \uBBF8\uB514\uC5B4 \uBAA8\uB4C8\uB85C \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD574 \uD574\uC57C\uB418\uB294 \uACFC\uC815\uB4E4)"),i("li",null,"\uBBF8\uB514\uC5B4 \uBAA8\uB4C8\uC744 \uC0AC\uC6A9\uD560 \uB54C \uD544\uC694\uD55C \uB808\uD37C\uB7F0\uC2A4 (\uD300 \uB0B4 \uC704\uD0A4\uB85C \uC774\uAD00)"),i("li",null,"\uBBF8\uB514\uC5B4 \uBAA8\uB4C8\uC758 \uBAA9\uC801\uACFC \uC124\uBA85 (\uD575\uC2EC\uAC1C\uB150)")],-1),T=i("p",null,"\uAC1C\uC778\uC801\uC73C\uB85C, \uD53C\uB4DC\uBC31\uC744 \uC8FC\uAE30\uC801\uC73C\uB85C \uBC1B\uC744 \uC218 \uC788\uC73C\uBA74 \uC88B\uAE34 \uD558\uC9C0\uB9CC \uC5B4\uCA0C\uB4E0 \uCC98\uC74C\uBD80\uD130 \uB05D\uAE4C\uC9C0 \uC77C\uB2E8 \uB2E4 \uC9C4\uD589\uD574\uBCF4\uB294 \uAC83\uB3C4 \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC815\uC11D\uC73C\uB85C \uBAA9\uD45C\uB97C \uD5A5\uD574 \uB2EC\uB824\uAC00\uB294 \uBC29\uBC95\uB3C4 \uC88B\uC9C0\uB9CC, \uC870\uAE08 \uB3CC\uC544\uAC00\uB354\uB77C\uB3C4 \uC774\uAC83 \uC800\uAC83 \uACBD\uD5D8\uD574\uBCF4\uB294 \uAC83\uB3C4 \uC88B\uC9C0 \uC54A\uC744\uAE4C? \uBE44\uD6A8\uC728\uC801\uC774\uB77C\uB294\uAC8C \uBB38\uC81C\uC9C0\uB9CC\u2026 \uBE44\uD6A8\uC728\uC801\uC778 \uACBD\uD5D8\uB3C4 \uD574\uBD10\uC57C \uBB50\uAC00 \uD6A8\uC728\uC801\uC778\uC9C0 \uC54C \uC218 \uC788\uB294 \uAC83 \uAC19\uB2E4.",-1),L=i("p",null,[i("strong",null,[l("\uC4F0\uB2E4\uAC00 \uB4E0 \uC0DD\uAC01\uC740, \uB09C \uB625\uC778\uC9C0 \uB41C\uC7A5\uC778\uC9C0 \uBA39\uC5B4\uBD10\uC57C \uC544\uB294 \uC0AC\uB78C\uC778\uAC00\uBCF4\uB2E4... \uB41C\uC7A5\u2026 "),i("s",null,"\uACFC\uC5F0 \uB098\uB294 \uC774 \uD5D8\uB09C\uD55C \uC138\uC0C1\uC744 \uC798 \uC0B4\uC544\uAC08 \uC218 \uC788\uC744\uAE4C?")])],-1),y=i("br",null,null,-1),P=i("h3",{id:"_3-kpi-\u110C\u1161\u11A8\u1109\u1165\u11BC",tabindex:"-1"},[i("a",{class:"header-anchor",href:"#_3-kpi-\u110C\u1161\u11A8\u1109\u1165\u11BC","aria-hidden":"true"},"#"),l(" 3) KPI \uC791\uC131")],-1),U={class:"custom-container tip"},B=i("p",{class:"custom-container-title"},"goals-signals-metrics \uD504\uB808\uC784\uC6CC\uD06C",-1),N=l("\uB9AC\uB354\uB2D8\uC774 "),q={href:"https://linkedin.github.io/dph-framework/goals-signals-metrics.html",target:"_blank",rel:"noopener noreferrer"},G=l("\uB9C1\uD06C\uB4DC\uC778\uC774 \uAC1C\uBC1C\uD55C goals-signals-metrics \uD504\uB808\uC784\uC6CC\uD06C"),K=l("\uB97C \uC18C\uAC1C\uD574\uC8FC\uC168\uACE0, \uC774\uB97C \uAE30\uBC18\uC73C\uB85C 2024\uB144\uC758 \uBAA9\uD45C\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD574\uBCF4\uB294 \uC2DC\uAC04\uC744 \uAC00\uC84C\uB2E4."),V=e("
  • \uAC1C\uB150

    • Goals: \uAD6C\uCCB4\uC801\uC778 \uBAA9\uD45C\uB97C \uC791\uC131\uD574\uC57C \uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uBAA9\uD45C\uB294 \uCE21\uC815\uD560 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.
    • Signals: \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uACE0 \uC788\uB2E4\uB294 \uAC83\uC744 \uC54C \uC218 \uC788\uB294 \uC2E0\uD638\uC5D0 \uB300\uD574 \uC815\uC758\uD558\uB294 \uAC83.
    • Metrics: \uBAA9\uD45C\uB97C \uCE21\uC815\uD560 \uC218 \uC788\uB294 \uC22B\uC790.
  • \uC791\uC131\uD574\uBCF4\uAE30

    • Goals: \uD300\uC758 \uD5C8\uB9AC \uC5ED\uD560\uC744 \uD560 \uC218 \uC788\uB294 \uC544\uD0A4\uD14D\uD2B8 \uAC00 \uB418\uACE0 \uC2F6\uB2E4. (\uC9C0\uAE08 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC774\uAC8C \uCE21\uC815 \uAC00\uB2A5\uD55C \uBAA9\uD45C\uB294 \uC544\uB2CC \uAC83 \uAC19\uB2E4.)
    • Signals: \uD300\uC6D0\uB4E4\uC774 \uB098\uC5D0\uAC8C \uC544\uD0A4\uD14D\uCCD0 \uC124\uACC4\uC5D0 \uB300\uD55C \uC9C8\uBB38\uC744 \uB9CE\uC774 \uD560 \uB54C. \uB0B4\uAC00 \uC81C\uC2DC\uD55C \uC124\uACC4\uAC00 \uC218\uC6A9\uB420 \uB54C
    • Metrics: \uC544\uD0A4\uD14D\uCC98 \uC124\uACC4 \uAD00\uB828 \uC9C8\uBB38 \uBE48\uB3C4, \uC9C8\uBB38 \uC720\uD615, \uB2F5\uBCC0\uC758 \uC720\uC6A9\uC131\uC744 \uC218\uC9D1\uD558\uACE0 \uAE30\uB85D\uD574\uC11C \uC810\uC218\uB97C \uBD80\uC5EC\uD558\uACE0 \uBCC0\uACBD \uC694\uCCAD \uAC74\uC218, \uC218\uC6A9\uB960\uC744 \uCD94\uC801\uD558\uAE30
",1),E=e('
  • \uD300 KPI\uC5D0 \uB300\uD574 \uB9AC\uBDF0\uD558\uB294 \uC2DC\uAC04\uC744 \uAC00\uC9C0\uACE0, \uC5EC\uAE30\uC5D0 \uC815\uB82C\uB41C \uB098\uC758 \uC5ED\uD560/\uBAA9\uD45C/\uC131\uACFC\uC9C0\uD45C \uB4F1\uC744 \uC791\uC131\uD558\uB294 \uC2DC\uAC04\uC744 \uB9CE\uC774 \uAC00\uC84C\uB2E4. \uB9CE\uC774 \uAC00\uC9C0\uBA74 \uBB50\uD558\uB098, \uC798 \uC791\uC131\uD574\uC57C\uC9C0.

  • \uC81C\uC77C \uB9CE\uC774 \uB4E4\uC740 \uD53C\uB4DC\uBC31\uC740 \uBAA9\uD45C\uB97C \uAD6C\uCCB4\uC801\uC73C\uB85C \uC791\uC131\uD558\uB77C\uB294 \uAC83. \uB204\uAD6C\uB098 \uC0C1\uC0C1\uD558\uAE30 \uC26C\uC6B4 \uBAA9\uD45C\uAC00 \uC88B\uB2E4\uB294 \uAC83.
    [X] \uC544\uD0A4\uD14D\uD2B8\uAC00 \uB418\uC790.
    [O] \uC544\uD0A4\uD14D\uD2B8\uAC00 \uBB50\uD558\uB294 \uC0AC\uB78C\uC774\uC57C? \uC5D0 \uB300\uD574 1\uC2DC\uAC04 \uC815\uB3C4\uB294 \uAC70\uB72C\uD558\uAC8C(?) \uC124\uBA85\uD560 \uC218 \uC788\uB294 \uC0C1\uD0DC\uAC00 \uB418\uC790.
    [X] \uC601\uC5B4 \uACF5\uBD80\uB97C \uD558\uC790.
    [O] \uC601\uC5B4\uB85C 1\uC2DC\uAC04 \uC815\uB3C4\uB294 \uB300\uD654\uD560 \uC218 \uC788\uB294 \uC0C1\uD0DC\uAC00 \uB418\uC790.

  • \uADF8 \uB2E4\uC74C\uC740 \uBAA9\uD45C\uB97C \uC798 \uB2EC\uC131\uD588\uB294\uC9C0\uB97C \uC810\uAC80\uD560 \uC218 \uC788\uB294 \uC9C0\uD45C\uB97C \uC0B0\uCD9C\uD558\uB294 \uAC83.
    [\uBAA9\uD45C] \uBC31\uC624\uD53C\uC2A4 \uC81C\uC791\uC5D0 \uD544\uC694\uD55C \uAE30\uC220\uC801\uB09C\uC81C\uB97C \uD574\uACB0\uD558\uB294 \uC544\uD0A4\uD14D\uCC98\uB97C \uB9AC\uC11C\uCE58\uD558\uC5EC \uD300\uC5D0 \uBC29\uD5A5\uC131\uC744 \uC81C\uC2DC\uD558\uACE0, \uC544\uD0A4\uD14D\uCC98\uB97C \uC2E4\uD604\uD558\uC5EC \uBB38\uC81C\uB97C \uC8FC\uB3C4\uC801\uC73C\uB85C \uD574\uACB0\uD55C\uB2E4
    [\uC9C0\uD45C] \uC5D0\uD53D \uB2E8\uC704\uC758 \uAE30\uC220\uC801 \uB09C\uC81C\uC5D0 \uB300\uD574 \uBB38\uC81C \uC2DD\uBCC4\uBD80\uD130 \uD574\uACB0\uCC45 \uB9AC\uC11C\uCE58, \uC81C\uC2DC, \uBB38\uC81C\uD574\uACB0\uAE4C\uC9C0 \uAE30\uC5EC\uD55C \uC0AC\uB840\uB97C 3\uAC74 \uC774\uC0C1\uC758 \uC0AC\uB840 \uB9CC\uB4E4\uAE30

  • KPI\uB97C \uC791\uC131\uD560 \uB54C GPT\uC758 \uB3C4\uC6C0\uC744 \uB9CE\uC774 \uBC1B\uC558\uB2E4. \uD655\uC2E4\uD788 GPT\uAC00 \uC0DD\uACA8\uC11C \uC0DD\uAC01\uC744 \uD45C\uD604\uD558\uAE30\uAC00 \uC218\uC6D4\uD558\uB2EC\uAE4C? \uB098\uCC98\uB7FC \uCD94\uC0C1\uC801\uC778\uAC78 \uAD6C\uCCB4\uC801\uC778\uAC78\uB85C \uD45C\uD604\uD558\uB294 \uB2A5\uB825\uC774 \uBD80\uC871\uD55C \uC0AC\uB78C\uC5D0\uAC8C \uB108\uBB34\uB098 \uC88B\uC740 \uCE5C\uAD6C\uB2E4.

\uC544\uD0A4\uD14D\uD2B8\uAC00 \uB418\uACE0\uC790 \uD558\uB294 \uBAA9\uD45C \uC790\uCCB4\uAC00... \uB108\uBB34 \uB192\uC740 \uB09C\uC774\uB3C4\uC778 \uAC83 \uAC19\uAE30\uB3C4 \uD558\uACE0. \uC77C\uB2E8 \uC9C0\uAE08 \uD558\uB294 \uC77C \uBD80\uD130 \uC798 \uD574\uC57C \uD558\uC9C0 \uC54A\uC744\uAE4C?

\uB098\uB294 \uC0B0\uC744 \uC624\uB974\uACE0\uC790 \uD560 \uB54C \uAF2D\uB300\uAE30\uB97C \uBC14\uB77C\uBCF4\uBA70 \uAC78\uC5B4\uAC00\uAE30 \uBCF4\uB2E8, \uC911\uAC04 \uC9C0\uC810\uC774\uB098 \uBC14\uB85C \uC704\uC758 \uACC4\uB2E8\uC744 \uBCF4\uBA74\uC11C \uC62C\uB77C\uAC00\uB294 \uD3B8\uC774\uB2E4. \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uC774\uB7F0 \uC7A5\uAE30 \uBAA9\uD45C\uC640 \uB418\uACE0 \uC2F6\uC740 \uBAA8\uC2B5\uC744 \uC0C1\uC0C1\uD558\uACE0 \uC124\uACC4\uD558\uACE0 \uB098\uC544\uAC00\uB294\uAC8C \uB108\uBB34 \uC5B4\uC0C9\uD558\uACE0 \uC5B4\uB824\uC6B4 \uAC83 \uAC19\uB2E4.


4) \uB514\uBC14\uC774\uC2A4 \uBAA8\uB4DC \uC804\uD658\uC2DC \uC131\uB2A5 \uCD5C\uC801\uD654

beforeafter
UntitledUntitled
\uCD1D 6\uCD08 \uC774\uC0C1\uC774 \uAC78\uB838\uB2E4.0.2\uCD08 \uC815\uB3C4\uC758 \uC218\uC900\uC73C\uB85C \uAC1C\uC120\uD588\uB2E4.

1\uC6D4 \uB9C8\uC9C0\uB9C9 \uC8FC\uC5D0 \uC9C4\uD589\uD55C \uC77C\uC778\uB370, \uC0DD\uAC01 \uC774\uC0C1\uC73C\uB85C \uB9CC\uC871\uB3C4\uAC00 \uB192\uC558\uB2E4. \uBB3C\uB860 \uBD80\uC871\uD55C \uBD80\uBD84\uB3C4 \uBD84\uBA85 \uC788\uC5C8\uC9C0\uB9CC..?

\uC774 \uD2F0\uCF13\uC740 \uB2E4\uC74C\uACFC \uAC19\uC774 \uC9C4\uD589\uD588\uB2E4.

  1. \uBAA9\uD45C\uB97C \uC810\uAC80\uD558\uAE30.
  2. \uC791\uC5C5 \uBAA9\uB85D \uBC0F \uC77C\uC815 \uCD94\uC815 \uD6C4 \uD53C\uB4DC\uBC31 \uBC1B\uACE0 \uBC18\uC601\uD558\uAE30.
  3. \uC774\uC288 \uC6D0\uC778 \uD30C\uC545\uD558\uACE0 \uACF5\uC720\uD558\uAE30
  4. \uBB38\uC81C \uD574\uACB0 \uC218\uC900 \uACB0\uC815\uD558\uAE30
  5. \uBB38\uC81C \uD574\uACB0\uC744 \uC704\uD55C \uC544\uD0A4\uD14D\uCCD0 \uC124\uACC4 \uD6C4 \uACF5\uC720\uD55C \uB2E4\uC74C \uD53C\uB4DC\uBC31 \uBC1B\uAE30
  6. \uBB38\uC81C \uD574\uACB0 (\uCF54\uB4DC \uC791\uC131, \uD14C\uC2A4\uD2B8 \uCF54\uB4DC \uC791\uC131, \uCF54\uB4DC\uB9AC\uBDF0)
  7. \uD2B8\uB7EC\uBE14 \uC288\uD305 \uBB38\uC11C \uC791\uC131

\uADF8\uB9AC\uACE0 \uC62C \uD574\uBD80\uD130 \uB9AC\uB354\uB2D8\uC774 0%, 20%, 80% \uB9AC\uBDF0\uB97C \uD558\uAE30\uB85C \uD574\uC11C \uC911\uAC04\uC911\uAC04 \uC774 \uD2F0\uCF13\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30 \uD558\uB294 \uC2DC\uAC04\uC744 \uAC00\uC84C\uB2E4. \uC791\uC5C5\uC774 \uD06C\uAC8C \uC5B4\uB824\uC6B4 \uBD80\uBD84\uC740 \uC5C6\uC5B4\uC11C \uBB34\uB09C\uD558\uAC8C(?) \uC9C0\uB098\uAC04 \uAC83 \uAC19\uB2E4.

\uC774\uBC88\uC5D0\uB294 \uC544\uC608 \uCC98\uC74C\uBD80\uD130 \uD2B8\uB7EC\uBE14 \uC288\uD305 \uBB38\uC11C\uB97C \uC791\uC131\uD588\uB294\uB370, \uB355\uBD84\uC5D0 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC124\uACC4\uC5D0 \uC9D1\uC911\uD558\uAC8C \uB418\uACE0 \uC774\uAC78 \uB2E4\uB978 \uC0AC\uB78C\uC5D0\uAC8C \uC798 \uBCF4\uC5EC\uC8FC\uACE0 \uC804\uB2EC\uD558\uAE30 \uC704\uD55C \uACE0\uBBFC\uB4E4\uC744 \uD560 \uC218 \uC788\uC5C8\uB2E4.

\uBAA8\uB4E0 \uD2F0\uCF13\uC744 \uC774\uB807\uAC8C \uC9C4\uD589\uD558\uBA74 \uC5B4\uB5A8\uAE4C \uC2F6\uAE30\uB3C4 \uD558\uACE0..?

2\uC6D4\uC5D0\uB294 \uC815\uB9D0 \uAF2D \uC131\uB2A5 \uCD5C\uC801\uD654\uC640 \uAD00\uB828\uB41C \uB0B4\uC6A9\uC744 \uD68C\uC0AC \uAE30\uC220 \uBE14\uB85C\uADF8\uC5D0 \uC62C\uB824\uBCF4\uACE0 \uC2F6\uB2E4. \uC880 \uD558\uC790 \uC774\uB140\uC11D\uC544


5) 2023\uB144 \uC131\uACFC \uBA74\uB2F4

\uD68C\uC0AC\uC758 \uC815\uCC45\uC774 \uBCC0\uACBD\uB418\uBA74\uC11C \uC131\uACFC\uB97C \uCE21\uC815\uD558\uB294 \uBC29\uC2DD\uB3C4 \uB9CE\uC774 \uB2EC\uB77C\uC84C\uB2E4.

  • \uC131\uACFC: KPI\uB97C \uC5BC\uB9C8\uB098 \uC798 \uB2EC\uC131 \uD588\uB294\uC9C0
  • \uACFC\uC815: \uAC1C\uC778\uC774 \uADF8 \uC77C\uC744 \uD560 \uB54C \uC5BC\uB9C8\uB098 \uC9D1\uC911\uD558\uACE0, \uB178\uB825\uD558\uACE0, \uCE58\uC5F4\uD558\uAC8C \uAE30\uC220\uC801\uC778 \uACE0\uBBFC\uC744 \uD558\uBA74\uC11C \uC62C\uB77C\uAC14\uB294\uC9C0.
  • \uC601\uD5A5: \uC870\uC9C1 \uB0B4\uC5D0 \uB0B4\uAC00 \uC5BC\uB9C8\uB098 \uD070 \uC601\uD5A5\uC744 \uC8FC\uACE0 \uC788\uB294\uC9C0 ( \uC870\uC9C1\uC744 \uBCC0\uD654\uC2DC\uD0A4\uACE0 \uC2DC\uB108\uC9C0\uB97C \uC774\uB04C\uC5B4\uB0B4\uB294 \uC218\uC900 )

\uBA74\uB2F4 \uACFC\uC815\uC5D0\uC11C \uB098\uC758 \uB2E8\uC810\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB4E4\uC744 \uB9CE\uC774 \uD574\uC8FC\uC168\uB2E4. \uC0AC\uC2E4 \uC774\uBBF8 \uB108\uBB34\uB098 \uC798 \uC778\uC9C0\uD558\uACE0 \uC788\uB294 \uBAA8\uC2B5\uC774\uB77C\uC11C \uBCC4\uB2E4\uB978 \uD0C0\uACA9\uC774 \uC5C6\uC5C8\uB2E4.

  • \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158
    • \uB450\uAD04\uC2DD\uC73C\uB85C \uB9D0\uD588\uC73C\uBA74 \uC88B\uACA0\uB2E4.
    • \uB0B4\uAC00 \uD558\uB294 \uC77C\uC5D0 \uB300\uD574 \uC608\uCE21\uC774 \uB418\uB3C4\uB85D \uD588\uC73C\uBA74 \uC88B\uACA0\uB2E4.
    • \uC790\uC8FC \uACF5\uC720\uD588\uC73C\uBA74 \uC88B\uACA0\uB2E4.
    • \uC774\uC57C\uAE30\uB97C \uD558\uB2E4\uAC00 \uB534 \uAE38\uB85C \uC0C8\uC9C0 \uC54A\uC558\uC73C\uBA74 \uC88B\uACA0\uB2E4.
  • \uC778\uC0AC\uC774\uD2B8
    • \uD300\uC6D0\uB4E4\uC5D0\uAC8C \uC778\uC0AC\uC774\uD2B8\uB97C \uC92C\uC73C\uBA74 \uC88B\uACA0\uB2E4. \uC9C0\uAE08\uC740 \uB69C\uB837\uD55C \uBAA8\uC2B5\uC774 \uC5C6\uB2E4.
  • \uB514\uD14C\uC77C\uACFC \uC644\uC131\uB3C4
    • \uC77C\uC744 \uC9C4\uD589\uD560 \uB54C \uAF3C\uAF3C\uD558\uAC8C \uC9C4\uD589\uD588\uC73C\uBA74 \uC88B\uACA0\uB2E4.
    • \uAC00\uB054 \uC911\uAC04\uC911\uAC04 \uCC59\uAE30\uC9C0 \uBABB\uD558\uAC70\uB098 \uBE7C\uBA39\uB294 \uC77C\uB4E4\uC774 \uBCF4\uC5EC\uC11C \uC544\uC27D\uB2E4.
    • \uC77C\uC744 \uBA40\uB9AC \uBD10\uC57C \uB418\uB294\uB370 \uB2F9\uC7A5 \uB208 \uC55E\uC5D0 \uBCF4\uC774\uB294 \uAC83\uB9CC \uD574\uACB0\uD558\uB824\uACE0 \uD558\uB2E4\uBCF4\uB2C8 \uBB38\uC81C\uAC00 \uB418\uB294 \uACBD\uC6B0\uB4E4\uC774 \uB9CE\uC774 \uBCF4\uC778\uB2E4.
  • \uC790\uAE30\uC5B4\uD544
    • \uAE30\uC220\uC801\uC778 \uC5B4\uD544\uC744 \uD574\uC57C \uB418\uB294\uB370 \uAC00\uB054 \uBCF4\uBA74 \uCCA0\uD559\uC790\uC2A4\uB7EC\uC6B4 \uC774\uC57C\uAE30\uB97C \uD55C\uB2E4.
    • \uAE30\uC220\uC801\uC778 \uC131\uC7A5\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uD574\uBCF4\uBA74 \uC88B\uACA0\uB2E4.

\uB2E4 \uC801\uADF9\uC801\uC73C\uB85C \uC778\uC815\uD558\uB294 \uB0B4\uC6A9\uB4E4\uC774\uB77C \uB531\uD788 \uD560 \uB9D0\uC774 \uC5C6\uC5C8\uB2E4. \uD760\u2026 \uB0B4\uAC00 \uBCF4\uC644\uC744 \uC798\uD560 \uC218 \uC788\uC744\uAE4C? \uB178\uB825\uC73C\uB85C \uD574\uACB0\uD560 \uC218 \uC788\uB294 \uBD80\uBD84\uACFC \uD574\uACB0\uD560 \uC218 \uC5C6\uB294 \uBD80\uBD84\uB4E4\uC774 \uBA87 \uAC00\uC9C0 \uBCF4\uC774\uC9C0\uB9CC, \uC77C\uB2E8 \uD574\uBCF4\uB294 \uC218 \uBC16\uC5D0!


(2) \uC0AC\uC0DD\uD65C

1) \uAC00\uC871\uACFC\uC758 \uB300\uD654

\uBB38\uB4DD \u201C\uB098\uC5D0 \uB300\uD574 \uC81C\uC77C \uBAA8\uB974\uB294 \uC0AC\uB78C\uC740 \uAC00\uC871\uB4E4\uC774 \uC544\uB2D0\uAE4C?\u201D \uB77C\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uB2E4. \uB9C8\uCC2C\uAC00\uC9C0\uB85C, \uC6B0\uB9AC \uAC00\uC871 \uAC1C\uAC1C\uC778\uC5D0 \uB300\uD574 \uC81C\uC77C \uC798 \uBAA8\uB974\uB294 \uC0AC\uB78C\uB3C4 \uB0B4\uAC00 \uC544\uB2CC\uAC00? \uB77C\uB294 \uC0DD\uAC01\uB3C4 \uAC19\uC774 \uB4E4\uC5C8\uB2E4.

\uAF2D \uAC00\uC871\uC774 \uC544\uB2C8\uC5EC\uB3C4, \uC0AC\uB78C\uC744 \uB9CC\uB098\uACE0 \uAD00\uACC4\uB97C \uC720\uC9C0\uD560 \uB54C \uC810\uC810 \uB0B4\uAC00 \uC544\uB294 \uBAA8\uC2B5\uC5D0\uC11C \uB9CE\uC774 \uB2EC\uB77C\uC9C0\uB294 \uACBD\uC6B0\uB4E4\uC774 \uC788\uC744\uD150\uB370 \uADF8 \uAC04\uADF9\uC744 \uB9E4\uAFB8\uC9C0 \uC54A\uC73C\uBA74 \uB0B4\uAC00 \uC544\uB294 \uC0AC\uB78C\uC740 \uB0B4\uAC00 \uC544\uB294 \uC0AC\uB78C\uC774 \uC544\uB2C8\uAC8C \uB41C\uB2E4.

Untitled

1\uC6D4 \uCD08\uC5D0 \uAC00\uC871 \uBAA8\uC784\uC774 \uC788\uC5C8\uACE0, \uB300\uD654\uCE74\uB4DC\uB97C \uAD6C\uB9E4\uD574\uC11C \uCC98\uC74C\uC5D0\uB294 \uAC00\uBCCD\uAC8C \uC774\uC57C\uAE30\uB97C \uC2DC\uC791\uD558\uB2E4\uAC00 \uC810\uC810 \uC9C4\uC9C0\uD55C \uC774\uC57C\uAE30\uB97C \uD558\uAE30 \uC2DC\uC791\uD588\uB2E4. \uC6B0\uB9AC\uB294 \uC11C\uB85C\uC5D0 \uB300\uD574 \uBAA8\uB974\uB294 \uBAA8\uC2B5\uC774 \uB108\uBB34\uB3C4 \uB9CE\uC558\uACE0, \uD560 \uC774\uC57C\uAE30\uB3C4 \uB108\uBB34 \uB9CE\uC558\uB2E4.

\uB9E4\uBC88 \uC774\uB7EC\uAE30\uB294 \uC27D\uC9C0 \uC54A\uACA0\uC9C0\uB9CC, \uC5B4\uB5A4 \uAD00\uACC4\uB4E0 \uAC74\uAC15\uD558\uAC8C \uC798 \uC720\uC9C0\uD558\uAE30 \uC704\uD574\uC120 \uC5B4\uB290 \uC815\uB3C4\uC758 \uB178\uB825\uC774 \uD544\uC694\uD558\uC9C0 \uC54A\uC744\uAE4C? \uD2B9\uD788 \uAC00\uAE4C\uC6B4 \uAD00\uACC4\uC77C\uC218\uB85D \uB354 \uADF8\uB7F0 \uAC83 \uAC19\uB2E4.


2) \uD3EC\uB3D9\uC774 \uC911\uC131\uD654

\uBBF8\uB8E8\uACE0 \uBBF8\uB8E8\uB358 \uD3EC\uB3D9\uC774 \uC911\uC131\uD654 \uC218\uC220\uC744 \uB4DC\uB514\uC5B4 \uD588\uB2E4.

\uC774\uBC88\uC5D0 \uC54C\uAC8C\uB41C \uC0AC\uC2E4\uC740 \uD3EC\uB3D9\uC774\uB294 \uD0DC\uC5B4\uB0A0 \uB54C \uBD80\uD130 \uC790\uAD81\uC774 \uAE30\uD615\uC774\uB77C\uC11C \uC5D0\uCD08\uC5D0 \uBD88\uC784\uC774\uB77C\uACE0\u2026 \uC774\uB7F4\uC904 \uC54C\uC558\uC73C\uBA74 \uC9C4\uC791\uC5D0 \uC911\uC131\uD654 \uC218\uC220\uC744 \uD574\uC92C\uC73C\uBA74 \uC88B\uC558\uC744\uD150\uB370\u2026 \u{1F62D}

\uC218\uC758\uC0AC\uBD84\uC774 \uC218\uC220\uC744 \uD558\uBA74\uC11C \uD3EC\uB3D9\uC774\uC758 \uC790\uAD81\uC774 \uAE30\uD615\uC778\uAC78 \uC54C\uAC8C \uB418\uC5C8\uACE0, \uD3EC\uB3D9\uC774\uC758 \uB09C\uC18C\uAC00 \uC11C\uB85C \uC774\uC5B4\uC838\uC788\uC9C0 \uC54A\uC544\uC11C \uC77C\uB2E8 \uD55C \uAC1C\uB9CC \uC81C\uAC70\uD55C \uB2E4\uC74C\uC5D0 \uC218\uC220\uC744 \uB9C8\uBB34\uB9AC \uD588\uB2E4\uACE0 \uD574\uC8FC\uC168\uB2E4. \uB098\uBA38\uC9C0 \uD558\uB098\uB294 \uB2E4\uC74C\uC5D0 \uCDA9\uBD84\uD788 \uD68C\uBCF5\uD55C \uB2E4\uC74C\uC5D0 \uC218\uC220\uC744 \uC9C4\uD589\uD574\uC57C \uD560 \uAC83 \uAC19\uB2E4\uACE0..

Untitled

Untitled

\uC5B4\uCA0C\uB4E0, \uC9C0\uAE08\uC740 \uC798 \uD68C\uBCF5\uD588\uB2E4. \uC218\uC220\uC744 \uD55C \uBC88 \uB354 \uD574\uC57C \uB41C\uB2E4\uB294 \uC0AC\uC2E4\uC774 \uB9C8\uC74C\uC774 \uC544\uD50C\uBFD0\u2026


3) \uBD80\uC2A4\uD2B8\uCEA0\uD504

Untitled

\uC6B4\uC601\uC9C4, \uB9C8\uC2A4\uD130\uAC00 \uBAA8\uC5EC\uC11C 8\uAE30\uB97C \uD68C\uACE0\uD558\uB294 \uC790\uB9AC\uAC00 \uC788\uC5C8\uB2E4. \uC5EC\uB7EC\uBAA8\uB85C \uB290\uB080\uAC8C \uCC38 \uB9CE\uC558\uB294\uB370 \uC9C0\uAE08\uC740 \uB290\uB080\uC810\uC774 \uB2E4 \uD718\uBC1C\uB410\uB2E4. \uADF8\uB0E5 \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uC544\uC26C\uC6B4 \uC810\uB4E4\uC774 \uBB34\uCC99 \uB9CE\uC558\uB2E4\uB294 \uAC83 \uC815\uB3C4..?

\uC62C\uD574\uC5D0 \uB610 \uD558\uAC8C \uB41C\uB2E4\uBA74 \uB2E4\uB978\uAC78 \uB2E4 \uB5A0\uB098\uC11C \uBBF8\uB9AC\uBBF8\uB9AC \uCEA0\uD37C\uB4E4\uACFC \uC18C\uD1B5\uD560 \uC218 \uC788\uB294 \uC7A5\uCE58\uB4E4\uC744 \uACE0\uBBFC\uD558\uC5EC \uB9CC\uB4E4\uACE0 \uC6B4\uC601\uD574\uBCF4\uACE0 \uC2F6\uB2E4. \uB354 \uB299\uAE30 \uC804\uC5D0 \uC5F4\uC2EC\uD788 \uD574\uC57C\uD560 \uAC83 \uAC19\uB2E4.


4) \uC758\uBBF8 \uC788\uB294 \uB9CC\uB0A8

1\uC6D4\uC5D0\uB294 \uD589\uBCF5\uD558\uAC8C \uC0B4\uC544\uAC00\uB294 \uC0AC\uB78C\uB4E4\uC744 \uB9CE\uC774 \uB9CC\uB0AC\uB2E4. \uC88B\uC740 \uC601\uD5A5\uC744 \uC8FC\uB294 \uC0AC\uB78C\uB4E4\uC744 \uBCF4\uBA74\uC11C \uB290\uB080\uAC74, \uACB0\uAD6D \uD589\uBCF5\uD558\uAC8C \uC0B4\uC544\uAC00\uB294 \uAC83\uC740 \uCC38 \uB9CE\uC740 \uB178\uB825\uC774 \uD544\uC694\uD558\uAD6C\uB098 \uC2F6\uB2E4.

\uB098 \uC2A4\uC2A4\uB85C\uB97C \uBC30\uB824\uD558\uACE0, \uADF8\uB9CC\uD07C \uC8FC\uBCC0 \uC0AC\uB78C\uB4E4\uC744 \uBC30\uB824\uD558\uACE0, \uC608\uC758\uB97C \uAC16\uCD94\uB294 \uAC83.

\uC131\uC7A5\uACFC \uD589\uBCF5\uC5D0 \uB300\uD574 \uAE4A\uC774 \uACE0\uBBFC\uD558\uB294 \uAC83.

\uBB34\uC5C7 \uD558\uB098 \uC26C\uC6B4 \uC77C\uC740 \uC5C6\uC5B4\uBCF4\uC774\uC9C0\uB9CC \uADF8\uB7FC\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uCC38 \uBCF4\uAE30 \uC88B\uB2E4.

\uB098\uB97C \uB9CC\uB098\uB294 \uC0AC\uB78C\uB4E4\uB3C4 \uBE44\uC2B7\uD55C \uAC10\uC815\uB4E4\uC744 \uB290\uAF08\uC73C\uBA74 \uC88B\uACA0\uB2E4.


5) \uBA40\uB9AC \uC0DD\uAC01\uD558\uC790

\uACF5\uC801\uC774\uB4E0 \uC0AC\uC801\uC774\uB4E0 \uC0DD\uAC01\uC774 \uC9E7\uC740 \uB0B4 \uBAA8\uC2B5 \uB54C\uBB38\uC5D0 \uC774\uB798\uC800\uB798 \uB9CE\uC774 \uD63C\uB0AC\uB2E4.

\uC0DD\uAC01\uC744 \uBA40\uB9AC \uD558\uACE0 \uC2F6\uC5B4\uB3C4 \uAC70\uAE30\uAE4C\uC9C0 \uB3C4\uB2EC\uD558\uC9C0 \uBABB\uD560 \uB54C\uAC00 \uB9CE\uB2E4.

\uC0DD\uAC01\uC744 \uBA40\uB9AC \uBCF4\uB0BC \uC218 \uC788\uB294 \uBC29\uBC95\uC740 \uBB58\uAE4C? \uC544\uBB34\uB9AC \uB178\uB825 \uD574\uB3C4 \uD0C0\uACE0\uB09C \uC0AC\uB78C\uB4E4\uACFC \uBE44\uAD50\uD574\uBCF4\uBA74 \uB09C \uC232 \uC804\uCCB4\uB97C \uBCF4\uB294\uAC8C \uC548 \uB418\uB294 \uC0AC\uB78C\uC774\uB2E4. \uB0B4 \uB208 \uC55E\uC5D0 \uC788\uB294 \uB098\uBB34\uB4E4\uC744 \uCC59\uAE30\uB294 \uAC83\uB3C4 \uBC85\uCC28\uB2E4.

\uC774\uAC8C \uC7A5\uC810\uC73C\uB85C \uC791\uC6A9\uD560 \uB54C\uAC00 \uB354 \uB9CE\uC740 \uAC83 \uAC19\uAE34 \uD55C\uB370, \uB2E8\uC810\uC73C\uB85C \uC791\uC6A9\uD560 \uB54C\uB294 \uC218 \uB9CE\uC740 \uC7A5\uC810\uC744 \uD55C \uBC88\uC5D0 \uB36E\uC5B4\uBC84\uB9B0\uB2E4. \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uD0C0\uACA9\uC774 \uB108\uBB34 \uD06C\uB2EC\uAE4C..

\uADF8\uB798\uB3C4 \uC2DC\uC57C\uAC00 \uC815\uB9D0 \uC870\uAE08\uC529, \uC870\uAE08\uC529, \uC870\uAE08\uC529, \uB298\uC5B4\uB098\uB294\uAC8C \uB290\uAEF4\uC9C4\uB2E4. \uC77C\uB2E8 \uC774 \uC815\uB3C4\uC5D0 \uB9CC\uC871\uD574\uC57C\uC9C0. \uBCC4 \uC218 \uC788\uB098?

\uC6EC\uB9CC\uD558\uBA74 \uB0B4\uAC00 \uD560 \uC218 \uC788\uB294\uAC78 \uD558\uC790. \uC9C0\uAE08 \uB2F9\uC7A5 \uD574\uACB0\uD560 \uC218 \uC5C6\uB294 \uC77C\uB4E4\uC5D0 \uACE0\uBBFC\uD558\uB294\uAC74 \uCC38 \uD798\uB4E4\uACE0 \uC5B4\uB835\uACE0 \uB2F5\uB2F5\uD558\uB2E4.

\uADF8\uB798\uB3C4 \uC880 \uD574\uC8FC\uBA74 \uC548\uB418\uACA0\uB2C8?


6) \uBC25\uC740 \uBC8C\uD06C\uB85C

1\uC6D4\uC5D0\uB294 \uC57D\uC18D\uC774 \uC788\uB294 \uB0A0\uC744 \uC81C\uC678\uD558\uACE4 \uC678\uC2DD\uC744 \uC548 \uD558\uB824\uACE0 \uBB34\uCC99 \uC560\uC37C\uB2E4. \uCE74\uD398\uB3C4 \uAC70\uC758 \uC548 \uAC14\uB2E4.

\uBC25\uB3C4 \uBC8C\uD06C\uB85C \uD574\uB193\uACE0, \uD30C\uC2A4\uD0C0 \uC18C\uC2A4\uB3C4 \uBC8C\uD06C\uB85C \uB9CC\uB4E4\uACE0, \uCEE4\uD53C\uB3C4 \uBBF9\uC2A4\uCEE4\uD53C\uB97C \uB9CE\uC774 \uAD6C\uB9E4\uD574\uC11C \uBA39\uACE0, \uAC04\uC2DD\uC774\uB098 \uB514\uC800\uD2B8\uB3C4 \uCD5C\uB300\uD55C \uC9D1\uC5D0 \uC788\uB294 \uAC83\uB4E4\uC744 \uBA39\uC73C\uB824\uACE0 \uC560\uC37C\uB2E4.

\uC9C0\uAE08 \uB2F9\uC7A5 \uB0B4\uAC00 \uC904\uC77C \uC218 \uC788\uB294 \uC18C\uBE44\uB294 \uC2DD\uBE44 \uC815\uB3C4 \uBC16\uC5D0 \uC5C6\uB294 \uAC83 \uAC19\uB2E4.

\uB3C8\uC744 \uB9C9 \uC4F0\uB294 \uD3B8\uC740 \uC544\uB2CC\uB370\u2026 \uC65C \uD1B5\uC7A5\uC744 \uC2A4\uCCD0\uAC00\uB294\uAC78\uAE4C? \uC11C\uB7FD\uB2E4.


7) \uBB34\uD611\uC18C\uC124\uC744 \uBCF4\uBA74\uC11C \uB290\uB080 \uAC83\uB4E4

',65),S=l("\uB108\uBB34 \uB2F5\uB2F5\uD574\uC11C \uBB58 \uD574\uC57C \uC88B\uC744\uC9C0 \uBAA8\uB974\uACA0\uACE0, \uC2DC\uAC04\uC740 \uC8FD\uC5EC\uC57C\uACA0\uACE0, \uADF8\uB7EC\uB2E4\uAC00 "),M={href:"https://series.naver.com/novel/detail.series?productNo=8981942",target:"_blank",rel:"noopener noreferrer"},O=l("\uC808\uB300\uD68C\uADC0"),X=l("\uB77C\uB294 \uBB34\uD611\uC18C\uC124\uC744 \uBD24\uB2E4."),w=e('

\uBB34\uD611\uC9C0\uAE34 \uD558\uC9C0\uB9CC, \uC2F8\uC6B0\uB294 \uB0B4\uC6A9\uBCF4\uB2E8 \uB300\uD654\uC640 \uAD00\uACC4\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC774 \uBB34\uCC99 \uB9CE\uC544\uC11C \uB354 \uC7AC\uBC0C\uAC8C \uC77D\uC5C8\uB2E4.

\uC77D\uC73C\uBA74\uC11C \uB290\uB080 \uAC83\uB4E4\uC774\uB2E4.

  • \uC0AC\uB78C\uB3C4 \uD604\uC0C1\uB3C4 \uC81C\uB300\uB85C \uBCF4\uAE30 \uC704\uD574\uC120 \uD55C \uAC78\uC74C \uB5A8\uC5B4\uC838\uC11C \uBD10\uC57C \uD55C\uB2E4.
  • \uAC10\uC0AC\uD55C \uB9C8\uC74C\uACFC \uBBF8\uC548\uD55C \uB9C8\uC74C\uC744 \uBB35\uD600\uB450\uB294 \uAC83\uC740 \uC88B\uC9C0 \uC54A\uB2E4. \uAC10\uC0AC\uD55C \uC0AC\uB78C\uC5D0\uAC8C \uC788\uB294 \uADF8\uB300\uB85C\uC758 \uAC10\uC0AC\uD568\uC744, \uBBF8\uC548\uD55C \uC0AC\uB78C\uC5D0\uAC8C\uB294 \uC788\uB294 \uADF8\uB300\uB85C\uC758 \uBBF8\uC548\uD568\uC744 \uC804\uD574\uC57C \uD55C\uB2E4. \uC774\uB7F0 \uACBD\uD5D8\uC774 \uC313\uC774\uBA74\uC11C \uC2E0\uB8B0\uD560 \uC218 \uC788\uAC8C \uB41C\uB2E4.
  • \uC870\uAE09\uD574\uC9C0\uC9C0 \uB9D0\uC790. \uC0B0\uC744 \uC624\uB97C \uB54C \uAF2D\uB300\uAE30\uB97C \uBCF4\uBA70 \uCB49 \uB098\uC544\uAC00\uB294 \uAC83\uB3C4 \uC88B\uC9C0\uB9CC, \uB4A4\uB97C \uB3CC\uC544\uBCF4\uBA74 \uC138\uC0C1\uC774 \uD55C \uB208\uC5D0 \uBCF4\uC778\uB2E4. \uC8FC\uBCC0\uB3C4 \uC790\uC8FC \uB458\uB7EC\uBCF4\uACE0, \uB4A4\uB3C4 \uB3CC\uC544\uBCF4\uACE0, \uADF8\uB7EC\uBA74\uC11C \uC138\uC0C1\uC744 \uB208\uC5D0 \uB2F4\uC790. \uADF8\uB807\uAC8C \uB098\uB97C \uB113\uD600\uC57C \uD55C\uB2E4.
  • \uC2E0\uB8B0\uD558\uAE30 \uB54C\uBB38\uC5D0, \uC2E0\uB8B0\uB97C \uBC1B\uAE30 \uB54C\uBB38\uC5D0, \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uC0C1\uB300\uBC29\uC5D0\uAC8C \uB354 \uC798 \uD574\uC57C \uD558\uACE0 \uBC30\uB824\uD574\uC57C \uD55C\uB2E4. \uC138\uC0C1\uC5D0 \uB2F9\uC5F0\uD55C \uAC83\uC740 \uC5C6\uC73C\uBA70 \uAFB8\uC900\uD55C \uB178\uB825\uC774 \uB3D9\uBC18\uB418\uC5B4\uC57C \uD55C\uB2E4.
  • \uC5B4\uB5A4 \uC0AC\uB78C\uACFC \uCE5C\uD574\uC9C0\uAE30 \uC704\uD574\uC120 \u201C\uCE5C\uD574\uC9C0\uB294 \uAC83\u201D \uC790\uCCB4\uB97C \uBAA9\uD45C\uB85C \uD558\uAE30 \uBCF4\uB2E8, \uC0C1\uB300\uBC29\uC744 \u201C\uC54C\uC544\uAC00\uB294 \uAC83\u201D\uC744 \uBAA9\uD45C\uB85C \uD574\uC57C \uD55C\uB2E4. \uC0C1\uB300\uBC29\uC758 \uC138\uC0C1\uC744 \uB4E4\uC5EC\uB2E4\uBCF4\uACE0 \uC774\uD574\uD558\uACE0 \uACF5\uAC10\uD560 \uC218 \uC788\uC744 \uB54C \uC9C4\uC815\uC73C\uB85C \u201C\uCE5C\uD574\uC84C\uB2E4\u201D \uB77C\uACE0 \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uB2E4.

\uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uC791\uAC00\uAC00 \u201C\uBB34\uD611\uC9C0\u201D \uB77C\uB294 \uCE74\uD14C\uACE0\uB9AC\uB97C \uD1B5\uD574 \uACB0\uAD6D \u201C\uC778\uC0DD\u201D\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30 \uD558\uACE0 \uC788\uB2E4\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uB2E4. \u201C\uC5B4\uB5BB\uAC8C \uC0B4\uC544\uAC08 \uAC83\uC778\uAC00?\u201D\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB784\uAE4C.

\uC7AC\uBBF8\uB97C \uB118\uC5B4\uC11C \uBC30\uC6C0\uC774 \uCC38 \uB9CE\uC558\uB2E4.


\uD68C\uACE0\uC5D0 \uB300\uD55C \uD68C\uACE0

\uD68C\uACE0\uB97C \uC791\uC131\uD558\uB2E4\uBCF4\uB2C8, \uD68C\uACE0\uB77C\uAE30\uBCF4\uB2E8 \uC788\uC5C8\uB358 \uC77C\uB4E4\uC744 \uCB49 \uB098\uC5F4\uD55C \uAC83 \uAC19\uB2E4.

\uBAA9\uD45C\uB97C \uC798 \uB2EC\uC131\uD558\uACE0 \uC788\uB294\uC9C0\uC5D0 \uB300\uD574 \uC810\uAC80\uD558\uB294 \uAC83\uB3C4 \uBB3C\uB860 \uC88B\uC9C0\uB9CC\u2026 \uC774\uB807\uAC8C \uADF8\uB0E5 \uC77C\uC0C1\uC744 \uC815\uB9AC\uD558\uB294\uAC8C \uB098\uC5D0\uAC8C\uB294 \uB354 \uC18C\uC911\uD55C \uC2DC\uAC04\uC774\uC9C0 \uC54A\uC744\uAE4C?

\uBAA9\uD45C\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD55C\uB2E4\uB294 \uAC83\uC740 \uC55E\uC744 \uBCF4\uB294 \uAC83, \uADF8\uB9AC\uACE0 \uB354 \uBA40\uB9AC \uBCF4\uB294 \uAC83\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB7F0\uB370 \uB098\uB294 \uB0B4\uAC00 \uACAA\uC740 \uACBD\uD5D8\uB4E4\uC744 \uACF1\uC539\uC5B4\uBCF4\uACE0 \uC798 \uC18C\uD654\uC2DC\uD0A4\uACE0 \uC2F6\uC740 \uC695\uB9DD\uC774 \uB354 \uD070 \uAC83 \uAC19\uB2E4.

\uADF8\uB7EC\uB2E4\uBCF4\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uB0B4\uAC00 \uAC00\uC9C4 \uC695\uB9DD\uB4E4\uC5D0 \uB300\uD574 \uB354 \uC798 \uC778\uC9C0\uD560 \uC218 \uC788\uACE0, \uB0B4\uAC00 \uC758\uB3C4\uD558\uC9C0 \uC54A\uC544\uB3C4 \uADF8\uB7F0 \uC695\uB9DD\uC744 \uCC44\uC6B0\uAE30 \uC704\uD55C \uC77C\uB4E4\uC744 \uD558\uAC8C \uB41C\uB2E4. \uC774\uC815\uB3C4\uBA74 \uB098\uB294 \uC778\uAC04\uBCF4\uB2E8 \uBCF8\uB2A5\uC5D0 \uCDA9\uC2E4\uD55C \uB3D9\uBB3C\uC758 \uBC94\uC8FC\uC5D0 \uB354 \uAC00\uAE4C\uC6B4\uAC8C \uC544\uB2D0\uAE4C \uC2F6\uAE30\uB3C4..

',11);function C(j,z){const t=s("ExternalLinkIcon");return n(),o("div",null,[g,i("ul",null,[f,i("li",null,[m,i("a",x,[k,r(t)]),v,I])]),T,L,y,P,i("div",U,[B,i("p",null,[N,i("a",q,[G,r(t)]),K]),V]),E,i("p",null,[S,i("a",M,[O,r(t)]),X]),w])}var D=a(b,[["render",C],["__file","index.html.vue"]]);export{D as default}; diff --git a/assets/index.html.4dc97d86.js b/assets/index.html.0a24ab35.js similarity index 89% rename from assets/index.html.4dc97d86.js rename to assets/index.html.0a24ab35.js index 54cb1092..364c801c 100644 --- a/assets/index.html.4dc97d86.js +++ b/assets/index.html.0a24ab35.js @@ -1 +1 @@ -import{_ as o,o as n,c as t,a as e,e as a}from"./app.800103af.js";const c={},r=e("p",null,"** \uC544\uC9C1 \uC791\uC131\uC774 \uC644\uB8CC\uB418\uC9C0 \uC54A\uC740 \uAE00\uC785\uB2C8\uB2E4. **",-1),s=e("h1",{id:"non-blocking-loop-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#non-blocking-loop-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),a(" Non-Blocking Loop \uB9CC\uB4E4\uAE30")],-1),_=[r,s];function i(l,d){return n(),t("div",null,_)}var f=o(c,[["render",i],["__file","index.html.vue"]]);export{f as default}; +import{_ as o,o as n,c as t,a as e,e as a}from"./app.d20f8571.js";const c={},r=e("p",null,"** \uC544\uC9C1 \uC791\uC131\uC774 \uC644\uB8CC\uB418\uC9C0 \uC54A\uC740 \uAE00\uC785\uB2C8\uB2E4. **",-1),s=e("h1",{id:"non-blocking-loop-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#non-blocking-loop-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),a(" Non-Blocking Loop \uB9CC\uB4E4\uAE30")],-1),_=[r,s];function i(l,d){return n(),t("div",null,_)}var f=o(c,[["render",i],["__file","index.html.vue"]]);export{f as default}; diff --git a/assets/index.html.57e649db.js b/assets/index.html.0a4f434b.js similarity index 97% rename from assets/index.html.57e649db.js rename to assets/index.html.0a4f434b.js index 62a3a1b3..4fdf19f0 100644 --- a/assets/index.html.57e649db.js +++ b/assets/index.html.0a4f434b.js @@ -1 +1 @@ -const e={key:"v-05af0dad",path:"/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/",title:"MVVM System \uAC1C\uC120\uD558\uAE30 (2)",lang:"en-US",frontmatter:{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (2)",description:"ISP \uC6D0\uCE59, Visitor Pattern \uB4F1\uC744 \uC801\uC6A9\uD558\uC5EC MVVM System\uC744 \uB354\uC6B1 \uAC1C\uC120\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-02-22T00:00:00.000Z",tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, oop",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"\uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC \uC6D0\uCE59 (ISP)",slug:"\u110B\u1175\u11AB\u1110\u1165\u1111\u1166\u110B\u1175\u1109\u1173-\u1107\u116E\u11AB\u1105\u1175-\u110B\u116F\u11AB\u110E\u1175\u11A8-isp",children:[{level:3,title:"\uC5ED\uD560\uACFC \uCC45\uC784\uC5D0 \uB530\uB978 \uBD84\uC11D",slug:"\u110B\u1167\u11A8\u1112\u1161\u11AF\u1100\u116A-\u110E\u1162\u11A8\u110B\u1175\u11B7\u110B\u1166-\u1104\u1161\u1105\u1173\u11AB-\u1107\u116E\u11AB\u1109\u1165\u11A8",children:[]},{level:3,title:"ISP \uC801\uC6A9\uD558\uAE30",slug:"isp-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"\uC12C\uC138\uD55C \uAD8C\uD55C \uC870\uC815",slug:"\u1109\u1165\u11B7\u1109\u1166\u1112\u1161\u11AB-\u1100\u116F\u11AB\u1112\u1161\u11AB-\u110C\u1169\u110C\u1165\u11BC",children:[]},{level:2,title:"Visitor Pattern",slug:"visitor-pattern",children:[]},{level:2,title:"\uCD94\uC0C1 \uACC4\uCE35 \uC77C\uCE58\uC2DC\uD0A4\uAE30",slug:"\u110E\u116E\u1109\u1161\u11BC-\u1100\u1168\u110E\u1173\u11BC-\u110B\u1175\u11AF\u110E\u1175\u1109\u1175\u110F\u1175\u1100\u1175",children:[]},{level:2,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"\uC124\uACC4 \uC885\uD569",slug:"\u1109\u1165\u11AF\u1100\u1168-\u110C\u1169\u11BC\u1112\u1161\u11B8",children:[{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Scanner",slug:"scanner",children:[]},{level:3,title:"Binder",slug:"binder",children:[]},{level:3,title:"\uD50C\uB7AB\uD3FC \uB3C5\uB9BD\uC801 \uAD6C\uC870",slug:"\u1111\u1173\u11AF\u1105\u1162\u11BA\u1111\u1169\u11B7-\u1103\u1169\u11A8\u1105\u1175\u11B8\u110C\u1165\u11A8-\u1100\u116E\u110C\u1169",children:[]}]},{level:2,title:"\uC57D\uAC04\uC758 \uB2E8\uC810",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u1103\u1161\u11AB\u110C\u1165\u11B7",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/README.md"};export{e as data}; +const e={key:"v-05af0dad",path:"/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/",title:"MVVM System \uAC1C\uC120\uD558\uAE30 (2)",lang:"en-US",frontmatter:{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (2)",description:"ISP \uC6D0\uCE59, Visitor Pattern \uB4F1\uC744 \uC801\uC6A9\uD558\uC5EC MVVM System\uC744 \uB354\uC6B1 \uAC1C\uC120\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-02-22T00:00:00.000Z",tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, oop",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"\uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC \uC6D0\uCE59 (ISP)",slug:"\u110B\u1175\u11AB\u1110\u1165\u1111\u1166\u110B\u1175\u1109\u1173-\u1107\u116E\u11AB\u1105\u1175-\u110B\u116F\u11AB\u110E\u1175\u11A8-isp",children:[{level:3,title:"\uC5ED\uD560\uACFC \uCC45\uC784\uC5D0 \uB530\uB978 \uBD84\uC11D",slug:"\u110B\u1167\u11A8\u1112\u1161\u11AF\u1100\u116A-\u110E\u1162\u11A8\u110B\u1175\u11B7\u110B\u1166-\u1104\u1161\u1105\u1173\u11AB-\u1107\u116E\u11AB\u1109\u1165\u11A8",children:[]},{level:3,title:"ISP \uC801\uC6A9\uD558\uAE30",slug:"isp-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"\uC12C\uC138\uD55C \uAD8C\uD55C \uC870\uC815",slug:"\u1109\u1165\u11B7\u1109\u1166\u1112\u1161\u11AB-\u1100\u116F\u11AB\u1112\u1161\u11AB-\u110C\u1169\u110C\u1165\u11BC",children:[]},{level:2,title:"Visitor Pattern",slug:"visitor-pattern",children:[]},{level:2,title:"\uCD94\uC0C1 \uACC4\uCE35 \uC77C\uCE58\uC2DC\uD0A4\uAE30",slug:"\u110E\u116E\u1109\u1161\u11BC-\u1100\u1168\u110E\u1173\u11BC-\u110B\u1175\u11AF\u110E\u1175\u1109\u1175\u110F\u1175\u1100\u1175",children:[]},{level:2,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"\uC124\uACC4 \uC885\uD569",slug:"\u1109\u1165\u11AF\u1100\u1168-\u110C\u1169\u11BC\u1112\u1161\u11B8",children:[{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Scanner",slug:"scanner",children:[]},{level:3,title:"Binder",slug:"binder",children:[]},{level:3,title:"\uD50C\uB7AB\uD3FC \uB3C5\uB9BD\uC801 \uAD6C\uC870",slug:"\u1111\u1173\u11AF\u1105\u1162\u11BA\u1111\u1169\u11B7-\u1103\u1169\u11A8\u1105\u1175\u11B8\u110C\u1165\u11A8-\u1100\u116E\u110C\u1169",children:[]}]},{level:2,title:"\uC57D\uAC04\uC758 \uB2E8\uC810",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u1103\u1161\u11AB\u110C\u1165\u11B7",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/README.md"};export{e as data}; diff --git a/assets/index.html.f683e365.js b/assets/index.html.0b552713.js similarity index 91% rename from assets/index.html.f683e365.js rename to assets/index.html.0b552713.js index c6828f6c..ab66fd0b 100644 --- a/assets/index.html.f683e365.js +++ b/assets/index.html.0b552713.js @@ -1 +1 @@ -const e={key:"v-6b7a613f",path:"/Book/OOP-Principle/04-Extended-By-Java/",title:"04 \uC790\uBC14\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"04 \uC790\uBC14\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"\uC77C\uBC18\uC801\uC778 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAC1C\uB150\uC744 \uC790\uBC14\uAC00 \uC5B4\uB5A4\uC2DD\uC73C\uB85C \uD655\uC7A5\uD558\uC600\uB294\uC9C0 \uC774\uD574\uD558\uC5EC\uBD05\uC2DC\uB2E4.",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"Book/OOP-Principle/04-Extended-By-Java/README.md"};export{e as data}; +const e={key:"v-6b7a613f",path:"/Book/OOP-Principle/04-Extended-By-Java/",title:"04 \uC790\uBC14\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"04 \uC790\uBC14\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"\uC77C\uBC18\uC801\uC778 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAC1C\uB150\uC744 \uC790\uBC14\uAC00 \uC5B4\uB5A4\uC2DD\uC73C\uB85C \uD655\uC7A5\uD558\uC600\uB294\uC9C0 \uC774\uD574\uD558\uC5EC\uBD05\uC2DC\uB2E4.",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"Book/OOP-Principle/04-Extended-By-Java/README.md"};export{e as data}; diff --git a/assets/index.html.3194addd.js b/assets/index.html.10eb0892.js similarity index 99% rename from assets/index.html.3194addd.js rename to assets/index.html.10eb0892.js index d9376bb2..f8fad5a3 100644 --- a/assets/index.html.3194addd.js +++ b/assets/index.html.10eb0892.js @@ -1,4 +1,4 @@ -import{_ as c}from"./21.ac207c15.js";import{_ as i,a as l,b as r,c as u,d,e as k}from"./13.696f2d8d.js";import{_}from"./12.729a5149.js";import{_ as h,r as o,o as b,c as v,a as n,b as a,w as g,d as e,e as s}from"./app.800103af.js";var m="/TIL/assets/1.fde9083c.jpg",f="/TIL/assets/3.4cec7b28.jpg",E="/TIL/assets/2.b304b1f2.jpg",B="/TIL/assets/4.8ca8aed5.jpg",C="/TIL/assets/5.747824f5.jpg",w="/TIL/assets/11.80878074.jpg",$="/TIL/assets/14.15bf4858.jpg",y="/TIL/assets/15.5ab99815.jpg",A="/TIL/assets/16.c51e2ea5.jpg",P="/TIL/assets/17.c1ddcbba.jpg",q="/TIL/assets/18.6824b7fa.jpg",D="/TIL/assets/19.702397b6.jpg",x="/TIL/assets/20.c4b04801.jpg";const L={},T=e('

2020\uB144 11\uC6D4 \uD68C\uACE0

\uC774\uBC88 \uB2EC\uC740 \uC5B4\uB5BB\uAC8C \uC9C0\uB098\uAC14\uB294\uC9C0 \uC798 \uBAA8\uB974\uACA0\uB2E4. \uADF8\uB798\uB3C4 \uD55C \uBC88 \uC815\uB9AC\uD574\uBCF4\uC790.

\uACF5\uC801

11\uC6D4\uC5D0\uB294 \uD07C\uC9C1\uD55C \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uB098 \uB9C8\uBB34\uB9AC\uD588\uACE0, \uC2E0\uADDC \uC11C\uBE44\uC2A4 \uB7F0\uCE6D\uC744 \uC704\uD55C \uD504\uB85C\uC81D\uD2B8\uB97C \uC2DC\uC791\uD588\uB2E4.

1. CMS \uB9C8\uBB34\uB9AC

\uBA87 \uAC1C\uC6D4 \uB3D9\uC548 \uC791\uC5C5\uD558\uB358 CMS Project\uB97C \uB9C8\uBB34\uB9AC\uD588\uB2E4. \uC815\uB9D0 \uC6B0\uC5EC\uACE1\uC808\uC774 \uB9CE\uC558\uC9C0\uB9CC \uB355\uBD84\uC5D0 \uACF5\uBD80\uD55C\uAC8C \uB9CE\uC740 \uD504\uB85C\uC81D\uD2B8\uC600\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC544\uBB34\uB798\uB3C4 \uD68C\uC0AC \uD504\uB85C\uC81D\uD2B8\uB77C\uC11C \uAD6C\uCCB4\uC801\uC73C\uB85C \uC5B4\uB5A4 \uAC83\uB4E4\uC744 \uD588\uB294\uC9C0 \uC774\uC57C\uAE30\uD558\uAE30\uB294 \uC870\uAE08 \uC5B4\uB835\uC9C0\uB9CC, \uB73B \uAE4A\uC740 \uD504\uB85C\uC81D\uD2B8\uC600\uB2E4.

\uADF8\uB7F0\uB370 \uD55C \uCEF4\uD3EC\uB10C\uD2B8\uC5D0 \uBB34\uCC99 \uB9CE\uC740 \uAE30\uB2A5\uC744 \uAD6C\uD604\uD574\uB1A8\uB2E4.

21

\uBCF4\uD1B5 API \uAD00\uB828 \uB85C\uC9C1\uC774\uB098 Store\uB97C \uB2E4\uB8E8\uB294 \uB85C\uC9C1\uC740 \uCEE8\uD14C\uC774\uB108 \uCEF4\uD3EC\uB10C\uD2B8\uC5D0\uC11C \uCC98\uB9AC\uD558\uACE0, \uD558\uC704 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 Props\uB098 Custom Event\uB85C \uCC98\uB9AC\uD558\uB3C4\uB85D \uB9CC\uB4E0\uB2E4. \uC5B4\uCA0C\uB4E0 \uD558\uB098\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uAD49\uC7A5\uD788 \uBB34\uAC70\uC6CC\uC84C\uB2E4. \uAE30\uB2A5 \uC790\uCCB4\uAC00 \uB9CE\uC740 \uAC83\uB3C4 \uC788\uC9C0\uB9CC, \uC774\uD574\uD558\uAE30 \uC5B4\uB824\uC6B4 \uB85C\uC9C1\uB3C4 \uC788\uACE0 \uC5EC\uB7EC\uBAA8\uB85C \uC7A0\uC7AC\uC801 \uC704\uD5D8\uC744 \uAC00\uC9C4 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uB418\uC5B4\uBC84\uB838\uB2E4.

',9),U=s("\uADF8\uB798\uC11C \uCD94\uD6C4\uC5D0 "),I=n("strong",null,"Vue Composition API\uB85C \uB9AC\uD329\uD1A0\uB9C1",-1),S=s(" \uD560 \uC608\uC815\uC774\uB2E4. \uC774\uB97C \uC704\uD574 "),R={href:"https://composition-api.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},j=s("Composition API"),H=s("\uB97C \uAC1C\uC778\uC801\uC73C\uB85C \uD559\uC2B5\uD588\uB294\uB370, \uC774\uAC74 "),M=n("a",{href:"#_3-composition-api-%E1%84%92%E1%85%A1%E1%86%A8%E1%84%89%E1%85%B3%E1%86%B8"},"Composition API \uD559\uC2B5 \uC139\uC158",-1),Q=s("\uC5D0\uC11C \uC0C1\uC138\uD788 \uB2E4\uB8E8\uB3C4\uB85D \uD558\uACA0\uB2E4."),V=e('

2. \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8

\uC774\uAC83\uB3C4 \uB300\uC678\uBE44\uB77C\uC11C \uC5B4\uB5A4 \uD504\uB85C\uC81D\uD2B8\uC778\uC9C0 \uAD6C\uCCB4\uC801\uC73C\uB85C \uC5B8\uAE09\uD558\uAE34 \uC5B4\uB835\uC9C0\uB9CC, \uD575\uC2EC\uC801\uC778 \uB0B4\uC6A9\uC740 \uD06C\uB86C \uBE0C\uB77C\uC6B0\uC800(\uD639\uC740 \uCD5C\uC2E0 \uBE0C\uB77C\uC6B0\uC800)\uB97C \uC804\uC6A9\uC73C\uB85C \uC11C\uBE44\uC2A4\uD558\uB294 \uD504\uB85C\uC81D\uD2B8\uB97C \uB2F4\uB2F9\uD558\uC5EC \uC9C4\uD589\uC911\uC774\uB2E4.

\uC62C \uD574\uC758 \uB9C8\uC9C0\uB9C9 \uD504\uB85C\uC81D\uD2B8\uC774\uBA70 \uC785\uC0AC \uC774\uD6C4\uC5D0 \uCC98\uC74C\uC73C\uB85C \uC2E0\uADDC \uC11C\uBE44\uC2A4\uB97C \uCC98\uC74C\uBD80\uD130 \uB9CC\uB4DC\uB294 \uAC83\uC774\uAE30 \uB54C\uBB38\uC5D0 \uBB34\uCC99 \uC7AC\uBC0C\uB2E4. \uC774 \uD504\uB85C\uC81D\uD2B8\uB3C4 \uC11C\uBE44\uC2A4\uAC00 \uB7F0\uCE6D \uB418\uBA74 \uC790\uC138\uD788 \uB2E4\uB904\uC57C\uACA0\uB2E4.

\uC0AC\uC801

\uD68C\uACE0 \uD560\uAC8C \uC788\uC744\uAE4C \uC2F6\uC5C8\uB294\uB370 \uC81C\uBAA9\uC744 \uB098\uC5F4\uD558\uACE0 \uBCF4\uB2C8 \uBB58 \uC774\uB9AC \uB9CE\uC774 \uD588\uB098 \uC2F6\uB2E4. \uD558.. 11\uC6D4 \uD68C\uACE0\uB294 \uD3B8\uD558\uAC8C \uC4F8 \uC218 \uC788\uC744 \uAC83 \uAC19\uC558\uB294\uB370!!

1. \uB125\uC2A4\uD2B8 \uC2A4\uD15D \uB9AC\uBDF0\uC5B4

',6),J=s("\uC774\uBC88 \uB2EC\uC5D0\uB294 "),N={href:"https://edu.nextstep.camp/s/MNii0Puk",target:"_blank",rel:"noopener noreferrer"},W=s("NextStep - TDD, Clean Code with Java 10\uAE30"),G=s(" \uB9AC\uBDF0\uC5B4\uB85C \uD65C\uB3D9\uD588\uB2E4. \uB2E4\uC74C \uB2EC\uAE4C\uC9C0 \uD65C\uB3D9\uD560 \uC608\uC815\uC774\uB2E4."),F=e('

(1) \uBBF8\uC158\uB2F9 7\uBA85

\uAE30\uC874\uC5D0\uB294 \uBBF8\uC158\uB2F9 5\uBA85, \uCD1D \uBBF8\uC158\uC774 4\uAC1C\uB77C\uC11C \uCD5C\uB300 20\uBA85\uC744 \uB9AC\uBDF0\uD558\uB294 \uBC29\uC2DD\uC774\uC5C8\uB2E4. \uADF8\uB7F0\uB370 \uC774\uBC88 \uAE30\uC218\uC5D0\uB294 \uAD49\uC7A5\uD788 \uB9CE\uC740 \uC0AC\uB78C\uB4E4(\uCD5C\uB300 28\uBA85)\uC744 \uB9AC\uBDF0\uD558\uAC8C \uB418\uC5C8\uB2E4.

\uD3EC\uBE44(\uBC15\uC7AC\uC131\uB2D8)\uC640 \uC2AC\uB799\uC73C\uB85C \uC8FC\uACE0 \uBC1B\uC740 DM\uC744 \uCEA1\uCCD0\uD558\uB824\uACE0 \uD588\uB294\uB370.. \uBB34\uB8CC \uC2AC\uB799\uC774\uB77C \uADF8\uB7F0\uC9C0 \uBA54\uC138\uC9C0\uAC00 \uC0AC\uB77C\uC84C\uB2E4 \u{1F607}

10\uAE30 \uB9AC\uBDF0\uC5B4 \uC2E0\uCCAD \uACFC\uC815\uC5D0\uC11C \uBBF8\uC158\uB2F9 \uC6D0\uD558\uB294 \uB9AC\uBDF0\uC774\uC758 \uC218\uB97C \uC801\uB294 \uD56D\uBAA9\uC774 \uC788\uC5C8\uB2E4. \uC774 \uB54C\uB294 \uC544\uBB34 \uC0DD\uAC01 \uC5C6\uC774(?) \uC790\uC2E0\uB9CC\uB9CC\uD558\uAC8C \uC778\uC6D0 \uBB34\uAD00\uC774\uB77C\uACE0 \uC801\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 \uD3EC\uBE44\uAC00 \uBBF8\uC158\uB2F9 7\uBA85\uC744 \uBC30\uC815\uD560 \uC608\uC815\uC774\uBA70 \uC0C1\uAD00 \uC5C6\uB0D0\uACE0 \uBB3C\uC5C8\uACE0 \uB098\uB294 \uAD1C\uCC2E\uB2E4\uACE0 \uD588\uB2E4 (\uBC18\uC131\uD574\uB77C \uACFC\uAC70\uC758 \uB098).

\uACB0\uACFC\uC801\uC73C\uB85C, \uBBF8\uC158\uC774 \uC2DC\uC791\uB418\uACE0 \uB098\uC11C\uC57C \uAD1C\uCC2E\uC9C0 \uC54A\uC740 \uAC83\uC744 \uC54C\uAC8C \uB418\uC5C8\uB2E4.

1

\uB9D0 \uADF8\uB300\uB85C PR\uC774 \uC3DF\uC544\uC838\uB098\uC654\uB2E4 \u{1F602}\u{1F602}\u{1F602}\u{1F602}

\uC774\uBC88 \uB2EC\uC5D0 NextStep\uACFC \uAD00\uB828 PR \uAC2F\uC218\uB9CC 60\uAC1C\uC778\uB370, \uB300\uCCB4\uB85C \uD55C PR \uB2F9 2\uBC88 \uC774\uC0C1\uC758 \uB9AC\uBDF0\uB97C \uD558\uAE30 \uB54C\uBB38\uC5D0 \uB300\uB7B5 \uD558\uB8E8\uC5D0 3~4\uBC88\uC758 \uB9AC\uBDF0\uB97C \uD588\uB2E4\uACE0 \uBCFC \uC218 \uC788\uB2E4. \uC54C\uACE0\uBCF4\uB2C8 \uC774\uBC88\uC5D0 \uB125\uC2A4\uD2B8\uC2A4\uD15D\uACFC \uCE74\uCE74\uC624\uAC00 \uC5F0\uACC4\uD558\uC5EC \uCE74\uCE74\uC624 \uB9AC\uBDF0\uC5B4 \uC591\uC131 \uACFC\uC815\uC744 \uC9C4\uD589 \uC911\uC774\uC5C8\uACE0 \uC774\uC5D0 \uD574\uB2F9\uD558\uB294 \uC0AC\uB78C\uB4E4\uC774 \uC774\uBC88 \uAE30\uC218\uC5D0 \uCC38\uC5EC\uD588\uB2E4. \uADF8\uB798\uC11C \uBB54\uAC00 \uCF54\uB4DC\uC5D0\uC11C \uC2EC\uC0C1\uCE58 \uC54A\uC740 \uAE30\uC6B4\uC774 \uB290\uAEF4\uC9C4\uB2E4 \uC2F6\uC73C\uBA74 \uB300\uCCB4\uB85C \uCE74\uCE74\uC624 \uC0AC\uB78C\uB4E4\uC774\uC5C8\uB2E4.

3

2

\uB9AC\uBDF0\uB294 \uB300\uCCB4\uB85C \uC704\uC640 \uAC19\uC774 \uB0A8\uACBC\uB2E4. \uAC01\uAC01\uC758 \uCF54\uB4DC\uC5D0 \uB300\uD574 \uB9AC\uBDF0\uB97C \uD558\uACE0, \uB9C8\uC9C0\uB9C9\uC73C\uB85C \uD575\uC2EC\uC801\uC778 \uB0B4\uC6A9\uC744 \uC815\uB9AC\uD574\uC11C \uC911\uC810\uC801\uC73C\uB85C \uAC1C\uC120\uD574\uC57C \uD558\uB294 \uBD80\uBD84\uB4E4\uC744 \uD53C\uB4DC\uBC31\uD588\uB2E4. \uC124\uACC4\uC801\uC73C\uB85C \uD070 \uBB38\uC81C\uAC00 \uC5C6\uC73C\uBA74 \uBC14\uB85C \uBA38\uC9C0\uD588\uACE0, \uBB38\uBC95\uC801\uC73C\uB85C \uAC1C\uC120\uC774 \uD544\uC694\uD55C \uAC83\uB4E4\uC740 \uB2E4\uC74C \uC2A4\uD15D\uC5D0\uC11C \uC9C4\uD589\uD558\uB3C4\uB85D \uC720\uB3C4\uD588\uB2E4.


(2) \uB098\uC758 \uD55C\uACC4

\uB0B4\uAC00 \uAC00\uC9C4 \uD604\uC7AC \uC5ED\uB7C9\uC758 \uD55C\uACC4\uB97C \uC77C\uAE68\uC6CC\uC900 \uB9AC\uBDF0\uC774\uAC00 \uC788\uC5C8\uB2E4.

4

\uB0B4\uAC00 \uB0A8\uAE30\uB294 \uD53C\uB4DC\uBC31\uC758 \uBC18\uC808 \uC774\uC0C1\uC740 \uB69C\uB837\uD55C \uADFC\uAC70\uB97C \uAE30\uBC18\uC73C\uB85C \uD558\uAE30 \uBCF4\uB2E8 \uACBD\uD5D8\uC801\uC778 \uCE21\uBA74\uC744 \uD1A0\uB300\uB85C \uB0A8\uAE30\uB294 \uAC83\uB4E4\uC774 \uB300\uBD80\uBD84\uC774\uC5C8\uB2E4. \uADF8\uB798\uC11C \uC774\uB807\uAC8C \uADFC\uAC70\uB97C \uD1A0\uB300\uB85C \uC9C8\uBB38\uC744 \uB0A8\uAE30\uBA74 \uB2F9\uD669\uC2A4\uB7EC\uC6E0\uB2E4. \uD604\uC7AC\uC758 \uB098\uB294 \uB0A8\uB4E4\uC740 \uB2E4 \uD55C \uBC88\uC529 \uC77D\uC5B4 \uBCF8\uB2E4\uB294 Clean Code\uB098 Effective Java\uB3C4 \uC548 \uC77D\uC5B4\uBCF8 \uC0C1\uD0DC\uC600\uAE30 \uB54C\uBB38\uC5D0 \uBA85\uD655\uD55C \uADFC\uAC70 \uAC19\uC740\uAC8C \uC0DD\uAC01\uB0A0 \uC218\uAC00 \uC5C6\uC5C8\uB2E4.

\uADF8\uB798\uC11C \uB610 \uC774\uAC83 \uC800\uAC83 \uC790\uB8CC\uB97C \uCC3E\uC544\uBCF4\uB2E4\uAC00 \uACB0\uAD6D \uB2F5\uC774 \uB098\uC624\uC9C8 \uC54A\uC544\uC11C \uB0B4\uAC00 \uC5B4\uCA4C\uB2E4 \uC774\uB7F0 \uC0DD\uAC01\uC744 \uD588\uB294\uC9C0 \uB2E4\uC2DC \uACBD\uD5D8\uC801\uC778 \uCE21\uBA74\uC744 \uD1A0\uB300\uB85C \uB9AC\uBDF0\uB97C \uB0A8\uAE30\uAC8C \uB41C\uB2E4.

5

\uB355\uBD84\uC5D0 \uC2AC\uB799\uCC44\uB110\uC5D0\uC11C \uC5EC\uB7EC\uAC00\uC9C0 \uB17C\uC7C1\uC774 \uC624\uACE0 \uAC14\uC73C\uBA70, Stream\uC740 \uC5B4\uCC28\uD53C \uC0AC\uB2E4\uB9AC \uBBF8\uC158\uC5D0\uC11C \uB2E4\uB8E8\uAE30 \uB54C\uBB38\uC5D0 \uC9C0\uAE08\uC758 \uB17C\uC7C1\uC740 \uD070 \uC758\uBBF8\uAC00 \uC5C6\uC73C\uBA70 \uC790\uB3D9\uCC28 \uBBF8\uC158 \uC790\uCCB4\uC5D0 \uC9D1\uC911 \uD558\uC790\uB294 \uC774\uC57C\uAE30\uB85C \uB9C8\uBB34\uB9AC \uB418\uC5C8\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uC81C\uC77C \uD070 \uBB38\uC81C\uB294 \uB9AC\uBDF0\uC774\uC758 \uC2E0\uB8B0\uB97C \uC783\uC5B4\uBC84\uB838\uB2E4\uACE0 \uD574\uC57C\uD560\uAE4C?

6

\uB0B4\uAC00 \uC815\uB9D0 \uB9AC\uBDF0\uC774\uAC00 \uB9D0\uD55C \uAC83 \uCC98\uB7FC \uB0A8\uACBC\uB098 \uD655\uC778\uD574\uBCF8 \uACB0\uACFC \uB9AC\uBDF0\uC774\uAC00 \uD53C\uB4DC\uBC31\uC744 \uC798\uBABB \uD574\uC11D\uD588\uACE0(\uD639\uC740 \uB0B4\uAC00 \uC81C\uB300\uB85C \uC804\uB2EC\uC744 \uD558\uC9C0 \uBABB\uD588\uAC70\uB098 \u{1F602}) \uB2E4\uC2DC \uC798 \uC124\uBA85\uB4DC\uB838\uB2E4.

\uC774\uB7EC\uD55C \uACFC\uC815\uC744 \uD1B5\uD574\uC11C \uC2A4\uC2A4\uB85C\uC758 \uD55C\uACC4\uC640 \uBB38\uC81C\uC810\uC744 \uBC1C\uACAC\uD588\uACE0, \uC774\uB97C \uADF9\uBCF5\uD558\uAE30 \uC704\uD55C \uC7AC\uC815\uBE44 \uAE30\uAC04\uC774 \uD544\uC694\uD558\uB2E4\uB294 \uAC83\uC744 \uAE68\uB2EC\uC558\uB2E4. \uADF8\uB798\uC11C \uB2E4\uC74C \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9\uC740 \uC811\uC5B4\uB450\uACE0 \uC2A4\uC2A4\uB85C\uC758 \uC5ED\uB7C9 \uAC15\uD654\uC5D0 \uC9D1\uC911\uD560 \uC608\uC815\uC774\uB2E4.


(3) \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514\uC758 \uC5F0\uC7A5

9\uC6D4\uC5D0 \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514\uC5D0 \uCC38\uC5EC\uD588\uB358 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC774 \uCF54\uC2A4\uB97C \uCD94\uCC9C \uD588\uACE0, \uC138 \uBD84\uC774 \uC774\uBC88 \uAE30\uC218\uC5D0 \uC2E0\uCCAD\uD588\uB2E4. \uC138 \uBD84 \uBAA8\uB450 \uC798 \uC644\uC8FC\uD558\uAE38 \uAE30\uB300\uC911\uC774\uB2E4.

\uB2E4\uC74C\uC5D4 \uB204\uAD74 \uAF2C\uB4DC\uACA8\uC57C\uD558\uB098 \u{1F914}


2. \uB2E8\uCFE0\uD0A4 \uB9AC\uCFE0\uB974\uD2B8 \uC9C0\uC6D0

',29),z={class:"custom-container tip"},O=n("p",{class:"custom-container-title"},"\uB2E8\uCFE0\uD0A4",-1),X={href:"https://www.dankookie.com/",target:"_blank",rel:"noopener noreferrer"},K=s("\uB2E8\uCFE0\uD0A4"),Y=s("\uB294 \uB098\uC758 \uBAA8\uAD50\uC778 \uB2E8\uAD6D\uB300\uD559\uAD50 \uCEE4\uBBA4\uB2C8\uD2F0 \uC0AC\uC774\uD2B8\uC774\uB2E4. "),Z={href:"https://everytime.kr/",target:"_blank",rel:"noopener noreferrer"},nn=s("\uC5D0\uBE0C\uB9AC\uD0C0\uC784"),sn=s("\uC774 \uB4F1\uC7A5\uD558\uAE30 \uC804\uAE4C\uC9C4 \uAD49\uC7A5\uD788 \uD65C\uC131\uD654\uB41C \uCEE4\uBBA4\uB2C8\uD2F0\uC600\uB294\uB370, "),an=n("u",null,"\uC5D0\uBE0C\uB9AC\uD0C0\uC784 \uB355\uBD84\uC5D0 \uC774\uC6A9\uC790\uC218\uAC00 \uB300\uD3ED \uAC10\uC18C\uD588\uB2E4.",-1),tn=e('

\uB098\uB294 \uC5D0\uBE0C\uB9AC\uD0C0\uC784\uC774\uB77C\uB294 \uB300\uD559\uAD50 \uCEE4\uBBA4\uB2C8\uD2F0\uB97C \uC790\uC8FC \uC0AC\uC6A9\uD558\uB294 \uD3B8\uC774\uB2E4. \uAC1C\uBC1C\uACFC \uAD00\uB828\uB41C \uC815\uBCF4\uB97C \uACF5\uC720\uD558\uAE30\uB3C4 \uD558\uACE0, \uC9C4\uB85C\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD558\uB294 \uD6C4\uBC30\uB4E4\uACFC \uC774\uC57C\uAE30\uB97C \uB098\uB204\uB294 \uB4F1\uC758 \uC18C\uD1B5 \uCC3D\uAD6C\uB85C \uC0AC\uC6A9\uD558\uACE0 \uC788\uB2E4.

\uADF8\uB7EC\uB358 \uC911 \uB208\uC5D0 \uB744\uB294 \uAE00\uC744 \uD558\uB098 \uBC1C\uACAC\uD588\uB2E4.

\uAE00\uC744 \uCEA1\uCCD0\uD574\uC11C \uC62C\uB9B4\uB77C \uD588\uB294\uB370.. \uC9C0\uAE08 \uCC3E\uC544\uBCF4\uB2C8 \uC0AD\uC81C\uB410\uB2E4. \uC544\uC26C\uC6B4\uB300\uB85C \uB2E8\uCFE0\uD0A4\uC5D0 \uC62C\uB77C\uC628 \uAE00\uC744 \uCEA1\uCCD0\uD574\uC11C \uC62C\uB824\uC57C\uACA0\uB2E4.

7

\uBCF4\uC790\uB9C8\uC790 \uC9C0\uC6D0\uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC744 \uD588\uB2E4. \uADF8\uB7F0\uB370 \uB098\uB294 \uC878\uC5C5\uC0DD\uC774\uB2E4\uBCF4\uB2C8 \uC774\uAC78 \uC9C0\uC6D0\uD574\uC57C\uD558\uB098 \uB9D0\uC544\uC57C\uD558\uB098 \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC878\uC5C5\uC0DD\uB3C4 \uC9C0\uC6D0 \uAC00\uB2A5\uD55C\uC9C0 \uBB3C\uC5B4\uBCF4\uB294 \uB313\uAE00\uC744 \uB0A8\uACBC\uACE0, \uAC00\uB2A5\uD558\uB2E4\uB294 \uB2F5\uBCC0\uC744 \uBC1B\uC558\uB2E4.

8

\uADF8\uB798\uC11C \uACE0\uBBFC \uB05D\uC5D0 \uC9C0\uC6D0\uD588\uB2E4.

9

\uC774\uB807\uAC8C \uCF54\uB529 \uD14C\uC2A4\uD2B8 \uBC0F \uC628\uB77C\uC778 \uBA74\uC811 \uC77C\uC815\uC744 \uC7A1\uACE0 \uC9C4\uD589\uD588\uB2E4. \uCF54\uB529 \uD14C\uC2A4\uD2B8 \uBB38\uC81C \uC790\uCCB4\uB294 \uC5B4\uB835\uC9C0 \uC54A\uC558\uC73C\uB098, \uB0B4\uAC00 \uB108\uBB34 \uC5B4\uB835\uAC8C \uC0DD\uAC01\uD574\uC11C \uC870\uAE08 \uD5E4\uB9F8\uB2E4.

\uC774 \uC678\uC5D0\uB3C4 \uB2E4\uC591\uD55C \uBA74\uC811 \uC9C8\uBB38\uC744 \uBC1B\uC558\uB294\uB370 \uB0B4\uAC00 \uC0DD\uAC01\uD558\uC9C0\uB3C4 \uBABB\uD588\uB358 \uBD80\uBD84\uB4E4\uC774 \uC788\uC5B4\uC11C \uC870\uAE08 \uB2F9\uD669\uD588\uB2E4. \uB2F9\uD669\uD588\uB358 \uC9C8\uBB38\uB4E4\uC740 \uB300\uCCB4\uB85C \uBCF4\uC548\uACFC \uAD00\uB828\uB41C \uC9C8\uBB38\uC774\uC5C8\uACE0, \uB0B4\uAC00 \uBCF4\uC548\uACFC \uAD00\uB828\uB41C \uB3C4\uBA54\uC778\uC5D0 \uC57D\uD558\uB2E4\uB294 \uAC83\uC744 \uC778\uC9C0\uD588\uB2E4. \uB355\uBD84\uC5D0 \uACF5\uBD80\uD560 \uAC83\uB4E4\uC774 \uB298\uC5C8\uB2E4 \u{1F605}

\uC5EC\uB2F4\uC73C\uB85C, \uD559\uBD80\uC2DC\uC808\uC5D0 \uAC19\uC774 \uB2E8\uCFE0\uD0A4\uCE21\uC5D0\uC11C \uD568\uAED8 \uD558\uACE0 \uC2F6\uC740 \uC758\uD5A5 \uC788\uC73C\uBA74 \uC5F0\uB77D \uB2EC\uB77C\uACE0 \uD588\uC5C8\uB294\uB370 \uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uC815\uB9D0 \uBBF8\uCE5C\uB4EF\uC774 \uBC14\uBE60\uC11C \uC544\uC608 \uC5F0\uB77D\uC744 \uD558\uC9C0 \uC54A\uC558\uB2E4. \uB2F9\uC2DC\uC5D0 \uC791\uC740 \uC5D0\uC774\uC804\uC2DC \uD68C\uC0AC\uC5D0\uC11C \uC6D0\uACA9\uADFC\uBB34\uB3C4 \uD558\uACE0 \uC788\uC5C8\uACE0, \uD559\uBD80 \uC5F0\uAD6C\uC0DD\uB3C4 \uD558\uACE0 \uC788\uC5C8\uACE0, \uAC19\uC740 \uD559\uBD80 \uC5F0\uAD6C\uC0DD\uB4E4\uACFC \uC815\uBD80 \uACFC\uC81C\uB3C4 \uD558\uACE0 \uC788\uC5C8\uACE0, \uACE0\uB4F1\uD559\uAD50 \uAC15\uC0AC\uB3C4 \uD558\uACE0 \uC788\uC5C8\uB2E4. \uAC70\uAE30\uC5D0 \uC218\uC5C5\uC5D0 \uC2DC\uD5D8\uC5D0 \uACFC\uC81C\uC5D0 \uC774\uAC83 \uC800\uAC83 \uB2E4 \uD3EC\uD568\uD558\uBA74.. \uAC70\uAE30\uC11C \uBB34\uC5B8\uAC00\uB97C \uB354 \uD560 \uC5C4\uB450\uAC00 \uB098\uC9C8 \uC54A\uC558\uB2E4.

10

\uC5B4\uCA0C\uB4E0 12\uC6D4\uC5D0 \uB300\uBA74 \uBA74\uC811\uC744 \uAC70\uCE58\uBA74 \uACB0\uACFC\uB97C \uC54C \uC218 \uC788\uACA0\uC9C0 \uC2F6\uB2E4. \uB0B4\uB144\uC5D4 \uB610 \uC5BC\uB9C8\uB098 \uBC14\uC058\uB824\uB098 \u{1F923}


3. Composition API \uD559\uC2B5

',15),en=s("\uD68C\uC0AC \uD504\uB85C\uC81D\uD2B8\uC5D0 "),on={href:"https://composition-api.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},pn=s("Composition API"),cn=s("\uB97C \uC0AC\uC6A9\uD560 \uC77C\uC774 \uC0DD\uACBC\uB2E4. \uC544\uC9C1 "),ln=n("strong",null,"Composition API",-1),rn=s("\uB97C \uC81C\uB300\uB85C \uC0AC\uC6A9\uD574\uBCF8\uC801\uC774 \uC5C6\uC5B4\uC11C \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uACF5\uBD80\uD574\uC57C \uACE0\uBBFC\uD558\uB2E4\uAC00, "),un={href:"https://edu.nextstep.camp/c/L1Ma1gyX/",target:"_blank",rel:"noopener noreferrer"},dn=s("Black Coffee Study"),kn=s(" \uD560 \uB54C \uB9CC\uB4E4\uC5C8\uB358 "),_n=n("strong",null,"TodoList\uB97C Composition API\uB85C",-1),hn=s(" \uB2E4\uC2DC \uB9CC\uB4E4\uC5B4\uBCF4\uC790\uACE0 \uC0DD\uAC01\uD588\uB2E4."),bn=n("p",null,[n("img",{src:w,alt:"11"})],-1),vn=s("\uADF8\uB9AC\uACE0 \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514\uB97C \uD1B5\uD574\uC11C \uC54C\uAC8C\uB41C "),gn={href:"https://github.com/devjang",target:"_blank",rel:"noopener noreferrer"},mn=s("\uC7A5\uD604\uC11D\uB2D8"),fn=s("\uB2D8\uC774 Composition API\uB85C \uD1A0\uC774 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD588\uACE0 \uAF2D \uC0AC\uC6A9\uD574\uBCF4\uAE38 \uAD8C\uD588\uB358\uAC8C \uC0DD\uAC01\uB0AC\uB2E4. \uADF8\uB798\uC11C \uD574\uB2F9 "),En={href:"https://github.com/devJang/nuxt-realworld",target:"_blank",rel:"noopener noreferrer"},Bn=s("\uD1A0\uC774 \uD504\uB85C\uC81D\uD2B8(nuxt-realworld)"),Cn=s("\uB97C \uCC38\uACE0\uD558\uC5EC \uC9C4\uD589 \uC911\uC774\uB2E4."),wn=s("\uC9C0\uAE08\uC740 \uB9C9 \uC2DC\uC791\uD55C \uB2E8\uACC4\uB85C \uC811\uC5B4\uC130\uAE30 \uB54C\uBB38\uC5D0 "),$n=s("12\uC6D4 \uD68C\uACE0"),yn=s("\uC5D0\uC11C \uB354 \uC790\uC138\uD788 \uB2E4\uB8F0 \uC608\uC815\uC774\uB2E4."),An=n("hr",null,null,-1),Pn=n("h3",{id:"_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2","aria-hidden":"true"},"#"),s(" 4. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 2")],-1),qn={href:"https://edu.nextstep.camp/s/tUzCRWul",target:"_blank",rel:"noopener noreferrer"},Dn=s("\uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 1 3\uAE30"),xn=s("\uB97C 9\uC6D4\uC5D0 \uB4E4\uC5C8\uACE0, \uC774\uBC88 \uB2EC\uC5D0 "),Ln={href:"https://edu.nextstep.camp/s/mnUCGXab",target:"_blank",rel:"noopener noreferrer"},Tn=s("\uB808\uBCA8 2"),Un=s("\uAC00 \uC5F4\uB838\uB2E4. \uC774\uBC88 \uACFC\uC815\uC740 Javascript\uB85C Unit Test\uC640 E2E Test\uB97C \uC791\uC131\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uB2E4\uB8E8\uACE0 \uC788\uB2E4."),In=n("p",null,[n("img",{src:_,alt:"12"})],-1),Sn=n("p",null,[s("\uC6D4\uB9D0\uC5D0 \uC2DC\uC791\uD588\uAE30 \uB54C\uBB38\uC5D0 "),n("strong",null,"1\uC8FC\uCC28 \uBBF8\uC158"),s(" \uAE4C\uC9C0\uB9CC \uC644\uB8CC\uD55C \uC0C1\uD0DC\uC774\uB2E4. \uACFC\uC5F0.. \uC774\uBC88 \uACFC\uC815\uC744 \uC798 \uB9C8\uBB34\uB9AC \uD560 \uC218 \uC788\uC744\uC9C0 \uAC71\uC815\uC774\uB2E4. \uC544\uBB34\uB798\uB3C4 \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9\uACFC \uACB9\uCE58\uAE30 \uB54C\uBB38\uC5D0 \uC27D\uC9C0 \uC54A\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4.")],-1),Rn=s("\uBBF8\uC158\uACFC \uAD00\uB828\uB41C \uCF54\uB4DC\uB294 "),jn={href:"https://github.com/JunilHwang/black-coffee-study-lv2",target:"_blank",rel:"noopener noreferrer"},Hn=s("\uC774 \uC800\uC7A5\uC18C"),Mn=s("\uC5D0 \uC62C\uB824\uB1A8\uB2E4. \uB808\uBCA8 1\uC744 \uD560 \uB54C \uBCF4\uB2E4 \uC758\uC695\uC774 \uB9CE\uC774 \uC0AC\uB77C\uC9C4 \uB290\uB08C\uC774\uB2E4."),Qn=n("hr",null,null,-1),Vn=n("h3",{id:"_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175","aria-hidden":"true"},"#"),s(" 5. \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 2\uAE30")],-1),Jn=s("\uC9C0\uB09C \uB2EC\uC5D0 \uC774\uC5B4\uC11C "),Nn={href:"https://edu.nextstep.camp/s/4dBdkika",target:"_blank",rel:"noopener noreferrer"},Wn=s("\uBE14\uB85C\uADF8 \uC2A4\uD130\uB514"),Gn=s("\uB97C \uCC38\uC5EC\uD588\uB2E4. \uC774\uBC88\uC5D0\uB294 "),Fn={href:"https://edu.nextstep.camp",target:"_blank",rel:"noopener noreferrer"},zn=s("\uB125\uC2A4\uD2B8 \uC2A4\uD15D"),On=s("\uC5D0 \uC815\uC2DD\uC73C\uB85C \uC218\uAC15\uBAA8\uC9D1\uC744 \uC62C\uB824\uC11C \uADF8\uB7F0\uC9C0 \uCC38\uC5EC\uD558\uB294 \uC0AC\uB78C\uC774 \uD6E8\uC52C \uB9CE\uC558\uB2E4."),Xn=n("p",null,"\uC6D0\uB798 \uC77C\uC815\uB300\uB85C\uBA74 \uC774\uBC88 \uB2EC\uC5D0 \uB450 \uAC1C\uC758 \uAE00\uC744 \uC37C\uC5B4\uC57C \uD588\uB294\uB370, \uD55C \uAC1C\uC758 \uAE00\uB9CC \uC37C\uB2E4.",-1),Kn={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",target:"_blank",rel:"noopener noreferrer"},Yn=s("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 Part 03"),Zn={class:"custom-container tip"},ns=n("p",{class:"custom-container-title"},"\uC720\uB144 \uC2DC\uC808 \uC774\uC57C\uAE30 \uBAA8\uC74C",-1),ss={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/",target:"_blank",rel:"noopener noreferrer"},as=s("Part 01"),ts={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/",target:"_blank",rel:"noopener noreferrer"},es=s("Part 02"),os={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",target:"_blank",rel:"noopener noreferrer"},ps=s("Part 03"),cs=s("\uD574\uB2F9 \uAE00\uC744 \uC791\uC131\uD558\uBA74\uC11C 2012\uB144\uB3C4\uC5D0 \uACF5\uBD80\uD588\uB358 \uAC83\uB4E4\uC744 \uB2E4\uC2DC \uB4E4\uC5EC\uB2E4\uBD24\uB2E4. \uADF8 \uB54C\uB294 \uC798 \uB9CC\uB4E4\uC5C8\uB2E4 \uC2F6\uC5C8\uB294\uB370 \uC5ED\uC2DC \uACFC\uAC70\uC758 \uCF54\uB4DC\uB294 \uBCF4\uB294 \uAC8C \uC544\uB2C8\uB2E4. "),is=n("s",null,"\uB098\uB294 \uB625\uC744 \uB9CC\uB4E4\uC5C8\uB2E4.",-1),ls=s(" 2012\uB144\uB3C4\uC5D0 "),rs={href:"https://meister.hrdkorea.or.kr/sub/3/3/1/20160512111525375100_view.do",target:"_blank",rel:"noopener noreferrer"},us=s("\uC804\uAD6D\uB300\uD68C"),ds=s("\uB97C \uC900\uBE44\uD558\uBA74\uC11C \uB9CC\uB4E0 "),ks={href:"https://github.com/JunilHwang/webskills-2012-national-furniture",target:"_blank",rel:"noopener noreferrer"},_s=s("\uACB0\uACFC\uBB3C \uCF54\uB4DC"),hs=s("\uC774\uB2E4. \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 \uC55E\uC11C \uC18C\uAC1C\uD55C \uB9C1\uD06C\uB97C \uD0C0\uACE0 \uB4E4\uC5B4\uAC00\uBA74 \uBCFC \uC218 \uC788\uB2E4."),bs=n("p",null,[s("\uC0AC\uC2E4 \uC544\uC9C1 \uC791\uC131\uD558\uC9C0 \uC54A\uC740 "),n("strong",null,"Part 04"),s("\uAC00 \uAC1C\uBC1C\uACFC \uB3D9\uB5A8\uC5B4\uC9C4 \uC815\uB9D0 \uC9C4\uC9C0\uD55C \uB098\uC758 \uC774\uC57C\uAE30\uC77C \uAC83 \uAC19\uC740\uB370, \uC5B8\uC81C \uCBE4 \uC791\uC131\uD560 \uC218 \uC788\uC744\uC9C0 \uBAA8\uB974\uACA0\uB2E4. "),n("s",null,"\uC0AC\uC2E4 \uC4F0\uAE30 \uADC0\uCC2E\uB2E4.")],-1),vs=s("\uC774\uBC88\uC5D0\uB294 \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uAE00\uB4E4\uC744 \uC18C\uAC1C\uD558\uAE30\uBCF4\uB2E8 \uADF8\uB0E5 "),gs={href:"https://github.com/next-step/blog/pull/55",target:"_blank",rel:"noopener noreferrer"},ms=s("PR \uB9C1\uD06C"),fs=s("\uB9CC \uB2EC\uC544\uB193\uACA0\uB2E4. \uC0AC\uC2E4 \uAE00\uC744 \uC77D\uC744 \uC5EC\uC720\uB3C4 \uAC70\uC758 \uC5C6\uC5C8\uB2E4.."),Es=n("hr",null,null,-1),Bs=n("h3",{id:"_6-\u1100\u1175\u1102\u1173\u11BC\u1103\u1162\u1112\u116C\u110B\u116D\u11BC-php-tutorial",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_6-\u1100\u1175\u1102\u1173\u11BC\u1103\u1162\u1112\u116C\u110B\u116D\u11BC-php-tutorial","aria-hidden":"true"},"#"),s(" 6. \uAE30\uB2A5\uB300\uD68C\uC6A9 PHP Tutorial")],-1),Cs=s("\uAE30\uB2A5\uB300\uD68C \uC804\uC6A9\uC73C\uB85C "),ws={href:"https://github.com/sdhs-webskills/php-architecture-step-by-step",target:"_blank",rel:"noopener noreferrer"},$s=s("PHP Step By Step Tutorial"),ys=s("\uC744 \uB9CC\uB4E4\uC5C8\uB2E4. \uB370\uBAA8\uB294 "),As={href:"https://stormy-coast-06452.herokuapp.com/",target:"_blank",rel:"noopener noreferrer"},Ps=s("\uC774 \uB9C1\uD06C"),qs=s("\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uC73C\uBA70 \uB530\uB85C \uBB38\uC11C\uB294 \uC5C6\uACE0 \uCF54\uB4DC\uB9CC \uC791\uC131\uD574\uB193\uC740 \uC0C1\uD0DC\uC774\uB2E4."),Ds=n("p",null,[n("img",{src:i,alt:"13"})],-1),xs=n("p",null,"\uC694\uC998\uC5D0 PHP\uB97C \uD558\uB2E4 \uBCF4\uBA74 \uB0B4\uAC00 PHP\uB77C\uB294 \uC5B8\uC5B4\uB97C \uB2E4\uB904\uBD24\uB2E4\uB294\uAC8C \uB0AF\uC124\uB2E4. \uC61B\uB0A0\uC5D0\uB294 Server-side \uC5B8\uC5B4\uB85C \uD560\uC904 \uC544\uB294\uAC70\uB77C\uACE4 PHP \uBC16\uC5D0 \uC5C6\uC5C8\uB294\uB370 \uC5B8\uC81C \uC774\uB807\uAC8C \uB0AF\uC124\uC5B4\uC9C4\uAC78\uAE4C?",-1),Ls=s("\uC774 \uD29C\uD1A0\uB9AC\uC5BC\uC744 \uC791\uC131\uD558\uBA74\uC11C "),Ts={href:"https://dashboard.heroku.com/",target:"_blank",rel:"noopener noreferrer"},Us=s("heroku"),Is=s("\uB97C \uCC98\uC74C \uC0AC\uC6A9\uD574\uBD24\uB2E4. \uADF8\uB9AC\uACE0 "),Ss={href:"https://devcenter.heroku.com/articles/getting-started-with-php",target:"_blank",rel:"noopener noreferrer"},Rs=s("Getting Started on Heroku with PHP"),js=s("\uB97C \uB530\uB77C\uD574\uBCF4\uBA74\uC11C "),Hs={href:"https://getcomposer.org/doc/00-intro.md",target:"_blank",rel:"noopener noreferrer"},Ms=s("composer"),Qs=s("\uB97C \uCC98\uC74C \uC0AC\uC6A9\uD574\uBD24\uB2E4."),Vs=s("\uC774\uC81C "),Js={href:"https://www.php.net/releases/8.0/en.php",target:"_blank",rel:"noopener noreferrer"},Ns=s("PHP 8.0"),Ws=s("\uC774 \uB098\uC624\uBA74\uC11C \uD55C \uCE35 \uB354 \uC131\uC219\uD574\uC9C4 \uC5B8\uC5B4\uAC00 \uB41C \uAC83 \uAC19\uB2E4. \uC5EC\uC720 \uC788\uC744 \uB54C(\uB300\uCCB4 \uC5B8\uC81C?) "),Gs={href:"https://laravel.com/",target:"_blank",rel:"noopener noreferrer"},Fs=s("Laravel"),zs=s("\uB85C \uD1A0\uC774 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD574\uBD10\uB3C4 \uAD1C\uCC2E\uC744 \uAC83 \uAC19\uB2E4."),Os=n("hr",null,null,-1),Xs=s("\uC774\uB300\uB85C \uB9C8\uBB34\uB9AC\uD558\uAE30\uB294 \uC544\uC26C\uC6CC\uC11C \uB9C8\uC9C0\uB9C9 \uC2A4\uD15D\uC5D0\uC11C \uC791\uC131\uD55C "),Ks=n("code",null,"Router",-1),Ys=s("\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD574\uBCF8\uB2E4. "),Zs={href:"https://expressjs.com/ko/",target:"_blank",rel:"noopener noreferrer"},na=s("express.js"),sa=s("\uC758 "),aa={href:"https://expressjs.com/ko/starter/basic-routing.html",target:"_blank",rel:"noopener noreferrer"},ta=s("router"),ea=s("\uB97C \uB530\uB77C\uD574\uBCF4\uB824\uACE0 \uD588\uB294\uB370 URI Pattern\uC744 \uD30C\uC2F1\uD558\uACE0 \uB9E4\uCE6D\uC2DC\uD0A4\uB294\uAC8C \uADC0\uCC2E\uC544\uC11C \uADF8\uB0E5 \uC815\uADDC\uC2DD\uC73C\uB85C \uCC98\uB9AC\uD588\uB2E4."),oa=e(`

+import{_ as c}from"./21.ac207c15.js";import{_ as i,a as l,b as r,c as u,d,e as k}from"./13.696f2d8d.js";import{_}from"./12.729a5149.js";import{_ as h,r as o,o as b,c as v,a as n,b as a,w as g,d as e,e as s}from"./app.d20f8571.js";var m="/TIL/assets/1.fde9083c.jpg",f="/TIL/assets/3.4cec7b28.jpg",E="/TIL/assets/2.b304b1f2.jpg",B="/TIL/assets/4.8ca8aed5.jpg",C="/TIL/assets/5.747824f5.jpg",w="/TIL/assets/11.80878074.jpg",$="/TIL/assets/14.15bf4858.jpg",y="/TIL/assets/15.5ab99815.jpg",A="/TIL/assets/16.c51e2ea5.jpg",P="/TIL/assets/17.c1ddcbba.jpg",q="/TIL/assets/18.6824b7fa.jpg",D="/TIL/assets/19.702397b6.jpg",x="/TIL/assets/20.c4b04801.jpg";const L={},T=e('

2020\uB144 11\uC6D4 \uD68C\uACE0

\uC774\uBC88 \uB2EC\uC740 \uC5B4\uB5BB\uAC8C \uC9C0\uB098\uAC14\uB294\uC9C0 \uC798 \uBAA8\uB974\uACA0\uB2E4. \uADF8\uB798\uB3C4 \uD55C \uBC88 \uC815\uB9AC\uD574\uBCF4\uC790.

\uACF5\uC801

11\uC6D4\uC5D0\uB294 \uD07C\uC9C1\uD55C \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uB098 \uB9C8\uBB34\uB9AC\uD588\uACE0, \uC2E0\uADDC \uC11C\uBE44\uC2A4 \uB7F0\uCE6D\uC744 \uC704\uD55C \uD504\uB85C\uC81D\uD2B8\uB97C \uC2DC\uC791\uD588\uB2E4.

1. CMS \uB9C8\uBB34\uB9AC

\uBA87 \uAC1C\uC6D4 \uB3D9\uC548 \uC791\uC5C5\uD558\uB358 CMS Project\uB97C \uB9C8\uBB34\uB9AC\uD588\uB2E4. \uC815\uB9D0 \uC6B0\uC5EC\uACE1\uC808\uC774 \uB9CE\uC558\uC9C0\uB9CC \uB355\uBD84\uC5D0 \uACF5\uBD80\uD55C\uAC8C \uB9CE\uC740 \uD504\uB85C\uC81D\uD2B8\uC600\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC544\uBB34\uB798\uB3C4 \uD68C\uC0AC \uD504\uB85C\uC81D\uD2B8\uB77C\uC11C \uAD6C\uCCB4\uC801\uC73C\uB85C \uC5B4\uB5A4 \uAC83\uB4E4\uC744 \uD588\uB294\uC9C0 \uC774\uC57C\uAE30\uD558\uAE30\uB294 \uC870\uAE08 \uC5B4\uB835\uC9C0\uB9CC, \uB73B \uAE4A\uC740 \uD504\uB85C\uC81D\uD2B8\uC600\uB2E4.

\uADF8\uB7F0\uB370 \uD55C \uCEF4\uD3EC\uB10C\uD2B8\uC5D0 \uBB34\uCC99 \uB9CE\uC740 \uAE30\uB2A5\uC744 \uAD6C\uD604\uD574\uB1A8\uB2E4.

21

\uBCF4\uD1B5 API \uAD00\uB828 \uB85C\uC9C1\uC774\uB098 Store\uB97C \uB2E4\uB8E8\uB294 \uB85C\uC9C1\uC740 \uCEE8\uD14C\uC774\uB108 \uCEF4\uD3EC\uB10C\uD2B8\uC5D0\uC11C \uCC98\uB9AC\uD558\uACE0, \uD558\uC704 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 Props\uB098 Custom Event\uB85C \uCC98\uB9AC\uD558\uB3C4\uB85D \uB9CC\uB4E0\uB2E4. \uC5B4\uCA0C\uB4E0 \uD558\uB098\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uAD49\uC7A5\uD788 \uBB34\uAC70\uC6CC\uC84C\uB2E4. \uAE30\uB2A5 \uC790\uCCB4\uAC00 \uB9CE\uC740 \uAC83\uB3C4 \uC788\uC9C0\uB9CC, \uC774\uD574\uD558\uAE30 \uC5B4\uB824\uC6B4 \uB85C\uC9C1\uB3C4 \uC788\uACE0 \uC5EC\uB7EC\uBAA8\uB85C \uC7A0\uC7AC\uC801 \uC704\uD5D8\uC744 \uAC00\uC9C4 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uB418\uC5B4\uBC84\uB838\uB2E4.

',9),U=s("\uADF8\uB798\uC11C \uCD94\uD6C4\uC5D0 "),I=n("strong",null,"Vue Composition API\uB85C \uB9AC\uD329\uD1A0\uB9C1",-1),S=s(" \uD560 \uC608\uC815\uC774\uB2E4. \uC774\uB97C \uC704\uD574 "),R={href:"https://composition-api.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},j=s("Composition API"),H=s("\uB97C \uAC1C\uC778\uC801\uC73C\uB85C \uD559\uC2B5\uD588\uB294\uB370, \uC774\uAC74 "),M=n("a",{href:"#_3-composition-api-%E1%84%92%E1%85%A1%E1%86%A8%E1%84%89%E1%85%B3%E1%86%B8"},"Composition API \uD559\uC2B5 \uC139\uC158",-1),Q=s("\uC5D0\uC11C \uC0C1\uC138\uD788 \uB2E4\uB8E8\uB3C4\uB85D \uD558\uACA0\uB2E4."),V=e('

2. \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8

\uC774\uAC83\uB3C4 \uB300\uC678\uBE44\uB77C\uC11C \uC5B4\uB5A4 \uD504\uB85C\uC81D\uD2B8\uC778\uC9C0 \uAD6C\uCCB4\uC801\uC73C\uB85C \uC5B8\uAE09\uD558\uAE34 \uC5B4\uB835\uC9C0\uB9CC, \uD575\uC2EC\uC801\uC778 \uB0B4\uC6A9\uC740 \uD06C\uB86C \uBE0C\uB77C\uC6B0\uC800(\uD639\uC740 \uCD5C\uC2E0 \uBE0C\uB77C\uC6B0\uC800)\uB97C \uC804\uC6A9\uC73C\uB85C \uC11C\uBE44\uC2A4\uD558\uB294 \uD504\uB85C\uC81D\uD2B8\uB97C \uB2F4\uB2F9\uD558\uC5EC \uC9C4\uD589\uC911\uC774\uB2E4.

\uC62C \uD574\uC758 \uB9C8\uC9C0\uB9C9 \uD504\uB85C\uC81D\uD2B8\uC774\uBA70 \uC785\uC0AC \uC774\uD6C4\uC5D0 \uCC98\uC74C\uC73C\uB85C \uC2E0\uADDC \uC11C\uBE44\uC2A4\uB97C \uCC98\uC74C\uBD80\uD130 \uB9CC\uB4DC\uB294 \uAC83\uC774\uAE30 \uB54C\uBB38\uC5D0 \uBB34\uCC99 \uC7AC\uBC0C\uB2E4. \uC774 \uD504\uB85C\uC81D\uD2B8\uB3C4 \uC11C\uBE44\uC2A4\uAC00 \uB7F0\uCE6D \uB418\uBA74 \uC790\uC138\uD788 \uB2E4\uB904\uC57C\uACA0\uB2E4.

\uC0AC\uC801

\uD68C\uACE0 \uD560\uAC8C \uC788\uC744\uAE4C \uC2F6\uC5C8\uB294\uB370 \uC81C\uBAA9\uC744 \uB098\uC5F4\uD558\uACE0 \uBCF4\uB2C8 \uBB58 \uC774\uB9AC \uB9CE\uC774 \uD588\uB098 \uC2F6\uB2E4. \uD558.. 11\uC6D4 \uD68C\uACE0\uB294 \uD3B8\uD558\uAC8C \uC4F8 \uC218 \uC788\uC744 \uAC83 \uAC19\uC558\uB294\uB370!!

1. \uB125\uC2A4\uD2B8 \uC2A4\uD15D \uB9AC\uBDF0\uC5B4

',6),J=s("\uC774\uBC88 \uB2EC\uC5D0\uB294 "),N={href:"https://edu.nextstep.camp/s/MNii0Puk",target:"_blank",rel:"noopener noreferrer"},W=s("NextStep - TDD, Clean Code with Java 10\uAE30"),G=s(" \uB9AC\uBDF0\uC5B4\uB85C \uD65C\uB3D9\uD588\uB2E4. \uB2E4\uC74C \uB2EC\uAE4C\uC9C0 \uD65C\uB3D9\uD560 \uC608\uC815\uC774\uB2E4."),F=e('

(1) \uBBF8\uC158\uB2F9 7\uBA85

\uAE30\uC874\uC5D0\uB294 \uBBF8\uC158\uB2F9 5\uBA85, \uCD1D \uBBF8\uC158\uC774 4\uAC1C\uB77C\uC11C \uCD5C\uB300 20\uBA85\uC744 \uB9AC\uBDF0\uD558\uB294 \uBC29\uC2DD\uC774\uC5C8\uB2E4. \uADF8\uB7F0\uB370 \uC774\uBC88 \uAE30\uC218\uC5D0\uB294 \uAD49\uC7A5\uD788 \uB9CE\uC740 \uC0AC\uB78C\uB4E4(\uCD5C\uB300 28\uBA85)\uC744 \uB9AC\uBDF0\uD558\uAC8C \uB418\uC5C8\uB2E4.

\uD3EC\uBE44(\uBC15\uC7AC\uC131\uB2D8)\uC640 \uC2AC\uB799\uC73C\uB85C \uC8FC\uACE0 \uBC1B\uC740 DM\uC744 \uCEA1\uCCD0\uD558\uB824\uACE0 \uD588\uB294\uB370.. \uBB34\uB8CC \uC2AC\uB799\uC774\uB77C \uADF8\uB7F0\uC9C0 \uBA54\uC138\uC9C0\uAC00 \uC0AC\uB77C\uC84C\uB2E4 \u{1F607}

10\uAE30 \uB9AC\uBDF0\uC5B4 \uC2E0\uCCAD \uACFC\uC815\uC5D0\uC11C \uBBF8\uC158\uB2F9 \uC6D0\uD558\uB294 \uB9AC\uBDF0\uC774\uC758 \uC218\uB97C \uC801\uB294 \uD56D\uBAA9\uC774 \uC788\uC5C8\uB2E4. \uC774 \uB54C\uB294 \uC544\uBB34 \uC0DD\uAC01 \uC5C6\uC774(?) \uC790\uC2E0\uB9CC\uB9CC\uD558\uAC8C \uC778\uC6D0 \uBB34\uAD00\uC774\uB77C\uACE0 \uC801\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 \uD3EC\uBE44\uAC00 \uBBF8\uC158\uB2F9 7\uBA85\uC744 \uBC30\uC815\uD560 \uC608\uC815\uC774\uBA70 \uC0C1\uAD00 \uC5C6\uB0D0\uACE0 \uBB3C\uC5C8\uACE0 \uB098\uB294 \uAD1C\uCC2E\uB2E4\uACE0 \uD588\uB2E4 (\uBC18\uC131\uD574\uB77C \uACFC\uAC70\uC758 \uB098).

\uACB0\uACFC\uC801\uC73C\uB85C, \uBBF8\uC158\uC774 \uC2DC\uC791\uB418\uACE0 \uB098\uC11C\uC57C \uAD1C\uCC2E\uC9C0 \uC54A\uC740 \uAC83\uC744 \uC54C\uAC8C \uB418\uC5C8\uB2E4.

1

\uB9D0 \uADF8\uB300\uB85C PR\uC774 \uC3DF\uC544\uC838\uB098\uC654\uB2E4 \u{1F602}\u{1F602}\u{1F602}\u{1F602}

\uC774\uBC88 \uB2EC\uC5D0 NextStep\uACFC \uAD00\uB828 PR \uAC2F\uC218\uB9CC 60\uAC1C\uC778\uB370, \uB300\uCCB4\uB85C \uD55C PR \uB2F9 2\uBC88 \uC774\uC0C1\uC758 \uB9AC\uBDF0\uB97C \uD558\uAE30 \uB54C\uBB38\uC5D0 \uB300\uB7B5 \uD558\uB8E8\uC5D0 3~4\uBC88\uC758 \uB9AC\uBDF0\uB97C \uD588\uB2E4\uACE0 \uBCFC \uC218 \uC788\uB2E4. \uC54C\uACE0\uBCF4\uB2C8 \uC774\uBC88\uC5D0 \uB125\uC2A4\uD2B8\uC2A4\uD15D\uACFC \uCE74\uCE74\uC624\uAC00 \uC5F0\uACC4\uD558\uC5EC \uCE74\uCE74\uC624 \uB9AC\uBDF0\uC5B4 \uC591\uC131 \uACFC\uC815\uC744 \uC9C4\uD589 \uC911\uC774\uC5C8\uACE0 \uC774\uC5D0 \uD574\uB2F9\uD558\uB294 \uC0AC\uB78C\uB4E4\uC774 \uC774\uBC88 \uAE30\uC218\uC5D0 \uCC38\uC5EC\uD588\uB2E4. \uADF8\uB798\uC11C \uBB54\uAC00 \uCF54\uB4DC\uC5D0\uC11C \uC2EC\uC0C1\uCE58 \uC54A\uC740 \uAE30\uC6B4\uC774 \uB290\uAEF4\uC9C4\uB2E4 \uC2F6\uC73C\uBA74 \uB300\uCCB4\uB85C \uCE74\uCE74\uC624 \uC0AC\uB78C\uB4E4\uC774\uC5C8\uB2E4.

3

2

\uB9AC\uBDF0\uB294 \uB300\uCCB4\uB85C \uC704\uC640 \uAC19\uC774 \uB0A8\uACBC\uB2E4. \uAC01\uAC01\uC758 \uCF54\uB4DC\uC5D0 \uB300\uD574 \uB9AC\uBDF0\uB97C \uD558\uACE0, \uB9C8\uC9C0\uB9C9\uC73C\uB85C \uD575\uC2EC\uC801\uC778 \uB0B4\uC6A9\uC744 \uC815\uB9AC\uD574\uC11C \uC911\uC810\uC801\uC73C\uB85C \uAC1C\uC120\uD574\uC57C \uD558\uB294 \uBD80\uBD84\uB4E4\uC744 \uD53C\uB4DC\uBC31\uD588\uB2E4. \uC124\uACC4\uC801\uC73C\uB85C \uD070 \uBB38\uC81C\uAC00 \uC5C6\uC73C\uBA74 \uBC14\uB85C \uBA38\uC9C0\uD588\uACE0, \uBB38\uBC95\uC801\uC73C\uB85C \uAC1C\uC120\uC774 \uD544\uC694\uD55C \uAC83\uB4E4\uC740 \uB2E4\uC74C \uC2A4\uD15D\uC5D0\uC11C \uC9C4\uD589\uD558\uB3C4\uB85D \uC720\uB3C4\uD588\uB2E4.


(2) \uB098\uC758 \uD55C\uACC4

\uB0B4\uAC00 \uAC00\uC9C4 \uD604\uC7AC \uC5ED\uB7C9\uC758 \uD55C\uACC4\uB97C \uC77C\uAE68\uC6CC\uC900 \uB9AC\uBDF0\uC774\uAC00 \uC788\uC5C8\uB2E4.

4

\uB0B4\uAC00 \uB0A8\uAE30\uB294 \uD53C\uB4DC\uBC31\uC758 \uBC18\uC808 \uC774\uC0C1\uC740 \uB69C\uB837\uD55C \uADFC\uAC70\uB97C \uAE30\uBC18\uC73C\uB85C \uD558\uAE30 \uBCF4\uB2E8 \uACBD\uD5D8\uC801\uC778 \uCE21\uBA74\uC744 \uD1A0\uB300\uB85C \uB0A8\uAE30\uB294 \uAC83\uB4E4\uC774 \uB300\uBD80\uBD84\uC774\uC5C8\uB2E4. \uADF8\uB798\uC11C \uC774\uB807\uAC8C \uADFC\uAC70\uB97C \uD1A0\uB300\uB85C \uC9C8\uBB38\uC744 \uB0A8\uAE30\uBA74 \uB2F9\uD669\uC2A4\uB7EC\uC6E0\uB2E4. \uD604\uC7AC\uC758 \uB098\uB294 \uB0A8\uB4E4\uC740 \uB2E4 \uD55C \uBC88\uC529 \uC77D\uC5B4 \uBCF8\uB2E4\uB294 Clean Code\uB098 Effective Java\uB3C4 \uC548 \uC77D\uC5B4\uBCF8 \uC0C1\uD0DC\uC600\uAE30 \uB54C\uBB38\uC5D0 \uBA85\uD655\uD55C \uADFC\uAC70 \uAC19\uC740\uAC8C \uC0DD\uAC01\uB0A0 \uC218\uAC00 \uC5C6\uC5C8\uB2E4.

\uADF8\uB798\uC11C \uB610 \uC774\uAC83 \uC800\uAC83 \uC790\uB8CC\uB97C \uCC3E\uC544\uBCF4\uB2E4\uAC00 \uACB0\uAD6D \uB2F5\uC774 \uB098\uC624\uC9C8 \uC54A\uC544\uC11C \uB0B4\uAC00 \uC5B4\uCA4C\uB2E4 \uC774\uB7F0 \uC0DD\uAC01\uC744 \uD588\uB294\uC9C0 \uB2E4\uC2DC \uACBD\uD5D8\uC801\uC778 \uCE21\uBA74\uC744 \uD1A0\uB300\uB85C \uB9AC\uBDF0\uB97C \uB0A8\uAE30\uAC8C \uB41C\uB2E4.

5

\uB355\uBD84\uC5D0 \uC2AC\uB799\uCC44\uB110\uC5D0\uC11C \uC5EC\uB7EC\uAC00\uC9C0 \uB17C\uC7C1\uC774 \uC624\uACE0 \uAC14\uC73C\uBA70, Stream\uC740 \uC5B4\uCC28\uD53C \uC0AC\uB2E4\uB9AC \uBBF8\uC158\uC5D0\uC11C \uB2E4\uB8E8\uAE30 \uB54C\uBB38\uC5D0 \uC9C0\uAE08\uC758 \uB17C\uC7C1\uC740 \uD070 \uC758\uBBF8\uAC00 \uC5C6\uC73C\uBA70 \uC790\uB3D9\uCC28 \uBBF8\uC158 \uC790\uCCB4\uC5D0 \uC9D1\uC911 \uD558\uC790\uB294 \uC774\uC57C\uAE30\uB85C \uB9C8\uBB34\uB9AC \uB418\uC5C8\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uC81C\uC77C \uD070 \uBB38\uC81C\uB294 \uB9AC\uBDF0\uC774\uC758 \uC2E0\uB8B0\uB97C \uC783\uC5B4\uBC84\uB838\uB2E4\uACE0 \uD574\uC57C\uD560\uAE4C?

6

\uB0B4\uAC00 \uC815\uB9D0 \uB9AC\uBDF0\uC774\uAC00 \uB9D0\uD55C \uAC83 \uCC98\uB7FC \uB0A8\uACBC\uB098 \uD655\uC778\uD574\uBCF8 \uACB0\uACFC \uB9AC\uBDF0\uC774\uAC00 \uD53C\uB4DC\uBC31\uC744 \uC798\uBABB \uD574\uC11D\uD588\uACE0(\uD639\uC740 \uB0B4\uAC00 \uC81C\uB300\uB85C \uC804\uB2EC\uC744 \uD558\uC9C0 \uBABB\uD588\uAC70\uB098 \u{1F602}) \uB2E4\uC2DC \uC798 \uC124\uBA85\uB4DC\uB838\uB2E4.

\uC774\uB7EC\uD55C \uACFC\uC815\uC744 \uD1B5\uD574\uC11C \uC2A4\uC2A4\uB85C\uC758 \uD55C\uACC4\uC640 \uBB38\uC81C\uC810\uC744 \uBC1C\uACAC\uD588\uACE0, \uC774\uB97C \uADF9\uBCF5\uD558\uAE30 \uC704\uD55C \uC7AC\uC815\uBE44 \uAE30\uAC04\uC774 \uD544\uC694\uD558\uB2E4\uB294 \uAC83\uC744 \uAE68\uB2EC\uC558\uB2E4. \uADF8\uB798\uC11C \uB2E4\uC74C \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9\uC740 \uC811\uC5B4\uB450\uACE0 \uC2A4\uC2A4\uB85C\uC758 \uC5ED\uB7C9 \uAC15\uD654\uC5D0 \uC9D1\uC911\uD560 \uC608\uC815\uC774\uB2E4.


(3) \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514\uC758 \uC5F0\uC7A5

9\uC6D4\uC5D0 \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514\uC5D0 \uCC38\uC5EC\uD588\uB358 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC774 \uCF54\uC2A4\uB97C \uCD94\uCC9C \uD588\uACE0, \uC138 \uBD84\uC774 \uC774\uBC88 \uAE30\uC218\uC5D0 \uC2E0\uCCAD\uD588\uB2E4. \uC138 \uBD84 \uBAA8\uB450 \uC798 \uC644\uC8FC\uD558\uAE38 \uAE30\uB300\uC911\uC774\uB2E4.

\uB2E4\uC74C\uC5D4 \uB204\uAD74 \uAF2C\uB4DC\uACA8\uC57C\uD558\uB098 \u{1F914}


2. \uB2E8\uCFE0\uD0A4 \uB9AC\uCFE0\uB974\uD2B8 \uC9C0\uC6D0

',29),z={class:"custom-container tip"},O=n("p",{class:"custom-container-title"},"\uB2E8\uCFE0\uD0A4",-1),X={href:"https://www.dankookie.com/",target:"_blank",rel:"noopener noreferrer"},K=s("\uB2E8\uCFE0\uD0A4"),Y=s("\uB294 \uB098\uC758 \uBAA8\uAD50\uC778 \uB2E8\uAD6D\uB300\uD559\uAD50 \uCEE4\uBBA4\uB2C8\uD2F0 \uC0AC\uC774\uD2B8\uC774\uB2E4. "),Z={href:"https://everytime.kr/",target:"_blank",rel:"noopener noreferrer"},nn=s("\uC5D0\uBE0C\uB9AC\uD0C0\uC784"),sn=s("\uC774 \uB4F1\uC7A5\uD558\uAE30 \uC804\uAE4C\uC9C4 \uAD49\uC7A5\uD788 \uD65C\uC131\uD654\uB41C \uCEE4\uBBA4\uB2C8\uD2F0\uC600\uB294\uB370, "),an=n("u",null,"\uC5D0\uBE0C\uB9AC\uD0C0\uC784 \uB355\uBD84\uC5D0 \uC774\uC6A9\uC790\uC218\uAC00 \uB300\uD3ED \uAC10\uC18C\uD588\uB2E4.",-1),tn=e('

\uB098\uB294 \uC5D0\uBE0C\uB9AC\uD0C0\uC784\uC774\uB77C\uB294 \uB300\uD559\uAD50 \uCEE4\uBBA4\uB2C8\uD2F0\uB97C \uC790\uC8FC \uC0AC\uC6A9\uD558\uB294 \uD3B8\uC774\uB2E4. \uAC1C\uBC1C\uACFC \uAD00\uB828\uB41C \uC815\uBCF4\uB97C \uACF5\uC720\uD558\uAE30\uB3C4 \uD558\uACE0, \uC9C4\uB85C\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD558\uB294 \uD6C4\uBC30\uB4E4\uACFC \uC774\uC57C\uAE30\uB97C \uB098\uB204\uB294 \uB4F1\uC758 \uC18C\uD1B5 \uCC3D\uAD6C\uB85C \uC0AC\uC6A9\uD558\uACE0 \uC788\uB2E4.

\uADF8\uB7EC\uB358 \uC911 \uB208\uC5D0 \uB744\uB294 \uAE00\uC744 \uD558\uB098 \uBC1C\uACAC\uD588\uB2E4.

\uAE00\uC744 \uCEA1\uCCD0\uD574\uC11C \uC62C\uB9B4\uB77C \uD588\uB294\uB370.. \uC9C0\uAE08 \uCC3E\uC544\uBCF4\uB2C8 \uC0AD\uC81C\uB410\uB2E4. \uC544\uC26C\uC6B4\uB300\uB85C \uB2E8\uCFE0\uD0A4\uC5D0 \uC62C\uB77C\uC628 \uAE00\uC744 \uCEA1\uCCD0\uD574\uC11C \uC62C\uB824\uC57C\uACA0\uB2E4.

7

\uBCF4\uC790\uB9C8\uC790 \uC9C0\uC6D0\uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC744 \uD588\uB2E4. \uADF8\uB7F0\uB370 \uB098\uB294 \uC878\uC5C5\uC0DD\uC774\uB2E4\uBCF4\uB2C8 \uC774\uAC78 \uC9C0\uC6D0\uD574\uC57C\uD558\uB098 \uB9D0\uC544\uC57C\uD558\uB098 \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC878\uC5C5\uC0DD\uB3C4 \uC9C0\uC6D0 \uAC00\uB2A5\uD55C\uC9C0 \uBB3C\uC5B4\uBCF4\uB294 \uB313\uAE00\uC744 \uB0A8\uACBC\uACE0, \uAC00\uB2A5\uD558\uB2E4\uB294 \uB2F5\uBCC0\uC744 \uBC1B\uC558\uB2E4.

8

\uADF8\uB798\uC11C \uACE0\uBBFC \uB05D\uC5D0 \uC9C0\uC6D0\uD588\uB2E4.

9

\uC774\uB807\uAC8C \uCF54\uB529 \uD14C\uC2A4\uD2B8 \uBC0F \uC628\uB77C\uC778 \uBA74\uC811 \uC77C\uC815\uC744 \uC7A1\uACE0 \uC9C4\uD589\uD588\uB2E4. \uCF54\uB529 \uD14C\uC2A4\uD2B8 \uBB38\uC81C \uC790\uCCB4\uB294 \uC5B4\uB835\uC9C0 \uC54A\uC558\uC73C\uB098, \uB0B4\uAC00 \uB108\uBB34 \uC5B4\uB835\uAC8C \uC0DD\uAC01\uD574\uC11C \uC870\uAE08 \uD5E4\uB9F8\uB2E4.

\uC774 \uC678\uC5D0\uB3C4 \uB2E4\uC591\uD55C \uBA74\uC811 \uC9C8\uBB38\uC744 \uBC1B\uC558\uB294\uB370 \uB0B4\uAC00 \uC0DD\uAC01\uD558\uC9C0\uB3C4 \uBABB\uD588\uB358 \uBD80\uBD84\uB4E4\uC774 \uC788\uC5B4\uC11C \uC870\uAE08 \uB2F9\uD669\uD588\uB2E4. \uB2F9\uD669\uD588\uB358 \uC9C8\uBB38\uB4E4\uC740 \uB300\uCCB4\uB85C \uBCF4\uC548\uACFC \uAD00\uB828\uB41C \uC9C8\uBB38\uC774\uC5C8\uACE0, \uB0B4\uAC00 \uBCF4\uC548\uACFC \uAD00\uB828\uB41C \uB3C4\uBA54\uC778\uC5D0 \uC57D\uD558\uB2E4\uB294 \uAC83\uC744 \uC778\uC9C0\uD588\uB2E4. \uB355\uBD84\uC5D0 \uACF5\uBD80\uD560 \uAC83\uB4E4\uC774 \uB298\uC5C8\uB2E4 \u{1F605}

\uC5EC\uB2F4\uC73C\uB85C, \uD559\uBD80\uC2DC\uC808\uC5D0 \uAC19\uC774 \uB2E8\uCFE0\uD0A4\uCE21\uC5D0\uC11C \uD568\uAED8 \uD558\uACE0 \uC2F6\uC740 \uC758\uD5A5 \uC788\uC73C\uBA74 \uC5F0\uB77D \uB2EC\uB77C\uACE0 \uD588\uC5C8\uB294\uB370 \uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uC815\uB9D0 \uBBF8\uCE5C\uB4EF\uC774 \uBC14\uBE60\uC11C \uC544\uC608 \uC5F0\uB77D\uC744 \uD558\uC9C0 \uC54A\uC558\uB2E4. \uB2F9\uC2DC\uC5D0 \uC791\uC740 \uC5D0\uC774\uC804\uC2DC \uD68C\uC0AC\uC5D0\uC11C \uC6D0\uACA9\uADFC\uBB34\uB3C4 \uD558\uACE0 \uC788\uC5C8\uACE0, \uD559\uBD80 \uC5F0\uAD6C\uC0DD\uB3C4 \uD558\uACE0 \uC788\uC5C8\uACE0, \uAC19\uC740 \uD559\uBD80 \uC5F0\uAD6C\uC0DD\uB4E4\uACFC \uC815\uBD80 \uACFC\uC81C\uB3C4 \uD558\uACE0 \uC788\uC5C8\uACE0, \uACE0\uB4F1\uD559\uAD50 \uAC15\uC0AC\uB3C4 \uD558\uACE0 \uC788\uC5C8\uB2E4. \uAC70\uAE30\uC5D0 \uC218\uC5C5\uC5D0 \uC2DC\uD5D8\uC5D0 \uACFC\uC81C\uC5D0 \uC774\uAC83 \uC800\uAC83 \uB2E4 \uD3EC\uD568\uD558\uBA74.. \uAC70\uAE30\uC11C \uBB34\uC5B8\uAC00\uB97C \uB354 \uD560 \uC5C4\uB450\uAC00 \uB098\uC9C8 \uC54A\uC558\uB2E4.

10

\uC5B4\uCA0C\uB4E0 12\uC6D4\uC5D0 \uB300\uBA74 \uBA74\uC811\uC744 \uAC70\uCE58\uBA74 \uACB0\uACFC\uB97C \uC54C \uC218 \uC788\uACA0\uC9C0 \uC2F6\uB2E4. \uB0B4\uB144\uC5D4 \uB610 \uC5BC\uB9C8\uB098 \uBC14\uC058\uB824\uB098 \u{1F923}


3. Composition API \uD559\uC2B5

',15),en=s("\uD68C\uC0AC \uD504\uB85C\uC81D\uD2B8\uC5D0 "),on={href:"https://composition-api.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},pn=s("Composition API"),cn=s("\uB97C \uC0AC\uC6A9\uD560 \uC77C\uC774 \uC0DD\uACBC\uB2E4. \uC544\uC9C1 "),ln=n("strong",null,"Composition API",-1),rn=s("\uB97C \uC81C\uB300\uB85C \uC0AC\uC6A9\uD574\uBCF8\uC801\uC774 \uC5C6\uC5B4\uC11C \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uACF5\uBD80\uD574\uC57C \uACE0\uBBFC\uD558\uB2E4\uAC00, "),un={href:"https://edu.nextstep.camp/c/L1Ma1gyX/",target:"_blank",rel:"noopener noreferrer"},dn=s("Black Coffee Study"),kn=s(" \uD560 \uB54C \uB9CC\uB4E4\uC5C8\uB358 "),_n=n("strong",null,"TodoList\uB97C Composition API\uB85C",-1),hn=s(" \uB2E4\uC2DC \uB9CC\uB4E4\uC5B4\uBCF4\uC790\uACE0 \uC0DD\uAC01\uD588\uB2E4."),bn=n("p",null,[n("img",{src:w,alt:"11"})],-1),vn=s("\uADF8\uB9AC\uACE0 \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514\uB97C \uD1B5\uD574\uC11C \uC54C\uAC8C\uB41C "),gn={href:"https://github.com/devjang",target:"_blank",rel:"noopener noreferrer"},mn=s("\uC7A5\uD604\uC11D\uB2D8"),fn=s("\uB2D8\uC774 Composition API\uB85C \uD1A0\uC774 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD588\uACE0 \uAF2D \uC0AC\uC6A9\uD574\uBCF4\uAE38 \uAD8C\uD588\uB358\uAC8C \uC0DD\uAC01\uB0AC\uB2E4. \uADF8\uB798\uC11C \uD574\uB2F9 "),En={href:"https://github.com/devJang/nuxt-realworld",target:"_blank",rel:"noopener noreferrer"},Bn=s("\uD1A0\uC774 \uD504\uB85C\uC81D\uD2B8(nuxt-realworld)"),Cn=s("\uB97C \uCC38\uACE0\uD558\uC5EC \uC9C4\uD589 \uC911\uC774\uB2E4."),wn=s("\uC9C0\uAE08\uC740 \uB9C9 \uC2DC\uC791\uD55C \uB2E8\uACC4\uB85C \uC811\uC5B4\uC130\uAE30 \uB54C\uBB38\uC5D0 "),$n=s("12\uC6D4 \uD68C\uACE0"),yn=s("\uC5D0\uC11C \uB354 \uC790\uC138\uD788 \uB2E4\uB8F0 \uC608\uC815\uC774\uB2E4."),An=n("hr",null,null,-1),Pn=n("h3",{id:"_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2","aria-hidden":"true"},"#"),s(" 4. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 2")],-1),qn={href:"https://edu.nextstep.camp/s/tUzCRWul",target:"_blank",rel:"noopener noreferrer"},Dn=s("\uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 1 3\uAE30"),xn=s("\uB97C 9\uC6D4\uC5D0 \uB4E4\uC5C8\uACE0, \uC774\uBC88 \uB2EC\uC5D0 "),Ln={href:"https://edu.nextstep.camp/s/mnUCGXab",target:"_blank",rel:"noopener noreferrer"},Tn=s("\uB808\uBCA8 2"),Un=s("\uAC00 \uC5F4\uB838\uB2E4. \uC774\uBC88 \uACFC\uC815\uC740 Javascript\uB85C Unit Test\uC640 E2E Test\uB97C \uC791\uC131\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uB2E4\uB8E8\uACE0 \uC788\uB2E4."),In=n("p",null,[n("img",{src:_,alt:"12"})],-1),Sn=n("p",null,[s("\uC6D4\uB9D0\uC5D0 \uC2DC\uC791\uD588\uAE30 \uB54C\uBB38\uC5D0 "),n("strong",null,"1\uC8FC\uCC28 \uBBF8\uC158"),s(" \uAE4C\uC9C0\uB9CC \uC644\uB8CC\uD55C \uC0C1\uD0DC\uC774\uB2E4. \uACFC\uC5F0.. \uC774\uBC88 \uACFC\uC815\uC744 \uC798 \uB9C8\uBB34\uB9AC \uD560 \uC218 \uC788\uC744\uC9C0 \uAC71\uC815\uC774\uB2E4. \uC544\uBB34\uB798\uB3C4 \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9\uACFC \uACB9\uCE58\uAE30 \uB54C\uBB38\uC5D0 \uC27D\uC9C0 \uC54A\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4.")],-1),Rn=s("\uBBF8\uC158\uACFC \uAD00\uB828\uB41C \uCF54\uB4DC\uB294 "),jn={href:"https://github.com/JunilHwang/black-coffee-study-lv2",target:"_blank",rel:"noopener noreferrer"},Hn=s("\uC774 \uC800\uC7A5\uC18C"),Mn=s("\uC5D0 \uC62C\uB824\uB1A8\uB2E4. \uB808\uBCA8 1\uC744 \uD560 \uB54C \uBCF4\uB2E4 \uC758\uC695\uC774 \uB9CE\uC774 \uC0AC\uB77C\uC9C4 \uB290\uB08C\uC774\uB2E4."),Qn=n("hr",null,null,-1),Vn=n("h3",{id:"_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175","aria-hidden":"true"},"#"),s(" 5. \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 2\uAE30")],-1),Jn=s("\uC9C0\uB09C \uB2EC\uC5D0 \uC774\uC5B4\uC11C "),Nn={href:"https://edu.nextstep.camp/s/4dBdkika",target:"_blank",rel:"noopener noreferrer"},Wn=s("\uBE14\uB85C\uADF8 \uC2A4\uD130\uB514"),Gn=s("\uB97C \uCC38\uC5EC\uD588\uB2E4. \uC774\uBC88\uC5D0\uB294 "),Fn={href:"https://edu.nextstep.camp",target:"_blank",rel:"noopener noreferrer"},zn=s("\uB125\uC2A4\uD2B8 \uC2A4\uD15D"),On=s("\uC5D0 \uC815\uC2DD\uC73C\uB85C \uC218\uAC15\uBAA8\uC9D1\uC744 \uC62C\uB824\uC11C \uADF8\uB7F0\uC9C0 \uCC38\uC5EC\uD558\uB294 \uC0AC\uB78C\uC774 \uD6E8\uC52C \uB9CE\uC558\uB2E4."),Xn=n("p",null,"\uC6D0\uB798 \uC77C\uC815\uB300\uB85C\uBA74 \uC774\uBC88 \uB2EC\uC5D0 \uB450 \uAC1C\uC758 \uAE00\uC744 \uC37C\uC5B4\uC57C \uD588\uB294\uB370, \uD55C \uAC1C\uC758 \uAE00\uB9CC \uC37C\uB2E4.",-1),Kn={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",target:"_blank",rel:"noopener noreferrer"},Yn=s("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 Part 03"),Zn={class:"custom-container tip"},ns=n("p",{class:"custom-container-title"},"\uC720\uB144 \uC2DC\uC808 \uC774\uC57C\uAE30 \uBAA8\uC74C",-1),ss={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/",target:"_blank",rel:"noopener noreferrer"},as=s("Part 01"),ts={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/",target:"_blank",rel:"noopener noreferrer"},es=s("Part 02"),os={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",target:"_blank",rel:"noopener noreferrer"},ps=s("Part 03"),cs=s("\uD574\uB2F9 \uAE00\uC744 \uC791\uC131\uD558\uBA74\uC11C 2012\uB144\uB3C4\uC5D0 \uACF5\uBD80\uD588\uB358 \uAC83\uB4E4\uC744 \uB2E4\uC2DC \uB4E4\uC5EC\uB2E4\uBD24\uB2E4. \uADF8 \uB54C\uB294 \uC798 \uB9CC\uB4E4\uC5C8\uB2E4 \uC2F6\uC5C8\uB294\uB370 \uC5ED\uC2DC \uACFC\uAC70\uC758 \uCF54\uB4DC\uB294 \uBCF4\uB294 \uAC8C \uC544\uB2C8\uB2E4. "),is=n("s",null,"\uB098\uB294 \uB625\uC744 \uB9CC\uB4E4\uC5C8\uB2E4.",-1),ls=s(" 2012\uB144\uB3C4\uC5D0 "),rs={href:"https://meister.hrdkorea.or.kr/sub/3/3/1/20160512111525375100_view.do",target:"_blank",rel:"noopener noreferrer"},us=s("\uC804\uAD6D\uB300\uD68C"),ds=s("\uB97C \uC900\uBE44\uD558\uBA74\uC11C \uB9CC\uB4E0 "),ks={href:"https://github.com/JunilHwang/webskills-2012-national-furniture",target:"_blank",rel:"noopener noreferrer"},_s=s("\uACB0\uACFC\uBB3C \uCF54\uB4DC"),hs=s("\uC774\uB2E4. \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 \uC55E\uC11C \uC18C\uAC1C\uD55C \uB9C1\uD06C\uB97C \uD0C0\uACE0 \uB4E4\uC5B4\uAC00\uBA74 \uBCFC \uC218 \uC788\uB2E4."),bs=n("p",null,[s("\uC0AC\uC2E4 \uC544\uC9C1 \uC791\uC131\uD558\uC9C0 \uC54A\uC740 "),n("strong",null,"Part 04"),s("\uAC00 \uAC1C\uBC1C\uACFC \uB3D9\uB5A8\uC5B4\uC9C4 \uC815\uB9D0 \uC9C4\uC9C0\uD55C \uB098\uC758 \uC774\uC57C\uAE30\uC77C \uAC83 \uAC19\uC740\uB370, \uC5B8\uC81C \uCBE4 \uC791\uC131\uD560 \uC218 \uC788\uC744\uC9C0 \uBAA8\uB974\uACA0\uB2E4. "),n("s",null,"\uC0AC\uC2E4 \uC4F0\uAE30 \uADC0\uCC2E\uB2E4.")],-1),vs=s("\uC774\uBC88\uC5D0\uB294 \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uAE00\uB4E4\uC744 \uC18C\uAC1C\uD558\uAE30\uBCF4\uB2E8 \uADF8\uB0E5 "),gs={href:"https://github.com/next-step/blog/pull/55",target:"_blank",rel:"noopener noreferrer"},ms=s("PR \uB9C1\uD06C"),fs=s("\uB9CC \uB2EC\uC544\uB193\uACA0\uB2E4. \uC0AC\uC2E4 \uAE00\uC744 \uC77D\uC744 \uC5EC\uC720\uB3C4 \uAC70\uC758 \uC5C6\uC5C8\uB2E4.."),Es=n("hr",null,null,-1),Bs=n("h3",{id:"_6-\u1100\u1175\u1102\u1173\u11BC\u1103\u1162\u1112\u116C\u110B\u116D\u11BC-php-tutorial",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_6-\u1100\u1175\u1102\u1173\u11BC\u1103\u1162\u1112\u116C\u110B\u116D\u11BC-php-tutorial","aria-hidden":"true"},"#"),s(" 6. \uAE30\uB2A5\uB300\uD68C\uC6A9 PHP Tutorial")],-1),Cs=s("\uAE30\uB2A5\uB300\uD68C \uC804\uC6A9\uC73C\uB85C "),ws={href:"https://github.com/sdhs-webskills/php-architecture-step-by-step",target:"_blank",rel:"noopener noreferrer"},$s=s("PHP Step By Step Tutorial"),ys=s("\uC744 \uB9CC\uB4E4\uC5C8\uB2E4. \uB370\uBAA8\uB294 "),As={href:"https://stormy-coast-06452.herokuapp.com/",target:"_blank",rel:"noopener noreferrer"},Ps=s("\uC774 \uB9C1\uD06C"),qs=s("\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uC73C\uBA70 \uB530\uB85C \uBB38\uC11C\uB294 \uC5C6\uACE0 \uCF54\uB4DC\uB9CC \uC791\uC131\uD574\uB193\uC740 \uC0C1\uD0DC\uC774\uB2E4."),Ds=n("p",null,[n("img",{src:i,alt:"13"})],-1),xs=n("p",null,"\uC694\uC998\uC5D0 PHP\uB97C \uD558\uB2E4 \uBCF4\uBA74 \uB0B4\uAC00 PHP\uB77C\uB294 \uC5B8\uC5B4\uB97C \uB2E4\uB904\uBD24\uB2E4\uB294\uAC8C \uB0AF\uC124\uB2E4. \uC61B\uB0A0\uC5D0\uB294 Server-side \uC5B8\uC5B4\uB85C \uD560\uC904 \uC544\uB294\uAC70\uB77C\uACE4 PHP \uBC16\uC5D0 \uC5C6\uC5C8\uB294\uB370 \uC5B8\uC81C \uC774\uB807\uAC8C \uB0AF\uC124\uC5B4\uC9C4\uAC78\uAE4C?",-1),Ls=s("\uC774 \uD29C\uD1A0\uB9AC\uC5BC\uC744 \uC791\uC131\uD558\uBA74\uC11C "),Ts={href:"https://dashboard.heroku.com/",target:"_blank",rel:"noopener noreferrer"},Us=s("heroku"),Is=s("\uB97C \uCC98\uC74C \uC0AC\uC6A9\uD574\uBD24\uB2E4. \uADF8\uB9AC\uACE0 "),Ss={href:"https://devcenter.heroku.com/articles/getting-started-with-php",target:"_blank",rel:"noopener noreferrer"},Rs=s("Getting Started on Heroku with PHP"),js=s("\uB97C \uB530\uB77C\uD574\uBCF4\uBA74\uC11C "),Hs={href:"https://getcomposer.org/doc/00-intro.md",target:"_blank",rel:"noopener noreferrer"},Ms=s("composer"),Qs=s("\uB97C \uCC98\uC74C \uC0AC\uC6A9\uD574\uBD24\uB2E4."),Vs=s("\uC774\uC81C "),Js={href:"https://www.php.net/releases/8.0/en.php",target:"_blank",rel:"noopener noreferrer"},Ns=s("PHP 8.0"),Ws=s("\uC774 \uB098\uC624\uBA74\uC11C \uD55C \uCE35 \uB354 \uC131\uC219\uD574\uC9C4 \uC5B8\uC5B4\uAC00 \uB41C \uAC83 \uAC19\uB2E4. \uC5EC\uC720 \uC788\uC744 \uB54C(\uB300\uCCB4 \uC5B8\uC81C?) "),Gs={href:"https://laravel.com/",target:"_blank",rel:"noopener noreferrer"},Fs=s("Laravel"),zs=s("\uB85C \uD1A0\uC774 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD574\uBD10\uB3C4 \uAD1C\uCC2E\uC744 \uAC83 \uAC19\uB2E4."),Os=n("hr",null,null,-1),Xs=s("\uC774\uB300\uB85C \uB9C8\uBB34\uB9AC\uD558\uAE30\uB294 \uC544\uC26C\uC6CC\uC11C \uB9C8\uC9C0\uB9C9 \uC2A4\uD15D\uC5D0\uC11C \uC791\uC131\uD55C "),Ks=n("code",null,"Router",-1),Ys=s("\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD574\uBCF8\uB2E4. "),Zs={href:"https://expressjs.com/ko/",target:"_blank",rel:"noopener noreferrer"},na=s("express.js"),sa=s("\uC758 "),aa={href:"https://expressjs.com/ko/starter/basic-routing.html",target:"_blank",rel:"noopener noreferrer"},ta=s("router"),ea=s("\uB97C \uB530\uB77C\uD574\uBCF4\uB824\uACE0 \uD588\uB294\uB370 URI Pattern\uC744 \uD30C\uC2F1\uD558\uACE0 \uB9E4\uCE6D\uC2DC\uD0A4\uB294\uAC8C \uADC0\uCC2E\uC544\uC11C \uADF8\uB0E5 \uC815\uADDC\uC2DD\uC73C\uB85C \uCC98\uB9AC\uD588\uB2E4."),oa=e(`

 namespace src\\core;
 
 class Router {
diff --git a/assets/index.html.bbfc3247.js b/assets/index.html.12be6a7f.js
similarity index 99%
rename from assets/index.html.bbfc3247.js
rename to assets/index.html.12be6a7f.js
index e7182f91..383efc9f 100644
--- a/assets/index.html.bbfc3247.js
+++ b/assets/index.html.12be6a7f.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,d as l}from"./app.800103af.js";const i={},r=l('

\uC0AC\uB78C\uC744 \uC0AC\uB791\uD55C \uAE30\uC220

\uC2E0 \uAE30\uC220\uC740 \uC774\uC804 \uAE30\uC220\uC758 \uC5B4\uAE68\uB97C \uB51B\uACE0

\uC774\uBBF8 \uC788\uB358 \uAC83\uC774 \uD6C4\uC5D0 \uB2E4\uC2DC \uC788\uACA0\uACE0, \uC774\uBBF8 \uD55C \uC77C\uC744 \uD6C4\uC5D0 \uB2E4\uC2DC \uD560\uC9C0\uB77C.
\uD574 \uC544\uB798\uB294 \uC0C8 \uAC83\uC774 \uC5C6\uB098\uB2C8, \uBB34\uC5C7\uC744 \uAC00\uB9AC\uCF1C \uC774\uB974\uAE30\uB97C \uBCF4\uB77C.

\uC774\uAC83\uC774 \uC0C8 \uAC83\uC774\uB77C \uD560 \uAC83\uC774 \uC788\uC73C\uB7B4, \uC6B0\uB9AC \uC624\uB798 \uC804 \uC138\uB300\uC5D0\uB3C4 \uC774\uBBF8 \uC788\uC5C8\uB290\uB2C8\uB77C.

\uCEF4\uD4E8\uD130\uB294 \uBA4D\uCCAD\uD558\uAC8C\uB3C4(?) 0\uACFC 1\uB9CC \uC774\uD574\uD560 \uC218 \uC788\uB2E4. \uADF8\uB7F0 \uCEF4\uD4E8\uD130\uB97C \uC774\uC6A9\uD558\uC5EC \uC6B0\uB9AC\uB294 \uC5B4\uB5BB\uAC8C \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uD560 \uC218 \uC788\uC5C8\uC744\uAE4C? \uADF8\uB9AC\uACE0 \uC65C \uADF8\uD1A0\uB85D \uB9CE\uC740 \uC5B8\uC5B4\uAC00 \uC0DD\uACBC\uC73C\uBA70 \uAC1D\uCCB4\uC9C0\uD5A5, \uD568\uC218\uC9C0\uD5A5 \uAC19\uC740 \uAC1C\uB150\uB4E4\uC774 \uC0DD\uAE34\uAC78\uAE4C?

\uC774\uB7EC\uD55C \uC758\uBB38\uB4E4\uC744 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uAC00 \uBC1C\uC804\uD574\uC628 \uACFC\uC815\uC744 \uD1B5\uD558\uC5EC \uC774\uD574\uD558\uC5EC \uBCF4\uC790.

\uAE30\uACC4\uC5B4\uC5D0\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uAE4C\uC9C0

\uC77C\uB2E8 0\uACFC 1\uC774 \uC5B4\uB5BB\uAC8C \uAC1D\uCCB4\uC9C0\uD5A5\uAE4C\uC9C0 \uB3C4\uB2EC\uD558\uC600\uB294\uC9C0 \uC54C\uC544\uBCF4\uC790.

\uAE30\uACC4\uC5B4

\uAE30\uACC4\uC5B4\uB294 0\uACFC 1\uB85C \uC774\uB8E8\uC5B4\uC9C4 \uAD49\uC7A5\uD788 \uBE44 \uC778\uAC04\uC801\uC778 \uC5B8\uC5B4\uB2E4. \uC0AC\uC2E4 \uCEF4\uD4E8\uD130\uB294 \uC6B0\uB9AC\uAC00 \uC0DD\uAC01\uD558\uB294 \uAC83 \uB9CC\uD07C \uB611\uB611\uD558\uC9C0 \uC54A\uB2E4. \uB2E4\uB9CC \uC0AC\uB78C\uBCF4\uB2E4 \uB300\uB2E8\uD788 \uC131\uC2E4\uD558\uBA70 \uB300\uB2E8\uD788 \uC815\uD655\uD558\uB2E4.

\uC0AC\uB78C\uC740 \uC22B\uC790\uB77C\uB294 \uAC1C\uB150\uB3C4 \uC54C\uACE0, \uBB38\uC790\uB77C\uB294 \uAC1C\uB150\uB3C4 \uC54C\uACE0 \uC788\uB2E4. \uC815\uC218\uC640 \uC18C\uC218\uB97C \uAD6C\uBD84\uD560 \uC218 \uC788\uC73C\uBA70 \uBA38\uB9BF\uC18D\uC744 \uCB49 \uC2A4\uCE94\uD558\uC9C0 \uC54A\uC544\uB3C4 \uC790\uC2E0\uC774 \uBAA8\uB974\uB294 \uAC83\uC5D0 \uB300\uD574\uC11C\uB294 \uBAA8\uB978\uB2E4\uACE0 \uB9D0\uD560 \uC218 \uC788\uB294 \uC9C1\uAD00\uC774 \uC788\uB2E4.

\uB354\uD558\uAE30 \uBE7C\uAE30\uB294 \uBB3C\uB860 \uACF1\uD558\uAE30 \uB098\uB204\uAE30\uB294 \uB300\uBD80\uBD84\uC758 \uC0AC\uB78C\uC774 \uAE30\uBCF8\uC801\uC73C\uB85C \uD560 \uC218 \uC788\uB2E4. \uC870\uAE08 \uB354 \uBC30\uC6B4 \uC0AC\uB78C\uB4E4\uC740 \uD568\uC218\uB098 \uBC29\uC815\uC2DD, \uBBF8\uBD84, \uC801\uBD84, \uAE30\uD558\uC640 \uBCA1\uD130 \uAC19\uC740 \uC5B4\uB824\uC6B4 \uAC1C\uB150\uB3C4 \uC548\uB2E4.

\uADF8\uB7EC\uB098 \uCEF4\uD4E8\uD130\uB294 \uC624\uC9C1 0\uACFC 1 \uB450 \uAC00\uC9C0\uC758 \uC22B\uC790\uB9CC \uC774\uD574\uD560 \uC218 \uC788\uC73C\uBA70 \uD560 \uC218 \uC788\uB294 \uC5F0\uC0B0 \uB610\uD55C \uB9CE\uC9C0 \uC54A\uB2E4. \uB2E4\uB9CC \uCEF4\uD4E8\uD130\uB294 \uC55E\uC11C \uB9D0\uD588\uC9C0\uB9CC, \uB300\uB2E8\uD788 \uC131\uC2E4\uD558\uBA70 \uB300\uB2E8\uD788 \uC815\uD655\uD558\uB2E4.

\uC9C0\uAE08 \uD544\uC790\uC758 \uCEF4\uD4E8\uD130\uC758 CPU\uB294 3.4 GHz \uB77C\uB294 \uC5F0\uC0B0\uC744 \uD560 \uC218 \uC788\uB2E4. \uC27D\uAC8C \uB9D0\uD574\uC11C 1\uCD08 \uB3D9\uC548 3,400,000,000(3.4 * 10^9) \uBC88\uC758 \uC5F0\uC0B0\uC744 \uD560 \uC218 \uC788\uB2E4 \uB294 \uC774\uC57C\uAE30\uB2E4. \uBFD0\uB9CC \uC544\uB2C8\uB77C \uADF8\uB807\uAC8C \uB9CE\uC740 \uC5F0\uC0B0\uC744 \uD2C0\uB9AC\uC9C0 \uC54A\uACE0 \uC815\uD655\uD558\uAC8C \uD560 \uC218 \uC788\uB2E4. \uC778\uAC04\uC740 \uC774\uB7F0 \uC77C\uC774 \uBD88\uAC00\uB2A5\uD558\uB2E4.

\uC131\uC2E4\uD558\uACE0 \uC815\uD655\uD558\uC9C0 \uBABB\uD588\uB358 \uC778\uAC04\uC740, \uB300\uB2E8\uD788 \uC131\uC2E4\uD558\uACE0 \uC815\uD655\uD55C \uCEF4\uD4E8\uD130\uC5D0\uAC8C 0\uACFC 1\uB85C \uB9CC\uB4E4\uC5B4\uC9C4 \uBA85\uB839\uC5B4\uB97C \uC804\uB2EC\uD558\uC5EC \uC774\uB97C \uC218\uD589\uD558\uB3C4\uB85D \uD558\uC600\uB2E4. \uD558\uC9C0\uB9CC 0\uACFC 1\uB85C\uB9CC \uC774\uB8E8\uC5B4\uC9C4 \uC5F0\uC0B0\uC740 \uC778\uAC04\uC774 \uC774\uD574\uD558\uAE30 \uC5B4\uB824\uC6E0\uACE0 \uC815\uB9D0 \uBA38\uB9AC \uC88B\uC740 \uC0AC\uB78C\uC774 \uC544\uB2CC \uC774\uC0C1 \uCEF4\uD4E8\uD130\uB97C \uB2E4\uB8E8\uAE34 \uC5B4\uB824\uC6E0\uB2E4.

\uD558\uC9C0\uB9CC \uC0AC\uB78C\uB4E4\uC740 \uCEF4\uD4E8\uD130\uB97C \uB354\uC6B1 \uC798 \uB2E4\uB8E8\uACE0 \uC2F6\uC5B4\uD588\uACE0, \uC11C\uB85C \uBA38\uB9AC\uB97C \uB9DE\uB300\uACE0 \uC0DD\uAC01\uD558\uB2E4\uAC00 \uC5B4\uC148\uBE14\uB9AC\uC5B4\uAC00 \uD0C4\uC0DD\uD588\uB2E4.

\uC5B4\uC148\uBE14\uB9AC\uC5B4

\uC5B4\uC148\uBE14\uB9AC\uC5B4\uC758 \uD0C4\uC0DD

\uAE30\uACC4\uC5B4\uC758 \uBA85\uB839\uB4E4\uC744 \uC77C\uC0C1 \uC6A9\uC5B4\uB85C \uD45C\uD604\uD558\uACE0 \uAE30\uACC4\uC5B4\uAC00 \uC54C \uC218 \uC788\uB294 \uAE30\uACC4\uC5B4\uB85C \uBC88\uC5ED\uD558\uAC8C \uD558\uBA74 \uC5B4\uB5A8\uAE4C?

\uC704\uC640 \uAC19\uC740 \uC0DD\uAC01\uC5D0\uC11C \uCD9C\uBC1C\uD55C \uAC83\uC774 \uBC14\uB85C \uC5B4\uC148\uBE14\uB9AC\uC5B4\uC774\uBA70, \uAE30\uACC4\uC5B4 \uBA85\uB839\uACFC \uC77C\uC0C1 \uC6A9\uC5B4\uB97C 1:1\uB85C \uB9E4\uCE6D\uD558\uB294 \uCF54\uB4DC\uD45C\uAC00 \uB9CC\uB4E4\uC5B4\uC84C\uB2E4.

\uADF8\uB9AC\uACE0 \uADF8 \uCF54\uB4DC\uD45C\uB97C \uC5B4\uC148\uBE14\uB9AC\uC5B4\uB77C\uACE0 \uBD88\uB800\uC73C\uBA70, \uC5B4\uC148\uBE14\uB9AC\uC5B4\uB97C \uAE30\uACC4\uC5B4\uB85C \uBC88\uC5ED\uD574\uC8FC\uB294 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uB97C \uC5B4\uC148\uBE14\uB7EC\uB77C\uACE0 \uD588\uB2E4.

\uD558\uC9C0\uB9CC \uADF8 \uB2F9\uC2DC\uC5D0 \uC560\uB4DC\uC0AD \uC720\uB2C8\uBC15 \uAC19\uC740 \uC5EC\uB7EC \uC885\uB958\uC758 \uCEF4\uD4E8\uD130\uAC00 \uC788\uC5C8\uACE0 (\uC9C0\uAE08\uC73C\uB85C \uB530\uC9C0\uBA74 Mac\uACFC Window \uAC19\uC740), \uC5B4\uC148\uBE14\uB7EC\uC640 \uAE30\uACC4\uC5B4 \uB610\uD55C \uCEF4\uD4E8\uD130\uC758 \uC885\uB958 \uB9C8\uB2E4 \uC874\uC7AC\uD588\uC5B4\uC57C \uD588\uB2E4.

uml diagram

C \uC5B8\uC5B4

C \uC5B8\uC5B4\uC5D0\uB294 \uCEF4\uD30C\uC77C\uB7EC\uAC00 \uC874\uC7AC\uD588\uC73C\uBA70, C \uC5B8\uC5B4\uB85C \uC791\uC131\uB41C \uC18C\uC2A4\uCF54\uB4DC\uB97C \uCEF4\uD30C\uC77C\uB7EC\uAC00 \uC54C\uC544\uC11C \uAC01\uAC01\uC758 \uCEF4\uD4E8\uD130 \uD658\uACBD\uC5D0 \uB9DE\uB294 \uBAA9\uC801 \uD30C\uC77C\uC744 \uB9CC\uB4E4\uC5B4\uC92C\uB2E4.

\uC989, \uC5B4\uC148\uBE14\uB9AC\uC5B4\uCC98\uB7FC \uAC01\uAC01\uC758 \uCEF4\uD4E8\uD130 \uD658\uACBD\uC5D0 \uB9DE\uB294 \uC18C\uC2A4\uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uD544\uC694\uAC00 \uC5C6\uC5B4\uC9C4 \uAC83\uC774\uB2E4.

uml diagram
-\uAE30\uACC4\uC5B4\uC5B4\uC148\uBE14\uB9AC\uC5B4C\uC5B8\uC5B4
\uAC1C\uBC1C\uC790\uC758 \uCF54\uB5290\uACFC 1\uC758 \uB098\uC5F4\uC77C\uC0C1 \uB2E8\uC5B4 \uC0AC\uC6A9\uC218\uD559\uC801 \uAE30\uD638 \uC0AC\uC6A9
\uC18C\uC2A4 \uD30C\uC77C\uAE30\uC885\uB9C8\uB2E4 \uD558\uB098\uC529\uAE30\uC885\uB9C8\uB2E4 \uD558\uB098\uC529\uAE30\uC885\uC774 \uBA87\uAC1C\uB4E0 \uB2E8 \uD558\uB098
\uBAA9\uC801 \uD30C\uC77C(\uAE30\uACC4\uC5B4)\uC18C\uC2A4 \uADF8 \uC790\uCCB4\uC5B4\uC148\uBE14\uB7EC\uB85C \uC18C\uC2A4\uB97C \uBC88\uC5ED\uD574 \uC0DD\uC131\uCEF4\uD30C\uC77C\uB7EC\uB85C \uC18C\uC2A4\uB97C \uBC88\uC5ED\uD574 \uC0DD\uC131
\uAE30\uACC4\uC5B4 \uBE44\uAD50-\uAE30\uACC4\uC5B4\uC640 1:1 \uB300\uC751\uAE30\uACC4\uC5B4\uC640 m:n \uB300\uC751

C++. \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 \uD0C4\uC0DD

C\uC5B8\uC5B4\uB294 \uAE30\uBCF8\uC801\uC73C\uB85C \uC808\uCC28\uC801\uC778 \uD615\uC2DD\uC73C\uB85C \uCF54\uB4DC\uB97C \uC791\uC131\uD558\uAC8C \uB41C\uB2E4. \uC808\uCC28\uC801\uC778 \uD615\uC2DD\uC758 \uBB38\uC81C\uC810\uC740, \uC778\uAC04\uC774 \uC774\uD574\uD560 \uC218 \uC788\uB294 \uBC94\uC8FC\uC758 \uD55C\uACC4\uAC00 \uC788\uB2E4\uB294 \uAC83\uC774\uB2E4. \uC65C\uB0D0\uD558\uBA74 \uC808\uCC28\uC801 \uD504\uB85C\uADF8\uB798\uBC0D\uC740 \uC778\uAC04\uC774 \uAE30\uACC4\uB97C \uC870\uAE08\uC774\uB77C\uB3C4 \uB354 \uC27D\uAC8C \uC774\uD574\uD560 \uC218 \uC788\uB3C4\uB85D \uD558\uB294 \uAC83\uC5D0 \uBAA9\uC801\uC774 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4. \uCC9C\uC7AC\uAC00 \uC544\uB2CC \uC774\uC0C1, \uC808\uCC28\uD615\uC73C\uB85C \uC5D4\uD130\uD504\uB77C\uC774\uC988\uAE09\uC758 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uB97C \uB9CC\uB4E4\uACE0 \uC774\uB97C \uC720\uC9C0\uD558\uB294 \uAC83\uC740 \uAD49\uC7A5\uD788 \uC5B4\uB824\uC6B4 \uC77C\uC774\uB2E4.

\uADF8\uB7EC\uB2E4\uAC00 \uC0AC\uB78C\uB4E4\uC740 "\uC778\uAC04\uC774 \uC65C \uAE30\uACC4 \uC885\uC18D\uC801\uC778 \uAC1C\uBC1C\uC744 \uD574\uC57C \uD558\uB294\uAC00?" \uB77C\uB294 \uC758\uBB38\uC744 \uD488\uC5C8\uACE0, "\uC6B0\uB9AC\uAC00 \uB208\uC73C\uB85C \uBCF4\uACE0, \uB290\uB07C\uACE0, \uC0DD\uD65C\uD558\uB294 \uD604\uC2E4 \uC138\uACC4\uCC98\uB7FC \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uD560 \uC218 \uC5C6\uC744\uAE4C?" \uB77C\uB294 \uACE0\uBBFC\uC18D\uC5D0\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAC1C\uB150\uC774 \uB9CC\uB4E4\uC5B4\uC9C0\uAE30 \uC2DC\uC791\uD588\uB2E4.

\uADF8\uB798\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uC740 \uD604\uC2E4 \uC138\uACC4\uB97C \uD504\uB85C\uADF8\uB798\uBC0D\uC5D0 \uBC18\uC601\uD560 \uC218 \uC788\uAC8C \uB9CC\uB4E4\uC5B4\uC9C4 \uAC83\uC774\uB2E4. \uADF8\uB7FC \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C \uC758\uBBF8\uD558\uB294 \uAC1D\uCCB4, \uADF8\uB9AC\uACE0 \uD074\uB798\uC2A4\uB294 \uC5B4\uB5A4 \uC758\uBBF8\uC77C\uAE4C?

Class(\uD074\uB798\uC2A4)\uC640 Object(\uAC1D\uCCB4)

  • Class\uB294 \uC0AC\uC804\uC801\uC778 \uC758\uBBF8\uB85C \uB4F1\uAE09, \uC218\uC5C5, \uC885\uB958, \uACC4\uAE09, \uACC4\uCE35, \uBD84\uB958, \uBD84\uB958\uD558\uB2E4, \uBD84\uB958\uB418\uB2E4, \uC18D\uD558\uB2E4 \uB4F1\uC758 \uC758\uBBF8\uB97C \uAC00\uC9C0\uACE0 \uC788\uB2E4.
  • Object\uB294 \uC0AC\uC804\uC801\uC778 \uC758\uBBF8\uB85C \uBAA9\uC801, \uB300\uC0C1, \uBB3C\uAC74 \uB4F1\uC758 \uC758\uBBF8\uB97C \uAC00\uC9C0\uACE0 \uC788\uB2E4.

\uC778\uAC04\uC740 \uD074\uB798\uC2A4(Class)\uACE0 \uD544\uC790(\uD669\uC900\uC77C)\uB294 \uAC1D\uCCB4(Object)\uC774\uB2E4.
\uC774 \uAE00\uC744 \uC77D\uACE0 \uC788\uB294 \uB2F9\uC2E0 \uB610\uD55C \uC778\uAC04(Class)\uC758 \uAC1D\uCCB4(Object)\uC774\uB2E4.

\uADF8\uB7F0\uB370 \uC774 \uCC45\uC758 \uC800\uC790\uB294 Object(\uAC1D\uCCB4)\uBCF4\uB2E8 Entity(\uAC1C\uCCB4)\uAC00 \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C \uC758\uBBF8\uD558\uB294 \uAC1D\uCCB4\uC758 \uAC1C\uB150\uC5D0 \uB354 \uC5B4\uC6B8\uB9B0\uB2E4\uACE0 \uB9D0\uD558\uACE0 \uC788\uB2E4.

Entity(\uAC1C\uCCB4)

\uAC1C\uCCB4\uC758 \uC0AC\uC804\uC801 \uC758\uBBF8\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

  • \uC804\uCCB4\uB098 \uC9D1\uB2E8\uC5D0 \uC0C1\uB300\uD558\uC5EC \uD558\uB098\uD558\uB098\uC758 \uB0B1\uAC1C\uB97C \uC758\uBBF8\uD558\uB294 \uB9D0
  • (\uC0DD\uBB3C) \uC0DD\uBB3C \uD558\uB098\uC758 \uB3C5\uB9BD\uB41C \uC0DD\uBB3C\uCCB4. \uC0B4\uC544\uAC00\uB294 \uB370\uC5D0 \uD544\uC694\uD55C \uB3C5\uB9BD\uC801\uC778 \uAE30\uB2A5\uC744 \uAC16\uACE0 \uC788\uB2E4
  • (\uCCA0\uD559) \uB2E8\uC77C\uD558\uACE0 \uB3C5\uB9BD\uC801\uC778 \uD1B5\uC77C\uC801 \uC874\uC7AC. \uCCA0\uD559 \uC0AC\uC0AC\uC73C\uC774 \uBC1C\uC804 \uACFC\uC815\uC5D0\uC11C \uC774 \uD1B5\uC77C\uC131\uC740 \uBB3C\uC9C8\uC801/\uC591\uC801 \uCE21\uBA74, \uB610\uB294 \uC815\uC2E0\uC801/\uC9C8\uC801 \uCE21\uBA74 \uB530\uC704\uC758 \uC5EC\uB7EC \uAD00\uC810\uC5D0\uC11C \uACE0\uCC30\uB418\uC5C8\uB2E4.

\uB2F9\uC2E0\uC740 \uC5B4\uB5A4\uAC8C \uB354 \uC640\uB2FF\uB294\uAC00? \uC0AC\uC2E4 \uC6B0\uB9AC\uAC00 \uAC1C\uBC1C\uC744 \uD558\uBA74\uC11C \uC774\uD574\uD558\uACE0 \uC788\uB294 \uAC1D\uCCB4\uC5D0 \uB300\uD55C \uC704\uC758 \uAC1C\uB150\uB4E4\uC740 \uC5B4\uC0C9\uD558\uACE0 \uBD80\uC871\uD558\uB2E4\uACE0 \uB290\uAEF4\uC9C4\uB2E4.

\uADF8\uB798\uC11C \uC800\uC790\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C \uC758\uBBF8\uD558\uB294 \uAC1D\uCCB4\uC758 \uAC1C\uB150\uC744 \uB2E4\uC74C\uACFC \uAC19\uC774 \uD574\uC11D\uD558\uACE0 \uC788\uB2E4

"\uC138\uC0C1\uC5D0 \uC874\uC7AC\uD558\uB294 \uC720\uC77C \uBB34\uC774\uD55C \uC0AC\uBB3C"

\uAC1D\uCCB4\uB294 \uC0C1\uD0DC(state, property)\uC640 \uD589\uC704(behavior, method)\uB97C \uAC00\uC9C0\uACE0 \uC788\uC73C\uBA70, \uC0C1\uD0DC\uC640 \uD589\uC704\uC5D0 \uB530\uB77C \uC5ED\uD560\uACFC \uCC45\uC784\uC774\uB77C\uB294 \uAE30\uC900\uC73C\uB85C \uCF54\uB4DC\uB97C \uAD00\uB9AC\uD560 \uC218 \uC788\uB2E4.

C++\uC740 C\uC5D0 \uC55E\uC11C \uC5B8\uAE09\uD55C \uAC1D\uCCB4 \uB77C\uB294 \uAC1C\uB150\uC774 \uCD94\uAC00\uB418\uC5B4 \uD655\uC7A5(extend) \uB41C \uAC83\uC774\uB2E4.

\uD558\uC9C0\uB9CC C++\uC740 \uAC1D\uCCB4 \uC9C0\uD5A5\uC744 \uC9C0\uC6D0\uD558\uB294 \uAC83\uC774\uC9C0 \uAC1D\uCCB4 \uC9C0\uD5A5\uC774 \uD544\uC218\uAC00 \uC544\uB2C8\uB2E4. C++\uC5D0\uC11C main \uD568\uC218\uB294 \uD074\uB798\uC2A4\uC758 \uBA54\uC18C\uB4DC\uAC00 \uC544\uB2C8\uB2E4. \uD074\uB798\uC2A4\uAC00 \uC788\uC5B4\uB3C4 \uB3FC\uACE0, \uC5C6\uC5B4\uB3C4 \uB41C\uB2E4. printf \uD568\uC218\uB294 \uB610 \uC5B4\uB5A0\uD55C\uAC00? \uB9C8\uCC2C\uAC00\uC9C0\uB85C printf\uB294 \uD568\uC218\uC774\uBA70 \uD074\uB798\uC2A4\uC758 \uBA54\uC18C\uB4DC\uAC00 \uC544\uB2C8\uB2E4. \uB2E4\uB9CC namespace \uB77C\uB294 \uAC1C\uB150\uC740 \uC874\uC7AC\uD55C\uB2E4.

\uADF8\uB798\uC11C C++\uC740 \uC815\uD655\uD788 \uB9D0\uD558\uBA74 \uAC1D\uCCB4 \uC9C0\uD5A5\uC774 \uC544\uB2CC \uAC1D\uCCB4 \uC9C0\uC6D0 \uC5B8\uC5B4\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.

Java. \uC9C4\uC815\uD55C \uAC1D\uCCB4 \uC9C0\uD5A5 \uC5B8\uC5B4

java\uB294 \uC644\uBCBD\uD558\uAC8C \uAC1D\uCCB4 \uC9C0\uD5A5 \uC5B8\uC5B4\uC774\uB2E4. \uC65C\uB0D0\uD558\uBA74 class\uAC00 \uC5C6\uC774\uB294 \uBB34\uC5C7\uB3C4 \uD560 \uC218 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4. \uC790\uBC14\uC5D0\uC11C \uC0AC\uC6A9\uD558\uB294 \uBAA8\uB4E0 \uD568\uC218\uB294 \uC804\uBD80\uB2E4 \uD074\uB798\uC2A4\uC758 \uBA54\uC18C\uB4DC\uB2E4. \uC790\uBC14\uC758 main \uD568\uC218 \uB610\uD55C class\uC5D0 \uC18D\uD574\uC57C \uD55C\uB2E4. \uBCC0\uC218\uB97C \uCD9C\uB825\uD558\uAE30 \uC704\uD574\uC11C\uB294 System.out.println \uC774\uB77C\uB294 method\uB97C \uC0AC\uC6A9\uD574\uC57C \uD55C\uB2E4.

\uC774\uB807\uB4EF Java\uB294 \uC644\uBCBD\uD558\uAC8C \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC9C0\uC6D0\uD558\uACE0 \uC9C0\uD5A5\uD55C\uB2E4.

java\uC5D0\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC774\uB77C\uB294 \uAC1C\uB150 \uB9D0\uACE0\uB3C4 JVM(Java Virtual Machine) \uC774\uB77C\uB294 \uAC1C\uB150(\uD639\uC740 \uD50C\uB7AB\uD3FC) \uB610\uD55C \uB3C4\uC785 \uB418\uC5C8\uB2E4.

uml diagram

java compiler\uB294 java soure file\uC744 \uD558\uB098\uC758 Class File (Byte Code) \uB85C \uB9CC\uB4E4\uACE0, \uADF8\uAC83\uC744 \uAC01\uAC01\uC758 OS\uC5D0 \uB9DE\uAC8C \uB9CC\uB4E4\uC5B4\uC9C4 JRE\uC5D0 \uC804\uB2EC\uB418\uC5B4 JVM\uC5D0\uC11C \uC2E4\uD589\uB41C\uB2E4.

-CJAVA
\uC18C\uC2A4 \uD30C\uC77C11
\uBAA9\uC801 \uD30C\uC77Cn1
\uC2E4\uD589Use AnywhereUse Anywhere
\uBE44\uACE0\uAE30\uC885\uBCC4 \uCEF4\uD30C\uC77C\uB7EC \uD544\uC694\uAE30\uC885\uBCC4 JRE, JVM \uD544\uC694

\uC2A4\uD504\uB9C1 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC774\uD574\uD558\uAE30 \uC804\uC5D0

Spring Framework

  • \uAE30\uC220\uC774 \uC778\uAC04\uC5D0 \uB300\uD55C \uC644\uC804\uBB34\uACB0\uD55C \uC0AC\uB791\uC744 \uAFC8\uAFB8\uB2E4
  • \uAC70\uB300\uD568 \uC18D\uC758 \uB2E8\uC21C\uD568\uACFC \uC644\uBCBD\uD568, \uADF8\uB9AC\uACE0 \uC720\uC5F0\uD568
  • IoC/DI, AOP, PSA \uB77C\uACE0 \uD558\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 Best Practice \uB97C \uD1B5\uD558\uC5EC \uC544\uBB34\uB9AC \uAC70\uB300\uD55C \uD504\uB85C\uADF8\uB7A8\uB3C4 \uC27D\uAC8C \uAD6C\uD604\uD560 \uC218 \uC788\uC74C\uC744 \uBCF4\uC5EC\uC900\uB2E4.
  • \uB2E8, IoC/DI, AOP, PSA \uC548\uC5D0 \uB179\uC544\uB4E0 \uAE30\uC220\uB4E4\uC744 \uC774\uD574\uD560 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.

\uC55E\uC5D0\uC11C \uAE30\uACC4\uC5B4, \uC5B4\uC148\uBE14\uB9AC\uC5B4, C, C++, Java \uB4F1\uC5D0 \uB300\uD574 \uC0B4\uD3B4\uBD24\uB2E4. \uC989, \uAE30\uACC4\uC5D0\uC11C \uC2E4\uD589\uB418\uB294 0\uACFC 1\uC774 \uC778\uAC04 \uC911\uC2EC\uC801\uC73C\uB85C \uBC1C\uC804\uD558\uAE30 \uC704\uD55C \uACFC\uC815\uC744 \uBCF8 \uAC83\uC774\uB2E4.

Spring Framework\uB294 \uADF8 \uC790\uCCB4\uB85C \uC778\uAC04 \uC911\uC2EC \uC774\uB77C\uACE0 \uBD10\uB3C4 \uBB34\uBC29\uD560 \uB9CC\uD07C \uD604\uC2E4 \uC138\uACC4\uB97C \uC815\uD655\uD788 \uBC18\uC601\uD55C\uB2E4. \uC989, \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC815\uD655\uD558\uACE0 \uC815\uAD50\uD558\uAC8C \uC27D\uAC8C, \uADF8\uB9AC\uACE0 \uC798 \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774 \uBAA9\uC801\uC774\uB2E4.
\uADF8\uB798\uC11C Spring Framework \uC774\uD574\uD558\uAE30 \uC804\uC5D0 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uCE59, \uC6D0\uB9AC, \uAC1C\uB150, \uB514\uC790\uC778 \uD328\uD134 \uB4F1\uC744 \uC54C\uC544\uC57C \uD55C\uB2E4.

  • \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 4\uB300 \uD2B9\uC131(\uD639\uC740 \uC6D0\uC18C)

    • \uCEA1\uC290\uD654(\uB370\uC774\uD130 \uC740\uB2C9)
    • \uC0C1\uC18D(\uC815\uD655\uD788\uB294 \uD655\uC7A5)
    • \uCD94\uC0C1\uD654
    • \uB2E4\uD615\uC131(\uB0B4\uC801 \uC77C\uAD00\uC131, \uB300\uCCB4 \uAC00\uB2A5\uC131)
  • \uAC1D\uCCB4\uC9C0\uD5A5\uC758 5\uB300 \uC6D0\uCE59(SOLID \uC6D0\uCE59)

    • SRP(\uB2E8\uC77C \uCC45\uC784 \uC6D0\uCE59)
    • OCP(\uAC1C\uBC29 \uD3D0\uC1C4 \uC6D0\uCE59)
    • LSP(\uB9AC\uC2A4\uCF54\uD504 \uCE58\uD658 \uC6D0\uCE59)
    • ISP(\uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC \uC6D0\uCE59)
    • DIP(\uC758\uC874 \uC5ED\uC804 \uC6D0\uCE59)
  • \uB514\uC790\uC778 \uD328\uD134

  • IoC/DI, AOP, PSA

\uC774\uB7EC\uD55C \uAC83\uB4E4\uC740 Spring Framework \uBFD0\uB9CC \uC544\uB2C8\uB77C \uB300\uBD80\uBD84\uC758 Framework\uAC00 \uC9C0\uD5A5\uD558\uACE0 \uC9C0\uC6D0\uD558\uB294 \uAC1C\uB150\uB4E4\uC774\uB2E4. \uB354 \uC815\uD655\uD788\uB294 \uC774\uB7F0 \uAC83\uC774 \uC9C0\uCF1C\uC9C0\uB3C4\uB85D \uAC15\uC81C\uD558\uC5EC \uB9CC\uB4E0 \uAC83\uC774 Framework \uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.

\uADF8\uB9AC\uACE0 \uC5EC\uAE30\uC5D0 \uB354\uD558\uC5EC \uC628\uC804\uD788 Spring Framework\uB97C \uC0AC\uC6A9\uD558\uAE30 \uC704\uD574 \uB2E4\uC74C\uACFC \uAC19\uC740 \uAC83\uB4E4\uC744 \uC54C\uBA74 \uB354 \uC88B\uB2E4.

  • JVM\uC5D0\uC11C \uC2E4\uD589\uB418\uB294 \uD504\uB85C\uADF8\uB7A8\uC758 \uBA54\uBAA8\uB9AC \uAD6C\uC870

    • Stack Frame
    • Heap Frame
    • Static Frame
    • Method Call
  • \uC790\uBC14\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5

    • abstract
    • final
    • package
    • interface\uC640 implements

JVM(\uC790\uBC14 \uAC00\uC0C1 \uBA38\uC2E0)

\uC0AC\uC2E4 JVM\uC740 Java \uBFD0\uB9CC \uC544\uB2C8\uB77C \uAD49\uC7A5\uD788 \uB2E4\uC591\uD55C \uC5B8\uC5B4\uC5D0\uC11C \uC0AC\uC6A9\uB418\uACE0 \uC788\uB2E4. \uC55E\uC11C \uC5B8\uAE09 \uD588\uB4EF\uC774, JVM\uB9CC \uC788\uB2E4\uBA74 \uB2E8 \uD558\uB098\uC758 \uBAA9\uC801\uD30C\uC77C \uB9CC \uC788\uC73C\uBA74 \uB418\uAE30 \uB54C\uBB38\uC774\uB2E4. \uB354\uBD88\uC5B4 \uC774\uBBF8 \uB9CC\uB4E4\uC5B4\uC9C4 JVM\uC744 \uC0AC\uC6A9\uD558\uBA74 \uB418\uAE30 \uB54C\uBB38\uC5D0 \uB354\uB354\uC6B1 JVM\uC744 \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774 \uD6A8\uC728\uC801\uC774\uB2E4.

Spring Framework\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC774\uB77C\uB294 \uCCA0\uD559 \uC704\uC5D0 \uC313\uC544 \uC62C\uB9B0 \uC81C\uD488\uC774\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 Spring Framework\uB97C \uC798 \uC0AC\uC6A9\uD558\uAE30 \uC704\uD574\uC120 \uAC1D\uCCB4\uC9C0\uD5A5\uC774\uB77C\uB294 \uAC83\uC744 \uB354\uC6B1 \uB354 \uC815\uD655\uD558\uAC8C \uC774\uD574\uD558\uACE0 \uC54C\uC544\uC57C\uD560 \uD544\uC694\uAC00 \uC788\uB2E4.

',57),d=[r];function n(c,p){return e(),a("div",null,d)}var o=t(i,[["render",n],["__file","index.html.vue"]]);export{o as default}; +import{_ as t,o as e,c as a,d as l}from"./app.d20f8571.js";const i={},r=l('

\uC0AC\uB78C\uC744 \uC0AC\uB791\uD55C \uAE30\uC220

\uC2E0 \uAE30\uC220\uC740 \uC774\uC804 \uAE30\uC220\uC758 \uC5B4\uAE68\uB97C \uB51B\uACE0

\uC774\uBBF8 \uC788\uB358 \uAC83\uC774 \uD6C4\uC5D0 \uB2E4\uC2DC \uC788\uACA0\uACE0, \uC774\uBBF8 \uD55C \uC77C\uC744 \uD6C4\uC5D0 \uB2E4\uC2DC \uD560\uC9C0\uB77C.
\uD574 \uC544\uB798\uB294 \uC0C8 \uAC83\uC774 \uC5C6\uB098\uB2C8, \uBB34\uC5C7\uC744 \uAC00\uB9AC\uCF1C \uC774\uB974\uAE30\uB97C \uBCF4\uB77C.

\uC774\uAC83\uC774 \uC0C8 \uAC83\uC774\uB77C \uD560 \uAC83\uC774 \uC788\uC73C\uB7B4, \uC6B0\uB9AC \uC624\uB798 \uC804 \uC138\uB300\uC5D0\uB3C4 \uC774\uBBF8 \uC788\uC5C8\uB290\uB2C8\uB77C.

\uCEF4\uD4E8\uD130\uB294 \uBA4D\uCCAD\uD558\uAC8C\uB3C4(?) 0\uACFC 1\uB9CC \uC774\uD574\uD560 \uC218 \uC788\uB2E4. \uADF8\uB7F0 \uCEF4\uD4E8\uD130\uB97C \uC774\uC6A9\uD558\uC5EC \uC6B0\uB9AC\uB294 \uC5B4\uB5BB\uAC8C \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uD560 \uC218 \uC788\uC5C8\uC744\uAE4C? \uADF8\uB9AC\uACE0 \uC65C \uADF8\uD1A0\uB85D \uB9CE\uC740 \uC5B8\uC5B4\uAC00 \uC0DD\uACBC\uC73C\uBA70 \uAC1D\uCCB4\uC9C0\uD5A5, \uD568\uC218\uC9C0\uD5A5 \uAC19\uC740 \uAC1C\uB150\uB4E4\uC774 \uC0DD\uAE34\uAC78\uAE4C?

\uC774\uB7EC\uD55C \uC758\uBB38\uB4E4\uC744 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uAC00 \uBC1C\uC804\uD574\uC628 \uACFC\uC815\uC744 \uD1B5\uD558\uC5EC \uC774\uD574\uD558\uC5EC \uBCF4\uC790.

\uAE30\uACC4\uC5B4\uC5D0\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uAE4C\uC9C0

\uC77C\uB2E8 0\uACFC 1\uC774 \uC5B4\uB5BB\uAC8C \uAC1D\uCCB4\uC9C0\uD5A5\uAE4C\uC9C0 \uB3C4\uB2EC\uD558\uC600\uB294\uC9C0 \uC54C\uC544\uBCF4\uC790.

\uAE30\uACC4\uC5B4

\uAE30\uACC4\uC5B4\uB294 0\uACFC 1\uB85C \uC774\uB8E8\uC5B4\uC9C4 \uAD49\uC7A5\uD788 \uBE44 \uC778\uAC04\uC801\uC778 \uC5B8\uC5B4\uB2E4. \uC0AC\uC2E4 \uCEF4\uD4E8\uD130\uB294 \uC6B0\uB9AC\uAC00 \uC0DD\uAC01\uD558\uB294 \uAC83 \uB9CC\uD07C \uB611\uB611\uD558\uC9C0 \uC54A\uB2E4. \uB2E4\uB9CC \uC0AC\uB78C\uBCF4\uB2E4 \uB300\uB2E8\uD788 \uC131\uC2E4\uD558\uBA70 \uB300\uB2E8\uD788 \uC815\uD655\uD558\uB2E4.

\uC0AC\uB78C\uC740 \uC22B\uC790\uB77C\uB294 \uAC1C\uB150\uB3C4 \uC54C\uACE0, \uBB38\uC790\uB77C\uB294 \uAC1C\uB150\uB3C4 \uC54C\uACE0 \uC788\uB2E4. \uC815\uC218\uC640 \uC18C\uC218\uB97C \uAD6C\uBD84\uD560 \uC218 \uC788\uC73C\uBA70 \uBA38\uB9BF\uC18D\uC744 \uCB49 \uC2A4\uCE94\uD558\uC9C0 \uC54A\uC544\uB3C4 \uC790\uC2E0\uC774 \uBAA8\uB974\uB294 \uAC83\uC5D0 \uB300\uD574\uC11C\uB294 \uBAA8\uB978\uB2E4\uACE0 \uB9D0\uD560 \uC218 \uC788\uB294 \uC9C1\uAD00\uC774 \uC788\uB2E4.

\uB354\uD558\uAE30 \uBE7C\uAE30\uB294 \uBB3C\uB860 \uACF1\uD558\uAE30 \uB098\uB204\uAE30\uB294 \uB300\uBD80\uBD84\uC758 \uC0AC\uB78C\uC774 \uAE30\uBCF8\uC801\uC73C\uB85C \uD560 \uC218 \uC788\uB2E4. \uC870\uAE08 \uB354 \uBC30\uC6B4 \uC0AC\uB78C\uB4E4\uC740 \uD568\uC218\uB098 \uBC29\uC815\uC2DD, \uBBF8\uBD84, \uC801\uBD84, \uAE30\uD558\uC640 \uBCA1\uD130 \uAC19\uC740 \uC5B4\uB824\uC6B4 \uAC1C\uB150\uB3C4 \uC548\uB2E4.

\uADF8\uB7EC\uB098 \uCEF4\uD4E8\uD130\uB294 \uC624\uC9C1 0\uACFC 1 \uB450 \uAC00\uC9C0\uC758 \uC22B\uC790\uB9CC \uC774\uD574\uD560 \uC218 \uC788\uC73C\uBA70 \uD560 \uC218 \uC788\uB294 \uC5F0\uC0B0 \uB610\uD55C \uB9CE\uC9C0 \uC54A\uB2E4. \uB2E4\uB9CC \uCEF4\uD4E8\uD130\uB294 \uC55E\uC11C \uB9D0\uD588\uC9C0\uB9CC, \uB300\uB2E8\uD788 \uC131\uC2E4\uD558\uBA70 \uB300\uB2E8\uD788 \uC815\uD655\uD558\uB2E4.

\uC9C0\uAE08 \uD544\uC790\uC758 \uCEF4\uD4E8\uD130\uC758 CPU\uB294 3.4 GHz \uB77C\uB294 \uC5F0\uC0B0\uC744 \uD560 \uC218 \uC788\uB2E4. \uC27D\uAC8C \uB9D0\uD574\uC11C 1\uCD08 \uB3D9\uC548 3,400,000,000(3.4 * 10^9) \uBC88\uC758 \uC5F0\uC0B0\uC744 \uD560 \uC218 \uC788\uB2E4 \uB294 \uC774\uC57C\uAE30\uB2E4. \uBFD0\uB9CC \uC544\uB2C8\uB77C \uADF8\uB807\uAC8C \uB9CE\uC740 \uC5F0\uC0B0\uC744 \uD2C0\uB9AC\uC9C0 \uC54A\uACE0 \uC815\uD655\uD558\uAC8C \uD560 \uC218 \uC788\uB2E4. \uC778\uAC04\uC740 \uC774\uB7F0 \uC77C\uC774 \uBD88\uAC00\uB2A5\uD558\uB2E4.

\uC131\uC2E4\uD558\uACE0 \uC815\uD655\uD558\uC9C0 \uBABB\uD588\uB358 \uC778\uAC04\uC740, \uB300\uB2E8\uD788 \uC131\uC2E4\uD558\uACE0 \uC815\uD655\uD55C \uCEF4\uD4E8\uD130\uC5D0\uAC8C 0\uACFC 1\uB85C \uB9CC\uB4E4\uC5B4\uC9C4 \uBA85\uB839\uC5B4\uB97C \uC804\uB2EC\uD558\uC5EC \uC774\uB97C \uC218\uD589\uD558\uB3C4\uB85D \uD558\uC600\uB2E4. \uD558\uC9C0\uB9CC 0\uACFC 1\uB85C\uB9CC \uC774\uB8E8\uC5B4\uC9C4 \uC5F0\uC0B0\uC740 \uC778\uAC04\uC774 \uC774\uD574\uD558\uAE30 \uC5B4\uB824\uC6E0\uACE0 \uC815\uB9D0 \uBA38\uB9AC \uC88B\uC740 \uC0AC\uB78C\uC774 \uC544\uB2CC \uC774\uC0C1 \uCEF4\uD4E8\uD130\uB97C \uB2E4\uB8E8\uAE34 \uC5B4\uB824\uC6E0\uB2E4.

\uD558\uC9C0\uB9CC \uC0AC\uB78C\uB4E4\uC740 \uCEF4\uD4E8\uD130\uB97C \uB354\uC6B1 \uC798 \uB2E4\uB8E8\uACE0 \uC2F6\uC5B4\uD588\uACE0, \uC11C\uB85C \uBA38\uB9AC\uB97C \uB9DE\uB300\uACE0 \uC0DD\uAC01\uD558\uB2E4\uAC00 \uC5B4\uC148\uBE14\uB9AC\uC5B4\uAC00 \uD0C4\uC0DD\uD588\uB2E4.

\uC5B4\uC148\uBE14\uB9AC\uC5B4

\uC5B4\uC148\uBE14\uB9AC\uC5B4\uC758 \uD0C4\uC0DD

\uAE30\uACC4\uC5B4\uC758 \uBA85\uB839\uB4E4\uC744 \uC77C\uC0C1 \uC6A9\uC5B4\uB85C \uD45C\uD604\uD558\uACE0 \uAE30\uACC4\uC5B4\uAC00 \uC54C \uC218 \uC788\uB294 \uAE30\uACC4\uC5B4\uB85C \uBC88\uC5ED\uD558\uAC8C \uD558\uBA74 \uC5B4\uB5A8\uAE4C?

\uC704\uC640 \uAC19\uC740 \uC0DD\uAC01\uC5D0\uC11C \uCD9C\uBC1C\uD55C \uAC83\uC774 \uBC14\uB85C \uC5B4\uC148\uBE14\uB9AC\uC5B4\uC774\uBA70, \uAE30\uACC4\uC5B4 \uBA85\uB839\uACFC \uC77C\uC0C1 \uC6A9\uC5B4\uB97C 1:1\uB85C \uB9E4\uCE6D\uD558\uB294 \uCF54\uB4DC\uD45C\uAC00 \uB9CC\uB4E4\uC5B4\uC84C\uB2E4.

\uADF8\uB9AC\uACE0 \uADF8 \uCF54\uB4DC\uD45C\uB97C \uC5B4\uC148\uBE14\uB9AC\uC5B4\uB77C\uACE0 \uBD88\uB800\uC73C\uBA70, \uC5B4\uC148\uBE14\uB9AC\uC5B4\uB97C \uAE30\uACC4\uC5B4\uB85C \uBC88\uC5ED\uD574\uC8FC\uB294 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uB97C \uC5B4\uC148\uBE14\uB7EC\uB77C\uACE0 \uD588\uB2E4.

\uD558\uC9C0\uB9CC \uADF8 \uB2F9\uC2DC\uC5D0 \uC560\uB4DC\uC0AD \uC720\uB2C8\uBC15 \uAC19\uC740 \uC5EC\uB7EC \uC885\uB958\uC758 \uCEF4\uD4E8\uD130\uAC00 \uC788\uC5C8\uACE0 (\uC9C0\uAE08\uC73C\uB85C \uB530\uC9C0\uBA74 Mac\uACFC Window \uAC19\uC740), \uC5B4\uC148\uBE14\uB7EC\uC640 \uAE30\uACC4\uC5B4 \uB610\uD55C \uCEF4\uD4E8\uD130\uC758 \uC885\uB958 \uB9C8\uB2E4 \uC874\uC7AC\uD588\uC5B4\uC57C \uD588\uB2E4.

uml diagram

C \uC5B8\uC5B4

C \uC5B8\uC5B4\uC5D0\uB294 \uCEF4\uD30C\uC77C\uB7EC\uAC00 \uC874\uC7AC\uD588\uC73C\uBA70, C \uC5B8\uC5B4\uB85C \uC791\uC131\uB41C \uC18C\uC2A4\uCF54\uB4DC\uB97C \uCEF4\uD30C\uC77C\uB7EC\uAC00 \uC54C\uC544\uC11C \uAC01\uAC01\uC758 \uCEF4\uD4E8\uD130 \uD658\uACBD\uC5D0 \uB9DE\uB294 \uBAA9\uC801 \uD30C\uC77C\uC744 \uB9CC\uB4E4\uC5B4\uC92C\uB2E4.

\uC989, \uC5B4\uC148\uBE14\uB9AC\uC5B4\uCC98\uB7FC \uAC01\uAC01\uC758 \uCEF4\uD4E8\uD130 \uD658\uACBD\uC5D0 \uB9DE\uB294 \uC18C\uC2A4\uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uD544\uC694\uAC00 \uC5C6\uC5B4\uC9C4 \uAC83\uC774\uB2E4.

uml diagram
-\uAE30\uACC4\uC5B4\uC5B4\uC148\uBE14\uB9AC\uC5B4C\uC5B8\uC5B4
\uAC1C\uBC1C\uC790\uC758 \uCF54\uB5290\uACFC 1\uC758 \uB098\uC5F4\uC77C\uC0C1 \uB2E8\uC5B4 \uC0AC\uC6A9\uC218\uD559\uC801 \uAE30\uD638 \uC0AC\uC6A9
\uC18C\uC2A4 \uD30C\uC77C\uAE30\uC885\uB9C8\uB2E4 \uD558\uB098\uC529\uAE30\uC885\uB9C8\uB2E4 \uD558\uB098\uC529\uAE30\uC885\uC774 \uBA87\uAC1C\uB4E0 \uB2E8 \uD558\uB098
\uBAA9\uC801 \uD30C\uC77C(\uAE30\uACC4\uC5B4)\uC18C\uC2A4 \uADF8 \uC790\uCCB4\uC5B4\uC148\uBE14\uB7EC\uB85C \uC18C\uC2A4\uB97C \uBC88\uC5ED\uD574 \uC0DD\uC131\uCEF4\uD30C\uC77C\uB7EC\uB85C \uC18C\uC2A4\uB97C \uBC88\uC5ED\uD574 \uC0DD\uC131
\uAE30\uACC4\uC5B4 \uBE44\uAD50-\uAE30\uACC4\uC5B4\uC640 1:1 \uB300\uC751\uAE30\uACC4\uC5B4\uC640 m:n \uB300\uC751

C++. \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 \uD0C4\uC0DD

C\uC5B8\uC5B4\uB294 \uAE30\uBCF8\uC801\uC73C\uB85C \uC808\uCC28\uC801\uC778 \uD615\uC2DD\uC73C\uB85C \uCF54\uB4DC\uB97C \uC791\uC131\uD558\uAC8C \uB41C\uB2E4. \uC808\uCC28\uC801\uC778 \uD615\uC2DD\uC758 \uBB38\uC81C\uC810\uC740, \uC778\uAC04\uC774 \uC774\uD574\uD560 \uC218 \uC788\uB294 \uBC94\uC8FC\uC758 \uD55C\uACC4\uAC00 \uC788\uB2E4\uB294 \uAC83\uC774\uB2E4. \uC65C\uB0D0\uD558\uBA74 \uC808\uCC28\uC801 \uD504\uB85C\uADF8\uB798\uBC0D\uC740 \uC778\uAC04\uC774 \uAE30\uACC4\uB97C \uC870\uAE08\uC774\uB77C\uB3C4 \uB354 \uC27D\uAC8C \uC774\uD574\uD560 \uC218 \uC788\uB3C4\uB85D \uD558\uB294 \uAC83\uC5D0 \uBAA9\uC801\uC774 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4. \uCC9C\uC7AC\uAC00 \uC544\uB2CC \uC774\uC0C1, \uC808\uCC28\uD615\uC73C\uB85C \uC5D4\uD130\uD504\uB77C\uC774\uC988\uAE09\uC758 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uB97C \uB9CC\uB4E4\uACE0 \uC774\uB97C \uC720\uC9C0\uD558\uB294 \uAC83\uC740 \uAD49\uC7A5\uD788 \uC5B4\uB824\uC6B4 \uC77C\uC774\uB2E4.

\uADF8\uB7EC\uB2E4\uAC00 \uC0AC\uB78C\uB4E4\uC740 "\uC778\uAC04\uC774 \uC65C \uAE30\uACC4 \uC885\uC18D\uC801\uC778 \uAC1C\uBC1C\uC744 \uD574\uC57C \uD558\uB294\uAC00?" \uB77C\uB294 \uC758\uBB38\uC744 \uD488\uC5C8\uACE0, "\uC6B0\uB9AC\uAC00 \uB208\uC73C\uB85C \uBCF4\uACE0, \uB290\uB07C\uACE0, \uC0DD\uD65C\uD558\uB294 \uD604\uC2E4 \uC138\uACC4\uCC98\uB7FC \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uD560 \uC218 \uC5C6\uC744\uAE4C?" \uB77C\uB294 \uACE0\uBBFC\uC18D\uC5D0\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAC1C\uB150\uC774 \uB9CC\uB4E4\uC5B4\uC9C0\uAE30 \uC2DC\uC791\uD588\uB2E4.

\uADF8\uB798\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uC740 \uD604\uC2E4 \uC138\uACC4\uB97C \uD504\uB85C\uADF8\uB798\uBC0D\uC5D0 \uBC18\uC601\uD560 \uC218 \uC788\uAC8C \uB9CC\uB4E4\uC5B4\uC9C4 \uAC83\uC774\uB2E4. \uADF8\uB7FC \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C \uC758\uBBF8\uD558\uB294 \uAC1D\uCCB4, \uADF8\uB9AC\uACE0 \uD074\uB798\uC2A4\uB294 \uC5B4\uB5A4 \uC758\uBBF8\uC77C\uAE4C?

Class(\uD074\uB798\uC2A4)\uC640 Object(\uAC1D\uCCB4)

  • Class\uB294 \uC0AC\uC804\uC801\uC778 \uC758\uBBF8\uB85C \uB4F1\uAE09, \uC218\uC5C5, \uC885\uB958, \uACC4\uAE09, \uACC4\uCE35, \uBD84\uB958, \uBD84\uB958\uD558\uB2E4, \uBD84\uB958\uB418\uB2E4, \uC18D\uD558\uB2E4 \uB4F1\uC758 \uC758\uBBF8\uB97C \uAC00\uC9C0\uACE0 \uC788\uB2E4.
  • Object\uB294 \uC0AC\uC804\uC801\uC778 \uC758\uBBF8\uB85C \uBAA9\uC801, \uB300\uC0C1, \uBB3C\uAC74 \uB4F1\uC758 \uC758\uBBF8\uB97C \uAC00\uC9C0\uACE0 \uC788\uB2E4.

\uC778\uAC04\uC740 \uD074\uB798\uC2A4(Class)\uACE0 \uD544\uC790(\uD669\uC900\uC77C)\uB294 \uAC1D\uCCB4(Object)\uC774\uB2E4.
\uC774 \uAE00\uC744 \uC77D\uACE0 \uC788\uB294 \uB2F9\uC2E0 \uB610\uD55C \uC778\uAC04(Class)\uC758 \uAC1D\uCCB4(Object)\uC774\uB2E4.

\uADF8\uB7F0\uB370 \uC774 \uCC45\uC758 \uC800\uC790\uB294 Object(\uAC1D\uCCB4)\uBCF4\uB2E8 Entity(\uAC1C\uCCB4)\uAC00 \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C \uC758\uBBF8\uD558\uB294 \uAC1D\uCCB4\uC758 \uAC1C\uB150\uC5D0 \uB354 \uC5B4\uC6B8\uB9B0\uB2E4\uACE0 \uB9D0\uD558\uACE0 \uC788\uB2E4.

Entity(\uAC1C\uCCB4)

\uAC1C\uCCB4\uC758 \uC0AC\uC804\uC801 \uC758\uBBF8\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

  • \uC804\uCCB4\uB098 \uC9D1\uB2E8\uC5D0 \uC0C1\uB300\uD558\uC5EC \uD558\uB098\uD558\uB098\uC758 \uB0B1\uAC1C\uB97C \uC758\uBBF8\uD558\uB294 \uB9D0
  • (\uC0DD\uBB3C) \uC0DD\uBB3C \uD558\uB098\uC758 \uB3C5\uB9BD\uB41C \uC0DD\uBB3C\uCCB4. \uC0B4\uC544\uAC00\uB294 \uB370\uC5D0 \uD544\uC694\uD55C \uB3C5\uB9BD\uC801\uC778 \uAE30\uB2A5\uC744 \uAC16\uACE0 \uC788\uB2E4
  • (\uCCA0\uD559) \uB2E8\uC77C\uD558\uACE0 \uB3C5\uB9BD\uC801\uC778 \uD1B5\uC77C\uC801 \uC874\uC7AC. \uCCA0\uD559 \uC0AC\uC0AC\uC73C\uC774 \uBC1C\uC804 \uACFC\uC815\uC5D0\uC11C \uC774 \uD1B5\uC77C\uC131\uC740 \uBB3C\uC9C8\uC801/\uC591\uC801 \uCE21\uBA74, \uB610\uB294 \uC815\uC2E0\uC801/\uC9C8\uC801 \uCE21\uBA74 \uB530\uC704\uC758 \uC5EC\uB7EC \uAD00\uC810\uC5D0\uC11C \uACE0\uCC30\uB418\uC5C8\uB2E4.

\uB2F9\uC2E0\uC740 \uC5B4\uB5A4\uAC8C \uB354 \uC640\uB2FF\uB294\uAC00? \uC0AC\uC2E4 \uC6B0\uB9AC\uAC00 \uAC1C\uBC1C\uC744 \uD558\uBA74\uC11C \uC774\uD574\uD558\uACE0 \uC788\uB294 \uAC1D\uCCB4\uC5D0 \uB300\uD55C \uC704\uC758 \uAC1C\uB150\uB4E4\uC740 \uC5B4\uC0C9\uD558\uACE0 \uBD80\uC871\uD558\uB2E4\uACE0 \uB290\uAEF4\uC9C4\uB2E4.

\uADF8\uB798\uC11C \uC800\uC790\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C \uC758\uBBF8\uD558\uB294 \uAC1D\uCCB4\uC758 \uAC1C\uB150\uC744 \uB2E4\uC74C\uACFC \uAC19\uC774 \uD574\uC11D\uD558\uACE0 \uC788\uB2E4

"\uC138\uC0C1\uC5D0 \uC874\uC7AC\uD558\uB294 \uC720\uC77C \uBB34\uC774\uD55C \uC0AC\uBB3C"

\uAC1D\uCCB4\uB294 \uC0C1\uD0DC(state, property)\uC640 \uD589\uC704(behavior, method)\uB97C \uAC00\uC9C0\uACE0 \uC788\uC73C\uBA70, \uC0C1\uD0DC\uC640 \uD589\uC704\uC5D0 \uB530\uB77C \uC5ED\uD560\uACFC \uCC45\uC784\uC774\uB77C\uB294 \uAE30\uC900\uC73C\uB85C \uCF54\uB4DC\uB97C \uAD00\uB9AC\uD560 \uC218 \uC788\uB2E4.

C++\uC740 C\uC5D0 \uC55E\uC11C \uC5B8\uAE09\uD55C \uAC1D\uCCB4 \uB77C\uB294 \uAC1C\uB150\uC774 \uCD94\uAC00\uB418\uC5B4 \uD655\uC7A5(extend) \uB41C \uAC83\uC774\uB2E4.

\uD558\uC9C0\uB9CC C++\uC740 \uAC1D\uCCB4 \uC9C0\uD5A5\uC744 \uC9C0\uC6D0\uD558\uB294 \uAC83\uC774\uC9C0 \uAC1D\uCCB4 \uC9C0\uD5A5\uC774 \uD544\uC218\uAC00 \uC544\uB2C8\uB2E4. C++\uC5D0\uC11C main \uD568\uC218\uB294 \uD074\uB798\uC2A4\uC758 \uBA54\uC18C\uB4DC\uAC00 \uC544\uB2C8\uB2E4. \uD074\uB798\uC2A4\uAC00 \uC788\uC5B4\uB3C4 \uB3FC\uACE0, \uC5C6\uC5B4\uB3C4 \uB41C\uB2E4. printf \uD568\uC218\uB294 \uB610 \uC5B4\uB5A0\uD55C\uAC00? \uB9C8\uCC2C\uAC00\uC9C0\uB85C printf\uB294 \uD568\uC218\uC774\uBA70 \uD074\uB798\uC2A4\uC758 \uBA54\uC18C\uB4DC\uAC00 \uC544\uB2C8\uB2E4. \uB2E4\uB9CC namespace \uB77C\uB294 \uAC1C\uB150\uC740 \uC874\uC7AC\uD55C\uB2E4.

\uADF8\uB798\uC11C C++\uC740 \uC815\uD655\uD788 \uB9D0\uD558\uBA74 \uAC1D\uCCB4 \uC9C0\uD5A5\uC774 \uC544\uB2CC \uAC1D\uCCB4 \uC9C0\uC6D0 \uC5B8\uC5B4\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.

Java. \uC9C4\uC815\uD55C \uAC1D\uCCB4 \uC9C0\uD5A5 \uC5B8\uC5B4

java\uB294 \uC644\uBCBD\uD558\uAC8C \uAC1D\uCCB4 \uC9C0\uD5A5 \uC5B8\uC5B4\uC774\uB2E4. \uC65C\uB0D0\uD558\uBA74 class\uAC00 \uC5C6\uC774\uB294 \uBB34\uC5C7\uB3C4 \uD560 \uC218 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4. \uC790\uBC14\uC5D0\uC11C \uC0AC\uC6A9\uD558\uB294 \uBAA8\uB4E0 \uD568\uC218\uB294 \uC804\uBD80\uB2E4 \uD074\uB798\uC2A4\uC758 \uBA54\uC18C\uB4DC\uB2E4. \uC790\uBC14\uC758 main \uD568\uC218 \uB610\uD55C class\uC5D0 \uC18D\uD574\uC57C \uD55C\uB2E4. \uBCC0\uC218\uB97C \uCD9C\uB825\uD558\uAE30 \uC704\uD574\uC11C\uB294 System.out.println \uC774\uB77C\uB294 method\uB97C \uC0AC\uC6A9\uD574\uC57C \uD55C\uB2E4.

\uC774\uB807\uB4EF Java\uB294 \uC644\uBCBD\uD558\uAC8C \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC9C0\uC6D0\uD558\uACE0 \uC9C0\uD5A5\uD55C\uB2E4.

java\uC5D0\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC774\uB77C\uB294 \uAC1C\uB150 \uB9D0\uACE0\uB3C4 JVM(Java Virtual Machine) \uC774\uB77C\uB294 \uAC1C\uB150(\uD639\uC740 \uD50C\uB7AB\uD3FC) \uB610\uD55C \uB3C4\uC785 \uB418\uC5C8\uB2E4.

uml diagram

java compiler\uB294 java soure file\uC744 \uD558\uB098\uC758 Class File (Byte Code) \uB85C \uB9CC\uB4E4\uACE0, \uADF8\uAC83\uC744 \uAC01\uAC01\uC758 OS\uC5D0 \uB9DE\uAC8C \uB9CC\uB4E4\uC5B4\uC9C4 JRE\uC5D0 \uC804\uB2EC\uB418\uC5B4 JVM\uC5D0\uC11C \uC2E4\uD589\uB41C\uB2E4.

-CJAVA
\uC18C\uC2A4 \uD30C\uC77C11
\uBAA9\uC801 \uD30C\uC77Cn1
\uC2E4\uD589Use AnywhereUse Anywhere
\uBE44\uACE0\uAE30\uC885\uBCC4 \uCEF4\uD30C\uC77C\uB7EC \uD544\uC694\uAE30\uC885\uBCC4 JRE, JVM \uD544\uC694

\uC2A4\uD504\uB9C1 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC774\uD574\uD558\uAE30 \uC804\uC5D0

Spring Framework

  • \uAE30\uC220\uC774 \uC778\uAC04\uC5D0 \uB300\uD55C \uC644\uC804\uBB34\uACB0\uD55C \uC0AC\uB791\uC744 \uAFC8\uAFB8\uB2E4
  • \uAC70\uB300\uD568 \uC18D\uC758 \uB2E8\uC21C\uD568\uACFC \uC644\uBCBD\uD568, \uADF8\uB9AC\uACE0 \uC720\uC5F0\uD568
  • IoC/DI, AOP, PSA \uB77C\uACE0 \uD558\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 Best Practice \uB97C \uD1B5\uD558\uC5EC \uC544\uBB34\uB9AC \uAC70\uB300\uD55C \uD504\uB85C\uADF8\uB7A8\uB3C4 \uC27D\uAC8C \uAD6C\uD604\uD560 \uC218 \uC788\uC74C\uC744 \uBCF4\uC5EC\uC900\uB2E4.
  • \uB2E8, IoC/DI, AOP, PSA \uC548\uC5D0 \uB179\uC544\uB4E0 \uAE30\uC220\uB4E4\uC744 \uC774\uD574\uD560 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.

\uC55E\uC5D0\uC11C \uAE30\uACC4\uC5B4, \uC5B4\uC148\uBE14\uB9AC\uC5B4, C, C++, Java \uB4F1\uC5D0 \uB300\uD574 \uC0B4\uD3B4\uBD24\uB2E4. \uC989, \uAE30\uACC4\uC5D0\uC11C \uC2E4\uD589\uB418\uB294 0\uACFC 1\uC774 \uC778\uAC04 \uC911\uC2EC\uC801\uC73C\uB85C \uBC1C\uC804\uD558\uAE30 \uC704\uD55C \uACFC\uC815\uC744 \uBCF8 \uAC83\uC774\uB2E4.

Spring Framework\uB294 \uADF8 \uC790\uCCB4\uB85C \uC778\uAC04 \uC911\uC2EC \uC774\uB77C\uACE0 \uBD10\uB3C4 \uBB34\uBC29\uD560 \uB9CC\uD07C \uD604\uC2E4 \uC138\uACC4\uB97C \uC815\uD655\uD788 \uBC18\uC601\uD55C\uB2E4. \uC989, \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC815\uD655\uD558\uACE0 \uC815\uAD50\uD558\uAC8C \uC27D\uAC8C, \uADF8\uB9AC\uACE0 \uC798 \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774 \uBAA9\uC801\uC774\uB2E4.
\uADF8\uB798\uC11C Spring Framework \uC774\uD574\uD558\uAE30 \uC804\uC5D0 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uCE59, \uC6D0\uB9AC, \uAC1C\uB150, \uB514\uC790\uC778 \uD328\uD134 \uB4F1\uC744 \uC54C\uC544\uC57C \uD55C\uB2E4.

  • \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 4\uB300 \uD2B9\uC131(\uD639\uC740 \uC6D0\uC18C)

    • \uCEA1\uC290\uD654(\uB370\uC774\uD130 \uC740\uB2C9)
    • \uC0C1\uC18D(\uC815\uD655\uD788\uB294 \uD655\uC7A5)
    • \uCD94\uC0C1\uD654
    • \uB2E4\uD615\uC131(\uB0B4\uC801 \uC77C\uAD00\uC131, \uB300\uCCB4 \uAC00\uB2A5\uC131)
  • \uAC1D\uCCB4\uC9C0\uD5A5\uC758 5\uB300 \uC6D0\uCE59(SOLID \uC6D0\uCE59)

    • SRP(\uB2E8\uC77C \uCC45\uC784 \uC6D0\uCE59)
    • OCP(\uAC1C\uBC29 \uD3D0\uC1C4 \uC6D0\uCE59)
    • LSP(\uB9AC\uC2A4\uCF54\uD504 \uCE58\uD658 \uC6D0\uCE59)
    • ISP(\uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC \uC6D0\uCE59)
    • DIP(\uC758\uC874 \uC5ED\uC804 \uC6D0\uCE59)
  • \uB514\uC790\uC778 \uD328\uD134

  • IoC/DI, AOP, PSA

\uC774\uB7EC\uD55C \uAC83\uB4E4\uC740 Spring Framework \uBFD0\uB9CC \uC544\uB2C8\uB77C \uB300\uBD80\uBD84\uC758 Framework\uAC00 \uC9C0\uD5A5\uD558\uACE0 \uC9C0\uC6D0\uD558\uB294 \uAC1C\uB150\uB4E4\uC774\uB2E4. \uB354 \uC815\uD655\uD788\uB294 \uC774\uB7F0 \uAC83\uC774 \uC9C0\uCF1C\uC9C0\uB3C4\uB85D \uAC15\uC81C\uD558\uC5EC \uB9CC\uB4E0 \uAC83\uC774 Framework \uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.

\uADF8\uB9AC\uACE0 \uC5EC\uAE30\uC5D0 \uB354\uD558\uC5EC \uC628\uC804\uD788 Spring Framework\uB97C \uC0AC\uC6A9\uD558\uAE30 \uC704\uD574 \uB2E4\uC74C\uACFC \uAC19\uC740 \uAC83\uB4E4\uC744 \uC54C\uBA74 \uB354 \uC88B\uB2E4.

  • JVM\uC5D0\uC11C \uC2E4\uD589\uB418\uB294 \uD504\uB85C\uADF8\uB7A8\uC758 \uBA54\uBAA8\uB9AC \uAD6C\uC870

    • Stack Frame
    • Heap Frame
    • Static Frame
    • Method Call
  • \uC790\uBC14\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5

    • abstract
    • final
    • package
    • interface\uC640 implements

JVM(\uC790\uBC14 \uAC00\uC0C1 \uBA38\uC2E0)

\uC0AC\uC2E4 JVM\uC740 Java \uBFD0\uB9CC \uC544\uB2C8\uB77C \uAD49\uC7A5\uD788 \uB2E4\uC591\uD55C \uC5B8\uC5B4\uC5D0\uC11C \uC0AC\uC6A9\uB418\uACE0 \uC788\uB2E4. \uC55E\uC11C \uC5B8\uAE09 \uD588\uB4EF\uC774, JVM\uB9CC \uC788\uB2E4\uBA74 \uB2E8 \uD558\uB098\uC758 \uBAA9\uC801\uD30C\uC77C \uB9CC \uC788\uC73C\uBA74 \uB418\uAE30 \uB54C\uBB38\uC774\uB2E4. \uB354\uBD88\uC5B4 \uC774\uBBF8 \uB9CC\uB4E4\uC5B4\uC9C4 JVM\uC744 \uC0AC\uC6A9\uD558\uBA74 \uB418\uAE30 \uB54C\uBB38\uC5D0 \uB354\uB354\uC6B1 JVM\uC744 \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774 \uD6A8\uC728\uC801\uC774\uB2E4.

Spring Framework\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC774\uB77C\uB294 \uCCA0\uD559 \uC704\uC5D0 \uC313\uC544 \uC62C\uB9B0 \uC81C\uD488\uC774\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 Spring Framework\uB97C \uC798 \uC0AC\uC6A9\uD558\uAE30 \uC704\uD574\uC120 \uAC1D\uCCB4\uC9C0\uD5A5\uC774\uB77C\uB294 \uAC83\uC744 \uB354\uC6B1 \uB354 \uC815\uD655\uD558\uAC8C \uC774\uD574\uD558\uACE0 \uC54C\uC544\uC57C\uD560 \uD544\uC694\uAC00 \uC788\uB2E4.

',57),d=[r];function n(c,p){return e(),a("div",null,d)}var o=t(i,[["render",n],["__file","index.html.vue"]]);export{o as default}; diff --git a/assets/index.html.9142940d.js b/assets/index.html.1328f07f.js similarity index 98% rename from assets/index.html.9142940d.js rename to assets/index.html.1328f07f.js index afb9bfd3..155da332 100644 --- a/assets/index.html.9142940d.js +++ b/assets/index.html.1328f07f.js @@ -1 +1 @@ -const l={key:"v-73d2a3d2",path:"/writing/%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%8B%AC%EC%95%BC-FE-%ED%9B%84%EA%B8%B0/",title:"\uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uD6C4\uAE30",lang:"en-US",frontmatter:{title:"\uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uD6C4\uAE30",description:"\uC778\uD504\uB7F0\uC758 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9\uC5D0 \uCC38\uC5EC\uD588\uC2B5\uB2C8\uB2E4. \uBC1C\uD45C\uB97C \uBCF4\uBA74\uC11C \uC0DD\uAC01\uD588\uB358 \uB0B4\uC6A9\uACFC \uB124\uD2B8\uC6CC\uD0B9\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uB2E4\uB8F9\uB2C8\uB2E4.",date:"2022-06-19T21:45:00.000Z",tag:"\uC77C\uC0C1",thumbnail:"https://user-images.githubusercontent.com/18749057/174490151-0aa33935-a28c-4157-a7ae-07ec3f506d62.jpg"},excerpt:"",headers:[{level:2,title:"\uC9C4\uD589 \uACFC\uC815",slug:"\u110C\u1175\u11AB\u1112\u1162\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:2,title:"\uC5B4\uB5BB\uAC8C \uB7A0\uB9BF\uC744 \uB9CC\uB4E4\uC5C8\uC744\uAE4C?",slug:"\u110B\u1165\u1104\u1165\u11C2\u1100\u1166-\u1105\u1162\u11AF\u1105\u1175\u11BA\u110B\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u11BB\u110B\u1173\u11AF\u1101\u1161",children:[]},{level:2,title:"\uBF51\uD788\uB294 \uC8FC\uB2C8\uC5B4\uC758 \uC870\uAC74",slug:"\u1108\u1169\u11B8\u1112\u1175\u1102\u1173\u11AB-\u110C\u116E\u1102\u1175\u110B\u1165\u110B\u1174-\u110C\u1169\u1100\u1165\u11AB",children:[{level:3,title:"(1) \uAC1C\uBC1C\uC790\uC758 \uB2A5\uB825\uCE58",slug:"_1-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u1102\u1173\u11BC\u1105\u1167\u11A8\u110E\u1175",children:[]},{level:3,title:"(2) \uC774\uB825\uC11C",slug:"_2-\u110B\u1175\u1105\u1167\u11A8\u1109\u1165",children:[]},{level:3,title:"(3) \uCC44\uC6A9 \uACFC\uC81C",slug:"_3-\u110E\u1162\u110B\u116D\u11BC-\u1100\u116A\u110C\u1166",children:[]},{level:3,title:"(4) \uAE30\uC220 \uBA74\uC811",slug:"_4-\u1100\u1175\u1109\u116E\u11AF-\u1106\u1167\u11AB\u110C\u1165\u11B8",children:[]},{level:3,title:"(5) \uB9C8\uC9C0\uB9C9\uC73C\uB85C, \uB098\uC758 \uC0DD\uAC01",slug:"_5-\u1106\u1161\u110C\u1175\u1106\u1161\u11A8\u110B\u1173\u1105\u1169-\u1102\u1161\u110B\u1174-\u1109\u1162\u11BC\u1100\u1161\u11A8",children:[]}]},{level:2,title:"\uB124\uD2B8\uC6CC\uD0B9",slug:"\u1102\u1166\u1110\u1173\u110B\u116F\u110F\u1175\u11BC",children:[{level:3,title:"(1) \uC5B4\uB5A4 \uC77C\uC744 \uC5BC\uB9C8\uB098 \uD588\uB098\uC694?",slug:"_1-\u110B\u1165\u1104\u1165\u11AB-\u110B\u1175\u11AF\u110B\u1173\u11AF-\u110B\u1165\u11AF\u1106\u1161\u1102\u1161-\u1112\u1162\u11BB\u1102\u1161\u110B\u116D",children:[]},{level:3,title:"(2) Vanilla Javascript\uC5D0 \uB300\uD55C \uAE00\uC744 \uC65C \uC4F0\uAC8C \uB418\uC5C8\uB098\uC694?",slug:"_2-vanilla-javascript\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1173\u11AF\u110B\u1173\u11AF-\u110B\u116B-\u110A\u1173\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1102\u1161\u110B\u116D",children:[]},{level:3,title:"(3) \uC0AC\uC6A9\uC131\uC774 \uC88B\uB2E4\uB294 \uAC83\uC744 \uC5B4\uB5BB\uAC8C \uD310\uB2E8\uD560 \uAC83\uC778\uAC00?",slug:"_3-\u1109\u1161\u110B\u116D\u11BC\u1109\u1165\u11BC\u110B\u1175-\u110C\u1169\u11C2\u1103\u1161\u1102\u1173\u11AB-\u1100\u1165\u11BA\u110B\u1173\u11AF-\u110B\u1165\u1104\u1165\u11C2\u1100\u1166-\u1111\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AF-\u1100\u1165\u11BA\u110B\u1175\u11AB\u1100\u1161",children:[]},{level:3,title:"(4) \uAC1C\uBC1C\uC790\uC758 \uC5ED\uD560\uC740 \uBB34\uC5C7\uC77C\uAE4C?",slug:"_4-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u110B\u1167\u11A8\u1112\u1161\u11AF\u110B\u1173\u11AB-\u1106\u116E\u110B\u1165\u11BA\u110B\u1175\u11AF\u1101\u1161",children:[]}]},{level:2,title:"\uB9C8\uCE58\uBA70",slug:"\u1106\u1161\u110E\u1175\u1106\u1167",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"writing/\uC778\uD504\uB7F0-\uC2EC\uC57C-FE-\uD6C4\uAE30/README.md"};export{l as data}; +const l={key:"v-73d2a3d2",path:"/writing/%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%8B%AC%EC%95%BC-FE-%ED%9B%84%EA%B8%B0/",title:"\uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uD6C4\uAE30",lang:"en-US",frontmatter:{title:"\uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uD6C4\uAE30",description:"\uC778\uD504\uB7F0\uC758 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9\uC5D0 \uCC38\uC5EC\uD588\uC2B5\uB2C8\uB2E4. \uBC1C\uD45C\uB97C \uBCF4\uBA74\uC11C \uC0DD\uAC01\uD588\uB358 \uB0B4\uC6A9\uACFC \uB124\uD2B8\uC6CC\uD0B9\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uB2E4\uB8F9\uB2C8\uB2E4.",date:"2022-06-19T21:45:00.000Z",tag:"\uC77C\uC0C1",thumbnail:"https://user-images.githubusercontent.com/18749057/174490151-0aa33935-a28c-4157-a7ae-07ec3f506d62.jpg"},excerpt:"",headers:[{level:2,title:"\uC9C4\uD589 \uACFC\uC815",slug:"\u110C\u1175\u11AB\u1112\u1162\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:2,title:"\uC5B4\uB5BB\uAC8C \uB7A0\uB9BF\uC744 \uB9CC\uB4E4\uC5C8\uC744\uAE4C?",slug:"\u110B\u1165\u1104\u1165\u11C2\u1100\u1166-\u1105\u1162\u11AF\u1105\u1175\u11BA\u110B\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u11BB\u110B\u1173\u11AF\u1101\u1161",children:[]},{level:2,title:"\uBF51\uD788\uB294 \uC8FC\uB2C8\uC5B4\uC758 \uC870\uAC74",slug:"\u1108\u1169\u11B8\u1112\u1175\u1102\u1173\u11AB-\u110C\u116E\u1102\u1175\u110B\u1165\u110B\u1174-\u110C\u1169\u1100\u1165\u11AB",children:[{level:3,title:"(1) \uAC1C\uBC1C\uC790\uC758 \uB2A5\uB825\uCE58",slug:"_1-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u1102\u1173\u11BC\u1105\u1167\u11A8\u110E\u1175",children:[]},{level:3,title:"(2) \uC774\uB825\uC11C",slug:"_2-\u110B\u1175\u1105\u1167\u11A8\u1109\u1165",children:[]},{level:3,title:"(3) \uCC44\uC6A9 \uACFC\uC81C",slug:"_3-\u110E\u1162\u110B\u116D\u11BC-\u1100\u116A\u110C\u1166",children:[]},{level:3,title:"(4) \uAE30\uC220 \uBA74\uC811",slug:"_4-\u1100\u1175\u1109\u116E\u11AF-\u1106\u1167\u11AB\u110C\u1165\u11B8",children:[]},{level:3,title:"(5) \uB9C8\uC9C0\uB9C9\uC73C\uB85C, \uB098\uC758 \uC0DD\uAC01",slug:"_5-\u1106\u1161\u110C\u1175\u1106\u1161\u11A8\u110B\u1173\u1105\u1169-\u1102\u1161\u110B\u1174-\u1109\u1162\u11BC\u1100\u1161\u11A8",children:[]}]},{level:2,title:"\uB124\uD2B8\uC6CC\uD0B9",slug:"\u1102\u1166\u1110\u1173\u110B\u116F\u110F\u1175\u11BC",children:[{level:3,title:"(1) \uC5B4\uB5A4 \uC77C\uC744 \uC5BC\uB9C8\uB098 \uD588\uB098\uC694?",slug:"_1-\u110B\u1165\u1104\u1165\u11AB-\u110B\u1175\u11AF\u110B\u1173\u11AF-\u110B\u1165\u11AF\u1106\u1161\u1102\u1161-\u1112\u1162\u11BB\u1102\u1161\u110B\u116D",children:[]},{level:3,title:"(2) Vanilla Javascript\uC5D0 \uB300\uD55C \uAE00\uC744 \uC65C \uC4F0\uAC8C \uB418\uC5C8\uB098\uC694?",slug:"_2-vanilla-javascript\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1173\u11AF\u110B\u1173\u11AF-\u110B\u116B-\u110A\u1173\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1102\u1161\u110B\u116D",children:[]},{level:3,title:"(3) \uC0AC\uC6A9\uC131\uC774 \uC88B\uB2E4\uB294 \uAC83\uC744 \uC5B4\uB5BB\uAC8C \uD310\uB2E8\uD560 \uAC83\uC778\uAC00?",slug:"_3-\u1109\u1161\u110B\u116D\u11BC\u1109\u1165\u11BC\u110B\u1175-\u110C\u1169\u11C2\u1103\u1161\u1102\u1173\u11AB-\u1100\u1165\u11BA\u110B\u1173\u11AF-\u110B\u1165\u1104\u1165\u11C2\u1100\u1166-\u1111\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AF-\u1100\u1165\u11BA\u110B\u1175\u11AB\u1100\u1161",children:[]},{level:3,title:"(4) \uAC1C\uBC1C\uC790\uC758 \uC5ED\uD560\uC740 \uBB34\uC5C7\uC77C\uAE4C?",slug:"_4-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u110B\u1167\u11A8\u1112\u1161\u11AF\u110B\u1173\u11AB-\u1106\u116E\u110B\u1165\u11BA\u110B\u1175\u11AF\u1101\u1161",children:[]}]},{level:2,title:"\uB9C8\uCE58\uBA70",slug:"\u1106\u1161\u110E\u1175\u1106\u1167",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"writing/\uC778\uD504\uB7F0-\uC2EC\uC57C-FE-\uD6C4\uAE30/README.md"};export{l as data}; diff --git a/assets/index.html.f5346c8d.js b/assets/index.html.138e9f68.js similarity index 93% rename from assets/index.html.f5346c8d.js rename to assets/index.html.138e9f68.js index 13f48e9a..433f24a6 100644 --- a/assets/index.html.f5346c8d.js +++ b/assets/index.html.138e9f68.js @@ -1 +1 @@ -const e={key:"v-3a9e944d",path:"/vuepress/Plantuml/",title:"markdown-it-plantuml",lang:"en-US",frontmatter:{title:"markdown-it-plantuml",description:"plantuml\uC740 markdown\uC5D0\uC11C uml\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC788\uAC8C \uD574\uC8FC\uB294 \uD50C\uB7EC\uADF8\uC778\uC774\uB2E4.",sidebarDepth:2,date:"2020-01-07T00:00:00.000Z",tag:"vuepress"},excerpt:"",headers:[{level:2,title:"1. Plantuml \uC18C\uAC1C",slug:"_1-plantuml-\u1109\u1169\u1100\u1162",children:[]},{level:2,title:"2. \uD50C\uB7EC\uADF8\uC778 \uC124\uCE58",slug:"_2-\u1111\u1173\u11AF\u1105\u1165\u1100\u1173\u110B\u1175\u11AB-\u1109\u1165\u11AF\u110E\u1175",children:[]},{level:2,title:"3. plantuml \uC751\uC6A9\uD558\uAE30",slug:"_3-plantuml-\u110B\u1173\u11BC\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"vuepress/Plantuml/README.md"};export{e as data}; +const e={key:"v-3a9e944d",path:"/vuepress/Plantuml/",title:"markdown-it-plantuml",lang:"en-US",frontmatter:{title:"markdown-it-plantuml",description:"plantuml\uC740 markdown\uC5D0\uC11C uml\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC788\uAC8C \uD574\uC8FC\uB294 \uD50C\uB7EC\uADF8\uC778\uC774\uB2E4.",sidebarDepth:2,date:"2020-01-07T00:00:00.000Z",tag:"vuepress"},excerpt:"",headers:[{level:2,title:"1. Plantuml \uC18C\uAC1C",slug:"_1-plantuml-\u1109\u1169\u1100\u1162",children:[]},{level:2,title:"2. \uD50C\uB7EC\uADF8\uC778 \uC124\uCE58",slug:"_2-\u1111\u1173\u11AF\u1105\u1165\u1100\u1173\u110B\u1175\u11AB-\u1109\u1165\u11AF\u110E\u1175",children:[]},{level:2,title:"3. plantuml \uC751\uC6A9\uD558\uAE30",slug:"_3-plantuml-\u110B\u1173\u11BC\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"vuepress/Plantuml/README.md"};export{e as data}; diff --git a/assets/index.html.8eb06b11.js b/assets/index.html.17cb6f46.js similarity index 99% rename from assets/index.html.8eb06b11.js rename to assets/index.html.17cb6f46.js index c8765e61..3f67f2ea 100644 --- a/assets/index.html.8eb06b11.js +++ b/assets/index.html.17cb6f46.js @@ -1 +1 @@ -import{_ as l,r as a,o as r,c as p,a as t,b as i,d as o,e as s}from"./app.800103af.js";var n="/TIL/assets/1.47bd15e8.gif",c="/TIL/assets/2.36091b76.gif",h="/TIL/assets/3.7db9b2a0.png",d="/TIL/assets/4.c2ffc394.gif",_="/TIL/assets/5.e0601927.gif",u="/TIL/assets/6.e701df16.gif",g="/TIL/assets/7.6f6a395e.gif",m="/TIL/assets/8.f33020c2.gif",b="/TIL/assets/9.65b6a5dd.jpeg",f="/TIL/assets/10.7320f77c.gif",w="/TIL/assets/11.65eaa6d9.jpeg",v="/TIL/assets/12.a3a92e82.jpeg",k="/TIL/assets/13.3e5b5c49.png",q="/TIL/assets/14.026d53f5.gif",x="/TIL/assets/15.448815c1.png",y="/TIL/assets/16.d3c23efc.png",I="/TIL/assets/17.5fdcbe59.png",T="/TIL/assets/18.939fb8df.png",L="/TIL/assets/19.a2b5ede7.png",j="/TIL/assets/20.e3084f81.png",B="/TIL/assets/21.5e8bfcdb.png",S="/TIL/assets/22.b97ff7a3.png",F="/TIL/assets/23.c7c81406.png",N="/TIL/assets/24.0e8794ea.png",C="/TIL/assets/25.fd8c0566.png",M="/TIL/assets/26.c2adc0d5.jpeg",P="/TIL/assets/27.f3974e9c.png",A="/TIL/assets/28.79d6c61d.png",E="/TIL/assets/29.15300236.png",G="/TIL/assets/30.102fbd1b.png",D="/TIL/assets/31.498e77a1.png",O="/TIL/assets/32.7790a185.png",U="/TIL/assets/33.696b5dcc.png",X="/TIL/assets/34.b6e6027d.png",K="/TIL/assets/35.c80b8a5d.png",R="/TIL/assets/36.08fe60cc.png",Y="/TIL/assets/37.47f78a01.png",z="/TIL/assets/38.185f36d6.png",J="/TIL/assets/39.1bcfb235.png",Q="/TIL/assets/40.026cae26.png",V="/TIL/assets/41.d3064653.png",W="/TIL/assets/42.a7ebc0d5.png",H="/TIL/assets/43.cc800444.jpeg",Z="/TIL/assets/44.7f1c4df2.png",$="/TIL/assets/45.2d61fced.png",tt="/TIL/assets/46.1e555433.png",st="/TIL/assets/47.7bf7bfc0.png",et="/TIL/assets/48.678cbfb7.jpeg",it="/TIL/assets/49.a2939746.png",ot="/TIL/assets/50.03cbae20.jpeg",lt="/TIL/assets/51.7b7cafd7.jpeg",at="/TIL/assets/52.232ed440.png",rt="/TIL/assets/53.34c166e0.png",pt="/TIL/assets/54.1ee23cc5.png",nt="/TIL/assets/55.1598ca71.png",ct="/TIL/assets/56.778efd22.png",ht="/TIL/assets/57.f5479ea8.png",dt="/TIL/assets/58.6aed5b16.png",_t="/TIL/assets/59.71c0efbd.jpeg",ut="/TIL/assets/60.07082c63.jpeg",gt="/TIL/assets/61.c6a7f4da.jpeg",mt="/TIL/assets/62.fb358e94.jpeg",bt="/TIL/assets/63.22e71620.jpeg",ft="/TIL/assets/64.c512f22f.jpeg",wt="/TIL/assets/65.924fb419.jpeg",vt="/TIL/assets/66.394383bb.jpeg",kt="/TIL/assets/67.6de3c8b4.jpeg",qt="/TIL/assets/68.8183a504.jpeg",xt="/TIL/assets/69.7dc1c505.jpeg",yt="/TIL/assets/70.453e4bb9.gif",It="/TIL/assets/71.8665ba51.gif",Tt="/TIL/assets/72.9d22315d.jpeg",Lt="/TIL/assets/73.7e350e6c.jpeg",jt="/TIL/assets/74.934e1513.jpeg",Bt="/TIL/assets/75.f6a209a2.jpeg",St="/TIL/assets/76.368700dd.jpeg",Ft="/TIL/assets/77.ca000fb9.jpeg",Nt="/TIL/assets/78.40e40cee.jpeg",Ct="/TIL/assets/79.684843ab.jpeg",Mt="/TIL/assets/80.93010ba6.jpeg",Pt="/TIL/assets/81.c1f6ca7a.jpeg";const At={},Et=o('

2023\uB144 \uD68C\uACE0

2022\uB144 \uD68C\uACE0\uB97C \uC4F4\uAC8C \uC815\uB9D0 \uC5CA\uADF8\uC81C \uAC19\uC740\uB370 \uBC8C\uC368 1\uB144\uC774 \uC9C0\uB0AC\uB2E4. \uB354\uB2DD\uD06C\uB8E8\uAC70 \uACE1\uC120\uC774 \uC0DD\uAC01\uB098\uB294 \uC77C\uB144\uC774\uC5C8\uB2EC\uAE4C?

\uC62C\uD574\uB294 \uAC1C\uBC1C\uC790\uB85C\uC11C\uC758 \uC131\uC7A5 \uD3ED\uC774 \uD06C\uC9C0 \uC54A\uC558\uB358 \uAC83 \uAC19\uB2E4. \uAC1C\uBC1C \uC678\uC5D0 \uD574\uC57C\uD560 \uAC83\uB3C4 \uC0DD\uAC01\uD574\uC57C \uD560 \uAC83\uB3C4 \uD574\uACB0\uD574\uC57C\uD560 \uAC83\uB3C4 \uB108\uBB34 \uB9CE\uC558\uB2E4. \uC778\uC0DD\uC740 \uC815\uB9D0 \uD55C\uCE58 \uC55E\uB3C4 \uC54C \uC218 \uC5C6\uB2E4\uB294\uAC78 \uCC38 \uB9CE\uC774 \uC0DD\uAC01\uD558\uAC8C\uB41C \uC77C\uB144\uC774\uB2E4.

\uC791\uB144\uAE4C\uC9C0\uB294 \uD68C\uACE0\uB97C \uC791\uC131\uD560 \uB54C \uD0C0\uC778\uC5D0\uAC8C \uC5B4\uD544\uD558\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uB4E4\uC744 \uB9CE\uC774 \uB2F4\uC558\uB2E4. \uC55E\uC73C\uB85C\uB294 \uBABB\uB09C \uC810\uB4E4\uC744 \uB9CE\uC774 \uB2F4\uACE0 \uC2F6\uB2E4. \uB09C \uC774\uC804\uC5D0\uB3C4 \uBABB\uB0AC\uACE0 \uC9C0\uAE08\uB3C4 \uBABB\uB0AC\uACE0 \uC55E\uC73C\uB85C\uB3C4 \uBABB\uB0A0 \uAC83 \uAC19\uC9C0\uB9CC, \uB290\uB9AC\uACE0 \uB354\uB514\uACE0 \uD798\uB4E4\uC5B4\uB3C4 \uC131\uC7A5 \uC911\uC774\uB2E4.

\uADF8\uB798\uC11C \uB2E4\uB978 \uC0AC\uB78C\uC5D0\uAC8C \uBCF4\uC5EC\uC8FC\uAE30 \uC704\uD574\uC11C \uC791\uC131\uD558\uB294\uAC8C \uC544\uB2CC \uB0B4\uAC00 \uAE30\uB85D\uD558\uACE0 \uC2F6\uC740 \uB0B4\uAC00 \uAC04\uC9C1\uD558\uACE0 \uC2F6\uC740 \uB098\uC758 \uBAA8\uC2B5\uB4E4\uC744 \uB364\uB364\uD558\uAC8C \uC791\uC131\uD558\uACE0 \uC2F6\uB2E4.

2023\uB144 \uBAA9\uD45C \uB2EC\uC131 \uC810\uAC80

  • \uBBF8\uB77C\uD074 \uBAA8\uB2DD
    • \uB300\uC2E4\uD328
  • \uC6B4\uB3D9
    • \uD2B9\uBCC4\uD558\uAC8C \uB9CE\uC740 \uC6B4\uB3D9\uC744 \uD588\uB358\uAC74 \uC544\uB2C8\uC9C0\uB9CC, \uAD11\uAD50\uB85C \uC774\uC0AC\uC628 \uC774\uD6C4\uC5D0 \uD558\uB8E8\uC5D0 \uD55C \uBC88 \uC0B0\uCC45\uC744 \uD588\uB2E4.
    • \uAC00\uC744\uAE4C\uC9C0\uB294 \uD558\uB8E8 \uD3C9\uADE0 11km \uC815\uB3C4 \uAC78\uC5B4\uB2E4\uB154\uACE0, \uB0A0\uC774 \uCD94\uC6CC\uC9C0\uBA74\uC11C \uC870\uAE08 \uB738\uD558\uC9C0\uB9CC.. \uACB0\uB860\uC801\uC73C\uB85C \uD558\uB8E8 \uD3C9\uADE0 9km \uC815\uB3C4 \uAC78\uC5B4\uB2E4\uB154\uB2E4.
    • \uC0B0\uCC45\uC774 \uC2EC\uC2E0\uC758 \uAC74\uAC15\uC744 \uC720\uC9C0\uD558\uB294\uB370 \uC9C0\uB300\uD55C \uC5ED\uD560\uC744 \uD588\uB2E4.
  • \uC778\uAC15\uCD2C\uC601
    • \uC2DC\uB3C4\uB294 \uD588\uC73C\uB098\u2026 \uACB0\uB860\uC801\uC73C\uB860 \uC2E4\uD328
  • \uCCAD\uC18C\uD558\uAE30
    • \uBCF5\uC7A1\uD55C \uC0DD\uAC01\uC744 \uD558\uACE0 \uC788\uC744 \uB54C \uC9D1\uC548\uC77C\uC744 \uD558\uBA74 \uB9C8\uC74C\uC774 \uD3B8\uD574\uC9C4\uB2E4. \uC8FC\uBCC0\uC744 \uC815\uB3C8\uD558\uBA74\uC11C \uB9C8\uC74C\uB3C4 \uC815\uB3C8\uD55C\uB2EC\uAE4C?
    • \uC774 \uAE00\uC744 \uC791\uC131\uD558\uACE0 \uC788\uB294 \uC2DC\uC810\uC5D0\uB3C4 \uC544\uCE68\uC5D0 2\uC2DC\uAC04 \uC815\uB3C4 \uCCAD\uC18C\uB97C \uD588\uB2E4.
  • SNS \uC904\uC774\uAE30
    • \uC20F\uCE20 \uAC19\uC740 \uBB34\uC758\uBBF8\uD55C(?) \uAC83\uB4E4\uC740 \uB9CE\uC774 \uC904\uC778 \uAC83 \uAC19\uB2E4.
    • \uC778\uC2A4\uD0C0\uADF8\uB7A8\uC5D0\uB294 \uB300\uCCB4\uB85C \uACE0\uC591\uC774\uB97C \uC62C\uB9AC\uAC70\uB098 \uC0B0\uCC45\uD560 \uB54C \uCC0D\uC740 \uAC83\uB4E4\uC744 \uC62C\uB9AC\uAC70\uB098?
    • \uC720\uD29C\uBE0C\uB294 MBTI + \uC790\uAE30\uACC4\uBC1C \uC601\uC0C1\uC73C\uB85C \uB3C4\uBC30\uB410\uB2E4. \uADF8\uB9CC\uD07C \uC62C\uD574\uB294 \uC778\uAC04\uC73C\uB85C\uC11C\uC758 \uC131\uC7A5\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uB9CE\uC774 \uD588\uB2E4\uB294 \uC810
  • \uBC14\uB978\uC790\uC138 \uC720\uC9C0\uD558\uAE30
    • \uBAB8\uC774 \uD3B4\uC84C\uB2E4
    • \uBAA9, \uC5B4\uAE68, \uD5C8\uB9AC\uC5D0 \uD1B5\uC99D\uC774 \uAC70\uC758 \uC5C6\uC5B4\uC84C\uB2E4.
    • \uC790\uC138\uB294 \uC6D0\uB798\uB3C4 \uBC14\uB974\uAC8C \uC720\uC9C0\uD558\uB824\uACE0 \uD588\uC73C\uB098.. \uC6B4\uB3D9(\uC0B0\uCC45)\uC758 \uC601\uD5A5\uC774 \uCEF8\uB2EC\uAE4C
  • \uACC4\uD68D\uC801\uC73C\uB85C \uC0B4\uAE30
    • 1\uAC1C\uC6D4, 1\uB144 \uB2E8\uC704\uC758 \uACC4\uD68D\uC744 \uC124\uC815\uD558\uC9C4 \uC54A\uC558\uACE0 \uB9E4\uC77C\uB9E4\uC77C \uD574\uC57C\uD560 \uC77C\uC5D0 \uB300\uD55C \uACC4\uD68D\uC744 \uC124\uC815\uD588\uB2E4.
    • \uC791\uC740 \uAC83\uBD80\uD130 \uC2DC\uB3C4\uD574\uBCF4\uB2C8 \uC5B4\uCA0C\uB4E0 \uACC4\uD68D\uC744 \uD558\uAE34 \uD558\uB354\uB77C.
  • \uB3C5\uC11C
    • \uC5C4~~\uCCAD \uB9CE\uC740 \uCC45\uC744 \uC77D\uC5C8\uB2E4\uACE4 \uD560 \uC218 \uC5C6\uC9C0\uB9CC, \uC791\uB144\uACFC \uBE44\uAD50\uD558\uBA74 \uC7A5\uC871\uC758 \uBC1C\uC804\uC774\uB2E4.
    • \uB300\uB7B5 10\uAD8C \uC774\uC0C1\uC758 \uCC45\uC744 \uC77D\uC740 \uAC83 \uAC19\uB2E4.
  • \uC774\uC0AC
    • \uC6B0\uC5EC\uACE1\uC808\uC774 \uC870\uAE08 \uC788\uC5C8\uCC0C\uB9CC, \uACB0\uB860\uC801\uC73C\uB85C 10\uB144 \uC804\uBD80\uD130 \uC0B4\uACE0 \uC2F6\uC5C8\uB358 \uB3D9\uB124(\uAD11\uAD50)\uB85C \uC774\uC0AC\uC654\uB2E4.
    • \uB300\uB9CC\uC871!
  • \uC5B4\uB5BB\uAC8C \uB3C8\uC744 \uBC8C\uC5B4\uC57C \uC88B\uC744\uAE4C \uACE0\uBBFC\uD574\uBCF4\uAE30
    • \uB9D0 \uADF8\uB300\uB85C \uACE0\uBBFC\uB9CC \uD588\uB2E4.
    • \uB2E4\uB978 \uC77C\uB4E4\uC744 \uD560 \uC5EC\uB825\uC774 \uC5C6\uC5C8\uB2E4.

\uC0AC\uC2E4 \uBCC4 \uC0DD\uAC01 \uC5C6\uC5C8\uB294\uB370, \uB3CC\uC774\uCF1C\uBCF4\uB2C8 \uB2EC\uC131\uC774 \uB41C\uAC8C \uB9CE\uC558\uB2E4. \uC77C\uB2E8 \uACC4\uD68D\uC744 \uC138\uC6B0\uACE0 \uBAA9\uD45C\uB97C \uC124\uC815\uD558\uBA74 \uC2DC\uB3C4\uB97C \uD558\uAC8C \uB418\uACE0, \uBB50\uB77C\uB3C4 \uD558\uAC8C \uB418\uB294\uAC8C \uC544\uB2D0\uAE4C?

1. nBilly


(1) \uAC04\uB2E8\uD55C \uC18C\uAC1C

nBilly\uB294 \uD300 \uC774\uB984\uC774\uBA74\uC11C \uB3D9\uC2DC\uC5D0 \uC81C\uD488 \uC774\uB984\uC774\uB2E4.

  • \uD300\uC73C\uB85C\uC11C\uC758 nBilly: \uC6F9 UI \uC81C\uC791 \uAE30\uC220\uC744 \uC5F0\uAD6C\xB7\uAC1C\uBC1C \u2192 \uBE44\uC988\uB2C8\uC2A4\uC758 \uC131\uC7A5\uC744 \uB3D5\uB294 \uAE30\uC220 \uC870\uC9C1
  • \uC81C\uD488\uC73C\uB85C\uC11C\uC758 nBilly: WYSIWYG \uC73C\uB85C \uC6F9 UI \uB97C \uB9CC\uB4E4\uACE0 \uBC30\uD3EC\uD560 \uC218 \uC788\uB294 \uB3C4\uAD6C

\uC0AC\uC9C4 1

\uC6B0\uB9AC \uD300\uC774 \uCD94\uAD6C\uD558\uB294 \uAC00\uCE58\uB098 \uBAA9\uD45C\uB098 \uC804\uB7B5 \uB4F1 \uB2E4\uB8E8\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uC774 \uCC38 \uB9CE\uC9C0\uB9CC, \uC774\uACF3\uC5D0 \uC5B8\uAE09\uD560 \uB0B4\uC6A9\uC740 \uC544\uB2CC \uAC83 \uAC19\uB2E4. \uB0B4\uAC00 \uC81C\uC77C \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD558\uB294 \uBD80\uBD84\uC740 \uD300\uACFC \uD300\uC6D0\uC758 \uC131\uC7A5\uC744 \uBB34\uCC99 \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD558\uACE0 \uC788\uC73C\uBA70 \uC774\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD55C \uB2E4\uC591\uD55C \uC2DC\uC2A4\uD15C\uC774 \uAD6C\uCD95\uB418\uC5B4 \uC788\uC73C\uBA70 \uD56D\uC0C1 \uACE0\uBBFC\uC744 \uD558\uB294 \uBD80\uBD84\uC774\uB77C\uB294 \uAC83. \uC774\uB7F0 \uC870\uC9C1\uC5D0\uC11C \uC77C\uD560 \uC218 \uC788\uB2E4\uB294\uAC8C \uCC38 \uD589\uC6B4\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

',15),Gt={href:"https://www.youtube.com/watch?v=zncmO90s0sk",target:"_blank",rel:"noopener noreferrer"},Dt=s("https://www.youtube.com/watch?v=zncmO90s0sk"),Ot=t("p",null,"\uC62C\uD574 \uCD08\uC5D0 \uAC19\uC740 \uD300\uC758 \uD6C8\uBBFC\uB2D8\uAED8\uC11C \uC6B0\uB9AC \uD300\uC774 \uC5B4\uB5A4\uC2DD\uC73C\uB85C \uC544\uD0A4\uD14D\uCCD0\uB97C \uC815\uC758\uD558\uACE0 \uAC1C\uC120\uD588\uB294\uC9C0 deview\uC5D0\uC11C \uBC1C\uD45C\uD558\uC168\uB2E4. (\uD300\uC5D0 \uB300\uD55C \uAD6C\uAD6C\uC808\uC808\uD55C \uB0B4\uC6A9\uC744 \uB2E4\uB8E8\uAE30\uBCF4\uB2E8 \uC704\uC758 \uC601\uC0C1\uC73C\uB85C \uB300\uCCB4\uD574\uB3C4 \uB418\uC9C0 \uC54A\uC744\uAE4C!?)",-1),Ut=s("\uC601\uC0C1\uC5D0 \uB300\uD55C \uD6C4\uC18D\uC73C\uB85C "),Xt={href:"https://smartstudio.tech/bringing-consistency-to-broken-ui-layer/",target:"_blank",rel:"noopener noreferrer"},Kt=s("https://smartstudio.tech/bringing-consistency-to-broken-ui-layer/"),Rt=s(" \uC774\uB7F0 \uAE00\uB3C4 \uC788\uB2E4."),Yt=t("p",null,"\uC81C\uD488\uC73C\uB85C\uC11C\uC758 nBilly\uB294 \uC544\uC9C1 \uACC4\uC18D \uBC1C\uC804\uC911\uC774\uBA70, \uC18C\uC218\uC758 \uC778\uC6D0\uC73C\uB85C \uACE0\uAD70\uBD84\uD22C\uB97C \uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC131\uC7A5 \uBC29\uD5A5\uC5D0 \uB530\uB77C \uC81C\uD488\uC758 \uBAA8\uC2B5\uC774 \uB9CE\uC774 \uB2EC\uB77C\uC9C8 \uAC83 \uAC19\uB2E4.",-1),zt=t("p",null,"\uC62C\uD574\uC5D0 nBilly\uB85C \uB9CC\uB4E4\uC5B4\uC9C4 \uC0AC\uC774\uD2B8\uB294 \uC774\uB7F0 \uAC83\uB4E4\uC774 \uC788\uB2E4.",-1),Jt={href:"https://campaign.nbilly.naver.com/nwec2023",target:"_blank",rel:"noopener noreferrer"},Qt=s("https://campaign.nbilly.naver.com/nwec2023"),Vt={href:"https://campaign.nbilly.naver.com/navergenerativeai",target:"_blank",rel:"noopener noreferrer"},Wt=s("https://campaign.nbilly.naver.com/navergenerativeai"),Ht={href:"https://campaign.nbilly.naver.com/whatsonyournetflix",target:"_blank",rel:"noopener noreferrer"},Zt=s("https://campaign.nbilly.naver.com/whatsonyournetflix"),$t={href:"https://campaign.nbilly.naver.com/clova-for-writing-with-smarteditor",target:"_blank",rel:"noopener noreferrer"},ts=s("https://campaign.nbilly.naver.com/clova-for-writing-with-smarteditor"),ss={href:"https://campaign.nbilly.naver.com/ncfd23",target:"_blank",rel:"noopener noreferrer"},es=s("https://campaign.nbilly.naver.com/ncfd23"),is=o('

\uC5EC\uAE30\uC5D0\uB294 \uB2E4\uB8F0 \uC218 \uC5C6\uC9C0\uB9CC \uC9C0\uAE08\uB3C4 nBilly\uB85C \uB9CC\uB4E4\uC5B4\uC9C0\uACE0 \uC788\uB294 \uC0AC\uC774\uD2B8\uAC00 \uBB34\uCC99 \uB9CE\uC774 \uC788\uACE0, \uB9CE\uC774 \uC624\uD508\uB420 \uC608\uC815\uC774\uB2E4.

nBilly\uC5D0 \uB300\uD55C \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 \uB4A4\uB85C \uBBF8\uB8E8\uACE0 (\uBCC4\uB3C4\uC758 \uD3EC\uC2A4\uD2B8\uB85C \uC791\uC131\uD558\uB294\uAC8C \uB354 \uC88B\uACA0\uB2E4\uB294 \uD310\uB2E8\uC744 \uD588\uB2E4), \uC774 \uD3EC\uC2A4\uD2B8\uC5D0\uC11C\uB294 \uAC1C\uC778\uC801\uC73C\uB85C \uD588\uB358 \uAC83\uB4E4\uC744 \uC9E4\uB9C9\uD558\uAC8C \uB2E4\uB904\uBCF4\uACE0 \uC2F6\uB2E4.


(2) \uAE30\uC220\uC801 \uC131\uC7A5, \uC2DC\uB3C4, \uB09C\uAD00.

\uAE38\uAC8C \uC774\uC57C\uAE30 \uD558\uBA74 \uB05D\uC774 \uC5C6\uAE30 \uB54C\uBB38\uC5D0, \uCD5C\uB300\uD55C \uAC04\uB2E8\uD558\uAC8C \uC815\uB9AC\uD574\uBCF4\uACE0\uC790 \uD55C\uB2E4.


<\uBAA8\uB378 \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uC790\uB3D9\uD654 + \uBAA8\uB378 \uAC80\uC99D \uC790\uB3D9\uD654>

\uC81C\uD488\uC758 \uC2A4\uD399\uC774 \uBCC0\uD560 \uB54C \uBAA8\uB378\uB3C4 \uAC19\uC774 \uBCC0\uD558\uB294 \uACBD\uC6B0\uAC00 \uBB34\uCC99 \uBE48\uBC88\uD588\uB2E4. \uBAA8\uB378\uC774 \uBCC0\uD558\uBA74 DB\uC5D0 \uC788\uB294 \uAC83\uB4E4\uB3C4 \uAC19\uC774 \uBCC0\uACBD\uD574\uC57C \uD558\uACE0 \uBAA8\uB378\uC5D0 \uB300\uD55C \uAC80\uC99D \uCF54\uB4DC\uB3C4 \uAC19\uC774 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD55C\uB2E4. \uB2F9\uC5F0\uD558\uC9C0\uB9CC \uBAA8\uB378\uC744 \uBCC0\uACBD\uD588\uC744 \uB54C\uC758 \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uAC00 \uBB34\uCC99 \uD06C\uACE0 \uC774\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD574 \uC0AC\uB78C\uC774 \uD558\uB098\uD558\uB098 \uB2E4 \uC791\uC5C5\uD558\uB294 \uAC83\uC774 \uB9E4\uC6B0 \uBE44\uD6A8\uC728\uC801\uC774\uB2E4.

\uADF8\uB798\uC11C \uBAA8\uB378 \uBCC0\uACBD\uC5D0 \uCD5C\uB300\uD55C \uC790\uB3D9\uC73C\uB85C \uB300\uC751\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD588\uACE0 \uC801\uC6A9\uD588\uB2E4.

  • \uBAA8\uB378 \uB9C8\uC774\uADF8\uB808\uC774\uC158
    • PR\uC744 \uC62C\uB9B4 \uB54C, github actions\uB85C \uD604\uC7AC \uCF54\uB4DC\uC5D0 \uB300\uD55C \uBAA8\uB378 \uC815\uD569\uC131\uC744 \uAC80\uC0AC\uD55C\uB2E4.
    • \uBAA8\uB378 \uC815\uD569\uC131\uC744 \uD1B5\uACFC\uD558\uC9C0 \uBABB\uD558\uBA74, \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uC2A4\uD06C\uB9BD\uD2B8\uB97C \uC791\uC131\uD574\uC11C \uD478\uC2DC\uD574\uC57C \uD55C\uB2E4. \uD639\uC740 \uBBF8\uB9AC \uD574\uB2F9 PR\uC5D0 \uD3EC\uD568\uB418\uC5B4 \uC788\uC5B4\uC57C \uD55C\uB2E4.
    • PR\uC774 \uBA38\uC9C0\uB418\uBA74 \uC77C\uB2E8 \uAC1C\uBC1C\uC6A9 DB\uC5D0 \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uC801\uC6A9\uB418\uACE0, \uC791\uC131\uB41C \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uC2A4\uD06C\uB9BD\uD2B8\uB294 \uBCC4\uB3C4\uC758 \uD3F4\uB354\uC5D0 \uCC28\uACE1\uCC28\uACE1 \uC313\uC778\uB2E4.
    • \uB9B4\uB9AC\uC988\uB97C \uD558\uB294 \uC2DC\uC810\uC5D0 \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uC644\uB8CC\uB41C \uC2A4\uD06C\uB9BD\uD2B8\uB97C \uAE30\uC900\uC73C\uB85C \uB2E4\uC2DC \uB9AC\uC5BC DB\uC5D0 \uC801\uC6A9\uD55C\uB2E4.
  • \uBAA8\uB378 \uAC80\uC99D
    • typescript\uB97C json schema\uB85C \uBC14\uAFD4\uC8FC\uB294 \uB3C4\uAD6C \u2192 ts-json-schema-generator
    • json\uC744 json schema\uB85C validation \uD558\uB294 \uB3C4\uAD6C \u2192 ajv
    • \uBAA8\uB378(typescript)\uC774 \uBCC0\uACBD\uB420 \uB54C json schema\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uACE0, \uC774\uB97C \uD1A0\uB300\uB85C \uC0AC\uC774\uD2B8\uB97C \uC800\uC7A5\uD558\uAC70\uB098 \uBC1C\uD589\uD560 \uB54C \uAC80\uC99D\uD560 \uC218 \uC788\uB3C4\uB85D \uD55C\uB2E4.

\uC774\uB7EC\uD55C \uC791\uC5C5\uB4E4\uC740 github actions\uC5D0 \uC758\uC874\uC801\uC778 \uC791\uC5C5\uC774 \uB9CE\uC558\uACE0 \uB355\uBD84\uC5D0 github actions\uC5D0 \uB300\uD574 \uB2E4\uBC29\uBA74\uC73C\uB85C \uD559\uC2B5\uD560 \uC218 \uC788\uC5C8\uB2E4. \uB2E4\uB9CC\u2026 \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uC798\uBABB\uB418\uC5C8\uC744 \uACBD\uC6B0\uC5D0 \uB300\uD55C \uC870\uCE58\uAC00 \uD604\uC7AC \uB418\uC5B4\uC788\uC9C0 \uC54A\uC544\uC11C \uC774\uB97C \uBCF4\uC644\uD574\uC57C \uD55C\uB2E4. \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC744 \uC2E4\uD589\uD558\uAE30 \uC804\uC5D0 DB\uB97C \uBC31\uC5C5\uD558\uACE0 \uC788\uC9C0\uB9CC, \uC2E4\uD328\uD558\uB294 \uACBD\uC6B0\uC5D0\uB9CC \uBCF5\uC6D0\uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC2E4\uD328\uB97C \uD558\uC9C0 \uC54A\uB354\uB77C\uB3C4 \uC758\uB3C4\uD55C\uB300\uB85C \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uB418\uC9C0 \uC54A\uC558\uC744 \uB54C\uC5D0\uB3C4 \uBCF5\uC6D0\uD560 \uC218 \uC788\uB3C4\uB85D \uB9CC\uB4E4\uC5B4 \uB193\uC544\uC57C \uD55C\uB2E4.

github actions\uC5D0\uC11C \uBC31\uC5C5\uD574\uB193\uC740\uAC78 \uC5B4\uB5BB\uAC8C \uD574\uC57C \uB2E4\uC6B4 \uBC1B\uC744 \uC218 \uC788\uC744\uC9C0 \uACE0\uBBFC\uC774\uB2E4. \uCC3E\uC73C\uBA74 \uB098\uC624\uACA0\uC9C0\uB9CC\u2026? \uC9DC\uD22C\uB9AC \uC2DC\uAC04\uC5D0 \uBBF8\uB9AC \uCC3E\uC544\uB193\uC73C\uBA74 \uB418\uACA0\uC9C0?


<\uC560\uB2C8\uBA54\uC774\uC158 \uAE30\uB2A5 \uCD94\uAC00>

\uC0AC\uC9C4 2

\uC0AC\uC6A9\uC790\uAC00 \uAC01\uAC01\uC758 \uAC1C\uCCB4(\uD398\uC774\uC9C0/\uC139\uC158/\uCEE8\uD14C\uC774\uB108/\uBE14\uB85D)\uC5D0 \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uC801\uC6A9\uD560 \uC218 \uC788\uB3C4\uB85D \uB9CC\uB4E4\uC5C8\uB2E4. \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uC801\uC6A9\uD558\uB294 \uBD80\uBD84\uC740 \uC0AC\uC2E4 \uD070 \uBB38\uC81C\uAC00 \uC544\uB2C8\uC5C8\uB2E4. \uC81C\uC77C \uACE0\uBBFC\uC774 \uB9CE\uC774 \uB418\uB294 \uBD80\uBD84\uC740 "\uC5B4\uD50C\uB9AC\uCF00\uC774\uC158 \uACC4\uCE35\uC5D0\uC11C \uC8FC\uC785" \uD558\uB294 \uAC83. \uC560\uB2C8\uBA54\uC774\uC158\uC758 \uD2B8\uB9AC\uAC70\uAC00 \uB2E4\uC591\uD558\uAC8C \uC874\uC7AC\uD558\uACE0, \uC560\uB2C8\uBA54\uC774\uC158\uC758 \uD615\uD0DC\uB3C4 \uB2E4\uC591\uD558\uAC8C \uC874\uC7AC\uD560 \uB54C \uC774\uB97C \uC798 \uAD00\uB9AC\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC744 \uC0DD\uAC01\uD558\uB294\uAC8C \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4.

\uC5B4\uB5BB\uAC8C \uD560\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00, \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158\uC758 \uC124\uC815 \uD30C\uC77C\uC5D0\uC11C \uC560\uB2C8\uBA54\uC774\uC158\uC5D0 \uB300\uD55C keyframe\uACFC trigger \uD568\uC218\uB97C \uC815\uC758\uD558\uB3C4\uB85D \uD588\uB2E4.

\uC0AC\uC9C4 3

\uC774\uB7EC\uD55C \uACE0\uBBFC \uB355\uBD84\uC5D0 \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158 \uACC4\uCE35\uC5D0\uC11C \uC8FC\uC785\uD558\uAC70\uB098 \uC81C\uAC70\uD558\uAC70\uB098 \uC218\uC815\uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC190\uC27D\uAC8C \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uC81C\uC5B4\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uB2E4\uB9CC \uC774\uBCA4\uD2B8 \uD2B8\uB9AC\uAC70\uC5D0\uC11C \uC624\uB958\uB098 \uBC84\uADF8\uAC00 \uC788\uC744 \uB54C \uC774\uB97C \uAE54\uB054\uD558\uAC8C \uD574\uACB0\uD558\uAE30\uAC00 \uC5B4\uB824\uC6E0\uB2E4.

\uADF8\uB798\uB3C4 \uC774\uB7EC\uD55C \uC791\uC5C5\uC744 \uD558\uBA74\uC11C \uC774\uBCA4\uD2B8\uC5D0 \uB300\uD574 \uB525\uB2E4\uC774\uBE0C \uD560 \uC218 \uC788\uC5C8\uB2EC\uAE4C? \uC0AC\uC2E4 \uC774\uB807\uAC8C \uC5D0\uB514\uD130\uB97C \uB9CC\uB4DC\uB294 \uC791\uC5C5 \uC790\uCCB4\uAC00 \uC774\uBCA4\uD2B8\uC5D0 \uB300\uD55C \uB525\uB2E4\uC774\uBE0C\uB97C \uD560 \uC218 \uBC16\uC5D0 \uC5C6\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

\uB610 \uAC11\uC790\uAE30 \uC0DD\uAC01\uB09C\uAC74 \uC5D0\uB514\uD130\uC5D0\uC11C \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uB9AC\uD50C\uB808\uC774 \uD558\uB294 \uAC83. \uC5D0\uB514\uD130\uC640 \uC778\uC2A4\uD399\uD130\uAC00 \uCF54\uB4DC\uC0C1\uC73C\uB85C \uBA40\uB9AC \uC788\uAE30 \uB54C\uBB38\uC5D0, \uC778\uC2A4\uD399\uD130\uAC00 \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uC758\uB3C4\uC801\uC73C\uB85C \uC7AC\uC0DD\uC2DC\uD0AC \uB54C \uC5B4\uB5A4 \uBC29\uBC95\uC744 \uC0AC\uC6A9\uD574\uC57C \uC88B\uC744\uC9C0 \uBB34\uCC99 \uACE0\uBBFC\uC774 \uB9CE\uC558\uB2E4. \uACB0\uB860\uB9CC \uC774\uC57C\uAE30 \uD558\uC790\uBA74, \uC77C\uC885\uC758 \uCEE4\uC2A4\uD140 \uC774\uBCA4\uD2B8 \uB9E4\uB2C8\uC800\uB97C \uC774\uC6A9\uD558\uC5EC \uD574\uACB0\uD588\uB2E4.

\uB2E4\uB9CC \uC774\uB7F0 \uB3C4\uAD6C\uB97C \uB0A8\uC6A9\uD560 \uACBD\uC6B0 \uB098\uC911\uC5D0 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uC744 \uB54C \uD2B8\uB798\uD0B9\uC744 \uD558\uB294\uAC8C \uBB34\uCC99 \uC5B4\uB835\uACE0 \uD798\uB4E4 \uC218 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uCD5C\uB300\uD55C \uC0AC\uC6A9\uC744 \uC9C0\uC591\uD558\uACE0 \uC788\uB2E4.


<\uC640\uC774\uB4DC \uC601\uC5ED \uB300\uC751>

\uC0AC\uC9C4 4

\uAC1C\uCCB4\uAC00 \uD654\uBA74\uC744 \uAF49 \uCC44\uC6B8 \uC218 \uC788\uB294 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uC5C8\uB2E4. \uAF49 \uCC44\uC6B0\uB294 \uBC29\uBC95\uC740 \uC5EC\uB7EC\uAC00\uC9C0\uAC00 \uC788\uC9C0\uB9CC, \uC5B4\uB5A4 \uBC29\uC2DD\uC774 \uC81C\uC77C \uD6A8\uACFC\uC801\uC77C\uC9C0 \uCC3E\uC544\uBCF4\uACE0 \uC801\uC6A9\uD558\uB294 \uACFC\uC815\uC774 \uD544\uC694\uD588\uB2E4.

\uC774\uB7F4 \uB54C \uBC11\uBC14\uB2E5\uBD80\uD130 \uC5B4\uB5BB\uAC8C \uB9CC\uB4E4\uC9C0 \uACE0\uBBFC\uD558\uAE30\uBCF4\uB2E8 \uC774\uBBF8 \uC798 \uB9CC\uB4E4\uC5B4\uC9C4 \uAC83\uB4E4\uC744 \uBAA8\uBC29\uD558\uB294\uAC8C \uD6A8\uACFC\uC801\uC774\uB77C\uB294 \uAC83! \uADF8\uB798\uC11C \uC5EC\uB7EC \uC6F9 \uBE4C\uB354\uB97C \uCC3E\uC544\uBCF4\uB2E4\uAC00 SqureSpace\uB97C \uBAA8\uBC29\uD558\uC5EC \uC640\uC774\uB4DC \uC601\uC5ED\uC758 1/2 \uB9CC\uD07C \uC9C4\uC785\uD558\uBA74 \uD655\uC7A5\uC774 \uB418\uB3C4\uB85D \uD588\uB2E4.

',27),os=s("\uC774 \uB54C "),ls=t("code",null,"display: grid",-1),as=s(" \uC758 \uC18D\uC131\uC744 \uC774\uC6A9\uD574\uC11C \uC640\uC774\uB4DC \uC601\uC5ED\uC758 \uB108\uBE44\uB97C \uC9C0\uC815\uD558\uACE0, \uC640\uC774\uB4DC \uC601\uC5ED\uC5D0 \uC9C4\uC785\uC2DC "),rs={href:"https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area",target:"_blank",rel:"noopener noreferrer"},ps=s("grid-area"),ns=s("\uAC12\uC744 \uBCC0\uACBD\uD558\uBA74 \uC790\uB3D9\uC73C\uB85C \uBC18\uC601\uB418\uB3C4\uB85D \uB9CC\uB4E4\uC5C8\uB2E4. (\uC608\uC2DC: "),cs=t("code",null,"grid-area: 1 / 2 / 1 / 2",-1),hs=s(")"),ds=o('

\uB2E4\uB9CC, \uC774 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uACE0 \uC801\uC6A9\uD588\uC744 \uB54C \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uAC00 \uC815\uB9D0 \uC5B4\uB9C8\uC5B4\uB9C8\uD588\uB2E4. \uC804\uBD80\uB2E4 \uB098\uC5F4\uD558\uAE30\uB294 \uC190\uAC00\uB77D\uC774 \uC544\uD504\uAE30 \uB54C\uBB38\uC5D0 \uC2A4\uD0B5.

\uAE30\uB2A5\uC744 \uC791\uC131\uD55C \uB2E4\uC74C\uC5D0 \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uB85C \uC5B4\uB290 \uC815\uB3C4 \uBCF4\uC644\uD560 \uC218 \uC788\uC5C8\uC744\uD150\uB370, \uAE30\uC874\uC5D0 \uD14C\uC2A4\uD2B8 \uCF00\uC774\uC2A4\uAC00 \uB9CE\uC774 \uBD80\uC871\uD588\uB2E4.

\uC9C0\uAE08 \uB3CC\uC774\uCF1C \uC0DD\uAC01\uD574\uBCF4\uBA74, QA\uC5D0\uC11C \uBB38\uC81C\uAC00 \uBC1C\uACAC\uB420 \uB54C \uB9C8\uB2E4 \uD14C\uC2A4\uD2B8 \uCF00\uC774\uC2A4\uB97C \uCD94\uAC00 \uBC0F \uBCF4\uC644\uD574\uC57C \uD560 \uAC83 \uAC19\uC740\uB370\u2026 \uCC38 \uC548\uC77C\uD558\uAC8C \uC0DD\uAC01\uD588\uB2E4. \uC5B8\uC820\uAC04 \uC5C5\uBCF4\uB85C \uB3CC\uC544\uC624\uACA0\uC9C0

\uD56D\uC0C1 \uAE30\uB2A5\uC744 \uAC1C\uBC1C\uD560 \uB54C\uB294 \uB370\uB4DC\uB77C\uC778 \uB54C\uBB38\uC5D0 \uAE09\uD558\uAC8C \uB9CC\uB4E4\uACE0, \uACB0\uAD6D QA\uC5D0 \uB354 \uB9CE\uC740 \uC2DC\uAC04\uC744 \uC4F0\uAC8C \uB41C\uB2E4. \uD22C\uC785\uB418\uB294 \uCD1D \uC2DC\uAC04\uC740 \uC624\uD788\uB824 \uD14C\uC2A4\uD2B8 \uCF00\uC774\uC2A4\uB97C \uC791\uC131\uD558\uC5EC \uBCF4\uC644\uD558\uB294\uAC8C \uB354 \uC801\uC744\uD150\uB370\u2026 \uBB3C\uB860 \uBAA8\uB4E0 \uCF00\uC774\uC2A4\uB97C \uD14C\uC2A4\uD2B8\uB85C \uC7A1\uAE30\uB294 \uD798\uB4E4\uACA0\uC9C0\uB9CC, \uD56D\uC0C1 \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uB54C \uC774\uB7F0 \uC810\uB4E4\uC744 \uACE0\uB824\uD574\uC57C\uACA0\uAD6C\uB098 \uC2F6\uB2E4.

\uC77C\uB144\uC744 \uB3CC\uC774\uCF1C\uBCF4\uBA74 \uAC1C\uBC1C\uD560 \uB54C \uC601\uD63C\uC774 \uC880 \uC5C6\uC5C8\uB098 \uC2F6\uAE30\uB3C4 \uD558\uACE0?


<\uCE90\uB85C\uC140 \uCEE8\uD14C\uC774\uB108>

\uC0AC\uC9C4 5

\uAE30\uC874\uC758 \uD398\uC774\uC9C0 \u2192 \uC139\uC158 \u2192 \uBE14\uB85D \uACC4\uCE35\uC5D0\uC11C \uD398\uC774\uC9C0 \u2192 \uC139\uC158 \u2192 \uCEE8\uD14C\uC774\uB108 \u2192 \uBE14\uB85D \uCC98\uB7FC "\uCEE8\uD14C\uC774\uB108" \uACC4\uCE35\uC744 \uC0C8\uB85C \uB9CC\uB4E4\uACE0, "\uCE90\uB85C\uC140 \uCEE8\uD14C\uC774\uB108" \uB77C\uB294 \uAC1C\uCCB4\uB97C \uB9CC\uB4E4\uC5C8\uB2E4. \uCEE8\uD14C\uC774\uB108\uB294 \uBE14\uB85D\uBCF4\uB2E4 \uB354 \uBCF5\uC7A1\uD55C UX/UI\uB97C \uD45C\uD604\uD560 \uC218 \uC788\uC73C\uBA70 \uBE14\uB85D\uC744 \uAC00\uC9C8 \uC218 \uC788\uB294 \uACC4\uCE35\uC774\uB2E4.

\uC77C\uB2E8 \uCEE8\uD14C\uC774\uB108\uB77C\uB294 \uACC4\uCE35\uC744 \uB108\uBB34 \uAE09\uD558\uAC8C \uB9CC\uB4E4\uC5B4\uC11C \uC9C0\uAE08\uB3C4 \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uAC00 \uD06C\uAC8C \uB0A8\uC544\uC788\uB2E4. \uC190\uBD10\uC57C \uD560 \uACF3\uC774 \uCC38 \uB9CE\uC740 \uCE5C\uAD6C\uB2E4. \uCC98\uC74C\uC5D0\uB294 swiper.js\uB85C \uCE90\uB85C\uC140\uC744 \uAD6C\uD604\uD588\uB294\uB370\u2026 swiper\uC5D0 \uC790\uC798\uD55C \uBC84\uADF8\uAC00 \uB9CE\uACE0, \uC778\uC2A4\uD399\uD130 \uC601\uC5ED\uC5D0\uC11C \uCE90\uB85C\uC140\uC744 \uCEE8\uD2B8\uB864\uD560 \uB54C \uC758\uB3C4\uB300\uB85C \uB418\uC9C0 \uC54A\uB294 \uAC83\uB4E4\uC774 \uCC38 \uB9CE\uC558\uB2E4.

\uC5B4\uB5BB\uAC8C \uD560\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC0AC\uB0B4\uC5D0\uC11C \uB9CC\uB4E0 eg-js\uC758 flicking\uC744 \uC774\uC6A9\uD574\uC11C \uAD6C\uD604\uD588\uB294\uB370, \uD574\uB2F9 \uB77C\uC774\uBE0C\uB7EC\uB9AC\uAC00 \uCC98\uC74C\uBD80\uD130 \uB9AC\uC561\uD2B8 \uAE30\uBC18\uC73C\uB85C \uB9CC\uB4E4\uC5B4\uC9C4\uAC8C \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uCE90\uB85C\uC140\uC758 \uC0C1\uD0DC\uB97C \uAD00\uB9AC\uD560 \uB54C \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4. \uC0AC\uC2E4 \uB2E8\uC21C\uD558\uAC8C \uC0AC\uC6A9\uD558\uBA74 \uD070 \uBB38\uC81C\uAC00 \uC5C6\uC73C\uB098\u2026 \uC778\uC2A4\uD399\uD130\uC5D0\uC11C \uCE90\uB85C\uC140\uC744 \uCEE8\uD2B8\uB864 \uD560 \uB54C \uBC1C\uC0DD\uD558\uB294 \uBB34\uC218\uD788 \uB9CE\uC740 \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uAC00 \uC874\uC7AC\uD588\uB2E4.

\uACB0\uAD6D \uACE0\uC2EC \uB05D\uC5D0 \uC9C1\uC811 \uCE90\uB85C\uC140\uC744 \uAD6C\uD604\uD588\uACE0 \uC2A4\uC640\uC774\uD504 \uAE30\uB2A5\uC740 react-swipeable \uC744 \uC774\uC6A9\uD574\uC11C \uC801\uC6A9\uD588\uB2E4.

\uC774 \uC791\uC5C5\uC744 \uD558\uBA74\uC11C "\uC5B4\uB835\uACE0 \uADC0\uCC2E\uC544\uC11C \uC2DC\uB3C4\uD558\uC9C0 \uC54A\uB294 \uAC83"\uC5D0 \uB300\uD55C \uC0DD\uAC01\uC774 \uB9CE\uC558\uB2E4. \uB0B4\uAC00 \uC5B4\uB5A4 \uC77C\uC744 \uD560 \uB54C "\uC5B4\uB835\uACE0 \uADC0\uCC2E\uB2E4"\uB294 \uD310\uB2E8\uC774 \uB4E4\uBA74\uC11C \uB9DD\uC124\uC774\uAC8C \uB41C\uB2E4\uB294 \uAC83. \uC774\uAC78 \uAE68\uAE30 \uC704\uD574 \uC758\uC2DD\uC801\uC778 \uB178\uB825\uC744 \uB9CE\uC774 \uD588\uB294\uB370, \uC5EC\uC804\uD788 \uB0B4\uAC00 \uC7AC\uBBF8\uB97C \uB290\uB07C\uACE0 \uAD00\uC2EC\uC774 \uAC00\uB294 \uC77C\uC774 \uC544\uB2C8\uBA74 \uD558\uAE30 \uB9DD\uC124\uC5EC\uC9C0\uB294 \uB9C8\uC74C\uC774 \uC788\uB2E4.

\uB354 \uADFC\uBCF8\uC801\uC778 \uBB38\uC81C\uB294, \uB0B4\uAC00 \uAC00\uC9C4 \uC2DC\uC57C\uAC00 \uCC38 \uD3B8\uD611\uD558\uB2E4. \uC791\uACE0 \uC790\uC798\uD55C \uAC83\uB4E4\uC740 \uC798 \uC0B4\uD3B4\uBCF4\uB824\uACE0 \uD558\uC9C0\uB9CC, \uD06C\uACE0 \uB113\uC740 \uAC83\uB4E4\uC5D0 \uB300\uD574\uC11C\uB294 \uC0DD\uAC01\uD558\uAE30\uAC00 \uD798\uB4E4\uACE0 \uC0DD\uAC01\uB9CC \uD574\uB3C4 \uC2A4\uD2B8\uB808\uC2A4\uB97C \uCC38 \uB9CE\uC774 \uBC1B\uB294\uB2E4.


<\uC2A4\uB0C5 \uADF8\uB9AC\uB4DC \uC88C\uD45C\uACC4 \u2192 \uC808\uB300 \uC88C\uD45C\uACC4 \uC804\uD658>

\uC0AC\uC9C4 6

\uCC98\uC74C\uC5D0 nBilly\uB97C \uCD9C\uC2DC\uD560 \uB54C\uB294 grid-area\uB97C \uC774\uC6A9\uD558\uC5EC 8px, 6px, 4px \uB2E8\uC704\uB85C \uC774\uB3D9 \uBC0F \uD06C\uAE30 \uC870\uC808\uC744 \uD560 \uC218 \uC788\uB3C4\uB85D \uB9CC\uB4E4\uC5C8\uB2E4. \uB2E4\uB9CC, \uC774\uB807\uAC8C \uD588\uC744 \uB54C \uC0AC\uC6A9\uC790\uC758 \uB2E4\uC591\uD55C \uC694\uAD6C\uC0AC\uD56D\uC744 \uCDA9\uC871\uC2DC\uD0A4\uAE30\uAC00 \uC5B4\uB824\uC6E0\uACE0, \uC5B5\uC9C0\uB85C \uC694\uAD6C\uC0AC\uD56D\uC744 \uB9DE\uCD94\uB824\uACE0 \uD558\uB2E4\uBCF4\uB2C8 \uBCF5\uC7A1\uD55C \uCF54\uB4DC\uB4E4\uC774 \uB9CC\uB4E4\uC5B4\uC84C\uB2E4. \uADF8\uB798\uC11C \uACE0\uC2EC \uB05D\uC5D0 \uC808\uB300 \uC88C\uD45C\uACC4\uB85C \uD3B8\uC9D1 \uC2DC\uC2A4\uD15C\uC744 \uC804\uD658\uD588\uB2E4.

\uC0AC\uC9C4 7

\uD3B8\uC9D1\uC758 \uAE30\uC800\uB97C \uBCC0\uACBD\uD558\uB294 \uACFC\uC815\uC774\uC600\uAE30 \uB54C\uBB38\uC5D0 \uBB34\uCC99 \uC624\uB798 \uAC78\uB838\uACE0, \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uB3C4 \uAD49\uC7A5\uD788 \uB9CE\uC558\uB2E4. \uD558\uACE0 \uC2F6\uC740 \uB9D0\uB3C4, \uB2F4\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uB3C4 \uC815\uB9D0 \uB108\uBB34 \uB9CE\uC9C0\uB9CC\u2026 \uACB0\uACFC\uC801\uC73C\uB85C 2\uB2EC \uAC00\uAE4C\uC774 QA\uB97C \uD558\uB294 \uC0AC\uD0DC\uAC00 \uBC1C\uC0DD\uD588\uB2E4.

\uC81C\uC77C \uC774\uC288\uAC00 \uB418\uC5C8\uB358 \uBD80\uBD84\uC740 \uBA40\uD2F0 \uB514\uBC14\uC774\uC2A4 \uB300\uC751\uC774\uC5C8\uB358 \uAC83 \uAC19\uB2E4. Desktop \uBAA8\uB4DC\uC5D0\uC11C\uB294 \uD3B8\uC9D1\uC774 \uC798 \uB418\uAC70\uB098 \uD574\uB3C4 Tablet\uC774\uB098 Mobile \uBAA8\uB4DC\uC5D0\uC11C\uB294 \uC798 \uC548 \uB418\uAC70\uB098, \uC77C\uAD00\uC131\uC774 \uC5C6\uAC70\uB098, \uC88C\uD45C\uAC00 \uC774\uC0C1\uD558\uAC70\uB098, \uAE30\uD0C0 \uB4F1\uB4F1\u2026. \uC815\uB9D0\u2026. \uB108\uBB34 \uB9CE\uC740 \uBB38\uC81C\uAC00 \uC788\uC5C8\uB2E4.


<\uC5D0\uB514\uD130 \uD3B8\uC9D1 \uC131\uB2A5 \uCD5C\uC801\uD654>

\uC81C\uC77C \uBAB0\uC785\uC744 \uB9CE\uC774 \uD588\uB358 \uC77C\uC774 \uC131\uB2A5 \uCD5C\uC801\uD654\uC600\uB2E4. \uC131\uB2A5 \uCD5C\uC801\uD654 \uC791\uC5C5\uC744 \uD560 \uB54C\uB294 \uD558\uB8E8 \uC885\uC77C \uC77C \uC0DD\uAC01\uB9CC \uD558\uC9C0 \uC54A\uC558\uB098 \uC2F6\uB2E4.

\uC77C\uC5B4\uB0AC\uC744 \uB54C, \uC53B\uC744 \uB54C, \uBC25\uBA39\uC744 \uB54C, \uC0B0\uCC45\uD560 \uB54C, \uC790\uAE30 \uC9C1\uC804 \uB4F1 \uAC70\uC758 \uBAA8\uB4E0 \uC21C\uAC04\uC744 "\uC5B4\uB5BB\uAC8C \uD574\uC57C \uC131\uB2A5\uC774 \uC88B\uC544\uC9C8\uAE4C?" \uC5D0 \uB300\uD574 \uACE0\uBBFC\uD588\uB2E4. \uADF8\uB9CC\uD07C \uC7AC\uBBF8\uB3C4 \uC788\uC5C8\uACE0 \uBCF4\uB78C\uB3C4 \uC788\uC5C8\uACE0 \uD798\uB4E4\uAE30\uB3C4 \uD588\uACE0.

\uC0AC\uC9C4 8

\uC0AC\uC9C4 9

\uAE30\uC874\uC5D0 Context\uC640 Store\uB97C \uBAA8\uB4E0 \uC601\uC5ED\uC5D0\uC11C \uB0A8\uBC1C\uD558\uC5EC \uC0AC\uC6A9\uD558\uACE0 \uC788\uC5C8\uB2E4. \uB355\uBD84\uC5D0 \uD3B8\uC9D1 \uC778\uD130\uB799\uC158\uC774 \uBC1C\uC0DD\uD558\uBA74, \uBAA8\uB4E0 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uB9AC\uB80C\uB354\uB9C1 \uB418\uB294 \uD604\uC0C1\uC774 \uBC1C\uC0DD\uD588\uB2E4. \uD504\uB85C\uD30C\uC77C\uC744 \uD574\uBCF4\uBA74 \uBAA8\uB4E0 \uC601\uC5ED\uC5D0\uC11C \uB80C\uB354\uB9C1\uC774 \uBC1C\uC0DD\uD558\uB294\uAC78 \uD655\uC778\uD560 \uC218 \uC788\uC5C8\uB2E4.

\uC0AC\uC9C4 10

\uAC01\uAC01\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uC54C\uC544\uC57C \uD558\uB294 Context\uC758 Scope\uB97C \uC81C\uD55C\uD558\uACE0, Store\uC758 \uACBD\uC6B0 \uD544\uC694\uD55C \uAC12\uB9CC \uAC00\uC838\uC640 \uC0AC\uC6A9\uD558\uB294 \uBC29\uC2DD\uC73C\uB85C \uC774\uB97C \uAC1C\uC120\uD588\uB2E4.

\uC0AC\uC9C4 11

\uD3B8\uC9D1 \uC911(\uAC1C\uCCB4\uAC00 \uC774\uB3D9 \uC911\uC774\uAC70\uB098 \uB9AC\uC0AC\uC774\uC988 \uC911)\uC77C \uB54C\uB294 context\uB9CC \uBCC0\uACBD\uB418\uAE30 \uB54C\uBB38\uC5D0, \uB80C\uB354\uB9C1 \uBE44\uC6A9\uC774 \uC870\uAE08 \uB354 \uB0AE\uC558\uACE0

\uC0AC\uC9C4 12

\uD3B8\uC9D1\uC774 \uC644\uB8CC\uB418\uB294 \uC2DC\uC810\uC5D0 store\uC5D0 \uC5C5\uB370\uC774\uD2B8\uB97C \uD558\uB294\uB370, \uC774 \uB54C\uC5D0\uB3C4 store\uB97C \uCC38\uC870\uD558\uB294 \uCEF4\uD3EC\uB10C\uD2B8\uB4E4\uC774 \uC815\uB9D0 \uAF2D \uD544\uC694\uD55C \uAC12\uB9CC \uAC00\uC838\uB2E4 \uC0AC\uC6A9\uD558\uB3C4\uB85D \uD558\uACE0, \uAC12\uC774 \uBCC0\uACBD\uB418\uC9C0 \uC54A\uC558\uC744 \uACBD\uC6B0 \uB80C\uB354\uB9C1\uC774 \uB418\uC9C0 \uC54A\uB3C4\uB85D \uD558\uC5EC \uCD5C\uC801\uD654\uB97C \uD588\uB2E4.

\uC774 \uC678\uC5D0 \uBDF0\uC5B4 \uC131\uB2A5 \uCD5C\uC801\uD654\uB3C4 \uD588\uB294\uB370, \uD06C\uAC8C \uAE30\uC5EC\uD558\uC9C4 \uC54A\uC558\uAE30 \uB54C\uBB38\uC5D0 \uC77C\uB2E8 \uC0DD\uB7B5. (\uC4F0\uAE30 \uADC0\uCC2E\uC544\uC11C \uADF8\uB7F0\uAC74 \uC808\uB300 \uC544\uB2C8\uB2E4)


<\uD14C\uC2A4\uD2B8\uCF54\uB4DC \uBCF4\uC644>

\uC0AC\uC9C4 13

\uC55E\uC5D0\uC11C \uC5B8\uAE09\uD55C \uD3B8\uC9D1 \uC88C\uD45C\uACC4 \uC804\uD658 + \uC131\uB2A5 \uCD5C\uC801\uD654 \uC791\uC5C5\uC744 \uD558\uBA74\uC11C \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uC758 \uCEE4\uBC84\uB9AC\uC9C0\uB97C 50%\uC5D0\uC11C 65% \uC815\uB3C4\uB85C \uB04C\uC5B4\uC62C\uB838\uB2E4.

\uC774\uC804\uC5D0\uB294 \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uB54C \uB9C9\uC5F0\uD55C \uB450\uB824\uC6C0\uC774 \uC788\uC5C8\uB294\uB370 (\uC77C\uC885\uC758 \uC5B4\uB835\uACE0 \uADC0\uCC2E\uC740\u2026?), \uACC4\uC18D \uC791\uC131\uD558\uB2E4\uBCF4\uB2C8\uAE4C \uC0DD\uAC01\uBCF4\uB2E4 \uC7AC\uBC0C\uAE30\uB3C4 \uD558\uACE0, \uC219\uB828\uB3C4\uAC00 \uB192\uC544\uC9C0\uB2C8\uAE4C \uC18D\uB3C4\uAC00 \uBD99\uC5C8\uB2E4. \uC774\uC058\uAC8C \uC798 \uC791\uC131\uD558\uB294\uAC74 \uB458\uC9F8\uCE58\uACE0 \uC77C\uB2E8 \uB9CC\uB4E4\uC5B4\uB194\uC57C \uBB50\uB77C\uB3C4 \uB418\uC9C0 \uC54A\uC744\uAE4C \uD558\uB294 \uC0DD\uAC01\uC73C\uB85C \uC791\uC131\uD588\uB358 \uAC83 \uAC19\uB2E4.

\uBB34\uC5B8\uAC00\uB97C \uC798 \uD558\uAE30 \uC704\uD574\uC120 \uC77C\uB2E8 \uC775\uC219\uD574\uC838\uC57C\uD55C\uB2E4.

  • \uBAB8\uC744 \uC798 \uC4F0\uAE30 \uC704\uD574\uC120, \uBAB8\uC744 \uC4F0\uB294\uAC8C \uC775\uC219\uD574\uC57C \uD55C\uB2E4.
  • \uBA38\uB9AC\uB97C \uC798 \uC4F0\uAE30 \uC704\uD574\uC120, \uBA38\uB9AC\uB97C \uC4F0\uB294\uAC8C \uC775\uC219\uD574\uC57C \uD55C\uB2E4.
  • \uCF54\uB529\uC744 \uC798 \uD558\uAE30 \uC704\uD574\uC120, \uCF54\uB529\uC744 \uD558\uB294\uAC8C \uC775\uC219\uD574\uC57C \uD55C\uB2E4.
  • \uC124\uACC4\uB97C \uC798 \uD558\uAE30 \uC704\uD574\uC120, \uC124\uACC4\uB97C \uD558\uB294\uAC8C \uC775\uC219\uD574\uC57C \uD55C\uB2E4.
  • \uD14C\uC2A4\uD2B8\uB97C \uC798 \uC9DC\uAE30 \uC704\uD574\uC120, \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uB97C \uC791\uC131\uD558\uB294\uAC8C \uC77C\uB2E8 \uC775\uC219\uD574\uC57C \uD55C\uB2E4.

\uB9C8\uC74C\uB9CC \uC870\uAE09\uD574\uC120 \uC548 \uB41C\uB2E4\uB294\uAC78, \uC694\uC998\uB4E4\uC5B4 \uCC38 \uB9CE\uC774 \uB290\uB07C\uACE0 \uC788\uB2E4. \uBE68\uB9AC \uAC00\uB294 \uAE38\uC774 \uC788\uC744 \uC218 \uC788\uC9C0\uB9CC, \uACB0\uAD6D \uBC11\uBC14\uB2E5\uBD80\uD130 \uCC28\uACE1\uCC28\uACE1 \uC313\uC544\uAC00\uC9C0 \uC54A\uC73C\uBA74 \uC548 \uB418\uB294 \uC601\uC5ED\uC774 \uC874\uC7AC\uD55C\uB2E4. \uB2E4\uB978 \uC0AC\uB78C\uC740 \uC5B4\uB5A8\uC9C0 \uBAB0\uB77C\uB3C4 \uC77C\uB2E8 \uB098\uB294 \uADF8\uB7F0 \uC0AC\uB78C\uC774\uB2E4.

\uD0C0\uACE0\uB09C \uC7AC\uB2A5\uB3C4 \uC5C6\uACE0, \uD2B9\uCD9C\uB098\uAC8C \uC798\uD558\uB294 \uAC83\uB3C4 \uC5C6\uACE0, \uADF8\uC800 \uB0A8\uB4E4\uC5D0\uAC8C \uC9C0\uAE08\uC740 "\uC798 \uD558\uB294 \uAC83 \uCC98\uB7FC \uBCF4\uC77C \uC218 \uC788\uB294 \uC601\uC5ED"\uC740 \uBB34\uC218\uD788 \uB9CE\uC740 \uC2DC\uAC04\uC744 \uD22C\uC790\uD574\uC11C \uC870\uAE08\uC774\uB098\uB9C8 \uADF8\uB7F4\uB4EF\uD574 \uBCF4\uC774\uB294 \uAC83\uB4E4\uC774\uB2E4.

\uC5B4\uB824\uC6B4 \uC77C\uB3C4, \uD798\uB4E0 \uC77C\uB3C4, \uC77C\uB2E8 \uBD80\uB52A\uD600\uBCF4\uACE0 \uC775\uC219\uD574\uC838\uC57C \uD55C\uB2E4.

24\uB144\uC758 \uBAA9\uD45C\uC774\uAE30\uB3C4 \uD558\uACE0, \uB2E4\uC9D0\uC774\uAE30\uB3C4 \uD558\uACE0?


<\uBE44\uB514\uC624 \uC5C5\uB85C\uB4DC \uCD94\uAC00 + \uBAA8\uB4C8\uD654>

\uC0AC\uC9C4 14

\uB2E8\uC21C\uD574\uBCF4\uC774\uB294 \uC774 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uAE30 \uC704\uD574 \uC0DD\uAC01\uBCF4\uB2E4 \uB9CE\uC740 \uC0BD\uC9C8\uC744 \uD588\uB2E4. \uC628\uC804\uD788 \uBAA8\uB4E0 \uAE30\uB2A5\uC744 \uC9C1\uC811 \uAD6C\uD604\uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uC678\uBD80 \uC758\uC874\uC774 \uC874\uC7AC\uD588\uAE30 \uB54C\uBB38\uC5D0, \uAD00\uB828 \uC790\uB8CC\uB4E4\uC744 \uAF3C\uAF3C\uD558\uAC8C \uC218\uC9D1\uD574\uC57C \uD588\uC73C\uB098 \uADF8\uB7EC\uC9C8 \uBABB\uD588\uB2E4.

\uB2E4\uB978 \uD2F0\uCF13\uC744 \uC791\uC5C5\uD560 \uB54C\uB3C4 \uADF8\uB807\uC9C0\uB9CC, \uC774 \uD2F0\uCF13\uC744 \uC791\uC5C5\uD558\uBA74\uC11C \uB098\uC758 \uB2E8\uC810\uACFC \uB098\uC758 \uBD80\uC871\uD55C \uBD80\uBD84\uC774 \uB108\uBB34 \uB9CE\uC774 \uBCF4\uC600\uB2E4.

\uB098\uB294 \uC2DC\uC57C\uAC00 \uC881\uB2E4. \uC815\uD655\uD788\uB294, \uBA40\uB9AC \uBD10\uC57C \uB418\uB294\uB370 \uBA40\uB9AC \uBCF4\uC9C8 \uBABB\uD55C\uB2E4. \uC0DD\uAC01\uC774 \uAC70\uAE30\uAE4C\uC9C0 \uBED7\uC5B4\uB098\uAC00\uC9C8 \uBABB\uD55C\uB2EC\uAE4C..

\uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C\uB294 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC758 \uC911\uC694\uC131\uC744 \uC774\uC57C\uAE30 \uD558\uACE4 \uD558\uC9C0\uB9CC, \uC815\uC791 \uB0B4\uAC00 \uC774\uAC78 \uC81C\uB300\uB85C \uBABB\uD558\uACE0 \uC788\uC5C8\uB2E4. \uB0B4 \uC0C1\uD0DC\uC640 \uB0B4\uAC00 \uD558\uACE0 \uC788\uB294 \uC77C\uC758 \uC0C1\uD0DC\uB97C \uC8FC\uAE30\uC801\uC73C\uB85C \uD300 \uB0B4\uC5D0 \uACF5\uC720\uD558\uB294 \uAC83\uC774 \uB9E4\uC6B0 \uC911\uC694\uD558\uB2E4\uB294 \uAC83. \uBB38\uC81C \uD574\uACB0\uC744 \uC8FC\uB3C4\uD558\uB294 \uC0AC\uB78C, \uB9AC\uB529\uD558\uB294 \uC0AC\uB78C\uC5D0\uAC8C\uB294 "\uC608\uCE21"\uC774 \uC911\uC694\uD558\uB2E4. \uADF8\uAC8C \uC77C\uC774\uB4E0 \uC0AC\uB78C\uC774\uB4E0 \uC5B4\uB290 \uC815\uB3C4\uB294 \uC608\uCE21\uC774 \uB418\uAC70\uB098 \uAD00\uB9AC\uAC00 \uB418\uC5B4\uC57C \uD558\uB294\uB370, \uADF8\uAC78 \uC704\uD574\uC120 \uC9C1\uC811 \uD655\uC778\uC744 \uD558\uAC70\uB098 \uD639\uC740 \uBCF4\uACE0\uAC00 \uC624\uAC70\uB098.

\uB098\uC758 \uACBD\uC6B0 \uC774 \uC77C\uC744 \uC9C4\uD589\uD558\uBA74\uC11C \uD655\uC778\uC744 \uD558\uC9C0\uB3C4 \uC54A\uC558\uACE0, \uAD00\uB9AC\uC790\uC5D0\uAC8C \uC774\uC57C\uAE30\uB97C \uD558\uC9C0\uB3C4 \uC54A\uC558\uB2E4. \uCD5C\uC545\uC774\uB2E4

\uB098\uB294 \uC0AC\uB78C \uD65C\uC6A9\uC744 \uC798 \uBABB\uD558\uB294 \uD3B8\uC774\uB2E4. \uC77C\uB2E8 \uC798 \uC548 \uD480\uB9B4 \uB54C, "\uB3C4\uC640\uC8FC\uC138\uC694!" \uB77C\uACE0 \uC27D\uAC8C \uC774\uC57C\uAE30\uB97C \uD560 \uC218 \uC788\uC5B4\uC57C \uD558\uB294\uB370 \uADF8\uAC8C \uCC38 \uC5B4\uB835\uB2E4. \uC8FC\uBCC0\uC5D0 \uB098\uB97C \uB3C4\uC640\uC904 \uC218 \uC788\uB294 \uC0AC\uB78C\uC774 \uCC38 \uB9CE\uC740\uB370, \uD63C\uC790\uC11C \uB059\uB059 \uC553\uB294\uAC78 \uCC38 \uC624\uB798 \uD55C\uB2E4. \uC0AC\uC2E4 \uC5B4\uB9B4 \uB54C\uBD80\uD130 \uADF8\uB807\uAC8C \uC0B4\uC544\uC628\uAC8C \uC775\uC219\uD55C\uAC8C \uC81C\uC77C \uD06C\uB2E4.

\uC5B4\uCA0C\uB4E0, \uB354 \uC801\uADF9\uC801\uC73C\uB85C \uB098\uC5D0\uAC8C \uC8FC\uC5B4\uC9C4 \uBAA8\uB4E0 \uC790\uC6D0\uC744 \uD65C\uC6A9\uD574\uBCF4\uACE0 \uC2F6\uB2E4.


<\uC0DD\uC560 \uCCAB TF>

\uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 23\uB144 \uD558\uBC18\uAE30\uC5D0 \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 TF \uD300\uC5D0 \uCC29\uCD9C(?)\uC774 \uB418\uC5C8\uB2E4. \uC790\uC138\uD55C \uB0B4\uC6A9\uC744 \uC774\uC57C\uAE30\uD560 \uC218\uB294 \uC5C6\uC9C0\uB9CC, \uC785\uC0AC \uD6C4\uC5D0 nBilly \uD300\uC774 \uC544\uB2CC \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uACFC \uAC19\uC774 \uC77C\uC744 \uD574\uBCF8\uAC8C \uCC98\uC74C\uC774\uB77C \uBB34\uCC99 \uC2E0\uC120\uD55C \uACBD\uD5D8\uC774\uC5C8\uB2E4.

\uC5B4\uB5BB\uAC8C \uBAA9\uD45C\uB97C \uC124\uC815\uD574\uC57C \uD558\uACE0, \uB0B4\uAC00 \uAC00\uC9C4 \uC0DD\uAC01\uC744 \uC5B4\uB5A4\uC2DD\uC73C\uB85C \uC815\uC81C\uD574\uC11C \uC804\uB2EC\uD574\uC57C \uD6A8\uACFC\uC801\uC778\uC9C0\uC5D0 \uB300\uD574 \uB9E4\uC77C \uC0DD\uAC01\uD588\uB358 \uAC83 \uAC19\uB2E4.

\uC774\uB7F0 \uACE0\uBBFC\uC744 \uD560 \uB2F9\uC2DC\uC5D0 \uD300 \uB0B4\uC5D0\uC11C "\uC0AC\uC6A9\uC790 \uC2A4\uD1A0\uB9AC" "\uC608\uC81C\uB97C \uD65C\uC6A9\uD55C \uBA85\uC138" \uB4F1\uC758 \uCC45\uC73C\uB85C \uC2A4\uD130\uB514\uB97C \uD558\uACE0 \uC788\uC5C8\uB2E4. \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uD560 \uB54C \uC804\uBB38\uC6A9\uC5B4\uB85C \uC774\uC57C\uAE30\uB97C \uD558\uAE30\uBCF4\uB2E8, \uC608\uC81C\uB098 \uC0AC\uC6A9\uC790 \uC2A4\uD1A0\uB9AC\uB294 \uADF8 \uC790\uCCB4\uAC00 \uBAA9\uD45C \uD639\uC740 \uBAA9\uC801\uC774 \uB418\uACE0, \uC774\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD574 \uD544\uC694\uD55C \uAC83\uB4E4\uB85C \uC5F0\uACB0\uC9C0\uC5B4 \uC124\uBA85\uD588\uC744 \uB54C \uD6A8\uACFC\uAC00 \uC88B\uC740 \uAC83 \uAC19\uB2E4.

\uADF8\uB798\uC11C "\uC6B0\uB9AC\uAC00 \uB9CC\uB4DC\uB294 \uC11C\uBE44\uC2A4 \uD639\uC740 \uB3C4\uAD6C\uB97C \uC0AC\uB78C\uB4E4\uC740 \uC5B4\uB5BB\uAC8C \uC0AC\uC6A9\uD560\uAE4C?" \uB97C \uAE30\uC900\uC73C\uB85C \uC790\uB8CC\uB97C \uB9CC\uB4E4\uACE0, \uC774\uB97C \uAE30\uBC18\uC73C\uB85C \uC6B0\uB9AC\uAC00 \uD574\uC57C\uB418\uB294 \uAC83\uB4E4\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30\uB97C \uD558\uACE0\uC790 \uD588\uB2E4.

\uC774 \uC678\uC5D0\uB3C4 \uCD08\uAE30 \uAC1C\uBC1C\uD658\uACBD \uAD6C\uC131, \uC778\uD504\uB77C \uAD6C\uC131, \uBC30\uD3EC\uD658\uACBD \uAD6C\uC131, \uD53C\uADF8\uB9C8 \uD50C\uB7EC\uADF8\uC778 \uD504\uB85C\uD1A0\uD0C0\uC785 \uAC1C\uBC1C \uB4F1 \uC790\uC798\uD55C \uAC83\uB4E4\uC744 \uD588\uC5C8\uB294\uB370 \uAF64 \uC7AC\uBC0C\uC5C8\uB2E4.

\uD558\uC9C0\uB9CC nBilly \uC9C0\uC6D0\uC774 \uB354 \uAE09\uD588\uAE30 \uB54C\uBB38\uC5D0 TF\uC5D0\uC11C\uB294 \uB450 \uB2EC \uC815\uB3C4\uB9CC \uCC38\uC5EC\uD558\uACE0 \uBCF5\uADC0\uD588\uB2E4.


(3) \uBB34\uC218\uD788 \uB9CE\uC740 \uC544\uC26C\uC6B4 \uC810\uB4E4

\uD300\uC5D0\uC11C\uC758 \uB0B4 \uBAA8\uC2B5\uC744 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC804\uCCB4\uC801\uC73C\uB85C \uBD88\uB9CC\uC871\uC2A4\uB7FD\uB2E4. \uC62C\uD574\uB294 \uAC70\uC758 \uB9E4\uC77C \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C \uB0B4\uAC00 \uD558\uB294 \uC77C\uC5D0 \uB300\uD574\uC11C, \uC6B0\uB9AC \uD300\uC5D0 \uB300\uD574\uC11C \uACE0\uBBFC\uC744 \uAF64 \uB9CE\uC774 \uD588\uB2E4. \uC77C\uC744 \uC798 \uD558\uACE0 \uC2F6\uC5B4\uC11C \uACE0\uBBFC\uC744 \uB9CE\uC774 \uD588\uC73C\uB098 \uC798\uD558\uAE34 \uAC1C\uBFD4\u2026 \uB9E8\uB0A0 \uD138\uB9B0\uB2E4.

\uC6B0\uB9AC \uD300\uC740 \uC88B\uC740 \uBB38\uD654\uB97C \uC131\uC219\uD55C \uBB38\uD654\uB97C \uB9CC\uB4E4\uC5B4\uC654\uACE0, \uC55E\uC73C\uB85C\uB3C4 \uB354 \uC88B\uC544\uC9C8 \uAC83\uC774\uB2E4. \uD558\uC9C0\uB9CC \uD300\uC774 \uC544\uB2C8\uB77C \uD669\uC900\uC77C\uC774\uB77C\uB294 \uAC1C\uC778\uC744 \uB193\uACE0 \uBCF4\uBA74 \uCC38 \uBB38\uC81C \uD22C\uC131\uC774\uB2E4.

23\uB144\uC5D0\uB294 \uD300\uC758 \uBAA9\uD45C\uAC00 \uD68C\uC0AC\uC758 \uBC29\uD5A5\uC131\uC5D0 \uB9DE\uCDB0\uC11C \uC720\uAE30\uC801\uC73C\uB85C \uBCC0\uD588\uC73C\uB098, \uD300\uC758 \uBAA9\uD45C\uC5D0 \uB9DE\uCDB0\uC11C \uB098\uC758 \uBAA9\uD45C\uAC00 \uBCC0\uD558\uC9C0 \uBABB\uD588\uACE0, \uD070 \uD750\uB984\uC744 \uCAD3\uC544\uAC00\uC9C0 \uBABB\uD588\uB2E4. \uBABB\uD55C\uAC8C \uCC38 \uB9CE\uB2E4. \uBABB\uD55C\uAC78\uAE4C \uC548\uD55C\uAC78\uAE4C \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC548 \uD55C \uAC83\uC5D0 \uAC00\uAE5D\uC9C0 \uC54A\uC744\uAE4C?

\uC55E\uC73C\uB85C \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC744\uC9C0 \uC5F0\uB9D0 \uC5F0\uD734 \uB54C \uAF64 \uAE4A\uAC8C \uC0DD\uAC01\uD588\uACE0 \uACB0\uB860\uC744 \uB0B4\uB838\uACE0 \uBC29\uD5A5\uC131\uB3C4 \uC815\uD588\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB294\uB370, \uAE00\uC744 \uC4F0\uB294 \uC9C0\uAE08 \uC2DC\uC810\uC5D0\uB294 \uB610 \uBAA8\uD638\uD574\uC9C4 \uAC83 \uAC19\uB2E4. \uC0AC\uC2E4 \uBC29\uD5A5\uC131\uC774\uB77C\uB294\uAC8C \uB098 \uD63C\uC790 \uC815\uD55C\uB2E4\uACE0 \uB05D\uC774 \uC544\uB2C8\uB77C \uD300\uC5D0 align\uC774 \uB418\uC5B4\uC57C \uD55C\uB2E4. \uADF8\uB798\uC11C \uB0B4\uAC00 \uC0DD\uAC01\uD55C \uBC29\uD5A5\uC131\uC774 \uB9DE\uB294\uC9C0 1\uC6D4 \uC911\uC73C\uB85C \uD655\uC778\uD574\uBCF4\uACE0 \uC2F6\uB2E4. \uC77C\uB2E8 \uAE09\uD55C\uBD88\uBD80\uD130 \uB044\uACE0

\uADF8\uB9AC\uACE0 \uB610 \uD55C \uAC00\uC9C0 \uB0B4\uAC00 \uD06C\uAC8C \uC798\uBABB\uD55C \uC810\uC744 \uC0DD\uAC01\uD574\uBCF4\uBA74, "\uC77C"\uC774 \uC544\uB2C8\uB77C "\uC0AC\uB78C"\uC5D0 \uB300\uD574 \uB108\uBB34 \uB9CE\uC774 \uACE0\uBBFC\uC744 \uD588\uB2E4\uB294 \uAC83. \uC77C\uC744 \uC798 \uD558\uACE0 \uC2F6\uC73C\uBA74 \uC77C \uC790\uCCB4\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uD558\uB294\uAC8C \uB9DE\uC744\uD150\uB370 \uADF8\uB7EC\uC9C8 \uC54A\uC558\uB2E4.

\uAC01\uAC01\uC758 \uC0AC\uB78C\uB4E4\uC774 \uC5B4\uB5A4 \uD589\uB3D9\uC744 \uD588\uC744 \uB54C \uADF8\uB7F0 \uD589\uB3D9\uC744 \uD558\uB294 \uC774\uC720\uB4E4\uC774 \uAD81\uAE08\uD588\uACE0, \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC774 \uAC00\uC9C0\uACE0 \uC788\uB294 \uC7A5\uC810\uACFC \uB2E8\uC810\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD558\uB294\uAC8C \uC7AC\uBC0C\uC5C8\uACE0, \uB098\uC640 \uBE44\uAD50\uD574\uBCF4\uBA74\uC11C \uB098\uB294 \uB610 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0 \uC54C\uC544\uAC00\uB294\uAC8C \uC7AC\uBC0C\uC5C8\uB2E4.

\uD300\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD558\uACE0 \u2192 \uAC1C\uAC1C\uC778\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD558\uACE0 \u2192 \uB2E4\uC2DC \uB098\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD558\uACE0.

\uC774\uAC8C \uAF2D \uD300\uC5D0 \uAD6D\uD55C\uB41C\uAC8C \uC544\uB2C8\uB77C, \uC62C\uD574\uC5D0 \uB0B4\uAC00 \uB9CC\uB0AC\uB358 \uBAA8\uB4E0 \uC0AC\uB78C\uB4E4\uC5D0 \uB300\uD574 \uAF64 \uAE4A\uAC8C \uC0DD\uAC01\uD588\uB2E4.

\uAC00\uC871, \uCE5C\uAD6C, \uB3D9\uB8CC, \uD6C4\uBC30, \uC81C\uC790, \uADF8\uB9AC\uACE0 \uC9E7\uAC8C \uC2A4\uCCD0\uAC04 \uB2E4\uC591\uD55C \uC778\uC5F0\uB4E4.

\uC62C\uD574\uB294 \uB0B4\uAC00 "\uD669\uC900\uC77C" \uC774\uB77C\uB294 \uC874\uC7AC\uB97C \uB2E4\uBC29\uBA74\uC5D0\uC11C \uC783\uC5B4\uBC84\uB838\uC5C8\uB2E4. \uB09C \uC65C \uC774\uBAA8\uC591\uC77C\uAE4C, \uC65C \uC774\uB7F0 \uC0AC\uB78C\uC77C\uAE4C, \uC65C \uC774\uB7F0 \uC0DD\uAC01\uC744\uD560\uAE4C \uAD81\uAE08\uD588\uB2E4. \uB098\uB97C \uB458\uB7EC\uC2F8\uACE0 \uC788\uB294 \uC0AC\uB78C\uB4E4\uACFC \uADF8 \uC18D\uC5D0\uC11C\uC758 \uB0B4 \uBAA8\uC2B5\uC744 \uC870\uB9BD\uD574\uBCF4\uBA70 \uB098\uB97C \uCC3E\uC544\uAC00\uB294 \uC2DC\uAC04\uB4E4\uC774\uC5C8\uB2E4.

\uC544\uB9C8 \uC774\uAC74 \uD574\uAC00 \uBC14\uB00C\uC5B4\uB3C4 \uB2EC\uB77C\uC9C0\uC9C0 \uC54A\uC744 \uAC83 \uAC19\uB2E4. \uC624\uB298\uB3C4 \uADF8\uB7AC\uACE0, \uC5B4\uC81C\uB3C4 \uADF8\uB7AC\uB2E4. \uC0AC\uC2E4 \uC9C4\uC791\uC5D0 \uD588\uC5B4\uC57C \uD558\uB294 \uC0DD\uAC01\uB4E4\uC774 \uC544\uB2C8\uC5C8\uC744\uAE4C?

\uC0BC\uCC9C\uD3EC\uB85C \uBE60\uC9C4 \uAC83 \uAC19\uC740\uB370, \uC5B4\uCA0C\uB4E0 23\uB144\uC758 nBilly\uC5D0\uC11C\uC758 \uB0B4 \uBAA8\uC2B5\uC744 \uC815\uB9AC\uD574\uBCF4\uBA74 \uC544\uB798\uC640 \uAC19\uB2E4.

  • \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uC798 \uD558\uC9C0 \uBABB\uD588\uACE0
  • \uC0DD\uAC01\uB9CC \uB9CE\uC558\uACE0
  • \uC8FC\uC800\uD55C \uD589\uB3D9\uC774 \uB9CE\uC558\uACE0
  • \uAE30\uC220\uC801\uC778 \uC131\uC7A5\uC774 \uB354\uB514\uACE0
  • \uC8FC\uB3C4\uC131\uC774 \uBD80\uC871\uD588\uACE0
  • \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC744 \uB2F5\uB2F5\uD558\uAC8C \uD588\uACE0
  • \uB098\uB97C \uC798 \uB4DC\uB7EC\uB0B4\uC9C0 \uBABB\uD588\uACE0
  • \uAE30\uB300\uC5D0 \uBD80\uC751\uD558\uC9C0 \uBABB\uD588\uACE0
  • \uBB38\uC81C \uC815\uC758\uB97C \uC798 \uD558\uC9C0 \uBABB\uD588\uACE0
  • \uBAA9\uD45C \uC124\uC815\uC744 \uC798 \uD558\uC9C0 \uBABB\uD588\uACE0
  • \uD070 \uADF8\uB9BC\uC744 \uBCF4\uC9C8 \uBABB\uD588\uACE0
  • \uBA40\uB9AC \uBCF4\uC9C8 \uBABB\uD588\uACE0
  • \uD504\uB85C \uC758\uC2DD\uC774 \uBD80\uC871\uD588\uACE0
  • \uD300\uC6D0\uC744 \uC798 \uD65C\uC6A9\uD558\uC9C8 \uBABB\uD588\uACE0

\uB0B4\uB144\uC5D4 \uC870\uAE08 \uB354 \uB098\uC544\uC9C8 \uC218 \uC788\uAE30\uB97C \u{1F64F}


(4) 24\uB144\uC5D0 \uB300\uD55C \uC9E7\uC740 \uB2E4\uC9D0

  • \uC81C\uC77C \uD558\uACE0 \uC2F6\uC740\uAC74 \uC81C\uD488\uC758 \uD004\uB9AC\uD2F0\uB97C \uB192\uC774\uB294 \uAC83.
    • \uD300\uC758 \uBAA9\uD45C\uC640\uB294 \uBCC4\uAC1C\uB85C, \uADF8\uB0E5 \uB0B4\uAC00 \uCC38 \uD558\uACE0 \uC2F6\uC740 \uC77C\uC774\uB2E4.
    • \uADF8\uB7EC\uAE30 \uC704\uD574\uC120 \uB354 \uBD84\uC8FC\uD558\uAC8C \uC6C0\uC9C1\uC5EC\uC57C \uD558\uACE0, \uD574\uC57C \uD558\uB294 \uC77C\uC744 \uC798 \uB9C8\uBB34\uB9AC\uB97C \uD558\uACE0, \uB0B4\uAC00 \uD558\uACE0 \uC2F6\uC740 \uC77C\uC744 \uD2C8\uD2C8\uC774 \uD574\uC57C\uB418\uACA0\uC9C0?
  • \uAC00\uD30C\uB978 \uC131\uC7A5\uC740 \uACB0\uAD6D \uB2E8\uB2E8\uD558\uAC8C \uC313\uC544\uC62C\uB9AC\uB294 \uAC83\uB4E4 \uC704\uC5D0\uC11C \uC774\uB8E8\uC5B4\uC9C4\uB2E4. \uC81C\uC77C \uD6A8\uC728\uC801\uC73C\uB85C \uC131\uC7A5\uD558\uB294 \uBC29\uBC95\uC740 \uACB0\uAD6D "\uC2DC\uB3C4"\uD558\uB294 \uAC83. \uBE60\uB978 \uAE38\uC740 \uC815\uC9C1\uD558\uAC8C \uAC00\uB294 \uAE38.
  • \uC0AC\uB78C\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uADF8 \uC0AC\uB78C\uC774 \uD558\uB294 \uACE0\uBBFC\uC5D0 \uB300\uD574 \uAC19\uC774 \uACE0\uBBFC\uC744 \uD574\uC57C\uD55C\uB2E4\uB294 \uAC83. \uD300\uC6D0\uB4E4\uC774 \uD558\uB294 \uACE0\uBBFC\uC744 \uB098\uB3C4 \uAC19\uC774 \uD574\uBCF4\uACE0 \uADF8\uAC78 \uC2B5\uAD00\uD654 \uD574\uBCF4\uC790.
  • \uB0B4 \uC0C1\uD0DC\uC640 \uB0B4\uAC00 \uD558\uB294 \uC77C\uC758 \uC0C1\uD0DC\uB97C \uC8FC\uAE30\uC801\uC73C\uB85C \uACF5\uC720\uD558\uB294 \uAC83.
    • "\uD798\uB4E4\uC5B4\uC694! \uB3C4\uC640\uC8FC\uC138\uC694!"
    • "\uC81C\uAC00 \uB3C4\uC6B8 \uC77C\uC774 \uC5C6\uC744\uAE4C\uC694?"
    • "\uC774\uB7EC\uC800\uB7EC\uD55C \uAC83\uB4E4\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uD574\uBD24\uC5B4\uC694."
  • \uBAA9\uD45C\uC5D0 \uB300\uD574 \uB9E4\uC77C\uB9E4\uC77C \uC810\uAC80\uD558\uAE30.
    • 23\uB144\uC5D0\uB294 KPI\uAC00 \uADF8\uB0E5 \uBB34\uC870\uAC74 \uC2EB\uC5C8\uB294\uB370, \uC774\uC81C\uB294 \uC65C \uC911\uC694\uD55C\uC9C0 \uC65C \uD544\uC694\uD55C\uC9C0 \uC778\uC9C0\uD588\uACE0 \uC774\uAC78 \uC798 \uD65C\uC6A9\uD574\uBCF4\uACE0 \uC2F6\uB2E4.
    • \uC2B5\uAD00\uD654\uAC00 \uB418\uC5B4\uC57C \uD55C\uB2E4.
    • \uC5B4\uB835\uB2E4\uACE0 \uD798\uB4E4\uB2E4\uACE0 \uD68C\uD53C\uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uBD80\uB52A\uD600\uC57C \uD55C\uB2E4.



2. \uD65C\uB3D9

(1) \uC624\uAE00\uC624\uAE00(\uC624\uAE00\uAC70\uB824\uB3C4, \uC624\uB298\uC758 \uAE00\uC4F0\uAE30)

\uB124\uC774\uBC84\uC5D0 \uC785\uC0AC\uD574\uC11C \uC81C\uC77C \uC798\uD55C \uC77C \uC911\uC5D0 \uD558\uB098\uAC00 \uBC14\uB85C "\uC624\uAE00\uC624\uAE00(\uC624\uB298\uC758 \uAE00\uC4F0\uAE30)" \uC774\uB77C\uB294 \uC0AC\uB0B4\uB3D9\uC544\uB9AC\uC5D0 \uAC00\uC785\uD55C \uAC83\uC774\uB2E4. \uC5B4\uB5A4 \uC8FC\uC81C\uB4E0 \uC0C1\uAD00 \uC5C6\uC774, \uBD84\uB7C9\uB3C4 \uC0C1\uAD00 \uC5C6\uC774, \uC77C\uB2E8 \uC791\uC131\uC744 \uD558\uBA74 \uB41C\uB2E4. \uB355\uBD84\uC5D0 \uC774\uC804\uC5D0\uB294 \uD56D\uC0C1 "\uB0A8\uB4E4\uC5D0\uAC8C \uBCF4\uC5EC\uC8FC\uAE30 \uC704\uD55C \uAE00"\uC744 \uC791\uC131\uD588\uB2E4\uBA74, \uC774\uC81C\uB294 "\uB0B4\uAC00 \uC4F0\uACE0 \uC2F6\uC740 \uAE00" \uC744 \uC791\uC131\uD558\uACE0 \uC788\uB2E4.

\uB354\uBD88\uC5B4\uC11C \uB2E4\uB978 \uC0AC\uB78C\uC774 \uC791\uC131\uD55C \uAE00\uC744 \uBCF4\uBA70 \uB290\uB07C\uB294\uAC8C \uCC38 \uB9CE\uC774 \uC788\uB2E4. \uB2E4\uC591\uD55C \uAC04\uC811 \uACBD\uD5D8\uC744 \uD560 \uC218 \uC788\uB2EC\uAE4C? \uC778\uC0DD\uC5D0 \uB300\uD574, \uC0B6\uC5D0 \uB300\uD574, \uC77C\uC5D0 \uB300\uD574, \uAC19\uC740 \uD68C\uC0AC \uC0AC\uB78C\uB4E4\uC774 \uB0A8\uAE30\uB294 \uAE00\uB4E4\uC744 \uBCF4\uACE0 \uC788\uC73C\uBA74 \uADF8\uB0E5 \uC774 \uC790\uCCB4\uAC00 \uC0B6\uC774\uAD6C\uB098 \uC0DD\uAC01\uC774 \uB4E0\uB2E4.


<\uC218\uCE58\uB85C \uBCF4\uC790>

1\uC6D4 - 23\uAE002\uC6D4 - 22\uAE003\uC6D4 - 8\uAE004\uC6D4 - 21\uAE005\uC6D4 - 23\uAE006\uC6D4 - 23\uAE00
7\uC6D4 - 25\uAE008\uC6D4 - 28\uAE009\uC6D4 - 23\uAE0010\uC6D4 - 23\uAE0011\uC6D4 - 23\uAE0012\uC6D4 - 24\uAE00

\uB2E4 \uD569\uCCD0\uC11C 266\uAC1C\uC758 \uAE00\uC744 \uC791\uC131\uD588\uB2E4. \uC131\uC2E4\uC131 \uD569\uACA9!!

\uBD80\uC720\uD558\uB294 \uC0DD\uAC01\uC774 \uB9CE\uC544\uC11C \uC774\uAC78 \uC5B4\uB5BB\uAC8C\uB4E0 \uC801\uACE0 \uC2F6\uC5C8\uB294\uB370, \uC624\uAE00\uC624\uAE00 \uB9D0\uACE0 \uAC1C\uC778 \uB2E4\uC774\uC5B4\uB9AC\uC5D0 \uC4F4\uAC8C \uC880 \uB9CE\uC774 \uC788\uB2E4.


<\uC624\uAE00\uC624\uAE00 \uB9AC\uC6CC\uB4DC>

3\uC6D4 \uBE7C\uACE0\uB294 \uBBF8\uC158\uC744 \uB2E4 \uB2EC\uC131\uD588\uB2E4. \uC8FC\uB85C \uCC45\uC744 \uC0C0\uC73C\uB2C8, 11\uAD8C\uC758 \uCC45\uC744 \uC624\uAE00\uC624\uAE00 \uB9AC\uC6CC\uB4DC\uB85C \uBC1B\uC558\uB358 \uAC83 \uAC19\uB2E4.

\uB9AC\uC6CC\uB4DC\uB85C \uAD6C\uB9E4\uD558\uACE0 \uC77D\uC740 \uCC45\uB4E4\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

  • \uB2F9\uC2E0\uC774 \uC633\uB2E4 \u2192 \uC644\uB3C5
  • \uBB3C\uACE0\uAE30\uB294 \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294\uB2E4 \u2192 \uC644\uB3C5
  • \uD68C\uBCF5 \uD0C4\uB825\uC131 \u2192 \uC644\uB3C5
  • \uCC98\uC74C \uC0AC\uB294 \uC778\uC0DD, \uB204\uAD6C\uB098 \uC11C\uD234\uC9C0
  • \uCD5C\uACE0\uC758 \uD300\uC740 \uBB34\uC5C7\uC774 \uB2E4\uB978\uAC00 \u2192 \uC644\uB3C5
  • \uBC15\uD0DC\uC6C5\uC758 AI \uAC15\uC758 \u2192 \uC644\uB3C5
  • \uB9CC\uC77C \uB0B4\uAC00 \uC778\uC0DD\uC744 \uB2E4\uC2DC \uC0B0\uB2E4\uBA74 \u2192 \uC644\uB3C5
  • \uD601\uC2E0\uC5D0 \uB300\uD55C \uBAA8\uB4E0 \uAC83 \u2192 \uBC18\uB3C5
  • \uC138\uC0C1\uC774 \uB05D\uB0A0\uB54C\uAE4C\uC9C0 \uC544\uC9C1 10\uC5B5\uB144
  • \uC0AC\uC774\uCF54\uD328\uC2A4 \uB1CC\uACFC\uD559\uC790
  • \uB3C8, \uB728\uAC81\uAC8C \uC0AC\uB791\uD558\uACE0 \uCC28\uAC11\uAC8C \uB2E4\uB8E8\uC5B4\uB77C (\uC544\uC9C1 \uBBF8\uC218\uB839)

\uB3C5\uC11C\uB294 \uB4A4\uC5D0 \uB4F1\uC7A5\uD560 \uBD81\uD074\uB7FD\uC758 \uC601\uD5A5\uC774 \uAF64 \uD06C\uB2E4. \uC5ED\uC2DC\u2026 \uBB34\uC5B8\uAC00\uB97C \uC2DC\uB3C4\uD558\uAE30 \uC704\uD574\uC120 \uD658\uACBD \uC138\uD305\uC774 \uCC38 \uC911\uC694\uD558\uB2E4\uACE0 \uB290\uAF08\uB2E4.


<\uC0DD\uAC01, \uC77C, \uC0B0\uCC45>

\uC0AC\uC9C4 15

\uCC38 \uAC10\uC0AC\uD558\uAC8C\uB3C4 \uD604\uC7AC \uC6B4\uC601\uC9C4\uBD84\uAED8\uC11C \uAC01 \uAD6C\uC131\uC6D0\uC774 \uC5B4\uB5A4 \uB2E8\uC5B4\uB97C \uC81C\uC77C \uB9CE\uC774 \uC0AC\uC6A9\uD588\uACE0, \uB208\uC5D0 \uB744\uB294 \uB2E8\uC5B4\uB3C4 \uC815\uB9AC\uD574\uC8FC\uC168\uB2E4.

\uB098\uC758 \uACBD\uC6B0 \uC0B0\uCC45 \uC0DD\uAC01 \uC77C \uB4F1\uC758 \uB2E8\uC5B4\uAC00 \uAE00\uC5D0 \uB9CE\uC774 \uB4F1\uC7A5\uD588\uB294\uB370, \uADF8\uAC78 \uBCF4\uACE0 \uD55C \uBD84\uAED8\uC11C \uB9D0\uC500\uD574\uC8FC\uC2DC\uAE38 "\uC900\uC77C\uB2D8\uC740 \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C \uC77C \uC0DD\uAC01\uC744 \uD558\uC2DC\uB294\uAD70\uC694!" \uB77C\uACE0 \uD558\uC168\uB2E4. \uB728\uB054\u2026

\uC0DD\uAC01\uB9CC \uD558\uBA74 \uBB50\uD558\uB098, \uB9CC\uC871\uC2A4\uB7EC\uC6B4 \uACB0\uACFC\uB85C \uC774\uC5B4\uC9C0\uC9C0 \uBABB\uD588\uB294\uAC78\u2026 \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uB354 \uACE0\uBBFC\uC774 \uB9CE\uC558\uB358 \uAC83 \uAC19\uB2E4.


<\uB098\uB9CC\uC758 \uD53D>

\uC62C\uD574\uC5D0 \uC791\uC131\uD588\uB358 \uAE00 \uC911\uC5D0 \uBA87 \uAC1C(?)\uB97C \uACF5\uC720\uD574\uBCF4\uACE0\uC790 \uD55C\uB2E4.

\uB355\uBD84\uC5D0 \uC62C\uD574 \uC791\uC131\uD588\uB358 \uAE00\uB4E4\uC744 \uB2E4 \uC77D\uC5B4\uBD24\uB2E4. \uB0B4\uAC00 \uC791\uC131\uD588\uC9C0\uB9CC \uCC38 \uC7AC\uBC0C\uB2E8\uB9D0\uC774\uC9C0!?


<\uC57C\uAE00\uC57C\uAE00>

\uC62C\uD574\uB294 \uB2E4\uC591\uD55C \uC57C\uC678\uD65C\uB3D9\uB3C4 \uD588\uB2E4.

\uC0AC\uC9C4 48

\uD0C4\uCC9C\uC5D0\uC11C \uAF43\uAC00\uB8E8\uC640 \uD568\uAED8(?) \uD53C\uC790\uB97C \uBA39\uAE30\uB3C4 \uD588\uACE0

\uC0AC\uC9C4 49

\uBAA8\uB798\uBC14\uB78C\uACFC \uD568\uAED8\uD558\uB294 \uD55C\uAC15 \uCE58\uB9E5\uB3C4 \uC788\uC5C8\uACE0

\uC0AC\uC9C4 50

\uC0AC\uC9C4 \uC804\uC2DC\uD68C\uB97C \uC990\uAE30\uB294 \uC6B0\uB9AC\uB4E4\uC758 \uC0AC\uC9C4\uC744 \uCD9C\uB825\uD558\uAE30\uB3C4 \uD588\uB2E4.

\uADF8\uB0E5, \uC624\uAE00\uC624\uAE00\uC774 \uC788\uC5B4\uC11C 2023\uB144\uC740 \uCC38 \uD589\uBCF5\uD588\uB2E4.


(2) \uC778\uC0DD\uACBD\uC601\uD074\uB7FD

\uAE00\uACFC \uCC45\uC740 \uD56D\uC0C1 \uBD99\uC5B4\uB2E4\uB2C8\uB294 \uAD00\uC2EC\uC0AC\uAC00 \uC544\uB2D0\uAE4C? \uC62C\uD574 \uD558\uBC18\uAE30\uC5D0\uB294 "\uBD81\uD074\uB7FD" \uC774\uB77C\uB294 \uC0AC\uB0B4\uB3D9\uC544\uB9AC\uC5D0 \uAC00\uC785\uD588\uACE0, \uB2E4\uC2DC \uBD81\uD074\uB7FD \uB0B4\uC5D0 \uC788\uB294 "\uC778\uC0DD\uACBD\uC601\uD074\uB7FD"\uC5D0 \uCC38\uC5EC\uD588\uB2E4.

1\uB2EC\uC5D0 1\uAD8C\uC758 \uCC45\uC744 \uC77D\uACE0, \uD574\uB2F9 \uCC45\uC744 \uCD94\uCC9C\uD55C \uC0AC\uB78C\uC774 \uD1A0\uB860\uD558\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uC744 \uBBF8\uB9AC \uACF5\uC720\uD558\uACE0, \uC815\uD574\uC9C4 \uB0A0\uC9DC\uC5D0 2\uC2DC\uAC04 \uC815\uB3C4 \uD1A0\uB860\uC744 \uC9C4\uD589\uD558\uB294 \uBC29\uC2DD\uC73C\uB85C \uD074\uB7FD\uC774 \uC6B4\uC601\uB418\uC5C8\uB2E4.

7\uC6D4 ~ 12\uC6D4\uAE4C\uC9C0 \uCD1D 6\uAD8C\uC758 \uCC45\uC744 \uC77D\uC5C8\uACE0, \uAC01\uAC01\uC758 \uCC45\uC774 \uB2E4\uB8E8\uB294 \uB0B4\uC6A9\uB4E4\uC740 \uBAA8\uB450 \uC720\uC775\uD588\uB2E4.


<\uB3C4\uB451\uB9DE\uC740 \uC9D1\uC911\uB825>

\uB3C4\uB451\uB9DE\uC740 \uC9D1\uC911\uB825

\uC81C\uC77C \uCCAB \uBC88\uC9F8\uB85C \uC77D\uC740 \uCC45\uC774\uB77C \uAE30\uC5B5\uC774 \uC870\uAE08 \uAC00\uBB3C\uAC00\uBB3C\uD558\uB2E4. \uBBF8\uB9AC\uBBF8\uB9AC \uC815\uB9AC\uC880 \uD574\uB458\uAEC4

\uD604\uB300\uC778\uB4E4\uC740 \uC810\uC810 \uC9D1\uC911\uB825\uC744 \uC783\uC5B4\uAC00\uACE0 \uC788\uB2E4. \uAC1C\uAC1C\uC778\uC774 \uAC00\uC9C4 \uBB38\uC81C\uC810\uB3C4 \uBD84\uBA85 \uC788\uACA0\uC9C0\uB9CC SNS\uC758 \uC601\uD5A5\uC774 \uC81C\uC77C \uD06C\uACE0 \uC11C\uBE44\uC2A4 \uAE30\uC5C5\uB4E4\uC758 \uBAA9\uD45C\uAC00 "\uC0AC\uC6A9\uC790\uAC00 \uC6B0\uB9AC \uC11C\uBE44\uC2A4\uC5D0 \uBA38\uBB34\uB974\uB3C4\uB85D \uD558\uB294 \uAC83" \uC774\uAE30 \uB54C\uBB38\uC5D0 \uC0AC\uC6A9\uC790\uC758 \uC2DC\uC120\uC744 \uBD99\uC7A1\uC544\uB458 \uC218 \uC788\uB294 \uB2E4\uC591\uD55C \uC7A5\uCE58\uB4E4\uC744 \uB9CC\uB4E4\uACE0 \uC788\uACE0, \uC9C0\uAE08\uB3C4 \uACC4\uC18D \uB9CC\uB4E4\uACE0 \uC788\uB2E4\uB294 \uAC83.

\uC774\uB7F0 \uC138\uC0C1\uC5D0\uC11C \uC9D1\uC911\uB825\uC744 \uC798 \uC720\uC9C0\uD558\uAE30 \uC704\uD574\uC120\u2026 \uACB0\uAD6D \uAC1C\uC778\uC758 \uB178\uB825\uC774 \uC81C\uC77C \uC911\uC694\uD558\uC9C0 \uC54A\uC744\uAE4C \uC2F6\uB2E4.

\uCC45\uC758 \uB0B4\uC6A9\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30 \uD558\uB2E4\uAC00, \uC5B4\uCC28\uD53C \uC0AC\uB78C\uB4E4\uC758 \uC9D1\uC911\uB825\uC744 \uBE8F\uC5B4\uC57C \uD55C\uB2E4\uBA74 \uB0B4\uAC00 \uB9CC\uB4E0 \uC11C\uBE44\uC2A4\uB85C \uBE7C\uC557\uC544\uAC00\uB294\uAC8C \uB0AB\uC9C0 \uC54A\uC744\uAE4C? \uB77C\uB294 \uC774\uC57C\uAE30\uB97C \uB4E3\uACE0 \uD569\uB9AC\uC801\uC774\uB77C\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uB2E4.

\uC6C3\uAE34\uAC74 \uC774 \uCC45\uC744 \uC0B0\uCC45\uD558\uBA74\uC11C eBook \uC73C\uB85C \uC77D\uC5C8\uB2E4. \uD655\uC2E4\uD788 \uC885\uC774\uCC45\uC73C\uB85C \uBCF4\uB294 \uAC83 \uBCF4\uB2E8 \uC9D1\uC911\uC774 \uB35C \uB418\uB294 \uB290\uB08C.

\uC81C\uC77C \uC640\uB2FF\uC558\uB358 \uB0B4\uC6A9\uC740 \uCEE8\uD14D\uC2A4\uD2B8 \uC2A4\uC704\uCE6D\uC5D0 \uB300\uD55C \uAC83. \uC624\uB79C\uB9CC\uC5D0 \uBCF8 \uCE5C\uAD6C\uAC00 "\uB108 \uBA85\uC0AC\uCE58\uB9E4\uAC00 \uC788\uB294 \uAC83 \uAC19\uC544" \uB77C\uACE0 \uD588\uB2E4. \uC694\uC998\uC758 \uB098\uB294 \uB2E8\uC5B4\uB4E4\uC774 \uAE30\uC5B5\uB098\uC9C8 \uC54A\uACE0 \uC788\uB2E4. \uADFC\uB370 \uB3D9\uC885\uC5C5\uACC4\uC5D0\uC11C 3\uB144\uCC28 \uC774\uC0C1 \uC77C\uD55C \uBD84\uB4E4\uC744 \uBCF4\uBA74 \uB098\uB791 \uC5C7\uBE44\uC2B7\uD558\uB2E4. \uC77C\uC744 \uD558\uBA74\uC11C \uCEE8\uD14D\uC2A4\uD2B8 \uC2A4\uC704\uCE6D\uC774 \uB108\uBB34 \uB9CE\uC774 \uBC1C\uC0DD\uB418\uACE0, \uC9D1\uC911\uB825\uC774 \uD750\uB824\uC9C0\uACE0, \uC810\uC810 \uBB34\uC5B8\uAC00\uB97C \uC78A\uC5B4\uAC04\uB2EC\uAE4C? \uB2E8\uC5B4\uB4E4\uC774 \uC798 \uAE30\uC5B5\uB098\uC9C8 \uC54A\uB294\uB2E4.

\uC774\uAC74 \uB300\uD559\uC0DD\uB54C \uC5EC\uB7EC \uAD50\uC218\uB2D8\uB4E4\uC744 \uBCF4\uBA74\uC11C \uB9CE\uC774 \uB290\uAF08\uB2E4. \uB611\uB611\uD55C \uBD84\uB4E4\uC774 \uC0AC\uC18C\uD55C \uB2E8\uC5B4\uB4E4\uC744 \uC78A\uC5B4\uBC84\uB9AC\uAC70\uB098 \uAE30\uC5B5\uD574\uB0B4\uC9C0 \uBABB\uD558\uB294 \uBAA8\uC2B5\uC744 \uB9CE\uC774 \uBAA9\uACA9\uD588\uB2E4. \uC774\uC820 \uB0B4\uAC00 \uADF8\uB7EC\uACE0 \uC788\uB2E4.

\uD558\uC9C0\uB9CC \uD604\uC2E4\uC801\uC73C\uB85C \uCEE8\uD14D\uC2A4\uD2B8 \uC2A4\uC704\uCE6D\uC744 \uD558\uC9C0 \uC54A\uB294 \uBC29\uBC95\uC774 \uC788\uC744\uAE4C? \uC77C\uC744 \uADF8\uB9CC\uB450\uC9C0 \uC54A\uB294 \uC774\uC0C1 \uBD88\uAC00\uB2A5\uD558\uC9C0 \uC54A\uC744\uAE4C?

\uC694\uC998 \uB0B4\uAC00 \uC9D1\uC911\uB825\uC744 \uC720\uC9C0\uD558\uB294 \uBC29\uBC95\uC740 \uB9E4\uC77C\uB9E4\uC77C \uC0B0\uCC45\uC744 \uD558\uB294 \uAC83. \uB098\uB294 \uD56D\uC0C1 \uD55C \uBC15\uC790 \uB290\uB9B0 \uC0AC\uB78C\uC774\uB2E4. \uADF8\uB798\uC11C \uCC98\uC74C \uC811\uD558\uB294 \uC77C\uC740 \uD56D\uC0C1 \uC2E4\uC218\uD558\uACE0, \uC0AC\uB78C\uB4E4\uACFC \uC788\uC744 \uB54C \uB208\uCE58\uAC00 \uC880 \uC5C6\uB294 \uD3B8\uC774\uB2E4. \uC774\uAC78 \uC9C0\uB098\uACE0 \uB098\uC11C \uACF1\uC539\uC5B4\uBCF4\uBA70 "\uC544, \uADF8\uB7AC\uAD6C\uB098!" \uB97C \uC54C\uC544\uAC00\uB294 \uC0AC\uB78C\uC774\uB2E4. \uD558\uB8E8\uB97C \uC815\uB9AC\uD558\uB294 \uC2DC\uAC04\uC744 \uAC00\uC9C0\uB2C8\uAE4C \uC9D1\uC911\uB825\uC774 \uC9C0\uAE08\uBCF4\uB2E4 \uB5A8\uC5B4\uC9C0\uC9C4 \uC54A\uB294 \uB290\uB08C\u2026. (\uB290\uB08C\uB9CC \uADF8\uB7F4\uC218\uB3C4)


<\uCD5C\uACE0\uC758 \uD300\uC740 \uBB34\uC5C7\uC774 \uB2E4\uB978\uAC00>

\uCD5C\uACE0\uC758 \uD300\uC740 \uBB34\uC5C7\uC774 \uB2E4\uB978\uAC00 - \uC608\uC2A424

"\uBA38\uB9AC\uB294 \uCC28\uAC11\uAC8C, \uAC00\uC2B4\uC740 \uB728\uAC81\uAC8C"

\uC774 \uCC45\uC744 \uBCF4\uACE0 \uB09C \uD55C \uC904 \uC18C\uAC10\uC774\uB784\uAE4C. \uC0AC\uB78C\uC744 \uB300\uD560 \uB54C\uB294 \uD56D\uC0C1 \uC9C4\uC2EC\uC744 \uB2E4\uD574\uC57C \uD558\uBA70, \uB098\uC758 \uBA54\uC138\uC9C0\uB294 \uB17C\uB9AC\uC801\uC774\uACE0 \uAC1D\uAD00\uC801\uC73C\uB85C \uC804\uB2EC\uD574\uC57C \uD55C\uB2E4.

\uAC1C\uC778\uC774 \uC870\uC9C1\uC5D0 \uC18D\uD574 \uC788\uC744 \uB54C, \uACF5\uB3D9\uCCB4\uC5D0 \uC18D\uD574 \uC788\uC744 \uB54C "\uC548\uC815\uAC10"\uC744 \uB290\uAEF4\uC57C \uD55C\uB2E4. \uB0B4\uAC00 \uC18D\uD55C \uC870\uC9C1 \uB0B4\uC5D0\uC11C \uB0B4\uAC00 \uBCF4\uD638\uBC1B\uC9C0 \uBABB\uD558\uACE0 \uC788\uB2E4\uB294 \uB290\uB08C\uC774 \uB4E4\uBA74 \uC870\uC9C1\uC758 \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD574 \uACE0\uBBFC\uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uC0DD\uC874\uC744 \uC704\uD574 \uACE0\uBBFC\uC744 \uD574\uC57C\uD55C\uB2E4. \uADF8\uB7EC\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC131\uACFC\uB85C \uC774\uC5B4\uC9C0\uAE30\uB294 \uD798\uB4E4 \uC218 \uC788\uB2E4.

\uBC18\uB300\uB85C \uB0B4\uAC00 \uC18D\uD55C \uC870\uC9C1\uC774 \uC548\uC815\uAC10\uC744 \uC8FC\uBA74 \uB098\uB97C \uBCF4\uD638\uD558\uACE0 \uC788\uB2E4\uB294 \uB290\uB08C\uC774 \uB4E4\uBA74 \uADF8 \uB54C \uBD80\uD130 \uC870\uC9C1\uC758 \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD55C \uACE0\uBBFC\uB4E4\uC774 \uC2DC\uC791\uB41C\uB2E4\uACE0 \uD55C\uB2E4.

\uADF8\uB7EC\uBA74 \uC5B4\uB5BB\uAC8C \uC870\uC9C1\uC5D0\uC11C \uC548\uC815\uAC10, \uC18C\uC18D\uAC10 \uB4F1\uC744 \uB290\uB084 \uC218 \uC788\uC744\uAE4C? \uB098\uB294 \uCC45\uC744 \uC77D\uC73C\uBA74\uC11C "\uB300\uD654"\uC5D0 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4. \uB0B4\uAC00 \uC5B4\uB5A4 \uC774\uC57C\uAE30\uB97C \uD574\uB3C4 \uB4E4\uC5B4\uC904 \uC218 \uC788\uB294 \uC0AC\uB78C\uB4E4. \uB098\uC758 \uB9D0\uC744 \uACBD\uCCAD\uD574\uC8FC\uB294 \uC0AC\uB78C\uB4E4. \uADF8\uB9AC\uACE0 \uB098 \uB610\uD55C \uADF8\uB4E4\uC744 \uACBD\uCCAD\uD560 \uC218 \uC788\uB3C4\uB85D.

\uCC45\uC5D0\uC11C\uB294 \uD2B9\uD788 \uD3EC\uD3EC\uBE44\uCE58 \uAC10\uB3C5\uC758 \uC0AC\uB840\uB97C \uB9CE\uC774 \uB2E4\uB8E8\uACE0 \uC788\uB294\uB370, \uD3EC\uD3EC\uBE44\uCE58\uB294 \uD300\uC6D0 \uD55C \uBA85 \uD55C \uBA85\uC5D0 \uB300\uD574 \uC9C4\uC2EC\uC73C\uB85C \uC874\uC911\uD558\uACE0, \uC0B4\uB730\uD558\uAC8C \uCC59\uAE30\uACE0, \uADF8\uB4E4\uC774 "\uD300" \uC774\uB77C\uB294 \uC0DD\uAC01\uC774 \uB4E4 \uC218 \uC788\uB3C4\uB85D \uB300\uD654\uB97C \uC774\uB04C\uC5B4\uAC04\uB2E4.

\uADF8\uB807\uAC8C \uAD6C\uC131\uC6D0 \uAC1C\uAC1C\uC778\uC740 \uAC1C\uAC1C\uC778\uC774 \uC544\uB2CC \uD300\uC744 \uC704\uD574 \uC6C0\uC9C1\uC774\uACE0 \uC0DD\uAC01\uD558\uAE30 \uC2DC\uC791\uD588\uB2E4. \uB0B4\uAC00 \uC131\uACFC\uB97C \uC798 \uB0B4\uB294 \uAC83\uC774 \uC911\uC694\uD55C\uAC8C \uC544\uB2CC \uD300\uC774 \uC131\uACFC\uB97C \uC798 \uB0B4\uB3C4\uB85D.


<\uBC15\uD0DC\uC6C5\uC758 AI \uAC15\uC758>

\uBC15\uD0DC\uC6C5\uC758 AI \uAC15\uC758

\uB0B4\uC6A9\uC774 \uC27D\uACE0 \uC591\uB3C4 \uB9CE\uC9C0 \uC54A\uC544\uC11C \uCE74\uD398\uC5D0 \uC549\uC740 \uC790\uB9AC\uC5D0\uC11C \uD55C \uD638\uD761\uC5D0 \uB2E4 \uC77D\uC5C8\uB2E4.

\uC0AC\uC2E4 \uCC45\uC758 \uB0B4\uC6A9\uBCF4\uB2E8 \uD074\uB7FD \uC0AC\uB78C\uB4E4\uACFC \uC774\uC57C\uAE30\uB97C \uB098\uB208\uAC8C \uD6E8\uC52C \uC778\uC0C1\uC801\uC774\uACE0 \uAE30\uC5B5\uC5D0 \uB9CE\uC774 \uB0A8\uC558\uB2E4.

  • \uC778\uACF5\uC9C0\uB2A5\uC774 \uB9CE\uC740 \uC77C\uC744 \uD560 \uC21C \uC788\uC5B4\uB3C4 \uD310\uB2E8, \uACB0\uC815, \uCC45\uC784\uC740 \uC0AC\uB78C\uC758 \uBAAB\uC774\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uC0AC\uB78C\uC740 \uC778\uACF5\uC9C0\uB2A5\uC774 \uC774\uC57C\uAE30 \uD558\uB294 \uAC83\uC5D0 \uB300\uD574 \uD310\uB2E8\uD560 \uC218 \uC788\uB294 \uAE30\uBC18 \uC9C0\uC2DD\uC774 \uD544\uC694\uD558\uACE0 \uBB34\uC218\uD788 \uB9CE\uC740 \uACF5\uBD80\uB97C \uD574\uC57C\uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.
  • \uC5B8\uC820\uAC04 \uC778\uAC04\uC744 \uC778\uACF5\uC9C0\uB2A5\uC774 \uC644\uC804\uD788 \uB300\uCCB4\uD560 \uC218 \uC788\uC744\uAE4C? \uB77C\uACE0 \uD588\uC744\uB54C \uADF8\uB807\uB2E4\uACE0 \uC0DD\uAC01\uD558\uB294 \uC0AC\uB78C\uC774 \uB9CE\uC558\uB2E4.
  • \uD655\uC2E4\uD788 \uC778\uACF5\uC9C0\uB2A5\uC774 \uB098\uC640\uC11C \uC77C\uD558\uB294\uAC8C \uBB34\uCC99 \uD3B8\uD574\uC84C\uB2E4.
  • \uC624\uD788\uB824 \uC778\uACF5\uC9C0\uB2A5\uC774 \uCC3D\uC758\uC131\uC774 \uD544\uC694\uD55C \uC77C\uC744 \uB3C4\uC640\uC8FC\uACE0 \uC788\uB2E4. \uB2E8\uC21C \uB178\uB3D9\uC790\uB4E4\uBCF4\uB2E4 \uCC3D\uC758\uC131\uC774 \uD544\uC694\uD55C \uB178\uB3D9\uC790\uB4E4\uC774 \uB354 \uBE60\uB974\uAC8C \uB300\uCCB4\uB420 \uC218 \uC788\uB2E4\uB294\uAC8C \uBB34\uC12D\uAE30\uB3C4 \uD558\uACE0 \uC2E0\uAE30\uD558\uAE30\uB3C4 \uD558\uACE0.
  • \uC0AC\uB78C\uB4E4\uC740 \uC0DD\uC0B0\uC131\uC774 \uC88B\uC544\uC9C0\uBA74 \uC77C\uC744 \uB35C \uD558\uAC8C \uB420\uAE4C? \uC5ED\uC0AC\uB97C \uBCF4\uBA74 \uADF8\uB807\uC9C4 \uC54A\uACE0 \uC77C\uC744 \uB354 \uB9CE\uC774 \uCC3E\uC544\uC11C \uACB0\uAD6D \uB354 \uB9CE\uC774 \uD558\uAC8C \uB41C\uB2E4. \uC778\uACF5\uC9C0\uB2A5 \uB54C\uBB38\uC5D0 \uC77C\uC790\uB9AC\uAC00 \uC5C6\uC5B4\uC9C4\uB2E4\uAE30\uBCF4\uB2E8, \uB610 \uB2E4\uB978 \uC77C\uC790\uB9AC\uAC00 \uB354 \uB9CE\uC774 \uC0DD\uAE38 \uAC83 \uAC19\uB2E4.
  • \uC778\uAC04 \uBCF8\uC5F0\uC758 \uAC00\uCE58\uB97C \uAC08\uACE0 \uB2E6\uC740 \uC0AC\uB78C\uB4E4\uC774 \uC810\uC810 \uB354 \uC8FC\uBAA9\uBC1B\uC9C0 \uC54A\uC744\uAE4C? \uB9C8\uCE58 \uC62C\uB9BC\uD53D \uCC98\uB7FC.

\uB09C \uC778\uACF5\uC9C0\uB2A5\uC744 \uC88B\uC544\uD558\uC9C0 \uC54A\uB294\uB2E4. \uB0A8\uB4E4\uBCF4\uB2E4 \uD070 \uAD00\uC2EC\uB3C4 \uC5C6\uB294 \uAC83 \uAC19\uACE0, \uC778\uACF5\uC9C0\uB2A5\uC5D0 \uB300\uD574 \uACF5\uBD80\uD558\uB294 \uAC83\uB3C4 \uB530\uBD84\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD558\uB294 \uC0AC\uB78C\uC774\uB2E4. \uADF8\uB798\uB3C4 \uC778\uACF5\uC9C0\uB2A5 \uC790\uCCB4\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30\uB97C \uB098\uB204\uB294 \uAC83\uC740 \uC5B8\uC81C\uB098 \uC7AC\uBC0C\uB2E4.


<\uB9CC\uC57D \uB0B4\uAC00 \uC778\uC0DD\uC744 \uB2E4\uC2DC \uC0B0\uB2E4\uBA74>

\uB9CC\uC77C \uB0B4\uAC00 \uC778\uC0DD\uC744 \uB2E4\uC2DC \uC0B0\uB2E4\uBA74 (35\uB9CC \uBD80 \uAE30\uB150 \uC2A4\uD398\uC15C \uC5D0\uB514\uC158) - \uC608\uC2A424

\uCC45\uC5D0\uB294 \uCC38 \uB9CE\uC740 \uB0B4\uC6A9\uC774 \uB098\uC628\uB2E4. \uB9C8\uCC2C\uAC00\uC9C0\uB85C \uAE30\uC5B5\uC774 \uB098\uC9C8 \uC54A\uC9C0\uB9CC \uC774 \uCC45\uC744 \uC77D\uACE0 \uB290\uB080 \uC810\uB4E4\uC740

  • \uD558\uACE0 \uC2F6\uC740 \uAC83\uB4E4\uC744 \uD558\uBA74\uC11C \uC0B4\uC544\uAC00\uC790.
  • \uC644\uBCBD\uD574\uC9C0\uB824\uACE0 \uD558\uC9C0 \uB9D0\uC790. \uBD88\uC644\uC804\uD568\uC744 \uC778\uC815\uD558\uACE0 \uC870\uAE08\uC529 \uC870\uAE08\uC529 \uB098\uC544\uAC00\uC790.
  • \uCD5C\uC120\uC774 \uCD5C\uC120\uC774 \uC544\uB2D0 \uC218\uB3C4 \uC788\uACE0, \uCC28\uC120\uC774 \uCC28\uC120\uC774 \uC544\uB2D0 \uC218\uB3C4 \uC788\uB2E4. \uCC28\uC120\uC774 \uCD5C\uC120\uC774 \uB418\uAE30\uB3C4 \uD55C\uB2E4. \uADF8\uAC74 \uACAA\uC5B4\uBD10\uC57C \uC54C \uC218 \uC788\uB2E4.
  • \uC778\uC0DD\uC758 \uC8FC\uB3C4\uC131\uC744 \uAC16\uC790.
  • \uC77C\uB2E8 \uC2DC\uB3C4\uD558\uC790. \uC77C\uB2E8 \uC9C0\uAE08 \uD560 \uC218 \uC788\uB294 \uC77C\uC744 \uD558\uC790.
  • \uB0B4 \uB9D0\uC744 \uC798 \uB4E4\uC5B4\uC8FC\uB294 \uC0AC\uB78C\uC774 \uD55C \uBA85 \uCBE4\uC740 \uC788\uC5B4\uC57C \uD55C\uB2E4. \uB204\uAD70\uAC00\uC5D0\uAC8C \uADF8\uAC78 \uBC14\uB77C\uAE30\uBCF4\uB2E8, \uC77C\uB2E8 \uB0B4\uAC00 \uADF8\uB7F0 \uC0AC\uB78C\uC774 \uB418\uC5B4\uC57C \uD55C\uB2E4.

\uADF8\uB9AC\uACE0 \uCC45\uC744 \uC77D\uC744 \uB2F9\uC2DC\uC5D0\uB294 \uADF8\uB0E5 \uB044\uB355\uC774\uAE30\uB9CC \uD588\uB358 \uB0B4\uC6A9\uC774\uC9C0\uB9CC \uC694\uC998 \uC81C\uC77C \uC640\uB2FF\uB294 \uB0B4\uC6A9\uC774 \uC788\uB2E4.

30\uB144\uC9C0\uAE30 \uBD80\uBD80, 20\uB144\uC9C0\uAE30 \uBD80\uBD80, 10\uB144\uC9C0\uAE30 \uBD80\uBD80, 5\uB144\uC9C0\uAE30 \uBD80\uBD80, 3\uB144\uC9C0\uAE30 \uBD80\uBD80, 1\uB144\uC9C0\uAE30 \uBD80\uBD80, 1\uB2EC\uC9C0\uAE30 \uBD80\uBD80\uB97C \uB300\uC0C1\uC73C\uB85C \uC5B4\uB5A4 \uBD80\uBD80\uAC00 \uC11C\uB85C\uC5D0 \uB300\uD574 \uC81C\uC77C \uC798 \uC54C\uACE0 \uC788\uB294\uC9C0 \uC2E4\uD5D8\uC744 \uD588\uB294\uB370, \uACB0\uD63C\uD55C\uC9C0 \uC5BC\uB9C8 \uC548 \uB41C \uBD80\uBD80\uC77C\uC218\uB85D \uC11C\uB85C\uC5D0\uB300\uD574 \uC798 \uC54C\uACE0 \uC788\uB2E4\uACE0 \uD588\uB2E4.

\uC774\uAC74 \uAF2D \uBD80\uBD80\uC5D0\uB9CC \uD574\uB2F9\uD558\uB294 \uB0B4\uC6A9\uC740 \uC544\uB2C8\uB2E4. \uCE5C\uAD6C\uC77C \uC218\uB3C4 \uC788\uACE0, \uAC00\uC871\uC77C \uC218\uB3C4 \uC788\uACE0, \uC5F0\uC778\uC77C \uC218\uB3C4 \uC788\uACE0, \uD300\uC6D0\uC77C \uC218\uB3C4 \uC788\uB2E4.

\uC0AC\uB78C\uC740 \uB9E4\uC77C\uB9E4\uC77C \uBCC0\uD55C\uB2E4. \uB9E4\uC77C\uB9E4\uC77C \uBB34\uC5B8\uAC00\uB97C \uB290\uB080\uB2E4. \uD558\uC9C0\uB9CC \uC774\uAC74 \uC0C1\uB300\uBC29\uC774 \uB098\uC5D0\uAC8C \uC54C\uB824\uC8FC\uAC70\uB098 \uD639\uC740 \uB0B4\uAC00 \uC0C1\uB300\uBC29\uC5D0\uAC8C \uC54C\uB824\uC8FC\uC9C0 \uC54A\uC73C\uBA74 \uC11C\uB85C \uC5BC\uB9CC\uD07C \uBCC0\uD588\uB294\uC9C0 \uC5B4\uB5A4 \uC0DD\uAC01\uC744 \uD588\uB294\uC9C0 \uBAA8\uB97C \uC218 \uBC16\uC5D0 \uC5C6\uB2E4.

\uC798 \uC54C\uACE0 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD588\uACE0 \uC775\uC219\uD55C \uC0AC\uB78C\uC774\uC9C0\uB9CC \uC774\uBBF8 \uC800 \uBA40\uB9AC \uAC14\uC744 \uC218\uB3C4 \uC788\uB2E4.

\uB098\uB294 \uB098 \uC790\uC2E0\uC744 \uAC00\uC871\uC5D0\uAC8C, \uCE5C\uAD6C\uC5D0\uAC8C, \uC5F0\uC778\uC5D0\uAC8C, \uD300\uC6D0\uC5D0\uAC8C \uC798 \uC54C\uB824\uC8FC\uB294 \uC0AC\uB78C\uC774\uC5C8\uC744\uAE4C \uC0DD\uAC01\uD574\uBCF4\uBA74 \uADF8\uB807\uC9C0 \uC54A\uC558\uB358 \uAC83 \uAC19\uB2E4. \uADF8\uB0E5 \uB9D0\uD558\uC9C0 \uC54A\uC544\uB3C4 \uC54C\uC544\uC8FC\uAE38 \uBC14\uB77C\uB294 \uC0AC\uB78C\uC774\uC5C8\uB2E4. \uD558\uC9C0\uB9CC \uB9D0\uD558\uC9C0 \uC54A\uC73C\uBA74 \uC54C \uC218 \uC5C6\uB2E4.


<\uD601\uC2E0\uC5D0 \uB300\uD55C \uBAA8\uB4E0 \uAC83>

\uD601\uC2E0\uC5D0 \uB300\uD55C \uBAA8\uB4E0 \uAC83 - \uC608\uC2A424

\uC774 \uCC45\uC740\u2026 \uC644\uB3C5\uC744 \uBABB\uD588\uB2E4.

\uB2E4\uB9CC \uD601\uC2E0\uC740 \uD55C \uC21C\uAC04\uC5D0 \uC77C\uC5B4\uB098\uC9C0 \uC54A\uB294 \uB2E4\uB294 \uAC83\uACFC \uD601\uC2E0\uC758 \uBC29\uD5A5\uC774 \uC5BC\uB9C8\uB098 \uC0DD\uC0B0\uC801\uC774\uACE0 \uC0AC\uD68C\uC801\uC73C\uB85C \uC774\uB4DD\uC744 \uAC00\uC838\uC624\uB294\uC9C0\uAC00 \uC911\uC694\uD558\uB2E4\uACE0 \uD588\uB2E4.

\uC11C\uC0AC\uAC00 \uC5C6\uB294 \uD601\uC2E0\uC740 \uC5C6\uB2E4. \uADF8\uAC8C \uCC38 \uC704\uC548\uC774 \uB41C\uB2E4.

\uB72C\uAE08\uC5C6\uC9C0\uB9CC \uC5B4\uC81C HTML/CSS \uACFC\uC678\uB97C \uD574\uC8FC\uB358 \uD559\uC0DD\uACFC \uB9CC\uB4E4\uC5C8\uB358\uAC8C \uC0DD\uAC01\uB09C\uB2E4. \uC774\uBBF8 \uC54C\uACE0 \uC788\uB294 \uC791\uC740 \uC7AC\uB8CC\uB4E4\uC744 \uC870\uB9BD\uD574\uC11C \uBB34\uC5B8\uAC00 \uC0C8\uB85C\uC6B4\uAC78 \uB9CC\uB4E4\uC5B4\uB0B8\uB2E4. \uC911\uC694\uD55C\uAC74 "\uC774\uBBF8 \uC54C\uACE0 \uC788\uB294 \uAC83\uB4E4"\uC744 \uD1A0\uB300\uB85C \uB9CC\uB4E4\uC5C8\uB2E4\uB294 \uAC83\uC774\uB2E4.

"\uC774\uBBF8 \uC54C\uACE0 \uC788\uB294 \uAC83\uB4E4"\uC744 \uC798 \uC0AC\uC6A9\uD558\uAE30 \uC704\uD574\uC120 \uC775\uC219\uD574\uC9C0\uB294\uAC8C \uC911\uC694\uD558\uC9C0 \uC54A\uC744\uAE4C? \uADFC\uB370 \uC8FC\uBCC0\uC5D0 \uD1A1\uD1A1 \uD280\uB294 \uC544\uC774\uB514\uC5B4\uB85C \uBB34\uC5B8\uAC00\uB97C \uC2DC\uB3C4\uD558\uB294 \uC0AC\uB78C\uB4E4\uC744 \uBCF4\uBA74 \uC774\uAC8C \uAF2D \uC775\uC219\uD574\uC11C\uAC00 \uC544\uB2C8\uB77C \uD65C\uC6A9\uD558\uB294 \uBC29\uBC95\uC774 \uBC14\uB85C \uBA38\uB9BF\uC18D\uC5D0 \uB5A0\uC624\uB974\uB294 \uC0AC\uB78C\uB4E4\uC778 \uAC83 \uAC19\uC558\uB2E4.

\uB098\uAC19\uC774 \uB9F9\uD55C \uC0AC\uB78C\uB4E4\uC740 \uADF8\uAC8C \uC798 \uC548 \uB41C\uB2E4. \uC77C\uB2E8 \uC775\uC219\uD574\uC838\uC57C \uD55C\uB2E4. \uADF8\uB798\uC57C \uD601\uC2E0\uAE4C\uC9C4 \uC544\uB2C8\uB354\uB77C\uB3C4 \uBB34\uC5B8\uAC00 \uC758\uBBF8\uC788\uB294 \uC2DC\uB3C4\uB4E4\uC744 \uD560 \uC218 \uC788\uB294 \uAC83 \uAC19\uB2E4.

\uC774\uB807\uAC8C \uD0DC\uC5B4\uB09C\uAC78 \uC5B4\uCA4C\uACA0\uC5B4, \uADF8\uB807\uAC8C \uC0B4\uC544\uC57C\uC9C0.


<\uD53C\uD130\uB4DC\uB7EC\uCEE4 \uC790\uAE30\uACBD\uC601\uB178\uD2B8>

\uD53C\uD130 \uB4DC\uB7EC\uCEE4 \uC790\uAE30\uACBD\uC601\uB178\uD2B8

\uB9C8\uC9C0\uB9C9 \uCC45\uC778\uB370, \uC77D\uC9C4 \uC54A\uC558\uACE0 \uB4E4\uC5C8\uB2E4. 12\uC6D4\uC5D0\uB294 \uB108\uBB34 \uBC14\uBE60\uC11C(?) \uCC45\uC744 \uC77D\uC744 \uD2C8\uC774 \uC5C6\uC5B4\uC11C \uC0DD\uAC01\uD574\uB0B8 \uBC29\uBC95\uC774 \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C \uC74C\uC131\uC73C\uB85C \uCC45\uC758 \uB0B4\uC6A9\uC744 \uB4E3\uB294 \uAC83.

\uC5B4\uCC28\uD53C \uB098\uB294 \uCC45\uC758 \uBAA8\uB4E0 \uB0B4\uC6A9\uC744 \uAE30\uC5B5\uD558\uC9C0 \uBABB\uD558\uACE0 (\uC704\uC5D0\uC11C \uC4F4\uAC83\uB9CC \uBD10\uB3C4 \uADF8\uB807\uB2E4), \uADF8 \uCC45\uC744 \uC77D\uC5C8\uC744 \uB54C\uC758 \uB2E4\uC591\uD55C \uC0DD\uAC01\uB4E4\uC744 \uD558\uB294 \uBC29\uC2DD\uC73C\uB85C \uD761\uC218\uD558\uB294 \uD3B8\uC774\uB2E4. \uADF8\uB798\uC11C \uADF8\uB7F4\uAEBC\uBA74 \uADF8\uB0E5 \uC0B0\uCC45\uD558\uBA74\uC11C \uB4E4\uC5B4\uB3C4 \uAD1C\uCC2E\uACA0\uB294\uB370? \uB77C\uB294 \uC0DD\uAC01\uC73C\uB85C \uC774\uC5B4\uC84C\uB2E4.

\uC5B4\uCA0C\uB4E0, \uC81C\uC77C \uC778\uC0C1 \uAE4A\uC740 \uB0B4\uC6A9\uC740 "\uC2DC\uAC04\uC740 \uD55C\uC815\uC801\uC774\uB2E4" \uB77C\uB294 \uAC83.

\uB0B4\uAC00 \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294 \uC790\uC6D0 \uC911\uC5D0 \uC81C\uC77C \uD55C\uC815\uC801\uC774\uACE0 \uC81C\uC77C \uAC00\uCE58\uC788\uB294\uAC8C \uC2DC\uAC04\uC774\uB77C\uB294 \uAC83\uC774\uB2E4. \uADF8\uB798\uC11C \uC2DC\uAC04\uC744 \uC798 \uD65C\uC6A9\uD558\uACE0 \uC808\uC57D\uD558\uAE30 \uC704\uD574 \uC2DC\uB3C4\uD574\uC57C \uD558\uB294 \uAC83\uB4E4\uC5D0 \uB300\uD574 \uCC45\uC5D0\uC11C \uB2E4\uB8E8\uACE0 \uC788\uB2E4.

  • \uBAA9\uD45C\uB97C \uC798 \uAD00\uB9AC\uD574\uC57C \uD55C\uB2E4.
  • \uC6B0\uC120\uC21C\uC704\uB97C \uC798 \uC815\uB9AC\uD574\uC57C \uD55C\uB2E4.
  • \uB098\uB9CC\uC774 \uD560 \uC218 \uC788\uB294 \uC77C\uACFC, \uB0B4\uAC00 \uAF2D \uD558\uC9C0 \uC54A\uC544\uB3C4 \uB418\uB294 \uC77C\uC744 \uAD6C\uBD84\uD558\uC790.
  • \uACBD\uC601\uC758 \uD575\uC2EC\uC740 \uC758\uC0AC\uACB0\uC815\uC774\uB2E4. \uADF8\uAC8C \uAE30\uC5C5 \uACBD\uC601\uC774 \uC544\uB2C8\uB354\uB77C\uB3C4, \uB098\uB97C \uACBD\uC601\uD558\uACE0, \uAC00\uC871\uC744 \uACBD\uC601\uD558\uACE0, \uD300\uC744 \uACBD\uC601\uD560 \uB54C \uC758\uC0AC\uACB0\uC815\uC740 \uB9E4\uC6B0 \uC911\uC694\uD558\uB2E4. \uC5B4\uB835\uACE0 \uD798\uB4E4\uC5B4\uB3C4 \uC758\uC0AC\uACB0\uC815 \uD558\uB294 \uAC83\uC5D0 \uC775\uC219\uD574\uC57C \uD55C\uB2E4.

\uC774 \uCC45\uC744 \uC77D\uACE0(?) KPI\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uCC38 \uB9CE\uC774\uD588\uB2E4.

\uC778\uC0DD\uC5D0 \uB300\uD55C TDD\uAC00 \uD544\uC694\uD558\uB2E4.

\uBAA9\uD45C\uB97C \uC124\uC815\uD558\uACE0, \uBAA9\uD45C \uB2EC\uC131\uC744 \uAC80\uC99D\uD560 \uC218 \uC788\uB294 "\uC0C1\uD0DC"\uB97C \uC815\uC758\uD558\uACE0, \uC774\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD55C \uACC4\uD68D(\uD568\uC218)\uC744 \uB9CC\uB4DC\uB294 \uAC83.

\uB355\uBD84\uC5D0 \uD734\uAC00\uB97C \uBAB0\uC544\uC4F0\uBA74\uC11C \uB0B4\uB144\uC5D0 \uB2EC\uC131\uD574\uC57C \uD558\uB294 \uAC83\uB4E4\uC5D0 \uB300\uD574 \uCC38 \uB9CE\uC774 \uC0DD\uAC01\uD558\uACE0 \uC815\uB9AC\uD588\uB2E4. \uCC98\uC74C \uD558\uB294 \uC2DC\uB3C4\uB77C\uB3C4 \uC644\uBCBD\uD558\uC9C4 \uC54A\uACA0\uC9C0\uB9CC, \uC77C\uB2E8 \uC911\uC694\uC131\uC5D0 \uB300\uD574 \uC778\uC9C0\uB97C \uD588\uACE0, \uB9E4\uC77C\uB9E4\uC77C \uADF8 \uC778\uC9C0\uB97C \uACF1\uC539\uC5B4\uBCF4\uACE0 \uC788\uB2E4.

30\uB144 \uC778\uC0DD, \uD070 \uBAA9\uD45C \uC5C6\uC774 "\uD558\uB8E8\uD558\uB8E8\uB9CC \uC5F4\uC2EC\uD788 \uC0B4\uBA74 \uB418\uC9C0!" \uB77C\uACE0 \uC0DD\uAC01\uD588\uACE0 \uADF8\uAC8C \uB098 \uC790\uC2E0\uC774\uB77C\uACE0 \uC0DD\uAC01\uD588\uB294\uB370 \uC870\uAE08 \uB354 \uC8FC\uB3C4\uC801\uC73C\uB85C \uC778\uC0DD\uC744 \uC990\uAE30\uB824\uBA74 \uC774\uB7F0 \uC790\uC138\uBD80\uD130 \uACE0\uCCD0\uBA39\uC5B4\uC57C\uACA0\uB2E4\uACE0 \uB290\uAF08\uB2E4.

\uC9C0\uAE08\uBCF4\uB2E4 \uB354 \uC990\uAC81\uAC8C, \uB354 \uC8FC\uB3C4\uC801\uC73C\uB85C, \uB354 \uB2A5\uB3D9\uC801\uC73C\uB85C, \uB354 \uD589\uBCF5\uD558\uAC8C \uC0B4\uC544\uAC00\uACE0 \uC2F6\uB2E4. \uADF8\uB7F4 \uC218 \uC788\uC744 \uAC83 \uAC19\uB2E4.


(3) \uBD80\uC2A4\uD2B8\uCEA0\uD504 8\uAE30

\uC0AC\uC9C4 51

\uC62C\uD574\uB294 \uBD80\uC2A4\uD2B8\uCEA0\uD504 8\uAE30\uC5D0 FE \uB9C8\uC2A4\uD130\uB85C \uCC38\uC5EC\uD588\uC73C\uB098\u2026 \uC791\uB144\uC5D0 \uB0B4\uAC00 \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC5D0 \uD22C\uC790\uD588\uB358 \uC2DC\uAC04\uACFC \uBE44\uAD50\uD574\uBCF4\uBA74 \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC5D0 \uAC70\uC758 \uC2E0\uACBD\uC744 \uBABB\uC37C\uB2E4\uACE0 \uD574\uB3C4 \uBB34\uBC29\uD558\uB2E4. \uADF8\uAC8C \uCC38\u2026 \uCC38 \uC544\uC27D\uB2E4.

\uCD08\uAE30\uC5D0 \uB098 \uC2A4\uC2A4\uB85C \uCEA0\uD37C\uB4E4\uACFC \uC18C\uD1B5\uD560 \uC218 \uC788\uB294 \uB2E4\uC591\uD55C \uC7A5\uCE58\uB97C \uB9C8\uB828\uD574\uC11C \uC811\uC810\uC744 \uB9CE\uC774 \uB9CE\uC774 \uB9CC\uB4E4\uC5C8\uC73C\uBA74 \uC5B4\uB560\uC744\uAE4C \uD558\uB294 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD55C\uB2E4. \uADF8\uB807\uAC8C \uD558\uC9C0 \uC54A\uC558\uB358 \uC774\uC720\uB294\u2026 \uC5B4\uCC0C\uBCF4\uBA74 \uADC0\uCC2E\uC544\uC11C\uB3C4 \uC788\uACE0 \uADF8\uB9CC\uD07C \uB2E4\uB978 \uC77C\uC5D0 \uBAB0\uB450\uD558\uACE0 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC774\uACA0\uC9C0?

\uCD1D 14\uBC88\uC758 \uB9C8\uC2A4\uD130\uD074\uB798\uC2A4\uB97C \uC9C4\uD589\uD588\uACE0, \uC8FC\uB41C \uB0B4\uC6A9\uC740 \uC9C8\uC758\uC751\uB2F5\uACFC \uCF54\uB4DC/\uD504\uB85C\uC81D\uD2B8\uC5D0 \uB300\uD55C \uD53C\uB4DC\uBC31\uC774\uC5C8\uB2E4. \uB9E8 \uCC98\uC74C\uC5D0 \uB9C8\uC2A4\uD130 \uD074\uB798\uC2A4\uB97C \uD560 \uB54C\uB294 2\uC2DC\uAC04\uC774 \uCC38 \uAE38\uC5B4\uBCF4\uC600\uB294\uB370 3\uC2DC\uAC04\uC73C\uB85C \uB298\uB9AC\uBA74 \uC5B4\uB5A8\uAE4C \uC2F6\uC744 \uC815\uB3C4\uB85C \uC2DC\uAC04\uC774 \uCC38 \uBD80\uC871\uD55C \uAC83 \uAC04\uB2E4. \uADF8\uB9CC\uD07C \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB3C4 \uB9CE\uACE0, \uC804\uB2EC\uD558\uACE0 \uC2F6\uC740 \uC9C0\uC2DD\uB3C4 \uB9CE\uC9C0\uB9CC\u2026 \uB0B4\uAC00 \uB5A0\uBA39\uC5EC\uC8FC\uB294 \uAC83 \uBCF4\uB2E4 \uB354 \uC758\uBBF8\uC788\uB294\uAC74 \uC2A4\uC2A4\uB85C \uB5A0\uBA39\uB294 \uBC29\uBC95\uC744 \uC54C\uC544\uAC00\uB294\uAC70\uACA0\uC9C0\u2026?

\uC6B0\uB9AC FE \uCEA0\uD37C\uB4E4\uC774 \uB9CC\uB4E0 \uC800\uC7A5\uC18C\uC640 \uD504\uB85C\uC81D\uD2B8\uB97C \uD55C \uBC88 \uB098\uC5F4\uD574\uBCF4\uC790. \uC815\uB9D0 \uB2E4 \uB108\uBB34 \uC798\uD574\uC11C \uBFCC\uB4EF\uD558\uACE0 \uAE30\uD2B9\uD558\uACE0 \uB300\uACAC\uD558\uB2E4.


<\uD504\uB85C\uC81D\uD2B8 \uBAA8\uC74C>

',197),_s={class:"custom-container tip"},us=t("p",{class:"custom-container-title"},"web01",-1),gs={href:"https://github.com/boostcampwm2023/web01-GitChallenge",target:"_blank",rel:"noopener noreferrer"},ms=s("https://github.com/boostcampwm2023/web01-GitChallenge"),bs={href:"https://git-challenge.com/",target:"_blank",rel:"noopener noreferrer"},fs=s("https://git-challenge.com"),ws=t("li",null,"\uB2E4\uC2DC \uD55C \uBC88 \uC0AC\uC8C4\uB97C \uB4DC\uB9BD\uB2C8\uB2E4\u2026. \uADF8\uB807\uAC8C \uC11C\uBC84\uAC00 \uD130\uC838\uBC84\uB9B4 \uC904 \uBAB0\uB790\uC5B4\uC694\u2026 \u{1F972}",-1),vs={class:"custom-container tip"},ks=t("p",{class:"custom-container-title"},"web02",-1),qs={href:"https://github.com/boostcampwm2023/web02-fancamp",target:"_blank",rel:"noopener noreferrer"},xs=s("https://github.com/boostcampwm2023/web02-fancamp"),ys={href:"http://www.fancamp.site/",target:"_blank",rel:"noopener noreferrer"},Is=s("https://www.fancamp.site"),Ts={class:"custom-container tip"},Ls=t("p",{class:"custom-container-title"},"web03",-1),js={href:"https://github.com/boostcampwm2023/web03-LockFestival",target:"_blank",rel:"noopener noreferrer"},Bs=s("https://github.com/boostcampwm2023/web03-LockFestival"),Ss={href:"http://www.lockfestival.com/",target:"_blank",rel:"noopener noreferrer"},Fs=s("https://www.lockfestival.com/"),Ns={class:"custom-container tip"},Cs=t("p",{class:"custom-container-title"},"web04",-1),Ms={href:"https://github.com/boostcampwm2023/web04-ALGOCEAN",target:"_blank",rel:"noopener noreferrer"},Ps=s("https://github.com/boostcampwm2023/web04-ALGOCEAN"),As={href:"https://www.algocean.site/",target:"_blank",rel:"noopener noreferrer"},Es=s("https://www.algocean.site/"),Gs={class:"custom-container tip"},Ds=t("p",{class:"custom-container-title"},"web05",-1),Os={href:"https://github.com/boostcampwm2023/web05-AlgoITNi",target:"_blank",rel:"noopener noreferrer"},Us=s("https://github.com/boostcampwm2023/web05-AlgoITNi"),Xs={href:"https://algoitni.site/",target:"_blank",rel:"noopener noreferrer"},Ks=s("https://algoitni.site/"),Rs={class:"custom-container tip"},Ys=t("p",{class:"custom-container-title"},"web06",-1),zs={href:"https://github.com/boostcampwm2023/web06-CodeClash",target:"_blank",rel:"noopener noreferrer"},Js=s("https://github.com/boostcampwm2023/web06-CodeClash"),Qs={href:"https://codeclash.site/",target:"_blank",rel:"noopener noreferrer"},Vs=s("https://codeclash.site/"),Ws=s(" \u2192 \uC9C0\uAE08 \uB2EB\uC740 \uAC83 \uAC19\uB2E4.. \u3160"),Hs={class:"custom-container tip"},Zs=t("p",{class:"custom-container-title"},"web07",-1),$s={href:"https://github.com/boostcampwm2023/web07-GBS",target:"_blank",rel:"noopener noreferrer"},te=s("https://github.com/boostcampwm2023/web07-GBS"),se={href:"https://gbs-live.site/",target:"_blank",rel:"noopener noreferrer"},ee=s("https://gbs-live.site/"),ie=s(" \u2192 \uBC29\uC1A1 \uD50C\uB7AB\uD3FC\uC778\uB370 \uBC29\uC1A1\uC774 \uC5C6\uC5B4\uC11C \uACBD\uD5D8\uD558\uAE30\uAC00 \uC560\uB9E4\uD55C \uC0C1\uD0DC\uB2E4."),oe={class:"custom-container tip"},le=t("p",{class:"custom-container-title"},"web08",-1),ae={href:"https://github.com/boostcampwm2023/web08-ByeolSoop",target:"_blank",rel:"noopener noreferrer"},re=s("https://github.com/boostcampwm2023/web08-ByeolSoop"),pe={href:"https://www.byeolsoop.site/",target:"_blank",rel:"noopener noreferrer"},ne=s("https://www.byeolsoop.site/"),ce={class:"custom-container tip"},he=t("p",{class:"custom-container-title"},"web09",-1),de={href:"https://github.com/boostcampwm2023/web09-MagicConch",target:"_blank",rel:"noopener noreferrer"},_e=s("https://github.com/boostcampwm2023/web09-MagicConch"),ue={href:"http://web09-magicconch.pages.dev/",target:"_blank",rel:"noopener noreferrer"},ge=s("http://web09-magicconch.pages.dev/"),me={class:"custom-container tip"},be=t("p",{class:"custom-container-title"},"web10",-1),fe={href:"https://github.com/boostcampwm2023/web10-Lesser",target:"_blank",rel:"noopener noreferrer"},we=s("https://github.com/boostcampwm2023/web10-Lesser"),ve={href:"https://lesser-project.site/login",target:"_blank",rel:"noopener noreferrer"},ke=s("https://lesser-project.site/login"),qe={class:"custom-container tip"},xe=t("p",{class:"custom-container-title"},"web11",-1),ye={href:"https://github.com/boostcampwm2023/web11-SSOCK",target:"_blank",rel:"noopener noreferrer"},Ie=s("https://github.com/boostcampwm2023/web11-SSOCK"),Te={href:"https://www.mysnowball.kr/",target:"_blank",rel:"noopener noreferrer"},Le=s("https://www.mysnowball.kr/"),je=s("\uC774 \uC11C\uBE44\uC2A4\uB85C \uC218\uB8CC\uD560 \uB54C "),Be={href:"https://www.mysnowball.kr/visit/3204866863",target:"_blank",rel:"noopener noreferrer"},Se=s("\uB864\uB9C1\uD398\uC774\uD37C"),Fe=s("\uB85C \uC0AC\uC6A9\uD588\uB2E4. \uADC0\uC5FD\uACE0 \uC544\uAE30\uC790\uAE30\uD558\uAC8C \uC798 \uB9CC\uB4E0 \uAC83 \uAC19\uB2E4. "),Ne=t("s",null,"\uCDE8\uD5A5\uC800\uACA9",-1),Ce={class:"custom-container tip"},Me=t("p",{class:"custom-container-title"},"web12",-1),Pe={href:"https://github.com/boostcampwm2023/web12-algo-with-me",target:"_blank",rel:"noopener noreferrer"},Ae=s("https://github.com/boostcampwm2023/web12-algo-with-me"),Ee={href:"https://www.algo-with-me.site/",target:"_blank",rel:"noopener noreferrer"},Ge=s("https://www.algo-with-me.site/"),De={class:"custom-container tip"},Oe=t("p",{class:"custom-container-title"},"web13",-1),Ue={href:"https://github.com/boostcampwm2023/web13_Boarlog",target:"_blank",rel:"noopener noreferrer"},Xe=s("https://github.com/boostcampwm2023/web13_Boarlog"),Ke={href:"https://boarlog.netlify.app/",target:"_blank",rel:"noopener noreferrer"},Re=s("https://boarlog.netlify.app/"),Ye={class:"custom-container tip"},ze=t("p",{class:"custom-container-title"},"web14",-1),Je={href:"https://github.com/boostcampwm2023/web14-gomterview",target:"_blank",rel:"noopener noreferrer"},Qe=s("https://github.com/boostcampwm2023/web14-gomterview"),Ve={href:"https://www.gomterview.com/",target:"_blank",rel:"noopener noreferrer"},We=s("https://www.gomterview.com/"),He=t("li",null,"\uAE30\uC220\uC744 \uB5A0\uB098\uC11C, \uAC1C\uC778\uC801\uC73C\uB85C \uACF0\uD130\uBDF0\uD300\uC758 \uD300\uC6CC\uD06C\uAC00 \uC81C\uC77C \uC778\uC0C1\uC801\uC774\uC5C8\uB2E4. 6\uC8FC\uB77C\uB294 \uC9E7\uC740 \uC2DC\uAC04 \uB3D9\uC548 \uC774\uC815\uB3C4 \uD004\uB9AC\uD2F0\uC758 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5B4\uB0BC \uC218 \uC788\uB294 \uC6D0\uB3D9\uB825\uC740 \uADF8\uB9CC\uD07C \uC11C\uB85C\uB97C \uC2E0\uB8B0\uD558\uACE0 \uC758\uC9C0\uD588\uAE30 \uB54C\uBB38\uC774 \uC544\uB2D0\uAE4C? \uC218\uB8CC\uC2DD \uB54C \uD68C\uC2DD\uC744 \uD558\uBA74\uC11C \uACF0\uD130\uBDF0 \uD300\uACFC \uB098\uB234\uB358 \uB300\uD654\uB4E4\uC774 \uB2E4 \uAE30\uC5B5\uC5D0 \uC0C8\uB85D\uC0C8\uB85D \uB0A8\uC558\uB2E4. \uADF8\uB798\uC11C \uC55E\uC73C\uB85C\uAC00 \uB354 \uAE30\uB300\uB418\uB294 \uD300\uC774\uB2E4.",-1),Ze=t("li",null,"\uBB34\uC5C7\uBCF4\uB2E4 \uC11C\uBE44\uC2A4\uB97C \uCC38 \uC798 \uB9CC\uB4E4\uC5C8\uB2E4. \uCDE8\uC900\uC0DD\uB4E4\uC744 \uC704\uD55C \uCDE8\uD5A5\uC800\uACA9 \uC11C\uBE44\uC2A4\uAC00 \uC544\uB2D0\uAE4C?",-1),$e={class:"custom-container tip"},ti=t("p",{class:"custom-container-title"},"web15",-1),si={href:"https://github.com/boostcampwm2023/web15-BaekjoonRooms",target:"_blank",rel:"noopener noreferrer"},ei=s("https://github.com/boostcampwm2023/web15-BaekjoonRooms"),ii={href:"https://baekjoonrooms.com/intro",target:"_blank",rel:"noopener noreferrer"},oi=s("https://baekjoonrooms.com/intro"),li=t("li",null,"\uD06C\uB86C \uD655\uC7A5 \uD504\uB85C\uADF8\uB7A8\uC744 \uB9CC\uB4E0 \uD300\uC740 \uCC98\uC74C\uC778 \uAC83 \uAC19\uB2E4. \uC5BC\uB9C8\uB098 \uB9CE\uC740 \uC6B0\uC5EC\uACE1\uC808\uC774 \uC788\uC5C8\uC744\uC9C0\u2026. \u{1F972}",-1),ai={class:"custom-container tip"},ri=t("p",{class:"custom-container-title"},"web16",-1),pi={href:"https://github.com/boostcampwm2023/web16-B1G1",target:"_blank",rel:"noopener noreferrer"},ni=s("https://github.com/boostcampwm2023/web16-B1G1"),ci={href:"https://www.xn--bj0b03z.site/",target:"_blank",rel:"noopener noreferrer"},hi=s("https://www.\uBCC4\uAE00.site/"),di={class:"custom-container tip"},_i=t("p",{class:"custom-container-title"},"web17",-1),ui={href:"https://github.com/boostcampwm2023/web17_morak",target:"_blank",rel:"noopener noreferrer"},gi=s("https://github.com/boostcampwm2023/web17_morak"),mi={href:"https://morak.io/",target:"_blank",rel:"noopener noreferrer"},bi=s("https://morak.io/"),fi={class:"custom-container tip"},wi=t("p",{class:"custom-container-title"},"web18",-1),vi={href:"https://github.com/boostcampwm2023/web18_Dandi",target:"_blank",rel:"noopener noreferrer"},ki=s("https://github.com/boostcampwm2023/web18_Dandi"),qi={href:"https://dandi-ary.site/",target:"_blank",rel:"noopener noreferrer"},xi=s("https://dandi-ary.site/"),yi=t("li",null,"\uC218\uB8CC\uC2DD \uB54C \uC885\uD604\uB2D8\uC758 \uC0AC\uB791\uACE0\uBC31(?)\uC744 \uBA87 \uBC88\uC744 \uB4E4\uC5C8\uB294\uC9C0.. \uB098\uC911\uC5D0 \uB9E8\uC815\uC2E0\uC73C\uB85C \uAC19\uC774 \uC2DD\uC0AC\uD574\uC694 \uC885\uD604\uB2D8!",-1),Ii=o('

<\uC778\uC0C1 \uAE4A\uC740 \uD53C\uB4DC\uBC31>

\uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB370\uBE0C\uCF54\uC2A4\uC5D0\uC11C\uB294 \uB530\uB4EF\uD55C \uC0AC\uB78C\uC774\uB77C\uB294 \uD53C\uB4DC\uBC31\uC744 \uBC1B\uC558\uACE0, \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC5D0\uC11C\uB294 \uB0C9\uCCA0\uD558\uB2E4\uB294 \uD53C\uB4DC\uBC31\uC744 \uB4E4\uC5C8\uB2E4. \uC544\uB9C8 1:1 \uAD00\uACC4\uC640 1:N \uAD00\uACC4\uC5D0\uC11C \uC624\uB294 \uCC28\uC774\uC778 \uAC83 \uAC19\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uAC1D\uAD00\uC801\uC73C\uB85C \uC774\uC57C\uAE30\uD558\uB824\uACE0 \uBB34\uCC99 \uC2E0\uACBD\uC37C\uB294\uB370 \uADF8\uAC8C \uC798(?) \uBA39\uD78C\uAC8C \uC544\uB2D0\uAE4C?

\uC544\uB9C8 \uC55E\uC5D0\uC11C \uC5B8\uAE09\uD55C "\uCD5C\uACE0\uC758 \uD300\uC740 \uBB34\uC5C7\uC774 \uB2E4\uB978\uAC00" \uB97C \uC77D\uACE0 \uC0DD\uAE34 \uBCC0\uD654 \uAC19\uB2E4.


<\uC57D\uAC04\uC758 \uACE0\uCC30>

\uC791\uB144\uC5D0\uB3C4 \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC5D0\uC11C \uB098\uB294 \uC544\uC26C\uC6B4 \uC0AC\uB78C\uC774\uC5C8\uACE0, \uC62C\uD574\uB294 \uB354 \uC544\uC26C\uC6B4 \uC0AC\uB78C\uC774\uC5C8\uB2E4.

\uC774\uB7F0 \uB098\uC758 \uBAA8\uC2B5\uACFC\uB294 \uBCC4\uAC1C\uB85C, \uC62C\uD574 \uBB34\uCC99 \uB6F0\uC5B4\uB09C \uBD84\uB4E4\uC774 \uB9CE\uC774 \uBCF4\uC600\uB2E4. \uAE30\uC220 \uD558\uB098\uD558\uB098\uC5D0 \uB525\uB2E4\uC774\uBE0C\uD558\uACE0 \uAE30\uB85D\uD558\uACE0 \uACF5\uC720\uD558\uB294 \uBB38\uD654\uAC00 \uB3CB\uBCF4\uC600\uB2E4.

\uBD80\uC2A4\uD2B8\uCEA0\uD504\uC758 \uC2DC\uC2A4\uD15C\uC774 \uCEA0\uD37C\uB4E4\uC744 \uADF8\uB807\uAC8C \uB9CC\uB4DC\uB294\uAC78\uAE4C? \uC544\uB2C8\uBA74 \uADF8\uB7F0 \uCEA0\uD37C\uB4E4\uC744 \uBF51\uC544\uC11C \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uADF8\uB7F0 \uBAA8\uC2B5\uC73C\uB85C \uD758\uB7EC\uAC00\uB294\uAC78\uAE4C?

"\uBD80\uC2A4\uD2B8\uCEA0\uD504" \uB77C\uB294 \uD0C0\uC774\uD2C0\uC744 \uC81C\uAC70\uD558\uACE0 \uC0C8\uB85C\uC6B4 \uC774\uB984\uC73C\uB85C \uAD50\uC721\uACFC\uC815\uC744 \uB9CC\uB4E4\uC5B4\uC11C \uC6B4\uC601\uD560 \uB54C \uBAA8\uC774\uB294 \uC0AC\uB78C\uB4E4\uC740 \uC5B4\uB5A4 \uACB0\uACFC\uB97C \uB9CC\uB4E4\uC5B4\uB0BC\uC9C0\uAC00 \uAD81\uAE08\uD558\uB2E4.


(4) NextStep

',12),Ti={class:"custom-container tip"},Li=t("p",{class:"custom-container-title"},"\uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 NextStep",-1),ji={href:"https://edu.nextstep.camp/",target:"_blank",rel:"noopener noreferrer"},Bi=s("NextStep"),Si=s('\uC740 "\uC88B\uC740 \uACE0\uAC1D\uC774 \uB354 \uC88B\uC740 \uAC00\uCE58\uB97C \uB9CC\uB4E0\uB2E4" \uC5D0 \uB531 \uB9DE\uC544\uB5A8\uC5B4\uC9C0\uB294 \uAD50\uC721 \uD50C\uB7AB\uD3FC\uC774\uB2E4. \uC218\uAC15\uC0DD\uACFC \uB9AC\uBDF0\uC5B4\uAC00 \uD568\uAED8 \uC131\uC7A5\uD560 \uC218 \uC788\uB294 \uAD6C\uC870\uC774\uBA70, \uC218\uAC15\uC0DD\uC774 \uB2E4\uC2DC \uB9AC\uBDF0\uC5B4\uAC00 \uB418\uAE30\uB3C4 \uD558\uB294\uAC8C, \uC774\uB7F0 \uC2DC\uC2A4\uD15C\uC774 \uAD6C\uCD95\uB41C\uAC8C \uBCF4\uBA74 \uBCFC\uC218\uB85D \uB180\uB78D\uB2E4.'),Fi={href:"https://edu.nextstep.camp/c/QoTvUh4y",target:"_blank",rel:"noopener noreferrer"},Ni=s("TDD, \uD074\uB9B0 \uCF54\uB4DC with React"),Ci={href:"https://edu.nextstep.camp/c/BRaNdTQx",target:"_blank",rel:"noopener noreferrer"},Mi=s("TDD, \uD074\uB9B0 \uCF54\uB4DC with JavaScript"),Pi=o('

\uC5B4\uCA0C\uB4E0, \uC62C\uD574\uB294 javascript clean code \uC640 react clean code \uACFC\uC815\uC744 \uAC01\uAC01 \uD55C \uBC88\uC529 \uC9C4\uD589\uD588\uB2E4.

\uD2B9\uD788 react\uC758 \uACBD\uC6B0 \uBB34\uC9C0\uD55C \uBD80\uBD84\uC774 \uB9CE\uC558\uB294\uB370 \uB9AC\uBDF0\uC5B4\uB97C \uD558\uBA74\uC11C \uC2A4\uC2A4\uB85C \uAD50\uC815\uC744 \uB9CE\uC774 \uD560 \uC218 \uC788\uC5C8\uB2E4. \uC9E7\uC740 \uAE30\uAC04\uC774\uC5C8\uC9C0\uB9CC \uBBF8\uC158\uC744 \uC218\uD589\uD558\uBA70 \uBAB0\uC785\uD558\uB294 \uAC83\uB3C4 \uC990\uAC70\uC6E0\uB2E4.

\uB9AC\uBDF0\uC5B4\uB85C \uBB34\uC5B8\uAC00\uB97C \uD558\uB294 \uAC83 \uBCF4\uB2E4, \uBBF8\uC158\uC744 \uC218\uD589\uD560 \uB54C \uB354 \uC7AC\uBBF8\uB97C \uB9CE\uC774 \uB290\uB07C\uB294 \uAC83 \uAC19\uAE30\uB3C4 \uD558\uACE0\u2026?

\uADF8\uB9AC\uACE0 \uC5F4\uC815 \uAC00\uB4DD\uD55C \uB9AC\uBDF0\uC774 \uBD84\uB4E4\uC774 \uB9CE\uC544\uC11C \uC990\uAC70\uC6E0\uB2E4. \uC5F4\uC815\uC801\uC778 \uC0AC\uB78C\uB4E4\uACFC \uC788\uC73C\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uB3D9\uD654\uB41C\uB2E4. \uB108\uBB34 \uD798\uB4E4\uC5C8\uB2E4\uB294\uAC74 \uC548\uBE44\uBC00

\uC0AC\uC9C4 52

\uC0AC\uC9C4 53

\uC0AC\uC9C4 54

\uC0AC\uC9C4 55

\uC0AC\uC9C4 56

\uB09C \uC65C \uC774\uB807\uAC8C\uAE4C\uC9C0 \uD560\uAE4C \uC0DD\uAC01\uD574\uBCF4\uBA74\u2026

\uC0AC\uC9C4 57

\uCF54\uB4DC\uC2A4\uD53C\uCE20\uB97C \uD1B5\uD574\uC11C \uC54C\uAC8C\uB41C \uB9F9\uC0AC\uBD80\uB2D8\uC774 \uC791\uC131\uD55C \uC774 \uB0B4\uC6A9\uC774 \uCC38 \uC640\uB2FF\uC558\uB2E4. \uB098 \uB610\uD55C \uB9CE\uC774 \uC77D\uACE0, \uB9CE\uC774 \uBCF4\uACE0, \uB9CE\uC774 \uC0DD\uAC01\uD558\uB294 \uACFC\uC815\uC774 \uD544\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB798\uC11C \uB2E4\uB978 \uC0AC\uB78C\uC758 \uCF54\uB4DC\uB97C \uBCFC \uB54C \uB9C8\uB2E4 \uCC38 \uC0C8\uB86D\uACE0, \uB290\uB07C\uB294\uAC8C \uB9CE\uB2EC\uAE4C.

\uB098\uB3C4 \uC778\uC9C0\uD558\uC9C0 \uBABB\uD55C \uC0AC\uC774\uC5D0 \uCC98\uC74C\uBCF4\uB294 \uCF54\uB4DC\uC758 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uD30C\uC545\uD558\uB294\uAC8C \uC0C1\uB2F9\uD788 \uBE68\uB77C\uC84C\uB2E4. \uC774 \uCF54\uB4DC\uAC00 \uC5B4\uB514\uC11C \uC654\uB294\uC9C0 \uD750\uB984\uC744 \uCD94\uC801\uD558\uB294 \uAC83\uB3C4 \uBE68\uB77C\uC84C\uB2E4. \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uADF8\uB807\uAC8C \uB41C \uAC83 \uAC19\uB2E4.


(5) \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB370\uBE0C\uCF54\uC2A4

\uC0AC\uC9C4 58


<\uB098\uC758 \uC131\uC7A5>

\uC62C\uD574\uB294 \uB370\uBE0C\uCF54\uC2A4 \uB355\uBD84\uC5D0 \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD574 \uAD49\uC7A5\uD788 \uB9CE\uC774 \uC54C\uAC8C \uB41C \uAC83 \uAC19\uB2E4.

  • \uB0B4\uAC00 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC9C0\uC2DD\uC744 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uC804\uB2EC\uD558\uB294\uC9C0
  • \uB0B4\uAC00 \uC9C0\uC2DD\uC744 \uC804\uD560 \uB54C \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD558\uB294 \uBD80\uBD84\uC740 \uC5B4\uB5A4\uAC74\uC9C0
  • \uB098\uB294 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uD559\uC2B5\uC744 \uD558\uACE0 \uC788\uB294\uC9C0
  • \uB098\uB294 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uC131\uC7A5\uC744 \uD558\uACE0 \uC788\uB294\uC9C0

\uBA58\uD1A0\uB9C1\uC744 \uD558\uBA74\uC11C \uC790\uC2E0\uC5D0 \uB300\uD574 \uB3CC\uC544\uBCFC \uC218 \uC788\uC5C8\uB2EC\uAE4C?

\uBB34\uC5C7\uBCF4\uB2E4 \uC18C\uD53C\uC544 \uB9E4\uB2C8\uC800\uB2D8 \uB355\uBD84\uC5D0 \uB0B4\uAC00 \uC9C0\uD5A5\uD558\uB294 \uB9AC\uB354\uC27D\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD574\uBCFC \uC218 \uC788\uC5C8\uB2E4. \uB098\uB3C4 \uC800\uB7F0 \uBC29\uC2DD\uC73C\uB85C \uC0AC\uB78C\uB4E4\uC744 \uC774\uB04C\uC5B4\uAC00\uACE0\uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC744 \uBB34\uCC99 \uB9CE\uC774\uD588\uB2E4. \uC55E\uC5D0\uC11C \uC5B8\uAE09\uD55C "\uCD5C\uACE0\uC758 \uD300\uC740 \uBB34\uC5C7\uC774 \uB2E4\uB978\uAC00"\uC758 \uD45C\uBCF8\uC774 \uC18C\uD53C\uC544 \uB9E4\uB2C8\uC800\uB2D8\uC774\uB77C\uACE0 \uB290\uAF08\uB2E4.

\uC0AC\uB78C\uB4E4\uACFC \uB300\uD654\uD558\uBA74\uC11C \uB0B4 \uC0DD\uAC01\uC744 \uC815\uB9AC\uD558\uACE0, \uB2E4\uC591\uD55C \uC9C8\uBB38\uC744 \uC8FC\uACE0 \uBC1B\uACE0, \uD300\uC5D0\uC11C \uC2E0\uB8B0\uC640 \uCE5C\uBC00\uB3C4\uAC00 \uC5BC\uB9C8\uB098 \uC911\uC694\uD55C\uC9C0 \uCC38 \uB9CE\uC774 \uC54C\uAC8C\uB41C \uC2DC\uAC04\uC774\uC5C8\uB2E4.


<\uD504\uB871\uC774\uB4E4>

\uC900\uC77C1\uD300 \uC0AC\uB78C\uB4E4\uC740 \uB2E4\uAC19\uC774 \uBB34\uC5B8\uAC00\uB97C \uD558\uC9C4 \uC54A\uC558\uC9C0\uB9CC, \uC624\uD788\uB824 \uADF8\uB798\uC11C \uB354 \uCE5C\uBC00\uD55C \uAD00\uACC4\uB97C \uB9FA\uC744 \uC218 \uC788\uB358\uAC8C \uC544\uB2D0\uAE4C \uC2F6\uB2E4. \uBAA8\uB450 \uC5F4\uC815 \uAC00\uB4DD\uD55C \uC0AC\uB78C\uB4E4\uC774\uC5C8\uACE0, \uB69C\uBC85\uB69C\uBC85 \uC131\uC7A5\uD558\uB294 \uBAA8\uC2B5\uC774 \uCC38 \uC88B\uC558\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uD55C \uBA85 \uD55C \uBA85\uC774 \uC131\uC219\uD55C \uB300\uD654\uB97C \uB098\uB20C \uC218 \uC788\uB294 \uC0AC\uB78C\uB4E4\uC774\uC5C8\uB2E4\uB294\uAC8C \uC81C\uC77C \uD070 \uD589\uC6B4\uC774 \uC544\uB2C8\uC5C8\uC744\uAE4C? \uC774 \uBD84\uB4E4 \uB355\uBD84\uC5D0 \uB098 \uC790\uC2E0\uB3C4 \uB9CE\uC774 \uB3CC\uC544\uBCFC \uC218 \uC788\uC5C8\uACE0, \uB9CE\uC774 \uC54C\uAC8C \uB418\uC5C8\uACE0, \uB9CE\uC774 \uC131\uC7A5\uD588\uB2E4.

\uC900\uC77C2\uD300 \uC0AC\uB78C\uB4E4\uC740 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD560 \uB54C \uD300 \uBB38\uD654\uB97C \uB9CC\uB4E4\uACE0 \uAC1C\uC120\uD558\uB294 \uBC29\uC2DD\uC774 \uCC38 \uC88B\uC558\uB2E4. \uAC10\uC815\uC5D0 \uCE58\uC6B0\uCE58\uC9C0 \uC54A\uACE0, \uAC01\uC790\uAC00 \uAC00\uC9C4 \uB17C\uB9AC\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30\uD558\uACE0 \uC6B0\uC120\uC21C\uC704\uB97C \uC815\uD558\uACE0 \uC774\uB97C \uB04A\uC784\uC5C6\uC774 \uC870\uC815\uD574\uB098\uAC00\uB294 \uACFC\uC815\uC774\uB784\uAE4C? \uB0B4\uAC00 \uB9C9 \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uC744 \uC900\uBE44\uD560 \uB54C \uC774\uB807\uAC8C \uC131\uC219\uD55C \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uD560 \uC218 \uC788\uC5C8\uC73C\uBA74 \uC5BC\uB9C8\uB098 \uC88B\uC558\uC744\uAE4C \uD558\uB294\u2026 \uBB54\uAC00 \uD6C4\uD68C \uC544\uB2CC \uD6C4\uD68C\uAC00 \uB418\uAE30\uB3C4 \uD558\uACE0 \uADF8\uB798\uC11C \uB354 \uBA4B\uC788\uC5B4\uBCF4\uC600\uB2E4.

\uC900\uC77C3\uD300 \uC0AC\uB78C\uB4E4\uC758 \uACBD\uC6B0 \uD300\uC6D0\uB4E4 \uAC04\uC758 \uCE5C\uBC00\uB3C4\uAC00 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD560 \uB54C \uC5BC\uB9C8\uB098 \uC911\uC694\uD55C\uC9C0 \uB290\uB084 \uC218 \uC788\uC5C8\uB2E4. \uC11C\uB85C\uB97C \uC2E0\uB8B0\uD558\uACE0, \uC11C\uB85C\uB97C \uBBFF\uACE0, \uC11C\uB85C\uAC00 \uC6B8\uD0C0\uB9AC\uAC00 \uB418\uC5B4\uC8FC\uACE0. \uADF8\uB7EC\uBA74\uC11C \uC11C\uB85C \uBD80\uC871\uD55C \uBD80\uBD84\uC744 \uCC44\uC6CC\uB098\uAC00\uB294 \uBAA8\uC2B5\uB4E4. \uC77C\uC744 \uC798 \uD558\uAE30 \uC704\uD574\uC120, \uC131\uACFC\uB97C \uC798 \uB0B4\uAE30 \uC704\uD574\uC120 \uD655\uC2E4\uD788 \uCE5C\uBC00\uAC10\uACFC \uC2E0\uB8B0\uAC00 \uBB34\uCC99 \uC911\uC694\uD558\uAD6C\uB098 \uB290\uB07C\uAC8C \uD574\uC900 \uC0AC\uB78C\uB4E4\uC774\uC5C8\uB2E4. \uAC01\uC790\uAC00 \uAC00\uC9C4 \uAC15\uC810\uC774 \uB69C\uB837\uD558\uACE0 \uC774\uB97C \uC870\uD654\uB86D\uAC8C \uC774\uB904\uB098\uAC00\uB294 \uBAA8\uC2B5\uC774 \uC88B\uC558\uB2E4.

\uB3CC\uC774\uCF1C\uBCF4\uBA74 \uBC30\uC6B8\uC810\uC774 \uB9CE\uC740, \uB2EE\uACE0 \uC2F6\uC740\uAC8C \uB9CE\uC740 \uBA58\uD2F0\uB4E4\uC774\uC5C8\uB2E4.

  • \uBB34\uC12D\uB3C4\uB85D \uBE60\uB974\uAC8C \uD761\uC218\uD558\uACE0 \uC131\uC7A5\uD558\uB294 \uBD84\uB4E4\uB3C4 \uC788\uC5C8\uACE0
  • \uAC1C\uC778\uC758 \uC131\uC7A5 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uD300\uC774 \uC131\uC7A5\uD558\uB3C4\uB85D \uC124\uACC4\uD558\uB294 \uBD84\uB4E4\uB3C4 \uC788\uC5C8\uACE0
  • \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC758 \uC815\uC11D\uC744 \uBCF4\uC5EC\uC8FC\uC2E0 \uBD84\uB4E4\uB3C4 \uC788\uC5C8\uACE0
  • \uB8E8\uD2F4\uC744 \uC798 \uC124\uACC4\uD574\uC11C \uC790\uAE30\uAD00\uB9AC\uB97C \uC798 \uD558\uB294 \uBD84\uB4E4\uB3C4 \uC788\uC5C8\uACE0
  • \uC544\uBB34\uB9AC \uC5B4\uB835\uACE0 \uD798\uB4E4\uC5B4\uB3C4 \uC808\uB300 \uAD74\uD558\uC9C0 \uC54A\uB294 \uBD84\uB4E4\uB3C4 \uC788\uC5C8\uACE0

\uC9C1\uC811\uC801\uC73C\uB85C \uC5B8\uAE09\uD558\uC9C4 \uC54A\uC558\uC9C0\uB9CC \uBAA8\uB4E0 \uBD84\uB4E4\uC774 \uB208\uC5D0 \uBC1F\uD78C\uB2E4. \uBAA8\uB450 \uB2E4 \uC798 \uB410\uC73C\uBA74 \uC88B\uACA0\uB2E4!!

\uAC10\uC0AC\uC778\uC0AC

\uC9C0\uD604\uB2D8, \uC9C0\uC131\uB2D8, \uD61C\uC131\uB2D8, \uC138\uC9C4\uB2D8, \uCC2C\uC6B1\uB2D8
\uC885\uAE38\uB2D8, \uD6A8\uB9AC\uB2D8, \uAC74\uC6B0\uB2D8, \uC9C4\uACBD\uB2D8, \uC9C0\uD638\uB2D8
\uCC2C\uB2D8, \uBBFC\uC7AC\uB2D8, \uC6D0\uC9C0\uB2D8, \uC9C4\uC6B1\uB2D8

\uBAA8\uB450 \uC798 \uB530\uB77C\uC640\uC8FC\uC2DC\uACE0, \uBBFF\uC5B4\uC8FC\uC2DC\uACE0, \uC2E0\uB8B0\uD574\uC8FC\uC154\uC11C \uAC10\uC0AC\uD588\uC2B5\uB2C8\uB2E4!! \uC5B8\uC81C\uB4E0 \uB3C4\uC6C0\uC774 \uD544\uC694\uD558\uBA74 \uC774\uC57C\uAE30\uD574\uC8FC\uC138\uC694 \u{1F604}


<\uAE30\uC5B5\uC5D0 \uB0A8\uB294 \uD504\uB85C\uC81D\uD2B8>

',34),Ai={class:"custom-container tip"},Ei=t("p",{class:"custom-container-title"},"\uC559\uACE8\uB77C",-1),Gi=t("p",null,'\uC5EC\uB7EC\uAC00\uC9C0 \uD504\uB85C\uC81D\uD2B8\uAC00 \uC788\uC5C8\uB294\uB370 \uC81C\uC77C \uC778\uC0C1 \uAE4A\uC5C8\uB358\uAC74 "\uC559\uACE8\uB77C" \uBC38\uB7F0\uC2A4 \uAC8C\uC784!',-1),Di=t("p",null,"\uBAA8\uB4E0 \uD300\uC774 \uB611\uAC19\uC740 API\uB97C \uC0AC\uC6A9\uD574\uC11C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD558\uB294 \uD504\uB85C\uC81D\uD2B8\uC778\uB370, \uD55C\uC815\uB41C \uC790\uC6D0\uC73C\uB85C \uC774\uB807\uAC8C \uC7AC\uBC0C\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5C8\uB2E4\uB294\uAC8C \uB180\uB78D\uAE30\uB3C4 \uD558\uACE0 \uBA4B\uC788\uAE30\uB3C4 \uD558\uACE0!",-1),Oi={href:"https://github.com/prgrms-fe-devcourse/FEDC4_Angola_NaYoung",target:"_blank",rel:"noopener noreferrer"},Ui=s("github"),Xi={href:"https://fedc4-angola.vercel.app/",target:"_blank",rel:"noopener noreferrer"},Ki=s("demo"),Ri={class:"custom-container tip"},Yi=t("p",{class:"custom-container-title"},"\uB9AC\uBDF0\uB808\uC778\uC800",-1),zi=t("p",null,"\uC9C0\uAE08 \uB2F9\uC7A5 \uD6A8\uACFC\uC801\uC73C\uB85C \uD574\uACB0 \uAC00\uB2A5\uD55C \uBB38\uC81C\uB97C \uC815\uC758\uD558\uACE0 \uD480\uC5B4\uB098\uAC00\uB294 \uD300\uB3C4 \uC788\uC5B4\uC11C \uC88B\uC558\uB2E4. \uB370\uBE0C\uCF54\uC2A4 \uB0B4\uC5D0\uC11C \uB9CE\uC774 \uB9CE\uC774 \uC774\uC6A9 \uB418\uC5C8\uC73C\uBA74 \uD558\uB294 \uB9C8\uC74C.",-1),Ji={href:"https://github.com/prgrms-web-devcourse/Team-12-ReviewRanger-FE",target:"_blank",rel:"noopener noreferrer"},Qi=s("github"),Vi={href:"https://www.review-ranger.shop/",target:"_blank",rel:"noopener noreferrer"},Wi=s("demo"),Hi=o('



3. \uC0AC\uC0DD\uD65C

(1) \uC774\uC0AC

\uC0AC\uC9C4 59

\uC11C\uC6B8(\uC11C\uCD08)\uC5D0\uC11C \uC218\uC6D0(\uAD11\uAD50)\uC73C\uB85C \uC774\uC0AC\uC654\uB2E4. 10\uB144 \uC804\uBD80\uD130 \uD56D\uC0C1 \uC774\uB7F0 \uB3D9\uB124\uC5D0\uC11C \uC0B4\uACE0\uC2F6\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB294\uB370 \uB9C8\uCE68 \uC774\uC0AC \uC2DC\uAE30\uAC00 \uB2E4\uAC00\uC654\uACE0, \uD68C\uC0AC\uB3C4 \uC7AC\uD0DD\uADFC\uBB34\uACE0, \uC5EC\uB7EC\uAC00\uC9C0 \uAC1C\uC778\uC0AC\uB4E4\uC774 \uACB9\uCCD0\uC11C \uACB0\uAD6D \uC774 \uB3D9\uB124\uB85C \uC624\uAC8C \uB418\uC5C8\uB2E4.

\uC6D0\uB798 \uBCF4\uB824\uACE0 \uD588\uB358 \uC9D1\uC740 \uC544\uB2C8\uC600\uB294\uB370 \uACF5\uC778\uC911\uAC1C\uC0AC\uBD84\uC758 \uC190\uC5D0 \uC774\uB04C\uB824 \uC18D\uC804\uC18D\uACB0\uB85C \uACC4\uC57D\uC744 \uD558\uACE0 \uC785\uC8FC\uD588\uB2E4.

\uC9D1\uC5D0 \uB300\uD55C \uB9CC\uC871\uB3C4\uB3C4 \uB192\uC9C0\uB9CC, \uC81C\uC77C \uC88B\uC740\uAC74 \uBC14\uB85C \uC55E\uC5D0 \uD638\uC218\uACF5\uC6D0\uC774 \uC788\uB2E4\uB294 \uAC83! \uB355\uBD84\uC5D0 \uB9E4\uC77C\uB9E4\uC77C \uD589\uBCF5\uD558\uAC8C \uC0B0\uCC45\uC744 \uD558\uACE0 \uC788\uB2E4.

\uC5B4\uB9B4 \uB54C\uBD80\uD130 \uB108\uBB34 \uC774\uC0AC\uB97C \uB9CE\uC774 \uB2E4\uB140\uC11C \uC5B4\uB518\uAC00\uC5D0 \uC815\uCC29\uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD588\uB294\uB370, \uADF8\uAC8C \uC774 \uB3D9\uB124\uC600\uC73C\uBA74 \uD558\uB294 \uBC14\uB78C\uC774 \uC788\uB2E4.

\uB2E8\uACE8 \uCE74\uD398\uC640 \uB2E8\uACE8 \uBC25\uC9D1\uC774 \uC788\uB2E4\uB294 \uAC83. \uB9E4\uC77C\uB9E4\uC77C \uC9C0\uB098\uB2E4\uB2C8\uBA70 \uC778\uC0AC\uB97C \uB098\uB208 \uB2E4\uB294 \uAC83. \uC8FC\uAC70\uC5D0 \uB300\uD55C \uD589\uBCF5\uC744 \uC774\uC81C\uC11C\uC57C \uB290\uB07C\uB294 \uC911\uC774\uB784\uAE4C?

\uC9D1\uC5D0\uC11C \uC77C\uC744 \uD558\uB294 \uB0A0\uC5D0\uB294 \uC810\uC2EC\uBA39\uAE30 \uC804\uAE4C\uC9C0 \uC9D1\uC5D0 \uC788\uACE0, \uC810\uC2EC\uC744 \uBA39\uC740 \uD6C4\uC5D0\uB294 \uCE74\uD398\uB85C \uC774\uB3D9\uD574\uC11C \uC791\uC5C5\uD558\uB2E4\uAC00 \uB2E4\uC2DC \uC9D1\uC73C\uB85C \uC628\uB2E4. \uADF8\uB807\uAC8C \uD574\uC57C \uD558\uB8E8\uB97C \uC798 \uB9C8\uBB34\uB9AC \uD55C \uAC83 \uAC19\uC740 \uAE30\uBD84\uC774 \uB4E0\uB2E4.


<\uC0B0\uCC45>

\uC0AC\uC9C4 60

5\uC6D4\uBD80\uD130 \uC9C0\uAE08\uAE4C\uC9C0 \uAC70\uC758 \uB9E4\uC77C \uC0B0\uCC45\uC744 \uD558\uACE0 \uC788\uB2E4. \uC815\uB9D0 \uB9C8\uAC10\uC774 \uAE09\uD574\uC11C \uD558\uB8E8 \uC885\uC77C \uC77C\uC744 \uD574\uC57C \uD55C\uB2E4\uAC70\uB098, \uD639\uC740 \uBD80\uB4DD\uC774\uD558\uAC8C \uC9D1\uC5D0 \uB4E4\uC5B4\uAC00\uC9C0 \uBABB\uD558\uAC70\uB098 \uB108\uBB34 \uB2A6\uAC8C \uB4E4\uC5B4\uAC00\uB294 \uB0A0\uC744 \uBE7C\uBA74? \uBAA9\uD45C\uB294 \uB9E4\uC77C 10km \uC600\uB294\uB370\u2026 10\uC6D4 ~ 12\uC6D4\uC5D0\uB294 \uC77C\uC774 \uB108\uBB34 \uB9CE\uB2E4\uBCF4\uB2C8 \uB9E4\uC77C\uB9E4\uC77C \uD558\uC9C4 \uBABB\uD588\uB2E4. \uC7A1\uB2E4\uAD6C\uB9AC\uD55C \uC0DD\uAC01\uC774 \uB9CE\uC558\uB358 6\uC6D4 ~ 8\uC6D4\uC5D0 \uC720\uB3C5 \uC0B0\uCC45\uC744 \uB9CE\uC774 \uD588\uB358 \uAC83 \uAC19\uB2E4.

\uC0AC\uC9C4 61

\uC77C\uB144\uC744 \uC815\uB9AC\uD558\uBA74\uC11C \uC0DD\uAC01\uC774 \uC81C\uC77C \uB9CE\uC558\uB358 \uC5F0\uB9D0\uC5D0\uB294\u2026 \uAC70\uC758 \uD558\uB8E8 \uC885\uC77C \uACF5\uC6D0\uC744 \uB3CC\uC544\uB2E4\uB154\uB2E4. \uB2E4\uC74C\uB0A0 \uC544\uD30C\uC11C \uBAB8\uC838 \uB204\uC6B4\uAC74 \uC548 \uBE44\uBC00

\uC774\uB7F0 \uC2DC\uAC04\uB4E4\uC774 \uC5C6\uC5C8\uC73C\uBA74, \uB9D0\uB77C\uBE44\uD2C0\uC5B4\uC9C4 \uB9C8\uC74C\uC744 \uAC00\uC9C0\uACE0 \uC5F0\uB9D0\uC5F0\uCD08\uB97C \uBCF4\uB0B4\uACE0 \uC788\uC9C0 \uC54A\uC558\uC744\uAE4C?

\uC774 \uC2DC\uAE30\uC5D0 \uC774 \uB3D9\uB124\uC5D0 \uC774\uC0AC\uC640\uC11C \uCC38 \uB2E4\uD589\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

\uC0AC\uC9C4 62

\uC774\uB807\uAC8C \uC6D0\uCC9C\uD638\uC218\uC640 \uC2E0\uB300\uD638\uC218\uB97C \uAC01\uAC01 \uD55C \uBC14\uD034\uC529 \uB3C4\uB294 \uCF54\uC2A4\uB2E4.


(2) \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158

\uC62C\uD574\uB294 \uBB34\uC5C7\uBCF4\uB2E4 \uB9CE\uC774 \uACE0\uBBFC\uD55C\uAC8C \uB300\uD654\uD558\uB294 \uBC29\uC2DD\uC774\uB2E4. \uC5B4\uB5A4\uC2DD\uC73C\uB85C \uB300\uD654\uB97C \uD574\uC57C \uC88B\uC744\uAE4C? \uC9C8\uBB38\uC744 \uD574\uC57C \uC88B\uC744\uAE4C? \uC804\uB2EC\uC744 \uD574\uC57C \uC88B\uC744\uAE4C? \uD558\uB294 \uAC83\uB4E4\uC774\uB2E4.

TIP

  1. "\uC0C1\uB300\uBC29"\uC774 \uC544\uB2CC "\uB098"\uB97C \uAE30\uC900\uC73C\uB85C \uC774\uC57C\uAE30\uD558\uAE30.

    • \uB10C \uC65C \uB9D0\uC744 \uADF8\uB807\uAC8C \uAE30\uBD84\uB098\uC058\uAC8C\uD574? \u2192 \uADF8\uB7F0 \uB9D0\uC744 \uB4E4\uC73C\uBA74 \uB098\uB294 \uAE30\uBD84\uC774 \uC548 \uC88B\uC544.
  2. "\uC9C8\uBB38"\uC744 \uC798 \uD558\uAE30.

    • \uADF8\uB807\uAC8C \uC0DD\uAC01\uD558\uAC8C \uB41C \uC774\uC720 \uD639\uC740 \uACC4\uAE30\uAC00 \uC788\uC744\uAE4C\uC694?
    • \uC81C\uAC00 \uC774\uD574\uB97C \uBABB\uD55C \uAC83 \uAC19\uC544\uC694. \uB2E4\uC2DC \uD55C \uBC88 \uB9D0\uC500\uD574\uC8FC\uC2E4 \uC218 \uC788\uC744\uAE4C\uC694?
  3. "\uC88B\uC740 \uC9C8\uBB38"\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD558\uAE30.

    • \uC774\uBC88 \uC8FC\uC5D0 \uC0DD\uAE34 \uBCC0\uD654\uAC00 \uC788\uB098\uC694? \uC791\uC740 \uAC83\uB3C4 \uC88B\uC73C\uB2C8 \uC774\uC57C\uAE30\uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C\uC694?

\uAE4A\uC740 \uB300\uD654\uB97C \uD558\uAE30 \uC704\uD574\uC120 \uC9C4\uC2EC\uACFC \uC774\uC131\uC774 \uD544\uC694\uD558\uB2E4. \uC774\uC131\uC801\uC73C\uB85C \uC9C4\uC2EC\uC744 \uB2E4\uD574 \uC774\uC57C\uAE30\uD558\uB294 \uAC83.

\uB09C \uC65C \uC774 \uBAA8\uC591\uC77C\uAE4C \uC0DD\uAC01\uD558\uB294 \uBD80\uBD84\uC774 "\uD55C \uB2E8\uC5B4\uB85C \uD45C\uD604\uD558\uB294 \uAC83" \uC778\uB370 \uC5B4\uD718\uC758 \uD55C\uACC4\uB3C4 \uC788\uACE0 \uC5EC\uB7EC \uC7AC\uB8CC\uB97C \uBAA8\uC544\uC11C \uC5B4\uB5A4 \uD55C \uAC00\uC9C0\uB85C \uD45C\uD604\uD558\uB294 \uAC8C \uBB34\uCC99 \uC5B4\uB835\uB2E4. \uB9AC\uB354 \uBD84\uAED8 \uD56D\uC0C1 \uB4E3\uB294 \uD53C\uB4DC\uBC31\uC774\uAE30\uB3C4 \uD558\uACE0, \uB098 \uC2A4\uC2A4\uB85C \uB2F5\uB2F5\uD55C \uBD80\uBD84\uC774\uAE30\uB3C4 \uD558\uB2E4. \uC5B4\uB5BB\uAC8C \uADF9\uBCF5\uD560 \uC218 \uC788\uC744\uAE4C \uACE0\uBBFC\uC744 \uD574\uBD10\uB3C4 \uC798 \uBAA8\uB974\uACA0\uB2EC\uAE4C\u2026. \uAD00\uB828 \uCC45\uB4E4\uC744 \uC77D\uC5B4\uBCF4\uBA74 \uB098\uC544\uC9C8\uAE4C?

\uADF8\uB9AC\uACE0 \uB098\uB294 \uD56D\uC0C1 \uC232\uC774 \uC544\uB2C8\uB77C \uB098\uBB34\uC5D0 \uAD00\uD574 \uC774\uC57C\uAE30\uD55C\uB2E4. \uC790\uAFB8 \uB098\uBB34\uC5D0 \uC2DC\uC120\uC774 \uAC04\uB2E4. \uADF8\uB7EC\uBA74 \uC232\uC740 \uC544\uB2C8\uB77C\uB3C4 \uB098\uBB34 \uB450\uC138 \uADF8\uB8E8 \uC815\uB3C4\uB294 \uBCF4\uB2E4 \uBCF4\uBA74 \uC232 \uC5B8\uC800\uB9AC\uAE4C\uC9C0\uB294 \uBCFC \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C?


<\uACC4\uAE30>

10\uB144\uB3D9\uC548 \uC78A\uACE0 \uC0B4\uC558\uB358 \uACE0\uB4F1\uD559\uAD50 \uCE5C\uAD6C\uC5D0\uAC8C \uAC11\uC790\uAE30 \uC804\uD654\uAC00 \uC654\uB2E4. \uC54C\uACE0\uBCF4\uB2C8 \uC2E4\uC218\uB85C \uD55C\uAC70\uB77C\uACE0..

\uC5B4\uCA0C\uB4E0 \uBC18\uAC00\uC6C0 \uB9C8\uC74C\uC5D0 \uC548\uBD80 \uC778\uC0AC\uB97C \uBB3B\uB2E4\uAC00 \uC57D\uC18D\uC744 \uC7A1\uACE0 \uB9CC\uB0AC\uB2E4(B\uB77C\uACE0 \uCE6D\uD558\uACA0\uB2E4)

B\uB3C4 \uB3CC\uACE0 \uB3CC\uC544 \uAC1C\uBC1C\uC790\uB97C \uD558\uACE0 \uC788\uC5C8\uB294\uB370, B\uAC00 \uAC00\uC9C0\uACE0 \uC788\uB294 \uAC00\uCE58\uAD00\uACFC \uC0B4\uC544\uC628 \uBC29\uC2DD\uC774 \uB098\uC640 \uBB34\uCC99 \uC720\uC0AC\uD588\uB2E4. \uAD00\uC2EC \uBD84\uC57C\uB098 \uC0DD\uAC01\uD558\uB294 \uBC29\uC2DD\uC774 \uC720\uC0AC\uD558\uB2EC\uAE4C?

\uADF8\uBCF4\uB2E4 \uB354 \uC2E0\uC120\uD55C \uCDA9\uACA9\uC740 B\uAC00 \uB300\uD654\uB97C \uD558\uB294 \uBC29\uC2DD\uC774\uC5C8\uB2E4. \uB300\uD654\uB97C \uC774\uB04C\uC5B4\uAC00\uB294 \uBC29\uC2DD\uACFC \uC2DC\uAE30 \uC801\uC808\uD558\uAC8C \uB358\uC9C0\uB294 \uC9C8\uBB38\uB4E4 \uB355\uBD84\uC5D0 \uCC38 \uB9CE\uC740 \uC774\uC57C\uAE30\uB97C \uB098\uB20C \uC218 \uC788\uC5C8\uB2E4. \uC624\uB7AB\uB3D9\uC548 \uC54C\uACE0 \uC9C0\uB0C8\uB358 \uCE5C\uAD6C\uB97C \uB9CC\uB09C \uB290\uB08C\uC774\uB784\uAE4C? \uC2E4\uC81C\uB85C\uB294 10\uB144\uB9CC\uC5D0 \uBCF4\uB294 \uC0AC\uB78C\uC778\uB370 \uC5B4\uB5BB\uAC8C \uADF8\uB807\uAC8C \uB290\uB084 \uC218 \uC788\uC5C8\uC744\uAE4C?

\uADF8 \uD6C4 \uC9D1\uC5D0 \uB3CC\uC544\uC628 \uD6C4 \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C B\uC640 \uD588\uB358 \uB300\uD654\uB4E4\uC744 \uACF1\uC539\uC5B4\uBD24\uACE0 \uB098\uB3C4 \uC774\uB7F0 \uD654\uBC95\uC744 \uAD6C\uC0AC\uD558\uACE0 \uC2F6\uC5C8\uB2E4.


<\uC801\uC6A9>

B\uB97C \uBCF4\uACE0 \uBC30\uC6B4 \uC810\uC744 \uBA58\uD2F0\uB4E4\uACFC \uC774\uC57C\uAE30\uB97C \uD558\uBA74\uC11C \uC801\uC6A9\uD574\uB098\uAC14\uB2E4. \uD300\uC6D0\uB4E4\uACFC \uC2A4\uD06C\uB7FC\uC744 \uD560 \uB54C\uC5D0\uB3C4, \uD639\uC740 \uBA74\uB2F4\uC744 \uD560 \uB54C\uC5D0\uB3C4 \uC9C8\uBB38\uC744 \uCD5C\uB300\uD55C \uB9CE\uC774 \uD558\uB824\uACE0 \uD588\uB2E4.

\uC5B4\uB5A4 \uC774\uC57C\uAE30\uB4E4\uC5D0 \uB300\uD574 \uB2E8\uC21C\uD788 \uB118\uC5B4\uAC00\uB294\uAC8C \uC544\uB2C8\uB77C "\uC65C \uADF8\uB807\uAC8C \uC0DD\uAC01\uC744 \uD558\uAC8C \uB418\uC5C8\uB098\uC694?" "\uC5B4\uB5A4\uC810 \uB54C\uBB38\uC5D0 \uADF8\uB807\uAC8C \uB290\uAF08\uB098\uC694?" \uAC19\uC740 \uC2DD\uC73C\uB85C \uB300\uD654\uB97C \uB354 \uC774\uC5B4\uB098\uAC04\uB2EC\uAE4C.

\uADF8\uB798\uC11C \uBA58\uD2F0\uB4E4\uACFC \uB354 \uD48D\uBD80\uD55C \uC774\uC57C\uAE30\uB97C \uB098\uB20C \uC218 \uC788\uC5C8\uACE0, \uAC01\uC790\uAC00 \uC798 \uD761\uC218\uD560 \uC218 \uC788\uB294 \uBC29\uC2DD\uC73C\uB85C \uC9C0\uC2DD\uC774\uB098 \uC0DD\uAC01\uC744 \uC804\uB2EC\uD558\uAE30 \uC704\uD574 \uB178\uB825\uD588\uB358 \uAC83 \uAC19\uB2E4.

\uADF8\uB9AC\uACE0 \uAC00\uC871\uB4E4\uACFC \uC774\uC57C\uAE30\uB97C \uD560 \uB54C\uC5D0\uB3C4 \uB611\uAC19\uC774 \uC2DC\uB3C4\uD588\uB2E4. \uC0AC\uC2E4 \uAC00\uC871\uB4E4\uC744 \uB9CE\uC774 \uB9CC\uB098\uC9C8 \uC54A\uB294\uAC8C \uC81C\uC77C \uD070 \uBB38\uC81C\uC9C0\uB9CC\u2026 \uC544\uB9C8 \uC774\uB807\uAC8C \uB300\uD654\uB97C \uD558\uB2E4\uBCF4\uBA74 \uC870\uAE08 \uB354 \uC758\uBBF8 \uC788\uB294 \uC2DC\uAC04\uC744 \uBCF4\uB0BC \uC218 \uC788\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4.


(3) \uB2F9\uC2E0\uC774 \uC633\uB2E4

\uB2F9\uC2E0\uC774 \uC633\uB2E4

\uC62C\uD574 1\uC6D4\uC5D0 \uAD6C\uB9E4\uD574\uC11C 2\uC6D4\uC5D0 \uC77D\uC740 \uCC45\uC774\uB2E4. \uC81C\uC77C \uB9CE\uC774 \uC640 \uB2FF\uC558\uB358 \uCC45\uC774\uACE0 \uB0B4 \uC778\uC0DD\uC5D0 \uC801\uADF9\uC801\uC73C\uB85C \uB179\uC5EC\uB0B4\uB294 \uC911\uC774\uB2E4. \uD56D\uC0C1 \uC0DD\uAC01\uD558\uB294 \uAC70\uC9C0\uB9CC \uC2EC\uB9AC\uD559\uC740 \uC81C\uC77C \uC2E4\uC6A9\uC801\uC778 \uD559\uBB38\uC774 \uC544\uB2D0\uAE4C?


<\uAC10\uC815\uC740 \uC9C4\uC9DC\uB2E4>

\uC0AC\uB78C\uB9C8\uB2E4 \uB290\uB07C\uB294 \uAC10\uC815\uC774 \uC788\uB2E4. \uADF8\uB9AC\uACE0 \uADF8 \uC0AC\uB78C\uC774 \uACAA\uC740 \uC0AC\uAC74\uC774 \uC788\uB2E4. \uD574\uB2F9 \uC0AC\uAC74\uC5D0 \uB300\uD55C \uAC1D\uAD00\uC801\uC778 \uC2DC\uC57C\uB294 \uC77C\uB2E8 \uC811\uC5B4\uB450\uACE0, \uC774 \uC0AC\uAC74\uC744 \uD1B5\uD574\uC11C \uB290\uB07C\uB294 \uAC10\uC815 \uC790\uCCB4\uB294 \uC9C4\uC9DC\uB77C\uB294 \uC774\uC57C\uAE30.

\uAC00\uB839, \uC5B4\uB5A4 \uC0AC\uB78C\uC740 \uC5B4\uB9B4 \uB54C \uBD80\uBAA8\uB2D8\uC758 \uC0AC\uB791\uC744 \uB9CE\uC774 \uBABB\uBC1B\uC558\uB2E4\uACE0 \uC0DD\uAC01\uD558\uC9C0\uB9CC \uBD80\uBAA8\uB2D8\uC740 "\uB0B4\uAC00 \uB108\uB97C \uC5BC\uB9C8\uB098 \uB9CE\uC774 \uC0AC\uB791\uD574\uC92C\uB294\uB370!" \uB77C\uACE0 \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uB2E4.

\uC5EC\uAE30\uC11C \uC2E4\uC81C\uB85C \uC5B4\uB5A4 \uC77C\uC774 \uC77C\uC5B4\uB0AC\uB4E0, "\uC5B4\uB9B4 \uB54C \uBD80\uBAA8\uB2D8\uC758 \uC0AC\uB791\uC744 \uB9CE\uC774 \uBABB\uBC1B\uC558\uB2E4" \uB77C\uACE0 \uB290\uB07C\uB294 \uAC10\uC815\uC740 \uC9C4\uC9DC\uB77C\uB294 \uAC83\uC774\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uAC10\uC815\uC744 \uC54C\uC544\uC8FC\uB294\uAC8C \uC81C\uC77C \uC911\uC694\uD558\uB2E4. \uAC1D\uAD00\uC801\uC778 \uC774\uC57C\uAE30\uB294 \uADF8 \uB2E4\uC74C\uC774\uB2E4.

\uC774 \uCC45\uC758 "\uB2F9\uC2E0\uC774 \uC633\uB2E4"\uB294 \uADF8\uB7F0 \uC758\uBBF8\uB2E4. \uB2F9\uC2E0\uC774 \uB290\uB07C\uB294 \uBAA8\uB4E0 \uAC10\uC815\uC740 \uC5B4\uCA0C\uB4E0 \uC9C4\uC9DC\uC774\uBA70 \uB2E4\uB978 \uC0AC\uB78C\uC774 \uB290\uB07C\uB294 \uAC10\uC815\uB4E4 \uB610\uD55C \uC5B4\uCA0C\uB4E0 \uC9C4\uC9DC\uB2E4.

\uADF8\uB9AC\uACE0 \uC774\uB7F0 \uAC10\uC815\uC744 \uC81C\uC77C \uBA3C\uC800 \uC54C\uC544\uC57C \uD558\uB294 \uAC83\uC740 \uB098 \uC790\uC2E0\uC774\uB2E4. \uB0B4\uAC00 \uB098\uC5D0 \uB300\uD574 \uC778\uC815\uD574\uC8FC\uACE0 \uACF5\uAC10\uD574\uC918\uC57C \uD558\uB294 \uAC83\uC774\uB2E4.


<\uACF5\uAC10>

\uACF5\uAC10\uC758 \uC758\uBBF8

"\uACF5\uAC10\uC740 \uB611\uAC19\uC774 \uB290\uB07C\uB294 \uC0C1\uD0DC\uAC00 \uC544\uB2C8\uB77C, \uC0C1\uB300\uAC00 \uAC00\uC9C0\uB294 \uAC10\uC815\uC774\uB098 \uB290\uB08C\uC774 \uADF8\uB7F4 \uC218 \uC788\uACA0\uB2E4\uACE0 \uAE30\uAEBC\uC774 \uC218\uC6A9\uB418\uACE0 \uC774\uD574\uB418\uB294 \uC0C1\uD0DC\uB2E4." p268

\uC0AC\uB78C\uB4E4\uC774 \uD754\uD788 \uD558\uB294 \uC0DD\uAC01\uD558\uB294 \uACF5\uAC10\uACFC \uC9C4\uC9DC \uACF5\uAC10\uC740 \uC57D\uAC04\uC758 \uCC28\uC774\uAC00 \uC788\uB2E4. \uACF5\uAC10\uC774\uB780 \uAC10\uC815\uC744 \uC774\uD574\uD558\uB294 \uAC83\uC774\uB2E4. \uCC45\uC744 \uC77D\uACE0 \uC801\uC808\uD55C \uC0AC\uB840\uAC00 \uBB50\uAC00 \uC788\uC744\uAE4C \uC0DD\uAC01\uD574\uBD24\uB294\uB370, \uC8FC\uBCC0 \uC0AC\uB78C\uC5D0\uAC8C \uC81C\uC77C \uB9CE\uC774 \uD558\uB294 \uC774\uC57C\uAE30\uAC00 \uB4DC\uB77C\uB9C8 "\uB610 \uC624\uD574\uC601" \uC774\uB2E4.

\uACB0\uD63C\uC2DD \uB2F9\uC77C\uC5D0 \uD30C\uD63C\uC744 \uB2F9\uD55C \uB0A8\uC790\uC640 \uACB0\uD63C\uC2DD \uC804\uB0A0\uC5D0 \uD30C\uD63C\uC744 \uB2F9\uD55C \uC5EC\uC790. \uC774\uB4E4\uC758 \uAC10\uC815\uC744 \uACF5\uAC10\uD560 \uC218 \uC788\uB294 \uC0AC\uB78C\uC774 \uB204\uAC00 \uC788\uC744\uAE4C?

\uADF8\uB7F0 \uC2DC\uAE30\uC5D0 \uD30C\uD63C\uC744 \uB2F9\uD55C \uC2EC\uC815\uC740 \uB2F9\uC0AC\uC790\uB4E4 \uBC16\uC5D0 \uC5C6\uC744 \uAC83\uC774\uB2E4. \uB204\uAC00 \uD568\uBD80\uB85C \uC774 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uACF5\uAC10\uC744 \uD560 \uC218 \uC788\uC744\uAE4C? \uC5B4\uB5BB\uAC8C \uC774 \uC0AC\uB78C\uB4E4\uC758 \uB9C8\uC74C\uC744 \uC54C\uC544\uC904 \uC218 \uC788\uC744\uAE4C?

\uC5EC\uAE30\uC11C \uC911\uC694\uD55C \uD3EC\uC778\uD2B8\uB294 "\uAC10\uC815\uC744 \uC54C\uACE0 \uC788\uB2E4" \uB77C\uB294 \uAC83.

\uAC10\uC815\uC758 \uB9AC\uC561\uC158\uACFC \uACF5\uAC10\uC740 \uC5C4\uC5F0\uD788 \uB2E4\uB974\uACE0, \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC740 \uAC10\uC815\uC758 \uB9AC\uC561\uC158\uC744 \uACF5\uAC10\uC774\uB77C\uACE0 \uC0DD\uAC01\uD558\uACE0 \uC788\uB2E4. \uC0AC\uB78C\uB9C8\uB2E4 \uC990\uAC70\uC6C0\uACFC \uC2AC\uD514\uACFC \uBD84\uB178\uB97C \uB290\uB07C\uB294 \uC0C1\uD669\uACFC \uC2DC\uAE30\uAC00 \uB2E4 \uB2E4\uB97C \uC218 \uC788\uB2E4. \uD558\uC9C0\uB9CC \uADF8\uAC74 \uBB34\uCC99 \uB2F9\uC5F0\uD55C \uAC83\uC774\uACE0 \uB0B4\uAC00 \uB0A8\uB4E4\uACFC \uB2E4\uB974\uB2E4\uACE0 \uD574\uC11C, \uB0A8\uB4E4\uC774 \uB098\uC640 \uB2E4\uB974\uB2E4\uACE0 \uD574\uC11C \uC774\uC0C1\uD55C\uAC8C \uC544\uB2C8\uB2E4.

T\uC640 F\uC758 \uACF5\uAC10

\uBCF4\uD1B5 MBTI\uC758 F\uC778 \uC0AC\uB78C\uC774 \uACF5\uAC10\uC744 \uC798\uD55C\uB2E4\uACE0 \uD55C\uB2E4. \uBCF4\uD1B5 F\uAC00 T\uB97C \uBCF4\uBA74\uC11C \uACF5\uAC10\uB2A5\uB825\uC774 \uB5A8\uC5B4\uC9C4\uB2E4\uACE0 \uD558\uB294\uB370, \uC774\uB7F0 \uC774\uC57C\uAE30\uB97C \uD558\uB294 \uAC83 \uC790\uCCB4\uAC00 \uACF5\uAC10\uB2A5\uB825\uC774 \uC5C6\uB294 \uAC83\uC77C \uC218\uB3C4 \uC788\uB2E4. T\uAC00 \uC5B4\uB5A4 \uB9C8\uC74C\uC778\uC9C0 F\uAC00 "\uC774\uD574" \uD574\uBCF4\uB824\uACE0 \uD588\uB2E4\uBA74 \uBAA8\uB97C\uAE4C.. \uADF8\uB7F0 \uC2DC\uB3C4\uC870\uCC28 \uD558\uC9C0 \uC54A\uACE0 \uACF5\uAC10\uB2A5\uB825\uC774 \uACB0\uC5EC\uB418\uC5C8\uB2E4 \uB77C\uACE0 \uC774\uC57C\uAE30\uB97C \uD558\uB294\uAC74 \uC5B4\uBD88\uC131\uC124\uC774\uB2E4.

\uACF5\uAC10\uC744 \uC798 \uD558\uAE30 \uC704\uD574\uC120 \uAC10\uC815\uC744 \uBB3C\uC5B4\uBD10\uC57C \uD55C\uB2E4. \uADF8 \uB2F9\uC2DC\uC5D0 \uC5B4\uB5A4 \uAE30\uBD84\uC774\uC5C8\uB294\uC9C0, \uC5B4\uB5A4 \uC2EC\uC815\uC774\uC5C8\uB294\uC9C0, \uC5B4\uB5BB\uAC8C \uD558\uACE0 \uC2F6\uC5C8\uB294\uC9C0, \uB610 \uC5B4\uB5A4 \uAC10\uC815\uC744 \uB290\uAF08\uB294\uC9C0 \uADF8\uB9AC\uACE0 \uB610 \uC5B4\uB5A4 \uAC10\uC815\uC744 \uB290\uAF08\uB294\uC9C0, \uACC4\uC18D \uBB3C\uC5B4\uBD10\uC57C \uC774\uD574\uD560 \uC218 \uC788\uACE0 \uC54C \uC218 \uC788\uB2E4.

\uC81C\uC77C \uD558\uC9C0 \uB9D0\uC544\uC57C \uD558\uB294 \uAC83\uC740 \uCDA9\uC870\uD3C9\uD310(\uCDA9\uACE0/\uC870\uC5B8/\uD3C9\uAC00/\uD310\uB2E8)\uC778\uB370, \uB2E4\uB978 \uC0AC\uB78C\uC758 \uAC10\uC815\uC5D0 \uB300\uD574 \uD568\uBD80\uB85C \uCDA9\uC870\uD3C9\uD310\uC744 \uD558\uBA74 \uC548 \uB41C\uB2E4\uB294 \uAC83.

  • "\uADF8\uB7F0 \uC0DD\uAC01\uC740 \uC78A\uC5B4. \uB108\uD55C\uD14C \uC88B\uC744\uAC8C \uD558\uB098\uB3C4 \uC5C6\uC5B4" - \uCDA9\uC870
  • "\uADF8\uB7F4\uC218\uB85D \uB124\uAC00 \uB354 \uC5F4\uC2EC\uD788 \uD558\uACE0 \uBC30\uC6B0\uB824\uB294 \uC790\uC138\uB97C \uAC00\uC838\uC57C\uC9C0" - \uCDA9\uC870
  • "\uAE0D\uC815\uC801\uC73C\uB85C \uB9C8\uC74C\uC744 \uBA39\uC5B4\uBD10" - \uCDA9\uC870
  • "\uADF8\uAC74 \uB108\uB97C \uB108\uBB34 \uC0AC\uB791\uD574\uC11C \uD55C \uB9D0\uC77C\uAC70\uC57C" - \uD3C9\uD310
  • "\uB124\uAC00 \uB108\uBB34 \uC608\uBBFC\uD574\uC11C \uADF8\uB7F0 \uAC70 \uC544\uB2C8\uB2C8?" - \uD3C9\uD310
  • "\uB0A8\uC790\uB294 \uB2E4 \uAC70\uAE30\uC11C \uAC70\uAE30\uC57C, \uBCC4\uB2E4\uB978 \uC0AC\uB78C \uC788\uB294 \uC904 \uC544\uB2C8?" - \uCDA9\uC870\uD3C9\uD310

\uCDA9\uC870\uD3C9\uD310\uC744 \uD558\uB294 \uC774\uC720\uB294, \uC774\uAC78 \uBE7C\uBA74 \uB2EC\uB9AC \uD560\uB9D0\uC774 \uC5C6\uC5B4\uC11C\uC778 \uACBD\uC6B0\uAC00 \uB300\uBD80\uBD84\uC774\uB2E4. \uCDA9\uC870\uD3C9\uD310\uC774 \uB3C4\uC6C0\uC774 \uB420 \uAC70\uB77C \uBBFF\uC5B4\uC11C\uB77C\uAE30\uBCF4\uB2E4 \uC544\uB294 \uAC8C \uADF8\uAC83\uBC16\uC5D0 \uC5C6\uC5B4\uC11C\uC77C \uB54C\uAC00 \uB354 \uB9CE\uB2E4. \uBB34\uC5B8\uAC00 \uD574\uC918\uC57C \uD55C\uB2E4\uB294 \uC870\uBC14\uC2EC\uC744 \uB0B4\uB824\uB193\uACE0 \uC9C0\uAE08 \uADF8\uC758 \uB9C8\uC74C\uC774 \uC5B4\uB5A4\uC9C0 \uBB3C\uC5B4\uBD10\uC57C \uD55C\uB2E4. \uC0AC\uC2E4 \uC9C0\uAE08 \uADF8\uC758 \uC0C1\uD0DC\uB97C \uB0B4\uAC00 \uC798 \uBAA8\uB974\uC9C0 \uC54A\uB294\uAC00. \uBB3C\uC5B4\uBCF4\uB294 \uAC8C \uB2F9\uC5F0\uD558\uB2E4. \uB0B4\uAC00 \uC798 \uBAA8\uB974\uACE0 \uC788\uB2E4\uB294 \uAC83\uC744 \uC790\uAC01\uD558\uACE0 \uC778\uC815\uD55C\uB2E4\uBA74 \uADF8\uC5D0\uAC8C \uBB3C\uC5B4\uBCFC\uB9D0\uC774 \uC790\uC5F0\uD788 \uB5A0\uC624\uB978\uB2E4.


<\uBC1C\uD45C>

',65),Zi={href:"https://drive.google.com/file/d/19FFxOshild8E0YC6yOrXB8UBOaNvEoyf/view?usp=sharing",target:"_blank",rel:"noopener noreferrer"},$i=s("https://drive.google.com/file/d/19FFxOshild8E0YC6yOrXB8UBOaNvEoyf/view?usp=sharing"),to=o('

\uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uD68C\uC0AC\uC5D0\uC11C \uC774 \uC8FC\uC81C\uB85C \uBC1C\uD45C\uB3C4 \uD558\uAC8C \uB418\uC5C8\uB2E4. \uC0AC\uC2E4 \uB9E4\uB2EC \uD55C \uBA85\uC529 \uB3CC\uC544\uAC00\uBA70 \uC790\uC720\uC8FC\uC81C\uB85C \uBC1C\uD45C\uD558\uB294 \uC790\uB9AC\uAC00 \uC788\uC5B4\uC11C \uACF5\uAC10\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC73C\uB85C \uBC1C\uD45C\uB97C \uD588\uB2E4.

\uC774 \uCC45\uC744 \uC77D\uC5C8\uC744 \uB54C\uC5D0\uB294 \uCC38 \uC88B\uC740 \uCC45\uC774\uAD6C\uB098 \uD558\uBA70 \uB118\uACBC\uB294\uB370, \uC5EC\uB7EC\uAC00\uC9C0 \uC0AC\uAC74 \uB54C\uBB38\uC5D0 \uC6B0\uC6B8\uC99D\uC5D0 \uB300\uD574 \uAE4A\uAC8C \uC54C\uACE0 \uC2F6\uC740 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uACE0 \uC5F0\uCD08\uC5D0 \uBD24\uB358 \uC774 \uCC45\uC774 \uC0DD\uAC01\uB098\uC11C \uC601\uC0C1\uACFC \uCC45\uC744 \uAC19\uC774 \uCC3E\uC544\uBD24\uB2E4. \uB355\uBD84\uC5D0 "\uACF5\uAC10"\uACFC "\uC6B0\uC6B8\uC99D" \uC790\uCCB4\uC5D0 \uB300\uD574 \uB354 \uB9CE\uC774 \uC54C\uAC8C \uB418\uC5B4 \uC88B\uC558\uB2E4.


(4) \uC774\uC81C\uC57C \uC778\uC9C0\uD558\uAC8C \uB41C \uB0B4 \uBAA8\uC2B5

\uC548\uB155? \uB098\uC57C!

\uC62C\uD574 \uCD08\uC5D0 \uC7AC\uBC0C\uAC8C \uBCF8 \uB4DC\uB77C\uB9C8, "\uC548\uB155? \uB098\uC57C!"\uAC00 \uC0DD\uAC01\uB09C\uB2E4.

23\uB144\uC5D0\uB294 \uCC38 \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB0AC\uACE0, \uD63C\uC790\uC11C \uC788\uB294 \uC2DC\uAC04\uB3C4 \uB9CE\uC558\uACE0, \uC0DD\uAC01\uC744 \uC815\uB9D0 \uB9CE\uC774 \uD588\uB2E4. \uD2B9\uD788 \uC0AC\uB78C\uC5D0 \uB300\uD55C \uC0DD\uAC01\uC744 \uBB34\uCC99 \uB9CE\uC774 \uD588\uB2E4. \uB2E4\uB978 \uC0AC\uB78C\uC5D0 \uB300\uD574 \uC0DD\uAC01\uC744 \uD558\uB2E4\uBCF4\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uB098\uC5D0 \uB300\uD55C \uC0DD\uAC01\uC73C\uB85C \uC774\uC5B4\uC9C4\uB2E4. \uB9E4\uC77C \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C \uCC38 \uB9CE\uC740 \uB098\uC758 \uBAA8\uC2B5\uC744 \uBC1C\uACAC\uD588\uB2E4.

  • \uC678\uD5A5\uC801\uC774\uC9C0\uB9CC \uD63C\uC790 \uC788\uB294 \uC2DC\uAC04\uC774 \uB9E4\uC6B0\uB9E4\uC6B0 \uB9CE\uC774 \uD544\uC694\uD558\uB2E4. \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB098\uB294\uAC78 \uC88B\uC544\uD558\uC9C0\uB9CC, \uADF8 \uB9CC\uB0A8\uC744 \uD1B5\uD574\uC11C \uC778\uC0AC\uC774\uD2B8\uB97C \uBC1B\uC544\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uC790\uAFB8 \uC0C8\uB85C\uC6B4 \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB098\uAC8C \uB41C\uB2EC\uAE4C? \uD639\uC740 \uD56D\uC0C1 \uB098\uC5D0\uAC8C \uC778\uC0AC\uC774\uD2B8\uB97C \uC8FC\uB294 \uC0AC\uB78C\uB4E4\uC744 \uCC3E\uAC8C\uB41C\uB2E4.

  • \uD638\uAE30\uC2EC\uC774 \uBB34\uCC99 \uB9CE\uC740 \uD3B8\uC774\uB2E4. \uC544\uB2C8 \uC774\uB7F0\uAC83\uAE4C\uC9C0 \uAD81\uAE08\uD574\uD55C\uB2E4\uACE0? \uC2F6\uC744 \uC815\uB3C4\uB85C\u2026 \uC694\uC998 "\uC65C?" \uAC00 \uC785\uC5D0 \uBD99\uC5C8\uB2E4. \uAD81\uAE08\uD55C\uAC74 \uBABB \uCC38\uB294\uB2E4. \uBC14\uB85C \uAD6C\uAE00\uC774\uB098 \uB124\uC774\uBC84\uC5D0 \uAC80\uC0C9\uD558\uB294 \uB0B4 \uBAA8\uC2B5\u2026

  • \uBA40\uB9AC \uBCF4\uC9C8 \uBABB \uD55C\uB2E4. \uC778\uC0DD\uC758 \uAC70\uCC3D\uD55C \uBAA9\uD45C\uAC00 \uC5C6\uB2E4. \uD558\uB8E8\uD558\uB8E8\uB97C \uCDA9\uC2E4\uD558\uAC8C \uC0B4\uC544\uC654\uB2E4. \uD558\uC9C0\uB9CC \uC774\uC81C\uB294 \uADF8\uB7EC\uBA74 \uC548 \uB41C\uB2E4\uB294 \uAC78 \uC778\uC9C0\uD558\uB294 \uC911\uC774\uB2E4. \uC644\uBCBD\uD568\uACFC\uB294 \uAC70\uB9AC\uAC00 \uBA40\uC5B4\uB3C4 \uC544\uC8FC \uBA40\uACE0, \uC7A5\uAE30\uC801\uC778 \uBAA9\uD45C\uC640\uB3C4 \uAC70\uB9AC\uAC00 \uBA40\uACE0, \uC695\uC2EC\uB3C4 \uB531\uD788 \uC5C6\uB2E4.

    • \uACE0\uB4F1\uD559\uAD50 \uB54C\uC5D0\uB3C4 \uC88B\uC740 \uB300\uD559\uC744 \uBAA9\uD45C\uB85C \uD55C\uAC8C \uC544\uB2C8\uB77C, "\uB300\uD559\uAD50\uB97C \uAC00\uC57C\uC9C0"\uB77C\uACE0\uB9CC \uC0DD\uAC01\uD588\uB2E4.
    • \uB300\uD559\uAD50\uB97C \uB2E4\uB2D0 \uB54C\uC5D0\uB3C4 \uD559\uC810\uC740 \uB531\uD788 \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD558\uC9C0 \uC54A\uC558\uB2E4. \uB2E4\uB9CC \uC218\uC5C5\uC740 \uC5F4\uC2EC\uD788 \uB4E4\uC5C8\uACE0, \uACFC\uC81C\uB4E4\uC774 \uC7AC\uBC0C\uC5B4\uC11C \uC5F4\uC2EC\uD788 \uD588\uC744 \uBFD0..
    • \uCDE8\uC5C5\uC744 \uD560 \uB54C\uB3C4 \uBE44\uC2B7\uD588\uB2E4.
    • \uB2E4\uB9CC \uD558\uB8E8\uD558\uB8E8\uC5D0 \uCDA9\uC2E4\uD588\uB2E4.
  • \uC138\uC0C1\uC744 \uBC14\uAFBC\uB2E4\uB294 \uAC70\uCC3D\uD55C \uC0DD\uAC01\uC740 \uD558\uC9C0 \uC54A\uB294\uB2E4. \uD558\uC9C0\uB9CC "\uD55C \uC0AC\uB78C\uC758 \uBCC0\uD654\uC5D0 \uD2F0\uB04C\uB9CC\uD07C\uC758 \uAE30\uC5EC\uB294 \uD560 \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C?" \uB77C\uB294 \uC0DD\uAC01\uC744 \uD55C\uB2E4.

  • \uC131\uACA9\uC774 \uBB34\uCC99 \uAE09\uD558\uC9C0\uB9CC, \uC798 \uCC38\uB294 \uD3B8\uC774\uB2E4. \uB9D0\uC744 \uC0C1\uB2F9\uD788 \uBD80\uB4DC\uB7FD\uAC8C \uD558\uB294 \uD3B8\uC774\uB2E4.

  • \uB300\uD654\uC5D0 \uB300\uD55C \uC695\uAD6C\uAC00 \uC0C1\uB2F9\uD788 \uB9CE\uC740 \uD3B8\uC774\uB2E4.

  • \uC65C \uB0B4\uAC00 J\uC778\uC9C0 \uC778\uC9C0\uB97C \uD588\uB2E4. \uC608\uCE21\uC774 \uB418\uC5B4\uC57C \uB9C8\uC74C\uC774 \uD3B8\uD558\uB2E4. \uADF8\uB798\uC11C \uC54C\uACE0 \uC2F6\uC740\uAC8C \uB9CE\uACE0, \uC544\uB294 \uAC83\uB4E4\uC744 \uD1A0\uB300\uB85C \uCD94\uB860\uD558\uACE0 \uC778\uC9C0\uD558\uACE0 \uC608\uC0C1\uC774 \uB418\uC5B4\uC57C \uD55C\uB2E4. \uADF8\uB807\uC9C0 \uC54A\uC73C\uBA74 \uC0DD\uAC01\uC744 \uC815\uB3C8\uD574\uC11C \uC774\uC57C\uAE30 \uD558\uAE30\uAC00 \uD798\uB4E4 \uB54C\uAC00 \uB9CE\uB2E4.

  • \uCD94\uC9C4\uB825\uC774 \uC88B\uC740 \uD3B8\uC774\uB2E4. \uADF8\uB798\uC11C P\uB77C\uACE0 \uC624\uD574\uB97C \uBC1B\uC9C0\uB9CC, \uC608\uCE21\uB418\uB294 \uBC94\uC704 \uB0B4\uC5D0\uC11C\uC758 \uC77C\uC740 \uBE68\uB9AC \uBE68\uB9AC \uD574\uBC84\uB9AC\uACE0 \uC2F6\uB2E4.

  • \uC0DD\uAC01\uC774 \uB290\uB9AC\uACE0 \uB208\uCE58\uAC00 \uCC38 \uC5C6\uB2E4. \uB0B4\uAC00 \uACBD\uD5D8\uD55C \uC0C1\uD669\uC744 \uC9C0\uB098\uACE0 \uB098\uC57C \uC628\uC804\uD788 \uC774\uD574\uD560 \uC218 \uC788\uB294 \uD3B8\uC774\uB2E4. \uADF8\uB798\uC11C \uC5B4\uB5A4 \uC0C1\uD669\uC744 \uACAA\uC740 \uD6C4\uC5D0 \uACF1\uC539\uC5B4 \uC0DD\uAC01\uD574\uBCF4\uACE0 "\uC544!" \uD558\uACE0 \uAE68\uB294 \uD3B8\uC774\uB2E4.

  • \uD56D\uC0C1 \uCC98\uC74C\uD558\uB294 \uC77C\uC5D0\uB294 \uC2E4\uC218\uB97C \uD55C\uB2E4. \uB298 \uC870\uC2EC\uD55C\uB2E4\uACE0 \uD574\uB3C4\u2026 \uC2E4\uC218\uB97C \uD558\uAC8C \uB41C\uB2E4. \uC704\uC5D0\uC11C \uC5B8\uAE09\uD55C "\uC644\uBCBD\uC8FC\uC758"\uC640 \uAC70\uB9AC\uAC00 \uBA40\uACE0 "\uC0DD\uAC01\uC774 \uBA40\uB9AC \uB2FF\uC9C0 \uC54A\uB294" \uC2B5\uC131 \uB54C\uBB38\uC5D0 \uADF8\uB7F0 \uAC83 \uAC19\uB2E4. \uACBD\uD5D8\uC774 \uC5C6\uB294 \uC601\uC5ED\uC5D0 \uB300\uD574\uC11C\uB294 \uC544\uC608 \uC0C1\uC0C1\uC774 \uBBF8\uCE58\uC9C8 \uBABB\uD55C\uB2EC\uAE4C?

  • \uB098\uB294 \uCC3E\uC544\uB2E4\uB2C8\uB294 \uC0AC\uB78C\uC774 \uC544\uB2CC \uCC3E\uC544\uC624\uAC8C \uD558\uB294 \uC0AC\uB78C\uC774\uB2E4. \uD639\uC740 \uADF8\uAC78 \uC758\uB3C4\uD55C\uB2E4.

    • \uACE0\uB4F1\uD559\uAD50 \uC878\uC5C5 \uD6C4\uC5D0 \uD6C4\uBC30\uB4E4\uC744 \uAC00\uB974\uCE58\uB294\uAC8C \uC88B\uC544\uC11C \uB9E4\uBC88 \uBAA8\uAD50\uC5D0 \uCC3E\uC544\uAC00\uC11C \uD6C4\uBC30 \uAD50\uC721\uC744 \uD588\uB354\uB2C8 \uB2E4\uB978 \uACE0\uB4F1\uD559\uAD50 \uC120\uC0DD\uB2D8\uC774 "\uC6B0\uB9AC\uD559\uAD50 \uD559\uC0DD\uB4E4\uB3C4 \uC880 \uBD10\uC918!" \uB77C\uBA70 \uC678\uBD80 \uAC15\uC0AC\uB85C \uCD08\uBE59\uD574\uC8FC\uC168\uB2E4. \uADF8\uB7AC\uB354\uB2C8 \uB610 \uB2E4\uB978 \uC120\uC0DD\uB2D8\uB4E4\uC758 \uC18C\uAC1C\uB85C \uACC4\uC18D \uB2E4\uB978 \uD559\uAD50\uC758 \uC678\uBD80\uAC15\uC0AC\uB85C \uD65C\uB3D9\uD560 \uC218 \uC788\uC5C8\uB2E4.
    • \uCCAB \uD68C\uC0AC\uC5D0 \uC785\uC0AC\uD560 \uB54C\uC5D0\uB3C4, \uC774\uC9C1\uC744 \uD560 \uB54C\uC5D0\uB3C4 \uB0B4\uAC00 \uC9C0\uC6D0\uD55C \uACF3\uC740 \uB2E4 \uB5A8\uC5B4\uC9C0\uACE0 \uBA3C\uC800 \uC81C\uC548\uC774 \uC628 \uACF3\uB4E4\uB9CC \uAC04\uC2E0\uD788(?) \uBD99\uC5C8\uB2E4.
    • \uD68C\uC0AC \uC0DD\uD65C\uC744 \uD558\uBA74\uC11C \uBCD1\uD589\uD588\uB358 \uBA58\uD1A0\uB9C1\uACFC \uAC15\uC0AC \uD65C\uB3D9\uB3C4 \uB9C8\uCC2C\uAC00\uC9C0\uB85C \uC77C\uC774 \uB098\uB97C \uCC3E\uC544\uC624\uB354\uB77C\uB294..
  • \uB0B4\uAC00 \uC5EC\uB7EC\uAC00\uC9C0 \uC77C\uC744 \uD560 \uC218 \uC788\uB294 \uC774\uC720\uB294 \uD558\uB098\uC758 \uC77C\uC744 \uD560 \uB54C \uC644\uBCBD\uD558\uAC8C \uD574\uC57C\uACA0\uB2E4\uB294 \uC0DD\uAC01\uC744 \uC544\uC608 \uC548 \uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

    • \uAC00\uB839 \uC5B4\uB518\uAC00\uC5D0\uC11C \uBC1C\uD45C\uB97C \uD574\uC57C \uD560 \uB54C\uC5D0\uB3C4 \uC644\uBCBD\uD558\uAC8C \uBAA8\uB4E0 \uB0B4\uC6A9\uC744 \uC804\uB2EC\uC2DC\uD0A8\uB2E4\uB294 \uBAA9\uC801\uC774 \uC544\uB2C8\uB77C \uB2E8 \uD55C \uAC00\uC9C0\uB77C\uB3C4 \uC81C\uB300\uB85C \uC804\uB2EC\uB418\uC5C8\uC73C\uBA74 \uD558\uB294 \uB9C8\uC74C\uC73C\uB85C \uC774\uC57C\uAE30\uB97C \uD55C\uB2E4. \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uC804\uB2EC\uD558\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uC744 \uBC18\uBCF5\uC801\uC73C\uB85C \uC5B8\uAE09\uD558\uB294 \uACBD\uC6B0\uB4E4\uC774 \uC788\uB2E4.
    • \uAE00\uC744 \uC791\uC131\uD560 \uB54C\uB3C4 \uC644\uBCBD\uD568\uC744 \uCD94\uAD6C\uD55C\uB2E4\uAE30\uBCF4\uB2E8, \uADF8\uB0E5 \uB0B4 \uC0DD\uAC01\uC744 \uC798 \uB2F4\uB294 \uAC83 \uD558\uB098\uAC00 \uBAA9\uC801\uC774\uB2E4.
    • \uC989, \uC5B4\uB5A4 \uC77C\uB4E4\uC744 \uD560 \uB54C \uC5D0\uB108\uC9C0\uB97C \uCC38 \uC801\uAC8C \uC0AC\uC6A9\uD55C\uB2E4. \uB300\uC2E0 \uC801\uAC8C \uC0AC\uC6A9\uD560 \uB54C \uC81C\uC77C \uC911\uC694\uD55C \uD55C \uAC00\uC9C0\uAC00 \uBB58\uAE4C \uC0DD\uAC01\uD558\uB294 \uD3B8\uC774\uC5C8\uB2E4.
  • \uC704\uC5D0\uC11C \uC5B8\uAE09\uD55C \uAC83\uB4E4\uC744 \uC885\uD569\uD574\uBCF4\uBA74 "\uD68C\uBCF5 \uD0C4\uB825\uC131"\uC774 \uAF64 \uC88B\uC740 \uD3B8\uC774\uB2E4. \uC548 \uC88B\uC740 \uC77C\uC774 \uC788\uC5B4\uB3C4 \uAE08\uBC29 \uD138\uACE0 \uC77C\uC5B4\uB09C\uB2E4.

  • \uC0DD\uAC01\uC744 \uAE4A\uAC8C \uD558\uC9C0\uB9CC, \uADF8 \uC0DD\uAC01\uC774 \uC548 \uC88B\uC740 \uBC29\uD5A5\uC73C\uB85C \uD758\uB7EC\uAC00\uB294\uAC8C \uC544\uB2C8\uB77C \uD56D\uC0C1 \uC88B\uC740 \uBC29\uD5A5\uC73C\uB85C \uD758\uB7EC\uAC04\uB2E4. \uB354 \uC88B\uC740 \uBC29\uD5A5\uC73C\uB85C \uB098\uC544\uAC00\uAE30 \uC704\uD55C \uC0DD\uAC01\uB4E4\uC744 \uD55C\uB2E4.

  • \uBB34\uC5B8\uAC00\uB97C \uC798 \uD558\uAE30 \uC704\uD55C \uC870\uAE09\uD568\uC774 \uAC70\uC758 \uC5C6\uB294 \uD3B8\uC774\uB2E4. \uCC98\uC74C\uBD80\uD130 "\uB108\uBB34 \uC798\uD558\uACE0 \uC2F6\uC5B4!" \uB77C\uACE0 \uC0DD\uAC01\uD558\uB294\uAC8C \uC544\uB2C8\uB77C "\uB098\uB294 \uBC14\uBCF4 \uBA4D\uCCAD\uC774 \uCC9C\uCE58\uC57C!" \uB77C\uACE0 \uC0DD\uAC01\uD558\uACE0 \uC791\uC740 \uAC83\uBD80\uD130 \uD558\uB098\uD558\uB098 \uC2DC\uB3C4\uD574\uBCF4\uB824\uACE0 \uD55C\uB2E4. \uBC18\uBCF5\uD559\uC2B5\uC744 \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD55C\uB2E4.

  • \uD53C\uACE4\uD558\uBA74 \uB454\uD574\uC9C4\uB2E4. \uB9CE\uC740 \uC785\uB825\uC774 \uC190\uC2E4(?)\uB41C\uB2E4.

  • \uC0B4\uBA74\uC11C \uCC38 \uB9CE\uC740 \uD589\uC6B4\uC774 \uCC3E\uC544\uC654\uB2E4\uACE0 \uB290\uB080\uB2E4.

  • \uC790\uC5F0\uC744 \uB9CE\uC774 \uC88B\uC544\uD55C\uB2E4. \uB9E4\uC77C \uC0B0\uCC45\uC744 \uD560 \uB54C "\uC6B4\uB3D9\uD558\uC790!"\uAC00 \uC544\uB2C8\uB77C "\uB180\uB7EC\uAC00\uC790!" \uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC774\uC05C \uACF5\uC6D0\uC744 \uBCF4\uACE0 \uC788\uC73C\uBA74 \uB9C8\uC74C\uC774 \uCC38 \uCC28\uBD84\uD574\uC9C0\uACE0 \uB208\uC5D0 \uBCF4\uC774\uB294 \uBAA8\uB4E0 \uAC83\uB4E4\uC774 \uC544\uB984\uB2F5\uB2E4\uACE0 \uB290\uB080\uB2E4.

  • \uB9D0\uC740 \uB530\uB4EF\uD558\uAC8C \uD558\uC9C0\uB9CC \uB9C8\uC74C\uC740 \uCC28\uAC00\uC6B4 \uC0AC\uB78C\uC774\uB2E4.

  • \uC775\uC219\uD55C\uAC78 \uCC38 \uC88B\uC544\uD55C\uB2E4. \uD56D\uC0C1 \uBA39\uB294 \uC74C\uC2DD\uC744 \uBA39\uACE0, \uB2E4\uB2C8\uB358 \uAE38\uC744 \uB2E4\uB2C8\uACE0, \uAC14\uB358 \uACF3\uC744 \uAC04\uB2E4. \uADF8\uB7F0\uB370 \uC6F9\uD230, \uB4DC\uB77C\uB9C8, \uC601\uD654, \uC18C\uC124 \uAC19\uC740 \uCF58\uD150\uCE20\uB294 \uD55C \uBC88\uB9CC \uBCF8\uB2E4. \uB611\uAC19\uC740\uAC78 \uB2E4\uC2DC \uBCF4\uACE0 \uC2F6\uC740 \uC0DD\uAC01\uC774 \uB531\uD788 \uC5C6\uB2E4. \uB611\uAC19\uC740\uAC78 \uB2E4\uC2DC \uBCF4\uAC8C \uB41C\uB2E4\uBA74 \uADF8\uAC74 \uB0B4\uAC00 \uBCF4\uACE0 \uC2F6\uC5B4\uC11C\uB77C\uAE30\uBCF4\uB2E8, \uB2E4\uB978 \uC0AC\uB78C\uC5D0\uAC8C \uBCF4\uC5EC\uC8FC\uACE0 \uC2F6\uC5B4\uC11C \uAC19\uC774 \uBCF4\uB294 \uAC83.

  • \uC7A0\uC774 \uB9CE\uC774 \uC5C6\uC9C0\uB9CC \uC218\uBA74\uC758 \uC9C8\uC774 \uC88B\uC740 \uD3B8\uC774\uB2E4. 1\uB144 \uD3C9\uADE0 5\uC2DC\uAC04 30\uBD84 \uC815\uB3C4\u2026?

\uC774 \uC678\uC5D0\uB3C4 \uCC38 \uB9CE\uC9C0\uB9CC, \uC774\uC815\uB3C4\uB9CC \uC18C\uAC1C\uD574\uB3C4 \uCDA9\uBD84\uD560 \uAC83 \uAC19\uB2E4.


(5) \uAC11\uC790\uAE30 \uB5A0\uB098\uB294 \uC5EC\uD589

\uB9CE\uC9C0\uB294 \uC54A\uC9C0\uB9CC, \uD63C\uC790\uC11C \uBC88\uAC1C\uB85C \uC5EC\uD589\uC744 \uB2E4\uB140\uC654\uB2E4.


<\uAC15\uB989>

\uC0AC\uC9C4 63

3\uC6D4\uC5D0\uB294 \uC8FC\uB9D0\uC5D0 \uBB50\uD560\uAE4C \uD558\uB2E4\uAC00 \uB80C\uD2B8\uD574\uC11C \uAC15\uB989\uC5D0 \uB2F9\uC77C\uCE58\uAE30\uB85C \uB2E4\uB140\uC624\uAE30\uB3C4 \uD588\uACE0(\uC0AC\uC2E4 \uAC8C\uC2A4\uD2B8\uD558\uC6B0\uC2A4 \uC608\uC57D\uC744 \uD588\uB294\uB370, \uC9D1\uC5D0 \uAC00\uACE0 \uC2F6\uC5B4\uC11C \uBC14\uB85C \uC654\uB2E4)

\uBC14\uB85C \uC9D1\uC5D0 \uC624\uAE30\uB294 \uC544\uC26C\uC6CC\uC11C \uACBD\uAE30\uB3C4 \uC5EC\uAE30\uC800\uAE30 \uB3CC\uC544\uB2E4\uB154\uB358 \uAC83 \uAC19\uB2E4.

\uC0AC\uC9C4 64

\uC774 \uB54C \uC6B4\uC804\uC744 \uC815\uB9D0 \uC624\uB7AB\uB3D9\uC548 \uD588\uB294\uB370 \uD558\uD544 \uC9D1 \uC55E\uC5D0 \uC8FC\uCC28\uD560 \uB54C \uC606\uC5D0 \uC788\uB358 \uCC28\uC758 \uBC31\uBBF8\uB7EC\uB97C \uBF40\uAC1C\uB294(?) \uBD88\uC0C1\uC0AC\uAC00 \uBC1C\uC0DD\uD588\uB2E4. \uC911\uC18C \uB80C\uD2B8\uCE74\uC5D0\uC11C \uBE4C\uB9B0\uAC70\uB77C(\uB808\uC774\uB97C \uBE4C\uB838\uACE0, \uB80C\uD2B8\uBE44\uAC00 5\uB9CC\uC6D0 \uC815\uB3C4\u2026?) \uBCF4\uD5D8\uB8CC\uC640 \uC218\uB9AC\uBE44 \uB2E4 \uD569\uCCD0\uC11C 80\uB9CC\uC6D0 \uC815\uB3C4 \uB098\uC654\uB2E4. \uB9C8\uBB34\uB9AC\uAC00 \uBB50 \uC774\uB798..?


<\uC81C\uC8FC\uB3C4>

\uC0AC\uC9C4 65

4\uC6D4\uC5D0\uB294 \uD1F4\uADFC \uD6C4\uC5D0 \uC9D1\uC5D0 \uAC00\uAE30 \uC2EB\uC5B4\uC11C \uAE40\uD3EC\uACF5\uD56D\uC73C\uB85C \uAC04 \uB2E4\uC74C\uC5D0 \uC81C\uC8FC\uB3C4\uD589 \uD2F0\uCF13\uC744 \uB04A\uACE0, \uBE44\uD589\uAE30\uC5D0 \uB0B4\uB9B0 \uB2E4\uC74C\uC5D0 \uACF5\uD56D\uC5D0\uC11C \uC81C\uC77C \uAC00\uAE4C\uC6B4 \uAC8C\uC2A4\uD2B8\uD558\uC6B0\uC2A4 \uC608\uC57D\uC744 \uD55C \uD6C4\uC5D0 \uCE74\uCE74\uC624 \uBC14\uC774\uD06C\uB97C \uD0C0\uACE0 \uAC14\uB2E4. \uAC70\uC758 \uC624\uD6C4 11\uC2DC\uCBE4\uC774\uC600\uB2E4.

\uC544\uB9C8 \uC774\uD638\uD14C\uC6B0 \uD574\uC218\uC695\uC7A5\uC774\uC600\uB358 \uAC83 \uAC19\uB2E4. \uB300\uCDA9 \uC790\uACE0 \uC77C\uC5B4\uB098\uC11C(?) \uC810\uC2EC\uC740 \uD64D\uAC8C\uB77C\uBA74\uC744 \uBA39\uC5C8\uB2E4.

\uC0AC\uC9C4 68

\uB2E4\uC74C \uB0A0\uC5D0\uB294 \uD611\uC7AC\uD574\uC218\uC695\uC7A5\uC5D0 \uC788\uB294 "\uB3D9\uD589" \uC774\uB77C\uB294 \uAC8C\uC2A4\uD2B8\uD558\uC6B0\uC2A4\uC5D0\uC11C \uBA38\uBB3C\uB800\uB2E4. \uC5EC\uAE30\uC5D0 \uC788\uB358 \uACE0\uC591\uC774\uAC00 \uCC38 \uADC0\uC5EC\uC6E0\uACE0, \uC774 \uAC8C\uC2A4\uD2B8\uD558\uC6B0\uC2A4\uC5D0\uC11C \uB9CC\uB09C \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uCC38 \uB9CE\uC740 \uAC10\uC0AC\uD568\uC744 \uB290\uAF08\uB2E4. \uC57D\uAC04 \uC228\uC744 \uD2B8\uC774\uAC8C \uD574\uC92C\uB2EC\uAE4C?

\uB3CC\uC544 \uAC00\uB294 \uB0A0\uC5D0 \uB108\uBB34 \uC544\uC26C\uC6E0\uC9C0\uB9CC \uAC11\uC790\uAE30 \uC9D1\uC5D0 \uC788\uB358 \uACE0\uC591\uC774\uB4E4\uC774 \uBCF4\uACE0\uC2F6\uC5C8\uACE0, \uB3C4\uCC29\uD558\uC790\uB9C8\uC790 \uD3ED\uD48D \uC794\uC18C\uB9AC\uB97C \uB4E4\uC744 \uC218 \uC788\uC5C8\uB2E4.


<\uC815\uB3D9\uC9C4>

6\uC6D4\uC5D0\uB294 \uD68C\uC0AC \uC785\uC0AC\uB3D9\uAE30\uB4E4\uACFC \uC9E7\uC740 \uB9CC\uB0A8\uC744 \uAC00\uC9C4 \uB4A4\uC5D0 \uBC14\uB2E4\uAC00 \uBCF4\uACE0 \uC2F6\uC5B4\uC11C \uC815\uB3D9\uC9C4\uD589 \uAE30\uCC28\uB97C \uD0D4\uB2E4. \uAE30\uCC28\uC5D0\uC11C \uB0B4\uB9AC\uC790\uB9C8\uC790 \uBC14\uB85C \uBC14\uB2E4\uB97C \uBCFC \uC218 \uC788\uB294 \uACF3\uC774 \uC815\uB3D9\uC9C4\uC774\uC5C8\uB2E4. \uC61B\uB0A0\uBD80\uD130 \uD574\uBCC0\uC5D0\uC11C \uCC45 \uD55C \uAD8C\uC744 \uC549\uC740 \uC790\uB9AC\uC5D0\uC11C \uB2E4 \uC77D\uB294\uAC8C \uB098\uB9CC\uC758 \uB85C\uB9DD\uC774\uC5C8\uB294\uB370, \uBC24\uBC14\uB2E4\uB77C\uC11C \uCC45\uC744 \uC77D\uAE30\uB294 \uC5B4\uB824\uC6E0\uB2E4. \uBB58 \uD560\uAE4C \uD558\uB2E4\uAC00 \uD558\uB298\uC744 \uBD24\uB294\uB370 \uBCC4\uC774 \uD558\uB298\uC5D0 \uCF55\uCF55\uCF55 \uBC15\uD600 \uC788\uC5C8\uACE0, \uC774\uAC78 \uCE74\uBA54\uB77C\uC5D0 \uB2F4\uACE0 \uC2F6\uC5C8\uB2E4.

\uAC70\uC758 2\uC2DC\uAC04 \uB3D9\uC548 \uACC4\uC18D \uBCC4 \uC0AC\uC9C4\uB9CC \uCC0D\uC740 \uAC83 \uAC19\uB2E4.

\uC0AC\uC9C4 76

\uADF8 \uB2E4\uC74C\uC5D0 \uC815\uB3D9\uC9C4\uC758 \uC36C\uD06C\uB8E8\uC988 \uB9AC\uC870\uD2B8 \uADFC\uCC98\uC5D0\uC11C \uB178\uC219\uC544\uB2CC \uB178\uC219\uC744 \uD558\uB2E4\uAC00 \uD574\uB3CB\uC774\uB97C \uBD24\uB2E4.

\uC11C\uC6B8\uC5D0 \uAC00\uB294 \uCCAB \uCC28\uAC00 9\uC2DC \uCBE4\uC5D0 \uC788\uAE38\uB798 6\uC2DC\uBD80\uD130 8\uC2DC\uAE4C\uC9C0 \uC5ED \uBC14\uB85C \uC55E\uC5D0 \uC788\uB294 \uBC14\uB2F7\uAC00 \uBAA8\uB798\uC0AC\uC7A5\uC5D0\uC11C \uAC00\uBC29\uC744 \uBCA0\uACE0 \uC7A4\uB2E4.


<\uC0BC\uCC99>

\uC0AC\uC9C4 77

8\uC6D4\uC5D0\uB294 \uC6B0\uB9AC \uC9D1\uC5D0 \uB180\uB7EC\uC654\uB358 \uBA58\uD2F0 \uD55C \uBA85\uC774 \uC790\uAE30 \uC5D0\uC5B4\uD31F\uC778\uC904 \uC54C\uACE0 \uB0B4 \uC5D0\uC5B4\uD31F\uC744 \uB4E4\uACE0 \uD280\uC5C8\uB2E4. \uBCF4\uACE0 \uC788\uB098\uC694 \uC9C0\uC131\uB2D8?

\uC5D0\uC5B4\uD31F\uB3C4 \uAC00\uC9C0\uB7EC \uAC08\uACB8, \uC6B4\uC804\uC5F0\uC2B5\uB3C4 \uD560\uACB8, \uACB8\uC0AC\uACB8\uC0AC \uB80C\uD2B8\uD574\uC11C \uC11C\uC6B8\uB85C \uAC14\uB2E4. \uADF8\uB7F0\uB370 \uC9D1\uC5D0 \uAC00\uAE30\uB294 \uBB54\uAC00 \uC544\uC26C\uC6CC\uC11C \uC5B4\uB514\uB97C \uAC08\uAE4C \uD558\uB2E4\uAC00 \uAC11\uC790\uAE30 \uC0BC\uCC99\uC5D0 \uC778\uC0DD \uCE74\uD398\uAC00 \uC788\uB2E4\uACE0 \uD588\uB358 \uB9D0\uC774 \uC0DD\uAC01\uB098\uC11C, \uD640\uB9B0\uB4EF \uB2E4\uB140\uC654\uB2E4.

\uAC00\uC11C \uB610 \uBC14\uB2F7\uAC00\uC5D0 \uC880 \uB204\uC6CC\uC788\uB2E4\uAC00 \uBC14\uB85C \uC9D1\uC73C\uB85C \uBCF5\uADC0\uD588\uB2E4.


ETC

',48),so=t("p",null,"\uC5F0\uCD08\uC5D0 \uAE00\uB610(\uAE00\uC4F0\uB294 \uB610\uB77C\uC774\uAC00 \uC138\uC0C1\uC744 \uBC14\uAFBC\uB2E4)\uC5D0 \uC9C0\uC6D0\uD588\uACE0 \uC5B4\uCC0C\uC800\uCC0C \uD65C\uB3D9\uC744 \uD558\uAC8C \uB418\uC5C8\uC73C\uB098... \uB9CE\uC740 \uAE00\uC740 \uC791\uC131\uD558\uC9C0 \uBABB\uD588\uB2E4.",-1),eo=s("\uC9C0\uC6D0\uD560 \uB54C \uC791\uC131\uD588\uB358 "),io={href:"https://www.notion.so/junilhwang/8-4f845ae31c7d4b46b5120ccee3690693?pvs=4",target:"_blank",rel:"noopener noreferrer"},oo=s("\uC0B6\uC758 \uC9C0\uB3C4"),lo=o("
  • \uD68C\uC0AC\uC5D0\uC11C \uCD94\uCCA8\uD574\uC11C \uAC08 \uC218 \uC788\uB294 \uD734\uC591\uC2DC\uC124\uC5D0 \uB450 \uBC88\uC774\uB098 \uB2E4\uB140\uC654\uB2E4. \uD589\uBCF5\uD55C \uAC00\uC871\uC5EC\uD589 + \uC785\uC0AC 1\uC8FC\uB144 + \uC5C4\uB9C8 \uC0DD\uC77C

  • \uCABC\uB7AD\uC774\uAC00 \uC8FD\uB2E4 \uC0B4\uC544\uB0AC\uB2E4. \uC870\uAE08\uB9CC \uB354 \uC798 \uD574\uC904\uAEC4, \uB354 \uB180\uC544\uC904\uAEC4 \uD558\uB294 \uD6C4\uD68C\uB97C \uC5BC\uB9C8\uB098 \uB9CE\uC774 \uD588\uB358\uC9C0\u2026 \uC9C0\uAE08\uC740 \uAC74\uAC15\uD574\uC838\uC11C \uCC38 \uB2E4\uD589\uC774\uB2E4.

  • \uAE30\uC5B5\uC5D0 \uB0A8\uB294 \uC0AC\uC9C4\uC744 \uBF51\uC544\uC11C \uBCBD\uC5D0 \uAC78\uC5B4\uB193\uB294 \uCDE8\uBBF8\uAC00 \uC0DD\uACBC\uB2E4.

  • \uB09C\uC0DD \uCC98\uC74C \uCF58\uC11C\uD2B8 \uD45C\uB97C \uC9C1\uC811 \uC608\uB9E4\uD574\uC11C \uB2E4\uB140\uC654\uB2E4. \uB0B4\uAC00 \uC6D0\uD574\uC11C \uAC04 \uC801\uC740 \uCC98\uC74C\uC774\uB784\uAE4C? \uD55C \uB3D9\uC548 \uCD5C\uC720\uB9AC\uC5D0 \uAE4A\uAC8C \uBE60\uC838\uC788\uC5C8\uB294\uB370 \uC694\uC998\uC5D0\uB294 \uCD5C\uC720\uB9AC, \uAE40\uB098\uC601, \uC120\uC6B0\uC815\uC544 \uAC19\uC740 \uAC00\uC218\uB4E4\uC758 \uB178\uB798\uB97C \uB9CE\uC774 \uB4E3\uACE0\uC788\uB2E4.

  • MBTI\uC5D0 \uC544\uC8FC \uAE4A\uC774 \uBAB0\uC785\uD588\uB2E4. MBTI\uC5D0 \uB300\uD574\uC11C\uB9CC \uBA87 \uC2DC\uAC04 \uC815\uB3C4 \uB5A0\uB4E4 \uC218 \uC788\uC744 \uAC83 \uAC19\uB2E4.

    • \uC62C\uD574\uB294 MBTI\uAC00 ESFJ \u2192 ENFJ \u2192 INFJ \u2192 ENFJ \uC21C\uC73C\uB85C \uBCC0\uD588\uB2E4.
    • \uC544\uBB34\uB9AC \uC0DD\uAC01\uD574\uB3C4 \uB098\uB294 S \uC131\uD5A5\uC774 \uB354 \uAC15\uD55C \uAC83 \uAC19\uC740\uB370, N \uC774 \uC790\uAFB8 \uB098\uC628\uB2E4. \uC544\uB9C8 S \uC131\uD5A5\uC740 \uADF8\uB300\uB85C \uC788\uACE0, \uC228\uC5B4 \uC788\uB358 N \uC774 \uD280\uC5B4\uB098\uC628 \uAC83 \uAC19\uB2E4.
    • \uD55C \uB3D9\uC548 \uC0AC\uB78C\uC744 \uB9CC\uB098\uB294\uAC8C \uADC0\uCC2E\uC544\uC11C I \uB85C \uBCC0\uD588\uB358 \uC801\uC774 \uC788\uC5C8\uB2E4. \uADFC\uB370 \uC815\uB9D0 \uCC30\uB098(?)\uC600\uB358 \uAC83 \uAC19\uB2E4.
    • F\uC640 T\uC758 \uCC28\uC774\uC5D0 \uB300\uD574\uC11C \uC774\uC57C\uAE30\uB97C \uD574\uBCF4\uC790\uBA74, \uACB0\uC815\uC744 \uD560 \uB54C \uC88B\uB2E4/\uB098\uC058\uB2E4\uAC00 \uAE30\uC900\uC774\uBA74 F, \uB9DE\uB2E4/\uD2C0\uB9AC\uB2E4 \uD639\uC740 \uC633\uB2E4/\uC633\uC9C0\uC54A\uB2E4 \uB97C \uAE30\uC900\uC73C\uB85C \uACB0\uC815\uD558\uBA74 T \uC77C \uD655\uB960\uC774 \uB192\uB2E4.
  • \uC5F0\uCD08\uC5D0 \uB2E8\uAD6D\uB300 \uAC1C\uBC1C\uC790 \uB2E8\uD1A1\uBC29\uC744 \uB9CC\uB4E4\uC5C8\uB2E4. \uCC98\uC74C\uC5D0\uB294 \uC2A4\uD130\uB514\uB3C4 \uC774\uAC83\uC800\uAC83 \uB9CC\uB4E4\uC5B4\uC11C \uC9C4\uD589\uD588\uB294\uB370, \uBC14\uBE60\uC9C0\uB2E4\uBCF4\uB2C8 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC2A4\uD130\uB514\uB294 \uC0AC\uB77C\uC9C0\uAC8C \uB418\uC5C8\uC73C\uB098\u2026 \uB2E8\uD1A1\uBC29\uC740 \uB098\uB984(?) \uC798 \uC6B4\uC601\uB418\uACE0 \uC788\uB294 \uAC83 \uAC19\uB2E4.

    • \uC774\uB97C \uACC4\uAE30\uB85C \uD604\uC5C5\uC5D0 \uC788\uB294 \uB2E4\uC591\uD55C \uD6C4\uBC30 \uAC1C\uBC1C\uC790\uB4E4\uC744 \uB9CC\uB0A0 \uC218 \uC788\uC5C8\uB2E4.
    • \uC720\uB2A5\uD55C \uC0AC\uB78C\uB4E4\uC774 \uB108\uBB34 \uB9CE\uC544\uC11C \uB180\uB78D\uB2EC\uAE4C!?
  • \uD68C\uC0AC\uC5D0\uC11C AI \uC2A4\uD130\uB514\uB97C \uD588\uC5C8\uB294\uB370, \uC0DD\uAC01\uBCF4\uB2E4 \uC7AC\uBC0C\uC5C8\uB2E4. \uB2E4\uB9CC \uC2A4\uD130\uB514 \uC790\uCCB4\uB294 \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4\uB294 \uC810\u2026

  • \uD300\uC6D0 \uD55C \uBD84\uC774 \uD1F4\uC0AC\uD588\uB294\uB370, \uD1F4\uC0AC\uD560 \uB54C \uC778\uC218\uC778\uACC4 \uD560\uAC8C \uC544\uBB34\uAC83\uB3C4 \uC5C6\uC5C8\uB2E4. \uC5B4\uB5BB\uAC8C \uC774\uB7F0 \uD300\uC774 \uC788\uC744\uAE4C? \uD300\uC774 \uC798 \uAD74\uB7EC\uAC00\uACE0 \uC788\uB2E4\uB294\uAC78 \uC774 \uB54C \uB290\uAF08\uB2E4.

  • \uC5F0\uB9D0\uC5D0 \uC624\uAE00\uC624\uAE00 \uB9C8\uC9C0\uB9C9 \uD68C\uC2DD \uB54C \uC624\uAE00\uC624\uAE00\uACFC \uC778\uC0DD\uACBD\uC601\uD074\uB7FD\uC5D0\uC11C \uAC19\uC774 \uD65C\uB3D9\uD558\uACE0 \uC788\uB294 \uB3C4\uD76C\uB2D8\uC774 "\uB9CC\uC57D\uC5D0 100\uC5B5\uC774 \uC788\uB2E4\uBA74 \uBB34\uC5C7\uC744 \uD558\uACE0 \uC2F6\uC740\uAC00\uC694?" \uB77C\uB294 \uC9C8\uBB38\uC744 \uD588\uACE0, \uC774\uC5D0 \uB300\uD55C \uAC01\uC790\uC758 \uB2F5\uBCC0\uC774 "\uD558\uACE0 \uC2F6\uC740 \uC77C"\uB85C \uADC0\uACB0\uB410\uB2E4. \uC774 \uB54C \uB3C4\uD76C\uB2D8\uC774 "\uC774\uBBF8 \uD558\uACE0 \uC2F6\uC740 \uC77C\uC744 \uD558\uACE0 \uC788\uB294 \uC0AC\uB78C\uC740 100\uC5B5\uC744 \uAE54\uACE0 \uC549\uC544 \uC788\uB294\uAC8C \uC544\uB2D0\uAE4C\uC694?" \uB77C\uB294 \uC774\uC57C\uAE30\uB97C \uD588\uC5C8\uACE0, \uC5EC\uAE30\uC5D0 \uB9E4\uC6B0 \uB9E4\uC6B0 \uB9E4\uC6B0 \uACF5\uAC10\uC774 \uB410\uB2E4.

    • \uC0AC\uB78C\uB4E4\uC740 \uBCF4\uD1B5 "\uC131\uACF5"\uC744 \uD558\uAE30 \uC704\uD574 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uD55C\uB2E4. \uADF8\uB7F0\uB370 "\uC131\uACF5"\uC744 \uD558\uACE0\uC790 \uD558\uB294 \uBAA9\uC801\uC774 \uBB58\uAE4C?
    • \uC544\uB9C8 \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC774 "\uD589\uBCF5"\uC744 \uC704\uD55C \uC218\uB2E8\uC73C\uB85C "\uC131\uACF5"\uC744 \uC0DD\uAC01\uD558\uB294 \uAC83 \uAC19\uB2E4. \uD558\uC9C0\uB9CC "\uC131\uACF5"\uC744 \uD574\uC57C "\uD589\uBCF5"\uD55C\uAC78\uAE4C?
    • \uB098\uB294 \uD589\uBCF5\uD558\uAE30 \uC704\uD574 \uC131\uACF5\uC744 \uD558\uB824\uACE0 \uD558\uC9C0 \uB9D0\uC790\uACE0 \uC0DD\uAC01\uD588\uB2E4. \uD56D\uC0C1 \uD589\uBCF5\uD574\uC57C \uD558\uACE0, \uADF8\uB7EC\uB2E4\uBCF4\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC131\uACF5\uC774 \uB530\uB77C\uC624\uC9C0 \uC54A\uC744\uAE4C?
    • \uC0AC\uC2E4 \uC774\uBBF8 \uADF8\uB807\uAC8C \uC0B4\uACE0 \uC788\uB294 \uAC83 \uAC19\uB2E4.
    • \uD558\uACE0 \uC2F6\uC740 \uAC83\uB4E4\uC774 \uC788\uC73C\uBA74 \uBBF8\uB8E8\uC9C0 \uB9D0\uACE0 \uC9C0\uAE08 \uD558\uC790. \uC544\uB9C8 \uAC70\uC758 \uB300\uBD80\uBD84\uC740 \uC9C0\uAE08 \uD574\uB3C4 \uB420 \uAC83\uC774\uB2E4.
  • ",9),ao=o('

    2024\uB144 \uBAA9\uD45C

    \uC62C\uD574 \uB9C8\uC9C0\uB9C9\uC5D0 \uC77D\uC740 \uCC45, "\uD53C\uD130\uB4DC\uB7EC\uCEE4\uC758 \uC790\uAE30\uACBD\uC601\uB178\uD2B8" \uB54C\uBB38\uC5D0 \uBAA9\uD45C\uC5D0 \uB300\uD55C \uC911\uC694\uC131\uC744 \uB354 \uD06C\uAC8C \uC778\uC9C0\uD588\uB2E4. \uADFC\uB370 \uB300\uBD80\uBD84\uC758 \uBAA9\uD45C\uAC00 \uC9C0\uADF9\uD788 \uC0AC\uC801\uC778 \uBAA9\uD45C\uB77C\uC11C \uB108\uBB34 \uACF5\uAC1C\uB41C \uACF3\uC5D0\uB2E4 \uC791\uC131\uD558\uAE30\uAC00 \uAEBC\uB824\uC9C4\uB2E4.

    \uADF8\uB798\uB3C4 \uC791\uC131\uD560\uC218 \uC788\uB294 \uAC83\uB4E4\uC744 \uC5B8\uAE09\uD574\uBCF4\uC790\uBA74,

    • \uC758\uC2DD\uC801\uC73C\uB85C \uBCC0\uD654 \uD558\uAE30 \uC704\uD55C \uB178\uB825\uC744 \uD558\uAE30

      • \uBCC0\uD654\uB294 \uC5B4\uB835\uB2E4. \uADF8\uAC78 23\uB144\uC5D0 \uCC38 \uB9CE\uC774 \uB290\uAF08\uB2E4.
      • \uADF8\uB807\uB2E4\uBA74 \uBCC0\uD654\uD558\uAE30 \uC704\uD55C "\uC758\uC2DD\uC801\uC778" \uB178\uB825\uC744 \uC815\uB9D0 \uB9CE\uC774 \uD574\uC57C\uD55C\uB2E4.
      • \uC774\uB97C \uC704\uD55C \uC218\uB2E8\uC73C\uB85C "\uB8E8\uD2F4" \uD639\uC740 "\uC2B5\uAD00"\uC774 \uC788\uC744 \uAC83\uC774\uB2E4. \uD55C \uBC88\uC5D0 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uC791\uC740 \uAC83\uBD80\uD130 \uCC28\uADFC\uCC28\uADFC \uD558\uB098\uC529 \uD558\uB2E4\uBCF4\uBA74 \uBCC0\uD574\uC788\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4.
      • \uC815\uC9C1\uD55C \uAE38\uC774 \uBE68\uB9AC \uAC00\uB294 \uAE38\uC774\uB2E4.
    • \uAE30\uB85D\uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC740 \uB2E4 \uAE30\uB85D\uD558\uAE30 (\uC798 \uC815\uB9AC\uD560 \uD544\uC694\uB294 \uC5C6\uB2E4. \uC77C\uB2E8 \uC2B5\uAD00\uD654\uB97C \uD558\uC790)

      • \uD558\uB8E8 \uC77C\uACFC
      • \uC2A4\uCCD0 \uC9C0\uB098\uAC00\uB294 \uB2E4\uC591\uD55C \uC0DD\uAC01\uB4E4
      • \uC5C5\uBB34\uC801\uC778 \uAC83
      • \uBE14\uB85C\uADF8
    • \uC774\uC0AC\uD558\uAE30 (\uB610?)

      • \uC6EC\uB9CC\uD558\uBA74 \uC774 \uB3D9\uB124\uC5D0\uC11C \uC0B4\uACE0 \uC2F6\uC9C0\uB9CC\u2026 \uD558\uAE34 \uD574\uC57C\uB41C\uB2E4.
      • \uB0B4\uB144\uC5D4 \uC774\uC5D0 \uB300\uD55C \uC5D0\uD53C\uC18C\uB4DC\uB97C \uB2E4\uB8F0 \uC218 \uC788\uAE30\uB97C.
    • KPI \uB97C \uC758\uC2DD\uC801\uC73C\uB85C \uAD00\uB9AC\uD558\uAE30

      • \uC774\uC804\uC5D0\uB294 KPI\uC5D0 \uB300\uD55C \uB9C9\uC5F0\uD55C \uAC70\uBD80\uAC10\uC774 \uC788\uC5C8\uB294\uB370, \uADF8\uAC74 KPI\uB97C \uC5B4\uB835\uACE0 \uADC0\uCC2E\uB2E4\uACE0 \uB290\uAF08\uAE30 \uB54C\uBB38.
      • \uD56D\uC0C1 \uBAA9\uD45C\uB97C \uC758\uC2DD\uC801\uC73C\uB85C \uC0DD\uAC01\uD558\uACE0, \uBAA9\uD45C \uB2EC\uC131\uC744 \uAC80\uC99D\uD560 \uC218 \uC788\uB294 \uC0C1\uD0DC\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD574\uBCF4\uBA74 \uC88B\uC9C0\uC54A\uC744\uAE4C?
      • \uC774\uAC8C \uAF2D \uC5C5\uBB34\uC801\uC778\uAC8C \uC544\uB2C8\uB354\uB77C\uB3C4, \uAC1C\uC778\uC801\uC778 KPI \uB97C \uB9CC\uB4E4\uACE0 \uAD00\uB9AC\uD560 \uC218 \uC788\uC73C\uBA74 \uC88B\uC744 \uAC83 \uAC19\uB2E4.
    • 1\uB144, 1\uB2EC, 1\uC8FC, 1\uC77C \uBAA9\uD45C \uC124\uC815 \uBC0F \uC2E4\uD589

      • \uD2B9\uC815 \uAE30\uAC04 \uB3D9\uC548 \uB2EC\uC131\uD574\uC57C \uD558\uB294 \uAC83\uB4E4\uC744 \uC815\uB9AC\uD574\uBCF4\uACE0 \uC5B4\uB290 \uC2DC\uC810\uC5D0 \uB2EC\uC131\uD560 \uC218 \uC788\uC744\uC9C0 \uC815\uB9AC\uD574\uBCF4\uB294 \uAC83.
      • \uBC8C\uC368 \uB098\uB984 \uD070 \uBAA9\uD45C(?)\uB97C \uC5EC\uB7EC\uAC1C \uB2EC\uC131\uD588\uB2E4.
      • \uD558\uC9C0\uB9CC \uC544\uC9C1 \uAC08 \uAE38\uC774 \uBA40\uB2E4.
    • \uB9E4\uC77C\uB9E4\uC77C \uBB50\uAC00 \uB418\uC5C8\uB4E0 \uACF5\uBD80\uD558\uC790.

      • 23\uB144\uC5D0\uB294 \uACF5\uBD80\uB97C \uC9C0\uB3C5\uD788 \uC548\uD588\uB2E4. \uC798(?) \uC26C\uC5C8\uC73C\uB2C8 \uC774\uC81C \uACF5\uBD80\uC880 \uD558\uC790.
      • \uACF5\uBD80\uB3C4 \uC2B5\uAD00\uC778 \uAC83 \uAC19\uB2E4. \uC77C\uB2E8 "\uACF5\uBD80\uD558\uB294 \uC2B5\uAD00" \uBD80\uD130 \uB9CC\uB4DC\uB294\uAC8C \uC81C\uC77C \uC911\uC694.
    • \uAE08\uC804 \uACC4\uD68D \uC138\uC6B0\uACE0 \uB2EC\uC131\uD558\uAE30

      • 1\uB144\uB3D9\uC548 \uBAA8\uC744 \uC218 \uC788\uB294 \uCD5C\uB300\uCE58
      • 1\uB144\uB3D9\uC548 \uBAA8\uC744 \uC218 \uC788\uB294 \uCD5C\uC18C\uCE58
      • \uC774\uC81C \uB3C8\uC744 \uC5B4\uB5BB\uAC8C \uD558\uBA74 \uB35C \uC4F8 \uC218 \uC788\uC744\uAE4C \uACE0\uBBFC\uD574\uBCF4\uB294 \uAC83.
      • \uADF8\uB9AC\uACE0 \uC5B4\uB5A4 \uC790\uC0B0\uC744 \uB9CC\uB4E4 \uC218 \uC788\uC744\uC9C0 \uACE0\uBBFC\uD574\uBCF4\uB294 \uAC83.
    • \uAC74\uAC15\uAD00\uB9AC

      • \uB9E4\uC77C\uB9E4\uC77C \uC544\uCE68\uC5D0 \uC0AC\uACFC \uD55C \uAC1C
      • \uB9E4\uC77C\uB9E4\uC77C \uC0B0\uCC45
      • \uC8FC 2~3\uD68C \uC815\uB3C4\uB294 \uADFC\uB825\uC6B4\uB3D9 + \uC720\uC0B0\uC18C
      • \uC0DD\uAC01\uB0A0 \uB54C \uB9C8\uB2E4 \uC2A4\uD2B8\uB808\uCE6D
      • \uC26C\uB294 \uB0A0\uC5D0\uB294 \uC218\uC601\uB3C4 \uAC00\uB054 \uD558\uAE30.
    • \uACE0\uC591\uC774\uB4E4 \uAC74\uAC15\uAD00\uB9AC

      • \uB3D9\uBB3C\uBCD1\uC6D0\uACFC \uCE5C\uD574\uC9C0\uAE30 (\uC5B4\uCA0C\uB4E0 \uC790\uC8FC \uAC08 \uD544\uC694\uAC00 \uC788\uC9C0 \uC54A\uC744\uAE4C?)
      • \uC911\uC131\uD654 \uC218\uC220 \u2192 \uD3EC\uB3D9\uC774\uC758 \uC790\uAD81\uC774 \uAE30\uD615\uC774\uB77C \uC5B4\uCC28\uD53C \uBD88\uC784\uC774\uB2E4. \uBBF8\uB9AC \uC54C\uC558\uC73C\uBA74 \uB354 \uBE68\uB9AC \uC911\uC131\uD654\uB97C \uD588\uC744\uD150\uB370\u2026 \uC5D0\uD734
      • \uCE58\uC544 \uAD00\uB9AC
      • \uBC18\uAE30 \uB2E8\uC704 \uAC74\uAC15\uAC80\uC9C4
    • \uB354 \uB514\uD14C\uC77C\uD55C \uC2EC\uB9AC\uAC80\uC0AC \uBC1B\uC544\uBCF4\uAE30

      • MBTI (\uC778\uD130\uB137\uC5D0 \uB3CC\uC544\uB2E4\uB2C8\uB294 \uC57C\uB9E4\uAC00 \uC544\uB2CC \uC804\uBB38\uAC00\uC5D0\uAC8C \uBC1B\uC544\uBCF4\uAE30)
      • TCI
      • \uC560\uCC29\uC720\uD615
      • \uBC84\uD504\uB9CC \uAC15\uC810 \uAC80\uC0AC
      • \uAE30\uD0C0 \uB4F1\uB4F1
    • \uC8FC\uAE30\uC801\uC73C\uB85C \uD68C\uACE0 \uC791\uC131\uD558\uAE30

      • 1\uB144\uCC28 \uB54C 1\uB2EC, \uBD84\uAE30, \uBC18\uAE30 \uB2E8\uC704\uB85C \uD68C\uACE0\uB97C \uC791\uC131\uD588\uC5C8\uB2E4.
      • \uADF8\uB807\uAC8C\uB294 \uBABB\uD558\uB354\uB77C\uB3C4\u2026 \uC790\uC8FC \uD558\uBA74 \uC88B\uC9C0 \uC54A\uC744\uAE4C?
    • \uCD08\uBCF4\uC6B4\uC804 \uD0C8\uCD9C

      • \uC774\uC81C \uC6B4\uC804 \uC790\uCCB4\uB294 \uC5B4\uB290\uC815\uB3C4 \uC775\uC219\uD574\uC9C4 \uAC83 \uAC19\uB2E4. \uB354 \uC790\uC8FC \uD558\uBA74 \uC88B\uC744 \uB4EF.
      • \uC77C\uB2E8 \uC911\uACE0\uCC28\uBD80\uD130 \uAD6C\uB9E4\uB97C \uD574\uC57C\uACA0\uC9C0?
    • \uC544\uC8FC \uC791\uC740 \uB2E8\uC704 \uC2A4\uD130\uB514\uB97C \uC790\uC8FC \uD574\uBCF4\uAE30.

      • \uC2A4\uD130\uB514\uB97C \uAC70\uCC3D\uD558\uAC8C \uD560 \uC0DD\uAC01\uC744 \uD558\uB2C8\uAE4C \uD558\uAE30\uAC00 \uD798\uB4E0 \uAC83 \uAC19\uB2E4.
      • \uD55C \uBC88\uC5D0 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uACF5\uBD80\uD558\uB824\uACE0 \uD560\uAC8C \uC544\uB2C8\uB77C, \uD55C \uBC88\uC5D0 \uD55C \uAC00\uC9C0\uB9CC \uC81C\uB300\uB85C \uC775\uD600\uBCF4\uC790\uB294 \uB9C8\uC778\uB4DC\uB85C \uC2A4\uD130\uB514\uB97C \uC9C4\uD589\uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C \uC2F6\uB2E4.
    • \uC0DD\uC0B0\uC131\uC744 \uB192\uC77C \uC218 \uC788\uB294 \uBC29\uBC95 \uC0DD\uAC01\uD574\uBCF4\uAE30.

      • \uC801\uAC8C \uC77C\uD558\uACE0 \uB9CE\uC774 \uBC8C\uACE0 \uC2F6\uB2E4.

    Summary

    • 2023\uB144 \uD55C \uC904 \uC694\uC57D: \uB098 \uC790\uC2E0\uC5D0 \uB300\uD574 \uCC38 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uC54C \uC218 \uC788\uC5C8\uB358 1\uB144.
    • 2024\uB144 \uD575\uC2EC \uBAA9\uD45C: "\uBAA9\uD45C \uC124\uC815, \uADF8\uB9AC\uACE0 \uB2EC\uC131" = "\uD558\uACE0 \uC2F6\uC740 \uAC83\uB4E4 \uB2E4 \uD558\uC790"
    ',7);function ro(po,no){const e=a("ExternalLinkIcon");return r(),p("div",null,[Et,t("p",null,[t("a",Gt,[Dt,i(e)])]),Ot,t("p",null,[Ut,t("a",Xt,[Kt,i(e)]),Rt]),Yt,zt,t("ul",null,[t("li",null,[t("a",Jt,[Qt,i(e)])]),t("li",null,[t("a",Vt,[Wt,i(e)])]),t("li",null,[t("a",Ht,[Zt,i(e)])]),t("li",null,[t("a",$t,[ts,i(e)])]),t("li",null,[t("a",ss,[es,i(e)])])]),is,t("p",null,[os,ls,as,t("a",rs,[ps,i(e)]),ns,cs,hs]),ds,t("div",_s,[us,t("ul",null,[t("li",null,[t("a",gs,[ms,i(e)])]),t("li",null,[t("a",bs,[fs,i(e)])]),ws])]),t("div",vs,[ks,t("ul",null,[t("li",null,[t("a",qs,[xs,i(e)])]),t("li",null,[t("a",ys,[Is,i(e)])])])]),t("div",Ts,[Ls,t("ul",null,[t("li",null,[t("a",js,[Bs,i(e)])]),t("li",null,[t("a",Ss,[Fs,i(e)])])])]),t("div",Ns,[Cs,t("ul",null,[t("li",null,[t("a",Ms,[Ps,i(e)])]),t("li",null,[t("a",As,[Es,i(e)])])])]),t("div",Gs,[Ds,t("ul",null,[t("li",null,[t("a",Os,[Us,i(e)])]),t("li",null,[t("a",Xs,[Ks,i(e)])])])]),t("div",Rs,[Ys,t("ul",null,[t("li",null,[t("a",zs,[Js,i(e)])]),t("li",null,[t("a",Qs,[Vs,i(e)]),Ws])])]),t("div",Hs,[Zs,t("ul",null,[t("li",null,[t("a",$s,[te,i(e)])]),t("li",null,[t("a",se,[ee,i(e)]),ie])])]),t("div",oe,[le,t("ul",null,[t("li",null,[t("a",ae,[re,i(e)])]),t("li",null,[t("a",pe,[ne,i(e)])])])]),t("div",ce,[he,t("ul",null,[t("li",null,[t("a",de,[_e,i(e)])]),t("li",null,[t("a",ue,[ge,i(e)])])])]),t("div",me,[be,t("ul",null,[t("li",null,[t("a",fe,[we,i(e)])]),t("li",null,[t("a",ve,[ke,i(e)])])])]),t("div",qe,[xe,t("ul",null,[t("li",null,[t("a",ye,[Ie,i(e)])]),t("li",null,[t("a",Te,[Le,i(e)])]),t("li",null,[je,t("a",Be,[Se,i(e)]),Fe,Ne])])]),t("div",Ce,[Me,t("ul",null,[t("li",null,[t("a",Pe,[Ae,i(e)])]),t("li",null,[t("a",Ee,[Ge,i(e)])])])]),t("div",De,[Oe,t("ul",null,[t("li",null,[t("a",Ue,[Xe,i(e)])]),t("li",null,[t("a",Ke,[Re,i(e)])])])]),t("div",Ye,[ze,t("ul",null,[t("li",null,[t("a",Je,[Qe,i(e)])]),t("li",null,[t("a",Ve,[We,i(e)])]),He,Ze])]),t("div",$e,[ti,t("ul",null,[t("li",null,[t("a",si,[ei,i(e)])]),t("li",null,[t("a",ii,[oi,i(e)])]),li])]),t("div",ai,[ri,t("ul",null,[t("li",null,[t("a",pi,[ni,i(e)])]),t("li",null,[t("a",ci,[hi,i(e)])])])]),t("div",di,[_i,t("ul",null,[t("li",null,[t("a",ui,[gi,i(e)])]),t("li",null,[t("a",mi,[bi,i(e)])])])]),t("div",fi,[wi,t("ul",null,[t("li",null,[t("a",vi,[ki,i(e)])]),t("li",null,[t("a",qi,[xi,i(e)])]),yi])]),Ii,t("div",Ti,[Li,t("p",null,[t("a",ji,[Bi,i(e)]),Si])]),t("ul",null,[t("li",null,[t("a",Fi,[Ni,i(e)])]),t("li",null,[t("a",Ci,[Mi,i(e)])])]),Pi,t("div",Ai,[Ei,Gi,Di,t("ul",null,[t("li",null,[t("a",Oi,[Ui,i(e)])]),t("li",null,[t("a",Xi,[Ki,i(e)])])])]),t("div",Ri,[Yi,zi,t("ul",null,[t("li",null,[t("a",Ji,[Qi,i(e)])]),t("li",null,[t("a",Vi,[Wi,i(e)])])])]),Hi,t("p",null,[t("a",Zi,[$i,i(e)])]),to,t("ul",null,[t("li",null,[so,t("ul",null,[t("li",null,[eo,t("a",io,[oo,i(e)])])])]),lo]),ao])}var ho=l(At,[["render",ro],["__file","index.html.vue"]]);export{ho as default}; +import{_ as l,r as a,o as r,c as p,a as t,b as i,d as o,e as s}from"./app.d20f8571.js";var n="/TIL/assets/1.47bd15e8.gif",c="/TIL/assets/2.36091b76.gif",h="/TIL/assets/3.7db9b2a0.png",d="/TIL/assets/4.c2ffc394.gif",_="/TIL/assets/5.e0601927.gif",u="/TIL/assets/6.e701df16.gif",g="/TIL/assets/7.6f6a395e.gif",m="/TIL/assets/8.f33020c2.gif",b="/TIL/assets/9.65b6a5dd.jpeg",f="/TIL/assets/10.7320f77c.gif",w="/TIL/assets/11.65eaa6d9.jpeg",v="/TIL/assets/12.a3a92e82.jpeg",k="/TIL/assets/13.3e5b5c49.png",q="/TIL/assets/14.026d53f5.gif",x="/TIL/assets/15.448815c1.png",y="/TIL/assets/16.d3c23efc.png",I="/TIL/assets/17.5fdcbe59.png",T="/TIL/assets/18.939fb8df.png",L="/TIL/assets/19.a2b5ede7.png",j="/TIL/assets/20.e3084f81.png",B="/TIL/assets/21.5e8bfcdb.png",S="/TIL/assets/22.b97ff7a3.png",F="/TIL/assets/23.c7c81406.png",N="/TIL/assets/24.0e8794ea.png",C="/TIL/assets/25.fd8c0566.png",M="/TIL/assets/26.c2adc0d5.jpeg",P="/TIL/assets/27.f3974e9c.png",A="/TIL/assets/28.79d6c61d.png",E="/TIL/assets/29.15300236.png",G="/TIL/assets/30.102fbd1b.png",D="/TIL/assets/31.498e77a1.png",O="/TIL/assets/32.7790a185.png",U="/TIL/assets/33.696b5dcc.png",X="/TIL/assets/34.b6e6027d.png",K="/TIL/assets/35.c80b8a5d.png",R="/TIL/assets/36.08fe60cc.png",Y="/TIL/assets/37.47f78a01.png",z="/TIL/assets/38.185f36d6.png",J="/TIL/assets/39.1bcfb235.png",Q="/TIL/assets/40.026cae26.png",V="/TIL/assets/41.d3064653.png",W="/TIL/assets/42.a7ebc0d5.png",H="/TIL/assets/43.cc800444.jpeg",Z="/TIL/assets/44.7f1c4df2.png",$="/TIL/assets/45.2d61fced.png",tt="/TIL/assets/46.1e555433.png",st="/TIL/assets/47.7bf7bfc0.png",et="/TIL/assets/48.678cbfb7.jpeg",it="/TIL/assets/49.a2939746.png",ot="/TIL/assets/50.03cbae20.jpeg",lt="/TIL/assets/51.7b7cafd7.jpeg",at="/TIL/assets/52.232ed440.png",rt="/TIL/assets/53.34c166e0.png",pt="/TIL/assets/54.1ee23cc5.png",nt="/TIL/assets/55.1598ca71.png",ct="/TIL/assets/56.778efd22.png",ht="/TIL/assets/57.f5479ea8.png",dt="/TIL/assets/58.6aed5b16.png",_t="/TIL/assets/59.71c0efbd.jpeg",ut="/TIL/assets/60.07082c63.jpeg",gt="/TIL/assets/61.c6a7f4da.jpeg",mt="/TIL/assets/62.fb358e94.jpeg",bt="/TIL/assets/63.22e71620.jpeg",ft="/TIL/assets/64.c512f22f.jpeg",wt="/TIL/assets/65.924fb419.jpeg",vt="/TIL/assets/66.394383bb.jpeg",kt="/TIL/assets/67.6de3c8b4.jpeg",qt="/TIL/assets/68.8183a504.jpeg",xt="/TIL/assets/69.7dc1c505.jpeg",yt="/TIL/assets/70.453e4bb9.gif",It="/TIL/assets/71.8665ba51.gif",Tt="/TIL/assets/72.9d22315d.jpeg",Lt="/TIL/assets/73.7e350e6c.jpeg",jt="/TIL/assets/74.934e1513.jpeg",Bt="/TIL/assets/75.f6a209a2.jpeg",St="/TIL/assets/76.368700dd.jpeg",Ft="/TIL/assets/77.ca000fb9.jpeg",Nt="/TIL/assets/78.40e40cee.jpeg",Ct="/TIL/assets/79.684843ab.jpeg",Mt="/TIL/assets/80.93010ba6.jpeg",Pt="/TIL/assets/81.c1f6ca7a.jpeg";const At={},Et=o('

    2023\uB144 \uD68C\uACE0

    2022\uB144 \uD68C\uACE0\uB97C \uC4F4\uAC8C \uC815\uB9D0 \uC5CA\uADF8\uC81C \uAC19\uC740\uB370 \uBC8C\uC368 1\uB144\uC774 \uC9C0\uB0AC\uB2E4. \uB354\uB2DD\uD06C\uB8E8\uAC70 \uACE1\uC120\uC774 \uC0DD\uAC01\uB098\uB294 \uC77C\uB144\uC774\uC5C8\uB2EC\uAE4C?

    \uC62C\uD574\uB294 \uAC1C\uBC1C\uC790\uB85C\uC11C\uC758 \uC131\uC7A5 \uD3ED\uC774 \uD06C\uC9C0 \uC54A\uC558\uB358 \uAC83 \uAC19\uB2E4. \uAC1C\uBC1C \uC678\uC5D0 \uD574\uC57C\uD560 \uAC83\uB3C4 \uC0DD\uAC01\uD574\uC57C \uD560 \uAC83\uB3C4 \uD574\uACB0\uD574\uC57C\uD560 \uAC83\uB3C4 \uB108\uBB34 \uB9CE\uC558\uB2E4. \uC778\uC0DD\uC740 \uC815\uB9D0 \uD55C\uCE58 \uC55E\uB3C4 \uC54C \uC218 \uC5C6\uB2E4\uB294\uAC78 \uCC38 \uB9CE\uC774 \uC0DD\uAC01\uD558\uAC8C\uB41C \uC77C\uB144\uC774\uB2E4.

    \uC791\uB144\uAE4C\uC9C0\uB294 \uD68C\uACE0\uB97C \uC791\uC131\uD560 \uB54C \uD0C0\uC778\uC5D0\uAC8C \uC5B4\uD544\uD558\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uB4E4\uC744 \uB9CE\uC774 \uB2F4\uC558\uB2E4. \uC55E\uC73C\uB85C\uB294 \uBABB\uB09C \uC810\uB4E4\uC744 \uB9CE\uC774 \uB2F4\uACE0 \uC2F6\uB2E4. \uB09C \uC774\uC804\uC5D0\uB3C4 \uBABB\uB0AC\uACE0 \uC9C0\uAE08\uB3C4 \uBABB\uB0AC\uACE0 \uC55E\uC73C\uB85C\uB3C4 \uBABB\uB0A0 \uAC83 \uAC19\uC9C0\uB9CC, \uB290\uB9AC\uACE0 \uB354\uB514\uACE0 \uD798\uB4E4\uC5B4\uB3C4 \uC131\uC7A5 \uC911\uC774\uB2E4.

    \uADF8\uB798\uC11C \uB2E4\uB978 \uC0AC\uB78C\uC5D0\uAC8C \uBCF4\uC5EC\uC8FC\uAE30 \uC704\uD574\uC11C \uC791\uC131\uD558\uB294\uAC8C \uC544\uB2CC \uB0B4\uAC00 \uAE30\uB85D\uD558\uACE0 \uC2F6\uC740 \uB0B4\uAC00 \uAC04\uC9C1\uD558\uACE0 \uC2F6\uC740 \uB098\uC758 \uBAA8\uC2B5\uB4E4\uC744 \uB364\uB364\uD558\uAC8C \uC791\uC131\uD558\uACE0 \uC2F6\uB2E4.

    2023\uB144 \uBAA9\uD45C \uB2EC\uC131 \uC810\uAC80

    • \uBBF8\uB77C\uD074 \uBAA8\uB2DD
      • \uB300\uC2E4\uD328
    • \uC6B4\uB3D9
      • \uD2B9\uBCC4\uD558\uAC8C \uB9CE\uC740 \uC6B4\uB3D9\uC744 \uD588\uB358\uAC74 \uC544\uB2C8\uC9C0\uB9CC, \uAD11\uAD50\uB85C \uC774\uC0AC\uC628 \uC774\uD6C4\uC5D0 \uD558\uB8E8\uC5D0 \uD55C \uBC88 \uC0B0\uCC45\uC744 \uD588\uB2E4.
      • \uAC00\uC744\uAE4C\uC9C0\uB294 \uD558\uB8E8 \uD3C9\uADE0 11km \uC815\uB3C4 \uAC78\uC5B4\uB2E4\uB154\uACE0, \uB0A0\uC774 \uCD94\uC6CC\uC9C0\uBA74\uC11C \uC870\uAE08 \uB738\uD558\uC9C0\uB9CC.. \uACB0\uB860\uC801\uC73C\uB85C \uD558\uB8E8 \uD3C9\uADE0 9km \uC815\uB3C4 \uAC78\uC5B4\uB2E4\uB154\uB2E4.
      • \uC0B0\uCC45\uC774 \uC2EC\uC2E0\uC758 \uAC74\uAC15\uC744 \uC720\uC9C0\uD558\uB294\uB370 \uC9C0\uB300\uD55C \uC5ED\uD560\uC744 \uD588\uB2E4.
    • \uC778\uAC15\uCD2C\uC601
      • \uC2DC\uB3C4\uB294 \uD588\uC73C\uB098\u2026 \uACB0\uB860\uC801\uC73C\uB860 \uC2E4\uD328
    • \uCCAD\uC18C\uD558\uAE30
      • \uBCF5\uC7A1\uD55C \uC0DD\uAC01\uC744 \uD558\uACE0 \uC788\uC744 \uB54C \uC9D1\uC548\uC77C\uC744 \uD558\uBA74 \uB9C8\uC74C\uC774 \uD3B8\uD574\uC9C4\uB2E4. \uC8FC\uBCC0\uC744 \uC815\uB3C8\uD558\uBA74\uC11C \uB9C8\uC74C\uB3C4 \uC815\uB3C8\uD55C\uB2EC\uAE4C?
      • \uC774 \uAE00\uC744 \uC791\uC131\uD558\uACE0 \uC788\uB294 \uC2DC\uC810\uC5D0\uB3C4 \uC544\uCE68\uC5D0 2\uC2DC\uAC04 \uC815\uB3C4 \uCCAD\uC18C\uB97C \uD588\uB2E4.
    • SNS \uC904\uC774\uAE30
      • \uC20F\uCE20 \uAC19\uC740 \uBB34\uC758\uBBF8\uD55C(?) \uAC83\uB4E4\uC740 \uB9CE\uC774 \uC904\uC778 \uAC83 \uAC19\uB2E4.
      • \uC778\uC2A4\uD0C0\uADF8\uB7A8\uC5D0\uB294 \uB300\uCCB4\uB85C \uACE0\uC591\uC774\uB97C \uC62C\uB9AC\uAC70\uB098 \uC0B0\uCC45\uD560 \uB54C \uCC0D\uC740 \uAC83\uB4E4\uC744 \uC62C\uB9AC\uAC70\uB098?
      • \uC720\uD29C\uBE0C\uB294 MBTI + \uC790\uAE30\uACC4\uBC1C \uC601\uC0C1\uC73C\uB85C \uB3C4\uBC30\uB410\uB2E4. \uADF8\uB9CC\uD07C \uC62C\uD574\uB294 \uC778\uAC04\uC73C\uB85C\uC11C\uC758 \uC131\uC7A5\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uB9CE\uC774 \uD588\uB2E4\uB294 \uC810
    • \uBC14\uB978\uC790\uC138 \uC720\uC9C0\uD558\uAE30
      • \uBAB8\uC774 \uD3B4\uC84C\uB2E4
      • \uBAA9, \uC5B4\uAE68, \uD5C8\uB9AC\uC5D0 \uD1B5\uC99D\uC774 \uAC70\uC758 \uC5C6\uC5B4\uC84C\uB2E4.
      • \uC790\uC138\uB294 \uC6D0\uB798\uB3C4 \uBC14\uB974\uAC8C \uC720\uC9C0\uD558\uB824\uACE0 \uD588\uC73C\uB098.. \uC6B4\uB3D9(\uC0B0\uCC45)\uC758 \uC601\uD5A5\uC774 \uCEF8\uB2EC\uAE4C
    • \uACC4\uD68D\uC801\uC73C\uB85C \uC0B4\uAE30
      • 1\uAC1C\uC6D4, 1\uB144 \uB2E8\uC704\uC758 \uACC4\uD68D\uC744 \uC124\uC815\uD558\uC9C4 \uC54A\uC558\uACE0 \uB9E4\uC77C\uB9E4\uC77C \uD574\uC57C\uD560 \uC77C\uC5D0 \uB300\uD55C \uACC4\uD68D\uC744 \uC124\uC815\uD588\uB2E4.
      • \uC791\uC740 \uAC83\uBD80\uD130 \uC2DC\uB3C4\uD574\uBCF4\uB2C8 \uC5B4\uCA0C\uB4E0 \uACC4\uD68D\uC744 \uD558\uAE34 \uD558\uB354\uB77C.
    • \uB3C5\uC11C
      • \uC5C4~~\uCCAD \uB9CE\uC740 \uCC45\uC744 \uC77D\uC5C8\uB2E4\uACE4 \uD560 \uC218 \uC5C6\uC9C0\uB9CC, \uC791\uB144\uACFC \uBE44\uAD50\uD558\uBA74 \uC7A5\uC871\uC758 \uBC1C\uC804\uC774\uB2E4.
      • \uB300\uB7B5 10\uAD8C \uC774\uC0C1\uC758 \uCC45\uC744 \uC77D\uC740 \uAC83 \uAC19\uB2E4.
    • \uC774\uC0AC
      • \uC6B0\uC5EC\uACE1\uC808\uC774 \uC870\uAE08 \uC788\uC5C8\uCC0C\uB9CC, \uACB0\uB860\uC801\uC73C\uB85C 10\uB144 \uC804\uBD80\uD130 \uC0B4\uACE0 \uC2F6\uC5C8\uB358 \uB3D9\uB124(\uAD11\uAD50)\uB85C \uC774\uC0AC\uC654\uB2E4.
      • \uB300\uB9CC\uC871!
    • \uC5B4\uB5BB\uAC8C \uB3C8\uC744 \uBC8C\uC5B4\uC57C \uC88B\uC744\uAE4C \uACE0\uBBFC\uD574\uBCF4\uAE30
      • \uB9D0 \uADF8\uB300\uB85C \uACE0\uBBFC\uB9CC \uD588\uB2E4.
      • \uB2E4\uB978 \uC77C\uB4E4\uC744 \uD560 \uC5EC\uB825\uC774 \uC5C6\uC5C8\uB2E4.

    \uC0AC\uC2E4 \uBCC4 \uC0DD\uAC01 \uC5C6\uC5C8\uB294\uB370, \uB3CC\uC774\uCF1C\uBCF4\uB2C8 \uB2EC\uC131\uC774 \uB41C\uAC8C \uB9CE\uC558\uB2E4. \uC77C\uB2E8 \uACC4\uD68D\uC744 \uC138\uC6B0\uACE0 \uBAA9\uD45C\uB97C \uC124\uC815\uD558\uBA74 \uC2DC\uB3C4\uB97C \uD558\uAC8C \uB418\uACE0, \uBB50\uB77C\uB3C4 \uD558\uAC8C \uB418\uB294\uAC8C \uC544\uB2D0\uAE4C?

    1. nBilly


    (1) \uAC04\uB2E8\uD55C \uC18C\uAC1C

    nBilly\uB294 \uD300 \uC774\uB984\uC774\uBA74\uC11C \uB3D9\uC2DC\uC5D0 \uC81C\uD488 \uC774\uB984\uC774\uB2E4.

    • \uD300\uC73C\uB85C\uC11C\uC758 nBilly: \uC6F9 UI \uC81C\uC791 \uAE30\uC220\uC744 \uC5F0\uAD6C\xB7\uAC1C\uBC1C \u2192 \uBE44\uC988\uB2C8\uC2A4\uC758 \uC131\uC7A5\uC744 \uB3D5\uB294 \uAE30\uC220 \uC870\uC9C1
    • \uC81C\uD488\uC73C\uB85C\uC11C\uC758 nBilly: WYSIWYG \uC73C\uB85C \uC6F9 UI \uB97C \uB9CC\uB4E4\uACE0 \uBC30\uD3EC\uD560 \uC218 \uC788\uB294 \uB3C4\uAD6C

    \uC0AC\uC9C4 1

    \uC6B0\uB9AC \uD300\uC774 \uCD94\uAD6C\uD558\uB294 \uAC00\uCE58\uB098 \uBAA9\uD45C\uB098 \uC804\uB7B5 \uB4F1 \uB2E4\uB8E8\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uC774 \uCC38 \uB9CE\uC9C0\uB9CC, \uC774\uACF3\uC5D0 \uC5B8\uAE09\uD560 \uB0B4\uC6A9\uC740 \uC544\uB2CC \uAC83 \uAC19\uB2E4. \uB0B4\uAC00 \uC81C\uC77C \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD558\uB294 \uBD80\uBD84\uC740 \uD300\uACFC \uD300\uC6D0\uC758 \uC131\uC7A5\uC744 \uBB34\uCC99 \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD558\uACE0 \uC788\uC73C\uBA70 \uC774\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD55C \uB2E4\uC591\uD55C \uC2DC\uC2A4\uD15C\uC774 \uAD6C\uCD95\uB418\uC5B4 \uC788\uC73C\uBA70 \uD56D\uC0C1 \uACE0\uBBFC\uC744 \uD558\uB294 \uBD80\uBD84\uC774\uB77C\uB294 \uAC83. \uC774\uB7F0 \uC870\uC9C1\uC5D0\uC11C \uC77C\uD560 \uC218 \uC788\uB2E4\uB294\uAC8C \uCC38 \uD589\uC6B4\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

    ',15),Gt={href:"https://www.youtube.com/watch?v=zncmO90s0sk",target:"_blank",rel:"noopener noreferrer"},Dt=s("https://www.youtube.com/watch?v=zncmO90s0sk"),Ot=t("p",null,"\uC62C\uD574 \uCD08\uC5D0 \uAC19\uC740 \uD300\uC758 \uD6C8\uBBFC\uB2D8\uAED8\uC11C \uC6B0\uB9AC \uD300\uC774 \uC5B4\uB5A4\uC2DD\uC73C\uB85C \uC544\uD0A4\uD14D\uCCD0\uB97C \uC815\uC758\uD558\uACE0 \uAC1C\uC120\uD588\uB294\uC9C0 deview\uC5D0\uC11C \uBC1C\uD45C\uD558\uC168\uB2E4. (\uD300\uC5D0 \uB300\uD55C \uAD6C\uAD6C\uC808\uC808\uD55C \uB0B4\uC6A9\uC744 \uB2E4\uB8E8\uAE30\uBCF4\uB2E8 \uC704\uC758 \uC601\uC0C1\uC73C\uB85C \uB300\uCCB4\uD574\uB3C4 \uB418\uC9C0 \uC54A\uC744\uAE4C!?)",-1),Ut=s("\uC601\uC0C1\uC5D0 \uB300\uD55C \uD6C4\uC18D\uC73C\uB85C "),Xt={href:"https://smartstudio.tech/bringing-consistency-to-broken-ui-layer/",target:"_blank",rel:"noopener noreferrer"},Kt=s("https://smartstudio.tech/bringing-consistency-to-broken-ui-layer/"),Rt=s(" \uC774\uB7F0 \uAE00\uB3C4 \uC788\uB2E4."),Yt=t("p",null,"\uC81C\uD488\uC73C\uB85C\uC11C\uC758 nBilly\uB294 \uC544\uC9C1 \uACC4\uC18D \uBC1C\uC804\uC911\uC774\uBA70, \uC18C\uC218\uC758 \uC778\uC6D0\uC73C\uB85C \uACE0\uAD70\uBD84\uD22C\uB97C \uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC131\uC7A5 \uBC29\uD5A5\uC5D0 \uB530\uB77C \uC81C\uD488\uC758 \uBAA8\uC2B5\uC774 \uB9CE\uC774 \uB2EC\uB77C\uC9C8 \uAC83 \uAC19\uB2E4.",-1),zt=t("p",null,"\uC62C\uD574\uC5D0 nBilly\uB85C \uB9CC\uB4E4\uC5B4\uC9C4 \uC0AC\uC774\uD2B8\uB294 \uC774\uB7F0 \uAC83\uB4E4\uC774 \uC788\uB2E4.",-1),Jt={href:"https://campaign.nbilly.naver.com/nwec2023",target:"_blank",rel:"noopener noreferrer"},Qt=s("https://campaign.nbilly.naver.com/nwec2023"),Vt={href:"https://campaign.nbilly.naver.com/navergenerativeai",target:"_blank",rel:"noopener noreferrer"},Wt=s("https://campaign.nbilly.naver.com/navergenerativeai"),Ht={href:"https://campaign.nbilly.naver.com/whatsonyournetflix",target:"_blank",rel:"noopener noreferrer"},Zt=s("https://campaign.nbilly.naver.com/whatsonyournetflix"),$t={href:"https://campaign.nbilly.naver.com/clova-for-writing-with-smarteditor",target:"_blank",rel:"noopener noreferrer"},ts=s("https://campaign.nbilly.naver.com/clova-for-writing-with-smarteditor"),ss={href:"https://campaign.nbilly.naver.com/ncfd23",target:"_blank",rel:"noopener noreferrer"},es=s("https://campaign.nbilly.naver.com/ncfd23"),is=o('

    \uC5EC\uAE30\uC5D0\uB294 \uB2E4\uB8F0 \uC218 \uC5C6\uC9C0\uB9CC \uC9C0\uAE08\uB3C4 nBilly\uB85C \uB9CC\uB4E4\uC5B4\uC9C0\uACE0 \uC788\uB294 \uC0AC\uC774\uD2B8\uAC00 \uBB34\uCC99 \uB9CE\uC774 \uC788\uACE0, \uB9CE\uC774 \uC624\uD508\uB420 \uC608\uC815\uC774\uB2E4.

    nBilly\uC5D0 \uB300\uD55C \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 \uB4A4\uB85C \uBBF8\uB8E8\uACE0 (\uBCC4\uB3C4\uC758 \uD3EC\uC2A4\uD2B8\uB85C \uC791\uC131\uD558\uB294\uAC8C \uB354 \uC88B\uACA0\uB2E4\uB294 \uD310\uB2E8\uC744 \uD588\uB2E4), \uC774 \uD3EC\uC2A4\uD2B8\uC5D0\uC11C\uB294 \uAC1C\uC778\uC801\uC73C\uB85C \uD588\uB358 \uAC83\uB4E4\uC744 \uC9E4\uB9C9\uD558\uAC8C \uB2E4\uB904\uBCF4\uACE0 \uC2F6\uB2E4.


    (2) \uAE30\uC220\uC801 \uC131\uC7A5, \uC2DC\uB3C4, \uB09C\uAD00.

    \uAE38\uAC8C \uC774\uC57C\uAE30 \uD558\uBA74 \uB05D\uC774 \uC5C6\uAE30 \uB54C\uBB38\uC5D0, \uCD5C\uB300\uD55C \uAC04\uB2E8\uD558\uAC8C \uC815\uB9AC\uD574\uBCF4\uACE0\uC790 \uD55C\uB2E4.


    <\uBAA8\uB378 \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uC790\uB3D9\uD654 + \uBAA8\uB378 \uAC80\uC99D \uC790\uB3D9\uD654>

    \uC81C\uD488\uC758 \uC2A4\uD399\uC774 \uBCC0\uD560 \uB54C \uBAA8\uB378\uB3C4 \uAC19\uC774 \uBCC0\uD558\uB294 \uACBD\uC6B0\uAC00 \uBB34\uCC99 \uBE48\uBC88\uD588\uB2E4. \uBAA8\uB378\uC774 \uBCC0\uD558\uBA74 DB\uC5D0 \uC788\uB294 \uAC83\uB4E4\uB3C4 \uAC19\uC774 \uBCC0\uACBD\uD574\uC57C \uD558\uACE0 \uBAA8\uB378\uC5D0 \uB300\uD55C \uAC80\uC99D \uCF54\uB4DC\uB3C4 \uAC19\uC774 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD55C\uB2E4. \uB2F9\uC5F0\uD558\uC9C0\uB9CC \uBAA8\uB378\uC744 \uBCC0\uACBD\uD588\uC744 \uB54C\uC758 \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uAC00 \uBB34\uCC99 \uD06C\uACE0 \uC774\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD574 \uC0AC\uB78C\uC774 \uD558\uB098\uD558\uB098 \uB2E4 \uC791\uC5C5\uD558\uB294 \uAC83\uC774 \uB9E4\uC6B0 \uBE44\uD6A8\uC728\uC801\uC774\uB2E4.

    \uADF8\uB798\uC11C \uBAA8\uB378 \uBCC0\uACBD\uC5D0 \uCD5C\uB300\uD55C \uC790\uB3D9\uC73C\uB85C \uB300\uC751\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD588\uACE0 \uC801\uC6A9\uD588\uB2E4.

    • \uBAA8\uB378 \uB9C8\uC774\uADF8\uB808\uC774\uC158
      • PR\uC744 \uC62C\uB9B4 \uB54C, github actions\uB85C \uD604\uC7AC \uCF54\uB4DC\uC5D0 \uB300\uD55C \uBAA8\uB378 \uC815\uD569\uC131\uC744 \uAC80\uC0AC\uD55C\uB2E4.
      • \uBAA8\uB378 \uC815\uD569\uC131\uC744 \uD1B5\uACFC\uD558\uC9C0 \uBABB\uD558\uBA74, \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uC2A4\uD06C\uB9BD\uD2B8\uB97C \uC791\uC131\uD574\uC11C \uD478\uC2DC\uD574\uC57C \uD55C\uB2E4. \uD639\uC740 \uBBF8\uB9AC \uD574\uB2F9 PR\uC5D0 \uD3EC\uD568\uB418\uC5B4 \uC788\uC5B4\uC57C \uD55C\uB2E4.
      • PR\uC774 \uBA38\uC9C0\uB418\uBA74 \uC77C\uB2E8 \uAC1C\uBC1C\uC6A9 DB\uC5D0 \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uC801\uC6A9\uB418\uACE0, \uC791\uC131\uB41C \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uC2A4\uD06C\uB9BD\uD2B8\uB294 \uBCC4\uB3C4\uC758 \uD3F4\uB354\uC5D0 \uCC28\uACE1\uCC28\uACE1 \uC313\uC778\uB2E4.
      • \uB9B4\uB9AC\uC988\uB97C \uD558\uB294 \uC2DC\uC810\uC5D0 \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uC644\uB8CC\uB41C \uC2A4\uD06C\uB9BD\uD2B8\uB97C \uAE30\uC900\uC73C\uB85C \uB2E4\uC2DC \uB9AC\uC5BC DB\uC5D0 \uC801\uC6A9\uD55C\uB2E4.
    • \uBAA8\uB378 \uAC80\uC99D
      • typescript\uB97C json schema\uB85C \uBC14\uAFD4\uC8FC\uB294 \uB3C4\uAD6C \u2192 ts-json-schema-generator
      • json\uC744 json schema\uB85C validation \uD558\uB294 \uB3C4\uAD6C \u2192 ajv
      • \uBAA8\uB378(typescript)\uC774 \uBCC0\uACBD\uB420 \uB54C json schema\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uACE0, \uC774\uB97C \uD1A0\uB300\uB85C \uC0AC\uC774\uD2B8\uB97C \uC800\uC7A5\uD558\uAC70\uB098 \uBC1C\uD589\uD560 \uB54C \uAC80\uC99D\uD560 \uC218 \uC788\uB3C4\uB85D \uD55C\uB2E4.

    \uC774\uB7EC\uD55C \uC791\uC5C5\uB4E4\uC740 github actions\uC5D0 \uC758\uC874\uC801\uC778 \uC791\uC5C5\uC774 \uB9CE\uC558\uACE0 \uB355\uBD84\uC5D0 github actions\uC5D0 \uB300\uD574 \uB2E4\uBC29\uBA74\uC73C\uB85C \uD559\uC2B5\uD560 \uC218 \uC788\uC5C8\uB2E4. \uB2E4\uB9CC\u2026 \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uC798\uBABB\uB418\uC5C8\uC744 \uACBD\uC6B0\uC5D0 \uB300\uD55C \uC870\uCE58\uAC00 \uD604\uC7AC \uB418\uC5B4\uC788\uC9C0 \uC54A\uC544\uC11C \uC774\uB97C \uBCF4\uC644\uD574\uC57C \uD55C\uB2E4. \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC744 \uC2E4\uD589\uD558\uAE30 \uC804\uC5D0 DB\uB97C \uBC31\uC5C5\uD558\uACE0 \uC788\uC9C0\uB9CC, \uC2E4\uD328\uD558\uB294 \uACBD\uC6B0\uC5D0\uB9CC \uBCF5\uC6D0\uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC2E4\uD328\uB97C \uD558\uC9C0 \uC54A\uB354\uB77C\uB3C4 \uC758\uB3C4\uD55C\uB300\uB85C \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uB418\uC9C0 \uC54A\uC558\uC744 \uB54C\uC5D0\uB3C4 \uBCF5\uC6D0\uD560 \uC218 \uC788\uB3C4\uB85D \uB9CC\uB4E4\uC5B4 \uB193\uC544\uC57C \uD55C\uB2E4.

    github actions\uC5D0\uC11C \uBC31\uC5C5\uD574\uB193\uC740\uAC78 \uC5B4\uB5BB\uAC8C \uD574\uC57C \uB2E4\uC6B4 \uBC1B\uC744 \uC218 \uC788\uC744\uC9C0 \uACE0\uBBFC\uC774\uB2E4. \uCC3E\uC73C\uBA74 \uB098\uC624\uACA0\uC9C0\uB9CC\u2026? \uC9DC\uD22C\uB9AC \uC2DC\uAC04\uC5D0 \uBBF8\uB9AC \uCC3E\uC544\uB193\uC73C\uBA74 \uB418\uACA0\uC9C0?


    <\uC560\uB2C8\uBA54\uC774\uC158 \uAE30\uB2A5 \uCD94\uAC00>

    \uC0AC\uC9C4 2

    \uC0AC\uC6A9\uC790\uAC00 \uAC01\uAC01\uC758 \uAC1C\uCCB4(\uD398\uC774\uC9C0/\uC139\uC158/\uCEE8\uD14C\uC774\uB108/\uBE14\uB85D)\uC5D0 \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uC801\uC6A9\uD560 \uC218 \uC788\uB3C4\uB85D \uB9CC\uB4E4\uC5C8\uB2E4. \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uC801\uC6A9\uD558\uB294 \uBD80\uBD84\uC740 \uC0AC\uC2E4 \uD070 \uBB38\uC81C\uAC00 \uC544\uB2C8\uC5C8\uB2E4. \uC81C\uC77C \uACE0\uBBFC\uC774 \uB9CE\uC774 \uB418\uB294 \uBD80\uBD84\uC740 "\uC5B4\uD50C\uB9AC\uCF00\uC774\uC158 \uACC4\uCE35\uC5D0\uC11C \uC8FC\uC785" \uD558\uB294 \uAC83. \uC560\uB2C8\uBA54\uC774\uC158\uC758 \uD2B8\uB9AC\uAC70\uAC00 \uB2E4\uC591\uD558\uAC8C \uC874\uC7AC\uD558\uACE0, \uC560\uB2C8\uBA54\uC774\uC158\uC758 \uD615\uD0DC\uB3C4 \uB2E4\uC591\uD558\uAC8C \uC874\uC7AC\uD560 \uB54C \uC774\uB97C \uC798 \uAD00\uB9AC\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC744 \uC0DD\uAC01\uD558\uB294\uAC8C \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4.

    \uC5B4\uB5BB\uAC8C \uD560\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00, \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158\uC758 \uC124\uC815 \uD30C\uC77C\uC5D0\uC11C \uC560\uB2C8\uBA54\uC774\uC158\uC5D0 \uB300\uD55C keyframe\uACFC trigger \uD568\uC218\uB97C \uC815\uC758\uD558\uB3C4\uB85D \uD588\uB2E4.

    \uC0AC\uC9C4 3

    \uC774\uB7EC\uD55C \uACE0\uBBFC \uB355\uBD84\uC5D0 \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158 \uACC4\uCE35\uC5D0\uC11C \uC8FC\uC785\uD558\uAC70\uB098 \uC81C\uAC70\uD558\uAC70\uB098 \uC218\uC815\uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC190\uC27D\uAC8C \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uC81C\uC5B4\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uB2E4\uB9CC \uC774\uBCA4\uD2B8 \uD2B8\uB9AC\uAC70\uC5D0\uC11C \uC624\uB958\uB098 \uBC84\uADF8\uAC00 \uC788\uC744 \uB54C \uC774\uB97C \uAE54\uB054\uD558\uAC8C \uD574\uACB0\uD558\uAE30\uAC00 \uC5B4\uB824\uC6E0\uB2E4.

    \uADF8\uB798\uB3C4 \uC774\uB7EC\uD55C \uC791\uC5C5\uC744 \uD558\uBA74\uC11C \uC774\uBCA4\uD2B8\uC5D0 \uB300\uD574 \uB525\uB2E4\uC774\uBE0C \uD560 \uC218 \uC788\uC5C8\uB2EC\uAE4C? \uC0AC\uC2E4 \uC774\uB807\uAC8C \uC5D0\uB514\uD130\uB97C \uB9CC\uB4DC\uB294 \uC791\uC5C5 \uC790\uCCB4\uAC00 \uC774\uBCA4\uD2B8\uC5D0 \uB300\uD55C \uB525\uB2E4\uC774\uBE0C\uB97C \uD560 \uC218 \uBC16\uC5D0 \uC5C6\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

    \uB610 \uAC11\uC790\uAE30 \uC0DD\uAC01\uB09C\uAC74 \uC5D0\uB514\uD130\uC5D0\uC11C \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uB9AC\uD50C\uB808\uC774 \uD558\uB294 \uAC83. \uC5D0\uB514\uD130\uC640 \uC778\uC2A4\uD399\uD130\uAC00 \uCF54\uB4DC\uC0C1\uC73C\uB85C \uBA40\uB9AC \uC788\uAE30 \uB54C\uBB38\uC5D0, \uC778\uC2A4\uD399\uD130\uAC00 \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uC758\uB3C4\uC801\uC73C\uB85C \uC7AC\uC0DD\uC2DC\uD0AC \uB54C \uC5B4\uB5A4 \uBC29\uBC95\uC744 \uC0AC\uC6A9\uD574\uC57C \uC88B\uC744\uC9C0 \uBB34\uCC99 \uACE0\uBBFC\uC774 \uB9CE\uC558\uB2E4. \uACB0\uB860\uB9CC \uC774\uC57C\uAE30 \uD558\uC790\uBA74, \uC77C\uC885\uC758 \uCEE4\uC2A4\uD140 \uC774\uBCA4\uD2B8 \uB9E4\uB2C8\uC800\uB97C \uC774\uC6A9\uD558\uC5EC \uD574\uACB0\uD588\uB2E4.

    \uB2E4\uB9CC \uC774\uB7F0 \uB3C4\uAD6C\uB97C \uB0A8\uC6A9\uD560 \uACBD\uC6B0 \uB098\uC911\uC5D0 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uC744 \uB54C \uD2B8\uB798\uD0B9\uC744 \uD558\uB294\uAC8C \uBB34\uCC99 \uC5B4\uB835\uACE0 \uD798\uB4E4 \uC218 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uCD5C\uB300\uD55C \uC0AC\uC6A9\uC744 \uC9C0\uC591\uD558\uACE0 \uC788\uB2E4.


    <\uC640\uC774\uB4DC \uC601\uC5ED \uB300\uC751>

    \uC0AC\uC9C4 4

    \uAC1C\uCCB4\uAC00 \uD654\uBA74\uC744 \uAF49 \uCC44\uC6B8 \uC218 \uC788\uB294 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uC5C8\uB2E4. \uAF49 \uCC44\uC6B0\uB294 \uBC29\uBC95\uC740 \uC5EC\uB7EC\uAC00\uC9C0\uAC00 \uC788\uC9C0\uB9CC, \uC5B4\uB5A4 \uBC29\uC2DD\uC774 \uC81C\uC77C \uD6A8\uACFC\uC801\uC77C\uC9C0 \uCC3E\uC544\uBCF4\uACE0 \uC801\uC6A9\uD558\uB294 \uACFC\uC815\uC774 \uD544\uC694\uD588\uB2E4.

    \uC774\uB7F4 \uB54C \uBC11\uBC14\uB2E5\uBD80\uD130 \uC5B4\uB5BB\uAC8C \uB9CC\uB4E4\uC9C0 \uACE0\uBBFC\uD558\uAE30\uBCF4\uB2E8 \uC774\uBBF8 \uC798 \uB9CC\uB4E4\uC5B4\uC9C4 \uAC83\uB4E4\uC744 \uBAA8\uBC29\uD558\uB294\uAC8C \uD6A8\uACFC\uC801\uC774\uB77C\uB294 \uAC83! \uADF8\uB798\uC11C \uC5EC\uB7EC \uC6F9 \uBE4C\uB354\uB97C \uCC3E\uC544\uBCF4\uB2E4\uAC00 SqureSpace\uB97C \uBAA8\uBC29\uD558\uC5EC \uC640\uC774\uB4DC \uC601\uC5ED\uC758 1/2 \uB9CC\uD07C \uC9C4\uC785\uD558\uBA74 \uD655\uC7A5\uC774 \uB418\uB3C4\uB85D \uD588\uB2E4.

    ',27),os=s("\uC774 \uB54C "),ls=t("code",null,"display: grid",-1),as=s(" \uC758 \uC18D\uC131\uC744 \uC774\uC6A9\uD574\uC11C \uC640\uC774\uB4DC \uC601\uC5ED\uC758 \uB108\uBE44\uB97C \uC9C0\uC815\uD558\uACE0, \uC640\uC774\uB4DC \uC601\uC5ED\uC5D0 \uC9C4\uC785\uC2DC "),rs={href:"https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area",target:"_blank",rel:"noopener noreferrer"},ps=s("grid-area"),ns=s("\uAC12\uC744 \uBCC0\uACBD\uD558\uBA74 \uC790\uB3D9\uC73C\uB85C \uBC18\uC601\uB418\uB3C4\uB85D \uB9CC\uB4E4\uC5C8\uB2E4. (\uC608\uC2DC: "),cs=t("code",null,"grid-area: 1 / 2 / 1 / 2",-1),hs=s(")"),ds=o('

    \uB2E4\uB9CC, \uC774 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uACE0 \uC801\uC6A9\uD588\uC744 \uB54C \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uAC00 \uC815\uB9D0 \uC5B4\uB9C8\uC5B4\uB9C8\uD588\uB2E4. \uC804\uBD80\uB2E4 \uB098\uC5F4\uD558\uAE30\uB294 \uC190\uAC00\uB77D\uC774 \uC544\uD504\uAE30 \uB54C\uBB38\uC5D0 \uC2A4\uD0B5.

    \uAE30\uB2A5\uC744 \uC791\uC131\uD55C \uB2E4\uC74C\uC5D0 \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uB85C \uC5B4\uB290 \uC815\uB3C4 \uBCF4\uC644\uD560 \uC218 \uC788\uC5C8\uC744\uD150\uB370, \uAE30\uC874\uC5D0 \uD14C\uC2A4\uD2B8 \uCF00\uC774\uC2A4\uAC00 \uB9CE\uC774 \uBD80\uC871\uD588\uB2E4.

    \uC9C0\uAE08 \uB3CC\uC774\uCF1C \uC0DD\uAC01\uD574\uBCF4\uBA74, QA\uC5D0\uC11C \uBB38\uC81C\uAC00 \uBC1C\uACAC\uB420 \uB54C \uB9C8\uB2E4 \uD14C\uC2A4\uD2B8 \uCF00\uC774\uC2A4\uB97C \uCD94\uAC00 \uBC0F \uBCF4\uC644\uD574\uC57C \uD560 \uAC83 \uAC19\uC740\uB370\u2026 \uCC38 \uC548\uC77C\uD558\uAC8C \uC0DD\uAC01\uD588\uB2E4. \uC5B8\uC820\uAC04 \uC5C5\uBCF4\uB85C \uB3CC\uC544\uC624\uACA0\uC9C0

    \uD56D\uC0C1 \uAE30\uB2A5\uC744 \uAC1C\uBC1C\uD560 \uB54C\uB294 \uB370\uB4DC\uB77C\uC778 \uB54C\uBB38\uC5D0 \uAE09\uD558\uAC8C \uB9CC\uB4E4\uACE0, \uACB0\uAD6D QA\uC5D0 \uB354 \uB9CE\uC740 \uC2DC\uAC04\uC744 \uC4F0\uAC8C \uB41C\uB2E4. \uD22C\uC785\uB418\uB294 \uCD1D \uC2DC\uAC04\uC740 \uC624\uD788\uB824 \uD14C\uC2A4\uD2B8 \uCF00\uC774\uC2A4\uB97C \uC791\uC131\uD558\uC5EC \uBCF4\uC644\uD558\uB294\uAC8C \uB354 \uC801\uC744\uD150\uB370\u2026 \uBB3C\uB860 \uBAA8\uB4E0 \uCF00\uC774\uC2A4\uB97C \uD14C\uC2A4\uD2B8\uB85C \uC7A1\uAE30\uB294 \uD798\uB4E4\uACA0\uC9C0\uB9CC, \uD56D\uC0C1 \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uB54C \uC774\uB7F0 \uC810\uB4E4\uC744 \uACE0\uB824\uD574\uC57C\uACA0\uAD6C\uB098 \uC2F6\uB2E4.

    \uC77C\uB144\uC744 \uB3CC\uC774\uCF1C\uBCF4\uBA74 \uAC1C\uBC1C\uD560 \uB54C \uC601\uD63C\uC774 \uC880 \uC5C6\uC5C8\uB098 \uC2F6\uAE30\uB3C4 \uD558\uACE0?


    <\uCE90\uB85C\uC140 \uCEE8\uD14C\uC774\uB108>

    \uC0AC\uC9C4 5

    \uAE30\uC874\uC758 \uD398\uC774\uC9C0 \u2192 \uC139\uC158 \u2192 \uBE14\uB85D \uACC4\uCE35\uC5D0\uC11C \uD398\uC774\uC9C0 \u2192 \uC139\uC158 \u2192 \uCEE8\uD14C\uC774\uB108 \u2192 \uBE14\uB85D \uCC98\uB7FC "\uCEE8\uD14C\uC774\uB108" \uACC4\uCE35\uC744 \uC0C8\uB85C \uB9CC\uB4E4\uACE0, "\uCE90\uB85C\uC140 \uCEE8\uD14C\uC774\uB108" \uB77C\uB294 \uAC1C\uCCB4\uB97C \uB9CC\uB4E4\uC5C8\uB2E4. \uCEE8\uD14C\uC774\uB108\uB294 \uBE14\uB85D\uBCF4\uB2E4 \uB354 \uBCF5\uC7A1\uD55C UX/UI\uB97C \uD45C\uD604\uD560 \uC218 \uC788\uC73C\uBA70 \uBE14\uB85D\uC744 \uAC00\uC9C8 \uC218 \uC788\uB294 \uACC4\uCE35\uC774\uB2E4.

    \uC77C\uB2E8 \uCEE8\uD14C\uC774\uB108\uB77C\uB294 \uACC4\uCE35\uC744 \uB108\uBB34 \uAE09\uD558\uAC8C \uB9CC\uB4E4\uC5B4\uC11C \uC9C0\uAE08\uB3C4 \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uAC00 \uD06C\uAC8C \uB0A8\uC544\uC788\uB2E4. \uC190\uBD10\uC57C \uD560 \uACF3\uC774 \uCC38 \uB9CE\uC740 \uCE5C\uAD6C\uB2E4. \uCC98\uC74C\uC5D0\uB294 swiper.js\uB85C \uCE90\uB85C\uC140\uC744 \uAD6C\uD604\uD588\uB294\uB370\u2026 swiper\uC5D0 \uC790\uC798\uD55C \uBC84\uADF8\uAC00 \uB9CE\uACE0, \uC778\uC2A4\uD399\uD130 \uC601\uC5ED\uC5D0\uC11C \uCE90\uB85C\uC140\uC744 \uCEE8\uD2B8\uB864\uD560 \uB54C \uC758\uB3C4\uB300\uB85C \uB418\uC9C0 \uC54A\uB294 \uAC83\uB4E4\uC774 \uCC38 \uB9CE\uC558\uB2E4.

    \uC5B4\uB5BB\uAC8C \uD560\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC0AC\uB0B4\uC5D0\uC11C \uB9CC\uB4E0 eg-js\uC758 flicking\uC744 \uC774\uC6A9\uD574\uC11C \uAD6C\uD604\uD588\uB294\uB370, \uD574\uB2F9 \uB77C\uC774\uBE0C\uB7EC\uB9AC\uAC00 \uCC98\uC74C\uBD80\uD130 \uB9AC\uC561\uD2B8 \uAE30\uBC18\uC73C\uB85C \uB9CC\uB4E4\uC5B4\uC9C4\uAC8C \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uCE90\uB85C\uC140\uC758 \uC0C1\uD0DC\uB97C \uAD00\uB9AC\uD560 \uB54C \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4. \uC0AC\uC2E4 \uB2E8\uC21C\uD558\uAC8C \uC0AC\uC6A9\uD558\uBA74 \uD070 \uBB38\uC81C\uAC00 \uC5C6\uC73C\uB098\u2026 \uC778\uC2A4\uD399\uD130\uC5D0\uC11C \uCE90\uB85C\uC140\uC744 \uCEE8\uD2B8\uB864 \uD560 \uB54C \uBC1C\uC0DD\uD558\uB294 \uBB34\uC218\uD788 \uB9CE\uC740 \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uAC00 \uC874\uC7AC\uD588\uB2E4.

    \uACB0\uAD6D \uACE0\uC2EC \uB05D\uC5D0 \uC9C1\uC811 \uCE90\uB85C\uC140\uC744 \uAD6C\uD604\uD588\uACE0 \uC2A4\uC640\uC774\uD504 \uAE30\uB2A5\uC740 react-swipeable \uC744 \uC774\uC6A9\uD574\uC11C \uC801\uC6A9\uD588\uB2E4.

    \uC774 \uC791\uC5C5\uC744 \uD558\uBA74\uC11C "\uC5B4\uB835\uACE0 \uADC0\uCC2E\uC544\uC11C \uC2DC\uB3C4\uD558\uC9C0 \uC54A\uB294 \uAC83"\uC5D0 \uB300\uD55C \uC0DD\uAC01\uC774 \uB9CE\uC558\uB2E4. \uB0B4\uAC00 \uC5B4\uB5A4 \uC77C\uC744 \uD560 \uB54C "\uC5B4\uB835\uACE0 \uADC0\uCC2E\uB2E4"\uB294 \uD310\uB2E8\uC774 \uB4E4\uBA74\uC11C \uB9DD\uC124\uC774\uAC8C \uB41C\uB2E4\uB294 \uAC83. \uC774\uAC78 \uAE68\uAE30 \uC704\uD574 \uC758\uC2DD\uC801\uC778 \uB178\uB825\uC744 \uB9CE\uC774 \uD588\uB294\uB370, \uC5EC\uC804\uD788 \uB0B4\uAC00 \uC7AC\uBBF8\uB97C \uB290\uB07C\uACE0 \uAD00\uC2EC\uC774 \uAC00\uB294 \uC77C\uC774 \uC544\uB2C8\uBA74 \uD558\uAE30 \uB9DD\uC124\uC5EC\uC9C0\uB294 \uB9C8\uC74C\uC774 \uC788\uB2E4.

    \uB354 \uADFC\uBCF8\uC801\uC778 \uBB38\uC81C\uB294, \uB0B4\uAC00 \uAC00\uC9C4 \uC2DC\uC57C\uAC00 \uCC38 \uD3B8\uD611\uD558\uB2E4. \uC791\uACE0 \uC790\uC798\uD55C \uAC83\uB4E4\uC740 \uC798 \uC0B4\uD3B4\uBCF4\uB824\uACE0 \uD558\uC9C0\uB9CC, \uD06C\uACE0 \uB113\uC740 \uAC83\uB4E4\uC5D0 \uB300\uD574\uC11C\uB294 \uC0DD\uAC01\uD558\uAE30\uAC00 \uD798\uB4E4\uACE0 \uC0DD\uAC01\uB9CC \uD574\uB3C4 \uC2A4\uD2B8\uB808\uC2A4\uB97C \uCC38 \uB9CE\uC774 \uBC1B\uB294\uB2E4.


    <\uC2A4\uB0C5 \uADF8\uB9AC\uB4DC \uC88C\uD45C\uACC4 \u2192 \uC808\uB300 \uC88C\uD45C\uACC4 \uC804\uD658>

    \uC0AC\uC9C4 6

    \uCC98\uC74C\uC5D0 nBilly\uB97C \uCD9C\uC2DC\uD560 \uB54C\uB294 grid-area\uB97C \uC774\uC6A9\uD558\uC5EC 8px, 6px, 4px \uB2E8\uC704\uB85C \uC774\uB3D9 \uBC0F \uD06C\uAE30 \uC870\uC808\uC744 \uD560 \uC218 \uC788\uB3C4\uB85D \uB9CC\uB4E4\uC5C8\uB2E4. \uB2E4\uB9CC, \uC774\uB807\uAC8C \uD588\uC744 \uB54C \uC0AC\uC6A9\uC790\uC758 \uB2E4\uC591\uD55C \uC694\uAD6C\uC0AC\uD56D\uC744 \uCDA9\uC871\uC2DC\uD0A4\uAE30\uAC00 \uC5B4\uB824\uC6E0\uACE0, \uC5B5\uC9C0\uB85C \uC694\uAD6C\uC0AC\uD56D\uC744 \uB9DE\uCD94\uB824\uACE0 \uD558\uB2E4\uBCF4\uB2C8 \uBCF5\uC7A1\uD55C \uCF54\uB4DC\uB4E4\uC774 \uB9CC\uB4E4\uC5B4\uC84C\uB2E4. \uADF8\uB798\uC11C \uACE0\uC2EC \uB05D\uC5D0 \uC808\uB300 \uC88C\uD45C\uACC4\uB85C \uD3B8\uC9D1 \uC2DC\uC2A4\uD15C\uC744 \uC804\uD658\uD588\uB2E4.

    \uC0AC\uC9C4 7

    \uD3B8\uC9D1\uC758 \uAE30\uC800\uB97C \uBCC0\uACBD\uD558\uB294 \uACFC\uC815\uC774\uC600\uAE30 \uB54C\uBB38\uC5D0 \uBB34\uCC99 \uC624\uB798 \uAC78\uB838\uACE0, \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uB3C4 \uAD49\uC7A5\uD788 \uB9CE\uC558\uB2E4. \uD558\uACE0 \uC2F6\uC740 \uB9D0\uB3C4, \uB2F4\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uB3C4 \uC815\uB9D0 \uB108\uBB34 \uB9CE\uC9C0\uB9CC\u2026 \uACB0\uACFC\uC801\uC73C\uB85C 2\uB2EC \uAC00\uAE4C\uC774 QA\uB97C \uD558\uB294 \uC0AC\uD0DC\uAC00 \uBC1C\uC0DD\uD588\uB2E4.

    \uC81C\uC77C \uC774\uC288\uAC00 \uB418\uC5C8\uB358 \uBD80\uBD84\uC740 \uBA40\uD2F0 \uB514\uBC14\uC774\uC2A4 \uB300\uC751\uC774\uC5C8\uB358 \uAC83 \uAC19\uB2E4. Desktop \uBAA8\uB4DC\uC5D0\uC11C\uB294 \uD3B8\uC9D1\uC774 \uC798 \uB418\uAC70\uB098 \uD574\uB3C4 Tablet\uC774\uB098 Mobile \uBAA8\uB4DC\uC5D0\uC11C\uB294 \uC798 \uC548 \uB418\uAC70\uB098, \uC77C\uAD00\uC131\uC774 \uC5C6\uAC70\uB098, \uC88C\uD45C\uAC00 \uC774\uC0C1\uD558\uAC70\uB098, \uAE30\uD0C0 \uB4F1\uB4F1\u2026. \uC815\uB9D0\u2026. \uB108\uBB34 \uB9CE\uC740 \uBB38\uC81C\uAC00 \uC788\uC5C8\uB2E4.


    <\uC5D0\uB514\uD130 \uD3B8\uC9D1 \uC131\uB2A5 \uCD5C\uC801\uD654>

    \uC81C\uC77C \uBAB0\uC785\uC744 \uB9CE\uC774 \uD588\uB358 \uC77C\uC774 \uC131\uB2A5 \uCD5C\uC801\uD654\uC600\uB2E4. \uC131\uB2A5 \uCD5C\uC801\uD654 \uC791\uC5C5\uC744 \uD560 \uB54C\uB294 \uD558\uB8E8 \uC885\uC77C \uC77C \uC0DD\uAC01\uB9CC \uD558\uC9C0 \uC54A\uC558\uB098 \uC2F6\uB2E4.

    \uC77C\uC5B4\uB0AC\uC744 \uB54C, \uC53B\uC744 \uB54C, \uBC25\uBA39\uC744 \uB54C, \uC0B0\uCC45\uD560 \uB54C, \uC790\uAE30 \uC9C1\uC804 \uB4F1 \uAC70\uC758 \uBAA8\uB4E0 \uC21C\uAC04\uC744 "\uC5B4\uB5BB\uAC8C \uD574\uC57C \uC131\uB2A5\uC774 \uC88B\uC544\uC9C8\uAE4C?" \uC5D0 \uB300\uD574 \uACE0\uBBFC\uD588\uB2E4. \uADF8\uB9CC\uD07C \uC7AC\uBBF8\uB3C4 \uC788\uC5C8\uACE0 \uBCF4\uB78C\uB3C4 \uC788\uC5C8\uACE0 \uD798\uB4E4\uAE30\uB3C4 \uD588\uACE0.

    \uC0AC\uC9C4 8

    \uC0AC\uC9C4 9

    \uAE30\uC874\uC5D0 Context\uC640 Store\uB97C \uBAA8\uB4E0 \uC601\uC5ED\uC5D0\uC11C \uB0A8\uBC1C\uD558\uC5EC \uC0AC\uC6A9\uD558\uACE0 \uC788\uC5C8\uB2E4. \uB355\uBD84\uC5D0 \uD3B8\uC9D1 \uC778\uD130\uB799\uC158\uC774 \uBC1C\uC0DD\uD558\uBA74, \uBAA8\uB4E0 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uB9AC\uB80C\uB354\uB9C1 \uB418\uB294 \uD604\uC0C1\uC774 \uBC1C\uC0DD\uD588\uB2E4. \uD504\uB85C\uD30C\uC77C\uC744 \uD574\uBCF4\uBA74 \uBAA8\uB4E0 \uC601\uC5ED\uC5D0\uC11C \uB80C\uB354\uB9C1\uC774 \uBC1C\uC0DD\uD558\uB294\uAC78 \uD655\uC778\uD560 \uC218 \uC788\uC5C8\uB2E4.

    \uC0AC\uC9C4 10

    \uAC01\uAC01\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uC54C\uC544\uC57C \uD558\uB294 Context\uC758 Scope\uB97C \uC81C\uD55C\uD558\uACE0, Store\uC758 \uACBD\uC6B0 \uD544\uC694\uD55C \uAC12\uB9CC \uAC00\uC838\uC640 \uC0AC\uC6A9\uD558\uB294 \uBC29\uC2DD\uC73C\uB85C \uC774\uB97C \uAC1C\uC120\uD588\uB2E4.

    \uC0AC\uC9C4 11

    \uD3B8\uC9D1 \uC911(\uAC1C\uCCB4\uAC00 \uC774\uB3D9 \uC911\uC774\uAC70\uB098 \uB9AC\uC0AC\uC774\uC988 \uC911)\uC77C \uB54C\uB294 context\uB9CC \uBCC0\uACBD\uB418\uAE30 \uB54C\uBB38\uC5D0, \uB80C\uB354\uB9C1 \uBE44\uC6A9\uC774 \uC870\uAE08 \uB354 \uB0AE\uC558\uACE0

    \uC0AC\uC9C4 12

    \uD3B8\uC9D1\uC774 \uC644\uB8CC\uB418\uB294 \uC2DC\uC810\uC5D0 store\uC5D0 \uC5C5\uB370\uC774\uD2B8\uB97C \uD558\uB294\uB370, \uC774 \uB54C\uC5D0\uB3C4 store\uB97C \uCC38\uC870\uD558\uB294 \uCEF4\uD3EC\uB10C\uD2B8\uB4E4\uC774 \uC815\uB9D0 \uAF2D \uD544\uC694\uD55C \uAC12\uB9CC \uAC00\uC838\uB2E4 \uC0AC\uC6A9\uD558\uB3C4\uB85D \uD558\uACE0, \uAC12\uC774 \uBCC0\uACBD\uB418\uC9C0 \uC54A\uC558\uC744 \uACBD\uC6B0 \uB80C\uB354\uB9C1\uC774 \uB418\uC9C0 \uC54A\uB3C4\uB85D \uD558\uC5EC \uCD5C\uC801\uD654\uB97C \uD588\uB2E4.

    \uC774 \uC678\uC5D0 \uBDF0\uC5B4 \uC131\uB2A5 \uCD5C\uC801\uD654\uB3C4 \uD588\uB294\uB370, \uD06C\uAC8C \uAE30\uC5EC\uD558\uC9C4 \uC54A\uC558\uAE30 \uB54C\uBB38\uC5D0 \uC77C\uB2E8 \uC0DD\uB7B5. (\uC4F0\uAE30 \uADC0\uCC2E\uC544\uC11C \uADF8\uB7F0\uAC74 \uC808\uB300 \uC544\uB2C8\uB2E4)


    <\uD14C\uC2A4\uD2B8\uCF54\uB4DC \uBCF4\uC644>

    \uC0AC\uC9C4 13

    \uC55E\uC5D0\uC11C \uC5B8\uAE09\uD55C \uD3B8\uC9D1 \uC88C\uD45C\uACC4 \uC804\uD658 + \uC131\uB2A5 \uCD5C\uC801\uD654 \uC791\uC5C5\uC744 \uD558\uBA74\uC11C \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uC758 \uCEE4\uBC84\uB9AC\uC9C0\uB97C 50%\uC5D0\uC11C 65% \uC815\uB3C4\uB85C \uB04C\uC5B4\uC62C\uB838\uB2E4.

    \uC774\uC804\uC5D0\uB294 \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uB54C \uB9C9\uC5F0\uD55C \uB450\uB824\uC6C0\uC774 \uC788\uC5C8\uB294\uB370 (\uC77C\uC885\uC758 \uC5B4\uB835\uACE0 \uADC0\uCC2E\uC740\u2026?), \uACC4\uC18D \uC791\uC131\uD558\uB2E4\uBCF4\uB2C8\uAE4C \uC0DD\uAC01\uBCF4\uB2E4 \uC7AC\uBC0C\uAE30\uB3C4 \uD558\uACE0, \uC219\uB828\uB3C4\uAC00 \uB192\uC544\uC9C0\uB2C8\uAE4C \uC18D\uB3C4\uAC00 \uBD99\uC5C8\uB2E4. \uC774\uC058\uAC8C \uC798 \uC791\uC131\uD558\uB294\uAC74 \uB458\uC9F8\uCE58\uACE0 \uC77C\uB2E8 \uB9CC\uB4E4\uC5B4\uB194\uC57C \uBB50\uB77C\uB3C4 \uB418\uC9C0 \uC54A\uC744\uAE4C \uD558\uB294 \uC0DD\uAC01\uC73C\uB85C \uC791\uC131\uD588\uB358 \uAC83 \uAC19\uB2E4.

    \uBB34\uC5B8\uAC00\uB97C \uC798 \uD558\uAE30 \uC704\uD574\uC120 \uC77C\uB2E8 \uC775\uC219\uD574\uC838\uC57C\uD55C\uB2E4.

    • \uBAB8\uC744 \uC798 \uC4F0\uAE30 \uC704\uD574\uC120, \uBAB8\uC744 \uC4F0\uB294\uAC8C \uC775\uC219\uD574\uC57C \uD55C\uB2E4.
    • \uBA38\uB9AC\uB97C \uC798 \uC4F0\uAE30 \uC704\uD574\uC120, \uBA38\uB9AC\uB97C \uC4F0\uB294\uAC8C \uC775\uC219\uD574\uC57C \uD55C\uB2E4.
    • \uCF54\uB529\uC744 \uC798 \uD558\uAE30 \uC704\uD574\uC120, \uCF54\uB529\uC744 \uD558\uB294\uAC8C \uC775\uC219\uD574\uC57C \uD55C\uB2E4.
    • \uC124\uACC4\uB97C \uC798 \uD558\uAE30 \uC704\uD574\uC120, \uC124\uACC4\uB97C \uD558\uB294\uAC8C \uC775\uC219\uD574\uC57C \uD55C\uB2E4.
    • \uD14C\uC2A4\uD2B8\uB97C \uC798 \uC9DC\uAE30 \uC704\uD574\uC120, \uD14C\uC2A4\uD2B8 \uCF54\uB4DC\uB97C \uC791\uC131\uD558\uB294\uAC8C \uC77C\uB2E8 \uC775\uC219\uD574\uC57C \uD55C\uB2E4.

    \uB9C8\uC74C\uB9CC \uC870\uAE09\uD574\uC120 \uC548 \uB41C\uB2E4\uB294\uAC78, \uC694\uC998\uB4E4\uC5B4 \uCC38 \uB9CE\uC774 \uB290\uB07C\uACE0 \uC788\uB2E4. \uBE68\uB9AC \uAC00\uB294 \uAE38\uC774 \uC788\uC744 \uC218 \uC788\uC9C0\uB9CC, \uACB0\uAD6D \uBC11\uBC14\uB2E5\uBD80\uD130 \uCC28\uACE1\uCC28\uACE1 \uC313\uC544\uAC00\uC9C0 \uC54A\uC73C\uBA74 \uC548 \uB418\uB294 \uC601\uC5ED\uC774 \uC874\uC7AC\uD55C\uB2E4. \uB2E4\uB978 \uC0AC\uB78C\uC740 \uC5B4\uB5A8\uC9C0 \uBAB0\uB77C\uB3C4 \uC77C\uB2E8 \uB098\uB294 \uADF8\uB7F0 \uC0AC\uB78C\uC774\uB2E4.

    \uD0C0\uACE0\uB09C \uC7AC\uB2A5\uB3C4 \uC5C6\uACE0, \uD2B9\uCD9C\uB098\uAC8C \uC798\uD558\uB294 \uAC83\uB3C4 \uC5C6\uACE0, \uADF8\uC800 \uB0A8\uB4E4\uC5D0\uAC8C \uC9C0\uAE08\uC740 "\uC798 \uD558\uB294 \uAC83 \uCC98\uB7FC \uBCF4\uC77C \uC218 \uC788\uB294 \uC601\uC5ED"\uC740 \uBB34\uC218\uD788 \uB9CE\uC740 \uC2DC\uAC04\uC744 \uD22C\uC790\uD574\uC11C \uC870\uAE08\uC774\uB098\uB9C8 \uADF8\uB7F4\uB4EF\uD574 \uBCF4\uC774\uB294 \uAC83\uB4E4\uC774\uB2E4.

    \uC5B4\uB824\uC6B4 \uC77C\uB3C4, \uD798\uB4E0 \uC77C\uB3C4, \uC77C\uB2E8 \uBD80\uB52A\uD600\uBCF4\uACE0 \uC775\uC219\uD574\uC838\uC57C \uD55C\uB2E4.

    24\uB144\uC758 \uBAA9\uD45C\uC774\uAE30\uB3C4 \uD558\uACE0, \uB2E4\uC9D0\uC774\uAE30\uB3C4 \uD558\uACE0?


    <\uBE44\uB514\uC624 \uC5C5\uB85C\uB4DC \uCD94\uAC00 + \uBAA8\uB4C8\uD654>

    \uC0AC\uC9C4 14

    \uB2E8\uC21C\uD574\uBCF4\uC774\uB294 \uC774 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uAE30 \uC704\uD574 \uC0DD\uAC01\uBCF4\uB2E4 \uB9CE\uC740 \uC0BD\uC9C8\uC744 \uD588\uB2E4. \uC628\uC804\uD788 \uBAA8\uB4E0 \uAE30\uB2A5\uC744 \uC9C1\uC811 \uAD6C\uD604\uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uC678\uBD80 \uC758\uC874\uC774 \uC874\uC7AC\uD588\uAE30 \uB54C\uBB38\uC5D0, \uAD00\uB828 \uC790\uB8CC\uB4E4\uC744 \uAF3C\uAF3C\uD558\uAC8C \uC218\uC9D1\uD574\uC57C \uD588\uC73C\uB098 \uADF8\uB7EC\uC9C8 \uBABB\uD588\uB2E4.

    \uB2E4\uB978 \uD2F0\uCF13\uC744 \uC791\uC5C5\uD560 \uB54C\uB3C4 \uADF8\uB807\uC9C0\uB9CC, \uC774 \uD2F0\uCF13\uC744 \uC791\uC5C5\uD558\uBA74\uC11C \uB098\uC758 \uB2E8\uC810\uACFC \uB098\uC758 \uBD80\uC871\uD55C \uBD80\uBD84\uC774 \uB108\uBB34 \uB9CE\uC774 \uBCF4\uC600\uB2E4.

    \uB098\uB294 \uC2DC\uC57C\uAC00 \uC881\uB2E4. \uC815\uD655\uD788\uB294, \uBA40\uB9AC \uBD10\uC57C \uB418\uB294\uB370 \uBA40\uB9AC \uBCF4\uC9C8 \uBABB\uD55C\uB2E4. \uC0DD\uAC01\uC774 \uAC70\uAE30\uAE4C\uC9C0 \uBED7\uC5B4\uB098\uAC00\uC9C8 \uBABB\uD55C\uB2EC\uAE4C..

    \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C\uB294 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC758 \uC911\uC694\uC131\uC744 \uC774\uC57C\uAE30 \uD558\uACE4 \uD558\uC9C0\uB9CC, \uC815\uC791 \uB0B4\uAC00 \uC774\uAC78 \uC81C\uB300\uB85C \uBABB\uD558\uACE0 \uC788\uC5C8\uB2E4. \uB0B4 \uC0C1\uD0DC\uC640 \uB0B4\uAC00 \uD558\uACE0 \uC788\uB294 \uC77C\uC758 \uC0C1\uD0DC\uB97C \uC8FC\uAE30\uC801\uC73C\uB85C \uD300 \uB0B4\uC5D0 \uACF5\uC720\uD558\uB294 \uAC83\uC774 \uB9E4\uC6B0 \uC911\uC694\uD558\uB2E4\uB294 \uAC83. \uBB38\uC81C \uD574\uACB0\uC744 \uC8FC\uB3C4\uD558\uB294 \uC0AC\uB78C, \uB9AC\uB529\uD558\uB294 \uC0AC\uB78C\uC5D0\uAC8C\uB294 "\uC608\uCE21"\uC774 \uC911\uC694\uD558\uB2E4. \uADF8\uAC8C \uC77C\uC774\uB4E0 \uC0AC\uB78C\uC774\uB4E0 \uC5B4\uB290 \uC815\uB3C4\uB294 \uC608\uCE21\uC774 \uB418\uAC70\uB098 \uAD00\uB9AC\uAC00 \uB418\uC5B4\uC57C \uD558\uB294\uB370, \uADF8\uAC78 \uC704\uD574\uC120 \uC9C1\uC811 \uD655\uC778\uC744 \uD558\uAC70\uB098 \uD639\uC740 \uBCF4\uACE0\uAC00 \uC624\uAC70\uB098.

    \uB098\uC758 \uACBD\uC6B0 \uC774 \uC77C\uC744 \uC9C4\uD589\uD558\uBA74\uC11C \uD655\uC778\uC744 \uD558\uC9C0\uB3C4 \uC54A\uC558\uACE0, \uAD00\uB9AC\uC790\uC5D0\uAC8C \uC774\uC57C\uAE30\uB97C \uD558\uC9C0\uB3C4 \uC54A\uC558\uB2E4. \uCD5C\uC545\uC774\uB2E4

    \uB098\uB294 \uC0AC\uB78C \uD65C\uC6A9\uC744 \uC798 \uBABB\uD558\uB294 \uD3B8\uC774\uB2E4. \uC77C\uB2E8 \uC798 \uC548 \uD480\uB9B4 \uB54C, "\uB3C4\uC640\uC8FC\uC138\uC694!" \uB77C\uACE0 \uC27D\uAC8C \uC774\uC57C\uAE30\uB97C \uD560 \uC218 \uC788\uC5B4\uC57C \uD558\uB294\uB370 \uADF8\uAC8C \uCC38 \uC5B4\uB835\uB2E4. \uC8FC\uBCC0\uC5D0 \uB098\uB97C \uB3C4\uC640\uC904 \uC218 \uC788\uB294 \uC0AC\uB78C\uC774 \uCC38 \uB9CE\uC740\uB370, \uD63C\uC790\uC11C \uB059\uB059 \uC553\uB294\uAC78 \uCC38 \uC624\uB798 \uD55C\uB2E4. \uC0AC\uC2E4 \uC5B4\uB9B4 \uB54C\uBD80\uD130 \uADF8\uB807\uAC8C \uC0B4\uC544\uC628\uAC8C \uC775\uC219\uD55C\uAC8C \uC81C\uC77C \uD06C\uB2E4.

    \uC5B4\uCA0C\uB4E0, \uB354 \uC801\uADF9\uC801\uC73C\uB85C \uB098\uC5D0\uAC8C \uC8FC\uC5B4\uC9C4 \uBAA8\uB4E0 \uC790\uC6D0\uC744 \uD65C\uC6A9\uD574\uBCF4\uACE0 \uC2F6\uB2E4.


    <\uC0DD\uC560 \uCCAB TF>

    \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 23\uB144 \uD558\uBC18\uAE30\uC5D0 \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 TF \uD300\uC5D0 \uCC29\uCD9C(?)\uC774 \uB418\uC5C8\uB2E4. \uC790\uC138\uD55C \uB0B4\uC6A9\uC744 \uC774\uC57C\uAE30\uD560 \uC218\uB294 \uC5C6\uC9C0\uB9CC, \uC785\uC0AC \uD6C4\uC5D0 nBilly \uD300\uC774 \uC544\uB2CC \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uACFC \uAC19\uC774 \uC77C\uC744 \uD574\uBCF8\uAC8C \uCC98\uC74C\uC774\uB77C \uBB34\uCC99 \uC2E0\uC120\uD55C \uACBD\uD5D8\uC774\uC5C8\uB2E4.

    \uC5B4\uB5BB\uAC8C \uBAA9\uD45C\uB97C \uC124\uC815\uD574\uC57C \uD558\uACE0, \uB0B4\uAC00 \uAC00\uC9C4 \uC0DD\uAC01\uC744 \uC5B4\uB5A4\uC2DD\uC73C\uB85C \uC815\uC81C\uD574\uC11C \uC804\uB2EC\uD574\uC57C \uD6A8\uACFC\uC801\uC778\uC9C0\uC5D0 \uB300\uD574 \uB9E4\uC77C \uC0DD\uAC01\uD588\uB358 \uAC83 \uAC19\uB2E4.

    \uC774\uB7F0 \uACE0\uBBFC\uC744 \uD560 \uB2F9\uC2DC\uC5D0 \uD300 \uB0B4\uC5D0\uC11C "\uC0AC\uC6A9\uC790 \uC2A4\uD1A0\uB9AC" "\uC608\uC81C\uB97C \uD65C\uC6A9\uD55C \uBA85\uC138" \uB4F1\uC758 \uCC45\uC73C\uB85C \uC2A4\uD130\uB514\uB97C \uD558\uACE0 \uC788\uC5C8\uB2E4. \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uD560 \uB54C \uC804\uBB38\uC6A9\uC5B4\uB85C \uC774\uC57C\uAE30\uB97C \uD558\uAE30\uBCF4\uB2E8, \uC608\uC81C\uB098 \uC0AC\uC6A9\uC790 \uC2A4\uD1A0\uB9AC\uB294 \uADF8 \uC790\uCCB4\uAC00 \uBAA9\uD45C \uD639\uC740 \uBAA9\uC801\uC774 \uB418\uACE0, \uC774\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD574 \uD544\uC694\uD55C \uAC83\uB4E4\uB85C \uC5F0\uACB0\uC9C0\uC5B4 \uC124\uBA85\uD588\uC744 \uB54C \uD6A8\uACFC\uAC00 \uC88B\uC740 \uAC83 \uAC19\uB2E4.

    \uADF8\uB798\uC11C "\uC6B0\uB9AC\uAC00 \uB9CC\uB4DC\uB294 \uC11C\uBE44\uC2A4 \uD639\uC740 \uB3C4\uAD6C\uB97C \uC0AC\uB78C\uB4E4\uC740 \uC5B4\uB5BB\uAC8C \uC0AC\uC6A9\uD560\uAE4C?" \uB97C \uAE30\uC900\uC73C\uB85C \uC790\uB8CC\uB97C \uB9CC\uB4E4\uACE0, \uC774\uB97C \uAE30\uBC18\uC73C\uB85C \uC6B0\uB9AC\uAC00 \uD574\uC57C\uB418\uB294 \uAC83\uB4E4\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30\uB97C \uD558\uACE0\uC790 \uD588\uB2E4.

    \uC774 \uC678\uC5D0\uB3C4 \uCD08\uAE30 \uAC1C\uBC1C\uD658\uACBD \uAD6C\uC131, \uC778\uD504\uB77C \uAD6C\uC131, \uBC30\uD3EC\uD658\uACBD \uAD6C\uC131, \uD53C\uADF8\uB9C8 \uD50C\uB7EC\uADF8\uC778 \uD504\uB85C\uD1A0\uD0C0\uC785 \uAC1C\uBC1C \uB4F1 \uC790\uC798\uD55C \uAC83\uB4E4\uC744 \uD588\uC5C8\uB294\uB370 \uAF64 \uC7AC\uBC0C\uC5C8\uB2E4.

    \uD558\uC9C0\uB9CC nBilly \uC9C0\uC6D0\uC774 \uB354 \uAE09\uD588\uAE30 \uB54C\uBB38\uC5D0 TF\uC5D0\uC11C\uB294 \uB450 \uB2EC \uC815\uB3C4\uB9CC \uCC38\uC5EC\uD558\uACE0 \uBCF5\uADC0\uD588\uB2E4.


    (3) \uBB34\uC218\uD788 \uB9CE\uC740 \uC544\uC26C\uC6B4 \uC810\uB4E4

    \uD300\uC5D0\uC11C\uC758 \uB0B4 \uBAA8\uC2B5\uC744 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC804\uCCB4\uC801\uC73C\uB85C \uBD88\uB9CC\uC871\uC2A4\uB7FD\uB2E4. \uC62C\uD574\uB294 \uAC70\uC758 \uB9E4\uC77C \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C \uB0B4\uAC00 \uD558\uB294 \uC77C\uC5D0 \uB300\uD574\uC11C, \uC6B0\uB9AC \uD300\uC5D0 \uB300\uD574\uC11C \uACE0\uBBFC\uC744 \uAF64 \uB9CE\uC774 \uD588\uB2E4. \uC77C\uC744 \uC798 \uD558\uACE0 \uC2F6\uC5B4\uC11C \uACE0\uBBFC\uC744 \uB9CE\uC774 \uD588\uC73C\uB098 \uC798\uD558\uAE34 \uAC1C\uBFD4\u2026 \uB9E8\uB0A0 \uD138\uB9B0\uB2E4.

    \uC6B0\uB9AC \uD300\uC740 \uC88B\uC740 \uBB38\uD654\uB97C \uC131\uC219\uD55C \uBB38\uD654\uB97C \uB9CC\uB4E4\uC5B4\uC654\uACE0, \uC55E\uC73C\uB85C\uB3C4 \uB354 \uC88B\uC544\uC9C8 \uAC83\uC774\uB2E4. \uD558\uC9C0\uB9CC \uD300\uC774 \uC544\uB2C8\uB77C \uD669\uC900\uC77C\uC774\uB77C\uB294 \uAC1C\uC778\uC744 \uB193\uACE0 \uBCF4\uBA74 \uCC38 \uBB38\uC81C \uD22C\uC131\uC774\uB2E4.

    23\uB144\uC5D0\uB294 \uD300\uC758 \uBAA9\uD45C\uAC00 \uD68C\uC0AC\uC758 \uBC29\uD5A5\uC131\uC5D0 \uB9DE\uCDB0\uC11C \uC720\uAE30\uC801\uC73C\uB85C \uBCC0\uD588\uC73C\uB098, \uD300\uC758 \uBAA9\uD45C\uC5D0 \uB9DE\uCDB0\uC11C \uB098\uC758 \uBAA9\uD45C\uAC00 \uBCC0\uD558\uC9C0 \uBABB\uD588\uACE0, \uD070 \uD750\uB984\uC744 \uCAD3\uC544\uAC00\uC9C0 \uBABB\uD588\uB2E4. \uBABB\uD55C\uAC8C \uCC38 \uB9CE\uB2E4. \uBABB\uD55C\uAC78\uAE4C \uC548\uD55C\uAC78\uAE4C \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC548 \uD55C \uAC83\uC5D0 \uAC00\uAE5D\uC9C0 \uC54A\uC744\uAE4C?

    \uC55E\uC73C\uB85C \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC744\uC9C0 \uC5F0\uB9D0 \uC5F0\uD734 \uB54C \uAF64 \uAE4A\uAC8C \uC0DD\uAC01\uD588\uACE0 \uACB0\uB860\uC744 \uB0B4\uB838\uACE0 \uBC29\uD5A5\uC131\uB3C4 \uC815\uD588\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB294\uB370, \uAE00\uC744 \uC4F0\uB294 \uC9C0\uAE08 \uC2DC\uC810\uC5D0\uB294 \uB610 \uBAA8\uD638\uD574\uC9C4 \uAC83 \uAC19\uB2E4. \uC0AC\uC2E4 \uBC29\uD5A5\uC131\uC774\uB77C\uB294\uAC8C \uB098 \uD63C\uC790 \uC815\uD55C\uB2E4\uACE0 \uB05D\uC774 \uC544\uB2C8\uB77C \uD300\uC5D0 align\uC774 \uB418\uC5B4\uC57C \uD55C\uB2E4. \uADF8\uB798\uC11C \uB0B4\uAC00 \uC0DD\uAC01\uD55C \uBC29\uD5A5\uC131\uC774 \uB9DE\uB294\uC9C0 1\uC6D4 \uC911\uC73C\uB85C \uD655\uC778\uD574\uBCF4\uACE0 \uC2F6\uB2E4. \uC77C\uB2E8 \uAE09\uD55C\uBD88\uBD80\uD130 \uB044\uACE0

    \uADF8\uB9AC\uACE0 \uB610 \uD55C \uAC00\uC9C0 \uB0B4\uAC00 \uD06C\uAC8C \uC798\uBABB\uD55C \uC810\uC744 \uC0DD\uAC01\uD574\uBCF4\uBA74, "\uC77C"\uC774 \uC544\uB2C8\uB77C "\uC0AC\uB78C"\uC5D0 \uB300\uD574 \uB108\uBB34 \uB9CE\uC774 \uACE0\uBBFC\uC744 \uD588\uB2E4\uB294 \uAC83. \uC77C\uC744 \uC798 \uD558\uACE0 \uC2F6\uC73C\uBA74 \uC77C \uC790\uCCB4\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uD558\uB294\uAC8C \uB9DE\uC744\uD150\uB370 \uADF8\uB7EC\uC9C8 \uC54A\uC558\uB2E4.

    \uAC01\uAC01\uC758 \uC0AC\uB78C\uB4E4\uC774 \uC5B4\uB5A4 \uD589\uB3D9\uC744 \uD588\uC744 \uB54C \uADF8\uB7F0 \uD589\uB3D9\uC744 \uD558\uB294 \uC774\uC720\uB4E4\uC774 \uAD81\uAE08\uD588\uACE0, \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC774 \uAC00\uC9C0\uACE0 \uC788\uB294 \uC7A5\uC810\uACFC \uB2E8\uC810\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD558\uB294\uAC8C \uC7AC\uBC0C\uC5C8\uACE0, \uB098\uC640 \uBE44\uAD50\uD574\uBCF4\uBA74\uC11C \uB098\uB294 \uB610 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0 \uC54C\uC544\uAC00\uB294\uAC8C \uC7AC\uBC0C\uC5C8\uB2E4.

    \uD300\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD558\uACE0 \u2192 \uAC1C\uAC1C\uC778\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD558\uACE0 \u2192 \uB2E4\uC2DC \uB098\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD558\uACE0.

    \uC774\uAC8C \uAF2D \uD300\uC5D0 \uAD6D\uD55C\uB41C\uAC8C \uC544\uB2C8\uB77C, \uC62C\uD574\uC5D0 \uB0B4\uAC00 \uB9CC\uB0AC\uB358 \uBAA8\uB4E0 \uC0AC\uB78C\uB4E4\uC5D0 \uB300\uD574 \uAF64 \uAE4A\uAC8C \uC0DD\uAC01\uD588\uB2E4.

    \uAC00\uC871, \uCE5C\uAD6C, \uB3D9\uB8CC, \uD6C4\uBC30, \uC81C\uC790, \uADF8\uB9AC\uACE0 \uC9E7\uAC8C \uC2A4\uCCD0\uAC04 \uB2E4\uC591\uD55C \uC778\uC5F0\uB4E4.

    \uC62C\uD574\uB294 \uB0B4\uAC00 "\uD669\uC900\uC77C" \uC774\uB77C\uB294 \uC874\uC7AC\uB97C \uB2E4\uBC29\uBA74\uC5D0\uC11C \uC783\uC5B4\uBC84\uB838\uC5C8\uB2E4. \uB09C \uC65C \uC774\uBAA8\uC591\uC77C\uAE4C, \uC65C \uC774\uB7F0 \uC0AC\uB78C\uC77C\uAE4C, \uC65C \uC774\uB7F0 \uC0DD\uAC01\uC744\uD560\uAE4C \uAD81\uAE08\uD588\uB2E4. \uB098\uB97C \uB458\uB7EC\uC2F8\uACE0 \uC788\uB294 \uC0AC\uB78C\uB4E4\uACFC \uADF8 \uC18D\uC5D0\uC11C\uC758 \uB0B4 \uBAA8\uC2B5\uC744 \uC870\uB9BD\uD574\uBCF4\uBA70 \uB098\uB97C \uCC3E\uC544\uAC00\uB294 \uC2DC\uAC04\uB4E4\uC774\uC5C8\uB2E4.

    \uC544\uB9C8 \uC774\uAC74 \uD574\uAC00 \uBC14\uB00C\uC5B4\uB3C4 \uB2EC\uB77C\uC9C0\uC9C0 \uC54A\uC744 \uAC83 \uAC19\uB2E4. \uC624\uB298\uB3C4 \uADF8\uB7AC\uACE0, \uC5B4\uC81C\uB3C4 \uADF8\uB7AC\uB2E4. \uC0AC\uC2E4 \uC9C4\uC791\uC5D0 \uD588\uC5B4\uC57C \uD558\uB294 \uC0DD\uAC01\uB4E4\uC774 \uC544\uB2C8\uC5C8\uC744\uAE4C?

    \uC0BC\uCC9C\uD3EC\uB85C \uBE60\uC9C4 \uAC83 \uAC19\uC740\uB370, \uC5B4\uCA0C\uB4E0 23\uB144\uC758 nBilly\uC5D0\uC11C\uC758 \uB0B4 \uBAA8\uC2B5\uC744 \uC815\uB9AC\uD574\uBCF4\uBA74 \uC544\uB798\uC640 \uAC19\uB2E4.

    • \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uC798 \uD558\uC9C0 \uBABB\uD588\uACE0
    • \uC0DD\uAC01\uB9CC \uB9CE\uC558\uACE0
    • \uC8FC\uC800\uD55C \uD589\uB3D9\uC774 \uB9CE\uC558\uACE0
    • \uAE30\uC220\uC801\uC778 \uC131\uC7A5\uC774 \uB354\uB514\uACE0
    • \uC8FC\uB3C4\uC131\uC774 \uBD80\uC871\uD588\uACE0
    • \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC744 \uB2F5\uB2F5\uD558\uAC8C \uD588\uACE0
    • \uB098\uB97C \uC798 \uB4DC\uB7EC\uB0B4\uC9C0 \uBABB\uD588\uACE0
    • \uAE30\uB300\uC5D0 \uBD80\uC751\uD558\uC9C0 \uBABB\uD588\uACE0
    • \uBB38\uC81C \uC815\uC758\uB97C \uC798 \uD558\uC9C0 \uBABB\uD588\uACE0
    • \uBAA9\uD45C \uC124\uC815\uC744 \uC798 \uD558\uC9C0 \uBABB\uD588\uACE0
    • \uD070 \uADF8\uB9BC\uC744 \uBCF4\uC9C8 \uBABB\uD588\uACE0
    • \uBA40\uB9AC \uBCF4\uC9C8 \uBABB\uD588\uACE0
    • \uD504\uB85C \uC758\uC2DD\uC774 \uBD80\uC871\uD588\uACE0
    • \uD300\uC6D0\uC744 \uC798 \uD65C\uC6A9\uD558\uC9C8 \uBABB\uD588\uACE0

    \uB0B4\uB144\uC5D4 \uC870\uAE08 \uB354 \uB098\uC544\uC9C8 \uC218 \uC788\uAE30\uB97C \u{1F64F}


    (4) 24\uB144\uC5D0 \uB300\uD55C \uC9E7\uC740 \uB2E4\uC9D0

    • \uC81C\uC77C \uD558\uACE0 \uC2F6\uC740\uAC74 \uC81C\uD488\uC758 \uD004\uB9AC\uD2F0\uB97C \uB192\uC774\uB294 \uAC83.
      • \uD300\uC758 \uBAA9\uD45C\uC640\uB294 \uBCC4\uAC1C\uB85C, \uADF8\uB0E5 \uB0B4\uAC00 \uCC38 \uD558\uACE0 \uC2F6\uC740 \uC77C\uC774\uB2E4.
      • \uADF8\uB7EC\uAE30 \uC704\uD574\uC120 \uB354 \uBD84\uC8FC\uD558\uAC8C \uC6C0\uC9C1\uC5EC\uC57C \uD558\uACE0, \uD574\uC57C \uD558\uB294 \uC77C\uC744 \uC798 \uB9C8\uBB34\uB9AC\uB97C \uD558\uACE0, \uB0B4\uAC00 \uD558\uACE0 \uC2F6\uC740 \uC77C\uC744 \uD2C8\uD2C8\uC774 \uD574\uC57C\uB418\uACA0\uC9C0?
    • \uAC00\uD30C\uB978 \uC131\uC7A5\uC740 \uACB0\uAD6D \uB2E8\uB2E8\uD558\uAC8C \uC313\uC544\uC62C\uB9AC\uB294 \uAC83\uB4E4 \uC704\uC5D0\uC11C \uC774\uB8E8\uC5B4\uC9C4\uB2E4. \uC81C\uC77C \uD6A8\uC728\uC801\uC73C\uB85C \uC131\uC7A5\uD558\uB294 \uBC29\uBC95\uC740 \uACB0\uAD6D "\uC2DC\uB3C4"\uD558\uB294 \uAC83. \uBE60\uB978 \uAE38\uC740 \uC815\uC9C1\uD558\uAC8C \uAC00\uB294 \uAE38.
    • \uC0AC\uB78C\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uADF8 \uC0AC\uB78C\uC774 \uD558\uB294 \uACE0\uBBFC\uC5D0 \uB300\uD574 \uAC19\uC774 \uACE0\uBBFC\uC744 \uD574\uC57C\uD55C\uB2E4\uB294 \uAC83. \uD300\uC6D0\uB4E4\uC774 \uD558\uB294 \uACE0\uBBFC\uC744 \uB098\uB3C4 \uAC19\uC774 \uD574\uBCF4\uACE0 \uADF8\uAC78 \uC2B5\uAD00\uD654 \uD574\uBCF4\uC790.
    • \uB0B4 \uC0C1\uD0DC\uC640 \uB0B4\uAC00 \uD558\uB294 \uC77C\uC758 \uC0C1\uD0DC\uB97C \uC8FC\uAE30\uC801\uC73C\uB85C \uACF5\uC720\uD558\uB294 \uAC83.
      • "\uD798\uB4E4\uC5B4\uC694! \uB3C4\uC640\uC8FC\uC138\uC694!"
      • "\uC81C\uAC00 \uB3C4\uC6B8 \uC77C\uC774 \uC5C6\uC744\uAE4C\uC694?"
      • "\uC774\uB7EC\uC800\uB7EC\uD55C \uAC83\uB4E4\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uD574\uBD24\uC5B4\uC694."
    • \uBAA9\uD45C\uC5D0 \uB300\uD574 \uB9E4\uC77C\uB9E4\uC77C \uC810\uAC80\uD558\uAE30.
      • 23\uB144\uC5D0\uB294 KPI\uAC00 \uADF8\uB0E5 \uBB34\uC870\uAC74 \uC2EB\uC5C8\uB294\uB370, \uC774\uC81C\uB294 \uC65C \uC911\uC694\uD55C\uC9C0 \uC65C \uD544\uC694\uD55C\uC9C0 \uC778\uC9C0\uD588\uACE0 \uC774\uAC78 \uC798 \uD65C\uC6A9\uD574\uBCF4\uACE0 \uC2F6\uB2E4.
      • \uC2B5\uAD00\uD654\uAC00 \uB418\uC5B4\uC57C \uD55C\uB2E4.
      • \uC5B4\uB835\uB2E4\uACE0 \uD798\uB4E4\uB2E4\uACE0 \uD68C\uD53C\uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uBD80\uB52A\uD600\uC57C \uD55C\uB2E4.



    2. \uD65C\uB3D9

    (1) \uC624\uAE00\uC624\uAE00(\uC624\uAE00\uAC70\uB824\uB3C4, \uC624\uB298\uC758 \uAE00\uC4F0\uAE30)

    \uB124\uC774\uBC84\uC5D0 \uC785\uC0AC\uD574\uC11C \uC81C\uC77C \uC798\uD55C \uC77C \uC911\uC5D0 \uD558\uB098\uAC00 \uBC14\uB85C "\uC624\uAE00\uC624\uAE00(\uC624\uB298\uC758 \uAE00\uC4F0\uAE30)" \uC774\uB77C\uB294 \uC0AC\uB0B4\uB3D9\uC544\uB9AC\uC5D0 \uAC00\uC785\uD55C \uAC83\uC774\uB2E4. \uC5B4\uB5A4 \uC8FC\uC81C\uB4E0 \uC0C1\uAD00 \uC5C6\uC774, \uBD84\uB7C9\uB3C4 \uC0C1\uAD00 \uC5C6\uC774, \uC77C\uB2E8 \uC791\uC131\uC744 \uD558\uBA74 \uB41C\uB2E4. \uB355\uBD84\uC5D0 \uC774\uC804\uC5D0\uB294 \uD56D\uC0C1 "\uB0A8\uB4E4\uC5D0\uAC8C \uBCF4\uC5EC\uC8FC\uAE30 \uC704\uD55C \uAE00"\uC744 \uC791\uC131\uD588\uB2E4\uBA74, \uC774\uC81C\uB294 "\uB0B4\uAC00 \uC4F0\uACE0 \uC2F6\uC740 \uAE00" \uC744 \uC791\uC131\uD558\uACE0 \uC788\uB2E4.

    \uB354\uBD88\uC5B4\uC11C \uB2E4\uB978 \uC0AC\uB78C\uC774 \uC791\uC131\uD55C \uAE00\uC744 \uBCF4\uBA70 \uB290\uB07C\uB294\uAC8C \uCC38 \uB9CE\uC774 \uC788\uB2E4. \uB2E4\uC591\uD55C \uAC04\uC811 \uACBD\uD5D8\uC744 \uD560 \uC218 \uC788\uB2EC\uAE4C? \uC778\uC0DD\uC5D0 \uB300\uD574, \uC0B6\uC5D0 \uB300\uD574, \uC77C\uC5D0 \uB300\uD574, \uAC19\uC740 \uD68C\uC0AC \uC0AC\uB78C\uB4E4\uC774 \uB0A8\uAE30\uB294 \uAE00\uB4E4\uC744 \uBCF4\uACE0 \uC788\uC73C\uBA74 \uADF8\uB0E5 \uC774 \uC790\uCCB4\uAC00 \uC0B6\uC774\uAD6C\uB098 \uC0DD\uAC01\uC774 \uB4E0\uB2E4.


    <\uC218\uCE58\uB85C \uBCF4\uC790>

    1\uC6D4 - 23\uAE002\uC6D4 - 22\uAE003\uC6D4 - 8\uAE004\uC6D4 - 21\uAE005\uC6D4 - 23\uAE006\uC6D4 - 23\uAE00
    7\uC6D4 - 25\uAE008\uC6D4 - 28\uAE009\uC6D4 - 23\uAE0010\uC6D4 - 23\uAE0011\uC6D4 - 23\uAE0012\uC6D4 - 24\uAE00

    \uB2E4 \uD569\uCCD0\uC11C 266\uAC1C\uC758 \uAE00\uC744 \uC791\uC131\uD588\uB2E4. \uC131\uC2E4\uC131 \uD569\uACA9!!

    \uBD80\uC720\uD558\uB294 \uC0DD\uAC01\uC774 \uB9CE\uC544\uC11C \uC774\uAC78 \uC5B4\uB5BB\uAC8C\uB4E0 \uC801\uACE0 \uC2F6\uC5C8\uB294\uB370, \uC624\uAE00\uC624\uAE00 \uB9D0\uACE0 \uAC1C\uC778 \uB2E4\uC774\uC5B4\uB9AC\uC5D0 \uC4F4\uAC8C \uC880 \uB9CE\uC774 \uC788\uB2E4.


    <\uC624\uAE00\uC624\uAE00 \uB9AC\uC6CC\uB4DC>

    3\uC6D4 \uBE7C\uACE0\uB294 \uBBF8\uC158\uC744 \uB2E4 \uB2EC\uC131\uD588\uB2E4. \uC8FC\uB85C \uCC45\uC744 \uC0C0\uC73C\uB2C8, 11\uAD8C\uC758 \uCC45\uC744 \uC624\uAE00\uC624\uAE00 \uB9AC\uC6CC\uB4DC\uB85C \uBC1B\uC558\uB358 \uAC83 \uAC19\uB2E4.

    \uB9AC\uC6CC\uB4DC\uB85C \uAD6C\uB9E4\uD558\uACE0 \uC77D\uC740 \uCC45\uB4E4\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    • \uB2F9\uC2E0\uC774 \uC633\uB2E4 \u2192 \uC644\uB3C5
    • \uBB3C\uACE0\uAE30\uB294 \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294\uB2E4 \u2192 \uC644\uB3C5
    • \uD68C\uBCF5 \uD0C4\uB825\uC131 \u2192 \uC644\uB3C5
    • \uCC98\uC74C \uC0AC\uB294 \uC778\uC0DD, \uB204\uAD6C\uB098 \uC11C\uD234\uC9C0
    • \uCD5C\uACE0\uC758 \uD300\uC740 \uBB34\uC5C7\uC774 \uB2E4\uB978\uAC00 \u2192 \uC644\uB3C5
    • \uBC15\uD0DC\uC6C5\uC758 AI \uAC15\uC758 \u2192 \uC644\uB3C5
    • \uB9CC\uC77C \uB0B4\uAC00 \uC778\uC0DD\uC744 \uB2E4\uC2DC \uC0B0\uB2E4\uBA74 \u2192 \uC644\uB3C5
    • \uD601\uC2E0\uC5D0 \uB300\uD55C \uBAA8\uB4E0 \uAC83 \u2192 \uBC18\uB3C5
    • \uC138\uC0C1\uC774 \uB05D\uB0A0\uB54C\uAE4C\uC9C0 \uC544\uC9C1 10\uC5B5\uB144
    • \uC0AC\uC774\uCF54\uD328\uC2A4 \uB1CC\uACFC\uD559\uC790
    • \uB3C8, \uB728\uAC81\uAC8C \uC0AC\uB791\uD558\uACE0 \uCC28\uAC11\uAC8C \uB2E4\uB8E8\uC5B4\uB77C (\uC544\uC9C1 \uBBF8\uC218\uB839)

    \uB3C5\uC11C\uB294 \uB4A4\uC5D0 \uB4F1\uC7A5\uD560 \uBD81\uD074\uB7FD\uC758 \uC601\uD5A5\uC774 \uAF64 \uD06C\uB2E4. \uC5ED\uC2DC\u2026 \uBB34\uC5B8\uAC00\uB97C \uC2DC\uB3C4\uD558\uAE30 \uC704\uD574\uC120 \uD658\uACBD \uC138\uD305\uC774 \uCC38 \uC911\uC694\uD558\uB2E4\uACE0 \uB290\uAF08\uB2E4.


    <\uC0DD\uAC01, \uC77C, \uC0B0\uCC45>

    \uC0AC\uC9C4 15

    \uCC38 \uAC10\uC0AC\uD558\uAC8C\uB3C4 \uD604\uC7AC \uC6B4\uC601\uC9C4\uBD84\uAED8\uC11C \uAC01 \uAD6C\uC131\uC6D0\uC774 \uC5B4\uB5A4 \uB2E8\uC5B4\uB97C \uC81C\uC77C \uB9CE\uC774 \uC0AC\uC6A9\uD588\uACE0, \uB208\uC5D0 \uB744\uB294 \uB2E8\uC5B4\uB3C4 \uC815\uB9AC\uD574\uC8FC\uC168\uB2E4.

    \uB098\uC758 \uACBD\uC6B0 \uC0B0\uCC45 \uC0DD\uAC01 \uC77C \uB4F1\uC758 \uB2E8\uC5B4\uAC00 \uAE00\uC5D0 \uB9CE\uC774 \uB4F1\uC7A5\uD588\uB294\uB370, \uADF8\uAC78 \uBCF4\uACE0 \uD55C \uBD84\uAED8\uC11C \uB9D0\uC500\uD574\uC8FC\uC2DC\uAE38 "\uC900\uC77C\uB2D8\uC740 \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C \uC77C \uC0DD\uAC01\uC744 \uD558\uC2DC\uB294\uAD70\uC694!" \uB77C\uACE0 \uD558\uC168\uB2E4. \uB728\uB054\u2026

    \uC0DD\uAC01\uB9CC \uD558\uBA74 \uBB50\uD558\uB098, \uB9CC\uC871\uC2A4\uB7EC\uC6B4 \uACB0\uACFC\uB85C \uC774\uC5B4\uC9C0\uC9C0 \uBABB\uD588\uB294\uAC78\u2026 \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uB354 \uACE0\uBBFC\uC774 \uB9CE\uC558\uB358 \uAC83 \uAC19\uB2E4.


    <\uB098\uB9CC\uC758 \uD53D>

    \uC62C\uD574\uC5D0 \uC791\uC131\uD588\uB358 \uAE00 \uC911\uC5D0 \uBA87 \uAC1C(?)\uB97C \uACF5\uC720\uD574\uBCF4\uACE0\uC790 \uD55C\uB2E4.

    \uB355\uBD84\uC5D0 \uC62C\uD574 \uC791\uC131\uD588\uB358 \uAE00\uB4E4\uC744 \uB2E4 \uC77D\uC5B4\uBD24\uB2E4. \uB0B4\uAC00 \uC791\uC131\uD588\uC9C0\uB9CC \uCC38 \uC7AC\uBC0C\uB2E8\uB9D0\uC774\uC9C0!?


    <\uC57C\uAE00\uC57C\uAE00>

    \uC62C\uD574\uB294 \uB2E4\uC591\uD55C \uC57C\uC678\uD65C\uB3D9\uB3C4 \uD588\uB2E4.

    \uC0AC\uC9C4 48

    \uD0C4\uCC9C\uC5D0\uC11C \uAF43\uAC00\uB8E8\uC640 \uD568\uAED8(?) \uD53C\uC790\uB97C \uBA39\uAE30\uB3C4 \uD588\uACE0

    \uC0AC\uC9C4 49

    \uBAA8\uB798\uBC14\uB78C\uACFC \uD568\uAED8\uD558\uB294 \uD55C\uAC15 \uCE58\uB9E5\uB3C4 \uC788\uC5C8\uACE0

    \uC0AC\uC9C4 50

    \uC0AC\uC9C4 \uC804\uC2DC\uD68C\uB97C \uC990\uAE30\uB294 \uC6B0\uB9AC\uB4E4\uC758 \uC0AC\uC9C4\uC744 \uCD9C\uB825\uD558\uAE30\uB3C4 \uD588\uB2E4.

    \uADF8\uB0E5, \uC624\uAE00\uC624\uAE00\uC774 \uC788\uC5B4\uC11C 2023\uB144\uC740 \uCC38 \uD589\uBCF5\uD588\uB2E4.


    (2) \uC778\uC0DD\uACBD\uC601\uD074\uB7FD

    \uAE00\uACFC \uCC45\uC740 \uD56D\uC0C1 \uBD99\uC5B4\uB2E4\uB2C8\uB294 \uAD00\uC2EC\uC0AC\uAC00 \uC544\uB2D0\uAE4C? \uC62C\uD574 \uD558\uBC18\uAE30\uC5D0\uB294 "\uBD81\uD074\uB7FD" \uC774\uB77C\uB294 \uC0AC\uB0B4\uB3D9\uC544\uB9AC\uC5D0 \uAC00\uC785\uD588\uACE0, \uB2E4\uC2DC \uBD81\uD074\uB7FD \uB0B4\uC5D0 \uC788\uB294 "\uC778\uC0DD\uACBD\uC601\uD074\uB7FD"\uC5D0 \uCC38\uC5EC\uD588\uB2E4.

    1\uB2EC\uC5D0 1\uAD8C\uC758 \uCC45\uC744 \uC77D\uACE0, \uD574\uB2F9 \uCC45\uC744 \uCD94\uCC9C\uD55C \uC0AC\uB78C\uC774 \uD1A0\uB860\uD558\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uC744 \uBBF8\uB9AC \uACF5\uC720\uD558\uACE0, \uC815\uD574\uC9C4 \uB0A0\uC9DC\uC5D0 2\uC2DC\uAC04 \uC815\uB3C4 \uD1A0\uB860\uC744 \uC9C4\uD589\uD558\uB294 \uBC29\uC2DD\uC73C\uB85C \uD074\uB7FD\uC774 \uC6B4\uC601\uB418\uC5C8\uB2E4.

    7\uC6D4 ~ 12\uC6D4\uAE4C\uC9C0 \uCD1D 6\uAD8C\uC758 \uCC45\uC744 \uC77D\uC5C8\uACE0, \uAC01\uAC01\uC758 \uCC45\uC774 \uB2E4\uB8E8\uB294 \uB0B4\uC6A9\uB4E4\uC740 \uBAA8\uB450 \uC720\uC775\uD588\uB2E4.


    <\uB3C4\uB451\uB9DE\uC740 \uC9D1\uC911\uB825>

    \uB3C4\uB451\uB9DE\uC740 \uC9D1\uC911\uB825

    \uC81C\uC77C \uCCAB \uBC88\uC9F8\uB85C \uC77D\uC740 \uCC45\uC774\uB77C \uAE30\uC5B5\uC774 \uC870\uAE08 \uAC00\uBB3C\uAC00\uBB3C\uD558\uB2E4. \uBBF8\uB9AC\uBBF8\uB9AC \uC815\uB9AC\uC880 \uD574\uB458\uAEC4

    \uD604\uB300\uC778\uB4E4\uC740 \uC810\uC810 \uC9D1\uC911\uB825\uC744 \uC783\uC5B4\uAC00\uACE0 \uC788\uB2E4. \uAC1C\uAC1C\uC778\uC774 \uAC00\uC9C4 \uBB38\uC81C\uC810\uB3C4 \uBD84\uBA85 \uC788\uACA0\uC9C0\uB9CC SNS\uC758 \uC601\uD5A5\uC774 \uC81C\uC77C \uD06C\uACE0 \uC11C\uBE44\uC2A4 \uAE30\uC5C5\uB4E4\uC758 \uBAA9\uD45C\uAC00 "\uC0AC\uC6A9\uC790\uAC00 \uC6B0\uB9AC \uC11C\uBE44\uC2A4\uC5D0 \uBA38\uBB34\uB974\uB3C4\uB85D \uD558\uB294 \uAC83" \uC774\uAE30 \uB54C\uBB38\uC5D0 \uC0AC\uC6A9\uC790\uC758 \uC2DC\uC120\uC744 \uBD99\uC7A1\uC544\uB458 \uC218 \uC788\uB294 \uB2E4\uC591\uD55C \uC7A5\uCE58\uB4E4\uC744 \uB9CC\uB4E4\uACE0 \uC788\uACE0, \uC9C0\uAE08\uB3C4 \uACC4\uC18D \uB9CC\uB4E4\uACE0 \uC788\uB2E4\uB294 \uAC83.

    \uC774\uB7F0 \uC138\uC0C1\uC5D0\uC11C \uC9D1\uC911\uB825\uC744 \uC798 \uC720\uC9C0\uD558\uAE30 \uC704\uD574\uC120\u2026 \uACB0\uAD6D \uAC1C\uC778\uC758 \uB178\uB825\uC774 \uC81C\uC77C \uC911\uC694\uD558\uC9C0 \uC54A\uC744\uAE4C \uC2F6\uB2E4.

    \uCC45\uC758 \uB0B4\uC6A9\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30 \uD558\uB2E4\uAC00, \uC5B4\uCC28\uD53C \uC0AC\uB78C\uB4E4\uC758 \uC9D1\uC911\uB825\uC744 \uBE8F\uC5B4\uC57C \uD55C\uB2E4\uBA74 \uB0B4\uAC00 \uB9CC\uB4E0 \uC11C\uBE44\uC2A4\uB85C \uBE7C\uC557\uC544\uAC00\uB294\uAC8C \uB0AB\uC9C0 \uC54A\uC744\uAE4C? \uB77C\uB294 \uC774\uC57C\uAE30\uB97C \uB4E3\uACE0 \uD569\uB9AC\uC801\uC774\uB77C\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uB2E4.

    \uC6C3\uAE34\uAC74 \uC774 \uCC45\uC744 \uC0B0\uCC45\uD558\uBA74\uC11C eBook \uC73C\uB85C \uC77D\uC5C8\uB2E4. \uD655\uC2E4\uD788 \uC885\uC774\uCC45\uC73C\uB85C \uBCF4\uB294 \uAC83 \uBCF4\uB2E8 \uC9D1\uC911\uC774 \uB35C \uB418\uB294 \uB290\uB08C.

    \uC81C\uC77C \uC640\uB2FF\uC558\uB358 \uB0B4\uC6A9\uC740 \uCEE8\uD14D\uC2A4\uD2B8 \uC2A4\uC704\uCE6D\uC5D0 \uB300\uD55C \uAC83. \uC624\uB79C\uB9CC\uC5D0 \uBCF8 \uCE5C\uAD6C\uAC00 "\uB108 \uBA85\uC0AC\uCE58\uB9E4\uAC00 \uC788\uB294 \uAC83 \uAC19\uC544" \uB77C\uACE0 \uD588\uB2E4. \uC694\uC998\uC758 \uB098\uB294 \uB2E8\uC5B4\uB4E4\uC774 \uAE30\uC5B5\uB098\uC9C8 \uC54A\uACE0 \uC788\uB2E4. \uADFC\uB370 \uB3D9\uC885\uC5C5\uACC4\uC5D0\uC11C 3\uB144\uCC28 \uC774\uC0C1 \uC77C\uD55C \uBD84\uB4E4\uC744 \uBCF4\uBA74 \uB098\uB791 \uC5C7\uBE44\uC2B7\uD558\uB2E4. \uC77C\uC744 \uD558\uBA74\uC11C \uCEE8\uD14D\uC2A4\uD2B8 \uC2A4\uC704\uCE6D\uC774 \uB108\uBB34 \uB9CE\uC774 \uBC1C\uC0DD\uB418\uACE0, \uC9D1\uC911\uB825\uC774 \uD750\uB824\uC9C0\uACE0, \uC810\uC810 \uBB34\uC5B8\uAC00\uB97C \uC78A\uC5B4\uAC04\uB2EC\uAE4C? \uB2E8\uC5B4\uB4E4\uC774 \uC798 \uAE30\uC5B5\uB098\uC9C8 \uC54A\uB294\uB2E4.

    \uC774\uAC74 \uB300\uD559\uC0DD\uB54C \uC5EC\uB7EC \uAD50\uC218\uB2D8\uB4E4\uC744 \uBCF4\uBA74\uC11C \uB9CE\uC774 \uB290\uAF08\uB2E4. \uB611\uB611\uD55C \uBD84\uB4E4\uC774 \uC0AC\uC18C\uD55C \uB2E8\uC5B4\uB4E4\uC744 \uC78A\uC5B4\uBC84\uB9AC\uAC70\uB098 \uAE30\uC5B5\uD574\uB0B4\uC9C0 \uBABB\uD558\uB294 \uBAA8\uC2B5\uC744 \uB9CE\uC774 \uBAA9\uACA9\uD588\uB2E4. \uC774\uC820 \uB0B4\uAC00 \uADF8\uB7EC\uACE0 \uC788\uB2E4.

    \uD558\uC9C0\uB9CC \uD604\uC2E4\uC801\uC73C\uB85C \uCEE8\uD14D\uC2A4\uD2B8 \uC2A4\uC704\uCE6D\uC744 \uD558\uC9C0 \uC54A\uB294 \uBC29\uBC95\uC774 \uC788\uC744\uAE4C? \uC77C\uC744 \uADF8\uB9CC\uB450\uC9C0 \uC54A\uB294 \uC774\uC0C1 \uBD88\uAC00\uB2A5\uD558\uC9C0 \uC54A\uC744\uAE4C?

    \uC694\uC998 \uB0B4\uAC00 \uC9D1\uC911\uB825\uC744 \uC720\uC9C0\uD558\uB294 \uBC29\uBC95\uC740 \uB9E4\uC77C\uB9E4\uC77C \uC0B0\uCC45\uC744 \uD558\uB294 \uAC83. \uB098\uB294 \uD56D\uC0C1 \uD55C \uBC15\uC790 \uB290\uB9B0 \uC0AC\uB78C\uC774\uB2E4. \uADF8\uB798\uC11C \uCC98\uC74C \uC811\uD558\uB294 \uC77C\uC740 \uD56D\uC0C1 \uC2E4\uC218\uD558\uACE0, \uC0AC\uB78C\uB4E4\uACFC \uC788\uC744 \uB54C \uB208\uCE58\uAC00 \uC880 \uC5C6\uB294 \uD3B8\uC774\uB2E4. \uC774\uAC78 \uC9C0\uB098\uACE0 \uB098\uC11C \uACF1\uC539\uC5B4\uBCF4\uBA70 "\uC544, \uADF8\uB7AC\uAD6C\uB098!" \uB97C \uC54C\uC544\uAC00\uB294 \uC0AC\uB78C\uC774\uB2E4. \uD558\uB8E8\uB97C \uC815\uB9AC\uD558\uB294 \uC2DC\uAC04\uC744 \uAC00\uC9C0\uB2C8\uAE4C \uC9D1\uC911\uB825\uC774 \uC9C0\uAE08\uBCF4\uB2E4 \uB5A8\uC5B4\uC9C0\uC9C4 \uC54A\uB294 \uB290\uB08C\u2026. (\uB290\uB08C\uB9CC \uADF8\uB7F4\uC218\uB3C4)


    <\uCD5C\uACE0\uC758 \uD300\uC740 \uBB34\uC5C7\uC774 \uB2E4\uB978\uAC00>

    \uCD5C\uACE0\uC758 \uD300\uC740 \uBB34\uC5C7\uC774 \uB2E4\uB978\uAC00 - \uC608\uC2A424

    "\uBA38\uB9AC\uB294 \uCC28\uAC11\uAC8C, \uAC00\uC2B4\uC740 \uB728\uAC81\uAC8C"

    \uC774 \uCC45\uC744 \uBCF4\uACE0 \uB09C \uD55C \uC904 \uC18C\uAC10\uC774\uB784\uAE4C. \uC0AC\uB78C\uC744 \uB300\uD560 \uB54C\uB294 \uD56D\uC0C1 \uC9C4\uC2EC\uC744 \uB2E4\uD574\uC57C \uD558\uBA70, \uB098\uC758 \uBA54\uC138\uC9C0\uB294 \uB17C\uB9AC\uC801\uC774\uACE0 \uAC1D\uAD00\uC801\uC73C\uB85C \uC804\uB2EC\uD574\uC57C \uD55C\uB2E4.

    \uAC1C\uC778\uC774 \uC870\uC9C1\uC5D0 \uC18D\uD574 \uC788\uC744 \uB54C, \uACF5\uB3D9\uCCB4\uC5D0 \uC18D\uD574 \uC788\uC744 \uB54C "\uC548\uC815\uAC10"\uC744 \uB290\uAEF4\uC57C \uD55C\uB2E4. \uB0B4\uAC00 \uC18D\uD55C \uC870\uC9C1 \uB0B4\uC5D0\uC11C \uB0B4\uAC00 \uBCF4\uD638\uBC1B\uC9C0 \uBABB\uD558\uACE0 \uC788\uB2E4\uB294 \uB290\uB08C\uC774 \uB4E4\uBA74 \uC870\uC9C1\uC758 \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD574 \uACE0\uBBFC\uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uC0DD\uC874\uC744 \uC704\uD574 \uACE0\uBBFC\uC744 \uD574\uC57C\uD55C\uB2E4. \uADF8\uB7EC\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC131\uACFC\uB85C \uC774\uC5B4\uC9C0\uAE30\uB294 \uD798\uB4E4 \uC218 \uC788\uB2E4.

    \uBC18\uB300\uB85C \uB0B4\uAC00 \uC18D\uD55C \uC870\uC9C1\uC774 \uC548\uC815\uAC10\uC744 \uC8FC\uBA74 \uB098\uB97C \uBCF4\uD638\uD558\uACE0 \uC788\uB2E4\uB294 \uB290\uB08C\uC774 \uB4E4\uBA74 \uADF8 \uB54C \uBD80\uD130 \uC870\uC9C1\uC758 \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD55C \uACE0\uBBFC\uB4E4\uC774 \uC2DC\uC791\uB41C\uB2E4\uACE0 \uD55C\uB2E4.

    \uADF8\uB7EC\uBA74 \uC5B4\uB5BB\uAC8C \uC870\uC9C1\uC5D0\uC11C \uC548\uC815\uAC10, \uC18C\uC18D\uAC10 \uB4F1\uC744 \uB290\uB084 \uC218 \uC788\uC744\uAE4C? \uB098\uB294 \uCC45\uC744 \uC77D\uC73C\uBA74\uC11C "\uB300\uD654"\uC5D0 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4. \uB0B4\uAC00 \uC5B4\uB5A4 \uC774\uC57C\uAE30\uB97C \uD574\uB3C4 \uB4E4\uC5B4\uC904 \uC218 \uC788\uB294 \uC0AC\uB78C\uB4E4. \uB098\uC758 \uB9D0\uC744 \uACBD\uCCAD\uD574\uC8FC\uB294 \uC0AC\uB78C\uB4E4. \uADF8\uB9AC\uACE0 \uB098 \uB610\uD55C \uADF8\uB4E4\uC744 \uACBD\uCCAD\uD560 \uC218 \uC788\uB3C4\uB85D.

    \uCC45\uC5D0\uC11C\uB294 \uD2B9\uD788 \uD3EC\uD3EC\uBE44\uCE58 \uAC10\uB3C5\uC758 \uC0AC\uB840\uB97C \uB9CE\uC774 \uB2E4\uB8E8\uACE0 \uC788\uB294\uB370, \uD3EC\uD3EC\uBE44\uCE58\uB294 \uD300\uC6D0 \uD55C \uBA85 \uD55C \uBA85\uC5D0 \uB300\uD574 \uC9C4\uC2EC\uC73C\uB85C \uC874\uC911\uD558\uACE0, \uC0B4\uB730\uD558\uAC8C \uCC59\uAE30\uACE0, \uADF8\uB4E4\uC774 "\uD300" \uC774\uB77C\uB294 \uC0DD\uAC01\uC774 \uB4E4 \uC218 \uC788\uB3C4\uB85D \uB300\uD654\uB97C \uC774\uB04C\uC5B4\uAC04\uB2E4.

    \uADF8\uB807\uAC8C \uAD6C\uC131\uC6D0 \uAC1C\uAC1C\uC778\uC740 \uAC1C\uAC1C\uC778\uC774 \uC544\uB2CC \uD300\uC744 \uC704\uD574 \uC6C0\uC9C1\uC774\uACE0 \uC0DD\uAC01\uD558\uAE30 \uC2DC\uC791\uD588\uB2E4. \uB0B4\uAC00 \uC131\uACFC\uB97C \uC798 \uB0B4\uB294 \uAC83\uC774 \uC911\uC694\uD55C\uAC8C \uC544\uB2CC \uD300\uC774 \uC131\uACFC\uB97C \uC798 \uB0B4\uB3C4\uB85D.


    <\uBC15\uD0DC\uC6C5\uC758 AI \uAC15\uC758>

    \uBC15\uD0DC\uC6C5\uC758 AI \uAC15\uC758

    \uB0B4\uC6A9\uC774 \uC27D\uACE0 \uC591\uB3C4 \uB9CE\uC9C0 \uC54A\uC544\uC11C \uCE74\uD398\uC5D0 \uC549\uC740 \uC790\uB9AC\uC5D0\uC11C \uD55C \uD638\uD761\uC5D0 \uB2E4 \uC77D\uC5C8\uB2E4.

    \uC0AC\uC2E4 \uCC45\uC758 \uB0B4\uC6A9\uBCF4\uB2E8 \uD074\uB7FD \uC0AC\uB78C\uB4E4\uACFC \uC774\uC57C\uAE30\uB97C \uB098\uB208\uAC8C \uD6E8\uC52C \uC778\uC0C1\uC801\uC774\uACE0 \uAE30\uC5B5\uC5D0 \uB9CE\uC774 \uB0A8\uC558\uB2E4.

    • \uC778\uACF5\uC9C0\uB2A5\uC774 \uB9CE\uC740 \uC77C\uC744 \uD560 \uC21C \uC788\uC5B4\uB3C4 \uD310\uB2E8, \uACB0\uC815, \uCC45\uC784\uC740 \uC0AC\uB78C\uC758 \uBAAB\uC774\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uC0AC\uB78C\uC740 \uC778\uACF5\uC9C0\uB2A5\uC774 \uC774\uC57C\uAE30 \uD558\uB294 \uAC83\uC5D0 \uB300\uD574 \uD310\uB2E8\uD560 \uC218 \uC788\uB294 \uAE30\uBC18 \uC9C0\uC2DD\uC774 \uD544\uC694\uD558\uACE0 \uBB34\uC218\uD788 \uB9CE\uC740 \uACF5\uBD80\uB97C \uD574\uC57C\uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.
    • \uC5B8\uC820\uAC04 \uC778\uAC04\uC744 \uC778\uACF5\uC9C0\uB2A5\uC774 \uC644\uC804\uD788 \uB300\uCCB4\uD560 \uC218 \uC788\uC744\uAE4C? \uB77C\uACE0 \uD588\uC744\uB54C \uADF8\uB807\uB2E4\uACE0 \uC0DD\uAC01\uD558\uB294 \uC0AC\uB78C\uC774 \uB9CE\uC558\uB2E4.
    • \uD655\uC2E4\uD788 \uC778\uACF5\uC9C0\uB2A5\uC774 \uB098\uC640\uC11C \uC77C\uD558\uB294\uAC8C \uBB34\uCC99 \uD3B8\uD574\uC84C\uB2E4.
    • \uC624\uD788\uB824 \uC778\uACF5\uC9C0\uB2A5\uC774 \uCC3D\uC758\uC131\uC774 \uD544\uC694\uD55C \uC77C\uC744 \uB3C4\uC640\uC8FC\uACE0 \uC788\uB2E4. \uB2E8\uC21C \uB178\uB3D9\uC790\uB4E4\uBCF4\uB2E4 \uCC3D\uC758\uC131\uC774 \uD544\uC694\uD55C \uB178\uB3D9\uC790\uB4E4\uC774 \uB354 \uBE60\uB974\uAC8C \uB300\uCCB4\uB420 \uC218 \uC788\uB2E4\uB294\uAC8C \uBB34\uC12D\uAE30\uB3C4 \uD558\uACE0 \uC2E0\uAE30\uD558\uAE30\uB3C4 \uD558\uACE0.
    • \uC0AC\uB78C\uB4E4\uC740 \uC0DD\uC0B0\uC131\uC774 \uC88B\uC544\uC9C0\uBA74 \uC77C\uC744 \uB35C \uD558\uAC8C \uB420\uAE4C? \uC5ED\uC0AC\uB97C \uBCF4\uBA74 \uADF8\uB807\uC9C4 \uC54A\uACE0 \uC77C\uC744 \uB354 \uB9CE\uC774 \uCC3E\uC544\uC11C \uACB0\uAD6D \uB354 \uB9CE\uC774 \uD558\uAC8C \uB41C\uB2E4. \uC778\uACF5\uC9C0\uB2A5 \uB54C\uBB38\uC5D0 \uC77C\uC790\uB9AC\uAC00 \uC5C6\uC5B4\uC9C4\uB2E4\uAE30\uBCF4\uB2E8, \uB610 \uB2E4\uB978 \uC77C\uC790\uB9AC\uAC00 \uB354 \uB9CE\uC774 \uC0DD\uAE38 \uAC83 \uAC19\uB2E4.
    • \uC778\uAC04 \uBCF8\uC5F0\uC758 \uAC00\uCE58\uB97C \uAC08\uACE0 \uB2E6\uC740 \uC0AC\uB78C\uB4E4\uC774 \uC810\uC810 \uB354 \uC8FC\uBAA9\uBC1B\uC9C0 \uC54A\uC744\uAE4C? \uB9C8\uCE58 \uC62C\uB9BC\uD53D \uCC98\uB7FC.

    \uB09C \uC778\uACF5\uC9C0\uB2A5\uC744 \uC88B\uC544\uD558\uC9C0 \uC54A\uB294\uB2E4. \uB0A8\uB4E4\uBCF4\uB2E4 \uD070 \uAD00\uC2EC\uB3C4 \uC5C6\uB294 \uAC83 \uAC19\uACE0, \uC778\uACF5\uC9C0\uB2A5\uC5D0 \uB300\uD574 \uACF5\uBD80\uD558\uB294 \uAC83\uB3C4 \uB530\uBD84\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD558\uB294 \uC0AC\uB78C\uC774\uB2E4. \uADF8\uB798\uB3C4 \uC778\uACF5\uC9C0\uB2A5 \uC790\uCCB4\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30\uB97C \uB098\uB204\uB294 \uAC83\uC740 \uC5B8\uC81C\uB098 \uC7AC\uBC0C\uB2E4.


    <\uB9CC\uC57D \uB0B4\uAC00 \uC778\uC0DD\uC744 \uB2E4\uC2DC \uC0B0\uB2E4\uBA74>

    \uB9CC\uC77C \uB0B4\uAC00 \uC778\uC0DD\uC744 \uB2E4\uC2DC \uC0B0\uB2E4\uBA74 (35\uB9CC \uBD80 \uAE30\uB150 \uC2A4\uD398\uC15C \uC5D0\uB514\uC158) - \uC608\uC2A424

    \uCC45\uC5D0\uB294 \uCC38 \uB9CE\uC740 \uB0B4\uC6A9\uC774 \uB098\uC628\uB2E4. \uB9C8\uCC2C\uAC00\uC9C0\uB85C \uAE30\uC5B5\uC774 \uB098\uC9C8 \uC54A\uC9C0\uB9CC \uC774 \uCC45\uC744 \uC77D\uACE0 \uB290\uB080 \uC810\uB4E4\uC740

    • \uD558\uACE0 \uC2F6\uC740 \uAC83\uB4E4\uC744 \uD558\uBA74\uC11C \uC0B4\uC544\uAC00\uC790.
    • \uC644\uBCBD\uD574\uC9C0\uB824\uACE0 \uD558\uC9C0 \uB9D0\uC790. \uBD88\uC644\uC804\uD568\uC744 \uC778\uC815\uD558\uACE0 \uC870\uAE08\uC529 \uC870\uAE08\uC529 \uB098\uC544\uAC00\uC790.
    • \uCD5C\uC120\uC774 \uCD5C\uC120\uC774 \uC544\uB2D0 \uC218\uB3C4 \uC788\uACE0, \uCC28\uC120\uC774 \uCC28\uC120\uC774 \uC544\uB2D0 \uC218\uB3C4 \uC788\uB2E4. \uCC28\uC120\uC774 \uCD5C\uC120\uC774 \uB418\uAE30\uB3C4 \uD55C\uB2E4. \uADF8\uAC74 \uACAA\uC5B4\uBD10\uC57C \uC54C \uC218 \uC788\uB2E4.
    • \uC778\uC0DD\uC758 \uC8FC\uB3C4\uC131\uC744 \uAC16\uC790.
    • \uC77C\uB2E8 \uC2DC\uB3C4\uD558\uC790. \uC77C\uB2E8 \uC9C0\uAE08 \uD560 \uC218 \uC788\uB294 \uC77C\uC744 \uD558\uC790.
    • \uB0B4 \uB9D0\uC744 \uC798 \uB4E4\uC5B4\uC8FC\uB294 \uC0AC\uB78C\uC774 \uD55C \uBA85 \uCBE4\uC740 \uC788\uC5B4\uC57C \uD55C\uB2E4. \uB204\uAD70\uAC00\uC5D0\uAC8C \uADF8\uAC78 \uBC14\uB77C\uAE30\uBCF4\uB2E8, \uC77C\uB2E8 \uB0B4\uAC00 \uADF8\uB7F0 \uC0AC\uB78C\uC774 \uB418\uC5B4\uC57C \uD55C\uB2E4.

    \uADF8\uB9AC\uACE0 \uCC45\uC744 \uC77D\uC744 \uB2F9\uC2DC\uC5D0\uB294 \uADF8\uB0E5 \uB044\uB355\uC774\uAE30\uB9CC \uD588\uB358 \uB0B4\uC6A9\uC774\uC9C0\uB9CC \uC694\uC998 \uC81C\uC77C \uC640\uB2FF\uB294 \uB0B4\uC6A9\uC774 \uC788\uB2E4.

    30\uB144\uC9C0\uAE30 \uBD80\uBD80, 20\uB144\uC9C0\uAE30 \uBD80\uBD80, 10\uB144\uC9C0\uAE30 \uBD80\uBD80, 5\uB144\uC9C0\uAE30 \uBD80\uBD80, 3\uB144\uC9C0\uAE30 \uBD80\uBD80, 1\uB144\uC9C0\uAE30 \uBD80\uBD80, 1\uB2EC\uC9C0\uAE30 \uBD80\uBD80\uB97C \uB300\uC0C1\uC73C\uB85C \uC5B4\uB5A4 \uBD80\uBD80\uAC00 \uC11C\uB85C\uC5D0 \uB300\uD574 \uC81C\uC77C \uC798 \uC54C\uACE0 \uC788\uB294\uC9C0 \uC2E4\uD5D8\uC744 \uD588\uB294\uB370, \uACB0\uD63C\uD55C\uC9C0 \uC5BC\uB9C8 \uC548 \uB41C \uBD80\uBD80\uC77C\uC218\uB85D \uC11C\uB85C\uC5D0\uB300\uD574 \uC798 \uC54C\uACE0 \uC788\uB2E4\uACE0 \uD588\uB2E4.

    \uC774\uAC74 \uAF2D \uBD80\uBD80\uC5D0\uB9CC \uD574\uB2F9\uD558\uB294 \uB0B4\uC6A9\uC740 \uC544\uB2C8\uB2E4. \uCE5C\uAD6C\uC77C \uC218\uB3C4 \uC788\uACE0, \uAC00\uC871\uC77C \uC218\uB3C4 \uC788\uACE0, \uC5F0\uC778\uC77C \uC218\uB3C4 \uC788\uACE0, \uD300\uC6D0\uC77C \uC218\uB3C4 \uC788\uB2E4.

    \uC0AC\uB78C\uC740 \uB9E4\uC77C\uB9E4\uC77C \uBCC0\uD55C\uB2E4. \uB9E4\uC77C\uB9E4\uC77C \uBB34\uC5B8\uAC00\uB97C \uB290\uB080\uB2E4. \uD558\uC9C0\uB9CC \uC774\uAC74 \uC0C1\uB300\uBC29\uC774 \uB098\uC5D0\uAC8C \uC54C\uB824\uC8FC\uAC70\uB098 \uD639\uC740 \uB0B4\uAC00 \uC0C1\uB300\uBC29\uC5D0\uAC8C \uC54C\uB824\uC8FC\uC9C0 \uC54A\uC73C\uBA74 \uC11C\uB85C \uC5BC\uB9CC\uD07C \uBCC0\uD588\uB294\uC9C0 \uC5B4\uB5A4 \uC0DD\uAC01\uC744 \uD588\uB294\uC9C0 \uBAA8\uB97C \uC218 \uBC16\uC5D0 \uC5C6\uB2E4.

    \uC798 \uC54C\uACE0 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD588\uACE0 \uC775\uC219\uD55C \uC0AC\uB78C\uC774\uC9C0\uB9CC \uC774\uBBF8 \uC800 \uBA40\uB9AC \uAC14\uC744 \uC218\uB3C4 \uC788\uB2E4.

    \uB098\uB294 \uB098 \uC790\uC2E0\uC744 \uAC00\uC871\uC5D0\uAC8C, \uCE5C\uAD6C\uC5D0\uAC8C, \uC5F0\uC778\uC5D0\uAC8C, \uD300\uC6D0\uC5D0\uAC8C \uC798 \uC54C\uB824\uC8FC\uB294 \uC0AC\uB78C\uC774\uC5C8\uC744\uAE4C \uC0DD\uAC01\uD574\uBCF4\uBA74 \uADF8\uB807\uC9C0 \uC54A\uC558\uB358 \uAC83 \uAC19\uB2E4. \uADF8\uB0E5 \uB9D0\uD558\uC9C0 \uC54A\uC544\uB3C4 \uC54C\uC544\uC8FC\uAE38 \uBC14\uB77C\uB294 \uC0AC\uB78C\uC774\uC5C8\uB2E4. \uD558\uC9C0\uB9CC \uB9D0\uD558\uC9C0 \uC54A\uC73C\uBA74 \uC54C \uC218 \uC5C6\uB2E4.


    <\uD601\uC2E0\uC5D0 \uB300\uD55C \uBAA8\uB4E0 \uAC83>

    \uD601\uC2E0\uC5D0 \uB300\uD55C \uBAA8\uB4E0 \uAC83 - \uC608\uC2A424

    \uC774 \uCC45\uC740\u2026 \uC644\uB3C5\uC744 \uBABB\uD588\uB2E4.

    \uB2E4\uB9CC \uD601\uC2E0\uC740 \uD55C \uC21C\uAC04\uC5D0 \uC77C\uC5B4\uB098\uC9C0 \uC54A\uB294 \uB2E4\uB294 \uAC83\uACFC \uD601\uC2E0\uC758 \uBC29\uD5A5\uC774 \uC5BC\uB9C8\uB098 \uC0DD\uC0B0\uC801\uC774\uACE0 \uC0AC\uD68C\uC801\uC73C\uB85C \uC774\uB4DD\uC744 \uAC00\uC838\uC624\uB294\uC9C0\uAC00 \uC911\uC694\uD558\uB2E4\uACE0 \uD588\uB2E4.

    \uC11C\uC0AC\uAC00 \uC5C6\uB294 \uD601\uC2E0\uC740 \uC5C6\uB2E4. \uADF8\uAC8C \uCC38 \uC704\uC548\uC774 \uB41C\uB2E4.

    \uB72C\uAE08\uC5C6\uC9C0\uB9CC \uC5B4\uC81C HTML/CSS \uACFC\uC678\uB97C \uD574\uC8FC\uB358 \uD559\uC0DD\uACFC \uB9CC\uB4E4\uC5C8\uB358\uAC8C \uC0DD\uAC01\uB09C\uB2E4. \uC774\uBBF8 \uC54C\uACE0 \uC788\uB294 \uC791\uC740 \uC7AC\uB8CC\uB4E4\uC744 \uC870\uB9BD\uD574\uC11C \uBB34\uC5B8\uAC00 \uC0C8\uB85C\uC6B4\uAC78 \uB9CC\uB4E4\uC5B4\uB0B8\uB2E4. \uC911\uC694\uD55C\uAC74 "\uC774\uBBF8 \uC54C\uACE0 \uC788\uB294 \uAC83\uB4E4"\uC744 \uD1A0\uB300\uB85C \uB9CC\uB4E4\uC5C8\uB2E4\uB294 \uAC83\uC774\uB2E4.

    "\uC774\uBBF8 \uC54C\uACE0 \uC788\uB294 \uAC83\uB4E4"\uC744 \uC798 \uC0AC\uC6A9\uD558\uAE30 \uC704\uD574\uC120 \uC775\uC219\uD574\uC9C0\uB294\uAC8C \uC911\uC694\uD558\uC9C0 \uC54A\uC744\uAE4C? \uADFC\uB370 \uC8FC\uBCC0\uC5D0 \uD1A1\uD1A1 \uD280\uB294 \uC544\uC774\uB514\uC5B4\uB85C \uBB34\uC5B8\uAC00\uB97C \uC2DC\uB3C4\uD558\uB294 \uC0AC\uB78C\uB4E4\uC744 \uBCF4\uBA74 \uC774\uAC8C \uAF2D \uC775\uC219\uD574\uC11C\uAC00 \uC544\uB2C8\uB77C \uD65C\uC6A9\uD558\uB294 \uBC29\uBC95\uC774 \uBC14\uB85C \uBA38\uB9BF\uC18D\uC5D0 \uB5A0\uC624\uB974\uB294 \uC0AC\uB78C\uB4E4\uC778 \uAC83 \uAC19\uC558\uB2E4.

    \uB098\uAC19\uC774 \uB9F9\uD55C \uC0AC\uB78C\uB4E4\uC740 \uADF8\uAC8C \uC798 \uC548 \uB41C\uB2E4. \uC77C\uB2E8 \uC775\uC219\uD574\uC838\uC57C \uD55C\uB2E4. \uADF8\uB798\uC57C \uD601\uC2E0\uAE4C\uC9C4 \uC544\uB2C8\uB354\uB77C\uB3C4 \uBB34\uC5B8\uAC00 \uC758\uBBF8\uC788\uB294 \uC2DC\uB3C4\uB4E4\uC744 \uD560 \uC218 \uC788\uB294 \uAC83 \uAC19\uB2E4.

    \uC774\uB807\uAC8C \uD0DC\uC5B4\uB09C\uAC78 \uC5B4\uCA4C\uACA0\uC5B4, \uADF8\uB807\uAC8C \uC0B4\uC544\uC57C\uC9C0.


    <\uD53C\uD130\uB4DC\uB7EC\uCEE4 \uC790\uAE30\uACBD\uC601\uB178\uD2B8>

    \uD53C\uD130 \uB4DC\uB7EC\uCEE4 \uC790\uAE30\uACBD\uC601\uB178\uD2B8

    \uB9C8\uC9C0\uB9C9 \uCC45\uC778\uB370, \uC77D\uC9C4 \uC54A\uC558\uACE0 \uB4E4\uC5C8\uB2E4. 12\uC6D4\uC5D0\uB294 \uB108\uBB34 \uBC14\uBE60\uC11C(?) \uCC45\uC744 \uC77D\uC744 \uD2C8\uC774 \uC5C6\uC5B4\uC11C \uC0DD\uAC01\uD574\uB0B8 \uBC29\uBC95\uC774 \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C \uC74C\uC131\uC73C\uB85C \uCC45\uC758 \uB0B4\uC6A9\uC744 \uB4E3\uB294 \uAC83.

    \uC5B4\uCC28\uD53C \uB098\uB294 \uCC45\uC758 \uBAA8\uB4E0 \uB0B4\uC6A9\uC744 \uAE30\uC5B5\uD558\uC9C0 \uBABB\uD558\uACE0 (\uC704\uC5D0\uC11C \uC4F4\uAC83\uB9CC \uBD10\uB3C4 \uADF8\uB807\uB2E4), \uADF8 \uCC45\uC744 \uC77D\uC5C8\uC744 \uB54C\uC758 \uB2E4\uC591\uD55C \uC0DD\uAC01\uB4E4\uC744 \uD558\uB294 \uBC29\uC2DD\uC73C\uB85C \uD761\uC218\uD558\uB294 \uD3B8\uC774\uB2E4. \uADF8\uB798\uC11C \uADF8\uB7F4\uAEBC\uBA74 \uADF8\uB0E5 \uC0B0\uCC45\uD558\uBA74\uC11C \uB4E4\uC5B4\uB3C4 \uAD1C\uCC2E\uACA0\uB294\uB370? \uB77C\uB294 \uC0DD\uAC01\uC73C\uB85C \uC774\uC5B4\uC84C\uB2E4.

    \uC5B4\uCA0C\uB4E0, \uC81C\uC77C \uC778\uC0C1 \uAE4A\uC740 \uB0B4\uC6A9\uC740 "\uC2DC\uAC04\uC740 \uD55C\uC815\uC801\uC774\uB2E4" \uB77C\uB294 \uAC83.

    \uB0B4\uAC00 \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294 \uC790\uC6D0 \uC911\uC5D0 \uC81C\uC77C \uD55C\uC815\uC801\uC774\uACE0 \uC81C\uC77C \uAC00\uCE58\uC788\uB294\uAC8C \uC2DC\uAC04\uC774\uB77C\uB294 \uAC83\uC774\uB2E4. \uADF8\uB798\uC11C \uC2DC\uAC04\uC744 \uC798 \uD65C\uC6A9\uD558\uACE0 \uC808\uC57D\uD558\uAE30 \uC704\uD574 \uC2DC\uB3C4\uD574\uC57C \uD558\uB294 \uAC83\uB4E4\uC5D0 \uB300\uD574 \uCC45\uC5D0\uC11C \uB2E4\uB8E8\uACE0 \uC788\uB2E4.

    • \uBAA9\uD45C\uB97C \uC798 \uAD00\uB9AC\uD574\uC57C \uD55C\uB2E4.
    • \uC6B0\uC120\uC21C\uC704\uB97C \uC798 \uC815\uB9AC\uD574\uC57C \uD55C\uB2E4.
    • \uB098\uB9CC\uC774 \uD560 \uC218 \uC788\uB294 \uC77C\uACFC, \uB0B4\uAC00 \uAF2D \uD558\uC9C0 \uC54A\uC544\uB3C4 \uB418\uB294 \uC77C\uC744 \uAD6C\uBD84\uD558\uC790.
    • \uACBD\uC601\uC758 \uD575\uC2EC\uC740 \uC758\uC0AC\uACB0\uC815\uC774\uB2E4. \uADF8\uAC8C \uAE30\uC5C5 \uACBD\uC601\uC774 \uC544\uB2C8\uB354\uB77C\uB3C4, \uB098\uB97C \uACBD\uC601\uD558\uACE0, \uAC00\uC871\uC744 \uACBD\uC601\uD558\uACE0, \uD300\uC744 \uACBD\uC601\uD560 \uB54C \uC758\uC0AC\uACB0\uC815\uC740 \uB9E4\uC6B0 \uC911\uC694\uD558\uB2E4. \uC5B4\uB835\uACE0 \uD798\uB4E4\uC5B4\uB3C4 \uC758\uC0AC\uACB0\uC815 \uD558\uB294 \uAC83\uC5D0 \uC775\uC219\uD574\uC57C \uD55C\uB2E4.

    \uC774 \uCC45\uC744 \uC77D\uACE0(?) KPI\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uCC38 \uB9CE\uC774\uD588\uB2E4.

    \uC778\uC0DD\uC5D0 \uB300\uD55C TDD\uAC00 \uD544\uC694\uD558\uB2E4.

    \uBAA9\uD45C\uB97C \uC124\uC815\uD558\uACE0, \uBAA9\uD45C \uB2EC\uC131\uC744 \uAC80\uC99D\uD560 \uC218 \uC788\uB294 "\uC0C1\uD0DC"\uB97C \uC815\uC758\uD558\uACE0, \uC774\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD55C \uACC4\uD68D(\uD568\uC218)\uC744 \uB9CC\uB4DC\uB294 \uAC83.

    \uB355\uBD84\uC5D0 \uD734\uAC00\uB97C \uBAB0\uC544\uC4F0\uBA74\uC11C \uB0B4\uB144\uC5D0 \uB2EC\uC131\uD574\uC57C \uD558\uB294 \uAC83\uB4E4\uC5D0 \uB300\uD574 \uCC38 \uB9CE\uC774 \uC0DD\uAC01\uD558\uACE0 \uC815\uB9AC\uD588\uB2E4. \uCC98\uC74C \uD558\uB294 \uC2DC\uB3C4\uB77C\uB3C4 \uC644\uBCBD\uD558\uC9C4 \uC54A\uACA0\uC9C0\uB9CC, \uC77C\uB2E8 \uC911\uC694\uC131\uC5D0 \uB300\uD574 \uC778\uC9C0\uB97C \uD588\uACE0, \uB9E4\uC77C\uB9E4\uC77C \uADF8 \uC778\uC9C0\uB97C \uACF1\uC539\uC5B4\uBCF4\uACE0 \uC788\uB2E4.

    30\uB144 \uC778\uC0DD, \uD070 \uBAA9\uD45C \uC5C6\uC774 "\uD558\uB8E8\uD558\uB8E8\uB9CC \uC5F4\uC2EC\uD788 \uC0B4\uBA74 \uB418\uC9C0!" \uB77C\uACE0 \uC0DD\uAC01\uD588\uACE0 \uADF8\uAC8C \uB098 \uC790\uC2E0\uC774\uB77C\uACE0 \uC0DD\uAC01\uD588\uB294\uB370 \uC870\uAE08 \uB354 \uC8FC\uB3C4\uC801\uC73C\uB85C \uC778\uC0DD\uC744 \uC990\uAE30\uB824\uBA74 \uC774\uB7F0 \uC790\uC138\uBD80\uD130 \uACE0\uCCD0\uBA39\uC5B4\uC57C\uACA0\uB2E4\uACE0 \uB290\uAF08\uB2E4.

    \uC9C0\uAE08\uBCF4\uB2E4 \uB354 \uC990\uAC81\uAC8C, \uB354 \uC8FC\uB3C4\uC801\uC73C\uB85C, \uB354 \uB2A5\uB3D9\uC801\uC73C\uB85C, \uB354 \uD589\uBCF5\uD558\uAC8C \uC0B4\uC544\uAC00\uACE0 \uC2F6\uB2E4. \uADF8\uB7F4 \uC218 \uC788\uC744 \uAC83 \uAC19\uB2E4.


    (3) \uBD80\uC2A4\uD2B8\uCEA0\uD504 8\uAE30

    \uC0AC\uC9C4 51

    \uC62C\uD574\uB294 \uBD80\uC2A4\uD2B8\uCEA0\uD504 8\uAE30\uC5D0 FE \uB9C8\uC2A4\uD130\uB85C \uCC38\uC5EC\uD588\uC73C\uB098\u2026 \uC791\uB144\uC5D0 \uB0B4\uAC00 \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC5D0 \uD22C\uC790\uD588\uB358 \uC2DC\uAC04\uACFC \uBE44\uAD50\uD574\uBCF4\uBA74 \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC5D0 \uAC70\uC758 \uC2E0\uACBD\uC744 \uBABB\uC37C\uB2E4\uACE0 \uD574\uB3C4 \uBB34\uBC29\uD558\uB2E4. \uADF8\uAC8C \uCC38\u2026 \uCC38 \uC544\uC27D\uB2E4.

    \uCD08\uAE30\uC5D0 \uB098 \uC2A4\uC2A4\uB85C \uCEA0\uD37C\uB4E4\uACFC \uC18C\uD1B5\uD560 \uC218 \uC788\uB294 \uB2E4\uC591\uD55C \uC7A5\uCE58\uB97C \uB9C8\uB828\uD574\uC11C \uC811\uC810\uC744 \uB9CE\uC774 \uB9CE\uC774 \uB9CC\uB4E4\uC5C8\uC73C\uBA74 \uC5B4\uB560\uC744\uAE4C \uD558\uB294 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD55C\uB2E4. \uADF8\uB807\uAC8C \uD558\uC9C0 \uC54A\uC558\uB358 \uC774\uC720\uB294\u2026 \uC5B4\uCC0C\uBCF4\uBA74 \uADC0\uCC2E\uC544\uC11C\uB3C4 \uC788\uACE0 \uADF8\uB9CC\uD07C \uB2E4\uB978 \uC77C\uC5D0 \uBAB0\uB450\uD558\uACE0 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC774\uACA0\uC9C0?

    \uCD1D 14\uBC88\uC758 \uB9C8\uC2A4\uD130\uD074\uB798\uC2A4\uB97C \uC9C4\uD589\uD588\uACE0, \uC8FC\uB41C \uB0B4\uC6A9\uC740 \uC9C8\uC758\uC751\uB2F5\uACFC \uCF54\uB4DC/\uD504\uB85C\uC81D\uD2B8\uC5D0 \uB300\uD55C \uD53C\uB4DC\uBC31\uC774\uC5C8\uB2E4. \uB9E8 \uCC98\uC74C\uC5D0 \uB9C8\uC2A4\uD130 \uD074\uB798\uC2A4\uB97C \uD560 \uB54C\uB294 2\uC2DC\uAC04\uC774 \uCC38 \uAE38\uC5B4\uBCF4\uC600\uB294\uB370 3\uC2DC\uAC04\uC73C\uB85C \uB298\uB9AC\uBA74 \uC5B4\uB5A8\uAE4C \uC2F6\uC744 \uC815\uB3C4\uB85C \uC2DC\uAC04\uC774 \uCC38 \uBD80\uC871\uD55C \uAC83 \uAC04\uB2E4. \uADF8\uB9CC\uD07C \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB3C4 \uB9CE\uACE0, \uC804\uB2EC\uD558\uACE0 \uC2F6\uC740 \uC9C0\uC2DD\uB3C4 \uB9CE\uC9C0\uB9CC\u2026 \uB0B4\uAC00 \uB5A0\uBA39\uC5EC\uC8FC\uB294 \uAC83 \uBCF4\uB2E4 \uB354 \uC758\uBBF8\uC788\uB294\uAC74 \uC2A4\uC2A4\uB85C \uB5A0\uBA39\uB294 \uBC29\uBC95\uC744 \uC54C\uC544\uAC00\uB294\uAC70\uACA0\uC9C0\u2026?

    \uC6B0\uB9AC FE \uCEA0\uD37C\uB4E4\uC774 \uB9CC\uB4E0 \uC800\uC7A5\uC18C\uC640 \uD504\uB85C\uC81D\uD2B8\uB97C \uD55C \uBC88 \uB098\uC5F4\uD574\uBCF4\uC790. \uC815\uB9D0 \uB2E4 \uB108\uBB34 \uC798\uD574\uC11C \uBFCC\uB4EF\uD558\uACE0 \uAE30\uD2B9\uD558\uACE0 \uB300\uACAC\uD558\uB2E4.


    <\uD504\uB85C\uC81D\uD2B8 \uBAA8\uC74C>

    ',197),_s={class:"custom-container tip"},us=t("p",{class:"custom-container-title"},"web01",-1),gs={href:"https://github.com/boostcampwm2023/web01-GitChallenge",target:"_blank",rel:"noopener noreferrer"},ms=s("https://github.com/boostcampwm2023/web01-GitChallenge"),bs={href:"https://git-challenge.com/",target:"_blank",rel:"noopener noreferrer"},fs=s("https://git-challenge.com"),ws=t("li",null,"\uB2E4\uC2DC \uD55C \uBC88 \uC0AC\uC8C4\uB97C \uB4DC\uB9BD\uB2C8\uB2E4\u2026. \uADF8\uB807\uAC8C \uC11C\uBC84\uAC00 \uD130\uC838\uBC84\uB9B4 \uC904 \uBAB0\uB790\uC5B4\uC694\u2026 \u{1F972}",-1),vs={class:"custom-container tip"},ks=t("p",{class:"custom-container-title"},"web02",-1),qs={href:"https://github.com/boostcampwm2023/web02-fancamp",target:"_blank",rel:"noopener noreferrer"},xs=s("https://github.com/boostcampwm2023/web02-fancamp"),ys={href:"http://www.fancamp.site/",target:"_blank",rel:"noopener noreferrer"},Is=s("https://www.fancamp.site"),Ts={class:"custom-container tip"},Ls=t("p",{class:"custom-container-title"},"web03",-1),js={href:"https://github.com/boostcampwm2023/web03-LockFestival",target:"_blank",rel:"noopener noreferrer"},Bs=s("https://github.com/boostcampwm2023/web03-LockFestival"),Ss={href:"http://www.lockfestival.com/",target:"_blank",rel:"noopener noreferrer"},Fs=s("https://www.lockfestival.com/"),Ns={class:"custom-container tip"},Cs=t("p",{class:"custom-container-title"},"web04",-1),Ms={href:"https://github.com/boostcampwm2023/web04-ALGOCEAN",target:"_blank",rel:"noopener noreferrer"},Ps=s("https://github.com/boostcampwm2023/web04-ALGOCEAN"),As={href:"https://www.algocean.site/",target:"_blank",rel:"noopener noreferrer"},Es=s("https://www.algocean.site/"),Gs={class:"custom-container tip"},Ds=t("p",{class:"custom-container-title"},"web05",-1),Os={href:"https://github.com/boostcampwm2023/web05-AlgoITNi",target:"_blank",rel:"noopener noreferrer"},Us=s("https://github.com/boostcampwm2023/web05-AlgoITNi"),Xs={href:"https://algoitni.site/",target:"_blank",rel:"noopener noreferrer"},Ks=s("https://algoitni.site/"),Rs={class:"custom-container tip"},Ys=t("p",{class:"custom-container-title"},"web06",-1),zs={href:"https://github.com/boostcampwm2023/web06-CodeClash",target:"_blank",rel:"noopener noreferrer"},Js=s("https://github.com/boostcampwm2023/web06-CodeClash"),Qs={href:"https://codeclash.site/",target:"_blank",rel:"noopener noreferrer"},Vs=s("https://codeclash.site/"),Ws=s(" \u2192 \uC9C0\uAE08 \uB2EB\uC740 \uAC83 \uAC19\uB2E4.. \u3160"),Hs={class:"custom-container tip"},Zs=t("p",{class:"custom-container-title"},"web07",-1),$s={href:"https://github.com/boostcampwm2023/web07-GBS",target:"_blank",rel:"noopener noreferrer"},te=s("https://github.com/boostcampwm2023/web07-GBS"),se={href:"https://gbs-live.site/",target:"_blank",rel:"noopener noreferrer"},ee=s("https://gbs-live.site/"),ie=s(" \u2192 \uBC29\uC1A1 \uD50C\uB7AB\uD3FC\uC778\uB370 \uBC29\uC1A1\uC774 \uC5C6\uC5B4\uC11C \uACBD\uD5D8\uD558\uAE30\uAC00 \uC560\uB9E4\uD55C \uC0C1\uD0DC\uB2E4."),oe={class:"custom-container tip"},le=t("p",{class:"custom-container-title"},"web08",-1),ae={href:"https://github.com/boostcampwm2023/web08-ByeolSoop",target:"_blank",rel:"noopener noreferrer"},re=s("https://github.com/boostcampwm2023/web08-ByeolSoop"),pe={href:"https://www.byeolsoop.site/",target:"_blank",rel:"noopener noreferrer"},ne=s("https://www.byeolsoop.site/"),ce={class:"custom-container tip"},he=t("p",{class:"custom-container-title"},"web09",-1),de={href:"https://github.com/boostcampwm2023/web09-MagicConch",target:"_blank",rel:"noopener noreferrer"},_e=s("https://github.com/boostcampwm2023/web09-MagicConch"),ue={href:"http://web09-magicconch.pages.dev/",target:"_blank",rel:"noopener noreferrer"},ge=s("http://web09-magicconch.pages.dev/"),me={class:"custom-container tip"},be=t("p",{class:"custom-container-title"},"web10",-1),fe={href:"https://github.com/boostcampwm2023/web10-Lesser",target:"_blank",rel:"noopener noreferrer"},we=s("https://github.com/boostcampwm2023/web10-Lesser"),ve={href:"https://lesser-project.site/login",target:"_blank",rel:"noopener noreferrer"},ke=s("https://lesser-project.site/login"),qe={class:"custom-container tip"},xe=t("p",{class:"custom-container-title"},"web11",-1),ye={href:"https://github.com/boostcampwm2023/web11-SSOCK",target:"_blank",rel:"noopener noreferrer"},Ie=s("https://github.com/boostcampwm2023/web11-SSOCK"),Te={href:"https://www.mysnowball.kr/",target:"_blank",rel:"noopener noreferrer"},Le=s("https://www.mysnowball.kr/"),je=s("\uC774 \uC11C\uBE44\uC2A4\uB85C \uC218\uB8CC\uD560 \uB54C "),Be={href:"https://www.mysnowball.kr/visit/3204866863",target:"_blank",rel:"noopener noreferrer"},Se=s("\uB864\uB9C1\uD398\uC774\uD37C"),Fe=s("\uB85C \uC0AC\uC6A9\uD588\uB2E4. \uADC0\uC5FD\uACE0 \uC544\uAE30\uC790\uAE30\uD558\uAC8C \uC798 \uB9CC\uB4E0 \uAC83 \uAC19\uB2E4. "),Ne=t("s",null,"\uCDE8\uD5A5\uC800\uACA9",-1),Ce={class:"custom-container tip"},Me=t("p",{class:"custom-container-title"},"web12",-1),Pe={href:"https://github.com/boostcampwm2023/web12-algo-with-me",target:"_blank",rel:"noopener noreferrer"},Ae=s("https://github.com/boostcampwm2023/web12-algo-with-me"),Ee={href:"https://www.algo-with-me.site/",target:"_blank",rel:"noopener noreferrer"},Ge=s("https://www.algo-with-me.site/"),De={class:"custom-container tip"},Oe=t("p",{class:"custom-container-title"},"web13",-1),Ue={href:"https://github.com/boostcampwm2023/web13_Boarlog",target:"_blank",rel:"noopener noreferrer"},Xe=s("https://github.com/boostcampwm2023/web13_Boarlog"),Ke={href:"https://boarlog.netlify.app/",target:"_blank",rel:"noopener noreferrer"},Re=s("https://boarlog.netlify.app/"),Ye={class:"custom-container tip"},ze=t("p",{class:"custom-container-title"},"web14",-1),Je={href:"https://github.com/boostcampwm2023/web14-gomterview",target:"_blank",rel:"noopener noreferrer"},Qe=s("https://github.com/boostcampwm2023/web14-gomterview"),Ve={href:"https://www.gomterview.com/",target:"_blank",rel:"noopener noreferrer"},We=s("https://www.gomterview.com/"),He=t("li",null,"\uAE30\uC220\uC744 \uB5A0\uB098\uC11C, \uAC1C\uC778\uC801\uC73C\uB85C \uACF0\uD130\uBDF0\uD300\uC758 \uD300\uC6CC\uD06C\uAC00 \uC81C\uC77C \uC778\uC0C1\uC801\uC774\uC5C8\uB2E4. 6\uC8FC\uB77C\uB294 \uC9E7\uC740 \uC2DC\uAC04 \uB3D9\uC548 \uC774\uC815\uB3C4 \uD004\uB9AC\uD2F0\uC758 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5B4\uB0BC \uC218 \uC788\uB294 \uC6D0\uB3D9\uB825\uC740 \uADF8\uB9CC\uD07C \uC11C\uB85C\uB97C \uC2E0\uB8B0\uD558\uACE0 \uC758\uC9C0\uD588\uAE30 \uB54C\uBB38\uC774 \uC544\uB2D0\uAE4C? \uC218\uB8CC\uC2DD \uB54C \uD68C\uC2DD\uC744 \uD558\uBA74\uC11C \uACF0\uD130\uBDF0 \uD300\uACFC \uB098\uB234\uB358 \uB300\uD654\uB4E4\uC774 \uB2E4 \uAE30\uC5B5\uC5D0 \uC0C8\uB85D\uC0C8\uB85D \uB0A8\uC558\uB2E4. \uADF8\uB798\uC11C \uC55E\uC73C\uB85C\uAC00 \uB354 \uAE30\uB300\uB418\uB294 \uD300\uC774\uB2E4.",-1),Ze=t("li",null,"\uBB34\uC5C7\uBCF4\uB2E4 \uC11C\uBE44\uC2A4\uB97C \uCC38 \uC798 \uB9CC\uB4E4\uC5C8\uB2E4. \uCDE8\uC900\uC0DD\uB4E4\uC744 \uC704\uD55C \uCDE8\uD5A5\uC800\uACA9 \uC11C\uBE44\uC2A4\uAC00 \uC544\uB2D0\uAE4C?",-1),$e={class:"custom-container tip"},ti=t("p",{class:"custom-container-title"},"web15",-1),si={href:"https://github.com/boostcampwm2023/web15-BaekjoonRooms",target:"_blank",rel:"noopener noreferrer"},ei=s("https://github.com/boostcampwm2023/web15-BaekjoonRooms"),ii={href:"https://baekjoonrooms.com/intro",target:"_blank",rel:"noopener noreferrer"},oi=s("https://baekjoonrooms.com/intro"),li=t("li",null,"\uD06C\uB86C \uD655\uC7A5 \uD504\uB85C\uADF8\uB7A8\uC744 \uB9CC\uB4E0 \uD300\uC740 \uCC98\uC74C\uC778 \uAC83 \uAC19\uB2E4. \uC5BC\uB9C8\uB098 \uB9CE\uC740 \uC6B0\uC5EC\uACE1\uC808\uC774 \uC788\uC5C8\uC744\uC9C0\u2026. \u{1F972}",-1),ai={class:"custom-container tip"},ri=t("p",{class:"custom-container-title"},"web16",-1),pi={href:"https://github.com/boostcampwm2023/web16-B1G1",target:"_blank",rel:"noopener noreferrer"},ni=s("https://github.com/boostcampwm2023/web16-B1G1"),ci={href:"https://www.xn--bj0b03z.site/",target:"_blank",rel:"noopener noreferrer"},hi=s("https://www.\uBCC4\uAE00.site/"),di={class:"custom-container tip"},_i=t("p",{class:"custom-container-title"},"web17",-1),ui={href:"https://github.com/boostcampwm2023/web17_morak",target:"_blank",rel:"noopener noreferrer"},gi=s("https://github.com/boostcampwm2023/web17_morak"),mi={href:"https://morak.io/",target:"_blank",rel:"noopener noreferrer"},bi=s("https://morak.io/"),fi={class:"custom-container tip"},wi=t("p",{class:"custom-container-title"},"web18",-1),vi={href:"https://github.com/boostcampwm2023/web18_Dandi",target:"_blank",rel:"noopener noreferrer"},ki=s("https://github.com/boostcampwm2023/web18_Dandi"),qi={href:"https://dandi-ary.site/",target:"_blank",rel:"noopener noreferrer"},xi=s("https://dandi-ary.site/"),yi=t("li",null,"\uC218\uB8CC\uC2DD \uB54C \uC885\uD604\uB2D8\uC758 \uC0AC\uB791\uACE0\uBC31(?)\uC744 \uBA87 \uBC88\uC744 \uB4E4\uC5C8\uB294\uC9C0.. \uB098\uC911\uC5D0 \uB9E8\uC815\uC2E0\uC73C\uB85C \uAC19\uC774 \uC2DD\uC0AC\uD574\uC694 \uC885\uD604\uB2D8!",-1),Ii=o('

    <\uC778\uC0C1 \uAE4A\uC740 \uD53C\uB4DC\uBC31>

    \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB370\uBE0C\uCF54\uC2A4\uC5D0\uC11C\uB294 \uB530\uB4EF\uD55C \uC0AC\uB78C\uC774\uB77C\uB294 \uD53C\uB4DC\uBC31\uC744 \uBC1B\uC558\uACE0, \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC5D0\uC11C\uB294 \uB0C9\uCCA0\uD558\uB2E4\uB294 \uD53C\uB4DC\uBC31\uC744 \uB4E4\uC5C8\uB2E4. \uC544\uB9C8 1:1 \uAD00\uACC4\uC640 1:N \uAD00\uACC4\uC5D0\uC11C \uC624\uB294 \uCC28\uC774\uC778 \uAC83 \uAC19\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uAC1D\uAD00\uC801\uC73C\uB85C \uC774\uC57C\uAE30\uD558\uB824\uACE0 \uBB34\uCC99 \uC2E0\uACBD\uC37C\uB294\uB370 \uADF8\uAC8C \uC798(?) \uBA39\uD78C\uAC8C \uC544\uB2D0\uAE4C?

    \uC544\uB9C8 \uC55E\uC5D0\uC11C \uC5B8\uAE09\uD55C "\uCD5C\uACE0\uC758 \uD300\uC740 \uBB34\uC5C7\uC774 \uB2E4\uB978\uAC00" \uB97C \uC77D\uACE0 \uC0DD\uAE34 \uBCC0\uD654 \uAC19\uB2E4.


    <\uC57D\uAC04\uC758 \uACE0\uCC30>

    \uC791\uB144\uC5D0\uB3C4 \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC5D0\uC11C \uB098\uB294 \uC544\uC26C\uC6B4 \uC0AC\uB78C\uC774\uC5C8\uACE0, \uC62C\uD574\uB294 \uB354 \uC544\uC26C\uC6B4 \uC0AC\uB78C\uC774\uC5C8\uB2E4.

    \uC774\uB7F0 \uB098\uC758 \uBAA8\uC2B5\uACFC\uB294 \uBCC4\uAC1C\uB85C, \uC62C\uD574 \uBB34\uCC99 \uB6F0\uC5B4\uB09C \uBD84\uB4E4\uC774 \uB9CE\uC774 \uBCF4\uC600\uB2E4. \uAE30\uC220 \uD558\uB098\uD558\uB098\uC5D0 \uB525\uB2E4\uC774\uBE0C\uD558\uACE0 \uAE30\uB85D\uD558\uACE0 \uACF5\uC720\uD558\uB294 \uBB38\uD654\uAC00 \uB3CB\uBCF4\uC600\uB2E4.

    \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC758 \uC2DC\uC2A4\uD15C\uC774 \uCEA0\uD37C\uB4E4\uC744 \uADF8\uB807\uAC8C \uB9CC\uB4DC\uB294\uAC78\uAE4C? \uC544\uB2C8\uBA74 \uADF8\uB7F0 \uCEA0\uD37C\uB4E4\uC744 \uBF51\uC544\uC11C \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uADF8\uB7F0 \uBAA8\uC2B5\uC73C\uB85C \uD758\uB7EC\uAC00\uB294\uAC78\uAE4C?

    "\uBD80\uC2A4\uD2B8\uCEA0\uD504" \uB77C\uB294 \uD0C0\uC774\uD2C0\uC744 \uC81C\uAC70\uD558\uACE0 \uC0C8\uB85C\uC6B4 \uC774\uB984\uC73C\uB85C \uAD50\uC721\uACFC\uC815\uC744 \uB9CC\uB4E4\uC5B4\uC11C \uC6B4\uC601\uD560 \uB54C \uBAA8\uC774\uB294 \uC0AC\uB78C\uB4E4\uC740 \uC5B4\uB5A4 \uACB0\uACFC\uB97C \uB9CC\uB4E4\uC5B4\uB0BC\uC9C0\uAC00 \uAD81\uAE08\uD558\uB2E4.


    (4) NextStep

    ',12),Ti={class:"custom-container tip"},Li=t("p",{class:"custom-container-title"},"\uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 NextStep",-1),ji={href:"https://edu.nextstep.camp/",target:"_blank",rel:"noopener noreferrer"},Bi=s("NextStep"),Si=s('\uC740 "\uC88B\uC740 \uACE0\uAC1D\uC774 \uB354 \uC88B\uC740 \uAC00\uCE58\uB97C \uB9CC\uB4E0\uB2E4" \uC5D0 \uB531 \uB9DE\uC544\uB5A8\uC5B4\uC9C0\uB294 \uAD50\uC721 \uD50C\uB7AB\uD3FC\uC774\uB2E4. \uC218\uAC15\uC0DD\uACFC \uB9AC\uBDF0\uC5B4\uAC00 \uD568\uAED8 \uC131\uC7A5\uD560 \uC218 \uC788\uB294 \uAD6C\uC870\uC774\uBA70, \uC218\uAC15\uC0DD\uC774 \uB2E4\uC2DC \uB9AC\uBDF0\uC5B4\uAC00 \uB418\uAE30\uB3C4 \uD558\uB294\uAC8C, \uC774\uB7F0 \uC2DC\uC2A4\uD15C\uC774 \uAD6C\uCD95\uB41C\uAC8C \uBCF4\uBA74 \uBCFC\uC218\uB85D \uB180\uB78D\uB2E4.'),Fi={href:"https://edu.nextstep.camp/c/QoTvUh4y",target:"_blank",rel:"noopener noreferrer"},Ni=s("TDD, \uD074\uB9B0 \uCF54\uB4DC with React"),Ci={href:"https://edu.nextstep.camp/c/BRaNdTQx",target:"_blank",rel:"noopener noreferrer"},Mi=s("TDD, \uD074\uB9B0 \uCF54\uB4DC with JavaScript"),Pi=o('

    \uC5B4\uCA0C\uB4E0, \uC62C\uD574\uB294 javascript clean code \uC640 react clean code \uACFC\uC815\uC744 \uAC01\uAC01 \uD55C \uBC88\uC529 \uC9C4\uD589\uD588\uB2E4.

    \uD2B9\uD788 react\uC758 \uACBD\uC6B0 \uBB34\uC9C0\uD55C \uBD80\uBD84\uC774 \uB9CE\uC558\uB294\uB370 \uB9AC\uBDF0\uC5B4\uB97C \uD558\uBA74\uC11C \uC2A4\uC2A4\uB85C \uAD50\uC815\uC744 \uB9CE\uC774 \uD560 \uC218 \uC788\uC5C8\uB2E4. \uC9E7\uC740 \uAE30\uAC04\uC774\uC5C8\uC9C0\uB9CC \uBBF8\uC158\uC744 \uC218\uD589\uD558\uBA70 \uBAB0\uC785\uD558\uB294 \uAC83\uB3C4 \uC990\uAC70\uC6E0\uB2E4.

    \uB9AC\uBDF0\uC5B4\uB85C \uBB34\uC5B8\uAC00\uB97C \uD558\uB294 \uAC83 \uBCF4\uB2E4, \uBBF8\uC158\uC744 \uC218\uD589\uD560 \uB54C \uB354 \uC7AC\uBBF8\uB97C \uB9CE\uC774 \uB290\uB07C\uB294 \uAC83 \uAC19\uAE30\uB3C4 \uD558\uACE0\u2026?

    \uADF8\uB9AC\uACE0 \uC5F4\uC815 \uAC00\uB4DD\uD55C \uB9AC\uBDF0\uC774 \uBD84\uB4E4\uC774 \uB9CE\uC544\uC11C \uC990\uAC70\uC6E0\uB2E4. \uC5F4\uC815\uC801\uC778 \uC0AC\uB78C\uB4E4\uACFC \uC788\uC73C\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uB3D9\uD654\uB41C\uB2E4. \uB108\uBB34 \uD798\uB4E4\uC5C8\uB2E4\uB294\uAC74 \uC548\uBE44\uBC00

    \uC0AC\uC9C4 52

    \uC0AC\uC9C4 53

    \uC0AC\uC9C4 54

    \uC0AC\uC9C4 55

    \uC0AC\uC9C4 56

    \uB09C \uC65C \uC774\uB807\uAC8C\uAE4C\uC9C0 \uD560\uAE4C \uC0DD\uAC01\uD574\uBCF4\uBA74\u2026

    \uC0AC\uC9C4 57

    \uCF54\uB4DC\uC2A4\uD53C\uCE20\uB97C \uD1B5\uD574\uC11C \uC54C\uAC8C\uB41C \uB9F9\uC0AC\uBD80\uB2D8\uC774 \uC791\uC131\uD55C \uC774 \uB0B4\uC6A9\uC774 \uCC38 \uC640\uB2FF\uC558\uB2E4. \uB098 \uB610\uD55C \uB9CE\uC774 \uC77D\uACE0, \uB9CE\uC774 \uBCF4\uACE0, \uB9CE\uC774 \uC0DD\uAC01\uD558\uB294 \uACFC\uC815\uC774 \uD544\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB798\uC11C \uB2E4\uB978 \uC0AC\uB78C\uC758 \uCF54\uB4DC\uB97C \uBCFC \uB54C \uB9C8\uB2E4 \uCC38 \uC0C8\uB86D\uACE0, \uB290\uB07C\uB294\uAC8C \uB9CE\uB2EC\uAE4C.

    \uB098\uB3C4 \uC778\uC9C0\uD558\uC9C0 \uBABB\uD55C \uC0AC\uC774\uC5D0 \uCC98\uC74C\uBCF4\uB294 \uCF54\uB4DC\uC758 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uD30C\uC545\uD558\uB294\uAC8C \uC0C1\uB2F9\uD788 \uBE68\uB77C\uC84C\uB2E4. \uC774 \uCF54\uB4DC\uAC00 \uC5B4\uB514\uC11C \uC654\uB294\uC9C0 \uD750\uB984\uC744 \uCD94\uC801\uD558\uB294 \uAC83\uB3C4 \uBE68\uB77C\uC84C\uB2E4. \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uADF8\uB807\uAC8C \uB41C \uAC83 \uAC19\uB2E4.


    (5) \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB370\uBE0C\uCF54\uC2A4

    \uC0AC\uC9C4 58


    <\uB098\uC758 \uC131\uC7A5>

    \uC62C\uD574\uB294 \uB370\uBE0C\uCF54\uC2A4 \uB355\uBD84\uC5D0 \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD574 \uAD49\uC7A5\uD788 \uB9CE\uC774 \uC54C\uAC8C \uB41C \uAC83 \uAC19\uB2E4.

    • \uB0B4\uAC00 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC9C0\uC2DD\uC744 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uC804\uB2EC\uD558\uB294\uC9C0
    • \uB0B4\uAC00 \uC9C0\uC2DD\uC744 \uC804\uD560 \uB54C \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD558\uB294 \uBD80\uBD84\uC740 \uC5B4\uB5A4\uAC74\uC9C0
    • \uB098\uB294 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uD559\uC2B5\uC744 \uD558\uACE0 \uC788\uB294\uC9C0
    • \uB098\uB294 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uC131\uC7A5\uC744 \uD558\uACE0 \uC788\uB294\uC9C0

    \uBA58\uD1A0\uB9C1\uC744 \uD558\uBA74\uC11C \uC790\uC2E0\uC5D0 \uB300\uD574 \uB3CC\uC544\uBCFC \uC218 \uC788\uC5C8\uB2EC\uAE4C?

    \uBB34\uC5C7\uBCF4\uB2E4 \uC18C\uD53C\uC544 \uB9E4\uB2C8\uC800\uB2D8 \uB355\uBD84\uC5D0 \uB0B4\uAC00 \uC9C0\uD5A5\uD558\uB294 \uB9AC\uB354\uC27D\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD574\uBCFC \uC218 \uC788\uC5C8\uB2E4. \uB098\uB3C4 \uC800\uB7F0 \uBC29\uC2DD\uC73C\uB85C \uC0AC\uB78C\uB4E4\uC744 \uC774\uB04C\uC5B4\uAC00\uACE0\uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC744 \uBB34\uCC99 \uB9CE\uC774\uD588\uB2E4. \uC55E\uC5D0\uC11C \uC5B8\uAE09\uD55C "\uCD5C\uACE0\uC758 \uD300\uC740 \uBB34\uC5C7\uC774 \uB2E4\uB978\uAC00"\uC758 \uD45C\uBCF8\uC774 \uC18C\uD53C\uC544 \uB9E4\uB2C8\uC800\uB2D8\uC774\uB77C\uACE0 \uB290\uAF08\uB2E4.

    \uC0AC\uB78C\uB4E4\uACFC \uB300\uD654\uD558\uBA74\uC11C \uB0B4 \uC0DD\uAC01\uC744 \uC815\uB9AC\uD558\uACE0, \uB2E4\uC591\uD55C \uC9C8\uBB38\uC744 \uC8FC\uACE0 \uBC1B\uACE0, \uD300\uC5D0\uC11C \uC2E0\uB8B0\uC640 \uCE5C\uBC00\uB3C4\uAC00 \uC5BC\uB9C8\uB098 \uC911\uC694\uD55C\uC9C0 \uCC38 \uB9CE\uC774 \uC54C\uAC8C\uB41C \uC2DC\uAC04\uC774\uC5C8\uB2E4.


    <\uD504\uB871\uC774\uB4E4>

    \uC900\uC77C1\uD300 \uC0AC\uB78C\uB4E4\uC740 \uB2E4\uAC19\uC774 \uBB34\uC5B8\uAC00\uB97C \uD558\uC9C4 \uC54A\uC558\uC9C0\uB9CC, \uC624\uD788\uB824 \uADF8\uB798\uC11C \uB354 \uCE5C\uBC00\uD55C \uAD00\uACC4\uB97C \uB9FA\uC744 \uC218 \uC788\uB358\uAC8C \uC544\uB2D0\uAE4C \uC2F6\uB2E4. \uBAA8\uB450 \uC5F4\uC815 \uAC00\uB4DD\uD55C \uC0AC\uB78C\uB4E4\uC774\uC5C8\uACE0, \uB69C\uBC85\uB69C\uBC85 \uC131\uC7A5\uD558\uB294 \uBAA8\uC2B5\uC774 \uCC38 \uC88B\uC558\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uD55C \uBA85 \uD55C \uBA85\uC774 \uC131\uC219\uD55C \uB300\uD654\uB97C \uB098\uB20C \uC218 \uC788\uB294 \uC0AC\uB78C\uB4E4\uC774\uC5C8\uB2E4\uB294\uAC8C \uC81C\uC77C \uD070 \uD589\uC6B4\uC774 \uC544\uB2C8\uC5C8\uC744\uAE4C? \uC774 \uBD84\uB4E4 \uB355\uBD84\uC5D0 \uB098 \uC790\uC2E0\uB3C4 \uB9CE\uC774 \uB3CC\uC544\uBCFC \uC218 \uC788\uC5C8\uACE0, \uB9CE\uC774 \uC54C\uAC8C \uB418\uC5C8\uACE0, \uB9CE\uC774 \uC131\uC7A5\uD588\uB2E4.

    \uC900\uC77C2\uD300 \uC0AC\uB78C\uB4E4\uC740 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD560 \uB54C \uD300 \uBB38\uD654\uB97C \uB9CC\uB4E4\uACE0 \uAC1C\uC120\uD558\uB294 \uBC29\uC2DD\uC774 \uCC38 \uC88B\uC558\uB2E4. \uAC10\uC815\uC5D0 \uCE58\uC6B0\uCE58\uC9C0 \uC54A\uACE0, \uAC01\uC790\uAC00 \uAC00\uC9C4 \uB17C\uB9AC\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30\uD558\uACE0 \uC6B0\uC120\uC21C\uC704\uB97C \uC815\uD558\uACE0 \uC774\uB97C \uB04A\uC784\uC5C6\uC774 \uC870\uC815\uD574\uB098\uAC00\uB294 \uACFC\uC815\uC774\uB784\uAE4C? \uB0B4\uAC00 \uB9C9 \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uC744 \uC900\uBE44\uD560 \uB54C \uC774\uB807\uAC8C \uC131\uC219\uD55C \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uD560 \uC218 \uC788\uC5C8\uC73C\uBA74 \uC5BC\uB9C8\uB098 \uC88B\uC558\uC744\uAE4C \uD558\uB294\u2026 \uBB54\uAC00 \uD6C4\uD68C \uC544\uB2CC \uD6C4\uD68C\uAC00 \uB418\uAE30\uB3C4 \uD558\uACE0 \uADF8\uB798\uC11C \uB354 \uBA4B\uC788\uC5B4\uBCF4\uC600\uB2E4.

    \uC900\uC77C3\uD300 \uC0AC\uB78C\uB4E4\uC758 \uACBD\uC6B0 \uD300\uC6D0\uB4E4 \uAC04\uC758 \uCE5C\uBC00\uB3C4\uAC00 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD560 \uB54C \uC5BC\uB9C8\uB098 \uC911\uC694\uD55C\uC9C0 \uB290\uB084 \uC218 \uC788\uC5C8\uB2E4. \uC11C\uB85C\uB97C \uC2E0\uB8B0\uD558\uACE0, \uC11C\uB85C\uB97C \uBBFF\uACE0, \uC11C\uB85C\uAC00 \uC6B8\uD0C0\uB9AC\uAC00 \uB418\uC5B4\uC8FC\uACE0. \uADF8\uB7EC\uBA74\uC11C \uC11C\uB85C \uBD80\uC871\uD55C \uBD80\uBD84\uC744 \uCC44\uC6CC\uB098\uAC00\uB294 \uBAA8\uC2B5\uB4E4. \uC77C\uC744 \uC798 \uD558\uAE30 \uC704\uD574\uC120, \uC131\uACFC\uB97C \uC798 \uB0B4\uAE30 \uC704\uD574\uC120 \uD655\uC2E4\uD788 \uCE5C\uBC00\uAC10\uACFC \uC2E0\uB8B0\uAC00 \uBB34\uCC99 \uC911\uC694\uD558\uAD6C\uB098 \uB290\uB07C\uAC8C \uD574\uC900 \uC0AC\uB78C\uB4E4\uC774\uC5C8\uB2E4. \uAC01\uC790\uAC00 \uAC00\uC9C4 \uAC15\uC810\uC774 \uB69C\uB837\uD558\uACE0 \uC774\uB97C \uC870\uD654\uB86D\uAC8C \uC774\uB904\uB098\uAC00\uB294 \uBAA8\uC2B5\uC774 \uC88B\uC558\uB2E4.

    \uB3CC\uC774\uCF1C\uBCF4\uBA74 \uBC30\uC6B8\uC810\uC774 \uB9CE\uC740, \uB2EE\uACE0 \uC2F6\uC740\uAC8C \uB9CE\uC740 \uBA58\uD2F0\uB4E4\uC774\uC5C8\uB2E4.

    • \uBB34\uC12D\uB3C4\uB85D \uBE60\uB974\uAC8C \uD761\uC218\uD558\uACE0 \uC131\uC7A5\uD558\uB294 \uBD84\uB4E4\uB3C4 \uC788\uC5C8\uACE0
    • \uAC1C\uC778\uC758 \uC131\uC7A5 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uD300\uC774 \uC131\uC7A5\uD558\uB3C4\uB85D \uC124\uACC4\uD558\uB294 \uBD84\uB4E4\uB3C4 \uC788\uC5C8\uACE0
    • \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC758 \uC815\uC11D\uC744 \uBCF4\uC5EC\uC8FC\uC2E0 \uBD84\uB4E4\uB3C4 \uC788\uC5C8\uACE0
    • \uB8E8\uD2F4\uC744 \uC798 \uC124\uACC4\uD574\uC11C \uC790\uAE30\uAD00\uB9AC\uB97C \uC798 \uD558\uB294 \uBD84\uB4E4\uB3C4 \uC788\uC5C8\uACE0
    • \uC544\uBB34\uB9AC \uC5B4\uB835\uACE0 \uD798\uB4E4\uC5B4\uB3C4 \uC808\uB300 \uAD74\uD558\uC9C0 \uC54A\uB294 \uBD84\uB4E4\uB3C4 \uC788\uC5C8\uACE0

    \uC9C1\uC811\uC801\uC73C\uB85C \uC5B8\uAE09\uD558\uC9C4 \uC54A\uC558\uC9C0\uB9CC \uBAA8\uB4E0 \uBD84\uB4E4\uC774 \uB208\uC5D0 \uBC1F\uD78C\uB2E4. \uBAA8\uB450 \uB2E4 \uC798 \uB410\uC73C\uBA74 \uC88B\uACA0\uB2E4!!

    \uAC10\uC0AC\uC778\uC0AC

    \uC9C0\uD604\uB2D8, \uC9C0\uC131\uB2D8, \uD61C\uC131\uB2D8, \uC138\uC9C4\uB2D8, \uCC2C\uC6B1\uB2D8
    \uC885\uAE38\uB2D8, \uD6A8\uB9AC\uB2D8, \uAC74\uC6B0\uB2D8, \uC9C4\uACBD\uB2D8, \uC9C0\uD638\uB2D8
    \uCC2C\uB2D8, \uBBFC\uC7AC\uB2D8, \uC6D0\uC9C0\uB2D8, \uC9C4\uC6B1\uB2D8

    \uBAA8\uB450 \uC798 \uB530\uB77C\uC640\uC8FC\uC2DC\uACE0, \uBBFF\uC5B4\uC8FC\uC2DC\uACE0, \uC2E0\uB8B0\uD574\uC8FC\uC154\uC11C \uAC10\uC0AC\uD588\uC2B5\uB2C8\uB2E4!! \uC5B8\uC81C\uB4E0 \uB3C4\uC6C0\uC774 \uD544\uC694\uD558\uBA74 \uC774\uC57C\uAE30\uD574\uC8FC\uC138\uC694 \u{1F604}


    <\uAE30\uC5B5\uC5D0 \uB0A8\uB294 \uD504\uB85C\uC81D\uD2B8>

    ',34),Ai={class:"custom-container tip"},Ei=t("p",{class:"custom-container-title"},"\uC559\uACE8\uB77C",-1),Gi=t("p",null,'\uC5EC\uB7EC\uAC00\uC9C0 \uD504\uB85C\uC81D\uD2B8\uAC00 \uC788\uC5C8\uB294\uB370 \uC81C\uC77C \uC778\uC0C1 \uAE4A\uC5C8\uB358\uAC74 "\uC559\uACE8\uB77C" \uBC38\uB7F0\uC2A4 \uAC8C\uC784!',-1),Di=t("p",null,"\uBAA8\uB4E0 \uD300\uC774 \uB611\uAC19\uC740 API\uB97C \uC0AC\uC6A9\uD574\uC11C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD558\uB294 \uD504\uB85C\uC81D\uD2B8\uC778\uB370, \uD55C\uC815\uB41C \uC790\uC6D0\uC73C\uB85C \uC774\uB807\uAC8C \uC7AC\uBC0C\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5C8\uB2E4\uB294\uAC8C \uB180\uB78D\uAE30\uB3C4 \uD558\uACE0 \uBA4B\uC788\uAE30\uB3C4 \uD558\uACE0!",-1),Oi={href:"https://github.com/prgrms-fe-devcourse/FEDC4_Angola_NaYoung",target:"_blank",rel:"noopener noreferrer"},Ui=s("github"),Xi={href:"https://fedc4-angola.vercel.app/",target:"_blank",rel:"noopener noreferrer"},Ki=s("demo"),Ri={class:"custom-container tip"},Yi=t("p",{class:"custom-container-title"},"\uB9AC\uBDF0\uB808\uC778\uC800",-1),zi=t("p",null,"\uC9C0\uAE08 \uB2F9\uC7A5 \uD6A8\uACFC\uC801\uC73C\uB85C \uD574\uACB0 \uAC00\uB2A5\uD55C \uBB38\uC81C\uB97C \uC815\uC758\uD558\uACE0 \uD480\uC5B4\uB098\uAC00\uB294 \uD300\uB3C4 \uC788\uC5B4\uC11C \uC88B\uC558\uB2E4. \uB370\uBE0C\uCF54\uC2A4 \uB0B4\uC5D0\uC11C \uB9CE\uC774 \uB9CE\uC774 \uC774\uC6A9 \uB418\uC5C8\uC73C\uBA74 \uD558\uB294 \uB9C8\uC74C.",-1),Ji={href:"https://github.com/prgrms-web-devcourse/Team-12-ReviewRanger-FE",target:"_blank",rel:"noopener noreferrer"},Qi=s("github"),Vi={href:"https://www.review-ranger.shop/",target:"_blank",rel:"noopener noreferrer"},Wi=s("demo"),Hi=o('



    3. \uC0AC\uC0DD\uD65C

    (1) \uC774\uC0AC

    \uC0AC\uC9C4 59

    \uC11C\uC6B8(\uC11C\uCD08)\uC5D0\uC11C \uC218\uC6D0(\uAD11\uAD50)\uC73C\uB85C \uC774\uC0AC\uC654\uB2E4. 10\uB144 \uC804\uBD80\uD130 \uD56D\uC0C1 \uC774\uB7F0 \uB3D9\uB124\uC5D0\uC11C \uC0B4\uACE0\uC2F6\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB294\uB370 \uB9C8\uCE68 \uC774\uC0AC \uC2DC\uAE30\uAC00 \uB2E4\uAC00\uC654\uACE0, \uD68C\uC0AC\uB3C4 \uC7AC\uD0DD\uADFC\uBB34\uACE0, \uC5EC\uB7EC\uAC00\uC9C0 \uAC1C\uC778\uC0AC\uB4E4\uC774 \uACB9\uCCD0\uC11C \uACB0\uAD6D \uC774 \uB3D9\uB124\uB85C \uC624\uAC8C \uB418\uC5C8\uB2E4.

    \uC6D0\uB798 \uBCF4\uB824\uACE0 \uD588\uB358 \uC9D1\uC740 \uC544\uB2C8\uC600\uB294\uB370 \uACF5\uC778\uC911\uAC1C\uC0AC\uBD84\uC758 \uC190\uC5D0 \uC774\uB04C\uB824 \uC18D\uC804\uC18D\uACB0\uB85C \uACC4\uC57D\uC744 \uD558\uACE0 \uC785\uC8FC\uD588\uB2E4.

    \uC9D1\uC5D0 \uB300\uD55C \uB9CC\uC871\uB3C4\uB3C4 \uB192\uC9C0\uB9CC, \uC81C\uC77C \uC88B\uC740\uAC74 \uBC14\uB85C \uC55E\uC5D0 \uD638\uC218\uACF5\uC6D0\uC774 \uC788\uB2E4\uB294 \uAC83! \uB355\uBD84\uC5D0 \uB9E4\uC77C\uB9E4\uC77C \uD589\uBCF5\uD558\uAC8C \uC0B0\uCC45\uC744 \uD558\uACE0 \uC788\uB2E4.

    \uC5B4\uB9B4 \uB54C\uBD80\uD130 \uB108\uBB34 \uC774\uC0AC\uB97C \uB9CE\uC774 \uB2E4\uB140\uC11C \uC5B4\uB518\uAC00\uC5D0 \uC815\uCC29\uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD588\uB294\uB370, \uADF8\uAC8C \uC774 \uB3D9\uB124\uC600\uC73C\uBA74 \uD558\uB294 \uBC14\uB78C\uC774 \uC788\uB2E4.

    \uB2E8\uACE8 \uCE74\uD398\uC640 \uB2E8\uACE8 \uBC25\uC9D1\uC774 \uC788\uB2E4\uB294 \uAC83. \uB9E4\uC77C\uB9E4\uC77C \uC9C0\uB098\uB2E4\uB2C8\uBA70 \uC778\uC0AC\uB97C \uB098\uB208 \uB2E4\uB294 \uAC83. \uC8FC\uAC70\uC5D0 \uB300\uD55C \uD589\uBCF5\uC744 \uC774\uC81C\uC11C\uC57C \uB290\uB07C\uB294 \uC911\uC774\uB784\uAE4C?

    \uC9D1\uC5D0\uC11C \uC77C\uC744 \uD558\uB294 \uB0A0\uC5D0\uB294 \uC810\uC2EC\uBA39\uAE30 \uC804\uAE4C\uC9C0 \uC9D1\uC5D0 \uC788\uACE0, \uC810\uC2EC\uC744 \uBA39\uC740 \uD6C4\uC5D0\uB294 \uCE74\uD398\uB85C \uC774\uB3D9\uD574\uC11C \uC791\uC5C5\uD558\uB2E4\uAC00 \uB2E4\uC2DC \uC9D1\uC73C\uB85C \uC628\uB2E4. \uADF8\uB807\uAC8C \uD574\uC57C \uD558\uB8E8\uB97C \uC798 \uB9C8\uBB34\uB9AC \uD55C \uAC83 \uAC19\uC740 \uAE30\uBD84\uC774 \uB4E0\uB2E4.


    <\uC0B0\uCC45>

    \uC0AC\uC9C4 60

    5\uC6D4\uBD80\uD130 \uC9C0\uAE08\uAE4C\uC9C0 \uAC70\uC758 \uB9E4\uC77C \uC0B0\uCC45\uC744 \uD558\uACE0 \uC788\uB2E4. \uC815\uB9D0 \uB9C8\uAC10\uC774 \uAE09\uD574\uC11C \uD558\uB8E8 \uC885\uC77C \uC77C\uC744 \uD574\uC57C \uD55C\uB2E4\uAC70\uB098, \uD639\uC740 \uBD80\uB4DD\uC774\uD558\uAC8C \uC9D1\uC5D0 \uB4E4\uC5B4\uAC00\uC9C0 \uBABB\uD558\uAC70\uB098 \uB108\uBB34 \uB2A6\uAC8C \uB4E4\uC5B4\uAC00\uB294 \uB0A0\uC744 \uBE7C\uBA74? \uBAA9\uD45C\uB294 \uB9E4\uC77C 10km \uC600\uB294\uB370\u2026 10\uC6D4 ~ 12\uC6D4\uC5D0\uB294 \uC77C\uC774 \uB108\uBB34 \uB9CE\uB2E4\uBCF4\uB2C8 \uB9E4\uC77C\uB9E4\uC77C \uD558\uC9C4 \uBABB\uD588\uB2E4. \uC7A1\uB2E4\uAD6C\uB9AC\uD55C \uC0DD\uAC01\uC774 \uB9CE\uC558\uB358 6\uC6D4 ~ 8\uC6D4\uC5D0 \uC720\uB3C5 \uC0B0\uCC45\uC744 \uB9CE\uC774 \uD588\uB358 \uAC83 \uAC19\uB2E4.

    \uC0AC\uC9C4 61

    \uC77C\uB144\uC744 \uC815\uB9AC\uD558\uBA74\uC11C \uC0DD\uAC01\uC774 \uC81C\uC77C \uB9CE\uC558\uB358 \uC5F0\uB9D0\uC5D0\uB294\u2026 \uAC70\uC758 \uD558\uB8E8 \uC885\uC77C \uACF5\uC6D0\uC744 \uB3CC\uC544\uB2E4\uB154\uB2E4. \uB2E4\uC74C\uB0A0 \uC544\uD30C\uC11C \uBAB8\uC838 \uB204\uC6B4\uAC74 \uC548 \uBE44\uBC00

    \uC774\uB7F0 \uC2DC\uAC04\uB4E4\uC774 \uC5C6\uC5C8\uC73C\uBA74, \uB9D0\uB77C\uBE44\uD2C0\uC5B4\uC9C4 \uB9C8\uC74C\uC744 \uAC00\uC9C0\uACE0 \uC5F0\uB9D0\uC5F0\uCD08\uB97C \uBCF4\uB0B4\uACE0 \uC788\uC9C0 \uC54A\uC558\uC744\uAE4C?

    \uC774 \uC2DC\uAE30\uC5D0 \uC774 \uB3D9\uB124\uC5D0 \uC774\uC0AC\uC640\uC11C \uCC38 \uB2E4\uD589\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

    \uC0AC\uC9C4 62

    \uC774\uB807\uAC8C \uC6D0\uCC9C\uD638\uC218\uC640 \uC2E0\uB300\uD638\uC218\uB97C \uAC01\uAC01 \uD55C \uBC14\uD034\uC529 \uB3C4\uB294 \uCF54\uC2A4\uB2E4.


    (2) \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158

    \uC62C\uD574\uB294 \uBB34\uC5C7\uBCF4\uB2E4 \uB9CE\uC774 \uACE0\uBBFC\uD55C\uAC8C \uB300\uD654\uD558\uB294 \uBC29\uC2DD\uC774\uB2E4. \uC5B4\uB5A4\uC2DD\uC73C\uB85C \uB300\uD654\uB97C \uD574\uC57C \uC88B\uC744\uAE4C? \uC9C8\uBB38\uC744 \uD574\uC57C \uC88B\uC744\uAE4C? \uC804\uB2EC\uC744 \uD574\uC57C \uC88B\uC744\uAE4C? \uD558\uB294 \uAC83\uB4E4\uC774\uB2E4.

    TIP

    1. "\uC0C1\uB300\uBC29"\uC774 \uC544\uB2CC "\uB098"\uB97C \uAE30\uC900\uC73C\uB85C \uC774\uC57C\uAE30\uD558\uAE30.

      • \uB10C \uC65C \uB9D0\uC744 \uADF8\uB807\uAC8C \uAE30\uBD84\uB098\uC058\uAC8C\uD574? \u2192 \uADF8\uB7F0 \uB9D0\uC744 \uB4E4\uC73C\uBA74 \uB098\uB294 \uAE30\uBD84\uC774 \uC548 \uC88B\uC544.
    2. "\uC9C8\uBB38"\uC744 \uC798 \uD558\uAE30.

      • \uADF8\uB807\uAC8C \uC0DD\uAC01\uD558\uAC8C \uB41C \uC774\uC720 \uD639\uC740 \uACC4\uAE30\uAC00 \uC788\uC744\uAE4C\uC694?
      • \uC81C\uAC00 \uC774\uD574\uB97C \uBABB\uD55C \uAC83 \uAC19\uC544\uC694. \uB2E4\uC2DC \uD55C \uBC88 \uB9D0\uC500\uD574\uC8FC\uC2E4 \uC218 \uC788\uC744\uAE4C\uC694?
    3. "\uC88B\uC740 \uC9C8\uBB38"\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD558\uAE30.

      • \uC774\uBC88 \uC8FC\uC5D0 \uC0DD\uAE34 \uBCC0\uD654\uAC00 \uC788\uB098\uC694? \uC791\uC740 \uAC83\uB3C4 \uC88B\uC73C\uB2C8 \uC774\uC57C\uAE30\uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C\uC694?

    \uAE4A\uC740 \uB300\uD654\uB97C \uD558\uAE30 \uC704\uD574\uC120 \uC9C4\uC2EC\uACFC \uC774\uC131\uC774 \uD544\uC694\uD558\uB2E4. \uC774\uC131\uC801\uC73C\uB85C \uC9C4\uC2EC\uC744 \uB2E4\uD574 \uC774\uC57C\uAE30\uD558\uB294 \uAC83.

    \uB09C \uC65C \uC774 \uBAA8\uC591\uC77C\uAE4C \uC0DD\uAC01\uD558\uB294 \uBD80\uBD84\uC774 "\uD55C \uB2E8\uC5B4\uB85C \uD45C\uD604\uD558\uB294 \uAC83" \uC778\uB370 \uC5B4\uD718\uC758 \uD55C\uACC4\uB3C4 \uC788\uACE0 \uC5EC\uB7EC \uC7AC\uB8CC\uB97C \uBAA8\uC544\uC11C \uC5B4\uB5A4 \uD55C \uAC00\uC9C0\uB85C \uD45C\uD604\uD558\uB294 \uAC8C \uBB34\uCC99 \uC5B4\uB835\uB2E4. \uB9AC\uB354 \uBD84\uAED8 \uD56D\uC0C1 \uB4E3\uB294 \uD53C\uB4DC\uBC31\uC774\uAE30\uB3C4 \uD558\uACE0, \uB098 \uC2A4\uC2A4\uB85C \uB2F5\uB2F5\uD55C \uBD80\uBD84\uC774\uAE30\uB3C4 \uD558\uB2E4. \uC5B4\uB5BB\uAC8C \uADF9\uBCF5\uD560 \uC218 \uC788\uC744\uAE4C \uACE0\uBBFC\uC744 \uD574\uBD10\uB3C4 \uC798 \uBAA8\uB974\uACA0\uB2EC\uAE4C\u2026. \uAD00\uB828 \uCC45\uB4E4\uC744 \uC77D\uC5B4\uBCF4\uBA74 \uB098\uC544\uC9C8\uAE4C?

    \uADF8\uB9AC\uACE0 \uB098\uB294 \uD56D\uC0C1 \uC232\uC774 \uC544\uB2C8\uB77C \uB098\uBB34\uC5D0 \uAD00\uD574 \uC774\uC57C\uAE30\uD55C\uB2E4. \uC790\uAFB8 \uB098\uBB34\uC5D0 \uC2DC\uC120\uC774 \uAC04\uB2E4. \uADF8\uB7EC\uBA74 \uC232\uC740 \uC544\uB2C8\uB77C\uB3C4 \uB098\uBB34 \uB450\uC138 \uADF8\uB8E8 \uC815\uB3C4\uB294 \uBCF4\uB2E4 \uBCF4\uBA74 \uC232 \uC5B8\uC800\uB9AC\uAE4C\uC9C0\uB294 \uBCFC \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C?


    <\uACC4\uAE30>

    10\uB144\uB3D9\uC548 \uC78A\uACE0 \uC0B4\uC558\uB358 \uACE0\uB4F1\uD559\uAD50 \uCE5C\uAD6C\uC5D0\uAC8C \uAC11\uC790\uAE30 \uC804\uD654\uAC00 \uC654\uB2E4. \uC54C\uACE0\uBCF4\uB2C8 \uC2E4\uC218\uB85C \uD55C\uAC70\uB77C\uACE0..

    \uC5B4\uCA0C\uB4E0 \uBC18\uAC00\uC6C0 \uB9C8\uC74C\uC5D0 \uC548\uBD80 \uC778\uC0AC\uB97C \uBB3B\uB2E4\uAC00 \uC57D\uC18D\uC744 \uC7A1\uACE0 \uB9CC\uB0AC\uB2E4(B\uB77C\uACE0 \uCE6D\uD558\uACA0\uB2E4)

    B\uB3C4 \uB3CC\uACE0 \uB3CC\uC544 \uAC1C\uBC1C\uC790\uB97C \uD558\uACE0 \uC788\uC5C8\uB294\uB370, B\uAC00 \uAC00\uC9C0\uACE0 \uC788\uB294 \uAC00\uCE58\uAD00\uACFC \uC0B4\uC544\uC628 \uBC29\uC2DD\uC774 \uB098\uC640 \uBB34\uCC99 \uC720\uC0AC\uD588\uB2E4. \uAD00\uC2EC \uBD84\uC57C\uB098 \uC0DD\uAC01\uD558\uB294 \uBC29\uC2DD\uC774 \uC720\uC0AC\uD558\uB2EC\uAE4C?

    \uADF8\uBCF4\uB2E4 \uB354 \uC2E0\uC120\uD55C \uCDA9\uACA9\uC740 B\uAC00 \uB300\uD654\uB97C \uD558\uB294 \uBC29\uC2DD\uC774\uC5C8\uB2E4. \uB300\uD654\uB97C \uC774\uB04C\uC5B4\uAC00\uB294 \uBC29\uC2DD\uACFC \uC2DC\uAE30 \uC801\uC808\uD558\uAC8C \uB358\uC9C0\uB294 \uC9C8\uBB38\uB4E4 \uB355\uBD84\uC5D0 \uCC38 \uB9CE\uC740 \uC774\uC57C\uAE30\uB97C \uB098\uB20C \uC218 \uC788\uC5C8\uB2E4. \uC624\uB7AB\uB3D9\uC548 \uC54C\uACE0 \uC9C0\uB0C8\uB358 \uCE5C\uAD6C\uB97C \uB9CC\uB09C \uB290\uB08C\uC774\uB784\uAE4C? \uC2E4\uC81C\uB85C\uB294 10\uB144\uB9CC\uC5D0 \uBCF4\uB294 \uC0AC\uB78C\uC778\uB370 \uC5B4\uB5BB\uAC8C \uADF8\uB807\uAC8C \uB290\uB084 \uC218 \uC788\uC5C8\uC744\uAE4C?

    \uADF8 \uD6C4 \uC9D1\uC5D0 \uB3CC\uC544\uC628 \uD6C4 \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C B\uC640 \uD588\uB358 \uB300\uD654\uB4E4\uC744 \uACF1\uC539\uC5B4\uBD24\uACE0 \uB098\uB3C4 \uC774\uB7F0 \uD654\uBC95\uC744 \uAD6C\uC0AC\uD558\uACE0 \uC2F6\uC5C8\uB2E4.


    <\uC801\uC6A9>

    B\uB97C \uBCF4\uACE0 \uBC30\uC6B4 \uC810\uC744 \uBA58\uD2F0\uB4E4\uACFC \uC774\uC57C\uAE30\uB97C \uD558\uBA74\uC11C \uC801\uC6A9\uD574\uB098\uAC14\uB2E4. \uD300\uC6D0\uB4E4\uACFC \uC2A4\uD06C\uB7FC\uC744 \uD560 \uB54C\uC5D0\uB3C4, \uD639\uC740 \uBA74\uB2F4\uC744 \uD560 \uB54C\uC5D0\uB3C4 \uC9C8\uBB38\uC744 \uCD5C\uB300\uD55C \uB9CE\uC774 \uD558\uB824\uACE0 \uD588\uB2E4.

    \uC5B4\uB5A4 \uC774\uC57C\uAE30\uB4E4\uC5D0 \uB300\uD574 \uB2E8\uC21C\uD788 \uB118\uC5B4\uAC00\uB294\uAC8C \uC544\uB2C8\uB77C "\uC65C \uADF8\uB807\uAC8C \uC0DD\uAC01\uC744 \uD558\uAC8C \uB418\uC5C8\uB098\uC694?" "\uC5B4\uB5A4\uC810 \uB54C\uBB38\uC5D0 \uADF8\uB807\uAC8C \uB290\uAF08\uB098\uC694?" \uAC19\uC740 \uC2DD\uC73C\uB85C \uB300\uD654\uB97C \uB354 \uC774\uC5B4\uB098\uAC04\uB2EC\uAE4C.

    \uADF8\uB798\uC11C \uBA58\uD2F0\uB4E4\uACFC \uB354 \uD48D\uBD80\uD55C \uC774\uC57C\uAE30\uB97C \uB098\uB20C \uC218 \uC788\uC5C8\uACE0, \uAC01\uC790\uAC00 \uC798 \uD761\uC218\uD560 \uC218 \uC788\uB294 \uBC29\uC2DD\uC73C\uB85C \uC9C0\uC2DD\uC774\uB098 \uC0DD\uAC01\uC744 \uC804\uB2EC\uD558\uAE30 \uC704\uD574 \uB178\uB825\uD588\uB358 \uAC83 \uAC19\uB2E4.

    \uADF8\uB9AC\uACE0 \uAC00\uC871\uB4E4\uACFC \uC774\uC57C\uAE30\uB97C \uD560 \uB54C\uC5D0\uB3C4 \uB611\uAC19\uC774 \uC2DC\uB3C4\uD588\uB2E4. \uC0AC\uC2E4 \uAC00\uC871\uB4E4\uC744 \uB9CE\uC774 \uB9CC\uB098\uC9C8 \uC54A\uB294\uAC8C \uC81C\uC77C \uD070 \uBB38\uC81C\uC9C0\uB9CC\u2026 \uC544\uB9C8 \uC774\uB807\uAC8C \uB300\uD654\uB97C \uD558\uB2E4\uBCF4\uBA74 \uC870\uAE08 \uB354 \uC758\uBBF8 \uC788\uB294 \uC2DC\uAC04\uC744 \uBCF4\uB0BC \uC218 \uC788\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4.


    (3) \uB2F9\uC2E0\uC774 \uC633\uB2E4

    \uB2F9\uC2E0\uC774 \uC633\uB2E4

    \uC62C\uD574 1\uC6D4\uC5D0 \uAD6C\uB9E4\uD574\uC11C 2\uC6D4\uC5D0 \uC77D\uC740 \uCC45\uC774\uB2E4. \uC81C\uC77C \uB9CE\uC774 \uC640 \uB2FF\uC558\uB358 \uCC45\uC774\uACE0 \uB0B4 \uC778\uC0DD\uC5D0 \uC801\uADF9\uC801\uC73C\uB85C \uB179\uC5EC\uB0B4\uB294 \uC911\uC774\uB2E4. \uD56D\uC0C1 \uC0DD\uAC01\uD558\uB294 \uAC70\uC9C0\uB9CC \uC2EC\uB9AC\uD559\uC740 \uC81C\uC77C \uC2E4\uC6A9\uC801\uC778 \uD559\uBB38\uC774 \uC544\uB2D0\uAE4C?


    <\uAC10\uC815\uC740 \uC9C4\uC9DC\uB2E4>

    \uC0AC\uB78C\uB9C8\uB2E4 \uB290\uB07C\uB294 \uAC10\uC815\uC774 \uC788\uB2E4. \uADF8\uB9AC\uACE0 \uADF8 \uC0AC\uB78C\uC774 \uACAA\uC740 \uC0AC\uAC74\uC774 \uC788\uB2E4. \uD574\uB2F9 \uC0AC\uAC74\uC5D0 \uB300\uD55C \uAC1D\uAD00\uC801\uC778 \uC2DC\uC57C\uB294 \uC77C\uB2E8 \uC811\uC5B4\uB450\uACE0, \uC774 \uC0AC\uAC74\uC744 \uD1B5\uD574\uC11C \uB290\uB07C\uB294 \uAC10\uC815 \uC790\uCCB4\uB294 \uC9C4\uC9DC\uB77C\uB294 \uC774\uC57C\uAE30.

    \uAC00\uB839, \uC5B4\uB5A4 \uC0AC\uB78C\uC740 \uC5B4\uB9B4 \uB54C \uBD80\uBAA8\uB2D8\uC758 \uC0AC\uB791\uC744 \uB9CE\uC774 \uBABB\uBC1B\uC558\uB2E4\uACE0 \uC0DD\uAC01\uD558\uC9C0\uB9CC \uBD80\uBAA8\uB2D8\uC740 "\uB0B4\uAC00 \uB108\uB97C \uC5BC\uB9C8\uB098 \uB9CE\uC774 \uC0AC\uB791\uD574\uC92C\uB294\uB370!" \uB77C\uACE0 \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uB2E4.

    \uC5EC\uAE30\uC11C \uC2E4\uC81C\uB85C \uC5B4\uB5A4 \uC77C\uC774 \uC77C\uC5B4\uB0AC\uB4E0, "\uC5B4\uB9B4 \uB54C \uBD80\uBAA8\uB2D8\uC758 \uC0AC\uB791\uC744 \uB9CE\uC774 \uBABB\uBC1B\uC558\uB2E4" \uB77C\uACE0 \uB290\uB07C\uB294 \uAC10\uC815\uC740 \uC9C4\uC9DC\uB77C\uB294 \uAC83\uC774\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uAC10\uC815\uC744 \uC54C\uC544\uC8FC\uB294\uAC8C \uC81C\uC77C \uC911\uC694\uD558\uB2E4. \uAC1D\uAD00\uC801\uC778 \uC774\uC57C\uAE30\uB294 \uADF8 \uB2E4\uC74C\uC774\uB2E4.

    \uC774 \uCC45\uC758 "\uB2F9\uC2E0\uC774 \uC633\uB2E4"\uB294 \uADF8\uB7F0 \uC758\uBBF8\uB2E4. \uB2F9\uC2E0\uC774 \uB290\uB07C\uB294 \uBAA8\uB4E0 \uAC10\uC815\uC740 \uC5B4\uCA0C\uB4E0 \uC9C4\uC9DC\uC774\uBA70 \uB2E4\uB978 \uC0AC\uB78C\uC774 \uB290\uB07C\uB294 \uAC10\uC815\uB4E4 \uB610\uD55C \uC5B4\uCA0C\uB4E0 \uC9C4\uC9DC\uB2E4.

    \uADF8\uB9AC\uACE0 \uC774\uB7F0 \uAC10\uC815\uC744 \uC81C\uC77C \uBA3C\uC800 \uC54C\uC544\uC57C \uD558\uB294 \uAC83\uC740 \uB098 \uC790\uC2E0\uC774\uB2E4. \uB0B4\uAC00 \uB098\uC5D0 \uB300\uD574 \uC778\uC815\uD574\uC8FC\uACE0 \uACF5\uAC10\uD574\uC918\uC57C \uD558\uB294 \uAC83\uC774\uB2E4.


    <\uACF5\uAC10>

    \uACF5\uAC10\uC758 \uC758\uBBF8

    "\uACF5\uAC10\uC740 \uB611\uAC19\uC774 \uB290\uB07C\uB294 \uC0C1\uD0DC\uAC00 \uC544\uB2C8\uB77C, \uC0C1\uB300\uAC00 \uAC00\uC9C0\uB294 \uAC10\uC815\uC774\uB098 \uB290\uB08C\uC774 \uADF8\uB7F4 \uC218 \uC788\uACA0\uB2E4\uACE0 \uAE30\uAEBC\uC774 \uC218\uC6A9\uB418\uACE0 \uC774\uD574\uB418\uB294 \uC0C1\uD0DC\uB2E4." p268

    \uC0AC\uB78C\uB4E4\uC774 \uD754\uD788 \uD558\uB294 \uC0DD\uAC01\uD558\uB294 \uACF5\uAC10\uACFC \uC9C4\uC9DC \uACF5\uAC10\uC740 \uC57D\uAC04\uC758 \uCC28\uC774\uAC00 \uC788\uB2E4. \uACF5\uAC10\uC774\uB780 \uAC10\uC815\uC744 \uC774\uD574\uD558\uB294 \uAC83\uC774\uB2E4. \uCC45\uC744 \uC77D\uACE0 \uC801\uC808\uD55C \uC0AC\uB840\uAC00 \uBB50\uAC00 \uC788\uC744\uAE4C \uC0DD\uAC01\uD574\uBD24\uB294\uB370, \uC8FC\uBCC0 \uC0AC\uB78C\uC5D0\uAC8C \uC81C\uC77C \uB9CE\uC774 \uD558\uB294 \uC774\uC57C\uAE30\uAC00 \uB4DC\uB77C\uB9C8 "\uB610 \uC624\uD574\uC601" \uC774\uB2E4.

    \uACB0\uD63C\uC2DD \uB2F9\uC77C\uC5D0 \uD30C\uD63C\uC744 \uB2F9\uD55C \uB0A8\uC790\uC640 \uACB0\uD63C\uC2DD \uC804\uB0A0\uC5D0 \uD30C\uD63C\uC744 \uB2F9\uD55C \uC5EC\uC790. \uC774\uB4E4\uC758 \uAC10\uC815\uC744 \uACF5\uAC10\uD560 \uC218 \uC788\uB294 \uC0AC\uB78C\uC774 \uB204\uAC00 \uC788\uC744\uAE4C?

    \uADF8\uB7F0 \uC2DC\uAE30\uC5D0 \uD30C\uD63C\uC744 \uB2F9\uD55C \uC2EC\uC815\uC740 \uB2F9\uC0AC\uC790\uB4E4 \uBC16\uC5D0 \uC5C6\uC744 \uAC83\uC774\uB2E4. \uB204\uAC00 \uD568\uBD80\uB85C \uC774 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uACF5\uAC10\uC744 \uD560 \uC218 \uC788\uC744\uAE4C? \uC5B4\uB5BB\uAC8C \uC774 \uC0AC\uB78C\uB4E4\uC758 \uB9C8\uC74C\uC744 \uC54C\uC544\uC904 \uC218 \uC788\uC744\uAE4C?

    \uC5EC\uAE30\uC11C \uC911\uC694\uD55C \uD3EC\uC778\uD2B8\uB294 "\uAC10\uC815\uC744 \uC54C\uACE0 \uC788\uB2E4" \uB77C\uB294 \uAC83.

    \uAC10\uC815\uC758 \uB9AC\uC561\uC158\uACFC \uACF5\uAC10\uC740 \uC5C4\uC5F0\uD788 \uB2E4\uB974\uACE0, \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC740 \uAC10\uC815\uC758 \uB9AC\uC561\uC158\uC744 \uACF5\uAC10\uC774\uB77C\uACE0 \uC0DD\uAC01\uD558\uACE0 \uC788\uB2E4. \uC0AC\uB78C\uB9C8\uB2E4 \uC990\uAC70\uC6C0\uACFC \uC2AC\uD514\uACFC \uBD84\uB178\uB97C \uB290\uB07C\uB294 \uC0C1\uD669\uACFC \uC2DC\uAE30\uAC00 \uB2E4 \uB2E4\uB97C \uC218 \uC788\uB2E4. \uD558\uC9C0\uB9CC \uADF8\uAC74 \uBB34\uCC99 \uB2F9\uC5F0\uD55C \uAC83\uC774\uACE0 \uB0B4\uAC00 \uB0A8\uB4E4\uACFC \uB2E4\uB974\uB2E4\uACE0 \uD574\uC11C, \uB0A8\uB4E4\uC774 \uB098\uC640 \uB2E4\uB974\uB2E4\uACE0 \uD574\uC11C \uC774\uC0C1\uD55C\uAC8C \uC544\uB2C8\uB2E4.

    T\uC640 F\uC758 \uACF5\uAC10

    \uBCF4\uD1B5 MBTI\uC758 F\uC778 \uC0AC\uB78C\uC774 \uACF5\uAC10\uC744 \uC798\uD55C\uB2E4\uACE0 \uD55C\uB2E4. \uBCF4\uD1B5 F\uAC00 T\uB97C \uBCF4\uBA74\uC11C \uACF5\uAC10\uB2A5\uB825\uC774 \uB5A8\uC5B4\uC9C4\uB2E4\uACE0 \uD558\uB294\uB370, \uC774\uB7F0 \uC774\uC57C\uAE30\uB97C \uD558\uB294 \uAC83 \uC790\uCCB4\uAC00 \uACF5\uAC10\uB2A5\uB825\uC774 \uC5C6\uB294 \uAC83\uC77C \uC218\uB3C4 \uC788\uB2E4. T\uAC00 \uC5B4\uB5A4 \uB9C8\uC74C\uC778\uC9C0 F\uAC00 "\uC774\uD574" \uD574\uBCF4\uB824\uACE0 \uD588\uB2E4\uBA74 \uBAA8\uB97C\uAE4C.. \uADF8\uB7F0 \uC2DC\uB3C4\uC870\uCC28 \uD558\uC9C0 \uC54A\uACE0 \uACF5\uAC10\uB2A5\uB825\uC774 \uACB0\uC5EC\uB418\uC5C8\uB2E4 \uB77C\uACE0 \uC774\uC57C\uAE30\uB97C \uD558\uB294\uAC74 \uC5B4\uBD88\uC131\uC124\uC774\uB2E4.

    \uACF5\uAC10\uC744 \uC798 \uD558\uAE30 \uC704\uD574\uC120 \uAC10\uC815\uC744 \uBB3C\uC5B4\uBD10\uC57C \uD55C\uB2E4. \uADF8 \uB2F9\uC2DC\uC5D0 \uC5B4\uB5A4 \uAE30\uBD84\uC774\uC5C8\uB294\uC9C0, \uC5B4\uB5A4 \uC2EC\uC815\uC774\uC5C8\uB294\uC9C0, \uC5B4\uB5BB\uAC8C \uD558\uACE0 \uC2F6\uC5C8\uB294\uC9C0, \uB610 \uC5B4\uB5A4 \uAC10\uC815\uC744 \uB290\uAF08\uB294\uC9C0 \uADF8\uB9AC\uACE0 \uB610 \uC5B4\uB5A4 \uAC10\uC815\uC744 \uB290\uAF08\uB294\uC9C0, \uACC4\uC18D \uBB3C\uC5B4\uBD10\uC57C \uC774\uD574\uD560 \uC218 \uC788\uACE0 \uC54C \uC218 \uC788\uB2E4.

    \uC81C\uC77C \uD558\uC9C0 \uB9D0\uC544\uC57C \uD558\uB294 \uAC83\uC740 \uCDA9\uC870\uD3C9\uD310(\uCDA9\uACE0/\uC870\uC5B8/\uD3C9\uAC00/\uD310\uB2E8)\uC778\uB370, \uB2E4\uB978 \uC0AC\uB78C\uC758 \uAC10\uC815\uC5D0 \uB300\uD574 \uD568\uBD80\uB85C \uCDA9\uC870\uD3C9\uD310\uC744 \uD558\uBA74 \uC548 \uB41C\uB2E4\uB294 \uAC83.

    • "\uADF8\uB7F0 \uC0DD\uAC01\uC740 \uC78A\uC5B4. \uB108\uD55C\uD14C \uC88B\uC744\uAC8C \uD558\uB098\uB3C4 \uC5C6\uC5B4" - \uCDA9\uC870
    • "\uADF8\uB7F4\uC218\uB85D \uB124\uAC00 \uB354 \uC5F4\uC2EC\uD788 \uD558\uACE0 \uBC30\uC6B0\uB824\uB294 \uC790\uC138\uB97C \uAC00\uC838\uC57C\uC9C0" - \uCDA9\uC870
    • "\uAE0D\uC815\uC801\uC73C\uB85C \uB9C8\uC74C\uC744 \uBA39\uC5B4\uBD10" - \uCDA9\uC870
    • "\uADF8\uAC74 \uB108\uB97C \uB108\uBB34 \uC0AC\uB791\uD574\uC11C \uD55C \uB9D0\uC77C\uAC70\uC57C" - \uD3C9\uD310
    • "\uB124\uAC00 \uB108\uBB34 \uC608\uBBFC\uD574\uC11C \uADF8\uB7F0 \uAC70 \uC544\uB2C8\uB2C8?" - \uD3C9\uD310
    • "\uB0A8\uC790\uB294 \uB2E4 \uAC70\uAE30\uC11C \uAC70\uAE30\uC57C, \uBCC4\uB2E4\uB978 \uC0AC\uB78C \uC788\uB294 \uC904 \uC544\uB2C8?" - \uCDA9\uC870\uD3C9\uD310

    \uCDA9\uC870\uD3C9\uD310\uC744 \uD558\uB294 \uC774\uC720\uB294, \uC774\uAC78 \uBE7C\uBA74 \uB2EC\uB9AC \uD560\uB9D0\uC774 \uC5C6\uC5B4\uC11C\uC778 \uACBD\uC6B0\uAC00 \uB300\uBD80\uBD84\uC774\uB2E4. \uCDA9\uC870\uD3C9\uD310\uC774 \uB3C4\uC6C0\uC774 \uB420 \uAC70\uB77C \uBBFF\uC5B4\uC11C\uB77C\uAE30\uBCF4\uB2E4 \uC544\uB294 \uAC8C \uADF8\uAC83\uBC16\uC5D0 \uC5C6\uC5B4\uC11C\uC77C \uB54C\uAC00 \uB354 \uB9CE\uB2E4. \uBB34\uC5B8\uAC00 \uD574\uC918\uC57C \uD55C\uB2E4\uB294 \uC870\uBC14\uC2EC\uC744 \uB0B4\uB824\uB193\uACE0 \uC9C0\uAE08 \uADF8\uC758 \uB9C8\uC74C\uC774 \uC5B4\uB5A4\uC9C0 \uBB3C\uC5B4\uBD10\uC57C \uD55C\uB2E4. \uC0AC\uC2E4 \uC9C0\uAE08 \uADF8\uC758 \uC0C1\uD0DC\uB97C \uB0B4\uAC00 \uC798 \uBAA8\uB974\uC9C0 \uC54A\uB294\uAC00. \uBB3C\uC5B4\uBCF4\uB294 \uAC8C \uB2F9\uC5F0\uD558\uB2E4. \uB0B4\uAC00 \uC798 \uBAA8\uB974\uACE0 \uC788\uB2E4\uB294 \uAC83\uC744 \uC790\uAC01\uD558\uACE0 \uC778\uC815\uD55C\uB2E4\uBA74 \uADF8\uC5D0\uAC8C \uBB3C\uC5B4\uBCFC\uB9D0\uC774 \uC790\uC5F0\uD788 \uB5A0\uC624\uB978\uB2E4.


    <\uBC1C\uD45C>

    ',65),Zi={href:"https://drive.google.com/file/d/19FFxOshild8E0YC6yOrXB8UBOaNvEoyf/view?usp=sharing",target:"_blank",rel:"noopener noreferrer"},$i=s("https://drive.google.com/file/d/19FFxOshild8E0YC6yOrXB8UBOaNvEoyf/view?usp=sharing"),to=o('

    \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uD68C\uC0AC\uC5D0\uC11C \uC774 \uC8FC\uC81C\uB85C \uBC1C\uD45C\uB3C4 \uD558\uAC8C \uB418\uC5C8\uB2E4. \uC0AC\uC2E4 \uB9E4\uB2EC \uD55C \uBA85\uC529 \uB3CC\uC544\uAC00\uBA70 \uC790\uC720\uC8FC\uC81C\uB85C \uBC1C\uD45C\uD558\uB294 \uC790\uB9AC\uAC00 \uC788\uC5B4\uC11C \uACF5\uAC10\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC73C\uB85C \uBC1C\uD45C\uB97C \uD588\uB2E4.

    \uC774 \uCC45\uC744 \uC77D\uC5C8\uC744 \uB54C\uC5D0\uB294 \uCC38 \uC88B\uC740 \uCC45\uC774\uAD6C\uB098 \uD558\uBA70 \uB118\uACBC\uB294\uB370, \uC5EC\uB7EC\uAC00\uC9C0 \uC0AC\uAC74 \uB54C\uBB38\uC5D0 \uC6B0\uC6B8\uC99D\uC5D0 \uB300\uD574 \uAE4A\uAC8C \uC54C\uACE0 \uC2F6\uC740 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uACE0 \uC5F0\uCD08\uC5D0 \uBD24\uB358 \uC774 \uCC45\uC774 \uC0DD\uAC01\uB098\uC11C \uC601\uC0C1\uACFC \uCC45\uC744 \uAC19\uC774 \uCC3E\uC544\uBD24\uB2E4. \uB355\uBD84\uC5D0 "\uACF5\uAC10"\uACFC "\uC6B0\uC6B8\uC99D" \uC790\uCCB4\uC5D0 \uB300\uD574 \uB354 \uB9CE\uC774 \uC54C\uAC8C \uB418\uC5B4 \uC88B\uC558\uB2E4.


    (4) \uC774\uC81C\uC57C \uC778\uC9C0\uD558\uAC8C \uB41C \uB0B4 \uBAA8\uC2B5

    \uC548\uB155? \uB098\uC57C!

    \uC62C\uD574 \uCD08\uC5D0 \uC7AC\uBC0C\uAC8C \uBCF8 \uB4DC\uB77C\uB9C8, "\uC548\uB155? \uB098\uC57C!"\uAC00 \uC0DD\uAC01\uB09C\uB2E4.

    23\uB144\uC5D0\uB294 \uCC38 \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB0AC\uACE0, \uD63C\uC790\uC11C \uC788\uB294 \uC2DC\uAC04\uB3C4 \uB9CE\uC558\uACE0, \uC0DD\uAC01\uC744 \uC815\uB9D0 \uB9CE\uC774 \uD588\uB2E4. \uD2B9\uD788 \uC0AC\uB78C\uC5D0 \uB300\uD55C \uC0DD\uAC01\uC744 \uBB34\uCC99 \uB9CE\uC774 \uD588\uB2E4. \uB2E4\uB978 \uC0AC\uB78C\uC5D0 \uB300\uD574 \uC0DD\uAC01\uC744 \uD558\uB2E4\uBCF4\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uB098\uC5D0 \uB300\uD55C \uC0DD\uAC01\uC73C\uB85C \uC774\uC5B4\uC9C4\uB2E4. \uB9E4\uC77C \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C \uCC38 \uB9CE\uC740 \uB098\uC758 \uBAA8\uC2B5\uC744 \uBC1C\uACAC\uD588\uB2E4.

    • \uC678\uD5A5\uC801\uC774\uC9C0\uB9CC \uD63C\uC790 \uC788\uB294 \uC2DC\uAC04\uC774 \uB9E4\uC6B0\uB9E4\uC6B0 \uB9CE\uC774 \uD544\uC694\uD558\uB2E4. \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB098\uB294\uAC78 \uC88B\uC544\uD558\uC9C0\uB9CC, \uADF8 \uB9CC\uB0A8\uC744 \uD1B5\uD574\uC11C \uC778\uC0AC\uC774\uD2B8\uB97C \uBC1B\uC544\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uC790\uAFB8 \uC0C8\uB85C\uC6B4 \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB098\uAC8C \uB41C\uB2EC\uAE4C? \uD639\uC740 \uD56D\uC0C1 \uB098\uC5D0\uAC8C \uC778\uC0AC\uC774\uD2B8\uB97C \uC8FC\uB294 \uC0AC\uB78C\uB4E4\uC744 \uCC3E\uAC8C\uB41C\uB2E4.

    • \uD638\uAE30\uC2EC\uC774 \uBB34\uCC99 \uB9CE\uC740 \uD3B8\uC774\uB2E4. \uC544\uB2C8 \uC774\uB7F0\uAC83\uAE4C\uC9C0 \uAD81\uAE08\uD574\uD55C\uB2E4\uACE0? \uC2F6\uC744 \uC815\uB3C4\uB85C\u2026 \uC694\uC998 "\uC65C?" \uAC00 \uC785\uC5D0 \uBD99\uC5C8\uB2E4. \uAD81\uAE08\uD55C\uAC74 \uBABB \uCC38\uB294\uB2E4. \uBC14\uB85C \uAD6C\uAE00\uC774\uB098 \uB124\uC774\uBC84\uC5D0 \uAC80\uC0C9\uD558\uB294 \uB0B4 \uBAA8\uC2B5\u2026

    • \uBA40\uB9AC \uBCF4\uC9C8 \uBABB \uD55C\uB2E4. \uC778\uC0DD\uC758 \uAC70\uCC3D\uD55C \uBAA9\uD45C\uAC00 \uC5C6\uB2E4. \uD558\uB8E8\uD558\uB8E8\uB97C \uCDA9\uC2E4\uD558\uAC8C \uC0B4\uC544\uC654\uB2E4. \uD558\uC9C0\uB9CC \uC774\uC81C\uB294 \uADF8\uB7EC\uBA74 \uC548 \uB41C\uB2E4\uB294 \uAC78 \uC778\uC9C0\uD558\uB294 \uC911\uC774\uB2E4. \uC644\uBCBD\uD568\uACFC\uB294 \uAC70\uB9AC\uAC00 \uBA40\uC5B4\uB3C4 \uC544\uC8FC \uBA40\uACE0, \uC7A5\uAE30\uC801\uC778 \uBAA9\uD45C\uC640\uB3C4 \uAC70\uB9AC\uAC00 \uBA40\uACE0, \uC695\uC2EC\uB3C4 \uB531\uD788 \uC5C6\uB2E4.

      • \uACE0\uB4F1\uD559\uAD50 \uB54C\uC5D0\uB3C4 \uC88B\uC740 \uB300\uD559\uC744 \uBAA9\uD45C\uB85C \uD55C\uAC8C \uC544\uB2C8\uB77C, "\uB300\uD559\uAD50\uB97C \uAC00\uC57C\uC9C0"\uB77C\uACE0\uB9CC \uC0DD\uAC01\uD588\uB2E4.
      • \uB300\uD559\uAD50\uB97C \uB2E4\uB2D0 \uB54C\uC5D0\uB3C4 \uD559\uC810\uC740 \uB531\uD788 \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD558\uC9C0 \uC54A\uC558\uB2E4. \uB2E4\uB9CC \uC218\uC5C5\uC740 \uC5F4\uC2EC\uD788 \uB4E4\uC5C8\uACE0, \uACFC\uC81C\uB4E4\uC774 \uC7AC\uBC0C\uC5B4\uC11C \uC5F4\uC2EC\uD788 \uD588\uC744 \uBFD0..
      • \uCDE8\uC5C5\uC744 \uD560 \uB54C\uB3C4 \uBE44\uC2B7\uD588\uB2E4.
      • \uB2E4\uB9CC \uD558\uB8E8\uD558\uB8E8\uC5D0 \uCDA9\uC2E4\uD588\uB2E4.
    • \uC138\uC0C1\uC744 \uBC14\uAFBC\uB2E4\uB294 \uAC70\uCC3D\uD55C \uC0DD\uAC01\uC740 \uD558\uC9C0 \uC54A\uB294\uB2E4. \uD558\uC9C0\uB9CC "\uD55C \uC0AC\uB78C\uC758 \uBCC0\uD654\uC5D0 \uD2F0\uB04C\uB9CC\uD07C\uC758 \uAE30\uC5EC\uB294 \uD560 \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C?" \uB77C\uB294 \uC0DD\uAC01\uC744 \uD55C\uB2E4.

    • \uC131\uACA9\uC774 \uBB34\uCC99 \uAE09\uD558\uC9C0\uB9CC, \uC798 \uCC38\uB294 \uD3B8\uC774\uB2E4. \uB9D0\uC744 \uC0C1\uB2F9\uD788 \uBD80\uB4DC\uB7FD\uAC8C \uD558\uB294 \uD3B8\uC774\uB2E4.

    • \uB300\uD654\uC5D0 \uB300\uD55C \uC695\uAD6C\uAC00 \uC0C1\uB2F9\uD788 \uB9CE\uC740 \uD3B8\uC774\uB2E4.

    • \uC65C \uB0B4\uAC00 J\uC778\uC9C0 \uC778\uC9C0\uB97C \uD588\uB2E4. \uC608\uCE21\uC774 \uB418\uC5B4\uC57C \uB9C8\uC74C\uC774 \uD3B8\uD558\uB2E4. \uADF8\uB798\uC11C \uC54C\uACE0 \uC2F6\uC740\uAC8C \uB9CE\uACE0, \uC544\uB294 \uAC83\uB4E4\uC744 \uD1A0\uB300\uB85C \uCD94\uB860\uD558\uACE0 \uC778\uC9C0\uD558\uACE0 \uC608\uC0C1\uC774 \uB418\uC5B4\uC57C \uD55C\uB2E4. \uADF8\uB807\uC9C0 \uC54A\uC73C\uBA74 \uC0DD\uAC01\uC744 \uC815\uB3C8\uD574\uC11C \uC774\uC57C\uAE30 \uD558\uAE30\uAC00 \uD798\uB4E4 \uB54C\uAC00 \uB9CE\uB2E4.

    • \uCD94\uC9C4\uB825\uC774 \uC88B\uC740 \uD3B8\uC774\uB2E4. \uADF8\uB798\uC11C P\uB77C\uACE0 \uC624\uD574\uB97C \uBC1B\uC9C0\uB9CC, \uC608\uCE21\uB418\uB294 \uBC94\uC704 \uB0B4\uC5D0\uC11C\uC758 \uC77C\uC740 \uBE68\uB9AC \uBE68\uB9AC \uD574\uBC84\uB9AC\uACE0 \uC2F6\uB2E4.

    • \uC0DD\uAC01\uC774 \uB290\uB9AC\uACE0 \uB208\uCE58\uAC00 \uCC38 \uC5C6\uB2E4. \uB0B4\uAC00 \uACBD\uD5D8\uD55C \uC0C1\uD669\uC744 \uC9C0\uB098\uACE0 \uB098\uC57C \uC628\uC804\uD788 \uC774\uD574\uD560 \uC218 \uC788\uB294 \uD3B8\uC774\uB2E4. \uADF8\uB798\uC11C \uC5B4\uB5A4 \uC0C1\uD669\uC744 \uACAA\uC740 \uD6C4\uC5D0 \uACF1\uC539\uC5B4 \uC0DD\uAC01\uD574\uBCF4\uACE0 "\uC544!" \uD558\uACE0 \uAE68\uB294 \uD3B8\uC774\uB2E4.

    • \uD56D\uC0C1 \uCC98\uC74C\uD558\uB294 \uC77C\uC5D0\uB294 \uC2E4\uC218\uB97C \uD55C\uB2E4. \uB298 \uC870\uC2EC\uD55C\uB2E4\uACE0 \uD574\uB3C4\u2026 \uC2E4\uC218\uB97C \uD558\uAC8C \uB41C\uB2E4. \uC704\uC5D0\uC11C \uC5B8\uAE09\uD55C "\uC644\uBCBD\uC8FC\uC758"\uC640 \uAC70\uB9AC\uAC00 \uBA40\uACE0 "\uC0DD\uAC01\uC774 \uBA40\uB9AC \uB2FF\uC9C0 \uC54A\uB294" \uC2B5\uC131 \uB54C\uBB38\uC5D0 \uADF8\uB7F0 \uAC83 \uAC19\uB2E4. \uACBD\uD5D8\uC774 \uC5C6\uB294 \uC601\uC5ED\uC5D0 \uB300\uD574\uC11C\uB294 \uC544\uC608 \uC0C1\uC0C1\uC774 \uBBF8\uCE58\uC9C8 \uBABB\uD55C\uB2EC\uAE4C?

    • \uB098\uB294 \uCC3E\uC544\uB2E4\uB2C8\uB294 \uC0AC\uB78C\uC774 \uC544\uB2CC \uCC3E\uC544\uC624\uAC8C \uD558\uB294 \uC0AC\uB78C\uC774\uB2E4. \uD639\uC740 \uADF8\uAC78 \uC758\uB3C4\uD55C\uB2E4.

      • \uACE0\uB4F1\uD559\uAD50 \uC878\uC5C5 \uD6C4\uC5D0 \uD6C4\uBC30\uB4E4\uC744 \uAC00\uB974\uCE58\uB294\uAC8C \uC88B\uC544\uC11C \uB9E4\uBC88 \uBAA8\uAD50\uC5D0 \uCC3E\uC544\uAC00\uC11C \uD6C4\uBC30 \uAD50\uC721\uC744 \uD588\uB354\uB2C8 \uB2E4\uB978 \uACE0\uB4F1\uD559\uAD50 \uC120\uC0DD\uB2D8\uC774 "\uC6B0\uB9AC\uD559\uAD50 \uD559\uC0DD\uB4E4\uB3C4 \uC880 \uBD10\uC918!" \uB77C\uBA70 \uC678\uBD80 \uAC15\uC0AC\uB85C \uCD08\uBE59\uD574\uC8FC\uC168\uB2E4. \uADF8\uB7AC\uB354\uB2C8 \uB610 \uB2E4\uB978 \uC120\uC0DD\uB2D8\uB4E4\uC758 \uC18C\uAC1C\uB85C \uACC4\uC18D \uB2E4\uB978 \uD559\uAD50\uC758 \uC678\uBD80\uAC15\uC0AC\uB85C \uD65C\uB3D9\uD560 \uC218 \uC788\uC5C8\uB2E4.
      • \uCCAB \uD68C\uC0AC\uC5D0 \uC785\uC0AC\uD560 \uB54C\uC5D0\uB3C4, \uC774\uC9C1\uC744 \uD560 \uB54C\uC5D0\uB3C4 \uB0B4\uAC00 \uC9C0\uC6D0\uD55C \uACF3\uC740 \uB2E4 \uB5A8\uC5B4\uC9C0\uACE0 \uBA3C\uC800 \uC81C\uC548\uC774 \uC628 \uACF3\uB4E4\uB9CC \uAC04\uC2E0\uD788(?) \uBD99\uC5C8\uB2E4.
      • \uD68C\uC0AC \uC0DD\uD65C\uC744 \uD558\uBA74\uC11C \uBCD1\uD589\uD588\uB358 \uBA58\uD1A0\uB9C1\uACFC \uAC15\uC0AC \uD65C\uB3D9\uB3C4 \uB9C8\uCC2C\uAC00\uC9C0\uB85C \uC77C\uC774 \uB098\uB97C \uCC3E\uC544\uC624\uB354\uB77C\uB294..
    • \uB0B4\uAC00 \uC5EC\uB7EC\uAC00\uC9C0 \uC77C\uC744 \uD560 \uC218 \uC788\uB294 \uC774\uC720\uB294 \uD558\uB098\uC758 \uC77C\uC744 \uD560 \uB54C \uC644\uBCBD\uD558\uAC8C \uD574\uC57C\uACA0\uB2E4\uB294 \uC0DD\uAC01\uC744 \uC544\uC608 \uC548 \uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

      • \uAC00\uB839 \uC5B4\uB518\uAC00\uC5D0\uC11C \uBC1C\uD45C\uB97C \uD574\uC57C \uD560 \uB54C\uC5D0\uB3C4 \uC644\uBCBD\uD558\uAC8C \uBAA8\uB4E0 \uB0B4\uC6A9\uC744 \uC804\uB2EC\uC2DC\uD0A8\uB2E4\uB294 \uBAA9\uC801\uC774 \uC544\uB2C8\uB77C \uB2E8 \uD55C \uAC00\uC9C0\uB77C\uB3C4 \uC81C\uB300\uB85C \uC804\uB2EC\uB418\uC5C8\uC73C\uBA74 \uD558\uB294 \uB9C8\uC74C\uC73C\uB85C \uC774\uC57C\uAE30\uB97C \uD55C\uB2E4. \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uC804\uB2EC\uD558\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uC744 \uBC18\uBCF5\uC801\uC73C\uB85C \uC5B8\uAE09\uD558\uB294 \uACBD\uC6B0\uB4E4\uC774 \uC788\uB2E4.
      • \uAE00\uC744 \uC791\uC131\uD560 \uB54C\uB3C4 \uC644\uBCBD\uD568\uC744 \uCD94\uAD6C\uD55C\uB2E4\uAE30\uBCF4\uB2E8, \uADF8\uB0E5 \uB0B4 \uC0DD\uAC01\uC744 \uC798 \uB2F4\uB294 \uAC83 \uD558\uB098\uAC00 \uBAA9\uC801\uC774\uB2E4.
      • \uC989, \uC5B4\uB5A4 \uC77C\uB4E4\uC744 \uD560 \uB54C \uC5D0\uB108\uC9C0\uB97C \uCC38 \uC801\uAC8C \uC0AC\uC6A9\uD55C\uB2E4. \uB300\uC2E0 \uC801\uAC8C \uC0AC\uC6A9\uD560 \uB54C \uC81C\uC77C \uC911\uC694\uD55C \uD55C \uAC00\uC9C0\uAC00 \uBB58\uAE4C \uC0DD\uAC01\uD558\uB294 \uD3B8\uC774\uC5C8\uB2E4.
    • \uC704\uC5D0\uC11C \uC5B8\uAE09\uD55C \uAC83\uB4E4\uC744 \uC885\uD569\uD574\uBCF4\uBA74 "\uD68C\uBCF5 \uD0C4\uB825\uC131"\uC774 \uAF64 \uC88B\uC740 \uD3B8\uC774\uB2E4. \uC548 \uC88B\uC740 \uC77C\uC774 \uC788\uC5B4\uB3C4 \uAE08\uBC29 \uD138\uACE0 \uC77C\uC5B4\uB09C\uB2E4.

    • \uC0DD\uAC01\uC744 \uAE4A\uAC8C \uD558\uC9C0\uB9CC, \uADF8 \uC0DD\uAC01\uC774 \uC548 \uC88B\uC740 \uBC29\uD5A5\uC73C\uB85C \uD758\uB7EC\uAC00\uB294\uAC8C \uC544\uB2C8\uB77C \uD56D\uC0C1 \uC88B\uC740 \uBC29\uD5A5\uC73C\uB85C \uD758\uB7EC\uAC04\uB2E4. \uB354 \uC88B\uC740 \uBC29\uD5A5\uC73C\uB85C \uB098\uC544\uAC00\uAE30 \uC704\uD55C \uC0DD\uAC01\uB4E4\uC744 \uD55C\uB2E4.

    • \uBB34\uC5B8\uAC00\uB97C \uC798 \uD558\uAE30 \uC704\uD55C \uC870\uAE09\uD568\uC774 \uAC70\uC758 \uC5C6\uB294 \uD3B8\uC774\uB2E4. \uCC98\uC74C\uBD80\uD130 "\uB108\uBB34 \uC798\uD558\uACE0 \uC2F6\uC5B4!" \uB77C\uACE0 \uC0DD\uAC01\uD558\uB294\uAC8C \uC544\uB2C8\uB77C "\uB098\uB294 \uBC14\uBCF4 \uBA4D\uCCAD\uC774 \uCC9C\uCE58\uC57C!" \uB77C\uACE0 \uC0DD\uAC01\uD558\uACE0 \uC791\uC740 \uAC83\uBD80\uD130 \uD558\uB098\uD558\uB098 \uC2DC\uB3C4\uD574\uBCF4\uB824\uACE0 \uD55C\uB2E4. \uBC18\uBCF5\uD559\uC2B5\uC744 \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD55C\uB2E4.

    • \uD53C\uACE4\uD558\uBA74 \uB454\uD574\uC9C4\uB2E4. \uB9CE\uC740 \uC785\uB825\uC774 \uC190\uC2E4(?)\uB41C\uB2E4.

    • \uC0B4\uBA74\uC11C \uCC38 \uB9CE\uC740 \uD589\uC6B4\uC774 \uCC3E\uC544\uC654\uB2E4\uACE0 \uB290\uB080\uB2E4.

    • \uC790\uC5F0\uC744 \uB9CE\uC774 \uC88B\uC544\uD55C\uB2E4. \uB9E4\uC77C \uC0B0\uCC45\uC744 \uD560 \uB54C "\uC6B4\uB3D9\uD558\uC790!"\uAC00 \uC544\uB2C8\uB77C "\uB180\uB7EC\uAC00\uC790!" \uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC774\uC05C \uACF5\uC6D0\uC744 \uBCF4\uACE0 \uC788\uC73C\uBA74 \uB9C8\uC74C\uC774 \uCC38 \uCC28\uBD84\uD574\uC9C0\uACE0 \uB208\uC5D0 \uBCF4\uC774\uB294 \uBAA8\uB4E0 \uAC83\uB4E4\uC774 \uC544\uB984\uB2F5\uB2E4\uACE0 \uB290\uB080\uB2E4.

    • \uB9D0\uC740 \uB530\uB4EF\uD558\uAC8C \uD558\uC9C0\uB9CC \uB9C8\uC74C\uC740 \uCC28\uAC00\uC6B4 \uC0AC\uB78C\uC774\uB2E4.

    • \uC775\uC219\uD55C\uAC78 \uCC38 \uC88B\uC544\uD55C\uB2E4. \uD56D\uC0C1 \uBA39\uB294 \uC74C\uC2DD\uC744 \uBA39\uACE0, \uB2E4\uB2C8\uB358 \uAE38\uC744 \uB2E4\uB2C8\uACE0, \uAC14\uB358 \uACF3\uC744 \uAC04\uB2E4. \uADF8\uB7F0\uB370 \uC6F9\uD230, \uB4DC\uB77C\uB9C8, \uC601\uD654, \uC18C\uC124 \uAC19\uC740 \uCF58\uD150\uCE20\uB294 \uD55C \uBC88\uB9CC \uBCF8\uB2E4. \uB611\uAC19\uC740\uAC78 \uB2E4\uC2DC \uBCF4\uACE0 \uC2F6\uC740 \uC0DD\uAC01\uC774 \uB531\uD788 \uC5C6\uB2E4. \uB611\uAC19\uC740\uAC78 \uB2E4\uC2DC \uBCF4\uAC8C \uB41C\uB2E4\uBA74 \uADF8\uAC74 \uB0B4\uAC00 \uBCF4\uACE0 \uC2F6\uC5B4\uC11C\uB77C\uAE30\uBCF4\uB2E8, \uB2E4\uB978 \uC0AC\uB78C\uC5D0\uAC8C \uBCF4\uC5EC\uC8FC\uACE0 \uC2F6\uC5B4\uC11C \uAC19\uC774 \uBCF4\uB294 \uAC83.

    • \uC7A0\uC774 \uB9CE\uC774 \uC5C6\uC9C0\uB9CC \uC218\uBA74\uC758 \uC9C8\uC774 \uC88B\uC740 \uD3B8\uC774\uB2E4. 1\uB144 \uD3C9\uADE0 5\uC2DC\uAC04 30\uBD84 \uC815\uB3C4\u2026?

    \uC774 \uC678\uC5D0\uB3C4 \uCC38 \uB9CE\uC9C0\uB9CC, \uC774\uC815\uB3C4\uB9CC \uC18C\uAC1C\uD574\uB3C4 \uCDA9\uBD84\uD560 \uAC83 \uAC19\uB2E4.


    (5) \uAC11\uC790\uAE30 \uB5A0\uB098\uB294 \uC5EC\uD589

    \uB9CE\uC9C0\uB294 \uC54A\uC9C0\uB9CC, \uD63C\uC790\uC11C \uBC88\uAC1C\uB85C \uC5EC\uD589\uC744 \uB2E4\uB140\uC654\uB2E4.


    <\uAC15\uB989>

    \uC0AC\uC9C4 63

    3\uC6D4\uC5D0\uB294 \uC8FC\uB9D0\uC5D0 \uBB50\uD560\uAE4C \uD558\uB2E4\uAC00 \uB80C\uD2B8\uD574\uC11C \uAC15\uB989\uC5D0 \uB2F9\uC77C\uCE58\uAE30\uB85C \uB2E4\uB140\uC624\uAE30\uB3C4 \uD588\uACE0(\uC0AC\uC2E4 \uAC8C\uC2A4\uD2B8\uD558\uC6B0\uC2A4 \uC608\uC57D\uC744 \uD588\uB294\uB370, \uC9D1\uC5D0 \uAC00\uACE0 \uC2F6\uC5B4\uC11C \uBC14\uB85C \uC654\uB2E4)

    \uBC14\uB85C \uC9D1\uC5D0 \uC624\uAE30\uB294 \uC544\uC26C\uC6CC\uC11C \uACBD\uAE30\uB3C4 \uC5EC\uAE30\uC800\uAE30 \uB3CC\uC544\uB2E4\uB154\uB358 \uAC83 \uAC19\uB2E4.

    \uC0AC\uC9C4 64

    \uC774 \uB54C \uC6B4\uC804\uC744 \uC815\uB9D0 \uC624\uB7AB\uB3D9\uC548 \uD588\uB294\uB370 \uD558\uD544 \uC9D1 \uC55E\uC5D0 \uC8FC\uCC28\uD560 \uB54C \uC606\uC5D0 \uC788\uB358 \uCC28\uC758 \uBC31\uBBF8\uB7EC\uB97C \uBF40\uAC1C\uB294(?) \uBD88\uC0C1\uC0AC\uAC00 \uBC1C\uC0DD\uD588\uB2E4. \uC911\uC18C \uB80C\uD2B8\uCE74\uC5D0\uC11C \uBE4C\uB9B0\uAC70\uB77C(\uB808\uC774\uB97C \uBE4C\uB838\uACE0, \uB80C\uD2B8\uBE44\uAC00 5\uB9CC\uC6D0 \uC815\uB3C4\u2026?) \uBCF4\uD5D8\uB8CC\uC640 \uC218\uB9AC\uBE44 \uB2E4 \uD569\uCCD0\uC11C 80\uB9CC\uC6D0 \uC815\uB3C4 \uB098\uC654\uB2E4. \uB9C8\uBB34\uB9AC\uAC00 \uBB50 \uC774\uB798..?


    <\uC81C\uC8FC\uB3C4>

    \uC0AC\uC9C4 65

    4\uC6D4\uC5D0\uB294 \uD1F4\uADFC \uD6C4\uC5D0 \uC9D1\uC5D0 \uAC00\uAE30 \uC2EB\uC5B4\uC11C \uAE40\uD3EC\uACF5\uD56D\uC73C\uB85C \uAC04 \uB2E4\uC74C\uC5D0 \uC81C\uC8FC\uB3C4\uD589 \uD2F0\uCF13\uC744 \uB04A\uACE0, \uBE44\uD589\uAE30\uC5D0 \uB0B4\uB9B0 \uB2E4\uC74C\uC5D0 \uACF5\uD56D\uC5D0\uC11C \uC81C\uC77C \uAC00\uAE4C\uC6B4 \uAC8C\uC2A4\uD2B8\uD558\uC6B0\uC2A4 \uC608\uC57D\uC744 \uD55C \uD6C4\uC5D0 \uCE74\uCE74\uC624 \uBC14\uC774\uD06C\uB97C \uD0C0\uACE0 \uAC14\uB2E4. \uAC70\uC758 \uC624\uD6C4 11\uC2DC\uCBE4\uC774\uC600\uB2E4.

    \uC544\uB9C8 \uC774\uD638\uD14C\uC6B0 \uD574\uC218\uC695\uC7A5\uC774\uC600\uB358 \uAC83 \uAC19\uB2E4. \uB300\uCDA9 \uC790\uACE0 \uC77C\uC5B4\uB098\uC11C(?) \uC810\uC2EC\uC740 \uD64D\uAC8C\uB77C\uBA74\uC744 \uBA39\uC5C8\uB2E4.

    \uC0AC\uC9C4 68

    \uB2E4\uC74C \uB0A0\uC5D0\uB294 \uD611\uC7AC\uD574\uC218\uC695\uC7A5\uC5D0 \uC788\uB294 "\uB3D9\uD589" \uC774\uB77C\uB294 \uAC8C\uC2A4\uD2B8\uD558\uC6B0\uC2A4\uC5D0\uC11C \uBA38\uBB3C\uB800\uB2E4. \uC5EC\uAE30\uC5D0 \uC788\uB358 \uACE0\uC591\uC774\uAC00 \uCC38 \uADC0\uC5EC\uC6E0\uACE0, \uC774 \uAC8C\uC2A4\uD2B8\uD558\uC6B0\uC2A4\uC5D0\uC11C \uB9CC\uB09C \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uCC38 \uB9CE\uC740 \uAC10\uC0AC\uD568\uC744 \uB290\uAF08\uB2E4. \uC57D\uAC04 \uC228\uC744 \uD2B8\uC774\uAC8C \uD574\uC92C\uB2EC\uAE4C?

    \uB3CC\uC544 \uAC00\uB294 \uB0A0\uC5D0 \uB108\uBB34 \uC544\uC26C\uC6E0\uC9C0\uB9CC \uAC11\uC790\uAE30 \uC9D1\uC5D0 \uC788\uB358 \uACE0\uC591\uC774\uB4E4\uC774 \uBCF4\uACE0\uC2F6\uC5C8\uACE0, \uB3C4\uCC29\uD558\uC790\uB9C8\uC790 \uD3ED\uD48D \uC794\uC18C\uB9AC\uB97C \uB4E4\uC744 \uC218 \uC788\uC5C8\uB2E4.


    <\uC815\uB3D9\uC9C4>

    6\uC6D4\uC5D0\uB294 \uD68C\uC0AC \uC785\uC0AC\uB3D9\uAE30\uB4E4\uACFC \uC9E7\uC740 \uB9CC\uB0A8\uC744 \uAC00\uC9C4 \uB4A4\uC5D0 \uBC14\uB2E4\uAC00 \uBCF4\uACE0 \uC2F6\uC5B4\uC11C \uC815\uB3D9\uC9C4\uD589 \uAE30\uCC28\uB97C \uD0D4\uB2E4. \uAE30\uCC28\uC5D0\uC11C \uB0B4\uB9AC\uC790\uB9C8\uC790 \uBC14\uB85C \uBC14\uB2E4\uB97C \uBCFC \uC218 \uC788\uB294 \uACF3\uC774 \uC815\uB3D9\uC9C4\uC774\uC5C8\uB2E4. \uC61B\uB0A0\uBD80\uD130 \uD574\uBCC0\uC5D0\uC11C \uCC45 \uD55C \uAD8C\uC744 \uC549\uC740 \uC790\uB9AC\uC5D0\uC11C \uB2E4 \uC77D\uB294\uAC8C \uB098\uB9CC\uC758 \uB85C\uB9DD\uC774\uC5C8\uB294\uB370, \uBC24\uBC14\uB2E4\uB77C\uC11C \uCC45\uC744 \uC77D\uAE30\uB294 \uC5B4\uB824\uC6E0\uB2E4. \uBB58 \uD560\uAE4C \uD558\uB2E4\uAC00 \uD558\uB298\uC744 \uBD24\uB294\uB370 \uBCC4\uC774 \uD558\uB298\uC5D0 \uCF55\uCF55\uCF55 \uBC15\uD600 \uC788\uC5C8\uACE0, \uC774\uAC78 \uCE74\uBA54\uB77C\uC5D0 \uB2F4\uACE0 \uC2F6\uC5C8\uB2E4.

    \uAC70\uC758 2\uC2DC\uAC04 \uB3D9\uC548 \uACC4\uC18D \uBCC4 \uC0AC\uC9C4\uB9CC \uCC0D\uC740 \uAC83 \uAC19\uB2E4.

    \uC0AC\uC9C4 76

    \uADF8 \uB2E4\uC74C\uC5D0 \uC815\uB3D9\uC9C4\uC758 \uC36C\uD06C\uB8E8\uC988 \uB9AC\uC870\uD2B8 \uADFC\uCC98\uC5D0\uC11C \uB178\uC219\uC544\uB2CC \uB178\uC219\uC744 \uD558\uB2E4\uAC00 \uD574\uB3CB\uC774\uB97C \uBD24\uB2E4.

    \uC11C\uC6B8\uC5D0 \uAC00\uB294 \uCCAB \uCC28\uAC00 9\uC2DC \uCBE4\uC5D0 \uC788\uAE38\uB798 6\uC2DC\uBD80\uD130 8\uC2DC\uAE4C\uC9C0 \uC5ED \uBC14\uB85C \uC55E\uC5D0 \uC788\uB294 \uBC14\uB2F7\uAC00 \uBAA8\uB798\uC0AC\uC7A5\uC5D0\uC11C \uAC00\uBC29\uC744 \uBCA0\uACE0 \uC7A4\uB2E4.


    <\uC0BC\uCC99>

    \uC0AC\uC9C4 77

    8\uC6D4\uC5D0\uB294 \uC6B0\uB9AC \uC9D1\uC5D0 \uB180\uB7EC\uC654\uB358 \uBA58\uD2F0 \uD55C \uBA85\uC774 \uC790\uAE30 \uC5D0\uC5B4\uD31F\uC778\uC904 \uC54C\uACE0 \uB0B4 \uC5D0\uC5B4\uD31F\uC744 \uB4E4\uACE0 \uD280\uC5C8\uB2E4. \uBCF4\uACE0 \uC788\uB098\uC694 \uC9C0\uC131\uB2D8?

    \uC5D0\uC5B4\uD31F\uB3C4 \uAC00\uC9C0\uB7EC \uAC08\uACB8, \uC6B4\uC804\uC5F0\uC2B5\uB3C4 \uD560\uACB8, \uACB8\uC0AC\uACB8\uC0AC \uB80C\uD2B8\uD574\uC11C \uC11C\uC6B8\uB85C \uAC14\uB2E4. \uADF8\uB7F0\uB370 \uC9D1\uC5D0 \uAC00\uAE30\uB294 \uBB54\uAC00 \uC544\uC26C\uC6CC\uC11C \uC5B4\uB514\uB97C \uAC08\uAE4C \uD558\uB2E4\uAC00 \uAC11\uC790\uAE30 \uC0BC\uCC99\uC5D0 \uC778\uC0DD \uCE74\uD398\uAC00 \uC788\uB2E4\uACE0 \uD588\uB358 \uB9D0\uC774 \uC0DD\uAC01\uB098\uC11C, \uD640\uB9B0\uB4EF \uB2E4\uB140\uC654\uB2E4.

    \uAC00\uC11C \uB610 \uBC14\uB2F7\uAC00\uC5D0 \uC880 \uB204\uC6CC\uC788\uB2E4\uAC00 \uBC14\uB85C \uC9D1\uC73C\uB85C \uBCF5\uADC0\uD588\uB2E4.


    ETC

    ',48),so=t("p",null,"\uC5F0\uCD08\uC5D0 \uAE00\uB610(\uAE00\uC4F0\uB294 \uB610\uB77C\uC774\uAC00 \uC138\uC0C1\uC744 \uBC14\uAFBC\uB2E4)\uC5D0 \uC9C0\uC6D0\uD588\uACE0 \uC5B4\uCC0C\uC800\uCC0C \uD65C\uB3D9\uC744 \uD558\uAC8C \uB418\uC5C8\uC73C\uB098... \uB9CE\uC740 \uAE00\uC740 \uC791\uC131\uD558\uC9C0 \uBABB\uD588\uB2E4.",-1),eo=s("\uC9C0\uC6D0\uD560 \uB54C \uC791\uC131\uD588\uB358 "),io={href:"https://www.notion.so/junilhwang/8-4f845ae31c7d4b46b5120ccee3690693?pvs=4",target:"_blank",rel:"noopener noreferrer"},oo=s("\uC0B6\uC758 \uC9C0\uB3C4"),lo=o("
  • \uD68C\uC0AC\uC5D0\uC11C \uCD94\uCCA8\uD574\uC11C \uAC08 \uC218 \uC788\uB294 \uD734\uC591\uC2DC\uC124\uC5D0 \uB450 \uBC88\uC774\uB098 \uB2E4\uB140\uC654\uB2E4. \uD589\uBCF5\uD55C \uAC00\uC871\uC5EC\uD589 + \uC785\uC0AC 1\uC8FC\uB144 + \uC5C4\uB9C8 \uC0DD\uC77C

  • \uCABC\uB7AD\uC774\uAC00 \uC8FD\uB2E4 \uC0B4\uC544\uB0AC\uB2E4. \uC870\uAE08\uB9CC \uB354 \uC798 \uD574\uC904\uAEC4, \uB354 \uB180\uC544\uC904\uAEC4 \uD558\uB294 \uD6C4\uD68C\uB97C \uC5BC\uB9C8\uB098 \uB9CE\uC774 \uD588\uB358\uC9C0\u2026 \uC9C0\uAE08\uC740 \uAC74\uAC15\uD574\uC838\uC11C \uCC38 \uB2E4\uD589\uC774\uB2E4.

  • \uAE30\uC5B5\uC5D0 \uB0A8\uB294 \uC0AC\uC9C4\uC744 \uBF51\uC544\uC11C \uBCBD\uC5D0 \uAC78\uC5B4\uB193\uB294 \uCDE8\uBBF8\uAC00 \uC0DD\uACBC\uB2E4.

  • \uB09C\uC0DD \uCC98\uC74C \uCF58\uC11C\uD2B8 \uD45C\uB97C \uC9C1\uC811 \uC608\uB9E4\uD574\uC11C \uB2E4\uB140\uC654\uB2E4. \uB0B4\uAC00 \uC6D0\uD574\uC11C \uAC04 \uC801\uC740 \uCC98\uC74C\uC774\uB784\uAE4C? \uD55C \uB3D9\uC548 \uCD5C\uC720\uB9AC\uC5D0 \uAE4A\uAC8C \uBE60\uC838\uC788\uC5C8\uB294\uB370 \uC694\uC998\uC5D0\uB294 \uCD5C\uC720\uB9AC, \uAE40\uB098\uC601, \uC120\uC6B0\uC815\uC544 \uAC19\uC740 \uAC00\uC218\uB4E4\uC758 \uB178\uB798\uB97C \uB9CE\uC774 \uB4E3\uACE0\uC788\uB2E4.

  • MBTI\uC5D0 \uC544\uC8FC \uAE4A\uC774 \uBAB0\uC785\uD588\uB2E4. MBTI\uC5D0 \uB300\uD574\uC11C\uB9CC \uBA87 \uC2DC\uAC04 \uC815\uB3C4 \uB5A0\uB4E4 \uC218 \uC788\uC744 \uAC83 \uAC19\uB2E4.

    • \uC62C\uD574\uB294 MBTI\uAC00 ESFJ \u2192 ENFJ \u2192 INFJ \u2192 ENFJ \uC21C\uC73C\uB85C \uBCC0\uD588\uB2E4.
    • \uC544\uBB34\uB9AC \uC0DD\uAC01\uD574\uB3C4 \uB098\uB294 S \uC131\uD5A5\uC774 \uB354 \uAC15\uD55C \uAC83 \uAC19\uC740\uB370, N \uC774 \uC790\uAFB8 \uB098\uC628\uB2E4. \uC544\uB9C8 S \uC131\uD5A5\uC740 \uADF8\uB300\uB85C \uC788\uACE0, \uC228\uC5B4 \uC788\uB358 N \uC774 \uD280\uC5B4\uB098\uC628 \uAC83 \uAC19\uB2E4.
    • \uD55C \uB3D9\uC548 \uC0AC\uB78C\uC744 \uB9CC\uB098\uB294\uAC8C \uADC0\uCC2E\uC544\uC11C I \uB85C \uBCC0\uD588\uB358 \uC801\uC774 \uC788\uC5C8\uB2E4. \uADFC\uB370 \uC815\uB9D0 \uCC30\uB098(?)\uC600\uB358 \uAC83 \uAC19\uB2E4.
    • F\uC640 T\uC758 \uCC28\uC774\uC5D0 \uB300\uD574\uC11C \uC774\uC57C\uAE30\uB97C \uD574\uBCF4\uC790\uBA74, \uACB0\uC815\uC744 \uD560 \uB54C \uC88B\uB2E4/\uB098\uC058\uB2E4\uAC00 \uAE30\uC900\uC774\uBA74 F, \uB9DE\uB2E4/\uD2C0\uB9AC\uB2E4 \uD639\uC740 \uC633\uB2E4/\uC633\uC9C0\uC54A\uB2E4 \uB97C \uAE30\uC900\uC73C\uB85C \uACB0\uC815\uD558\uBA74 T \uC77C \uD655\uB960\uC774 \uB192\uB2E4.
  • \uC5F0\uCD08\uC5D0 \uB2E8\uAD6D\uB300 \uAC1C\uBC1C\uC790 \uB2E8\uD1A1\uBC29\uC744 \uB9CC\uB4E4\uC5C8\uB2E4. \uCC98\uC74C\uC5D0\uB294 \uC2A4\uD130\uB514\uB3C4 \uC774\uAC83\uC800\uAC83 \uB9CC\uB4E4\uC5B4\uC11C \uC9C4\uD589\uD588\uB294\uB370, \uBC14\uBE60\uC9C0\uB2E4\uBCF4\uB2C8 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC2A4\uD130\uB514\uB294 \uC0AC\uB77C\uC9C0\uAC8C \uB418\uC5C8\uC73C\uB098\u2026 \uB2E8\uD1A1\uBC29\uC740 \uB098\uB984(?) \uC798 \uC6B4\uC601\uB418\uACE0 \uC788\uB294 \uAC83 \uAC19\uB2E4.

    • \uC774\uB97C \uACC4\uAE30\uB85C \uD604\uC5C5\uC5D0 \uC788\uB294 \uB2E4\uC591\uD55C \uD6C4\uBC30 \uAC1C\uBC1C\uC790\uB4E4\uC744 \uB9CC\uB0A0 \uC218 \uC788\uC5C8\uB2E4.
    • \uC720\uB2A5\uD55C \uC0AC\uB78C\uB4E4\uC774 \uB108\uBB34 \uB9CE\uC544\uC11C \uB180\uB78D\uB2EC\uAE4C!?
  • \uD68C\uC0AC\uC5D0\uC11C AI \uC2A4\uD130\uB514\uB97C \uD588\uC5C8\uB294\uB370, \uC0DD\uAC01\uBCF4\uB2E4 \uC7AC\uBC0C\uC5C8\uB2E4. \uB2E4\uB9CC \uC2A4\uD130\uB514 \uC790\uCCB4\uB294 \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4\uB294 \uC810\u2026

  • \uD300\uC6D0 \uD55C \uBD84\uC774 \uD1F4\uC0AC\uD588\uB294\uB370, \uD1F4\uC0AC\uD560 \uB54C \uC778\uC218\uC778\uACC4 \uD560\uAC8C \uC544\uBB34\uAC83\uB3C4 \uC5C6\uC5C8\uB2E4. \uC5B4\uB5BB\uAC8C \uC774\uB7F0 \uD300\uC774 \uC788\uC744\uAE4C? \uD300\uC774 \uC798 \uAD74\uB7EC\uAC00\uACE0 \uC788\uB2E4\uB294\uAC78 \uC774 \uB54C \uB290\uAF08\uB2E4.

  • \uC5F0\uB9D0\uC5D0 \uC624\uAE00\uC624\uAE00 \uB9C8\uC9C0\uB9C9 \uD68C\uC2DD \uB54C \uC624\uAE00\uC624\uAE00\uACFC \uC778\uC0DD\uACBD\uC601\uD074\uB7FD\uC5D0\uC11C \uAC19\uC774 \uD65C\uB3D9\uD558\uACE0 \uC788\uB294 \uB3C4\uD76C\uB2D8\uC774 "\uB9CC\uC57D\uC5D0 100\uC5B5\uC774 \uC788\uB2E4\uBA74 \uBB34\uC5C7\uC744 \uD558\uACE0 \uC2F6\uC740\uAC00\uC694?" \uB77C\uB294 \uC9C8\uBB38\uC744 \uD588\uACE0, \uC774\uC5D0 \uB300\uD55C \uAC01\uC790\uC758 \uB2F5\uBCC0\uC774 "\uD558\uACE0 \uC2F6\uC740 \uC77C"\uB85C \uADC0\uACB0\uB410\uB2E4. \uC774 \uB54C \uB3C4\uD76C\uB2D8\uC774 "\uC774\uBBF8 \uD558\uACE0 \uC2F6\uC740 \uC77C\uC744 \uD558\uACE0 \uC788\uB294 \uC0AC\uB78C\uC740 100\uC5B5\uC744 \uAE54\uACE0 \uC549\uC544 \uC788\uB294\uAC8C \uC544\uB2D0\uAE4C\uC694?" \uB77C\uB294 \uC774\uC57C\uAE30\uB97C \uD588\uC5C8\uACE0, \uC5EC\uAE30\uC5D0 \uB9E4\uC6B0 \uB9E4\uC6B0 \uB9E4\uC6B0 \uACF5\uAC10\uC774 \uB410\uB2E4.

    • \uC0AC\uB78C\uB4E4\uC740 \uBCF4\uD1B5 "\uC131\uACF5"\uC744 \uD558\uAE30 \uC704\uD574 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uD55C\uB2E4. \uADF8\uB7F0\uB370 "\uC131\uACF5"\uC744 \uD558\uACE0\uC790 \uD558\uB294 \uBAA9\uC801\uC774 \uBB58\uAE4C?
    • \uC544\uB9C8 \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC774 "\uD589\uBCF5"\uC744 \uC704\uD55C \uC218\uB2E8\uC73C\uB85C "\uC131\uACF5"\uC744 \uC0DD\uAC01\uD558\uB294 \uAC83 \uAC19\uB2E4. \uD558\uC9C0\uB9CC "\uC131\uACF5"\uC744 \uD574\uC57C "\uD589\uBCF5"\uD55C\uAC78\uAE4C?
    • \uB098\uB294 \uD589\uBCF5\uD558\uAE30 \uC704\uD574 \uC131\uACF5\uC744 \uD558\uB824\uACE0 \uD558\uC9C0 \uB9D0\uC790\uACE0 \uC0DD\uAC01\uD588\uB2E4. \uD56D\uC0C1 \uD589\uBCF5\uD574\uC57C \uD558\uACE0, \uADF8\uB7EC\uB2E4\uBCF4\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC131\uACF5\uC774 \uB530\uB77C\uC624\uC9C0 \uC54A\uC744\uAE4C?
    • \uC0AC\uC2E4 \uC774\uBBF8 \uADF8\uB807\uAC8C \uC0B4\uACE0 \uC788\uB294 \uAC83 \uAC19\uB2E4.
    • \uD558\uACE0 \uC2F6\uC740 \uAC83\uB4E4\uC774 \uC788\uC73C\uBA74 \uBBF8\uB8E8\uC9C0 \uB9D0\uACE0 \uC9C0\uAE08 \uD558\uC790. \uC544\uB9C8 \uAC70\uC758 \uB300\uBD80\uBD84\uC740 \uC9C0\uAE08 \uD574\uB3C4 \uB420 \uAC83\uC774\uB2E4.
  • ",9),ao=o('

    2024\uB144 \uBAA9\uD45C

    \uC62C\uD574 \uB9C8\uC9C0\uB9C9\uC5D0 \uC77D\uC740 \uCC45, "\uD53C\uD130\uB4DC\uB7EC\uCEE4\uC758 \uC790\uAE30\uACBD\uC601\uB178\uD2B8" \uB54C\uBB38\uC5D0 \uBAA9\uD45C\uC5D0 \uB300\uD55C \uC911\uC694\uC131\uC744 \uB354 \uD06C\uAC8C \uC778\uC9C0\uD588\uB2E4. \uADFC\uB370 \uB300\uBD80\uBD84\uC758 \uBAA9\uD45C\uAC00 \uC9C0\uADF9\uD788 \uC0AC\uC801\uC778 \uBAA9\uD45C\uB77C\uC11C \uB108\uBB34 \uACF5\uAC1C\uB41C \uACF3\uC5D0\uB2E4 \uC791\uC131\uD558\uAE30\uAC00 \uAEBC\uB824\uC9C4\uB2E4.

    \uADF8\uB798\uB3C4 \uC791\uC131\uD560\uC218 \uC788\uB294 \uAC83\uB4E4\uC744 \uC5B8\uAE09\uD574\uBCF4\uC790\uBA74,

    • \uC758\uC2DD\uC801\uC73C\uB85C \uBCC0\uD654 \uD558\uAE30 \uC704\uD55C \uB178\uB825\uC744 \uD558\uAE30

      • \uBCC0\uD654\uB294 \uC5B4\uB835\uB2E4. \uADF8\uAC78 23\uB144\uC5D0 \uCC38 \uB9CE\uC774 \uB290\uAF08\uB2E4.
      • \uADF8\uB807\uB2E4\uBA74 \uBCC0\uD654\uD558\uAE30 \uC704\uD55C "\uC758\uC2DD\uC801\uC778" \uB178\uB825\uC744 \uC815\uB9D0 \uB9CE\uC774 \uD574\uC57C\uD55C\uB2E4.
      • \uC774\uB97C \uC704\uD55C \uC218\uB2E8\uC73C\uB85C "\uB8E8\uD2F4" \uD639\uC740 "\uC2B5\uAD00"\uC774 \uC788\uC744 \uAC83\uC774\uB2E4. \uD55C \uBC88\uC5D0 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uC791\uC740 \uAC83\uBD80\uD130 \uCC28\uADFC\uCC28\uADFC \uD558\uB098\uC529 \uD558\uB2E4\uBCF4\uBA74 \uBCC0\uD574\uC788\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4.
      • \uC815\uC9C1\uD55C \uAE38\uC774 \uBE68\uB9AC \uAC00\uB294 \uAE38\uC774\uB2E4.
    • \uAE30\uB85D\uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC740 \uB2E4 \uAE30\uB85D\uD558\uAE30 (\uC798 \uC815\uB9AC\uD560 \uD544\uC694\uB294 \uC5C6\uB2E4. \uC77C\uB2E8 \uC2B5\uAD00\uD654\uB97C \uD558\uC790)

      • \uD558\uB8E8 \uC77C\uACFC
      • \uC2A4\uCCD0 \uC9C0\uB098\uAC00\uB294 \uB2E4\uC591\uD55C \uC0DD\uAC01\uB4E4
      • \uC5C5\uBB34\uC801\uC778 \uAC83
      • \uBE14\uB85C\uADF8
    • \uC774\uC0AC\uD558\uAE30 (\uB610?)

      • \uC6EC\uB9CC\uD558\uBA74 \uC774 \uB3D9\uB124\uC5D0\uC11C \uC0B4\uACE0 \uC2F6\uC9C0\uB9CC\u2026 \uD558\uAE34 \uD574\uC57C\uB41C\uB2E4.
      • \uB0B4\uB144\uC5D4 \uC774\uC5D0 \uB300\uD55C \uC5D0\uD53C\uC18C\uB4DC\uB97C \uB2E4\uB8F0 \uC218 \uC788\uAE30\uB97C.
    • KPI \uB97C \uC758\uC2DD\uC801\uC73C\uB85C \uAD00\uB9AC\uD558\uAE30

      • \uC774\uC804\uC5D0\uB294 KPI\uC5D0 \uB300\uD55C \uB9C9\uC5F0\uD55C \uAC70\uBD80\uAC10\uC774 \uC788\uC5C8\uB294\uB370, \uADF8\uAC74 KPI\uB97C \uC5B4\uB835\uACE0 \uADC0\uCC2E\uB2E4\uACE0 \uB290\uAF08\uAE30 \uB54C\uBB38.
      • \uD56D\uC0C1 \uBAA9\uD45C\uB97C \uC758\uC2DD\uC801\uC73C\uB85C \uC0DD\uAC01\uD558\uACE0, \uBAA9\uD45C \uB2EC\uC131\uC744 \uAC80\uC99D\uD560 \uC218 \uC788\uB294 \uC0C1\uD0DC\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD574\uBCF4\uBA74 \uC88B\uC9C0\uC54A\uC744\uAE4C?
      • \uC774\uAC8C \uAF2D \uC5C5\uBB34\uC801\uC778\uAC8C \uC544\uB2C8\uB354\uB77C\uB3C4, \uAC1C\uC778\uC801\uC778 KPI \uB97C \uB9CC\uB4E4\uACE0 \uAD00\uB9AC\uD560 \uC218 \uC788\uC73C\uBA74 \uC88B\uC744 \uAC83 \uAC19\uB2E4.
    • 1\uB144, 1\uB2EC, 1\uC8FC, 1\uC77C \uBAA9\uD45C \uC124\uC815 \uBC0F \uC2E4\uD589

      • \uD2B9\uC815 \uAE30\uAC04 \uB3D9\uC548 \uB2EC\uC131\uD574\uC57C \uD558\uB294 \uAC83\uB4E4\uC744 \uC815\uB9AC\uD574\uBCF4\uACE0 \uC5B4\uB290 \uC2DC\uC810\uC5D0 \uB2EC\uC131\uD560 \uC218 \uC788\uC744\uC9C0 \uC815\uB9AC\uD574\uBCF4\uB294 \uAC83.
      • \uBC8C\uC368 \uB098\uB984 \uD070 \uBAA9\uD45C(?)\uB97C \uC5EC\uB7EC\uAC1C \uB2EC\uC131\uD588\uB2E4.
      • \uD558\uC9C0\uB9CC \uC544\uC9C1 \uAC08 \uAE38\uC774 \uBA40\uB2E4.
    • \uB9E4\uC77C\uB9E4\uC77C \uBB50\uAC00 \uB418\uC5C8\uB4E0 \uACF5\uBD80\uD558\uC790.

      • 23\uB144\uC5D0\uB294 \uACF5\uBD80\uB97C \uC9C0\uB3C5\uD788 \uC548\uD588\uB2E4. \uC798(?) \uC26C\uC5C8\uC73C\uB2C8 \uC774\uC81C \uACF5\uBD80\uC880 \uD558\uC790.
      • \uACF5\uBD80\uB3C4 \uC2B5\uAD00\uC778 \uAC83 \uAC19\uB2E4. \uC77C\uB2E8 "\uACF5\uBD80\uD558\uB294 \uC2B5\uAD00" \uBD80\uD130 \uB9CC\uB4DC\uB294\uAC8C \uC81C\uC77C \uC911\uC694.
    • \uAE08\uC804 \uACC4\uD68D \uC138\uC6B0\uACE0 \uB2EC\uC131\uD558\uAE30

      • 1\uB144\uB3D9\uC548 \uBAA8\uC744 \uC218 \uC788\uB294 \uCD5C\uB300\uCE58
      • 1\uB144\uB3D9\uC548 \uBAA8\uC744 \uC218 \uC788\uB294 \uCD5C\uC18C\uCE58
      • \uC774\uC81C \uB3C8\uC744 \uC5B4\uB5BB\uAC8C \uD558\uBA74 \uB35C \uC4F8 \uC218 \uC788\uC744\uAE4C \uACE0\uBBFC\uD574\uBCF4\uB294 \uAC83.
      • \uADF8\uB9AC\uACE0 \uC5B4\uB5A4 \uC790\uC0B0\uC744 \uB9CC\uB4E4 \uC218 \uC788\uC744\uC9C0 \uACE0\uBBFC\uD574\uBCF4\uB294 \uAC83.
    • \uAC74\uAC15\uAD00\uB9AC

      • \uB9E4\uC77C\uB9E4\uC77C \uC544\uCE68\uC5D0 \uC0AC\uACFC \uD55C \uAC1C
      • \uB9E4\uC77C\uB9E4\uC77C \uC0B0\uCC45
      • \uC8FC 2~3\uD68C \uC815\uB3C4\uB294 \uADFC\uB825\uC6B4\uB3D9 + \uC720\uC0B0\uC18C
      • \uC0DD\uAC01\uB0A0 \uB54C \uB9C8\uB2E4 \uC2A4\uD2B8\uB808\uCE6D
      • \uC26C\uB294 \uB0A0\uC5D0\uB294 \uC218\uC601\uB3C4 \uAC00\uB054 \uD558\uAE30.
    • \uACE0\uC591\uC774\uB4E4 \uAC74\uAC15\uAD00\uB9AC

      • \uB3D9\uBB3C\uBCD1\uC6D0\uACFC \uCE5C\uD574\uC9C0\uAE30 (\uC5B4\uCA0C\uB4E0 \uC790\uC8FC \uAC08 \uD544\uC694\uAC00 \uC788\uC9C0 \uC54A\uC744\uAE4C?)
      • \uC911\uC131\uD654 \uC218\uC220 \u2192 \uD3EC\uB3D9\uC774\uC758 \uC790\uAD81\uC774 \uAE30\uD615\uC774\uB77C \uC5B4\uCC28\uD53C \uBD88\uC784\uC774\uB2E4. \uBBF8\uB9AC \uC54C\uC558\uC73C\uBA74 \uB354 \uBE68\uB9AC \uC911\uC131\uD654\uB97C \uD588\uC744\uD150\uB370\u2026 \uC5D0\uD734
      • \uCE58\uC544 \uAD00\uB9AC
      • \uBC18\uAE30 \uB2E8\uC704 \uAC74\uAC15\uAC80\uC9C4
    • \uB354 \uB514\uD14C\uC77C\uD55C \uC2EC\uB9AC\uAC80\uC0AC \uBC1B\uC544\uBCF4\uAE30

      • MBTI (\uC778\uD130\uB137\uC5D0 \uB3CC\uC544\uB2E4\uB2C8\uB294 \uC57C\uB9E4\uAC00 \uC544\uB2CC \uC804\uBB38\uAC00\uC5D0\uAC8C \uBC1B\uC544\uBCF4\uAE30)
      • TCI
      • \uC560\uCC29\uC720\uD615
      • \uBC84\uD504\uB9CC \uAC15\uC810 \uAC80\uC0AC
      • \uAE30\uD0C0 \uB4F1\uB4F1
    • \uC8FC\uAE30\uC801\uC73C\uB85C \uD68C\uACE0 \uC791\uC131\uD558\uAE30

      • 1\uB144\uCC28 \uB54C 1\uB2EC, \uBD84\uAE30, \uBC18\uAE30 \uB2E8\uC704\uB85C \uD68C\uACE0\uB97C \uC791\uC131\uD588\uC5C8\uB2E4.
      • \uADF8\uB807\uAC8C\uB294 \uBABB\uD558\uB354\uB77C\uB3C4\u2026 \uC790\uC8FC \uD558\uBA74 \uC88B\uC9C0 \uC54A\uC744\uAE4C?
    • \uCD08\uBCF4\uC6B4\uC804 \uD0C8\uCD9C

      • \uC774\uC81C \uC6B4\uC804 \uC790\uCCB4\uB294 \uC5B4\uB290\uC815\uB3C4 \uC775\uC219\uD574\uC9C4 \uAC83 \uAC19\uB2E4. \uB354 \uC790\uC8FC \uD558\uBA74 \uC88B\uC744 \uB4EF.
      • \uC77C\uB2E8 \uC911\uACE0\uCC28\uBD80\uD130 \uAD6C\uB9E4\uB97C \uD574\uC57C\uACA0\uC9C0?
    • \uC544\uC8FC \uC791\uC740 \uB2E8\uC704 \uC2A4\uD130\uB514\uB97C \uC790\uC8FC \uD574\uBCF4\uAE30.

      • \uC2A4\uD130\uB514\uB97C \uAC70\uCC3D\uD558\uAC8C \uD560 \uC0DD\uAC01\uC744 \uD558\uB2C8\uAE4C \uD558\uAE30\uAC00 \uD798\uB4E0 \uAC83 \uAC19\uB2E4.
      • \uD55C \uBC88\uC5D0 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uACF5\uBD80\uD558\uB824\uACE0 \uD560\uAC8C \uC544\uB2C8\uB77C, \uD55C \uBC88\uC5D0 \uD55C \uAC00\uC9C0\uB9CC \uC81C\uB300\uB85C \uC775\uD600\uBCF4\uC790\uB294 \uB9C8\uC778\uB4DC\uB85C \uC2A4\uD130\uB514\uB97C \uC9C4\uD589\uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C \uC2F6\uB2E4.
    • \uC0DD\uC0B0\uC131\uC744 \uB192\uC77C \uC218 \uC788\uB294 \uBC29\uBC95 \uC0DD\uAC01\uD574\uBCF4\uAE30.

      • \uC801\uAC8C \uC77C\uD558\uACE0 \uB9CE\uC774 \uBC8C\uACE0 \uC2F6\uB2E4.

    Summary

    • 2023\uB144 \uD55C \uC904 \uC694\uC57D: \uB098 \uC790\uC2E0\uC5D0 \uB300\uD574 \uCC38 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uC54C \uC218 \uC788\uC5C8\uB358 1\uB144.
    • 2024\uB144 \uD575\uC2EC \uBAA9\uD45C: "\uBAA9\uD45C \uC124\uC815, \uADF8\uB9AC\uACE0 \uB2EC\uC131" = "\uD558\uACE0 \uC2F6\uC740 \uAC83\uB4E4 \uB2E4 \uD558\uC790"
    ',7);function ro(po,no){const e=a("ExternalLinkIcon");return r(),p("div",null,[Et,t("p",null,[t("a",Gt,[Dt,i(e)])]),Ot,t("p",null,[Ut,t("a",Xt,[Kt,i(e)]),Rt]),Yt,zt,t("ul",null,[t("li",null,[t("a",Jt,[Qt,i(e)])]),t("li",null,[t("a",Vt,[Wt,i(e)])]),t("li",null,[t("a",Ht,[Zt,i(e)])]),t("li",null,[t("a",$t,[ts,i(e)])]),t("li",null,[t("a",ss,[es,i(e)])])]),is,t("p",null,[os,ls,as,t("a",rs,[ps,i(e)]),ns,cs,hs]),ds,t("div",_s,[us,t("ul",null,[t("li",null,[t("a",gs,[ms,i(e)])]),t("li",null,[t("a",bs,[fs,i(e)])]),ws])]),t("div",vs,[ks,t("ul",null,[t("li",null,[t("a",qs,[xs,i(e)])]),t("li",null,[t("a",ys,[Is,i(e)])])])]),t("div",Ts,[Ls,t("ul",null,[t("li",null,[t("a",js,[Bs,i(e)])]),t("li",null,[t("a",Ss,[Fs,i(e)])])])]),t("div",Ns,[Cs,t("ul",null,[t("li",null,[t("a",Ms,[Ps,i(e)])]),t("li",null,[t("a",As,[Es,i(e)])])])]),t("div",Gs,[Ds,t("ul",null,[t("li",null,[t("a",Os,[Us,i(e)])]),t("li",null,[t("a",Xs,[Ks,i(e)])])])]),t("div",Rs,[Ys,t("ul",null,[t("li",null,[t("a",zs,[Js,i(e)])]),t("li",null,[t("a",Qs,[Vs,i(e)]),Ws])])]),t("div",Hs,[Zs,t("ul",null,[t("li",null,[t("a",$s,[te,i(e)])]),t("li",null,[t("a",se,[ee,i(e)]),ie])])]),t("div",oe,[le,t("ul",null,[t("li",null,[t("a",ae,[re,i(e)])]),t("li",null,[t("a",pe,[ne,i(e)])])])]),t("div",ce,[he,t("ul",null,[t("li",null,[t("a",de,[_e,i(e)])]),t("li",null,[t("a",ue,[ge,i(e)])])])]),t("div",me,[be,t("ul",null,[t("li",null,[t("a",fe,[we,i(e)])]),t("li",null,[t("a",ve,[ke,i(e)])])])]),t("div",qe,[xe,t("ul",null,[t("li",null,[t("a",ye,[Ie,i(e)])]),t("li",null,[t("a",Te,[Le,i(e)])]),t("li",null,[je,t("a",Be,[Se,i(e)]),Fe,Ne])])]),t("div",Ce,[Me,t("ul",null,[t("li",null,[t("a",Pe,[Ae,i(e)])]),t("li",null,[t("a",Ee,[Ge,i(e)])])])]),t("div",De,[Oe,t("ul",null,[t("li",null,[t("a",Ue,[Xe,i(e)])]),t("li",null,[t("a",Ke,[Re,i(e)])])])]),t("div",Ye,[ze,t("ul",null,[t("li",null,[t("a",Je,[Qe,i(e)])]),t("li",null,[t("a",Ve,[We,i(e)])]),He,Ze])]),t("div",$e,[ti,t("ul",null,[t("li",null,[t("a",si,[ei,i(e)])]),t("li",null,[t("a",ii,[oi,i(e)])]),li])]),t("div",ai,[ri,t("ul",null,[t("li",null,[t("a",pi,[ni,i(e)])]),t("li",null,[t("a",ci,[hi,i(e)])])])]),t("div",di,[_i,t("ul",null,[t("li",null,[t("a",ui,[gi,i(e)])]),t("li",null,[t("a",mi,[bi,i(e)])])])]),t("div",fi,[wi,t("ul",null,[t("li",null,[t("a",vi,[ki,i(e)])]),t("li",null,[t("a",qi,[xi,i(e)])]),yi])]),Ii,t("div",Ti,[Li,t("p",null,[t("a",ji,[Bi,i(e)]),Si])]),t("ul",null,[t("li",null,[t("a",Fi,[Ni,i(e)])]),t("li",null,[t("a",Ci,[Mi,i(e)])])]),Pi,t("div",Ai,[Ei,Gi,Di,t("ul",null,[t("li",null,[t("a",Oi,[Ui,i(e)])]),t("li",null,[t("a",Xi,[Ki,i(e)])])])]),t("div",Ri,[Yi,zi,t("ul",null,[t("li",null,[t("a",Ji,[Qi,i(e)])]),t("li",null,[t("a",Vi,[Wi,i(e)])])])]),Hi,t("p",null,[t("a",Zi,[$i,i(e)])]),to,t("ul",null,[t("li",null,[so,t("ul",null,[t("li",null,[eo,t("a",io,[oo,i(e)])])])]),lo]),ao])}var ho=l(At,[["render",ro],["__file","index.html.vue"]]);export{ho as default}; diff --git a/assets/index.html.4a75c0fa.js b/assets/index.html.17ce9ef3.js similarity index 98% rename from assets/index.html.4a75c0fa.js rename to assets/index.html.17ce9ef3.js index 384cc927..60494076 100644 --- a/assets/index.html.4a75c0fa.js +++ b/assets/index.html.17ce9ef3.js @@ -1 +1 @@ -const e={key:"v-e738f4ba",path:"/Review/2020-year/09-September/",title:"2020\uB144 9\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 9\uC6D4 \uD68C\uACE0",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 2020\uB144 9\uC6D4 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-09-30T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/96290347-689cbe00-1021-11eb-873c-612efe8ec1d7.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. CMS QA",slug:"_2-cms-qa",children:[]},{level:3,title:"3. API \uAD00\uB828 \uC774\uC288 \uD574\uACB0",slug:"_3-api-\u1100\u116A\u11AB\u1105\u1167\u11AB-\u110B\u1175\u1109\u1172-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Black Coffee Study",slug:"_1-black-coffee-study",children:[]},{level:3,title:"2. \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_2-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"3. \uB125\uC2A4\uD2B8\uC2A4\uD0ED \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_3-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173\u1109\u1173\u1110\u1162\u11B8-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"4. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C - \uC804\uAD6D\uB300\uD68C",slug:"_4-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C-\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C",children:[]},{level:3,title:"5. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514",slug:"_5-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1105\u1175\u110B\u1162\u11A8\u1110\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"6. \uB124\uC774\uBC84 \uC544\uD3F4\uB85C \uCC4C\uB9B0\uC9C0",slug:"_6-\u1102\u1166\u110B\u1175\u1107\u1165-\u110B\u1161\u1111\u1169\u11AF\u1105\u1169-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]},{level:3,title:"7. \uB2E8\uAD6D\uB300 \uAC1C\uBC1C\uC790 \uC2A4\uD130\uB514",slug:"_7-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"8. \uC77C\uC77C\uCEE4\uBC0B \uBC0F \uCF54\uB355",slug:"_8-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA-\u1106\u1175\u11BE-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"\uC774\uCBE4\uC5D0\uC11C \uB3CC\uC544\uBCF4\uB294 \uC2A4\uCF00\uC974 \uC815\uB9AC",slug:"\u110B\u1175\u110D\u1173\u11B7\u110B\u1166\u1109\u1165-\u1103\u1169\u11AF\u110B\u1161\u1107\u1169\u1102\u1173\u11AB-\u1109\u1173\u110F\u1166\u110C\u1172\u11AF-\u110C\u1165\u11BC\u1105\u1175",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/09-September/README.md"};export{e as data}; +const e={key:"v-e738f4ba",path:"/Review/2020-year/09-September/",title:"2020\uB144 9\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 9\uC6D4 \uD68C\uACE0",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 2020\uB144 9\uC6D4 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-09-30T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/96290347-689cbe00-1021-11eb-873c-612efe8ec1d7.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. CMS QA",slug:"_2-cms-qa",children:[]},{level:3,title:"3. API \uAD00\uB828 \uC774\uC288 \uD574\uACB0",slug:"_3-api-\u1100\u116A\u11AB\u1105\u1167\u11AB-\u110B\u1175\u1109\u1172-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Black Coffee Study",slug:"_1-black-coffee-study",children:[]},{level:3,title:"2. \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_2-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"3. \uB125\uC2A4\uD2B8\uC2A4\uD0ED \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_3-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173\u1109\u1173\u1110\u1162\u11B8-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"4. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C - \uC804\uAD6D\uB300\uD68C",slug:"_4-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C-\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C",children:[]},{level:3,title:"5. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514",slug:"_5-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1105\u1175\u110B\u1162\u11A8\u1110\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"6. \uB124\uC774\uBC84 \uC544\uD3F4\uB85C \uCC4C\uB9B0\uC9C0",slug:"_6-\u1102\u1166\u110B\u1175\u1107\u1165-\u110B\u1161\u1111\u1169\u11AF\u1105\u1169-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]},{level:3,title:"7. \uB2E8\uAD6D\uB300 \uAC1C\uBC1C\uC790 \uC2A4\uD130\uB514",slug:"_7-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"8. \uC77C\uC77C\uCEE4\uBC0B \uBC0F \uCF54\uB355",slug:"_8-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA-\u1106\u1175\u11BE-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"\uC774\uCBE4\uC5D0\uC11C \uB3CC\uC544\uBCF4\uB294 \uC2A4\uCF00\uC974 \uC815\uB9AC",slug:"\u110B\u1175\u110D\u1173\u11B7\u110B\u1166\u1109\u1165-\u1103\u1169\u11AF\u110B\u1161\u1107\u1169\u1102\u1173\u11AB-\u1109\u1173\u110F\u1166\u110C\u1172\u11AF-\u110C\u1165\u11BC\u1105\u1175",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/09-September/README.md"};export{e as data}; diff --git a/assets/index.html.2f872d5a.js b/assets/index.html.17dc3439.js similarity index 88% rename from assets/index.html.2f872d5a.js rename to assets/index.html.17dc3439.js index baaf6175..32e6dda2 100644 --- a/assets/index.html.2f872d5a.js +++ b/assets/index.html.17dc3439.js @@ -1 +1 @@ -const a={key:"v-05414511",path:"/Javascript/Hangul-Consonants-Search/",title:"Javascript \uD55C\uAE00 \uCD08\uC131\uAC80\uC0C9",lang:"en-US",frontmatter:{title:"Javascript \uD55C\uAE00 \uCD08\uC131\uAC80\uC0C9",description:"\uBCF5\uC7A1\uD55C \uACC4\uC0B0\uC2DD \uC5C6\uC774, \uAC04\uB2E8\uD558\uAC8C \uCD08\uC131 \uAC80\uC0C9\uC744 \uAD6C\uD604\uD560 \uC218 \uC788\uB2E4.",sidebarDepth:2,date:"2020-08-30T00:00:00.000Z",tag:"javascript"},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"Javascript/Hangul-Consonants-Search/README.md"};export{a as data}; +const a={key:"v-05414511",path:"/Javascript/Hangul-Consonants-Search/",title:"Javascript \uD55C\uAE00 \uCD08\uC131\uAC80\uC0C9",lang:"en-US",frontmatter:{title:"Javascript \uD55C\uAE00 \uCD08\uC131\uAC80\uC0C9",description:"\uBCF5\uC7A1\uD55C \uACC4\uC0B0\uC2DD \uC5C6\uC774, \uAC04\uB2E8\uD558\uAC8C \uCD08\uC131 \uAC80\uC0C9\uC744 \uAD6C\uD604\uD560 \uC218 \uC788\uB2E4.",sidebarDepth:2,date:"2020-08-30T00:00:00.000Z",tag:"javascript"},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"Javascript/Hangul-Consonants-Search/README.md"};export{a as data}; diff --git a/assets/index.html.ffc804fa.js b/assets/index.html.17f01873.js similarity index 98% rename from assets/index.html.ffc804fa.js rename to assets/index.html.17f01873.js index a15ab551..85a468d4 100644 --- a/assets/index.html.ffc804fa.js +++ b/assets/index.html.17f01873.js @@ -1 +1 @@ -const e={key:"v-09c7bd55",path:"/Review/2022-year/end/",title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2022\uB144 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2022\uB144 \uD68C\uACE0",description:"\uC90C\uC778\uD130\uB137\uACFC\uC758 \uC791\uBCC4, \uB124\uC774\uBC84 \uC785\uC0AC, \uADF8\uB9AC\uACE0 \uBD80\uC2A4\uD2B8\uCEA0\uD504",sidebarDepth:2,date:"2023-01-01T23:00:00.000Z",thumbnail:"https://user-images.githubusercontent.com/18749057/210173339-3986e61a-5645-4bfc-be71-119d51842809.jpg",tag:"\uD68C\uACE0",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"1. \uC548\uB155, \uC90C\uC778\uD130\uB137",slug:"_1-\u110B\u1161\u11AB\u1102\u1167\u11BC-\u110C\u116E\u11B7\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA",children:[{level:3,title:"\uBC31\uC5D4\uB4DC \uAC1C\uBC1C",slug:"\u1107\u1162\u11A8\u110B\u1166\u11AB\u1103\u1173-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C",slug:"\u1111\u1173\u1105\u1169\u11AB\u1110\u1173\u110B\u1166\u11AB\u1103\u1173-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uD30C\uD2B8\uB9AC\uB354",slug:"\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165",children:[]},{level:3,title:"\uD1F4\uC0AC",slug:"\u1110\u116C\u1109\u1161",children:[]}]},{level:2,title:"2. \uC548\uB155, \uB124\uC774\uBC84",slug:"_2-\u110B\u1161\u11AB\u1102\u1167\u11BC-\u1102\u1166\u110B\u1175\u1107\u1165",children:[{level:3,title:"\uD569\uB958\uD558\uAE30 \uAE4C\uC9C0",slug:"\u1112\u1161\u11B8\u1105\u1172\u1112\u1161\u1100\u1175-\u1101\u1161\u110C\u1175",children:[]},{level:3,title:"\uD568\uAED8 \uC77C\uD558\uAE30",slug:"\u1112\u1161\u11B7\u1101\u1166-\u110B\u1175\u11AF\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC624\uAE00\uC624\uAE00",slug:"\u110B\u1169\u1100\u1173\u11AF\u110B\u1169\u1100\u1173\u11AF",children:[]},{level:3,title:"MBTI",slug:"mbti",children:[]},{level:3,title:"\uAC1C\uBC1C\uC774 \uC544\uB2CC, \uC77C\uC744 \uC798 \uD558\uAE30",slug:"\u1100\u1162\u1107\u1161\u11AF\u110B\u1175-\u110B\u1161\u1102\u1175\u11AB-\u110B\u1175\u11AF\u110B\u1173\u11AF-\u110C\u1161\u11AF-\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"3. \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:2,title:"4. \uB125\uC2A4\uD2B8\uC2A4\uD15D",slug:"_4-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173\u1109\u1173\u1110\u1166\u11B8",children:[]},{level:2,title:"5. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C",slug:"_5-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C",children:[]},{level:2,title:"6. \uAC1C\uC778\uC801\uC778 \uC0DD\uAC01",slug:"_6-\u1100\u1162\u110B\u1175\u11AB\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1109\u1162\u11BC\u1100\u1161\u11A8",children:[{level:3,title:"\uC544\uBB34\uB9D0 \uB300\uC794\uCE58",slug:"\u110B\u1161\u1106\u116E\u1106\u1161\u11AF-\u1103\u1162\u110C\u1161\u11AB\u110E\u1175",children:[]},{level:3,title:"\uB9CC\uB0A8",slug:"\u1106\u1161\u11AB\u1102\u1161\u11B7",children:[]},{level:3,title:"\uB098\uC758 \uAC15\uC810\uACFC \uB2E8\uC810",slug:"\u1102\u1161\u110B\u1174-\u1100\u1161\u11BC\u110C\u1165\u11B7\u1100\u116A-\u1103\u1161\u11AB\u110C\u1165\u11B7",children:[]}]},{level:2,title:"7. \uACC4\uBB18\uB144",slug:"_7-\u1100\u1168\u1106\u116D\u1102\u1167\u11AB",children:[{level:3,title:"2023\uB144\uC758 \uBAA9\uD45C",slug:"_2023\u1102\u1167\u11AB\u110B\u1174-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:3,title:"\uBAA9\uD45C\uB97C \uB2EC\uC131\uC744 \uC704\uD55C \uC561\uC158 \uD50C\uB79C",slug:"\u1106\u1169\u11A8\u1111\u116D\u1105\u1173\u11AF-\u1103\u1161\u11AF\u1109\u1165\u11BC\u110B\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-\u110B\u1162\u11A8\u1109\u1167\u11AB-\u1111\u1173\u11AF\u1105\u1162\u11AB",children:[]}]},{level:2,title:"8. \uB354 \uC7A5\uAE30\uC801\uC778, \uB354 \uC774\uC0C1\uC801\uC778 \uBAA9\uD45C",slug:"_8-\u1103\u1165-\u110C\u1161\u11BC\u1100\u1175\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1103\u1165-\u110B\u1175\u1109\u1161\u11BC\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2022-year/end/README.md"};export{e as data}; +const e={key:"v-09c7bd55",path:"/Review/2022-year/end/",title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2022\uB144 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2022\uB144 \uD68C\uACE0",description:"\uC90C\uC778\uD130\uB137\uACFC\uC758 \uC791\uBCC4, \uB124\uC774\uBC84 \uC785\uC0AC, \uADF8\uB9AC\uACE0 \uBD80\uC2A4\uD2B8\uCEA0\uD504",sidebarDepth:2,date:"2023-01-01T23:00:00.000Z",thumbnail:"https://user-images.githubusercontent.com/18749057/210173339-3986e61a-5645-4bfc-be71-119d51842809.jpg",tag:"\uD68C\uACE0",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"1. \uC548\uB155, \uC90C\uC778\uD130\uB137",slug:"_1-\u110B\u1161\u11AB\u1102\u1167\u11BC-\u110C\u116E\u11B7\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA",children:[{level:3,title:"\uBC31\uC5D4\uB4DC \uAC1C\uBC1C",slug:"\u1107\u1162\u11A8\u110B\u1166\u11AB\u1103\u1173-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C",slug:"\u1111\u1173\u1105\u1169\u11AB\u1110\u1173\u110B\u1166\u11AB\u1103\u1173-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uD30C\uD2B8\uB9AC\uB354",slug:"\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165",children:[]},{level:3,title:"\uD1F4\uC0AC",slug:"\u1110\u116C\u1109\u1161",children:[]}]},{level:2,title:"2. \uC548\uB155, \uB124\uC774\uBC84",slug:"_2-\u110B\u1161\u11AB\u1102\u1167\u11BC-\u1102\u1166\u110B\u1175\u1107\u1165",children:[{level:3,title:"\uD569\uB958\uD558\uAE30 \uAE4C\uC9C0",slug:"\u1112\u1161\u11B8\u1105\u1172\u1112\u1161\u1100\u1175-\u1101\u1161\u110C\u1175",children:[]},{level:3,title:"\uD568\uAED8 \uC77C\uD558\uAE30",slug:"\u1112\u1161\u11B7\u1101\u1166-\u110B\u1175\u11AF\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC624\uAE00\uC624\uAE00",slug:"\u110B\u1169\u1100\u1173\u11AF\u110B\u1169\u1100\u1173\u11AF",children:[]},{level:3,title:"MBTI",slug:"mbti",children:[]},{level:3,title:"\uAC1C\uBC1C\uC774 \uC544\uB2CC, \uC77C\uC744 \uC798 \uD558\uAE30",slug:"\u1100\u1162\u1107\u1161\u11AF\u110B\u1175-\u110B\u1161\u1102\u1175\u11AB-\u110B\u1175\u11AF\u110B\u1173\u11AF-\u110C\u1161\u11AF-\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"3. \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:2,title:"4. \uB125\uC2A4\uD2B8\uC2A4\uD15D",slug:"_4-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173\u1109\u1173\u1110\u1166\u11B8",children:[]},{level:2,title:"5. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C",slug:"_5-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C",children:[]},{level:2,title:"6. \uAC1C\uC778\uC801\uC778 \uC0DD\uAC01",slug:"_6-\u1100\u1162\u110B\u1175\u11AB\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1109\u1162\u11BC\u1100\u1161\u11A8",children:[{level:3,title:"\uC544\uBB34\uB9D0 \uB300\uC794\uCE58",slug:"\u110B\u1161\u1106\u116E\u1106\u1161\u11AF-\u1103\u1162\u110C\u1161\u11AB\u110E\u1175",children:[]},{level:3,title:"\uB9CC\uB0A8",slug:"\u1106\u1161\u11AB\u1102\u1161\u11B7",children:[]},{level:3,title:"\uB098\uC758 \uAC15\uC810\uACFC \uB2E8\uC810",slug:"\u1102\u1161\u110B\u1174-\u1100\u1161\u11BC\u110C\u1165\u11B7\u1100\u116A-\u1103\u1161\u11AB\u110C\u1165\u11B7",children:[]}]},{level:2,title:"7. \uACC4\uBB18\uB144",slug:"_7-\u1100\u1168\u1106\u116D\u1102\u1167\u11AB",children:[{level:3,title:"2023\uB144\uC758 \uBAA9\uD45C",slug:"_2023\u1102\u1167\u11AB\u110B\u1174-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:3,title:"\uBAA9\uD45C\uB97C \uB2EC\uC131\uC744 \uC704\uD55C \uC561\uC158 \uD50C\uB79C",slug:"\u1106\u1169\u11A8\u1111\u116D\u1105\u1173\u11AF-\u1103\u1161\u11AF\u1109\u1165\u11BC\u110B\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-\u110B\u1162\u11A8\u1109\u1167\u11AB-\u1111\u1173\u11AF\u1105\u1162\u11AB",children:[]}]},{level:2,title:"8. \uB354 \uC7A5\uAE30\uC801\uC778, \uB354 \uC774\uC0C1\uC801\uC778 \uBAA9\uD45C",slug:"_8-\u1103\u1165-\u110C\u1161\u11BC\u1100\u1175\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1103\u1165-\u110B\u1175\u1109\u1161\u11BC\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2022-year/end/README.md"};export{e as data}; diff --git a/assets/index.html.e12fa1f0.js b/assets/index.html.1880b5fa.js similarity index 99% rename from assets/index.html.e12fa1f0.js rename to assets/index.html.1880b5fa.js index 031c5b4c..756f2bd6 100644 --- a/assets/index.html.e12fa1f0.js +++ b/assets/index.html.1880b5fa.js @@ -1,4 +1,4 @@ -import{_ as c,r as l,o as i,c as u,a as n,b as a,w as e,e as s,d as o}from"./app.800103af.js";const r={},k=n("h1",{id:"\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-2",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-2","aria-hidden":"true"},"#"),s(" \uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)")],-1),d=n("p",null,"\uC774\uC81C \uBD80\uD130\uAC00 \uBCF8\uACA9\uC801\uC73C\uB85C \uAC1C\uBC1C\uC5D0 \uC785\uBB38\uD558\uAC8C \uB41C \uC774\uC57C\uAE30\uC774\uB2E4.",-1),v=s("Part-01"),b=s("Part-02"),m=s("Part-03"),g=o('

    \uAE30\uB2A5\uBC18, \uADF8\uB9AC\uACE0 \uCCAB \uB300\uD68C

    \uADF8\uB807\uAC8C 1\uD559\uB144\uC774 \uB05D\uB0A0 \uB54C \uCBE4, \uC55E\uC11C \uC5B8\uAE09\uD55C \uAE30\uB2A5\uBC18\uC744 \uD65C\uB3D9\uC744 \uC120\uC0DD\uB2D8\uC774 \uAD8C\uD574\uC8FC\uC168\uB2E4. \uADF8\uB7F4 \uAEBC\uBA74 \uADF8\uB0E5 \uCC98\uC74C\uBD80\uD130 \uD558\uAC8C \uD574\uC8FC\uB358\uAC00 \uB0B4\uAC00 1\uD559\uB144 1\uD559\uAE30 \uCD08\uC5D0 \uAE30\uB2A5\uBC18\uC744 \uD558\uACE0 \uC2F6\uC5B4\uC11C \uC2E0\uCCAD \uD588\uC744 \uB54C\uB294 \uAC8C\uC784 \uAC1C\uBC1C \uAE30\uB2A5\uBC18\uB9CC \uC788\uC5C8\uB294\uB370, \uC57D 2\uD559\uAE30 \uB9D0\uC5D0 \uC6F9 \uB514\uC790\uC778 \uAE30\uB2A5\uBC18\uC774 \uC0DD\uACBC\uACE0 \uC5EC\uAE30\uC5D0 \uAC00\uC785\uC744 \uAD8C\uD574\uC8FC\uC2E0 \uAC83\uC774\uC5C8\uB2E4.

    \uB098\uB294 \uAC00\uC785\uACFC \uB3D9\uC2DC\uC5D0 \uBC14\uB85C \uB2E4\uC74C \uD574 4\uC6D4\uC5D0 \uC5F4\uB9AC\uB294 \uC9C0\uBC29\uB300\uD68C\uB97C \uC900\uBE44\uD588\uB2E4.

    ',3),$={class:"custom-container tip"},_=n("p",{class:"custom-container-title"},"\uAE30\uB2A5\uACBD\uAE30\uB300\uD68C",-1),f=o("
  • \uC815\uC2DD \uBA85\uCE6D\uC740 \uAE30\uB2A5\uC62C\uB9BC\uD53D\uC774\uB2E4.
  • \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C\uB294 \uD2B9\uC131\uD654\uACE0\uB4F1\uD559\uAD50\uC758 \uC218\uB2A5\uC774\uBA70 \uCD95\uC81C\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.
  • \uC9C0\uBC29\uB300\uD68C - \uC804\uAD6D\uB300\uD68C - \uAD6D\uAC00\uB300\uD45C \uC120\uBC1C\uC804 - \uC138\uACC4\uB300\uD68C \uB4F1\uC758 \uACFC\uC815\uC774 \uC788\uB2E4.
  • \uC9C0\uBC29\uB300\uD68C\uB294 4\uC6D4\uC5D0 \uAC1C\uCD5C\uB41C\uB2E4. \uADF8\uB7F0\uB370 \uC62C\uD574\uB294 \uCF54\uB85C\uB098 \uB54C\uBB38\uC5D0 6\uC6D4\uC5D0 \uAC1C\uCD5C\uB418\uC5C8\uB2E4.
  • \uC804\uAD6D\uB300\uD68C\uB294 9\uC6D4/10\uC6D4 \uC911\uC5D0 \uAC1C\uCD5C\uB41C\uB2E4. \uC62C\uD574\uB294 9\uC6D4 14\uC77C \uBD80\uD130 7\uC77C\uAC04 \uB300\uD68C\uAC00 \uC9C4\uD589\uB418\uC5C8\uB2E4.
  • \uC138\uACC4\uB300\uD68C\uB294 2\uB144\uC5D0 \uD55C \uBC88\uC529 \uAC1C\uCD5C\uB41C\uB2E4. \uC138\uACC4\uB300\uD68C \uC785\uC0C1 \uD61C\uD0DD\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4. \uC62C\uB9BC\uD53D \uC785\uC0C1 \uD61C\uD0DD\uACFC \uB3D9\uC77C\uD558\uB2E4\uACE0 \uBCF4\uBA74 \uB41C\uB2E4.
    • \uBCD1\uC5ED\uB300\uCCB4\uBCF5\uBB34
    • \uC2E0\uCD95 \uC544\uD30C\uD2B8 \uBD84\uC591\uAD8C \uD68D\uB4DD
    • \uB300\uAE30\uC5C5 \uC5F0\uBD09\uAE09 \uC0C1\uAE08
    • \uB300\uD559 \uC9C4\uD559\uC2DC \uD559\uBE44 \uC804\uC561 \uC9C0\uC6D0
    • \uC5F0\uAE08
  • ",6),q=s("\uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),y={href:"https://meister.hrdkorea.or.kr/main/main.do",target:"_blank",rel:"noopener noreferrer"},h=s("\uB9C8\uC774\uC2A4\uD130\uB137"),w=s(" \uCC38\uACE0 "),x={href:"https://meister.hrdkorea.or.kr/sub/3/2/1/20160512110924569100_view.do",target:"_blank",rel:"noopener noreferrer"},E=s("\uC9C0\uBC29\uB300\uD68C"),C={href:"https://meister.hrdkorea.or.kr/sub/3/3/1/20160512111525375100_view.do",target:"_blank",rel:"noopener noreferrer"},B=s("\uC804\uAD6D\uB300\uD68C"),S={href:"https://meister.hrdkorea.or.kr/sub/3/4/1/20160512111859974100_view.do",target:"_blank",rel:"noopener noreferrer"},D=s("\uC138\uACC4\uB300\uD68C"),N=o(`

    \uC0AC\uC2E4 \uC6B0\uB9AC \uD559\uAD50\uC5D0\uC11C \uC6F9 \uB514\uC790\uC778 \uC885\uBAA9\uC5D0\uC11C\uC758 \uC785\uC0C1\uC740 \uACE0\uC0AC\uD558\uACE0 \uCD9C\uC804\uD574\uBCF8 \uACBD\uD5D8 \uC790\uCCB4\uAC00 \uC804\uBB34\uD588\uB2E4. \uC5B4\uB5BB\uAC8C \uC2DC\uC791\uD574\uC57C \uD560\uC9C0 \uBAB0\uB790\uB358 \uC120\uC0DD\uB2D8\uACFC \uB098\uB97C \uD3EC\uD568\uD55C \uAE30\uB2A5\uBC18 \uCE5C\uAD6C\uB4E4\uC740 \uC77C\uB2E8 \uC778\uD130\uB137 \uAC15\uC758\uBD80\uD130 \uCC28\uADFC \uCC28\uADFC \uB4E4\uC5C8\uB2E4. \uC774\uB984\uC740 \uC6F9 \uB514\uC790\uC778 \uC774\uC9C0\uB9CC, \uBC18 \uC774\uC0C1\uC774 \uAC1C\uBC1C\uACFC \uAD00\uB828\uB41C \uB0B4\uC6A9\uC774\uC5C8\uB2E4.

    • A-Module \uC0AC\uC774\uD2B8 \uC8FC\uC81C\uC5D0 \uC801\uD569\uD55C \uAE30\uD68D\uC11C \uB9CC\uB4E4\uAE30 - 3\uC2DC\uAC04
    • B-Module \uAE30\uD68D\uC11C\uB97C \uAE30\uBC18\uC73C\uB85C \uD3EC\uD1A0\uC0F5\uC73C\uB85C \uB514\uC790\uC778 \uD558\uAE30 - 3\uC2DC\uAC04
      • \uBA54\uC778 \uD398\uC774\uC9C0 1\uAC1C, \uC11C\uBE0C \uD398\uC774\uC9C0 3~4\uAC1C
    • C-Module \uC6F9 \uC0AC\uC774\uD2B8\uC5D0\uC11C \uC0AC\uC6A9 \uB420 \uD50C\uB798\uC2DC \uC560\uB2C8\uBA54\uC774\uC158 \uB9CC\uB4E4\uAE30 - 3\uC2DC\uAC04
      • \uBA54\uC778 \uD398\uC774\uC9C0\uC5D0\uC11C \uC0AC\uC6A9\uB420 \uC560\uB2C8\uBA54\uC774\uC158 1\uAC1C
      • \uC11C\uBE0C \uD398\uC774\uC9C0\uC5D0\uC11C \uC0AC\uC6A9\uB420 \uC560\uB2C8\uBA54\uC774\uC158 1\uAC1C
    • D-Module \uAE30\uD68D\uC11C/\uB514\uC790\uC778/\uD50C\uB798\uC2DC\uB97C \uAE30\uBC18\uC73C\uB85C \uC0AC\uC774\uD2B8 \uAE30\uBCF8 \uD2C0 \uAD6C\uCD95\uD558\uAE30 4\uC2DC\uAC04
      • \uD37C\uBE14\uB9AC\uC2F1 \uC791\uC5C5
      • \uD50C\uB798\uC2DC\uB85C \uBA54\uB274 \uAD6C\uD604
      • PHP + phpmyadmin + MySQL \uB85C \uAE30\uBCF8 \uC0AC\uC774\uD2B8 \uAD6C\uCD95
      • DB \uC124\uACC4
    • E-Module \uC0AC\uC774\uD2B8 \uC644\uC131\uD558\uAE30 5\uC2DC\uAC04
      • \uB85C\uADF8\uC778/\uD68C\uC6D0\uAC00\uC785/\uAC8C\uC2DC\uD310
      • \uAC80\uC0C9
      • \uB2EC\uB825
      • \uC1FC\uD551\uBAB0 \uAE30\uB2A5(\uC0C1\uD488 \uAD6C\uB9E4 / \uC0C1\uD488 \uC608\uC57D / \uC0C1\uD488 \uC608\uC57D \uD655\uC778 / \uC608\uC57D \uCDE8\uC18C)
      • \uAE30\uD0C0 \uB4F1\uB4F1

    \uC989, \uAE30\uD68D/\uB514\uC790\uC778/\uD50C\uB798\uC2DC(\uC560\uB2C8\uBA54\uC774\uC158/\uD37C\uBE14\uB9AC\uC2F1/DB\uC124\uACC4/\uAC1C\uBC1C \uB4F1 \uBAA8\uB4E0 \uC77C\uB828\uC758 \uACFC\uC815\uC744 \uB2E8 18\uC2DC\uAC04 \uC548\uC5D0 \uC218\uD589\uD574\uC57C \uD558\uB294 \uAC83\uC774\uB2E4. \uADF8\uAC83\uB3C4 \uC778\uD130\uB137 \uC5C6\uC774 \uD558\uB4DC\uCF54\uB529\uC73C\uB85C!

    \uB208\uC744 \uAC10\uC544\uBCF4\uC138\uC694. \uCE84\uCE84\uD558\uC8E0? \uADF8\uAC8C \uB2F9\uC2E0\uC758 \uBBF8\uB798\uC785\uB2C8\uB2E4.

    \uB514\uC790\uC778 \uACF5\uBD80\uB3C4, \uAC1C\uBC1C \uACF5\uBD80\uB3C4 \uC815\uB9D0 \uCC98\uC74C \uD574\uBCF4\uB294 \uAC70\uB77C\uC11C \uC5B4\uB514\uC11C \uBD80\uD130 \uC5B4\uB5BB\uAC8C \uC2DC\uC791\uD574\uC57C\uD560\uC9C0 \uB9C9\uB9C9\uD588\uB2E4. \uBC29\uD559 \uC9C1\uC804\uAE4C\uC9C0\uB294 \uC5B4\uBC84\uBC84 \uD558\uBA74\uC11C \uC2DC\uAC04\uC744 \uB54C\uC6B0\uB2E4\uAC00 \uACA8\uC6B8\uBC29\uD559 \uC2DC\uC791 \uC9C1\uD6C4\uC5D0 \uD559\uAD50\uC5D0\uC11C \uAD11\uC8FC\uC5D0 \uC788\uB294 \uD638\uB0A8\uB300\uD559\uAD50\uB85C \uC9D1\uCCB4\uAD50\uC721\uC744 \uBCF4\uB0B4\uC92C\uB2E4.

    \uC774 \uC9D1\uCCB4\uAD50\uC721\uC5D0\uC11C \uAE30\uB2A5\uBC18\uC5D0\uC11C \uACF5\uBD80\uD558\uB294 \uB2E4\uC591\uD55C \uD559\uAD50\uC758 \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB0AC\uB294\uB370 \uADF8 \uC911\uC5D0 \uC591\uC601\uB514\uC9C0\uD138\uACE0\uB4F1\uD559\uAD50\uC5D0\uC11C \uC628 \uC120\uBC30\uB2D8\uACFC \uAC19\uC740 \uBC29\uC744 \uC37C\uB2E4. \uC774 \uD6C4\uC5D0\uB3C4 \uC9D1\uCCB4\uAD50\uC721\uC744 \uAC08 \uB54C \uB9C8\uB2E4 \uC591\uC601\uB514\uC9C0\uD138\uACE0\uB4F1\uD559\uAD50 \uC0AC\uB78C\uB4E4\uACFC \uB9C8\uC8FC\uCCE4\uB294\uB370, \uB098\uB791 \uB3D9\uAC11\uC774\uB358 \uCE5C\uAD6C\uAC00 \uC878\uC5C5\uD560 \uB54C \uC988\uC74C op.gg\uB77C\uB294 \uC0AC\uC774\uD2B8\uB97C \uB9CC\uB4E4\uC5C8\uB2E4\uACE0 \uB4E4\uC5C8\uB2E4. \uC2F9\uC774 \uB0A8\uB2E4\uB978 \uC0AC\uB78C\uC774\uC5C8\uB2E4

    \uAC01\uC124\uD558\uACE0, \uB2E4\uC591\uD55C \uD559\uAD50\uC758 \uC0AC\uB78C\uB4E4\uC774 \uBAA8\uC5EC \uD2B9\uAC15\uC744 \uB4E3\uB294 \uD615\uD0DC\uC600\uB294\uB370 \uC774 \uB54C \uD2B9\uAC15\uC744 \uD574\uC8FC\uC2E0 \uAC15\uC0AC\uBD84\uC774 2009\uB144\uB3C4\uC5D0 \uC804\uAD6D\uB300\uD68C\uC5D0\uC11C 2\uB4F1\uC744 \uD588\uACE0, 2008\uB144\uB3C4 \uC785\uC0C1\uC790\uB4E4\uACFC 2009\uB144\uB3C4 \uC785\uC0C1\uC790\uB4E4\uACFC \uAD6D\uAC00\uB300\uD45C \uC120\uBC1C\uC804\uC744 \uAC70\uCCD0\uC11C \uC120\uBCC4\uB41C \uBD84\uC774\uC5C8\uB2E4. 2011\uB144 \uB7F0\uB358 \uB300\uD68C\uC5D0\uC11C 2\uB4F1\uC744 \uD588\uACE0, \uC9C0\uAE08\uC740 \uC57C\uB180\uC790\uC5D0\uC11C \uC77C\uD558\uACE0 \uACC4\uC2E0\uAC78\uB85C \uC54C\uACE0 \uC788\uB2E4. \uC774 \uBD84\uC774 \uC544\uB2C8\uC600\uC73C\uBA74 \uC9C0\uAE08\uC758 \uB0B4\uAC00 \uC5C6\uC5C8\uC744 \uAC83\uC774\uB2E4.

    \uAC15\uC758 \uB0B4\uC6A9\uC740 \uAD6C\uCCB4\uC801\uC73C\uB85C \uAE30\uC5B5\uB098\uC9C0 \uC54A\uC558\uC9C0\uB9CC \uAC15\uC758\uB97C \uD574\uC8FC\uC2DC\uB294 \uBD84\uC758 \uC190\uC774 \uB9E4\uC6B0 \uBE68\uB790\uACE0, \uBB34\uC2A8 \uC124\uBA85\uC744 \uD558\uB294\uC9C0 \uD558\uB098\uB3C4 \uBAA8\uB974\uACA0\uC9C0\uB9CC \uADF8\uB798\uB3C4 \uB193\uCE58\uBA74 \uD070\uC77C \uB09C\uB2E4\uB294 \uB290\uB08C\uC774 \uB4E4\uC5C8\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uAC15\uC758\uC5D0 \uCC38\uC5EC\uD55C \uBAA8\uB4E0 \uD559\uC0C8\uB4E4\uC5D0\uAC8C \uAD6D\uAC00\uB300\uD45C \uC120\uC218\uAC00 \uC9C1\uC811 \uC791\uC131\uD55C \uC18C\uC2A4\uCF54\uB4DC \uC81C\uACF5\uD574\uC8FC\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uADF8 \uC790\uCCB4\uB85C \uACF5\uBD80\uD560 \uB54C \uC815\uB9D0 \uD070 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uB2E4. \uB9D0 \uADF8\uB300\uB85C \uAE30\uD68D\uC11C, \uB514\uC790\uC778, \uD50C\uB798\uC2DC\uB294 \uBB3C\uB860 js\uC640 php, mysql \uAE4C\uC9C0 \uBAA8\uB4E0 \uC790\uB8CC\uB97C \uBC1B\uC558\uB2E4.

    \uB3C5\uB3C4 \uC218\uD638\uB300
    * 2010\uB144\uC5D0 \uBD24\uB358 \uC6F9 \uC0AC\uC774\uD2B8\uC758 \uB514\uC790\uC778 \uD30C\uC77C (index.psd)

    \uC2A4\uD0AC\uC2A4 \uD37C\uB2C8\uCCD0
    * 2012\uB144\uC5D0 \uB0B4\uAC00 \uC804\uAD6D\uB300\uD68C\uB97C \uC900\uBE44\uD558\uBA74\uC11C \uB9CC\uB4E0 \uB514\uC790\uC778. \uC774\uB7EC\uD55C \uB514\uC790\uC778\uC744 1\uC2DC\uAC04 \uB9CC\uC5D0 \uC644\uC131\uD574\uC57C \uD55C\uB2E4.

    \uBB38\uC81C\uB294 \uAE30\uD68D\uC11C\uB098 \uB514\uC790\uC778\uC740 \uC5B4\uB5BB\uAC8C\uB4E0 \uB530\uB77C \uADF8\uB9B4 \uC218 \uC788\uC5C8\uC73C\uB098, \uCF54\uB4DC\uB294 \uADF8\uB807\uC9C0 \uBABB\uD588\uB2E4. \uC5B4\uB9BC \uC7A1\uC544\uB3C4 \uCC45 \uD55C\uAD8C \uBD84\uB7C9\uC758 \uCF54\uB4DC\uC600\uAE30 \uB54C\uBB38\uC5D0(100\uC904\uC774 \uB118\uB294 \uCF54\uB4DC\uAC00 \uC57D 50\uAC1C\uC758 \uD30C\uC77C\uC5D0 \uBFD4\uBFD4\uC774 \uD769\uC5B4\uC838 \uC788\uC5C8\uB2E4) \uC9C0\uAE08 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uBCC4\uAC70 \uC544\uB2C8\uC9C0\uB9CC \uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uC815\uB9D0 \uC774\uAC78 \uC5B4\uB5BB\uAC8C \uACF5\uBD80\uD574\uC57C\uD558\uB098 \uC2F6\uC5C8\uB2E4.

    \uC774\uAC8C \uC57D 10\uB144\uC804\uC5D0 \uB0B4\uAC00 \uCC98\uC74C\uC73C\uB85C \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uACF5\uBD80\uD558\uBA74\uC11C \uBD24\uB358 \uCF54\uB4DC\uC774\uB2E4.

    <?
    +import{_ as c,r as l,o as i,c as u,a as n,b as a,w as e,e as s,d as o}from"./app.d20f8571.js";const r={},k=n("h1",{id:"\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-2",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-2","aria-hidden":"true"},"#"),s(" \uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)")],-1),d=n("p",null,"\uC774\uC81C \uBD80\uD130\uAC00 \uBCF8\uACA9\uC801\uC73C\uB85C \uAC1C\uBC1C\uC5D0 \uC785\uBB38\uD558\uAC8C \uB41C \uC774\uC57C\uAE30\uC774\uB2E4.",-1),v=s("Part-01"),b=s("Part-02"),m=s("Part-03"),g=o('

    \uAE30\uB2A5\uBC18, \uADF8\uB9AC\uACE0 \uCCAB \uB300\uD68C

    \uADF8\uB807\uAC8C 1\uD559\uB144\uC774 \uB05D\uB0A0 \uB54C \uCBE4, \uC55E\uC11C \uC5B8\uAE09\uD55C \uAE30\uB2A5\uBC18\uC744 \uD65C\uB3D9\uC744 \uC120\uC0DD\uB2D8\uC774 \uAD8C\uD574\uC8FC\uC168\uB2E4. \uADF8\uB7F4 \uAEBC\uBA74 \uADF8\uB0E5 \uCC98\uC74C\uBD80\uD130 \uD558\uAC8C \uD574\uC8FC\uB358\uAC00 \uB0B4\uAC00 1\uD559\uB144 1\uD559\uAE30 \uCD08\uC5D0 \uAE30\uB2A5\uBC18\uC744 \uD558\uACE0 \uC2F6\uC5B4\uC11C \uC2E0\uCCAD \uD588\uC744 \uB54C\uB294 \uAC8C\uC784 \uAC1C\uBC1C \uAE30\uB2A5\uBC18\uB9CC \uC788\uC5C8\uB294\uB370, \uC57D 2\uD559\uAE30 \uB9D0\uC5D0 \uC6F9 \uB514\uC790\uC778 \uAE30\uB2A5\uBC18\uC774 \uC0DD\uACBC\uACE0 \uC5EC\uAE30\uC5D0 \uAC00\uC785\uC744 \uAD8C\uD574\uC8FC\uC2E0 \uAC83\uC774\uC5C8\uB2E4.

    \uB098\uB294 \uAC00\uC785\uACFC \uB3D9\uC2DC\uC5D0 \uBC14\uB85C \uB2E4\uC74C \uD574 4\uC6D4\uC5D0 \uC5F4\uB9AC\uB294 \uC9C0\uBC29\uB300\uD68C\uB97C \uC900\uBE44\uD588\uB2E4.

    ',3),$={class:"custom-container tip"},_=n("p",{class:"custom-container-title"},"\uAE30\uB2A5\uACBD\uAE30\uB300\uD68C",-1),f=o("
  • \uC815\uC2DD \uBA85\uCE6D\uC740 \uAE30\uB2A5\uC62C\uB9BC\uD53D\uC774\uB2E4.
  • \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C\uB294 \uD2B9\uC131\uD654\uACE0\uB4F1\uD559\uAD50\uC758 \uC218\uB2A5\uC774\uBA70 \uCD95\uC81C\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.
  • \uC9C0\uBC29\uB300\uD68C - \uC804\uAD6D\uB300\uD68C - \uAD6D\uAC00\uB300\uD45C \uC120\uBC1C\uC804 - \uC138\uACC4\uB300\uD68C \uB4F1\uC758 \uACFC\uC815\uC774 \uC788\uB2E4.
  • \uC9C0\uBC29\uB300\uD68C\uB294 4\uC6D4\uC5D0 \uAC1C\uCD5C\uB41C\uB2E4. \uADF8\uB7F0\uB370 \uC62C\uD574\uB294 \uCF54\uB85C\uB098 \uB54C\uBB38\uC5D0 6\uC6D4\uC5D0 \uAC1C\uCD5C\uB418\uC5C8\uB2E4.
  • \uC804\uAD6D\uB300\uD68C\uB294 9\uC6D4/10\uC6D4 \uC911\uC5D0 \uAC1C\uCD5C\uB41C\uB2E4. \uC62C\uD574\uB294 9\uC6D4 14\uC77C \uBD80\uD130 7\uC77C\uAC04 \uB300\uD68C\uAC00 \uC9C4\uD589\uB418\uC5C8\uB2E4.
  • \uC138\uACC4\uB300\uD68C\uB294 2\uB144\uC5D0 \uD55C \uBC88\uC529 \uAC1C\uCD5C\uB41C\uB2E4. \uC138\uACC4\uB300\uD68C \uC785\uC0C1 \uD61C\uD0DD\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4. \uC62C\uB9BC\uD53D \uC785\uC0C1 \uD61C\uD0DD\uACFC \uB3D9\uC77C\uD558\uB2E4\uACE0 \uBCF4\uBA74 \uB41C\uB2E4.
    • \uBCD1\uC5ED\uB300\uCCB4\uBCF5\uBB34
    • \uC2E0\uCD95 \uC544\uD30C\uD2B8 \uBD84\uC591\uAD8C \uD68D\uB4DD
    • \uB300\uAE30\uC5C5 \uC5F0\uBD09\uAE09 \uC0C1\uAE08
    • \uB300\uD559 \uC9C4\uD559\uC2DC \uD559\uBE44 \uC804\uC561 \uC9C0\uC6D0
    • \uC5F0\uAE08
  • ",6),q=s("\uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),y={href:"https://meister.hrdkorea.or.kr/main/main.do",target:"_blank",rel:"noopener noreferrer"},h=s("\uB9C8\uC774\uC2A4\uD130\uB137"),w=s(" \uCC38\uACE0 "),x={href:"https://meister.hrdkorea.or.kr/sub/3/2/1/20160512110924569100_view.do",target:"_blank",rel:"noopener noreferrer"},E=s("\uC9C0\uBC29\uB300\uD68C"),C={href:"https://meister.hrdkorea.or.kr/sub/3/3/1/20160512111525375100_view.do",target:"_blank",rel:"noopener noreferrer"},B=s("\uC804\uAD6D\uB300\uD68C"),S={href:"https://meister.hrdkorea.or.kr/sub/3/4/1/20160512111859974100_view.do",target:"_blank",rel:"noopener noreferrer"},D=s("\uC138\uACC4\uB300\uD68C"),N=o(`

    \uC0AC\uC2E4 \uC6B0\uB9AC \uD559\uAD50\uC5D0\uC11C \uC6F9 \uB514\uC790\uC778 \uC885\uBAA9\uC5D0\uC11C\uC758 \uC785\uC0C1\uC740 \uACE0\uC0AC\uD558\uACE0 \uCD9C\uC804\uD574\uBCF8 \uACBD\uD5D8 \uC790\uCCB4\uAC00 \uC804\uBB34\uD588\uB2E4. \uC5B4\uB5BB\uAC8C \uC2DC\uC791\uD574\uC57C \uD560\uC9C0 \uBAB0\uB790\uB358 \uC120\uC0DD\uB2D8\uACFC \uB098\uB97C \uD3EC\uD568\uD55C \uAE30\uB2A5\uBC18 \uCE5C\uAD6C\uB4E4\uC740 \uC77C\uB2E8 \uC778\uD130\uB137 \uAC15\uC758\uBD80\uD130 \uCC28\uADFC \uCC28\uADFC \uB4E4\uC5C8\uB2E4. \uC774\uB984\uC740 \uC6F9 \uB514\uC790\uC778 \uC774\uC9C0\uB9CC, \uBC18 \uC774\uC0C1\uC774 \uAC1C\uBC1C\uACFC \uAD00\uB828\uB41C \uB0B4\uC6A9\uC774\uC5C8\uB2E4.

    • A-Module \uC0AC\uC774\uD2B8 \uC8FC\uC81C\uC5D0 \uC801\uD569\uD55C \uAE30\uD68D\uC11C \uB9CC\uB4E4\uAE30 - 3\uC2DC\uAC04
    • B-Module \uAE30\uD68D\uC11C\uB97C \uAE30\uBC18\uC73C\uB85C \uD3EC\uD1A0\uC0F5\uC73C\uB85C \uB514\uC790\uC778 \uD558\uAE30 - 3\uC2DC\uAC04
      • \uBA54\uC778 \uD398\uC774\uC9C0 1\uAC1C, \uC11C\uBE0C \uD398\uC774\uC9C0 3~4\uAC1C
    • C-Module \uC6F9 \uC0AC\uC774\uD2B8\uC5D0\uC11C \uC0AC\uC6A9 \uB420 \uD50C\uB798\uC2DC \uC560\uB2C8\uBA54\uC774\uC158 \uB9CC\uB4E4\uAE30 - 3\uC2DC\uAC04
      • \uBA54\uC778 \uD398\uC774\uC9C0\uC5D0\uC11C \uC0AC\uC6A9\uB420 \uC560\uB2C8\uBA54\uC774\uC158 1\uAC1C
      • \uC11C\uBE0C \uD398\uC774\uC9C0\uC5D0\uC11C \uC0AC\uC6A9\uB420 \uC560\uB2C8\uBA54\uC774\uC158 1\uAC1C
    • D-Module \uAE30\uD68D\uC11C/\uB514\uC790\uC778/\uD50C\uB798\uC2DC\uB97C \uAE30\uBC18\uC73C\uB85C \uC0AC\uC774\uD2B8 \uAE30\uBCF8 \uD2C0 \uAD6C\uCD95\uD558\uAE30 4\uC2DC\uAC04
      • \uD37C\uBE14\uB9AC\uC2F1 \uC791\uC5C5
      • \uD50C\uB798\uC2DC\uB85C \uBA54\uB274 \uAD6C\uD604
      • PHP + phpmyadmin + MySQL \uB85C \uAE30\uBCF8 \uC0AC\uC774\uD2B8 \uAD6C\uCD95
      • DB \uC124\uACC4
    • E-Module \uC0AC\uC774\uD2B8 \uC644\uC131\uD558\uAE30 5\uC2DC\uAC04
      • \uB85C\uADF8\uC778/\uD68C\uC6D0\uAC00\uC785/\uAC8C\uC2DC\uD310
      • \uAC80\uC0C9
      • \uB2EC\uB825
      • \uC1FC\uD551\uBAB0 \uAE30\uB2A5(\uC0C1\uD488 \uAD6C\uB9E4 / \uC0C1\uD488 \uC608\uC57D / \uC0C1\uD488 \uC608\uC57D \uD655\uC778 / \uC608\uC57D \uCDE8\uC18C)
      • \uAE30\uD0C0 \uB4F1\uB4F1

    \uC989, \uAE30\uD68D/\uB514\uC790\uC778/\uD50C\uB798\uC2DC(\uC560\uB2C8\uBA54\uC774\uC158/\uD37C\uBE14\uB9AC\uC2F1/DB\uC124\uACC4/\uAC1C\uBC1C \uB4F1 \uBAA8\uB4E0 \uC77C\uB828\uC758 \uACFC\uC815\uC744 \uB2E8 18\uC2DC\uAC04 \uC548\uC5D0 \uC218\uD589\uD574\uC57C \uD558\uB294 \uAC83\uC774\uB2E4. \uADF8\uAC83\uB3C4 \uC778\uD130\uB137 \uC5C6\uC774 \uD558\uB4DC\uCF54\uB529\uC73C\uB85C!

    \uB208\uC744 \uAC10\uC544\uBCF4\uC138\uC694. \uCE84\uCE84\uD558\uC8E0? \uADF8\uAC8C \uB2F9\uC2E0\uC758 \uBBF8\uB798\uC785\uB2C8\uB2E4.

    \uB514\uC790\uC778 \uACF5\uBD80\uB3C4, \uAC1C\uBC1C \uACF5\uBD80\uB3C4 \uC815\uB9D0 \uCC98\uC74C \uD574\uBCF4\uB294 \uAC70\uB77C\uC11C \uC5B4\uB514\uC11C \uBD80\uD130 \uC5B4\uB5BB\uAC8C \uC2DC\uC791\uD574\uC57C\uD560\uC9C0 \uB9C9\uB9C9\uD588\uB2E4. \uBC29\uD559 \uC9C1\uC804\uAE4C\uC9C0\uB294 \uC5B4\uBC84\uBC84 \uD558\uBA74\uC11C \uC2DC\uAC04\uC744 \uB54C\uC6B0\uB2E4\uAC00 \uACA8\uC6B8\uBC29\uD559 \uC2DC\uC791 \uC9C1\uD6C4\uC5D0 \uD559\uAD50\uC5D0\uC11C \uAD11\uC8FC\uC5D0 \uC788\uB294 \uD638\uB0A8\uB300\uD559\uAD50\uB85C \uC9D1\uCCB4\uAD50\uC721\uC744 \uBCF4\uB0B4\uC92C\uB2E4.

    \uC774 \uC9D1\uCCB4\uAD50\uC721\uC5D0\uC11C \uAE30\uB2A5\uBC18\uC5D0\uC11C \uACF5\uBD80\uD558\uB294 \uB2E4\uC591\uD55C \uD559\uAD50\uC758 \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB0AC\uB294\uB370 \uADF8 \uC911\uC5D0 \uC591\uC601\uB514\uC9C0\uD138\uACE0\uB4F1\uD559\uAD50\uC5D0\uC11C \uC628 \uC120\uBC30\uB2D8\uACFC \uAC19\uC740 \uBC29\uC744 \uC37C\uB2E4. \uC774 \uD6C4\uC5D0\uB3C4 \uC9D1\uCCB4\uAD50\uC721\uC744 \uAC08 \uB54C \uB9C8\uB2E4 \uC591\uC601\uB514\uC9C0\uD138\uACE0\uB4F1\uD559\uAD50 \uC0AC\uB78C\uB4E4\uACFC \uB9C8\uC8FC\uCCE4\uB294\uB370, \uB098\uB791 \uB3D9\uAC11\uC774\uB358 \uCE5C\uAD6C\uAC00 \uC878\uC5C5\uD560 \uB54C \uC988\uC74C op.gg\uB77C\uB294 \uC0AC\uC774\uD2B8\uB97C \uB9CC\uB4E4\uC5C8\uB2E4\uACE0 \uB4E4\uC5C8\uB2E4. \uC2F9\uC774 \uB0A8\uB2E4\uB978 \uC0AC\uB78C\uC774\uC5C8\uB2E4

    \uAC01\uC124\uD558\uACE0, \uB2E4\uC591\uD55C \uD559\uAD50\uC758 \uC0AC\uB78C\uB4E4\uC774 \uBAA8\uC5EC \uD2B9\uAC15\uC744 \uB4E3\uB294 \uD615\uD0DC\uC600\uB294\uB370 \uC774 \uB54C \uD2B9\uAC15\uC744 \uD574\uC8FC\uC2E0 \uAC15\uC0AC\uBD84\uC774 2009\uB144\uB3C4\uC5D0 \uC804\uAD6D\uB300\uD68C\uC5D0\uC11C 2\uB4F1\uC744 \uD588\uACE0, 2008\uB144\uB3C4 \uC785\uC0C1\uC790\uB4E4\uACFC 2009\uB144\uB3C4 \uC785\uC0C1\uC790\uB4E4\uACFC \uAD6D\uAC00\uB300\uD45C \uC120\uBC1C\uC804\uC744 \uAC70\uCCD0\uC11C \uC120\uBCC4\uB41C \uBD84\uC774\uC5C8\uB2E4. 2011\uB144 \uB7F0\uB358 \uB300\uD68C\uC5D0\uC11C 2\uB4F1\uC744 \uD588\uACE0, \uC9C0\uAE08\uC740 \uC57C\uB180\uC790\uC5D0\uC11C \uC77C\uD558\uACE0 \uACC4\uC2E0\uAC78\uB85C \uC54C\uACE0 \uC788\uB2E4. \uC774 \uBD84\uC774 \uC544\uB2C8\uC600\uC73C\uBA74 \uC9C0\uAE08\uC758 \uB0B4\uAC00 \uC5C6\uC5C8\uC744 \uAC83\uC774\uB2E4.

    \uAC15\uC758 \uB0B4\uC6A9\uC740 \uAD6C\uCCB4\uC801\uC73C\uB85C \uAE30\uC5B5\uB098\uC9C0 \uC54A\uC558\uC9C0\uB9CC \uAC15\uC758\uB97C \uD574\uC8FC\uC2DC\uB294 \uBD84\uC758 \uC190\uC774 \uB9E4\uC6B0 \uBE68\uB790\uACE0, \uBB34\uC2A8 \uC124\uBA85\uC744 \uD558\uB294\uC9C0 \uD558\uB098\uB3C4 \uBAA8\uB974\uACA0\uC9C0\uB9CC \uADF8\uB798\uB3C4 \uB193\uCE58\uBA74 \uD070\uC77C \uB09C\uB2E4\uB294 \uB290\uB08C\uC774 \uB4E4\uC5C8\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uAC15\uC758\uC5D0 \uCC38\uC5EC\uD55C \uBAA8\uB4E0 \uD559\uC0C8\uB4E4\uC5D0\uAC8C \uAD6D\uAC00\uB300\uD45C \uC120\uC218\uAC00 \uC9C1\uC811 \uC791\uC131\uD55C \uC18C\uC2A4\uCF54\uB4DC \uC81C\uACF5\uD574\uC8FC\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uADF8 \uC790\uCCB4\uB85C \uACF5\uBD80\uD560 \uB54C \uC815\uB9D0 \uD070 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uB2E4. \uB9D0 \uADF8\uB300\uB85C \uAE30\uD68D\uC11C, \uB514\uC790\uC778, \uD50C\uB798\uC2DC\uB294 \uBB3C\uB860 js\uC640 php, mysql \uAE4C\uC9C0 \uBAA8\uB4E0 \uC790\uB8CC\uB97C \uBC1B\uC558\uB2E4.

    \uB3C5\uB3C4 \uC218\uD638\uB300
    * 2010\uB144\uC5D0 \uBD24\uB358 \uC6F9 \uC0AC\uC774\uD2B8\uC758 \uB514\uC790\uC778 \uD30C\uC77C (index.psd)

    \uC2A4\uD0AC\uC2A4 \uD37C\uB2C8\uCCD0
    * 2012\uB144\uC5D0 \uB0B4\uAC00 \uC804\uAD6D\uB300\uD68C\uB97C \uC900\uBE44\uD558\uBA74\uC11C \uB9CC\uB4E0 \uB514\uC790\uC778. \uC774\uB7EC\uD55C \uB514\uC790\uC778\uC744 1\uC2DC\uAC04 \uB9CC\uC5D0 \uC644\uC131\uD574\uC57C \uD55C\uB2E4.

    \uBB38\uC81C\uB294 \uAE30\uD68D\uC11C\uB098 \uB514\uC790\uC778\uC740 \uC5B4\uB5BB\uAC8C\uB4E0 \uB530\uB77C \uADF8\uB9B4 \uC218 \uC788\uC5C8\uC73C\uB098, \uCF54\uB4DC\uB294 \uADF8\uB807\uC9C0 \uBABB\uD588\uB2E4. \uC5B4\uB9BC \uC7A1\uC544\uB3C4 \uCC45 \uD55C\uAD8C \uBD84\uB7C9\uC758 \uCF54\uB4DC\uC600\uAE30 \uB54C\uBB38\uC5D0(100\uC904\uC774 \uB118\uB294 \uCF54\uB4DC\uAC00 \uC57D 50\uAC1C\uC758 \uD30C\uC77C\uC5D0 \uBFD4\uBFD4\uC774 \uD769\uC5B4\uC838 \uC788\uC5C8\uB2E4) \uC9C0\uAE08 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uBCC4\uAC70 \uC544\uB2C8\uC9C0\uB9CC \uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uC815\uB9D0 \uC774\uAC78 \uC5B4\uB5BB\uAC8C \uACF5\uBD80\uD574\uC57C\uD558\uB098 \uC2F6\uC5C8\uB2E4.

    \uC774\uAC8C \uC57D 10\uB144\uC804\uC5D0 \uB0B4\uAC00 \uCC98\uC74C\uC73C\uB85C \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uACF5\uBD80\uD558\uBA74\uC11C \uBD24\uB358 \uCF54\uB4DC\uC774\uB2E4.

    <?
     	//\uC138\uC158 \uC2DC\uC791
     	session_start();
     	
    diff --git a/assets/index.html.8299e657.js b/assets/index.html.1dbcf7c1.js
    similarity index 99%
    rename from assets/index.html.8299e657.js
    rename to assets/index.html.1dbcf7c1.js
    index 5e54c65e..479e5b09 100644
    --- a/assets/index.html.8299e657.js
    +++ b/assets/index.html.1dbcf7c1.js
    @@ -1,4 +1,4 @@
    -import{_ as i,r as o,o as l,c as u,a as n,b as a,w as c,d as p,e as s}from"./app.800103af.js";const r={},k=p('

    2020\uB144 7\uC6D4 \uD68C\uACE0

    7\uC6D4\uC740 \uAC1C\uBC1C \uC11C\uC801, \uD2B9\uD788 javascript\uC758 core\uC5D0 \uB300\uD55C \uC11C\uC801\uC744 \uB9CE\uC774 \uC77D\uC5C8\uB2E4.

    \uACF5\uC801

    \uD68C\uC0AC\uC5D0\uC11C\uB294 CMS \uAC1C\uBC1C, API \uBD84\uB9AC, \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC80\uC218 \uC704\uC8FC\uC758 \uC77C\uC744 \uC9C4\uD589\uD588\uB2E4.

    1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

    ',5),d=s("5\uC6D4 \uD68C\uACE0"),v=s("\uC640 "),m=s("6\uC6D4 \uD68C\uACE0"),b=s("\uC5D0 \uC774\uC5B4 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uACFC \uAD00\uB828\uB41C \uC77C\uC5D0 \uACE0\uD1B5\uBC1B\uB294 \uC911\uC774\uB2E4."),h=p('

    6\uC6D4\uC5D0 1\uCC28 \uAC1C\uBC1C\uC774 \uC644\uB8CC\uB418\uC5C8\uACE0, 7\uC6D4 \uB9D0\uC5D0 \uD504\uB85C\uC81D\uD2B8 \uC644\uB8CC \uBCF4\uACE0\uB97C \uC9C4\uD589\uD588\uB2E4. \uC0AC\uC2E4 7\uC6D4\uC5D0 \uBB54\uAC00 \uAE30\uB2A5\uC744 \uD655\uC7A5\uD558\uAC70\uB098 \uD558\uC9C4 \uC54A\uC558\uACE0, \uBC84\uADF8 \uC218\uC815\uB9CC \uD588\uB294\uB370 \uBB38\uC81C\uB294.. \uAC80\uC218\uAC00 \uB108\uBB34 \uC624\uB798 \uAC78\uB9B0\uB2E4.

    (1) \uC9C0\uAE0B\uC9C0\uAE0B\uD55C \uAC80\uC218 \uACFC\uC815

    \uB2E8\uC9C0 UI\uB97C \uC218\uC815\uD588\uC744 \uBFD0\uC778\uB370 \uACC4\uC18D \uC0AC\uC6A9\uC790 \uB370\uC774\uD130 \uBCF4\uD638\uC640 \uAD00\uB828\uB41C \uB0B4\uC6A9\uC73C\uB85C \uBC18\uB824\uB418\uACE0 \uC788\uB2E4. \uBAA8\uB4E0 \uD638\uC2A4\uD2B8 \uAD8C\uD55C\uC744 https\uB85C \uBCC0\uACBD\uD558\uBA74 \uC798 \uC791\uB3D9\uD558\uC9C0\uB9CC, \uAC80\uC0C9\uC90C \uAC19\uC740 \uACBD\uC6B0\uC5D0\uB294 \uC544\uC9C1 http\uB97C \uC0AC\uC6A9\uD558\uACE0 \uC788\uC5B4\uC11C \uBB38\uC81C\uAC00 \uB418\uACE0 \uC788\uB2E4.

    \uAC80\uC0C9\uC90C\uB9CC https\uB85C \uC804\uD658 \uB418\uBA74 \uC644\uBCBD\uD55C\uB370.. \uC0DD\uAC01\uBCF4\uB2E4 \uC77C\uC815\uC774 \uC9C0\uC5F0\uB418\uACE0 \uC788\uB294 \uC0C1\uD669.

    \uC5EC\uAE30\uC11C \uBB34\uC5C7\uC744 \uC5B4\uB5BB\uAC8C \uC5BC\uB9C8\uB098 \uB354 \uD574\uC57C \uC88B\uC744\uC9C0 \uACE0\uBBFC \uC911\uC774\uB2E4.

    (2) \uD504\uB85C\uC81D\uD2B8 \uC644\uB8CC \uBCF4\uACE0

    \uC785\uC0AC \uD6C4 \uCC98\uC74C\uC73C\uB85C \uD504\uB85C\uC81D\uD2B8 \uC644\uB8CC \uBCF4\uACE0 \uBC1C\uD45C\uB97C \uD588\uB2E4. \uC0AC\uC7A5\uB2D8\uC774 \uCC38\uC5EC\uD558\uC2DC\uB294 \uC904 \uC54C\uACE0 \uAF64\uB098 \uACF5\uB4E4\uC5EC \uC900\uBE44\uD588\uB294\uB370, \uBD88\uD589\uC778\uC9C0 \uB2E4\uD589\uC778\uC9C0 \uCC38\uAD00\uD558\uC2DC\uC9C4 \uC54A\uC558\uB2E4. \uB2E4\uD589\uC778\uB4EF

    \uD504\uB85C\uC81D\uD2B8 \uC644\uB8CC \uBCF4\uACE0

    \uC90C\uC778\uD130\uB137\uC740 \uC9C4\uD589\uD558\uB358 \uD504\uB85C\uC81D\uD2B8\uAC00 \uC5B4\uB290 \uC815\uB3C4 \uB9C8\uBB34\uB9AC\uB418\uBA74 \uD504\uB85C\uC81D\uD2B8 \uC644\uB8CC \uBCF4\uACE0\uB97C \uC9C4\uD589\uD55C\uB2E4.
    \uB2E4\uB978 \uD300\uACFC \uD504\uB85C\uC81D\uD2B8\uC758 \uC758\uC758, \uBAA9\uC801, \uC131\uACFC \uADF8\uB9AC\uACE0 \uAE30\uC220 \uC2A4\uD0DD \uB4F1\uC744 \uACF5\uC720\uD55C\uB2E4.
    \uADF8\uB7F0\uB370 \uC6B0\uB9AC \uD300\uB9CC \uD558\uB294 \uAC83 \uAC19\uB2E4.

    \uBC1C\uD45C\uB294

    1. \uAC1C\uC694
    2. \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C\uACFC\uC815
    3. \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uBC30\uD3EC\uACFC\uC815
    4. \uD504\uB85C\uC81D\uD2B8 \uAD6C\uC870
    5. \uAC80\uC218 \uACFC\uC815
    6. \uC55E\uC73C\uB85C\uC758 \uACC4\uD68D

    \uC21C\uC11C\uB85C \uC9C4\uD589\uD588\uB2E4.

    \uC90C\uC778\uD130\uB137\uC774\uB77C\uB294 \uD68C\uC0AC\uB294 \uCC38 \uC88B\uC740 \uD68C\uC0AC\uC9C0\uB9CC, \uC90C\uC774\uB77C\uB294 \uC11C\uBE44\uC2A4\uC5D0\uB294 \uC544\uC26C\uC6C0\uC774 \uB9CE\uAE30\uC5D0 \uAC1C\uC778\uC801\uC73C\uB85C \uC0AC\uB0B4\uC5D0\uC11C \uC774\uB7F0 \uC11C\uBE44\uC2A4\uB97C \uB9CE\uC774 \uB9CC\uB4E4\uC5B4 \uBD24\uC73C\uBA74 \uD558\uB294 \uBC14\uB78C\uC774 \uC788\uB2E4.

    \uBD88\uD589\uC778\uC9C0 \uB2E4\uD589\uC778\uC9C0, \uD68C\uC0AC\uC5D0\uC11C \uAC1C\uBC1C \uC9C1\uAD70\uC774 \uD560 \uC218 \uC788\uB294 \uAC83\uC740 \uAC1C\uBC1C\uBC16\uC5D0 \uC5C6\uB2E4. \uC5B4\uCA0C\uB4E0 \uAC1C\uBC1C\uC790\uB85C\uC11C \uCD5C\uB300\uD55C \uC88B\uC740 \uD004\uB9AC\uD2F0\uC758 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4DC\uB294 \uAC83\uC774 \uD68C\uC0AC\uC5D0 \uD5CC\uC2E0\uD558\uB294 \uBC29\uBC95\uC778 \uAC83 \uAC19\uB2E4.

    2. CMS \uC791\uC5C5

    \uC774\uBC88 \uB2EC\uC758 \uC8FC\uC694 \uC5C5\uBB34\uB294 \uD56B\uC774\uC288 CMS\uB97C \uAC1C\uBC1C\uC774\uC5C8\uB2E4. \uD604\uC7AC UI \uAC1C\uBC1C\uAE4C\uC9C0 \uC644\uB8CC\uB41C \uC0C1\uD0DC\uC774\uB2E4.

    ',15),g={class:"custom-container tip"},_=n("p",{class:"custom-container-title"},"\uC90C\uD504\uB7F0\uD2B8\uC758 \uD56B\uC774\uC288 \uC601\uC5ED",-1),y={href:"https://zum.com",target:"_blank",rel:"noopener noreferrer"},f=n("img",{src:"https://user-images.githubusercontent.com/18749057/89117592-f3b5ef80-d4d9-11ea-9470-ddb68c4d6076.png",alt:"\uC90C\uD504\uB7F0\uD2B8\uC758 \uD56B\uC774\uC288",width:"400"},null,-1),w=n("p",null,"\uAE30\uD68D\uC790\uAC00 \uD56B\uC774\uC288 \uC601\uC5ED\uC5D0 \uB4E4\uC5B4\uAC08 \uB9C1\uD06C\uC640 \uC774\uBBF8\uC9C0\uB97C \uC9C1\uC811 \uC791\uC5C5\uD574\uC11C \uC62C\uB9B0\uB2E4. \uD604\uC7AC \uB274\uC2A4 CMS\uC5D0 \uBD99\uC5B4 \uC788\uB294\uB370, \uC774\uAC78 \uC90C\uD504\uB7F0\uD2B8 CMS\uB85C \uBD84\uB9AC\uD558\uB294 \uACFC\uC815\uC774 \uD544\uC694\uD55C \uC0C1\uD0DC.",-1),$=p('

    CMS\uD398\uC774\uC9C0\uB294 Vue-element-admin\uC744 \uC774\uC6A9\uD558\uC5EC \uC791\uC5C5\uD588\uB2E4. \uB2E4\uB9CC Vue-element-admin\uC758 \uACBD\uC6B0 \uC4F8\uB370\uC5C6\uB294 \uD328\uD0A4\uC9C0\uAC00 \uB9CE\uACE0, \uBCF4\uC77C\uB7EC\uD50C\uB808\uC774\uD2B8 \uC790\uCCB4\uAC00 \uB9E4\uC6B0 \uBB34\uAC81\uAE30 \uB54C\uBB38\uC5D0 \uD544\uC694\uD55C \uCEF4\uD3EC\uB10C\uD2B8\uB9CC \uAC00\uC838\uB2E4 \uC0AC\uC6A9 \uC911\uC774\uB2E4.

    \uC774\uBC88 CMS \uC791\uC5C5\uC774 \uC870\uAE08 \uAE4C\uB2E4\uB85C\uC6B4 \uC810\uC740, \uAE30\uC874\uC5D0\uB294 \uB274\uC2A4 \uD30C\uD2B8\uC5D0\uC11C \uC791\uC5C5\uD558\uC5EC \uB274\uC2A4 API\uC5D0 \uB370\uC774\uD130\uB97C \uC5B9\uC5B4\uC11C \uBCF4\uB0B4\uC92C\uB2E4\uBA74 \uC774\uC81C\uB294 \uC544\uC608 \uC90C\uD504\uB7F0\uD2B8 \uD30C\uD2B8\uC5D0\uC11C \uBAA8\uB4E0 \uAC83\uC744 \uC791\uC5C5\uD574\uC57C \uD55C\uB2E4\uB294 \uC810\uC774\uB2E4.

    • CMS\uB9CC \uB9CC\uB4E4\uBA74 \uB418\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C CMS\uC5D0\uC11C \uC815\uC81C\uD55C \uB370\uC774\uD130\uB97C \uAE30\uBC18\uC73C\uB85C \uC0C8\uB85C\uC6B4 API\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.
    • \uBBF8\uB9AC\uBCF4\uAE30 \uAE30\uB2A5\uAE4C\uC9C0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uBBF8\uB9AC\uBCF4\uAE30\uC640 \uAD00\uB828\uB41C \uB3C4\uBA54\uC778\uC5D0\uC11C \uD398\uC774\uC9C0\uB97C \uC694\uCCAD\uD560 \uACBD\uC6B0, \uC2E4\uC11C\uBE44\uC2A4 \uB370\uC774\uD130 \uB370\uC2E0\uC5D0 \uBBF8\uB9AC\uBCF4\uAE30 \uB370\uC774\uD130\uB85C \uAD6C\uC131\uD574\uC11C \uBCF4\uC5EC\uC918\uC57C \uD55C\uB2E4.

    \uB530\uB77C\uC11C \uD56B\uC774\uC288 CMS \uD558\uB098 \uB54C\uBB38\uC5D0 Internal API, Zum Front CMS, Zum Lego \uB4F1\uC758 \uD504\uB85C\uC81D\uD2B8\uC5D0\uC11C \uC791\uC5C5\uD574\uC57C \uD55C\uB2E4. CMS \uD558\uB098 \uB54C\uBB38\uC5D0 \uCD5C\uCD08 \uBC30\uD3EC\uC5D0 \uD544\uC694\uD55C \uD504\uB85C\uC81D\uD2B8\uB9CC 3\uAC1C\uC778 \uAC83\uC774\uB2E4.

    \uC6D0\uB798 \uC774\uBC88 \uB2EC\uAE4C\uC9C0 \uB9C8\uBB34\uB9AC \uD574\uC57C \uD588\uC9C0\uB9CC, \uAC19\uC774 \uC791\uC5C5\uD558\uB294 \uD300\uC6D0\uC774 \uB2E4\uB978 \uC77C\uC744 \uC9C4\uD589\uD558\uB290\uB77C \uC57D\uAC04 \uC9C0\uC5F0\uB418\uACE0 \uC788\uB2E4. 8\uC6D4\uC5D0\uB294 \uB9C8\uBB34\uB9AC\uD560 \uC218 \uC788\uC744 \uAC83 \uAC19\uB2E4.

    3. API \uBD84\uB9AC \uC791\uC5C5

    ',6),S=s("\uD604\uC7AC "),x={href:"https://m.zum.com",target:"_blank",rel:"noopener noreferrer"},E=s("\uBAA8\uBC14\uC77C\uC90C"),C=s(", "),I={href:"https://zum.com",target:"_blank",rel:"noopener noreferrer"},M=s("\uC90C\uD504\uB7F0\uD2B8"),j=s(", "),O={href:"https://chrome.google.com/webstore/detail/zum-newtab/bghgeookcfdmkoocalbclnhofnenmhlf",target:"_blank",rel:"noopener noreferrer"},D=s("\uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8"),A=s(", "),P={href:"https://play.google.com/store/apps/details?id=com.zum.android.search&hl=ko",target:"_blank",rel:"noopener noreferrer"},T=s("\uC90C \uC571"),H=s(" \uB4F1\uC744 \uD3EC\uD568\uD558\uC5EC "),G=n("strong",null,"\uCD5C\uC18C 4\uAC1C \uC774\uC0C1\uC758 \uC11C\uBE44\uC2A4",-1),L=s("\uC5D0\uC11C Internal API\uB97C \uC0AC\uC6A9\uD558\uACE0 \uC788\uB2E4. "),N=n("u",null,"\uC989 Internal API\uAC00 \uB9E4\uC6B0 \uBE44\uB300\uD558\uB2E4.",-1),V=p('

    \uC774 \uC911\uC5D0\uC11C \uBC30\uD3EC \uBE44\uC911\uC744 \uAC00\uC7A5 \uB9CE\uC774 \uCC28\uC9C0\uD558\uACE0 \uC788\uB294 \uAC83\uC740 \uBAA8\uBC14\uC77C\uC90C\uACFC \uAD00\uB828\uB41C Mobile API \uC774\uB2E4. \uADF8\uB798\uC11C Mobile API\uB97C \uBD84\uB9AC\uD558\uAE30\uB85C \uD558\uC600\uB2E4.

    • Mobile API\uB294 \uB370\uC774\uD130\uBCA0\uC774\uC2A4\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uAE30 \uB54C\uBB38\uC5D0 \uB370\uC774\uD130\uBCA0\uC774\uC2A4\uC640 \uAD00\uB828\uB41C \uBAA8\uB4E0 \uC758\uC874\uC131\uC744 \uC81C\uAC70\uD588\uB2E4.
    • \uAE30\uC874\uC758 \uCE90\uC2F1 \uB85C\uC9C1\uC744 \uB9AC\uD329\uD1A0\uB9C1\uD588\uB2E4.
    • \uBC84\uC804\uC5C5\uC774 \uB418\uBA74\uC11C \uD544\uC694 \uC5C6\uC5B4\uC9C4 \uCF54\uB4DC\uB97C \uC81C\uAC70\uD588\uB2E4.
    • \uC0AC\uB0B4\uC758 IDC \uC778\uC2A4\uD134\uC2A4\uB85C \uC0AC\uC6A9\uD558\uB358 \uAC83\uC744 \uB3C4\uCEE4 \uCEE8\uD14C\uC774\uB108\uC640 \uCFE0\uBC84\uB124\uD2F0\uC2A4\uB85C \uC804\uD658\uD588\uB2E4.

    \uC774 \uC911 \uC81C\uC77C \uD070 \uC2DC\uAC04\uC774 \uC18C\uC694\uB41C \uAC83\uC740 \uCE90\uC2F1 \uB85C\uC9C1 \uBCC0\uACBD\uC774\uB2E4. \uC57D 100\uAC1C \uC774\uC0C1\uC758 \uD30C\uC77C\uC744 \uC218\uB3D9\uC73C\uB85C \uC791\uC5C5\uD588\uB2E4.

    \uD558\uC9C0\uB9CC.. \uAF2D \uD544\uC694\uD55C \uC791\uC5C5\uC774\uC600\uAE30 \uB54C\uBB38\uC5D0.. \uC6B8\uBA70 \uACA8\uC790 \uBA39\uAE30\uB85C \uD560 \uC218 \uBC16\uC5D0 \uC5C6\uC5C8\uB2E4.

    Mobile API\uC758 \uBD84\uB9AC\uB294 \uAC70\uC758 \uB05D\uB0AC\uB2E4. \uC11C\uBE44\uC2A4\uC874 \uBC30\uD3EC\uAE4C\uC9C0 \uC644\uB8CC\uB41C \uC0C1\uD0DC\uC774\uAE30 \uB54C\uBB38\uC5D0 8\uC6D4 \uC911\uC5D0 \uBAA8\uBC14\uC77C\uC90C\uC5D0 \uC801\uC6A9\uD558\uC9C0 \uC54A\uC744\uAE4C \uC2F6\uB2E4.

    \uADF8\uB2E4\uC74C\uC5D0 Internal API\uC5D0\uC11C Mobile API\uB97C \uC81C\uAC70\uD558\uB294 \uC791\uC5C5\uB3C4 \uD544\uC694\uD558\uB2E4. \uC2F9 \uB2E4 \uC9C0\uC6CC~!

    \uC0AC\uC801

    \uC774\uBC88 \uB2EC\uC740 \uCE74\uCE74\uC624 \uBA74\uC811 \uB355\uBD84\uC5D0 \uC8FC\uB85C Javascript \uAD00\uB828 \uC11C\uC801\uC744 \uC77D\uACE0, \uCF54\uB529 \uC778\uD130\uBDF0\uB97C \uC900\uBE44\uD588\uB2E4.

    1. \uB514\uC2A4\uCF54\uB4DC \uBD07

    \uB514\uC2A4\uCF54\uB4DC \uBD07

    ',10),R=s("6\uC6D4\uC5D0 "),B={href:"https://github.com/DKU-STUDY/",target:"_blank",rel:"noopener noreferrer"},F=s("DKU-STUDY"),q=s(" \uCC44\uD305\uBC29\uC744 \uB514\uC2A4\uCF54\uB4DC\uB85C \uC62E\uAE30\uBA74\uC11C "),z={href:"https://github.com/JunilHwang/discord-study-bot",target:"_blank",rel:"noopener noreferrer"},J=s("\uB514\uC2A4\uCF54\uB4DC \uBD07"),Y=s("\uC744 \uB9CC\uB4E4\uC5C8\uB2E4."),K=p('

    \uD604\uC7AC Pull Request, Push, Issue, Review \uB4F1\uC774 \uBC1C\uC0DD\uD558\uBA74 \uB514\uC2A4\uCF54\uB4DC \uBD07\uC774 \uB514\uC2A4\uCF54\uB4DC \uCC44\uB110\uC5D0 \uBA54\uC2DC\uC9C0\uB97C \uBCF4\uB0B4\uB3C4\uB85D \uB9CC\uB4E4\uC5B4\uB1A8\uB2E4.

    \uC77C\uB2E8 \uBAA9\uD45C\uB85C \uD558\uB294 \uAE30\uB2A5\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    • Github \uAD00\uB828
      • Github \uB85C\uADF8\uC778 (\uC644\uC131)
      • Github Repository \uBD88\uB7EC\uC624\uAE30 (\uC644\uC131)
      • Github Repository\uB97C \uC120\uD0DD\uD558\uBA74 \uAD00\uB828\uB41C Hooks \uBD88\uB7EC\uC624\uAE30 (\uC644\uC131)
      • Hooks\uB97C \uCD94\uAC00/\uC218\uC815/\uC0AD\uC81C\uD558\uAE30
      • Hooks\uC640 \uAD00\uB828\uB41C \uD15C\uD50C\uB9BF \uC791\uC131\uD558\uAE30
        • Pull Request
        • Code Review
        • Issue Comment
        • Push
    • Discord \uAD00\uB828
      • Discord \uB85C\uADF8\uC778
      • Discord \uCC44\uB110 \uBAA9\uB85D \uBD88\uB7EC\uC624\uAE30
      • Discord\uC758 \uCC44\uB110 ID \uBCF5\uC0AC\uD558\uAE30
    • Discord\uC640 Github \uC5F0\uB3D9 \uAD00\uB828
      • Github Hooks\uC5D0 Discord Channel ID \uC5F0\uACB0\uD558\uAE30

    Github \uB85C\uADF8\uC778\uC740 \uC77C\uB2E8 Basic Auth\uB85C \uB9CC\uB4E4\uC5C8\uB294\uB370, \uC774\uAC78 OAuth\uB85C \uC218\uC815\uD574\uC57C \uD558\uB098 \uACE0\uBBFC\uC911\uC774\uB2E4. \uC544\uBB34\uB798\uB3C4 \uB85C\uADF8\uC778\uACFC \uAD00\uB828\uB41C \uAD8C\uD55C\uC740 \uCD5C\uC18C\uD654\uD560\uC218\uB85D \uC88B\uC740 \uAC83 \uAC19\uB2E4.

    \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uBA74\uC11C Github API\uC5D0\uB294 \uB9E4\uC6B0 \uC775\uC219\uD574\uC84C\uAE30 \uB54C\uBB38\uC5D0 \uB9CC\uB4DC\uB294 \uB370 \uD070 \uBB34\uB9AC\uB294 \uC5C6\uB2E4.

    \uB2E4\uB9CC, \uCE74\uCE74\uC624 \uBA74\uC811 \uC900\uBE44 \uB54C\uBB38\uC5D0 \uC77C\uC2DC \uC911\uB2E8\uB41C \uC0C1\uD0DC\uB2E4. 8\uC6D4 \uBD80\uD130 \uB2E4\uC2DC \uB9CC\uB4E4\uC5B4\uC57C\uC9C0.. \u314B\u314B

    2. \uCE74\uCE74\uC624 \uBA74\uC811 \uC900\uBE44

    ',7),U=s("5\uC6D4\uC5D0 \uC7AC\uBBF8\uB85C \uCE5C\uAD6C\uB4E4\uACFC \uAC19\uC774 "),Z={href:"https://programmers.co.kr/competitions/151/2020-kakao-fe-recruitment",target:"_blank",rel:"noopener noreferrer"},Q=s("\uCE74\uCE74\uC624 \uACBD\uB825 \uAC1C\uBC1C\uC790 \uC601\uC785 - \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C \uCC4C\uB9B0\uC9C0"),W=s("\uC5D0 \uC9C0\uC6D0\uD588\uB2E4."),X=p('
    • 6\uC6D4 \uCCAB\uC9F8 \uC8FC\uC5D0 \uC54C\uACE0\uB9AC\uC998 \uD14C\uC2A4\uD2B8\uB97C \uBD24\uB2E4.
      • 3\uBB38\uC81C \uC911\uC5D0 2\uBB38\uC81C\uB97C \uD480\uC5C8\uACE0, \uBB34\uC870\uAC74 \uD0C8\uB77D\uC774\uAD6C\uB098 \uC0DD\uAC01\uD588\uB294\uB370 \uD1B5\uACFC\uD574\uBC84\uB838\uB2E4.
      • \uAC19\uC774 \uC751\uC2DC\uD55C \uCE5C\uAD6C\uB4E4 \uC911\uC5D0\uC11C \uD63C\uC790 \uD569\uACA9\uD588\uB2E4.
      • \uC4F8\uC4F8\uD588\uB2E4... \uCCC7
    • 6\uC6D4 \uB458\uC9F8 \uC8FC\uC5D0 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uD14C\uC2A4\uD2B8\uB97C \uBD24\uB2E4. \uD544\uC218 \uC694\uAD6C\uC0AC\uD56D\uC740 \uB2E4 \uD574\uACB0\uD588\uACE0, \uCD94\uAC00 \uC694\uAD6C\uC0AC\uD56D\uC5D0\uC11C \uACE0\uC804\uD588\uB2E4.

    • 7\uC6D4 \uCCAB\uC9F8 \uC8FC\uC5D0 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uD14C\uC2A4\uD2B8\uC5D0 \uB300\uD55C \uCF54\uB4DC\uB9AC\uBDF0 \uBC0F \uACB0\uACFC \uBC1C\uD45C\uB97C \uC548\uB0B4\uBC1B\uC558\uB2E4.
      \uC0C1\uC704 13% \uC131\uC801\uC73C\uB85C \uD569\uACA9\uD588\uB2E4.
      \uCF54\uB4DC \uB9AC\uBDF0
    • \uC774\uB825\uC11C\uB97C \uC791\uC131\uD588\uACE0, FE\uD50C\uB7AB\uD3FC \uD300\uC758 \uBE44\uC988\uB2C8\uC2A4 \uC11C\uBE44\uC2A4 \uD30C\uD2B8\uC640 \uD2F0\uC2A4\uD1A0\uB9AC,\uBE0C\uB7F0\uD30C\uD2B8\uC5D0 \uC9C0\uC6D0\uD588\uB2E4.
      • \uBE44\uC988\uB2C8\uC2A4 \uC11C\uBE44\uC2A4 \uD30C\uD2B8\uC5D0 \uCE5C\uD55C \uCE5C\uAD6C\uAC00 \uADFC\uBB34\uD558\uACE0 \uC788\uB2E4.
        \uADF8 \uCE5C\uAD6C\uB97C \uC874\uACBD\uD558\uACE0 \uC88B\uC544\uD588\uAE30 \uB54C\uBB38\uC5D0 \uAC19\uC774 \uC77C\uD574\uBCF4\uACE0 \uC2F6\uC5C8\uACE0 \uADF8\uB798\uC11C \uC9C0\uC6D0\uD588\uB2E4.
    • 7\uC6D4 \uB458\uC9F8 \uC8FC\uC5D0 \uBA74\uC811 \uACFC\uC81C\uB97C \uD480\uC774\uD588\uB2E4
      • \uC774 \uB54C \uC9C1\uC811 \uBC18\uC751\uD615 \uC2DC\uC2A4\uD15C\uC744 \uAD6C\uCD95\uD558\uC5EC \uD480\uC774\uD588\uB2E4.
      • \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uACFC\uC81C\uC5D0 \uB300\uD55C \uCF54\uB4DC \uB9AC\uBDF0\uB97C \uBC18\uC601\uD588\uB2E4.
    • 7\uC6D4 \uC14B\uC9F8 \uC8FC\uC5D0 1\uCC28 \uC778\uD130\uBDF0\uB97C \uC9C4\uD589\uD588\uB2E4.
      1\uCC28 \uC778\uD130\uBDF0 \uC548\uB0B4
      • \uC778\uC0AC\uC774\uB4DC \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8, \uCF54\uC5B4 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8, \uAC01\uC885 \uCF54\uB529 \uC778\uD130\uBDF0 \uD3EC\uC2A4\uD305 \uBC0F \uB808\uD3EC, \uD504\uB808\uC784\uC6CC\uD06C \uAD00\uB828 \uC11C\uC801\uC744 \uCC38\uACE0\uD588\uB2E4.

    • 7\uC6D4 \uB137\uC9F8 \uC8FC\uC5D0 1\uCC28 \uC778\uD130\uBDF0 \uD569\uACA9\uC744 \uC548\uB0B4\uBC1B\uC558\uB2E4.
      1\uCC28 \uC778\uD130\uBDF0 \uD569\uACA9
      • \uC6D0\uB798 \uD55C \uC2DC\uAC04 \uC778\uD130\uBDF0\uC778\uB370, \uD55C \uC2DC\uAC04 \uBC18 \uC815\uB3C4 \uC9C4\uD589\uD588\uB2E4.
      • \uC0AC\uC2E4 \uC560\uB9E4\uD558\uAC8C \uB300\uB2F5\uD55C \uBD80\uBD84\uB4E4\uC774 \uC788\uC5B4\uC11C \uD070 \uAE30\uB300\uB97C \uD558\uC9C0 \uC54A\uC558\uB294\uB370, 1\uCC28\uAE4C\uC9C0 \uD569\uACA9\uD588\uB2E4.

    • 7\uC6D4 \uB2E4\uC12F\uC9F8 \uC8FC\uC5D0 2\uCC28 \uC778\uD130\uBDF0\uB97C \uC9C4\uD589\uD588\uB2E4.
      • 1\uCC28 \uC778\uD130\uBDF0\uC640 \uB9C8\uCC2C\uAC00\uC9C0\uB85C \uC6D0\uB798 \uD55C \uC2DC\uAC04 \uC778\uD130\uBDF0\uC778\uB370, \uD55C \uC2DC\uAC04 \uBC18 \uC815\uB3C4 \uC9C4\uD589\uD588\uB2E4.
      • \uAE0D\uC815\uC801\uC778 \uC2E0\uD638\uB77C\uACE0 \uBC1B\uC544\uB4E4\uC5EC\uB3C4 \uB418\uACA0\uC9C0..?

    \uADF8\uB9AC\uACE0 \uB0B4\uC77C(8/3 \uC6D4) \uCD5C\uC885 \uD569\uACA9\uC5D0 \uB300\uD55C \uC548\uB0B4\uB97C \uBC1B\uC744 \uAC83 \uAC19\uB2E4... \uAE34\uC7A5 \uB3FC\uC11C \uBBF8\uCE60 \uC9C0\uACBD

    (1) \uBC18\uC751\uD615 \uC2DC\uC2A4\uD15C \uAD6C\uCD95

    \uBA74\uC811 \uACFC\uC81C\uB97C \uC900\uBE44\uD558\uBA74\uC11C \uACFC\uC81C\uB97C \uC5B4\uB5A4 \uC2DD\uC73C\uB85C \uD480\uC774\uD574\uC57C \uC88B\uC744\uC9C0 \uACE0\uBBFC \uD558\uB2E4\uAC00 Vue\uC640 \uAC19\uC774 MVVM \uC2DC\uC2A4\uD15C\uC744 \uC9C1\uC811 \uAD6C\uCD95\uD574\uC11C \uC0AC\uC6A9\uD558\uB294 \uAC83\uC744 \uBAA9\uD45C\uB85C \uD558\uC5EC \uACF5\uBD80\uD588\uB2E4.

    \uC774 \uB54C \uCC38\uACE0\uD55C \uC790\uB8CC\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    ',12),nn=n("strong",null,"Taost Meetup",-1),sn=s("\uC758 "),an={href:"https://meetup.toast.com/posts/188",target:"_blank",rel:"noopener noreferrer"},tn=s("0.7KB\uB85C Vue\uC640 \uAC19\uC740 \uBC18\uC751\uD615 \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30"),pn=n("strong",null,"\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30",-1),en=s(),on={href:"https://www.youtube.com/watch?v=E9NZ0YEZrYU&t=3320s",target:"_blank",rel:"noopener noreferrer"},cn=s("\uAC1D\uCCB4\uC9C0\uD5A5 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8, MVVM"),ln=s("\uADF8\uB9AC\uACE0 \uC704\uC758 \uB0B4\uC6A9\uC744 \uC815\uB9AC\uD55C \uB098\uC758 \uD3EC\uC2A4\uD2B8 "),un={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/01-Intro/",target:"_blank",rel:"noopener noreferrer"},rn=s("\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860"),kn={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/02-MVVM/",target:"_blank",rel:"noopener noreferrer"},dn=s("MVVM System \uB9CC\uB4E4\uAE30"),vn={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/",target:"_blank",rel:"noopener noreferrer"},mn=s("MVVM System \uAC1C\uC120 (1)"),bn={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/",target:"_blank",rel:"noopener noreferrer"},hn=s("MVVM System \uAC1C\uC120 (2)"),gn={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/05-Extension/",target:"_blank",rel:"noopener noreferrer"},_n=s("MVVM System \uAC1C\uC120 (3)"),yn=p(`

    \uCC98\uC74C\uC5D0\uB294 Proxy\uB97C \uC774\uC6A9\uD558\uC5EC Component Class\uB97C \uB9CC\uB4E4\uC5C8\uB2E4.

    $data\uC5D0 Proxy\uB97C \uC50C\uC6CC\uC11C, $data\uC758 property \uAC12\uC774 \uBCC0\uACBD\uB418\uBA74 render\uB97C \uC2E4\uD589\uC2DC\uD0A4\uB294 \uBC29\uC2DD\uC73C\uB85C \uB9CC\uB4E0 \uAC83\uC774\uB2E4.

    export class Component {
    +import{_ as i,r as o,o as l,c as u,a as n,b as a,w as c,d as p,e as s}from"./app.d20f8571.js";const r={},k=p('

    2020\uB144 7\uC6D4 \uD68C\uACE0

    7\uC6D4\uC740 \uAC1C\uBC1C \uC11C\uC801, \uD2B9\uD788 javascript\uC758 core\uC5D0 \uB300\uD55C \uC11C\uC801\uC744 \uB9CE\uC774 \uC77D\uC5C8\uB2E4.

    \uACF5\uC801

    \uD68C\uC0AC\uC5D0\uC11C\uB294 CMS \uAC1C\uBC1C, API \uBD84\uB9AC, \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC80\uC218 \uC704\uC8FC\uC758 \uC77C\uC744 \uC9C4\uD589\uD588\uB2E4.

    1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

    ',5),d=s("5\uC6D4 \uD68C\uACE0"),v=s("\uC640 "),m=s("6\uC6D4 \uD68C\uACE0"),b=s("\uC5D0 \uC774\uC5B4 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uACFC \uAD00\uB828\uB41C \uC77C\uC5D0 \uACE0\uD1B5\uBC1B\uB294 \uC911\uC774\uB2E4."),h=p('

    6\uC6D4\uC5D0 1\uCC28 \uAC1C\uBC1C\uC774 \uC644\uB8CC\uB418\uC5C8\uACE0, 7\uC6D4 \uB9D0\uC5D0 \uD504\uB85C\uC81D\uD2B8 \uC644\uB8CC \uBCF4\uACE0\uB97C \uC9C4\uD589\uD588\uB2E4. \uC0AC\uC2E4 7\uC6D4\uC5D0 \uBB54\uAC00 \uAE30\uB2A5\uC744 \uD655\uC7A5\uD558\uAC70\uB098 \uD558\uC9C4 \uC54A\uC558\uACE0, \uBC84\uADF8 \uC218\uC815\uB9CC \uD588\uB294\uB370 \uBB38\uC81C\uB294.. \uAC80\uC218\uAC00 \uB108\uBB34 \uC624\uB798 \uAC78\uB9B0\uB2E4.

    (1) \uC9C0\uAE0B\uC9C0\uAE0B\uD55C \uAC80\uC218 \uACFC\uC815

    \uB2E8\uC9C0 UI\uB97C \uC218\uC815\uD588\uC744 \uBFD0\uC778\uB370 \uACC4\uC18D \uC0AC\uC6A9\uC790 \uB370\uC774\uD130 \uBCF4\uD638\uC640 \uAD00\uB828\uB41C \uB0B4\uC6A9\uC73C\uB85C \uBC18\uB824\uB418\uACE0 \uC788\uB2E4. \uBAA8\uB4E0 \uD638\uC2A4\uD2B8 \uAD8C\uD55C\uC744 https\uB85C \uBCC0\uACBD\uD558\uBA74 \uC798 \uC791\uB3D9\uD558\uC9C0\uB9CC, \uAC80\uC0C9\uC90C \uAC19\uC740 \uACBD\uC6B0\uC5D0\uB294 \uC544\uC9C1 http\uB97C \uC0AC\uC6A9\uD558\uACE0 \uC788\uC5B4\uC11C \uBB38\uC81C\uAC00 \uB418\uACE0 \uC788\uB2E4.

    \uAC80\uC0C9\uC90C\uB9CC https\uB85C \uC804\uD658 \uB418\uBA74 \uC644\uBCBD\uD55C\uB370.. \uC0DD\uAC01\uBCF4\uB2E4 \uC77C\uC815\uC774 \uC9C0\uC5F0\uB418\uACE0 \uC788\uB294 \uC0C1\uD669.

    \uC5EC\uAE30\uC11C \uBB34\uC5C7\uC744 \uC5B4\uB5BB\uAC8C \uC5BC\uB9C8\uB098 \uB354 \uD574\uC57C \uC88B\uC744\uC9C0 \uACE0\uBBFC \uC911\uC774\uB2E4.

    (2) \uD504\uB85C\uC81D\uD2B8 \uC644\uB8CC \uBCF4\uACE0

    \uC785\uC0AC \uD6C4 \uCC98\uC74C\uC73C\uB85C \uD504\uB85C\uC81D\uD2B8 \uC644\uB8CC \uBCF4\uACE0 \uBC1C\uD45C\uB97C \uD588\uB2E4. \uC0AC\uC7A5\uB2D8\uC774 \uCC38\uC5EC\uD558\uC2DC\uB294 \uC904 \uC54C\uACE0 \uAF64\uB098 \uACF5\uB4E4\uC5EC \uC900\uBE44\uD588\uB294\uB370, \uBD88\uD589\uC778\uC9C0 \uB2E4\uD589\uC778\uC9C0 \uCC38\uAD00\uD558\uC2DC\uC9C4 \uC54A\uC558\uB2E4. \uB2E4\uD589\uC778\uB4EF

    \uD504\uB85C\uC81D\uD2B8 \uC644\uB8CC \uBCF4\uACE0

    \uC90C\uC778\uD130\uB137\uC740 \uC9C4\uD589\uD558\uB358 \uD504\uB85C\uC81D\uD2B8\uAC00 \uC5B4\uB290 \uC815\uB3C4 \uB9C8\uBB34\uB9AC\uB418\uBA74 \uD504\uB85C\uC81D\uD2B8 \uC644\uB8CC \uBCF4\uACE0\uB97C \uC9C4\uD589\uD55C\uB2E4.
    \uB2E4\uB978 \uD300\uACFC \uD504\uB85C\uC81D\uD2B8\uC758 \uC758\uC758, \uBAA9\uC801, \uC131\uACFC \uADF8\uB9AC\uACE0 \uAE30\uC220 \uC2A4\uD0DD \uB4F1\uC744 \uACF5\uC720\uD55C\uB2E4.
    \uADF8\uB7F0\uB370 \uC6B0\uB9AC \uD300\uB9CC \uD558\uB294 \uAC83 \uAC19\uB2E4.

    \uBC1C\uD45C\uB294

    1. \uAC1C\uC694
    2. \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C\uACFC\uC815
    3. \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uBC30\uD3EC\uACFC\uC815
    4. \uD504\uB85C\uC81D\uD2B8 \uAD6C\uC870
    5. \uAC80\uC218 \uACFC\uC815
    6. \uC55E\uC73C\uB85C\uC758 \uACC4\uD68D

    \uC21C\uC11C\uB85C \uC9C4\uD589\uD588\uB2E4.

    \uC90C\uC778\uD130\uB137\uC774\uB77C\uB294 \uD68C\uC0AC\uB294 \uCC38 \uC88B\uC740 \uD68C\uC0AC\uC9C0\uB9CC, \uC90C\uC774\uB77C\uB294 \uC11C\uBE44\uC2A4\uC5D0\uB294 \uC544\uC26C\uC6C0\uC774 \uB9CE\uAE30\uC5D0 \uAC1C\uC778\uC801\uC73C\uB85C \uC0AC\uB0B4\uC5D0\uC11C \uC774\uB7F0 \uC11C\uBE44\uC2A4\uB97C \uB9CE\uC774 \uB9CC\uB4E4\uC5B4 \uBD24\uC73C\uBA74 \uD558\uB294 \uBC14\uB78C\uC774 \uC788\uB2E4.

    \uBD88\uD589\uC778\uC9C0 \uB2E4\uD589\uC778\uC9C0, \uD68C\uC0AC\uC5D0\uC11C \uAC1C\uBC1C \uC9C1\uAD70\uC774 \uD560 \uC218 \uC788\uB294 \uAC83\uC740 \uAC1C\uBC1C\uBC16\uC5D0 \uC5C6\uB2E4. \uC5B4\uCA0C\uB4E0 \uAC1C\uBC1C\uC790\uB85C\uC11C \uCD5C\uB300\uD55C \uC88B\uC740 \uD004\uB9AC\uD2F0\uC758 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4DC\uB294 \uAC83\uC774 \uD68C\uC0AC\uC5D0 \uD5CC\uC2E0\uD558\uB294 \uBC29\uBC95\uC778 \uAC83 \uAC19\uB2E4.

    2. CMS \uC791\uC5C5

    \uC774\uBC88 \uB2EC\uC758 \uC8FC\uC694 \uC5C5\uBB34\uB294 \uD56B\uC774\uC288 CMS\uB97C \uAC1C\uBC1C\uC774\uC5C8\uB2E4. \uD604\uC7AC UI \uAC1C\uBC1C\uAE4C\uC9C0 \uC644\uB8CC\uB41C \uC0C1\uD0DC\uC774\uB2E4.

    ',15),g={class:"custom-container tip"},_=n("p",{class:"custom-container-title"},"\uC90C\uD504\uB7F0\uD2B8\uC758 \uD56B\uC774\uC288 \uC601\uC5ED",-1),y={href:"https://zum.com",target:"_blank",rel:"noopener noreferrer"},f=n("img",{src:"https://user-images.githubusercontent.com/18749057/89117592-f3b5ef80-d4d9-11ea-9470-ddb68c4d6076.png",alt:"\uC90C\uD504\uB7F0\uD2B8\uC758 \uD56B\uC774\uC288",width:"400"},null,-1),w=n("p",null,"\uAE30\uD68D\uC790\uAC00 \uD56B\uC774\uC288 \uC601\uC5ED\uC5D0 \uB4E4\uC5B4\uAC08 \uB9C1\uD06C\uC640 \uC774\uBBF8\uC9C0\uB97C \uC9C1\uC811 \uC791\uC5C5\uD574\uC11C \uC62C\uB9B0\uB2E4. \uD604\uC7AC \uB274\uC2A4 CMS\uC5D0 \uBD99\uC5B4 \uC788\uB294\uB370, \uC774\uAC78 \uC90C\uD504\uB7F0\uD2B8 CMS\uB85C \uBD84\uB9AC\uD558\uB294 \uACFC\uC815\uC774 \uD544\uC694\uD55C \uC0C1\uD0DC.",-1),$=p('

    CMS\uD398\uC774\uC9C0\uB294 Vue-element-admin\uC744 \uC774\uC6A9\uD558\uC5EC \uC791\uC5C5\uD588\uB2E4. \uB2E4\uB9CC Vue-element-admin\uC758 \uACBD\uC6B0 \uC4F8\uB370\uC5C6\uB294 \uD328\uD0A4\uC9C0\uAC00 \uB9CE\uACE0, \uBCF4\uC77C\uB7EC\uD50C\uB808\uC774\uD2B8 \uC790\uCCB4\uAC00 \uB9E4\uC6B0 \uBB34\uAC81\uAE30 \uB54C\uBB38\uC5D0 \uD544\uC694\uD55C \uCEF4\uD3EC\uB10C\uD2B8\uB9CC \uAC00\uC838\uB2E4 \uC0AC\uC6A9 \uC911\uC774\uB2E4.

    \uC774\uBC88 CMS \uC791\uC5C5\uC774 \uC870\uAE08 \uAE4C\uB2E4\uB85C\uC6B4 \uC810\uC740, \uAE30\uC874\uC5D0\uB294 \uB274\uC2A4 \uD30C\uD2B8\uC5D0\uC11C \uC791\uC5C5\uD558\uC5EC \uB274\uC2A4 API\uC5D0 \uB370\uC774\uD130\uB97C \uC5B9\uC5B4\uC11C \uBCF4\uB0B4\uC92C\uB2E4\uBA74 \uC774\uC81C\uB294 \uC544\uC608 \uC90C\uD504\uB7F0\uD2B8 \uD30C\uD2B8\uC5D0\uC11C \uBAA8\uB4E0 \uAC83\uC744 \uC791\uC5C5\uD574\uC57C \uD55C\uB2E4\uB294 \uC810\uC774\uB2E4.

    • CMS\uB9CC \uB9CC\uB4E4\uBA74 \uB418\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C CMS\uC5D0\uC11C \uC815\uC81C\uD55C \uB370\uC774\uD130\uB97C \uAE30\uBC18\uC73C\uB85C \uC0C8\uB85C\uC6B4 API\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.
    • \uBBF8\uB9AC\uBCF4\uAE30 \uAE30\uB2A5\uAE4C\uC9C0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uBBF8\uB9AC\uBCF4\uAE30\uC640 \uAD00\uB828\uB41C \uB3C4\uBA54\uC778\uC5D0\uC11C \uD398\uC774\uC9C0\uB97C \uC694\uCCAD\uD560 \uACBD\uC6B0, \uC2E4\uC11C\uBE44\uC2A4 \uB370\uC774\uD130 \uB370\uC2E0\uC5D0 \uBBF8\uB9AC\uBCF4\uAE30 \uB370\uC774\uD130\uB85C \uAD6C\uC131\uD574\uC11C \uBCF4\uC5EC\uC918\uC57C \uD55C\uB2E4.

    \uB530\uB77C\uC11C \uD56B\uC774\uC288 CMS \uD558\uB098 \uB54C\uBB38\uC5D0 Internal API, Zum Front CMS, Zum Lego \uB4F1\uC758 \uD504\uB85C\uC81D\uD2B8\uC5D0\uC11C \uC791\uC5C5\uD574\uC57C \uD55C\uB2E4. CMS \uD558\uB098 \uB54C\uBB38\uC5D0 \uCD5C\uCD08 \uBC30\uD3EC\uC5D0 \uD544\uC694\uD55C \uD504\uB85C\uC81D\uD2B8\uB9CC 3\uAC1C\uC778 \uAC83\uC774\uB2E4.

    \uC6D0\uB798 \uC774\uBC88 \uB2EC\uAE4C\uC9C0 \uB9C8\uBB34\uB9AC \uD574\uC57C \uD588\uC9C0\uB9CC, \uAC19\uC774 \uC791\uC5C5\uD558\uB294 \uD300\uC6D0\uC774 \uB2E4\uB978 \uC77C\uC744 \uC9C4\uD589\uD558\uB290\uB77C \uC57D\uAC04 \uC9C0\uC5F0\uB418\uACE0 \uC788\uB2E4. 8\uC6D4\uC5D0\uB294 \uB9C8\uBB34\uB9AC\uD560 \uC218 \uC788\uC744 \uAC83 \uAC19\uB2E4.

    3. API \uBD84\uB9AC \uC791\uC5C5

    ',6),S=s("\uD604\uC7AC "),x={href:"https://m.zum.com",target:"_blank",rel:"noopener noreferrer"},E=s("\uBAA8\uBC14\uC77C\uC90C"),C=s(", "),I={href:"https://zum.com",target:"_blank",rel:"noopener noreferrer"},M=s("\uC90C\uD504\uB7F0\uD2B8"),j=s(", "),O={href:"https://chrome.google.com/webstore/detail/zum-newtab/bghgeookcfdmkoocalbclnhofnenmhlf",target:"_blank",rel:"noopener noreferrer"},D=s("\uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8"),A=s(", "),P={href:"https://play.google.com/store/apps/details?id=com.zum.android.search&hl=ko",target:"_blank",rel:"noopener noreferrer"},T=s("\uC90C \uC571"),H=s(" \uB4F1\uC744 \uD3EC\uD568\uD558\uC5EC "),G=n("strong",null,"\uCD5C\uC18C 4\uAC1C \uC774\uC0C1\uC758 \uC11C\uBE44\uC2A4",-1),L=s("\uC5D0\uC11C Internal API\uB97C \uC0AC\uC6A9\uD558\uACE0 \uC788\uB2E4. "),N=n("u",null,"\uC989 Internal API\uAC00 \uB9E4\uC6B0 \uBE44\uB300\uD558\uB2E4.",-1),V=p('

    \uC774 \uC911\uC5D0\uC11C \uBC30\uD3EC \uBE44\uC911\uC744 \uAC00\uC7A5 \uB9CE\uC774 \uCC28\uC9C0\uD558\uACE0 \uC788\uB294 \uAC83\uC740 \uBAA8\uBC14\uC77C\uC90C\uACFC \uAD00\uB828\uB41C Mobile API \uC774\uB2E4. \uADF8\uB798\uC11C Mobile API\uB97C \uBD84\uB9AC\uD558\uAE30\uB85C \uD558\uC600\uB2E4.

    • Mobile API\uB294 \uB370\uC774\uD130\uBCA0\uC774\uC2A4\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uAE30 \uB54C\uBB38\uC5D0 \uB370\uC774\uD130\uBCA0\uC774\uC2A4\uC640 \uAD00\uB828\uB41C \uBAA8\uB4E0 \uC758\uC874\uC131\uC744 \uC81C\uAC70\uD588\uB2E4.
    • \uAE30\uC874\uC758 \uCE90\uC2F1 \uB85C\uC9C1\uC744 \uB9AC\uD329\uD1A0\uB9C1\uD588\uB2E4.
    • \uBC84\uC804\uC5C5\uC774 \uB418\uBA74\uC11C \uD544\uC694 \uC5C6\uC5B4\uC9C4 \uCF54\uB4DC\uB97C \uC81C\uAC70\uD588\uB2E4.
    • \uC0AC\uB0B4\uC758 IDC \uC778\uC2A4\uD134\uC2A4\uB85C \uC0AC\uC6A9\uD558\uB358 \uAC83\uC744 \uB3C4\uCEE4 \uCEE8\uD14C\uC774\uB108\uC640 \uCFE0\uBC84\uB124\uD2F0\uC2A4\uB85C \uC804\uD658\uD588\uB2E4.

    \uC774 \uC911 \uC81C\uC77C \uD070 \uC2DC\uAC04\uC774 \uC18C\uC694\uB41C \uAC83\uC740 \uCE90\uC2F1 \uB85C\uC9C1 \uBCC0\uACBD\uC774\uB2E4. \uC57D 100\uAC1C \uC774\uC0C1\uC758 \uD30C\uC77C\uC744 \uC218\uB3D9\uC73C\uB85C \uC791\uC5C5\uD588\uB2E4.

    \uD558\uC9C0\uB9CC.. \uAF2D \uD544\uC694\uD55C \uC791\uC5C5\uC774\uC600\uAE30 \uB54C\uBB38\uC5D0.. \uC6B8\uBA70 \uACA8\uC790 \uBA39\uAE30\uB85C \uD560 \uC218 \uBC16\uC5D0 \uC5C6\uC5C8\uB2E4.

    Mobile API\uC758 \uBD84\uB9AC\uB294 \uAC70\uC758 \uB05D\uB0AC\uB2E4. \uC11C\uBE44\uC2A4\uC874 \uBC30\uD3EC\uAE4C\uC9C0 \uC644\uB8CC\uB41C \uC0C1\uD0DC\uC774\uAE30 \uB54C\uBB38\uC5D0 8\uC6D4 \uC911\uC5D0 \uBAA8\uBC14\uC77C\uC90C\uC5D0 \uC801\uC6A9\uD558\uC9C0 \uC54A\uC744\uAE4C \uC2F6\uB2E4.

    \uADF8\uB2E4\uC74C\uC5D0 Internal API\uC5D0\uC11C Mobile API\uB97C \uC81C\uAC70\uD558\uB294 \uC791\uC5C5\uB3C4 \uD544\uC694\uD558\uB2E4. \uC2F9 \uB2E4 \uC9C0\uC6CC~!

    \uC0AC\uC801

    \uC774\uBC88 \uB2EC\uC740 \uCE74\uCE74\uC624 \uBA74\uC811 \uB355\uBD84\uC5D0 \uC8FC\uB85C Javascript \uAD00\uB828 \uC11C\uC801\uC744 \uC77D\uACE0, \uCF54\uB529 \uC778\uD130\uBDF0\uB97C \uC900\uBE44\uD588\uB2E4.

    1. \uB514\uC2A4\uCF54\uB4DC \uBD07

    \uB514\uC2A4\uCF54\uB4DC \uBD07

    ',10),R=s("6\uC6D4\uC5D0 "),B={href:"https://github.com/DKU-STUDY/",target:"_blank",rel:"noopener noreferrer"},F=s("DKU-STUDY"),q=s(" \uCC44\uD305\uBC29\uC744 \uB514\uC2A4\uCF54\uB4DC\uB85C \uC62E\uAE30\uBA74\uC11C "),z={href:"https://github.com/JunilHwang/discord-study-bot",target:"_blank",rel:"noopener noreferrer"},J=s("\uB514\uC2A4\uCF54\uB4DC \uBD07"),Y=s("\uC744 \uB9CC\uB4E4\uC5C8\uB2E4."),K=p('

    \uD604\uC7AC Pull Request, Push, Issue, Review \uB4F1\uC774 \uBC1C\uC0DD\uD558\uBA74 \uB514\uC2A4\uCF54\uB4DC \uBD07\uC774 \uB514\uC2A4\uCF54\uB4DC \uCC44\uB110\uC5D0 \uBA54\uC2DC\uC9C0\uB97C \uBCF4\uB0B4\uB3C4\uB85D \uB9CC\uB4E4\uC5B4\uB1A8\uB2E4.

    \uC77C\uB2E8 \uBAA9\uD45C\uB85C \uD558\uB294 \uAE30\uB2A5\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    • Github \uAD00\uB828
      • Github \uB85C\uADF8\uC778 (\uC644\uC131)
      • Github Repository \uBD88\uB7EC\uC624\uAE30 (\uC644\uC131)
      • Github Repository\uB97C \uC120\uD0DD\uD558\uBA74 \uAD00\uB828\uB41C Hooks \uBD88\uB7EC\uC624\uAE30 (\uC644\uC131)
      • Hooks\uB97C \uCD94\uAC00/\uC218\uC815/\uC0AD\uC81C\uD558\uAE30
      • Hooks\uC640 \uAD00\uB828\uB41C \uD15C\uD50C\uB9BF \uC791\uC131\uD558\uAE30
        • Pull Request
        • Code Review
        • Issue Comment
        • Push
    • Discord \uAD00\uB828
      • Discord \uB85C\uADF8\uC778
      • Discord \uCC44\uB110 \uBAA9\uB85D \uBD88\uB7EC\uC624\uAE30
      • Discord\uC758 \uCC44\uB110 ID \uBCF5\uC0AC\uD558\uAE30
    • Discord\uC640 Github \uC5F0\uB3D9 \uAD00\uB828
      • Github Hooks\uC5D0 Discord Channel ID \uC5F0\uACB0\uD558\uAE30

    Github \uB85C\uADF8\uC778\uC740 \uC77C\uB2E8 Basic Auth\uB85C \uB9CC\uB4E4\uC5C8\uB294\uB370, \uC774\uAC78 OAuth\uB85C \uC218\uC815\uD574\uC57C \uD558\uB098 \uACE0\uBBFC\uC911\uC774\uB2E4. \uC544\uBB34\uB798\uB3C4 \uB85C\uADF8\uC778\uACFC \uAD00\uB828\uB41C \uAD8C\uD55C\uC740 \uCD5C\uC18C\uD654\uD560\uC218\uB85D \uC88B\uC740 \uAC83 \uAC19\uB2E4.

    \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uBA74\uC11C Github API\uC5D0\uB294 \uB9E4\uC6B0 \uC775\uC219\uD574\uC84C\uAE30 \uB54C\uBB38\uC5D0 \uB9CC\uB4DC\uB294 \uB370 \uD070 \uBB34\uB9AC\uB294 \uC5C6\uB2E4.

    \uB2E4\uB9CC, \uCE74\uCE74\uC624 \uBA74\uC811 \uC900\uBE44 \uB54C\uBB38\uC5D0 \uC77C\uC2DC \uC911\uB2E8\uB41C \uC0C1\uD0DC\uB2E4. 8\uC6D4 \uBD80\uD130 \uB2E4\uC2DC \uB9CC\uB4E4\uC5B4\uC57C\uC9C0.. \u314B\u314B

    2. \uCE74\uCE74\uC624 \uBA74\uC811 \uC900\uBE44

    ',7),U=s("5\uC6D4\uC5D0 \uC7AC\uBBF8\uB85C \uCE5C\uAD6C\uB4E4\uACFC \uAC19\uC774 "),Z={href:"https://programmers.co.kr/competitions/151/2020-kakao-fe-recruitment",target:"_blank",rel:"noopener noreferrer"},Q=s("\uCE74\uCE74\uC624 \uACBD\uB825 \uAC1C\uBC1C\uC790 \uC601\uC785 - \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C \uCC4C\uB9B0\uC9C0"),W=s("\uC5D0 \uC9C0\uC6D0\uD588\uB2E4."),X=p('
    • 6\uC6D4 \uCCAB\uC9F8 \uC8FC\uC5D0 \uC54C\uACE0\uB9AC\uC998 \uD14C\uC2A4\uD2B8\uB97C \uBD24\uB2E4.
      • 3\uBB38\uC81C \uC911\uC5D0 2\uBB38\uC81C\uB97C \uD480\uC5C8\uACE0, \uBB34\uC870\uAC74 \uD0C8\uB77D\uC774\uAD6C\uB098 \uC0DD\uAC01\uD588\uB294\uB370 \uD1B5\uACFC\uD574\uBC84\uB838\uB2E4.
      • \uAC19\uC774 \uC751\uC2DC\uD55C \uCE5C\uAD6C\uB4E4 \uC911\uC5D0\uC11C \uD63C\uC790 \uD569\uACA9\uD588\uB2E4.
      • \uC4F8\uC4F8\uD588\uB2E4... \uCCC7
    • 6\uC6D4 \uB458\uC9F8 \uC8FC\uC5D0 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uD14C\uC2A4\uD2B8\uB97C \uBD24\uB2E4. \uD544\uC218 \uC694\uAD6C\uC0AC\uD56D\uC740 \uB2E4 \uD574\uACB0\uD588\uACE0, \uCD94\uAC00 \uC694\uAD6C\uC0AC\uD56D\uC5D0\uC11C \uACE0\uC804\uD588\uB2E4.

    • 7\uC6D4 \uCCAB\uC9F8 \uC8FC\uC5D0 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uD14C\uC2A4\uD2B8\uC5D0 \uB300\uD55C \uCF54\uB4DC\uB9AC\uBDF0 \uBC0F \uACB0\uACFC \uBC1C\uD45C\uB97C \uC548\uB0B4\uBC1B\uC558\uB2E4.
      \uC0C1\uC704 13% \uC131\uC801\uC73C\uB85C \uD569\uACA9\uD588\uB2E4.
      \uCF54\uB4DC \uB9AC\uBDF0
    • \uC774\uB825\uC11C\uB97C \uC791\uC131\uD588\uACE0, FE\uD50C\uB7AB\uD3FC \uD300\uC758 \uBE44\uC988\uB2C8\uC2A4 \uC11C\uBE44\uC2A4 \uD30C\uD2B8\uC640 \uD2F0\uC2A4\uD1A0\uB9AC,\uBE0C\uB7F0\uD30C\uD2B8\uC5D0 \uC9C0\uC6D0\uD588\uB2E4.
      • \uBE44\uC988\uB2C8\uC2A4 \uC11C\uBE44\uC2A4 \uD30C\uD2B8\uC5D0 \uCE5C\uD55C \uCE5C\uAD6C\uAC00 \uADFC\uBB34\uD558\uACE0 \uC788\uB2E4.
        \uADF8 \uCE5C\uAD6C\uB97C \uC874\uACBD\uD558\uACE0 \uC88B\uC544\uD588\uAE30 \uB54C\uBB38\uC5D0 \uAC19\uC774 \uC77C\uD574\uBCF4\uACE0 \uC2F6\uC5C8\uACE0 \uADF8\uB798\uC11C \uC9C0\uC6D0\uD588\uB2E4.
    • 7\uC6D4 \uB458\uC9F8 \uC8FC\uC5D0 \uBA74\uC811 \uACFC\uC81C\uB97C \uD480\uC774\uD588\uB2E4
      • \uC774 \uB54C \uC9C1\uC811 \uBC18\uC751\uD615 \uC2DC\uC2A4\uD15C\uC744 \uAD6C\uCD95\uD558\uC5EC \uD480\uC774\uD588\uB2E4.
      • \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uACFC\uC81C\uC5D0 \uB300\uD55C \uCF54\uB4DC \uB9AC\uBDF0\uB97C \uBC18\uC601\uD588\uB2E4.
    • 7\uC6D4 \uC14B\uC9F8 \uC8FC\uC5D0 1\uCC28 \uC778\uD130\uBDF0\uB97C \uC9C4\uD589\uD588\uB2E4.
      1\uCC28 \uC778\uD130\uBDF0 \uC548\uB0B4
      • \uC778\uC0AC\uC774\uB4DC \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8, \uCF54\uC5B4 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8, \uAC01\uC885 \uCF54\uB529 \uC778\uD130\uBDF0 \uD3EC\uC2A4\uD305 \uBC0F \uB808\uD3EC, \uD504\uB808\uC784\uC6CC\uD06C \uAD00\uB828 \uC11C\uC801\uC744 \uCC38\uACE0\uD588\uB2E4.

    • 7\uC6D4 \uB137\uC9F8 \uC8FC\uC5D0 1\uCC28 \uC778\uD130\uBDF0 \uD569\uACA9\uC744 \uC548\uB0B4\uBC1B\uC558\uB2E4.
      1\uCC28 \uC778\uD130\uBDF0 \uD569\uACA9
      • \uC6D0\uB798 \uD55C \uC2DC\uAC04 \uC778\uD130\uBDF0\uC778\uB370, \uD55C \uC2DC\uAC04 \uBC18 \uC815\uB3C4 \uC9C4\uD589\uD588\uB2E4.
      • \uC0AC\uC2E4 \uC560\uB9E4\uD558\uAC8C \uB300\uB2F5\uD55C \uBD80\uBD84\uB4E4\uC774 \uC788\uC5B4\uC11C \uD070 \uAE30\uB300\uB97C \uD558\uC9C0 \uC54A\uC558\uB294\uB370, 1\uCC28\uAE4C\uC9C0 \uD569\uACA9\uD588\uB2E4.

    • 7\uC6D4 \uB2E4\uC12F\uC9F8 \uC8FC\uC5D0 2\uCC28 \uC778\uD130\uBDF0\uB97C \uC9C4\uD589\uD588\uB2E4.
      • 1\uCC28 \uC778\uD130\uBDF0\uC640 \uB9C8\uCC2C\uAC00\uC9C0\uB85C \uC6D0\uB798 \uD55C \uC2DC\uAC04 \uC778\uD130\uBDF0\uC778\uB370, \uD55C \uC2DC\uAC04 \uBC18 \uC815\uB3C4 \uC9C4\uD589\uD588\uB2E4.
      • \uAE0D\uC815\uC801\uC778 \uC2E0\uD638\uB77C\uACE0 \uBC1B\uC544\uB4E4\uC5EC\uB3C4 \uB418\uACA0\uC9C0..?

    \uADF8\uB9AC\uACE0 \uB0B4\uC77C(8/3 \uC6D4) \uCD5C\uC885 \uD569\uACA9\uC5D0 \uB300\uD55C \uC548\uB0B4\uB97C \uBC1B\uC744 \uAC83 \uAC19\uB2E4... \uAE34\uC7A5 \uB3FC\uC11C \uBBF8\uCE60 \uC9C0\uACBD

    (1) \uBC18\uC751\uD615 \uC2DC\uC2A4\uD15C \uAD6C\uCD95

    \uBA74\uC811 \uACFC\uC81C\uB97C \uC900\uBE44\uD558\uBA74\uC11C \uACFC\uC81C\uB97C \uC5B4\uB5A4 \uC2DD\uC73C\uB85C \uD480\uC774\uD574\uC57C \uC88B\uC744\uC9C0 \uACE0\uBBFC \uD558\uB2E4\uAC00 Vue\uC640 \uAC19\uC774 MVVM \uC2DC\uC2A4\uD15C\uC744 \uC9C1\uC811 \uAD6C\uCD95\uD574\uC11C \uC0AC\uC6A9\uD558\uB294 \uAC83\uC744 \uBAA9\uD45C\uB85C \uD558\uC5EC \uACF5\uBD80\uD588\uB2E4.

    \uC774 \uB54C \uCC38\uACE0\uD55C \uC790\uB8CC\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    ',12),nn=n("strong",null,"Taost Meetup",-1),sn=s("\uC758 "),an={href:"https://meetup.toast.com/posts/188",target:"_blank",rel:"noopener noreferrer"},tn=s("0.7KB\uB85C Vue\uC640 \uAC19\uC740 \uBC18\uC751\uD615 \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30"),pn=n("strong",null,"\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30",-1),en=s(),on={href:"https://www.youtube.com/watch?v=E9NZ0YEZrYU&t=3320s",target:"_blank",rel:"noopener noreferrer"},cn=s("\uAC1D\uCCB4\uC9C0\uD5A5 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8, MVVM"),ln=s("\uADF8\uB9AC\uACE0 \uC704\uC758 \uB0B4\uC6A9\uC744 \uC815\uB9AC\uD55C \uB098\uC758 \uD3EC\uC2A4\uD2B8 "),un={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/01-Intro/",target:"_blank",rel:"noopener noreferrer"},rn=s("\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860"),kn={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/02-MVVM/",target:"_blank",rel:"noopener noreferrer"},dn=s("MVVM System \uB9CC\uB4E4\uAE30"),vn={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/",target:"_blank",rel:"noopener noreferrer"},mn=s("MVVM System \uAC1C\uC120 (1)"),bn={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/",target:"_blank",rel:"noopener noreferrer"},hn=s("MVVM System \uAC1C\uC120 (2)"),gn={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/05-Extension/",target:"_blank",rel:"noopener noreferrer"},_n=s("MVVM System \uAC1C\uC120 (3)"),yn=p(`

    \uCC98\uC74C\uC5D0\uB294 Proxy\uB97C \uC774\uC6A9\uD558\uC5EC Component Class\uB97C \uB9CC\uB4E4\uC5C8\uB2E4.

    $data\uC5D0 Proxy\uB97C \uC50C\uC6CC\uC11C, $data\uC758 property \uAC12\uC774 \uBCC0\uACBD\uB418\uBA74 render\uB97C \uC2E4\uD589\uC2DC\uD0A4\uB294 \uBC29\uC2DD\uC73C\uB85C \uB9CC\uB4E0 \uAC83\uC774\uB2E4.

    export class Component {
       $target; $components; $eventEmitter; $eventListener; $stores;
       $data = {};
       $observable = new Set();
    diff --git a/assets/index.html.2d258c56.js b/assets/index.html.1ff6b8c6.js
    similarity index 92%
    rename from assets/index.html.2d258c56.js
    rename to assets/index.html.1ff6b8c6.js
    index 4f59af9a..649e4ec4 100644
    --- a/assets/index.html.2d258c56.js
    +++ b/assets/index.html.1ff6b8c6.js
    @@ -1 +1 @@
    -import{_ as t,o as a,c as o,a as e,e as s}from"./app.800103af.js";const c={},n=e("h1",{id:"\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1109\u1165\u11AF\u1100\u1168\u1105\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-solid-\u110B\u116F\u11AB\u110E\u1175\u11A8",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1109\u1165\u11AF\u1100\u1168\u1105\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-solid-\u110B\u116F\u11AB\u110E\u1175\u11A8","aria-hidden":"true"},"#"),s(" \uAC1D\uCCB4\uC9C0\uD5A5 \uC124\uACC4\uB97C \uC704\uD55C SOLID \uC6D0\uCE59")],-1),r=e("p",null,"\uC791\uC131 \uC608\uC815\uC785\uB2C8\uB2E4.",-1),d=[n,r];function _(i,l){return a(),o("div",null,d)}var f=t(c,[["render",_],["__file","index.html.vue"]]);export{f as default};
    +import{_ as t,o as a,c as o,a as e,e as s}from"./app.d20f8571.js";const c={},n=e("h1",{id:"\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1109\u1165\u11AF\u1100\u1168\u1105\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-solid-\u110B\u116F\u11AB\u110E\u1175\u11A8",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1109\u1165\u11AF\u1100\u1168\u1105\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-solid-\u110B\u116F\u11AB\u110E\u1175\u11A8","aria-hidden":"true"},"#"),s(" \uAC1D\uCCB4\uC9C0\uD5A5 \uC124\uACC4\uB97C \uC704\uD55C SOLID \uC6D0\uCE59")],-1),r=e("p",null,"\uC791\uC131 \uC608\uC815\uC785\uB2C8\uB2E4.",-1),d=[n,r];function _(i,l){return a(),o("div",null,d)}var f=t(c,[["render",_],["__file","index.html.vue"]]);export{f as default};
    diff --git a/assets/index.html.ff29c0d4.js b/assets/index.html.22927a25.js
    similarity index 99%
    rename from assets/index.html.ff29c0d4.js
    rename to assets/index.html.22927a25.js
    index a91158ae..7fa7d421 100644
    --- a/assets/index.html.ff29c0d4.js
    +++ b/assets/index.html.22927a25.js
    @@ -1,4 +1,4 @@
    -import{_ as s,a,b as o,c as r,d as p,e as c,f as d,g as u}from"./13.d90b29ee.js";import{_ as h,r as _,o as g,c as m,a as l,b as t,d as n,e}from"./app.800103af.js";var f="/TIL/assets/thumbnail.9becd14e.jpg",b="/TIL/assets/1.afe6b943.png",v="/TIL/assets/2.220d281d.png",k="/TIL/assets/3.5818bf2e.png",w="/TIL/assets/4.918772c2.png",x="/TIL/assets/5.e0237090.png",I="/TIL/assets/6.a30c5805.png",S="/TIL/assets/7.1a0080d7.png",T="/TIL/assets/8.5d5edb6e.png",D="/TIL/assets/9.a876e3fa.png",J="/TIL/assets/10.4fda64b4.png",y="/TIL/assets/11.747a746b.png",z="/TIL/assets/0.bcae8d81.png",L="/TIL/assets/12.7cb39e6b.png",C="/TIL/assets/13.d4709225.png",U="/TIL/assets/14.3a0dd278.png",j="/TIL/assets/15.fdd15655.png",A="/TIL/assets/16.4c5369c1.png",P="/TIL/assets/17.e476823c.png",V="/TIL/assets/18.13e26a29.png",R="/TIL/assets/19.7c8ec9ef.png",E="/TIL/assets/20.3625f40e.png",q="/TIL/assets/21.217e7a49.png",N="/TIL/assets/22.2f5be82e.png",M="/TIL/assets/23.9dae94c0.png",B="/TIL/assets/24.d37426b5.png",O="/TIL/assets/1.b08fda13.jpeg",H="/TIL/assets/25.22a21217.png",K="/TIL/assets/26.48398189.png",W="/TIL/assets/27.8f5a1fee.png",Z="/TIL/assets/28.06fd92a9.png";const X={},Y=n('

    \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0

    \uC8FC\uC778\uB2D8

    \uB05D\uB0A0 \uAC83 \uAC19\uC9C0 \uC54A\uB358 2021\uB144\uC774 \uB05D\uB0AC\uB2E4. \uBCF4\uC778\uB2E4. \uC62C\uD574\uB294 \uC791\uB144\uBCF4\uB2E4 \uB354 \uBC14\uBE74\uACE0, \uB354 \uD798\uB4E4\uC5C8\uACE0, \uB354 \uB9CE\uC774 \uC131\uC7A5\uD588\uB2E4\uACE0 \uC790\uBD80\uD560 \uC218 \uC788\uC744 \uAC83 \uAC19\uB2E4. \uADF8\uB798\uC11C \uB0B4\uB144\uC774 \uB354 \uAE30\uB300\uB418\uAE30\uB3C4 \uD558\uACE0 \uB3D9\uC2DC\uC5D0 \uBD80\uB2F4\uB3C4 \uB41C\uB2E4.

    \uC62C\uD574\uB97C \uC798 \uC815\uB9AC\uD558\uAE30 \uC704\uD574, \uC798 \uB9C8\uBB34\uB9AC\uD558\uAE30 \uC704\uD574 \uD68C\uACE0\uB97C \uC4F4\uB2E4.

    1. \uD68C\uC0AC \uD504\uB85C\uC81D\uD2B8 \uD68C\uACE0

    \uC62C\uD574 \uCD08\uC5D0 \uC0C8\uB85C\uC6B4 \uB300\uD45C\uB2D8\uC774 \uC624\uC2DC\uBA74\uC11C \uC815\uB9D0 \uACF5\uACA9\uC801\uC73C\uB85C \uB2E4\uC591\uD55C \uC11C\uBE44\uC2A4\uB97C \uAC1C\uD3B8\uD558\uACE0, \uC624\uD508\uD588\uACE0, \uC55E\uC73C\uB85C\uB3C4 \uC624\uD508\uD560 \uC608\uC815\uC774\uB2E4.

    (1) \uC90C\uD504\uB860\uD2B8(zum.com) \uAC1C\uD3B8

    Untitled

    ',8),F=e("\uC62C \uD574\uC5D0 \uC81C\uC77C \uBA3C\uC800 \uC9C4\uD589\uD55C \uD070 \uADDC\uBAA8\uC758 \uD504\uB85C\uC81D\uD2B8\uB294 "),Q={href:"http://zum.com",target:"_blank",rel:"noopener noreferrer"},G=e("\uC90C\uD504\uB860\uD2B8"),$=e(" \uAC1C\uD3B8"),ll=e("\uC774\uB2E4. \uAE30\uC874\uC758 \uC90C\uD504\uB860\uD2B8\uB294 "),el=l("code",null,"SpringBoot + Template Engine",-1),il=e(" \uC73C\uB85C \uAD6C\uC131\uB418\uC5B4 \uC788\uC5C8\uB2E4. \uC774 \uB54C\uC758 \uBB38\uC81C\uC810\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4."),tl=n('
    • \uAC1C\uBC1C \uD37C\uD3EC\uBA3C\uC2A4\uAC00 \uC88B\uC9C0 \uC54A\uB2E4.
      • SpringBoot \uD658\uACBD\uC5D0\uC11C \uC791\uC5C5\uD558\uAE30 \uB54C\uBB38\uC5D0 \uC218\uC815\uD558\uACE0 \uBE4C\uB4DC\uD558\uB294 \uACFC\uC815\uC744 \uACC4\uC18D \uAC70\uCCD0\uC57C\uD55C\uB2E4.
    • UI \uBAA8\uB4C8\uD654\uAC00 \uC5B4\uB835\uB2E4.
      • \uAE30\uBCF8\uC801\uC73C\uB85C Template Engine\uC744 \uC0AC\uC6A9\uD558\uAC8C \uB418\uBA74 \uBAA8\uB4C8\uD654 \uD558\uB294 \uAC83 \uC790\uCCB4\uAC00 \uBB34\uCC99 \uC5B4\uB835\uB2E4.
      • \uBAA8\uB4C8\uD654\uB97C \uD55C\uB2E4\uACE0 \uD574\uB3C4 javascript\uAC00 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uC774\uB97C \uC7AC\uD65C\uC6A9\uD558\uAE30\uAC00 \uC27D\uC9C0 \uC54A\uB2E4.
    • \uC55E\uC120 \uB0B4\uC6A9\uC758 \uC5F0\uC7A5\uC120\uC73C\uB85C, \uBD88\uD544\uC694\uD558\uAC8C Ajax \uC694\uCCAD\uC744 \uB0A8\uBC1C\uD558\uAC8C \uB41C\uB2E4
      • \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uB2E4\uC2DC \uBCF4\uC5EC\uC918\uC57C\uD560 \uACBD\uC6B0, \uD639\uC740 \uB370\uC774\uD130\uB97C \uAC31\uC2E0\uD574\uC57C \uB418\uB294 \uACBD\uC6B0 \uBD88\uD544\uC694\uD55C ajax \uC694\uCCAD\uC744 \uB0A8\uBC1C\uD558\uAC8C \uB41C\uB2E4.
      • \uBB34\uC5C7\uBCF4\uB2E4 ajax\uB85C \uB2E8\uC21C\uD558\uAC8C \uB370\uC774\uD130\uB9CC \uAC00\uC838\uC624\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C \uC544\uC608 html template\uC744 \uAC00\uC838\uC624\uB294 \uAC83\uC774\uB2E4.
      • \uC774\uC5D0 \uB530\uB77C \uD638\uCD9C \uD69F\uC218 \uC790\uCCB4\uB3C4 \uB9CE\uC544\uC9C0\uACE0, \uB124\uD2B8\uC6CC\uD06C \uD1B5\uC2E0\uB7C9\uB3C4 \uB9CE\uC544\uC9C4\uB2E4.
      • \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uC11C\uBC84\uC5D0 \uBD80\uD558\uAC00 \uBD88\uD544\uC694\uD558\uAC8C \uC0DD\uAE30\uAC8C \uB418\uBA70, instance\uB97C \uCD94\uAC00\uC801\uC73C\uB85C \uBD99\uC5EC\uC57C \uD558\uB294 \uACBD\uC6B0\uB3C4 \uC0DD\uAE34\uB2E4.

    \uADF8\uB9AC\uACE0 \uADFC\uBCF8\uC801\uC778 \uBB38\uC81C\uB294 \uBC14\uB85C 10\uB144\uC774 \uB118\uC740 \uB808\uAC70\uC2DC\uC758 \uC9D1\uC57D\uCCB4 \uB77C\uB294 \uAC83\uC774\uB2E4.

    • \uC815\uB9D0 \uC218\uC5C6\uC774 \uB9CE\uC740 \uC791\uC5C5\uC790\uB4E4\uC774 \uC774 \uD504\uB85C\uC81D\uD2B8\uB97C \uAC70\uCCD0\uAC14\uB2E4.
    • \uC54C \uC218 \uC5C6\uB294 \uCF54\uB4DC, \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uB294 \uCF54\uB4DC\uAC00 \uBB34\uCC99 \uB9CE\uC774 \uC874\uC7AC\uD55C\uB2E4.

    \uADF8\uB798\uC11C \uC544\uC608 NodeJS + VueJS \uB85C \uD504\uB85C\uC81D\uD2B8\uB97C \uCC98\uC74C\uBD80\uD130 \uAD6C\uC131\uD558\uC5EC \uB2E4\uC2DC \uB9CC\uB4DC\uB294 \uC791\uC5C5\uC774 \uD544\uC694\uD588\uB2E4.

    Untitled

    \uD544\uC790\uB294 \uC774 \uB54C \uD504\uB860\uD2B8 \uD504\uB85C\uC81D\uD2B8\uC5D0\uB294 \uAD00\uC5EC\uD558\uC9C0 \uC54A\uC558\uACE0, Backend\uC640 Admin\uC744 \uB9CC\uB4E4\uC5C8\uB2E4.

    \uD2B9\uD788, \uC5B4\uB4DC\uBBFC\uC758 \uACBD\uC6B0 \uB9C8\uCC2C\uAC00\uC9C0\uB85C jQuery + Angular\uB85C \uAD6C\uC131\uB41C \uC774\uC0C1\uD55C(?) \uD504\uB85C\uC81D\uD2B8\uC600\uC73C\uBA70 \uAE30\uB2A5\uB3C4 \uBB34\uCC99 \uB9CE\uC558\uB294\uB370, \uC774\uB97C \uC804\uBD80 \uC2E0\uADDC \uC5B4\uB4DC\uBBFC\uC73C\uB85C \uC62E\uAE30\uB294 \uC791\uC5C5\uC744 \uC9C4\uD589\uD588\uB2E4.

    Untitled

    \uC774 \uB54C \uCC98\uC74C\uC73C\uB85C Spring Batch\uB3C4 \uC0AC\uC6A9\uD574\uBCF4\uACE0, Vue Composition API\uB3C4 \uB9CC\uC838\uBCF4\uACE0, \uC6B4\uC601\uD300\uC774 \uC6D0\uD558\uB294 \uAC01\uC885 \uD3B8\uB9AC\uD55C \uAE30\uB2A5\uC744 \uCD94\uAC00\uD558\uAE30 \uC704\uD574\uC11C \uC790\uC798\uD55C \uC791\uC5C5\uC744 \uB9CE\uC774 \uD55C \uAC83 \uAC19\uB2E4.

    ',9),nl=e("\uC5B4\uB4DC\uBBFC \uBFD0\uB9CC \uC544\uB2C8\uB77C \uBC31\uC5D4\uB4DC(Internal API)\uB3C4 \uC791\uC5C5\uD588\uB2E4. \uC5B4\uB4DC\uBBFC\uC5D0\uC11C \uC0DD\uC131\uB41C \uB370\uC774\uD130\uB97C "),sl={href:"http://zum.com",target:"_blank",rel:"noopener noreferrer"},al=e("\uC90C\uD504\uB860\uD2B8"),ol=e("\uC5D0\uC11C \uD544\uC694\uD55C \uD615\uD0DC\uB85C \uC815\uC81C\uD558\uC5EC \uB0B4\uB824\uBCF4\uB0B4\uB294 \uACFC\uC815\uC774 \uD544\uC694\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4."),rl=n('

    Untitled

    \uD504\uB860\uD2B8\uC5D0\uC11C\uB294 15\uCD08\uB9C8\uB2E4 Internal API\uB97C \uD638\uCD9C\uD558\uC5EC \uCE90\uC2F1\uD558\uACE0 \uC788\uC5C8\uACE0, Internal API\uB294 \uB2E4\uC2DC \uAC01\uAC01\uC758 property\uC5D0 \uC801\uD569\uD55C \uC2A4\uCF00\uC974 \uC2DC\uAC04\uC744 \uC815\uD558\uC5EC \uB370\uC774\uD130\uB97C \uCE90\uC2F1\uD588\uB2E4.

    \uAC00\uBCCD\uAC8C \uC815\uB9AC\uD558\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uC740 \uACFC\uC815\uC744 \uAC70\uCE5C\uB2E4.

    1. \uBC30\uCE58\uC5D0\uC11C \uD1B5\uACC4\uB97C \uAE30\uBC18\uC73C\uB85C \uC778\uAE30 \uCF58\uD150\uCE20 \uC0DD\uC131 + \uC5B4\uB4DC\uBBFC\uC5D0\uC11C \uB370\uC774\uD130 \uC0DD\uC131
    2. Internal API\uC5D0\uC11C DB \uBC0F \uC678\uBD80 API\uC5D0 \uC811\uADFC\uD558\uC5EC \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uC870\uD569
    3. \uB370\uC774\uD130 \uC131\uACA9\uC5D0 \uB530\uB77C 30\uCD08, 60\uCD08, 180\uCD08 \uB2E8\uC704\uB85C \uC2A4\uCF00\uC974\uB9C1
    4. \uD55C \uAC1C\uC758 endpoint\uC5D0 \uBAA8\uB4E0 \uB370\uC774\uD130\uB97C \uCD9C\uB825 \u2192 \uC90C\uD504\uB860\uD2B8\uC5D0\uC11C Internal API\uB97C 15\uCD08 \uB2E8\uC704\uB85C \uD638\uCD9C\uD558\uACE0 \uCE90\uC2F1

    \uC815\uB9D0 \uB9CE\uC740 \uC774\uC288\uB4E4\uC774 \uC788\uC5C8\uB294\uB370, \uAE30\uC5B5\uB098\uB294 \uD55C \uAC00\uC9C0\uB97C \uBF51\uC790\uBA74,

    \uC2A4\uCF00\uC974\uC744 \uD558\uB294 \uACFC\uC815\uC5D0\uC11C DTO(Data Transfer Object)\uB97C \uC801\uD569\uD558\uAC8C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uC744 \uACBD\uC6B0 JPA\uC758 \uC5F0\uAD00\uAD00\uACC4 \uB9F5\uD551 \uB54C\uBB38\uC5D0 \uBD88\uD544\uC694\uD558\uAC8C DB\uC5D0 \uC811\uADFC\uD558\uB294 \uC77C\uC774 \uBC1C\uC0DD\uD588\uB2E4.

    • service layer\uC5D0\uC11C repository\uC5D0 \uC811\uADFC\uD558\uC5EC \uB370\uC774\uD130\uB97C \uAC00\uC838\uC628 \uB2E4\uC74C\uC5D0 \uCE90\uC2F1\uD55C\uB2E4.
    • facade layer\uC5D0\uC11C service \uB85C\uC9C1\uC744 \uD638\uCD9C\uD55C \uB2E4\uC74C\uC5D0 \uB370\uC774\uD130\uB97C \uC815\uC81C\uD55C\uB2E4.
    • \uADF8\uB7F0\uB370 \uC544\uBB34\uB9AC \uCE90\uC2F1\uB41C \uB370\uC774\uD130\uB77C\uACE0 \uD558\uB354\uB77C\uB3C4 JPA \uAC1D\uCCB4\uC774\uAE30 \uB54C\uBB38\uC5D0 \uC5F0\uAD00\uAD00\uACC4 \uB9E4\uD551\uC73C\uB85C \uC815\uC758\uB41C \uD504\uB85C\uD37C\uD2F0\uC5D0 \uC811\uADFC\uD560 \uACBD\uC6B0 DB\uC5D0 \uC694\uCCAD\uC744 \uB0A0\uB9AC\uAC8C \uB41C\uB2E4.

    \uADF8\uB798\uC11C \uD55C \uBC88 \uC7A5\uC560\uAC00 \uB09C \uC801\uC774 \uC788\uC5C8\uACE0, \uC704\uC640 \uAC19\uC740 \uB0B4\uC6A9\uC744 \uC778\uC9C0\uD55C \uB2E4\uC74C\uC5D0 \uBC14\uB85C \uC218\uC815\uD588\uB2E4.

    \uBC30\uCE58\uC640 \uAD00\uB828\uB41C \uC791\uC5C5\uB3C4 \uC788\uC5C8\uB294\uB370 \uC9C0\uAE08\uC740 \uC798 \uAE30\uC5B5\uC774 \uAC00\uBB3C\uAC00\uBB3C \uD558\uB2E4.

    \uC774 \uB2F9\uC2DC\uC5D0\uB294 \uD68C\uC0AC\uC5D0 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC5C6\uC5C8\uACE0, \uC804\uBD80 \uD480\uC2A4\uD0DD \uC11C\uBE44\uC2A4 \uAC1C\uBC1C\uC790\uC758 \uC5ED\uD560\uB85C \uD504\uB85C\uC81D\uD2B8\uC5D0 \uCC38\uC5EC\uD588\uAE30 \uB54C\uBB38\uC5D0 \uD544\uC790 \uB610\uD55C Java \uACF5\uBD80\uB97C \uC880 \uD588\uB294\uB370, \uC774\uC81C\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8 \uC18C\uC18D\uC774\uB77C\uC11C \uB9C8\uC74C \uD3B8\uD558\uAC8C \uD504\uB860\uD2B8\uC5D4\uB4DC\uB9CC \uACF5\uBD80\uD558\uACE0 \uC788\uB2E4.

    \uD544\uC790\uB294 Java\uB77C\uB294 \uC5B8\uC5B4\uB97C \uADF8\uB807\uAC8C \uB9C9 \uC2EB\uC5B4\uD558\uC9C4 \uC54A\uB294\uB2E4. \uB2E4\uB9CC, \uB611\uAC19\uC740 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uB354\uB77C\uB3C4 \uAC1C\uBC1C \uD37C\uD3EC\uBA3C\uC2A4\uAC00 \uBB34\uCC99 \uC88B\uC9C0 \uC54A\uC544\uC11C \uC2EB\uC5B4\uD560 \uBFD0.. \uC218\uC815\uB41C \uAE30\uB2A5 \uD55C \uBC88 \uD655\uC778\uD558\uB824\uACE0 \uD558\uBA74 \uB108\uBB34 \uB9CE\uC740 \uACFC\uC815\uC744 \uAC70\uCCD0\uC57C\uD55C\uB2E4 \u{1F972}

    (2) \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778(invest.zum.com)

    Untitled

    \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778\uC740 \uB450 \uCC28\uB840\uC758 \uC624\uD508 \uACFC\uC815\uC744 \uAC70\uCCE4\uB2E4.

    ',14),pl=e("1\uCC28 \uC624\uD508: "),cl=l("code",null,"9\uC6D4 \uCD08",-1),dl=e(" (\uC815\uD655\uD55C \uC2DC\uC810\uC740 \uAC00\uBB3C\uAC00\uBB3C \uD558\uB2E4.. \u{1F972}) "),ul={href:"http://invest.zum.com",target:"_blank",rel:"noopener noreferrer"},hl=e("\uBA54\uC778\uD398\uC774\uC9C0"),_l={href:"http://invest.zum.com/investment",target:"_blank",rel:"noopener noreferrer"},gl=e("\uD22C\uC790\uB178\uD2B8"),ml=l("ul",null,[l("li",null,"\uBA54\uC778\uD398\uC774\uC9C0"),l("li",null,"\uD544\uC9C4 \uBAA9\uB85D"),l("li",null,"\uD544\uC9C4 \uC0C1\uC138\uD398\uC774\uC9C0"),l("li",null,"\uD22C\uC790\uB178\uD2B8 \uC0C1\uC138\uD398\uC774\uC9C0"),l("li",null,"\uCD5C\uC2E0\uAE00 \uD398\uC774\uC9C0")],-1),fl=l("li",null,"\uC885\uBAA9 \uC0C1\uC138\uD398\uC774\uC9C0",-1),bl=l("li",null,"\uB274\uC2A4 \uC0C1\uC138\uD398\uC774\uC9C0",-1),vl=l("li",null,"\uAD6D\uB0B4\uC9C0\uC218 \uC0C1\uC138\uD398\uC774\uC9C0",-1),kl=l("li",null,"\uD574\uC678\uC9C0\uC218 \uC0C1\uC138\uD398\uC774\uC9C0",-1),wl=l("p",null,"5\uC6D4\uC5D0 \uAE30\uD68D\uC744 \uC2DC\uC791\uD588\uACE0, 7\uC6D4 \uCD08\uC5D0 \uC624\uD508\uC744 \uBAA9\uC801\uC73C\uB85C \uC791\uC5C5\uC744 \uC9C4\uD589\uD588\uB2E4. \uADF8\uB7F0\uB370 \uC911\uAC04\uC5D0 \uAE30\uD68D\uC774 \uC5CE\uC5B4\uC84C\uACE0, \uB2E4\uC2DC 8\uC6D4\uB9D0 \uC624\uD508\uC744 \uBAA9\uC801\uC73C\uB85C \uC791\uC5C5\uD558\uB2E4\uAC00 \uB0B4\uBD80\uC801\uC73C\uB85C \uACC4\uC18D \uC774\uC288\uAC00 \uC788\uC5B4\uC11C 9\uC6D4 \uCD08\uC5D0 \uC624\uD508\uD588\uB2E4.",-1),xl=e("2\uCC28 \uC624\uD508: "),Il=l("code",null,"12\uC6D4 24\uC77C",-1),Sl={href:"http://invest.zum.com/internal",target:"_blank",rel:"noopener noreferrer"},Tl=e("\uAD6D\uB0B4\uC99D\uC2DC"),Dl=l("ul",null,[l("li",null,"\uAD6D\uB0B4\uC99D\uC2DC \uBA54\uC778\uD398\uC774\uC9C0"),l("li",null,"\uC804\uCCB4 \uC5C5\uC885 \uD398\uC774\uC9C0"),l("li",null,"\uC5C5\uC885 \uC0C1\uC138\uD398\uC774\uC9C0"),l("li",null,"\uCE74\uD14C\uACE0\uB9AC\uBCC4 \uB7AD\uD0B9 \uD398\uC774\uC9C0"),l("li",null,"\uD050\uB808\uC774\uC158(\uB9AC\uD3EC\uD2B8 PICK, \uAE09\uB4F1\uC8FC PICK) \uD398\uC774\uC9C0")],-1),Jl={href:"http://invest.zum.com/world",target:"_blank",rel:"noopener noreferrer"},yl=e("\uD574\uC678\uC99D\uC2DC"),zl=l("ul",null,[l("li",null,"\uD574\uC678\uC99D\uC2DC \uBA54\uC778\uD398\uC774\uC9C0"),l("li",null,"\uD574\uC678 \uC99D\uC2DC \uC2E4\uC2DC\uAC04 \uD1A0\uB860\uBC14")],-1),Ll=e("\uB2E4\uC2DC 2\uCC28 \uC624\uD508\uC744 \uC704\uD55C \uAE30\uD68D\uC774 9\uC6D4\uC5D0 \uC2DC\uC791\uB418\uC5C8\uB2E4. 2\uCC28 \uC624\uD508\uC758 \uD575\uC2EC\uC740 \uBC14\uB85C "),Cl=l("code",null,"\uBA54\uCF54\uCC28\uD2B8",-1),Ul=e("\uC778\uB370, "),jl={href:"https://kr.tradingview.com/heatmap/stock/?color=change&dataset=SPX500&group=sector&size=market_cap_basic",target:"_blank",rel:"noopener noreferrer"},Al=e("TradingView"),Pl=e("\uC640 "),Vl={href:"https://finviz.com/map.ashx?t=sec_all",target:"_blank",rel:"noopener noreferrer"},Rl=e("finviz"),El=e("\uB97C \uBCA4\uCE58\uB9C8\uD0B9 \uD558\uC600\uB2E4."),ql=n('

    \uC544\uC9C1 \uAD6D\uB0B4\uC5D0\uB294 \uC774\uB97C \uC81C\uB300\uB85C \uD65C\uC6A9\uD558\uB294 \uC11C\uBE44\uC2A4\uAC00 \uC5C6\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uCD5C\uB300\uD55C \uBE60\uB974\uAC8C \uC774\uB97C \uAD6C\uCD95\uD558\uACE0 \uC624\uD508 \uD558\uB294 \uAC83\uC744 \uBAA9\uD45C\uB85C \uD588\uB2E4.

    \uC0AC\uC2E4 \uBA54\uCF54\uCC28\uD2B8\uB97C \uC81C\uC678\uD55C \uB098\uBA38\uC9C0\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC774 2\uC8FC \uC815\uB3C4 \uC18C\uC694\uB418\uC5C8\uACE0, \uBC31\uC5D4\uB4DC \uCABD\uC5D0 \uD1F4\uC0AC\uC790\uAC00 \uBB34\uCC99 \uB9CE\uACE0 \uC778\uC218\uC778\uACC4\uAC00 \uC81C\uB300\uB85C \uB418\uC9C0 \uC54A\uB2E4\uBCF4\uB2C8 \uC77C\uC815\uC774 \uACC4\uC18D \uC9C0\uC5F0\uB410\uB2E4. \uC5B4\uCA0C\uB4E0 \uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0 12\uC6D4\uC5D0 \uC624\uD508\uD560 \uC218 \uC788\uC5C8\uB2E4.

    \uC0AC\uC2E4 \uC774 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB300\uD55C \uAE30\uC220\uC801\uC778 \uC774\uC288\uB294 \uB2E4\uB8E8\uACE0\uC790 \uD55C\uB2E4\uBA74 \uC815\uB9D0 \uB05D\uC774 \uC5C6\uB2E4.

    • \uD504\uB85C\uC81D\uD2B8 \uAD6C\uCD95
    • \uCF54\uC5B4 \uD504\uB85C\uC81D\uD2B8 \uAC1C\uC120
    • \uBE4C\uB4DC \uC2DC\uAC04 \uAC1C\uC120
    • \uCEF4\uD3EC\uB10C\uD2B8 \uC7AC\uD65C\uC6A9
    • Server Side Rendering
    • \uB80C\uB354\uB9C1 \uCD5C\uC801\uD654
    • \uCD08\uAE30 \uB80C\uB354\uB9C1 \uC2DC\uAC04 \uB2E8\uCD95
    • \uBA54\uBAA8\uB9AC \uB204\uC218 \uD574\uACB0
    • iframe \uC815\uAD50\uD558\uAC8C \uB2E4\uB8E8\uAE30
    • IE \uD638\uD658\uC131 \uD574\uACB0
    • SPA\uB97C \uACE0\uB824\uD558\uC9C0 \uC54A\uACE0 \uB9CC\uB4E4\uC5B4\uC9C4 \uC0AC\uB0B4 \uB77C\uC774\uBE0C\uB7EC\uB9AC \uC0AC\uC6A9\uD558\uAE30
    • \uBD80\uD558 \uD14C\uC2A4\uD2B8

    \uADF8\uB9AC\uACE0 \uAE30\uC220 \uC678\uC801\uC778 \uC774\uC288\uB3C4 \uC788\uB2E4.

    • \uCD08\uAE30 \uAE30\uD68D\uC790 \uD1F4\uC0AC
    • \uCD08\uAE30 \uB514\uC790\uC774\uB108 \uD1F4\uC0AC
    • \uAC70\uC758 \uBAA8\uB4E0 \uCD08\uAE30 \uAC1C\uBC1C\uC790 \uD1F4\uC0AC
    • \uB300\uBD80\uBD84\uC758 \uC778\uD504\uB77C \uAC1C\uBC1C\uC790 \uD1F4\uC0AC
      • \uC778\uD504\uB77C \uAC1C\uBC1C\uC790\uC758 \uC5C5\uBB34 \uBD80\uD558\uAC00 \uAC70\uC758 150%
      • \uAC01\uC885 \uC778\uD504\uB77C \uC774\uC288\uC5D0 \uB300\uD55C \uD574\uACB0\uC774 \uBB34\uCC99 \uB290\uB9AC\uAC8C \uC9C4\uD589\uB428
    • \uC218 \uC5C6\uC774 \uB9CE\uC740 \uC2AC\uB799 \uBA54\uC2DC\uC9C0\uC640 \uC815\uB3C8 \uB418\uC9C0 \uC54A\uB294 \uAC01\uC885 \uC5C5\uBB34\uB4E4
      • \uC0AC\uC2E4 \uC774\uAC83 \uB54C\uBB38\uC5D0 \uB108\uBB34 \uC2A4\uD2B8\uB808\uC2A4\uB97C \uB9CE\uC774 \uBC1B\uC558\uB2E4
      • \uC5C5\uBB34\uAC00 \uACC4\uC18D \uC2AC\uB799\uC73C\uB85C \uC694\uCCAD\uC774 \uC624\uACE0
      • \uAE30\uB85D\uB3C4 \uC2AC\uB799\uC73C\uB85C \uB418\uB294\uB370
      • \uC544\uBB34\uB798\uB3C4 \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8\uACE0 \uD68C\uC0AC\uC5D0\uC11C \uC81C\uC77C \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD558\uB294 \uD504\uB85C\uC81D\uD2B8\uB2E4\uBCF4\uB2C8 \uAC01\uC885 \uC758\uACAC\uC774 \uC9C0\uC18D\uC801\uC73C\uB85C \uC62C\uB77C\uC654\uB2E4.
      • \uB3C4\uC800\uD788 \uC5C5\uBB34 \uD30C\uC545\uC744 \uD560 \uC218 \uC5C6\uB294 \uC9C0\uACBD..

    Untitled

    \uC5B4\uB290 \uB0A0 \uAC11\uC790\uAE30 \uACC4\uC18D \uC2AC\uB799\uC73C\uB85C \uC624\uB294 \uC5C5\uBB34 \uC694\uCCAD \uB54C\uBB38\uC5D0 \uAE09\uBC1C\uC9C4 \uD574\uC11C \uB0A8\uAE34 \uB0B4\uC6A9\uB4E4\uC774\uB2E4.

    \uACB0\uACFC\uC801\uC73C\uB85C \uC800\uB807\uAC8C \uC2AC\uB799\uC744 \uB0A8\uAE34 \uB2E4\uC74C\uC5D0 \uB300\uBD80\uBD84\uC758 \uC5C5\uBB34\uC640 \uAD00\uB828\uB41C \uB0B4\uC6A9\uC740 \uB178\uC158\uC744 \uD1B5\uD574\uC11C \uC9C4\uD589\uB418\uC5C8\uB2E4. \uB355\uBD84\uC5D0 \uC77C\uD558\uAE30\uAC00 \uD55C\uACB0 \uD3B8\uD574\uC84C\uB2E4.

    \uC5B4\uCA0C\uB4E0, \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC740 \uB530\uB85C \uC815\uB9AC\uD574\uBCFC \uC608\uC815\uC774\uB2E4. \uC544\uB9C8 \uAE30\uC220\uBE14\uB85C\uADF8\uC5D0 \uC815\uB9AC\uD574\uC11C \uC62C\uB9B4 \uAC83 \uAC19\uB2E4.

    (3) \uBAA8\uBC14\uC77C\uC90C(m.zum.com)

    Untitled

    ',12),Nl={href:"http://m.zum.com",target:"_blank",rel:"noopener noreferrer"},Ml=e("\uBAA8\uBC14\uC77C\uC90C"),Bl=e("\uC758 \uACBD\uC6B0 \uD2B9\uBCC4\uD55C \uAE30\uB2A5\uC774 \uCD94\uAC00\uB418\uAC70\uB098 \uD558\uC9C4 \uC54A\uC558\uB2E4. \uB2E4\uB9CC \uB9AC\uD329\uD1A0\uB9C1 \uC791\uC5C5\uC744 \uC9C4\uD589\uD588\uB2E4."),Ol=l("p",null,"\uBA3C\uC800 \uBC31\uC5D4\uB4DC\uC758 \uACBD\uC6B0 \uC778\uC218\uD14C\uC2A4\uD2B8\uB97C \uCD94\uAC00\uD588\uB2E4. DB\uAC00 \uC5EE\uC5EC\uC788\uB294\uAC8C \uC544\uB2C8\uB77C\uC11C \uC27D\uAC8C \uC791\uC5C5\uD560 \uC218 \uC788\uC5C8\uB2E4. \uB355\uBD84\uC5D0 \uC791\uC5C5 \uC2DC\uAC04\uC774 \uB9CE\uC774 \uB2E8\uCD95 \uB418\uC5C8\uB2E4.",-1),Hl=l("p",null,"\uD504\uB860\uD2B8\uC5D4\uB4DC\uC758 \uACBD\uC6B0 \uC2E0\uADDC core \uD504\uB85C\uC81D\uD2B8\uB97C \uC801\uC6A9\uD558\uBA74\uC11C \uBC30\uD3EC \uC2DC\uAC04\uB3C4 \uB2E8\uCD95 \uD588\uACE0, \uBCF5\uC7A1\uD55C \uCE90\uC2F1 \uB85C\uC9C1\uB3C4 \uC81C\uAC70\uD588\uB2E4.",-1),Kl=l("p",null,[l("img",{src:T,alt:"Untitled"})],-1),Wl=l("p",null,"\uC5BC\uCD94 \uC774\uB7F0 \uB290\uB08C\uC774\uB784\uAE4C?",-1),Zl=l("p",null,[e("\uBAA8\uBC14\uC77C\uC90C\uC5D0 \uCC98\uC74C SSR\uC744 \uC801\uC6A9\uD560 \uB550 "),l("code",null,"vue-server-renderer@2.2"),e(" \uC774\uC600\uACE0, client manifest\uB97C \uC81C\uACF5\uD558\uC9C0 \uC54A\uC558\uB2E4. \uB355\uBD84\uC5D0 SSR\uACFC CSR\uC744 \uB3D9\uC2DC\uC5D0 \uD558\uAE30 \uC704\uD574\uC120 server\uC758 template engine\uC744 \uB367\uBD99\uC5EC\uC11C \uC0AC\uC6A9\uD574\uC57C \uD588\uB2E4. \uB355\uBD84\uC5D0 SSR\uC744 \uC628\uC804\uD788 \uC774\uD574\uD558\uAE30\uAC00 \uBB34\uCC99 \uC5B4\uB824\uC6E0\uB2E4. \uD544\uC790 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uC758 \uBAA8\uB4E0 \uAD6C\uC131\uC6D0\uC774 \uC774\uB97C \uD798\uB4E4\uC5B4\uD588\uB2E4.")],-1),Xl=e("\uADF8\uB7F0\uB370 "),Yl=l("code",null,"vue-server-renderer@2.3",-1),Fl=e(" \uBD80\uD130 "),Ql=l("code",null,"client manifest",-1),Gl=e("\uB97C \uC81C\uACF5\uD558\uBA74\uC11C SSR\uC5D0 \uB300\uD55C \uB09C\uC774\uB3C4\uAC00 \uBB34\uCC99 \uB0AE\uC544\uC84C\uB2E4. \uC774\uC5D0 \uB300\uD55C \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),$l={href:"https://zuminternet.github.io/vue-ssr/",target:"_blank",rel:"noopener noreferrer"},le=e("Vue SSR \uC81C\uB300\uB85C \uC801\uC6A9\uD558\uAE30 (feat. Vanilla SSR)"),ee=e(" \uD3EC\uC2A4\uD2B8\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4."),ie=l("h3",{id:"_4-zum-portal-core-js",tabindex:"-1"},[l("a",{class:"header-anchor",href:"#_4-zum-portal-core-js","aria-hidden":"true"},"#"),e(" (4) zum-portal-core-js")],-1),te=l("p",null,[l("img",{src:D,alt:"Untitled"})],-1),ne=l("p",null,"zum-portal-core-js\uB294 \uC90C\uC778\uD130\uB137 \uD504\uB860\uD2B8\uC5D4\uB4DC\uD30C\uD2B8\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD558\uB294 \uD45C\uC900\uD654 \uD328\uD0A4\uC9C0\uB2E4. \uCC98\uC74C\uC5D0\uB294 \uAC00\uBCCD\uAC8C \uC2DC\uC791\uD55C \uD504\uB85C\uC81D\uD2B8\uC778\uB370 \uC810\uC810 \uAE30\uB2A5\uC774 \uBE44\uB300\uD574\uC838\uC11C \uC9C0\uAE08\uC740 \uACC4\uC18D\uD574\uC11C \uAE30\uB2A5\uBCC4\uB85C \uBD84\uD560\uD558\uACE0 \uC788\uB2E4.",-1),se=e("\uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),ae={href:"https://zuminternet.github.io/zum-portal-core-js/",target:"_blank",rel:"noopener noreferrer"},oe=e("Zum Portal Core JS \uC18C\uAC1C"),re=e(" \uD3EC\uC2A4\uD2B8\uC640 "),pe={href:"https://zuminternet.github.io/nestjs-custom-decorator/",target:"_blank",rel:"noopener noreferrer"},ce=e("NestJS Custom Caching Decorator \uB9CC\uB4E4\uAE30"),de=e(" \uD3EC\uC2A4\uD2B8\uC5D0\uC11C \uB2E4\uB8E8\uACE0 \uC788\uB2E4."),ue=n('

    \uD575\uC2EC\uC801\uC778 \uB0B4\uC6A9\uB9CC \uC694\uC57D\uD558\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    • \uBC31\uC5D4\uB4DC\uB294 express.js, \uD504\uB860\uD2B8\uC5D4\uB4DC\uB294 \uAC01\uC885 \uC6F9\uD329 \uC124\uC815\uC774 \uBC84\uBB34\uB824\uC9C4 \uD45C\uC900\uD654 \uD328\uD0A4\uC9C0\uB85C \uB9CC\uB4E4\uC5C8\uB2E4.
    • 1\uB144 \uC815\uB3C4 \uC798 \uC0AC\uC6A9\uD558\uB2E4\uAC00 \uAE30\uB2A5\uC774 \uC810\uC810 \uB9CE\uC544\uC9C0\uACE0 \uC788\uB294\uAC8C \uB290\uAEF4\uC84C\uACE0, \uC608\uCE21 \uD558\uC9C0 \uBABB\uD55C \uC5D0\uB7EC\uB4E4\uC774 \uBC1C\uC0DD\uD558\uC5EC \uC7A5\uC560\uB3C4 \uBA87 \uBC88 \uBC1C\uC0DD\uD588\uB2E4.
    • \uADF8\uB7EC\uB2E4 NestJS\uB97C \uB3C4\uC785\uD588\uB2E4.
    • \uBC30\uD3EC \uC2DC\uAC04\uC774 \uB108\uBB34 \uC624\uB798 \uAC78\uB838\uB2E4.
    • \uD504\uB860\uD2B8\uC5D4\uB4DC \uD328\uD0A4\uC9C0\uC640 \uBC31\uC5D4\uB4DC \uD328\uD0A4\uC9C0\uB97C \uBD84\uB9AC\uD588\uB2E4.
    • \uBAA8\uB178\uB808\uD3EC\uB85C \uAD00\uB9AC\uD558\uAE30 \uC2DC\uC791\uD588\uB2E4.
    • \uBD88\uD544\uC694\uD55C \uD328\uD0A4\uC9C0\uB97C \uC124\uCE58\uD558\uC9C0 \uC54A\uB294 \uBC29\uC2DD\uC744 \uD1B5\uD574\uC11C \uBC30\uD3EC \uC2DC\uAC04\uC744 \uB2E8\uCD95\uD588\uB2E4.
    • eslint\uB3C4 \uCD94\uAC00\uD588\uB2E4.
    • \uD14C\uC2A4\uD2B8\uCF54\uB4DC\uB3C4 \uCD94\uAC00\uD588\uB2E4.
    • \uB354 \uB9AC\uD329\uD1A0\uB9C1\uD574\uC11C github\uC5D0 \uACF5\uAC1C\uD560 \uC608\uC815\uC774\uB2E4.

    \uC5B8\uC81C \uACF5\uAC1C\uD560\uC9C4 \uBAA8\uB974\uACA0\uC73C\uB098, \uBE60\uB974\uBA74 \uC62C\uD574 \uC548\uC5D0, \uB2A6\uC5B4\uB3C4 \uB0B4\uB144 1\uBD84\uAE30 \uC548\uC5D0 github\uC5D0 \uC62C\uB824\uB193\uC744 \uC608\uC815\uC774\uB2E4.

    (5) \uAE30\uD0C0 \uD504\uB85C\uC81D\uD2B8\uB4E4

    \uC774\uC678\uC5D0\uB3C4 \uC815\uB9D0 \uB9CE\uC740 \uD504\uB85C\uC81D\uD2B8 \uD68C\uC758\uC5D0 \uCC38\uC5EC\uD588\uACE0, \uCD94\uC9C4\uC911\uC5D0 \uC788\uB2E4. \uC0AC\uC2E4 2021\uB144 \uD55C \uD574 \uB3D9\uC548 \uC81C\uC77C \uB9CE\uC774 \uC2DC\uAC04\uC744 \uD22C\uC790\uD55C \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778 \uD504\uB85C\uC81D\uD2B8\uBCF4\uB2E4 \uC55E\uC73C\uB85C \uC624\uD508\uD558\uAC8C \uB420 \uD504\uB85C\uC81D\uD2B8\uB4E4\uC5D0 \uB354 \uAD00\uC2EC\uC774 \uAC04\uB2E4.

    \uC65C\uB0D0\uBA74 IE\uB97C \uACE0\uB824\uD558\uC9C0 \uC54A\uB294 \uC11C\uBE44\uC2A4\uB97C \uCD94\uC9C4\uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4!

    \uC5B4\uB5BB\uAC8C \uB420\uC9C0\uB294 \uC544\uC9C1 \uBBF8\uC9C0\uC218\uC9C0\uB9CC, IE\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uB2E4\uB294 \uC0AC\uC2E4 \uD558\uB098 \uB9CC\uC73C\uB85C\uB3C4 \uBB34\uCC99 \uC124\uB80C\uB2E4.

    2. \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uD30C\uD2B8\uB9AC\uB354

    \uD544\uC790\uB294 \uC774\uC81C \uACBD\uB825\uC774 \uB9CC 2\uB144\uC744 \uC870\uAE08 \uB118\uC740 \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uB2E4. \uADF8\uB7F0\uB370 \uC62C\uD574 7\uC6D4\uC5D0 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC2E0\uC124 \uB418\uC5C8\uACE0, \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8(?) \uD30C\uD2B8\uB9AC\uB354 \uC9C1\uCC45\uC744 \uC218\uD589\uD558\uAC8C \uB418\uC5C8\uB2E4. \uD30C\uD2B8\uB9AC\uB354 \uC9C1\uCC45\uC744 \uC218\uD589\uD558\uBA74\uC11C \uD588\uB358 \uACE0\uBBFC\uB4E4\uC774 \uBB34\uCC99 \uB9CE\uC558\uB2E4. \uC774\uCC38\uC5D0 \uC815\uB9AC\uD574\uBCF4\uB824\uACE0 \uD55C\uB2E4.

    (1) \uCC44\uC6A9

    \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC2E0\uC124 \uB418\uAE30 \uC774\uC804\uC5D0 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uCC44\uC6A9\uC744 \uBA3C\uC800 \uC9C4\uD589\uD588\uB2E4. \uC0AC\uC2E4 \uC774 \uB54C \uAE4C\uC9C0\uB9CC \uD574\uB3C4 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC2E0\uC124\uB418\uB9AC\uB77C\uACE0 \uC0DD\uAC01\uC744 \uD558\uC9C0 \uBABB\uD588\uC5C8\uB2E4.

    ',11),he={href:"https://zuminternet.github.io/zum-front-recurit-review/",target:"_blank",rel:"noopener noreferrer"},_e=e("\uC8FC\uB2C8\uC5B4 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uC758 \uCC44\uC6A9 \uD504\uB85C\uC138\uC2A4 \uCC38\uC5EC \uD6C4\uAE30"),ge=l("p",null,[e("\uCC44\uC6A9 \uACFC\uC815\uC5D0\uC11C \uC815\uB9D0 \uB9CE\uC774 \uC2E0\uACBD \uC37C\uB358 \uBD80\uBD84\uC740 "),l("code",null,"\uC90C\uC778\uD130\uB137\uC5D0 \uC9C0\uC6D0\uD558\uAE38 \uC798\uD588\uB2E4"),e(" \uB77C\uB294 \uC0DD\uAC01\uC774 \uB4E4\uB3C4\uB85D \uD558\uB294 \uAC83\uC774\uC600\uB2E4. \uB2E8\uC21C\uD558\uAC8C \uC2E0\uADDC \uC778\uB825\uC744 \uCC44\uC6A9\uD55C\uB2E4\uB294 \uC0DD\uAC01\uC774 \uC544\uB2C8\uB77C "),l("code",null,"\uC90C\uC778\uD130\uB137\uC774 \uC9C0\uC6D0\uC790\uC5D0\uAC8C \uC2E0\uACBD\uC744 \uB9CE\uC774 \uC4F0\uACE0 \uC788\uB2E4"),e("\uB294 \uC778\uC0C1\uC744 \uC8FC\uACE0 \uC2F6\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 \uC815\uB9D0 \uC2E4\uB825 \uC788\uB294, \uADFC\uBCF8\uC774 \uC788\uB294 \uAC1C\uBC1C\uC790 \uBD84\uB4E4\uC744 \uBAA8\uC2DC\uACE0 \uC2F6\uC5C8\uB2E4.")],-1),me=l("p",null,[e("\uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 "),l("code",null,"\uCC44\uC6A9 \uACFC\uC81C\uB97C \uB9CC\uB4E4\uC5B4\uBCF4\uC790"),e("\uB294 \uACB0\uB860\uC5D0 \uB3C4\uB2EC\uD588\uACE0, \uC5B4\uB290 \uC815\uB3C4 \uC218\uC900\uC758 \uCC44\uC6A9 \uACFC\uC81C\uAC00 \uC88B\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC77C\uB2E8 \uB2E8\uC21C\uD558\uAC8C "),l("strong",null,"\uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC0AC\uC6A9\uD558\uB294 \uAC8C \uC544\uB2C8\uB77C, \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uB9CC\uB4E4 \uC218 \uC788\uB294 \uC218\uC900\uC758 \uACFC\uC81C"),e("\uB97C \uB9CC\uB4E4\uC5B4\uBCF4\uC790\uACE0 \uC0DD\uAC01\uD588\uB2E4.")],-1),fe=e("\uCC44\uC6A9 \uACFC\uC81C\uB294 "),be={href:"https://www.notion.so/c4c70fbaa3cd4e43a299abb0824d93a9",target:"_blank",rel:"noopener noreferrer"},ve=e("\uC5EC\uAE30"),ke=e("\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4. \uC6D0\uB798\uB294 \uB300\uC678\uBE44\uC778\uB370, \uB0B4\uB144 \uBD80\uD130\uB294 \uCC44\uC6A9 \uACFC\uC81C\uC758 \uB0B4\uC6A9\uC744 \uAC1C\uD3B8\uD560 \uC608\uC815\uC774\uB77C\uC11C \uACF5\uAC1C \uB418\uC5B4\uB3C4 \uC0AC\uC2E4 \uC0C1\uAD00 \uC5C6\uB2E4. \uCC44\uC810\uD45C\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4."),we=n('

    Untitled

    \uCC44\uC6A9\uACFC\uC81C\uC758 \uB300\uB7B5\uC801\uC778 \uCEE4\uD2B8\uB77C\uC778\uC740 60\uC810\uC774\uB2E4. \uB9CC\uC57D \uBCF8\uC778\uC774 \uCDE8\uC5C5\uC744 \uC900\uBE44\uD558\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB77C\uBA74 \uAF2D \uD55C \uBC88 \uD480\uC5B4\uBCF4\uAE38 \uAD8C\uC720\uD55C\uB2E4. \uACFC\uC81C\uC758 \uB0B4\uC6A9\uC744 \uC644\uBCBD\uD788 \uC774\uD574\uD558\uACE0 \uAD6C\uD604\uD560 \uC218 \uC788\uB2E4\uBA74, \uC989, 90\uC810 \uC774\uC0C1\uC758 \uC810\uC218 \uD655\uBCF4\uAC00 \uAC00\uB2A5\uD558\uB2E4\uBA74 \uC5B4\uB5A4 \uD68C\uC0AC\uB4E0 \uCDE8\uC5C5\uD560 \uC218 \uC788\uC73C\uB9AC\uB77C \uC7A5\uB2F4\uD55C\uB2E4.

    \uD07C\uC9C1\uD55C \uAE30\uB2A5\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    • \uCEF4\uD3EC\uB10C\uD2B8 \uC124\uACC4\uAC00 \uAC00\uB2A5\uD558\uB2E4.
      • \uAC1D\uCCB4\uC9C0\uD5A5\uC774\uB4E0 \uD568\uC218\uC9C0\uD5A5\uC774\uB4E0 \uC5B4\uB290\uC815\uB3C4 \uD655\uC7A5\uC131 \uC788\uB294 \uD615\uD0DC\uB85C \uB9CC\uB4E4 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.
    • \uD0C0\uC785\uC2A4\uD06C\uB9BD\uD2B8\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.
    • \uC6F9\uD329\uC744 \uC124\uC815\uC5D0 \uB300\uD574 \uAE4A\uAC8C \uC774\uD574\uD558\uACE0 \uC788\uB2E4.
    • \uB80C\uB354\uB9C1\uC744 \uD560 \uB54C \uAC00\uC0C1\uB3D4 \uD639\uC740 DIFF \uC54C\uACE0\uB9AC\uC998\uC744 \uC801\uC6A9\uD560 \uC218 \uC788\uB2E4.
    • \uC804\uC5ED \uC0C1\uD0DC\uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC\uB97C \uC9C1\uC811 \uAD6C\uD604\uD560 \uC218 \uC788\uB2E4.
    • \uC774\uBCA4\uD2B8 \uCD5C\uC801\uD654\uB97C \uD560 \uC218 \uC788\uB2E4.

    \uACFC\uC81C\uAC00 \uC5B4\uB835\uAE30 \uB54C\uBB38\uC5D0 \uADF8\uB0E5 \uD480\uB77C\uACE0 \uC81C\uC2DC\uD55C\uAC8C \uC544\uB2C8\uB77C, \uC81C\uCD9C\uD55C \uBAA8\uB4E0 \uC0AC\uB78C\uC5D0 \uB300\uD55C \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uC9C4\uD589\uD588\uB2E4.

    Untitled

    \uB355\uBD84\uC5D0 \uCC44\uC6A9\uC744 \uD55C \uBC88 \uC2DC\uC791\uD558\uBA74 \uB2E4\uB978 \uC5C5\uBB34\uAC00 \uAC70\uC758 \uB9C8\uBE44\uB420 \uC9C0\uACBD\uC5D0 \uC774\uB974\uB800\uB2E4. \uC774\uB825\uC11C\uB3C4 \uB108\uBB34 \uB9CE\uC558\uACE0, \uC81C\uCD9C\uD55C \uACFC\uC81C\uC5D0 \uB300\uD574 \uB9AC\uBDF0\uD558\uB294 \uACFC\uC815\uC774 \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4.

    \uBA74\uC811\uAE4C\uC9C0 \uD655\uC815\uB41C \uBD84\uB4E4\uC5D0\uAC8C\uB294 \uBC14\uB85C \uCC44\uC810\uACB0\uACFC \uBC0F \uCF54\uB4DC\uB9AC\uBDF0 \uB9C1\uD06C\uB97C \uACF5\uC720\uB4DC\uB838\uB2E4. \uC774 \uB54C \uCC38\uACE0\uD558\uBA74 \uC88B\uC740 \uD3EC\uC2A4\uD2B8\uC640 \uC55E\uC73C\uB85C\uC758 \uACF5\uBD80\uBC29\uD5A5 \uAC19\uC740 \uAC83\uB4E4\uB3C4 \uAC19\uC774 \uC815\uB9AC\uD574\uC11C \uBCF4\uB0B4\uB4DC\uB838\uB2E4. \uCD5C\uB300\uD55C \uC0C1\uC138\uD558\uAC8C \uD53C\uB4DC\uBC31\uC744 \uD558\uB824\uACE0 \uB178\uB825\uD588\uACE0, \uB9CE\uC740 \uBD84\uB4E4\uC774 \uB2E4\uC74C\uACFC \uAC19\uC740 \uB2F5\uC7A5\uC744 \uC8FC\uC168\uB2E4.

    \u1109\u1173\u110F\u1173\u1105\u1175\u11AB\u1109\u1163\u11BA 2021-12-27 \u110B\u1169\u1112\u116E 4.57.24.png

    Untitled

    Untitled

    Untitled

    Untitled

    \uC2DC\uAC04\uC774 \uB9CE\uC774 \uC18C\uBAA8\uB418\uAE34 \uD558\uC9C0\uB9CC, \uC774\uB7EC\uD55C \uACFC\uC815\uC744 \uD1B5\uD574\uC11C \uC804\uCCB4\uC801\uC73C\uB85C \uAC1C\uBC1C\uC790\uC758 \uC5ED\uB7C9\uC774 \uC88B\uC544\uC9C4\uB2E4\uBA74 \uADF8\uAC83 \uB610\uD55C \uC774 \uC5C5\uACC4\uB97C \uC704\uD55C \uC77C\uC774 \uC544\uB2D0\uAE4C? \uADF8\uB9AC\uACE0 \uB2E4\uC2DC \uB098\uC5D0\uAC8C \uB354 \uC88B\uC740 \uC77C\uB85C \uCC3E\uC544 \uC624\uC9C0 \uC54A\uC744\uAE4C? \uD558\uB294 \uC791\uC740 \uBC14\uB78C\uC774 \uC788\uB2E4.

    (2) \uD30C\uD2B8\uB9AC\uB354\uAC00 \uB418\uB2E4

    \uADF8\uB807\uAC8C \uC0C8\uB85C\uC6B4 \uBD84\uB4E4\uC774 \uD300\uC5D0 \uD569\uB958\uD558\uC600\uACE0 \uBC14\uB85C \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC2E0\uC124\uB418\uC5C8\uB2E4. \uC0AC\uC2E4 \uD68C\uC0AC\uC5D0\uC11C \uD504\uB860\uD2B8\uC5D4\uB4DC\uB97C \uC804\uBB38\uC73C\uB85C \uD558\uB294 \uC778\uB825\uC774 \uB098\uC640 \uB0B4 \uC0AC\uC218 \uBC16\uC5D0 \uC5C6\uC5C8\uB294\uB370 \uC0AC\uC218\uB3C4 \uC774\uC9C1\uC744 \uC55E\uB454 \uC0C1\uD0DC\uB77C\uC11C \uB0B4\uAC00 \uD30C\uD2B8\uB9AC\uB354 \uC5ED\uD560\uC744 \uC218\uD589\uD558\uAC8C \uB418\uC5C8\uB2E4. \uC774\uBC88\uC5D0\uB294 \uC6D4\uBCC4\uB85C \uC5B4\uB5A4 \uC77C\uB4E4\uC774 \uC788\uC5C8\uB294\uC9C0 \uB2E4\uB904\uBCF4\uACA0\uB2E4.

    • 5\uC6D4
      • \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uC138 \uBD84\uC774 \uD300\uC5D0 \uD569\uB958\uD588\uC73C\uBA70 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC2E0\uC124\uB418\uC5C8\uB2E4.
      • 6\uC6D4 \uAE4C\uC9C0\uB294 \uC0AC\uC2E4 \uD30C\uC77C\uB7FF\uD504\uB85C\uC81D\uD2B8 \uB54C\uBB38\uC5D0 \uD130\uCE58\uB97C \uAC70\uC758 \uD558\uC9C0 \uC54A\uACE0 \uAE30\uC220\uC801\uC778 \uBD80\uBD84\uC5D0 \uB300\uD574\uC11C\uB9CC \uB3C4\uC6C0\uC744 \uB4DC\uB838\uB2E4.
    • 6\uC6D4
      • \uC815\uC2DD\uC73C\uB85C \uD30C\uD2B8\uB9AC\uB354\uAC00 \uB418\uC5C8\uB2E4.
    • 7\uC6D4
      • \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB2E4\uAC19\uC774 \uD22C\uC785\uD588\uB2E4.
      • \uCF54\uB4DC\uB9AC\uBDF0\uB3C4 \uC0DD\uAC01\uBCF4\uB2E4 \uD65C\uBC1C\uD558\uAC8C \uC9C4\uD589 \uB418\uC5C8\uC73C\uBA70 \uC0AC\uC2E4 \uC774 \uB54C \uBD84\uC704\uAE30\uAC00 \uC81C\uC77C \uC88B\uC558\uB358 \uAC83 \uAC19\uB2E4.
      • \uADF8\uB9AC\uACE0 \uB2E4\uC2DC \uCC44\uC6A9\uC744 \uC9C4\uD589\uD588\uB2E4.
    • 8\uC6D4
      • \uD504\uB85C\uC81D\uD2B8\uAC00 \uD55C \uBC88 \uC5CE\uC5B4\uC9C0\uBA74\uC11C \uCE68\uC6B8\uD55C(?) \uBD84\uC704\uAE30\uAC00 \uB418\uC5C8\uB2E4. \uADF8\uB7EC\uB2E4 \uC6D4 \uB9D0\uC5D0 \uC77C\uC774 \uBAB0\uB9AC\uBA74\uC11C \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4.
      • \uCC44\uC6A9\uC744 \uC9C4\uD589\uD558\uB2E4\uAC00 TO\uAC00 \uC0AC\uB77C\uC9C0\uAE30\uB3C4 \uD558\uACE0, \uD569\uACA9\uD558\uC2E0 \uBD84\uC774 \uC785\uC0AC\uB97C \uAC70\uC808\uD558\uAE30\uB3C4 \uD558\uBA74\uC11C \uD604\uD0C0\uAC00 \uC880 \uC654\uC5C8\uB2E4.
      • \uB0B4\uAC00 \uBB34\uC2A8 \uBD80\uADC0\uC601\uD654\uB97C \uB204\uB9AC\uACE0\uC790 \uC774 \uACE0\uC0DD\uC744 \uD588\uC744\uAE4C..? \uD558\uB294 \uC2EC\uC815\uC774\uC5C8\uB2E4.
    • 9\uC6D4
      • \uD22C\uC790 1\uCC28 \uC624\uD508\uC774 \uC774\uB904\uC84C\uACE0, \uB2E4\uC2DC \uCC44\uC6A9\uC744 \uC9C4\uD589\uD588\uC73C\uBA70, \uC0AC\uC218\uAC00 \uC774\uC9C1\uD588\uB2E4.
      • \uC0AC\uC218 \uB355\uBD84\uC5D0 \uC815\uB9D0 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uBC30\uC6B8 \uC218 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uBB34\uCC99 \uC544\uC26C\uC6E0\uB2E4.
    • 10\uC6D4
      • TO\uAC00 2\uAC1C \uC0DD\uACA8\uC11C \uB2E4\uC2DC \uCC44\uC6A9\uC744 \uC9C4\uD589\uD588\uB2E4.
      • \uCC44\uC6A9 \uB54C\uBB38\uC5D0 \uC5C5\uBB34\uAC00 \uAC70\uC758 \uB9C8\uBE44 \uB410\uC5C8\uB2E4.
      • \uC5ED\uB300\uAE09\uC73C\uB85C \uC2E0\uACBD\uC744 \uB9CE\uC774 \uC37C\uB2E4.
      • \uBAA8\uB4E0 \uC774\uB825\uC11C\uB97C \uC815\uB9D0 \uAF3C\uAF3C\uD558\uAC8C \uAC80\uD1A0\uD588\uB2E4.
      • \uCC44\uC6A9 \uACFC\uC81C\uC5D0 \uB300\uD55C \uCF54\uB4DC\uB9AC\uBDF0\uB3C4 \uBB34\uCC99 \uB9CE\uC774 \uD588\uB2E4.
    • 11\uC6D4
      • \uC6D0\uB798 \uB450 \uBD84\uC744 \uBAA8\uC2DC\uB824\uACE0 \uD588\uB294\uB370, \uCD5C\uC885\uD569\uACA9\uC774 \uB418\uC5C8\uC73C\uB098 \uC785\uC0AC\uB97C \uAC70\uC808\uD558\uC2DC\uB294 \uBD84\uC774 \uB9CE\uC544\uC11C \uACB0\uAD6D \uD55C \uBD84\uB9CC \uBAA8\uC2DC\uAC8C \uB418\uC5C8\uB2E4.
      • \uADF8\uB798\uB3C4 \uC0C8\uB85C\uC6B4 \uBD84\uC774 \uC624\uC154\uC11C \uBB34\uCC99 \uC88B\uC558\uB2E4.
    • 12\uC6D4
      • \uD22C\uC790 2\uCC28 \uC624\uD508 \uB54C\uBB38\uC5D0 \uAC70\uC758 \uC77C\uB9CC \uAC8C\uC18D \uD588\uB2E4.

    \uCC98\uC74C\uC5D0\uB294 \uC640.. \uB0B4\uAC00 \uBC8C\uC368 \uB9AC\uB354\uAC00 \uB418\uC5C8\uAD6C\uB098 \uD558\uBA70 \uC88B\uC544\uD588\uB294\uB370, \uADF8 \uAE30\uC068\uB3C4 \uC7A0\uC2DC.. \uAC01\uC885 \uD68C\uC758\uC640 \uC5C5\uBB34\uAC00 \uB9D0 \uADF8\uB300\uB85C \uD30C\uB3C4\uCC98\uB7FC \uBC00\uB824\uC654\uB2E4. \uD2B9\uD788 \uC6D4\uC694\uC77C\uC758 \uACBD\uC6B0 \uD558\uB8E8 \uC885\uC77C \uD68C\uC758\uAC00 \uC788\uC5B4\uC11C \uAC70\uC758 \uC5C5\uBB34\uB97C \uBABB\uD588\uACE0, \uD654\uC694\uC77C\uACFC \uC218\uC694\uC77C\uC5D0\uB3C4 \uAC01\uAC01 1\uC2DC\uAC04 30\uBD84 ~ 2\uC2DC\uAC04 \uC9DC\uB9AC \uD68C\uC758\uAC00 \uC788\uC5B4\uC11C \uB0B4\uAC00 \uD68C\uC0AC\uB97C \uD68C\uC758\uD558\uB7EC \uC624\uB294\uAC74\uC9C0 \uC77C\uD558\uB7EC \uC624\uB294\uAC74\uC9C0 \uC758\uBB38\uC774 \uB4E4\uB54C\uAC00 \uB9CE\uC558\uB2E4.

    \uC77C\uC740 \uD1F4\uADFC\uD558\uACE0 \uB098\uC11C \uD558\uB294 \uB0A0\uB4E4\uC774 \uB9CE\uC558\uACE0, \uC55E\uC120 \uD504\uB85C\uC81D\uD2B8 \uD68C\uACE0\uC5D0\uC11C \uB2E4\uB8EC \uAC83 \uCC98\uB7FC \uC2AC\uB799\uC73C\uB85C \uC624\uB294 \uC5C5\uBB34 \uC694\uCCAD \uB54C\uBB38\uC5D0 \uB3CC\uC544\uBC84\uB9B4 \uC9C0\uACBD\uC774\uC5C8\uB2E4. \uADF8\uB798\uC11C \uD55C \uB3D9\uC548 \uC2E0\uACBD\uC774 \uBB34\uCC99 \uB0A0\uCE74\uB85C\uC6CC\uC84C\uC5C8\uB2E4.

    \uD2B9\uD788 9\uC6D4\uC5D0\uB294 \uC5B8\uC81C \uC774\uC9C1\uC744 \uD574\uB3C4 \uC774\uC0C1\uD558\uC9C0 \uC54A\uC558\uB358, \uB0B4 \uC785\uC7A5\uC5D0\uC11C\uB294 \uC815\uB9D0 \uCD5C\uACE0\uC758 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB77C\uACE0 \uC0DD\uAC01\uD588\uB358 \uB0B4 \uC0AC\uC218\uAC00 \uB4DC\uB514\uC5B4(?) \uC774\uC9C1\uD588\uB2E4. \uCCAB \uD68C\uC0AC\uC5D0\uC11C \uC774\uB7F0 \uC0AC\uC218 \uC77C\uC744 \uD560 \uC218 \uC788\uC5B4\uC11C \uBB34\uCC99 \uAC10\uC0AC\uD588\uB2E4.

    (4) \uC88B\uC740 \uC870\uC9C1\uC5D0 \uB300\uD55C \uACE0\uBBFC

    \uD30C\uD2B8 \uB9AC\uB354\uAC00 \uB418\uBA74\uC11C \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC740 \uC870\uC9C1\uC73C\uB85C, \uC77C\uC744 \uC798 \uD558\uB294 \uC870\uC9C1\uC73C\uB85C, \uD589\uBCF5\uD55C \uC870\uC9C1\uC73C\uB85C \uB9CC\uB4E4 \uC218 \uC788\uC744\uC9C0 \uACE0\uBBFC\uD588\uB2E4.

    • \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uD589\uBCF5\uD55C \uC870\uC9C1

      \uC77C\uB2E8 \uB0B4\uAC00 \uC5B4\uB5A4 \uC870\uC9C1\uC5D0 \uC788\uC744 \uB54C \uD589\uBCF5\uD560\uC9C0 \uACE0\uBBFC\uD574\uBD24\uB2E4. \uC774\uBBF8 \uAE30\uC874\uC5D0 \uC815\uB9AC\uB41C \uB9CE\uC740 \uC790\uB8CC\uB4E4\uC774 \uC788\uACA0\uC9C0\uB9CC, \uC77C\uB2E8 \uB0B4 \uAE30\uC900\uC5D0 \uBD80\uD569\uD574\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4.

      • \uC801\uC808\uD55C \uC18C\uC18D\uAC10\uACFC \uC720\uB300\uAC10
        • \uC9C0\uB098\uCE58\uAC8C \uCE5C\uD574\uB3C4 \uC548 \uB418\uACE0, \uB108\uBB34 \uB531\uB531\uD574\uB3C4 \uC548 \uB418\uB294 \uAC83 \uAC19\uB2E4.
          • \uB108\uBB34 \uCE5C\uD558\uBA74 \uAC08\uB4F1\uC774 \uC0DD\uACBC\uC744 \uB54C \uC624\uD788\uB824 \uBB38\uC81C\uAC00 \uB418\uB294 \uACBD\uC6B0\uB97C \uB9CE\uC774 \uBD24\uB2E4.
          • \uAC00\uC871\uC774\uB098 \uC5F0\uC778\uC0AC\uC774\uB3C4 \uB108\uBB34 \uD3B8\uD574\uC9C0\uACE0 \uCE5C\uD574\uC838\uC11C \uBC1C\uC0DD\uD558\uB294 \uBB38\uC81C\uB4E4\uC774 \uB9CE\uC774 \uC788\uB294 \uAC83 \uAC19\uB2E4.
          • \uD558\uC9C0\uB9CC \uC801\uC815 \uC218\uC900\uC758 \uC120\uC744 \uC9C0\uD0A8\uB2E4\uBA74 \uCE5C\uD574\uC838\uC11C \uC88B\uC73C\uBA74 \uC88B\uC558\uC9C0 \uB098\uC060\uAC74 \uC5C6\uC9C0 \uC54A\uC744\uAE4C?
        • \uADF8 \uB2E4\uC74C\uC73C\uB85C \uC911\uC694\uD55C\uAC74 \uC5B4\uB518\uAC00\uC5D0 \uC18C\uC18D\uB418\uC5B4 \uC788\uB2E4\uB294 \uC548\uC815\uAC10\uACFC \uC11C\uB85C\uB97C \uBB36\uC5B4\uC8FC\uB294 \uC720\uB300\uAC10\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.
          • \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uAC83 \uBCF4\uB2E4 \uC18C\uC18D\uAC10\uACFC \uC720\uB300\uAC10\uC740 \uC2EC\uB9AC\uC801 \uC548\uC815\uAC10\uC744 \uB192\uC5EC\uC8FC\uB294 \uAC83 \uAC19\uB2E4.
          • \uB0B4\uAC00 \uBBFF\uACE0 \uC758\uC9C0\uD560 \uC218 \uC788\uB294, \uB4F1\uC744 \uAE30\uB308 \uC218 \uC788\uB294 \uB3D9\uB8CC\uAC00 \uC788\uB2E4\uB294 \uAC83.
          • \uADF8\uAC8C \uC0AC\uD68C\uB97C \uC0B4\uC544\uAC00\uB294 \uBC29\uBC95\uC774 \uC544\uB2D0\uAE4C?
      • \uC758\uACAC\uC744 \uC27D\uAC8C \uD45C\uCD9C\uD558\uACE0 \uC798 \uB4E4\uC5B4\uC8FC\uB294 \uC870\uC9C1
        • \uC5B4\uB5A4 \uC758\uACAC\uC744 \uB9D0\uD558\uB4E0 \uADC0\uB97C \uADC0\uC6B8\uC5EC\uC8FC\uB294 \uC790\uC138\uAC00 \uD544\uC694\uD558\uB2E4.
        • \uADF8\uB9AC\uACE0 \uC774\uAC8C \uB2F9\uC5F0\uD558\uAC8C \uBC1B\uC544\uB4E4\uC5EC\uC9C0\uB294 \uBB38\uD654\uB77C\uBA74 \uC5B4\uB5A8\uAE4C?
        • \uB0B4\uAC00 \uACBD\uD5D8\uD574\uBCF4\uC9C4 \uBABB\uD588\uC9C0\uB9CC, \uC62C\uD574 \uCD08\uC5D0 \uD074\uB7FD \uD558\uC6B0\uC2A4\uB97C \uD1B5\uD574\uC11C \uC811\uD55C \uD1A0\uC2A4\uC640 \uCFE0\uD321 \uC758 \uBB38\uD654\uAC00 \uADF8\uB7EC\uD55C \uAC83 \uAC19\uB2E4.
        • \uC77C\uC774 \uC544\uBB34\uB9AC \uB9CE\uACE0 \uD798\uB4E4\uC5B4\uB3C4 \uB0B4 \uC758\uACAC\uC744 \uB4E4\uC5B4\uC8FC\uB294 \uC0AC\uB78C\uB4E4\uC774 \uC788\uACE0, \uC774\uB97C \uAC19\uC774 \uC2E4\uCC9C\uD574\uC8FC\uB294 \uC0AC\uB78C\uB4E4\uC774 \uC788\uB2E4\uB294 \uC0AC\uC2E4\uB9CC\uC73C\uB85C\uB3C4 \uBB34\uCC99 \uD798\uC774\uB418\uACE0 \uB610 \uD589\uBCF5\uD560 \uAC83 \uAC19\uB2E4.
      • \uACF5\uBD80\uB97C \uC7A5\uB824\uD558\uB294 \uC870\uC9C1
        • \uD68C\uC0AC\uC5D0\uC11C, \uC870\uC9C1\uC5D0\uC11C \uAC1C\uAC1C\uC778\uC758 \uC870\uC9C1\uC6D0\uC5D0\uAC8C \uCDA9\uBD84\uD788 \uD22C\uC790\uD558\uB294 \uB290\uB08C\uC774\uB784\uAE4C?
        • \uC0AC\uC2E4 \uB300\uBD80\uBD84\uC758 \uD68C\uC0AC\uAC00 \uAD50\uC721\uBE44, \uC778\uAC15\uBE44 \uB4F1\uC744 \uB9CE\uC774 \uC9C0\uC6D0\uD574\uC8FC\uACE0 \uC788\uB2E4.
        • \uC6B0\uB9AC \uD68C\uC0AC\uB294 \uAD50\uC721\uBE44\uC5D0 \uB300\uD55C \uC9C0\uC6D0\uC774 \uBB34\uCC99 \uBE48\uC57D\uD558\uB2E4.. \u3160\u3160
        • \uADF8\uB798\uC11C \uC785\uC0AC 1\uB144\uCC28\uC5D0\uB294 \uACE0\uC561\uC758 \uAD50\uC721\uBE44\uB97C \uC0AC\uBE44\uB85C \uAC10\uB2F9\uD588\uB2E4.
        • \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uD22C\uC790\uD558\uB294 \uAC83\uC774\uB77C\uC11C \uC544\uAE4C\uC6B4\uAC74 \uC544\uB2C8\uC9C0\uB9CC \uB0B4\uC2EC \uAD50\uC721\uBE44\uB97C \uC9C0\uC6D0\uBC1B\uB294 \uD68C\uC0AC\uB97C \uBCF4\uBA74 \uBB34\uCC99 \uBD80\uB7FD\uB2E4.
    • \uC77C\uC744 \uC798 \uD558\uB294 \uC870\uC9C1

      \uD544\uC790\uB97C \uD3EC\uD568\uD558\uC5EC \uB300\uBD80\uBD84\uC758 \uAC1C\uBC1C\uC790\uB77C\uB97C \uC5C5\uC73C\uB85C \uD558\uB294 \uC0AC\uB78C\uB4E4\uC774\uB77C\uBA74 \uB300\uCCB4\uB85C \uBE44\uD6A8\uC728\uC801\uC778 \uAC83\uC744 \uBB34\uCC99 \uC2EB\uC5B4\uD55C\uB2E4. \uADF8\uB798\uC11C \uC694\uC998 \uB300\uBD80\uBD84\uC758 \uC870\uC9C1\uC5D0\uC11C\uB294 \uC560\uC790\uC77C \uBB38\uD654\uB97C \uB3C4\uC785\uD558\uACE0 \uC788\uB294 \uAC83 \uAC19\uB2E4.

      • \uC560\uC790\uC77C?

        • \uC0AC\uC2E4 \uD544\uC790\uB294 \uC544\uC9C1\uB3C4 \uC560\uC790\uC77C\uC774 \uBB50\uB0D0\uACE0, \uBB34\uC5C7\uC744 \uD558\uB294\uAC70\uB0D0\uACE0 \uBB3C\uC5B4\uBCF4\uBA74 \uC774\uC5D0 \uB300\uD574\uC11C \uC815\uD655\uD558\uAC8C \uB9D0\uD558\uAE30\uAC00 \uC5B4\uB835\uB2E4.
        • \uC0AC\uC804\uC801\uC778 \uC758\uBBF8\uB85C \uB0A0\uB835\uD55C \uBBFC\uCCA9\uD55C \uC7AC\uBE60\uB978 \uAE30\uBBFC\uD55C \uB4F1\uC758 \uB73B\uC774 \uC788\uB2E4.
        • \uC870\uAE08 \uCC3E\uC544\uBCF4\uBA74 \uD575\uC2EC\uC801\uC778 \uAC83\uC740 \uBCC0\uD654\uC5D0 \uC798 \uB300\uC751 \uD558\uB294 \uAC83, \uC720\uC5F0\uD558\uAC8C \uC77C\uC744 \uC9C4\uD589\uD558\uB294 \uAC83 \uC774\uB77C\uACE0 \uD55C\uB2E4.
      • \uADF8\uB798\uC11C \uADF8\uB0E5 \uC560\uC790\uC77C \uC774\uB77C\uB294 \uB2E8\uC5B4\uC5D0 \uC9D1\uC911\uD558\uAE30\uBCF4\uB2E8, \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC6B0\uB9AC\uAC00 \uC77C\uC744 \uC798 \uD560 \uC218 \uC788\uC744\uAE4C? \uC5D0 \uB300\uD574 \uACE0\uBBFC\uD558\uAE30\uB85C \uD588\uB2E4.

      • \uC5B4\uB5A4 \uB3C4\uAD6C\uB97C \uB3C4\uC785\uD558\uB294 \uAC83\uC5D0 \uC9D1\uC911\uD558\uAE30\uBCF4\uB2E8, \uD604\uC7AC \uAC00\uC9C4 \uB3C4\uAD6C\uB4E4\uC744 \uCD5C\uB300\uD55C \uD65C\uC6A9\uD558\uB294 \uAC83\uC744 \uBAA9\uD45C\uB85C \uD588\uB2E4.

        • \uD68C\uC0AC\uC5D0\uC11C\uB294 \uB178\uC158\uC744 \uC801\uADF9\uC801\uC73C\uB85C \uC0AC\uC6A9\uD558\uB294 \uAC83\uC744 \uAD8C\uD558\uACE0 \uC788\uB2E4.

        • \uADF8\uB798\uC11C \uB178\uC158\uC73C\uB85C \uAC04\uB2E8\uD558\uAC8C task\uB97C \uB9CC\uB4E4\uC5B4\uC11C \uD65C\uC6A9\uD558\uAC8C \uB418\uC5C8\uB2E4.

          Untitled

          • \uCC98\uC74C\uC5D0\uB294 \uD30C\uD2B8\uB0B4\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD558\uB2E4\uAC00 \uC544\uC608 \uD504\uB85C\uC81D\uD2B8 \uB2E8\uC704\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB3C4\uB85D \uAD6C\uC131\uD588\uB2E4.
          • \uAC19\uC774 \uC77C\uD558\uB294 \uBD84\uB4E4\uC5D0\uAC8C \uACC4\uC18D\uD574\uC11C \uAC15\uC870\uD558\uACE0 \uC804\uD30C\uD588\uB354\uB2C8 \uC774\uC81C \uAF64 \uB9CE\uC740 \uBD84\uB4E4\uC774 \uC0AC\uC6A9\uD558\uACE0 \uC788\uB2E4.
          • \uBB3C\uB860.. \uC544\uC9C1 \uAC08 \uAE38\uC774 \uB108\uBB34 \uBA40\uB2E4.
        • \uB300\uBD80\uBD84\uC758 \uBB38\uC11C\uB97C \uC62C\uD574\uBD80\uD130\uB294 \uB178\uC158\uC5D0 \uC815\uB9AC\uD558\uACE0 \uC788\uB2E4. \uD558\uC9C0\uB9CC \uC815\uB9AC\uD55C \uBB38\uC11C\uAC00 \uBA87 \uAC1C \uC5C6\uB2E4

      • \uB370\uC77C\uB9AC \uC2A4\uD06C\uB7FC

        • \uD30C\uD2B8\uAC00 \uC2E0\uC124 \uB418\uBA74\uC11C \uB370\uC77C\uB9AC\uC2A4\uD06C\uB7FC\uC744 \uB3C4\uC785\uD588\uB2E4.
        • \uC6D0\uB798 \uC774\uB7F0\uAC8C \uC788\uB294 \uC904\uB3C4 \uBAB0\uB790\uB294\uB370, \uC2E0\uADDC \uC785\uC0AC\uC790\uBD84\uB4E4\uC774 \uD300\uC6D0 \uBD84\uB4E4\uC774 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uBA74\uC11C \uB370\uC77C\uB9AC\uC2A4\uD06C\uB7FC\uC744 \uD558\uB294 \uAC83\uC744 \uBCF4\uACE0 \uC544\uC608 \uD30C\uD2B8 \uB0B4\uC5D0\uC11C \uB370\uC77C\uB9AC\uC2A4\uD06C\uB7FC\uC744 \uC9C4\uD589\uD560 \uC218 \uC788\uB3C4\uB85D \uD655\uC7A5\uD588\uB2E4.

        Untitled

        • \uC591\uC2DD\uC740 \uB300\uCDA9 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          Untitled

        • \uB354 \uC88B\uC740 \uC591\uC2DD\uC774\uB098 \uBC29\uBC95\uC774 \uC788\uB2E4\uBA74 \uC5B8\uC81C\uB4E0 \uC18C\uAC1C \uBD80\uD0C1\uB4DC\uB9BD\uB2C8\uB2E4 \u{1F647}\u200D\u2642\uFE0F

      • \uC6D4\uAC04 KPT \uD68C\uACE0

        • \uB2E4\uB978 \uD68C\uC0AC\uC5D0\uC11C\uB294 \uC5B4\uB5A4 \uAC83\uB4E4\uC744 \uD558\uB098 \uB9AC\uC11C\uCE58\uB97C \uD574\uBD24\uB294\uB370 \uB9CE\uC774 \uD558\uB294\uAC8C \uBC14\uB85C KPT \uD68C\uACE0 \uC600\uB2E4.
          • Keep: \uD604\uC7AC \uC798 \uD558\uACE0 \uC788\uB294 \uAC83. \uC720\uC9C0\uD574\uC57C \uD558\uB294 \uAC83
          • Problem: \uD604\uC7AC \uAC00\uC9C0\uACE0 \uC788\uB294 \uBB38\uC81C\uB4E4
          • Try: \uBB38\uC81C \uD574\uACB0\uC744 \uC704\uD558\uC5EC \uC2DC\uB3C4\uD574\uBCFC\uB9CC\uD55C \uAC83\uB4E4
        • \uB9E4\uC77C \uD558\uAC70\uB098 \uC8FC \uB2E8\uC704\uB85C \uD558\uAE34 \uC870\uAE08 \uBD80\uB2F4\uC2A4\uB7EC\uC6E0\uACE0, \uD55C \uB2EC\uC5D0 \uD55C \uBC88 \uC815\uB3C4\uB294 \uBD80\uB2F4\uC5C6\uC774 \uD560 \uC218 \uC788\uC744 \uAC83 \uAC19\uC544\uC11C \uBC14\uB85C \uB3C4\uC785\uD588\uB2E4.
        • \uC77C\uB2E8 Try\uB97C \uD558\uB294 \uAC83\uC5D0 \uCD08\uC810\uC744 \uB450\uAE30 \uBCF4\uB2E8, Problem\uC744 \uC0B0\uCD9C \uD558\uB294 \uAC83\uC5D0 \uCD08\uC810\uC744 \uB480\uB2E4.
        • \uBB38\uC81C\uB97C \uC778\uC9C0\uD558\uACE0 \uC788\uC5B4\uC57C \uD574\uACB0\uB3C4 \uAC00\uB2A5\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD588\uAE30 \uB54C\uBB38\uC774\uB2E4.
        • Try\uC758 \uACBD\uC6B0.. \uBB3C\uB9AC\uC801\uC73C\uB85C \uC2DC\uAC04\uC774 \uBD80\uC871\uD55C \uACBD\uC6B0\uAC00 \uBB34\uCC99 \uB9CE\uC558\uB2E4.
    • \uD504\uB85C\uC81D\uD2B8 \uB9AC\uBDF0

      • \uC6D0\uB798\uB294 \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uD574\uC57C \uB9DE\uC9C0\uB9CC, \uD55C \uC0AC\uB78C\uC774 \uB9E1\uACE0 \uC788\uB294 \uD504\uB85C\uC81D\uD2B8\uAC00 \uB108\uBB34 \uB9CE\uB2E4\uBCF4\uB2C8 \uD604\uC2E4\uC801\uC73C\uB85C \uBB34\uCC99 \uD798\uB4E0 \uC0C1\uD669\uC774\uB2E4.

        • \uD544\uC790\uAC00 \uB9E1\uC740 \uD504\uB85C\uC81D\uD2B8\uB9CC \uD558\uB354\uB77C\uB3C4

          • \uBAA8\uBC14\uC77C\uC90C \uD504\uB860\uD2B8 + \uBC31\uC5D4\uB4DC
          • \uC2A4\uD0C0\uD2B8\uC90C \uD504\uB860\uD2B8 + \uBC31\uC5D4\uB4DC
          • \uC90C\uD504\uB860\uD2B8 \uBC31\uC5D4\uB4DC(Batch, API) + \uC5B4\uB4DC\uBBFC
          • \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8
          • \uAE08\uC735 \uD504\uB860\uD2B8

          \uB4F1\uC758 \uD504\uB85C\uC81D\uD2B8\uAC00 \uC788\uB2E4. \uB204\uAC00 \uB0B4 \uCF54\uB4DC\uC880 \uB9AC\uBDF0\uD574\uC8FC\uC138\uC694..

      • \uADF8\uB798\uC11C \uC5B4\uB5BB\uAC8C \uD574\uC57C \uB204\uAD70\uAC00\uC758 \uBD80\uC7AC\uAC00 \uC788\uC744 \uB54C\uB3C4 \uBC31\uC5C5\uC744 \uD560 \uC218 \uC788\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC218\uC694\uC77C\uB9C8\uB2E4 \uD504\uB85C\uC81D\uD2B8 \uD558\uB098\uB97C \uC815\uD574\uC11C \uB9AC\uBDF0\uB97C \uD558\uAE30\uB85C \uD588\uB2E4.

        • \uB300\uB7B5 3\uB2EC \uC815\uB3C4\uC5D0 \uAC78\uCCD0\uC11C \uD30C\uD2B8\uC5D0 \uC788\uB294 \uBAA8\uB4E0 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB300\uD574 \uB9AC\uBDF0\uB97C \uC9C4\uD589\uD588\uB2E4.
        • \uC6D0\uB798 \uBB38\uC11C\uC815\uB9AC\uB3C4 \uAC19\uC774 \uD558\uAE30\uB85C \uD588\uB294\uB370.. \uC27D\uC9C0 \uC54A\uB2E4.

    \uC774 \uC678\uC5D0\uB3C4 \uACE0\uBBFC\uD55C \uB0B4\uC6A9\uC774 \uBB34\uCC99 \uB9CE\uC558\uB294\uB370, \uC5F0\uB9D0\uC774 \uB418\uB2C8\uAE4C \uC0DD\uAC01\uB098\uB294\uAC8C \uB531\uD788 \uC5C6\uB2E4. \uB0B4\uB144\uC5D0\uB294 \uC218\uC2DC\uB85C \uC815\uB9AC\uB97C \uD574\uB450\uC790!

    (5) Effectuation Process

    ',25),xe=e("10\uC6D4 \uCBE4\uC5D0 \uC5B4\uB5A4 \uC2DD\uC73C\uB85C \uB0B4\uAC00 \uAC00\uC9C4 \uC5ED\uB7C9\uC744 \uBC1C\uACAC\uD558\uACE0 \uD0A4\uC6B8 \uC218 \uC788\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 "),Ie={href:"http://www.ac2.kr/",target:"_blank",rel:"noopener noreferrer"},Se=e("AC2(Agile Coach Squared)"),Te=e("\uB77C\uB294 \uAC15\uC758\uC5D0 \uB300\uD574 \uC54C\uAC8C\uB418\uC5C8\uACE0, \uB2E4\uC74C \uACFC\uC815\uC774 \uC5F4\uB9AC\uAE30\uB97C \uAE30\uB2E4\uB9AC\uACE0 \uC788\uC5C8\uB2E4."),De=l("p",null,"\uADF8\uB9AC\uACE0 AC2\uB97C \uC6B4\uC601\uD558\uACE0 \uAE40\uCC3D\uC900\uB2D8\uC774 \uBC1C\uD45C\uD55C \uC601\uC0C1\uC744 \uC720\uD29C\uBE0C\uC5D0\uC11C \uBAB0\uC544\uBCF4\uACE0 \uC788\uB358 \uC640\uC911\uC5D0,",-1),Je={href:"https://www.youtube.com/watch?v=8DXUDe-YNP0",target:"_blank",rel:"noopener noreferrer"},ye=e("\uAE40\uCC3D\uC900 \uC815\uC131\uC601 ac2 \uC778\uD130\uBDF0"),ze={href:"https://www.youtube.com/watch?v=eDtuLZ3nskc",target:"_blank",rel:"noopener noreferrer"},Le=e("Agile Korea 2012 - \uAC1C\uC778\uC774 \uC870\uC9C1\uC744 \uBC14\uAFB8\uB294 \uBC95 by \uAE40\uCC3D\uC900"),Ce={href:"https://www.youtube.com/watch?v=iR9gjvBiUMk&t=6s",target:"_blank",rel:"noopener noreferrer"},Ue=e("[2018 \uCCB4\uC778\uC9C0\uC628] \uC0C8\uB86D\uAC8C \uC2DC\uC791\uD558\uB294 \uAE30\uC220- \uAE40\uCC3D\uC900 \uC560\uC790\uC77C \uCEE8\uC124\uD305 \uB300\uD45C"),je={href:"https://www.youtube.com/watch?v=I4xkw_0XqAs&t=4s",target:"_blank",rel:"noopener noreferrer"},Ae=e("[OKKYCON: 2017] \uAE40\uCC3D\uC900 - \uD611\uC5C5\uC758 \uBBF8\uC2E0 5\uAC00\uC9C0"),Pe={href:"https://www.podbbang.com/channels/14757",target:"_blank",rel:"noopener noreferrer"},Ve=e("\uC560\uC790\uC77C \uD0A4\uC6CC\uB4DC"),Re=l("p",null,"\uC815\uD655\uD788 \uBAB0\uC544\uBCF4\uACE0 \uC788\uB294 \uADF8 \uB0A0, \uB2E4\uC74C\uACFC \uAC19\uC740 \uBA54\uC77C\uC744 \uD55C \uD1B5 \uBC1B\uC558\uB2E4. (\uC6B0\uC5F0\uC774\uB77C\uACE0 \uD558\uAE30\uC5D4 \uC815\uB9D0\uB85C \uAE30\uAC00\uB9C9\uD78C..)",-1),Ee=l("p",null,[l("img",{src:R,alt:"Untitled"})],-1),qe=l("p",null,"2022\uB144\uAE4C\uC9C4 AC2 \uACFC\uC815\uC774 \uAC1C\uC124\uB418\uC9C0 \uC54A\uB294 \uB2E4\uB294 \uB0B4\uC6A9\uC788\uACE0, \uB300\uC2E0\uC5D0 Effectuation \uC744 \uC8FC\uC81C\uB85C \uC138\uBBF8\uB098\uB97C \uC9C4\uD589\uD55C\uB2E4\uACE0 \uD588\uB2E4. \uD2B9\uBCC4\uD55C \uACE0\uBBFC\uC744 \uD558\uC9C0 \uC54A\uACE0 \uBC14\uB85C \uC2E0\uCCAD\uD588\uB2E4.",-1),Ne=e("\uBA3C\uC800 Effectuation\uC5D0 \uB300\uD55C \uC5F0\uAD6C\uB97C \uC18C\uAC1C\uD574\uBCF4\uC790\uBA74, \uBC84\uC9C0\uB2C8\uC544 \uB300\uD559\uAD50 \uACBD\uC601\uB300\uD559\uC6D0\uC758 Saras sarasvathy \uAD50\uC218\uAC00 \uC57D 30\uBA85\uC758 \uD0C1\uC6D4\uD55C \uCC3D\uC5C5\uAC00\uC5D0 \uB300\uD574 \uBD84\uC11D\uC744 \uD558\uACE0 "),Me={href:"https://www.effectuation.org/",target:"_blank",rel:"noopener noreferrer"},Be=e("\uB17C\uBB38"),Oe=e("\uC744 \uC791\uC131\uD588\uB2E4. \uC544\uB9C8 \uC608\uC0C1\uD560 \uC218 \uC788\uACA0\uC9C0\uB9CC, \uD0C1\uC6D4\uD55C \uCC3D\uC5C5\uAC00\uB4E4\uC740 \uC77C\uBC18\uC801\uC778 \uACBD\uC601\uD559\uC744 \uBC30\uC6B4 \uC0AC\uB78C\uB4E4(ex: MBA)\uACFC \uBE44\uAD50\uD588\uC744 \uB54C \uBB34\uCC99 \uB2E4\uB978 \uC804\uB7B5\uC744 \uAC00\uC9C0\uACE0 \uC788\uC5C8\uB2E4. \uC694\uC57D\uD574\uBCF4\uC790\uBA74, \uD0C1\uC6D4\uD55C \uCC3D\uC5C5\uAC00\uB4E4\uC5D0\uAC8C \uC911\uC694\uD55C \uAC83\uC740 \uBAA9\uD45C\uAC00 \uC544\uB2C8\uB77C "),He=l("strong",null,"\uBAA9\uD45C\uB97C \uD5A5\uD574 \uB098\uC544\uAC00\uB294 \uD504\uB85C\uC138\uC2A4(=Effectuation Process) \uC600\uB2E4.",-1),Ke=n(`

    Effectuation\uC5D0 \uB300\uD55C \uAC1C\uB150\uC744 \uAC04\uB2E8\uD558\uAC8C \uC0B4\uD3B4\uBCF4\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    • Effect
    1. [\uBA85\uC0AC] \uC601\uD5A5; \uACB0\uACFC, \uD6A8\uACFC (\u2192greenhouse effect, knock-on, side effect)
    +import{_ as s,a,b as o,c as r,d as p,e as c,f as d,g as u}from"./13.d90b29ee.js";import{_ as h,r as _,o as g,c as m,a as l,b as t,d as n,e}from"./app.d20f8571.js";var f="/TIL/assets/thumbnail.9becd14e.jpg",b="/TIL/assets/1.afe6b943.png",v="/TIL/assets/2.220d281d.png",k="/TIL/assets/3.5818bf2e.png",w="/TIL/assets/4.918772c2.png",x="/TIL/assets/5.e0237090.png",I="/TIL/assets/6.a30c5805.png",S="/TIL/assets/7.1a0080d7.png",T="/TIL/assets/8.5d5edb6e.png",D="/TIL/assets/9.a876e3fa.png",J="/TIL/assets/10.4fda64b4.png",y="/TIL/assets/11.747a746b.png",z="/TIL/assets/0.bcae8d81.png",L="/TIL/assets/12.7cb39e6b.png",C="/TIL/assets/13.d4709225.png",U="/TIL/assets/14.3a0dd278.png",j="/TIL/assets/15.fdd15655.png",A="/TIL/assets/16.4c5369c1.png",P="/TIL/assets/17.e476823c.png",V="/TIL/assets/18.13e26a29.png",R="/TIL/assets/19.7c8ec9ef.png",E="/TIL/assets/20.3625f40e.png",q="/TIL/assets/21.217e7a49.png",N="/TIL/assets/22.2f5be82e.png",M="/TIL/assets/23.9dae94c0.png",B="/TIL/assets/24.d37426b5.png",O="/TIL/assets/1.b08fda13.jpeg",H="/TIL/assets/25.22a21217.png",K="/TIL/assets/26.48398189.png",W="/TIL/assets/27.8f5a1fee.png",Z="/TIL/assets/28.06fd92a9.png";const X={},Y=n('

    \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0

    \uC8FC\uC778\uB2D8

    \uB05D\uB0A0 \uAC83 \uAC19\uC9C0 \uC54A\uB358 2021\uB144\uC774 \uB05D\uB0AC\uB2E4. \uBCF4\uC778\uB2E4. \uC62C\uD574\uB294 \uC791\uB144\uBCF4\uB2E4 \uB354 \uBC14\uBE74\uACE0, \uB354 \uD798\uB4E4\uC5C8\uACE0, \uB354 \uB9CE\uC774 \uC131\uC7A5\uD588\uB2E4\uACE0 \uC790\uBD80\uD560 \uC218 \uC788\uC744 \uAC83 \uAC19\uB2E4. \uADF8\uB798\uC11C \uB0B4\uB144\uC774 \uB354 \uAE30\uB300\uB418\uAE30\uB3C4 \uD558\uACE0 \uB3D9\uC2DC\uC5D0 \uBD80\uB2F4\uB3C4 \uB41C\uB2E4.

    \uC62C\uD574\uB97C \uC798 \uC815\uB9AC\uD558\uAE30 \uC704\uD574, \uC798 \uB9C8\uBB34\uB9AC\uD558\uAE30 \uC704\uD574 \uD68C\uACE0\uB97C \uC4F4\uB2E4.

    1. \uD68C\uC0AC \uD504\uB85C\uC81D\uD2B8 \uD68C\uACE0

    \uC62C\uD574 \uCD08\uC5D0 \uC0C8\uB85C\uC6B4 \uB300\uD45C\uB2D8\uC774 \uC624\uC2DC\uBA74\uC11C \uC815\uB9D0 \uACF5\uACA9\uC801\uC73C\uB85C \uB2E4\uC591\uD55C \uC11C\uBE44\uC2A4\uB97C \uAC1C\uD3B8\uD558\uACE0, \uC624\uD508\uD588\uACE0, \uC55E\uC73C\uB85C\uB3C4 \uC624\uD508\uD560 \uC608\uC815\uC774\uB2E4.

    (1) \uC90C\uD504\uB860\uD2B8(zum.com) \uAC1C\uD3B8

    Untitled

    ',8),F=e("\uC62C \uD574\uC5D0 \uC81C\uC77C \uBA3C\uC800 \uC9C4\uD589\uD55C \uD070 \uADDC\uBAA8\uC758 \uD504\uB85C\uC81D\uD2B8\uB294 "),Q={href:"http://zum.com",target:"_blank",rel:"noopener noreferrer"},G=e("\uC90C\uD504\uB860\uD2B8"),$=e(" \uAC1C\uD3B8"),ll=e("\uC774\uB2E4. \uAE30\uC874\uC758 \uC90C\uD504\uB860\uD2B8\uB294 "),el=l("code",null,"SpringBoot + Template Engine",-1),il=e(" \uC73C\uB85C \uAD6C\uC131\uB418\uC5B4 \uC788\uC5C8\uB2E4. \uC774 \uB54C\uC758 \uBB38\uC81C\uC810\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4."),tl=n('
    • \uAC1C\uBC1C \uD37C\uD3EC\uBA3C\uC2A4\uAC00 \uC88B\uC9C0 \uC54A\uB2E4.
      • SpringBoot \uD658\uACBD\uC5D0\uC11C \uC791\uC5C5\uD558\uAE30 \uB54C\uBB38\uC5D0 \uC218\uC815\uD558\uACE0 \uBE4C\uB4DC\uD558\uB294 \uACFC\uC815\uC744 \uACC4\uC18D \uAC70\uCCD0\uC57C\uD55C\uB2E4.
    • UI \uBAA8\uB4C8\uD654\uAC00 \uC5B4\uB835\uB2E4.
      • \uAE30\uBCF8\uC801\uC73C\uB85C Template Engine\uC744 \uC0AC\uC6A9\uD558\uAC8C \uB418\uBA74 \uBAA8\uB4C8\uD654 \uD558\uB294 \uAC83 \uC790\uCCB4\uAC00 \uBB34\uCC99 \uC5B4\uB835\uB2E4.
      • \uBAA8\uB4C8\uD654\uB97C \uD55C\uB2E4\uACE0 \uD574\uB3C4 javascript\uAC00 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uC774\uB97C \uC7AC\uD65C\uC6A9\uD558\uAE30\uAC00 \uC27D\uC9C0 \uC54A\uB2E4.
    • \uC55E\uC120 \uB0B4\uC6A9\uC758 \uC5F0\uC7A5\uC120\uC73C\uB85C, \uBD88\uD544\uC694\uD558\uAC8C Ajax \uC694\uCCAD\uC744 \uB0A8\uBC1C\uD558\uAC8C \uB41C\uB2E4
      • \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uB2E4\uC2DC \uBCF4\uC5EC\uC918\uC57C\uD560 \uACBD\uC6B0, \uD639\uC740 \uB370\uC774\uD130\uB97C \uAC31\uC2E0\uD574\uC57C \uB418\uB294 \uACBD\uC6B0 \uBD88\uD544\uC694\uD55C ajax \uC694\uCCAD\uC744 \uB0A8\uBC1C\uD558\uAC8C \uB41C\uB2E4.
      • \uBB34\uC5C7\uBCF4\uB2E4 ajax\uB85C \uB2E8\uC21C\uD558\uAC8C \uB370\uC774\uD130\uB9CC \uAC00\uC838\uC624\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C \uC544\uC608 html template\uC744 \uAC00\uC838\uC624\uB294 \uAC83\uC774\uB2E4.
      • \uC774\uC5D0 \uB530\uB77C \uD638\uCD9C \uD69F\uC218 \uC790\uCCB4\uB3C4 \uB9CE\uC544\uC9C0\uACE0, \uB124\uD2B8\uC6CC\uD06C \uD1B5\uC2E0\uB7C9\uB3C4 \uB9CE\uC544\uC9C4\uB2E4.
      • \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uC11C\uBC84\uC5D0 \uBD80\uD558\uAC00 \uBD88\uD544\uC694\uD558\uAC8C \uC0DD\uAE30\uAC8C \uB418\uBA70, instance\uB97C \uCD94\uAC00\uC801\uC73C\uB85C \uBD99\uC5EC\uC57C \uD558\uB294 \uACBD\uC6B0\uB3C4 \uC0DD\uAE34\uB2E4.

    \uADF8\uB9AC\uACE0 \uADFC\uBCF8\uC801\uC778 \uBB38\uC81C\uB294 \uBC14\uB85C 10\uB144\uC774 \uB118\uC740 \uB808\uAC70\uC2DC\uC758 \uC9D1\uC57D\uCCB4 \uB77C\uB294 \uAC83\uC774\uB2E4.

    • \uC815\uB9D0 \uC218\uC5C6\uC774 \uB9CE\uC740 \uC791\uC5C5\uC790\uB4E4\uC774 \uC774 \uD504\uB85C\uC81D\uD2B8\uB97C \uAC70\uCCD0\uAC14\uB2E4.
    • \uC54C \uC218 \uC5C6\uB294 \uCF54\uB4DC, \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uB294 \uCF54\uB4DC\uAC00 \uBB34\uCC99 \uB9CE\uC774 \uC874\uC7AC\uD55C\uB2E4.

    \uADF8\uB798\uC11C \uC544\uC608 NodeJS + VueJS \uB85C \uD504\uB85C\uC81D\uD2B8\uB97C \uCC98\uC74C\uBD80\uD130 \uAD6C\uC131\uD558\uC5EC \uB2E4\uC2DC \uB9CC\uB4DC\uB294 \uC791\uC5C5\uC774 \uD544\uC694\uD588\uB2E4.

    Untitled

    \uD544\uC790\uB294 \uC774 \uB54C \uD504\uB860\uD2B8 \uD504\uB85C\uC81D\uD2B8\uC5D0\uB294 \uAD00\uC5EC\uD558\uC9C0 \uC54A\uC558\uACE0, Backend\uC640 Admin\uC744 \uB9CC\uB4E4\uC5C8\uB2E4.

    \uD2B9\uD788, \uC5B4\uB4DC\uBBFC\uC758 \uACBD\uC6B0 \uB9C8\uCC2C\uAC00\uC9C0\uB85C jQuery + Angular\uB85C \uAD6C\uC131\uB41C \uC774\uC0C1\uD55C(?) \uD504\uB85C\uC81D\uD2B8\uC600\uC73C\uBA70 \uAE30\uB2A5\uB3C4 \uBB34\uCC99 \uB9CE\uC558\uB294\uB370, \uC774\uB97C \uC804\uBD80 \uC2E0\uADDC \uC5B4\uB4DC\uBBFC\uC73C\uB85C \uC62E\uAE30\uB294 \uC791\uC5C5\uC744 \uC9C4\uD589\uD588\uB2E4.

    Untitled

    \uC774 \uB54C \uCC98\uC74C\uC73C\uB85C Spring Batch\uB3C4 \uC0AC\uC6A9\uD574\uBCF4\uACE0, Vue Composition API\uB3C4 \uB9CC\uC838\uBCF4\uACE0, \uC6B4\uC601\uD300\uC774 \uC6D0\uD558\uB294 \uAC01\uC885 \uD3B8\uB9AC\uD55C \uAE30\uB2A5\uC744 \uCD94\uAC00\uD558\uAE30 \uC704\uD574\uC11C \uC790\uC798\uD55C \uC791\uC5C5\uC744 \uB9CE\uC774 \uD55C \uAC83 \uAC19\uB2E4.

    ',9),nl=e("\uC5B4\uB4DC\uBBFC \uBFD0\uB9CC \uC544\uB2C8\uB77C \uBC31\uC5D4\uB4DC(Internal API)\uB3C4 \uC791\uC5C5\uD588\uB2E4. \uC5B4\uB4DC\uBBFC\uC5D0\uC11C \uC0DD\uC131\uB41C \uB370\uC774\uD130\uB97C "),sl={href:"http://zum.com",target:"_blank",rel:"noopener noreferrer"},al=e("\uC90C\uD504\uB860\uD2B8"),ol=e("\uC5D0\uC11C \uD544\uC694\uD55C \uD615\uD0DC\uB85C \uC815\uC81C\uD558\uC5EC \uB0B4\uB824\uBCF4\uB0B4\uB294 \uACFC\uC815\uC774 \uD544\uC694\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4."),rl=n('

    Untitled

    \uD504\uB860\uD2B8\uC5D0\uC11C\uB294 15\uCD08\uB9C8\uB2E4 Internal API\uB97C \uD638\uCD9C\uD558\uC5EC \uCE90\uC2F1\uD558\uACE0 \uC788\uC5C8\uACE0, Internal API\uB294 \uB2E4\uC2DC \uAC01\uAC01\uC758 property\uC5D0 \uC801\uD569\uD55C \uC2A4\uCF00\uC974 \uC2DC\uAC04\uC744 \uC815\uD558\uC5EC \uB370\uC774\uD130\uB97C \uCE90\uC2F1\uD588\uB2E4.

    \uAC00\uBCCD\uAC8C \uC815\uB9AC\uD558\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uC740 \uACFC\uC815\uC744 \uAC70\uCE5C\uB2E4.

    1. \uBC30\uCE58\uC5D0\uC11C \uD1B5\uACC4\uB97C \uAE30\uBC18\uC73C\uB85C \uC778\uAE30 \uCF58\uD150\uCE20 \uC0DD\uC131 + \uC5B4\uB4DC\uBBFC\uC5D0\uC11C \uB370\uC774\uD130 \uC0DD\uC131
    2. Internal API\uC5D0\uC11C DB \uBC0F \uC678\uBD80 API\uC5D0 \uC811\uADFC\uD558\uC5EC \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uC870\uD569
    3. \uB370\uC774\uD130 \uC131\uACA9\uC5D0 \uB530\uB77C 30\uCD08, 60\uCD08, 180\uCD08 \uB2E8\uC704\uB85C \uC2A4\uCF00\uC974\uB9C1
    4. \uD55C \uAC1C\uC758 endpoint\uC5D0 \uBAA8\uB4E0 \uB370\uC774\uD130\uB97C \uCD9C\uB825 \u2192 \uC90C\uD504\uB860\uD2B8\uC5D0\uC11C Internal API\uB97C 15\uCD08 \uB2E8\uC704\uB85C \uD638\uCD9C\uD558\uACE0 \uCE90\uC2F1

    \uC815\uB9D0 \uB9CE\uC740 \uC774\uC288\uB4E4\uC774 \uC788\uC5C8\uB294\uB370, \uAE30\uC5B5\uB098\uB294 \uD55C \uAC00\uC9C0\uB97C \uBF51\uC790\uBA74,

    \uC2A4\uCF00\uC974\uC744 \uD558\uB294 \uACFC\uC815\uC5D0\uC11C DTO(Data Transfer Object)\uB97C \uC801\uD569\uD558\uAC8C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uC744 \uACBD\uC6B0 JPA\uC758 \uC5F0\uAD00\uAD00\uACC4 \uB9F5\uD551 \uB54C\uBB38\uC5D0 \uBD88\uD544\uC694\uD558\uAC8C DB\uC5D0 \uC811\uADFC\uD558\uB294 \uC77C\uC774 \uBC1C\uC0DD\uD588\uB2E4.

    • service layer\uC5D0\uC11C repository\uC5D0 \uC811\uADFC\uD558\uC5EC \uB370\uC774\uD130\uB97C \uAC00\uC838\uC628 \uB2E4\uC74C\uC5D0 \uCE90\uC2F1\uD55C\uB2E4.
    • facade layer\uC5D0\uC11C service \uB85C\uC9C1\uC744 \uD638\uCD9C\uD55C \uB2E4\uC74C\uC5D0 \uB370\uC774\uD130\uB97C \uC815\uC81C\uD55C\uB2E4.
    • \uADF8\uB7F0\uB370 \uC544\uBB34\uB9AC \uCE90\uC2F1\uB41C \uB370\uC774\uD130\uB77C\uACE0 \uD558\uB354\uB77C\uB3C4 JPA \uAC1D\uCCB4\uC774\uAE30 \uB54C\uBB38\uC5D0 \uC5F0\uAD00\uAD00\uACC4 \uB9E4\uD551\uC73C\uB85C \uC815\uC758\uB41C \uD504\uB85C\uD37C\uD2F0\uC5D0 \uC811\uADFC\uD560 \uACBD\uC6B0 DB\uC5D0 \uC694\uCCAD\uC744 \uB0A0\uB9AC\uAC8C \uB41C\uB2E4.

    \uADF8\uB798\uC11C \uD55C \uBC88 \uC7A5\uC560\uAC00 \uB09C \uC801\uC774 \uC788\uC5C8\uACE0, \uC704\uC640 \uAC19\uC740 \uB0B4\uC6A9\uC744 \uC778\uC9C0\uD55C \uB2E4\uC74C\uC5D0 \uBC14\uB85C \uC218\uC815\uD588\uB2E4.

    \uBC30\uCE58\uC640 \uAD00\uB828\uB41C \uC791\uC5C5\uB3C4 \uC788\uC5C8\uB294\uB370 \uC9C0\uAE08\uC740 \uC798 \uAE30\uC5B5\uC774 \uAC00\uBB3C\uAC00\uBB3C \uD558\uB2E4.

    \uC774 \uB2F9\uC2DC\uC5D0\uB294 \uD68C\uC0AC\uC5D0 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC5C6\uC5C8\uACE0, \uC804\uBD80 \uD480\uC2A4\uD0DD \uC11C\uBE44\uC2A4 \uAC1C\uBC1C\uC790\uC758 \uC5ED\uD560\uB85C \uD504\uB85C\uC81D\uD2B8\uC5D0 \uCC38\uC5EC\uD588\uAE30 \uB54C\uBB38\uC5D0 \uD544\uC790 \uB610\uD55C Java \uACF5\uBD80\uB97C \uC880 \uD588\uB294\uB370, \uC774\uC81C\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8 \uC18C\uC18D\uC774\uB77C\uC11C \uB9C8\uC74C \uD3B8\uD558\uAC8C \uD504\uB860\uD2B8\uC5D4\uB4DC\uB9CC \uACF5\uBD80\uD558\uACE0 \uC788\uB2E4.

    \uD544\uC790\uB294 Java\uB77C\uB294 \uC5B8\uC5B4\uB97C \uADF8\uB807\uAC8C \uB9C9 \uC2EB\uC5B4\uD558\uC9C4 \uC54A\uB294\uB2E4. \uB2E4\uB9CC, \uB611\uAC19\uC740 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uB354\uB77C\uB3C4 \uAC1C\uBC1C \uD37C\uD3EC\uBA3C\uC2A4\uAC00 \uBB34\uCC99 \uC88B\uC9C0 \uC54A\uC544\uC11C \uC2EB\uC5B4\uD560 \uBFD0.. \uC218\uC815\uB41C \uAE30\uB2A5 \uD55C \uBC88 \uD655\uC778\uD558\uB824\uACE0 \uD558\uBA74 \uB108\uBB34 \uB9CE\uC740 \uACFC\uC815\uC744 \uAC70\uCCD0\uC57C\uD55C\uB2E4 \u{1F972}

    (2) \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778(invest.zum.com)

    Untitled

    \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778\uC740 \uB450 \uCC28\uB840\uC758 \uC624\uD508 \uACFC\uC815\uC744 \uAC70\uCCE4\uB2E4.

    ',14),pl=e("1\uCC28 \uC624\uD508: "),cl=l("code",null,"9\uC6D4 \uCD08",-1),dl=e(" (\uC815\uD655\uD55C \uC2DC\uC810\uC740 \uAC00\uBB3C\uAC00\uBB3C \uD558\uB2E4.. \u{1F972}) "),ul={href:"http://invest.zum.com",target:"_blank",rel:"noopener noreferrer"},hl=e("\uBA54\uC778\uD398\uC774\uC9C0"),_l={href:"http://invest.zum.com/investment",target:"_blank",rel:"noopener noreferrer"},gl=e("\uD22C\uC790\uB178\uD2B8"),ml=l("ul",null,[l("li",null,"\uBA54\uC778\uD398\uC774\uC9C0"),l("li",null,"\uD544\uC9C4 \uBAA9\uB85D"),l("li",null,"\uD544\uC9C4 \uC0C1\uC138\uD398\uC774\uC9C0"),l("li",null,"\uD22C\uC790\uB178\uD2B8 \uC0C1\uC138\uD398\uC774\uC9C0"),l("li",null,"\uCD5C\uC2E0\uAE00 \uD398\uC774\uC9C0")],-1),fl=l("li",null,"\uC885\uBAA9 \uC0C1\uC138\uD398\uC774\uC9C0",-1),bl=l("li",null,"\uB274\uC2A4 \uC0C1\uC138\uD398\uC774\uC9C0",-1),vl=l("li",null,"\uAD6D\uB0B4\uC9C0\uC218 \uC0C1\uC138\uD398\uC774\uC9C0",-1),kl=l("li",null,"\uD574\uC678\uC9C0\uC218 \uC0C1\uC138\uD398\uC774\uC9C0",-1),wl=l("p",null,"5\uC6D4\uC5D0 \uAE30\uD68D\uC744 \uC2DC\uC791\uD588\uACE0, 7\uC6D4 \uCD08\uC5D0 \uC624\uD508\uC744 \uBAA9\uC801\uC73C\uB85C \uC791\uC5C5\uC744 \uC9C4\uD589\uD588\uB2E4. \uADF8\uB7F0\uB370 \uC911\uAC04\uC5D0 \uAE30\uD68D\uC774 \uC5CE\uC5B4\uC84C\uACE0, \uB2E4\uC2DC 8\uC6D4\uB9D0 \uC624\uD508\uC744 \uBAA9\uC801\uC73C\uB85C \uC791\uC5C5\uD558\uB2E4\uAC00 \uB0B4\uBD80\uC801\uC73C\uB85C \uACC4\uC18D \uC774\uC288\uAC00 \uC788\uC5B4\uC11C 9\uC6D4 \uCD08\uC5D0 \uC624\uD508\uD588\uB2E4.",-1),xl=e("2\uCC28 \uC624\uD508: "),Il=l("code",null,"12\uC6D4 24\uC77C",-1),Sl={href:"http://invest.zum.com/internal",target:"_blank",rel:"noopener noreferrer"},Tl=e("\uAD6D\uB0B4\uC99D\uC2DC"),Dl=l("ul",null,[l("li",null,"\uAD6D\uB0B4\uC99D\uC2DC \uBA54\uC778\uD398\uC774\uC9C0"),l("li",null,"\uC804\uCCB4 \uC5C5\uC885 \uD398\uC774\uC9C0"),l("li",null,"\uC5C5\uC885 \uC0C1\uC138\uD398\uC774\uC9C0"),l("li",null,"\uCE74\uD14C\uACE0\uB9AC\uBCC4 \uB7AD\uD0B9 \uD398\uC774\uC9C0"),l("li",null,"\uD050\uB808\uC774\uC158(\uB9AC\uD3EC\uD2B8 PICK, \uAE09\uB4F1\uC8FC PICK) \uD398\uC774\uC9C0")],-1),Jl={href:"http://invest.zum.com/world",target:"_blank",rel:"noopener noreferrer"},yl=e("\uD574\uC678\uC99D\uC2DC"),zl=l("ul",null,[l("li",null,"\uD574\uC678\uC99D\uC2DC \uBA54\uC778\uD398\uC774\uC9C0"),l("li",null,"\uD574\uC678 \uC99D\uC2DC \uC2E4\uC2DC\uAC04 \uD1A0\uB860\uBC14")],-1),Ll=e("\uB2E4\uC2DC 2\uCC28 \uC624\uD508\uC744 \uC704\uD55C \uAE30\uD68D\uC774 9\uC6D4\uC5D0 \uC2DC\uC791\uB418\uC5C8\uB2E4. 2\uCC28 \uC624\uD508\uC758 \uD575\uC2EC\uC740 \uBC14\uB85C "),Cl=l("code",null,"\uBA54\uCF54\uCC28\uD2B8",-1),Ul=e("\uC778\uB370, "),jl={href:"https://kr.tradingview.com/heatmap/stock/?color=change&dataset=SPX500&group=sector&size=market_cap_basic",target:"_blank",rel:"noopener noreferrer"},Al=e("TradingView"),Pl=e("\uC640 "),Vl={href:"https://finviz.com/map.ashx?t=sec_all",target:"_blank",rel:"noopener noreferrer"},Rl=e("finviz"),El=e("\uB97C \uBCA4\uCE58\uB9C8\uD0B9 \uD558\uC600\uB2E4."),ql=n('

    \uC544\uC9C1 \uAD6D\uB0B4\uC5D0\uB294 \uC774\uB97C \uC81C\uB300\uB85C \uD65C\uC6A9\uD558\uB294 \uC11C\uBE44\uC2A4\uAC00 \uC5C6\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uCD5C\uB300\uD55C \uBE60\uB974\uAC8C \uC774\uB97C \uAD6C\uCD95\uD558\uACE0 \uC624\uD508 \uD558\uB294 \uAC83\uC744 \uBAA9\uD45C\uB85C \uD588\uB2E4.

    \uC0AC\uC2E4 \uBA54\uCF54\uCC28\uD2B8\uB97C \uC81C\uC678\uD55C \uB098\uBA38\uC9C0\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC774 2\uC8FC \uC815\uB3C4 \uC18C\uC694\uB418\uC5C8\uACE0, \uBC31\uC5D4\uB4DC \uCABD\uC5D0 \uD1F4\uC0AC\uC790\uAC00 \uBB34\uCC99 \uB9CE\uACE0 \uC778\uC218\uC778\uACC4\uAC00 \uC81C\uB300\uB85C \uB418\uC9C0 \uC54A\uB2E4\uBCF4\uB2C8 \uC77C\uC815\uC774 \uACC4\uC18D \uC9C0\uC5F0\uB410\uB2E4. \uC5B4\uCA0C\uB4E0 \uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0 12\uC6D4\uC5D0 \uC624\uD508\uD560 \uC218 \uC788\uC5C8\uB2E4.

    \uC0AC\uC2E4 \uC774 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB300\uD55C \uAE30\uC220\uC801\uC778 \uC774\uC288\uB294 \uB2E4\uB8E8\uACE0\uC790 \uD55C\uB2E4\uBA74 \uC815\uB9D0 \uB05D\uC774 \uC5C6\uB2E4.

    • \uD504\uB85C\uC81D\uD2B8 \uAD6C\uCD95
    • \uCF54\uC5B4 \uD504\uB85C\uC81D\uD2B8 \uAC1C\uC120
    • \uBE4C\uB4DC \uC2DC\uAC04 \uAC1C\uC120
    • \uCEF4\uD3EC\uB10C\uD2B8 \uC7AC\uD65C\uC6A9
    • Server Side Rendering
    • \uB80C\uB354\uB9C1 \uCD5C\uC801\uD654
    • \uCD08\uAE30 \uB80C\uB354\uB9C1 \uC2DC\uAC04 \uB2E8\uCD95
    • \uBA54\uBAA8\uB9AC \uB204\uC218 \uD574\uACB0
    • iframe \uC815\uAD50\uD558\uAC8C \uB2E4\uB8E8\uAE30
    • IE \uD638\uD658\uC131 \uD574\uACB0
    • SPA\uB97C \uACE0\uB824\uD558\uC9C0 \uC54A\uACE0 \uB9CC\uB4E4\uC5B4\uC9C4 \uC0AC\uB0B4 \uB77C\uC774\uBE0C\uB7EC\uB9AC \uC0AC\uC6A9\uD558\uAE30
    • \uBD80\uD558 \uD14C\uC2A4\uD2B8

    \uADF8\uB9AC\uACE0 \uAE30\uC220 \uC678\uC801\uC778 \uC774\uC288\uB3C4 \uC788\uB2E4.

    • \uCD08\uAE30 \uAE30\uD68D\uC790 \uD1F4\uC0AC
    • \uCD08\uAE30 \uB514\uC790\uC774\uB108 \uD1F4\uC0AC
    • \uAC70\uC758 \uBAA8\uB4E0 \uCD08\uAE30 \uAC1C\uBC1C\uC790 \uD1F4\uC0AC
    • \uB300\uBD80\uBD84\uC758 \uC778\uD504\uB77C \uAC1C\uBC1C\uC790 \uD1F4\uC0AC
      • \uC778\uD504\uB77C \uAC1C\uBC1C\uC790\uC758 \uC5C5\uBB34 \uBD80\uD558\uAC00 \uAC70\uC758 150%
      • \uAC01\uC885 \uC778\uD504\uB77C \uC774\uC288\uC5D0 \uB300\uD55C \uD574\uACB0\uC774 \uBB34\uCC99 \uB290\uB9AC\uAC8C \uC9C4\uD589\uB428
    • \uC218 \uC5C6\uC774 \uB9CE\uC740 \uC2AC\uB799 \uBA54\uC2DC\uC9C0\uC640 \uC815\uB3C8 \uB418\uC9C0 \uC54A\uB294 \uAC01\uC885 \uC5C5\uBB34\uB4E4
      • \uC0AC\uC2E4 \uC774\uAC83 \uB54C\uBB38\uC5D0 \uB108\uBB34 \uC2A4\uD2B8\uB808\uC2A4\uB97C \uB9CE\uC774 \uBC1B\uC558\uB2E4
      • \uC5C5\uBB34\uAC00 \uACC4\uC18D \uC2AC\uB799\uC73C\uB85C \uC694\uCCAD\uC774 \uC624\uACE0
      • \uAE30\uB85D\uB3C4 \uC2AC\uB799\uC73C\uB85C \uB418\uB294\uB370
      • \uC544\uBB34\uB798\uB3C4 \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8\uACE0 \uD68C\uC0AC\uC5D0\uC11C \uC81C\uC77C \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD558\uB294 \uD504\uB85C\uC81D\uD2B8\uB2E4\uBCF4\uB2C8 \uAC01\uC885 \uC758\uACAC\uC774 \uC9C0\uC18D\uC801\uC73C\uB85C \uC62C\uB77C\uC654\uB2E4.
      • \uB3C4\uC800\uD788 \uC5C5\uBB34 \uD30C\uC545\uC744 \uD560 \uC218 \uC5C6\uB294 \uC9C0\uACBD..

    Untitled

    \uC5B4\uB290 \uB0A0 \uAC11\uC790\uAE30 \uACC4\uC18D \uC2AC\uB799\uC73C\uB85C \uC624\uB294 \uC5C5\uBB34 \uC694\uCCAD \uB54C\uBB38\uC5D0 \uAE09\uBC1C\uC9C4 \uD574\uC11C \uB0A8\uAE34 \uB0B4\uC6A9\uB4E4\uC774\uB2E4.

    \uACB0\uACFC\uC801\uC73C\uB85C \uC800\uB807\uAC8C \uC2AC\uB799\uC744 \uB0A8\uAE34 \uB2E4\uC74C\uC5D0 \uB300\uBD80\uBD84\uC758 \uC5C5\uBB34\uC640 \uAD00\uB828\uB41C \uB0B4\uC6A9\uC740 \uB178\uC158\uC744 \uD1B5\uD574\uC11C \uC9C4\uD589\uB418\uC5C8\uB2E4. \uB355\uBD84\uC5D0 \uC77C\uD558\uAE30\uAC00 \uD55C\uACB0 \uD3B8\uD574\uC84C\uB2E4.

    \uC5B4\uCA0C\uB4E0, \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC740 \uB530\uB85C \uC815\uB9AC\uD574\uBCFC \uC608\uC815\uC774\uB2E4. \uC544\uB9C8 \uAE30\uC220\uBE14\uB85C\uADF8\uC5D0 \uC815\uB9AC\uD574\uC11C \uC62C\uB9B4 \uAC83 \uAC19\uB2E4.

    (3) \uBAA8\uBC14\uC77C\uC90C(m.zum.com)

    Untitled

    ',12),Nl={href:"http://m.zum.com",target:"_blank",rel:"noopener noreferrer"},Ml=e("\uBAA8\uBC14\uC77C\uC90C"),Bl=e("\uC758 \uACBD\uC6B0 \uD2B9\uBCC4\uD55C \uAE30\uB2A5\uC774 \uCD94\uAC00\uB418\uAC70\uB098 \uD558\uC9C4 \uC54A\uC558\uB2E4. \uB2E4\uB9CC \uB9AC\uD329\uD1A0\uB9C1 \uC791\uC5C5\uC744 \uC9C4\uD589\uD588\uB2E4."),Ol=l("p",null,"\uBA3C\uC800 \uBC31\uC5D4\uB4DC\uC758 \uACBD\uC6B0 \uC778\uC218\uD14C\uC2A4\uD2B8\uB97C \uCD94\uAC00\uD588\uB2E4. DB\uAC00 \uC5EE\uC5EC\uC788\uB294\uAC8C \uC544\uB2C8\uB77C\uC11C \uC27D\uAC8C \uC791\uC5C5\uD560 \uC218 \uC788\uC5C8\uB2E4. \uB355\uBD84\uC5D0 \uC791\uC5C5 \uC2DC\uAC04\uC774 \uB9CE\uC774 \uB2E8\uCD95 \uB418\uC5C8\uB2E4.",-1),Hl=l("p",null,"\uD504\uB860\uD2B8\uC5D4\uB4DC\uC758 \uACBD\uC6B0 \uC2E0\uADDC core \uD504\uB85C\uC81D\uD2B8\uB97C \uC801\uC6A9\uD558\uBA74\uC11C \uBC30\uD3EC \uC2DC\uAC04\uB3C4 \uB2E8\uCD95 \uD588\uACE0, \uBCF5\uC7A1\uD55C \uCE90\uC2F1 \uB85C\uC9C1\uB3C4 \uC81C\uAC70\uD588\uB2E4.",-1),Kl=l("p",null,[l("img",{src:T,alt:"Untitled"})],-1),Wl=l("p",null,"\uC5BC\uCD94 \uC774\uB7F0 \uB290\uB08C\uC774\uB784\uAE4C?",-1),Zl=l("p",null,[e("\uBAA8\uBC14\uC77C\uC90C\uC5D0 \uCC98\uC74C SSR\uC744 \uC801\uC6A9\uD560 \uB550 "),l("code",null,"vue-server-renderer@2.2"),e(" \uC774\uC600\uACE0, client manifest\uB97C \uC81C\uACF5\uD558\uC9C0 \uC54A\uC558\uB2E4. \uB355\uBD84\uC5D0 SSR\uACFC CSR\uC744 \uB3D9\uC2DC\uC5D0 \uD558\uAE30 \uC704\uD574\uC120 server\uC758 template engine\uC744 \uB367\uBD99\uC5EC\uC11C \uC0AC\uC6A9\uD574\uC57C \uD588\uB2E4. \uB355\uBD84\uC5D0 SSR\uC744 \uC628\uC804\uD788 \uC774\uD574\uD558\uAE30\uAC00 \uBB34\uCC99 \uC5B4\uB824\uC6E0\uB2E4. \uD544\uC790 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uC758 \uBAA8\uB4E0 \uAD6C\uC131\uC6D0\uC774 \uC774\uB97C \uD798\uB4E4\uC5B4\uD588\uB2E4.")],-1),Xl=e("\uADF8\uB7F0\uB370 "),Yl=l("code",null,"vue-server-renderer@2.3",-1),Fl=e(" \uBD80\uD130 "),Ql=l("code",null,"client manifest",-1),Gl=e("\uB97C \uC81C\uACF5\uD558\uBA74\uC11C SSR\uC5D0 \uB300\uD55C \uB09C\uC774\uB3C4\uAC00 \uBB34\uCC99 \uB0AE\uC544\uC84C\uB2E4. \uC774\uC5D0 \uB300\uD55C \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),$l={href:"https://zuminternet.github.io/vue-ssr/",target:"_blank",rel:"noopener noreferrer"},le=e("Vue SSR \uC81C\uB300\uB85C \uC801\uC6A9\uD558\uAE30 (feat. Vanilla SSR)"),ee=e(" \uD3EC\uC2A4\uD2B8\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4."),ie=l("h3",{id:"_4-zum-portal-core-js",tabindex:"-1"},[l("a",{class:"header-anchor",href:"#_4-zum-portal-core-js","aria-hidden":"true"},"#"),e(" (4) zum-portal-core-js")],-1),te=l("p",null,[l("img",{src:D,alt:"Untitled"})],-1),ne=l("p",null,"zum-portal-core-js\uB294 \uC90C\uC778\uD130\uB137 \uD504\uB860\uD2B8\uC5D4\uB4DC\uD30C\uD2B8\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD558\uB294 \uD45C\uC900\uD654 \uD328\uD0A4\uC9C0\uB2E4. \uCC98\uC74C\uC5D0\uB294 \uAC00\uBCCD\uAC8C \uC2DC\uC791\uD55C \uD504\uB85C\uC81D\uD2B8\uC778\uB370 \uC810\uC810 \uAE30\uB2A5\uC774 \uBE44\uB300\uD574\uC838\uC11C \uC9C0\uAE08\uC740 \uACC4\uC18D\uD574\uC11C \uAE30\uB2A5\uBCC4\uB85C \uBD84\uD560\uD558\uACE0 \uC788\uB2E4.",-1),se=e("\uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),ae={href:"https://zuminternet.github.io/zum-portal-core-js/",target:"_blank",rel:"noopener noreferrer"},oe=e("Zum Portal Core JS \uC18C\uAC1C"),re=e(" \uD3EC\uC2A4\uD2B8\uC640 "),pe={href:"https://zuminternet.github.io/nestjs-custom-decorator/",target:"_blank",rel:"noopener noreferrer"},ce=e("NestJS Custom Caching Decorator \uB9CC\uB4E4\uAE30"),de=e(" \uD3EC\uC2A4\uD2B8\uC5D0\uC11C \uB2E4\uB8E8\uACE0 \uC788\uB2E4."),ue=n('

    \uD575\uC2EC\uC801\uC778 \uB0B4\uC6A9\uB9CC \uC694\uC57D\uD558\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    • \uBC31\uC5D4\uB4DC\uB294 express.js, \uD504\uB860\uD2B8\uC5D4\uB4DC\uB294 \uAC01\uC885 \uC6F9\uD329 \uC124\uC815\uC774 \uBC84\uBB34\uB824\uC9C4 \uD45C\uC900\uD654 \uD328\uD0A4\uC9C0\uB85C \uB9CC\uB4E4\uC5C8\uB2E4.
    • 1\uB144 \uC815\uB3C4 \uC798 \uC0AC\uC6A9\uD558\uB2E4\uAC00 \uAE30\uB2A5\uC774 \uC810\uC810 \uB9CE\uC544\uC9C0\uACE0 \uC788\uB294\uAC8C \uB290\uAEF4\uC84C\uACE0, \uC608\uCE21 \uD558\uC9C0 \uBABB\uD55C \uC5D0\uB7EC\uB4E4\uC774 \uBC1C\uC0DD\uD558\uC5EC \uC7A5\uC560\uB3C4 \uBA87 \uBC88 \uBC1C\uC0DD\uD588\uB2E4.
    • \uADF8\uB7EC\uB2E4 NestJS\uB97C \uB3C4\uC785\uD588\uB2E4.
    • \uBC30\uD3EC \uC2DC\uAC04\uC774 \uB108\uBB34 \uC624\uB798 \uAC78\uB838\uB2E4.
    • \uD504\uB860\uD2B8\uC5D4\uB4DC \uD328\uD0A4\uC9C0\uC640 \uBC31\uC5D4\uB4DC \uD328\uD0A4\uC9C0\uB97C \uBD84\uB9AC\uD588\uB2E4.
    • \uBAA8\uB178\uB808\uD3EC\uB85C \uAD00\uB9AC\uD558\uAE30 \uC2DC\uC791\uD588\uB2E4.
    • \uBD88\uD544\uC694\uD55C \uD328\uD0A4\uC9C0\uB97C \uC124\uCE58\uD558\uC9C0 \uC54A\uB294 \uBC29\uC2DD\uC744 \uD1B5\uD574\uC11C \uBC30\uD3EC \uC2DC\uAC04\uC744 \uB2E8\uCD95\uD588\uB2E4.
    • eslint\uB3C4 \uCD94\uAC00\uD588\uB2E4.
    • \uD14C\uC2A4\uD2B8\uCF54\uB4DC\uB3C4 \uCD94\uAC00\uD588\uB2E4.
    • \uB354 \uB9AC\uD329\uD1A0\uB9C1\uD574\uC11C github\uC5D0 \uACF5\uAC1C\uD560 \uC608\uC815\uC774\uB2E4.

    \uC5B8\uC81C \uACF5\uAC1C\uD560\uC9C4 \uBAA8\uB974\uACA0\uC73C\uB098, \uBE60\uB974\uBA74 \uC62C\uD574 \uC548\uC5D0, \uB2A6\uC5B4\uB3C4 \uB0B4\uB144 1\uBD84\uAE30 \uC548\uC5D0 github\uC5D0 \uC62C\uB824\uB193\uC744 \uC608\uC815\uC774\uB2E4.

    (5) \uAE30\uD0C0 \uD504\uB85C\uC81D\uD2B8\uB4E4

    \uC774\uC678\uC5D0\uB3C4 \uC815\uB9D0 \uB9CE\uC740 \uD504\uB85C\uC81D\uD2B8 \uD68C\uC758\uC5D0 \uCC38\uC5EC\uD588\uACE0, \uCD94\uC9C4\uC911\uC5D0 \uC788\uB2E4. \uC0AC\uC2E4 2021\uB144 \uD55C \uD574 \uB3D9\uC548 \uC81C\uC77C \uB9CE\uC774 \uC2DC\uAC04\uC744 \uD22C\uC790\uD55C \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778 \uD504\uB85C\uC81D\uD2B8\uBCF4\uB2E4 \uC55E\uC73C\uB85C \uC624\uD508\uD558\uAC8C \uB420 \uD504\uB85C\uC81D\uD2B8\uB4E4\uC5D0 \uB354 \uAD00\uC2EC\uC774 \uAC04\uB2E4.

    \uC65C\uB0D0\uBA74 IE\uB97C \uACE0\uB824\uD558\uC9C0 \uC54A\uB294 \uC11C\uBE44\uC2A4\uB97C \uCD94\uC9C4\uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4!

    \uC5B4\uB5BB\uAC8C \uB420\uC9C0\uB294 \uC544\uC9C1 \uBBF8\uC9C0\uC218\uC9C0\uB9CC, IE\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uB2E4\uB294 \uC0AC\uC2E4 \uD558\uB098 \uB9CC\uC73C\uB85C\uB3C4 \uBB34\uCC99 \uC124\uB80C\uB2E4.

    2. \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uD30C\uD2B8\uB9AC\uB354

    \uD544\uC790\uB294 \uC774\uC81C \uACBD\uB825\uC774 \uB9CC 2\uB144\uC744 \uC870\uAE08 \uB118\uC740 \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uB2E4. \uADF8\uB7F0\uB370 \uC62C\uD574 7\uC6D4\uC5D0 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC2E0\uC124 \uB418\uC5C8\uACE0, \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8(?) \uD30C\uD2B8\uB9AC\uB354 \uC9C1\uCC45\uC744 \uC218\uD589\uD558\uAC8C \uB418\uC5C8\uB2E4. \uD30C\uD2B8\uB9AC\uB354 \uC9C1\uCC45\uC744 \uC218\uD589\uD558\uBA74\uC11C \uD588\uB358 \uACE0\uBBFC\uB4E4\uC774 \uBB34\uCC99 \uB9CE\uC558\uB2E4. \uC774\uCC38\uC5D0 \uC815\uB9AC\uD574\uBCF4\uB824\uACE0 \uD55C\uB2E4.

    (1) \uCC44\uC6A9

    \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC2E0\uC124 \uB418\uAE30 \uC774\uC804\uC5D0 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uCC44\uC6A9\uC744 \uBA3C\uC800 \uC9C4\uD589\uD588\uB2E4. \uC0AC\uC2E4 \uC774 \uB54C \uAE4C\uC9C0\uB9CC \uD574\uB3C4 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC2E0\uC124\uB418\uB9AC\uB77C\uACE0 \uC0DD\uAC01\uC744 \uD558\uC9C0 \uBABB\uD588\uC5C8\uB2E4.

    ',11),he={href:"https://zuminternet.github.io/zum-front-recurit-review/",target:"_blank",rel:"noopener noreferrer"},_e=e("\uC8FC\uB2C8\uC5B4 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uC758 \uCC44\uC6A9 \uD504\uB85C\uC138\uC2A4 \uCC38\uC5EC \uD6C4\uAE30"),ge=l("p",null,[e("\uCC44\uC6A9 \uACFC\uC815\uC5D0\uC11C \uC815\uB9D0 \uB9CE\uC774 \uC2E0\uACBD \uC37C\uB358 \uBD80\uBD84\uC740 "),l("code",null,"\uC90C\uC778\uD130\uB137\uC5D0 \uC9C0\uC6D0\uD558\uAE38 \uC798\uD588\uB2E4"),e(" \uB77C\uB294 \uC0DD\uAC01\uC774 \uB4E4\uB3C4\uB85D \uD558\uB294 \uAC83\uC774\uC600\uB2E4. \uB2E8\uC21C\uD558\uAC8C \uC2E0\uADDC \uC778\uB825\uC744 \uCC44\uC6A9\uD55C\uB2E4\uB294 \uC0DD\uAC01\uC774 \uC544\uB2C8\uB77C "),l("code",null,"\uC90C\uC778\uD130\uB137\uC774 \uC9C0\uC6D0\uC790\uC5D0\uAC8C \uC2E0\uACBD\uC744 \uB9CE\uC774 \uC4F0\uACE0 \uC788\uB2E4"),e("\uB294 \uC778\uC0C1\uC744 \uC8FC\uACE0 \uC2F6\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 \uC815\uB9D0 \uC2E4\uB825 \uC788\uB294, \uADFC\uBCF8\uC774 \uC788\uB294 \uAC1C\uBC1C\uC790 \uBD84\uB4E4\uC744 \uBAA8\uC2DC\uACE0 \uC2F6\uC5C8\uB2E4.")],-1),me=l("p",null,[e("\uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 "),l("code",null,"\uCC44\uC6A9 \uACFC\uC81C\uB97C \uB9CC\uB4E4\uC5B4\uBCF4\uC790"),e("\uB294 \uACB0\uB860\uC5D0 \uB3C4\uB2EC\uD588\uACE0, \uC5B4\uB290 \uC815\uB3C4 \uC218\uC900\uC758 \uCC44\uC6A9 \uACFC\uC81C\uAC00 \uC88B\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC77C\uB2E8 \uB2E8\uC21C\uD558\uAC8C "),l("strong",null,"\uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC0AC\uC6A9\uD558\uB294 \uAC8C \uC544\uB2C8\uB77C, \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uB9CC\uB4E4 \uC218 \uC788\uB294 \uC218\uC900\uC758 \uACFC\uC81C"),e("\uB97C \uB9CC\uB4E4\uC5B4\uBCF4\uC790\uACE0 \uC0DD\uAC01\uD588\uB2E4.")],-1),fe=e("\uCC44\uC6A9 \uACFC\uC81C\uB294 "),be={href:"https://www.notion.so/c4c70fbaa3cd4e43a299abb0824d93a9",target:"_blank",rel:"noopener noreferrer"},ve=e("\uC5EC\uAE30"),ke=e("\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4. \uC6D0\uB798\uB294 \uB300\uC678\uBE44\uC778\uB370, \uB0B4\uB144 \uBD80\uD130\uB294 \uCC44\uC6A9 \uACFC\uC81C\uC758 \uB0B4\uC6A9\uC744 \uAC1C\uD3B8\uD560 \uC608\uC815\uC774\uB77C\uC11C \uACF5\uAC1C \uB418\uC5B4\uB3C4 \uC0AC\uC2E4 \uC0C1\uAD00 \uC5C6\uB2E4. \uCC44\uC810\uD45C\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4."),we=n('

    Untitled

    \uCC44\uC6A9\uACFC\uC81C\uC758 \uB300\uB7B5\uC801\uC778 \uCEE4\uD2B8\uB77C\uC778\uC740 60\uC810\uC774\uB2E4. \uB9CC\uC57D \uBCF8\uC778\uC774 \uCDE8\uC5C5\uC744 \uC900\uBE44\uD558\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB77C\uBA74 \uAF2D \uD55C \uBC88 \uD480\uC5B4\uBCF4\uAE38 \uAD8C\uC720\uD55C\uB2E4. \uACFC\uC81C\uC758 \uB0B4\uC6A9\uC744 \uC644\uBCBD\uD788 \uC774\uD574\uD558\uACE0 \uAD6C\uD604\uD560 \uC218 \uC788\uB2E4\uBA74, \uC989, 90\uC810 \uC774\uC0C1\uC758 \uC810\uC218 \uD655\uBCF4\uAC00 \uAC00\uB2A5\uD558\uB2E4\uBA74 \uC5B4\uB5A4 \uD68C\uC0AC\uB4E0 \uCDE8\uC5C5\uD560 \uC218 \uC788\uC73C\uB9AC\uB77C \uC7A5\uB2F4\uD55C\uB2E4.

    \uD07C\uC9C1\uD55C \uAE30\uB2A5\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    • \uCEF4\uD3EC\uB10C\uD2B8 \uC124\uACC4\uAC00 \uAC00\uB2A5\uD558\uB2E4.
      • \uAC1D\uCCB4\uC9C0\uD5A5\uC774\uB4E0 \uD568\uC218\uC9C0\uD5A5\uC774\uB4E0 \uC5B4\uB290\uC815\uB3C4 \uD655\uC7A5\uC131 \uC788\uB294 \uD615\uD0DC\uB85C \uB9CC\uB4E4 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.
    • \uD0C0\uC785\uC2A4\uD06C\uB9BD\uD2B8\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.
    • \uC6F9\uD329\uC744 \uC124\uC815\uC5D0 \uB300\uD574 \uAE4A\uAC8C \uC774\uD574\uD558\uACE0 \uC788\uB2E4.
    • \uB80C\uB354\uB9C1\uC744 \uD560 \uB54C \uAC00\uC0C1\uB3D4 \uD639\uC740 DIFF \uC54C\uACE0\uB9AC\uC998\uC744 \uC801\uC6A9\uD560 \uC218 \uC788\uB2E4.
    • \uC804\uC5ED \uC0C1\uD0DC\uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC\uB97C \uC9C1\uC811 \uAD6C\uD604\uD560 \uC218 \uC788\uB2E4.
    • \uC774\uBCA4\uD2B8 \uCD5C\uC801\uD654\uB97C \uD560 \uC218 \uC788\uB2E4.

    \uACFC\uC81C\uAC00 \uC5B4\uB835\uAE30 \uB54C\uBB38\uC5D0 \uADF8\uB0E5 \uD480\uB77C\uACE0 \uC81C\uC2DC\uD55C\uAC8C \uC544\uB2C8\uB77C, \uC81C\uCD9C\uD55C \uBAA8\uB4E0 \uC0AC\uB78C\uC5D0 \uB300\uD55C \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uC9C4\uD589\uD588\uB2E4.

    Untitled

    \uB355\uBD84\uC5D0 \uCC44\uC6A9\uC744 \uD55C \uBC88 \uC2DC\uC791\uD558\uBA74 \uB2E4\uB978 \uC5C5\uBB34\uAC00 \uAC70\uC758 \uB9C8\uBE44\uB420 \uC9C0\uACBD\uC5D0 \uC774\uB974\uB800\uB2E4. \uC774\uB825\uC11C\uB3C4 \uB108\uBB34 \uB9CE\uC558\uACE0, \uC81C\uCD9C\uD55C \uACFC\uC81C\uC5D0 \uB300\uD574 \uB9AC\uBDF0\uD558\uB294 \uACFC\uC815\uC774 \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4.

    \uBA74\uC811\uAE4C\uC9C0 \uD655\uC815\uB41C \uBD84\uB4E4\uC5D0\uAC8C\uB294 \uBC14\uB85C \uCC44\uC810\uACB0\uACFC \uBC0F \uCF54\uB4DC\uB9AC\uBDF0 \uB9C1\uD06C\uB97C \uACF5\uC720\uB4DC\uB838\uB2E4. \uC774 \uB54C \uCC38\uACE0\uD558\uBA74 \uC88B\uC740 \uD3EC\uC2A4\uD2B8\uC640 \uC55E\uC73C\uB85C\uC758 \uACF5\uBD80\uBC29\uD5A5 \uAC19\uC740 \uAC83\uB4E4\uB3C4 \uAC19\uC774 \uC815\uB9AC\uD574\uC11C \uBCF4\uB0B4\uB4DC\uB838\uB2E4. \uCD5C\uB300\uD55C \uC0C1\uC138\uD558\uAC8C \uD53C\uB4DC\uBC31\uC744 \uD558\uB824\uACE0 \uB178\uB825\uD588\uACE0, \uB9CE\uC740 \uBD84\uB4E4\uC774 \uB2E4\uC74C\uACFC \uAC19\uC740 \uB2F5\uC7A5\uC744 \uC8FC\uC168\uB2E4.

    \u1109\u1173\u110F\u1173\u1105\u1175\u11AB\u1109\u1163\u11BA 2021-12-27 \u110B\u1169\u1112\u116E 4.57.24.png

    Untitled

    Untitled

    Untitled

    Untitled

    \uC2DC\uAC04\uC774 \uB9CE\uC774 \uC18C\uBAA8\uB418\uAE34 \uD558\uC9C0\uB9CC, \uC774\uB7EC\uD55C \uACFC\uC815\uC744 \uD1B5\uD574\uC11C \uC804\uCCB4\uC801\uC73C\uB85C \uAC1C\uBC1C\uC790\uC758 \uC5ED\uB7C9\uC774 \uC88B\uC544\uC9C4\uB2E4\uBA74 \uADF8\uAC83 \uB610\uD55C \uC774 \uC5C5\uACC4\uB97C \uC704\uD55C \uC77C\uC774 \uC544\uB2D0\uAE4C? \uADF8\uB9AC\uACE0 \uB2E4\uC2DC \uB098\uC5D0\uAC8C \uB354 \uC88B\uC740 \uC77C\uB85C \uCC3E\uC544 \uC624\uC9C0 \uC54A\uC744\uAE4C? \uD558\uB294 \uC791\uC740 \uBC14\uB78C\uC774 \uC788\uB2E4.

    (2) \uD30C\uD2B8\uB9AC\uB354\uAC00 \uB418\uB2E4

    \uADF8\uB807\uAC8C \uC0C8\uB85C\uC6B4 \uBD84\uB4E4\uC774 \uD300\uC5D0 \uD569\uB958\uD558\uC600\uACE0 \uBC14\uB85C \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC2E0\uC124\uB418\uC5C8\uB2E4. \uC0AC\uC2E4 \uD68C\uC0AC\uC5D0\uC11C \uD504\uB860\uD2B8\uC5D4\uB4DC\uB97C \uC804\uBB38\uC73C\uB85C \uD558\uB294 \uC778\uB825\uC774 \uB098\uC640 \uB0B4 \uC0AC\uC218 \uBC16\uC5D0 \uC5C6\uC5C8\uB294\uB370 \uC0AC\uC218\uB3C4 \uC774\uC9C1\uC744 \uC55E\uB454 \uC0C1\uD0DC\uB77C\uC11C \uB0B4\uAC00 \uD30C\uD2B8\uB9AC\uB354 \uC5ED\uD560\uC744 \uC218\uD589\uD558\uAC8C \uB418\uC5C8\uB2E4. \uC774\uBC88\uC5D0\uB294 \uC6D4\uBCC4\uB85C \uC5B4\uB5A4 \uC77C\uB4E4\uC774 \uC788\uC5C8\uB294\uC9C0 \uB2E4\uB904\uBCF4\uACA0\uB2E4.

    • 5\uC6D4
      • \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uC138 \uBD84\uC774 \uD300\uC5D0 \uD569\uB958\uD588\uC73C\uBA70 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC2E0\uC124\uB418\uC5C8\uB2E4.
      • 6\uC6D4 \uAE4C\uC9C0\uB294 \uC0AC\uC2E4 \uD30C\uC77C\uB7FF\uD504\uB85C\uC81D\uD2B8 \uB54C\uBB38\uC5D0 \uD130\uCE58\uB97C \uAC70\uC758 \uD558\uC9C0 \uC54A\uACE0 \uAE30\uC220\uC801\uC778 \uBD80\uBD84\uC5D0 \uB300\uD574\uC11C\uB9CC \uB3C4\uC6C0\uC744 \uB4DC\uB838\uB2E4.
    • 6\uC6D4
      • \uC815\uC2DD\uC73C\uB85C \uD30C\uD2B8\uB9AC\uB354\uAC00 \uB418\uC5C8\uB2E4.
    • 7\uC6D4
      • \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB2E4\uAC19\uC774 \uD22C\uC785\uD588\uB2E4.
      • \uCF54\uB4DC\uB9AC\uBDF0\uB3C4 \uC0DD\uAC01\uBCF4\uB2E4 \uD65C\uBC1C\uD558\uAC8C \uC9C4\uD589 \uB418\uC5C8\uC73C\uBA70 \uC0AC\uC2E4 \uC774 \uB54C \uBD84\uC704\uAE30\uAC00 \uC81C\uC77C \uC88B\uC558\uB358 \uAC83 \uAC19\uB2E4.
      • \uADF8\uB9AC\uACE0 \uB2E4\uC2DC \uCC44\uC6A9\uC744 \uC9C4\uD589\uD588\uB2E4.
    • 8\uC6D4
      • \uD504\uB85C\uC81D\uD2B8\uAC00 \uD55C \uBC88 \uC5CE\uC5B4\uC9C0\uBA74\uC11C \uCE68\uC6B8\uD55C(?) \uBD84\uC704\uAE30\uAC00 \uB418\uC5C8\uB2E4. \uADF8\uB7EC\uB2E4 \uC6D4 \uB9D0\uC5D0 \uC77C\uC774 \uBAB0\uB9AC\uBA74\uC11C \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4.
      • \uCC44\uC6A9\uC744 \uC9C4\uD589\uD558\uB2E4\uAC00 TO\uAC00 \uC0AC\uB77C\uC9C0\uAE30\uB3C4 \uD558\uACE0, \uD569\uACA9\uD558\uC2E0 \uBD84\uC774 \uC785\uC0AC\uB97C \uAC70\uC808\uD558\uAE30\uB3C4 \uD558\uBA74\uC11C \uD604\uD0C0\uAC00 \uC880 \uC654\uC5C8\uB2E4.
      • \uB0B4\uAC00 \uBB34\uC2A8 \uBD80\uADC0\uC601\uD654\uB97C \uB204\uB9AC\uACE0\uC790 \uC774 \uACE0\uC0DD\uC744 \uD588\uC744\uAE4C..? \uD558\uB294 \uC2EC\uC815\uC774\uC5C8\uB2E4.
    • 9\uC6D4
      • \uD22C\uC790 1\uCC28 \uC624\uD508\uC774 \uC774\uB904\uC84C\uACE0, \uB2E4\uC2DC \uCC44\uC6A9\uC744 \uC9C4\uD589\uD588\uC73C\uBA70, \uC0AC\uC218\uAC00 \uC774\uC9C1\uD588\uB2E4.
      • \uC0AC\uC218 \uB355\uBD84\uC5D0 \uC815\uB9D0 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uBC30\uC6B8 \uC218 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uBB34\uCC99 \uC544\uC26C\uC6E0\uB2E4.
    • 10\uC6D4
      • TO\uAC00 2\uAC1C \uC0DD\uACA8\uC11C \uB2E4\uC2DC \uCC44\uC6A9\uC744 \uC9C4\uD589\uD588\uB2E4.
      • \uCC44\uC6A9 \uB54C\uBB38\uC5D0 \uC5C5\uBB34\uAC00 \uAC70\uC758 \uB9C8\uBE44 \uB410\uC5C8\uB2E4.
      • \uC5ED\uB300\uAE09\uC73C\uB85C \uC2E0\uACBD\uC744 \uB9CE\uC774 \uC37C\uB2E4.
      • \uBAA8\uB4E0 \uC774\uB825\uC11C\uB97C \uC815\uB9D0 \uAF3C\uAF3C\uD558\uAC8C \uAC80\uD1A0\uD588\uB2E4.
      • \uCC44\uC6A9 \uACFC\uC81C\uC5D0 \uB300\uD55C \uCF54\uB4DC\uB9AC\uBDF0\uB3C4 \uBB34\uCC99 \uB9CE\uC774 \uD588\uB2E4.
    • 11\uC6D4
      • \uC6D0\uB798 \uB450 \uBD84\uC744 \uBAA8\uC2DC\uB824\uACE0 \uD588\uB294\uB370, \uCD5C\uC885\uD569\uACA9\uC774 \uB418\uC5C8\uC73C\uB098 \uC785\uC0AC\uB97C \uAC70\uC808\uD558\uC2DC\uB294 \uBD84\uC774 \uB9CE\uC544\uC11C \uACB0\uAD6D \uD55C \uBD84\uB9CC \uBAA8\uC2DC\uAC8C \uB418\uC5C8\uB2E4.
      • \uADF8\uB798\uB3C4 \uC0C8\uB85C\uC6B4 \uBD84\uC774 \uC624\uC154\uC11C \uBB34\uCC99 \uC88B\uC558\uB2E4.
    • 12\uC6D4
      • \uD22C\uC790 2\uCC28 \uC624\uD508 \uB54C\uBB38\uC5D0 \uAC70\uC758 \uC77C\uB9CC \uAC8C\uC18D \uD588\uB2E4.

    \uCC98\uC74C\uC5D0\uB294 \uC640.. \uB0B4\uAC00 \uBC8C\uC368 \uB9AC\uB354\uAC00 \uB418\uC5C8\uAD6C\uB098 \uD558\uBA70 \uC88B\uC544\uD588\uB294\uB370, \uADF8 \uAE30\uC068\uB3C4 \uC7A0\uC2DC.. \uAC01\uC885 \uD68C\uC758\uC640 \uC5C5\uBB34\uAC00 \uB9D0 \uADF8\uB300\uB85C \uD30C\uB3C4\uCC98\uB7FC \uBC00\uB824\uC654\uB2E4. \uD2B9\uD788 \uC6D4\uC694\uC77C\uC758 \uACBD\uC6B0 \uD558\uB8E8 \uC885\uC77C \uD68C\uC758\uAC00 \uC788\uC5B4\uC11C \uAC70\uC758 \uC5C5\uBB34\uB97C \uBABB\uD588\uACE0, \uD654\uC694\uC77C\uACFC \uC218\uC694\uC77C\uC5D0\uB3C4 \uAC01\uAC01 1\uC2DC\uAC04 30\uBD84 ~ 2\uC2DC\uAC04 \uC9DC\uB9AC \uD68C\uC758\uAC00 \uC788\uC5B4\uC11C \uB0B4\uAC00 \uD68C\uC0AC\uB97C \uD68C\uC758\uD558\uB7EC \uC624\uB294\uAC74\uC9C0 \uC77C\uD558\uB7EC \uC624\uB294\uAC74\uC9C0 \uC758\uBB38\uC774 \uB4E4\uB54C\uAC00 \uB9CE\uC558\uB2E4.

    \uC77C\uC740 \uD1F4\uADFC\uD558\uACE0 \uB098\uC11C \uD558\uB294 \uB0A0\uB4E4\uC774 \uB9CE\uC558\uACE0, \uC55E\uC120 \uD504\uB85C\uC81D\uD2B8 \uD68C\uACE0\uC5D0\uC11C \uB2E4\uB8EC \uAC83 \uCC98\uB7FC \uC2AC\uB799\uC73C\uB85C \uC624\uB294 \uC5C5\uBB34 \uC694\uCCAD \uB54C\uBB38\uC5D0 \uB3CC\uC544\uBC84\uB9B4 \uC9C0\uACBD\uC774\uC5C8\uB2E4. \uADF8\uB798\uC11C \uD55C \uB3D9\uC548 \uC2E0\uACBD\uC774 \uBB34\uCC99 \uB0A0\uCE74\uB85C\uC6CC\uC84C\uC5C8\uB2E4.

    \uD2B9\uD788 9\uC6D4\uC5D0\uB294 \uC5B8\uC81C \uC774\uC9C1\uC744 \uD574\uB3C4 \uC774\uC0C1\uD558\uC9C0 \uC54A\uC558\uB358, \uB0B4 \uC785\uC7A5\uC5D0\uC11C\uB294 \uC815\uB9D0 \uCD5C\uACE0\uC758 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB77C\uACE0 \uC0DD\uAC01\uD588\uB358 \uB0B4 \uC0AC\uC218\uAC00 \uB4DC\uB514\uC5B4(?) \uC774\uC9C1\uD588\uB2E4. \uCCAB \uD68C\uC0AC\uC5D0\uC11C \uC774\uB7F0 \uC0AC\uC218 \uC77C\uC744 \uD560 \uC218 \uC788\uC5B4\uC11C \uBB34\uCC99 \uAC10\uC0AC\uD588\uB2E4.

    (4) \uC88B\uC740 \uC870\uC9C1\uC5D0 \uB300\uD55C \uACE0\uBBFC

    \uD30C\uD2B8 \uB9AC\uB354\uAC00 \uB418\uBA74\uC11C \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC740 \uC870\uC9C1\uC73C\uB85C, \uC77C\uC744 \uC798 \uD558\uB294 \uC870\uC9C1\uC73C\uB85C, \uD589\uBCF5\uD55C \uC870\uC9C1\uC73C\uB85C \uB9CC\uB4E4 \uC218 \uC788\uC744\uC9C0 \uACE0\uBBFC\uD588\uB2E4.

    • \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uD589\uBCF5\uD55C \uC870\uC9C1

      \uC77C\uB2E8 \uB0B4\uAC00 \uC5B4\uB5A4 \uC870\uC9C1\uC5D0 \uC788\uC744 \uB54C \uD589\uBCF5\uD560\uC9C0 \uACE0\uBBFC\uD574\uBD24\uB2E4. \uC774\uBBF8 \uAE30\uC874\uC5D0 \uC815\uB9AC\uB41C \uB9CE\uC740 \uC790\uB8CC\uB4E4\uC774 \uC788\uACA0\uC9C0\uB9CC, \uC77C\uB2E8 \uB0B4 \uAE30\uC900\uC5D0 \uBD80\uD569\uD574\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4.

      • \uC801\uC808\uD55C \uC18C\uC18D\uAC10\uACFC \uC720\uB300\uAC10
        • \uC9C0\uB098\uCE58\uAC8C \uCE5C\uD574\uB3C4 \uC548 \uB418\uACE0, \uB108\uBB34 \uB531\uB531\uD574\uB3C4 \uC548 \uB418\uB294 \uAC83 \uAC19\uB2E4.
          • \uB108\uBB34 \uCE5C\uD558\uBA74 \uAC08\uB4F1\uC774 \uC0DD\uACBC\uC744 \uB54C \uC624\uD788\uB824 \uBB38\uC81C\uAC00 \uB418\uB294 \uACBD\uC6B0\uB97C \uB9CE\uC774 \uBD24\uB2E4.
          • \uAC00\uC871\uC774\uB098 \uC5F0\uC778\uC0AC\uC774\uB3C4 \uB108\uBB34 \uD3B8\uD574\uC9C0\uACE0 \uCE5C\uD574\uC838\uC11C \uBC1C\uC0DD\uD558\uB294 \uBB38\uC81C\uB4E4\uC774 \uB9CE\uC774 \uC788\uB294 \uAC83 \uAC19\uB2E4.
          • \uD558\uC9C0\uB9CC \uC801\uC815 \uC218\uC900\uC758 \uC120\uC744 \uC9C0\uD0A8\uB2E4\uBA74 \uCE5C\uD574\uC838\uC11C \uC88B\uC73C\uBA74 \uC88B\uC558\uC9C0 \uB098\uC060\uAC74 \uC5C6\uC9C0 \uC54A\uC744\uAE4C?
        • \uADF8 \uB2E4\uC74C\uC73C\uB85C \uC911\uC694\uD55C\uAC74 \uC5B4\uB518\uAC00\uC5D0 \uC18C\uC18D\uB418\uC5B4 \uC788\uB2E4\uB294 \uC548\uC815\uAC10\uACFC \uC11C\uB85C\uB97C \uBB36\uC5B4\uC8FC\uB294 \uC720\uB300\uAC10\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.
          • \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uAC83 \uBCF4\uB2E4 \uC18C\uC18D\uAC10\uACFC \uC720\uB300\uAC10\uC740 \uC2EC\uB9AC\uC801 \uC548\uC815\uAC10\uC744 \uB192\uC5EC\uC8FC\uB294 \uAC83 \uAC19\uB2E4.
          • \uB0B4\uAC00 \uBBFF\uACE0 \uC758\uC9C0\uD560 \uC218 \uC788\uB294, \uB4F1\uC744 \uAE30\uB308 \uC218 \uC788\uB294 \uB3D9\uB8CC\uAC00 \uC788\uB2E4\uB294 \uAC83.
          • \uADF8\uAC8C \uC0AC\uD68C\uB97C \uC0B4\uC544\uAC00\uB294 \uBC29\uBC95\uC774 \uC544\uB2D0\uAE4C?
      • \uC758\uACAC\uC744 \uC27D\uAC8C \uD45C\uCD9C\uD558\uACE0 \uC798 \uB4E4\uC5B4\uC8FC\uB294 \uC870\uC9C1
        • \uC5B4\uB5A4 \uC758\uACAC\uC744 \uB9D0\uD558\uB4E0 \uADC0\uB97C \uADC0\uC6B8\uC5EC\uC8FC\uB294 \uC790\uC138\uAC00 \uD544\uC694\uD558\uB2E4.
        • \uADF8\uB9AC\uACE0 \uC774\uAC8C \uB2F9\uC5F0\uD558\uAC8C \uBC1B\uC544\uB4E4\uC5EC\uC9C0\uB294 \uBB38\uD654\uB77C\uBA74 \uC5B4\uB5A8\uAE4C?
        • \uB0B4\uAC00 \uACBD\uD5D8\uD574\uBCF4\uC9C4 \uBABB\uD588\uC9C0\uB9CC, \uC62C\uD574 \uCD08\uC5D0 \uD074\uB7FD \uD558\uC6B0\uC2A4\uB97C \uD1B5\uD574\uC11C \uC811\uD55C \uD1A0\uC2A4\uC640 \uCFE0\uD321 \uC758 \uBB38\uD654\uAC00 \uADF8\uB7EC\uD55C \uAC83 \uAC19\uB2E4.
        • \uC77C\uC774 \uC544\uBB34\uB9AC \uB9CE\uACE0 \uD798\uB4E4\uC5B4\uB3C4 \uB0B4 \uC758\uACAC\uC744 \uB4E4\uC5B4\uC8FC\uB294 \uC0AC\uB78C\uB4E4\uC774 \uC788\uACE0, \uC774\uB97C \uAC19\uC774 \uC2E4\uCC9C\uD574\uC8FC\uB294 \uC0AC\uB78C\uB4E4\uC774 \uC788\uB2E4\uB294 \uC0AC\uC2E4\uB9CC\uC73C\uB85C\uB3C4 \uBB34\uCC99 \uD798\uC774\uB418\uACE0 \uB610 \uD589\uBCF5\uD560 \uAC83 \uAC19\uB2E4.
      • \uACF5\uBD80\uB97C \uC7A5\uB824\uD558\uB294 \uC870\uC9C1
        • \uD68C\uC0AC\uC5D0\uC11C, \uC870\uC9C1\uC5D0\uC11C \uAC1C\uAC1C\uC778\uC758 \uC870\uC9C1\uC6D0\uC5D0\uAC8C \uCDA9\uBD84\uD788 \uD22C\uC790\uD558\uB294 \uB290\uB08C\uC774\uB784\uAE4C?
        • \uC0AC\uC2E4 \uB300\uBD80\uBD84\uC758 \uD68C\uC0AC\uAC00 \uAD50\uC721\uBE44, \uC778\uAC15\uBE44 \uB4F1\uC744 \uB9CE\uC774 \uC9C0\uC6D0\uD574\uC8FC\uACE0 \uC788\uB2E4.
        • \uC6B0\uB9AC \uD68C\uC0AC\uB294 \uAD50\uC721\uBE44\uC5D0 \uB300\uD55C \uC9C0\uC6D0\uC774 \uBB34\uCC99 \uBE48\uC57D\uD558\uB2E4.. \u3160\u3160
        • \uADF8\uB798\uC11C \uC785\uC0AC 1\uB144\uCC28\uC5D0\uB294 \uACE0\uC561\uC758 \uAD50\uC721\uBE44\uB97C \uC0AC\uBE44\uB85C \uAC10\uB2F9\uD588\uB2E4.
        • \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uD22C\uC790\uD558\uB294 \uAC83\uC774\uB77C\uC11C \uC544\uAE4C\uC6B4\uAC74 \uC544\uB2C8\uC9C0\uB9CC \uB0B4\uC2EC \uAD50\uC721\uBE44\uB97C \uC9C0\uC6D0\uBC1B\uB294 \uD68C\uC0AC\uB97C \uBCF4\uBA74 \uBB34\uCC99 \uBD80\uB7FD\uB2E4.
    • \uC77C\uC744 \uC798 \uD558\uB294 \uC870\uC9C1

      \uD544\uC790\uB97C \uD3EC\uD568\uD558\uC5EC \uB300\uBD80\uBD84\uC758 \uAC1C\uBC1C\uC790\uB77C\uB97C \uC5C5\uC73C\uB85C \uD558\uB294 \uC0AC\uB78C\uB4E4\uC774\uB77C\uBA74 \uB300\uCCB4\uB85C \uBE44\uD6A8\uC728\uC801\uC778 \uAC83\uC744 \uBB34\uCC99 \uC2EB\uC5B4\uD55C\uB2E4. \uADF8\uB798\uC11C \uC694\uC998 \uB300\uBD80\uBD84\uC758 \uC870\uC9C1\uC5D0\uC11C\uB294 \uC560\uC790\uC77C \uBB38\uD654\uB97C \uB3C4\uC785\uD558\uACE0 \uC788\uB294 \uAC83 \uAC19\uB2E4.

      • \uC560\uC790\uC77C?

        • \uC0AC\uC2E4 \uD544\uC790\uB294 \uC544\uC9C1\uB3C4 \uC560\uC790\uC77C\uC774 \uBB50\uB0D0\uACE0, \uBB34\uC5C7\uC744 \uD558\uB294\uAC70\uB0D0\uACE0 \uBB3C\uC5B4\uBCF4\uBA74 \uC774\uC5D0 \uB300\uD574\uC11C \uC815\uD655\uD558\uAC8C \uB9D0\uD558\uAE30\uAC00 \uC5B4\uB835\uB2E4.
        • \uC0AC\uC804\uC801\uC778 \uC758\uBBF8\uB85C \uB0A0\uB835\uD55C \uBBFC\uCCA9\uD55C \uC7AC\uBE60\uB978 \uAE30\uBBFC\uD55C \uB4F1\uC758 \uB73B\uC774 \uC788\uB2E4.
        • \uC870\uAE08 \uCC3E\uC544\uBCF4\uBA74 \uD575\uC2EC\uC801\uC778 \uAC83\uC740 \uBCC0\uD654\uC5D0 \uC798 \uB300\uC751 \uD558\uB294 \uAC83, \uC720\uC5F0\uD558\uAC8C \uC77C\uC744 \uC9C4\uD589\uD558\uB294 \uAC83 \uC774\uB77C\uACE0 \uD55C\uB2E4.
      • \uADF8\uB798\uC11C \uADF8\uB0E5 \uC560\uC790\uC77C \uC774\uB77C\uB294 \uB2E8\uC5B4\uC5D0 \uC9D1\uC911\uD558\uAE30\uBCF4\uB2E8, \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC6B0\uB9AC\uAC00 \uC77C\uC744 \uC798 \uD560 \uC218 \uC788\uC744\uAE4C? \uC5D0 \uB300\uD574 \uACE0\uBBFC\uD558\uAE30\uB85C \uD588\uB2E4.

      • \uC5B4\uB5A4 \uB3C4\uAD6C\uB97C \uB3C4\uC785\uD558\uB294 \uAC83\uC5D0 \uC9D1\uC911\uD558\uAE30\uBCF4\uB2E8, \uD604\uC7AC \uAC00\uC9C4 \uB3C4\uAD6C\uB4E4\uC744 \uCD5C\uB300\uD55C \uD65C\uC6A9\uD558\uB294 \uAC83\uC744 \uBAA9\uD45C\uB85C \uD588\uB2E4.

        • \uD68C\uC0AC\uC5D0\uC11C\uB294 \uB178\uC158\uC744 \uC801\uADF9\uC801\uC73C\uB85C \uC0AC\uC6A9\uD558\uB294 \uAC83\uC744 \uAD8C\uD558\uACE0 \uC788\uB2E4.

        • \uADF8\uB798\uC11C \uB178\uC158\uC73C\uB85C \uAC04\uB2E8\uD558\uAC8C task\uB97C \uB9CC\uB4E4\uC5B4\uC11C \uD65C\uC6A9\uD558\uAC8C \uB418\uC5C8\uB2E4.

          Untitled

          • \uCC98\uC74C\uC5D0\uB294 \uD30C\uD2B8\uB0B4\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD558\uB2E4\uAC00 \uC544\uC608 \uD504\uB85C\uC81D\uD2B8 \uB2E8\uC704\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB3C4\uB85D \uAD6C\uC131\uD588\uB2E4.
          • \uAC19\uC774 \uC77C\uD558\uB294 \uBD84\uB4E4\uC5D0\uAC8C \uACC4\uC18D\uD574\uC11C \uAC15\uC870\uD558\uACE0 \uC804\uD30C\uD588\uB354\uB2C8 \uC774\uC81C \uAF64 \uB9CE\uC740 \uBD84\uB4E4\uC774 \uC0AC\uC6A9\uD558\uACE0 \uC788\uB2E4.
          • \uBB3C\uB860.. \uC544\uC9C1 \uAC08 \uAE38\uC774 \uB108\uBB34 \uBA40\uB2E4.
        • \uB300\uBD80\uBD84\uC758 \uBB38\uC11C\uB97C \uC62C\uD574\uBD80\uD130\uB294 \uB178\uC158\uC5D0 \uC815\uB9AC\uD558\uACE0 \uC788\uB2E4. \uD558\uC9C0\uB9CC \uC815\uB9AC\uD55C \uBB38\uC11C\uAC00 \uBA87 \uAC1C \uC5C6\uB2E4

      • \uB370\uC77C\uB9AC \uC2A4\uD06C\uB7FC

        • \uD30C\uD2B8\uAC00 \uC2E0\uC124 \uB418\uBA74\uC11C \uB370\uC77C\uB9AC\uC2A4\uD06C\uB7FC\uC744 \uB3C4\uC785\uD588\uB2E4.
        • \uC6D0\uB798 \uC774\uB7F0\uAC8C \uC788\uB294 \uC904\uB3C4 \uBAB0\uB790\uB294\uB370, \uC2E0\uADDC \uC785\uC0AC\uC790\uBD84\uB4E4\uC774 \uD300\uC6D0 \uBD84\uB4E4\uC774 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uBA74\uC11C \uB370\uC77C\uB9AC\uC2A4\uD06C\uB7FC\uC744 \uD558\uB294 \uAC83\uC744 \uBCF4\uACE0 \uC544\uC608 \uD30C\uD2B8 \uB0B4\uC5D0\uC11C \uB370\uC77C\uB9AC\uC2A4\uD06C\uB7FC\uC744 \uC9C4\uD589\uD560 \uC218 \uC788\uB3C4\uB85D \uD655\uC7A5\uD588\uB2E4.

        Untitled

        • \uC591\uC2DD\uC740 \uB300\uCDA9 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          Untitled

        • \uB354 \uC88B\uC740 \uC591\uC2DD\uC774\uB098 \uBC29\uBC95\uC774 \uC788\uB2E4\uBA74 \uC5B8\uC81C\uB4E0 \uC18C\uAC1C \uBD80\uD0C1\uB4DC\uB9BD\uB2C8\uB2E4 \u{1F647}\u200D\u2642\uFE0F

      • \uC6D4\uAC04 KPT \uD68C\uACE0

        • \uB2E4\uB978 \uD68C\uC0AC\uC5D0\uC11C\uB294 \uC5B4\uB5A4 \uAC83\uB4E4\uC744 \uD558\uB098 \uB9AC\uC11C\uCE58\uB97C \uD574\uBD24\uB294\uB370 \uB9CE\uC774 \uD558\uB294\uAC8C \uBC14\uB85C KPT \uD68C\uACE0 \uC600\uB2E4.
          • Keep: \uD604\uC7AC \uC798 \uD558\uACE0 \uC788\uB294 \uAC83. \uC720\uC9C0\uD574\uC57C \uD558\uB294 \uAC83
          • Problem: \uD604\uC7AC \uAC00\uC9C0\uACE0 \uC788\uB294 \uBB38\uC81C\uB4E4
          • Try: \uBB38\uC81C \uD574\uACB0\uC744 \uC704\uD558\uC5EC \uC2DC\uB3C4\uD574\uBCFC\uB9CC\uD55C \uAC83\uB4E4
        • \uB9E4\uC77C \uD558\uAC70\uB098 \uC8FC \uB2E8\uC704\uB85C \uD558\uAE34 \uC870\uAE08 \uBD80\uB2F4\uC2A4\uB7EC\uC6E0\uACE0, \uD55C \uB2EC\uC5D0 \uD55C \uBC88 \uC815\uB3C4\uB294 \uBD80\uB2F4\uC5C6\uC774 \uD560 \uC218 \uC788\uC744 \uAC83 \uAC19\uC544\uC11C \uBC14\uB85C \uB3C4\uC785\uD588\uB2E4.
        • \uC77C\uB2E8 Try\uB97C \uD558\uB294 \uAC83\uC5D0 \uCD08\uC810\uC744 \uB450\uAE30 \uBCF4\uB2E8, Problem\uC744 \uC0B0\uCD9C \uD558\uB294 \uAC83\uC5D0 \uCD08\uC810\uC744 \uB480\uB2E4.
        • \uBB38\uC81C\uB97C \uC778\uC9C0\uD558\uACE0 \uC788\uC5B4\uC57C \uD574\uACB0\uB3C4 \uAC00\uB2A5\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD588\uAE30 \uB54C\uBB38\uC774\uB2E4.
        • Try\uC758 \uACBD\uC6B0.. \uBB3C\uB9AC\uC801\uC73C\uB85C \uC2DC\uAC04\uC774 \uBD80\uC871\uD55C \uACBD\uC6B0\uAC00 \uBB34\uCC99 \uB9CE\uC558\uB2E4.
    • \uD504\uB85C\uC81D\uD2B8 \uB9AC\uBDF0

      • \uC6D0\uB798\uB294 \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uD574\uC57C \uB9DE\uC9C0\uB9CC, \uD55C \uC0AC\uB78C\uC774 \uB9E1\uACE0 \uC788\uB294 \uD504\uB85C\uC81D\uD2B8\uAC00 \uB108\uBB34 \uB9CE\uB2E4\uBCF4\uB2C8 \uD604\uC2E4\uC801\uC73C\uB85C \uBB34\uCC99 \uD798\uB4E0 \uC0C1\uD669\uC774\uB2E4.

        • \uD544\uC790\uAC00 \uB9E1\uC740 \uD504\uB85C\uC81D\uD2B8\uB9CC \uD558\uB354\uB77C\uB3C4

          • \uBAA8\uBC14\uC77C\uC90C \uD504\uB860\uD2B8 + \uBC31\uC5D4\uB4DC
          • \uC2A4\uD0C0\uD2B8\uC90C \uD504\uB860\uD2B8 + \uBC31\uC5D4\uB4DC
          • \uC90C\uD504\uB860\uD2B8 \uBC31\uC5D4\uB4DC(Batch, API) + \uC5B4\uB4DC\uBBFC
          • \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8
          • \uAE08\uC735 \uD504\uB860\uD2B8

          \uB4F1\uC758 \uD504\uB85C\uC81D\uD2B8\uAC00 \uC788\uB2E4. \uB204\uAC00 \uB0B4 \uCF54\uB4DC\uC880 \uB9AC\uBDF0\uD574\uC8FC\uC138\uC694..

      • \uADF8\uB798\uC11C \uC5B4\uB5BB\uAC8C \uD574\uC57C \uB204\uAD70\uAC00\uC758 \uBD80\uC7AC\uAC00 \uC788\uC744 \uB54C\uB3C4 \uBC31\uC5C5\uC744 \uD560 \uC218 \uC788\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC218\uC694\uC77C\uB9C8\uB2E4 \uD504\uB85C\uC81D\uD2B8 \uD558\uB098\uB97C \uC815\uD574\uC11C \uB9AC\uBDF0\uB97C \uD558\uAE30\uB85C \uD588\uB2E4.

        • \uB300\uB7B5 3\uB2EC \uC815\uB3C4\uC5D0 \uAC78\uCCD0\uC11C \uD30C\uD2B8\uC5D0 \uC788\uB294 \uBAA8\uB4E0 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB300\uD574 \uB9AC\uBDF0\uB97C \uC9C4\uD589\uD588\uB2E4.
        • \uC6D0\uB798 \uBB38\uC11C\uC815\uB9AC\uB3C4 \uAC19\uC774 \uD558\uAE30\uB85C \uD588\uB294\uB370.. \uC27D\uC9C0 \uC54A\uB2E4.

    \uC774 \uC678\uC5D0\uB3C4 \uACE0\uBBFC\uD55C \uB0B4\uC6A9\uC774 \uBB34\uCC99 \uB9CE\uC558\uB294\uB370, \uC5F0\uB9D0\uC774 \uB418\uB2C8\uAE4C \uC0DD\uAC01\uB098\uB294\uAC8C \uB531\uD788 \uC5C6\uB2E4. \uB0B4\uB144\uC5D0\uB294 \uC218\uC2DC\uB85C \uC815\uB9AC\uB97C \uD574\uB450\uC790!

    (5) Effectuation Process

    ',25),xe=e("10\uC6D4 \uCBE4\uC5D0 \uC5B4\uB5A4 \uC2DD\uC73C\uB85C \uB0B4\uAC00 \uAC00\uC9C4 \uC5ED\uB7C9\uC744 \uBC1C\uACAC\uD558\uACE0 \uD0A4\uC6B8 \uC218 \uC788\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 "),Ie={href:"http://www.ac2.kr/",target:"_blank",rel:"noopener noreferrer"},Se=e("AC2(Agile Coach Squared)"),Te=e("\uB77C\uB294 \uAC15\uC758\uC5D0 \uB300\uD574 \uC54C\uAC8C\uB418\uC5C8\uACE0, \uB2E4\uC74C \uACFC\uC815\uC774 \uC5F4\uB9AC\uAE30\uB97C \uAE30\uB2E4\uB9AC\uACE0 \uC788\uC5C8\uB2E4."),De=l("p",null,"\uADF8\uB9AC\uACE0 AC2\uB97C \uC6B4\uC601\uD558\uACE0 \uAE40\uCC3D\uC900\uB2D8\uC774 \uBC1C\uD45C\uD55C \uC601\uC0C1\uC744 \uC720\uD29C\uBE0C\uC5D0\uC11C \uBAB0\uC544\uBCF4\uACE0 \uC788\uB358 \uC640\uC911\uC5D0,",-1),Je={href:"https://www.youtube.com/watch?v=8DXUDe-YNP0",target:"_blank",rel:"noopener noreferrer"},ye=e("\uAE40\uCC3D\uC900 \uC815\uC131\uC601 ac2 \uC778\uD130\uBDF0"),ze={href:"https://www.youtube.com/watch?v=eDtuLZ3nskc",target:"_blank",rel:"noopener noreferrer"},Le=e("Agile Korea 2012 - \uAC1C\uC778\uC774 \uC870\uC9C1\uC744 \uBC14\uAFB8\uB294 \uBC95 by \uAE40\uCC3D\uC900"),Ce={href:"https://www.youtube.com/watch?v=iR9gjvBiUMk&t=6s",target:"_blank",rel:"noopener noreferrer"},Ue=e("[2018 \uCCB4\uC778\uC9C0\uC628] \uC0C8\uB86D\uAC8C \uC2DC\uC791\uD558\uB294 \uAE30\uC220- \uAE40\uCC3D\uC900 \uC560\uC790\uC77C \uCEE8\uC124\uD305 \uB300\uD45C"),je={href:"https://www.youtube.com/watch?v=I4xkw_0XqAs&t=4s",target:"_blank",rel:"noopener noreferrer"},Ae=e("[OKKYCON: 2017] \uAE40\uCC3D\uC900 - \uD611\uC5C5\uC758 \uBBF8\uC2E0 5\uAC00\uC9C0"),Pe={href:"https://www.podbbang.com/channels/14757",target:"_blank",rel:"noopener noreferrer"},Ve=e("\uC560\uC790\uC77C \uD0A4\uC6CC\uB4DC"),Re=l("p",null,"\uC815\uD655\uD788 \uBAB0\uC544\uBCF4\uACE0 \uC788\uB294 \uADF8 \uB0A0, \uB2E4\uC74C\uACFC \uAC19\uC740 \uBA54\uC77C\uC744 \uD55C \uD1B5 \uBC1B\uC558\uB2E4. (\uC6B0\uC5F0\uC774\uB77C\uACE0 \uD558\uAE30\uC5D4 \uC815\uB9D0\uB85C \uAE30\uAC00\uB9C9\uD78C..)",-1),Ee=l("p",null,[l("img",{src:R,alt:"Untitled"})],-1),qe=l("p",null,"2022\uB144\uAE4C\uC9C4 AC2 \uACFC\uC815\uC774 \uAC1C\uC124\uB418\uC9C0 \uC54A\uB294 \uB2E4\uB294 \uB0B4\uC6A9\uC788\uACE0, \uB300\uC2E0\uC5D0 Effectuation \uC744 \uC8FC\uC81C\uB85C \uC138\uBBF8\uB098\uB97C \uC9C4\uD589\uD55C\uB2E4\uACE0 \uD588\uB2E4. \uD2B9\uBCC4\uD55C \uACE0\uBBFC\uC744 \uD558\uC9C0 \uC54A\uACE0 \uBC14\uB85C \uC2E0\uCCAD\uD588\uB2E4.",-1),Ne=e("\uBA3C\uC800 Effectuation\uC5D0 \uB300\uD55C \uC5F0\uAD6C\uB97C \uC18C\uAC1C\uD574\uBCF4\uC790\uBA74, \uBC84\uC9C0\uB2C8\uC544 \uB300\uD559\uAD50 \uACBD\uC601\uB300\uD559\uC6D0\uC758 Saras sarasvathy \uAD50\uC218\uAC00 \uC57D 30\uBA85\uC758 \uD0C1\uC6D4\uD55C \uCC3D\uC5C5\uAC00\uC5D0 \uB300\uD574 \uBD84\uC11D\uC744 \uD558\uACE0 "),Me={href:"https://www.effectuation.org/",target:"_blank",rel:"noopener noreferrer"},Be=e("\uB17C\uBB38"),Oe=e("\uC744 \uC791\uC131\uD588\uB2E4. \uC544\uB9C8 \uC608\uC0C1\uD560 \uC218 \uC788\uACA0\uC9C0\uB9CC, \uD0C1\uC6D4\uD55C \uCC3D\uC5C5\uAC00\uB4E4\uC740 \uC77C\uBC18\uC801\uC778 \uACBD\uC601\uD559\uC744 \uBC30\uC6B4 \uC0AC\uB78C\uB4E4(ex: MBA)\uACFC \uBE44\uAD50\uD588\uC744 \uB54C \uBB34\uCC99 \uB2E4\uB978 \uC804\uB7B5\uC744 \uAC00\uC9C0\uACE0 \uC788\uC5C8\uB2E4. \uC694\uC57D\uD574\uBCF4\uC790\uBA74, \uD0C1\uC6D4\uD55C \uCC3D\uC5C5\uAC00\uB4E4\uC5D0\uAC8C \uC911\uC694\uD55C \uAC83\uC740 \uBAA9\uD45C\uAC00 \uC544\uB2C8\uB77C "),He=l("strong",null,"\uBAA9\uD45C\uB97C \uD5A5\uD574 \uB098\uC544\uAC00\uB294 \uD504\uB85C\uC138\uC2A4(=Effectuation Process) \uC600\uB2E4.",-1),Ke=n(`

    Effectuation\uC5D0 \uB300\uD55C \uAC1C\uB150\uC744 \uAC04\uB2E8\uD558\uAC8C \uC0B4\uD3B4\uBCF4\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

    • Effect
    1. [\uBA85\uC0AC] \uC601\uD5A5; \uACB0\uACFC, \uD6A8\uACFC (\u2192greenhouse effect, knock-on, side effect)
     2. [\uBA85\uC0AC] (\uD654\uAC00\xB7\uC791\uAC00 \uB4F1\uC774 \uB9CC\uB4E4\uC5B4 \uB0B4\uB294) \uB290\uB08C[\uC778\uC0C1] (\u2192special effects, sound effect)
     3. [\uB3D9\uC0AC][\uACA9\uC2DD] (\uC5B4\uB5A4 \uACB0\uACFC\uB97C) \uAC00\uC838\uC624\uB2E4
     
    • Effectuation\uC740 \uBD88\uD655\uC2E4\uD55C \uC0C1\uD669\uC5D0\uC11C \uC5B4\uB5BB\uAC8C\uB4E0 Effect\uB97C \uBC1C\uC0DD\uC2DC\uD0A4\uB294 \uAC83\uC744 \uC758\uBBF8\uD55C\uB2E4.

    \uADF8\uB9AC\uACE0 Effectutation\uACFC \uC0C1\uBC18\uB418\uB294 \uAC1C\uB150\uC774 \uC788\uB2E4.

    • Cause

      1. \uC6D0\uC778
      diff --git a/assets/index.html.89a0e647.js b/assets/index.html.2543e8bd.js
      similarity index 98%
      rename from assets/index.html.89a0e647.js
      rename to assets/index.html.2543e8bd.js
      index 85a6a4a0..54ffb9b3 100644
      --- a/assets/index.html.89a0e647.js
      +++ b/assets/index.html.2543e8bd.js
      @@ -1 +1 @@
      -const e={key:"v-28fe6b58",path:"/Javascript/Design/Vanilla-JS-Store/",title:"Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30",description:"Vanilla Javascript\uB85C Vuex\uC640 Redux \uAC19\uC740 \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C\uC744 \uB9CC\uB4DC\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2021-07-26T00:00:00.000Z",tag:"javascript, vanilla",thumbnail:"https://user-images.githubusercontent.com/18749057/172793385-33a57d25-a9e7-4225-9b4e-0b1e70133633.png"},excerpt:"",headers:[{level:2,title:"1. \uC911\uC559 \uC9D1\uC911\uC2DD \uC0C1\uD0DC\uAD00\uB9AC",slug:"_1-\u110C\u116E\u11BC\u110B\u1161\u11BC-\u110C\u1175\u11B8\u110C\u116E\u11BC\u1109\u1175\u11A8-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",children:[]},{level:2,title:"2. Observer Pattern\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uAE30",slug:"_2-observer-pattern\u110B\u1166-\u1103\u1162\u1112\u1162-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) Publish",slug:"_1-publish",children:[]},{level:3,title:"(2) Subscriber",slug:"_2-subscriber",children:[]},{level:3,title:"(3) \uC801\uC6A9\uD558\uAE30",slug:"_3-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"3. \uB9AC\uD329\uD1A0\uB9C1",slug:"_3-\u1105\u1175\u1111\u1162\u11A8\u1110\u1169\u1105\u1175\u11BC",children:[{level:3,title:"(1) Object.defineProperty \uC774\uD574\uD558\uAE30",slug:"_1-object-defineproperty-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(2) \uC5EC\uB7EC \uAC1C\uC758 \uC18D\uC131 \uAD00\uB9AC\uD558\uAE30",slug:"_2-\u110B\u1167\u1105\u1165-\u1100\u1162\u110B\u1174-\u1109\u1169\u11A8\u1109\u1165\u11BC-\u1100\u116A\u11AB\u1105\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(3) \uC5EC\uB7EC \uAC1C\uC758 Observer \uAD00\uB9AC\uD558\uAE30",slug:"_3-\u110B\u1167\u1105\u1165-\u1100\u1162\u110B\u1174-observer-\u1100\u116A\u11AB\u1105\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(4) \uD568\uC218\uD654",slug:"_4-\u1112\u1161\u11B7\u1109\u116E\u1112\u116A",children:[]}]},{level:2,title:"4. DOM\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"_4-dom\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) \uC77C\uB2E8 \uAD6C\uD604\uD574\uBCF4\uAE30",slug:"_1-\u110B\u1175\u11AF\u1103\u1161\u11AB-\u1100\u116E\u1112\u1167\u11AB\u1112\u1162\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"(2) Component\uB85C \uCD94\uC0C1\uD654\uD558\uAE30",slug:"_2-component\u1105\u1169-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(3) \uACE0\uBBFC\uD574\uBCF4\uAE30",slug:"_3-\u1100\u1169\u1106\u1175\u11AB\u1112\u1162\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"(4) \uCEF4\uD3EC\uB10C\uD2B8 \uC678\uBD80\uC5D0 \uC0C1\uD0DC\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uAE30",slug:"_4-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u110B\u116C\u1107\u116E\u110B\u1166-\u1109\u1161\u11BC\u1110\u1162\u1105\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u110C\u116E\u1100\u1175",children:[]}]},{level:2,title:"5. Flux Pattern",slug:"_5-flux-pattern",children:[]},{level:2,title:"6. Vuex \uAC19\uC740 Store \uB9CC\uB4E4\uAE30",slug:"_6-vuex-\u1100\u1161\u11C0\u110B\u1173\u11AB-store-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:2,title:"7. Redux \uB9CC\uB4E4\uAE30",slug:"_7-redux-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:2,title:"8. \uC2EC\uD654\uD559\uC2B5",slug:"_8-\u1109\u1175\u11B7\u1112\u116A\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[{level:3,title:"(1) \uCD5C\uC801\uD654",slug:"_1-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[]},{level:3,title:"(2) Proxy",slug:"_2-proxy",children:[]}]},{level:2,title:"\uC800\uC7A5\uC18C",slug:"\u110C\u1165\u110C\u1161\u11BC\u1109\u1169",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Javascript/Design/Vanilla-JS-Store/README.md"};export{e as data};
      +const e={key:"v-28fe6b58",path:"/Javascript/Design/Vanilla-JS-Store/",title:"Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30",description:"Vanilla Javascript\uB85C Vuex\uC640 Redux \uAC19\uC740 \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C\uC744 \uB9CC\uB4DC\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2021-07-26T00:00:00.000Z",tag:"javascript, vanilla",thumbnail:"https://user-images.githubusercontent.com/18749057/172793385-33a57d25-a9e7-4225-9b4e-0b1e70133633.png"},excerpt:"",headers:[{level:2,title:"1. \uC911\uC559 \uC9D1\uC911\uC2DD \uC0C1\uD0DC\uAD00\uB9AC",slug:"_1-\u110C\u116E\u11BC\u110B\u1161\u11BC-\u110C\u1175\u11B8\u110C\u116E\u11BC\u1109\u1175\u11A8-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",children:[]},{level:2,title:"2. Observer Pattern\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uAE30",slug:"_2-observer-pattern\u110B\u1166-\u1103\u1162\u1112\u1162-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) Publish",slug:"_1-publish",children:[]},{level:3,title:"(2) Subscriber",slug:"_2-subscriber",children:[]},{level:3,title:"(3) \uC801\uC6A9\uD558\uAE30",slug:"_3-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"3. \uB9AC\uD329\uD1A0\uB9C1",slug:"_3-\u1105\u1175\u1111\u1162\u11A8\u1110\u1169\u1105\u1175\u11BC",children:[{level:3,title:"(1) Object.defineProperty \uC774\uD574\uD558\uAE30",slug:"_1-object-defineproperty-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(2) \uC5EC\uB7EC \uAC1C\uC758 \uC18D\uC131 \uAD00\uB9AC\uD558\uAE30",slug:"_2-\u110B\u1167\u1105\u1165-\u1100\u1162\u110B\u1174-\u1109\u1169\u11A8\u1109\u1165\u11BC-\u1100\u116A\u11AB\u1105\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(3) \uC5EC\uB7EC \uAC1C\uC758 Observer \uAD00\uB9AC\uD558\uAE30",slug:"_3-\u110B\u1167\u1105\u1165-\u1100\u1162\u110B\u1174-observer-\u1100\u116A\u11AB\u1105\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(4) \uD568\uC218\uD654",slug:"_4-\u1112\u1161\u11B7\u1109\u116E\u1112\u116A",children:[]}]},{level:2,title:"4. DOM\uC5D0 \uC801\uC6A9\uD558\uAE30",slug:"_4-dom\u110B\u1166-\u110C\u1165\u11A8\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) \uC77C\uB2E8 \uAD6C\uD604\uD574\uBCF4\uAE30",slug:"_1-\u110B\u1175\u11AF\u1103\u1161\u11AB-\u1100\u116E\u1112\u1167\u11AB\u1112\u1162\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"(2) Component\uB85C \uCD94\uC0C1\uD654\uD558\uAE30",slug:"_2-component\u1105\u1169-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(3) \uACE0\uBBFC\uD574\uBCF4\uAE30",slug:"_3-\u1100\u1169\u1106\u1175\u11AB\u1112\u1162\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"(4) \uCEF4\uD3EC\uB10C\uD2B8 \uC678\uBD80\uC5D0 \uC0C1\uD0DC\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uAE30",slug:"_4-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u110B\u116C\u1107\u116E\u110B\u1166-\u1109\u1161\u11BC\u1110\u1162\u1105\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u110C\u116E\u1100\u1175",children:[]}]},{level:2,title:"5. Flux Pattern",slug:"_5-flux-pattern",children:[]},{level:2,title:"6. Vuex \uAC19\uC740 Store \uB9CC\uB4E4\uAE30",slug:"_6-vuex-\u1100\u1161\u11C0\u110B\u1173\u11AB-store-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:2,title:"7. Redux \uB9CC\uB4E4\uAE30",slug:"_7-redux-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:2,title:"8. \uC2EC\uD654\uD559\uC2B5",slug:"_8-\u1109\u1175\u11B7\u1112\u116A\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[{level:3,title:"(1) \uCD5C\uC801\uD654",slug:"_1-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[]},{level:3,title:"(2) Proxy",slug:"_2-proxy",children:[]}]},{level:2,title:"\uC800\uC7A5\uC18C",slug:"\u110C\u1165\u110C\u1161\u11BC\u1109\u1169",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Javascript/Design/Vanilla-JS-Store/README.md"};export{e as data};
      diff --git a/assets/index.html.8d196c2c.js b/assets/index.html.2a395442.js
      similarity index 96%
      rename from assets/index.html.8d196c2c.js
      rename to assets/index.html.2a395442.js
      index 04d460a1..25f257b1 100644
      --- a/assets/index.html.8d196c2c.js
      +++ b/assets/index.html.2a395442.js
      @@ -1 +1 @@
      -const e={key:"v-60f95159",path:"/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/",title:"\uC0DD\uAC01\uC815\uB9AC",lang:"en-US",frontmatter:{title:"\uC0DD\uAC01\uC815\uB9AC",description:"\uAC00\uB054\uC740 \uB098\uC758 \uAC1C\uC778\uC801\uC778 \uC0DD\uAC01\uC744 \uC815\uB9AC\uD574\uBCF4\uC790.",sidebar:!1,date:"2021-07-19T16:00:00.000Z",tag:"\uC77C\uC0C1",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"\uD559\uAD50, \uAC10\uC625, \uADF8\uB9AC\uACE0 \uC790\uC874\uAC10",slug:"\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11B7\u110B\u1169\u11A8-\u1100\u1173\u1105\u1175\u1100\u1169-\u110C\u1161\u110C\u1169\u11AB\u1100\u1161\u11B7",children:[]},{level:2,title:"\uBD80\uB3D9\uC0B0",slug:"\u1107\u116E\u1103\u1169\u11BC\u1109\u1161\u11AB",children:[]},{level:2,title:"\uC8FC\uC2DD",slug:"\u110C\u116E\u1109\u1175\u11A8",children:[]},{level:2,title:"\uC5F0\uC560",slug:"\u110B\u1167\u11AB\u110B\u1162",children:[]},{level:2,title:"\uC774\uC0C1\uD615",slug:"\u110B\u1175\u1109\u1161\u11BC\u1112\u1167\u11BC",children:[]},{level:2,title:"\uC9C4\uB85C",slug:"\u110C\u1175\u11AB\u1105\u1169",children:[]},{level:2,title:"\uB3C5\uB9BD",slug:"\u1103\u1169\u11A8\u1105\u1175\u11B8",children:[]},{level:2,title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC",slug:"\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u1109\u1169\u1111\u1173\u1110\u1173\u110B\u1170\u110B\u1165\u1112\u1161\u11A8\u1100\u116A",children:[]},{level:2,title:"\uCF54\uB85C\uB098",slug:"\u110F\u1169\u1105\u1169\u1102\u1161",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"writing/03-\uC0DD\uAC01\uC815\uB9AC/README.md"};export{e as data};
      +const e={key:"v-60f95159",path:"/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/",title:"\uC0DD\uAC01\uC815\uB9AC",lang:"en-US",frontmatter:{title:"\uC0DD\uAC01\uC815\uB9AC",description:"\uAC00\uB054\uC740 \uB098\uC758 \uAC1C\uC778\uC801\uC778 \uC0DD\uAC01\uC744 \uC815\uB9AC\uD574\uBCF4\uC790.",sidebar:!1,date:"2021-07-19T16:00:00.000Z",tag:"\uC77C\uC0C1",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"\uD559\uAD50, \uAC10\uC625, \uADF8\uB9AC\uACE0 \uC790\uC874\uAC10",slug:"\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11B7\u110B\u1169\u11A8-\u1100\u1173\u1105\u1175\u1100\u1169-\u110C\u1161\u110C\u1169\u11AB\u1100\u1161\u11B7",children:[]},{level:2,title:"\uBD80\uB3D9\uC0B0",slug:"\u1107\u116E\u1103\u1169\u11BC\u1109\u1161\u11AB",children:[]},{level:2,title:"\uC8FC\uC2DD",slug:"\u110C\u116E\u1109\u1175\u11A8",children:[]},{level:2,title:"\uC5F0\uC560",slug:"\u110B\u1167\u11AB\u110B\u1162",children:[]},{level:2,title:"\uC774\uC0C1\uD615",slug:"\u110B\u1175\u1109\u1161\u11BC\u1112\u1167\u11BC",children:[]},{level:2,title:"\uC9C4\uB85C",slug:"\u110C\u1175\u11AB\u1105\u1169",children:[]},{level:2,title:"\uB3C5\uB9BD",slug:"\u1103\u1169\u11A8\u1105\u1175\u11B8",children:[]},{level:2,title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC",slug:"\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u1109\u1169\u1111\u1173\u1110\u1173\u110B\u1170\u110B\u1165\u1112\u1161\u11A8\u1100\u116A",children:[]},{level:2,title:"\uCF54\uB85C\uB098",slug:"\u110F\u1169\u1105\u1169\u1102\u1161",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"writing/03-\uC0DD\uAC01\uC815\uB9AC/README.md"};export{e as data};
      diff --git a/assets/index.html.3260e8ec.js b/assets/index.html.2bf1a112.js
      similarity index 99%
      rename from assets/index.html.3260e8ec.js
      rename to assets/index.html.2bf1a112.js
      index 9c649f84..a3a88eff 100644
      --- a/assets/index.html.3260e8ec.js
      +++ b/assets/index.html.2bf1a112.js
      @@ -1 +1 @@
      -import{_ as o,r as i,o as s,c as h,a as e,b as a,d as n,e as r}from"./app.800103af.js";const l={},d=n('

      2020\uB144 1\uC6D4 \uD68C\uACE0

      \uB098\uB294 1\uC6D4 \uD55C \uB2EC\uC744 \uC5B4\uB5BB\uAC8C \uC9C0\uB0C8\uB098? \uC5D0 \uB300\uD55C \uACE0\uCC30\uC774\uB2E4.

      \uACF5\uC801

      \uD68C\uC0AC\uC5D0\uC11C \uC77C\uC5B4\uB0AC\uB358 \uC77C\uB4E4\uC744 \uB418\uC0C8\uAE30\uBA70 \uAE30\uB85D\uD558\uACE0\uC790 \uD55C\uB2E4.

      1. \uD68C\uC0AC\uC5D0\uC11C \uC9C4\uD589 \uC911\uC774\uB358 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uB9C8\uBB34\uB9AC\uD588\uB2E4.

      \uD300 \uBC1C\uD45C \uD6C4 \uCF54\uB4DC\uB97C \uAC1C\uC120\uD588\uB2E4. \uC778\uC9C0\uD558\uACE0 \uC788\uB358 \uBC94\uC704 \uB0B4\uC5D0\uC11C \uBB38\uC81C\uAC00 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uAC1C\uC120\uD560 \uB54C \uD070 \uC5B4\uB824\uC6C0\uC740 \uC5C6\uC5C8\uB2E4.

      • \uC5D0\uB7EC \uD578\uB4E4\uB9C1
      • response\uC5D0 \uB300\uD55C service \uD639\uC740 entity \uB9CC\uB4E4\uAE30
      • request body\uC5D0 \uB300\uD55C VO \uC815\uC758

      \uC5EC\uD0DC\uAE4C\uC9C0\uB294 \uD56D\uC0C1 \uBE60\uB974\uAC8C \uB9CC\uB4DC\uB294 \uAC83\uC5D0\uB9CC \uC9D1\uC911\uD588\uC5C8\uB2E4. \uADF8\uB7F0\uB370 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uBA74\uC11C \uC815\uAD50\uD55C \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC744 \uACC4\uC18D\uD560 \uC218 \uC788\uC5C8\uACE0, \uB098\uC5D0\uAC8C \uBD80\uC871\uD55C \uBD80\uBD84\uC744 \uCC3E\uC744 \uC218 \uC788\uC5C8\uB2E4.

      \uD559\uBD80 \uC2DC\uC808\uC5D0 \uC5F0\uAD6C\uC2E4\uC5D0\uC11C \uC2A4\uD504\uB9C1\uC744 \uC0AC\uC6A9\uD560 \uB54C '\uB3C4\uB300\uCCB4 \uC774\uB807\uAC8C \uB290\uB9AC\uACE0 \uB2F5\uB2F5\uD558\uACE0 \uC5B4\uB824\uC6B4 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC65C \uC0AC\uC6A9\uD558\uB294 \uAC78\uAE4C?'\uB77C\uB294 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD588\uC5C8\uB2E4. \uC774\uC81C\uB294 Spring Framework\uC758 \uC0AC\uC6A9 \uBAA9\uC801\uACFC \uADF8 \uD6A8\uC728\uC131\uC5D0 \uB300\uD574\uC11C \uC870\uAE08\uC774\uB098\uB9C8 \uB290\uB084 \uC218 \uC788\uC5C8\uB2E4.

      2. Markdown\uC73C\uB85C UML\uC744 \uADF8\uB9B4 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4.

      ',10),_=r("\uD559\uBD80 \uC2DC\uC808\uC5D0 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD560 \uB54C \uBB38\uC11C\uB97C \uC0B0\uCD9C\uD558\uBA74\uC11C UML Diagram\uC744 \uB9CC\uB4DC\uB294 \uAC8C \uC81C\uC77C \uC5B4\uB835\uACE0 \uADC0\uCC2E\uC558\uB2E4. \uADF8\uB7F0\uB370 \uC2E0\uC785 \uC0AC\uC6D0 \uAD50\uC721 \uB54C Markdown\uC5D0\uC11C UML \uADF8\uB9B4 \uC218 \uC788\uB294 "),c={href:"/Vuepress/Plantuml/",target:"_blank",rel:"noopener noreferrer"},p=r("PlantUML"),u=r(" \uC774\uB77C\uB294 \uAC83\uC5D0 \uB300\uD574 \uC54C\uAC8C \uB418\uC5C8\uACE0 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB300\uD55C \uBB38\uC11C\uB97C \uB9CC\uB4E4\uBA74\uC11C PlantUML \uC744 \uC774\uC6A9\uD588\uB2E4."),f=e("p",null,"\uC6D0\uD558\uB294 \uC704\uCE58\uC5D0 \uC624\uBE0C\uC81D\uD2B8\uB97C \uBC30\uCE58\uD558\uB294 \uAC8C \uC870\uAE08(\uB9CE\uC774) \uD798\uB4E4\uC5C8\uC9C0\uB9CC, \uADF8\uB798\uB3C4 \uC0AC\uC6A9\uD560 \uAC00\uCE58\uAC00 \uCDA9\uBD84\uD788 \uC788\uB294 \uB3C4\uAD6C\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uBB38\uC11C\uB97C \uC791\uC131\uD560 \uB54C \uB2E4\uB978 \uCC3D\uC744 \uC654\uB2E4 \uAC14\uB2E4 \uD558\uC9C0 \uC54A\uACE0, \uB9C8\uC6B0\uC2A4\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0, \uC624\uC9C1 Markdown\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294 \uAC83 \uC790\uCCB4\uAC00 \uB9E4\uB825\uC801\uC778 \uBD80\uBD84\uC774\uB2E4.",-1),b={href:"https://junilhwang.github.io/zum_pilot/Architecture/",target:"_blank",rel:"noopener noreferrer"},m=r("PlantUML\uC744 \uC774\uC6A9\uD558\uC5EC \uB9CC\uB4E0 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uBB38\uC11C"),k=n('

      3. \uCD5C\uC885 \uBC1C\uD45C

      \uCD5C\uC885 \uBC1C\uD45C\uB294 \uB300\uD45C\uB2D8 \uC55E\uC5D0\uC11C \uD588\uB294\uB370, \uD655\uC2E4\uD788 \uB300\uD45C\uB2D8\uC740 \uC0DD\uAC01\uD558\uB294 \uAE4A\uC774\uAC00 \uC77C\uBC18\uC801\uC778 \uC218\uC900 \uC774\uC0C1\uC784\uC744 \uB290\uB084 \uC218 \uC788\uC5C8\uB2E4. Webpack\uC758 Code Split\uC744 \uC774\uC6A9\uD558\uC5EC \uB85C\uB529\uC744 \uB2E8\uCD95\uD558\uB294 \uAE30\uBC95\uC744 \uC0AC\uC6A9\uD558\uC600\uB294\uB370, \uADF8\uAC8C \uD56D\uC0C1 \uC633\uC740 \uAC83\uC778\uAC00\uC5D0 \uB300\uD55C \uC9C8\uBB38\uC774\uC5C8\uB2E4. \uCF54\uB4DC\uB97C \uBD84\uD560\uD558\uBA74 \uCD08\uAE30 \uB85C\uB529\uC740 \uBE60\uB97C \uC218 \uC788\uC9C0\uB9CC, \uBC18\uB300\uB85C \uB85C\uB529 \uD6C4\uC5D0 \uCD94\uAC00 \uB85C\uB529 \uC2DC\uAC04\uC774 \uD544\uC694\uD558\uB2E4. \uB9CC\uC57D\uC5D0 \uCF54\uB4DC \uC2A4\uD50C\uB9BF\uC744 \uD558\uC9C0 \uC54A\uC558\uC744 \uB54C \uC5BB\uB294 \uC774\uC810\uC774 \uB9CE\uB2E4\uBA74, \uAD73\uC774 \uC0AC\uC6A9\uD560 \uD544\uC694\uAC00 \uC5C6\uC9C0 \uC54A\uB098? \uB77C\uB294 \uADF8\uB7F0 \uC9C8\uBB38.

      \uC77C\uB2E8 \uB098\uB294 \uC791\uC5C5\uD560 \uB54C '\uC774\uAC74 \uBB34\uC870\uAC74 \uD558\uB294 \uAC8C \uC88B\uACA0\uAD6C\uB098'\uC5D0\uC11C \uC0DD\uAC01\uC744 \uBA48\uCDC4\uB2E4. \uC774\uB807\uAC8C \uACE0\uBBFC\uC744 \uBA48\uCD94\uB294 \uAC83\uC740 \uC5D4\uD130\uD504\uB77C\uC774\uC988\uAE09\uC758 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4 \uB54C \uC633\uC9C0 \uC54A\uB2E4. \uD56D\uC0C1 \uC9C8 \uC88B\uC740, \uCD5C\uC801\uD654\uB41C \uC11C\uBE44\uC2A4\uB97C \uC81C\uACF5\uD558\uAE30 \uC704\uD574\uC11C \uACE0\uBBFC\uC744 \uBA48\uCDB0\uC120 \uC548 \uB41C\uB2E4.

      \uC774\uB7EC\uD55C \uC0DD\uAC01\uC744 \uB300\uD45C\uB2D8\uC758 \uC9C8\uBB38\uB4E4\uC744 \uD1B5\uD574 \uC54C \uC218 \uC788\uC5C8\uB2E4. \uB098\uB294 \uC0DD\uAC01\uC774 \uC870\uAE08 \uB354 \uAE4A\uC5B4\uC9C8 \uD544\uC694\uAC00 \uC788\uB2E4.

      4. \uC778\uC218\uC778\uACC4

      \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uB9C8\uBB34\uB9AC \uD6C4 \uC0AC\uC218\uC5D0\uAC8C \uC5C5\uBB34\uC640 \uD504\uB85C\uC81D\uD2B8\uB97C \uC870\uAE08\uC529 \uC778\uC218\uC778\uACC4 \uBC1B\uC558\uB2E4. \uD68C\uC0AC\uC5D0\uC11C \uC0B0\uCD9C\uB41C \uD504\uB85C\uC81D\uD2B8\uC758 \uCF54\uB4DC\uB4E4\uC740 \uC0DD\uAC01 \uC774\uC0C1\uC73C\uB85C \uBCF5\uC7A1\uD558\uBA74\uC11C \uD6A8\uC728\uC801\uC774\uACE0 \uC544\uB984\uB2E4\uC6E0\uB2E4(?).

      \uBB34\uC5C7\uBCF4\uB2E4 \uB0B4\uAC00 \uC778\uACC4\uBC1B\uC740 \uD504\uB85C\uC81D\uD2B8\uB294 \uBB38\uC11C \uC815\uB9AC\uB3C4 \uC798 \uB418\uC5B4 \uC788\uC5B4\uC11C \uC774\uD574\uD558\uB294 \uB370 \uB9CE\uC740 \uC2DC\uAC04\uC774 \uC18C\uC694\uB418\uC9C4 \uC54A\uC558\uB2E4. \uC88B\uC740 \uC0AC\uC218\uC640 \uD300\uC7A5\uB2D8, \uADF8\uB9AC\uACE0 \uD300\uC6D0\uC744 \uB9CC\uB09C \uAC83 \uAC19\uC544\uC11C \uCC38 \uB2E4\uD589\uC774\uACE0 \uAC10\uC0AC\uD558\uB2E4.

      5. \uD68C\uC0AC \uAE30\uC220 \uBE14\uB85C\uADF8\uC5D0 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uC62C\uB9AC\uAE30

      \uC5B4\uCC0C\uC5B4\uCC0C \uBC1C\uD45C\uB3C4 \uC798 \uB9C8\uBB34\uB9AC \uD588\uACE0, \uBC1C\uD45C\uD55C \uB0B4\uC6A9\uC744 \uC870\uAE08 \uB354 \uB2E4\uB4EC\uC5B4\uC11C \uAE30\uC220 \uBE14\uB85C\uADF8\uC5D0 \uAE00\uC744 \uC62C\uB838\uB2E4.

      ',9),g={href:"https://zuminternet.github.io/ZUM-Pilot-provide-video/",target:"_blank",rel:"noopener noreferrer"},x=r("\uC8FC\uC81C\uBCC4 \uC601\uC0C1 \uC81C\uACF5 \uC6F9 \uC11C\uBE44\uC2A4"),L=e("p",null,"\uC785\uC0AC \uD6C4 \uB098\uC758 \uCCAB \uACB0\uACFC\uBB3C\uC774\uC5C8\uACE0, \uADF8\uB798\uC11C \uB9CE\uC740 \uC560\uC815\uC744 \uB2F4\uC544 \uC791\uC131\uD588\uB2E4. \uBFCC\uB4EF\uD558\uAE30\uB3C4 \uD558\uACE0, \uB354 \uC798 \uADF8\uB9AC\uACE0 \uC5F4\uC2EC\uD788 \uD558\uC9C0 \uBABB\uD55C \uAC83\uC774 \uC544\uC27D\uB2E4. \uC774 \uACBD\uD5D8\uC744 \uCD94\uC9C4\uB825\uC73C\uB85C \uADF8\uB9AC\uACE0 \uBC1C\uD310\uC73C\uB85C \uC0BC\uC544 \uD55C \uAC78\uC74C\uC529 \uB098\uC544\uAC00\uC57C\uC9C0.",-1),V=e("h2",{id:"\u1109\u1161\u110C\u1165\u11A8",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u1109\u1161\u110C\u1165\u11A8","aria-hidden":"true"},"#"),r(" \uC0AC\uC801")],-1),v=e("p",null,"2019\uB144\uC740 \uB098\uC5D0\uAC8C \uAD49\uC7A5\uD788 \uAD8C\uD0DC\uB85C\uC6B4 \uD574\uC600\uB2E4. \uADF8\uB798\uC11C 2020\uB144\uC740 \uCD5C\uB300\uD55C \uC5F4\uC2EC\uD788 \uC0B4\uC544\uBCF4\uAE30\uB85C \uB2E4\uC9D0\uD588\uB2E4.",-1),w=e("h3",{id:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA","aria-hidden":"true"},"#"),r(" 1. \uC77C\uC77C \uCEE4\uBC0B")],-1),I=e("p",null,[r("\uC5F4\uC2EC\uD788 \uC0B4\uAE30 \uC704\uD55C \uCCAB \uBC88\uC9F8 \uBAA9\uD45C\uAC00 \uC77C\uC77C\uCEE4\uBC0B\uC774\uB2E4. 1\uC6D4\uC740 \uC131\uACF5\uC801\uC73C\uB85C \uB9C8\uBB34\uB9AC\uB418\uC5C8\uB2E4. \uC0AC\uC2E4 \uB9E4\uC6B0 \uADC0\uCC2E\uC740 \uC21C\uAC04\uC774 \uC5C6\uC9C0 \uC54A\uC544 \uC788\uC5C8\uB2E4. \uC0B6\uC5D0 \uAD00\uC131\uC73C\uB85C \uC778\uD558\uC5EC \uACF5\uBD80\uD558\uACE0 \uC2F6\uC740 \uB0A0\uB4E4\uBCF4\uB2E8 \uB180\uACE0 \uC2F6\uC740 \uB0A0\uB4E4\uC774 \uB9CE\uC558\uB2E4. \uADF8\uB798\uC11C \uC57D\uAC04\uC758 \uD3B8\uBC95("),e("s",null,"\uD559\uBD80 \uC218\uC5C5 \uC790\uB8CC\uB97C \uB9E4\uC77C \uB9E4\uC77C \uB098\uB220\uC11C \uC62C\uB9B0\uB2E4\uAC70\uB098.."),r(")\uC744 \uB9CE\uC774 \uC0AC\uC6A9\uD55C \uAC83 \uAC19\uB2E4. \uC5B4\uCA0C\uB4E0 \uD558\uC9C0 \uC54A\uB294 \uAC83\uBCF4\uB2E8, \uC5B4\uB5BB\uAC8C\uB4E0 \uD558\uB294 \uAC83\uC5D0 \uC758\uBBF8\uB97C \uB450\uAE30\uB85C \uD588\uB2E4.")],-1),y=e("p",null,"\uACF5\uBD80\uC5D0 \uB300\uD55C \uAD00\uC131\uC774 \uC0DD\uAE38 \uC218 \uC788\uAC8C, \uADF8\uB9AC\uACE0 \uC720\uC9C0\uD560 \uC218 \uC788\uAC8C \uC790\uADF9\uC774 \uB418\uB294 \uC601\uC0C1\uC744 \uBCF4\uAC70\uB098, \uD68C\uACE0 \uAC19\uC740 \uAC83\uB4E4\uC744 \uC77D\uC5C8\uB2E4.",-1),M={href:"https://www.youtube.com/watch?v=V9AGvwPmnZU&t=165s",target:"_blank",rel:"noopener noreferrer"},S=r("\uC9C0\uBC29\uB300 \uAC1C\uBC1C \uBE44\uC804\uACF5\uC790\uAC00 \uBC30\uB2EC\uC758\uBBFC\uC871 \uB9AC\uB4DC \uAC1C\uBC1C\uC790\uAC00 \uB418\uAE30\uAE4C\uC9C0"),T={href:"https://ryan-han.com/post/memoirs/memoirs2019/",target:"_blank",rel:"noopener noreferrer"},O=r("\uCCB4\uB300 \uCD9C\uC2E0 \uAC1C\uBC1C\uC790\uC758 2019\uB144 \uD68C\uACE0"),C={href:"https://github.com/ChoDragon9/posts/wiki",target:"_blank",rel:"noopener noreferrer"},P=r("\uB098\uC758 \uC18C\uC911\uD558\uACE0 \uB610 \uC874\uACBD\uD558\uB294 \uCE5C\uAD6C\uC758 \uAE30\uB85D\uB4E4 - ChoDragon9/Posts"),U={href:"https://velog.io/@velopert/2019.log",target:"_blank",rel:"noopener noreferrer"},z=r("\uAE40\uBBFC\uC900(Velopert)\uB2D8\uC758 2019\uB144 \uD68C\uACE0"),j=n('

      \uCC38 \uCE58\uC5F4\uD558\uAC8C, \uADF8\uB9AC\uACE0 \uC5F4\uC2EC\uD788 \uC0B4\uC544\uAC00\uB294 \uC0AC\uB78C\uB4E4\uC758 \uAE00\uC744 \uC77D\uB2E4 \uBCF4\uBA74 \uAD1C\uD788 \uB9C8\uC74C\uC774 \uBB49\uD074\uD558\uACE0 \uC874\uACBD\uC2EC, \uACBD\uC678\uC2EC, \uADF8\uB9AC\uACE0 \uADF8\uB4E4\uCC98\uB7FC \uC0B4\uC544\uAC00\uACE0 \uC2F6\uB2E4\uACE0 \uC0DD\uAC01\uD558\uACE4 \uD55C\uB2E4.

      2. Today I Learn

      \uC77C\uC77C \uCEE4\uBC0B\uC758 \uC88B\uC740 \uC591\uBD84 \uC911 \uD558\uB098\uAC00 Today I Learn\uC774\uC5C8\uB2E4. \uACF5\uBD80\uD55C \uAC83\uB4E4\uC744 \uAE30\uB85D\uD558\uB294 \uB2E8\uC21C\uD55C \uD589\uC704\uC9C0\uB9CC \uADF8 \uD6A8\uACFC\uB294 \uC0C1\uB2F9\uD788 \uC88B\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB2E4\uB9CC, \uAC1C\uC778\uC801\uC73C\uB85C \uAD00\uB9AC\uD558\uACE0 \uC788\uB358 \uBE14\uB85C\uADF8 \uB54C\uBB38\uC5D0 \uC57D\uAC04\uC758 \uAC08\uB4F1\uC774 \uC788\uC5C8\uB2E4. \uBE14\uB85C\uADF8\uB294 \uC0DD\uAC01\uBCF4\uB2E4 View\uAC00 \uB9CE\uC740 \uD3B8\uC774\uB2E4. \uAC80\uC0C9 \uC6B0\uC120\uC21C\uC704\uAC00 \uB192\uC740 \uAC8C\uC2DC\uBB3C\uC774 \uBA87 \uAC1C \uC788\uB2E4 \uBCF4\uB2C8\uAE4C \uD558\uB8E8 \uD3C9\uADE0 500~600\uBA85 \uC815\uB3C4\uC758 Page View\uAC00 \uBC1C\uC0DD\uD558\uACE0 \uC788\uC5C8\uB2E4. \uADF8\uB798\uC11C \uBE14\uB85C\uADF8\uB97C \uACC4\uC18D \uC720\uC9C0\uD558\uB294 \uAC8C \uC88B\uC744\uAE4C, \uC720\uC9C0\uD558\uC9C0 \uC54A\uB294 \uAC8C \uC88B\uC744\uAE4C \uACE0\uBBFC\uC744 \uB9CE\uC774 \uD588\uB2E4.

      \uC6CC\uB4DC\uD504\uB808\uC2A4\uC5D0 \uACF5\uB4E4\uC5EC \uC791\uC131\uD55C \uC77C\uBD80 \uAC8C\uC2DC\uBB3C\uC744 TIL\uB85C \uC62E\uAE38\uAE4C\uB3C4 \uC0DD\uAC01\uD588\uACE0, TIL\uC5D0 \uC62C\uB9B0 \uAC78 \uC6CC\uB4DC\uD504\uB808\uC2A4\uC5D0\uC11C \uC790\uB3D9\uC73C\uB85C \uC77D\uC5B4\uC624\uB3C4\uB85D \uD560\uAE4C\uB3C4 \uACE0\uBBFC\uD574 \uBD24\uB294\uB370 \uB2E8\uC21C\uD558\uAC8C TIL\uC744 \uB354 \uC798 \uAC00\uAFB8\uB294 \uBC29\uD5A5\uC744 \uC120\uD0DD\uD588\uB2E4.

      \uADF8\uB9AC\uACE0 TIL\uC740 Vuepress\uB97C \uC774\uC6A9\uD558\uC5EC \uB9CC\uB4E4\uC5C8\uB294\uB370, \uC0DD\uAC01 \uC774\uC0C1\uC73C\uB85C \uC190\uC774 \uB9CE\uC774 \uAC00\uB294 \uAC83 \uAC19\uB2E4. \uD558\uC9C0\uB9CC \uB514\uC790\uC778\uB3C4 \uAE54\uB054\uD558\uACE0 \uD55C \uBC88\uB9CC \uC798 \uAD6C\uCD95\uD558\uBA74 \uAD00\uB9AC\uB3C4 \uC27D\uAE30 \uB54C\uBB38\uC5D0 \uC798\uD55C \uC120\uD0DD\uC774\uC9C0 \uC2F6\uB2E4.

      3. \uCF54\uB4DC \uC2A4\uD53C\uCE20 86\uAE30, \uADF8\uB9AC\uACE0 \uAC1D\uCCB4\uC9C0\uD5A5

      \uBBF8\uB8E8\uACE0 \uBBF8\uB8E8\uC5C8\uB358 \uCF54\uB4DC \uC2A4\uD53C\uCE20\uB97C \uC720\uD29C\uBE0C\uB85C \uBCF4\uBA74\uC11C \uC815\uB9AC\uD588\uB2E4.

      ',7),J={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/01-Intro/",target:"_blank",rel:"noopener noreferrer"},E=r("1\uD68C\uCC28"),F={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/02-MVVM/",target:"_blank",rel:"noopener noreferrer"},N=r("2\uD68C\uCC28"),B={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/",target:"_blank",rel:"noopener noreferrer"},D=r("3\uD68C\uCC28"),A={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/",target:"_blank",rel:"noopener noreferrer"},R=r("4\uD68C\uCC28"),Z={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/05-Extension/",target:"_blank",rel:"noopener noreferrer"},q=r("5\uD68C\uCC28"),G=n('

      Vue, React \uAC19\uC740 Front-end Framework\uC5D0\uC11C \uC0AC\uC6A9 \uD558\uB294 MVVM System\uC744 \uC9C1\uC811 \uB9CC\uB4E4\uC5B4 \uBCF4\uB294 \uB0B4\uC6A9\uC774\uC5C8\uB2E4. \uB0B4\uC6A9\uC740 \uC0DD\uAC01 \uC774\uC0C1\uC73C\uB85C \uC54C\uCC28\uACE0 \uC7AC\uBBF8\uC788\uC5C8\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uC5EC\uD0DC\uAE4C\uC9C0 \uBA4B\uBAA8\uB974\uACE0 \uC0AC\uC6A9\uD588\uB358 \uD504\uB808\uC784\uC6CC\uD06C\uC758 \uAE30\uBCF8 \uC6D0\uB9AC\uB97C \uC54C \uC218 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 Vue, React \uBFD0\uB9CC \uC544\uB2C8\uB77C Spring Framework\uC5D0 \uB2F4\uAE34 \uC6D0\uB9AC\uB4E4\uB3C4 \uAE68\uC6B0\uCE60 \uC218 \uC788\uC5C8\uB2E4.

      \uC5EC\uD0DC\uAE4C\uC9C0 \uB0B4\uAC00 \uD588\uB358 \uAC1C\uBC1C\uC740 \uAC1C\uBC1C\uC774 \uC544\uB2C8\uB77C\uACE0 \uB290\uB07C\uB294 \uACC4\uAE30\uAC00 \uB418\uC5C8\uB2E4. \uBB34\uC5B8\uAC00 \uB9CE\uC774 \uD55C \uAC83 \uAC19\uC740\uB370, \uC0AC\uC2E4 \uC54C\uB9F9\uC774\uAC00 \uC5C6\uC5C8\uB2E4. \uC65C \uC774\uAC78 \uC774\uC81C\uC57C \uC54C\uC558\uC744\uAE4C?

      \uCF54\uB4DC\uC2A4\uD53C\uCE20 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uC778\uD504\uB7F0\uC758 \uBC31\uAE30\uC120 \uB2D8\uC774 \uC62C\uB9AC\uC2E0 \uAC15\uC758\uB4E4\uB3C4 \uB3C4\uC6C0\uC774 \uB9CE\uC774 \uB418\uC5C8\uB2E4.

      4. \uC544\uC26C\uC6B4 \uC810

      \uCCB4\uB825\uC801\uC778 \uD55C\uACC4\uB97C \uB290\uB07C\uACE0 \uC788\uB2E4. \uC9D1\uC5D0 \uC624\uBA74 \uC65C \uC774\uB9AC \uD53C\uACE4\uD55C \uAC78\uAE4C? \uB2E4\uC74C \uB2EC\uBD80\uD130\uB294 \uC218\uC601\uD558\uB7EC \uB2E4\uB140\uC57C\uACA0\uB2E4. \uBAB8\uB3C4 \uCC0C\uBFCC\uB465\uD558\uACE0, \uAC1C\uBC1C\uC790\uC5D0\uAC8C \uC218\uC601\uC774 \uCC38 \uC801\uD569\uD55C \uC6B4\uB3D9\uC774\uB77C\uACE0 \uD558\uB2C8 \uAF2D \uB2E4\uB140\uC57C\uC9C0.

      \uADF8\uB9AC\uACE0 \uCC45\uC744 \uC77D\uC9C0 \uBABB\uD588\uB2E4. 2\uC6D4\uC5D0\uB294 \uCC45\uC744 \uAF2D \uC77D\uC5B4\uBCF4\uC790.

      Summary

      • \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uB9C8\uBB34\uB9AC
      • \uC77C\uC77C\uCEE4\uBC0B \uC2DC\uC791
      • Today I Learn \uC2DC\uC791
      • \uAC1D\uCCB4\uC9C0\uD5A5 \uC774\uD574
      • \uCCB4\uB825\uC801 \uD55C\uACC4 \uBC0F \uB3C5\uC11C \uC2E4\uD328
      ',8);function W(H,K){const t=i("ExternalLinkIcon");return s(),h("div",null,[d,e("p",null,[_,e("a",c,[p,a(t)]),u]),f,e("p",null,[e("u",null,[e("a",b,[m,a(t)])])]),k,e("ul",null,[e("li",null,[e("a",g,[x,a(t)])])]),L,V,v,w,I,y,e("ul",null,[e("li",null,[e("a",M,[S,a(t)])]),e("li",null,[e("a",T,[O,a(t)])]),e("li",null,[e("a",C,[P,a(t)])]),e("li",null,[e("a",U,[z,a(t)])])]),j,e("ul",null,[e("li",null,[e("a",J,[E,a(t)])]),e("li",null,[e("a",F,[N,a(t)])]),e("li",null,[e("a",B,[D,a(t)])]),e("li",null,[e("a",A,[R,a(t)])]),e("li",null,[e("a",Z,[q,a(t)])])]),G])}var X=o(l,[["render",W],["__file","index.html.vue"]]);export{X as default}; +import{_ as o,r as i,o as s,c as h,a as e,b as a,d as n,e as r}from"./app.d20f8571.js";const l={},d=n('

      2020\uB144 1\uC6D4 \uD68C\uACE0

      \uB098\uB294 1\uC6D4 \uD55C \uB2EC\uC744 \uC5B4\uB5BB\uAC8C \uC9C0\uB0C8\uB098? \uC5D0 \uB300\uD55C \uACE0\uCC30\uC774\uB2E4.

      \uACF5\uC801

      \uD68C\uC0AC\uC5D0\uC11C \uC77C\uC5B4\uB0AC\uB358 \uC77C\uB4E4\uC744 \uB418\uC0C8\uAE30\uBA70 \uAE30\uB85D\uD558\uACE0\uC790 \uD55C\uB2E4.

      1. \uD68C\uC0AC\uC5D0\uC11C \uC9C4\uD589 \uC911\uC774\uB358 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uB9C8\uBB34\uB9AC\uD588\uB2E4.

      \uD300 \uBC1C\uD45C \uD6C4 \uCF54\uB4DC\uB97C \uAC1C\uC120\uD588\uB2E4. \uC778\uC9C0\uD558\uACE0 \uC788\uB358 \uBC94\uC704 \uB0B4\uC5D0\uC11C \uBB38\uC81C\uAC00 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uAC1C\uC120\uD560 \uB54C \uD070 \uC5B4\uB824\uC6C0\uC740 \uC5C6\uC5C8\uB2E4.

      • \uC5D0\uB7EC \uD578\uB4E4\uB9C1
      • response\uC5D0 \uB300\uD55C service \uD639\uC740 entity \uB9CC\uB4E4\uAE30
      • request body\uC5D0 \uB300\uD55C VO \uC815\uC758

      \uC5EC\uD0DC\uAE4C\uC9C0\uB294 \uD56D\uC0C1 \uBE60\uB974\uAC8C \uB9CC\uB4DC\uB294 \uAC83\uC5D0\uB9CC \uC9D1\uC911\uD588\uC5C8\uB2E4. \uADF8\uB7F0\uB370 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uBA74\uC11C \uC815\uAD50\uD55C \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC744 \uACC4\uC18D\uD560 \uC218 \uC788\uC5C8\uACE0, \uB098\uC5D0\uAC8C \uBD80\uC871\uD55C \uBD80\uBD84\uC744 \uCC3E\uC744 \uC218 \uC788\uC5C8\uB2E4.

      \uD559\uBD80 \uC2DC\uC808\uC5D0 \uC5F0\uAD6C\uC2E4\uC5D0\uC11C \uC2A4\uD504\uB9C1\uC744 \uC0AC\uC6A9\uD560 \uB54C '\uB3C4\uB300\uCCB4 \uC774\uB807\uAC8C \uB290\uB9AC\uACE0 \uB2F5\uB2F5\uD558\uACE0 \uC5B4\uB824\uC6B4 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC65C \uC0AC\uC6A9\uD558\uB294 \uAC78\uAE4C?'\uB77C\uB294 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD588\uC5C8\uB2E4. \uC774\uC81C\uB294 Spring Framework\uC758 \uC0AC\uC6A9 \uBAA9\uC801\uACFC \uADF8 \uD6A8\uC728\uC131\uC5D0 \uB300\uD574\uC11C \uC870\uAE08\uC774\uB098\uB9C8 \uB290\uB084 \uC218 \uC788\uC5C8\uB2E4.

      2. Markdown\uC73C\uB85C UML\uC744 \uADF8\uB9B4 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4.

      ',10),_=r("\uD559\uBD80 \uC2DC\uC808\uC5D0 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD560 \uB54C \uBB38\uC11C\uB97C \uC0B0\uCD9C\uD558\uBA74\uC11C UML Diagram\uC744 \uB9CC\uB4DC\uB294 \uAC8C \uC81C\uC77C \uC5B4\uB835\uACE0 \uADC0\uCC2E\uC558\uB2E4. \uADF8\uB7F0\uB370 \uC2E0\uC785 \uC0AC\uC6D0 \uAD50\uC721 \uB54C Markdown\uC5D0\uC11C UML \uADF8\uB9B4 \uC218 \uC788\uB294 "),c={href:"/Vuepress/Plantuml/",target:"_blank",rel:"noopener noreferrer"},p=r("PlantUML"),u=r(" \uC774\uB77C\uB294 \uAC83\uC5D0 \uB300\uD574 \uC54C\uAC8C \uB418\uC5C8\uACE0 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB300\uD55C \uBB38\uC11C\uB97C \uB9CC\uB4E4\uBA74\uC11C PlantUML \uC744 \uC774\uC6A9\uD588\uB2E4."),f=e("p",null,"\uC6D0\uD558\uB294 \uC704\uCE58\uC5D0 \uC624\uBE0C\uC81D\uD2B8\uB97C \uBC30\uCE58\uD558\uB294 \uAC8C \uC870\uAE08(\uB9CE\uC774) \uD798\uB4E4\uC5C8\uC9C0\uB9CC, \uADF8\uB798\uB3C4 \uC0AC\uC6A9\uD560 \uAC00\uCE58\uAC00 \uCDA9\uBD84\uD788 \uC788\uB294 \uB3C4\uAD6C\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uBB38\uC11C\uB97C \uC791\uC131\uD560 \uB54C \uB2E4\uB978 \uCC3D\uC744 \uC654\uB2E4 \uAC14\uB2E4 \uD558\uC9C0 \uC54A\uACE0, \uB9C8\uC6B0\uC2A4\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0, \uC624\uC9C1 Markdown\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294 \uAC83 \uC790\uCCB4\uAC00 \uB9E4\uB825\uC801\uC778 \uBD80\uBD84\uC774\uB2E4.",-1),b={href:"https://junilhwang.github.io/zum_pilot/Architecture/",target:"_blank",rel:"noopener noreferrer"},m=r("PlantUML\uC744 \uC774\uC6A9\uD558\uC5EC \uB9CC\uB4E0 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uBB38\uC11C"),k=n('

      3. \uCD5C\uC885 \uBC1C\uD45C

      \uCD5C\uC885 \uBC1C\uD45C\uB294 \uB300\uD45C\uB2D8 \uC55E\uC5D0\uC11C \uD588\uB294\uB370, \uD655\uC2E4\uD788 \uB300\uD45C\uB2D8\uC740 \uC0DD\uAC01\uD558\uB294 \uAE4A\uC774\uAC00 \uC77C\uBC18\uC801\uC778 \uC218\uC900 \uC774\uC0C1\uC784\uC744 \uB290\uB084 \uC218 \uC788\uC5C8\uB2E4. Webpack\uC758 Code Split\uC744 \uC774\uC6A9\uD558\uC5EC \uB85C\uB529\uC744 \uB2E8\uCD95\uD558\uB294 \uAE30\uBC95\uC744 \uC0AC\uC6A9\uD558\uC600\uB294\uB370, \uADF8\uAC8C \uD56D\uC0C1 \uC633\uC740 \uAC83\uC778\uAC00\uC5D0 \uB300\uD55C \uC9C8\uBB38\uC774\uC5C8\uB2E4. \uCF54\uB4DC\uB97C \uBD84\uD560\uD558\uBA74 \uCD08\uAE30 \uB85C\uB529\uC740 \uBE60\uB97C \uC218 \uC788\uC9C0\uB9CC, \uBC18\uB300\uB85C \uB85C\uB529 \uD6C4\uC5D0 \uCD94\uAC00 \uB85C\uB529 \uC2DC\uAC04\uC774 \uD544\uC694\uD558\uB2E4. \uB9CC\uC57D\uC5D0 \uCF54\uB4DC \uC2A4\uD50C\uB9BF\uC744 \uD558\uC9C0 \uC54A\uC558\uC744 \uB54C \uC5BB\uB294 \uC774\uC810\uC774 \uB9CE\uB2E4\uBA74, \uAD73\uC774 \uC0AC\uC6A9\uD560 \uD544\uC694\uAC00 \uC5C6\uC9C0 \uC54A\uB098? \uB77C\uB294 \uADF8\uB7F0 \uC9C8\uBB38.

      \uC77C\uB2E8 \uB098\uB294 \uC791\uC5C5\uD560 \uB54C '\uC774\uAC74 \uBB34\uC870\uAC74 \uD558\uB294 \uAC8C \uC88B\uACA0\uAD6C\uB098'\uC5D0\uC11C \uC0DD\uAC01\uC744 \uBA48\uCDC4\uB2E4. \uC774\uB807\uAC8C \uACE0\uBBFC\uC744 \uBA48\uCD94\uB294 \uAC83\uC740 \uC5D4\uD130\uD504\uB77C\uC774\uC988\uAE09\uC758 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4 \uB54C \uC633\uC9C0 \uC54A\uB2E4. \uD56D\uC0C1 \uC9C8 \uC88B\uC740, \uCD5C\uC801\uD654\uB41C \uC11C\uBE44\uC2A4\uB97C \uC81C\uACF5\uD558\uAE30 \uC704\uD574\uC11C \uACE0\uBBFC\uC744 \uBA48\uCDB0\uC120 \uC548 \uB41C\uB2E4.

      \uC774\uB7EC\uD55C \uC0DD\uAC01\uC744 \uB300\uD45C\uB2D8\uC758 \uC9C8\uBB38\uB4E4\uC744 \uD1B5\uD574 \uC54C \uC218 \uC788\uC5C8\uB2E4. \uB098\uB294 \uC0DD\uAC01\uC774 \uC870\uAE08 \uB354 \uAE4A\uC5B4\uC9C8 \uD544\uC694\uAC00 \uC788\uB2E4.

      4. \uC778\uC218\uC778\uACC4

      \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uB9C8\uBB34\uB9AC \uD6C4 \uC0AC\uC218\uC5D0\uAC8C \uC5C5\uBB34\uC640 \uD504\uB85C\uC81D\uD2B8\uB97C \uC870\uAE08\uC529 \uC778\uC218\uC778\uACC4 \uBC1B\uC558\uB2E4. \uD68C\uC0AC\uC5D0\uC11C \uC0B0\uCD9C\uB41C \uD504\uB85C\uC81D\uD2B8\uC758 \uCF54\uB4DC\uB4E4\uC740 \uC0DD\uAC01 \uC774\uC0C1\uC73C\uB85C \uBCF5\uC7A1\uD558\uBA74\uC11C \uD6A8\uC728\uC801\uC774\uACE0 \uC544\uB984\uB2E4\uC6E0\uB2E4(?).

      \uBB34\uC5C7\uBCF4\uB2E4 \uB0B4\uAC00 \uC778\uACC4\uBC1B\uC740 \uD504\uB85C\uC81D\uD2B8\uB294 \uBB38\uC11C \uC815\uB9AC\uB3C4 \uC798 \uB418\uC5B4 \uC788\uC5B4\uC11C \uC774\uD574\uD558\uB294 \uB370 \uB9CE\uC740 \uC2DC\uAC04\uC774 \uC18C\uC694\uB418\uC9C4 \uC54A\uC558\uB2E4. \uC88B\uC740 \uC0AC\uC218\uC640 \uD300\uC7A5\uB2D8, \uADF8\uB9AC\uACE0 \uD300\uC6D0\uC744 \uB9CC\uB09C \uAC83 \uAC19\uC544\uC11C \uCC38 \uB2E4\uD589\uC774\uACE0 \uAC10\uC0AC\uD558\uB2E4.

      5. \uD68C\uC0AC \uAE30\uC220 \uBE14\uB85C\uADF8\uC5D0 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uC62C\uB9AC\uAE30

      \uC5B4\uCC0C\uC5B4\uCC0C \uBC1C\uD45C\uB3C4 \uC798 \uB9C8\uBB34\uB9AC \uD588\uACE0, \uBC1C\uD45C\uD55C \uB0B4\uC6A9\uC744 \uC870\uAE08 \uB354 \uB2E4\uB4EC\uC5B4\uC11C \uAE30\uC220 \uBE14\uB85C\uADF8\uC5D0 \uAE00\uC744 \uC62C\uB838\uB2E4.

      ',9),g={href:"https://zuminternet.github.io/ZUM-Pilot-provide-video/",target:"_blank",rel:"noopener noreferrer"},x=r("\uC8FC\uC81C\uBCC4 \uC601\uC0C1 \uC81C\uACF5 \uC6F9 \uC11C\uBE44\uC2A4"),L=e("p",null,"\uC785\uC0AC \uD6C4 \uB098\uC758 \uCCAB \uACB0\uACFC\uBB3C\uC774\uC5C8\uACE0, \uADF8\uB798\uC11C \uB9CE\uC740 \uC560\uC815\uC744 \uB2F4\uC544 \uC791\uC131\uD588\uB2E4. \uBFCC\uB4EF\uD558\uAE30\uB3C4 \uD558\uACE0, \uB354 \uC798 \uADF8\uB9AC\uACE0 \uC5F4\uC2EC\uD788 \uD558\uC9C0 \uBABB\uD55C \uAC83\uC774 \uC544\uC27D\uB2E4. \uC774 \uACBD\uD5D8\uC744 \uCD94\uC9C4\uB825\uC73C\uB85C \uADF8\uB9AC\uACE0 \uBC1C\uD310\uC73C\uB85C \uC0BC\uC544 \uD55C \uAC78\uC74C\uC529 \uB098\uC544\uAC00\uC57C\uC9C0.",-1),V=e("h2",{id:"\u1109\u1161\u110C\u1165\u11A8",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u1109\u1161\u110C\u1165\u11A8","aria-hidden":"true"},"#"),r(" \uC0AC\uC801")],-1),v=e("p",null,"2019\uB144\uC740 \uB098\uC5D0\uAC8C \uAD49\uC7A5\uD788 \uAD8C\uD0DC\uB85C\uC6B4 \uD574\uC600\uB2E4. \uADF8\uB798\uC11C 2020\uB144\uC740 \uCD5C\uB300\uD55C \uC5F4\uC2EC\uD788 \uC0B4\uC544\uBCF4\uAE30\uB85C \uB2E4\uC9D0\uD588\uB2E4.",-1),w=e("h3",{id:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA","aria-hidden":"true"},"#"),r(" 1. \uC77C\uC77C \uCEE4\uBC0B")],-1),I=e("p",null,[r("\uC5F4\uC2EC\uD788 \uC0B4\uAE30 \uC704\uD55C \uCCAB \uBC88\uC9F8 \uBAA9\uD45C\uAC00 \uC77C\uC77C\uCEE4\uBC0B\uC774\uB2E4. 1\uC6D4\uC740 \uC131\uACF5\uC801\uC73C\uB85C \uB9C8\uBB34\uB9AC\uB418\uC5C8\uB2E4. \uC0AC\uC2E4 \uB9E4\uC6B0 \uADC0\uCC2E\uC740 \uC21C\uAC04\uC774 \uC5C6\uC9C0 \uC54A\uC544 \uC788\uC5C8\uB2E4. \uC0B6\uC5D0 \uAD00\uC131\uC73C\uB85C \uC778\uD558\uC5EC \uACF5\uBD80\uD558\uACE0 \uC2F6\uC740 \uB0A0\uB4E4\uBCF4\uB2E8 \uB180\uACE0 \uC2F6\uC740 \uB0A0\uB4E4\uC774 \uB9CE\uC558\uB2E4. \uADF8\uB798\uC11C \uC57D\uAC04\uC758 \uD3B8\uBC95("),e("s",null,"\uD559\uBD80 \uC218\uC5C5 \uC790\uB8CC\uB97C \uB9E4\uC77C \uB9E4\uC77C \uB098\uB220\uC11C \uC62C\uB9B0\uB2E4\uAC70\uB098.."),r(")\uC744 \uB9CE\uC774 \uC0AC\uC6A9\uD55C \uAC83 \uAC19\uB2E4. \uC5B4\uCA0C\uB4E0 \uD558\uC9C0 \uC54A\uB294 \uAC83\uBCF4\uB2E8, \uC5B4\uB5BB\uAC8C\uB4E0 \uD558\uB294 \uAC83\uC5D0 \uC758\uBBF8\uB97C \uB450\uAE30\uB85C \uD588\uB2E4.")],-1),y=e("p",null,"\uACF5\uBD80\uC5D0 \uB300\uD55C \uAD00\uC131\uC774 \uC0DD\uAE38 \uC218 \uC788\uAC8C, \uADF8\uB9AC\uACE0 \uC720\uC9C0\uD560 \uC218 \uC788\uAC8C \uC790\uADF9\uC774 \uB418\uB294 \uC601\uC0C1\uC744 \uBCF4\uAC70\uB098, \uD68C\uACE0 \uAC19\uC740 \uAC83\uB4E4\uC744 \uC77D\uC5C8\uB2E4.",-1),M={href:"https://www.youtube.com/watch?v=V9AGvwPmnZU&t=165s",target:"_blank",rel:"noopener noreferrer"},S=r("\uC9C0\uBC29\uB300 \uAC1C\uBC1C \uBE44\uC804\uACF5\uC790\uAC00 \uBC30\uB2EC\uC758\uBBFC\uC871 \uB9AC\uB4DC \uAC1C\uBC1C\uC790\uAC00 \uB418\uAE30\uAE4C\uC9C0"),T={href:"https://ryan-han.com/post/memoirs/memoirs2019/",target:"_blank",rel:"noopener noreferrer"},O=r("\uCCB4\uB300 \uCD9C\uC2E0 \uAC1C\uBC1C\uC790\uC758 2019\uB144 \uD68C\uACE0"),C={href:"https://github.com/ChoDragon9/posts/wiki",target:"_blank",rel:"noopener noreferrer"},P=r("\uB098\uC758 \uC18C\uC911\uD558\uACE0 \uB610 \uC874\uACBD\uD558\uB294 \uCE5C\uAD6C\uC758 \uAE30\uB85D\uB4E4 - ChoDragon9/Posts"),U={href:"https://velog.io/@velopert/2019.log",target:"_blank",rel:"noopener noreferrer"},z=r("\uAE40\uBBFC\uC900(Velopert)\uB2D8\uC758 2019\uB144 \uD68C\uACE0"),j=n('

      \uCC38 \uCE58\uC5F4\uD558\uAC8C, \uADF8\uB9AC\uACE0 \uC5F4\uC2EC\uD788 \uC0B4\uC544\uAC00\uB294 \uC0AC\uB78C\uB4E4\uC758 \uAE00\uC744 \uC77D\uB2E4 \uBCF4\uBA74 \uAD1C\uD788 \uB9C8\uC74C\uC774 \uBB49\uD074\uD558\uACE0 \uC874\uACBD\uC2EC, \uACBD\uC678\uC2EC, \uADF8\uB9AC\uACE0 \uADF8\uB4E4\uCC98\uB7FC \uC0B4\uC544\uAC00\uACE0 \uC2F6\uB2E4\uACE0 \uC0DD\uAC01\uD558\uACE4 \uD55C\uB2E4.

      2. Today I Learn

      \uC77C\uC77C \uCEE4\uBC0B\uC758 \uC88B\uC740 \uC591\uBD84 \uC911 \uD558\uB098\uAC00 Today I Learn\uC774\uC5C8\uB2E4. \uACF5\uBD80\uD55C \uAC83\uB4E4\uC744 \uAE30\uB85D\uD558\uB294 \uB2E8\uC21C\uD55C \uD589\uC704\uC9C0\uB9CC \uADF8 \uD6A8\uACFC\uB294 \uC0C1\uB2F9\uD788 \uC88B\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB2E4\uB9CC, \uAC1C\uC778\uC801\uC73C\uB85C \uAD00\uB9AC\uD558\uACE0 \uC788\uB358 \uBE14\uB85C\uADF8 \uB54C\uBB38\uC5D0 \uC57D\uAC04\uC758 \uAC08\uB4F1\uC774 \uC788\uC5C8\uB2E4. \uBE14\uB85C\uADF8\uB294 \uC0DD\uAC01\uBCF4\uB2E4 View\uAC00 \uB9CE\uC740 \uD3B8\uC774\uB2E4. \uAC80\uC0C9 \uC6B0\uC120\uC21C\uC704\uAC00 \uB192\uC740 \uAC8C\uC2DC\uBB3C\uC774 \uBA87 \uAC1C \uC788\uB2E4 \uBCF4\uB2C8\uAE4C \uD558\uB8E8 \uD3C9\uADE0 500~600\uBA85 \uC815\uB3C4\uC758 Page View\uAC00 \uBC1C\uC0DD\uD558\uACE0 \uC788\uC5C8\uB2E4. \uADF8\uB798\uC11C \uBE14\uB85C\uADF8\uB97C \uACC4\uC18D \uC720\uC9C0\uD558\uB294 \uAC8C \uC88B\uC744\uAE4C, \uC720\uC9C0\uD558\uC9C0 \uC54A\uB294 \uAC8C \uC88B\uC744\uAE4C \uACE0\uBBFC\uC744 \uB9CE\uC774 \uD588\uB2E4.

      \uC6CC\uB4DC\uD504\uB808\uC2A4\uC5D0 \uACF5\uB4E4\uC5EC \uC791\uC131\uD55C \uC77C\uBD80 \uAC8C\uC2DC\uBB3C\uC744 TIL\uB85C \uC62E\uAE38\uAE4C\uB3C4 \uC0DD\uAC01\uD588\uACE0, TIL\uC5D0 \uC62C\uB9B0 \uAC78 \uC6CC\uB4DC\uD504\uB808\uC2A4\uC5D0\uC11C \uC790\uB3D9\uC73C\uB85C \uC77D\uC5B4\uC624\uB3C4\uB85D \uD560\uAE4C\uB3C4 \uACE0\uBBFC\uD574 \uBD24\uB294\uB370 \uB2E8\uC21C\uD558\uAC8C TIL\uC744 \uB354 \uC798 \uAC00\uAFB8\uB294 \uBC29\uD5A5\uC744 \uC120\uD0DD\uD588\uB2E4.

      \uADF8\uB9AC\uACE0 TIL\uC740 Vuepress\uB97C \uC774\uC6A9\uD558\uC5EC \uB9CC\uB4E4\uC5C8\uB294\uB370, \uC0DD\uAC01 \uC774\uC0C1\uC73C\uB85C \uC190\uC774 \uB9CE\uC774 \uAC00\uB294 \uAC83 \uAC19\uB2E4. \uD558\uC9C0\uB9CC \uB514\uC790\uC778\uB3C4 \uAE54\uB054\uD558\uACE0 \uD55C \uBC88\uB9CC \uC798 \uAD6C\uCD95\uD558\uBA74 \uAD00\uB9AC\uB3C4 \uC27D\uAE30 \uB54C\uBB38\uC5D0 \uC798\uD55C \uC120\uD0DD\uC774\uC9C0 \uC2F6\uB2E4.

      3. \uCF54\uB4DC \uC2A4\uD53C\uCE20 86\uAE30, \uADF8\uB9AC\uACE0 \uAC1D\uCCB4\uC9C0\uD5A5

      \uBBF8\uB8E8\uACE0 \uBBF8\uB8E8\uC5C8\uB358 \uCF54\uB4DC \uC2A4\uD53C\uCE20\uB97C \uC720\uD29C\uBE0C\uB85C \uBCF4\uBA74\uC11C \uC815\uB9AC\uD588\uB2E4.

      ',7),J={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/01-Intro/",target:"_blank",rel:"noopener noreferrer"},E=r("1\uD68C\uCC28"),F={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/02-MVVM/",target:"_blank",rel:"noopener noreferrer"},N=r("2\uD68C\uCC28"),B={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/",target:"_blank",rel:"noopener noreferrer"},D=r("3\uD68C\uCC28"),A={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/",target:"_blank",rel:"noopener noreferrer"},R=r("4\uD68C\uCC28"),Z={href:"http://localhost:8080/TIL/CodeSpitz/Object-Oriented-Javascript/05-Extension/",target:"_blank",rel:"noopener noreferrer"},q=r("5\uD68C\uCC28"),G=n('

      Vue, React \uAC19\uC740 Front-end Framework\uC5D0\uC11C \uC0AC\uC6A9 \uD558\uB294 MVVM System\uC744 \uC9C1\uC811 \uB9CC\uB4E4\uC5B4 \uBCF4\uB294 \uB0B4\uC6A9\uC774\uC5C8\uB2E4. \uB0B4\uC6A9\uC740 \uC0DD\uAC01 \uC774\uC0C1\uC73C\uB85C \uC54C\uCC28\uACE0 \uC7AC\uBBF8\uC788\uC5C8\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uC5EC\uD0DC\uAE4C\uC9C0 \uBA4B\uBAA8\uB974\uACE0 \uC0AC\uC6A9\uD588\uB358 \uD504\uB808\uC784\uC6CC\uD06C\uC758 \uAE30\uBCF8 \uC6D0\uB9AC\uB97C \uC54C \uC218 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 Vue, React \uBFD0\uB9CC \uC544\uB2C8\uB77C Spring Framework\uC5D0 \uB2F4\uAE34 \uC6D0\uB9AC\uB4E4\uB3C4 \uAE68\uC6B0\uCE60 \uC218 \uC788\uC5C8\uB2E4.

      \uC5EC\uD0DC\uAE4C\uC9C0 \uB0B4\uAC00 \uD588\uB358 \uAC1C\uBC1C\uC740 \uAC1C\uBC1C\uC774 \uC544\uB2C8\uB77C\uACE0 \uB290\uB07C\uB294 \uACC4\uAE30\uAC00 \uB418\uC5C8\uB2E4. \uBB34\uC5B8\uAC00 \uB9CE\uC774 \uD55C \uAC83 \uAC19\uC740\uB370, \uC0AC\uC2E4 \uC54C\uB9F9\uC774\uAC00 \uC5C6\uC5C8\uB2E4. \uC65C \uC774\uAC78 \uC774\uC81C\uC57C \uC54C\uC558\uC744\uAE4C?

      \uCF54\uB4DC\uC2A4\uD53C\uCE20 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uC778\uD504\uB7F0\uC758 \uBC31\uAE30\uC120 \uB2D8\uC774 \uC62C\uB9AC\uC2E0 \uAC15\uC758\uB4E4\uB3C4 \uB3C4\uC6C0\uC774 \uB9CE\uC774 \uB418\uC5C8\uB2E4.

      4. \uC544\uC26C\uC6B4 \uC810

      \uCCB4\uB825\uC801\uC778 \uD55C\uACC4\uB97C \uB290\uB07C\uACE0 \uC788\uB2E4. \uC9D1\uC5D0 \uC624\uBA74 \uC65C \uC774\uB9AC \uD53C\uACE4\uD55C \uAC78\uAE4C? \uB2E4\uC74C \uB2EC\uBD80\uD130\uB294 \uC218\uC601\uD558\uB7EC \uB2E4\uB140\uC57C\uACA0\uB2E4. \uBAB8\uB3C4 \uCC0C\uBFCC\uB465\uD558\uACE0, \uAC1C\uBC1C\uC790\uC5D0\uAC8C \uC218\uC601\uC774 \uCC38 \uC801\uD569\uD55C \uC6B4\uB3D9\uC774\uB77C\uACE0 \uD558\uB2C8 \uAF2D \uB2E4\uB140\uC57C\uC9C0.

      \uADF8\uB9AC\uACE0 \uCC45\uC744 \uC77D\uC9C0 \uBABB\uD588\uB2E4. 2\uC6D4\uC5D0\uB294 \uCC45\uC744 \uAF2D \uC77D\uC5B4\uBCF4\uC790.

      Summary

      • \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uB9C8\uBB34\uB9AC
      • \uC77C\uC77C\uCEE4\uBC0B \uC2DC\uC791
      • Today I Learn \uC2DC\uC791
      • \uAC1D\uCCB4\uC9C0\uD5A5 \uC774\uD574
      • \uCCB4\uB825\uC801 \uD55C\uACC4 \uBC0F \uB3C5\uC11C \uC2E4\uD328
      ',8);function W(H,K){const t=i("ExternalLinkIcon");return s(),h("div",null,[d,e("p",null,[_,e("a",c,[p,a(t)]),u]),f,e("p",null,[e("u",null,[e("a",b,[m,a(t)])])]),k,e("ul",null,[e("li",null,[e("a",g,[x,a(t)])])]),L,V,v,w,I,y,e("ul",null,[e("li",null,[e("a",M,[S,a(t)])]),e("li",null,[e("a",T,[O,a(t)])]),e("li",null,[e("a",C,[P,a(t)])]),e("li",null,[e("a",U,[z,a(t)])])]),j,e("ul",null,[e("li",null,[e("a",J,[E,a(t)])]),e("li",null,[e("a",F,[N,a(t)])]),e("li",null,[e("a",B,[D,a(t)])]),e("li",null,[e("a",A,[R,a(t)])]),e("li",null,[e("a",Z,[q,a(t)])])]),G])}var X=o(l,[["render",W],["__file","index.html.vue"]]);export{X as default}; diff --git a/assets/index.html.2c8bef69.js b/assets/index.html.2c44c007.js similarity index 98% rename from assets/index.html.2c8bef69.js rename to assets/index.html.2c44c007.js index 34b87546..da72a9ea 100644 --- a/assets/index.html.2c8bef69.js +++ b/assets/index.html.2c44c007.js @@ -1 +1 @@ -const e={key:"v-4003505a",path:"/Review/2020-year/end/",title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 \uD68C\uACE0",description:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 12\uC6D4 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:3,date:"2021-01-07T11:00:00.000Z",hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https://junilhwang.github.io/TIL/Review/2020-year/end/",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/172793727-c9a2ab28-1038-4531-b74e-26ca75d3c6da.png"},excerpt:"",headers:[{level:2,title:"\uC5C5\uBB34",slug:"\u110B\u1165\u11B8\u1106\u116E",children:[{level:3,title:"1. \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8",slug:"_1-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"2. \uBAA8\uBC14\uC77C \uC90C",slug:"_2-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF-\u110C\u116E\u11B7",children:[]},{level:3,title:"3. Open API CMS",slug:"_3-open-api-cms",children:[]},{level:3,title:"4. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_4-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"5. \uD56B\uC774\uC288 CMS",slug:"_5-\u1112\u1161\u11BA\u110B\u1175\u1109\u1172-cms",children:[]},{level:3,title:"6. \uD06C\uB86C \uBE0C\uB77C\uC6B0\uC800 \uC804\uC6A9 \uC11C\uBE44\uC2A4",slug:"_6-\u110F\u1173\u1105\u1169\u11B7-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165-\u110C\u1165\u11AB\u110B\u116D\u11BC-\u1109\u1165\u1107\u1175\u1109\u1173",children:[]},{level:3,title:"7. \uD300\uC6D0, \uADF8\uB9AC\uACE0 \uD611\uC5C5",slug:"_7-\u1110\u1175\u11B7\u110B\u116F\u11AB-\u1100\u1173\u1105\u1175\u1100\u1169-\u1112\u1167\u11B8\u110B\u1165\u11B8",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"3. \uC778\uD130\uB137 \uAC15\uC758",slug:"_3-\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA-\u1100\u1161\u11BC\u110B\u1174",children:[]},{level:3,title:"4. \uC2A4\uD130\uB514",slug:"_4-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"5. \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_5-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"6. \uAC15\uC0AC",slug:"_6-\u1100\u1161\u11BC\u1109\u1161",children:[]},{level:3,title:"7. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0",slug:"_7-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]}]},{level:2,title:"\uC77C\uC0C1",slug:"\u110B\u1175\u11AF\u1109\u1161\u11BC",children:[{level:3,title:"1. \uD559\uC790\uAE08 \uB300\uCD9C \uC0C1\uD658\uACFC \uC878\uC5C5",slug:"_1-\u1112\u1161\u11A8\u110C\u1161\u1100\u1173\u11B7-\u1103\u1162\u110E\u116E\u11AF-\u1109\u1161\u11BC\u1112\u116A\u11AB\u1100\u116A-\u110C\u1169\u11AF\u110B\u1165\u11B8",children:[]},{level:3,title:"2. \uC218\uC601",slug:"_2-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"3. \uACE0\uC591\uC774",slug:"_3-\u1100\u1169\u110B\u1163\u11BC\u110B\u1175",children:[]}]},{level:2,title:"\uB9C8\uBB34\uB9AC\uD558\uBA70",slug:"\u1106\u1161\u1106\u116E\u1105\u1175\u1112\u1161\u1106\u1167",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/end/README.md"};export{e as data}; +const e={key:"v-4003505a",path:"/Review/2020-year/end/",title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 \uD68C\uACE0",description:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 12\uC6D4 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:3,date:"2021-01-07T11:00:00.000Z",hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https://junilhwang.github.io/TIL/Review/2020-year/end/",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/172793727-c9a2ab28-1038-4531-b74e-26ca75d3c6da.png"},excerpt:"",headers:[{level:2,title:"\uC5C5\uBB34",slug:"\u110B\u1165\u11B8\u1106\u116E",children:[{level:3,title:"1. \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8",slug:"_1-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"2. \uBAA8\uBC14\uC77C \uC90C",slug:"_2-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF-\u110C\u116E\u11B7",children:[]},{level:3,title:"3. Open API CMS",slug:"_3-open-api-cms",children:[]},{level:3,title:"4. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_4-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"5. \uD56B\uC774\uC288 CMS",slug:"_5-\u1112\u1161\u11BA\u110B\u1175\u1109\u1172-cms",children:[]},{level:3,title:"6. \uD06C\uB86C \uBE0C\uB77C\uC6B0\uC800 \uC804\uC6A9 \uC11C\uBE44\uC2A4",slug:"_6-\u110F\u1173\u1105\u1169\u11B7-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165-\u110C\u1165\u11AB\u110B\u116D\u11BC-\u1109\u1165\u1107\u1175\u1109\u1173",children:[]},{level:3,title:"7. \uD300\uC6D0, \uADF8\uB9AC\uACE0 \uD611\uC5C5",slug:"_7-\u1110\u1175\u11B7\u110B\u116F\u11AB-\u1100\u1173\u1105\u1175\u1100\u1169-\u1112\u1167\u11B8\u110B\u1165\u11B8",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"3. \uC778\uD130\uB137 \uAC15\uC758",slug:"_3-\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA-\u1100\u1161\u11BC\u110B\u1174",children:[]},{level:3,title:"4. \uC2A4\uD130\uB514",slug:"_4-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"5. \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_5-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"6. \uAC15\uC0AC",slug:"_6-\u1100\u1161\u11BC\u1109\u1161",children:[]},{level:3,title:"7. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0",slug:"_7-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]}]},{level:2,title:"\uC77C\uC0C1",slug:"\u110B\u1175\u11AF\u1109\u1161\u11BC",children:[{level:3,title:"1. \uD559\uC790\uAE08 \uB300\uCD9C \uC0C1\uD658\uACFC \uC878\uC5C5",slug:"_1-\u1112\u1161\u11A8\u110C\u1161\u1100\u1173\u11B7-\u1103\u1162\u110E\u116E\u11AF-\u1109\u1161\u11BC\u1112\u116A\u11AB\u1100\u116A-\u110C\u1169\u11AF\u110B\u1165\u11B8",children:[]},{level:3,title:"2. \uC218\uC601",slug:"_2-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"3. \uACE0\uC591\uC774",slug:"_3-\u1100\u1169\u110B\u1163\u11BC\u110B\u1175",children:[]}]},{level:2,title:"\uB9C8\uBB34\uB9AC\uD558\uBA70",slug:"\u1106\u1161\u1106\u116E\u1105\u1175\u1112\u1161\u1106\u1167",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/end/README.md"};export{e as data}; diff --git a/assets/index.html.bd65a611.js b/assets/index.html.2ce8c621.js similarity index 97% rename from assets/index.html.bd65a611.js rename to assets/index.html.2ce8c621.js index 482a6a87..3d64774a 100644 --- a/assets/index.html.bd65a611.js +++ b/assets/index.html.2ce8c621.js @@ -1 +1 @@ -const e={key:"v-1c9d7550",path:"/Review/2020-year/02-Second-Quarter/",title:"2020\uB144 2\uBD84\uAE30 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 2\uBD84\uAE30 \uD68C\uACE0",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 2020\uB144 2\uBD84\uAE30 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-07-01T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/89799319-4772a980-db68-11ea-8c89-02751f863561.png"},excerpt:"",headers:[{level:2,title:"\uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learned",slug:"_2-today-i-learned",children:[]},{level:3,title:"3. Side Project",slug:"_3-side-project",children:[]},{level:3,title:"4. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uBC29\uBC95\uB860",slug:"_4-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1100\u1162\u1107\u1161\u11AF\u1107\u1161\u11BC\u1107\u1165\u11B8\u1105\u1169\u11AB",children:[]},{level:3,title:"5. \uB2E8\uAD6D\uB300\uD559\uAD50 \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_5-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"6. \uCF54\uB355",slug:"_6-\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"7. Java Clean Code TDD 8\uAE30",slug:"_7-java-clean-code-tdd-8\u1100\u1175",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC678",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u116C",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC790\uBCF8\uC5D0 \uB300\uD558\uC5EC",slug:"_2-\u110C\u1161\u1107\u1169\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u110B\u1167",children:[]},{level:3,title:"3. \uC624\uBC84\uC6CC\uCE58",slug:"_3-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/02-Second-Quarter/README.md"};export{e as data}; +const e={key:"v-1c9d7550",path:"/Review/2020-year/02-Second-Quarter/",title:"2020\uB144 2\uBD84\uAE30 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 2\uBD84\uAE30 \uD68C\uACE0",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 2020\uB144 2\uBD84\uAE30 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-07-01T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/89799319-4772a980-db68-11ea-8c89-02751f863561.png"},excerpt:"",headers:[{level:2,title:"\uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learned",slug:"_2-today-i-learned",children:[]},{level:3,title:"3. Side Project",slug:"_3-side-project",children:[]},{level:3,title:"4. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uBC29\uBC95\uB860",slug:"_4-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1100\u1162\u1107\u1161\u11AF\u1107\u1161\u11BC\u1107\u1165\u11B8\u1105\u1169\u11AB",children:[]},{level:3,title:"5. \uB2E8\uAD6D\uB300\uD559\uAD50 \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_5-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"6. \uCF54\uB355",slug:"_6-\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"7. Java Clean Code TDD 8\uAE30",slug:"_7-java-clean-code-tdd-8\u1100\u1175",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC678",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u116C",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC790\uBCF8\uC5D0 \uB300\uD558\uC5EC",slug:"_2-\u110C\u1161\u1107\u1169\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u110B\u1167",children:[]},{level:3,title:"3. \uC624\uBC84\uC6CC\uCE58",slug:"_3-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/02-Second-Quarter/README.md"};export{e as data}; diff --git a/assets/index.html.fda83647.js b/assets/index.html.2d7a52d9.js similarity index 97% rename from assets/index.html.fda83647.js rename to assets/index.html.2d7a52d9.js index eb48c7db..29ebff7a 100644 --- a/assets/index.html.fda83647.js +++ b/assets/index.html.2d7a52d9.js @@ -1 +1 @@ -const e={key:"v-f92d06e8",path:"/Book/OOP-Principle/01-Loved-Human/",title:"01 \uC0AC\uB78C\uC744 \uC0AC\uB791\uD55C \uAE30\uC220 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"01 \uC0AC\uB78C\uC744 \uC0AC\uB791\uD55C \uAE30\uC220 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"\uAC1D\uCCB4\uC9C0\uD5A5\uC774\uB77C\uB294 \uAC1C\uB150\uC774 \uB098\uC624\uAE30 \uAE4C\uC9C0\uC758 \uC774\uC720\uC640 \uAC04\uB7B5\uD55C \uC5ED\uC0AC\uB97C \uC18C\uAC1C\uD569\uB2C8\uB2E4.",date:"2020-02-18T13:00:00.000Z",sidebarDepth:2,tag:"\uCC45",thumbnail:"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg"},excerpt:"",headers:[{level:2,title:"\uAE30\uACC4\uC5B4\uC5D0\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uAE4C\uC9C0",slug:"\u1100\u1175\u1100\u1168\u110B\u1165\u110B\u1166\u1109\u1165-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u1101\u1161\u110C\u1175",children:[{level:3,title:"\uAE30\uACC4\uC5B4",slug:"\u1100\u1175\u1100\u1168\u110B\u1165",children:[]},{level:3,title:"\uC5B4\uC148\uBE14\uB9AC\uC5B4",slug:"\u110B\u1165\u1109\u1166\u11B7\u1107\u1173\u11AF\u1105\u1175\u110B\u1165",children:[]},{level:3,title:"C \uC5B8\uC5B4",slug:"c-\u110B\u1165\u11AB\u110B\u1165",children:[]},{level:3,title:"C++. \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 \uD0C4\uC0DD",slug:"c-\u1100\u1162\u11A8\u110E\u1166-\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC",children:[]},{level:3,title:"Java. \uC9C4\uC815\uD55C \uAC1D\uCCB4 \uC9C0\uD5A5 \uC5B8\uC5B4",slug:"java-\u110C\u1175\u11AB\u110C\u1165\u11BC\u1112\u1161\u11AB-\u1100\u1162\u11A8\u110E\u1166-\u110C\u1175\u1112\u1163\u11BC-\u110B\u1165\u11AB\u110B\u1165",children:[]}]},{level:2,title:"\uC2A4\uD504\uB9C1 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC774\uD574\uD558\uAE30 \uC804\uC5D0",slug:"\u1109\u1173\u1111\u1173\u1105\u1175\u11BC-\u1111\u1173\u1105\u1166\u110B\u1175\u11B7\u110B\u116F\u110F\u1173\u1105\u1173\u11AF-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175-\u110C\u1165\u11AB\u110B\u1166",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Book/OOP-Principle/01-Loved-Human/README.md"};export{e as data}; +const e={key:"v-f92d06e8",path:"/Book/OOP-Principle/01-Loved-Human/",title:"01 \uC0AC\uB78C\uC744 \uC0AC\uB791\uD55C \uAE30\uC220 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"01 \uC0AC\uB78C\uC744 \uC0AC\uB791\uD55C \uAE30\uC220 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"\uAC1D\uCCB4\uC9C0\uD5A5\uC774\uB77C\uB294 \uAC1C\uB150\uC774 \uB098\uC624\uAE30 \uAE4C\uC9C0\uC758 \uC774\uC720\uC640 \uAC04\uB7B5\uD55C \uC5ED\uC0AC\uB97C \uC18C\uAC1C\uD569\uB2C8\uB2E4.",date:"2020-02-18T13:00:00.000Z",sidebarDepth:2,tag:"\uCC45",thumbnail:"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg"},excerpt:"",headers:[{level:2,title:"\uAE30\uACC4\uC5B4\uC5D0\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uAE4C\uC9C0",slug:"\u1100\u1175\u1100\u1168\u110B\u1165\u110B\u1166\u1109\u1165-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u1101\u1161\u110C\u1175",children:[{level:3,title:"\uAE30\uACC4\uC5B4",slug:"\u1100\u1175\u1100\u1168\u110B\u1165",children:[]},{level:3,title:"\uC5B4\uC148\uBE14\uB9AC\uC5B4",slug:"\u110B\u1165\u1109\u1166\u11B7\u1107\u1173\u11AF\u1105\u1175\u110B\u1165",children:[]},{level:3,title:"C \uC5B8\uC5B4",slug:"c-\u110B\u1165\u11AB\u110B\u1165",children:[]},{level:3,title:"C++. \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 \uD0C4\uC0DD",slug:"c-\u1100\u1162\u11A8\u110E\u1166-\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC",children:[]},{level:3,title:"Java. \uC9C4\uC815\uD55C \uAC1D\uCCB4 \uC9C0\uD5A5 \uC5B8\uC5B4",slug:"java-\u110C\u1175\u11AB\u110C\u1165\u11BC\u1112\u1161\u11AB-\u1100\u1162\u11A8\u110E\u1166-\u110C\u1175\u1112\u1163\u11BC-\u110B\u1165\u11AB\u110B\u1165",children:[]}]},{level:2,title:"\uC2A4\uD504\uB9C1 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC774\uD574\uD558\uAE30 \uC804\uC5D0",slug:"\u1109\u1173\u1111\u1173\u1105\u1175\u11BC-\u1111\u1173\u1105\u1166\u110B\u1175\u11B7\u110B\u116F\u110F\u1173\u1105\u1173\u11AF-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175-\u110C\u1165\u11AB\u110B\u1166",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Book/OOP-Principle/01-Loved-Human/README.md"};export{e as data}; diff --git a/assets/index.html.52f1218b.js b/assets/index.html.2f261d36.js similarity index 99% rename from assets/index.html.52f1218b.js rename to assets/index.html.2f261d36.js index 1a788f65..e9a2f350 100644 --- a/assets/index.html.52f1218b.js +++ b/assets/index.html.2f261d36.js @@ -1,4 +1,4 @@ -import{_ as l,r as t,o as r,c as d,a as n,b as a,d as i,e}from"./app.800103af.js";const o={},c=i(`

      markdown-it-plantuml

      \uCD5C\uADFC\uC5D0 \uC0AC\uB0B4 \uC785\uBB38\uAD50\uC721\uC5D0\uC11C plantuml\uC744 \uC811\uD588\uACE0 \uAD00\uC2EC\uC774 \uC0DD\uACA8\uC11C \uC815\uB9AC\uD55C \uB0B4\uC6A9\uC774\uB2E4.

      1. Plantuml \uC18C\uAC1C

      plantuml\uC740 markdown\uC5D0\uC11C uml\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC788\uAC8C \uD574\uC8FC\uB294 \uD50C\uB7EC\uADF8\uC778\uC774\uB2E4.

      \uBB38\uBC95 \uB610\uD55C \uC5B4\uB835\uC9C0 \uC54A\uB2E4.

      @startuml
      +import{_ as l,r as t,o as r,c as d,a as n,b as a,d as i,e}from"./app.d20f8571.js";const o={},c=i(`

      markdown-it-plantuml

      \uCD5C\uADFC\uC5D0 \uC0AC\uB0B4 \uC785\uBB38\uAD50\uC721\uC5D0\uC11C plantuml\uC744 \uC811\uD588\uACE0 \uAD00\uC2EC\uC774 \uC0DD\uACA8\uC11C \uC815\uB9AC\uD55C \uB0B4\uC6A9\uC774\uB2E4.

      1. Plantuml \uC18C\uAC1C

      plantuml\uC740 markdown\uC5D0\uC11C uml\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC788\uAC8C \uD574\uC8FC\uB294 \uD50C\uB7EC\uADF8\uC778\uC774\uB2E4.

      \uBB38\uBC95 \uB610\uD55C \uC5B4\uB835\uC9C0 \uC54A\uB2E4.

      @startuml
       Bob->Alice : hello
       @enduml
       

      \uADF8\uB9AC\uACE0 \uC704\uC758 \uCF54\uB4DC\uB294 \uB2E4\uC74C\uACFC \uAC19\uC774 UML\uD615\uD0DC\uC758 SVG\uB85C \uBCC0\uD658 \uB41C\uB2E4.

      uml diagram

      \uC870\uAE08 \uB354 \uC751\uC6A9\uD558\uC5EC \uC6F9 \uC11C\uBE44\uC2A4\uC758 \uAD6C\uC870\uB97C \uD45C\uD604\uD574\uBCF4\uB3C4\uB85D \uD558\uC790.

      @startuml
      diff --git a/assets/index.html.f9246ade.js b/assets/index.html.2f3e0546.js
      similarity index 93%
      rename from assets/index.html.f9246ade.js
      rename to assets/index.html.2f3e0546.js
      index 30e5a47c..4f93c559 100644
      --- a/assets/index.html.f9246ade.js
      +++ b/assets/index.html.2f3e0546.js
      @@ -1 +1 @@
      -const e={key:"v-6711c8d2",path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/",title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)",lang:"en-US",frontmatter:{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)",description:"\uBCF8\uACA9\uC801\uC73C\uB85C \uAC1C\uBC1C\uC744 \uC2DC\uC791\uD558\uAC8C \uB418\uB294 \uC774\uC57C\uAE30\uC785\uB2C8\uB2E4.",sidebar:!1,date:"2020-11-09T10:16:00.000Z",tag:"\uC77C\uC0C1",thumbnail:"https://user-images.githubusercontent.com/18749057/98434003-2130bb80-210f-11eb-80da-f1120f2cea2e.png",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"\uAE30\uB2A5\uBC18, \uADF8\uB9AC\uACE0 \uCCAB \uB300\uD68C",slug:"\u1100\u1175\u1102\u1173\u11BC\u1107\u1161\u11AB-\u1100\u1173\u1105\u1175\u1100\u1169-\u110E\u1165\u11BA-\u1103\u1162\u1112\u116C",children:[]},{level:2,title:"\uBC29\uD669",slug:"\u1107\u1161\u11BC\u1112\u116A\u11BC",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-2/README.md"};export{e as data};
      +const e={key:"v-6711c8d2",path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/",title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)",lang:"en-US",frontmatter:{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)",description:"\uBCF8\uACA9\uC801\uC73C\uB85C \uAC1C\uBC1C\uC744 \uC2DC\uC791\uD558\uAC8C \uB418\uB294 \uC774\uC57C\uAE30\uC785\uB2C8\uB2E4.",sidebar:!1,date:"2020-11-09T10:16:00.000Z",tag:"\uC77C\uC0C1",thumbnail:"https://user-images.githubusercontent.com/18749057/98434003-2130bb80-210f-11eb-80da-f1120f2cea2e.png",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"\uAE30\uB2A5\uBC18, \uADF8\uB9AC\uACE0 \uCCAB \uB300\uD68C",slug:"\u1100\u1175\u1102\u1173\u11BC\u1107\u1161\u11AB-\u1100\u1173\u1105\u1175\u1100\u1169-\u110E\u1165\u11BA-\u1103\u1162\u1112\u116C",children:[]},{level:2,title:"\uBC29\uD669",slug:"\u1107\u1161\u11BC\u1112\u116A\u11BC",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-2/README.md"};export{e as data};
      diff --git a/assets/index.html.32794572.js b/assets/index.html.322731c2.js
      similarity index 97%
      rename from assets/index.html.32794572.js
      rename to assets/index.html.322731c2.js
      index e1718bbb..a934a1ab 100644
      --- a/assets/index.html.32794572.js
      +++ b/assets/index.html.322731c2.js
      @@ -1 +1 @@
      -const e={key:"v-676c76b0",path:"/CodeSpitz/Object-Oriented-Javascript/02-MVVM/",title:"MVVM System \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"MVVM System \uB9CC\uB4E4\uAE30",description:"\uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uD1B5\uD574\uC11C MVVM System\uC744 \uB9CC\uB4DC\uB294 \uACFC\uC815\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-02-08T00:00:00.000Z",tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, oop",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"MVC\uC640 MVP\uC758 \uBB38\uC81C\uC810",slug:"mvc\u110B\u116A-mvp\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7",children:[{level:3,title:"MVC Pattern",slug:"mvc-pattern",children:[]},{level:3,title:"MVP Pattern",slug:"mvp-pattern",children:[]}]},{level:2,title:"MVVM\uC758 \uAC1C\uB150",slug:"mvvm\u110B\u1174-\u1100\u1162\u1102\u1167\u11B7",children:[{level:3,title:"\uC57D\uAC04\uC758 \uB09C\uC774\uB3C4 \uC870\uC815",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u1102\u1161\u11AB\u110B\u1175\u1103\u1169-\u110C\u1169\u110C\u1165\u11BC",children:[]},{level:3,title:"TypeCheck",slug:"typecheck",children:[]},{level:3,title:"Role Design",slug:"role-design",children:[]}]},{level:2,title:"Class \uC791\uC131",slug:"class-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[{level:3,title:"HTMLElement",slug:"htmlelement",children:[]},{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Binder",slug:"binder",children:[]},{level:3,title:"Scanner",slug:"scanner",children:[]}]},{level:2,title:"Client Code \uC791\uC131",slug:"client-code-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[{level:3,title:"\uC57D\uAC04 \uAC1C\uC120\uD558\uAE30",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]}]},{level:2,title:"MVVM\uC758 \uC0AC\uC6A9 \uACB0\uACFC",slug:"mvvm\u110B\u1174-\u1109\u1161\u110B\u116D\u11BC-\u1100\u1167\u11AF\u1100\u116A",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"CodeSpitz/Object-Oriented-Javascript/02-MVVM/README.md"};export{e as data};
      +const e={key:"v-676c76b0",path:"/CodeSpitz/Object-Oriented-Javascript/02-MVVM/",title:"MVVM System \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"MVVM System \uB9CC\uB4E4\uAE30",description:"\uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uD1B5\uD574\uC11C MVVM System\uC744 \uB9CC\uB4DC\uB294 \uACFC\uC815\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-02-08T00:00:00.000Z",tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, oop",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"MVC\uC640 MVP\uC758 \uBB38\uC81C\uC810",slug:"mvc\u110B\u116A-mvp\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7",children:[{level:3,title:"MVC Pattern",slug:"mvc-pattern",children:[]},{level:3,title:"MVP Pattern",slug:"mvp-pattern",children:[]}]},{level:2,title:"MVVM\uC758 \uAC1C\uB150",slug:"mvvm\u110B\u1174-\u1100\u1162\u1102\u1167\u11B7",children:[{level:3,title:"\uC57D\uAC04\uC758 \uB09C\uC774\uB3C4 \uC870\uC815",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u1102\u1161\u11AB\u110B\u1175\u1103\u1169-\u110C\u1169\u110C\u1165\u11BC",children:[]},{level:3,title:"TypeCheck",slug:"typecheck",children:[]},{level:3,title:"Role Design",slug:"role-design",children:[]}]},{level:2,title:"Class \uC791\uC131",slug:"class-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[{level:3,title:"HTMLElement",slug:"htmlelement",children:[]},{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Binder",slug:"binder",children:[]},{level:3,title:"Scanner",slug:"scanner",children:[]}]},{level:2,title:"Client Code \uC791\uC131",slug:"client-code-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[{level:3,title:"\uC57D\uAC04 \uAC1C\uC120\uD558\uAE30",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]}]},{level:2,title:"MVVM\uC758 \uC0AC\uC6A9 \uACB0\uACFC",slug:"mvvm\u110B\u1174-\u1109\u1161\u110B\u116D\u11BC-\u1100\u1167\u11AF\u1100\u116A",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"CodeSpitz/Object-Oriented-Javascript/02-MVVM/README.md"};export{e as data};
      diff --git a/assets/index.html.f4858eca.js b/assets/index.html.35a3afe3.js
      similarity index 99%
      rename from assets/index.html.f4858eca.js
      rename to assets/index.html.35a3afe3.js
      index cb626a86..e089eef2 100644
      --- a/assets/index.html.f4858eca.js
      +++ b/assets/index.html.35a3afe3.js
      @@ -1 +1 @@
      -import{_ as n,r as t,o as p,c as r,a as l,b as o,e,d as a}from"./app.800103af.js";const d={},h=l("h1",{id:"\u1109\u1162\u11BC\u1100\u1161\u11A8\u110C\u1165\u11BC\u1105\u1175",tabindex:"-1"},[l("a",{class:"header-anchor",href:"#\u1109\u1162\u11BC\u1100\u1161\u11A8\u110C\u1165\u11BC\u1105\u1175","aria-hidden":"true"},"#"),e(" \uC0DD\uAC01\uC815\uB9AC")],-1),s=l("blockquote",null,[l("p",null,"\uC6D0\uB798 \uC774\uBC88 \uC8FC\uC5D0\uB294 \uD68C\uACE0 \uC131\uACA9\uC758 \uAE00\uC744 \uC4F0\uAE30 \uBCF4\uB2E8 \uAE30\uC220\uC801\uC778 \uAE00\uC744 \uC4F0\uACE0\uC790 \uD588\uB294\uB370, \uC9C0\uAE08 \uB0B4 \uC0C1\uD0DC\uB85C\uB294 \uADF8\uB7EC\uD55C \uC131\uACA9\uC758 \uAE00\uC744 \uC4F0\uAE30 \uD798\uB4E4 \uAC83 \uAC19\uB2E4. \uADF8\uB798\uC11C \uBA38\uB9BF\uC18D\uC5D0 \uB9F4\uB3C4\uB294 \uAC83\uB4E4\uC744 \uC815\uB9AC\uD558\uACE0\uC790 \uC774\uB807\uAC8C \uAE00\uC744 \uC4F4\uB2E4.")],-1),c=l("p",null,"\uC57D 1\uB144\uB9CC\uC5D0 \uC8FC\uB9D0\uC744 \uC624\uB86F\uC774 \uB098\uB9CC\uC758 \uC2DC\uAC04\uC73C\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uADF8\uB0E5 \uD3C9\uC18C\uCC98\uB7FC \uAC8C\uC784\uC744 \uD558\uAC70\uB098, \uACF5\uBD80\uB97C\uD558\uAC70\uB098 \uD560\uAE4C \uD558\uB2E4\uAC00 \uB9CC\uB098\uAE30\uB85C \uD574\uB193\uACE0 \uBABB \uB9CC\uB098\uACE0 \uC788\uC5C8\uB358 \uC9C0\uC778\uB4E4\uACFC \uC57D\uC18D\uC744 \uC7A1\uC558\uB2E4. 1~2\uB144 \uB3D9\uC548 \uBABB \uBCF4\uB358 \uC0AC\uB78C\uB4E4\uC774\uACE0, \uC2DC\uAD6D\uC774 \uC2DC\uAD6D\uC778\uC9C0\uB77C 1:1 \uC57D\uC18D\uC744 \uC7A1\uC544\uC57C\uD574\uC11C \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uACFC \uB9CC\uB098\uAE34 \uD798\uB4E4\uC5C8\uB2E4. \uC624\uB79C\uB9CC\uC5D0 \uB9CC\uB098\uC11C \uADF8\uB7F0\uC9C0 \uC11C\uB85C \uD560 \uC774\uC57C\uAE30\uAC00 \uB9CE\uC558\uACE0, \uC0DD\uAC01\uC744 \uC815\uB9AC\uD558\uBA74\uC11C \uB2E4\uC2DC \uC0DD\uAC01\uC774 \uB9CE\uC544\uC84C\uB2E4.",-1),_=l("h2",{id:"\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11B7\u110B\u1169\u11A8-\u1100\u1173\u1105\u1175\u1100\u1169-\u110C\u1161\u110C\u1169\u11AB\u1100\u1161\u11B7",tabindex:"-1"},[l("a",{class:"header-anchor",href:"#\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11B7\u110B\u1169\u11A8-\u1100\u1173\u1105\u1175\u1100\u1169-\u110C\u1161\u110C\u1169\u11AB\u1100\u1161\u11B7","aria-hidden":"true"},"#"),e(" \uD559\uAD50, \uAC10\uC625, \uADF8\uB9AC\uACE0 \uC790\uC874\uAC10")],-1),u=e("\uCD5C\uADFC\uC5D0 "),b={href:"https://zuminternet.github.io/zum-front-recurit-review/",target:"_blank",rel:"noopener noreferrer"},f=e("\uCC44\uC6A9\uC744 \uD558\uB294 \uACFC\uC815"),x=e("\uC5D0\uC11C \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC758 \uC774\uB825\uC11C\uC640 \uC790\uAE30\uC18C\uAC1C\uC11C, \uD3EC\uD2B8\uD3F4\uB9AC\uC624 \uB4F1\uC744 \uBCF4\uACE0 \uB4E0 \uC0DD\uAC01\uC774, \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC774 \uC2A4\uC2A4\uB85C\uB97C \uD45C\uD604\uD558\uB294 \uAC83\uC744 \uC5B4\uB824\uC6CC \uD55C\uB2E4\uB294 \uC810\uC774\uB2E4."),k=e("\uC774\uAC74 \uAC1C\uAC1C\uC778\uC758 \uBB38\uC81C\uB77C\uAE30 \uBCF4\uB2E8, \uC0AC\uD68C \uC2DC\uC2A4\uD15C, \uD2B9\uD788 "),g=l("code",null,"\uD559\uAD50",-1),m=e(" \uC758 \uAD50\uC721 \uC2DC\uC2A4\uD15C \uBB38\uC81C\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB300\uD55C\uBBFC\uAD6D\uC758 \uAD50\uC721 \uC2DC\uC2A4\uD15C\uC740 \uC2A4\uC2A4\uB85C \uC0DD\uAC01\uD558\uACE0 \uD45C\uD604\uD560 \uC218 \uC788\uB294 \uC7A5\uCE58\uAC00 \uB108\uBB34 \uBD80\uC871\uD558\uB2E4. \uC801\uC5B4\uB3C4 \uB0B4\uAC00 \uACBD\uD5D8\uD574\uC628 \uAD50\uC721\uC740 \uADF8\uB807\uB2E4. \uD63C\uC790\uC11C\uB3C4 \uC774\uB7F0 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD588\uC9C0\uB9CC, \uB2E4\uC2DC \uC0DD\uAC01\uC744 \uC815\uB9AC\uD560 \uC218 \uC788\uC5C8\uB358 \uACC4\uAE30\uAC00 \uC5BC\uB9C8\uC804\uC5D0 \uC720\uD29C\uBE0C\uC5D0\uC11C \uBCF8 "),v={href:"https://www.youtube.com/watch?v=QxGzwJd_Eno",target:"_blank",rel:"noopener noreferrer"},w=e("\uAC10\uC625 \uAC19\uC740 \uD559\uAD50\uAC74\uBB3C\uC744 \uB2F9\uC7A5 \uBC14\uAFD4\uC57C \uD558\uB294 \uC774\uC720"),E=e(" \uB77C\uB294 \uC601\uC0C1 \uB54C\uBB38\uC774\uB2E4."),N=a('

      \uC6B0\uB9AC\uB294 \uCD08\uB4F1\uD559\uAD50 6\uB144, \uC911\uD559\uAD50 3\uB144, \uACE0\uB4F1\uD559\uAD50 3\uB144, \uD569\uD574\uC11C \uCD1D 12\uB144\uAC04 \uB611\uAC19\uC740 \uACF5\uAC04\uC5D0\uC11C, \uB611\uAC19\uC740 \uC637\uC744 \uC785\uACE0, \uB611\uAC19\uC740 \uBC25\uC744 \uBA39\uACE0, \uB611\uAC19\uC740 \uC2DC\uAC04\uC5D0 \uC77C\uC5B4\uB098\uC11C, \uB611\uAC19\uC740 \uC2DC\uAC04\uC5D0 \uB4F1\uAD50\uD558\uACE0, \uC815\uD574\uC9C4 \uC2DC\uAC04 \uB3D9\uC548 \uC218\uC5C5\uC744 \uB4E3\uACE0, \uC815\uD574\uC9C4 \uC2DC\uAC04\uC5D0 \uD558\uAD50\uD558\uACE0, \uC2DC\uD5D8\uC744 \uBCF4\uACE0, \uCC44\uC810\uC744 \uD558\uACE0, \uC2DC\uD5D8 \uC131\uC801\uC73C\uB85C \uC21C\uC704 \uB9E4\uAE40\uC744 \uB2F9\uD558\uBA70 \uC0B0\uB2E4. \uC870\uAE08 \uADF9\uB2E8\uC801\uC73C\uB85C \uB9D0\uD558\uBA74 \uC774\uAC74 \uAC10\uC625\uC774\uB098 \uB2E4\uB97C\uBC14 \uC5C6\uB2E4. \uC544\uB2C8 \uAC10\uC625\uBCF4\uB2E4 \uBABB\uD55C\uAC8C \uC544\uB2D0\uAE4C \uC2F6\uC744 \uB54C\uB3C4 \uC788\uB2E4. \uC774\uC5D0 \uB300\uD55C \uACB0\uACFC\uBB3C\uB85C \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC774 \uC790\uC2E0\uC744 \uD45C\uD604\uD560 \uB54C \uC218\uCE58\uD654\uB41C, \uAC1D\uAD00\uD654\uB41C \uBAA8\uC2B5\uC73C\uB85C \uD45C\uD604\uD55C\uB2E4.

      • \uC678\uBAA8\uB294 \uC5B4\uB5A4\uC9C0
      • \uC131\uC801\uC740 \uC5B4\uB5A4\uC9C0
      • \uC5B4\uB5A4 \uB300\uD68C\uC5D0 \uB098\uAC00\uC11C \uC5B4\uB5A4 \uC0C1\uC744 \uBC1B\uC558\uB294\uC9C0
      • \uC5B4\uB5A4 \uD559\uBC8C\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294\uC9C0

      \uAC19\uC740 \uAC83\uB4E4. \uC27D\uAC8C \uB9D0\uD574\uC11C \uC2A4\uD399 \uC774\uB77C\uACE0 \uD574\uC57C\uD558\uB098? \uBB3C\uB860 \uC774\uB7F0 \uC2A4\uD399\uC774 \uC0AC\uC18C\uD55C \uAC83\uC740 \uC544\uB2C8\uB2E4. \uD558\uC9C0\uB9CC \uC6B0\uB9AC\uB294 \uBAA8\uB450 \uB611\uAC19\uC740 \uC77C\uC744 \uD574\uC57C\uD558\uB294 \uAC83\uC774 \uC544\uB2C8\uACE0 \uB611\uAC19\uC740 \uC0B6\uC744 \uC0B4\uC544\uAC00\uACE0 \uC788\uC9C0\uB3C4 \uC54A\uB2E4. \uC774\uB807\uAC8C \uC815\uB7C9\uD654 \uB418\uC5B4\uBC84\uB9B0 \uAC83\uB4E4\uC740 \uAC1C\uAC1C\uC778\uC758 \uAC00\uCE58\uB97C \uC8FD\uC774\uACE0 \uC788\uB2E4. \uADF8\uAC83\uB3C4 \uCCAD\uC18C\uB144\uC5D0\uC11C \uC131\uC778\uC73C\uB85C \uC811\uC5B4\uB4DC\uB294, \uB300\uBD80\uBD84\uC758 \uAC00\uCE58\uAD00\uC758 \uD615\uC131\uB418\uB294 \uB9E4\uC6B0 \uC911\uC694\uD55C \uC2DC\uC810\uC5D0 \uBC18\uB300\uB85C \uAC1C\uAC1C\uC778\uC758 \uAC00\uCE58\uAD00\uACFC \uAC1C\uC131\uC744 \uC8FD\uC774\uB294 \uC77C\uC774 \uC77C\uC5B4\uB098\uB294 \uAC83\uC774\uB2E4.

      \uB098\uB294 \uB300\uD559\uAD50\uB97C \uB2E4\uB2D0 \uB54C \uCE5C\uD574\uC9C4 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uD56D\uC0C1 \uBB3B\uB294 \uB9D0\uC774 \uC788\uB2E4.

      • \uB300\uD559\uAD50\uC5D0 \uC65C \uC785\uD559\uD588\uB098
      • \uADF8 \uD559\uACFC\uB97C \uC65C \uC120\uD0DD\uD588\uB098
      • \uC65C \uACF5\uBD80\uB97C \uD558\uACE0 \uC788\uB098

      \uAC19\uC740 \uC6D0\uCD08\uC801\uC778 \uC9C8\uBB38\uB4E4\uC774\uBA70 \uB0A8\uC774 \uC544\uB2CC \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uD56D\uC0C1 \uC9C8\uBB38\uD588\uB358 \uAC83\uB4E4\uC774\uB2E4. \uD558\uC9C0\uB9CC \uB300\uBD80\uBD84\uC758 \uC0AC\uB78C\uB4E4\uC740 \uC2A4\uC2A4\uB85C\uC758 \uC758\uC9C0\uB77C\uAE30 \uBCF4\uB2E8 \uB0A8\uB4E4\uC774 \uAC00\uB2C8\uAE4C, \uB0A8\uB4E4\uC774 \uD558\uB2C8\uAE4C, \uD639\uC740 \uBD80\uBAA8\uB2D8\uC774 \uC2DC\uCF1C\uC11C \uAC19\uC774 \uB300\uCCB4\uB85C \uC218\uB3D9\uC801\uC778 \uC774\uC720\uC600\uB2E4.

      12\uB144\uAC04 \uAC10\uC625\uC5D0 \uAC16\uD78C \uC0C1\uD0DC\uC5D0\uC11C \uB05D\uB098\uC9C0 \uC54A\uC740 \uACBD\uC7C1\uC744 \uC9C0\uC18D\uD558\uB2E4\uAC00 \uB300\uD559\uC744 \uAC00\uC57C \uD558\uB294 \uC774\uC720\uB3C4 \uBAA8\uB974\uB294\uCCB4 \uB300\uD559\uC5D0 \uC9C4\uD559\uD558\uB294 \uC0AC\uB78C\uC774 \uD0DC\uBC18\uC774\uB2E4. \uC2A4\uC2A4\uB85C \uC815\uB9D0 \uACF5\uBD80\uAC00 \uD558\uACE0 \uC2F6\uC5B4\uC11C \uB300\uD559\uC5D0 \uAC00\uB294 \uC0AC\uB78C\uC774 \uBA87 \uBA85\uC774\uB098 \uC788\uC744\uAE4C? \uC6D0\uD558\uB294 \uD559\uACFC\uC5D0 \uC9C4\uD559\uD558\uB294 \uC0AC\uB78C\uC774 \uBA87 \uBA85\uC774\uB098 \uC788\uC744\uAE4C?

      \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD574 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD574\uC57C \uD558\uB294 \uC2DC\uAE30\uC5D0 \uAD50\uC721 \uC2DC\uC2A4\uD15C \uB54C\uBB38\uC5D0, \uACBD\uC7C1 \uB54C\uBB38\uC5D0 \uBAA9\uC801\uACFC \uC758\uBBF8 \uC5C6\uB294 \uACF5\uBD80\uB9CC \uD558\uB2E4\uAC00 \uAC11\uC790\uAE30 \uC131\uC778\uC774 \uB418\uC5B4\uBC84\uB9B0\uB2E4. \uC2A4\uC2A4\uB85C \uC131\uC778\uC774 \uB418\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C \uC5B4\uCA4C\uB2E4 \uBCF4\uB2C8 \uC131\uC778\uC774 \uB418\uC5B4\uBC84\uB9AC\uB294 \uAC83\uC774\uB2E4. \uBC95\uC801\uC73C\uB85C \uC131\uC778\uC774 \uB418\uBA74 \uC2A4\uC2A4\uB85C\uB97C \uCC45\uC784\uC838\uC57C \uD558\uB294\uB370, \uC6B0\uB9AC\uAC00 \uBC1B\uC544\uC628 \uACE0\uB4F1 \uAD50\uC721\uC744 \uC798 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC774\uAC74 \uAC70\uC758 \uBD88\uAC00\uB2A5\uC5D0 \uAC00\uAE5D\uB2E4. \uB300\uBD80\uBD84\uC758 \uC120\uD0DD\uC5D0\uC11C \uC2A4\uC2A4\uB85C\uC758 \uC758\uC9C0\uAC00 \uBC30\uCC99\uB418\uB294\uB370 \uC131\uC778\uC774 \uB41C\uB2E4\uACE0 \uC774\uAC8C \uC27D\uAC8C \uACE0\uCCD0\uC9C8\uAE4C? \uB098\uB294 \uACB0\uAD6D \uC774\uB7EC\uD55C \uACFC\uC815\uC5D0 \uB300\uD55C \uACB0\uACFC\uBB3C\uC774 \uC790\uC874\uAC10 \uACB0\uC5EC \uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC120\uD0DD\uC744 \uD558\uB294 \uACFC\uC815\uC5D0\uC11C \uB0B4 \uC758\uC0AC\uAC00 \uACB0\uC5EC\uB418\uB294 \uACFC\uC815\uC774 \uBC18\uBCF5\uB420 \uC218\uB85D \uC790\uC874\uAC10\uC740 \uACB0\uC5EC\uB420 \uC218 \uBC16\uC5D0 \uC5C6\uACE0, \uC9C0\uAE08\uC758 \uD559\uAD50\uB4E4\uC740 \uC774\uB97C \uBC18\uBCF5\uD558\uB294 \uC911\uC774\uB2E4.

      \uADF8\uB798\uC11C \uB098\uB294 \uB300\uD559\uAD50 \uD6C4\uBC30\uB4E4\uC5D0\uAC8C \uD559\uAD50\uC5D0\uC11C \uD574\uC8FC\uB294 \uBAA8\uB4E0 \uC2EC\uB9AC\uC0C1\uB2F4\uC744 \uB2E4 \uBC1B\uC544\uBCF4\uB77C\uACE0 \uAD8C\uC720\uD55C\uB2E4. \uC0AC\uD68C\uC5D0 \uB098\uAC00\uBA74 \uC0C1\uB2F4 \uD55C \uBC88\uC5D0 \uAF64 \uB9CE\uC740 \uB3C8\uC774 \uC18C\uBAA8\uB41C\uB2E4. \uADF8\uB798\uC11C \uC815\uB9D0\uB85C \uC2EC\uB9AC \uC0C1\uB2F4\uC774 \uD544\uC694\uD55C \uC0AC\uB78C\uB4E4\uC740 \uC0C1\uB2F4\uC744 \uBABB \uBC1B\uB294 \uB2E4\uB294 \uC774\uC57C\uAE30\uAC00 \uC788\uB2E4. \uADF8\uB798\uC11C \uBC1B\uC744 \uC218 \uC788\uC744 \uB54C, \uAE30\uD68C\uAC00 \uC788\uC744 \uB54C \uC7A1\uB294\uAC8C \uC88B\uB2E4.

      \uAC01\uC124\uD558\uACE0, \uB098\uB3C4 \uC2A4\uC2A4\uB85C \uC0DD\uAC01\uD558\uACE0 \uD589\uB3D9\uD558\uB294 \uBD80\uB958\uC758 \uC0AC\uB78C\uC740 \uC544\uB2C8\uC5C8\uB2E4. \uCC29\uD55C\uC544\uC774 \uCF64\uD50C\uB809\uC2A4 \uC758 \uC804\uD615\uC801\uC778 \uD45C\uBCF8\uC774 \uB098\uC600\uB2E4. \uADF8\uB798\uB3C4 \uC131\uC778\uC774 \uB418\uACE0, \uAD70\uB300\uC5D0\uC11C \uADF8\uB9AC\uACE0 \uD559\uAD50\uB97C \uB2E4\uB2C8\uBA74\uC11C \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD574 \uACC4\uC18D \uACE0\uBBFC\uD558\uACE0, \uACE0\uB1CC\uD558\uACE0, \uB098\uB77C\uB294 \uC0AC\uB78C\uC774 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0 \uC815\uC758\uD558\uACE0 \uC2F6\uC5B4\uC11C \uC5EC\uB7EC\uAC00\uC9C0 \uC0C1\uB2F4\uC744 \uB9CE\uC774 \uBC1B\uC558\uACE0, \uC2EC\uB9AC\uD559 \uC11C\uC801\uB3C4 \uAF64 \uB9CE\uC774 \uC77D\uC5C8\uB2E4.

      \uB72C\uAE08\uC5C6\uC9C0\uB9CC, \uAC1C\uC778\uC801\uC73C\uB85C \uC2EC\uB9AC\uD559\uC740 \uC0B4\uC544\uAC00\uB294\uB370 \uC788\uC5B4\uC11C \uC81C\uC77C \uC2E4\uC6A9\uC801\uC778 \uD559\uBB38\uC774 \uC544\uB2D0\uAE4C \uC0DD\uAC01\uD55C\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uADF8 \uACFC\uC815\uC5D0\uC11C \uC790\uC874\uAC10\uC744 \uB9CE\uC774 \uD68C\uBCF5\uD560 \uC218 \uC788\uC5C8\uACE0, \uC9C0\uAE08\uB3C4 \uC2B5\uAD00\uC801\uC73C\uB85C \uB098\uB294 \uC5B4\uB5A4\uC0AC\uB78C\uC778\uC9C0 \uACE0\uBBFC\uD558\uACE0 \uB2E4\uC2DC \uC815\uC758\uB0B4\uB9B0\uB2E4. \uB098\uC758 \uC7A5\uC810\uC744 \uCC3E\uC544\uB0B4\uACE0, \uB2E8\uC810\uC774 \uC788\uB354\uB77C\uB3C4 \uBC1B\uC544\uB4E4\uC774\uACE0, \uADF8\uB7F0 \uACFC\uC815\uC774 \uACC4\uC18D\uB418\uBA74\uC11C \uC870\uAE08\uC529 \uC870\uAE08\uC529 \uC2A4\uC2A4\uB85C\uB97C \uC874\uC911\uD558\uACE0 \uC788\uB2E4. \uC774\uC640 \uB3D9\uC2DC\uC5D0 \uB098\uB97C \uC874\uC911\uD558\uC9C0 \uC54A\uB294 \uC0AC\uB78C\uB4E4\uC744 \uAD73\uC774 \uC2E0\uACBD\uC4F0\uC9C0\uB3C4 \uC54A\uACE0 \uB9C8\uC74C\uC4F0\uC9C0\uB3C4 \uC54A\uACE0 \uC788\uB2E4. \uADF8\uB0E5 \uC800\uB7F0 \uC0AC\uB78C\uB3C4 \uC788\uAD6C\uB098 \uD558\uACE0 \uB118\uAE34\uB2E4.

      \uC790\uC874\uAC10\uC740 \uC77C\uC0C1\uC758 \uB9CE\uC740 \uBD80\uBD84\uC744 \uCC28\uC9C0\uD558\uACE0 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      • \uC2A4\uC2A4\uB85C\uB97C \uC874\uC911\uD560 \uC218 \uC5C6\uB294 \uC0AC\uB78C\uC740 \uD0C0\uC778\uC744 \uC874\uC911\uD560 \uC218 \uC5C6\uB2E4.
      • \uC2A4\uC2A4\uB85C\uB97C \uC874\uC911\uD558\uB294 \uB9CC\uD07C \uB2E4\uB978 \uC0AC\uB78C\uB3C4 \uC874\uC911\uD574\uC57C\uD55C\uB2E4.
      • \uC2A4\uC2A4\uB85C\uB97C \uC874\uC911\uD558\uC9C0 \uC54A\uB294 \uC0AC\uB78C\uC5D0\uAC8C \uAD73\uC774 \uD638\uC758\uB97C \uBCA0\uD480\uACE0 \uC874\uC911\uD574\uC57C\uD560 \uC774\uC720\uB3C4 \uC5C6\uB2E4. \uB098\uB97C \uC2EB\uC5B4\uD558\uB294 \uC0AC\uB78C\uB4E4\uAE4C\uC9C0 \uC2E0\uACBD\uC4F0\uACE0 \uB9C8\uC74C\uC4F8 \uC774\uC720\uAC00 \uC5C6\uB2E4.
      • \uC0AC\uC18C\uD55C \uC758\uACAC\uC774\uB77C\uB3C4 \uB0B4 \uC758\uACAC \uB9CC\uD07C \uB2E4\uB978 \uC0AC\uB78C\uC758 \uC758\uACAC\uB3C4 \uC911\uC694\uD558\uB2E4. \uADF8\uAC8C \uB2E4\uC218\uC758 \uC758\uACAC\uC774\uB4E0 \uC18C\uC218\uC758 \uC758\uACAC\uC774\uB4E0 \uB3D9\uC77C\uD558\uB2E4.
      • \uC874\uC911\uC744 \uAE30\uBC18\uC73C\uB85C \uD558\uB294 \uB300\uD654\uC640 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC740 \uACB0\uAD6D \uAE0D\uC815\uC801\uC778 \uBC29\uD5A5\uC73C\uB85C \uD758\uB7EC\uAC08 \uC218 \uBC16\uC5D0 \uC5C6\uB2E4.
      • \uD0C0\uC778\uC5D0 \uB300\uD55C \uC874\uC911\uC774 \uC5C6\uC73C\uBA74 \uAC1C\uAC1C\uC778\uC774 \uBAA8\uC5EC\uC11C \uC720\uC9C0\uB418\uACE0 \uB9CC\uB4E4\uC5B4\uAC00\uB294 \uC774 \uC0AC\uD68C\uC5D0 \uB300\uD55C \uC874\uC911\uB3C4 \uC5C6\uC5B4\uC9C4\uB2E4.
      • \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD55C \uC874\uC911\uC774 \uC5C6\uB294 \uC0AC\uB78C\uC740 \uACB0\uAD6D \uC5B4\uB5A4 \uC77C\uC744 \uD558\uB354\uB77C\uB3C4 \uD589\uBCF5\uD568\uC744 \uB290\uB07C\uAE30\uAC00 \uC5B4\uB835\uB2E4.

      \uC774 \uC678\uC5D0\uB3C4 \uB9CE\uC740 \uBD80\uBD84\uB4E4\uC774 \uC788\uC744 \uAC83\uC774\uB2E4. \uD2B9\uD788 \uAC00\uAE4C\uC6B4 \uC778\uAC04\uAD00\uACC4 \uC18D\uC5D0\uC11C \uC790\uC874\uAC10\uC774 \uB0AE\uC744 \uC218\uB85D \uADE0\uD615\uC744 \uC720\uC9C0\uD558\uAE30\uAC00 \uC5B4\uB835\uB2E4. \uAC00\uC871, \uCE5C\uD55C \uCE5C\uAD6C, \uADF8\uB9AC\uACE0 \uC5F0\uC778 \uB4F1 \uC6B0\uB9AC\uB294 \uB9CE\uC740 \uAD00\uACC4\uB97C \uB9CC\uB4E4\uC5B4\uAC04\uB2E4. \uC790\uC874\uAC10\uC774 \uC5B4\uB290 \uC815\uB3C4\uB294 \uC790\uB9AC\uC7A1\uACE0 \uC788\uC5B4\uC57C \uAC74\uAC15\uD55C \uAD00\uACC4\uB97C \uC720\uC9C0\uD560 \uC218 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uBB54\uAC00 \uC815\uB9AC\uB418\uC9C0 \uC54A\uACE0 \uD6A1\uC124\uC218\uC124 \uC774\uC0C1\uD55C \uC18C\uB9AC\uB97C \uB9CE\uC73C \uB298\uC5B4\uB193\uC740 \uAC83 \uAC19\uB2E4. \uB300\uCDA9 \uC815\uB9AC\uD574\uBCF4\uC790\uBA74,

      12\uB144\uAC04 \uAC10\uC625\uAC19\uC740 \uD559\uAD50\uC5D0\uC11C \uC0DD\uD65C\uD55C\uB2E4 \u2192 \uB04A\uC784\uC5C6\uB294 \uACBD\uC7C1 \uC18D\uC5D0\uC11C \uAC1C\uAC1C\uC778\uC758 \uAC1C\uC131\uACFC \uC0C9\uC740 \uC0AC\uB77C\uC9C0\uACE0 \uC218\uCE58\uD654\uB41C \uC2A4\uD399\uB9CC \uB0A8\uC544\uBC84\uB9B0\uB2E4 \u2192 \uC774 \uACFC\uC815\uC5D0\uC11C \uC790\uC874\uAC10\uC774 \uC810\uC810 \uC18C\uC2E4\uB41C\uB2E4. \uC2A4\uC2A4\uB85C\uB97C \uC874\uC911\uD560 \uC218 \uC5C6\uB294 \uC0AC\uB78C\uC774 \uB2E4\uB978 \uC0AC\uB78C\uC744 \uC9C4\uC2EC\uC73C\uB85C \uC874\uC911\uD560 \uC218 \uC788\uC744\uAE4C? \u2192 \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD574 \uC798 \uD45C\uD604\uD558\uAE30\uAC00 \uC810\uC810 \uC5B4\uB824\uC6CC\uC9C4\uB2E4 \u2192 \uC790\uC874\uAC10\uC774 \uACB0\uC5EC\uB418\uBA74 \uBB34\uC2A8 \uC77C\uC744 \uD558\uB4E0 \uD589\uBCF5 \uD574 \uC9C0\uAE30\uAC00 \uC5B4\uB824\uC6CC\uC9C4\uB2E4. \u2192 \uB530\uB77C\uC11C \uC790\uC874\uAC10\uC744 \uAC00\uAFC0 \uC218 \uC788\uB3C4\uB85D \uB178\uB825\uD558\uC790

      • \uC2DC\uC2A4\uD15C\uC774 \uBB38\uC81C\uB77C\uBA74 \uC2A4\uC2A4\uB85C \uADF9\uBCF5\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC744 \uCC3E\uC544\uBCF4\uBA74 \uB41C\uB2E4.
      • \uB098\uB97C \uBCC0\uD654\uC2DC\uD0AC \uC218 \uC5C6\uB2E4\uBA74 \uB2E4\uB978 \uC0AC\uB78C\uB3C4 \uBCC0\uD654\uC2DC\uD0AC \uC218 \uC5C6\uB2E4.
      • \uB2E4\uB978 \uC0AC\uB78C\uC744 \uBCC0\uD654\uC2DC\uD0AC \uC218 \uC5C6\uB2E4\uBA74 \uACB0\uAD6D \uC81C\uC77C \uD070 \uBB38\uC81C\uC778 \uC0AC\uD68C\uB3C4 \uBCC0\uD654\uC2DC\uD0AC \uC218 \uC5C6\uB2E4.
      • \uC2A4\uC2A4\uB85C\uBD80\uD130 \uBCC0\uD558\uC790.

      \uC774\uAC74 \uC870\uC9C1\uC0DD\uD65C\uC5D0\uC11C\uB3C4 \uB9C8\uCC2C\uAC00\uC9C0\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uD070 \uBCC0\uD654\uB97C \uB3C4\uBAA8\uD558\uAE30 \uC804\uC5D0 \uB098\uBD80\uD130 \uBA3C\uC800 \uBCC0\uD574\uC57C\uD55C\uB2E4. \uADF8\uB798\uC57C \uB0B4 \uC606\uC758 \uB204\uAD70\uAC00\uAC00 \uBCC0\uD558\uACE0, \uD300\uC774 \uBCC0\uD558\uC9C0 \uC54A\uC744\uAE4C?

      \uBD80\uB3D9\uC0B0

      \uC9C0\uAE08\uC758 MZ\uC138\uB300\uB294 \uBCBC\uB77D\uAC70\uC9C0 \uB77C\uB294 \uB9D0\uC774 \uB531 \uC5B4\uC6B8\uB9B0\uB2E4. \uB2E4\uB978 \uAC83 \uBCF4\uB2E4 \uBD80\uB3D9\uC0B0 \uB54C\uBB38\uC5D0 \uB108\uBB34 \uC640\uB2FF\uB294\uB2E4. \uC9C0\uAE08 \uB098\uC5D0\uAC8C \uC81C\uC77C \uD070 \uACE0\uBBFC\uC740 \uBD80\uB3D9\uC0B0 \uC774\uB2E4. \uB354 \uC815\uD655\uD788\uB294 \uB0B4 \uC9D1 \uB9C8\uB828 \uC774\uB784\uAE4C?

      \uAC11\uC790\uAE30 \uC9D1\uAC12\uC774 \uBBF8\uCE5C\uB4EF\uC774 \uC624\uB974\uACE0 \uC788\uACE0, \uB300\uCD9C \uBC1B\uAE30\uB3C4 \uC27D\uC9C0 \uC54A\uACE0, \uB9C8\uC74C \uAC19\uC544\uC11C\uB294 \uC9C0\uBC29\uC5D0 \uB0B4\uB824\uAC00\uC11C \uC0B4\uACE0 \uC2F6\uC740\uB370 \uC9C1\uC5C5\uC801\uC778 \uD2B9\uC131 \uB54C\uBB38\uC5D0 \uC774 \uB610\uD55C \uC27D\uC9C0 \uC54A\uB2E4.

      \uADF8\uB7F0\uB370 \uC9D1\uC774 \uC788\uB294 \uC0AC\uB78C\uB4E4\uC740 \uB610 \uAC11\uC790\uAE30 \uC9D1\uAC12\uC774 \uC62C\uB77C\uC11C \uC138\uAE08\uC744 \uB9CE\uC774 \uB0B4\uC57C\uD558\uACE0, \uADF8\uB807\uB2E4\uACE0 \uB2E4\uC2DC \uD314\uACE0 \uC774\uC0AC\uB97C \uAC00\uC790\uB2C8 \uB610 \uC138\uAE08 \uB54C\uBB38\uC5D0 \uC774\uB9C8\uC800 \uC27D\uC9C0 \uC54A\uACE0, \uBB38\uC81C\uB294 \uB0B4 \uC9D1\uC758 \uAC00\uACA9\uB9CC \uC624\uB978\uAC8C \uC544\uB2C8\uB77C \uB2E4\uB978 \uC9D1\uC758 \uAC00\uACA9\uB3C4 \uC62C\uB790\uAE30 \uB54C\uBB38\uC5D0 \uC774\uC0AC\uD560 \uC5C4\uB450\uB3C4 \uB098\uC9C0 \uC54A\uB294 \uADF8\uB7F0 \uC0C1\uD669\uC774\uB2E4.

      \uC9C0\uAE08 \uC81C\uC77C \uD070 \uC774\uB4DD\uC744 \uBCF4\uACE0 \uC788\uB294\uAC74 \uC138\uAE08\uC744 \uC4F8\uC5B4\uB2F4\uACE0 \uC788\uB294 \uC815\uBD80\uAC00 \uC544\uB2D0\uAE4C?

      \uAE30\uD68C\uAC00 \uB41C\uB2E4\uBA74 \uC7AC\uD0DD\uADFC\uBB34\uB97C \uD560 \uC218 \uC788\uB294 \uD68C\uC0AC\uB85C \uC774\uC9C1\uD574\uC11C (\uC774\uBBF8 \uC6B0\uB9AC\uD68C\uC0AC\uB294 \uAE00\uB800\uB2E4.. \uC544\uB9C8\uB3C4..?) \uC81C\uC8FC\uB3C4\uB4E0 \uAC15\uC6D0\uB3C4\uB4E0 \uD55C\uC801\uD55C \uACF3\uC5D0\uC11C \uC18C\uC18C\uD558\uAC8C \uC0B4\uC544\uAC00\uACE0 \uC2F6\uC740 \uB9C8\uC74C\uC774\uB2E4. \uC544\uB2C8, \uADF8\uB7AC\uC5C8\uB2E4.

      \uACBD\uAE30\uB3C4\uC5D0\uC11C \uC11C\uC6B8\uC5D0 \uC774\uC0AC\uC624\uB2C8 \uC11C\uC6B8 \uC0B4\uC774\uB3C4 \uB098\uC058\uC9C0 \uC54A\uC544\uC11C, \uC544\uB2C8 \uB108\uBB34 \uD3B8\uD574\uC11C \uB354 \uBBF8\uCCD0\uBC84\uB9AC\uACA0\uB2E4. \uB3C4\uB300\uCCB4 \uC5B4\uB5BB\uAC8C \uC0B4\uC544\uAC00\uC57C\uD560\uAE4C?

      \uC8FC\uC2DD

      \uC8FC\uC2DD\uC744 \uBCF4\uACE0 \uC788\uC73C\uBA74 \uB3C8\uC774 \uBB58\uAE4C? \uC2F6\uC740 \uC0DD\uAC01\uC774 \uB4E0\uB2E4. \uC9C1\uC5C5\uC744 \uAC16\uACE0 \uC77C\uC744 \uD558\uB294\uAC8C \uC810\uC810 \uBB34\uC758\uBBF8\uD574\uBCF4\uC778\uB2E4. \uC9C1\uC5C5\uC801\uC778 \uBCF4\uB78C\uC774 \uC5C6\uB2E4\uBA74 \uC774\uC81C \uC77C\uC744 \uD558\uB294 \uC758\uBBF8\uAC00 \uC788\uC744\uAE4C? \uC2F6\uC740 \uC0DD\uAC01..

      \uB098\uB294 \uC8FC\uC2DD\uC5D0 \uD070 \uAD00\uC2EC\uC744 \uB450\uACE0 \uC788\uC9C8 \uC54A\uC544\uC11C, \uD2B9\uD788 \uC8FC\uC2DD\uC744 \uD558\uBA74 \uC77C\uC5D0 \uC9D1\uC911\uC774 \uC548 \uB418\uAE30 \uB54C\uBB38\uC5D0 \uCD5C\uB300\uD55C \uBA40\uB9AC \uD558\uACE0 \uC788\uB294 \uC911\uC774\uB2E4. \uC548 \uD558\uBA74 \uC190\uD574 \uAC16\uACE0, \uD558\uBA74 \uC9C4\uC9DC \uC190\uD574\uB97C \uBCF4\uACE0(?).. \uC544\uC774\uB7EC\uB2C8\uD55C \uC0C1\uD669\uC774\uB2E4.

      \uB2E4\uB9CC \uC694\uC998 \uB4DC\uB294 \uC0DD\uAC01\uC774, \uC815\uB9D0 \uC790\uC2DD\uC774 \uB3C8\uC744 \uC798 \uBC8C\uB3C4\uB85D \uB9CC\uB4E4\uACE0 \uC2F6\uC73C\uBA74 \uD559\uAD50 \uACF5\uBD80\uB97C \uC2DC\uD0A4\uAE30 \uBCF4\uB2E8 \uC8FC\uC2DD \uACF5\uBD80\uB97C \uC2DC\uD0A4\uB294\uAC8C \uC88B\uC744 \uAC83 \uAC19\uB2E4.

      \uC5F0\uC560

      \uC9C0\uAE08\uC740

      • \uC5F0\uC560\uB97C \uD574\uB3C4 \uBB38\uC81C, \uC548 \uD574\uB3C4 \uBB38\uC81C
      • \uACB0\uD63C\uC744 \uD574\uB3C4 \uBB38\uC81C, \uC548 \uD574\uB3C4 \uBB38\uC81C
      • \uC544\uC774\uB97C \uB0B3\uC544\uB3C4 \uBB38\uC81C, \uC548 \uB0B3\uC544\uB3C4 \uBB38\uC81C

      \uC778 \uAC83 \uAC19\uB2E4.

      \uC9C0\uAE08\uC758 MZ \uC138\uB300\uB4E4\uC740 \uB108\uBB34 \uB9CE\uC740 \uBD88\uD589\uC744 \uACAA\uACE0 \uC788\uAE30 \uB54C\uBB38\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC815\uD655\uD788\uB294 \uBD88\uD589\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC774 \uC544\uB2D0\uAE4C?

      \uC5F0\uC560\uB97C \uD558\uAE30 \uC774\uC804\uC5D0 \uB098\uB294 \uC77C\uB2E8 \uD63C\uC790\uC11C\uB3C4 \uD589\uBCF5\uD558\uAC8C \uC798 \uC9C0\uB0BC \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uC5F0\uC560\uB97C \uD558\uBA74 \uAC19\uC774 \uC788\uC5B4\uC11C \uB354 \uD589\uBCF5\uD568\uC744 \uB290\uB084 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB0B4\uAC00 \uC5EC\uC720\uAC00 \uC788\uACE0 \uD589\uBCF5\uD560 \uC218 \uC788\uC5B4\uC57C \uD0C0\uC778\uC758 \uC2AC\uD514\uACFC \uAE30\uC068\uB3C4 \uB098\uB20C \uC218 \uC788\uB294\uAC8C \uC544\uB2D0\uAE4C?

      \uC790\uB140\uB97C \uAC16\uB294 \uAC83 \uB610\uD55C \uADF8\uB807\uB2E4. \uB0B4\uAC00 \uD589\uBCF5\uD560 \uC218 \uC5C6\uC73C\uBA74 \uB0B4 \uC790\uC2DD\uB3C4 \uD589\uBCF5\uD560 \uC218 \uC5C6\uB2E4. \uB0B4\uAC00 \uD589\uBCF5\uC744 \uB290\uB07C\uACE0 \uB098\uB20C \uC904 \uC54C\uC544\uC57C \uB0B4 \uC790\uC2DD\uB3C4 \uADF8\uAC8C \uAC00\uB2A5\uD558\uB2E4.

      \uAF2D \uC5F0\uC560\uAC00 \uC544\uB2C8\uB354\uB77C\uB3C4, \uC801\uC5B4\uB3C4 \uB9C8\uC774\uB108\uC2A4\uAC00 \uB418\uB294 \uAD00\uACC4\uB294 \uB9CC\uB4E4\uC9C0 \uC54A\uB294\uAC8C \uC88B\uC544\uBCF4\uC778\uB2E4.

      \uD63C\uC790\uC11C \uD589\uBCF5\uD558\uAC8C \uC798 \uC0B4 \uC218 \uC788\uB2E4\uBA74, \uADF8\uAC83\uB3C4 \uB098\uC058\uC9C0 \uC54A\uB2E4. \uADFC\uB370 \uADF8\uAC8C \uB418\uB294 \uC0AC\uB78C\uC740 \uC774\uBBF8 \uC8FC\uBCC0\uC5D0 \uC88B\uC740 \uAD00\uACC4\uB97C \uC720\uC9C0\uD558\uACE0 \uC788\uB294 \uC0AC\uB78C\uC774 \uB9CE\uC740 \uAC83 \uAC19\uB2E4. \uD589\uBCF5\uC744 \uB098\uB20C \uC218 \uC788\uAE30 \uB54C\uBB38\uC774 \uC544\uB2D0\uAE4C?

      \uC774\uC0C1\uD615

      \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uC774\uC0C1\uD615\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uAC00 \uB098\uC654\uB2E4. \uB098\uB294 \uC0AC\uC2E4 \uB0B4 \uC774\uC0C1\uD615\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD574\uBCF8\uC801\uC774 \uC5C6\uB294 \uAC83 \uAC19\uB2E4.

      \uADF8\uB0E5 \uC88B\uC73C\uBA74 \uC88B\uC740\uAC70\uACE0 \uC2EB\uC73C\uBA74 \uC2EB\uC740\uAC70\uC9C0!

      \uADF8\uB7F0\uB370 \uB0B4\uAC00 \uC88B\uC544\uD558\uACE0 \uC544\uB07C\uB294 \uC0AC\uB78C\uB4E4\uC740 \uB300\uCCB4\uB85C \uBE44\uC2B7\uD55C \uB290\uB08C\uC774 \uC788\uB294\uB370 \uC774\uAC78 \uB9D0\uB85C \uD615\uC6A9\uD558\uAE30\uAC00 \uC5B4\uB835\uB2E4.

      \uC74C.. \uC9C0\uAE08 \uACF0\uACF0\uD788 \uC0DD\uAC01\uD574\uBD24\uB294\uB370, \uD568\uAED8 \uC788\uC744 \uB54C \uC2EC\uB9AC\uC801\uC73C\uB85C \uBD88\uD3B8\uD558\uAC8C \uD558\uC9C0 \uC54A\uB294 \uC0AC\uB78C\uC774 \uC88B\uB2E4. \uB300\uCCB4\uB85C \uC774\uB7F0 \uC0AC\uB78C\uC740 \uC790\uC874\uAC10\uC774 \uB192\uC740 \uD3B8\uC774\uB2E4. \uD639\uC740 \uD0C0\uC778\uC5D0 \uB300\uD55C \uBC30\uB824\uAC00 \uC2B5\uAD00\uC774 \uB41C \uC0AC\uB78C\uB4E4\uC774\uACE0 \uC874\uC911\uC774 \uC2B5\uAD00\uC774 \uB41C \uC0AC\uB78C\uB4E4\uC778 \uAC83 \uAC19\uB2E4.

      \uC77C\uB2E8 \uB098 \uBD80\uD130 \uADF8\uB7F0 \uC0AC\uB78C\uC774 \uB418\uC5B4\uBCF4\uC790.. \u314E\u314E

      \uC9C4\uB85C

      \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uACFC \uC9C4\uB85C\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB97C \uB098\uB20C \uB54C \uB4DC\uB294 \uC0DD\uAC01\uC740, \uB098\uB294 \uC544\uB9C8 \uC774\uBC88 \uC0DD\uC774 \uC544\uB2C8\uC5C8\uC73C\uBA74 \uAC70\uC9C0\uB85C \uC0B4\uC558\uC744 \uAC83\uC774\uB2E4. \uAC1C\uBC1C\uC790\uAC00 \uADF8\uB9CC\uD07C \uB098\uC5D0\uAC8C \uC801\uD569\uD55C \uC9C1\uC5C5\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uCC38 \uC2E0\uAE30\uD55C\uAC8C, \uC5B4\uB838\uC744 \uB54C \uBD80\uD130 \uB9C9\uC5F0\uD558\uAC8C \uC9C1\uC5C5\uC801 \uC9C4\uB85C \uD639\uC740 \uAFC8\uC744 \uC801\uB294 \uD56D\uBAA9\uC5D0 \uD504\uB85C\uADF8\uB798\uBA38\uB97C \uC801\uC5C8\uB2E4. \uC5B4\uB9B4 \uB54C\uC758 \uAC15\uBC15\uC774 \uC9C0\uAE08\uC758 \uB098\uB97C \uB9CC\uB4E4\uC5B4\uB0B8\uAC8C \uC544\uB2D0\uAE4C?

      \uADF8\uB0E5 \uB098\uB294 \uC774\uBC88 \uC0DD\uC5D0 \uC6B4\uC774 \uC88B\uAC8C IT \uC9C1\uAD70\uC5D0 \uC801\uD569\uD55C \uC131\uACA9\uACFC \uC7AC\uB2A5\uC774 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uC870\uAE08 \uB354 \uC218\uC6D4\uD558\uAC8C \uC785\uC5D0 \uD480\uCE60\uD558\uACE0 \uC0B4 \uC815\uB3C4\uB294 \uB418\uB294 \uAC83 \uAC19\uB2E4. 10\uB144\uB9CC \uB2A6\uAC8C \uD0DC\uC5B4\uB0AC\uAC70\uB098, 10\uB144\uB9CC \uC77C\uCC0D \uD0DC\uC5B4\uB0AC\uC5B4\uB3C4 \uB2EC\uB77C\uC84C\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB7F0 \uC758\uBBF8\uC5D0\uC120 \uC6B4\uC774 \uC88B\uC740 \uD3B8\uC778 \uAC83 \uAC19\uB2E4.

      \uB3C5\uB9BD

      \uAC00\uC871\uC774 \uBD88\uD3B8\uD558\uACE0 \uC2EB\uC740\uAC8C \uC544\uB2C8\uB77C\uBA74 \uAD73\uC774 \uB3C5\uB9BD\uD558\uC9C0 \uC54A\uC544\uB3C4 \uB41C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB3C5\uB9BD\uC744 \uD558\uBA74.. \uC5EC\uB7EC\uBAA8\uB85C \uD53C\uACE4\uD55C\uC810\uC774 \uD55C \uB458\uC774 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0..

      \uADF8\uB798\uB3C4 \uD63C\uC790\uC11C \uC774 \uD55C \uBAB8 \uCC45\uC784\uC9C0\uBA70 \uC0B4\uC544\uAC00\uB294 \uACBD\uD5D8\uC744 \uD574\uBCF4\uB294 \uAC83\uC740 \uB098\uC058\uC9C0 \uC54A\uB2E4. \uC774\uAC8C \uD3C9\uC0C8 \uC720\uC9C0\uB418\uBA74 \uB610 \uC774\uC57C\uAE30\uAC00 \uB2E4\uB974\uACA0\uC9C0\uB9CC..

      \uB09C \uC774\uC81C \uBCF8\uAC00\uC5D0 \uAC00\uBA74 \uC624\uD788\uB824 \uC5B4\uC0C9\uD558\uB2E4. \uC774\uC81C \uB3C5\uB9BD\uD55C\uC9C0\uB3C4 \uAC70\uC758 10\uB144 \uAC00\uAE4C\uC774 \uB418\uC5B4\uAC00\uACE0 \uC788\uC73C\uB2C8..

      \uB2E8\uAD6D\uB300\uD559\uAD50 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC

      \uC6B0\uB9AC \uD559\uACFC\uB294 \uC544\uBB34\uB9AC \uBD10\uB3C4 \uD0C0 \uD559\uAD50 \uB3D9\uC77C \uD559\uACFC\uC5D0 \uBE44\uD574\uC11C \uACBD\uC7C1\uB825\uC774 \uC5C6\uB2E4. \uC544\uC6C3\uD48B\uC774 \uC88B\uC740 \uACBD\uC6B0\uB294 \uADF8\uB0E5 \uD559\uC0DD\uB4E4 \uAC1C\uAC1C\uC778\uC774 \uC798\uB098\uC11C \uC798 \uB41C \uACBD\uC6B0\uAC00 \uB300\uBD80\uBD84\uC774\uACE0, \uB098\uBA38\uC9C0\uB294 \uD559\uACFC \uC0DD\uD65C\uC5D0 \uC801\uC751\uD558\uAE30\uB3C4 \uD798\uB4E4\uC5B4\uD55C\uB2E4.

      \uC774\uC5D0 \uB300\uD55C \uC5EC\uB7EC\uAC00\uC9C0 \uC6D0\uC778\uC774 \uC788\uB294\uB370,

      • \uB108\uBB34 \uB9CE\uC740 \uC815\uC6D0
        • \uAE30\uBCF8 \uC815\uC6D0\uC774 90\uBA85\uC778\uB370 \uD559\uB144\uC774 \uC62C\uB77C\uAC08 \uC218\uB85D, \uD3B8\uC785\uC0DD + \uC804\uACFC\uC0DD + \uBCF5\uC218\uC804\uACF5\uC0DD + \uAD50\uB958\uC804\uACF5\uC0DD \uB54C\uBB38\uC5D0 \uC778\uC6D0\uC774 \uAE30\uD558\uAE09\uC218\uC801\uC73C\uB85C \uB9CE\uC544\uC9C4\uB2E4.
        • \uADF8\uB7F0\uB370 \uAD50\uC218\uB2D8\uACFC \uAC15\uC758\uC2E4\uC758 \uC22B\uC790\uB294 \uC815\uD574\uC838\uC788\uB2E4.
        • \uACB0\uAD6D \uC9C8 \uC88B\uC740 \uAC15\uC758\uB97C \uB4E3\uAE30\uB780 \uD558\uB298\uC758 \uBCC4\uB530\uAE30.
      • \uB108\uBB34 \uC801\uC740 \uAD50\uC218\uB2D8\uC758 \uC22B\uC790 + \uB108\uBB34 \uACE0\uC5EC\uBC84\uB9B0 \uAD50\uC218\uB2D8\uB4E4
        • \uC774\uAC74 \uC774\uC81C \uC131\uC778\uC774 \uB41C \uB300\uD559\uC0DD\uB4E4\uC774 \uC790\uAE30 \uC55E\uAC00\uB9BC\uC744 \uAD50\uC218\uB2D8\uC5D0\uAC8C \uC758\uC9C0\uD558\uB294 \uAC83\uB3C4 \uBB38\uC81C\uAC00 \uC788\uB2E4.
        • \uC790\uAE30 \uC0B4 \uAE38\uC740 \uC790\uAE30\uAC00 \uC54C\uC544\uC11C \uCC3E\uC544\uC57C \uD558\uB294\uB370.. \uADF8 \uB9C8\uC800\uB3C4 \uC27D\uC9C0 \uC54A\uC740 \uC0C1\uD669
      • \uB3D9\uC544\uB9AC\uC758 \uBD80\uC7AC
      • \uC18C\uD1B5\uC758 \uBD80\uC7AC
      • \uC2A4\uD130\uB514\uC758 \uBD80\uC7AC
      • \uAC1C\uC778\uD50C\uB808\uC774
      • \uC774\uC5D0 \uB530\uB978 \uCD5C\uC545\uC758 \uD300\uD50C\uB808\uC774 \uACBD\uD5D8

      \uC81C\uC77C \uD070 \uBB38\uC81C\uB294 \uB3D9\uC544\uB9AC\uAC00 \uC5C6\uB2E4\uB294 \uAC83\uC774\uB2E4. \uC774\uBBF8 \uC878\uC5C5\uD55C \uB0B4\uAC00 \uB3D9\uC544\uB9AC\uB97C \uB9CC\uB4E4 \uC218\uB294 \uC5C6\uACE0, \uB300\uC2E0 \uC18C\uC18C\uD558\uAC8C \uC2A4\uD130\uB514\uB97C \uC6B4\uC601\uD558\uACE0 \uC788\uB2E4.

      \uC120\uD6C4\uBC30\uB97C \uC774\uC5B4\uC8FC\uB294 \uC81C\uC77C \uC88B\uC740 \uB9E4\uAC1C\uAC00 \uB3D9\uC544\uB9AC\uC778\uB370, \uB3D9\uC544\uB9AC\uAC00 \uC5C6\uC73C\uB2C8 \uBB58 \uD560 \uC218 \uC788\uACA0\uB294\uAC00. \uD559\uACFC\uB098 \uD559\uC0DD\uD68C\uAC00 \uC801\uADF9\uC801\uC73C\uB85C \uC120\uD6C4\uBC30\uAC04\uC758 \uAD50\uB958\uC5D0 \uAC1C\uC785\uD558\uACE0 \uC788\uB294 \uAC83\uB3C4 \uC544\uB2C8\uB2E4. \uADF8\uB807\uB2E4\uACE0 \uC878\uC5C5\uC0DD\uC744 \uB370\uB824\uC640\uC11C \uC778\uC0AC\uC774\uD2B8\uB97C \uC8FC\uACE0 \uC788\uB294 \uAC83\uB3C4 \uC544\uB2C8\uB2E4. \uADF8\uB0E5 \uB9D0 \uADF8\uB300\uB85C \uD558\uB294\uAC8C \uC5C6\uB2E4.

      \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC \uD2B9\uC131\uC0C1, \uD559\uC810\uC774 \uADF8\uB807\uAC8C \uC911\uC694\uD55C \uD3B8\uB3C4 \uC544\uB2C8\uACE0, \uB610 \uD559\uACFC \uACF5\uBD80\uB9CC \uD574\uC11C\uB294 \uC27D\uC0AC\uB9AC \uCDE8\uC5C5\uD558\uAE30\uB3C4 \uC5B4\uB835\uB2E4. \uB354 \uD070 \uBB38\uC81C\uB294 \uCD5C\uC545\uC758 \uD300\uD50C\uB808\uC774 \uACBD\uD5D8\uC778\uB370.. 4\uB144 \uB3D9\uC548 \uC88B\uAC8C \uB05D\uB0B8 \uD300\uD50C \uACBD\uD5D8\uC774 \uAC70\uC758 \uC5C6\uB2E4. \uC624\uD788\uB824 \uC798 \uC9C0\uB0B4\uB358 \uCE5C\uAD6C\uB4E4\uC774 \uD300\uD50C \uB54C\uBB38\uC5D0 \uBA40\uC5B4\uC9C0\uAC70\uB098 \uC190\uC808\uD558\uAE30\uB3C4 \uD558\uACE0, \uC5EC\uB7EC\uAC00\uC9C0\uB85C \uBB38\uC81C\uAC00 \uB9CE\uC740 \uD3B8\uC774\uB2E4.

      \uAC1C\uAC1C\uC778\uC774 \uCC45\uC784\uAC10\uACFC \uB9AC\uB354\uC27D\uC744 \uC5B4\uB290\uC815\uB3C4 \uACB8\uBE44\uD558\uACE0 \uC788\uC5B4\uC57C \uC0AC\uD68C\uC0DD\uD65C\uC744 \uD558\uAE30\uAC00 \uC218\uC6D4\uD55C\uB370, \uC774\uB7F0 \uC810\uC774 \uCC38 \uC544\uC27D\uB2E4. \uD68C\uD53C\uD558\uB824\uACE0 \uD558\uAE30 \uBCF4\uB2E8 \uBD80\uB52A\uD788\uACE0 \uADF9\uBCF5\uD574\uC57C\uD55C\uB2E4.

      \uC774\uAC74 \uB2E4\uB978 \uC885\uB958\uC758 \uC774\uC57C\uAE30\uC778\uB370, \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC\uB098 \uCEF4\uD4E8\uD130 \uACF5\uD559\uACFC\uC758 \uACBD\uC6B0 \uB2E4\uB4E4 \uC0B4\uC544\uAC00\uB294\uAC8C \uACE0\uB9CC\uACE0\uB9CC \uD55C \uAC83 \uAC19\uB2E4.

      • xx\uAC00 \uC5C4\uCCAD \uC798 \uC0B0\uB2E4\uB354\uB77C
      • xx\uAC00 \uC678\uC81C\uCC28\uB97C \uD0C0\uACE0 \uB2E4\uB2CC\uB2E4\uB354\uB77C

      \uC640 \uAC19\uC740 \uC774\uC57C\uAE30\uB97C \uB4E4\uC5B4\uBCF8\uC801\uC774 \uC5C6\uB2E4. \uB0B4\uAC00 \uC544\uC2F8\uC5EC\uC11C \uADF8\uB7F0\uAC78\uC9C0\uB3C4

      \uC65C \uADF8\uB7F4\uAE4C \uD63C\uC790\uC11C \uC0DD\uAC01\uD574\uBD24\uB294\uB370, \uB2E4\uB4E4 \uC5B4\uB9B4 \uB54C \uB3C8\uC4F0\uB294 \uCDE8\uBBF8(?) \uB300\uC2E0\uC5D0 \uD070 \uB3C8\uC744 \uB4E4\uC774\uC9C0 \uC54A\uACE0\uB3C4 \uC27D\uAC8C \uC990\uAC70\uC6C0\uC744 \uB290\uB084 \uC218 \uC788\uB294 \uCEF4\uD4E8\uD130 \uC55E\uC5D0 \uC549\uC544\uC788\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uC544\uC11C\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uD604\uC2E4\uC138\uACC4\uC5D0\uC11C \uB204\uB9B4 \uC218 \uC788\uB294 \uC990\uAC70\uC6C0\uC774 \uB9CE\uB2E4\uBA74 \uAD73\uC774 \uCEF4\uD4E8\uD130 \uAC19\uC740 \uC791\uC740 \uC0C1\uC790 \uC55E\uC5D0 \uC549\uC544 \uC788\uC744 \uD544\uC694\uAC00 \uC788\uC744\uAE4C? \uC774\uB294 \uC694\uC998\uC5D0 \uB728\uACE0 \uC788\uB294 \uBA54\uD0C0\uBC84\uC2A4\uC640\uB3C4 \uBE44\uC2B7\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uCD08\uB4F1\uD559\uC0DD, \uC911\uD559\uC0DD\uB4E4\uC774 \uC990\uAE38 \uC218 \uC788\uB294 \uD604\uC2E4\uC138\uACC4\uC758 \uB180\uC774\uAC70\uB9AC\uAC00 \uB9CE\uC9C0 \uC54A\uB2E4. \uD2B9\uD788 \uB3C8\uC774 \uC788\uC5B4\uC57C \uBB58 \uD558\uB4E0 \uD560 \uC218 \uC788\uB294\uB370 \uD559\uC0DD\uB4E4\uC774 \uBB34\uC2A8 \uB3C8\uC774 \uC788\uACA0\uB294\uAC00? \uADF8\uB798\uC11C \uCEF4\uD4E8\uD130 \uC55E\uC5D0 \uC549\uC544 \uC788\uACE0, \uAC00\uC0C1\uC758 \uC138\uACC4\uC778 \uBA54\uD0C0\uBC84\uC2A4\uC5D0 \uD0D1\uC2B9\uD558\uC5EC \uC790\uAE30\uB4E4\uB9CC\uC758 \uACF5\uAC04\uC744 \uB9CC\uB4E4\uC5B4\uAC00\uB294 \uAC83\uC774\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uC774\uB7EC\uD55C \uC774\uC720\uB85C, \uCEF4\uD4E8\uD130\uC640 \uCE5C\uD574\uC9C4 \uC0AC\uB78C\uB4E4\uC740 \uB300\uCCB4\uB85C \uC0AC\uB294\uAC8C \uACE0\uB9CC\uACE0\uB9CC \uD55C \uAC83\uC774\uB2E4. \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uB9C9\uC5F0\uD558\uAC8C \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC\uB098 \uCEF4\uD4E8\uD130 \uACF5\uD559\uACFC\uB85C \uC9C0\uC6D0\uC744 \uD558\uAC8C \uB418\uB294\uAC8C \uC544\uB2D0\uAE4C?

      \uCF54\uB85C\uB098

      \uCF54\uB85C\uB098\uB294 \uC0AC\uC2E4 \uBBFC\uAC10\uD55C \uC8FC\uC81C\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB798\uB3C4 \uB0B4 \uC8FC\uAD00\uC801\uC778 \uB0B4 \uC0DD\uAC01\uC744 \uC870\uAE08 \uC815\uB9AC\uD574\uBCF4\uC790\uBA74, \uB098\uB294 \uCF54\uB85C\uB098\uAC00 \uC2EC\uD558\uAC8C \uBD80\uD480\uB824\uC9C4 \uBCD1\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      • \uCE58\uC0AC\uC728\uC774 \uADF8\uB807\uAC8C \uB192\uC740 \uD3B8\uB3C4 \uC544\uB2C8\uACE0
      • \uCF54\uB85C\uB098\uC5D0 \uAC10\uC5FC\uB418\uB354\uB77C\uB3C4 \uB300\uCCB4\uB85C \uBB34\uC99D\uC0C1\uC778 \uACBD\uC6B0\uAC00 \uB9CE\uC73C\uBA70
      • \uD638\uD761\uAE30 \uC9C8\uD658\uC778\uB370 \uD608\uC561\uC5D0 \uBC31\uC2E0\uC744 \uD22C\uC5EC\uD558\uB294 \uAC83\uB3C4 \uC774\uC0C1\uD558\uACE0
        • \uBC31\uC2E0\uC744 \uB9DE\uC73C\uBA74 \uCF54\uB85C\uB098\uC5D0 \uAC10\uC5FC\uC774 \uB418\uB354\uB77C\uB3C4 \uC99D\uC0C1\uC774 \uC5C6\uC744 \uBFD0 \uC804\uD30C \uD558\uB294 \uAC83\uC740 \uB611\uAC19\uC73C\uBA70 \uC624\uD788\uB824 \uBCC0\uC774 \uBC14\uC774\uB7EC\uC2A4 \uACF5\uC7A5\uC774 \uB418\uC5B4\uBC84\uB9B0\uB2E4\uACE0 \uD55C\uB2E4.
        • \uAE30\uBCF8\uC801\uC73C\uB85C \uAE30\uC800\uC9C8\uD658\uC774 \uC5C6\uB294 \uC0AC\uB78C\uC774 \uBC31\uC2E0\uC744 \uB9DE\uB294\uAC74 \uAC70\uC758 \uBB34\uC6A9\uC9C0\uBB3C\uC5D0 \uAC00\uAE5D\uB2E4\uACE0..
      • \uBC29\uC5ED \uC2DC\uC2A4\uD15C \uC790\uCCB4\uB3C4 \uB9D0\uC774 \uC548 \uB41C\uB2E4.
        • \uD2B9\uC815 \uC9D1\uB2E8\uC758 \uC9D1\uD68C\uB9CC \uD5C8\uC6A9\uD55C\uB2E4. \uADF8 \uC9D1\uB2E8\uC740 \uCF54\uB85C\uB098\uC5D0 \uC548 \uAC78\uB9AC\uB294 \uAC83\uC778\uAC00?
        • 2\uC8FC \uB2E8\uC704\uC758 \uC0AC\uD68C\uC801 \uAC70\uB9AC\uB450\uAE30 \uB2E8\uACC4 \uC870\uC815
          • \uC18C\uC0C1\uACF5\uC778\uC744 \uC644\uC804\uD788 \uC8FD\uC774\uB294 \uD589\uC704\uC774\uB2E4.
          • \uC801\uC5B4\uB3C4 \uD55C \uB2EC \uB2E8\uC704\uB85C \uBC1C\uD45C\uB97C \uD574\uC57C \uC784\uB300 \uACC4\uC57D\uC744 \uC720\uC9C0\uD558\uB4E0 \uD30C\uAE30\uD558\uB4E0 \uD560\uAC8C \uC544\uB2CC\uAC00?
        • \uB300\uD615 \uB9C8\uD2B8\uB098 \uBC31\uD654\uC810\uC5D0\uB294 \uC0AC\uB78C\uC774 \uC544\uBB34\uB9AC \uB9CE\uC544\uB3C4 \uBB38\uC81C \uC5C6\uB2E4\uB294 \uAC83\uC778\uAC00?
        • \uCD9C\uD1F4\uADFC\uAE38 \uC9C0\uC625
          • \uCD9C\uADFC\uD558\uB294 \uC0AC\uB78C\uB4E4\uC740 \uCF54\uB85C\uB098\uC5D0 \uC548\uAC78\uB9B0\uB2E4\uB294 \uC774\uC57C\uAE30\uC778\uAC00?
          • \uCD9C\uADFC\uD558\uB294 \uC0AC\uB78C\uB4E4\uC774 \uBC30\uB2EC\uC74C\uC2DD\uC744 \uC2DC\uCF1C\uC11C \uD68C\uC758\uC2E4\uC5D0\uC11C \uBAA8\uC5EC\uBA39\uC73C\uBA74 \uAD1C\uCC2E\uB2E4\uB294 \uC774\uC57C\uAE30\uC778\uAC00?
          • \uB5A8\uC5B4\uC838\uC11C \uC77C\uD560 \uB54C\uB294 \uB9C8\uC2A4\uD06C\uB97C \uC4F0\uACE0, \uAC19\uC774 \uBAA8\uC5EC\uC11C \uBC25\uBA39\uC744\uB550 \uACB0\uAD6D \uB9C8\uC2A4\uD06C\uB97C \uBC97\uB294\uB2E4.
          • \uADF8\uB7FC \uBC25\uB3C4 \uAC19\uC774 \uBA39\uC9C0 \uB9D0\uC544\uC57C \uD558\uB294\uAC8C \uC544\uB2CC\uAC00?
        • \uB9D0 \uADF8\uB300\uB85C \uBB34\uC758\uBBF8\uD55C \uAC70\uB9AC\uB450\uAE30
      • \uADF8\uB9AC\uACE0 \uC6D0\uB798 \uAC10\uAE30\uB294 \uBC31\uC2E0\uC774 \uC5C6\uB2E4. \uAC10\uAE30 \uC99D\uC0C1\uC744 \uC57D\uD654\uC2DC\uD0A4\uB294(\uD574\uC5F4\uC81C, \uB450\uD1B5\uC57D \uB4F1) \uC57D\uC774 \uC788\uC744 \uBFD0\uC774\uB2E4.
      • \uB3C5\uAC10\uB3C4 \uBC31\uC2E0\uC774 \uC5C6\uB2E4. \uC608\uBC29 \uC811\uC885\uC774 \uC788\uC744 \uBFD0\uC774\uB2E4.

      \uC774 \uC678\uC5D0\uB3C4 \uB108\uBB34 \uB9CE\uC9C0\uB9CC.. \uB531 \uD558\uB098 \uC774\uD574 \uB418\uB294 \uC810\uC774 \uC788\uB2E4\uBA74

      • \uC804\uD30C\uB825, \uAC10\uC5FC\uB825\uC774 \uB2E4\uB978 \uBC14\uC774\uB7EC\uC2A4\uBCF4\uB2E4 \uAC15\uD558\uB2E4.
      • \uADF8\uB798\uC11C \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uAC10\uC5FC\uB420 \uC218\uB85D \uBCC0\uC774 \uBC14\uC774\uB7EC\uC2A4\uAC00 \uB098\uC62C \uD655\uB960\uC774 \uB192\uB2E4.
      • \uC804\uD30C\uAC00 \uACC4\uC18D \uB420 \uC218\uB85D \uBCC0\uC774 \uBC14\uC774\uB7EC\uC2A4\uAC00 \uC0DD\uACA8\uB098\uACE0 \uC774\uC5D0 \uB530\uB77C \uCE58\uC0AC\uC728\uC774 \uB354 \uB192\uC544\uC9C4\uB2E4.

      \uB77C\uB294\uB370.. \uC774\uBBF8 \uB204\uAD6C\uB098 \uD55C \uBC88 \uCBE4 \uD558\uB294 \uC0DD\uAC01\uC774 \uC774\uBBF8 \uC54C\uBC14\uB97C \uD558\uAC70\uB098 \uD68C\uC0AC \uC0DD\uD65C\uC744 \uD558\uB294 20~30\uB300\uB294 \uBB34\uC99D\uC0C1 \uAC10\uC5FC\uC774 \uD55C \uBC88\uC529 \uB418\uC9C0 \uC54A\uC558\uC744\uAE4C? \uD558\uB294 \uC810\uC774\uB2E4.

      \uAD00\uB828 \uC11C\uC801

      ',73),V={href:"https://book.naver.com/bookdb/book_detail.nhn?bid=17603807",target:"_blank",rel:"noopener noreferrer"},z=e("\uCF54\uB85C\uB098 \uBBF8\uC2A4\uD130\uB9AC"),B={href:"https://book.naver.com/bookdb/book_detail.nhn?bid=20546221",target:"_blank",rel:"noopener noreferrer"},I=e("\uCF54\uB85C\uB09819, \uAC78\uB9AC\uBA74 \uC9C4\uC9DC \uC548 \uB3FC? \uC751\uAE09\uC758\uD559\uACFC \uC758\uC0AC\uC758 \uC120\uBCC4\uC9C4\uB8CC\uC18C 1\uB144 \uC774\uC57C\uAE30"),L=l("p",null,"\uAD00\uB828 \uD3EC\uC2A4\uD305",-1),M={href:"https://brunch.co.kr/@leedhulpe/104",target:"_blank",rel:"noopener noreferrer"},T=e("\uACFC\uC5F0 \uC601\uAD6D\uC740 \uBC31\uC2E0\uC811\uC885\uB960\uC774 \uB192\uC544\uC11C \uC0AC\uB9DD\uC790\uAC00 \uC801\uC740\uAC78\uAE4C?"),Z={href:"https://brunch.co.kr/@leedhulpe/89",target:"_blank",rel:"noopener noreferrer"},q=e("\uC2A4\uC6E8\uB374\uC774 \uC8FC\uB294 \uAD50\uD6C8, \uCF54\uBE44\uB4DC 19\uB294 \uBC8C\uAC70\uBC97\uC740 \uC784\uAE08\uB2D8?"),y=l("p",null,"\uC0AC\uC2E4 \uB0B4\uAC00 \uC6D0\uD558\uB294 \uAC83\uB9CC \uBCF4\uACE0 \uC2F6\uC5B4\uC11C \uC774\uB7F0 \uAC83\uB4E4\uC744 \uC811\uD55C \uAC78\uC218\uB3C4 \uC788\uB2E4. \uB9E4\uCCB4\uC5D0\uB294 \uAD49\uC7A5\uD788 \uB2E4\uC591\uD55C \uAC83\uB4E4\uC774 \uB9E4\uC77C \uB9E4\uC77C \uC3DF\uC544\uC838 \uB098\uC624\uACE0 \uC788\uB294\uB370, \uADF8\uB0E5 \uC815\uB9D0 \uCF54\uB85C\uB098\uAC00 \uC704\uD5D8\uD55C \uBCD1\uC774\uB77C\uBA74 \uC624\uD788\uB824 \uB108\uBB34 \uC548\uC77C\uD558\uAC8C \uB300\uCC98\uD558\uACE0 \uC788\uB294\uAC8C \uC544\uB2D0\uAE4C? \uC2F6\uC744 \uC815\uB3C4\uB85C \uC774 \uC0AC\uD68C\uAC00 \uC774\uC0C1\uD558\uAC8C \uD758\uB7EC\uAC00\uACE0 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.",-1),C=l("hr",null,null,-1),G=l("p",null,"\uC774\uB807\uAC8C \uB0B4 \uC0DD\uAC01\uC744 \uAE00\uB85C \uB044\uC801\uC774\uB294\uAC8C \uBB34\uCC99 \uC624\uB79C\uB9CC\uC774\uB2E4. \uC774\uC81C \uC2DC\uAC04 \uC788\uC744 \uB54C \uC870\uAE08\uC529 \uB044\uC801\uC5EC\uBCF4\uC790.",-1);function J(Q,S){const i=t("ExternalLinkIcon");return p(),r("div",null,[h,s,c,_,l("p",null,[u,l("a",b,[f,o(i)]),x]),l("p",null,[k,g,m,l("a",v,[w,o(i)]),E]),N,l("ul",null,[l("li",null,[l("a",V,[z,o(i)])]),l("li",null,[l("a",B,[I,o(i)])])]),L,l("ul",null,[l("li",null,[l("a",M,[T,o(i)])]),l("li",null,[l("a",Z,[q,o(i)])])]),y,C,G])}var A=n(d,[["render",J],["__file","index.html.vue"]]);export{A as default}; +import{_ as n,r as t,o as p,c as r,a as l,b as o,e,d as a}from"./app.d20f8571.js";const d={},h=l("h1",{id:"\u1109\u1162\u11BC\u1100\u1161\u11A8\u110C\u1165\u11BC\u1105\u1175",tabindex:"-1"},[l("a",{class:"header-anchor",href:"#\u1109\u1162\u11BC\u1100\u1161\u11A8\u110C\u1165\u11BC\u1105\u1175","aria-hidden":"true"},"#"),e(" \uC0DD\uAC01\uC815\uB9AC")],-1),s=l("blockquote",null,[l("p",null,"\uC6D0\uB798 \uC774\uBC88 \uC8FC\uC5D0\uB294 \uD68C\uACE0 \uC131\uACA9\uC758 \uAE00\uC744 \uC4F0\uAE30 \uBCF4\uB2E8 \uAE30\uC220\uC801\uC778 \uAE00\uC744 \uC4F0\uACE0\uC790 \uD588\uB294\uB370, \uC9C0\uAE08 \uB0B4 \uC0C1\uD0DC\uB85C\uB294 \uADF8\uB7EC\uD55C \uC131\uACA9\uC758 \uAE00\uC744 \uC4F0\uAE30 \uD798\uB4E4 \uAC83 \uAC19\uB2E4. \uADF8\uB798\uC11C \uBA38\uB9BF\uC18D\uC5D0 \uB9F4\uB3C4\uB294 \uAC83\uB4E4\uC744 \uC815\uB9AC\uD558\uACE0\uC790 \uC774\uB807\uAC8C \uAE00\uC744 \uC4F4\uB2E4.")],-1),c=l("p",null,"\uC57D 1\uB144\uB9CC\uC5D0 \uC8FC\uB9D0\uC744 \uC624\uB86F\uC774 \uB098\uB9CC\uC758 \uC2DC\uAC04\uC73C\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uADF8\uB0E5 \uD3C9\uC18C\uCC98\uB7FC \uAC8C\uC784\uC744 \uD558\uAC70\uB098, \uACF5\uBD80\uB97C\uD558\uAC70\uB098 \uD560\uAE4C \uD558\uB2E4\uAC00 \uB9CC\uB098\uAE30\uB85C \uD574\uB193\uACE0 \uBABB \uB9CC\uB098\uACE0 \uC788\uC5C8\uB358 \uC9C0\uC778\uB4E4\uACFC \uC57D\uC18D\uC744 \uC7A1\uC558\uB2E4. 1~2\uB144 \uB3D9\uC548 \uBABB \uBCF4\uB358 \uC0AC\uB78C\uB4E4\uC774\uACE0, \uC2DC\uAD6D\uC774 \uC2DC\uAD6D\uC778\uC9C0\uB77C 1:1 \uC57D\uC18D\uC744 \uC7A1\uC544\uC57C\uD574\uC11C \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uACFC \uB9CC\uB098\uAE34 \uD798\uB4E4\uC5C8\uB2E4. \uC624\uB79C\uB9CC\uC5D0 \uB9CC\uB098\uC11C \uADF8\uB7F0\uC9C0 \uC11C\uB85C \uD560 \uC774\uC57C\uAE30\uAC00 \uB9CE\uC558\uACE0, \uC0DD\uAC01\uC744 \uC815\uB9AC\uD558\uBA74\uC11C \uB2E4\uC2DC \uC0DD\uAC01\uC774 \uB9CE\uC544\uC84C\uB2E4.",-1),_=l("h2",{id:"\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11B7\u110B\u1169\u11A8-\u1100\u1173\u1105\u1175\u1100\u1169-\u110C\u1161\u110C\u1169\u11AB\u1100\u1161\u11B7",tabindex:"-1"},[l("a",{class:"header-anchor",href:"#\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11B7\u110B\u1169\u11A8-\u1100\u1173\u1105\u1175\u1100\u1169-\u110C\u1161\u110C\u1169\u11AB\u1100\u1161\u11B7","aria-hidden":"true"},"#"),e(" \uD559\uAD50, \uAC10\uC625, \uADF8\uB9AC\uACE0 \uC790\uC874\uAC10")],-1),u=e("\uCD5C\uADFC\uC5D0 "),b={href:"https://zuminternet.github.io/zum-front-recurit-review/",target:"_blank",rel:"noopener noreferrer"},f=e("\uCC44\uC6A9\uC744 \uD558\uB294 \uACFC\uC815"),x=e("\uC5D0\uC11C \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC758 \uC774\uB825\uC11C\uC640 \uC790\uAE30\uC18C\uAC1C\uC11C, \uD3EC\uD2B8\uD3F4\uB9AC\uC624 \uB4F1\uC744 \uBCF4\uACE0 \uB4E0 \uC0DD\uAC01\uC774, \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC774 \uC2A4\uC2A4\uB85C\uB97C \uD45C\uD604\uD558\uB294 \uAC83\uC744 \uC5B4\uB824\uC6CC \uD55C\uB2E4\uB294 \uC810\uC774\uB2E4."),k=e("\uC774\uAC74 \uAC1C\uAC1C\uC778\uC758 \uBB38\uC81C\uB77C\uAE30 \uBCF4\uB2E8, \uC0AC\uD68C \uC2DC\uC2A4\uD15C, \uD2B9\uD788 "),g=l("code",null,"\uD559\uAD50",-1),m=e(" \uC758 \uAD50\uC721 \uC2DC\uC2A4\uD15C \uBB38\uC81C\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB300\uD55C\uBBFC\uAD6D\uC758 \uAD50\uC721 \uC2DC\uC2A4\uD15C\uC740 \uC2A4\uC2A4\uB85C \uC0DD\uAC01\uD558\uACE0 \uD45C\uD604\uD560 \uC218 \uC788\uB294 \uC7A5\uCE58\uAC00 \uB108\uBB34 \uBD80\uC871\uD558\uB2E4. \uC801\uC5B4\uB3C4 \uB0B4\uAC00 \uACBD\uD5D8\uD574\uC628 \uAD50\uC721\uC740 \uADF8\uB807\uB2E4. \uD63C\uC790\uC11C\uB3C4 \uC774\uB7F0 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD588\uC9C0\uB9CC, \uB2E4\uC2DC \uC0DD\uAC01\uC744 \uC815\uB9AC\uD560 \uC218 \uC788\uC5C8\uB358 \uACC4\uAE30\uAC00 \uC5BC\uB9C8\uC804\uC5D0 \uC720\uD29C\uBE0C\uC5D0\uC11C \uBCF8 "),v={href:"https://www.youtube.com/watch?v=QxGzwJd_Eno",target:"_blank",rel:"noopener noreferrer"},w=e("\uAC10\uC625 \uAC19\uC740 \uD559\uAD50\uAC74\uBB3C\uC744 \uB2F9\uC7A5 \uBC14\uAFD4\uC57C \uD558\uB294 \uC774\uC720"),E=e(" \uB77C\uB294 \uC601\uC0C1 \uB54C\uBB38\uC774\uB2E4."),N=a('

      \uC6B0\uB9AC\uB294 \uCD08\uB4F1\uD559\uAD50 6\uB144, \uC911\uD559\uAD50 3\uB144, \uACE0\uB4F1\uD559\uAD50 3\uB144, \uD569\uD574\uC11C \uCD1D 12\uB144\uAC04 \uB611\uAC19\uC740 \uACF5\uAC04\uC5D0\uC11C, \uB611\uAC19\uC740 \uC637\uC744 \uC785\uACE0, \uB611\uAC19\uC740 \uBC25\uC744 \uBA39\uACE0, \uB611\uAC19\uC740 \uC2DC\uAC04\uC5D0 \uC77C\uC5B4\uB098\uC11C, \uB611\uAC19\uC740 \uC2DC\uAC04\uC5D0 \uB4F1\uAD50\uD558\uACE0, \uC815\uD574\uC9C4 \uC2DC\uAC04 \uB3D9\uC548 \uC218\uC5C5\uC744 \uB4E3\uACE0, \uC815\uD574\uC9C4 \uC2DC\uAC04\uC5D0 \uD558\uAD50\uD558\uACE0, \uC2DC\uD5D8\uC744 \uBCF4\uACE0, \uCC44\uC810\uC744 \uD558\uACE0, \uC2DC\uD5D8 \uC131\uC801\uC73C\uB85C \uC21C\uC704 \uB9E4\uAE40\uC744 \uB2F9\uD558\uBA70 \uC0B0\uB2E4. \uC870\uAE08 \uADF9\uB2E8\uC801\uC73C\uB85C \uB9D0\uD558\uBA74 \uC774\uAC74 \uAC10\uC625\uC774\uB098 \uB2E4\uB97C\uBC14 \uC5C6\uB2E4. \uC544\uB2C8 \uAC10\uC625\uBCF4\uB2E4 \uBABB\uD55C\uAC8C \uC544\uB2D0\uAE4C \uC2F6\uC744 \uB54C\uB3C4 \uC788\uB2E4. \uC774\uC5D0 \uB300\uD55C \uACB0\uACFC\uBB3C\uB85C \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC774 \uC790\uC2E0\uC744 \uD45C\uD604\uD560 \uB54C \uC218\uCE58\uD654\uB41C, \uAC1D\uAD00\uD654\uB41C \uBAA8\uC2B5\uC73C\uB85C \uD45C\uD604\uD55C\uB2E4.

      • \uC678\uBAA8\uB294 \uC5B4\uB5A4\uC9C0
      • \uC131\uC801\uC740 \uC5B4\uB5A4\uC9C0
      • \uC5B4\uB5A4 \uB300\uD68C\uC5D0 \uB098\uAC00\uC11C \uC5B4\uB5A4 \uC0C1\uC744 \uBC1B\uC558\uB294\uC9C0
      • \uC5B4\uB5A4 \uD559\uBC8C\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294\uC9C0

      \uAC19\uC740 \uAC83\uB4E4. \uC27D\uAC8C \uB9D0\uD574\uC11C \uC2A4\uD399 \uC774\uB77C\uACE0 \uD574\uC57C\uD558\uB098? \uBB3C\uB860 \uC774\uB7F0 \uC2A4\uD399\uC774 \uC0AC\uC18C\uD55C \uAC83\uC740 \uC544\uB2C8\uB2E4. \uD558\uC9C0\uB9CC \uC6B0\uB9AC\uB294 \uBAA8\uB450 \uB611\uAC19\uC740 \uC77C\uC744 \uD574\uC57C\uD558\uB294 \uAC83\uC774 \uC544\uB2C8\uACE0 \uB611\uAC19\uC740 \uC0B6\uC744 \uC0B4\uC544\uAC00\uACE0 \uC788\uC9C0\uB3C4 \uC54A\uB2E4. \uC774\uB807\uAC8C \uC815\uB7C9\uD654 \uB418\uC5B4\uBC84\uB9B0 \uAC83\uB4E4\uC740 \uAC1C\uAC1C\uC778\uC758 \uAC00\uCE58\uB97C \uC8FD\uC774\uACE0 \uC788\uB2E4. \uADF8\uAC83\uB3C4 \uCCAD\uC18C\uB144\uC5D0\uC11C \uC131\uC778\uC73C\uB85C \uC811\uC5B4\uB4DC\uB294, \uB300\uBD80\uBD84\uC758 \uAC00\uCE58\uAD00\uC758 \uD615\uC131\uB418\uB294 \uB9E4\uC6B0 \uC911\uC694\uD55C \uC2DC\uC810\uC5D0 \uBC18\uB300\uB85C \uAC1C\uAC1C\uC778\uC758 \uAC00\uCE58\uAD00\uACFC \uAC1C\uC131\uC744 \uC8FD\uC774\uB294 \uC77C\uC774 \uC77C\uC5B4\uB098\uB294 \uAC83\uC774\uB2E4.

      \uB098\uB294 \uB300\uD559\uAD50\uB97C \uB2E4\uB2D0 \uB54C \uCE5C\uD574\uC9C4 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uD56D\uC0C1 \uBB3B\uB294 \uB9D0\uC774 \uC788\uB2E4.

      • \uB300\uD559\uAD50\uC5D0 \uC65C \uC785\uD559\uD588\uB098
      • \uADF8 \uD559\uACFC\uB97C \uC65C \uC120\uD0DD\uD588\uB098
      • \uC65C \uACF5\uBD80\uB97C \uD558\uACE0 \uC788\uB098

      \uAC19\uC740 \uC6D0\uCD08\uC801\uC778 \uC9C8\uBB38\uB4E4\uC774\uBA70 \uB0A8\uC774 \uC544\uB2CC \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uD56D\uC0C1 \uC9C8\uBB38\uD588\uB358 \uAC83\uB4E4\uC774\uB2E4. \uD558\uC9C0\uB9CC \uB300\uBD80\uBD84\uC758 \uC0AC\uB78C\uB4E4\uC740 \uC2A4\uC2A4\uB85C\uC758 \uC758\uC9C0\uB77C\uAE30 \uBCF4\uB2E8 \uB0A8\uB4E4\uC774 \uAC00\uB2C8\uAE4C, \uB0A8\uB4E4\uC774 \uD558\uB2C8\uAE4C, \uD639\uC740 \uBD80\uBAA8\uB2D8\uC774 \uC2DC\uCF1C\uC11C \uAC19\uC774 \uB300\uCCB4\uB85C \uC218\uB3D9\uC801\uC778 \uC774\uC720\uC600\uB2E4.

      12\uB144\uAC04 \uAC10\uC625\uC5D0 \uAC16\uD78C \uC0C1\uD0DC\uC5D0\uC11C \uB05D\uB098\uC9C0 \uC54A\uC740 \uACBD\uC7C1\uC744 \uC9C0\uC18D\uD558\uB2E4\uAC00 \uB300\uD559\uC744 \uAC00\uC57C \uD558\uB294 \uC774\uC720\uB3C4 \uBAA8\uB974\uB294\uCCB4 \uB300\uD559\uC5D0 \uC9C4\uD559\uD558\uB294 \uC0AC\uB78C\uC774 \uD0DC\uBC18\uC774\uB2E4. \uC2A4\uC2A4\uB85C \uC815\uB9D0 \uACF5\uBD80\uAC00 \uD558\uACE0 \uC2F6\uC5B4\uC11C \uB300\uD559\uC5D0 \uAC00\uB294 \uC0AC\uB78C\uC774 \uBA87 \uBA85\uC774\uB098 \uC788\uC744\uAE4C? \uC6D0\uD558\uB294 \uD559\uACFC\uC5D0 \uC9C4\uD559\uD558\uB294 \uC0AC\uB78C\uC774 \uBA87 \uBA85\uC774\uB098 \uC788\uC744\uAE4C?

      \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD574 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD574\uC57C \uD558\uB294 \uC2DC\uAE30\uC5D0 \uAD50\uC721 \uC2DC\uC2A4\uD15C \uB54C\uBB38\uC5D0, \uACBD\uC7C1 \uB54C\uBB38\uC5D0 \uBAA9\uC801\uACFC \uC758\uBBF8 \uC5C6\uB294 \uACF5\uBD80\uB9CC \uD558\uB2E4\uAC00 \uAC11\uC790\uAE30 \uC131\uC778\uC774 \uB418\uC5B4\uBC84\uB9B0\uB2E4. \uC2A4\uC2A4\uB85C \uC131\uC778\uC774 \uB418\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C \uC5B4\uCA4C\uB2E4 \uBCF4\uB2C8 \uC131\uC778\uC774 \uB418\uC5B4\uBC84\uB9AC\uB294 \uAC83\uC774\uB2E4. \uBC95\uC801\uC73C\uB85C \uC131\uC778\uC774 \uB418\uBA74 \uC2A4\uC2A4\uB85C\uB97C \uCC45\uC784\uC838\uC57C \uD558\uB294\uB370, \uC6B0\uB9AC\uAC00 \uBC1B\uC544\uC628 \uACE0\uB4F1 \uAD50\uC721\uC744 \uC798 \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC774\uAC74 \uAC70\uC758 \uBD88\uAC00\uB2A5\uC5D0 \uAC00\uAE5D\uB2E4. \uB300\uBD80\uBD84\uC758 \uC120\uD0DD\uC5D0\uC11C \uC2A4\uC2A4\uB85C\uC758 \uC758\uC9C0\uAC00 \uBC30\uCC99\uB418\uB294\uB370 \uC131\uC778\uC774 \uB41C\uB2E4\uACE0 \uC774\uAC8C \uC27D\uAC8C \uACE0\uCCD0\uC9C8\uAE4C? \uB098\uB294 \uACB0\uAD6D \uC774\uB7EC\uD55C \uACFC\uC815\uC5D0 \uB300\uD55C \uACB0\uACFC\uBB3C\uC774 \uC790\uC874\uAC10 \uACB0\uC5EC \uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC120\uD0DD\uC744 \uD558\uB294 \uACFC\uC815\uC5D0\uC11C \uB0B4 \uC758\uC0AC\uAC00 \uACB0\uC5EC\uB418\uB294 \uACFC\uC815\uC774 \uBC18\uBCF5\uB420 \uC218\uB85D \uC790\uC874\uAC10\uC740 \uACB0\uC5EC\uB420 \uC218 \uBC16\uC5D0 \uC5C6\uACE0, \uC9C0\uAE08\uC758 \uD559\uAD50\uB4E4\uC740 \uC774\uB97C \uBC18\uBCF5\uD558\uB294 \uC911\uC774\uB2E4.

      \uADF8\uB798\uC11C \uB098\uB294 \uB300\uD559\uAD50 \uD6C4\uBC30\uB4E4\uC5D0\uAC8C \uD559\uAD50\uC5D0\uC11C \uD574\uC8FC\uB294 \uBAA8\uB4E0 \uC2EC\uB9AC\uC0C1\uB2F4\uC744 \uB2E4 \uBC1B\uC544\uBCF4\uB77C\uACE0 \uAD8C\uC720\uD55C\uB2E4. \uC0AC\uD68C\uC5D0 \uB098\uAC00\uBA74 \uC0C1\uB2F4 \uD55C \uBC88\uC5D0 \uAF64 \uB9CE\uC740 \uB3C8\uC774 \uC18C\uBAA8\uB41C\uB2E4. \uADF8\uB798\uC11C \uC815\uB9D0\uB85C \uC2EC\uB9AC \uC0C1\uB2F4\uC774 \uD544\uC694\uD55C \uC0AC\uB78C\uB4E4\uC740 \uC0C1\uB2F4\uC744 \uBABB \uBC1B\uB294 \uB2E4\uB294 \uC774\uC57C\uAE30\uAC00 \uC788\uB2E4. \uADF8\uB798\uC11C \uBC1B\uC744 \uC218 \uC788\uC744 \uB54C, \uAE30\uD68C\uAC00 \uC788\uC744 \uB54C \uC7A1\uB294\uAC8C \uC88B\uB2E4.

      \uAC01\uC124\uD558\uACE0, \uB098\uB3C4 \uC2A4\uC2A4\uB85C \uC0DD\uAC01\uD558\uACE0 \uD589\uB3D9\uD558\uB294 \uBD80\uB958\uC758 \uC0AC\uB78C\uC740 \uC544\uB2C8\uC5C8\uB2E4. \uCC29\uD55C\uC544\uC774 \uCF64\uD50C\uB809\uC2A4 \uC758 \uC804\uD615\uC801\uC778 \uD45C\uBCF8\uC774 \uB098\uC600\uB2E4. \uADF8\uB798\uB3C4 \uC131\uC778\uC774 \uB418\uACE0, \uAD70\uB300\uC5D0\uC11C \uADF8\uB9AC\uACE0 \uD559\uAD50\uB97C \uB2E4\uB2C8\uBA74\uC11C \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD574 \uACC4\uC18D \uACE0\uBBFC\uD558\uACE0, \uACE0\uB1CC\uD558\uACE0, \uB098\uB77C\uB294 \uC0AC\uB78C\uC774 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0 \uC815\uC758\uD558\uACE0 \uC2F6\uC5B4\uC11C \uC5EC\uB7EC\uAC00\uC9C0 \uC0C1\uB2F4\uC744 \uB9CE\uC774 \uBC1B\uC558\uACE0, \uC2EC\uB9AC\uD559 \uC11C\uC801\uB3C4 \uAF64 \uB9CE\uC774 \uC77D\uC5C8\uB2E4.

      \uB72C\uAE08\uC5C6\uC9C0\uB9CC, \uAC1C\uC778\uC801\uC73C\uB85C \uC2EC\uB9AC\uD559\uC740 \uC0B4\uC544\uAC00\uB294\uB370 \uC788\uC5B4\uC11C \uC81C\uC77C \uC2E4\uC6A9\uC801\uC778 \uD559\uBB38\uC774 \uC544\uB2D0\uAE4C \uC0DD\uAC01\uD55C\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uADF8 \uACFC\uC815\uC5D0\uC11C \uC790\uC874\uAC10\uC744 \uB9CE\uC774 \uD68C\uBCF5\uD560 \uC218 \uC788\uC5C8\uACE0, \uC9C0\uAE08\uB3C4 \uC2B5\uAD00\uC801\uC73C\uB85C \uB098\uB294 \uC5B4\uB5A4\uC0AC\uB78C\uC778\uC9C0 \uACE0\uBBFC\uD558\uACE0 \uB2E4\uC2DC \uC815\uC758\uB0B4\uB9B0\uB2E4. \uB098\uC758 \uC7A5\uC810\uC744 \uCC3E\uC544\uB0B4\uACE0, \uB2E8\uC810\uC774 \uC788\uB354\uB77C\uB3C4 \uBC1B\uC544\uB4E4\uC774\uACE0, \uADF8\uB7F0 \uACFC\uC815\uC774 \uACC4\uC18D\uB418\uBA74\uC11C \uC870\uAE08\uC529 \uC870\uAE08\uC529 \uC2A4\uC2A4\uB85C\uB97C \uC874\uC911\uD558\uACE0 \uC788\uB2E4. \uC774\uC640 \uB3D9\uC2DC\uC5D0 \uB098\uB97C \uC874\uC911\uD558\uC9C0 \uC54A\uB294 \uC0AC\uB78C\uB4E4\uC744 \uAD73\uC774 \uC2E0\uACBD\uC4F0\uC9C0\uB3C4 \uC54A\uACE0 \uB9C8\uC74C\uC4F0\uC9C0\uB3C4 \uC54A\uACE0 \uC788\uB2E4. \uADF8\uB0E5 \uC800\uB7F0 \uC0AC\uB78C\uB3C4 \uC788\uAD6C\uB098 \uD558\uACE0 \uB118\uAE34\uB2E4.

      \uC790\uC874\uAC10\uC740 \uC77C\uC0C1\uC758 \uB9CE\uC740 \uBD80\uBD84\uC744 \uCC28\uC9C0\uD558\uACE0 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      • \uC2A4\uC2A4\uB85C\uB97C \uC874\uC911\uD560 \uC218 \uC5C6\uB294 \uC0AC\uB78C\uC740 \uD0C0\uC778\uC744 \uC874\uC911\uD560 \uC218 \uC5C6\uB2E4.
      • \uC2A4\uC2A4\uB85C\uB97C \uC874\uC911\uD558\uB294 \uB9CC\uD07C \uB2E4\uB978 \uC0AC\uB78C\uB3C4 \uC874\uC911\uD574\uC57C\uD55C\uB2E4.
      • \uC2A4\uC2A4\uB85C\uB97C \uC874\uC911\uD558\uC9C0 \uC54A\uB294 \uC0AC\uB78C\uC5D0\uAC8C \uAD73\uC774 \uD638\uC758\uB97C \uBCA0\uD480\uACE0 \uC874\uC911\uD574\uC57C\uD560 \uC774\uC720\uB3C4 \uC5C6\uB2E4. \uB098\uB97C \uC2EB\uC5B4\uD558\uB294 \uC0AC\uB78C\uB4E4\uAE4C\uC9C0 \uC2E0\uACBD\uC4F0\uACE0 \uB9C8\uC74C\uC4F8 \uC774\uC720\uAC00 \uC5C6\uB2E4.
      • \uC0AC\uC18C\uD55C \uC758\uACAC\uC774\uB77C\uB3C4 \uB0B4 \uC758\uACAC \uB9CC\uD07C \uB2E4\uB978 \uC0AC\uB78C\uC758 \uC758\uACAC\uB3C4 \uC911\uC694\uD558\uB2E4. \uADF8\uAC8C \uB2E4\uC218\uC758 \uC758\uACAC\uC774\uB4E0 \uC18C\uC218\uC758 \uC758\uACAC\uC774\uB4E0 \uB3D9\uC77C\uD558\uB2E4.
      • \uC874\uC911\uC744 \uAE30\uBC18\uC73C\uB85C \uD558\uB294 \uB300\uD654\uC640 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC740 \uACB0\uAD6D \uAE0D\uC815\uC801\uC778 \uBC29\uD5A5\uC73C\uB85C \uD758\uB7EC\uAC08 \uC218 \uBC16\uC5D0 \uC5C6\uB2E4.
      • \uD0C0\uC778\uC5D0 \uB300\uD55C \uC874\uC911\uC774 \uC5C6\uC73C\uBA74 \uAC1C\uAC1C\uC778\uC774 \uBAA8\uC5EC\uC11C \uC720\uC9C0\uB418\uACE0 \uB9CC\uB4E4\uC5B4\uAC00\uB294 \uC774 \uC0AC\uD68C\uC5D0 \uB300\uD55C \uC874\uC911\uB3C4 \uC5C6\uC5B4\uC9C4\uB2E4.
      • \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD55C \uC874\uC911\uC774 \uC5C6\uB294 \uC0AC\uB78C\uC740 \uACB0\uAD6D \uC5B4\uB5A4 \uC77C\uC744 \uD558\uB354\uB77C\uB3C4 \uD589\uBCF5\uD568\uC744 \uB290\uB07C\uAE30\uAC00 \uC5B4\uB835\uB2E4.

      \uC774 \uC678\uC5D0\uB3C4 \uB9CE\uC740 \uBD80\uBD84\uB4E4\uC774 \uC788\uC744 \uAC83\uC774\uB2E4. \uD2B9\uD788 \uAC00\uAE4C\uC6B4 \uC778\uAC04\uAD00\uACC4 \uC18D\uC5D0\uC11C \uC790\uC874\uAC10\uC774 \uB0AE\uC744 \uC218\uB85D \uADE0\uD615\uC744 \uC720\uC9C0\uD558\uAE30\uAC00 \uC5B4\uB835\uB2E4. \uAC00\uC871, \uCE5C\uD55C \uCE5C\uAD6C, \uADF8\uB9AC\uACE0 \uC5F0\uC778 \uB4F1 \uC6B0\uB9AC\uB294 \uB9CE\uC740 \uAD00\uACC4\uB97C \uB9CC\uB4E4\uC5B4\uAC04\uB2E4. \uC790\uC874\uAC10\uC774 \uC5B4\uB290 \uC815\uB3C4\uB294 \uC790\uB9AC\uC7A1\uACE0 \uC788\uC5B4\uC57C \uAC74\uAC15\uD55C \uAD00\uACC4\uB97C \uC720\uC9C0\uD560 \uC218 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uBB54\uAC00 \uC815\uB9AC\uB418\uC9C0 \uC54A\uACE0 \uD6A1\uC124\uC218\uC124 \uC774\uC0C1\uD55C \uC18C\uB9AC\uB97C \uB9CE\uC73C \uB298\uC5B4\uB193\uC740 \uAC83 \uAC19\uB2E4. \uB300\uCDA9 \uC815\uB9AC\uD574\uBCF4\uC790\uBA74,

      12\uB144\uAC04 \uAC10\uC625\uAC19\uC740 \uD559\uAD50\uC5D0\uC11C \uC0DD\uD65C\uD55C\uB2E4 \u2192 \uB04A\uC784\uC5C6\uB294 \uACBD\uC7C1 \uC18D\uC5D0\uC11C \uAC1C\uAC1C\uC778\uC758 \uAC1C\uC131\uACFC \uC0C9\uC740 \uC0AC\uB77C\uC9C0\uACE0 \uC218\uCE58\uD654\uB41C \uC2A4\uD399\uB9CC \uB0A8\uC544\uBC84\uB9B0\uB2E4 \u2192 \uC774 \uACFC\uC815\uC5D0\uC11C \uC790\uC874\uAC10\uC774 \uC810\uC810 \uC18C\uC2E4\uB41C\uB2E4. \uC2A4\uC2A4\uB85C\uB97C \uC874\uC911\uD560 \uC218 \uC5C6\uB294 \uC0AC\uB78C\uC774 \uB2E4\uB978 \uC0AC\uB78C\uC744 \uC9C4\uC2EC\uC73C\uB85C \uC874\uC911\uD560 \uC218 \uC788\uC744\uAE4C? \u2192 \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD574 \uC798 \uD45C\uD604\uD558\uAE30\uAC00 \uC810\uC810 \uC5B4\uB824\uC6CC\uC9C4\uB2E4 \u2192 \uC790\uC874\uAC10\uC774 \uACB0\uC5EC\uB418\uBA74 \uBB34\uC2A8 \uC77C\uC744 \uD558\uB4E0 \uD589\uBCF5 \uD574 \uC9C0\uAE30\uAC00 \uC5B4\uB824\uC6CC\uC9C4\uB2E4. \u2192 \uB530\uB77C\uC11C \uC790\uC874\uAC10\uC744 \uAC00\uAFC0 \uC218 \uC788\uB3C4\uB85D \uB178\uB825\uD558\uC790

      • \uC2DC\uC2A4\uD15C\uC774 \uBB38\uC81C\uB77C\uBA74 \uC2A4\uC2A4\uB85C \uADF9\uBCF5\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC744 \uCC3E\uC544\uBCF4\uBA74 \uB41C\uB2E4.
      • \uB098\uB97C \uBCC0\uD654\uC2DC\uD0AC \uC218 \uC5C6\uB2E4\uBA74 \uB2E4\uB978 \uC0AC\uB78C\uB3C4 \uBCC0\uD654\uC2DC\uD0AC \uC218 \uC5C6\uB2E4.
      • \uB2E4\uB978 \uC0AC\uB78C\uC744 \uBCC0\uD654\uC2DC\uD0AC \uC218 \uC5C6\uB2E4\uBA74 \uACB0\uAD6D \uC81C\uC77C \uD070 \uBB38\uC81C\uC778 \uC0AC\uD68C\uB3C4 \uBCC0\uD654\uC2DC\uD0AC \uC218 \uC5C6\uB2E4.
      • \uC2A4\uC2A4\uB85C\uBD80\uD130 \uBCC0\uD558\uC790.

      \uC774\uAC74 \uC870\uC9C1\uC0DD\uD65C\uC5D0\uC11C\uB3C4 \uB9C8\uCC2C\uAC00\uC9C0\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uD070 \uBCC0\uD654\uB97C \uB3C4\uBAA8\uD558\uAE30 \uC804\uC5D0 \uB098\uBD80\uD130 \uBA3C\uC800 \uBCC0\uD574\uC57C\uD55C\uB2E4. \uADF8\uB798\uC57C \uB0B4 \uC606\uC758 \uB204\uAD70\uAC00\uAC00 \uBCC0\uD558\uACE0, \uD300\uC774 \uBCC0\uD558\uC9C0 \uC54A\uC744\uAE4C?

      \uBD80\uB3D9\uC0B0

      \uC9C0\uAE08\uC758 MZ\uC138\uB300\uB294 \uBCBC\uB77D\uAC70\uC9C0 \uB77C\uB294 \uB9D0\uC774 \uB531 \uC5B4\uC6B8\uB9B0\uB2E4. \uB2E4\uB978 \uAC83 \uBCF4\uB2E4 \uBD80\uB3D9\uC0B0 \uB54C\uBB38\uC5D0 \uB108\uBB34 \uC640\uB2FF\uB294\uB2E4. \uC9C0\uAE08 \uB098\uC5D0\uAC8C \uC81C\uC77C \uD070 \uACE0\uBBFC\uC740 \uBD80\uB3D9\uC0B0 \uC774\uB2E4. \uB354 \uC815\uD655\uD788\uB294 \uB0B4 \uC9D1 \uB9C8\uB828 \uC774\uB784\uAE4C?

      \uAC11\uC790\uAE30 \uC9D1\uAC12\uC774 \uBBF8\uCE5C\uB4EF\uC774 \uC624\uB974\uACE0 \uC788\uACE0, \uB300\uCD9C \uBC1B\uAE30\uB3C4 \uC27D\uC9C0 \uC54A\uACE0, \uB9C8\uC74C \uAC19\uC544\uC11C\uB294 \uC9C0\uBC29\uC5D0 \uB0B4\uB824\uAC00\uC11C \uC0B4\uACE0 \uC2F6\uC740\uB370 \uC9C1\uC5C5\uC801\uC778 \uD2B9\uC131 \uB54C\uBB38\uC5D0 \uC774 \uB610\uD55C \uC27D\uC9C0 \uC54A\uB2E4.

      \uADF8\uB7F0\uB370 \uC9D1\uC774 \uC788\uB294 \uC0AC\uB78C\uB4E4\uC740 \uB610 \uAC11\uC790\uAE30 \uC9D1\uAC12\uC774 \uC62C\uB77C\uC11C \uC138\uAE08\uC744 \uB9CE\uC774 \uB0B4\uC57C\uD558\uACE0, \uADF8\uB807\uB2E4\uACE0 \uB2E4\uC2DC \uD314\uACE0 \uC774\uC0AC\uB97C \uAC00\uC790\uB2C8 \uB610 \uC138\uAE08 \uB54C\uBB38\uC5D0 \uC774\uB9C8\uC800 \uC27D\uC9C0 \uC54A\uACE0, \uBB38\uC81C\uB294 \uB0B4 \uC9D1\uC758 \uAC00\uACA9\uB9CC \uC624\uB978\uAC8C \uC544\uB2C8\uB77C \uB2E4\uB978 \uC9D1\uC758 \uAC00\uACA9\uB3C4 \uC62C\uB790\uAE30 \uB54C\uBB38\uC5D0 \uC774\uC0AC\uD560 \uC5C4\uB450\uB3C4 \uB098\uC9C0 \uC54A\uB294 \uADF8\uB7F0 \uC0C1\uD669\uC774\uB2E4.

      \uC9C0\uAE08 \uC81C\uC77C \uD070 \uC774\uB4DD\uC744 \uBCF4\uACE0 \uC788\uB294\uAC74 \uC138\uAE08\uC744 \uC4F8\uC5B4\uB2F4\uACE0 \uC788\uB294 \uC815\uBD80\uAC00 \uC544\uB2D0\uAE4C?

      \uAE30\uD68C\uAC00 \uB41C\uB2E4\uBA74 \uC7AC\uD0DD\uADFC\uBB34\uB97C \uD560 \uC218 \uC788\uB294 \uD68C\uC0AC\uB85C \uC774\uC9C1\uD574\uC11C (\uC774\uBBF8 \uC6B0\uB9AC\uD68C\uC0AC\uB294 \uAE00\uB800\uB2E4.. \uC544\uB9C8\uB3C4..?) \uC81C\uC8FC\uB3C4\uB4E0 \uAC15\uC6D0\uB3C4\uB4E0 \uD55C\uC801\uD55C \uACF3\uC5D0\uC11C \uC18C\uC18C\uD558\uAC8C \uC0B4\uC544\uAC00\uACE0 \uC2F6\uC740 \uB9C8\uC74C\uC774\uB2E4. \uC544\uB2C8, \uADF8\uB7AC\uC5C8\uB2E4.

      \uACBD\uAE30\uB3C4\uC5D0\uC11C \uC11C\uC6B8\uC5D0 \uC774\uC0AC\uC624\uB2C8 \uC11C\uC6B8 \uC0B4\uC774\uB3C4 \uB098\uC058\uC9C0 \uC54A\uC544\uC11C, \uC544\uB2C8 \uB108\uBB34 \uD3B8\uD574\uC11C \uB354 \uBBF8\uCCD0\uBC84\uB9AC\uACA0\uB2E4. \uB3C4\uB300\uCCB4 \uC5B4\uB5BB\uAC8C \uC0B4\uC544\uAC00\uC57C\uD560\uAE4C?

      \uC8FC\uC2DD

      \uC8FC\uC2DD\uC744 \uBCF4\uACE0 \uC788\uC73C\uBA74 \uB3C8\uC774 \uBB58\uAE4C? \uC2F6\uC740 \uC0DD\uAC01\uC774 \uB4E0\uB2E4. \uC9C1\uC5C5\uC744 \uAC16\uACE0 \uC77C\uC744 \uD558\uB294\uAC8C \uC810\uC810 \uBB34\uC758\uBBF8\uD574\uBCF4\uC778\uB2E4. \uC9C1\uC5C5\uC801\uC778 \uBCF4\uB78C\uC774 \uC5C6\uB2E4\uBA74 \uC774\uC81C \uC77C\uC744 \uD558\uB294 \uC758\uBBF8\uAC00 \uC788\uC744\uAE4C? \uC2F6\uC740 \uC0DD\uAC01..

      \uB098\uB294 \uC8FC\uC2DD\uC5D0 \uD070 \uAD00\uC2EC\uC744 \uB450\uACE0 \uC788\uC9C8 \uC54A\uC544\uC11C, \uD2B9\uD788 \uC8FC\uC2DD\uC744 \uD558\uBA74 \uC77C\uC5D0 \uC9D1\uC911\uC774 \uC548 \uB418\uAE30 \uB54C\uBB38\uC5D0 \uCD5C\uB300\uD55C \uBA40\uB9AC \uD558\uACE0 \uC788\uB294 \uC911\uC774\uB2E4. \uC548 \uD558\uBA74 \uC190\uD574 \uAC16\uACE0, \uD558\uBA74 \uC9C4\uC9DC \uC190\uD574\uB97C \uBCF4\uACE0(?).. \uC544\uC774\uB7EC\uB2C8\uD55C \uC0C1\uD669\uC774\uB2E4.

      \uB2E4\uB9CC \uC694\uC998 \uB4DC\uB294 \uC0DD\uAC01\uC774, \uC815\uB9D0 \uC790\uC2DD\uC774 \uB3C8\uC744 \uC798 \uBC8C\uB3C4\uB85D \uB9CC\uB4E4\uACE0 \uC2F6\uC73C\uBA74 \uD559\uAD50 \uACF5\uBD80\uB97C \uC2DC\uD0A4\uAE30 \uBCF4\uB2E8 \uC8FC\uC2DD \uACF5\uBD80\uB97C \uC2DC\uD0A4\uB294\uAC8C \uC88B\uC744 \uAC83 \uAC19\uB2E4.

      \uC5F0\uC560

      \uC9C0\uAE08\uC740

      • \uC5F0\uC560\uB97C \uD574\uB3C4 \uBB38\uC81C, \uC548 \uD574\uB3C4 \uBB38\uC81C
      • \uACB0\uD63C\uC744 \uD574\uB3C4 \uBB38\uC81C, \uC548 \uD574\uB3C4 \uBB38\uC81C
      • \uC544\uC774\uB97C \uB0B3\uC544\uB3C4 \uBB38\uC81C, \uC548 \uB0B3\uC544\uB3C4 \uBB38\uC81C

      \uC778 \uAC83 \uAC19\uB2E4.

      \uC9C0\uAE08\uC758 MZ \uC138\uB300\uB4E4\uC740 \uB108\uBB34 \uB9CE\uC740 \uBD88\uD589\uC744 \uACAA\uACE0 \uC788\uAE30 \uB54C\uBB38\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC815\uD655\uD788\uB294 \uBD88\uD589\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC774 \uC544\uB2D0\uAE4C?

      \uC5F0\uC560\uB97C \uD558\uAE30 \uC774\uC804\uC5D0 \uB098\uB294 \uC77C\uB2E8 \uD63C\uC790\uC11C\uB3C4 \uD589\uBCF5\uD558\uAC8C \uC798 \uC9C0\uB0BC \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uC5F0\uC560\uB97C \uD558\uBA74 \uAC19\uC774 \uC788\uC5B4\uC11C \uB354 \uD589\uBCF5\uD568\uC744 \uB290\uB084 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB0B4\uAC00 \uC5EC\uC720\uAC00 \uC788\uACE0 \uD589\uBCF5\uD560 \uC218 \uC788\uC5B4\uC57C \uD0C0\uC778\uC758 \uC2AC\uD514\uACFC \uAE30\uC068\uB3C4 \uB098\uB20C \uC218 \uC788\uB294\uAC8C \uC544\uB2D0\uAE4C?

      \uC790\uB140\uB97C \uAC16\uB294 \uAC83 \uB610\uD55C \uADF8\uB807\uB2E4. \uB0B4\uAC00 \uD589\uBCF5\uD560 \uC218 \uC5C6\uC73C\uBA74 \uB0B4 \uC790\uC2DD\uB3C4 \uD589\uBCF5\uD560 \uC218 \uC5C6\uB2E4. \uB0B4\uAC00 \uD589\uBCF5\uC744 \uB290\uB07C\uACE0 \uB098\uB20C \uC904 \uC54C\uC544\uC57C \uB0B4 \uC790\uC2DD\uB3C4 \uADF8\uAC8C \uAC00\uB2A5\uD558\uB2E4.

      \uAF2D \uC5F0\uC560\uAC00 \uC544\uB2C8\uB354\uB77C\uB3C4, \uC801\uC5B4\uB3C4 \uB9C8\uC774\uB108\uC2A4\uAC00 \uB418\uB294 \uAD00\uACC4\uB294 \uB9CC\uB4E4\uC9C0 \uC54A\uB294\uAC8C \uC88B\uC544\uBCF4\uC778\uB2E4.

      \uD63C\uC790\uC11C \uD589\uBCF5\uD558\uAC8C \uC798 \uC0B4 \uC218 \uC788\uB2E4\uBA74, \uADF8\uAC83\uB3C4 \uB098\uC058\uC9C0 \uC54A\uB2E4. \uADFC\uB370 \uADF8\uAC8C \uB418\uB294 \uC0AC\uB78C\uC740 \uC774\uBBF8 \uC8FC\uBCC0\uC5D0 \uC88B\uC740 \uAD00\uACC4\uB97C \uC720\uC9C0\uD558\uACE0 \uC788\uB294 \uC0AC\uB78C\uC774 \uB9CE\uC740 \uAC83 \uAC19\uB2E4. \uD589\uBCF5\uC744 \uB098\uB20C \uC218 \uC788\uAE30 \uB54C\uBB38\uC774 \uC544\uB2D0\uAE4C?

      \uC774\uC0C1\uD615

      \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uC774\uC0C1\uD615\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uAC00 \uB098\uC654\uB2E4. \uB098\uB294 \uC0AC\uC2E4 \uB0B4 \uC774\uC0C1\uD615\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD574\uBCF8\uC801\uC774 \uC5C6\uB294 \uAC83 \uAC19\uB2E4.

      \uADF8\uB0E5 \uC88B\uC73C\uBA74 \uC88B\uC740\uAC70\uACE0 \uC2EB\uC73C\uBA74 \uC2EB\uC740\uAC70\uC9C0!

      \uADF8\uB7F0\uB370 \uB0B4\uAC00 \uC88B\uC544\uD558\uACE0 \uC544\uB07C\uB294 \uC0AC\uB78C\uB4E4\uC740 \uB300\uCCB4\uB85C \uBE44\uC2B7\uD55C \uB290\uB08C\uC774 \uC788\uB294\uB370 \uC774\uAC78 \uB9D0\uB85C \uD615\uC6A9\uD558\uAE30\uAC00 \uC5B4\uB835\uB2E4.

      \uC74C.. \uC9C0\uAE08 \uACF0\uACF0\uD788 \uC0DD\uAC01\uD574\uBD24\uB294\uB370, \uD568\uAED8 \uC788\uC744 \uB54C \uC2EC\uB9AC\uC801\uC73C\uB85C \uBD88\uD3B8\uD558\uAC8C \uD558\uC9C0 \uC54A\uB294 \uC0AC\uB78C\uC774 \uC88B\uB2E4. \uB300\uCCB4\uB85C \uC774\uB7F0 \uC0AC\uB78C\uC740 \uC790\uC874\uAC10\uC774 \uB192\uC740 \uD3B8\uC774\uB2E4. \uD639\uC740 \uD0C0\uC778\uC5D0 \uB300\uD55C \uBC30\uB824\uAC00 \uC2B5\uAD00\uC774 \uB41C \uC0AC\uB78C\uB4E4\uC774\uACE0 \uC874\uC911\uC774 \uC2B5\uAD00\uC774 \uB41C \uC0AC\uB78C\uB4E4\uC778 \uAC83 \uAC19\uB2E4.

      \uC77C\uB2E8 \uB098 \uBD80\uD130 \uADF8\uB7F0 \uC0AC\uB78C\uC774 \uB418\uC5B4\uBCF4\uC790.. \u314E\u314E

      \uC9C4\uB85C

      \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uACFC \uC9C4\uB85C\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB97C \uB098\uB20C \uB54C \uB4DC\uB294 \uC0DD\uAC01\uC740, \uB098\uB294 \uC544\uB9C8 \uC774\uBC88 \uC0DD\uC774 \uC544\uB2C8\uC5C8\uC73C\uBA74 \uAC70\uC9C0\uB85C \uC0B4\uC558\uC744 \uAC83\uC774\uB2E4. \uAC1C\uBC1C\uC790\uAC00 \uADF8\uB9CC\uD07C \uB098\uC5D0\uAC8C \uC801\uD569\uD55C \uC9C1\uC5C5\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uCC38 \uC2E0\uAE30\uD55C\uAC8C, \uC5B4\uB838\uC744 \uB54C \uBD80\uD130 \uB9C9\uC5F0\uD558\uAC8C \uC9C1\uC5C5\uC801 \uC9C4\uB85C \uD639\uC740 \uAFC8\uC744 \uC801\uB294 \uD56D\uBAA9\uC5D0 \uD504\uB85C\uADF8\uB798\uBA38\uB97C \uC801\uC5C8\uB2E4. \uC5B4\uB9B4 \uB54C\uC758 \uAC15\uBC15\uC774 \uC9C0\uAE08\uC758 \uB098\uB97C \uB9CC\uB4E4\uC5B4\uB0B8\uAC8C \uC544\uB2D0\uAE4C?

      \uADF8\uB0E5 \uB098\uB294 \uC774\uBC88 \uC0DD\uC5D0 \uC6B4\uC774 \uC88B\uAC8C IT \uC9C1\uAD70\uC5D0 \uC801\uD569\uD55C \uC131\uACA9\uACFC \uC7AC\uB2A5\uC774 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uC870\uAE08 \uB354 \uC218\uC6D4\uD558\uAC8C \uC785\uC5D0 \uD480\uCE60\uD558\uACE0 \uC0B4 \uC815\uB3C4\uB294 \uB418\uB294 \uAC83 \uAC19\uB2E4. 10\uB144\uB9CC \uB2A6\uAC8C \uD0DC\uC5B4\uB0AC\uAC70\uB098, 10\uB144\uB9CC \uC77C\uCC0D \uD0DC\uC5B4\uB0AC\uC5B4\uB3C4 \uB2EC\uB77C\uC84C\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB7F0 \uC758\uBBF8\uC5D0\uC120 \uC6B4\uC774 \uC88B\uC740 \uD3B8\uC778 \uAC83 \uAC19\uB2E4.

      \uB3C5\uB9BD

      \uAC00\uC871\uC774 \uBD88\uD3B8\uD558\uACE0 \uC2EB\uC740\uAC8C \uC544\uB2C8\uB77C\uBA74 \uAD73\uC774 \uB3C5\uB9BD\uD558\uC9C0 \uC54A\uC544\uB3C4 \uB41C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB3C5\uB9BD\uC744 \uD558\uBA74.. \uC5EC\uB7EC\uBAA8\uB85C \uD53C\uACE4\uD55C\uC810\uC774 \uD55C \uB458\uC774 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0..

      \uADF8\uB798\uB3C4 \uD63C\uC790\uC11C \uC774 \uD55C \uBAB8 \uCC45\uC784\uC9C0\uBA70 \uC0B4\uC544\uAC00\uB294 \uACBD\uD5D8\uC744 \uD574\uBCF4\uB294 \uAC83\uC740 \uB098\uC058\uC9C0 \uC54A\uB2E4. \uC774\uAC8C \uD3C9\uC0C8 \uC720\uC9C0\uB418\uBA74 \uB610 \uC774\uC57C\uAE30\uAC00 \uB2E4\uB974\uACA0\uC9C0\uB9CC..

      \uB09C \uC774\uC81C \uBCF8\uAC00\uC5D0 \uAC00\uBA74 \uC624\uD788\uB824 \uC5B4\uC0C9\uD558\uB2E4. \uC774\uC81C \uB3C5\uB9BD\uD55C\uC9C0\uB3C4 \uAC70\uC758 10\uB144 \uAC00\uAE4C\uC774 \uB418\uC5B4\uAC00\uACE0 \uC788\uC73C\uB2C8..

      \uB2E8\uAD6D\uB300\uD559\uAD50 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC

      \uC6B0\uB9AC \uD559\uACFC\uB294 \uC544\uBB34\uB9AC \uBD10\uB3C4 \uD0C0 \uD559\uAD50 \uB3D9\uC77C \uD559\uACFC\uC5D0 \uBE44\uD574\uC11C \uACBD\uC7C1\uB825\uC774 \uC5C6\uB2E4. \uC544\uC6C3\uD48B\uC774 \uC88B\uC740 \uACBD\uC6B0\uB294 \uADF8\uB0E5 \uD559\uC0DD\uB4E4 \uAC1C\uAC1C\uC778\uC774 \uC798\uB098\uC11C \uC798 \uB41C \uACBD\uC6B0\uAC00 \uB300\uBD80\uBD84\uC774\uACE0, \uB098\uBA38\uC9C0\uB294 \uD559\uACFC \uC0DD\uD65C\uC5D0 \uC801\uC751\uD558\uAE30\uB3C4 \uD798\uB4E4\uC5B4\uD55C\uB2E4.

      \uC774\uC5D0 \uB300\uD55C \uC5EC\uB7EC\uAC00\uC9C0 \uC6D0\uC778\uC774 \uC788\uB294\uB370,

      • \uB108\uBB34 \uB9CE\uC740 \uC815\uC6D0
        • \uAE30\uBCF8 \uC815\uC6D0\uC774 90\uBA85\uC778\uB370 \uD559\uB144\uC774 \uC62C\uB77C\uAC08 \uC218\uB85D, \uD3B8\uC785\uC0DD + \uC804\uACFC\uC0DD + \uBCF5\uC218\uC804\uACF5\uC0DD + \uAD50\uB958\uC804\uACF5\uC0DD \uB54C\uBB38\uC5D0 \uC778\uC6D0\uC774 \uAE30\uD558\uAE09\uC218\uC801\uC73C\uB85C \uB9CE\uC544\uC9C4\uB2E4.
        • \uADF8\uB7F0\uB370 \uAD50\uC218\uB2D8\uACFC \uAC15\uC758\uC2E4\uC758 \uC22B\uC790\uB294 \uC815\uD574\uC838\uC788\uB2E4.
        • \uACB0\uAD6D \uC9C8 \uC88B\uC740 \uAC15\uC758\uB97C \uB4E3\uAE30\uB780 \uD558\uB298\uC758 \uBCC4\uB530\uAE30.
      • \uB108\uBB34 \uC801\uC740 \uAD50\uC218\uB2D8\uC758 \uC22B\uC790 + \uB108\uBB34 \uACE0\uC5EC\uBC84\uB9B0 \uAD50\uC218\uB2D8\uB4E4
        • \uC774\uAC74 \uC774\uC81C \uC131\uC778\uC774 \uB41C \uB300\uD559\uC0DD\uB4E4\uC774 \uC790\uAE30 \uC55E\uAC00\uB9BC\uC744 \uAD50\uC218\uB2D8\uC5D0\uAC8C \uC758\uC9C0\uD558\uB294 \uAC83\uB3C4 \uBB38\uC81C\uAC00 \uC788\uB2E4.
        • \uC790\uAE30 \uC0B4 \uAE38\uC740 \uC790\uAE30\uAC00 \uC54C\uC544\uC11C \uCC3E\uC544\uC57C \uD558\uB294\uB370.. \uADF8 \uB9C8\uC800\uB3C4 \uC27D\uC9C0 \uC54A\uC740 \uC0C1\uD669
      • \uB3D9\uC544\uB9AC\uC758 \uBD80\uC7AC
      • \uC18C\uD1B5\uC758 \uBD80\uC7AC
      • \uC2A4\uD130\uB514\uC758 \uBD80\uC7AC
      • \uAC1C\uC778\uD50C\uB808\uC774
      • \uC774\uC5D0 \uB530\uB978 \uCD5C\uC545\uC758 \uD300\uD50C\uB808\uC774 \uACBD\uD5D8

      \uC81C\uC77C \uD070 \uBB38\uC81C\uB294 \uB3D9\uC544\uB9AC\uAC00 \uC5C6\uB2E4\uB294 \uAC83\uC774\uB2E4. \uC774\uBBF8 \uC878\uC5C5\uD55C \uB0B4\uAC00 \uB3D9\uC544\uB9AC\uB97C \uB9CC\uB4E4 \uC218\uB294 \uC5C6\uACE0, \uB300\uC2E0 \uC18C\uC18C\uD558\uAC8C \uC2A4\uD130\uB514\uB97C \uC6B4\uC601\uD558\uACE0 \uC788\uB2E4.

      \uC120\uD6C4\uBC30\uB97C \uC774\uC5B4\uC8FC\uB294 \uC81C\uC77C \uC88B\uC740 \uB9E4\uAC1C\uAC00 \uB3D9\uC544\uB9AC\uC778\uB370, \uB3D9\uC544\uB9AC\uAC00 \uC5C6\uC73C\uB2C8 \uBB58 \uD560 \uC218 \uC788\uACA0\uB294\uAC00. \uD559\uACFC\uB098 \uD559\uC0DD\uD68C\uAC00 \uC801\uADF9\uC801\uC73C\uB85C \uC120\uD6C4\uBC30\uAC04\uC758 \uAD50\uB958\uC5D0 \uAC1C\uC785\uD558\uACE0 \uC788\uB294 \uAC83\uB3C4 \uC544\uB2C8\uB2E4. \uADF8\uB807\uB2E4\uACE0 \uC878\uC5C5\uC0DD\uC744 \uB370\uB824\uC640\uC11C \uC778\uC0AC\uC774\uD2B8\uB97C \uC8FC\uACE0 \uC788\uB294 \uAC83\uB3C4 \uC544\uB2C8\uB2E4. \uADF8\uB0E5 \uB9D0 \uADF8\uB300\uB85C \uD558\uB294\uAC8C \uC5C6\uB2E4.

      \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC \uD2B9\uC131\uC0C1, \uD559\uC810\uC774 \uADF8\uB807\uAC8C \uC911\uC694\uD55C \uD3B8\uB3C4 \uC544\uB2C8\uACE0, \uB610 \uD559\uACFC \uACF5\uBD80\uB9CC \uD574\uC11C\uB294 \uC27D\uC0AC\uB9AC \uCDE8\uC5C5\uD558\uAE30\uB3C4 \uC5B4\uB835\uB2E4. \uB354 \uD070 \uBB38\uC81C\uB294 \uCD5C\uC545\uC758 \uD300\uD50C\uB808\uC774 \uACBD\uD5D8\uC778\uB370.. 4\uB144 \uB3D9\uC548 \uC88B\uAC8C \uB05D\uB0B8 \uD300\uD50C \uACBD\uD5D8\uC774 \uAC70\uC758 \uC5C6\uB2E4. \uC624\uD788\uB824 \uC798 \uC9C0\uB0B4\uB358 \uCE5C\uAD6C\uB4E4\uC774 \uD300\uD50C \uB54C\uBB38\uC5D0 \uBA40\uC5B4\uC9C0\uAC70\uB098 \uC190\uC808\uD558\uAE30\uB3C4 \uD558\uACE0, \uC5EC\uB7EC\uAC00\uC9C0\uB85C \uBB38\uC81C\uAC00 \uB9CE\uC740 \uD3B8\uC774\uB2E4.

      \uAC1C\uAC1C\uC778\uC774 \uCC45\uC784\uAC10\uACFC \uB9AC\uB354\uC27D\uC744 \uC5B4\uB290\uC815\uB3C4 \uACB8\uBE44\uD558\uACE0 \uC788\uC5B4\uC57C \uC0AC\uD68C\uC0DD\uD65C\uC744 \uD558\uAE30\uAC00 \uC218\uC6D4\uD55C\uB370, \uC774\uB7F0 \uC810\uC774 \uCC38 \uC544\uC27D\uB2E4. \uD68C\uD53C\uD558\uB824\uACE0 \uD558\uAE30 \uBCF4\uB2E8 \uBD80\uB52A\uD788\uACE0 \uADF9\uBCF5\uD574\uC57C\uD55C\uB2E4.

      \uC774\uAC74 \uB2E4\uB978 \uC885\uB958\uC758 \uC774\uC57C\uAE30\uC778\uB370, \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC\uB098 \uCEF4\uD4E8\uD130 \uACF5\uD559\uACFC\uC758 \uACBD\uC6B0 \uB2E4\uB4E4 \uC0B4\uC544\uAC00\uB294\uAC8C \uACE0\uB9CC\uACE0\uB9CC \uD55C \uAC83 \uAC19\uB2E4.

      • xx\uAC00 \uC5C4\uCCAD \uC798 \uC0B0\uB2E4\uB354\uB77C
      • xx\uAC00 \uC678\uC81C\uCC28\uB97C \uD0C0\uACE0 \uB2E4\uB2CC\uB2E4\uB354\uB77C

      \uC640 \uAC19\uC740 \uC774\uC57C\uAE30\uB97C \uB4E4\uC5B4\uBCF8\uC801\uC774 \uC5C6\uB2E4. \uB0B4\uAC00 \uC544\uC2F8\uC5EC\uC11C \uADF8\uB7F0\uAC78\uC9C0\uB3C4

      \uC65C \uADF8\uB7F4\uAE4C \uD63C\uC790\uC11C \uC0DD\uAC01\uD574\uBD24\uB294\uB370, \uB2E4\uB4E4 \uC5B4\uB9B4 \uB54C \uB3C8\uC4F0\uB294 \uCDE8\uBBF8(?) \uB300\uC2E0\uC5D0 \uD070 \uB3C8\uC744 \uB4E4\uC774\uC9C0 \uC54A\uACE0\uB3C4 \uC27D\uAC8C \uC990\uAC70\uC6C0\uC744 \uB290\uB084 \uC218 \uC788\uB294 \uCEF4\uD4E8\uD130 \uC55E\uC5D0 \uC549\uC544\uC788\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uC544\uC11C\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uD604\uC2E4\uC138\uACC4\uC5D0\uC11C \uB204\uB9B4 \uC218 \uC788\uB294 \uC990\uAC70\uC6C0\uC774 \uB9CE\uB2E4\uBA74 \uAD73\uC774 \uCEF4\uD4E8\uD130 \uAC19\uC740 \uC791\uC740 \uC0C1\uC790 \uC55E\uC5D0 \uC549\uC544 \uC788\uC744 \uD544\uC694\uAC00 \uC788\uC744\uAE4C? \uC774\uB294 \uC694\uC998\uC5D0 \uB728\uACE0 \uC788\uB294 \uBA54\uD0C0\uBC84\uC2A4\uC640\uB3C4 \uBE44\uC2B7\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uCD08\uB4F1\uD559\uC0DD, \uC911\uD559\uC0DD\uB4E4\uC774 \uC990\uAE38 \uC218 \uC788\uB294 \uD604\uC2E4\uC138\uACC4\uC758 \uB180\uC774\uAC70\uB9AC\uAC00 \uB9CE\uC9C0 \uC54A\uB2E4. \uD2B9\uD788 \uB3C8\uC774 \uC788\uC5B4\uC57C \uBB58 \uD558\uB4E0 \uD560 \uC218 \uC788\uB294\uB370 \uD559\uC0DD\uB4E4\uC774 \uBB34\uC2A8 \uB3C8\uC774 \uC788\uACA0\uB294\uAC00? \uADF8\uB798\uC11C \uCEF4\uD4E8\uD130 \uC55E\uC5D0 \uC549\uC544 \uC788\uACE0, \uAC00\uC0C1\uC758 \uC138\uACC4\uC778 \uBA54\uD0C0\uBC84\uC2A4\uC5D0 \uD0D1\uC2B9\uD558\uC5EC \uC790\uAE30\uB4E4\uB9CC\uC758 \uACF5\uAC04\uC744 \uB9CC\uB4E4\uC5B4\uAC00\uB294 \uAC83\uC774\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uC774\uB7EC\uD55C \uC774\uC720\uB85C, \uCEF4\uD4E8\uD130\uC640 \uCE5C\uD574\uC9C4 \uC0AC\uB78C\uB4E4\uC740 \uB300\uCCB4\uB85C \uC0AC\uB294\uAC8C \uACE0\uB9CC\uACE0\uB9CC \uD55C \uAC83\uC774\uB2E4. \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uB9C9\uC5F0\uD558\uAC8C \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC\uB098 \uCEF4\uD4E8\uD130 \uACF5\uD559\uACFC\uB85C \uC9C0\uC6D0\uC744 \uD558\uAC8C \uB418\uB294\uAC8C \uC544\uB2D0\uAE4C?

      \uCF54\uB85C\uB098

      \uCF54\uB85C\uB098\uB294 \uC0AC\uC2E4 \uBBFC\uAC10\uD55C \uC8FC\uC81C\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB798\uB3C4 \uB0B4 \uC8FC\uAD00\uC801\uC778 \uB0B4 \uC0DD\uAC01\uC744 \uC870\uAE08 \uC815\uB9AC\uD574\uBCF4\uC790\uBA74, \uB098\uB294 \uCF54\uB85C\uB098\uAC00 \uC2EC\uD558\uAC8C \uBD80\uD480\uB824\uC9C4 \uBCD1\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      • \uCE58\uC0AC\uC728\uC774 \uADF8\uB807\uAC8C \uB192\uC740 \uD3B8\uB3C4 \uC544\uB2C8\uACE0
      • \uCF54\uB85C\uB098\uC5D0 \uAC10\uC5FC\uB418\uB354\uB77C\uB3C4 \uB300\uCCB4\uB85C \uBB34\uC99D\uC0C1\uC778 \uACBD\uC6B0\uAC00 \uB9CE\uC73C\uBA70
      • \uD638\uD761\uAE30 \uC9C8\uD658\uC778\uB370 \uD608\uC561\uC5D0 \uBC31\uC2E0\uC744 \uD22C\uC5EC\uD558\uB294 \uAC83\uB3C4 \uC774\uC0C1\uD558\uACE0
        • \uBC31\uC2E0\uC744 \uB9DE\uC73C\uBA74 \uCF54\uB85C\uB098\uC5D0 \uAC10\uC5FC\uC774 \uB418\uB354\uB77C\uB3C4 \uC99D\uC0C1\uC774 \uC5C6\uC744 \uBFD0 \uC804\uD30C \uD558\uB294 \uAC83\uC740 \uB611\uAC19\uC73C\uBA70 \uC624\uD788\uB824 \uBCC0\uC774 \uBC14\uC774\uB7EC\uC2A4 \uACF5\uC7A5\uC774 \uB418\uC5B4\uBC84\uB9B0\uB2E4\uACE0 \uD55C\uB2E4.
        • \uAE30\uBCF8\uC801\uC73C\uB85C \uAE30\uC800\uC9C8\uD658\uC774 \uC5C6\uB294 \uC0AC\uB78C\uC774 \uBC31\uC2E0\uC744 \uB9DE\uB294\uAC74 \uAC70\uC758 \uBB34\uC6A9\uC9C0\uBB3C\uC5D0 \uAC00\uAE5D\uB2E4\uACE0..
      • \uBC29\uC5ED \uC2DC\uC2A4\uD15C \uC790\uCCB4\uB3C4 \uB9D0\uC774 \uC548 \uB41C\uB2E4.
        • \uD2B9\uC815 \uC9D1\uB2E8\uC758 \uC9D1\uD68C\uB9CC \uD5C8\uC6A9\uD55C\uB2E4. \uADF8 \uC9D1\uB2E8\uC740 \uCF54\uB85C\uB098\uC5D0 \uC548 \uAC78\uB9AC\uB294 \uAC83\uC778\uAC00?
        • 2\uC8FC \uB2E8\uC704\uC758 \uC0AC\uD68C\uC801 \uAC70\uB9AC\uB450\uAE30 \uB2E8\uACC4 \uC870\uC815
          • \uC18C\uC0C1\uACF5\uC778\uC744 \uC644\uC804\uD788 \uC8FD\uC774\uB294 \uD589\uC704\uC774\uB2E4.
          • \uC801\uC5B4\uB3C4 \uD55C \uB2EC \uB2E8\uC704\uB85C \uBC1C\uD45C\uB97C \uD574\uC57C \uC784\uB300 \uACC4\uC57D\uC744 \uC720\uC9C0\uD558\uB4E0 \uD30C\uAE30\uD558\uB4E0 \uD560\uAC8C \uC544\uB2CC\uAC00?
        • \uB300\uD615 \uB9C8\uD2B8\uB098 \uBC31\uD654\uC810\uC5D0\uB294 \uC0AC\uB78C\uC774 \uC544\uBB34\uB9AC \uB9CE\uC544\uB3C4 \uBB38\uC81C \uC5C6\uB2E4\uB294 \uAC83\uC778\uAC00?
        • \uCD9C\uD1F4\uADFC\uAE38 \uC9C0\uC625
          • \uCD9C\uADFC\uD558\uB294 \uC0AC\uB78C\uB4E4\uC740 \uCF54\uB85C\uB098\uC5D0 \uC548\uAC78\uB9B0\uB2E4\uB294 \uC774\uC57C\uAE30\uC778\uAC00?
          • \uCD9C\uADFC\uD558\uB294 \uC0AC\uB78C\uB4E4\uC774 \uBC30\uB2EC\uC74C\uC2DD\uC744 \uC2DC\uCF1C\uC11C \uD68C\uC758\uC2E4\uC5D0\uC11C \uBAA8\uC5EC\uBA39\uC73C\uBA74 \uAD1C\uCC2E\uB2E4\uB294 \uC774\uC57C\uAE30\uC778\uAC00?
          • \uB5A8\uC5B4\uC838\uC11C \uC77C\uD560 \uB54C\uB294 \uB9C8\uC2A4\uD06C\uB97C \uC4F0\uACE0, \uAC19\uC774 \uBAA8\uC5EC\uC11C \uBC25\uBA39\uC744\uB550 \uACB0\uAD6D \uB9C8\uC2A4\uD06C\uB97C \uBC97\uB294\uB2E4.
          • \uADF8\uB7FC \uBC25\uB3C4 \uAC19\uC774 \uBA39\uC9C0 \uB9D0\uC544\uC57C \uD558\uB294\uAC8C \uC544\uB2CC\uAC00?
        • \uB9D0 \uADF8\uB300\uB85C \uBB34\uC758\uBBF8\uD55C \uAC70\uB9AC\uB450\uAE30
      • \uADF8\uB9AC\uACE0 \uC6D0\uB798 \uAC10\uAE30\uB294 \uBC31\uC2E0\uC774 \uC5C6\uB2E4. \uAC10\uAE30 \uC99D\uC0C1\uC744 \uC57D\uD654\uC2DC\uD0A4\uB294(\uD574\uC5F4\uC81C, \uB450\uD1B5\uC57D \uB4F1) \uC57D\uC774 \uC788\uC744 \uBFD0\uC774\uB2E4.
      • \uB3C5\uAC10\uB3C4 \uBC31\uC2E0\uC774 \uC5C6\uB2E4. \uC608\uBC29 \uC811\uC885\uC774 \uC788\uC744 \uBFD0\uC774\uB2E4.

      \uC774 \uC678\uC5D0\uB3C4 \uB108\uBB34 \uB9CE\uC9C0\uB9CC.. \uB531 \uD558\uB098 \uC774\uD574 \uB418\uB294 \uC810\uC774 \uC788\uB2E4\uBA74

      • \uC804\uD30C\uB825, \uAC10\uC5FC\uB825\uC774 \uB2E4\uB978 \uBC14\uC774\uB7EC\uC2A4\uBCF4\uB2E4 \uAC15\uD558\uB2E4.
      • \uADF8\uB798\uC11C \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uAC10\uC5FC\uB420 \uC218\uB85D \uBCC0\uC774 \uBC14\uC774\uB7EC\uC2A4\uAC00 \uB098\uC62C \uD655\uB960\uC774 \uB192\uB2E4.
      • \uC804\uD30C\uAC00 \uACC4\uC18D \uB420 \uC218\uB85D \uBCC0\uC774 \uBC14\uC774\uB7EC\uC2A4\uAC00 \uC0DD\uACA8\uB098\uACE0 \uC774\uC5D0 \uB530\uB77C \uCE58\uC0AC\uC728\uC774 \uB354 \uB192\uC544\uC9C4\uB2E4.

      \uB77C\uB294\uB370.. \uC774\uBBF8 \uB204\uAD6C\uB098 \uD55C \uBC88 \uCBE4 \uD558\uB294 \uC0DD\uAC01\uC774 \uC774\uBBF8 \uC54C\uBC14\uB97C \uD558\uAC70\uB098 \uD68C\uC0AC \uC0DD\uD65C\uC744 \uD558\uB294 20~30\uB300\uB294 \uBB34\uC99D\uC0C1 \uAC10\uC5FC\uC774 \uD55C \uBC88\uC529 \uB418\uC9C0 \uC54A\uC558\uC744\uAE4C? \uD558\uB294 \uC810\uC774\uB2E4.

      \uAD00\uB828 \uC11C\uC801

      ',73),V={href:"https://book.naver.com/bookdb/book_detail.nhn?bid=17603807",target:"_blank",rel:"noopener noreferrer"},z=e("\uCF54\uB85C\uB098 \uBBF8\uC2A4\uD130\uB9AC"),B={href:"https://book.naver.com/bookdb/book_detail.nhn?bid=20546221",target:"_blank",rel:"noopener noreferrer"},I=e("\uCF54\uB85C\uB09819, \uAC78\uB9AC\uBA74 \uC9C4\uC9DC \uC548 \uB3FC? \uC751\uAE09\uC758\uD559\uACFC \uC758\uC0AC\uC758 \uC120\uBCC4\uC9C4\uB8CC\uC18C 1\uB144 \uC774\uC57C\uAE30"),L=l("p",null,"\uAD00\uB828 \uD3EC\uC2A4\uD305",-1),M={href:"https://brunch.co.kr/@leedhulpe/104",target:"_blank",rel:"noopener noreferrer"},T=e("\uACFC\uC5F0 \uC601\uAD6D\uC740 \uBC31\uC2E0\uC811\uC885\uB960\uC774 \uB192\uC544\uC11C \uC0AC\uB9DD\uC790\uAC00 \uC801\uC740\uAC78\uAE4C?"),Z={href:"https://brunch.co.kr/@leedhulpe/89",target:"_blank",rel:"noopener noreferrer"},q=e("\uC2A4\uC6E8\uB374\uC774 \uC8FC\uB294 \uAD50\uD6C8, \uCF54\uBE44\uB4DC 19\uB294 \uBC8C\uAC70\uBC97\uC740 \uC784\uAE08\uB2D8?"),y=l("p",null,"\uC0AC\uC2E4 \uB0B4\uAC00 \uC6D0\uD558\uB294 \uAC83\uB9CC \uBCF4\uACE0 \uC2F6\uC5B4\uC11C \uC774\uB7F0 \uAC83\uB4E4\uC744 \uC811\uD55C \uAC78\uC218\uB3C4 \uC788\uB2E4. \uB9E4\uCCB4\uC5D0\uB294 \uAD49\uC7A5\uD788 \uB2E4\uC591\uD55C \uAC83\uB4E4\uC774 \uB9E4\uC77C \uB9E4\uC77C \uC3DF\uC544\uC838 \uB098\uC624\uACE0 \uC788\uB294\uB370, \uADF8\uB0E5 \uC815\uB9D0 \uCF54\uB85C\uB098\uAC00 \uC704\uD5D8\uD55C \uBCD1\uC774\uB77C\uBA74 \uC624\uD788\uB824 \uB108\uBB34 \uC548\uC77C\uD558\uAC8C \uB300\uCC98\uD558\uACE0 \uC788\uB294\uAC8C \uC544\uB2D0\uAE4C? \uC2F6\uC744 \uC815\uB3C4\uB85C \uC774 \uC0AC\uD68C\uAC00 \uC774\uC0C1\uD558\uAC8C \uD758\uB7EC\uAC00\uACE0 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.",-1),C=l("hr",null,null,-1),G=l("p",null,"\uC774\uB807\uAC8C \uB0B4 \uC0DD\uAC01\uC744 \uAE00\uB85C \uB044\uC801\uC774\uB294\uAC8C \uBB34\uCC99 \uC624\uB79C\uB9CC\uC774\uB2E4. \uC774\uC81C \uC2DC\uAC04 \uC788\uC744 \uB54C \uC870\uAE08\uC529 \uB044\uC801\uC5EC\uBCF4\uC790.",-1);function J(Q,S){const i=t("ExternalLinkIcon");return p(),r("div",null,[h,s,c,_,l("p",null,[u,l("a",b,[f,o(i)]),x]),l("p",null,[k,g,m,l("a",v,[w,o(i)]),E]),N,l("ul",null,[l("li",null,[l("a",V,[z,o(i)])]),l("li",null,[l("a",B,[I,o(i)])])]),L,l("ul",null,[l("li",null,[l("a",M,[T,o(i)])]),l("li",null,[l("a",Z,[q,o(i)])])]),y,C,G])}var A=n(d,[["render",J],["__file","index.html.vue"]]);export{A as default}; diff --git a/assets/index.html.47bdcbc8.js b/assets/index.html.36a0f5c4.js similarity index 96% rename from assets/index.html.47bdcbc8.js rename to assets/index.html.36a0f5c4.js index 5b74c818..248bd35a 100644 --- a/assets/index.html.47bdcbc8.js +++ b/assets/index.html.36a0f5c4.js @@ -1 +1 @@ -const e={key:"v-6711c8b3",path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/",title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)",lang:"en-US",frontmatter:{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)",description:"\uAC1C\uBC1C\uC5D0 \uC785\uBB38\uD558\uAE30 \uC774\uC804\uC758 \uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30\uC785\uB2C8\uB2E4.",sidebar:!1,date:"2020-11-01T11:45:00.000Z",tag:"\uC77C\uC0C1",thumbnail:"https://user-images.githubusercontent.com/18749057/97804779-54012c80-1c95-11eb-8c14-067c7506d93e.png",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"\uCC45 \uC77D\uB294 \uC18C\uB144",slug:"\u110E\u1162\u11A8-\u110B\u1175\u11B0\u1102\u1173\u11AB-\u1109\u1169\u1102\u1167\u11AB",children:[]},{level:2,title:"\uD504\uB85C\uADF8\uB798\uBA38\uAC00 \uB418\uACE0 \uC2F6\uB2E4",slug:"\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1100\u1161-\u1103\u116C\u1100\u1169-\u1109\u1175\u11C1\u1103\u1161",children:[]},{level:2,title:"\uACF5\uBD80\uB77C\uB294\uAC78 \uC870\uAE08\uC774\uB77C\uB3C4 \uD558\uAC8C \uB418\uC5C8\uB2E4.",slug:"\u1100\u1169\u11BC\u1107\u116E\u1105\u1161\u1102\u1173\u11AB\u1100\u1165\u11AF-\u110C\u1169\u1100\u1173\u11B7\u110B\u1175\u1105\u1161\u1103\u1169-\u1112\u1161\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1103\u1161",children:[]},{level:2,title:"\uAC8C\uC784\uC5D0 \uC81C\uB300\uB85C \uBE60\uC84C\uB2E4.",slug:"\u1100\u1166\u110B\u1175\u11B7\u110B\u1166-\u110C\u1166\u1103\u1162\u1105\u1169-\u1108\u1161\u110C\u1167\u11BB\u1103\u1161",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-1/README.md"};export{e as data}; +const e={key:"v-6711c8b3",path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/",title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)",lang:"en-US",frontmatter:{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)",description:"\uAC1C\uBC1C\uC5D0 \uC785\uBB38\uD558\uAE30 \uC774\uC804\uC758 \uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30\uC785\uB2C8\uB2E4.",sidebar:!1,date:"2020-11-01T11:45:00.000Z",tag:"\uC77C\uC0C1",thumbnail:"https://user-images.githubusercontent.com/18749057/97804779-54012c80-1c95-11eb-8c14-067c7506d93e.png",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"\uCC45 \uC77D\uB294 \uC18C\uB144",slug:"\u110E\u1162\u11A8-\u110B\u1175\u11B0\u1102\u1173\u11AB-\u1109\u1169\u1102\u1167\u11AB",children:[]},{level:2,title:"\uD504\uB85C\uADF8\uB798\uBA38\uAC00 \uB418\uACE0 \uC2F6\uB2E4",slug:"\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1100\u1161-\u1103\u116C\u1100\u1169-\u1109\u1175\u11C1\u1103\u1161",children:[]},{level:2,title:"\uACF5\uBD80\uB77C\uB294\uAC78 \uC870\uAE08\uC774\uB77C\uB3C4 \uD558\uAC8C \uB418\uC5C8\uB2E4.",slug:"\u1100\u1169\u11BC\u1107\u116E\u1105\u1161\u1102\u1173\u11AB\u1100\u1165\u11AF-\u110C\u1169\u1100\u1173\u11B7\u110B\u1175\u1105\u1161\u1103\u1169-\u1112\u1161\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1103\u1161",children:[]},{level:2,title:"\uAC8C\uC784\uC5D0 \uC81C\uB300\uB85C \uBE60\uC84C\uB2E4.",slug:"\u1100\u1166\u110B\u1175\u11B7\u110B\u1166-\u110C\u1166\u1103\u1162\u1105\u1169-\u1108\u1161\u110C\u1167\u11BB\u1103\u1161",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-1/README.md"};export{e as data}; diff --git a/assets/index.html.e4c19721.js b/assets/index.html.37c7d902.js similarity index 99% rename from assets/index.html.e4c19721.js rename to assets/index.html.37c7d902.js index 6eef40ba..d66447f8 100644 --- a/assets/index.html.e4c19721.js +++ b/assets/index.html.37c7d902.js @@ -1 +1 @@ -import{_ as n,r as h,o as d,c as t,a as l,b as a,d as r,e as i}from"./app.800103af.js";const o={},s=r('

      2021 \uC0C8\uD574 \uACC4\uD68D

      1. \uC77C\uC77C \uCEE4\uBC0B \uB300\uC2E0 \uC77C\uC77C \uC601\uC5B4

      \uACC4\uAE30

      10\uC6D4\uC5D0 \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uC2A4\uCFE8\uC5D0\uC11C \uC9C4\uD589\uD558\uB294 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514\uC5D0 \uCC38\uC5EC\uD588\uC5C8\uB2E4. \uC2A4\uD130\uB514 \uB9AC\uB354\uC778 **\uD574\uB9AC(\uACE0\uC7AC\uB3C4)**\uB2D8\uC774 \uC2F1\uAC00\uD3F4\uC5D0\uC11C \uADFC\uBB34\uC911\uC774\uC168\uB294\uB370 \uC601\uC5B4\uACF5\uBD80\uB97C \uBB34\uCC99 \uAC15\uC870\uD558\uC168\uACE0, \uC0C1\uB2F9\uD788 \uC9C4\uC815\uC131 \uC788\uAC8C \uB2E4\uAC00\uC654\uB2E4. \uB098\uB294 \uC601\uC5B4\uAC00 \uBAA8\uB4E0 \uC9C0\uC2DD\uC758 \uB3C4\uBA54\uC778\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC55E\uC73C\uB85C \uD3C9\uC0DD \uACF5\uBD80\uD574\uC57C \uD55C\uB2E4\uBA74, \uC81C\uC77C \uBA3C\uC800 \uC219\uB828\uD574\uC57C \uD558\uB294\uAC8C \uC601\uC5B4\uB2E4.

      \uACC4\uD68D

      \uB300\uCCB4\uB85C \uB3C5\uD574 \uBC0F \uC4F0\uAE30 \uC704\uC8FC\uC758 \uACF5\uBD80\uB97C \uD574\uBCFC \uC0DD\uAC01\uC774\uB2E4. \uC77C\uB2E8 \uB0B4\uAC00 \uD574\uC678\uC5D0 \uB098\uAC08 \uC77C\uC774 \uB9CE\uC9C0\uB3C4 \uC54A\uACE0, \uAD73\uC774 \uD68C\uD654\uB97C \uD574\uC57C\uD560 \uD544\uC694\uAC00 \uC788\uC744\uAE4C \uC2F6\uAE30 \uB54C\uBB38\uC774\uB2E4.

      • \uBAA9\uD45C
        • \uAD6C\uAE00 \uBC88\uC5ED\uAE30\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0 \uAC1C\uBC1C \uC544\uD2F0\uD074 \uBE60\uB974\uAC8C \uC77D\uACE0 \uC774\uD574\uD558\uAE30
        • \uC6D0\uC11C\uB85C \uB41C \uCC45\uC744 \uC77D\uC5B4\uBCF4\uAE30
      • \uAD6C\uCCB4\uC801\uC778 \uACC4\uD68D
        • \uBB38\uBC95 or \uB2E8\uC5B4 \uACF5\uBD80
          • \uB9CE\uC740 \uB2E8\uC5B4\uB97C \uD55C \uBC88\uC5D0 \uB9CE\uC774 \uC678\uC6B0\uAE30\uBCF4\uB2E8, \uD558\uB098\uC758 \uB2E8\uC5B4\uB97C \uAE4A\uAC8C \uACF5\uBD80\uD558\uAE30.
        • \uD558\uB8E8\uC5D0 \uD55C \uBB38\uC7A5 \uC774\uC0C1 \uC678\uC6B0\uAE30
        • \uD558\uB8E8\uC5D0 \uD55C \uBB38\uC7A5 \uC774\uC0C1 \uC791\uBB38\uD574\uBCF4\uAE30
        • \uC8FC 1\uD68C \uC774\uC0C1 \uAC1C\uBC1C \uAD00\uB828 \uC544\uD2F0\uD074 \uBC88\uC5ED\uD574\uC11C \uC62C\uB9AC\uAE30

      \uC0AC\uC2E4 \uC601\uC5B4\uACF5\uBD80\uB97C \uC81C\uB300\uB85C \uD574\uBCF8 \uC801\uC774 \uC5C6\uC5B4\uC11C \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC744\uC9C0 \uB9C9\uC5F0\uD558\uB2E4. \uD1A0\uC775\uC774\uB77C\uB3C4 \uC900\uBE44\uD574\uC57C \uC88B\uC744\uAE4C?

      2. \uAC1C\uBC1C \uC11C\uC801 \uC704\uC8FC\uC758 \uACF5\uBD80

      \uACC4\uAE30

      2020\uB144\uC5D0\uB294 \uC77C\uC77C\uCEE4\uBC0B \uC704\uC8FC\uB85C \uACF5\uBD80\uB97C \uD588\uB2E4. \uB355\uBD84\uC5D0 \uAFB8\uC900\uD788 \uACF5\uBD80\uD558\uB294 \uC2B5\uAD00\uC740 \uB9CC\uB4E4 \uC218 \uC788\uC5C8\uC9C0\uB9CC, \uBB50\uB784\uAE4C.. \uACF5\uBD80\uC640 \uCEE4\uBC0B\uC758 \uC8FC\uAC1D\uC804\uB3C4\uAC00 \uB418\uC5B4\uBC84\uB838\uB2E4.

      \uADF8\uB798\uC11C \uB0B4\uB144\uC5D0\uB294 \uC794\uB514\uBC2D\uC744 \uAFB8\uBBF8\uAE30 \uBCF4\uB2E8, \uC2A4\uC2A4\uB85C\uB97C \uC798 \uAC00\uAFB8\uAE30 \uC704\uD55C \uACF5\uBD80\uB97C \uD574\uBCFC \uC0DD\uAC01\uC774\uB2E4.

      \uACC4\uD68D

      • \uBAA9\uD45C
        • \uD55C \uB2EC\uC5D0 3\uAD8C \uC774\uC0C1
        • \uC77C \uC8FC\uC77C\uC5D0 1\uAD8C \uC774\uC0C1
      • \uC77D\uACE0 \uC2F6\uC740 \uCC45 \uBAA9\uB85D
        • PPP \uC2DC\uB9AC\uC988
          • \uBC11\uBC14\uB2E5 \uBD80\uD130 \uB9CC\uB4DC\uB294 \uCEF4\uD4E8\uD305 \uC2DC\uC2A4\uD15C
          • \uD074\uB9B0 \uC544\uD0A4\uD14D\uCCD0
          • \uD504\uB85C\uADF8\uB798\uBC0D \uC2EC\uB9AC\uD559
          • \uC2E4\uC6A9\uC8FC\uC758 \uD504\uB85C\uADF8\uB798\uBA38
          • \uD074\uB9B0 \uCF54\uB4DC
          • \uD14C\uC2A4\uD2B8 \uC8FC\uB3C4 \uAC1C\uBC1C
          • \uC0DD\uAC01\uD558\uB294 \uD504\uB85C\uADF8\uB798\uBC0D
        • \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uC7A5\uC778
        • \uD568\uAED8 \uC790\uB77C\uAE30
        • \uB9AC\uD329\uD1A0\uB9C1
        • \uC774\uD399\uD2F0\uBE0C \uC790\uBC14
        • \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC0AC\uC2E4\uACFC \uC624\uD574
        • \uC624\uBE0C\uC81D\uD2B8
        • \uD568\uC218\uD615 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8
        • \uCF54\uD2C0\uB9B0 \uCFE1\uBD81

      \uC2EC\uC2EC\uD560 \uB550 \uAC1C\uBC1C \uC11C\uC801 \uB9D0\uACE0 \uB2E4\uB978 \uCC45\uB3C4 \uC77D\uC5B4\uBCF4\uC790.

      3. \uC800\uCD95

      \uACC4\uAE30

      \uC62C\uD574\uB294 \uC9C0\uCD9C\uC774 \uC0DD\uAC01\uBCF4\uB2E4 \uB9CE\uC558\uB2E4. \uC0AC\uD68C \uCD08\uB144\uC0DD\uC774\uB2E4\uBCF4\uB2C8 \uD391\uD391(?)\uAE4C\uC9C4 \uC544\uB2C8\uC9C0\uB9CC \uC5EC\uAE30\uC800\uAE30 \uB9CE\uC774 \uC37C\uB2E4. \uB0B4\uB144\uC5D0\uB294 \uC9C0\uCD9C\uC744 \uC870\uAE08 \uC904\uC774\uACE0, \uBC30\uB2EC \uC74C\uC2DD\uB3C4 \uC904\uC774\uACE0, \uC798 \uBAA8\uC544\uBCF4\uC790.

      \uADF8\uB798\uC11C \uB0B4\uC9D1 \uB9C8\uB828\uAE4C\uC9C4 \uC544\uB2C8\uB354\uB77C\uB3C4 \uB2E4\uB978 \uC804\uC14B\uC9D1\uC73C\uB85C \uC774\uC0AC\uAC08 \uC218 \uC788\uB3C4\uB85D \uC900\uBE44\uD574\uBCF4\uC790.

      \uACC4\uD68D

      • \uBAA9\uD45C
        • \uCD5C\uC18C 2400\uB9CC\uC6D0, \uCD5C\uB300 3000\uB9CC\uC6D0 \uBAA8\uC544\uBCF4\uAE30
        • \uB9E4\uB2EC 200\uB9CC\uC6D0 \uC774\uC0C1 \uC800\uCD95\uD558\uAE30
      • \uAD6C\uCCB4\uC801\uC778 \uACC4\uD68D
        • \uAC00\uB2A5\uD558\uB2E4\uBA74 \uC6D4\uAE09\uC744 \uC804\uBD80 \uC800\uCD95\uD558\uAE30
        • \uC0DD\uD65C\uBE44\uB294 \uB2E4\uB978 \uC77C\uB85C \uB300\uCCB4\uD558\uAE30
          • \uACE0\uB4F1\uD559\uAD50 \uC678\uBD80\uAC15\uC0AC
            • \uBC29\uACFC\uD6C4 \uC218\uC5C5
            • \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C
          • \uB125\uC2A4\uD2B8\uC2A4\uD15D \uB9AC\uBDF0\uC5B4
          • \uB2E8\uCFE0\uD0A4 \uB4F1\uC758 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8
          • \uC778\uD130\uB137 \uAC15\uC758

      4. \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8

      \uACC4\uAE30

      • 2020\uB144\uC5D0\uB294 \uB044\uC801\uC774\uAE30\uB9CC \uD558\uACE0 \uC644\uC131\uC744 \uBABB\uD588\uB2E4.
      • 2021\uB144\uC5D0\uB294 \uBC18\uB4DC\uC2DC \uC644\uC131\uAE4C\uC9C0 \uD574\uBCF4\uB294 \uAC83\uC744 \uBAA9\uD45C\uB85C \uD558\uC790.
      • \uAF2D \uB3C8\uC774 \uB418\uB294 \uC11C\uBE44\uC2A4\uAC00 \uC544\uB2C8\uB354\uB77C\uB3C4 \uB9CC\uB4E4\uC5B4\uBCF4\uC790.

      \uACC4\uD68D

      ',25),u=l("li",null,[l("strong",null,[l("code",null,"\uBAA9\uD45C")]),l("ul",null,[l("li",null,"\uAC1C\uBC1C\uC790\uB97C \uC704\uD55C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uAE30."),l("li",null,"\uB098\uB97C \uC704\uD55C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uAE30."),l("li",null,"\uD0C0\uC778\uC744 \uC704\uD55C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uAE30.")])],-1),c=l("strong",null,[l("code",null,"\uAD6C\uCCB4\uC801\uC778 \uACC4\uD68D")],-1),_={href:"https://programmers.co.kr/competitions/779/2021-kakaocommerce-fe-recruitment",target:"_blank",rel:"noopener noreferrer"},f=i("\uB2E8\uCFE0\uD0A4"),p=i(" \uB9AC\uCFE0\uB974\uD2B8\uC5D0 \uCC38\uC5EC\uD588\uB2E4. "),g=l("ul",null,[l("li",null,"3\uC6D4\uAE4C\uC9C0 3.0\uC744 \uB9CC\uB4E4 \uC608\uC815\uC774\uB2E4.")],-1),x={href:"https://github.com/DKU-STUDY",target:"_blank",rel:"noopener noreferrer"},b=i("DKU-STUDY"),m=i("\uB97C \uC6B4\uC601\uD558\uAE30 \uC704\uD55C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4 \uC608\uC815\uC774\uB2E4."),k=l("li",null,"\uB098\uB97C \uC704\uD55C \uC11C\uBE44\uC2A4\uB294 \uC544\uC9C1 \uAD6C\uCCB4\uC801\uC73C\uB85C \uC815\uD558\uC9C0 \uC54A\uC558\uB2E4.",-1),v=r('

      5. \uC2A4\uD130\uB514 \uC6B4\uC601

      \uACC4\uAE30

      • \uC9C0\uAE08\uC740 \uC2A4\uD130\uB514\uB97C \uB300\uCDA9 \uC6B4\uC601\uC911\uC774\uB2E4.
      • \uC774\uBC88\uC5D0 \uC778\uC9C0\uB3C4\uAC00 \uC870\uAE08 \uC313\uC778 \uD3B8\uC774\uB77C\uC11C \uC774\uB97C \uC81C\uB300\uB85C \uC774\uC6A9\uD574\uBCF4\uACE0\uC790 \uD55C\uB2E4.
      • \uC54C\uACE0\uB9AC\uC998 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uB2E4\uC591\uD55C \uC11C\uBE0C \uC2A4\uD130\uB514\uB97C \uB9CC\uB4E4\uC5B4\uC11C \uC6B4\uC601\uD574\uBCFC \uC0DD\uAC01\uC774\uB2E4.

      \uACC4\uD68D

      • \uC2A4\uD130\uB514 \uC778\uC6D0 50\uBA85\uAE4C\uC9C0 \uB9CC\uB4E4\uC5B4\uBCF4\uAE30
      • \uAE30\uC218(1\uAE30, 2\uAE30, 3\uAE30, ...) \uC81C\uB3C4\uB85C \uC6B4\uC601\uD558\uAE30
      • \uBA58\uD1A0\uB97C \uB9CE\uC774 \uD655\uBCF4\uD558\uAE30

      6. \uAE30\uD0C0

      • \uC6B4\uB3D9: \uC790\uC804\uAC70 / \uC218\uC601 / \uADFC\uB825\uC6B4\uB3D9
      • \uC774\uC0AC: \uC0C8\uB85C\uC6B4 \uC804\uC14B\uC9D1 \uC54C\uC544\uBCF4\uACE0 \uAC00\uB2A5\uD558\uB2E4\uBA74 \uC774\uC0AC\uD558\uAE30
      • \uC2DD\uC0AC: 1\uC8FC\uC77C\uC5D0 3\uBC88 \uC774\uC0C1\uC740 \uC9D1\uBC25 \uBA39\uAE30

      Summary

      • 1\uC21C\uC704
        • \uC77C\uC77C \uC601\uC5B4
        • \uAC1C\uBC1C \uC11C\uC801 \uACF5\uBD80
      • 2\uC21C\uC704
        • \uC800\uCD95
        • \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8
      • 3\uC21C\uC704
        • \uC2A4\uD130\uB514 \uC6B4\uC601
        • \uC6B4\uB3D9
        • \uC9D1\uBC25 \uBA39\uAE30
        • \uC774\uC0AC
      ',9);function D(N,S){const e=h("ExternalLinkIcon");return d(),t("div",null,[s,l("ul",null,[u,l("li",null,[c,l("ul",null,[l("li",null,[l("a",_,[f,a(e)]),p,g]),l("li",null,[l("a",x,[b,a(e)]),m]),k])])]),v])}var V=n(o,[["render",D],["__file","index.html.vue"]]);export{V as default}; +import{_ as n,r as h,o as d,c as t,a as l,b as a,d as r,e as i}from"./app.d20f8571.js";const o={},s=r('

      2021 \uC0C8\uD574 \uACC4\uD68D

      1. \uC77C\uC77C \uCEE4\uBC0B \uB300\uC2E0 \uC77C\uC77C \uC601\uC5B4

      \uACC4\uAE30

      10\uC6D4\uC5D0 \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uC2A4\uCFE8\uC5D0\uC11C \uC9C4\uD589\uD558\uB294 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514\uC5D0 \uCC38\uC5EC\uD588\uC5C8\uB2E4. \uC2A4\uD130\uB514 \uB9AC\uB354\uC778 **\uD574\uB9AC(\uACE0\uC7AC\uB3C4)**\uB2D8\uC774 \uC2F1\uAC00\uD3F4\uC5D0\uC11C \uADFC\uBB34\uC911\uC774\uC168\uB294\uB370 \uC601\uC5B4\uACF5\uBD80\uB97C \uBB34\uCC99 \uAC15\uC870\uD558\uC168\uACE0, \uC0C1\uB2F9\uD788 \uC9C4\uC815\uC131 \uC788\uAC8C \uB2E4\uAC00\uC654\uB2E4. \uB098\uB294 \uC601\uC5B4\uAC00 \uBAA8\uB4E0 \uC9C0\uC2DD\uC758 \uB3C4\uBA54\uC778\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC55E\uC73C\uB85C \uD3C9\uC0DD \uACF5\uBD80\uD574\uC57C \uD55C\uB2E4\uBA74, \uC81C\uC77C \uBA3C\uC800 \uC219\uB828\uD574\uC57C \uD558\uB294\uAC8C \uC601\uC5B4\uB2E4.

      \uACC4\uD68D

      \uB300\uCCB4\uB85C \uB3C5\uD574 \uBC0F \uC4F0\uAE30 \uC704\uC8FC\uC758 \uACF5\uBD80\uB97C \uD574\uBCFC \uC0DD\uAC01\uC774\uB2E4. \uC77C\uB2E8 \uB0B4\uAC00 \uD574\uC678\uC5D0 \uB098\uAC08 \uC77C\uC774 \uB9CE\uC9C0\uB3C4 \uC54A\uACE0, \uAD73\uC774 \uD68C\uD654\uB97C \uD574\uC57C\uD560 \uD544\uC694\uAC00 \uC788\uC744\uAE4C \uC2F6\uAE30 \uB54C\uBB38\uC774\uB2E4.

      • \uBAA9\uD45C
        • \uAD6C\uAE00 \uBC88\uC5ED\uAE30\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0 \uAC1C\uBC1C \uC544\uD2F0\uD074 \uBE60\uB974\uAC8C \uC77D\uACE0 \uC774\uD574\uD558\uAE30
        • \uC6D0\uC11C\uB85C \uB41C \uCC45\uC744 \uC77D\uC5B4\uBCF4\uAE30
      • \uAD6C\uCCB4\uC801\uC778 \uACC4\uD68D
        • \uBB38\uBC95 or \uB2E8\uC5B4 \uACF5\uBD80
          • \uB9CE\uC740 \uB2E8\uC5B4\uB97C \uD55C \uBC88\uC5D0 \uB9CE\uC774 \uC678\uC6B0\uAE30\uBCF4\uB2E8, \uD558\uB098\uC758 \uB2E8\uC5B4\uB97C \uAE4A\uAC8C \uACF5\uBD80\uD558\uAE30.
        • \uD558\uB8E8\uC5D0 \uD55C \uBB38\uC7A5 \uC774\uC0C1 \uC678\uC6B0\uAE30
        • \uD558\uB8E8\uC5D0 \uD55C \uBB38\uC7A5 \uC774\uC0C1 \uC791\uBB38\uD574\uBCF4\uAE30
        • \uC8FC 1\uD68C \uC774\uC0C1 \uAC1C\uBC1C \uAD00\uB828 \uC544\uD2F0\uD074 \uBC88\uC5ED\uD574\uC11C \uC62C\uB9AC\uAE30

      \uC0AC\uC2E4 \uC601\uC5B4\uACF5\uBD80\uB97C \uC81C\uB300\uB85C \uD574\uBCF8 \uC801\uC774 \uC5C6\uC5B4\uC11C \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC744\uC9C0 \uB9C9\uC5F0\uD558\uB2E4. \uD1A0\uC775\uC774\uB77C\uB3C4 \uC900\uBE44\uD574\uC57C \uC88B\uC744\uAE4C?

      2. \uAC1C\uBC1C \uC11C\uC801 \uC704\uC8FC\uC758 \uACF5\uBD80

      \uACC4\uAE30

      2020\uB144\uC5D0\uB294 \uC77C\uC77C\uCEE4\uBC0B \uC704\uC8FC\uB85C \uACF5\uBD80\uB97C \uD588\uB2E4. \uB355\uBD84\uC5D0 \uAFB8\uC900\uD788 \uACF5\uBD80\uD558\uB294 \uC2B5\uAD00\uC740 \uB9CC\uB4E4 \uC218 \uC788\uC5C8\uC9C0\uB9CC, \uBB50\uB784\uAE4C.. \uACF5\uBD80\uC640 \uCEE4\uBC0B\uC758 \uC8FC\uAC1D\uC804\uB3C4\uAC00 \uB418\uC5B4\uBC84\uB838\uB2E4.

      \uADF8\uB798\uC11C \uB0B4\uB144\uC5D0\uB294 \uC794\uB514\uBC2D\uC744 \uAFB8\uBBF8\uAE30 \uBCF4\uB2E8, \uC2A4\uC2A4\uB85C\uB97C \uC798 \uAC00\uAFB8\uAE30 \uC704\uD55C \uACF5\uBD80\uB97C \uD574\uBCFC \uC0DD\uAC01\uC774\uB2E4.

      \uACC4\uD68D

      • \uBAA9\uD45C
        • \uD55C \uB2EC\uC5D0 3\uAD8C \uC774\uC0C1
        • \uC77C \uC8FC\uC77C\uC5D0 1\uAD8C \uC774\uC0C1
      • \uC77D\uACE0 \uC2F6\uC740 \uCC45 \uBAA9\uB85D
        • PPP \uC2DC\uB9AC\uC988
          • \uBC11\uBC14\uB2E5 \uBD80\uD130 \uB9CC\uB4DC\uB294 \uCEF4\uD4E8\uD305 \uC2DC\uC2A4\uD15C
          • \uD074\uB9B0 \uC544\uD0A4\uD14D\uCCD0
          • \uD504\uB85C\uADF8\uB798\uBC0D \uC2EC\uB9AC\uD559
          • \uC2E4\uC6A9\uC8FC\uC758 \uD504\uB85C\uADF8\uB798\uBA38
          • \uD074\uB9B0 \uCF54\uB4DC
          • \uD14C\uC2A4\uD2B8 \uC8FC\uB3C4 \uAC1C\uBC1C
          • \uC0DD\uAC01\uD558\uB294 \uD504\uB85C\uADF8\uB798\uBC0D
        • \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uC7A5\uC778
        • \uD568\uAED8 \uC790\uB77C\uAE30
        • \uB9AC\uD329\uD1A0\uB9C1
        • \uC774\uD399\uD2F0\uBE0C \uC790\uBC14
        • \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC0AC\uC2E4\uACFC \uC624\uD574
        • \uC624\uBE0C\uC81D\uD2B8
        • \uD568\uC218\uD615 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8
        • \uCF54\uD2C0\uB9B0 \uCFE1\uBD81

      \uC2EC\uC2EC\uD560 \uB550 \uAC1C\uBC1C \uC11C\uC801 \uB9D0\uACE0 \uB2E4\uB978 \uCC45\uB3C4 \uC77D\uC5B4\uBCF4\uC790.

      3. \uC800\uCD95

      \uACC4\uAE30

      \uC62C\uD574\uB294 \uC9C0\uCD9C\uC774 \uC0DD\uAC01\uBCF4\uB2E4 \uB9CE\uC558\uB2E4. \uC0AC\uD68C \uCD08\uB144\uC0DD\uC774\uB2E4\uBCF4\uB2C8 \uD391\uD391(?)\uAE4C\uC9C4 \uC544\uB2C8\uC9C0\uB9CC \uC5EC\uAE30\uC800\uAE30 \uB9CE\uC774 \uC37C\uB2E4. \uB0B4\uB144\uC5D0\uB294 \uC9C0\uCD9C\uC744 \uC870\uAE08 \uC904\uC774\uACE0, \uBC30\uB2EC \uC74C\uC2DD\uB3C4 \uC904\uC774\uACE0, \uC798 \uBAA8\uC544\uBCF4\uC790.

      \uADF8\uB798\uC11C \uB0B4\uC9D1 \uB9C8\uB828\uAE4C\uC9C4 \uC544\uB2C8\uB354\uB77C\uB3C4 \uB2E4\uB978 \uC804\uC14B\uC9D1\uC73C\uB85C \uC774\uC0AC\uAC08 \uC218 \uC788\uB3C4\uB85D \uC900\uBE44\uD574\uBCF4\uC790.

      \uACC4\uD68D

      • \uBAA9\uD45C
        • \uCD5C\uC18C 2400\uB9CC\uC6D0, \uCD5C\uB300 3000\uB9CC\uC6D0 \uBAA8\uC544\uBCF4\uAE30
        • \uB9E4\uB2EC 200\uB9CC\uC6D0 \uC774\uC0C1 \uC800\uCD95\uD558\uAE30
      • \uAD6C\uCCB4\uC801\uC778 \uACC4\uD68D
        • \uAC00\uB2A5\uD558\uB2E4\uBA74 \uC6D4\uAE09\uC744 \uC804\uBD80 \uC800\uCD95\uD558\uAE30
        • \uC0DD\uD65C\uBE44\uB294 \uB2E4\uB978 \uC77C\uB85C \uB300\uCCB4\uD558\uAE30
          • \uACE0\uB4F1\uD559\uAD50 \uC678\uBD80\uAC15\uC0AC
            • \uBC29\uACFC\uD6C4 \uC218\uC5C5
            • \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C
          • \uB125\uC2A4\uD2B8\uC2A4\uD15D \uB9AC\uBDF0\uC5B4
          • \uB2E8\uCFE0\uD0A4 \uB4F1\uC758 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8
          • \uC778\uD130\uB137 \uAC15\uC758

      4. \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8

      \uACC4\uAE30

      • 2020\uB144\uC5D0\uB294 \uB044\uC801\uC774\uAE30\uB9CC \uD558\uACE0 \uC644\uC131\uC744 \uBABB\uD588\uB2E4.
      • 2021\uB144\uC5D0\uB294 \uBC18\uB4DC\uC2DC \uC644\uC131\uAE4C\uC9C0 \uD574\uBCF4\uB294 \uAC83\uC744 \uBAA9\uD45C\uB85C \uD558\uC790.
      • \uAF2D \uB3C8\uC774 \uB418\uB294 \uC11C\uBE44\uC2A4\uAC00 \uC544\uB2C8\uB354\uB77C\uB3C4 \uB9CC\uB4E4\uC5B4\uBCF4\uC790.

      \uACC4\uD68D

      ',25),u=l("li",null,[l("strong",null,[l("code",null,"\uBAA9\uD45C")]),l("ul",null,[l("li",null,"\uAC1C\uBC1C\uC790\uB97C \uC704\uD55C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uAE30."),l("li",null,"\uB098\uB97C \uC704\uD55C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uAE30."),l("li",null,"\uD0C0\uC778\uC744 \uC704\uD55C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uAE30.")])],-1),c=l("strong",null,[l("code",null,"\uAD6C\uCCB4\uC801\uC778 \uACC4\uD68D")],-1),_={href:"https://programmers.co.kr/competitions/779/2021-kakaocommerce-fe-recruitment",target:"_blank",rel:"noopener noreferrer"},f=i("\uB2E8\uCFE0\uD0A4"),p=i(" \uB9AC\uCFE0\uB974\uD2B8\uC5D0 \uCC38\uC5EC\uD588\uB2E4. "),g=l("ul",null,[l("li",null,"3\uC6D4\uAE4C\uC9C0 3.0\uC744 \uB9CC\uB4E4 \uC608\uC815\uC774\uB2E4.")],-1),x={href:"https://github.com/DKU-STUDY",target:"_blank",rel:"noopener noreferrer"},b=i("DKU-STUDY"),m=i("\uB97C \uC6B4\uC601\uD558\uAE30 \uC704\uD55C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4 \uC608\uC815\uC774\uB2E4."),k=l("li",null,"\uB098\uB97C \uC704\uD55C \uC11C\uBE44\uC2A4\uB294 \uC544\uC9C1 \uAD6C\uCCB4\uC801\uC73C\uB85C \uC815\uD558\uC9C0 \uC54A\uC558\uB2E4.",-1),v=r('

      5. \uC2A4\uD130\uB514 \uC6B4\uC601

      \uACC4\uAE30

      • \uC9C0\uAE08\uC740 \uC2A4\uD130\uB514\uB97C \uB300\uCDA9 \uC6B4\uC601\uC911\uC774\uB2E4.
      • \uC774\uBC88\uC5D0 \uC778\uC9C0\uB3C4\uAC00 \uC870\uAE08 \uC313\uC778 \uD3B8\uC774\uB77C\uC11C \uC774\uB97C \uC81C\uB300\uB85C \uC774\uC6A9\uD574\uBCF4\uACE0\uC790 \uD55C\uB2E4.
      • \uC54C\uACE0\uB9AC\uC998 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uB2E4\uC591\uD55C \uC11C\uBE0C \uC2A4\uD130\uB514\uB97C \uB9CC\uB4E4\uC5B4\uC11C \uC6B4\uC601\uD574\uBCFC \uC0DD\uAC01\uC774\uB2E4.

      \uACC4\uD68D

      • \uC2A4\uD130\uB514 \uC778\uC6D0 50\uBA85\uAE4C\uC9C0 \uB9CC\uB4E4\uC5B4\uBCF4\uAE30
      • \uAE30\uC218(1\uAE30, 2\uAE30, 3\uAE30, ...) \uC81C\uB3C4\uB85C \uC6B4\uC601\uD558\uAE30
      • \uBA58\uD1A0\uB97C \uB9CE\uC774 \uD655\uBCF4\uD558\uAE30

      6. \uAE30\uD0C0

      • \uC6B4\uB3D9: \uC790\uC804\uAC70 / \uC218\uC601 / \uADFC\uB825\uC6B4\uB3D9
      • \uC774\uC0AC: \uC0C8\uB85C\uC6B4 \uC804\uC14B\uC9D1 \uC54C\uC544\uBCF4\uACE0 \uAC00\uB2A5\uD558\uB2E4\uBA74 \uC774\uC0AC\uD558\uAE30
      • \uC2DD\uC0AC: 1\uC8FC\uC77C\uC5D0 3\uBC88 \uC774\uC0C1\uC740 \uC9D1\uBC25 \uBA39\uAE30

      Summary

      • 1\uC21C\uC704
        • \uC77C\uC77C \uC601\uC5B4
        • \uAC1C\uBC1C \uC11C\uC801 \uACF5\uBD80
      • 2\uC21C\uC704
        • \uC800\uCD95
        • \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8
      • 3\uC21C\uC704
        • \uC2A4\uD130\uB514 \uC6B4\uC601
        • \uC6B4\uB3D9
        • \uC9D1\uBC25 \uBA39\uAE30
        • \uC774\uC0AC
      ',9);function D(N,S){const e=h("ExternalLinkIcon");return d(),t("div",null,[s,l("ul",null,[u,l("li",null,[c,l("ul",null,[l("li",null,[l("a",_,[f,a(e)]),p,g]),l("li",null,[l("a",x,[b,a(e)]),m]),k])])]),v])}var V=n(o,[["render",D],["__file","index.html.vue"]]);export{V as default}; diff --git a/assets/index.html.c09af06b.js b/assets/index.html.3aa686e7.js similarity index 94% rename from assets/index.html.c09af06b.js rename to assets/index.html.3aa686e7.js index 7be7f631..d635f056 100644 --- a/assets/index.html.c09af06b.js +++ b/assets/index.html.3aa686e7.js @@ -1 +1 @@ -const e={key:"v-7b8ebb95",path:"/Book/OOP-Principle/02-Java-As-PL/",title:"02 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC790\uBC14 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"02 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC790\uBC14 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"\uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 Java\uAC00 \uAC00\uC9C0\uACE0 \uC788\uB294 \uC5EC\uB7EC \uAC00\uC9C0 \uD2B9\uC131\uB4E4\uC744 \uC54C\uC544\uBCF4\uACE0 \uC774\uD574\uD558\uC5EC\uBD05\uC2DC\uB2E4.",date:"2020-02-19T13:00:00.000Z",sidebarDepth:2,tag:"\uCC45",thumbnail:"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg"},excerpt:"",headers:[{level:2,title:"Java Virtual Machine",slug:"java-virtual-machine",children:[]},{level:2,title:"Main Method\uC758 Stack Frame",slug:"main-method\u110B\u1174-stack-frame",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Book/OOP-Principle/02-Java-As-PL/README.md"};export{e as data}; +const e={key:"v-7b8ebb95",path:"/Book/OOP-Principle/02-Java-As-PL/",title:"02 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC790\uBC14 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"02 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC790\uBC14 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"\uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 Java\uAC00 \uAC00\uC9C0\uACE0 \uC788\uB294 \uC5EC\uB7EC \uAC00\uC9C0 \uD2B9\uC131\uB4E4\uC744 \uC54C\uC544\uBCF4\uACE0 \uC774\uD574\uD558\uC5EC\uBD05\uC2DC\uB2E4.",date:"2020-02-19T13:00:00.000Z",sidebarDepth:2,tag:"\uCC45",thumbnail:"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg"},excerpt:"",headers:[{level:2,title:"Java Virtual Machine",slug:"java-virtual-machine",children:[]},{level:2,title:"Main Method\uC758 Stack Frame",slug:"main-method\u110B\u1174-stack-frame",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Book/OOP-Principle/02-Java-As-PL/README.md"};export{e as data}; diff --git a/assets/index.html.1580f9aa.js b/assets/index.html.3b13d9dc.js similarity index 99% rename from assets/index.html.1580f9aa.js rename to assets/index.html.3b13d9dc.js index 3c2b4591..217e6553 100644 --- a/assets/index.html.1580f9aa.js +++ b/assets/index.html.3b13d9dc.js @@ -1,4 +1,4 @@ -import{_ as e,r as p,o,c,a as n,b as t,e as s,d as l}from"./app.800103af.js";var i="/TIL/assets/8.abe2c5a0.jpg";const u={},r=n("h1",{id:"vuepress-utterances",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vuepress-utterances","aria-hidden":"true"},"#"),s(" Vuepress + Utterances")],-1),d=n("p",null,"Vuepress\uC5D0 Utterances(GitHub Issue\uB97C \uC774\uC6A9\uD55C \uB313\uAE00)\uB97C \uC801\uC6A9\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uC220\uD569\uB2C8\uB2E4.",-1),k=n("h2",{id:"_1-utterances-install",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_1-utterances-install","aria-hidden":"true"},"#"),s(" 1. Utterances Install")],-1),m={href:"https://utteranc.es/",target:"_blank",rel:"noopener noreferrer"},v=s("Utterances"),g=s("\uB294 "),h=n("strong",null,"GitHub Issue \uAE30\uBC18",-1),b=s("\uC73C\uB85C \uB313\uAE00(Comment)\uB97C \uC791\uC131\uD560 \uC218 \uC788\uAC8C \uD574\uC8FC\uB294 \uD50C\uB7EC\uADF8\uC778\uC774\uB2E4."),_=n("p",null,[s("\uAE30\uC874\uC5D0 \uC6CC\uB4DC\uD504\uB808\uC2A4\uB85C \uB9CC\uB4E0 \uB098\uC758 \uAC1C\uC778 \uC0AC\uC774\uD2B8\uB294 "),n("code",null,"Disqus"),s("\uB97C \uC774\uC6A9\uD558\uC5EC \uB313\uAE00\uC744 \uAD00\uB9AC\uD558\uACE0 \uC788\uB294\uB370, \uAC1C\uC778\uC801\uC73C\uB85C Disqus\uBCF4\uB2E8 Utterances\uAC00 \uB354 \uC88B\uC740 \uAC83 \uAC19\uB2E4.")],-1),f=n("p",null,"Utterances\uB97C \uC0AC\uC6A9\uD558\uB294 \uBC29\uBC95\uC740 \uB9E4\uC6B0 \uAC04\uB2E8\uD558\uB2E4. \uC0AC\uC2E4 \uACF5\uC2DD \uC0AC\uC774\uD2B8\uC5D0 \uC788\uB294 \uB0B4\uC6A9\uC744 \uADF8\uB300\uB85C \uB530\uB77C\uD558\uBA74 \uB41C\uB2E4.",-1),q=n("h3",{id:"repository",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#repository","aria-hidden":"true"},"#"),s(" Repository")],-1),x=s("\uBA3C\uC800 GitHub\uC5D0 Public Repository\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4. \uD544\uC790\uB294 "),y={href:"https://github.com/JunilHwang/blog-comment",target:"_blank",rel:"noopener noreferrer"},j=s("blog-comment"),V=s(" \uB77C\uB294 \uC774\uB984\uC73C\uB85C \uB9CC\uB4E4\uC5C8\uB2E4."),w=s("\uADF8\uB9AC\uACE0 \uD574\uB2F9 Repository\uC5D0 "),C=n("code",null,"Utterances App",-1),U=s("\uC744 \uC124\uCE58\uD574\uC57C\uD55C\uB2E4. "),I={href:"https://github.com/apps/utterances",target:"_blank",rel:"noopener noreferrer"},L=s("\uC774 \uB9C1\uD06C"),N=s("\uC5D0\uC11C \uC124\uCE58\uD558\uBA74 \uB41C\uB2E4."),G=l(`

      \uADF8 \uB2E4\uC74C\uC5D0 \uC774 script tag\uB97C \uC801\uC6A9\uD560 page\uC5D0 \uBD99\uC774\uBA74 \uB41C\uB2E4.

      <script
      +import{_ as e,r as p,o,c,a as n,b as t,e as s,d as l}from"./app.d20f8571.js";var i="/TIL/assets/8.abe2c5a0.jpg";const u={},r=n("h1",{id:"vuepress-utterances",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vuepress-utterances","aria-hidden":"true"},"#"),s(" Vuepress + Utterances")],-1),d=n("p",null,"Vuepress\uC5D0 Utterances(GitHub Issue\uB97C \uC774\uC6A9\uD55C \uB313\uAE00)\uB97C \uC801\uC6A9\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uC220\uD569\uB2C8\uB2E4.",-1),k=n("h2",{id:"_1-utterances-install",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_1-utterances-install","aria-hidden":"true"},"#"),s(" 1. Utterances Install")],-1),m={href:"https://utteranc.es/",target:"_blank",rel:"noopener noreferrer"},v=s("Utterances"),g=s("\uB294 "),h=n("strong",null,"GitHub Issue \uAE30\uBC18",-1),b=s("\uC73C\uB85C \uB313\uAE00(Comment)\uB97C \uC791\uC131\uD560 \uC218 \uC788\uAC8C \uD574\uC8FC\uB294 \uD50C\uB7EC\uADF8\uC778\uC774\uB2E4."),_=n("p",null,[s("\uAE30\uC874\uC5D0 \uC6CC\uB4DC\uD504\uB808\uC2A4\uB85C \uB9CC\uB4E0 \uB098\uC758 \uAC1C\uC778 \uC0AC\uC774\uD2B8\uB294 "),n("code",null,"Disqus"),s("\uB97C \uC774\uC6A9\uD558\uC5EC \uB313\uAE00\uC744 \uAD00\uB9AC\uD558\uACE0 \uC788\uB294\uB370, \uAC1C\uC778\uC801\uC73C\uB85C Disqus\uBCF4\uB2E8 Utterances\uAC00 \uB354 \uC88B\uC740 \uAC83 \uAC19\uB2E4.")],-1),f=n("p",null,"Utterances\uB97C \uC0AC\uC6A9\uD558\uB294 \uBC29\uBC95\uC740 \uB9E4\uC6B0 \uAC04\uB2E8\uD558\uB2E4. \uC0AC\uC2E4 \uACF5\uC2DD \uC0AC\uC774\uD2B8\uC5D0 \uC788\uB294 \uB0B4\uC6A9\uC744 \uADF8\uB300\uB85C \uB530\uB77C\uD558\uBA74 \uB41C\uB2E4.",-1),q=n("h3",{id:"repository",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#repository","aria-hidden":"true"},"#"),s(" Repository")],-1),x=s("\uBA3C\uC800 GitHub\uC5D0 Public Repository\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4. \uD544\uC790\uB294 "),y={href:"https://github.com/JunilHwang/blog-comment",target:"_blank",rel:"noopener noreferrer"},j=s("blog-comment"),V=s(" \uB77C\uB294 \uC774\uB984\uC73C\uB85C \uB9CC\uB4E4\uC5C8\uB2E4."),w=s("\uADF8\uB9AC\uACE0 \uD574\uB2F9 Repository\uC5D0 "),C=n("code",null,"Utterances App",-1),U=s("\uC744 \uC124\uCE58\uD574\uC57C\uD55C\uB2E4. "),I={href:"https://github.com/apps/utterances",target:"_blank",rel:"noopener noreferrer"},L=s("\uC774 \uB9C1\uD06C"),N=s("\uC5D0\uC11C \uC124\uCE58\uD558\uBA74 \uB41C\uB2E4."),G=l(`

      \uADF8 \uB2E4\uC74C\uC5D0 \uC774 script tag\uB97C \uC801\uC6A9\uD560 page\uC5D0 \uBD99\uC774\uBA74 \uB41C\uB2E4.

      <script
         src="https://utteranc.es/client.js"
         repo="junilhwang/blog-comment" <!-- \uB313\uAE00(Comment)\uB85C \uC0AC\uC6A9\uD560 Repository -->
         <!--
      diff --git a/assets/index.html.93d4d94e.js b/assets/index.html.3bc945c1.js
      similarity index 91%
      rename from assets/index.html.93d4d94e.js
      rename to assets/index.html.3bc945c1.js
      index 1e52f6fd..06c1ea21 100644
      --- a/assets/index.html.93d4d94e.js
      +++ b/assets/index.html.3bc945c1.js
      @@ -1 +1 @@
      -import{_ as t,o as a,c,a as e,e as n}from"./app.800103af.js";const o={},r=e("h1",{id:"\u1109\u1173\u1111\u1173\u1105\u1175\u11BC\u110B\u1175-\u1109\u1161\u1105\u1161\u11BC\u1112\u1161\u11AB-\u1103\u1175\u110C\u1161\u110B\u1175\u11AB\u1111\u1162\u1110\u1165\u11AB",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u1109\u1173\u1111\u1173\u1105\u1175\u11BC\u110B\u1175-\u1109\u1161\u1105\u1161\u11BC\u1112\u1161\u11AB-\u1103\u1175\u110C\u1161\u110B\u1175\u11AB\u1111\u1162\u1110\u1165\u11AB","aria-hidden":"true"},"#"),n(" \uC2A4\uD504\uB9C1\uC774 \uC0AC\uB791\uD55C \uB514\uC790\uC778\uD328\uD134")],-1),s=e("p",null,"\uC791\uC131 \uC608\uC815\uC785\uB2C8\uB2E4.",-1),_=[r,s];function d(i,l){return a(),c("div",null,_)}var f=t(o,[["render",d],["__file","index.html.vue"]]);export{f as default};
      +import{_ as t,o as a,c,a as e,e as n}from"./app.d20f8571.js";const o={},r=e("h1",{id:"\u1109\u1173\u1111\u1173\u1105\u1175\u11BC\u110B\u1175-\u1109\u1161\u1105\u1161\u11BC\u1112\u1161\u11AB-\u1103\u1175\u110C\u1161\u110B\u1175\u11AB\u1111\u1162\u1110\u1165\u11AB",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u1109\u1173\u1111\u1173\u1105\u1175\u11BC\u110B\u1175-\u1109\u1161\u1105\u1161\u11BC\u1112\u1161\u11AB-\u1103\u1175\u110C\u1161\u110B\u1175\u11AB\u1111\u1162\u1110\u1165\u11AB","aria-hidden":"true"},"#"),n(" \uC2A4\uD504\uB9C1\uC774 \uC0AC\uB791\uD55C \uB514\uC790\uC778\uD328\uD134")],-1),s=e("p",null,"\uC791\uC131 \uC608\uC815\uC785\uB2C8\uB2E4.",-1),_=[r,s];function d(i,l){return a(),c("div",null,_)}var f=t(o,[["render",d],["__file","index.html.vue"]]);export{f as default};
      diff --git a/assets/index.html.c8368266.js b/assets/index.html.3f5c255d.js
      similarity index 96%
      rename from assets/index.html.c8368266.js
      rename to assets/index.html.3f5c255d.js
      index 55e36f7e..4a47ba3d 100644
      --- a/assets/index.html.c8368266.js
      +++ b/assets/index.html.3f5c255d.js
      @@ -1 +1 @@
      -import{_ as s,r,o as a,c as _,a as t,b as n,d as i,e}from"./app.800103af.js";const h={},c=i('

      About

      junilhwang's github stats bn

      \uC774\uB825

      ',3),l=e("\u{1F3E2} "),d={href:"https://zuminternet.com/",target:"_blank",rel:"noopener noreferrer"},u=e("\uC90C\uC778\uD130\uB137"),p=e(" \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uB9AC\uB354 (2021. 07 ~ 2022. 05)"),f=e("\u{1F3E2} "),m={href:"https://zuminternet.com/",target:"_blank",rel:"noopener noreferrer"},b=e("\uC90C\uC778\uD130\uB137"),g=e(" \uD480 \uC2A4\uD0DD \uD3EC\uD138 \uC11C\uBE44\uC2A4 \uAC1C\uBC1C\uC790 (2019. 11 ~ 2021. 06)"),k=e("\u{1F3E2} "),x={href:"http://designtalktalk.com/home/",target:"_blank",rel:"noopener noreferrer"},v=e("\uB514\uC790\uC778\uD1A1\uD1A1"),N=e(" \uC6F9 \uAC1C\uBC1C\uC790 (2016. 09 ~ 2018.02)"),V=e("\u{1F3E2} "),B={href:"http://home.sdh.hs.kr/index.do",target:"_blank",rel:"noopener noreferrer"},E=e("\uC11C\uC6B8\uB514\uC9C0\uD14D\uACE0\uB4F1\uD559\uAD50"),j=e(" \uC6F9 \uAC1C\uBC1C \uAC15\uC0AC (2014. 02 ~ 2014.11)"),w=e("\u{1F68E} "),z={href:"https://github.com/DKU-STUDY",target:"_blank",rel:"noopener noreferrer"},D=e("\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC1C\uBC1C\uC790 \uC2A4\uD130\uB514"),I=e(" (2020. 04 ~ \uD604\uC7AC)"),L=t("li",null,"\u{1F3EB} \uC0BC\uC77C\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50 (2013. 02)",-1),S=t("li",null,"\u{1F3EB} \uB2E8\uAD6D\uB300\uD559\uAD50 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC \uC878\uC5C5 (2020. 02)",-1);function T(U,A){const o=r("ExternalLinkIcon");return a(),_("div",null,[c,t("ul",null,[t("li",null,[l,t("a",d,[u,n(o)]),p]),t("li",null,[f,t("a",m,[b,n(o)]),g]),t("li",null,[k,t("a",x,[v,n(o)]),N]),t("li",null,[V,t("a",B,[E,n(o)]),j]),t("li",null,[w,t("a",z,[D,n(o)]),I]),L,S])])}var K=s(h,[["render",T],["__file","index.html.vue"]]);export{K as default}; +import{_ as s,r,o as a,c as _,a as t,b as n,d as i,e}from"./app.d20f8571.js";const h={},c=i('

      About

      junilhwang's github stats bn

      \uC774\uB825

      ',3),l=e("\u{1F3E2} "),d={href:"https://zuminternet.com/",target:"_blank",rel:"noopener noreferrer"},u=e("\uC90C\uC778\uD130\uB137"),p=e(" \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uB9AC\uB354 (2021. 07 ~ 2022. 05)"),f=e("\u{1F3E2} "),m={href:"https://zuminternet.com/",target:"_blank",rel:"noopener noreferrer"},b=e("\uC90C\uC778\uD130\uB137"),g=e(" \uD480 \uC2A4\uD0DD \uD3EC\uD138 \uC11C\uBE44\uC2A4 \uAC1C\uBC1C\uC790 (2019. 11 ~ 2021. 06)"),k=e("\u{1F3E2} "),x={href:"http://designtalktalk.com/home/",target:"_blank",rel:"noopener noreferrer"},v=e("\uB514\uC790\uC778\uD1A1\uD1A1"),N=e(" \uC6F9 \uAC1C\uBC1C\uC790 (2016. 09 ~ 2018.02)"),V=e("\u{1F3E2} "),B={href:"http://home.sdh.hs.kr/index.do",target:"_blank",rel:"noopener noreferrer"},E=e("\uC11C\uC6B8\uB514\uC9C0\uD14D\uACE0\uB4F1\uD559\uAD50"),j=e(" \uC6F9 \uAC1C\uBC1C \uAC15\uC0AC (2014. 02 ~ 2014.11)"),w=e("\u{1F68E} "),z={href:"https://github.com/DKU-STUDY",target:"_blank",rel:"noopener noreferrer"},D=e("\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC1C\uBC1C\uC790 \uC2A4\uD130\uB514"),I=e(" (2020. 04 ~ \uD604\uC7AC)"),L=t("li",null,"\u{1F3EB} \uC0BC\uC77C\uACF5\uC5C5\uACE0\uB4F1\uD559\uAD50 (2013. 02)",-1),S=t("li",null,"\u{1F3EB} \uB2E8\uAD6D\uB300\uD559\uAD50 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uD559\uACFC \uC878\uC5C5 (2020. 02)",-1);function T(U,A){const o=r("ExternalLinkIcon");return a(),_("div",null,[c,t("ul",null,[t("li",null,[l,t("a",d,[u,n(o)]),p]),t("li",null,[f,t("a",m,[b,n(o)]),g]),t("li",null,[k,t("a",x,[v,n(o)]),N]),t("li",null,[V,t("a",B,[E,n(o)]),j]),t("li",null,[w,t("a",z,[D,n(o)]),I]),L,S])])}var K=s(h,[["render",T],["__file","index.html.vue"]]);export{K as default}; diff --git a/assets/index.html.2f81c7ac.js b/assets/index.html.402b50da.js similarity index 97% rename from assets/index.html.2f81c7ac.js rename to assets/index.html.402b50da.js index f4120fb0..844e5bc8 100644 --- a/assets/index.html.2f81c7ac.js +++ b/assets/index.html.402b50da.js @@ -1 +1 @@ -const e={key:"v-6c466d1c",path:"/Review/2020-year/01-January/",title:"2020\uB144 1\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 1\uC6D4 \uD68C\uACE0",description:"2020\uB144 1\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:1,date:"2020-01-31T00:00:00.000Z",tag:"\uD68C\uACE0"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD68C\uC0AC\uC5D0\uC11C \uC9C4\uD589 \uC911\uC774\uB358 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uB9C8\uBB34\uB9AC\uD588\uB2E4.",slug:"_1-\u1112\u116C\u1109\u1161\u110B\u1166\u1109\u1165-\u110C\u1175\u11AB\u1112\u1162\u11BC-\u110C\u116E\u11BC\u110B\u1175\u1103\u1165\u11AB-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1105\u1173\u11AF-\u1106\u1161\u1106\u116E\u1105\u1175\u1112\u1162\u11BB\u1103\u1161",children:[]},{level:3,title:"2. Markdown\uC73C\uB85C UML\uC744 \uADF8\uB9B4 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4.",slug:"_2-markdown\u110B\u1173\u1105\u1169-uml\u110B\u1173\u11AF-\u1100\u1173\u1105\u1175\u11AF-\u1109\u116E-\u110B\u1175\u11BB\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1103\u1161",children:[]},{level:3,title:"3. \uCD5C\uC885 \uBC1C\uD45C",slug:"_3-\u110E\u116C\u110C\u1169\u11BC-\u1107\u1161\u11AF\u1111\u116D",children:[]},{level:3,title:"4. \uC778\uC218\uC778\uACC4",slug:"_4-\u110B\u1175\u11AB\u1109\u116E\u110B\u1175\u11AB\u1100\u1168",children:[]},{level:3,title:"5. \uD68C\uC0AC \uAE30\uC220 \uBE14\uB85C\uADF8\uC5D0 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uC62C\uB9AC\uAE30",slug:"_5-\u1112\u116C\u1109\u1161-\u1100\u1175\u1109\u116E\u11AF-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173\u110B\u1166-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110B\u1169\u11AF\u1105\u1175\u1100\u1175",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC77C\uC77C \uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learn",slug:"_2-today-i-learn",children:[]},{level:3,title:"3. \uCF54\uB4DC \uC2A4\uD53C\uCE20 86\uAE30, \uADF8\uB9AC\uACE0 \uAC1D\uCCB4\uC9C0\uD5A5",slug:"_3-\u110F\u1169\u1103\u1173-\u1109\u1173\u1111\u1175\u110E\u1173-86\u1100\u1175-\u1100\u1173\u1105\u1175\u1100\u1169-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",children:[]},{level:3,title:"4. \uC544\uC26C\uC6B4 \uC810",slug:"_4-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/01-January/README.md"};export{e as data}; +const e={key:"v-6c466d1c",path:"/Review/2020-year/01-January/",title:"2020\uB144 1\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 1\uC6D4 \uD68C\uACE0",description:"2020\uB144 1\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:1,date:"2020-01-31T00:00:00.000Z",tag:"\uD68C\uACE0"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD68C\uC0AC\uC5D0\uC11C \uC9C4\uD589 \uC911\uC774\uB358 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uB9C8\uBB34\uB9AC\uD588\uB2E4.",slug:"_1-\u1112\u116C\u1109\u1161\u110B\u1166\u1109\u1165-\u110C\u1175\u11AB\u1112\u1162\u11BC-\u110C\u116E\u11BC\u110B\u1175\u1103\u1165\u11AB-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1105\u1173\u11AF-\u1106\u1161\u1106\u116E\u1105\u1175\u1112\u1162\u11BB\u1103\u1161",children:[]},{level:3,title:"2. Markdown\uC73C\uB85C UML\uC744 \uADF8\uB9B4 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4.",slug:"_2-markdown\u110B\u1173\u1105\u1169-uml\u110B\u1173\u11AF-\u1100\u1173\u1105\u1175\u11AF-\u1109\u116E-\u110B\u1175\u11BB\u1100\u1166-\u1103\u116C\u110B\u1165\u11BB\u1103\u1161",children:[]},{level:3,title:"3. \uCD5C\uC885 \uBC1C\uD45C",slug:"_3-\u110E\u116C\u110C\u1169\u11BC-\u1107\u1161\u11AF\u1111\u116D",children:[]},{level:3,title:"4. \uC778\uC218\uC778\uACC4",slug:"_4-\u110B\u1175\u11AB\u1109\u116E\u110B\u1175\u11AB\u1100\u1168",children:[]},{level:3,title:"5. \uD68C\uC0AC \uAE30\uC220 \uBE14\uB85C\uADF8\uC5D0 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uC62C\uB9AC\uAE30",slug:"_5-\u1112\u116C\u1109\u1161-\u1100\u1175\u1109\u116E\u11AF-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173\u110B\u1166-\u1111\u1161\u110B\u1175\u11AF\u1105\u1165\u11BA-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110B\u1169\u11AF\u1105\u1175\u1100\u1175",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC77C\uC77C \uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learn",slug:"_2-today-i-learn",children:[]},{level:3,title:"3. \uCF54\uB4DC \uC2A4\uD53C\uCE20 86\uAE30, \uADF8\uB9AC\uACE0 \uAC1D\uCCB4\uC9C0\uD5A5",slug:"_3-\u110F\u1169\u1103\u1173-\u1109\u1173\u1111\u1175\u110E\u1173-86\u1100\u1175-\u1100\u1173\u1105\u1175\u1100\u1169-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",children:[]},{level:3,title:"4. \uC544\uC26C\uC6B4 \uC810",slug:"_4-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/01-January/README.md"};export{e as data}; diff --git a/assets/index.html.0c3d05c3.js b/assets/index.html.41eb8580.js similarity index 90% rename from assets/index.html.0c3d05c3.js rename to assets/index.html.41eb8580.js index 90e8f05b..78cf9ee4 100644 --- a/assets/index.html.0c3d05c3.js +++ b/assets/index.html.41eb8580.js @@ -1 +1 @@ -import{_ as a,o as t,c as r,a as e,e as c}from"./app.800103af.js";const n={},o=e("h1",{id:"\u110C\u116E\u1102\u1175\u110B\u1165-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u110B\u1175\u110C\u1175\u11A8-\u1112\u116E\u1100\u1175",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110C\u116E\u1102\u1175\u110B\u1165-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u110B\u1175\u110C\u1175\u11A8-\u1112\u116E\u1100\u1175","aria-hidden":"true"},"#"),c(" \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 \uC774\uC9C1 \uD6C4\uAE30")],-1),s=[o];function _(d,i){return t(),r("div",null,s)}var l=a(n,[["render",_],["__file","index.html.vue"]]);export{l as default}; +import{_ as a,o as t,c as r,a as e,e as c}from"./app.d20f8571.js";const n={},o=e("h1",{id:"\u110C\u116E\u1102\u1175\u110B\u1165-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u110B\u1175\u110C\u1175\u11A8-\u1112\u116E\u1100\u1175",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110C\u116E\u1102\u1175\u110B\u1165-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u110B\u1175\u110C\u1175\u11A8-\u1112\u116E\u1100\u1175","aria-hidden":"true"},"#"),c(" \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 \uC774\uC9C1 \uD6C4\uAE30")],-1),s=[o];function _(d,i){return t(),r("div",null,s)}var l=a(n,[["render",_],["__file","index.html.vue"]]);export{l as default}; diff --git a/assets/index.html.ffb12c93.js b/assets/index.html.42bfefdd.js similarity index 97% rename from assets/index.html.ffb12c93.js rename to assets/index.html.42bfefdd.js index 6361b5db..79af12fc 100644 --- a/assets/index.html.ffb12c93.js +++ b/assets/index.html.42bfefdd.js @@ -1 +1 @@ -const e={key:"v-58a75c06",path:"/Review/2020-year/12-December/",title:"2020\uB144 12\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 12\uC6D4 \uD68C\uACE0",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 2020\uB144 12\uC6D4 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-12-30T18:20:00.000Z",hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https://junilhwang.github.io/TIL/Review/2020-year/end/",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/172793803-a792c72b-82f0-4da7-b8c0-a58978c234e9.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Composition API\uB85C \uB9AC\uD329\uD1A0\uB9C1",slug:"_1-composition-api\u1105\u1169-\u1105\u1175\u1111\u1162\u11A8\u1110\u1169\u1105\u1175\u11BC",children:[]},{level:3,title:"2. \uB9C8\uC9C0\uB9C9 \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1106\u1161\u110C\u1175\u1106\u1161\u11A8-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"3. \uB5A0\uB098\uAC00\uB294 \uD300\uC6D0\uB4E4",slug:"_3-\u1104\u1165\u1102\u1161\u1100\u1161\u1102\u1173\u11AB-\u1110\u1175\u11B7\u110B\u116F\u11AB\u1103\u1173\u11AF",children:[]},{level:3,title:"4. \uC0AC\uB0B4 \uAC8C\uC784 \uB300\uD68C",slug:"_4-\u1109\u1161\u1102\u1162-\u1100\u1166\u110B\u1175\u11B7-\u1103\u1162\u1112\u116C",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. NextStep \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_1-nextstep-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"2. \uB2E8\uCFE0\uD0A4 \uAC1C\uBC1C\uD300 \uD569\uB958",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175-\u1100\u1162\u1107\u1161\u11AF\u1110\u1175\u11B7-\u1112\u1161\u11B8\u1105\u1172",children:[]},{level:3,title:"3. Composition API \uD559\uC2B5",slug:"_3-composition-api-\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[]},{level:3,title:"4. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 2",slug:"_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2",children:[]},{level:3,title:"5. \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 2\uAE30",slug:"_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175",children:[]},{level:3,title:"6. \uB3C5\uC11C",slug:"_6-\u1103\u1169\u11A8\u1109\u1165",children:[]},{level:3,title:"7. Devears",slug:"_7-devears",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/12-December/README.md"};export{e as data}; +const e={key:"v-58a75c06",path:"/Review/2020-year/12-December/",title:"2020\uB144 12\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 12\uC6D4 \uD68C\uACE0",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 2020\uB144 12\uC6D4 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-12-30T18:20:00.000Z",hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https://junilhwang.github.io/TIL/Review/2020-year/end/",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/172793803-a792c72b-82f0-4da7-b8c0-a58978c234e9.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Composition API\uB85C \uB9AC\uD329\uD1A0\uB9C1",slug:"_1-composition-api\u1105\u1169-\u1105\u1175\u1111\u1162\u11A8\u1110\u1169\u1105\u1175\u11BC",children:[]},{level:3,title:"2. \uB9C8\uC9C0\uB9C9 \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1106\u1161\u110C\u1175\u1106\u1161\u11A8-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]},{level:3,title:"3. \uB5A0\uB098\uAC00\uB294 \uD300\uC6D0\uB4E4",slug:"_3-\u1104\u1165\u1102\u1161\u1100\u1161\u1102\u1173\u11AB-\u1110\u1175\u11B7\u110B\u116F\u11AB\u1103\u1173\u11AF",children:[]},{level:3,title:"4. \uC0AC\uB0B4 \uAC8C\uC784 \uB300\uD68C",slug:"_4-\u1109\u1161\u1102\u1162-\u1100\u1166\u110B\u1175\u11B7-\u1103\u1162\u1112\u116C",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. NextStep \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",slug:"_1-nextstep-\u1105\u1175\u1107\u1172\u110B\u1165-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[]},{level:3,title:"2. \uB2E8\uCFE0\uD0A4 \uAC1C\uBC1C\uD300 \uD569\uB958",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175-\u1100\u1162\u1107\u1161\u11AF\u1110\u1175\u11B7-\u1112\u1161\u11B8\u1105\u1172",children:[]},{level:3,title:"3. Composition API \uD559\uC2B5",slug:"_3-composition-api-\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[]},{level:3,title:"4. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 2",slug:"_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2",children:[]},{level:3,title:"5. \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 2\uAE30",slug:"_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175",children:[]},{level:3,title:"6. \uB3C5\uC11C",slug:"_6-\u1103\u1169\u11A8\u1109\u1165",children:[]},{level:3,title:"7. Devears",slug:"_7-devears",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/12-December/README.md"};export{e as data}; diff --git a/assets/index.html.f30b0a69.js b/assets/index.html.430c151c.js similarity index 91% rename from assets/index.html.f30b0a69.js rename to assets/index.html.430c151c.js index 27433c7c..7a7781bb 100644 --- a/assets/index.html.f30b0a69.js +++ b/assets/index.html.430c151c.js @@ -1 +1 @@ -const e={key:"v-5c505680",path:"/Review/Turnover/",title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 \uC774\uC9C1 \uD6C4\uAE30",lang:"en-US",frontmatter:{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 \uC774\uC9C1 \uD6C4\uAE30",description:"\uC90C\uC778\uD130\uB137\uC5D0 \uC785\uC0AC\uD558\uACE0 \uB124\uC774\uBC84\uB85C \uC774\uC9C1\uD558\uAE30 \uAE4C\uC9C0\uC758 \uACFC\uC815\uC744 \uB2E4\uB8EC \uAE00\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2022-06-12T13:00:00.000Z",thumbnail:"https://user-images.githubusercontent.com/18749057/172793231-f0ddc40c-1309-4c64-a74a-4522a4ef4ef2.png",tag:"\uD68C\uACE0, \uC774\uC9C1",disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"Review/Turnover/README.md"};export{e as data}; +const e={key:"v-5c505680",path:"/Review/Turnover/",title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 \uC774\uC9C1 \uD6C4\uAE30",lang:"en-US",frontmatter:{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 \uC774\uC9C1 \uD6C4\uAE30",description:"\uC90C\uC778\uD130\uB137\uC5D0 \uC785\uC0AC\uD558\uACE0 \uB124\uC774\uBC84\uB85C \uC774\uC9C1\uD558\uAE30 \uAE4C\uC9C0\uC758 \uACFC\uC815\uC744 \uB2E4\uB8EC \uAE00\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2022-06-12T13:00:00.000Z",thumbnail:"https://user-images.githubusercontent.com/18749057/172793231-f0ddc40c-1309-4c64-a74a-4522a4ef4ef2.png",tag:"\uD68C\uACE0, \uC774\uC9C1",disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"Review/Turnover/README.md"};export{e as data}; diff --git a/assets/index.html.e25e2de7.js b/assets/index.html.4387cbbd.js similarity index 98% rename from assets/index.html.e25e2de7.js rename to assets/index.html.4387cbbd.js index 069166dd..a74994e4 100644 --- a/assets/index.html.e25e2de7.js +++ b/assets/index.html.4387cbbd.js @@ -1 +1 @@ -const l={key:"v-065e7d40",path:"/writing/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%B7%A8%EC%A4%80/",title:"2023\uB144\uC744 \uB3CC\uC544\uBCF4\uBA70 \uC0DD\uAC01\uD55C \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uD558\uAE30",lang:"en-US",frontmatter:{title:"2023\uB144\uC744 \uB3CC\uC544\uBCF4\uBA70 \uC0DD\uAC01\uD55C \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uD558\uAE30",description:"\uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uC744 \uD558\uAE30 \uC704\uD574\uC120 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uC900\uBE44\uB97C \uD574\uC57C \uC88B\uC744\uAE4C?",date:"2024-01-13T23:00:00.000Z",tag:"\uC0DD\uAC01"},excerpt:"",headers:[{level:2,title:"1. \uC591 \uBCF4\uB2E8 \uC9C8 \uC18D\uB3C4 \uBCF4\uB2E8 \uBC29\uD5A5 \uB113\uAC8C \uBCF4\uB2E8 \uAE4A\uC774",slug:"_1-\u110B\u1163\u11BC-\u1107\u1169\u1103\u1161\u11AB-\u110C\u1175\u11AF-\u1109\u1169\u11A8\u1103\u1169-\u1107\u1169\u1103\u1161\u11AB-\u1107\u1161\u11BC\u1112\u1163\u11BC-\u1102\u1165\u11B2\u1100\u1166-\u1107\u1169\u1103\u1161\u11AB-\u1100\u1175\u11C1\u110B\u1175",children:[{level:3,title:"(1) \uACBD\uD5D8\uC758 \uC9C8\uC774 \uC911\uC694\uD558\uB2E4",slug:"_1-\u1100\u1167\u11BC\u1112\u1165\u11B7\u110B\u1174-\u110C\u1175\u11AF\u110B\u1175-\u110C\u116E\u11BC\u110B\u116D\u1112\u1161\u1103\u1161",children:[]},{level:3,title:"(2) \uBB38\uC81C\uD574\uACB0",slug:"_2-\u1106\u116E\u11AB\u110C\u1166\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"2. \uD63C\uC790\uC11C \uD560 \uC218 \uC788\uB294 \uAC83\uACFC \uD63C\uC790\uC11C \uD560 \uC218 \uC5C6\uB294 \uAC83",slug:"_2-\u1112\u1169\u11AB\u110C\u1161\u1109\u1165-\u1112\u1161\u11AF-\u1109\u116E-\u110B\u1175\u11BB\u1102\u1173\u11AB-\u1100\u1165\u11BA\u1100\u116A-\u1112\u1169\u11AB\u110C\u1161\u1109\u1165-\u1112\u1161\u11AF-\u1109\u116E-\u110B\u1165\u11B9\u1102\u1173\u11AB-\u1100\u1165\u11BA",children:[{level:3,title:"(1) \uC18C\uD504\uD2B8\uC2A4\uD0AC",slug:"_1-\u1109\u1169\u1111\u1173\u1110\u1173\u1109\u1173\u110F\u1175\u11AF",children:[]},{level:3,title:"(2) \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uC0AC\uB78C",slug:"_2-\u1100\u1161\u11C0\u110B\u1175-\u110B\u1175\u11AF\u1112\u1161\u1100\u1169-\u1109\u1175\u11C1\u110B\u1173\u11AB-\u1109\u1161\u1105\u1161\u11B7",children:[]},{level:3,title:"(3) \uB098\uC5D0\uAC8C \uB9DE\uB294",slug:"_3-\u1102\u1161\u110B\u1166\u1100\u1166-\u1106\u1161\u11BD\u1102\u1173\u11AB",children:[]}]},{level:2,title:"3. \uD559\uC2B5 \uADF8 \uC790\uCCB4",slug:"_3-\u1112\u1161\u11A8\u1109\u1173\u11B8-\u1100\u1173-\u110C\u1161\u110E\u1166",children:[{level:3,title:"(1) \uB0B4\uAC00 \uC88B\uC544\uD558\uB294 \uACF5\uBD80 \uBC29\uBC95",slug:"_1-\u1102\u1162\u1100\u1161-\u110C\u1169\u11C2\u110B\u1161\u1112\u1161\u1102\u1173\u11AB-\u1100\u1169\u11BC\u1107\u116E-\u1107\u1161\u11BC\u1107\u1165\u11B8",children:[]},{level:3,title:"(2) \uC131\uACF5\uC758 \uBAA9\uC801\uACFC \uC218\uB2E8",slug:"_2-\u1109\u1165\u11BC\u1100\u1169\u11BC\u110B\u1174-\u1106\u1169\u11A8\u110C\u1165\u11A8\u1100\u116A-\u1109\u116E\u1103\u1161\u11AB",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[{level:3,title:"(1) \uAE4A\uC774",slug:"_1-\u1100\u1175\u11C1\u110B\u1175",children:[]},{level:3,title:"(2) \uC18C\uD504\uD2B8\uC2A4\uD0AC",slug:"_2-\u1109\u1169\u1111\u1173\u1110\u1173\u1109\u1173\u110F\u1175\u11AF",children:[]},{level:3,title:"(3) \uBA54\uD0C0\uC778\uC9C0",slug:"_3-\u1106\u1166\u1110\u1161\u110B\u1175\u11AB\u110C\u1175",children:[]}]}],git:{updatedTime:1707733507e3},filePathRelative:"writing/\uAC1C\uBC1C\uC790-\uCDE8\uC900/README.md"};export{l as data}; +const l={key:"v-065e7d40",path:"/writing/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%B7%A8%EC%A4%80/",title:"2023\uB144\uC744 \uB3CC\uC544\uBCF4\uBA70 \uC0DD\uAC01\uD55C \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uD558\uAE30",lang:"en-US",frontmatter:{title:"2023\uB144\uC744 \uB3CC\uC544\uBCF4\uBA70 \uC0DD\uAC01\uD55C \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uD558\uAE30",description:"\uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uC744 \uD558\uAE30 \uC704\uD574\uC120 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uC900\uBE44\uB97C \uD574\uC57C \uC88B\uC744\uAE4C?",date:"2024-01-13T23:00:00.000Z",tag:"\uC0DD\uAC01"},excerpt:"",headers:[{level:2,title:"1. \uC591 \uBCF4\uB2E8 \uC9C8 \uC18D\uB3C4 \uBCF4\uB2E8 \uBC29\uD5A5 \uB113\uAC8C \uBCF4\uB2E8 \uAE4A\uC774",slug:"_1-\u110B\u1163\u11BC-\u1107\u1169\u1103\u1161\u11AB-\u110C\u1175\u11AF-\u1109\u1169\u11A8\u1103\u1169-\u1107\u1169\u1103\u1161\u11AB-\u1107\u1161\u11BC\u1112\u1163\u11BC-\u1102\u1165\u11B2\u1100\u1166-\u1107\u1169\u1103\u1161\u11AB-\u1100\u1175\u11C1\u110B\u1175",children:[{level:3,title:"(1) \uACBD\uD5D8\uC758 \uC9C8\uC774 \uC911\uC694\uD558\uB2E4",slug:"_1-\u1100\u1167\u11BC\u1112\u1165\u11B7\u110B\u1174-\u110C\u1175\u11AF\u110B\u1175-\u110C\u116E\u11BC\u110B\u116D\u1112\u1161\u1103\u1161",children:[]},{level:3,title:"(2) \uBB38\uC81C\uD574\uACB0",slug:"_2-\u1106\u116E\u11AB\u110C\u1166\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"2. \uD63C\uC790\uC11C \uD560 \uC218 \uC788\uB294 \uAC83\uACFC \uD63C\uC790\uC11C \uD560 \uC218 \uC5C6\uB294 \uAC83",slug:"_2-\u1112\u1169\u11AB\u110C\u1161\u1109\u1165-\u1112\u1161\u11AF-\u1109\u116E-\u110B\u1175\u11BB\u1102\u1173\u11AB-\u1100\u1165\u11BA\u1100\u116A-\u1112\u1169\u11AB\u110C\u1161\u1109\u1165-\u1112\u1161\u11AF-\u1109\u116E-\u110B\u1165\u11B9\u1102\u1173\u11AB-\u1100\u1165\u11BA",children:[{level:3,title:"(1) \uC18C\uD504\uD2B8\uC2A4\uD0AC",slug:"_1-\u1109\u1169\u1111\u1173\u1110\u1173\u1109\u1173\u110F\u1175\u11AF",children:[]},{level:3,title:"(2) \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uC0AC\uB78C",slug:"_2-\u1100\u1161\u11C0\u110B\u1175-\u110B\u1175\u11AF\u1112\u1161\u1100\u1169-\u1109\u1175\u11C1\u110B\u1173\u11AB-\u1109\u1161\u1105\u1161\u11B7",children:[]},{level:3,title:"(3) \uB098\uC5D0\uAC8C \uB9DE\uB294",slug:"_3-\u1102\u1161\u110B\u1166\u1100\u1166-\u1106\u1161\u11BD\u1102\u1173\u11AB",children:[]}]},{level:2,title:"3. \uD559\uC2B5 \uADF8 \uC790\uCCB4",slug:"_3-\u1112\u1161\u11A8\u1109\u1173\u11B8-\u1100\u1173-\u110C\u1161\u110E\u1166",children:[{level:3,title:"(1) \uB0B4\uAC00 \uC88B\uC544\uD558\uB294 \uACF5\uBD80 \uBC29\uBC95",slug:"_1-\u1102\u1162\u1100\u1161-\u110C\u1169\u11C2\u110B\u1161\u1112\u1161\u1102\u1173\u11AB-\u1100\u1169\u11BC\u1107\u116E-\u1107\u1161\u11BC\u1107\u1165\u11B8",children:[]},{level:3,title:"(2) \uC131\uACF5\uC758 \uBAA9\uC801\uACFC \uC218\uB2E8",slug:"_2-\u1109\u1165\u11BC\u1100\u1169\u11BC\u110B\u1174-\u1106\u1169\u11A8\u110C\u1165\u11A8\u1100\u116A-\u1109\u116E\u1103\u1161\u11AB",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[{level:3,title:"(1) \uAE4A\uC774",slug:"_1-\u1100\u1175\u11C1\u110B\u1175",children:[]},{level:3,title:"(2) \uC18C\uD504\uD2B8\uC2A4\uD0AC",slug:"_2-\u1109\u1169\u1111\u1173\u1110\u1173\u1109\u1173\u110F\u1175\u11AF",children:[]},{level:3,title:"(3) \uBA54\uD0C0\uC778\uC9C0",slug:"_3-\u1106\u1166\u1110\u1161\u110B\u1175\u11AB\u110C\u1175",children:[]}]}],git:{updatedTime:1707733811e3},filePathRelative:"writing/\uAC1C\uBC1C\uC790-\uCDE8\uC900/README.md"};export{l as data}; diff --git a/assets/index.html.fb9321da.js b/assets/index.html.438bdc30.js similarity index 93% rename from assets/index.html.fb9321da.js rename to assets/index.html.438bdc30.js index 83a2d84e..032ffe01 100644 --- a/assets/index.html.fb9321da.js +++ b/assets/index.html.438bdc30.js @@ -1 +1 @@ -import{_ as t,o as a,c,a as e,e as n}from"./app.800103af.js";const o={},r=e("p",null,"** \uC544\uC9C1 \uC791\uC131\uC774 \uC644\uB8CC\uB418\uC9C0 \uC54A\uC740 \uAE00\uC785\uB2C8\uB2E4. **",-1),s=e("h1",{id:"\u110C\u1161\u1107\u1161\u1109\u1173\u110F\u1173\u1105\u1175\u11B8\u1110\u1173\u1110\u1173\u110B\u1174-\u1103\u1169\u11BC\u1109\u1175\u1109\u1165\u11BC\u1100\u116A-\u1107\u1167\u11BC\u1105\u1167\u11AF\u1109\u1165\u11BC",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110C\u1161\u1107\u1161\u1109\u1173\u110F\u1173\u1105\u1175\u11B8\u1110\u1173\u1110\u1173\u110B\u1174-\u1103\u1169\u11BC\u1109\u1175\u1109\u1165\u11BC\u1100\u116A-\u1107\u1167\u11BC\u1105\u1167\u11AF\u1109\u1165\u11BC","aria-hidden":"true"},"#"),n(" \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131")],-1),_=[r,s];function d(i,l){return a(),c("div",null,_)}var f=t(o,[["render",d],["__file","index.html.vue"]]);export{f as default}; +import{_ as t,o as a,c,a as e,e as n}from"./app.d20f8571.js";const o={},r=e("p",null,"** \uC544\uC9C1 \uC791\uC131\uC774 \uC644\uB8CC\uB418\uC9C0 \uC54A\uC740 \uAE00\uC785\uB2C8\uB2E4. **",-1),s=e("h1",{id:"\u110C\u1161\u1107\u1161\u1109\u1173\u110F\u1173\u1105\u1175\u11B8\u1110\u1173\u1110\u1173\u110B\u1174-\u1103\u1169\u11BC\u1109\u1175\u1109\u1165\u11BC\u1100\u116A-\u1107\u1167\u11BC\u1105\u1167\u11AF\u1109\u1165\u11BC",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110C\u1161\u1107\u1161\u1109\u1173\u110F\u1173\u1105\u1175\u11B8\u1110\u1173\u1110\u1173\u110B\u1174-\u1103\u1169\u11BC\u1109\u1175\u1109\u1165\u11BC\u1100\u116A-\u1107\u1167\u11BC\u1105\u1167\u11AF\u1109\u1165\u11BC","aria-hidden":"true"},"#"),n(" \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131")],-1),_=[r,s];function d(i,l){return a(),c("div",null,_)}var f=t(o,[["render",d],["__file","index.html.vue"]]);export{f as default}; diff --git a/assets/index.html.0dee3238.js b/assets/index.html.439d4e1f.js similarity index 99% rename from assets/index.html.0dee3238.js rename to assets/index.html.439d4e1f.js index 2a114a0b..159c2d6a 100644 --- a/assets/index.html.0dee3238.js +++ b/assets/index.html.439d4e1f.js @@ -1,4 +1,4 @@ -import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.800103af.js";const l={},u=n("h1",{id:"mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-2",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-2","aria-hidden":"true"},"#"),s(" MVVM System \uAC1C\uC120\uD558\uAE30 (2)")],-1),k={class:"custom-container tip"},r=n("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uB4E4\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),d={href:"https://www.youtube.com/watch?v=r4vOF7WpxgM&t=868s",target:"_blank",rel:"noopener noreferrer"},v=s("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30 4\uD68C\uCC28 \uB3D9\uC601\uC0C1"),m=p(`

      \uAC1D\uCCB4\uC9C0\uD5A5 \uD504\uB85C\uADF8\uB7A8\uC774\uB780 \uCC98\uC74C\uC5D0 \uC774\uB8E8\uACE0\uD558\uC790\uB294 \uBAA9\uD45C\uC5D0\uC11C\uBD80\uD130 \uB369\uC5B4\uB9AC\uC9C4 \uAC83\uC744 \uCC28\uADFC\uCC28\uADFC \uBD84\uB9AC\uD558\uACE0 \uAE4E\uC544\uB0B4\uB294 \uACFC\uC815 \uC774\uB2E4. \uADF8\uB798\uC11C \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uC740 \uC560\uC790\uC77C(Agile) \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uAC1C\uBC1C\uACFC \uAD81\uD569\uC774 \uC88B\uB2E4.

      \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C \uCF54\uB4DC\uB97C \uAE4E\uC544\uB0B4\uB294 \uAE30\uC900\uC740 \uC5ED\uD560\uACFC \uCC45\uC784 \uC774\uB2E4. \uC5ED\uD560\uACFC \uCC45\uC784\uC740 \uBE44\uC2B7\uD558\uC9C0\uB9CC \uB3D9\uC804\uC758 \uC591\uBA74\uACFC \uAC19\uB2E4.

      \uC5ED\uD560\uACFC \uCC45\uC784

      • \uCC45\uC784\uC744 \uC9C4\uB2E4\uB294 \uAC83\uC740 \uCC45\uC784\uC5D0 \uC801\uD569\uD55C \uAD8C\uD55C\uB3C4 \uAC16\uACE0 \uC788\uB2E4\uB294 \uAC83\uC774\uB2E4.
      • \uAD8C\uD55C\uC774 \uC788\uB2E4\uB294 \uAC83\uC740 \uAD8C\uD55C\uC5D0 \uC801\uD569\uD55C \uCC45\uC784\uB3C4 \uAC16\uACE0 \uC788\uB2E4\uB294 \uAC83\uC774\uB2E4.
      • \uCC45\uC784\uC774 \uC5C6\uB294\uB370 \uAD8C\uD55C\uC774 \uC5C6\uAC70\uB098 \uAD8C\uD55C\uC774 \uC5C6\uB294\uB370 \uCC45\uC784\uC774 \uC788\uB2E4\uBA74 \uBB38\uC81C\uAC00 \uC0DD\uAE34\uB2E4.

      \uC778\uAC04\uC758 \uBA38\uB9AC\uB294 \uBCF5\uC7A1\uC131\uC758 \uD55C\uACC4\uAC00 \uC788\uB2E4. \uADF8\uB798\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uD1B5\uD558\uC5EC \uC88B\uC740 \uCF54\uB4DC\uB97C \uB9CC\uB4DC\uB294 \uBC29\uBC95\uC740 \uCF54\uB4DC\uB97C \uC798 \uCABC\uAC1C\uC11C \uC778\uAC04\uC774 \uC778\uC2DD\uD560 \uC218 \uC788\uB294 \uBCF5\uC7A1\uC131 \uB9CC\uD07C \uC218\uC6A9\uD558\uB294 \uAC83\uC774\uB2E4. \uADF8\uB7F0\uB370 \uCABC\uAC1C\uB294 \uAC83\uC774 \uC5B4\uB835\uAE30 \uB54C\uBB38\uC5D0 \uC77C\uAD00\uC131 \uC788\uAC8C \uCABC\uAC1C\uB294 \uBC29\uBC95\uC774 \uC911\uC694\uD558\uB2E4. \uADF8\uB798\uC11C \uC5ED\uD560\uACFC \uCC45\uC784\uC5D0 \uB9E1\uAC8C \uCF54\uB4DC\uB97C \uCABC\uAC1C\uB294 \uC5F0\uC2B5\uC744 \uD574\uC57C \uD55C\uB2E4.

      \uC774\uBC88\uC5D0\uB294 \uC5ED\uD560\uACFC \uCC45\uC784\uC5D0 \uB530\uB77C \uCF54\uB4DC\uB97C \uCABC\uAC1C\uACE0 \uAE4E\uC544\uB0B4\uB294 \uACFC\uC815\uC744 \uC0B4\uD3B4\uBCFC \uAC83\uC774\uB2E4.

      \uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC \uC6D0\uCE59 (ISP)

      \uBA3C\uC800 ViewModel\uC5D0 \uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC \uC6D0\uCE59(ISP, Interface Segregation Principle) \uC744 \uC801\uC6A9\uD574\uC57C \uD55C\uB2E4.

      \uC5ED\uD560\uACFC \uCC45\uC784\uC5D0 \uB530\uB978 \uBD84\uC11D

      \uC5EC\uD0DC\uAE4C\uC9C0 \uB9CC\uB4E0 ViewModel\uC740 \uB9E4\uC6B0 heavy \uD55C \uC0C1\uD0DC\uB2E4.

      uml diagram
      const ViewModel = class extends ViewModelListener {
      +import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.d20f8571.js";const l={},u=n("h1",{id:"mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-2",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-2","aria-hidden":"true"},"#"),s(" MVVM System \uAC1C\uC120\uD558\uAE30 (2)")],-1),k={class:"custom-container tip"},r=n("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uB4E4\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),d={href:"https://www.youtube.com/watch?v=r4vOF7WpxgM&t=868s",target:"_blank",rel:"noopener noreferrer"},v=s("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30 4\uD68C\uCC28 \uB3D9\uC601\uC0C1"),m=p(`

      \uAC1D\uCCB4\uC9C0\uD5A5 \uD504\uB85C\uADF8\uB7A8\uC774\uB780 \uCC98\uC74C\uC5D0 \uC774\uB8E8\uACE0\uD558\uC790\uB294 \uBAA9\uD45C\uC5D0\uC11C\uBD80\uD130 \uB369\uC5B4\uB9AC\uC9C4 \uAC83\uC744 \uCC28\uADFC\uCC28\uADFC \uBD84\uB9AC\uD558\uACE0 \uAE4E\uC544\uB0B4\uB294 \uACFC\uC815 \uC774\uB2E4. \uADF8\uB798\uC11C \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uC740 \uC560\uC790\uC77C(Agile) \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uAC1C\uBC1C\uACFC \uAD81\uD569\uC774 \uC88B\uB2E4.

      \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C \uCF54\uB4DC\uB97C \uAE4E\uC544\uB0B4\uB294 \uAE30\uC900\uC740 \uC5ED\uD560\uACFC \uCC45\uC784 \uC774\uB2E4. \uC5ED\uD560\uACFC \uCC45\uC784\uC740 \uBE44\uC2B7\uD558\uC9C0\uB9CC \uB3D9\uC804\uC758 \uC591\uBA74\uACFC \uAC19\uB2E4.

      \uC5ED\uD560\uACFC \uCC45\uC784

      • \uCC45\uC784\uC744 \uC9C4\uB2E4\uB294 \uAC83\uC740 \uCC45\uC784\uC5D0 \uC801\uD569\uD55C \uAD8C\uD55C\uB3C4 \uAC16\uACE0 \uC788\uB2E4\uB294 \uAC83\uC774\uB2E4.
      • \uAD8C\uD55C\uC774 \uC788\uB2E4\uB294 \uAC83\uC740 \uAD8C\uD55C\uC5D0 \uC801\uD569\uD55C \uCC45\uC784\uB3C4 \uAC16\uACE0 \uC788\uB2E4\uB294 \uAC83\uC774\uB2E4.
      • \uCC45\uC784\uC774 \uC5C6\uB294\uB370 \uAD8C\uD55C\uC774 \uC5C6\uAC70\uB098 \uAD8C\uD55C\uC774 \uC5C6\uB294\uB370 \uCC45\uC784\uC774 \uC788\uB2E4\uBA74 \uBB38\uC81C\uAC00 \uC0DD\uAE34\uB2E4.

      \uC778\uAC04\uC758 \uBA38\uB9AC\uB294 \uBCF5\uC7A1\uC131\uC758 \uD55C\uACC4\uAC00 \uC788\uB2E4. \uADF8\uB798\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uD1B5\uD558\uC5EC \uC88B\uC740 \uCF54\uB4DC\uB97C \uB9CC\uB4DC\uB294 \uBC29\uBC95\uC740 \uCF54\uB4DC\uB97C \uC798 \uCABC\uAC1C\uC11C \uC778\uAC04\uC774 \uC778\uC2DD\uD560 \uC218 \uC788\uB294 \uBCF5\uC7A1\uC131 \uB9CC\uD07C \uC218\uC6A9\uD558\uB294 \uAC83\uC774\uB2E4. \uADF8\uB7F0\uB370 \uCABC\uAC1C\uB294 \uAC83\uC774 \uC5B4\uB835\uAE30 \uB54C\uBB38\uC5D0 \uC77C\uAD00\uC131 \uC788\uAC8C \uCABC\uAC1C\uB294 \uBC29\uBC95\uC774 \uC911\uC694\uD558\uB2E4. \uADF8\uB798\uC11C \uC5ED\uD560\uACFC \uCC45\uC784\uC5D0 \uB9E1\uAC8C \uCF54\uB4DC\uB97C \uCABC\uAC1C\uB294 \uC5F0\uC2B5\uC744 \uD574\uC57C \uD55C\uB2E4.

      \uC774\uBC88\uC5D0\uB294 \uC5ED\uD560\uACFC \uCC45\uC784\uC5D0 \uB530\uB77C \uCF54\uB4DC\uB97C \uCABC\uAC1C\uACE0 \uAE4E\uC544\uB0B4\uB294 \uACFC\uC815\uC744 \uC0B4\uD3B4\uBCFC \uAC83\uC774\uB2E4.

      \uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC \uC6D0\uCE59 (ISP)

      \uBA3C\uC800 ViewModel\uC5D0 \uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC \uC6D0\uCE59(ISP, Interface Segregation Principle) \uC744 \uC801\uC6A9\uD574\uC57C \uD55C\uB2E4.

      \uC5ED\uD560\uACFC \uCC45\uC784\uC5D0 \uB530\uB978 \uBD84\uC11D

      \uC5EC\uD0DC\uAE4C\uC9C0 \uB9CC\uB4E0 ViewModel\uC740 \uB9E4\uC6B0 heavy \uD55C \uC0C1\uD0DC\uB2E4.

      uml diagram
      const ViewModel = class extends ViewModelListener {
         static get = data => new ViewModel(data)
         static #subjects = new Set
         static #inited = false
      diff --git a/assets/index.html.1d71d294.js b/assets/index.html.43e2e14a.js
      similarity index 88%
      rename from assets/index.html.1d71d294.js
      rename to assets/index.html.43e2e14a.js
      index 9912667b..2b7fc0a0 100644
      --- a/assets/index.html.1d71d294.js
      +++ b/assets/index.html.43e2e14a.js
      @@ -1 +1 @@
      -const e={key:"v-ff5878d4",path:"/Javascript/Domain/Event-Loop/",title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC774\uBCA4\uD2B8 \uB8E8\uD504",lang:"en-US",frontmatter:{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC774\uBCA4\uD2B8 \uB8E8\uD504",description:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uC774\uBCA4\uD2B8 \uB8E8\uD504\uC5D0 \uB300\uD574 \uB2E4\uB8F9\uB2C8\uB2E4.",feed:{enable:!1},disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"Javascript/Domain/Event-Loop/README.md"};export{e as data};
      +const e={key:"v-ff5878d4",path:"/Javascript/Domain/Event-Loop/",title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC774\uBCA4\uD2B8 \uB8E8\uD504",lang:"en-US",frontmatter:{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC774\uBCA4\uD2B8 \uB8E8\uD504",description:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uC774\uBCA4\uD2B8 \uB8E8\uD504\uC5D0 \uB300\uD574 \uB2E4\uB8F9\uB2C8\uB2E4.",feed:{enable:!1},disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"Javascript/Domain/Event-Loop/README.md"};export{e as data};
      diff --git a/assets/index.html.c8b464b4.js b/assets/index.html.44f996bf.js
      similarity index 99%
      rename from assets/index.html.c8b464b4.js
      rename to assets/index.html.44f996bf.js
      index 6d438f95..22f2708b 100644
      --- a/assets/index.html.c8b464b4.js
      +++ b/assets/index.html.44f996bf.js
      @@ -1,4 +1,4 @@
      -import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.800103af.js";var l="/TIL/assets/example.a2658f29.png",u="/TIL/assets/example2.384fa4bf.gif";const r={},k=n("h1",{id:"mvvm-system-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#mvvm-system-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),s(" MVVM System \uB9CC\uB4E4\uAE30")],-1),d={class:"custom-container tip"},v=n("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uB4E4\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),m={href:"https://www.youtube.com/watch?v=RT38Za1pkdI",target:"_blank",rel:"noopener noreferrer"},b=s("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30 2\uD68C\uCC28 \uB3D9\uC601\uC0C1"),g=p(`

      MVC\uC640 MVP\uC758 \uBB38\uC81C\uC810

      MVVM\uC5D0 \uB300\uD574 \uAD6C\uCCB4\uC801\uC73C\uB85C \uC0B4\uD3B4\uBCF4\uAE30 \uC774\uC804\uC5D0 \uC774\uAC83\uC774 \uC5B4\uB5A4 \uBB38\uC81C\uB4E4\uC758 \uD574\uACB0 \uBC29\uC548\uC73C\uB85C \uB4F1\uC7A5 \uD558\uC600\uB294\uC9C0 \uC0B4\uD3B4\uBD10\uC57C \uD55C\uB2E4. \uADF8 \uB2E4\uC74C MVVM\uC774 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uCE59\uC744 \uD1B5\uD574 \uC55E\uC11C \uC5B8\uAE09\uD55C \uBB38\uC81C\uB4E4\uC744 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uD574\uACB0\uD558\uC600\uB294\uC9C0 \uC774\uD574\uD574\uC57C \uD55C\uB2E4.

      MVC Pattern

      MVC\uB294 Model - View - Controller \uB4F1\uC744 \uC0AC\uC6A9\uD558\uBA70, \uC8FC\uB85C Server-side\uC5D0\uC11C \uC0AC\uC6A9 \uB41C\uB2E4.

      MVC\uB97C \uC0AC\uC6A9\uD558\uB294 Server-side Framework

      • Spring Framework
      • Python Django
      • PHP Laravel
      • .NET Framework
      • Ruby On Rails

      Servier-side\uC5D0\uC11C \uC0AC\uC6A9\uD558\uB294 MVC Pattern\uC758 \uAD6C\uC870\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      uml diagram

      \uC774\uB807\uAC8C View\uC640 Model\uC740 \uC9C1\uC811\uC801\uC73C\uB85C \uC758\uC874\uD558\uC9C0 \uC54A\uACE0 Controller\uB97C \uD1B5\uD574\uC11C \uBA54\uC138\uC9C0\uB97C \uC8FC\uACE0 \uBC1B\uB294\uB2E4. \uC65C\uB0D0\uD558\uBA74 Server-side\uC5D0 \uB118\uAE30\uB294 User\uC758 interaction\uC740 Http Request \uD558\uB098 \uBC16\uC5D0 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uADF8\uB7F0\uB370 Client-side\uC5D0\uC11C MVC Pattern\uC774 \uC0AC\uC6A9\uB420 \uB550 \uC774\uC57C\uAE30\uAC00 \uB2E4\uB974\uB2E4. \uBE0C\uB77C\uC6B0\uC800\uB97C \uC608\uB85C \uB4E4\uBA74 User\uB294 \uB9C8\uC6B0\uC2A4, \uD130\uCE58, \uD0A4\uBCF4\uB4DC\uB97C \uD1B5\uD574 Browser\uC5D0\uAC8C interaction\uC744 \uBCF4\uB0BC \uC218 \uC788\uB2E4.

      \uBFD0\uB9CC \uC544\uB2C8\uB77C window resize window scroll \uAC19\uC774 user\uAC00 \uC758\uB3C4\uD558\uC9C0 \uC54A\uC544\uB3C4 browser\uC5D0\uC11C \uC77C\uC5B4\uB098\uB294 interaction \uB610\uD55C \uCC98\uB9AC \uD560 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.

      \uC989, Client-side\uB294 Interaction\uC774 \uB2E4\uC591\uD558\uACE0, \uC774\uC5D0 \uB530\uB978 \uB300\uC751\uC774 \uD544\uC218\uC801\uC774\uB2E4. \uADF8\uB798\uC11C Client-Side\uC5D0\uC11C \uC0AC\uC6A9\uB418\uB294 MVC\uB294 \uB2E4\uC74C\uACFC \uAC19\uC740 \uAD6C\uC870\uB97C \uB748\uB2E4.

      uml diagram
      • Controller\uB294 Model\uACFC View\uB97C \uC54C\uACE0 \uC788\uB2E4.
      • View\uB294 User\uC758 Interaction(Event)\uB97C \uC54C\uACE0 \uC788\uB2E4.
      • View\uB294 \uC5B4\uB5A4 Model\uC744 \uAC31\uC2E0\uD574\uC57C \uB418\uB294\uC9C0 \uC54C\uACE0 \uC788\uC5B4\uC57C \uD55C\uB2E4.

      \uC774\uB7F4 \uACBD\uC6B0\uC758 \uBB38\uC81C\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • Model\uC740 \uBE44\uC9C0\uB2C8\uC2A4\uB85C\uC9C1\uACFC \uAD00\uB828\uC788\uB2E4.
      • View\uB294 UI\uC640 \uAD00\uB828\uC788\uB2E4.
      • \uC989, Model\uACFC View\uB294 \uBCC0\uD654\uC758 \uC774\uC720\uAC00 \uB2E4\uB974\uB2E4.
      • \uADF8\uB7F0\uB370 \uC11C\uB85C \uAC04\uC758 \uC758\uC874\uC131\uC774 \uC788\uB2E4

      \uC694\uC57D\uD558\uC790\uBA74 \uBCC0\uD654\uC758 \uC774\uC720\uAC00 \uB2E4\uB978\uB370 \uC11C\uB85C\uAC04\uC758 \uC758\uC874\uC131\uC774 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD55C\uB2E4.

      Backbone.js

      MVC\uB97C \uC0AC\uC6A9\uD558\uB294 Client-Side Framework \uC911 \uB300\uD45C\uC801\uC73C\uB85C backbone.js\uAC00 \uC788\uB2E4. \uC774\uC81C MVVM\uC744 \uC0AC\uC6A9\uD558\uB294 React, View, Angular \uB4F1\uC5D0\uAC8C \uBC00\uB824 \uC0AC\uC6A9\uB418\uC9C0 \uC54A\uB294\uB2E4.

      Client, Server\uC5D0 \uB300\uD55C \uBD84\uB958\uB97C \uC811\uC5B4\uB450\uACE0, \uC2E4\uC81C\uB85C \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC774 \uC0AC\uC6A9\uD558\uB294 MVC\uB294 \uB2E4\uC74C\uACFC \uAC19\uC740 \uC81C\uC655\uC801 MVC Model\uC774\uB2E4.

      uml diagram
      • Controller\uB294 \uC790\uC2E0\uC774 \uC18C\uBE44\uD560 Model\uACFC View\uB97C \uC0DD\uC131\uD558\uAC70\uB098 \uC12D\uC678\uD574\uC57C\uD560 \uCC45\uC784\uC744 \uAC16\uAC8C \uB41C\uB2E4.
      • Model\uC740 \uC21C\uC218\uD55C \uB370\uC774\uD130\uB97C \uD45C\uD604\uD558\uBA70 \uC790\uC2E0\uC774 \uC18C\uC720\uD558\uACE0 \uC788\uB294 \uB370\uC774\uD130\uC758 \uBCC0\uACBD\uC774 \uC77C\uC5B4\uB0A0 \uB54C \uB9C8\uB2E4 Controller\uC5D0 \uC54C\uB824\uC57C\uD560 \uCC45\uC784\uC744 \uAC16\uB294\uB2E4.
      • View\uB294 Controller\uAC00 \uC804\uB2EC\uD574\uC8FC\uB294 Model\uC744 \uAE30\uBC18\uC73C\uB85C \uD654\uBA74\uC744 \uAD6C\uC131\uD558\uACE0 user Interaction\uC744 \uBC1B\uC544\uB4E4\uC778\uB2E4.

      \uC774 \uAD6C\uC870\uC5D0\uC11C\uB294 View\uAC00 Model\uC5D0 \uC758\uC874\uD558\uB294 \uAC74 \uC5C6\uC9C0\uB9CC, Controller\uC5D0 \uB300\uD55C \uC758\uC874\uC774 \uB108\uBB34 \uAC15\uD558\uAC8C \uB098\uD0C0\uB09C\uB2E4.

      \uC989, Controller\uAC00 View\uC640 Model\uC758 \uBCC0\uD654\uB97C \uD761\uC218\uD574\uC57C \uD55C\uB2E4\uB294 \uAC83\uC774\uACE0, \uADF8\uB7F4 \uC218\uB85D Controller\uC758 \uBCC0\uD654\uAC00 \uB9E4\uC6B0 \uB9CE\uC544\uC9C0\uAC8C \uB41C\uB2E4.

      Controller\uC5D0 \uBCC0\uD654\uAC00 \uB9CE\uB2E4 = \uC720\uC9C0\uBCF4\uC218\uAC00 \uAE09\uACA9\uD558\uAC8C \uB9CE\uC544\uC9C4\uB2E4.

      \uADF8\uB798\uC11C \uC810\uC810 MVC\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0 \uC788\uB294 \uAC83\uC774\uB2E4.

      MVP Pattern

      MVP\uB294 Model - View - Presenter\uB97C \uC0AC\uC6A9\uD558\uB294 Pattern\uC774\uB2E4.

      • MFC \uAC19\uC740 Builder\uC5D0\uC11C \uC0AC\uC6A9\uB41C\uB2E4
      • \uC548\uB4DC\uB85C\uC774\uB4DC\uC5D0\uC11C\uB3C4 \uC0AC\uC6A9\uD558\uACE0 \uC788\uB2E4

      MVP\uC758 \uAD6C\uC870\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      uml diagram

      View\uC5D0\uB294 Logic\uC774 \uC5C6\uACE0, getter\uC640 setter\uB9CC \uC788\uB2E4. Presenter\uB294 View\uC758 getter, setter\uB97C \uC0AC\uC6A9 \uD55C\uB2E4. \uC774\uB7F4 \uACBD\uC6B0, View\uB294 Model\uC5D0 \uB300\uD55C \uC758\uC874\uC131\uC774 \uC644\uC804\uD788 \uC5C6\uC5B4\uC9C4\uB2E4. \uC989, View\uB294 Model\uC744 \uBAB0\uB77C\uB3C4 \uB41C\uB2E4. \uADF8\uB7EC\uAE30 \uC704\uD574\uC120, \uD544\uC694\uD55C \uBAA8\uB4E0 getter\uC640 setter\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.

      \uB530\uB77C\uC11C MVP Pattern\uC758 \uBB38\uC81C\uC810\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • View Component\uAC00 \uB9E4\uC6B0 \uCEE4\uC9C4\uB2E4.
      • \uAC00\uBCCD\uAC8C Application\uC744 \uB9CC\uB4E4\uAE30\uB294 \uB108\uBB34 \uBD80\uB2F4\uC2A4\uB7FD\uB2E4.
      • \uADF8\uB798\uC11C Framework \uCC28\uC6D0\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uACBD\uC6B0\uC5D0\uB9CC \uC0AC\uC6A9\uD55C\uB2E4.

      MVVM\uC758 \uAC1C\uB150

      \uC774\uC81C MVVM(Model - View - ViewModel) Pattern \uC5D0 \uB300\uD574 \uC54C\uC544\uBCF4\uC790.

      uml diagram

      MVVM\uC758 \uD575\uC2EC\uC740 ViewModel\uACFC Binder\uC774\uB2E4.

      • ViewModel : View\uB97C \uB300\uC2E0\uD558\uB294 \uC21C\uC218\uD55C \uB370\uC774\uD130 \uAD6C\uC870\uCCB4 \uC774\uB2E4. \uB2E4\uB978 \uB9D0\uB85C \uC21C\uC218\uD55C \uC778\uBA54\uBAA8\uB9AC \uAC1D\uCCB4\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.
      • Binder : ViewModel\uC744 \uAC10\uC9C0\uD558\uC5EC View\uC5D0 \uBC18\uC601\uD55C\uB2E4.
        • \uC591\uBC29\uD5A5 \uBC14\uC778\uB529\uC758 \uACBD\uC6B0 Binder\uAC00 View\uC5D0\uB3C4 Observing\uC744 \uD558\uACE0 \uC788\uB294 \uC0C1\uD0DC\uC774\uB2E4. \uC989, Binder\uAC00 View\uC640 ViewModel \uBAA8\uB450 \uAC10\uC9C0\uD558\uC5EC \uBAA8\uB450 \uBC18\uC601\uD558\uB294 \uAC83\uC744 \uC758\uBBF8\uD55C\uB2E4.
        • Binder\uAC00 \uC5C6\uC73C\uBA74 MVVM\uC740 \uC131\uB9BD\uD558\uC9C0 \uC54A\uC73C\uBA70 Binder\uB85C \uC778\uD574 ViewModel\uC740 View\uC758 \uC874\uC7AC\uB97C \uBAA8\uB974\uB294 \uC0C1\uD0DC\uB85C \uC720\uC9C0\uD560 \uC218 \uC788\uB2E4.

      MVVM\uC758 \uD575\uC2EC \uAC1C\uB150

      • View\uC640 ViewModel\uC740 \uC11C\uB85C\uC758 \uC874\uC7AC\uB97C \uBAA8\uB974\uB294 \uC0C1\uD0DC\uB85C \uC720\uC9C0\uD55C\uB2E4.
      • ViewModel\uB9CC \uC798 \uB9CC\uB4E4\uBA74 \uD14C\uC2A4\uD2B8\uC640 \uC720\uC9C0\uBCF4\uC218\uAC00 \uB9E4\uC6B0 \uAC04\uB2E8\uD558\uB2E4.

      \uC57D\uAC04\uC758 \uB09C\uC774\uB3C4 \uC870\uC815

      MVVM\uC758 \uD575\uC2EC\uC740 \uC55E\uC11C \uC5B8\uAE09\uD588\uB4EF\uC774 ViewModel\uACFC Binder\uC778\uB370, \uBB38\uC81C\uB294 Observer\uB97C \uC774\uC6A9\uD558\uC5EC \uAD6C\uD604\uD558\uAE30\uAC00 \uD798\uB4E4\uB2E4\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB798\uC11C \uB2E4\uC74C\uACFC \uAC19\uC774 Observer \uB300\uC2E0\uC5D0 Call\uC744 \uC0AC\uC6A9\uD558\uC5EC \uB9CC\uB4E4 \uAC83\uC774\uB2E4.

      uml diagram

      \uC774\uB807\uAC8C Call\uC744 \uC0AC\uC6A9\uD558\uBA74 ViewModel\uC774 Binder\uC5D0\uAC8C \uBCC0\uD654\uB97C \uC54C\uB9AC\uAC8C \uB41C\uB2E4. \uC989, \uC790\uB3D9\uC73C\uB85C \uAC10\uC9C0\uD558\uB294 \uBC29\uC2DD(Observer)\uC5D0\uC11C \uC218\uB3D9\uC73C\uB85C \uAC10\uC9C0\uB97C \uC54C\uB9AC\uB294 \uBC29\uC2DD(Call)\uC744 \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774\uB2E4.

      \uC815\uB9AC\uD558\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      1. ViewModel\uC758 \uC21C\uC218\uD55C \uB370\uC774\uD130 \uAC31\uC2E0
      2. Binder\uC5D0 \uC54C\uB9BC(Call)
      3. Binder\uAC00 View\uB97C \uAC31\uC2E0
      4. \uACB0\uB860\uC801\uC73C\uB85C ViewModel\uC740 View\uB97C \uBAA8\uB974\uB294 \uC0C1\uD0DC\uB85C \uC720\uC9C0\uD55C\uB2E4.

      TypeCheck

      \uAD6C\uD604\uC5D0 \uC55E\uC11C TypeCheck\uB97C \uB2F4\uB2F9\uD558\uB294 \uCF54\uB4DC\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.

      const type = (target, type) => {
      +import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.d20f8571.js";var l="/TIL/assets/example.a2658f29.png",u="/TIL/assets/example2.384fa4bf.gif";const r={},k=n("h1",{id:"mvvm-system-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#mvvm-system-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),s(" MVVM System \uB9CC\uB4E4\uAE30")],-1),d={class:"custom-container tip"},v=n("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uB4E4\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),m={href:"https://www.youtube.com/watch?v=RT38Za1pkdI",target:"_blank",rel:"noopener noreferrer"},b=s("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30 2\uD68C\uCC28 \uB3D9\uC601\uC0C1"),g=p(`

      MVC\uC640 MVP\uC758 \uBB38\uC81C\uC810

      MVVM\uC5D0 \uB300\uD574 \uAD6C\uCCB4\uC801\uC73C\uB85C \uC0B4\uD3B4\uBCF4\uAE30 \uC774\uC804\uC5D0 \uC774\uAC83\uC774 \uC5B4\uB5A4 \uBB38\uC81C\uB4E4\uC758 \uD574\uACB0 \uBC29\uC548\uC73C\uB85C \uB4F1\uC7A5 \uD558\uC600\uB294\uC9C0 \uC0B4\uD3B4\uBD10\uC57C \uD55C\uB2E4. \uADF8 \uB2E4\uC74C MVVM\uC774 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uCE59\uC744 \uD1B5\uD574 \uC55E\uC11C \uC5B8\uAE09\uD55C \uBB38\uC81C\uB4E4\uC744 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uD574\uACB0\uD558\uC600\uB294\uC9C0 \uC774\uD574\uD574\uC57C \uD55C\uB2E4.

      MVC Pattern

      MVC\uB294 Model - View - Controller \uB4F1\uC744 \uC0AC\uC6A9\uD558\uBA70, \uC8FC\uB85C Server-side\uC5D0\uC11C \uC0AC\uC6A9 \uB41C\uB2E4.

      MVC\uB97C \uC0AC\uC6A9\uD558\uB294 Server-side Framework

      • Spring Framework
      • Python Django
      • PHP Laravel
      • .NET Framework
      • Ruby On Rails

      Servier-side\uC5D0\uC11C \uC0AC\uC6A9\uD558\uB294 MVC Pattern\uC758 \uAD6C\uC870\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      uml diagram

      \uC774\uB807\uAC8C View\uC640 Model\uC740 \uC9C1\uC811\uC801\uC73C\uB85C \uC758\uC874\uD558\uC9C0 \uC54A\uACE0 Controller\uB97C \uD1B5\uD574\uC11C \uBA54\uC138\uC9C0\uB97C \uC8FC\uACE0 \uBC1B\uB294\uB2E4. \uC65C\uB0D0\uD558\uBA74 Server-side\uC5D0 \uB118\uAE30\uB294 User\uC758 interaction\uC740 Http Request \uD558\uB098 \uBC16\uC5D0 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uADF8\uB7F0\uB370 Client-side\uC5D0\uC11C MVC Pattern\uC774 \uC0AC\uC6A9\uB420 \uB550 \uC774\uC57C\uAE30\uAC00 \uB2E4\uB974\uB2E4. \uBE0C\uB77C\uC6B0\uC800\uB97C \uC608\uB85C \uB4E4\uBA74 User\uB294 \uB9C8\uC6B0\uC2A4, \uD130\uCE58, \uD0A4\uBCF4\uB4DC\uB97C \uD1B5\uD574 Browser\uC5D0\uAC8C interaction\uC744 \uBCF4\uB0BC \uC218 \uC788\uB2E4.

      \uBFD0\uB9CC \uC544\uB2C8\uB77C window resize window scroll \uAC19\uC774 user\uAC00 \uC758\uB3C4\uD558\uC9C0 \uC54A\uC544\uB3C4 browser\uC5D0\uC11C \uC77C\uC5B4\uB098\uB294 interaction \uB610\uD55C \uCC98\uB9AC \uD560 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.

      \uC989, Client-side\uB294 Interaction\uC774 \uB2E4\uC591\uD558\uACE0, \uC774\uC5D0 \uB530\uB978 \uB300\uC751\uC774 \uD544\uC218\uC801\uC774\uB2E4. \uADF8\uB798\uC11C Client-Side\uC5D0\uC11C \uC0AC\uC6A9\uB418\uB294 MVC\uB294 \uB2E4\uC74C\uACFC \uAC19\uC740 \uAD6C\uC870\uB97C \uB748\uB2E4.

      uml diagram
      • Controller\uB294 Model\uACFC View\uB97C \uC54C\uACE0 \uC788\uB2E4.
      • View\uB294 User\uC758 Interaction(Event)\uB97C \uC54C\uACE0 \uC788\uB2E4.
      • View\uB294 \uC5B4\uB5A4 Model\uC744 \uAC31\uC2E0\uD574\uC57C \uB418\uB294\uC9C0 \uC54C\uACE0 \uC788\uC5B4\uC57C \uD55C\uB2E4.

      \uC774\uB7F4 \uACBD\uC6B0\uC758 \uBB38\uC81C\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • Model\uC740 \uBE44\uC9C0\uB2C8\uC2A4\uB85C\uC9C1\uACFC \uAD00\uB828\uC788\uB2E4.
      • View\uB294 UI\uC640 \uAD00\uB828\uC788\uB2E4.
      • \uC989, Model\uACFC View\uB294 \uBCC0\uD654\uC758 \uC774\uC720\uAC00 \uB2E4\uB974\uB2E4.
      • \uADF8\uB7F0\uB370 \uC11C\uB85C \uAC04\uC758 \uC758\uC874\uC131\uC774 \uC788\uB2E4

      \uC694\uC57D\uD558\uC790\uBA74 \uBCC0\uD654\uC758 \uC774\uC720\uAC00 \uB2E4\uB978\uB370 \uC11C\uB85C\uAC04\uC758 \uC758\uC874\uC131\uC774 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD55C\uB2E4.

      Backbone.js

      MVC\uB97C \uC0AC\uC6A9\uD558\uB294 Client-Side Framework \uC911 \uB300\uD45C\uC801\uC73C\uB85C backbone.js\uAC00 \uC788\uB2E4. \uC774\uC81C MVVM\uC744 \uC0AC\uC6A9\uD558\uB294 React, View, Angular \uB4F1\uC5D0\uAC8C \uBC00\uB824 \uC0AC\uC6A9\uB418\uC9C0 \uC54A\uB294\uB2E4.

      Client, Server\uC5D0 \uB300\uD55C \uBD84\uB958\uB97C \uC811\uC5B4\uB450\uACE0, \uC2E4\uC81C\uB85C \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC774 \uC0AC\uC6A9\uD558\uB294 MVC\uB294 \uB2E4\uC74C\uACFC \uAC19\uC740 \uC81C\uC655\uC801 MVC Model\uC774\uB2E4.

      uml diagram
      • Controller\uB294 \uC790\uC2E0\uC774 \uC18C\uBE44\uD560 Model\uACFC View\uB97C \uC0DD\uC131\uD558\uAC70\uB098 \uC12D\uC678\uD574\uC57C\uD560 \uCC45\uC784\uC744 \uAC16\uAC8C \uB41C\uB2E4.
      • Model\uC740 \uC21C\uC218\uD55C \uB370\uC774\uD130\uB97C \uD45C\uD604\uD558\uBA70 \uC790\uC2E0\uC774 \uC18C\uC720\uD558\uACE0 \uC788\uB294 \uB370\uC774\uD130\uC758 \uBCC0\uACBD\uC774 \uC77C\uC5B4\uB0A0 \uB54C \uB9C8\uB2E4 Controller\uC5D0 \uC54C\uB824\uC57C\uD560 \uCC45\uC784\uC744 \uAC16\uB294\uB2E4.
      • View\uB294 Controller\uAC00 \uC804\uB2EC\uD574\uC8FC\uB294 Model\uC744 \uAE30\uBC18\uC73C\uB85C \uD654\uBA74\uC744 \uAD6C\uC131\uD558\uACE0 user Interaction\uC744 \uBC1B\uC544\uB4E4\uC778\uB2E4.

      \uC774 \uAD6C\uC870\uC5D0\uC11C\uB294 View\uAC00 Model\uC5D0 \uC758\uC874\uD558\uB294 \uAC74 \uC5C6\uC9C0\uB9CC, Controller\uC5D0 \uB300\uD55C \uC758\uC874\uC774 \uB108\uBB34 \uAC15\uD558\uAC8C \uB098\uD0C0\uB09C\uB2E4.

      \uC989, Controller\uAC00 View\uC640 Model\uC758 \uBCC0\uD654\uB97C \uD761\uC218\uD574\uC57C \uD55C\uB2E4\uB294 \uAC83\uC774\uACE0, \uADF8\uB7F4 \uC218\uB85D Controller\uC758 \uBCC0\uD654\uAC00 \uB9E4\uC6B0 \uB9CE\uC544\uC9C0\uAC8C \uB41C\uB2E4.

      Controller\uC5D0 \uBCC0\uD654\uAC00 \uB9CE\uB2E4 = \uC720\uC9C0\uBCF4\uC218\uAC00 \uAE09\uACA9\uD558\uAC8C \uB9CE\uC544\uC9C4\uB2E4.

      \uADF8\uB798\uC11C \uC810\uC810 MVC\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0 \uC788\uB294 \uAC83\uC774\uB2E4.

      MVP Pattern

      MVP\uB294 Model - View - Presenter\uB97C \uC0AC\uC6A9\uD558\uB294 Pattern\uC774\uB2E4.

      • MFC \uAC19\uC740 Builder\uC5D0\uC11C \uC0AC\uC6A9\uB41C\uB2E4
      • \uC548\uB4DC\uB85C\uC774\uB4DC\uC5D0\uC11C\uB3C4 \uC0AC\uC6A9\uD558\uACE0 \uC788\uB2E4

      MVP\uC758 \uAD6C\uC870\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      uml diagram

      View\uC5D0\uB294 Logic\uC774 \uC5C6\uACE0, getter\uC640 setter\uB9CC \uC788\uB2E4. Presenter\uB294 View\uC758 getter, setter\uB97C \uC0AC\uC6A9 \uD55C\uB2E4. \uC774\uB7F4 \uACBD\uC6B0, View\uB294 Model\uC5D0 \uB300\uD55C \uC758\uC874\uC131\uC774 \uC644\uC804\uD788 \uC5C6\uC5B4\uC9C4\uB2E4. \uC989, View\uB294 Model\uC744 \uBAB0\uB77C\uB3C4 \uB41C\uB2E4. \uADF8\uB7EC\uAE30 \uC704\uD574\uC120, \uD544\uC694\uD55C \uBAA8\uB4E0 getter\uC640 setter\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.

      \uB530\uB77C\uC11C MVP Pattern\uC758 \uBB38\uC81C\uC810\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • View Component\uAC00 \uB9E4\uC6B0 \uCEE4\uC9C4\uB2E4.
      • \uAC00\uBCCD\uAC8C Application\uC744 \uB9CC\uB4E4\uAE30\uB294 \uB108\uBB34 \uBD80\uB2F4\uC2A4\uB7FD\uB2E4.
      • \uADF8\uB798\uC11C Framework \uCC28\uC6D0\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uACBD\uC6B0\uC5D0\uB9CC \uC0AC\uC6A9\uD55C\uB2E4.

      MVVM\uC758 \uAC1C\uB150

      \uC774\uC81C MVVM(Model - View - ViewModel) Pattern \uC5D0 \uB300\uD574 \uC54C\uC544\uBCF4\uC790.

      uml diagram

      MVVM\uC758 \uD575\uC2EC\uC740 ViewModel\uACFC Binder\uC774\uB2E4.

      • ViewModel : View\uB97C \uB300\uC2E0\uD558\uB294 \uC21C\uC218\uD55C \uB370\uC774\uD130 \uAD6C\uC870\uCCB4 \uC774\uB2E4. \uB2E4\uB978 \uB9D0\uB85C \uC21C\uC218\uD55C \uC778\uBA54\uBAA8\uB9AC \uAC1D\uCCB4\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.
      • Binder : ViewModel\uC744 \uAC10\uC9C0\uD558\uC5EC View\uC5D0 \uBC18\uC601\uD55C\uB2E4.
        • \uC591\uBC29\uD5A5 \uBC14\uC778\uB529\uC758 \uACBD\uC6B0 Binder\uAC00 View\uC5D0\uB3C4 Observing\uC744 \uD558\uACE0 \uC788\uB294 \uC0C1\uD0DC\uC774\uB2E4. \uC989, Binder\uAC00 View\uC640 ViewModel \uBAA8\uB450 \uAC10\uC9C0\uD558\uC5EC \uBAA8\uB450 \uBC18\uC601\uD558\uB294 \uAC83\uC744 \uC758\uBBF8\uD55C\uB2E4.
        • Binder\uAC00 \uC5C6\uC73C\uBA74 MVVM\uC740 \uC131\uB9BD\uD558\uC9C0 \uC54A\uC73C\uBA70 Binder\uB85C \uC778\uD574 ViewModel\uC740 View\uC758 \uC874\uC7AC\uB97C \uBAA8\uB974\uB294 \uC0C1\uD0DC\uB85C \uC720\uC9C0\uD560 \uC218 \uC788\uB2E4.

      MVVM\uC758 \uD575\uC2EC \uAC1C\uB150

      • View\uC640 ViewModel\uC740 \uC11C\uB85C\uC758 \uC874\uC7AC\uB97C \uBAA8\uB974\uB294 \uC0C1\uD0DC\uB85C \uC720\uC9C0\uD55C\uB2E4.
      • ViewModel\uB9CC \uC798 \uB9CC\uB4E4\uBA74 \uD14C\uC2A4\uD2B8\uC640 \uC720\uC9C0\uBCF4\uC218\uAC00 \uB9E4\uC6B0 \uAC04\uB2E8\uD558\uB2E4.

      \uC57D\uAC04\uC758 \uB09C\uC774\uB3C4 \uC870\uC815

      MVVM\uC758 \uD575\uC2EC\uC740 \uC55E\uC11C \uC5B8\uAE09\uD588\uB4EF\uC774 ViewModel\uACFC Binder\uC778\uB370, \uBB38\uC81C\uB294 Observer\uB97C \uC774\uC6A9\uD558\uC5EC \uAD6C\uD604\uD558\uAE30\uAC00 \uD798\uB4E4\uB2E4\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB798\uC11C \uB2E4\uC74C\uACFC \uAC19\uC774 Observer \uB300\uC2E0\uC5D0 Call\uC744 \uC0AC\uC6A9\uD558\uC5EC \uB9CC\uB4E4 \uAC83\uC774\uB2E4.

      uml diagram

      \uC774\uB807\uAC8C Call\uC744 \uC0AC\uC6A9\uD558\uBA74 ViewModel\uC774 Binder\uC5D0\uAC8C \uBCC0\uD654\uB97C \uC54C\uB9AC\uAC8C \uB41C\uB2E4. \uC989, \uC790\uB3D9\uC73C\uB85C \uAC10\uC9C0\uD558\uB294 \uBC29\uC2DD(Observer)\uC5D0\uC11C \uC218\uB3D9\uC73C\uB85C \uAC10\uC9C0\uB97C \uC54C\uB9AC\uB294 \uBC29\uC2DD(Call)\uC744 \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774\uB2E4.

      \uC815\uB9AC\uD558\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      1. ViewModel\uC758 \uC21C\uC218\uD55C \uB370\uC774\uD130 \uAC31\uC2E0
      2. Binder\uC5D0 \uC54C\uB9BC(Call)
      3. Binder\uAC00 View\uB97C \uAC31\uC2E0
      4. \uACB0\uB860\uC801\uC73C\uB85C ViewModel\uC740 View\uB97C \uBAA8\uB974\uB294 \uC0C1\uD0DC\uB85C \uC720\uC9C0\uD55C\uB2E4.

      TypeCheck

      \uAD6C\uD604\uC5D0 \uC55E\uC11C TypeCheck\uB97C \uB2F4\uB2F9\uD558\uB294 \uCF54\uB4DC\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.

      const type = (target, type) => {
         if (typeof type == "string") {
           if (typeof target != type) throw \`invalid type \${target} : \${type}\`
         } else if (!(target instanceof type)) {
      diff --git a/assets/index.html.d917b940.js b/assets/index.html.47be93c5.js
      similarity index 97%
      rename from assets/index.html.d917b940.js
      rename to assets/index.html.47be93c5.js
      index d769ebff..ed5695c1 100644
      --- a/assets/index.html.d917b940.js
      +++ b/assets/index.html.47be93c5.js
      @@ -1 +1 @@
      -const e={key:"v-34d9a944",path:"/Review/2020-year/10-October/",title:"2020\uB144 10\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 10\uC6D4 \uD68C\uACE0",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 2020\uB144 10\uC6D4 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-12-28T23:30:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/172794025-b1f23db1-66d1-44dc-95b2-162defe116df.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. CMS \uAC1C\uBC1C",slug:"_1-cms-\u1100\u1162\u1107\u1161\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514",slug:"_1-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1105\u1175\u110B\u1162\u11A8\u1110\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"2. \uBE14\uB799\uCEE4\uD53C \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 1\uAE30",slug:"_2-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-1\u1100\u1175",children:[]},{level:3,title:"3. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 4\uAE30 \uB9AC\uBDF0\uC5B4",slug:"_3-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-4\u1100\u1175-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"4. \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uADF8\uB9AC\uACE0 \uBC1C\uD45C",slug:"_4-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-\u1105\u1175\u1107\u1172\u110B\u1165-\u1100\u1173\u1105\u1175\u1100\u1169-\u1107\u1161\u11AF\u1111\u116D",children:[]},{level:3,title:"5. \uC778\uD130\uB137 \uAC15\uC758 \uC601\uC0C1 \uC81C\uC791",slug:"_5-\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA-\u1100\u1161\u11BC\u110B\u1174-\u110B\u1167\u11BC\u1109\u1161\u11BC-\u110C\u1166\u110C\u1161\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/10-October/README.md"};export{e as data};
      +const e={key:"v-34d9a944",path:"/Review/2020-year/10-October/",title:"2020\uB144 10\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 10\uC6D4 \uD68C\uACE0",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 2020\uB144 10\uC6D4 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-12-28T23:30:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/172794025-b1f23db1-66d1-44dc-95b2-162defe116df.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. CMS \uAC1C\uBC1C",slug:"_1-cms-\u1100\u1162\u1107\u1161\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514",slug:"_1-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1105\u1175\u110B\u1162\u11A8\u1110\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"2. \uBE14\uB799\uCEE4\uD53C \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 1\uAE30",slug:"_2-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-1\u1100\u1175",children:[]},{level:3,title:"3. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 4\uAE30 \uB9AC\uBDF0\uC5B4",slug:"_3-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-4\u1100\u1175-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"4. \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uADF8\uB9AC\uACE0 \uBC1C\uD45C",slug:"_4-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-\u1105\u1175\u1107\u1172\u110B\u1165-\u1100\u1173\u1105\u1175\u1100\u1169-\u1107\u1161\u11AF\u1111\u116D",children:[]},{level:3,title:"5. \uC778\uD130\uB137 \uAC15\uC758 \uC601\uC0C1 \uC81C\uC791",slug:"_5-\u110B\u1175\u11AB\u1110\u1165\u1102\u1166\u11BA-\u1100\u1161\u11BC\u110B\u1174-\u110B\u1167\u11BC\u1109\u1161\u11BC-\u110C\u1166\u110C\u1161\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/10-October/README.md"};export{e as data};
      diff --git a/assets/index.html.b8e98a85.js b/assets/index.html.497fab54.js
      similarity index 95%
      rename from assets/index.html.b8e98a85.js
      rename to assets/index.html.497fab54.js
      index fcb34552..8777e7a2 100644
      --- a/assets/index.html.b8e98a85.js
      +++ b/assets/index.html.497fab54.js
      @@ -1 +1 @@
      -const e={key:"v-f6b5b892",path:"/Review/2020-year/03-March/",title:"2020\uB144 3\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 3\uC6D4 \uD68C\uACE0",description:"2020\uB144 3\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-03-31T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/80858554-d54f1680-8c94-11ea-9227-39d1c34e6196.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC7AC\uD0DD\uADFC\uBB34",slug:"_1-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E",children:[]},{level:3,title:"2. CMS \uAC1C\uBC1C",slug:"_2-cms-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. DKU Logging Service",slug:"_1-dku-logging-service",children:[]},{level:3,title:"2. \uC54C\uACE0\uB9AC\uC998",slug:"_2-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7",children:[]},{level:3,title:"3. \uB3C5\uC11C \uC2E4\uD328",slug:"_3-\u1103\u1169\u11A8\u1109\u1165-\u1109\u1175\u11AF\u1111\u1162",children:[]},{level:3,title:"4. TIL \uC2E4\uD328",slug:"_4-til-\u1109\u1175\u11AF\u1111\u1162",children:[]},{level:3,title:"5. \uCF54\uB355 Top 10",slug:"_5-\u110F\u1169\u1103\u1165\u11A8-top-10",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/03-March/README.md"};export{e as data};
      +const e={key:"v-f6b5b892",path:"/Review/2020-year/03-March/",title:"2020\uB144 3\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 3\uC6D4 \uD68C\uACE0",description:"2020\uB144 3\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-03-31T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/80858554-d54f1680-8c94-11ea-9227-39d1c34e6196.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC7AC\uD0DD\uADFC\uBB34",slug:"_1-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E",children:[]},{level:3,title:"2. CMS \uAC1C\uBC1C",slug:"_2-cms-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. DKU Logging Service",slug:"_1-dku-logging-service",children:[]},{level:3,title:"2. \uC54C\uACE0\uB9AC\uC998",slug:"_2-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7",children:[]},{level:3,title:"3. \uB3C5\uC11C \uC2E4\uD328",slug:"_3-\u1103\u1169\u11A8\u1109\u1165-\u1109\u1175\u11AF\u1111\u1162",children:[]},{level:3,title:"4. TIL \uC2E4\uD328",slug:"_4-til-\u1109\u1175\u11AF\u1111\u1162",children:[]},{level:3,title:"5. \uCF54\uB355 Top 10",slug:"_5-\u110F\u1169\u1103\u1165\u11A8-top-10",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/03-March/README.md"};export{e as data};
      diff --git a/assets/index.html.6091ded4.js b/assets/index.html.4c8d4906.js
      similarity index 99%
      rename from assets/index.html.6091ded4.js
      rename to assets/index.html.4c8d4906.js
      index 1c038558..60a7fca3 100644
      --- a/assets/index.html.6091ded4.js
      +++ b/assets/index.html.4c8d4906.js
      @@ -1,4 +1,4 @@
      -import{_ as r,r as i,o,c as d,a as e,b as t,d as n,e as a}from"./app.800103af.js";const c={},l=n('

      2020\uB144 3\uC6D4 \uD68C\uACE0

      \uB098\uB294 3\uC6D4 \uD55C \uB2EC\uC744 \uC5B4\uB5BB\uAC8C \uC9C0\uB0C8\uB098? \uC5D0 \uB300\uD55C \uACE0\uCC30\uC774\uB2E4.

      \uACF5\uC801

      1. \uC7AC\uD0DD\uADFC\uBB34

      3\uC6D4\uC740 \uD55C \uB2EC \uB0B4\uB0B4 \uC7AC\uD0DD\uADFC\uBB34\uB97C \uC2DC\uD589\uD558\uC600\uB2E4. \uBE4C\uC5B4\uBA39\uC744 \uCF54\uB85C\uB098

      \uBC16\uC5D0 \uB098\uAC00\uC9C0 \uC54A\uACE0 \uC9D1\uC5D0\uC11C \uC77C\uD558\uB2C8\uAE4C \uCD9C\uD1F4\uADFC \uC2DC\uAC04\uC774 \uB2E8\uCD95\uB418\uC5B4 \uC88B\uAE34 \uD588\uC9C0\uB9CC, \uC628\uC885\uC77C \uC549\uC544\uB9CC \uC788\uC73C\uB2C8\uAE4C \uC5C9\uB369\uC774\uAC00 \uB108\uBB34 \uC544\uD320\uB2E4. \uADF8\uB798\uC11C \uC0B0\uCC45\uB3C4 \uD558\uACE0, \uB4F1\uC0B0\uB3C4 \uD588\uC9C0\uB9CC.. \uC5ED\uC2DC \uC218\uC601\uC774 \uBAB8\uC744 \uAC1C\uC6B4\uD558\uAC8C \uB9CC\uB4E4\uC5B4 \uC8FC\uB294\uB370 \uC81C\uC77C \uD0C1\uC6D4\uD560 \uAC83 \uAC19\uB2E4.

      2. CMS \uAC1C\uBC1C

      ',7),h=e("li",null,[e("p",null,[a("vue\uB85C \uB9CC\uB4E0 CMS UI\uB97C API\uC640 \uC5F0\uB3D9\uD558\uB294 \uC791\uC5C5\uC744 \uC218\uD589\uD588\uB2E4."),e("br"),a(" \uD68C\uC0AC\uC5D0\uC11C \uC0AC\uC6A9\uD558\uB294 \uCF54\uC5B4 \uBAA8\uB4C8\uC774 \uC788\uB294\uB370, \uC774\uAC83 \uB54C\uBB38\uC5D0 \uC5EC\uB7EC \uAC00\uC9C0 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD574\uC11C \uC560 \uC880 \uBA39\uC5C8\uB2E4.")])],-1),p=n(`

      http \uC751\uB2F5\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC744 \uB9CE\uC774 \uD588\uB2E4. \uAE30\uC874\uC5D0\uB294 REST API\uC5D0\uC11C \uB2E4\uC74C\uACFC \uAC19\uC740 \uC2DD\uC73C\uB85C Response\uB97C \uBCF4\uB0C8\uB2E4.

      // \uC131\uACF5 \uC2DC
      +import{_ as r,r as i,o,c as d,a as e,b as t,d as n,e as a}from"./app.d20f8571.js";const c={},l=n('

      2020\uB144 3\uC6D4 \uD68C\uACE0

      \uB098\uB294 3\uC6D4 \uD55C \uB2EC\uC744 \uC5B4\uB5BB\uAC8C \uC9C0\uB0C8\uB098? \uC5D0 \uB300\uD55C \uACE0\uCC30\uC774\uB2E4.

      \uACF5\uC801

      1. \uC7AC\uD0DD\uADFC\uBB34

      3\uC6D4\uC740 \uD55C \uB2EC \uB0B4\uB0B4 \uC7AC\uD0DD\uADFC\uBB34\uB97C \uC2DC\uD589\uD558\uC600\uB2E4. \uBE4C\uC5B4\uBA39\uC744 \uCF54\uB85C\uB098

      \uBC16\uC5D0 \uB098\uAC00\uC9C0 \uC54A\uACE0 \uC9D1\uC5D0\uC11C \uC77C\uD558\uB2C8\uAE4C \uCD9C\uD1F4\uADFC \uC2DC\uAC04\uC774 \uB2E8\uCD95\uB418\uC5B4 \uC88B\uAE34 \uD588\uC9C0\uB9CC, \uC628\uC885\uC77C \uC549\uC544\uB9CC \uC788\uC73C\uB2C8\uAE4C \uC5C9\uB369\uC774\uAC00 \uB108\uBB34 \uC544\uD320\uB2E4. \uADF8\uB798\uC11C \uC0B0\uCC45\uB3C4 \uD558\uACE0, \uB4F1\uC0B0\uB3C4 \uD588\uC9C0\uB9CC.. \uC5ED\uC2DC \uC218\uC601\uC774 \uBAB8\uC744 \uAC1C\uC6B4\uD558\uAC8C \uB9CC\uB4E4\uC5B4 \uC8FC\uB294\uB370 \uC81C\uC77C \uD0C1\uC6D4\uD560 \uAC83 \uAC19\uB2E4.

      2. CMS \uAC1C\uBC1C

      ',7),h=e("li",null,[e("p",null,[a("vue\uB85C \uB9CC\uB4E0 CMS UI\uB97C API\uC640 \uC5F0\uB3D9\uD558\uB294 \uC791\uC5C5\uC744 \uC218\uD589\uD588\uB2E4."),e("br"),a(" \uD68C\uC0AC\uC5D0\uC11C \uC0AC\uC6A9\uD558\uB294 \uCF54\uC5B4 \uBAA8\uB4C8\uC774 \uC788\uB294\uB370, \uC774\uAC83 \uB54C\uBB38\uC5D0 \uC5EC\uB7EC \uAC00\uC9C0 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD574\uC11C \uC560 \uC880 \uBA39\uC5C8\uB2E4.")])],-1),p=n(`

      http \uC751\uB2F5\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC744 \uB9CE\uC774 \uD588\uB2E4. \uAE30\uC874\uC5D0\uB294 REST API\uC5D0\uC11C \uB2E4\uC74C\uACFC \uAC19\uC740 \uC2DD\uC73C\uB85C Response\uB97C \uBCF4\uB0C8\uB2E4.

      // \uC131\uACF5 \uC2DC
       { "success": true, "data": /* data \uD615\uC2DD */ }
       // \uC2E4\uD328 \uC2DC
       { "success": false }
      diff --git a/assets/index.html.9d63b2a8.js b/assets/index.html.4d13e241.js
      similarity index 96%
      rename from assets/index.html.9d63b2a8.js
      rename to assets/index.html.4d13e241.js
      index 709fb01c..65afa605 100644
      --- a/assets/index.html.9d63b2a8.js
      +++ b/assets/index.html.4d13e241.js
      @@ -1 +1 @@
      -const e={key:"v-6711c8f1",path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)",lang:"en-US",frontmatter:{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)",description:"\uC9E7\uC558\uC9C0\uB9CC \uAC15\uB82C\uD588\uB358, \uADF8\uB9AC\uC6B4 \uC2DC\uC808\uC758 \uC774\uC57C\uAE30\uC785\uB2C8\uB2E4.",sidebar:!1,date:"2020-11-23T01:18:00.000Z",tag:"\uC77C\uC0C1",thumbnail:"https://user-images.githubusercontent.com/18749057/99907933-ef307380-2d22-11eb-9058-638754596cf8.jpg",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"\uAE09\uC131\uC7A5",slug:"\u1100\u1173\u11B8\u1109\u1165\u11BC\u110C\u1161\u11BC",children:[]},{level:2,title:"\uC720\uBC30",slug:"\u110B\u1172\u1107\u1162",children:[]},{level:2,title:"\uC9C0\uBC29\uB300\uD68C \uC785\uC0C1",slug:"\u110C\u1175\u1107\u1161\u11BC\u1103\u1162\u1112\u116C-\u110B\u1175\u11B8\u1109\u1161\u11BC",children:[]},{level:2,title:"\uD559\uAD50 \uACF5\uBD80",slug:"\u1112\u1161\u11A8\u1100\u116D-\u1100\u1169\u11BC\u1107\u116E",children:[]},{level:2,title:"\uC804\uAD6D\uB300\uD68C \uC900\uBE44",slug:"\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C-\u110C\u116E\u11AB\u1107\u1175",children:[{level:3,title:"\uB514\uC790\uC778",slug:"\u1103\u1175\u110C\u1161\u110B\u1175\u11AB",children:[]},{level:3,title:"\uD50C\uB798\uC2DC",slug:"\u1111\u1173\u11AF\u1105\u1162\u1109\u1175",children:[]},{level:3,title:"\uC720\uBB3C \uBCF5\uC6D0",slug:"\u110B\u1172\u1106\u116E\u11AF-\u1107\u1169\u11A8\u110B\u116F\u11AB",children:[]},{level:3,title:"\uC57D\uAC04\uC758 \uC370",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u110A\u1165\u11AF",children:[]}]},{level:2,title:"\uC804\uAD6D\uB300\uD68C",slug:"\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-3/README.md"};export{e as data};
      +const e={key:"v-6711c8f1",path:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)",lang:"en-US",frontmatter:{title:"\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)",description:"\uC9E7\uC558\uC9C0\uB9CC \uAC15\uB82C\uD588\uB358, \uADF8\uB9AC\uC6B4 \uC2DC\uC808\uC758 \uC774\uC57C\uAE30\uC785\uB2C8\uB2E4.",sidebar:!1,date:"2020-11-23T01:18:00.000Z",tag:"\uC77C\uC0C1",thumbnail:"https://user-images.githubusercontent.com/18749057/99907933-ef307380-2d22-11eb-9058-638754596cf8.jpg",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"\uAE09\uC131\uC7A5",slug:"\u1100\u1173\u11B8\u1109\u1165\u11BC\u110C\u1161\u11BC",children:[]},{level:2,title:"\uC720\uBC30",slug:"\u110B\u1172\u1107\u1162",children:[]},{level:2,title:"\uC9C0\uBC29\uB300\uD68C \uC785\uC0C1",slug:"\u110C\u1175\u1107\u1161\u11BC\u1103\u1162\u1112\u116C-\u110B\u1175\u11B8\u1109\u1161\u11BC",children:[]},{level:2,title:"\uD559\uAD50 \uACF5\uBD80",slug:"\u1112\u1161\u11A8\u1100\u116D-\u1100\u1169\u11BC\u1107\u116E",children:[]},{level:2,title:"\uC804\uAD6D\uB300\uD68C \uC900\uBE44",slug:"\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C-\u110C\u116E\u11AB\u1107\u1175",children:[{level:3,title:"\uB514\uC790\uC778",slug:"\u1103\u1175\u110C\u1161\u110B\u1175\u11AB",children:[]},{level:3,title:"\uD50C\uB798\uC2DC",slug:"\u1111\u1173\u11AF\u1105\u1162\u1109\u1175",children:[]},{level:3,title:"\uC720\uBB3C \uBCF5\uC6D0",slug:"\u110B\u1172\u1106\u116E\u11AF-\u1107\u1169\u11A8\u110B\u116F\u11AB",children:[]},{level:3,title:"\uC57D\uAC04\uC758 \uC370",slug:"\u110B\u1163\u11A8\u1100\u1161\u11AB\u110B\u1174-\u110A\u1165\u11AF",children:[]}]},{level:2,title:"\uC804\uAD6D\uB300\uD68C",slug:"\u110C\u1165\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u116C",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"writing/01-\uC720\uB144\uC2DC\uC808-\uC774\uC57C\uAE30-3/README.md"};export{e as data};
      diff --git a/assets/index.html.a5c9a925.js b/assets/index.html.4d6783a9.js
      similarity index 99%
      rename from assets/index.html.a5c9a925.js
      rename to assets/index.html.4d6783a9.js
      index 6df498e3..3ce5ced7 100644
      --- a/assets/index.html.a5c9a925.js
      +++ b/assets/index.html.4d6783a9.js
      @@ -1,4 +1,4 @@
      -import{_ as l,r as c,o as u,c as i,a as n,b as a,w as e,e as s,d as t}from"./app.800103af.js";const r={},k=n("h1",{id:"\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-3",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-3","aria-hidden":"true"},"#"),s(" \uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)")],-1),d=n("p",null,"2\uBD80\uB85C \uB9CC\uB4E4\uB824\uACE0 \uD588\uB294\uB370, 3\uBD80\uAE4C\uC9C0 \uC640\uBC84\uB838\uB2E4... \uBD84\uB7C9\uC870\uC808\uC2E4\uD328!",-1),m=s("Part-01"),v=s("Part-02"),g=s("Part-03"),b=t(`

      \uAE09\uC131\uC7A5

      \uACA8\uC6B8\uBC29\uD559 \uC9D1\uCCB4\uAD50\uC721 \uB54C \uAC15\uC758\uB97C \uD574\uC8FC\uC2DC\uB294 \uBD84\uC740 \uC55E\uC11C \uC5B8\uAE09\uD55C \uAD6D\uAC00\uB300\uD45C \uC120\uC218\uC640 \uAC19\uC774 \uACF5\uBD80\uB97C \uD588\uB358 \uBD84\uC774\uC5C8\uB2E4. \uB450 \uC0AC\uB78C\uC774 \uAD6D\uAC00\uB300\uD45C \uC120\uBC1C\uC804\uC5D0 \uB098\uAC00\uC11C \uB098\uB780\uD788 1, 2\uB4F1\uC744 \uD588\uB2E4\uACE0 \uB4E4\uC5C8\uB2E4.

      \uC131\uACE1\uB9C8\uC744 * \uAC15\uC0AC\uB2D8\uC774 \uC9C1\uC811 \uB514\uC790\uC778\uD55C \uC0AC\uC774\uD2B8

      \uC5B4\uCA0C\uB4E0 \uC774 \uBD84\uC758 \uAC15\uC758\uB294 \uC815\uB9D0 \uAE30\uCD08\uBD80\uD130 \uC2DC\uC791\uD588\uB2E4. \uAE30\uB2A5\uB300\uD68C \uBB38\uC81C\uB97C \uD480\uC774\uD558\uB294\uAC8C \uBAA9\uC801\uC774 \uC544\uB2C8\uB77C \uAE30\uB2A5\uB300\uD68C \uBB38\uC81C \uD480\uC774\uC5D0 \uD544\uC694\uD55C \uAE30\uCD08 \uC9C0\uC2DD\uC744 \uD558\uB098\uC529 \uC54C\uB824\uC900\uB2E4\uACE0 \uD574\uC57C\uD558\uB098?

      \uBB38\uBC95 \uC815\uB3C4\uB294 \uB2F9\uC5F0\uD55C\uAC70\uACE0 GET\uACFC POST\uC758 \uCC28\uC774\uBD80\uD130 \uC2DC\uC791\uD574\uC11C \uCD5C\uC885\uC801\uC73C\uB85C \uAC8C\uC2DC\uD310\uACFC \uAC24\uB7EC\uB9AC\uB97C \uB9CC\uB4E4 \uC218 \uC788\uB3C4\uB85D \uAC15\uC758\uB97C \uD574\uC8FC\uC168\uB2E4. \uB0B4\uAC00 \uC644\uC804 \uAE30\uCD08\uAC00 \uC5C6\uB294 \uC0C1\uD0DC\uB294 \uC544\uB2C8\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uC218\uC5C5\uC740 \uAE08\uBC29 \uB530\uB77C\uAC08 \uC218 \uC788\uC5C8\uB2E4. \uB354 \uC815\uD655\uD788 \uBB18\uC0AC\uD558\uC790\uBA74, \uB2E4\uC74C\uC5D0 \uD560 \uB0B4\uC6A9\uC744 \uB0B4\uAC00 \uBA3C\uC800 \uAD6C\uD604\uD558\uB294 \uC218\uC900\uAE4C\uC9C0 \uB410\uC5C8\uB2E4. \uC660\uC9C0 \uC774\uB807\uAC8C \uD558\uBA74 \uB420 \uAC83 \uAC19\uC544! \uB77C\uB294 \uB290\uB08C\uC73C\uB85C \uC218\uC5C5\uC744 \uB4E4\uC5C8\uB2E4\uACE0 \uD574\uC57C\uD560\uAE4C?

      \uC774 \uB54C \uBD80\uD130 \uB098\uB294 \uAD49\uC7A5\uD788 \uBE60\uB974\uAC8C \uC131\uC7A5\uD588\uB2E4. 1\uB144\uC804\uC5D0 \uBC1B\uC558\uB358 \uC194\uB8E8\uC158\uC744 \uD574\uC11D\uD558\uB294\uAC83\uB3C4 \uBB34\uB9AC\uAC00 \uC5C6\uC5C8\uACE0, \uC774\uC81C \uC678\uC6CC\uC11C \uACF5\uBD80\uD558\uB294 \uC218\uC900\uC774 \uC544\uB2C8\uB77C \uC774\uD574\uB97C \uBC14\uD0D5\uC73C\uB85C \uACF5\uBD80\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uD558\uC9C0\uB9CC \uADF8\uB798\uB3C4 \uC5B4\uB824\uC6B4 \uB0B4\uC6A9\uC740 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uADF8\uB7F0 \uAC83\uB4E4\uC740 \uADF8\uB0E5 \uC678\uC6CC\uBC84\uB838\uB2E4.

      2\uD559\uB144\uC5D0\uC11C 3\uD559\uB144\uC73C\uB85C \uB118\uC5B4\uAC00\uB294 \uC2DC\uAE30\uC5D0 \uB098\uB294 \uCC98\uC74C\uC73C\uB85C \uAC8C\uC2DC\uD310\uC744 \uD63C\uC790\uC11C \uB9CC\uB4E4 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. 1\uB144\uB9CC\uC5D0 \uB4DC\uB514\uC5B4 \uAC8C\uC2DC\uD310 \uD558\uB098\uB97C \uB9CC\uB4E4 \uC218 \uC788\uAC8C \uB41C \uAC83\uC774\uB2E4.

      \uC720\uBC30

      \uC774\uB807\uAC8C \uC790\uC2E0\uAC10\uC774 \uC870\uAE08 \uBD99\uC5B4\uC11C \uC660\uC9C0 \uAC00\uB2A5\uC131\uC774 \uC788\uB294 \uAC83 \uAC19\uC544\uB77C\uACE0 \uC2A4\uC2A4\uB85C \uC0DD\uAC01\uD558\uACE0 \uC788\uC744 \uB54C \uC998, \uAC11\uC790\uAE30 \uC120\uC0DD\uB2D8\uC774 \uB0B4\uC77C \uC9D0\uC2F8\uC11C \uC640. \uB098\uB791 \uC5B4\uB514\uC880 \uAC00\uC790\uB77C\uB294 \uB9D0\uC744 \uB4E3\uACE0 \uC774\uAC8C \uBB34\uC2A8\uC77C\uC774\uB78C\uD558\uBA74\uC11C \uD0C0\uC9C0\uC5D0\uC11C \uC77C\uC8FC\uC77C \uC815\uB3C4 \uC9C0\uB0BC \uC218 \uC788\uAC8C \uC9D0\uC744 \uCC59\uACA8\uC11C \uD559\uAD50\uC5D0 \uAC14\uB2E4.

      \uADF8\uB807\uAC8C \uC120\uC0DD\uB2D8\uC758 \uCC28\uB97C \uD0C0\uACE0 \uBAA9\uC801\uC9C0\uB3C4 \uBAA8\uB974\uACE0(\uC2EC\uC9C0\uC5B4 \uBB3B\uC9C0\uB3C4 \uC54A\uC558\uB2E4) \uC5B4\uB514\uB860\uAC00 \uACC4\uC18D \uAC14\uB2E4.

      \uCDA9\uBD81\uBC18\uB3C4\uCCB4\uACE0\uB4F1\uD559\uAD50

      \uB3C4\uCC29\uD558\uACE0 \uBD24\uB354\uB2C8 \uCDA9\uBD81\uBC18\uB3C4\uCCB4\uACE0\uB4F1\uD559\uAD50\uB77C\uB294 \uACF3\uC774\uC5C8\uB2E4. \uC5EC\uAE30\uC5D0\uC11C \uC77C\uC8FC\uC77C\uC815\uB3C4 \uACF5\uBD80\uD558\uACE0 \uC624\uB77C\uACE0 \uD558\uC168\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uC5B4\uC548\uC774 \uBC99\uBC99\uD55C, \uC774\uAC8C \uBB34\uC2A8\uC77C\uC778\uAC00 \uC2F6\uC740 \uADF8\uB7F0 \uC0C1\uD0DC\uC5D0\uC11C \uC774 \uD559\uAD50\uC758 \uC120\uC0DD\uB2D8\uAED8 \uC778\uC0AC\uB97C \uB4DC\uB838\uACE0 \uB098\uC640 \uAC19\uC740 \uD559\uB144\uC758 \uCE5C\uAD6C\uB97C \uC18C\uAC1C\uD574\uC8FC\uC168\uACE0, \uC5EC\uAE30\uC11C \uC9C0\uB0B4\uB294 \uB3D9\uC548 \uC774 \uCE5C\uAD6C\uAC00 \uB3C4\uC640\uC904 \uAC83\uC774\uB77C\uACE0 \uD588\uB2E4. \uC774\uC57C\uAE30\uB97C \uB4E4\uC5B4\uBCF4\uB2C8 \uC774\uBBF8 \uC804\uAD6D\uB300\uD68C\uC5D0\uC11C 2\uB4F1\uC744 \uD588\uACE0 \uC138\uACC4\uB300\uD68C\uB97C \uC900\uBE44\uC911\uC778 \uD559\uC0DD\uC774\uB77C\uACE0 \uD588\uB2E4.


      \uD6C4\uC758 \uC774\uC57C\uAE30\uC9C0\uB9CC, \uC774 \uCE5C\uAD6C\uB294 \uC138\uACC4\uB300\uD68C\uC5D0\uC11C \uAE08\uBA54\uB2EC\uC744 \uBC1B\uC558\uACE0 \uB354 \uB098\uC544\uAC00\uC11C MVP\uB77C\uB294 \uCE6D\uD638\uB97C \uD68D\uB4DD\uD588\uB2E4. MPV\uB294 \uC5ED\uB300 \uC120\uC218\uB4E4 \uC911 \uCD5C\uACE0\uC131\uC801(\uC138\uACC4\uC2E0\uAE30\uB85D)\uC744 \uC758\uBBF8\uD55C\uB2E4. \uC9C0\uAE08\uC740 \uCE74\uCE74\uC624\uC5D0\uC11C \uADFC\uBB34\uC911\uC774\uB2E4.


      \uC9C0\uB0B4\uBA74\uC11C \uC54C \uC218 \uC788\uC5C8\uB358 \uAC83\uC740, \uC774 \uD559\uAD50\uC5D0\uC11C\uB294 \uAE30\uB2A5\uBC18\uC744 \uAD00\uB9AC\uD558\uB294 \uCCB4\uACC4\uAC00 \uAD49\uC7A5\uD788 \uC798 \uB418\uC5B4 \uC788\uC5C8\uB2E4. \uAE30\uC219\uC0AC \uC0DD\uD65C\uC744 \uD558\uBA74\uC11C \uC815\uD574\uC9C4 \uC2A4\uCF00\uC974\uB300\uB85C \uD6C8\uB828\uC744 \uD558\uACE0, \uC900\uBE44\uD558\uB294 \uC885\uBAA9\uB3C4 \uAD49\uC7A5\uD788 \uB9CE\uC558\uB2E4. \uC804\uCCB4 \uAE30\uB2A5\uBC18 \uD559\uC0DD\uC744 \uD569\uCE58\uBA74 \uB300\uB7B5 50\uBA85 \uC815\uB3C4 \uB418\uC5C8\uB358 \uAC83 \uAC19\uB2E4.

      \uADF8\uB9AC\uACE0 \uD559\uC0DD\uB4E4\uAC04\uC758 \uC0AC\uC774\uB3C4 \uBB34\uCC99 \uC88B\uC558\uACE0, \uC720\uB300\uAD00\uACC4 \uAC19\uC740\uAC8C \uAC83\uC774 \uB208\uC5D0 \uC798 \uBCF4\uC600\uB2E4. \uADF8\uB798\uC11C \uC774\uB7EC\uD55C \uD658\uACBD\uC5D0\uC11C \uACF5\uBD80\uD560 \uC218 \uC788\uB2E4\uB294 \uAC83 \uC790\uCCB4\uAC00 \uCC38 \uBD80\uB7EC\uC6E0\uB2E4.

      \uC5EC\uAE30\uC11C \uC9C0\uB0B4\uB294 1\uC8FC\uC77C \uB3D9\uC548\uC5D0\uB294 \uCE5C\uAD6C\uB3C4 \uC5C6\uACE0, \uC778\uD130\uB137\uB3C4 \uC548 \uB418\uB294 \uD658\uACBD\uC774\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uC9D1\uC911\uC774 \uCC38 \uC798 \uB410\uC5C8\uB2E4. \uC644\uBCBD\uD558\uAC8C \uC9D1\uC911\uD560 \uC218 \uC788\uB294 \uC7A5\uC18C\uC600\uB2E4\uBCF4\uB2C8 \uAC1C\uBC1C\uC5D0 \uB300\uD55C \uBD80\uBD84\uC740 \uB300\uBD80\uBD84 \uD63C\uC790\uC11C \uD574\uACB0\uD560 \uC218 \uC788\uC5C8\uACE0 \uC81C\uC77C \uB3C4\uC6C0\uC744 \uB9CE\uC774 \uBC1B\uC558\uB358 \uBD80\uBD84\uC740 \uBB38\uC81C\uB97C \uC77D\uACE0, \uD574\uC11D\uD558\uACE0, \uCC44\uC810\uD558\uB294 \uBC29\uBC95\uC774\uC5C8\uB2E4. \uC544\uBB34\uB9AC \uC2E4\uB825\uC774 \uC88B\uC544\uB3C4 \uC5C9\uB6B1\uD558\uAC8C \uBB38\uC81C\uB97C \uD574\uC11D\uD558\uAC70\uB098 \uBB38\uAD6C\uB9CC \uB2E4\uB974\uAC8C \uC368\uB3C4 \uD2C0\uB9AC\uAE30 \uB54C\uBB38\uC5D0 \uC0DD\uAC01\uBCF4\uB2E4 \uAE4C\uB2E4\uB85C\uC6E0\uB2E4.

      \uACFC\uC81C\uB3C4\uBA74

      \uBA54\uB274 \uC774\uB984\uB3C4 \uACFC\uC81C\uB3C4\uBA74\uC5D0 \uC788\uB294\uAC78 \uADF8\uB300\uB85C \uC0AC\uC6A9\uD574\uC57C \uD588\uC73C\uBA70 (\uAE00\uC790\uD558\uB098\uB9CC \uD2C0\uB824\uB3C4 \uAC10\uC810\uC774\uB2E4.)

      \uC608\uC2DC

      • "\uD1B5\uD569\uAC80\uC0C9" \uBC84\uD2BC \uC774\uB77C\uACE0 \uBA85\uC2DC\uB418\uC5B4 \uC788\uB2E4\uBA74, \uBB34\uC870\uAC74 \uBC84\uD2BC \uD615\uD0DC\uB85C \uB514\uC790\uC778\uC744 \uD574\uC57C \uD588\uB2E4.
      • \uBC84\uD2BC\uC758 \uACBD\uC6B0 \uBC84\uD2BC\uC601\uC5ED\uC5D0 \uB9C8\uC6B0\uC2A4\uB97C \uC62C\uB838\uC744 \uB54C \uCEE4\uC11C\uAC00 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD588\uB2E4.
      • \uB9CC\uC57D\uC5D0 \uD14D\uC2A4\uD2B8\uC5D0 \uC62C\uB838\uC744 \uB54C\uB9CC \uB9C8\uC6B0\uC2A4 \uCEE4\uC11C\uAC00 \uBCC0\uACBD\uB418\uBA74 \uAC10\uC810\uC774\uB2E4.
      • \uB9C1\uD06C\uC694\uC18C\uB77C\uACE0 \uBA85\uC2DC\uB418\uC5B4 \uC788\uC744 \uB54C\uB3C4 \uD0DC\uADF8\uC5D0 \uB9C8\uC6B0\uC2A4\uB97C \uC62C\uB9AC\uBA74 \uCEE4\uC11C\uAC00 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD588\uB2E4.
      • \uB355\uBD84\uC5D0 \uAE30\uB2A5 \uAD6C\uD604\uC744 \uC798 \uD574\uB193\uACE0 \uC0AC\uC18C\uD55C\uAC83\uB4E4\uC744 \uC9C0\uD0A4\uC9C0 \uBABB\uD574\uC11C \uAC10\uC810\uC774 \uB418\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uC558\uB2E4.
      • \uC131\uC778\uC774 \uB41C \uD6C4\uC5D0 \uC0DD\uAC00\uD588\uB358\uAC8C \uAC1C\uBC1C \uB2A5\uB825\uBCF4\uB2E8 \uC774\uB807\uAC8C \uBB38\uC81C\uB97C \uBD84\uC11D\uD558\uB294 \uB2A5\uB825\uC774 \uC2E4\uBB34\uC5D0\uC11C\uB294 \uB354 \uC911\uC694\uD558\uB2E4\uACE0 \uB290\uAF08\uC5C8\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uCDA9\uBC18\uACE0(\uCDA9\uBD81\uBC18\uB3C4\uCCB4\uACE0\uB4F1\uD559\uAD50)\uC5D0\uC11C \uC9C0\uB0B4\uB294 \uC77C\uC8FC\uC77C \uB3D9\uC548 \uB514\uC790\uC778/\uAE30\uD68D\uC11C/\uBB38\uC81C\uD574\uC11D\uBC29\uBC95 \uB4F1\uC5D0 \uB300\uD574 \uC815\uB9D0 \uC54C\uCC28\uAC8C \uBC30\uC6E0\uB2E4. \uCC98\uC74C\uC73C\uB85C \uB300\uD68C \uBB38\uC81C\uB97C \uB05D\uAE4C\uC9C0 \uD480\uC774\uD560 \uC218 \uC788\uC5C8\uB2E4.

      \uC9D1\uC5D0 \uB3CC\uC544\uAC08 \uB54C \uAC19\uC774 \uC9C0\uB0C8\uB358 \uD6C4\uBC30\uB4E4\uC758 \uC774\uC57C\uAE30\uB97C \uBE4C\uB824\uBCF4\uC790\uBA74, \uB0B4\uAC00 \uC815\uB9D0 \uAE30\uACC4 \uAC19\uC558\uB2E4\uACE0 \uD588\uB2E4. \uBA39\uACE0/\uC790\uACE0/\uC2F8\uB294(?) \uC2DC\uAC04\uC744 \uC81C\uC678\uD558\uACE4 \uACC4\uC18D \uCEF4\uD4E8\uD130 \uC55E\uC5D0 \uC549\uC544\uC11C \uBB38\uC81C\uB9CC \uD480\uC5C8\uC73C\uB2C8 \uADF8\uB7F4\uB9CC \uD588\uB2E4.

      \uC55E\uC5D0\uC11C 1\uB144\uB9CC\uC5D0 \uAC8C\uC2DC\uD310\uC744 \uB9CC\uB4E4 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4\uACE0 \uD588\uB294\uB370, \uB2E4\uC2DC \uAC8C\uC2DC\uD310\uC744 \uB9CC\uB4E4\uAC8C\uB41C\uC9C0 1\uB2EC\uB9CC\uC5D0 \uADF8\uB7F4\uC2F8\uD55C \uC0AC\uC774\uD2B8\uB97C \uB9CC\uB4E4 \uC218 \uC788\uAC8C \uB41C \uAC83\uC774\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uCDA9\uBC18\uACE0\uC5D0 \uB2E4\uB140\uC628 \uC2DC\uC810\uC744 \uAE30\uC900\uC73C\uB85C \uB208\uC5D0 \uB744\uAC8C \uC2E4\uB825\uC774 \uD5A5\uC0C1\uB418\uC5C8\uACE0, \uC790\uC2E0\uAC10\uB3C4 \uB9CE\uC774 \uBD99\uC5C8\uB2E4. \uB2E4\uB9CC PHP\uB294 \uC5B4\uB290 \uC815\uB3C4 \uB2E4\uB8F0 \uC904 \uC54C\uAC8C \uB418\uC5C8\uC73C\uB098, JS\uB294 \uC815\uB9D0 \uBD10\uB3C4 \uBD10\uB3C4 \uC774\uD574 \uB418\uC9C0 \uC54A\uB294 \uBD80\uBD84\uC774 \uB9CE\uC558\uB2E4.

      \uC9C0\uAE08\uC774\uC57C JS\uB97C \uC8FC\uB825\uC5B8\uC5B4\uB85C \uC0AC\uC6A9\uD558\uACE0 \uC788\uC9C0\uB9CC \uC0AC\uC2E4 \uADF8\uB2F9\uC2DC\uC5D0\uB294 PHP\uBCF4\uB2E4 JS\uB97C \uACF5\uBD80\uD558\uB294\uAC8C \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4. JS\uB294 PHP\uBCF4\uB2E4 \uB514\uBC84\uAE45\uD558\uAE30\uAC00 \uB354 \uC5B4\uB824\uC6E0\uACE0, JS\uC758 \uC5ED\uD560\uC744 \uC815\uD655\uD558\uAC8C \uC774\uD574\uD558\uB294\uAC8C \uD798\uB4E4\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 IE6\uC640 7\uC744 \uC0AC\uC6A9\uD558\uB358 \uC2DC\uC808\uC774\uB77C\uC11C \uD06C\uB86C\uC758 \uC874\uC7AC\uB3C4 \uBAA8\uB974\uACE0 \uC788\uC5C8\uACE0, jQuery\uC758 \uC874\uC7AC\uB3C4 \uBAA8\uB974\uACE0 \uC788\uC5C8\uB2E4.

      \uADF8\uB098\uB9C8 \uB2E4\uD589\uC778\uAC74 js \uCF54\uB4DC\uB97C \uB9CE\uC774 \uC368\uBD10\uC57C 130\uC904 \uC815\uB3C4\uB77C\uB294 \uAC83\uC774\uB2E4.

      //\uD3F0\uD2B8 \uC0AC\uC774\uC988 \uC870\uC815
      +import{_ as l,r as c,o as u,c as i,a as n,b as a,w as e,e as s,d as t}from"./app.d20f8571.js";const r={},k=n("h1",{id:"\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-3",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#\u110B\u1172\u1102\u1167\u11AB\u1109\u1175\u110C\u1165\u11AF-\u110B\u1175\u110B\u1163\u1100\u1175-3","aria-hidden":"true"},"#"),s(" \uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)")],-1),d=n("p",null,"2\uBD80\uB85C \uB9CC\uB4E4\uB824\uACE0 \uD588\uB294\uB370, 3\uBD80\uAE4C\uC9C0 \uC640\uBC84\uB838\uB2E4... \uBD84\uB7C9\uC870\uC808\uC2E4\uD328!",-1),m=s("Part-01"),v=s("Part-02"),g=s("Part-03"),b=t(`

      \uAE09\uC131\uC7A5

      \uACA8\uC6B8\uBC29\uD559 \uC9D1\uCCB4\uAD50\uC721 \uB54C \uAC15\uC758\uB97C \uD574\uC8FC\uC2DC\uB294 \uBD84\uC740 \uC55E\uC11C \uC5B8\uAE09\uD55C \uAD6D\uAC00\uB300\uD45C \uC120\uC218\uC640 \uAC19\uC774 \uACF5\uBD80\uB97C \uD588\uB358 \uBD84\uC774\uC5C8\uB2E4. \uB450 \uC0AC\uB78C\uC774 \uAD6D\uAC00\uB300\uD45C \uC120\uBC1C\uC804\uC5D0 \uB098\uAC00\uC11C \uB098\uB780\uD788 1, 2\uB4F1\uC744 \uD588\uB2E4\uACE0 \uB4E4\uC5C8\uB2E4.

      \uC131\uACE1\uB9C8\uC744 * \uAC15\uC0AC\uB2D8\uC774 \uC9C1\uC811 \uB514\uC790\uC778\uD55C \uC0AC\uC774\uD2B8

      \uC5B4\uCA0C\uB4E0 \uC774 \uBD84\uC758 \uAC15\uC758\uB294 \uC815\uB9D0 \uAE30\uCD08\uBD80\uD130 \uC2DC\uC791\uD588\uB2E4. \uAE30\uB2A5\uB300\uD68C \uBB38\uC81C\uB97C \uD480\uC774\uD558\uB294\uAC8C \uBAA9\uC801\uC774 \uC544\uB2C8\uB77C \uAE30\uB2A5\uB300\uD68C \uBB38\uC81C \uD480\uC774\uC5D0 \uD544\uC694\uD55C \uAE30\uCD08 \uC9C0\uC2DD\uC744 \uD558\uB098\uC529 \uC54C\uB824\uC900\uB2E4\uACE0 \uD574\uC57C\uD558\uB098?

      \uBB38\uBC95 \uC815\uB3C4\uB294 \uB2F9\uC5F0\uD55C\uAC70\uACE0 GET\uACFC POST\uC758 \uCC28\uC774\uBD80\uD130 \uC2DC\uC791\uD574\uC11C \uCD5C\uC885\uC801\uC73C\uB85C \uAC8C\uC2DC\uD310\uACFC \uAC24\uB7EC\uB9AC\uB97C \uB9CC\uB4E4 \uC218 \uC788\uB3C4\uB85D \uAC15\uC758\uB97C \uD574\uC8FC\uC168\uB2E4. \uB0B4\uAC00 \uC644\uC804 \uAE30\uCD08\uAC00 \uC5C6\uB294 \uC0C1\uD0DC\uB294 \uC544\uB2C8\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uC218\uC5C5\uC740 \uAE08\uBC29 \uB530\uB77C\uAC08 \uC218 \uC788\uC5C8\uB2E4. \uB354 \uC815\uD655\uD788 \uBB18\uC0AC\uD558\uC790\uBA74, \uB2E4\uC74C\uC5D0 \uD560 \uB0B4\uC6A9\uC744 \uB0B4\uAC00 \uBA3C\uC800 \uAD6C\uD604\uD558\uB294 \uC218\uC900\uAE4C\uC9C0 \uB410\uC5C8\uB2E4. \uC660\uC9C0 \uC774\uB807\uAC8C \uD558\uBA74 \uB420 \uAC83 \uAC19\uC544! \uB77C\uB294 \uB290\uB08C\uC73C\uB85C \uC218\uC5C5\uC744 \uB4E4\uC5C8\uB2E4\uACE0 \uD574\uC57C\uD560\uAE4C?

      \uC774 \uB54C \uBD80\uD130 \uB098\uB294 \uAD49\uC7A5\uD788 \uBE60\uB974\uAC8C \uC131\uC7A5\uD588\uB2E4. 1\uB144\uC804\uC5D0 \uBC1B\uC558\uB358 \uC194\uB8E8\uC158\uC744 \uD574\uC11D\uD558\uB294\uAC83\uB3C4 \uBB34\uB9AC\uAC00 \uC5C6\uC5C8\uACE0, \uC774\uC81C \uC678\uC6CC\uC11C \uACF5\uBD80\uD558\uB294 \uC218\uC900\uC774 \uC544\uB2C8\uB77C \uC774\uD574\uB97C \uBC14\uD0D5\uC73C\uB85C \uACF5\uBD80\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uD558\uC9C0\uB9CC \uADF8\uB798\uB3C4 \uC5B4\uB824\uC6B4 \uB0B4\uC6A9\uC740 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uADF8\uB7F0 \uAC83\uB4E4\uC740 \uADF8\uB0E5 \uC678\uC6CC\uBC84\uB838\uB2E4.

      2\uD559\uB144\uC5D0\uC11C 3\uD559\uB144\uC73C\uB85C \uB118\uC5B4\uAC00\uB294 \uC2DC\uAE30\uC5D0 \uB098\uB294 \uCC98\uC74C\uC73C\uB85C \uAC8C\uC2DC\uD310\uC744 \uD63C\uC790\uC11C \uB9CC\uB4E4 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. 1\uB144\uB9CC\uC5D0 \uB4DC\uB514\uC5B4 \uAC8C\uC2DC\uD310 \uD558\uB098\uB97C \uB9CC\uB4E4 \uC218 \uC788\uAC8C \uB41C \uAC83\uC774\uB2E4.

      \uC720\uBC30

      \uC774\uB807\uAC8C \uC790\uC2E0\uAC10\uC774 \uC870\uAE08 \uBD99\uC5B4\uC11C \uC660\uC9C0 \uAC00\uB2A5\uC131\uC774 \uC788\uB294 \uAC83 \uAC19\uC544\uB77C\uACE0 \uC2A4\uC2A4\uB85C \uC0DD\uAC01\uD558\uACE0 \uC788\uC744 \uB54C \uC998, \uAC11\uC790\uAE30 \uC120\uC0DD\uB2D8\uC774 \uB0B4\uC77C \uC9D0\uC2F8\uC11C \uC640. \uB098\uB791 \uC5B4\uB514\uC880 \uAC00\uC790\uB77C\uB294 \uB9D0\uC744 \uB4E3\uACE0 \uC774\uAC8C \uBB34\uC2A8\uC77C\uC774\uB78C\uD558\uBA74\uC11C \uD0C0\uC9C0\uC5D0\uC11C \uC77C\uC8FC\uC77C \uC815\uB3C4 \uC9C0\uB0BC \uC218 \uC788\uAC8C \uC9D0\uC744 \uCC59\uACA8\uC11C \uD559\uAD50\uC5D0 \uAC14\uB2E4.

      \uADF8\uB807\uAC8C \uC120\uC0DD\uB2D8\uC758 \uCC28\uB97C \uD0C0\uACE0 \uBAA9\uC801\uC9C0\uB3C4 \uBAA8\uB974\uACE0(\uC2EC\uC9C0\uC5B4 \uBB3B\uC9C0\uB3C4 \uC54A\uC558\uB2E4) \uC5B4\uB514\uB860\uAC00 \uACC4\uC18D \uAC14\uB2E4.

      \uCDA9\uBD81\uBC18\uB3C4\uCCB4\uACE0\uB4F1\uD559\uAD50

      \uB3C4\uCC29\uD558\uACE0 \uBD24\uB354\uB2C8 \uCDA9\uBD81\uBC18\uB3C4\uCCB4\uACE0\uB4F1\uD559\uAD50\uB77C\uB294 \uACF3\uC774\uC5C8\uB2E4. \uC5EC\uAE30\uC5D0\uC11C \uC77C\uC8FC\uC77C\uC815\uB3C4 \uACF5\uBD80\uD558\uACE0 \uC624\uB77C\uACE0 \uD558\uC168\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uC5B4\uC548\uC774 \uBC99\uBC99\uD55C, \uC774\uAC8C \uBB34\uC2A8\uC77C\uC778\uAC00 \uC2F6\uC740 \uADF8\uB7F0 \uC0C1\uD0DC\uC5D0\uC11C \uC774 \uD559\uAD50\uC758 \uC120\uC0DD\uB2D8\uAED8 \uC778\uC0AC\uB97C \uB4DC\uB838\uACE0 \uB098\uC640 \uAC19\uC740 \uD559\uB144\uC758 \uCE5C\uAD6C\uB97C \uC18C\uAC1C\uD574\uC8FC\uC168\uACE0, \uC5EC\uAE30\uC11C \uC9C0\uB0B4\uB294 \uB3D9\uC548 \uC774 \uCE5C\uAD6C\uAC00 \uB3C4\uC640\uC904 \uAC83\uC774\uB77C\uACE0 \uD588\uB2E4. \uC774\uC57C\uAE30\uB97C \uB4E4\uC5B4\uBCF4\uB2C8 \uC774\uBBF8 \uC804\uAD6D\uB300\uD68C\uC5D0\uC11C 2\uB4F1\uC744 \uD588\uACE0 \uC138\uACC4\uB300\uD68C\uB97C \uC900\uBE44\uC911\uC778 \uD559\uC0DD\uC774\uB77C\uACE0 \uD588\uB2E4.


      \uD6C4\uC758 \uC774\uC57C\uAE30\uC9C0\uB9CC, \uC774 \uCE5C\uAD6C\uB294 \uC138\uACC4\uB300\uD68C\uC5D0\uC11C \uAE08\uBA54\uB2EC\uC744 \uBC1B\uC558\uACE0 \uB354 \uB098\uC544\uAC00\uC11C MVP\uB77C\uB294 \uCE6D\uD638\uB97C \uD68D\uB4DD\uD588\uB2E4. MPV\uB294 \uC5ED\uB300 \uC120\uC218\uB4E4 \uC911 \uCD5C\uACE0\uC131\uC801(\uC138\uACC4\uC2E0\uAE30\uB85D)\uC744 \uC758\uBBF8\uD55C\uB2E4. \uC9C0\uAE08\uC740 \uCE74\uCE74\uC624\uC5D0\uC11C \uADFC\uBB34\uC911\uC774\uB2E4.


      \uC9C0\uB0B4\uBA74\uC11C \uC54C \uC218 \uC788\uC5C8\uB358 \uAC83\uC740, \uC774 \uD559\uAD50\uC5D0\uC11C\uB294 \uAE30\uB2A5\uBC18\uC744 \uAD00\uB9AC\uD558\uB294 \uCCB4\uACC4\uAC00 \uAD49\uC7A5\uD788 \uC798 \uB418\uC5B4 \uC788\uC5C8\uB2E4. \uAE30\uC219\uC0AC \uC0DD\uD65C\uC744 \uD558\uBA74\uC11C \uC815\uD574\uC9C4 \uC2A4\uCF00\uC974\uB300\uB85C \uD6C8\uB828\uC744 \uD558\uACE0, \uC900\uBE44\uD558\uB294 \uC885\uBAA9\uB3C4 \uAD49\uC7A5\uD788 \uB9CE\uC558\uB2E4. \uC804\uCCB4 \uAE30\uB2A5\uBC18 \uD559\uC0DD\uC744 \uD569\uCE58\uBA74 \uB300\uB7B5 50\uBA85 \uC815\uB3C4 \uB418\uC5C8\uB358 \uAC83 \uAC19\uB2E4.

      \uADF8\uB9AC\uACE0 \uD559\uC0DD\uB4E4\uAC04\uC758 \uC0AC\uC774\uB3C4 \uBB34\uCC99 \uC88B\uC558\uACE0, \uC720\uB300\uAD00\uACC4 \uAC19\uC740\uAC8C \uAC83\uC774 \uB208\uC5D0 \uC798 \uBCF4\uC600\uB2E4. \uADF8\uB798\uC11C \uC774\uB7EC\uD55C \uD658\uACBD\uC5D0\uC11C \uACF5\uBD80\uD560 \uC218 \uC788\uB2E4\uB294 \uAC83 \uC790\uCCB4\uAC00 \uCC38 \uBD80\uB7EC\uC6E0\uB2E4.

      \uC5EC\uAE30\uC11C \uC9C0\uB0B4\uB294 1\uC8FC\uC77C \uB3D9\uC548\uC5D0\uB294 \uCE5C\uAD6C\uB3C4 \uC5C6\uACE0, \uC778\uD130\uB137\uB3C4 \uC548 \uB418\uB294 \uD658\uACBD\uC774\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uC9D1\uC911\uC774 \uCC38 \uC798 \uB410\uC5C8\uB2E4. \uC644\uBCBD\uD558\uAC8C \uC9D1\uC911\uD560 \uC218 \uC788\uB294 \uC7A5\uC18C\uC600\uB2E4\uBCF4\uB2C8 \uAC1C\uBC1C\uC5D0 \uB300\uD55C \uBD80\uBD84\uC740 \uB300\uBD80\uBD84 \uD63C\uC790\uC11C \uD574\uACB0\uD560 \uC218 \uC788\uC5C8\uACE0 \uC81C\uC77C \uB3C4\uC6C0\uC744 \uB9CE\uC774 \uBC1B\uC558\uB358 \uBD80\uBD84\uC740 \uBB38\uC81C\uB97C \uC77D\uACE0, \uD574\uC11D\uD558\uACE0, \uCC44\uC810\uD558\uB294 \uBC29\uBC95\uC774\uC5C8\uB2E4. \uC544\uBB34\uB9AC \uC2E4\uB825\uC774 \uC88B\uC544\uB3C4 \uC5C9\uB6B1\uD558\uAC8C \uBB38\uC81C\uB97C \uD574\uC11D\uD558\uAC70\uB098 \uBB38\uAD6C\uB9CC \uB2E4\uB974\uAC8C \uC368\uB3C4 \uD2C0\uB9AC\uAE30 \uB54C\uBB38\uC5D0 \uC0DD\uAC01\uBCF4\uB2E4 \uAE4C\uB2E4\uB85C\uC6E0\uB2E4.

      \uACFC\uC81C\uB3C4\uBA74

      \uBA54\uB274 \uC774\uB984\uB3C4 \uACFC\uC81C\uB3C4\uBA74\uC5D0 \uC788\uB294\uAC78 \uADF8\uB300\uB85C \uC0AC\uC6A9\uD574\uC57C \uD588\uC73C\uBA70 (\uAE00\uC790\uD558\uB098\uB9CC \uD2C0\uB824\uB3C4 \uAC10\uC810\uC774\uB2E4.)

      \uC608\uC2DC

      • "\uD1B5\uD569\uAC80\uC0C9" \uBC84\uD2BC \uC774\uB77C\uACE0 \uBA85\uC2DC\uB418\uC5B4 \uC788\uB2E4\uBA74, \uBB34\uC870\uAC74 \uBC84\uD2BC \uD615\uD0DC\uB85C \uB514\uC790\uC778\uC744 \uD574\uC57C \uD588\uB2E4.
      • \uBC84\uD2BC\uC758 \uACBD\uC6B0 \uBC84\uD2BC\uC601\uC5ED\uC5D0 \uB9C8\uC6B0\uC2A4\uB97C \uC62C\uB838\uC744 \uB54C \uCEE4\uC11C\uAC00 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD588\uB2E4.
      • \uB9CC\uC57D\uC5D0 \uD14D\uC2A4\uD2B8\uC5D0 \uC62C\uB838\uC744 \uB54C\uB9CC \uB9C8\uC6B0\uC2A4 \uCEE4\uC11C\uAC00 \uBCC0\uACBD\uB418\uBA74 \uAC10\uC810\uC774\uB2E4.
      • \uB9C1\uD06C\uC694\uC18C\uB77C\uACE0 \uBA85\uC2DC\uB418\uC5B4 \uC788\uC744 \uB54C\uB3C4 \uD0DC\uADF8\uC5D0 \uB9C8\uC6B0\uC2A4\uB97C \uC62C\uB9AC\uBA74 \uCEE4\uC11C\uAC00 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD588\uB2E4.
      • \uB355\uBD84\uC5D0 \uAE30\uB2A5 \uAD6C\uD604\uC744 \uC798 \uD574\uB193\uACE0 \uC0AC\uC18C\uD55C\uAC83\uB4E4\uC744 \uC9C0\uD0A4\uC9C0 \uBABB\uD574\uC11C \uAC10\uC810\uC774 \uB418\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uC558\uB2E4.
      • \uC131\uC778\uC774 \uB41C \uD6C4\uC5D0 \uC0DD\uAC00\uD588\uB358\uAC8C \uAC1C\uBC1C \uB2A5\uB825\uBCF4\uB2E8 \uC774\uB807\uAC8C \uBB38\uC81C\uB97C \uBD84\uC11D\uD558\uB294 \uB2A5\uB825\uC774 \uC2E4\uBB34\uC5D0\uC11C\uB294 \uB354 \uC911\uC694\uD558\uB2E4\uACE0 \uB290\uAF08\uC5C8\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uCDA9\uBC18\uACE0(\uCDA9\uBD81\uBC18\uB3C4\uCCB4\uACE0\uB4F1\uD559\uAD50)\uC5D0\uC11C \uC9C0\uB0B4\uB294 \uC77C\uC8FC\uC77C \uB3D9\uC548 \uB514\uC790\uC778/\uAE30\uD68D\uC11C/\uBB38\uC81C\uD574\uC11D\uBC29\uBC95 \uB4F1\uC5D0 \uB300\uD574 \uC815\uB9D0 \uC54C\uCC28\uAC8C \uBC30\uC6E0\uB2E4. \uCC98\uC74C\uC73C\uB85C \uB300\uD68C \uBB38\uC81C\uB97C \uB05D\uAE4C\uC9C0 \uD480\uC774\uD560 \uC218 \uC788\uC5C8\uB2E4.

      \uC9D1\uC5D0 \uB3CC\uC544\uAC08 \uB54C \uAC19\uC774 \uC9C0\uB0C8\uB358 \uD6C4\uBC30\uB4E4\uC758 \uC774\uC57C\uAE30\uB97C \uBE4C\uB824\uBCF4\uC790\uBA74, \uB0B4\uAC00 \uC815\uB9D0 \uAE30\uACC4 \uAC19\uC558\uB2E4\uACE0 \uD588\uB2E4. \uBA39\uACE0/\uC790\uACE0/\uC2F8\uB294(?) \uC2DC\uAC04\uC744 \uC81C\uC678\uD558\uACE4 \uACC4\uC18D \uCEF4\uD4E8\uD130 \uC55E\uC5D0 \uC549\uC544\uC11C \uBB38\uC81C\uB9CC \uD480\uC5C8\uC73C\uB2C8 \uADF8\uB7F4\uB9CC \uD588\uB2E4.

      \uC55E\uC5D0\uC11C 1\uB144\uB9CC\uC5D0 \uAC8C\uC2DC\uD310\uC744 \uB9CC\uB4E4 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4\uACE0 \uD588\uB294\uB370, \uB2E4\uC2DC \uAC8C\uC2DC\uD310\uC744 \uB9CC\uB4E4\uAC8C\uB41C\uC9C0 1\uB2EC\uB9CC\uC5D0 \uADF8\uB7F4\uC2F8\uD55C \uC0AC\uC774\uD2B8\uB97C \uB9CC\uB4E4 \uC218 \uC788\uAC8C \uB41C \uAC83\uC774\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uCDA9\uBC18\uACE0\uC5D0 \uB2E4\uB140\uC628 \uC2DC\uC810\uC744 \uAE30\uC900\uC73C\uB85C \uB208\uC5D0 \uB744\uAC8C \uC2E4\uB825\uC774 \uD5A5\uC0C1\uB418\uC5C8\uACE0, \uC790\uC2E0\uAC10\uB3C4 \uB9CE\uC774 \uBD99\uC5C8\uB2E4. \uB2E4\uB9CC PHP\uB294 \uC5B4\uB290 \uC815\uB3C4 \uB2E4\uB8F0 \uC904 \uC54C\uAC8C \uB418\uC5C8\uC73C\uB098, JS\uB294 \uC815\uB9D0 \uBD10\uB3C4 \uBD10\uB3C4 \uC774\uD574 \uB418\uC9C0 \uC54A\uB294 \uBD80\uBD84\uC774 \uB9CE\uC558\uB2E4.

      \uC9C0\uAE08\uC774\uC57C JS\uB97C \uC8FC\uB825\uC5B8\uC5B4\uB85C \uC0AC\uC6A9\uD558\uACE0 \uC788\uC9C0\uB9CC \uC0AC\uC2E4 \uADF8\uB2F9\uC2DC\uC5D0\uB294 PHP\uBCF4\uB2E4 JS\uB97C \uACF5\uBD80\uD558\uB294\uAC8C \uBB34\uCC99 \uD798\uB4E4\uC5C8\uB2E4. JS\uB294 PHP\uBCF4\uB2E4 \uB514\uBC84\uAE45\uD558\uAE30\uAC00 \uB354 \uC5B4\uB824\uC6E0\uACE0, JS\uC758 \uC5ED\uD560\uC744 \uC815\uD655\uD558\uAC8C \uC774\uD574\uD558\uB294\uAC8C \uD798\uB4E4\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 IE6\uC640 7\uC744 \uC0AC\uC6A9\uD558\uB358 \uC2DC\uC808\uC774\uB77C\uC11C \uD06C\uB86C\uC758 \uC874\uC7AC\uB3C4 \uBAA8\uB974\uACE0 \uC788\uC5C8\uACE0, jQuery\uC758 \uC874\uC7AC\uB3C4 \uBAA8\uB974\uACE0 \uC788\uC5C8\uB2E4.

      \uADF8\uB098\uB9C8 \uB2E4\uD589\uC778\uAC74 js \uCF54\uB4DC\uB97C \uB9CE\uC774 \uC368\uBD10\uC57C 130\uC904 \uC815\uB3C4\uB77C\uB294 \uAC83\uC774\uB2E4.

      //\uD3F0\uD2B8 \uC0AC\uC774\uC988 \uC870\uC815
       var size = 90;
       
       function zoom(n) {
      diff --git a/assets/index.html.2b791ca3.js b/assets/index.html.4daa8387.js
      similarity index 99%
      rename from assets/index.html.2b791ca3.js
      rename to assets/index.html.4daa8387.js
      index 3c4f96c8..deee809c 100644
      --- a/assets/index.html.2b791ca3.js
      +++ b/assets/index.html.4daa8387.js
      @@ -1,4 +1,4 @@
      -import{_ as a,o as t,c as e,d as l}from"./app.800103af.js";const n={},i=l(`

      \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC790\uBC14

      \uC790\uBC14\uB294 \uADFC\uBCF8\uC801\uC73C\uB85C \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB2E4. \uC790\uBC14\uAC00 \uC5B4\uB5BB\uAC8C \uC791\uB3D9\uD558\uB294\uC9C0, \uBCC0\uC218\uAC00 \uBA54\uBAA8\uB9AC\uC5D0 \uC5B4\uB5BB\uAC8C \uC800\uC7A5\uB418\uACE0 \uC0AC\uC6A9\uB418\uB294\uC9C0, \uBA54\uC11C\uB4DC\uAC00 \uC5B4\uB5BB\uAC8C \uD638\uCD9C\uB418\uACE0 \uBA54\uBAA8\uB9AC\uC5D0 \uC5B4\uB5A4 \uBCC0\uD654\uB97C \uC77C\uC73C\uD0A4\uB294\uC9C0 \uC0B4\uD3B4\uBCFC \uD544\uC694\uAC00 \uC788\uB2E4.

      \uADF8\uB9AC\uACE0 \uC55E\uC11C \uC5B8\uAE09\uD55C \uBA54\uBAA8\uB9AC\uB294 JVM\uC5D0 \uC874\uC7AC\uD558\uB294 \uAC00\uC0C1\uC758 \uBA54\uBAA8\uB9AC \uAD6C\uC870 \uC774\uB2E4.

      Java Virtual Machine

      \uC77C\uB2E8 java source file \uC744 \uC2E4\uD589\uD558\uAE30 \uC704\uD574\uC11C\uB294 JVM(Java Virtual Machine) \uC774\uB77C\uB294 \uAC83\uC774 \uD544\uC694\uD558\uB2E4.

      Real WorldJava Virtual World\uB300\uC751
      \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uAC1C\uBC1C \uB3C4\uAD6CJDK(Java Develop Kit)JVM\uC6A9 \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uAC1C\uBC1C \uB3C4\uAD6C(\uC774\uD074\uB9BD\uC2A4, \uC778\uD154\uB9AC\uC81C\uC774)
      \uC6B4\uC601\uCCB4\uC81CJRE(Java Runtime Environment)JVM\uC6A9 OS
      \uD558\uB4DC\uC6E8\uC5B4(\uBA38\uC2E0)JVM(Java Virtual Machine)\uAC00\uC0C1\uC758 \uCEF4\uD4E8\uD130

      \uC6A9\uC5B4 \uC815\uB9AC

      • JDK : Java Develop Kit. \uC790\uBC14\uB97C \uAC1C\uBC1C\uD560 \uB54C \uD544\uC694\uD55C \uB3C4\uAD6C
      • JRE : Java Runtime Environment. \uC790\uBC14\uAC00 \uC2E4\uD589\uB418\uB294 \uD658\uACBD
      • JVM : Java Virtual Machine. \uC790\uBC14\uAC00 \uC2E4\uD589\uB418\uB294 \uAC00\uC0C1\uC758 \uBA38\uC2E0

      JVM\uC5D0\uB294 \uAC00\uC0C1\uC758 \uBA54\uBAA8\uB9AC \uAD6C\uC870\uAC00 \uC788\uACE0, Java\uC5D0\uC11C \uC2E4\uD589\uB418\uB294 \uCF54\uB4DC\uB294 \uC774 JVM\uC5D0 \uC885\uC18D\uC801\uC774\uB2E4.

      uml diagram

      C\uC5B8\uC5B4 \uAC19\uC740 \uACBD\uC6B0\uC5D0\uB294 Runtime\uC774 OS\uC9C0\uB9CC, Java\uC758 \uACBD\uC6B0 Runtime\uC774 JVM\uC774\uB2E4.
      \uADF8\uB9AC\uACE0 JVM\uC774 Byte Code(*.class file)\uB97C OS\uC5D0 \uD2B9\uD654\uB41C \uCF54\uB4DC\uB85C \uBCC0\uD658\uD558\uC5EC \uC2E4\uD589\uD55C\uB2E4.

      JVM\uC758 \uAD6C\uC870\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      uml diagram
      • Class Loader System

        • *.class\uC5D0\uC11C Byte Code\uB97C \uC77D\uACE0 \uBA54\uBAA8\uB9AC\uC5D0 \uC800\uC7A5
        • Loading: \uD074\uB798\uC2A4\uB97C \uC77D\uC5B4\uC624\uB294 \uACFC\uC815
        • Linking: Reference\uB97C \uC5F0\uACB0\uD558\uB294 \uACFC\uC815
        • Initialization: static \uAC12\uB4E4 \uCD08\uAE30\uD654 \uBC0F \uBCC0\uC218 \uD560\uB2F9
        • \uC77C\uC885\uC758 Static \uC601\uC5ED\uC774\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.
      • Memory

        • Class \uC218\uC900\uC758 \uC815\uBCF4(Class Name, Super Class Name, Method, Variable) \uC800\uC7A5
        • Heap: Object \uC800\uC7A5. \uACF5\uC720\uC790\uC6D0
        • Stack
          • Thread \uB9C8\uB2E4 Runtime Stack\uC744 \uB9CC\uB4E4\uACE0, \uADF8 \uC548\uC5D0\uC11C Method \uD638\uCD9C\uC744 Stack Frame \uC774\uB77C\uACE0 \uBD80\uB974\uB294 Block \uC73C\uB85C \uC313\uB294\uB2E4.
          • Thread \uC885\uB8CC \uD6C4 Runtime Stack \uB3C4 \uC0AC\uB77C\uC9C4\uB2E4.
        • Program Counter: Thread \uB9C8\uB2E4 Thread \uB0B4 \uD604\uC7AC \uC2E4\uD589\uD560 Stack Frame \uC744 \uAC00\uB974\uD0A4\uB294 \uD3EC\uC778\uD130\uAC00 \uC0DD\uC131\uB41C\uB2E4.
        • Native Method Stack: \uB9D0 \uADF8\uB300\uB85C Native Method\uC5D0 \uB300\uD55C Stack
          • Native Method\uB294 \uB2E4\uB978 \uC5B8\uC5B4\uB85C \uC791\uC131\uB41C \uCF54\uB4DC\uB97C \uC790\uBC14\uC5D0\uC11C \uD638\uCD9C\uD558\uB294 \uAC83\uC744 \uC758\uBBF8\uD55C\uB2E4.
      • Execution Engine

        • Interpreter: \uBC14\uC774\uD2B8 \uCF54\uB4DC\uB97C \uD55C \uC904\uC529 \uC2E4\uD589
        • JIT Compiler: \uC778\uD130\uD504\uB9AC\uD130\uC758 \uD6A8\uC728\uC744 \uB192\uC774\uAE30 \uC704\uD574 \uBC18\uBCF5\uB418\uB294 \uCF54\uB4DC\uB97C \uBC1C\uACAC\uC2DC \uBAA8\uB450 \uB124\uC774\uD2F0\uBE0C \uCF54\uB4DC\uB85C \uBCC0\uD658
        • Garbage Collector: \uB354 \uC774\uC0C1 \uCC38\uC870 \uB418\uC9C0 \uC54A\uB294 \uAC1D\uCCB4\uB97C \uBAA8\uC544\uC11C \uC815\uB9AC\uD568
      • JNI(Java Native Interface)

        • \uC790\uBC14 \uC560\uD50C\uB9AC\uCF00\uC774\uC158\uC5D0\uC11C C, C++, Assembly \uB4F1\uC73C\uB85C \uC791\uC131\uB41C \uD568\uC218\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294 Interface \uC81C\uACF5
        • Native \uD0A4\uC6CC\uB4DC\uB97C \uC0AC\uC6A9\uD55C \uBA54\uC18C\uB4DC \uD638\uCD9C
      • Native Method Library

        • C, C++ \uB4F1\uC73C\uB85C \uC791\uC131\uB41C Library

      Java\uC5D0\uC11C \uC0AC\uC6A9\uB418\uB294 Class\uB4E4\uC744 Class Loader\uC5D0\uC11C \uAD00\uB9AC\uD558\uACE0, Class\uAC00 Object(\uD639\uC740 Instance)\uB97C \uB9CC\uB4E4\uBA74 Heap\uC5D0 \uC313\uC774\uAC8C \uB41C\uB2E4.

      • Static(Class Loader System)
        • Class\uC758 \uB180\uC774\uD130
        • Static Property, Method
        • Object\uC758 Method Address
      • Heap: Object(Instance)\uC758 \uB180\uC774\uD130
      • Stack: Method\uC758 \uB180\uC774\uD130

      Main Method\uC758 Stack Frame

      \uB2E4\uC74C\uACFC \uAC19\uC740 \uCF54\uB4DC\uAC00 \uC788\uC744 \uB54C JVM\uC758 \uBA54\uBAA8\uB9AC \uAD6C\uC870 \uBCC0\uD654\uB97C \uC0B4\uD3B4\uBCF4\uC790.

      public class Start {
      +import{_ as a,o as t,c as e,d as l}from"./app.d20f8571.js";const n={},i=l(`

      \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC790\uBC14

      \uC790\uBC14\uB294 \uADFC\uBCF8\uC801\uC73C\uB85C \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB2E4. \uC790\uBC14\uAC00 \uC5B4\uB5BB\uAC8C \uC791\uB3D9\uD558\uB294\uC9C0, \uBCC0\uC218\uAC00 \uBA54\uBAA8\uB9AC\uC5D0 \uC5B4\uB5BB\uAC8C \uC800\uC7A5\uB418\uACE0 \uC0AC\uC6A9\uB418\uB294\uC9C0, \uBA54\uC11C\uB4DC\uAC00 \uC5B4\uB5BB\uAC8C \uD638\uCD9C\uB418\uACE0 \uBA54\uBAA8\uB9AC\uC5D0 \uC5B4\uB5A4 \uBCC0\uD654\uB97C \uC77C\uC73C\uD0A4\uB294\uC9C0 \uC0B4\uD3B4\uBCFC \uD544\uC694\uAC00 \uC788\uB2E4.

      \uADF8\uB9AC\uACE0 \uC55E\uC11C \uC5B8\uAE09\uD55C \uBA54\uBAA8\uB9AC\uB294 JVM\uC5D0 \uC874\uC7AC\uD558\uB294 \uAC00\uC0C1\uC758 \uBA54\uBAA8\uB9AC \uAD6C\uC870 \uC774\uB2E4.

      Java Virtual Machine

      \uC77C\uB2E8 java source file \uC744 \uC2E4\uD589\uD558\uAE30 \uC704\uD574\uC11C\uB294 JVM(Java Virtual Machine) \uC774\uB77C\uB294 \uAC83\uC774 \uD544\uC694\uD558\uB2E4.

      Real WorldJava Virtual World\uB300\uC751
      \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uAC1C\uBC1C \uB3C4\uAD6CJDK(Java Develop Kit)JVM\uC6A9 \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uAC1C\uBC1C \uB3C4\uAD6C(\uC774\uD074\uB9BD\uC2A4, \uC778\uD154\uB9AC\uC81C\uC774)
      \uC6B4\uC601\uCCB4\uC81CJRE(Java Runtime Environment)JVM\uC6A9 OS
      \uD558\uB4DC\uC6E8\uC5B4(\uBA38\uC2E0)JVM(Java Virtual Machine)\uAC00\uC0C1\uC758 \uCEF4\uD4E8\uD130

      \uC6A9\uC5B4 \uC815\uB9AC

      • JDK : Java Develop Kit. \uC790\uBC14\uB97C \uAC1C\uBC1C\uD560 \uB54C \uD544\uC694\uD55C \uB3C4\uAD6C
      • JRE : Java Runtime Environment. \uC790\uBC14\uAC00 \uC2E4\uD589\uB418\uB294 \uD658\uACBD
      • JVM : Java Virtual Machine. \uC790\uBC14\uAC00 \uC2E4\uD589\uB418\uB294 \uAC00\uC0C1\uC758 \uBA38\uC2E0

      JVM\uC5D0\uB294 \uAC00\uC0C1\uC758 \uBA54\uBAA8\uB9AC \uAD6C\uC870\uAC00 \uC788\uACE0, Java\uC5D0\uC11C \uC2E4\uD589\uB418\uB294 \uCF54\uB4DC\uB294 \uC774 JVM\uC5D0 \uC885\uC18D\uC801\uC774\uB2E4.

      uml diagram

      C\uC5B8\uC5B4 \uAC19\uC740 \uACBD\uC6B0\uC5D0\uB294 Runtime\uC774 OS\uC9C0\uB9CC, Java\uC758 \uACBD\uC6B0 Runtime\uC774 JVM\uC774\uB2E4.
      \uADF8\uB9AC\uACE0 JVM\uC774 Byte Code(*.class file)\uB97C OS\uC5D0 \uD2B9\uD654\uB41C \uCF54\uB4DC\uB85C \uBCC0\uD658\uD558\uC5EC \uC2E4\uD589\uD55C\uB2E4.

      JVM\uC758 \uAD6C\uC870\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      uml diagram
      • Class Loader System

        • *.class\uC5D0\uC11C Byte Code\uB97C \uC77D\uACE0 \uBA54\uBAA8\uB9AC\uC5D0 \uC800\uC7A5
        • Loading: \uD074\uB798\uC2A4\uB97C \uC77D\uC5B4\uC624\uB294 \uACFC\uC815
        • Linking: Reference\uB97C \uC5F0\uACB0\uD558\uB294 \uACFC\uC815
        • Initialization: static \uAC12\uB4E4 \uCD08\uAE30\uD654 \uBC0F \uBCC0\uC218 \uD560\uB2F9
        • \uC77C\uC885\uC758 Static \uC601\uC5ED\uC774\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.
      • Memory

        • Class \uC218\uC900\uC758 \uC815\uBCF4(Class Name, Super Class Name, Method, Variable) \uC800\uC7A5
        • Heap: Object \uC800\uC7A5. \uACF5\uC720\uC790\uC6D0
        • Stack
          • Thread \uB9C8\uB2E4 Runtime Stack\uC744 \uB9CC\uB4E4\uACE0, \uADF8 \uC548\uC5D0\uC11C Method \uD638\uCD9C\uC744 Stack Frame \uC774\uB77C\uACE0 \uBD80\uB974\uB294 Block \uC73C\uB85C \uC313\uB294\uB2E4.
          • Thread \uC885\uB8CC \uD6C4 Runtime Stack \uB3C4 \uC0AC\uB77C\uC9C4\uB2E4.
        • Program Counter: Thread \uB9C8\uB2E4 Thread \uB0B4 \uD604\uC7AC \uC2E4\uD589\uD560 Stack Frame \uC744 \uAC00\uB974\uD0A4\uB294 \uD3EC\uC778\uD130\uAC00 \uC0DD\uC131\uB41C\uB2E4.
        • Native Method Stack: \uB9D0 \uADF8\uB300\uB85C Native Method\uC5D0 \uB300\uD55C Stack
          • Native Method\uB294 \uB2E4\uB978 \uC5B8\uC5B4\uB85C \uC791\uC131\uB41C \uCF54\uB4DC\uB97C \uC790\uBC14\uC5D0\uC11C \uD638\uCD9C\uD558\uB294 \uAC83\uC744 \uC758\uBBF8\uD55C\uB2E4.
      • Execution Engine

        • Interpreter: \uBC14\uC774\uD2B8 \uCF54\uB4DC\uB97C \uD55C \uC904\uC529 \uC2E4\uD589
        • JIT Compiler: \uC778\uD130\uD504\uB9AC\uD130\uC758 \uD6A8\uC728\uC744 \uB192\uC774\uAE30 \uC704\uD574 \uBC18\uBCF5\uB418\uB294 \uCF54\uB4DC\uB97C \uBC1C\uACAC\uC2DC \uBAA8\uB450 \uB124\uC774\uD2F0\uBE0C \uCF54\uB4DC\uB85C \uBCC0\uD658
        • Garbage Collector: \uB354 \uC774\uC0C1 \uCC38\uC870 \uB418\uC9C0 \uC54A\uB294 \uAC1D\uCCB4\uB97C \uBAA8\uC544\uC11C \uC815\uB9AC\uD568
      • JNI(Java Native Interface)

        • \uC790\uBC14 \uC560\uD50C\uB9AC\uCF00\uC774\uC158\uC5D0\uC11C C, C++, Assembly \uB4F1\uC73C\uB85C \uC791\uC131\uB41C \uD568\uC218\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294 Interface \uC81C\uACF5
        • Native \uD0A4\uC6CC\uB4DC\uB97C \uC0AC\uC6A9\uD55C \uBA54\uC18C\uB4DC \uD638\uCD9C
      • Native Method Library

        • C, C++ \uB4F1\uC73C\uB85C \uC791\uC131\uB41C Library

      Java\uC5D0\uC11C \uC0AC\uC6A9\uB418\uB294 Class\uB4E4\uC744 Class Loader\uC5D0\uC11C \uAD00\uB9AC\uD558\uACE0, Class\uAC00 Object(\uD639\uC740 Instance)\uB97C \uB9CC\uB4E4\uBA74 Heap\uC5D0 \uC313\uC774\uAC8C \uB41C\uB2E4.

      • Static(Class Loader System)
        • Class\uC758 \uB180\uC774\uD130
        • Static Property, Method
        • Object\uC758 Method Address
      • Heap: Object(Instance)\uC758 \uB180\uC774\uD130
      • Stack: Method\uC758 \uB180\uC774\uD130

      Main Method\uC758 Stack Frame

      \uB2E4\uC74C\uACFC \uAC19\uC740 \uCF54\uB4DC\uAC00 \uC788\uC744 \uB54C JVM\uC758 \uBA54\uBAA8\uB9AC \uAD6C\uC870 \uBCC0\uD654\uB97C \uC0B4\uD3B4\uBCF4\uC790.

      public class Start {
         public static void main (String[] args) {
           System.out.println("Hello OOP!!");
         }
      diff --git a/assets/index.html.4266656b.js b/assets/index.html.4e7025b3.js
      similarity index 98%
      rename from assets/index.html.4266656b.js
      rename to assets/index.html.4e7025b3.js
      index be327c2a..dae73aed 100644
      --- a/assets/index.html.4266656b.js
      +++ b/assets/index.html.4e7025b3.js
      @@ -1 +1 @@
      -const l={key:"v-be06058e",path:"/Javascript/Design/Vanilla-JS-Virtual-DOM/",title:"Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30",description:"React\uC640 Vue\uC5D0\uC11C \uC0AC\uC6A9\uB418\uACE0 \uC788\uB294 \uAC00\uC0C1\uB3D4(VirtualDOM)\uC744 Vanilla JS\uB85C \uC9C1\uC811 \uB9CC\uB4DC\uB294 \uACFC\uC815\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2021-08-18T00:00:00.000Z",thumbnail:"https://user-images.githubusercontent.com/18749057/172793454-927322f5-e7e7-48f4-8aa6-a79350b219e3.png",tag:"javascript, vanilla"},excerpt:"",headers:[{level:2,title:"1. \uBE0C\uB77C\uC6B0\uC800 \uB85C\uB529 \uACFC\uC815",slug:"_1-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165-\u1105\u1169\u1103\u1175\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[{level:3,title:"(1) \uD30C\uC2F1",slug:"_1-\u1111\u1161\u1109\u1175\u11BC",children:[]},{level:3,title:"(2) \uC2A4\uD0C0\uC77C",slug:"_2-\u1109\u1173\u1110\u1161\u110B\u1175\u11AF",children:[]},{level:3,title:"(3) \uB808\uC774\uC544\uC6C3",slug:"_3-\u1105\u1166\u110B\u1175\u110B\u1161\u110B\u116E\u11BA",children:[]},{level:3,title:"(4) \uD398\uC778\uD2B8",slug:"_4-\u1111\u1166\u110B\u1175\u11AB\u1110\u1173",children:[]},{level:3,title:"(5) \uD569\uC131(Compositing)",slug:"_5-\u1112\u1161\u11B8\u1109\u1165\u11BC-compositing",children:[]}]},{level:2,title:"2. \uC131\uB2A5",slug:"_2-\u1109\u1165\u11BC\u1102\u1173\u11BC",children:[{level:3,title:"(1) Reflow, Repaint",slug:"_1-reflow-repaint",children:[]},{level:3,title:"(2) \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC81C\uC77C \uC131\uB2A5\uC744 \uB9CE\uC774 \uC7A1\uC544\uBA39\uB294 \uAC83",slug:"_2-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165\u110B\u1166\u1109\u1165-\u110C\u1166\u110B\u1175\u11AF-\u1109\u1165\u11BC\u1102\u1173\u11BC\u110B\u1173\u11AF-\u1106\u1161\u11AD\u110B\u1175-\u110C\u1161\u11B8\u110B\u1161\u1106\u1165\u11A8\u1102\u1173\u11AB-\u1100\u1165\u11BA",children:[]}]},{level:2,title:"3. \uAC00\uC0C1\uB3D4(VirtualDOM)",slug:"_3-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom",children:[{level:3,title:"(1) \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30",slug:"_1-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:3,title:"(2) JSX",slug:"_2-jsx",children:[]},{level:3,title:"(3) VirtualDOM \u2192 RealDOM",slug:"_3-virtualdom-\u2192-realdom",children:[]},{level:3,title:"(4) Diff \uC54C\uACE0\uB9AC\uC998 \uC801\uC6A9",slug:"_4-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]}]},{level:2,title:"4. VirtualDOM\uC5D0 \uB300\uD55C \uACE0\uCC30",slug:"_4-virtualdom\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u110E\u1161\u11AF",children:[{level:3,title:"(1) VirtualDOM\uC774 \uAF2D \uD544\uC694\uD55C\uAC00?",slug:"_1-virtualdom\u110B\u1175-\u1101\u1169\u11A8-\u1111\u1175\u11AF\u110B\u116D\u1112\u1161\u11AB\u1100\u1161",children:[]},{level:3,title:"(2) Diff \uC54C\uACE0\uB9AC\uC998 \uC218\uC815",slug:"_2-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u116E\u110C\u1165\u11BC",children:[]}]},{level:2,title:"5. Diff \uC54C\uACE0\uB9AC\uC998 + \uCEF4\uD3EC\uB10C\uD2B8",slug:"_5-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173",children:[{level:3,title:"(1) \uCEF4\uD3EC\uB10C\uD2B8 \uAD6C\uC131",slug:"_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[]},{level:3,title:"(2) \uC774\uBCA4\uD2B8 \uC911\uBCF5\uB4F1\uB85D \uD574\uACB0",slug:"_2-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u110C\u116E\u11BC\u1107\u1169\u11A8\u1103\u1173\u11BC\u1105\u1169\u11A8-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"\uC800\uC7A5\uC18C",slug:"\u110C\u1165\u110C\u1161\u11BC\u1109\u1169",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Javascript/Design/Vanilla-JS-Virtual-DOM/README.md"};export{l as data};
      +const l={key:"v-be06058e",path:"/Javascript/Design/Vanilla-JS-Virtual-DOM/",title:"Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30",description:"React\uC640 Vue\uC5D0\uC11C \uC0AC\uC6A9\uB418\uACE0 \uC788\uB294 \uAC00\uC0C1\uB3D4(VirtualDOM)\uC744 Vanilla JS\uB85C \uC9C1\uC811 \uB9CC\uB4DC\uB294 \uACFC\uC815\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2021-08-18T00:00:00.000Z",thumbnail:"https://user-images.githubusercontent.com/18749057/172793454-927322f5-e7e7-48f4-8aa6-a79350b219e3.png",tag:"javascript, vanilla"},excerpt:"",headers:[{level:2,title:"1. \uBE0C\uB77C\uC6B0\uC800 \uB85C\uB529 \uACFC\uC815",slug:"_1-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165-\u1105\u1169\u1103\u1175\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[{level:3,title:"(1) \uD30C\uC2F1",slug:"_1-\u1111\u1161\u1109\u1175\u11BC",children:[]},{level:3,title:"(2) \uC2A4\uD0C0\uC77C",slug:"_2-\u1109\u1173\u1110\u1161\u110B\u1175\u11AF",children:[]},{level:3,title:"(3) \uB808\uC774\uC544\uC6C3",slug:"_3-\u1105\u1166\u110B\u1175\u110B\u1161\u110B\u116E\u11BA",children:[]},{level:3,title:"(4) \uD398\uC778\uD2B8",slug:"_4-\u1111\u1166\u110B\u1175\u11AB\u1110\u1173",children:[]},{level:3,title:"(5) \uD569\uC131(Compositing)",slug:"_5-\u1112\u1161\u11B8\u1109\u1165\u11BC-compositing",children:[]}]},{level:2,title:"2. \uC131\uB2A5",slug:"_2-\u1109\u1165\u11BC\u1102\u1173\u11BC",children:[{level:3,title:"(1) Reflow, Repaint",slug:"_1-reflow-repaint",children:[]},{level:3,title:"(2) \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC81C\uC77C \uC131\uB2A5\uC744 \uB9CE\uC774 \uC7A1\uC544\uBA39\uB294 \uAC83",slug:"_2-\u1107\u1173\u1105\u1161\u110B\u116E\u110C\u1165\u110B\u1166\u1109\u1165-\u110C\u1166\u110B\u1175\u11AF-\u1109\u1165\u11BC\u1102\u1173\u11BC\u110B\u1173\u11AF-\u1106\u1161\u11AD\u110B\u1175-\u110C\u1161\u11B8\u110B\u1161\u1106\u1165\u11A8\u1102\u1173\u11AB-\u1100\u1165\u11BA",children:[]}]},{level:2,title:"3. \uAC00\uC0C1\uB3D4(VirtualDOM)",slug:"_3-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom",children:[{level:3,title:"(1) \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30",slug:"_1-\u1100\u1161\u1109\u1161\u11BC\u1103\u1169\u11B7-virtualdom-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[]},{level:3,title:"(2) JSX",slug:"_2-jsx",children:[]},{level:3,title:"(3) VirtualDOM \u2192 RealDOM",slug:"_3-virtualdom-\u2192-realdom",children:[]},{level:3,title:"(4) Diff \uC54C\uACE0\uB9AC\uC998 \uC801\uC6A9",slug:"_4-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]}]},{level:2,title:"4. VirtualDOM\uC5D0 \uB300\uD55C \uACE0\uCC30",slug:"_4-virtualdom\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u110E\u1161\u11AF",children:[{level:3,title:"(1) VirtualDOM\uC774 \uAF2D \uD544\uC694\uD55C\uAC00?",slug:"_1-virtualdom\u110B\u1175-\u1101\u1169\u11A8-\u1111\u1175\u11AF\u110B\u116D\u1112\u1161\u11AB\u1100\u1161",children:[]},{level:3,title:"(2) Diff \uC54C\uACE0\uB9AC\uC998 \uC218\uC815",slug:"_2-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u116E\u110C\u1165\u11BC",children:[]}]},{level:2,title:"5. Diff \uC54C\uACE0\uB9AC\uC998 + \uCEF4\uD3EC\uB10C\uD2B8",slug:"_5-diff-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173",children:[{level:3,title:"(1) \uCEF4\uD3EC\uB10C\uD2B8 \uAD6C\uC131",slug:"_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[]},{level:3,title:"(2) \uC774\uBCA4\uD2B8 \uC911\uBCF5\uB4F1\uB85D \uD574\uACB0",slug:"_2-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u110C\u116E\u11BC\u1107\u1169\u11A8\u1103\u1173\u11BC\u1105\u1169\u11A8-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"\uC800\uC7A5\uC18C",slug:"\u110C\u1165\u110C\u1161\u11BC\u1109\u1169",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Javascript/Design/Vanilla-JS-Virtual-DOM/README.md"};export{l as data};
      diff --git a/assets/index.html.2e8da8f5.js b/assets/index.html.4f1ec942.js
      similarity index 99%
      rename from assets/index.html.2e8da8f5.js
      rename to assets/index.html.4f1ec942.js
      index fe2e3889..941f5876 100644
      --- a/assets/index.html.2e8da8f5.js
      +++ b/assets/index.html.4f1ec942.js
      @@ -1,4 +1,4 @@
      -import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.800103af.js";var l="/TIL/assets/1.75515343.png",u="/TIL/assets/2.38712759.png",r="/TIL/assets/3.e6a3e087.png";const k={},d=n("h1",{id:"vanilla-javascript\u1105\u1169-react-usestate-hook-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vanilla-javascript\u1105\u1169-react-usestate-hook-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),s(" Vanilla Javascript\uB85C React UseState Hook \uB9CC\uB4E4\uAE30")],-1),v=n("p",null,[s("\uBCF8 \uD3EC\uC2A4\uD2B8\uB294 React\uC758 "),n("code",null,"useState"),s(" Hook\uC758 \uC791\uB3D9\uBC29\uC2DD\uC5D0 \uB300\uD574 "),n("strong",null,"\uACE0\uBBFC\uD574\uBCF4\uACE0, \uAD6C\uD604\uD574\uBCF4\uACE0, \uCD5C\uC801\uD654"),s("\uD558\uB294 \uB0B4\uC6A9\uC744 \uB2E4\uB8F9\uB2C8\uB2E4.")],-1),m={class:"custom-container tip"},b=n("p",{class:"custom-container-title"},"\uC120\uD589\uD559\uC2B5",-1),g=n("p",null,"\uAD6C\uD604\uBD80 \uCF54\uB4DC\uB294 \uC544\uB798 \uD3EC\uC2A4\uD2B8\uC758 \uB0B4\uC6A9\uC744 \uBAA8\uB974\uBA74 \uC774\uD574\uD558\uAE30\uAC00 \uD798\uB4E4 \uC218 \uC788\uC2B5\uB2C8\uB2E4.",-1),h={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Component/",target:"_blank",rel:"noopener noreferrer"},f=s("Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30"),y={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Store/",target:"_blank",rel:"noopener noreferrer"},w=s("Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30"),_={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Virtual-DOM/",target:"_blank",rel:"noopener noreferrer"},x=s("Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30"),S=p(`

      1. React\uC758 useState

      (1) \uC758\uBB38\uC744 \uAC16\uAE30

      \uD544\uC790\uB294 React\uB97C \uC0AC\uC6A9\uD560 \uB54C hook api\uB4E4\uC744 \uBCF4\uBA74\uC11C \uD56D\uC0C1 \uC2E0\uAE30\uD588\uB2E4.

      function Counter () {
      +import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.d20f8571.js";var l="/TIL/assets/1.75515343.png",u="/TIL/assets/2.38712759.png",r="/TIL/assets/3.e6a3e087.png";const k={},d=n("h1",{id:"vanilla-javascript\u1105\u1169-react-usestate-hook-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vanilla-javascript\u1105\u1169-react-usestate-hook-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),s(" Vanilla Javascript\uB85C React UseState Hook \uB9CC\uB4E4\uAE30")],-1),v=n("p",null,[s("\uBCF8 \uD3EC\uC2A4\uD2B8\uB294 React\uC758 "),n("code",null,"useState"),s(" Hook\uC758 \uC791\uB3D9\uBC29\uC2DD\uC5D0 \uB300\uD574 "),n("strong",null,"\uACE0\uBBFC\uD574\uBCF4\uACE0, \uAD6C\uD604\uD574\uBCF4\uACE0, \uCD5C\uC801\uD654"),s("\uD558\uB294 \uB0B4\uC6A9\uC744 \uB2E4\uB8F9\uB2C8\uB2E4.")],-1),m={class:"custom-container tip"},b=n("p",{class:"custom-container-title"},"\uC120\uD589\uD559\uC2B5",-1),g=n("p",null,"\uAD6C\uD604\uBD80 \uCF54\uB4DC\uB294 \uC544\uB798 \uD3EC\uC2A4\uD2B8\uC758 \uB0B4\uC6A9\uC744 \uBAA8\uB974\uBA74 \uC774\uD574\uD558\uAE30\uAC00 \uD798\uB4E4 \uC218 \uC788\uC2B5\uB2C8\uB2E4.",-1),h={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Component/",target:"_blank",rel:"noopener noreferrer"},f=s("Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30"),y={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Store/",target:"_blank",rel:"noopener noreferrer"},w=s("Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30"),_={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Virtual-DOM/",target:"_blank",rel:"noopener noreferrer"},x=s("Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30"),S=p(`

      1. React\uC758 useState

      (1) \uC758\uBB38\uC744 \uAC16\uAE30

      \uD544\uC790\uB294 React\uB97C \uC0AC\uC6A9\uD560 \uB54C hook api\uB4E4\uC744 \uBCF4\uBA74\uC11C \uD56D\uC0C1 \uC2E0\uAE30\uD588\uB2E4.

      function Counter () {
         const [count, setCount] = useState(1);
       
         // \uB3D4\uC5D0\uC11C \uC9C1\uC811 \uD638\uCD9C\uD558\uAE30 \uC704\uD574 window(\uC804\uC5ED\uAC1D\uCCB4)\uC5D0 \uD560\uB2F9
      diff --git a/assets/index.html.810a3760.js b/assets/index.html.55513a07.js
      similarity index 99%
      rename from assets/index.html.810a3760.js
      rename to assets/index.html.55513a07.js
      index b7bc8c0a..17f25969 100644
      --- a/assets/index.html.810a3760.js
      +++ b/assets/index.html.55513a07.js
      @@ -1,4 +1,4 @@
      -import{_ as a,r as e,o as t,c as i,a as n,b as p,d as c,e as o}from"./app.800103af.js";const l={},u=c(`

      \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8

      \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8\uB294 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC5D0\uC11C \uAC00\uC7A5 \uC911\uC694\uD55C \uD575\uC2EC \uAC1C\uB150 \uC911\uC5D0 \uD558\uB098\uB2E4. \uC774\uB97C \uC815\uD655\uD788 \uC774\uD574\uD558\uB294 \uAC83\uC740 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uAC1C\uBC1C\uC790\uC5D0\uAC8C \uB9E4\uC6B0 \uC911\uC694\uD558\uB2E4.

      1. \uAC1C\uB150

      \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8

      • \uC2E4\uD589\uD560 \uCF54\uB4DC\uC5D0 \uC81C\uACF5\uD560 \uD658\uACBD \uC815\uBCF4\uB4E4\uC744 \uBAA8\uC544\uB193\uC740 \uAC1D\uCCB4
      • \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC801 \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC131\uACA9\uC744 \uAC00\uC7A5 \uC798 \uD30C\uC545\uD560 \uC218 \uC788\uB294 \uAC1C\uB150

      \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uB294 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8\uAC00 \uD65C\uC131\uD654\uB418\uB294 \uC2DC\uC810\uC5D0 \uB2E4\uC74C\uACFC \uAC19\uC740 \uD604\uC0C1\uC774 \uBC1C\uC0DD\uD55C\uB2E4.

      • \uD638\uC774\uC2A4\uD305\uC774 \uBC1C\uC0DD\uD55C\uB2E4(\uC120\uC5B8\uB41C \uBCC0\uC218\uB97C \uC704\uB85C \uB04C\uC5B4\uC62C\uB9B0\uB2E4)
      • \uC678\uBD80 \uD658\uACBD \uC815\uBCF4\uB97C \uAD6C\uC131\uD55C\uB2E4
      • this \uAC12\uC744 \uC124\uC815\uD55C\uB2E4.

      \uC774\uB85C \uC778\uD574 \uB2E4\uB978 \uC5B8\uC5B4\uC5D0\uC11C \uBC1C\uACAC\uD560 \uC218 \uC5C6\uB294 \uD2B9\uC774\uD55C \uD604\uC0C1\uB4E4\uC774 \uBC1C\uC0DD\uD55C\uB2E4.

      2. \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8 \uAD6C\uC131

      \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8\uB294 \uB2E4\uC74C\uACFC \uAC19\uC740 \uAC83\uB4E4\uC744 \uC774\uC6A9\uD558\uBA74 call stack\uC5D0 \uC313\uC774\uAC8C \uB41C\uB2E4.

      • \uC804\uC5ED\uACF5\uAC04\uC740 \uC790\uB3D9\uC73C\uB85C \uCEE8\uD14D\uC2A4\uD2B8\uB85C \uAD6C\uC131\uB41C\uB2E4.
      • \uD568\uC218\uB97C \uC2E4\uD589\uD55C\uB2E4.
      • eval()\uD568\uC218\uB97C \uC2E4\uD589\uD55C\uB2E4.
      • block\uC744 \uB9CC\uB4E0\uB2E4 (ES6+)

      \uC77C\uBC18\uC801\uC73C\uB85C \uD568\uC218\uB97C \uC774\uC6A9\uD55C \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uC0AC\uC6A9\uD55C\uB2E4.

      var a = 1; // \uC804\uC5ED \uCEE8\uD14D\uC2A4\uD2B8
      +import{_ as a,r as e,o as t,c as i,a as n,b as p,d as c,e as o}from"./app.d20f8571.js";const l={},u=c(`

      \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8

      \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8\uB294 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC5D0\uC11C \uAC00\uC7A5 \uC911\uC694\uD55C \uD575\uC2EC \uAC1C\uB150 \uC911\uC5D0 \uD558\uB098\uB2E4. \uC774\uB97C \uC815\uD655\uD788 \uC774\uD574\uD558\uB294 \uAC83\uC740 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uAC1C\uBC1C\uC790\uC5D0\uAC8C \uB9E4\uC6B0 \uC911\uC694\uD558\uB2E4.

      1. \uAC1C\uB150

      \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8

      • \uC2E4\uD589\uD560 \uCF54\uB4DC\uC5D0 \uC81C\uACF5\uD560 \uD658\uACBD \uC815\uBCF4\uB4E4\uC744 \uBAA8\uC544\uB193\uC740 \uAC1D\uCCB4
      • \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC801 \uC5B8\uC5B4\uB85C\uC11C\uC758 \uC131\uACA9\uC744 \uAC00\uC7A5 \uC798 \uD30C\uC545\uD560 \uC218 \uC788\uB294 \uAC1C\uB150

      \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uB294 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8\uAC00 \uD65C\uC131\uD654\uB418\uB294 \uC2DC\uC810\uC5D0 \uB2E4\uC74C\uACFC \uAC19\uC740 \uD604\uC0C1\uC774 \uBC1C\uC0DD\uD55C\uB2E4.

      • \uD638\uC774\uC2A4\uD305\uC774 \uBC1C\uC0DD\uD55C\uB2E4(\uC120\uC5B8\uB41C \uBCC0\uC218\uB97C \uC704\uB85C \uB04C\uC5B4\uC62C\uB9B0\uB2E4)
      • \uC678\uBD80 \uD658\uACBD \uC815\uBCF4\uB97C \uAD6C\uC131\uD55C\uB2E4
      • this \uAC12\uC744 \uC124\uC815\uD55C\uB2E4.

      \uC774\uB85C \uC778\uD574 \uB2E4\uB978 \uC5B8\uC5B4\uC5D0\uC11C \uBC1C\uACAC\uD560 \uC218 \uC5C6\uB294 \uD2B9\uC774\uD55C \uD604\uC0C1\uB4E4\uC774 \uBC1C\uC0DD\uD55C\uB2E4.

      2. \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8 \uAD6C\uC131

      \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8\uB294 \uB2E4\uC74C\uACFC \uAC19\uC740 \uAC83\uB4E4\uC744 \uC774\uC6A9\uD558\uBA74 call stack\uC5D0 \uC313\uC774\uAC8C \uB41C\uB2E4.

      • \uC804\uC5ED\uACF5\uAC04\uC740 \uC790\uB3D9\uC73C\uB85C \uCEE8\uD14D\uC2A4\uD2B8\uB85C \uAD6C\uC131\uB41C\uB2E4.
      • \uD568\uC218\uB97C \uC2E4\uD589\uD55C\uB2E4.
      • eval()\uD568\uC218\uB97C \uC2E4\uD589\uD55C\uB2E4.
      • block\uC744 \uB9CC\uB4E0\uB2E4 (ES6+)

      \uC77C\uBC18\uC801\uC73C\uB85C \uD568\uC218\uB97C \uC774\uC6A9\uD55C \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uC0AC\uC6A9\uD55C\uB2E4.

      var a = 1; // \uC804\uC5ED \uCEE8\uD14D\uC2A4\uD2B8
       function outer () { // outer \uCEE8\uD14D\uC2A4\uD2B8
         function inner () { // inner \uCEE8\uD14D\uC2A4\uD2B8
           console.log(a); // undefined
      diff --git a/assets/index.html.11e4a8af.js b/assets/index.html.557dc6a7.js
      similarity index 91%
      rename from assets/index.html.11e4a8af.js
      rename to assets/index.html.557dc6a7.js
      index 8099c07e..fd22761c 100644
      --- a/assets/index.html.11e4a8af.js
      +++ b/assets/index.html.557dc6a7.js
      @@ -1 +1 @@
      -const e={key:"v-4fb3c888",path:"/Book/OOP-Principle/03-Java-As-OOP/",title:"03 \uC790\uBC14\uC640 \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"03 \uC790\uBC14\uC640 \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"\uD074\uB798\uC2A4, \uAC1D\uCCB4, \uCD94\uC0C1\uD654, \uC0C1\uC18D, \uCEA1\uC290\uD654, \uB2E4\uD615\uC131 \uB4F1 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8\uC801\uC778 \uAC1C\uB150\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uC5EC\uBD05\uC2DC\uB2E4.",date:"2020-02-20T13:00:00.000Z",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"Book/OOP-Principle/03-Java-As-OOP/README.md"};export{e as data};
      +const e={key:"v-4fb3c888",path:"/Book/OOP-Principle/03-Java-As-OOP/",title:"03 \uC790\uBC14\uC640 \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"03 \uC790\uBC14\uC640 \uAC1D\uCCB4\uC9C0\uD5A5 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"\uD074\uB798\uC2A4, \uAC1D\uCCB4, \uCD94\uC0C1\uD654, \uC0C1\uC18D, \uCEA1\uC290\uD654, \uB2E4\uD615\uC131 \uB4F1 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8\uC801\uC778 \uAC1C\uB150\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uC5EC\uBD05\uC2DC\uB2E4.",date:"2020-02-20T13:00:00.000Z",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"Book/OOP-Principle/03-Java-As-OOP/README.md"};export{e as data};
      diff --git a/assets/index.html.0b9ec23f.js b/assets/index.html.5765ebce.js
      similarity index 95%
      rename from assets/index.html.0b9ec23f.js
      rename to assets/index.html.5765ebce.js
      index 57e3a722..968a044e 100644
      --- a/assets/index.html.0b9ec23f.js
      +++ b/assets/index.html.5765ebce.js
      @@ -1 +1 @@
      -const e={key:"v-e34619ce",path:"/vuepress/Starter/",title:"Vuepress \uC2DC\uC791\uD558\uAE30",lang:"en-US",frontmatter:{title:"Vuepress \uC2DC\uC791\uD558\uAE30",description:"\uD604\uC7AC \uD398\uC774\uC9C0\uC5D0\uC11C \uB2E4\uB8E8\uACE0 \uC788\uB294 \uB0B4\uC6A9\uC740 vuepress\uB85C TIL \uBB38\uC11C\uB97C \uB9CC\uB4E4\uBA74\uC11C \uC54C\uAC8C\uB41C \uB0B4\uC6A9\uB4E4\uC744 \uC815\uB9AC\uD55C \uAC83\uC774\uB2E4.",prev:!1,sidebarDepth:2,date:"2020-01-04T00:00:00.000Z",tag:"vuepress"},excerpt:"",headers:[{level:2,title:"Static Site Generator",slug:"static-site-generator",children:[{level:3,title:"\uB3D9\uC801 \uC0AC\uC774\uD2B8(Dynamic Site)",slug:"\u1103\u1169\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-dynamic-site",children:[]},{level:3,title:"\uC815\uC801 \uC0AC\uC774\uD2B8(Static Site)",slug:"\u110C\u1165\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-static-site",children:[]},{level:3,title:"\uC815\uC801 \uC0AC\uC774\uD2B8 \uC0DD\uC131\uAE30(SSG, Static Site Generator)",slug:"\u110C\u1165\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-\u1109\u1162\u11BC\u1109\u1165\u11BC\u1100\u1175-ssg-static-site-generator",children:[]}]},{level:2,title:"VuePress \uC2DC\uC791\uD558\uAE30",slug:"vuepress-\u1109\u1175\u110C\u1161\u11A8\u1112\u1161\u1100\u1175-1",children:[{level:3,title:"install",slug:"install",children:[]}]},{level:2,title:"config",slug:"config",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"vuepress/Starter/README.md"};export{e as data};
      +const e={key:"v-e34619ce",path:"/vuepress/Starter/",title:"Vuepress \uC2DC\uC791\uD558\uAE30",lang:"en-US",frontmatter:{title:"Vuepress \uC2DC\uC791\uD558\uAE30",description:"\uD604\uC7AC \uD398\uC774\uC9C0\uC5D0\uC11C \uB2E4\uB8E8\uACE0 \uC788\uB294 \uB0B4\uC6A9\uC740 vuepress\uB85C TIL \uBB38\uC11C\uB97C \uB9CC\uB4E4\uBA74\uC11C \uC54C\uAC8C\uB41C \uB0B4\uC6A9\uB4E4\uC744 \uC815\uB9AC\uD55C \uAC83\uC774\uB2E4.",prev:!1,sidebarDepth:2,date:"2020-01-04T00:00:00.000Z",tag:"vuepress"},excerpt:"",headers:[{level:2,title:"Static Site Generator",slug:"static-site-generator",children:[{level:3,title:"\uB3D9\uC801 \uC0AC\uC774\uD2B8(Dynamic Site)",slug:"\u1103\u1169\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-dynamic-site",children:[]},{level:3,title:"\uC815\uC801 \uC0AC\uC774\uD2B8(Static Site)",slug:"\u110C\u1165\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-static-site",children:[]},{level:3,title:"\uC815\uC801 \uC0AC\uC774\uD2B8 \uC0DD\uC131\uAE30(SSG, Static Site Generator)",slug:"\u110C\u1165\u11BC\u110C\u1165\u11A8-\u1109\u1161\u110B\u1175\u1110\u1173-\u1109\u1162\u11BC\u1109\u1165\u11BC\u1100\u1175-ssg-static-site-generator",children:[]}]},{level:2,title:"VuePress \uC2DC\uC791\uD558\uAE30",slug:"vuepress-\u1109\u1175\u110C\u1161\u11A8\u1112\u1161\u1100\u1175-1",children:[{level:3,title:"install",slug:"install",children:[]}]},{level:2,title:"config",slug:"config",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"vuepress/Starter/README.md"};export{e as data};
      diff --git a/assets/index.html.35f653f5.js b/assets/index.html.5b5ab188.js
      similarity index 97%
      rename from assets/index.html.35f653f5.js
      rename to assets/index.html.5b5ab188.js
      index ee253faf..2d767ad1 100644
      --- a/assets/index.html.35f653f5.js
      +++ b/assets/index.html.5b5ab188.js
      @@ -1 +1 @@
      -const e={key:"v-37296673",path:"/Book/OOP-Principle/00-Intro/",title:"00 \uCC45 \uC18C\uAC1C | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"00 \uCC45 \uC18C\uAC1C | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:'\uAE40\uC885\uBBFC\uB2D8\uC774 \uC800\uC220\uD55C "\uC2A4\uD504\uB9C1 \uC785\uBB38\uC744 \uC704\uD55C (\uC790\uBC14) \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"\uC5D0 \uB300\uD55C \uC18C\uAC1C\uC785\uB2C8\uB2E4.',sidebarDepth:2,date:"2020-02-17T13:00:00.000Z",tag:"\uCC45",thumbnail:"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg"},excerpt:"",headers:[{level:2,title:"\uCC45\uC744 \uAD6C\uB9E4\uD558\uAC8C \uB41C \uACC4\uAE30",slug:"\u110E\u1162\u11A8\u110B\u1173\u11AF-\u1100\u116E\u1106\u1162\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1100\u1168\u1100\u1175",children:[]},{level:2,title:"\uC800\uC790 \uC18C\uAC1C",slug:"\u110C\u1165\u110C\u1161-\u1109\u1169\u1100\u1162",children:[]},{level:2,title:"\uCC45\uC744 \uC77D\uC73C\uBA74\uC11C \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uC810",slug:"\u110E\u1162\u11A8\u110B\u1173\u11AF-\u110B\u1175\u11B0\u110B\u1173\u1106\u1167\u11AB\u1109\u1165-\u110B\u1175\u11AB\u1109\u1161\u11BC-\u1100\u1175\u11C1\u110B\u1165\u11BB\u1103\u1165\u11AB-\u110C\u1165\u11B7",children:[{level:3,title:"\uC774\uD574\uD558\uAE30 \uC27D\uB3C4\uB85D \uC804\uB2EC",slug:"\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175-\u1109\u1171\u11B8\u1103\u1169\u1105\u1169\u11A8-\u110C\u1165\u11AB\u1103\u1161\u11AF",children:[]},{level:3,title:"\uC798\uBABB\uB41C \uAC1C\uB150 \uBC14\uB85C\uC7A1\uAE30",slug:"\u110C\u1161\u11AF\u1106\u1169\u11BA\u1103\u116C\u11AB-\u1100\u1162\u1102\u1167\u11B7-\u1107\u1161\u1105\u1169\u110C\u1161\u11B8\u1100\u1175",children:[]},{level:3,title:"\uC778\uAC04\uC9C0\uD5A5\uC801\uC778 \uAC1D\uCCB4\uC9C0\uD5A5",slug:"\u110B\u1175\u11AB\u1100\u1161\u11AB\u110C\u1175\u1112\u1163\u11BC\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",children:[]}]},{level:2,title:"\uACB0\uB860",slug:"\u1100\u1167\u11AF\u1105\u1169\u11AB",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Book/OOP-Principle/00-Intro/README.md"};export{e as data};
      +const e={key:"v-37296673",path:"/Book/OOP-Principle/00-Intro/",title:"00 \uCC45 \uC18C\uAC1C | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"00 \uCC45 \uC18C\uAC1C | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:'\uAE40\uC885\uBBFC\uB2D8\uC774 \uC800\uC220\uD55C "\uC2A4\uD504\uB9C1 \uC785\uBB38\uC744 \uC704\uD55C (\uC790\uBC14) \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"\uC5D0 \uB300\uD55C \uC18C\uAC1C\uC785\uB2C8\uB2E4.',sidebarDepth:2,date:"2020-02-17T13:00:00.000Z",tag:"\uCC45",thumbnail:"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg"},excerpt:"",headers:[{level:2,title:"\uCC45\uC744 \uAD6C\uB9E4\uD558\uAC8C \uB41C \uACC4\uAE30",slug:"\u110E\u1162\u11A8\u110B\u1173\u11AF-\u1100\u116E\u1106\u1162\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1100\u1168\u1100\u1175",children:[]},{level:2,title:"\uC800\uC790 \uC18C\uAC1C",slug:"\u110C\u1165\u110C\u1161-\u1109\u1169\u1100\u1162",children:[]},{level:2,title:"\uCC45\uC744 \uC77D\uC73C\uBA74\uC11C \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uC810",slug:"\u110E\u1162\u11A8\u110B\u1173\u11AF-\u110B\u1175\u11B0\u110B\u1173\u1106\u1167\u11AB\u1109\u1165-\u110B\u1175\u11AB\u1109\u1161\u11BC-\u1100\u1175\u11C1\u110B\u1165\u11BB\u1103\u1165\u11AB-\u110C\u1165\u11B7",children:[{level:3,title:"\uC774\uD574\uD558\uAE30 \uC27D\uB3C4\uB85D \uC804\uB2EC",slug:"\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175-\u1109\u1171\u11B8\u1103\u1169\u1105\u1169\u11A8-\u110C\u1165\u11AB\u1103\u1161\u11AF",children:[]},{level:3,title:"\uC798\uBABB\uB41C \uAC1C\uB150 \uBC14\uB85C\uC7A1\uAE30",slug:"\u110C\u1161\u11AF\u1106\u1169\u11BA\u1103\u116C\u11AB-\u1100\u1162\u1102\u1167\u11B7-\u1107\u1161\u1105\u1169\u110C\u1161\u11B8\u1100\u1175",children:[]},{level:3,title:"\uC778\uAC04\uC9C0\uD5A5\uC801\uC778 \uAC1D\uCCB4\uC9C0\uD5A5",slug:"\u110B\u1175\u11AB\u1100\u1161\u11AB\u110C\u1175\u1112\u1163\u11BC\u110C\u1165\u11A8\u110B\u1175\u11AB-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",children:[]}]},{level:2,title:"\uACB0\uB860",slug:"\u1100\u1167\u11AF\u1105\u1169\u11AB",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Book/OOP-Principle/00-Intro/README.md"};export{e as data};
      diff --git a/assets/index.html.bbc02efc.js b/assets/index.html.5bf724a2.js
      similarity index 97%
      rename from assets/index.html.bbc02efc.js
      rename to assets/index.html.5bf724a2.js
      index 8dc4c829..cf996346 100644
      --- a/assets/index.html.bbc02efc.js
      +++ b/assets/index.html.5bf724a2.js
      @@ -1 +1 @@
      -const e={key:"v-53866e7e",path:"/Review/2020-year/02-February/",title:"2020\uB144 2\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 2\uC6D4 \uD68C\uACE0",description:"2020\uB144 2\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-02-29T00:00:00.000Z",tag:"\uD68C\uACE0"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC5C5\uBB34\uC5D0 \uC801\uC751\uD558\uB294 \uACFC\uC815",slug:"_1-\u110B\u1165\u11B8\u1106\u116E\u110B\u1166-\u110C\u1165\u11A8\u110B\u1173\u11BC\u1112\u1161\u1102\u1173\u11AB-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:3,title:"2. \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8\uC640 \uCF54\uB4DC\uB9AC\uBDF0",slug:"_2-\u1109\u1175\u11AB\u1100\u1172-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u110B\u116A-\u110F\u1169\u1103\u1173\u1105\u1175\u1107\u1172",children:[]},{level:3,title:"4. \uC7AC\uD0DD\uADFC\uBB34",slug:"_4-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"\uC5BC\uB5A8\uACB0\uC5D0 \uC9D1\uC0AC",slug:"\u110B\u1165\u11AF\u1104\u1165\u11AF\u1100\u1167\u11AF\u110B\u1166-\u110C\u1175\u11B8\u1109\u1161",children:[]},{level:3,title:"\uC218\uC601 \uC2DC\uC791",slug:"\u1109\u116E\u110B\u1167\u11BC-\u1109\u1175\u110C\u1161\u11A8",children:[]},{level:3,title:"\uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8 \uC2DC\uC791",slug:"\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1109\u1175\u110C\u1161\u11A8",children:[]},{level:3,title:"\uB3C5\uC11C - \uC2A4\uD504\uB9C1 \uC785\uBB38\uC744 \uC704\uD55C \uC790\uBC14 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC774\uD574",slug:"\u1103\u1169\u11A8\u1109\u1165-\u1109\u1173\u1111\u1173\u1105\u1175\u11BC-\u110B\u1175\u11B8\u1106\u116E\u11AB\u110B\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-\u110C\u1161\u1107\u1161-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u110B\u1175\u1112\u1162",children:[]},{level:3,title:"\uCF54\uB355",slug:"\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"\uD568\uC218\uD615 \uD504\uB85C\uADF8\uB798\uBC0D",slug:"\u1112\u1161\u11B7\u1109\u116E\u1112\u1167\u11BC-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1175\u11BC",children:[]},{level:3,title:"The Java",slug:"the-java",children:[]},{level:3,title:"\uC544\uC26C\uC6B4 \uC810",slug:"\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/02-February/README.md"};export{e as data};
      +const e={key:"v-53866e7e",path:"/Review/2020-year/02-February/",title:"2020\uB144 2\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 2\uC6D4 \uD68C\uACE0",description:"2020\uB144 2\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-02-29T00:00:00.000Z",tag:"\uD68C\uACE0"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uC5C5\uBB34\uC5D0 \uC801\uC751\uD558\uB294 \uACFC\uC815",slug:"_1-\u110B\u1165\u11B8\u1106\u116E\u110B\u1166-\u110C\u1165\u11A8\u110B\u1173\u11BC\u1112\u1161\u1102\u1173\u11AB-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:3,title:"2. \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8\uC640 \uCF54\uB4DC\uB9AC\uBDF0",slug:"_2-\u1109\u1175\u11AB\u1100\u1172-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u110B\u116A-\u110F\u1169\u1103\u1173\u1105\u1175\u1107\u1172",children:[]},{level:3,title:"4. \uC7AC\uD0DD\uADFC\uBB34",slug:"_4-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"\uC5BC\uB5A8\uACB0\uC5D0 \uC9D1\uC0AC",slug:"\u110B\u1165\u11AF\u1104\u1165\u11AF\u1100\u1167\u11AF\u110B\u1166-\u110C\u1175\u11B8\u1109\u1161",children:[]},{level:3,title:"\uC218\uC601 \uC2DC\uC791",slug:"\u1109\u116E\u110B\u1167\u11BC-\u1109\u1175\u110C\u1161\u11A8",children:[]},{level:3,title:"\uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8 \uC2DC\uC791",slug:"\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1109\u1175\u110C\u1161\u11A8",children:[]},{level:3,title:"\uB3C5\uC11C - \uC2A4\uD504\uB9C1 \uC785\uBB38\uC744 \uC704\uD55C \uC790\uBC14 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC774\uD574",slug:"\u1103\u1169\u11A8\u1109\u1165-\u1109\u1173\u1111\u1173\u1105\u1175\u11BC-\u110B\u1175\u11B8\u1106\u116E\u11AB\u110B\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-\u110C\u1161\u1107\u1161-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u110B\u1175\u1112\u1162",children:[]},{level:3,title:"\uCF54\uB355",slug:"\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"\uD568\uC218\uD615 \uD504\uB85C\uADF8\uB798\uBC0D",slug:"\u1112\u1161\u11B7\u1109\u116E\u1112\u1167\u11BC-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1175\u11BC",children:[]},{level:3,title:"The Java",slug:"the-java",children:[]},{level:3,title:"\uC544\uC26C\uC6B4 \uC810",slug:"\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/02-February/README.md"};export{e as data};
      diff --git a/assets/index.html.ecf44cf7.js b/assets/index.html.5c277a70.js
      similarity index 98%
      rename from assets/index.html.ecf44cf7.js
      rename to assets/index.html.5c277a70.js
      index 0fc783bf..c37af09c 100644
      --- a/assets/index.html.ecf44cf7.js
      +++ b/assets/index.html.5c277a70.js
      @@ -1 +1 @@
      -const e={key:"v-c2a71fd4",path:"/Review/2023-year/end/",title:"2023\uB144 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2023\uB144 \uD68C\uACE0",description:"\uB098 \uC790\uC2E0\uC5D0 \uB300\uD574 \uCC38 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uC54C \uC218 \uC788\uC5C8\uB358 1\uB144",sidebarDepth:2,date:"2024-01-09T10:00:00.000Z",thumbnail:"https://raw.githubusercontent.com/JunilHwang/TIL/master/Review/2023-year/end/thumbnail.jpg",tag:"\uD68C\uACE0",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"2023\uB144 \uBAA9\uD45C \uB2EC\uC131 \uC810\uAC80",slug:"_2023\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D-\u1103\u1161\u11AF\u1109\u1165\u11BC-\u110C\u1165\u11B7\u1100\u1165\u11B7",children:[]},{level:2,title:"1. nBilly",slug:"_1-nbilly",children:[{level:3,title:"(1) \uAC04\uB2E8\uD55C \uC18C\uAC1C",slug:"_1-\u1100\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AB-\u1109\u1169\u1100\u1162",children:[]},{level:3,title:"(2) \uAE30\uC220\uC801 \uC131\uC7A5, \uC2DC\uB3C4, \uB09C\uAD00.",slug:"_2-\u1100\u1175\u1109\u116E\u11AF\u110C\u1165\u11A8-\u1109\u1165\u11BC\u110C\u1161\u11BC-\u1109\u1175\u1103\u1169-\u1102\u1161\u11AB\u1100\u116A\u11AB",children:[]},{level:3,title:"(3) \uBB34\uC218\uD788 \uB9CE\uC740 \uC544\uC26C\uC6B4 \uC810\uB4E4",slug:"_3-\u1106\u116E\u1109\u116E\u1112\u1175-\u1106\u1161\u11AD\u110B\u1173\u11AB-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7\u1103\u1173\u11AF",children:[]},{level:3,title:"(4) 24\uB144\uC5D0 \uB300\uD55C \uC9E7\uC740 \uB2E4\uC9D0",slug:"_4-24\u1102\u1167\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u110D\u1161\u11B2\u110B\u1173\u11AB-\u1103\u1161\u110C\u1175\u11B7",children:[]}]},{level:2,title:"2. \uD65C\uB3D9",slug:"_2-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[{level:3,title:"(1) \uC624\uAE00\uC624\uAE00(\uC624\uAE00\uAC70\uB824\uB3C4, \uC624\uB298\uC758 \uAE00\uC4F0\uAE30)",slug:"_1-\u110B\u1169\u1100\u1173\u11AF\u110B\u1169\u1100\u1173\u11AF-\u110B\u1169\u1100\u1173\u11AF\u1100\u1165\u1105\u1167\u1103\u1169-\u110B\u1169\u1102\u1173\u11AF\u110B\u1174-\u1100\u1173\u11AF\u110A\u1173\u1100\u1175",children:[]},{level:3,title:"(2) \uC778\uC0DD\uACBD\uC601\uD074\uB7FD",slug:"_2-\u110B\u1175\u11AB\u1109\u1162\u11BC\u1100\u1167\u11BC\u110B\u1167\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8",children:[]},{level:3,title:"(3) \uBD80\uC2A4\uD2B8\uCEA0\uD504 8\uAE30",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-8\u1100\u1175",children:[]},{level:3,title:"(4) NextStep",slug:"_4-nextstep",children:[]},{level:3,title:"(5) \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB370\uBE0C\uCF54\uC2A4",slug:"_5-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1103\u1166\u1107\u1173\u110F\u1169\u1109\u1173",children:[]}]},{level:2,title:"3. \uC0AC\uC0DD\uD65C",slug:"_3-\u1109\u1161\u1109\u1162\u11BC\u1112\u116A\u11AF",children:[{level:3,title:"(1) \uC774\uC0AC",slug:"_1-\u110B\u1175\u1109\u1161",children:[]},{level:3,title:"(2) \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158",slug:"_2-\u110F\u1165\u1106\u1172\u1102\u1175\u110F\u1166\u110B\u1175\u1109\u1167\u11AB",children:[]},{level:3,title:"(3) \uB2F9\uC2E0\uC774 \uC633\uB2E4",slug:"_3-\u1103\u1161\u11BC\u1109\u1175\u11AB\u110B\u1175-\u110B\u1169\u11B6\u1103\u1161",children:[]},{level:3,title:"(4) \uC774\uC81C\uC57C \uC778\uC9C0\uD558\uAC8C \uB41C \uB0B4 \uBAA8\uC2B5",slug:"_4-\u110B\u1175\u110C\u1166\u110B\u1163-\u110B\u1175\u11AB\u110C\u1175\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1102\u1162-\u1106\u1169\u1109\u1173\u11B8",children:[]},{level:3,title:"(5) \uAC11\uC790\uAE30 \uB5A0\uB098\uB294 \uC5EC\uD589",slug:"_5-\u1100\u1161\u11B8\u110C\u1161\u1100\u1175-\u1104\u1165\u1102\u1161\u1102\u1173\u11AB-\u110B\u1167\u1112\u1162\u11BC",children:[]}]},{level:2,title:"ETC",slug:"etc",children:[]},{level:2,title:"2024\uB144 \uBAA9\uD45C",slug:"_2024\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2023-year/end/README.md"};export{e as data};
      +const e={key:"v-c2a71fd4",path:"/Review/2023-year/end/",title:"2023\uB144 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2023\uB144 \uD68C\uACE0",description:"\uB098 \uC790\uC2E0\uC5D0 \uB300\uD574 \uCC38 \uB9CE\uC740 \uAC83\uB4E4\uC744 \uC54C \uC218 \uC788\uC5C8\uB358 1\uB144",sidebarDepth:2,date:"2024-01-09T10:00:00.000Z",thumbnail:"https://raw.githubusercontent.com/JunilHwang/TIL/master/Review/2023-year/end/thumbnail.jpg",tag:"\uD68C\uACE0",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"2023\uB144 \uBAA9\uD45C \uB2EC\uC131 \uC810\uAC80",slug:"_2023\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D-\u1103\u1161\u11AF\u1109\u1165\u11BC-\u110C\u1165\u11B7\u1100\u1165\u11B7",children:[]},{level:2,title:"1. nBilly",slug:"_1-nbilly",children:[{level:3,title:"(1) \uAC04\uB2E8\uD55C \uC18C\uAC1C",slug:"_1-\u1100\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AB-\u1109\u1169\u1100\u1162",children:[]},{level:3,title:"(2) \uAE30\uC220\uC801 \uC131\uC7A5, \uC2DC\uB3C4, \uB09C\uAD00.",slug:"_2-\u1100\u1175\u1109\u116E\u11AF\u110C\u1165\u11A8-\u1109\u1165\u11BC\u110C\u1161\u11BC-\u1109\u1175\u1103\u1169-\u1102\u1161\u11AB\u1100\u116A\u11AB",children:[]},{level:3,title:"(3) \uBB34\uC218\uD788 \uB9CE\uC740 \uC544\uC26C\uC6B4 \uC810\uB4E4",slug:"_3-\u1106\u116E\u1109\u116E\u1112\u1175-\u1106\u1161\u11AD\u110B\u1173\u11AB-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7\u1103\u1173\u11AF",children:[]},{level:3,title:"(4) 24\uB144\uC5D0 \uB300\uD55C \uC9E7\uC740 \uB2E4\uC9D0",slug:"_4-24\u1102\u1167\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u110D\u1161\u11B2\u110B\u1173\u11AB-\u1103\u1161\u110C\u1175\u11B7",children:[]}]},{level:2,title:"2. \uD65C\uB3D9",slug:"_2-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[{level:3,title:"(1) \uC624\uAE00\uC624\uAE00(\uC624\uAE00\uAC70\uB824\uB3C4, \uC624\uB298\uC758 \uAE00\uC4F0\uAE30)",slug:"_1-\u110B\u1169\u1100\u1173\u11AF\u110B\u1169\u1100\u1173\u11AF-\u110B\u1169\u1100\u1173\u11AF\u1100\u1165\u1105\u1167\u1103\u1169-\u110B\u1169\u1102\u1173\u11AF\u110B\u1174-\u1100\u1173\u11AF\u110A\u1173\u1100\u1175",children:[]},{level:3,title:"(2) \uC778\uC0DD\uACBD\uC601\uD074\uB7FD",slug:"_2-\u110B\u1175\u11AB\u1109\u1162\u11BC\u1100\u1167\u11BC\u110B\u1167\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8",children:[]},{level:3,title:"(3) \uBD80\uC2A4\uD2B8\uCEA0\uD504 8\uAE30",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173-8\u1100\u1175",children:[]},{level:3,title:"(4) NextStep",slug:"_4-nextstep",children:[]},{level:3,title:"(5) \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB370\uBE0C\uCF54\uC2A4",slug:"_5-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u1103\u1166\u1107\u1173\u110F\u1169\u1109\u1173",children:[]}]},{level:2,title:"3. \uC0AC\uC0DD\uD65C",slug:"_3-\u1109\u1161\u1109\u1162\u11BC\u1112\u116A\u11AF",children:[{level:3,title:"(1) \uC774\uC0AC",slug:"_1-\u110B\u1175\u1109\u1161",children:[]},{level:3,title:"(2) \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158",slug:"_2-\u110F\u1165\u1106\u1172\u1102\u1175\u110F\u1166\u110B\u1175\u1109\u1167\u11AB",children:[]},{level:3,title:"(3) \uB2F9\uC2E0\uC774 \uC633\uB2E4",slug:"_3-\u1103\u1161\u11BC\u1109\u1175\u11AB\u110B\u1175-\u110B\u1169\u11B6\u1103\u1161",children:[]},{level:3,title:"(4) \uC774\uC81C\uC57C \uC778\uC9C0\uD558\uAC8C \uB41C \uB0B4 \uBAA8\uC2B5",slug:"_4-\u110B\u1175\u110C\u1166\u110B\u1163-\u110B\u1175\u11AB\u110C\u1175\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1102\u1162-\u1106\u1169\u1109\u1173\u11B8",children:[]},{level:3,title:"(5) \uAC11\uC790\uAE30 \uB5A0\uB098\uB294 \uC5EC\uD589",slug:"_5-\u1100\u1161\u11B8\u110C\u1161\u1100\u1175-\u1104\u1165\u1102\u1161\u1102\u1173\u11AB-\u110B\u1167\u1112\u1162\u11BC",children:[]}]},{level:2,title:"ETC",slug:"etc",children:[]},{level:2,title:"2024\uB144 \uBAA9\uD45C",slug:"_2024\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2023-year/end/README.md"};export{e as data};
      diff --git a/assets/index.html.0e2e2d55.js b/assets/index.html.5f59a486.js
      similarity index 85%
      rename from assets/index.html.0e2e2d55.js
      rename to assets/index.html.5f59a486.js
      index c587e227..fc843711 100644
      --- a/assets/index.html.0e2e2d55.js
      +++ b/assets/index.html.5f59a486.js
      @@ -1 +1 @@
      -const t={key:"v-689c0ccc",path:"/writing/",title:"\uAC1C\uBC1C\uC790\uC758 \uAE00\uC4F0\uAE30",lang:"en-US",frontmatter:{title:"\uAC1C\uBC1C\uC790\uC758 \uAE00\uC4F0\uAE30",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 \uAC1C\uBC1C \uC678 \uAE00\uC4F0\uAE30 \uC2DC\uB9AC\uC988\uC785\uB2C8\uB2E4.",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"writing/README.md"};export{t as data};
      +const t={key:"v-689c0ccc",path:"/writing/",title:"\uAC1C\uBC1C\uC790\uC758 \uAE00\uC4F0\uAE30",lang:"en-US",frontmatter:{title:"\uAC1C\uBC1C\uC790\uC758 \uAE00\uC4F0\uAE30",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 \uAC1C\uBC1C \uC678 \uAE00\uC4F0\uAE30 \uC2DC\uB9AC\uC988\uC785\uB2C8\uB2E4.",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"writing/README.md"};export{t as data};
      diff --git a/assets/index.html.f86e4e64.js b/assets/index.html.6379d084.js
      similarity index 99%
      rename from assets/index.html.f86e4e64.js
      rename to assets/index.html.6379d084.js
      index 1779ffbf..c99d008b 100644
      --- a/assets/index.html.f86e4e64.js
      +++ b/assets/index.html.6379d084.js
      @@ -1,4 +1,4 @@
      -import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.800103af.js";var l="/TIL/assets/1.15fb6e32.png",u="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjoAAABTCAYAAACWLK17AAAACXBIWXMAAAsSAAALEgHS3X78AAAMfUlEQVR42u2dTYtU6RmG56ckkH+RQH6Crf6A0MTFLALDBLJJGhchkGSCIKM2gYAiCGLiIoS0ICKIqIwkZKVuZiaNC3UV0ytnWeE+cBd3P7yn61TZp75yXfBQp8/H+75VKHXxPG/xfDIBAAAA2FI+4SMAAAAARAcAAABg00Tn6OhoQhAEQRAEsY1BRgcAAAC2N6PDRwAAAACIDgAAAACiAwAAAIDoAAAAACA6AAAAAFsrOnf+/JcuxuY/799Pds6en3zv+z/o4ne//+LYdf3ta1999Zx/PQAAsLb845//mvzmt3+YfPjw3fTcN9/+e/Kri7+eHB6+nvz8F7+c/PVvf5+e//Rnn3fP5N+65/37/zbH/slPP50+n8/ofJ13FhpHz3l+zam5dU6x/8c/ITqnzYcPHyafffb5VGg0v8VHQrS7e2Hy9dff8D8JAADWEsmCpEYCkkIhadA1ycj1m7e68/cfPJxcunylEw0L0ouXr7rnq+h4XN1v0alzeZ4hWL40p0Xn+Pfxd73XRhedzHAoEyIBGCoRe3sXB4uCJOPqtf1ptqVmWsYgZaauV68//NGPly5fAAAA8yDZsIykMEguJCoSnTdv301u37nbRc3QtETHYzqExkyx0XFmg5yhyfHrmvRMS2ZawrY00UmU+RgqIIuIjkWqZlqGSNg85SZLjO63yGhezalXjaG1SLwQHQAAWGeyfJXiomNJjq5LcJTR0fEs0cnxUnR8bHHR2HqdJTqZ+amik6Ww+tzSREdf9CkSs0QnJSJjljDU0tUySlkWKs1j0Tk4uNe96toqymkAAADzkNmQzLpYdOr1k0SnVZ5K0ZEwOTvj0lhrf0/f+H0ZHcvTorKzsOhIWs7snJtmZcbO6KRUaJ6xMjp1Xo1j6bHkeHxEBwAA1h0LRIqERadmf7L8VEXEG5BrSEKePnt+bDNxX9mrZnNa47X29syz5+dURUd7WLKctAzRWdZG4NZmZK+hSh4AAMC64nJTZliq1AwRnZZ85GbkHF/j5Fh9pauWkPVldFa6GVnlqBs3bo62SbiWyMb6aXctreU8Fh9+Xg4AAJuEJSPF4yTRyb0xs7IsKS6Z8ak/L59XdOoaFpWcjxYdAAAAgHUG0QEAANhCHj1+0twDs8mh94ToAAAAACA6AAAAgOgAAAAAbKroHB0dTQiCIAiCILYxyOgAAADA9mZ0+AgAAAAA0QEAAABAdAAAAAAQHQAAAABEBwAAAGBjREcNMtUAVJ3Ih5Cdw8cmG4jWJqVuYlqbemYzUDX+1PsDAABYJe5ans013ZH88PD1sSabbqJZm2rqnlb3cjfwzCad2YizzjsLjdNq3ulmoPOOt1LRkSwoDg7udR3Ph4jBskRH4qW1aT063jl7fio0mt/io2u7uxc6wcnjeh8AAMCqkCRIaiQgKRTqEq5rkofrN2915+8/eDi5dPlKJxoWpBcvX3XPV9HxuLrfolPn8jxDsHxpzio6GkPzKFYiOpnhkBQMzdBIHvTMUHnRfVev7XdztDItY0qZ1irx2du7OJUZZ3C0Ll3P9eh4ns8CAABgLCQKlhGJgmVCciF5kOi8eftucvvO3S5qhqYlOh7T4QxPio2OMxvkzEyOX9ekZ1J0UrhWJjpVXoYIyKIZHcuD7tUzWTqaJWGtctOQ7E5mbTSnXjWG1iLxcqZJ4XXpvO8FAABYJVm+SnHRsSRH1yU4yujoeJbo5HgpOj62uGhsvc4Sncz8pOhkhshSthLRyf0s82RaPnaPztilLEuL57DoSM4sZik5FjZJUEoRAADAKklhyKyLRadeP0l0WuWpFB0Jk7MzLo219vf0jZ+ik5molYmOMh1nds5NyzlDMzqLClWKjUtKY2R0LDn5Xnwus0+67tJVjq3PQ5kgRAcAANYBC0SKhEWnZn+y/FRFxBuQa0honj57fmwzcV/Zq2ZzWuNd/nK/y/7U89ronPuNliI6/kJvycFYolM3/542Lq2dtIaUvJrB6XseAABgFbjclBmWKjVDRKclKrkZOcfXODlWX+mqJWStzM/KNyNrY67KN2OKzqJ7bebB2ZkMZ3Esc6015HP8vBwAANYJS0aKx0mikz8Td7R+QZWiUzM+9efgGys6AAAAAOsMogMAALCFPHr8pLkHZpND7wnRAQAAAEB0AAAAANEBAAAA2FTROTo6mhAEQRAEQWxjkNEBAACA7c3o8BEAAAAAogMAAACA6AAAAAAgOgAAAACIDgAAAMDWik52Dh8TdSDfOXt+2qCzNil1E9Pa1FNdzNXYlKaeAACwLrhreTbDdEfyw8PXx5psupGnm2r6b93T6l7uBp7ZpDObgdZ5Z6Fx9JzndxPQk5qKIjofibuVW2g0v8VHQrS7e6ETnDyu9wEAAKwKyYKkRgKSQiFp0DXJyPWbt7rz9x887DqESzQsSC9evuqer6LjcXW/RafO5XmGYPnSnK3u5RKmvmuji05mOJQJ0Zf+UInY27s4lYMhonP12v4027IMkUiBqet1BkfrkgjlenQ8z2cBAAAwFpINy0gKg+RCoiLRefP23eT2nbtd1AxNS3Q8pkNozBQbHWc2yBmaHL+uSc+0ZKYlbCvJ6NQv/NMWHctDzbQMkbBWuamPLEM5i6R5NadeNYbWIvFypknhdem87wUAAFglWb5KcdGxJEfXJTjK6Oh4lujkeCk6Pra4aGy9zhKdzPxU0clSWH1uaaKjL/gUiVmikxKRMassVUtXyyhlWVw0j0Xn4ODedA9OSs6NGzen8pVSBAAAsEoyG5JZF4tOvX6S6LTKUyk6EiZnZ1waa+3v6Ru/L6NjeVpUdhYWHUnLmZ1z06zM2BmdFBvNM1ZGp86rcSw9udFY5126yrH1nlTyQnQAAGAdsECkSFh0avYny09VRLwBuYYk5Omz58c2E/eVvWo2pzVea2/PPHt+TlV0/IVuEViG6NTNv2NndHIzsteQklczOPoM2IwMAADrgstNmWGpUjNEdFrykZuRc3yNk2P1la5aQtaX0VnpZmSVo1S+GesLvpbI5s3MzCNvWVrLeSw+rWvO6vDzcgAAWDcsGSkeJ4lO7o2ZlWVJccmMT/15+byiU9ewqOR8tOgAAAAArDOIDgAAwBby6PGT5h6YTQ69J0QHAAAAANEBAAAARAcAAABgU0Xn6OhoQhAEQRAEsY1BRgcAAAC2N6PDRwAAAACIDgAAAACiAwAAAIDoAAAAACA6AAAAABsjOmp6qQag7vg9i+wcPjbZQLQ2KXUT09rUM5uB1qaefc9kk1A9O3Y3dgAA+P/CXcuzuaY7kh8evj7WZNNNNGtTTd3T6l7uBp7ZpDMbcdZ5Z6FxWs073Qx03vFWKjr64lccHNzrOp4P6fa9LNGReGltWo+Od86en8qJ5rf46Nru7oVOTvK43tf3jD8Hvyed07Wh4gcAADALSYKkRgKSQqEu4bomebh+81Z3/v6Dh5NLl690omFBevHyVfd8FR2Pq/stOnUuzzMEy5fmrKKjMTSPYiWik9kKScHQL2rJg54ZKi+67+q1/W6OVqZlTCnTWiU+e3sXp5LiDI7Wpeu5Hh1rnW/evu19Rp+TBM+flz+PzPgAAAB8LBIFy4hEwTIhuZA8SHTevH03uX3nbhc1Q9MSHY/pcIYnxUbHmQ1yZibHr2vSMyk6KVwrE50qL0MEZNGMjkXKJZ9ZUpAS1iodDcnuZNbGYqIxtBaJlzNNCq9L5/X67eFh7zMaUxKkZ/S37tPfiA4AAJwmWb5KcdGxJEfXJTjK6Oh4lujkeCk6Pra4aGy9zhKdzPyk6GSGyFK2EtHJ/SzzZFo+do/O2KUsS4vnsOhIzixmKTkWNomK77XotJ6x6Og5f2bOHgEAAJwWKQyZdbHo1OsniU6rPJWiI2Fydsalsdb+nr7xU3QyE7Uy0dGX9Zmdc9PSzNCMzqJClWIzRAoWzehYcvK9+Fxmn7zHppadvN9Gpau+Z7z/x3MMzVIBAADMiwUiRcKiU7M/WX6qIuINyDUkNE+fPT+2mbiv7FWzOa3xLn+532V/6nltdM79RksRHW+gbcnBWKJTN/WeNi6tnbSGlLy63yaf73umyppLW2xGBgCA08blpsywVKkZIjotUcnNyDm+xsmx+kpXLSFrZX5WvhlZm2yzDDOG6Cy612YenJ3JcEYmfw5e15DPZQbnpGec1eHn5QAAMCaWjBSPk0QnfybuaP2CKkWnZnzqz8E3VnQAAAAA1hlEBwAAYAt59PhJcw/MJofeE6IDAAAAgOgAAAAAogMAAACwofwPBsRE5nfEzQ4AAAAASUVORK5CYII=",r="/TIL/assets/3.89b8ea6d.png",k="/TIL/assets/4.4e23fdef.png",d="/TIL/assets/5.6e720ef3.png",v="/TIL/assets/6.31508c43.png",b="/TIL/assets/7.4dad59b8.png",m="/TIL/assets/8.e7d7f509.png",g="/TIL/assets/9.7216fbec.png",h="/TIL/assets/10.74cc41c7.png",f="/TIL/assets/11.2e27f0cc.png";const y={},_=n("h1",{id:"vanilla-javascript\u1105\u1169-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175-\u1109\u1175\u1109\u1173\u1110\u1166\u11B7-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vanilla-javascript\u1105\u1169-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175-\u1109\u1175\u1109\u1173\u1110\u1166\u11B7-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),s(" Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30")],-1),w=s("\uBCF8 \uD3EC\uC2A4\uD2B8\uB294 Vuex\uB098 Redux \uAC19\uC740 \uC0C1\uD0DC\uAD00\uB9AC \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC9C1\uC811 \uB9CC\uB4E4\uC5B4\uBCF4\uB294 \uB0B4\uC6A9\uC774\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uD3EC\uC2A4\uD2B8\uB97C \uC77D\uAE30 \uC804\uC5D0 "),A={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Component/",target:"_blank",rel:"noopener noreferrer"},j=s("Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30"),x=s("\uB97C \uBA3C\uC800 \uC815\uB3C5\uD574\uC57C \uC774\uD574\uD558\uAE30\uAC00 \uC218\uC6D4\uD558\uB2E4."),S=n("h2",{id:"_1-\u110C\u116E\u11BC\u110B\u1161\u11BC-\u110C\u1175\u11B8\u110C\u116E\u11BC\u1109\u1175\u11A8-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_1-\u110C\u116E\u11BC\u110B\u1161\u11BC-\u110C\u1175\u11B8\u110C\u116E\u11BC\u1109\u1175\u11A8-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175","aria-hidden":"true"},"#"),s(" 1. \uC911\uC559 \uC9D1\uC911\uC2DD \uC0C1\uD0DC\uAD00\uB9AC")],-1),q={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Component/",target:"_blank",rel:"noopener noreferrer"},O=s("\uC774\uC804\uC5D0 \uC791\uC131\uD588\uB358 \uD3EC\uC2A4\uD2B8"),E=s("\uC5D0\uB3C4 \uC5B8\uAE09\uD588\uC9C0\uB9CC, \uD604\uB300\uC801\uC778 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC5D0\uC11C \uC81C\uC77C \uC911\uC694\uD55C \uAC83\uC740 \uBC14\uB85C "),P=n("code",null,"\uC0C1\uD0DC\uAD00\uB9AC",-1),z=s(" \uB77C\uACE0 \uD574\uB3C4 \uBB34\uBC29\uD558\uB2E4. Vue\uB098 React \uAC19\uC740 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD504\uB808\uC784\uC6CC\uD06C\uC758 \uC8FC\uB41C \uBAA9\uC801 \uC911 \uD558\uB098\uAC00 "),I=n("strong",null,"\uC0C1\uD0DC\uB97C \uAE30\uBC18\uC73C\uB85C DOM\uC744 \uB80C\uB354\uB9C1 \uD558\uB294 \uAC83",-1),C=s("\uC774\uAE30 \uB54C\uBB38\uC774\uB2E4."),T=n("p",null,"\uD559\uC2B5\uC744 \uC704\uD574 TodoList\uB97C \uB9CC\uB4DC\uB294 \uC218\uC900\uC5D0\uC11C\uB294 \uC0AC\uC2E4 \uC0C1\uD0DC\uAD00\uB9AC \uD504\uB808\uC784\uC6CC\uD06C\uAC00 \uD544\uC694\uD558\uC9C4 \uC54A\uB2E4. \uB2E4\uC591\uD55C \uC885\uB958\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uC788\uB294 \uAC83\uB3C4 \uC544\uB2C8\uACE0, \uCEF4\uD3EC\uB10C\uD2B8\uC758 Depth\uB3C4 \uB0AE\uAE30 \uB54C\uBB38\uC774\uB2E4.",-1),N=n("p",null,"\uADF8\uB7F0\uB370 \uC5D4\uD130\uD504\uB77C\uC774\uC988\uAE09 \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158\uC744 \uB9CC\uB4E0\uB2E4\uACE0 \uC0DD\uAC01\uD558\uBA74 \uC774\uC57C\uAE30\uAC00 \uB2EC\uB77C\uC9C4\uB2E4. \uC0C1\uD0DC\uAD00\uB9AC\uAC00 \uBCF5\uC7A1\uD574\uC9C0\uACE0 \uCEF4\uD3EC\uB10C\uD2B8\uC758 Depth\uAC00 \uBB34\uCC99 \uAE4A\uC5B4\uC9C0\uAE30 \uB54C\uBB38\uC774\uB2E4.",-1),B=n("p",null,[n("img",{src:l,alt:"https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea24d26a-1eda-4777-99b7-040d2823e387/Untitled.png"})],-1),J=n("p",null,[s("\uC774 \uB54C "),n("code",null,"\uC911\uC559 \uC9D1\uC911\uC2DD \uC800\uC7A5\uC18C \uC5ED\uD560\uC744 \uD558\uBA70 \uC608\uCE21 \uAC00\uB2A5\uD55C \uBC29\uC2DD\uC73C\uB85C \uC0C1\uD0DC\uB97C \uBCC0\uACBD"),s(" \uD560 \uC218 \uC788\uB2E4\uBA74 \uD3B8\uD558\uC9C0 \uC54A\uC744\uAE4C? \uC0AC\uC2E4 \uC774\uC5D0 \uB300\uD55C \uC790\uB8CC\uB294 \uC774\uBBF8 \uC2DC\uC911\uC5D0 \uB9CE\uC774 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uBCF8 \uD3EC\uC2A4\uD2B8\uC5D0\uC11C\uB294 \uC790\uC138\uD558\uAC8C \uB2E4\uB8E8\uC9C4 \uC54A\uACA0\uB2E4.")],-1),R=n("p",null,"\uB300\uC2E0 \uB2E4\uC74C \uC544\uD2F0\uD074\uC744 \uCC38\uACE0\uD558\uBA74 \uB420 \uAC83\uC774\uB2E4.",-1),L={href:"https://vuex.vuejs.org/kr/",target:"_blank",rel:"noopener noreferrer"},H=s("Vuex\uAC00 \uBB34\uC5C7\uC778\uAC00\uC694?"),K={href:"https://ko.redux.js.org/introduction/getting-started/",target:"_blank",rel:"noopener noreferrer"},W=s("Redux \uC2DC\uC791\uD558\uAE30"),M={href:"https://joshua1988.github.io/web-development/vuejs/vuex-start/",target:"_blank",rel:"noopener noreferrer"},Z=s("Vuex \uC2DC\uC791\uD558\uAE30"),D=p(`

      2. Observer Pattern\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uAE30

      \uC911\uC559 \uC9D1\uC911\uC2DD \uC800\uC7A5\uC18C\uB97C \uAC04\uB2E8\uD558\uAC8C Store \uB77C\uACE0 \uD45C\uD604\uD574\uBCF4\uC790. Store\uB97C \uAD6C\uD604\uD558\uAE30 \uC704\uD574 \uBA3C\uC800 \uC800\uC7A5\uC18C(Store)\uC640 \uCEF4\uD3EC\uB10C\uD2B8(Component)\uC758 \uAD00\uACC4\uB97C \uC798 \uC0B4\uD3B4\uBD10\uC57C \uD55C\uB2E4.

      • Store\uB294 \uC5EC\uB7EC \uAC1C\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uC5D0\uC11C \uC0AC\uC6A9\uB420 \uC218 \uC788\uB2E4..
      • Store\uAC00 \uBCC0\uACBD\uB420 \uB54C, Store\uAC00 \uC0AC\uC6A9\uB418\uACE0 \uC788\uB294 Component\uB3C4 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD55C\uB2E4.

      \uC774\uB97C \uCF54\uB4DC\uB85C \uD45C\uD604\uD574\uBCF4\uC790.

      // Store\uB97C \uC0DD\uC131\uD55C\uB2E4.
      +import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.d20f8571.js";var l="/TIL/assets/1.15fb6e32.png",u="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjoAAABTCAYAAACWLK17AAAACXBIWXMAAAsSAAALEgHS3X78AAAMfUlEQVR42u2dTYtU6RmG56ckkH+RQH6Crf6A0MTFLALDBLJJGhchkGSCIKM2gYAiCGLiIoS0ICKIqIwkZKVuZiaNC3UV0ytnWeE+cBd3P7yn61TZp75yXfBQp8/H+75VKHXxPG/xfDIBAAAA2FI+4SMAAAAARAcAAABg00Tn6OhoQhAEQRAEsY1BRgcAAAC2N6PDRwAAAACIDgAAAACiAwAAAIDoAAAAACA6AAAAAFsrOnf+/JcuxuY/799Pds6en3zv+z/o4ne//+LYdf3ta1999Zx/PQAAsLb845//mvzmt3+YfPjw3fTcN9/+e/Kri7+eHB6+nvz8F7+c/PVvf5+e//Rnn3fP5N+65/37/zbH/slPP50+n8/ofJ13FhpHz3l+zam5dU6x/8c/ITqnzYcPHyafffb5VGg0v8VHQrS7e2Hy9dff8D8JAADWEsmCpEYCkkIhadA1ycj1m7e68/cfPJxcunylEw0L0ouXr7rnq+h4XN1v0alzeZ4hWL40p0Xn+Pfxd73XRhedzHAoEyIBGCoRe3sXB4uCJOPqtf1ptqVmWsYgZaauV68//NGPly5fAAAA8yDZsIykMEguJCoSnTdv301u37nbRc3QtETHYzqExkyx0XFmg5yhyfHrmvRMS2ZawrY00UmU+RgqIIuIjkWqZlqGSNg85SZLjO63yGhezalXjaG1SLwQHQAAWGeyfJXiomNJjq5LcJTR0fEs0cnxUnR8bHHR2HqdJTqZ+amik6Ww+tzSREdf9CkSs0QnJSJjljDU0tUySlkWKs1j0Tk4uNe96toqymkAAADzkNmQzLpYdOr1k0SnVZ5K0ZEwOTvj0lhrf0/f+H0ZHcvTorKzsOhIWs7snJtmZcbO6KRUaJ6xMjp1Xo1j6bHkeHxEBwAA1h0LRIqERadmf7L8VEXEG5BrSEKePnt+bDNxX9mrZnNa47X29syz5+dURUd7WLKctAzRWdZG4NZmZK+hSh4AAMC64nJTZliq1AwRnZZ85GbkHF/j5Fh9pauWkPVldFa6GVnlqBs3bo62SbiWyMb6aXctreU8Fh9+Xg4AAJuEJSPF4yTRyb0xs7IsKS6Z8ak/L59XdOoaFpWcjxYdAAAAgHUG0QEAANhCHj1+0twDs8mh94ToAAAAACA6AAAAgOgAAAAAbKroHB0dTQiCIAiCILYxyOgAAADA9mZ0+AgAAAAA0QEAAABAdAAAAAAQHQAAAABEBwAAAGBjREcNMtUAVJ3Ih5Cdw8cmG4jWJqVuYlqbemYzUDX+1PsDAABYJe5ans013ZH88PD1sSabbqJZm2rqnlb3cjfwzCad2YizzjsLjdNq3ulmoPOOt1LRkSwoDg7udR3Ph4jBskRH4qW1aT063jl7fio0mt/io2u7uxc6wcnjeh8AAMCqkCRIaiQgKRTqEq5rkofrN2915+8/eDi5dPlKJxoWpBcvX3XPV9HxuLrfolPn8jxDsHxpzio6GkPzKFYiOpnhkBQMzdBIHvTMUHnRfVev7XdztDItY0qZ1irx2du7OJUZZ3C0Ll3P9eh4ns8CAABgLCQKlhGJgmVCciF5kOi8eftucvvO3S5qhqYlOh7T4QxPio2OMxvkzEyOX9ekZ1J0UrhWJjpVXoYIyKIZHcuD7tUzWTqaJWGtctOQ7E5mbTSnXjWG1iLxcqZJ4XXpvO8FAABYJVm+SnHRsSRH1yU4yujoeJbo5HgpOj62uGhsvc4Sncz8pOhkhshSthLRyf0s82RaPnaPztilLEuL57DoSM4sZik5FjZJUEoRAADAKklhyKyLRadeP0l0WuWpFB0Jk7MzLo219vf0jZ+ik5molYmOMh1nds5NyzlDMzqLClWKjUtKY2R0LDn5Xnwus0+67tJVjq3PQ5kgRAcAANYBC0SKhEWnZn+y/FRFxBuQa0honj57fmwzcV/Zq2ZzWuNd/nK/y/7U89ronPuNliI6/kJvycFYolM3/542Lq2dtIaUvJrB6XseAABgFbjclBmWKjVDRKclKrkZOcfXODlWX+mqJWStzM/KNyNrY67KN2OKzqJ7bebB2ZkMZ3Esc6015HP8vBwAANYJS0aKx0mikz8Td7R+QZWiUzM+9efgGys6AAAAAOsMogMAALCFPHr8pLkHZpND7wnRAQAAAEB0AAAAANEBAAAA2FTROTo6mhAEQRAEQWxjkNEBAACA7c3o8BEAAAAAogMAAACA6AAAAAAgOgAAAACIDgAAAMDWik52Dh8TdSDfOXt+2qCzNil1E9Pa1FNdzNXYlKaeAACwLrhreTbDdEfyw8PXx5psupGnm2r6b93T6l7uBp7ZpDObgdZ5Z6Fx9JzndxPQk5qKIjofibuVW2g0v8VHQrS7e6ETnDyu9wEAAKwKyYKkRgKSQiFp0DXJyPWbt7rz9x887DqESzQsSC9evuqer6LjcXW/RafO5XmGYPnSnK3u5RKmvmuji05mOJQJ0Zf+UInY27s4lYMhonP12v4027IMkUiBqet1BkfrkgjlenQ8z2cBAAAwFpINy0gKg+RCoiLRefP23eT2nbtd1AxNS3Q8pkNozBQbHWc2yBmaHL+uSc+0ZKYlbCvJ6NQv/NMWHctDzbQMkbBWuamPLEM5i6R5NadeNYbWIvFypknhdem87wUAAFglWb5KcdGxJEfXJTjK6Oh4lujkeCk6Pra4aGy9zhKdzPxU0clSWH1uaaKjL/gUiVmikxKRMassVUtXyyhlWVw0j0Xn4ODedA9OSs6NGzen8pVSBAAAsEoyG5JZF4tOvX6S6LTKUyk6EiZnZ1waa+3v6Ru/L6NjeVpUdhYWHUnLmZ1z06zM2BmdFBvNM1ZGp86rcSw9udFY5126yrH1nlTyQnQAAGAdsECkSFh0avYny09VRLwBuYYk5Omz58c2E/eVvWo2pzVea2/PPHt+TlV0/IVuEViG6NTNv2NndHIzsteQklczOPoM2IwMAADrgstNmWGpUjNEdFrykZuRc3yNk2P1la5aQtaX0VnpZmSVo1S+GesLvpbI5s3MzCNvWVrLeSw+rWvO6vDzcgAAWDcsGSkeJ4lO7o2ZlWVJccmMT/15+byiU9ewqOR8tOgAAAAArDOIDgAAwBby6PGT5h6YTQ69J0QHAAAAANEBAAAARAcAAABgU0Xn6OhoQhAEQRAEsY1BRgcAAAC2N6PDRwAAAACIDgAAAACiAwAAAIDoAAAAACA6AAAAABsjOmp6qQag7vg9i+wcPjbZQLQ2KXUT09rUM5uB1qaefc9kk1A9O3Y3dgAA+P/CXcuzuaY7kh8evj7WZNNNNGtTTd3T6l7uBp7ZpDMbcdZ5Z6FxWs073Qx03vFWKjr64lccHNzrOp4P6fa9LNGReGltWo+Od86en8qJ5rf46Nru7oVOTvK43tf3jD8Hvyed07Wh4gcAADALSYKkRgKSQqEu4bomebh+81Z3/v6Dh5NLl690omFBevHyVfd8FR2Pq/stOnUuzzMEy5fmrKKjMTSPYiWik9kKScHQL2rJg54ZKi+67+q1/W6OVqZlTCnTWiU+e3sXp5LiDI7Wpeu5Hh1rnW/evu19Rp+TBM+flz+PzPgAAAB8LBIFy4hEwTIhuZA8SHTevH03uX3nbhc1Q9MSHY/pcIYnxUbHmQ1yZibHr2vSMyk6KVwrE50qL0MEZNGMjkXKJZ9ZUpAS1iodDcnuZNbGYqIxtBaJlzNNCq9L5/X67eFh7zMaUxKkZ/S37tPfiA4AAJwmWb5KcdGxJEfXJTjK6Oh4lujkeCk6Pra4aGy9zhKdzPyk6GSGyFK2EtHJ/SzzZFo+do/O2KUsS4vnsOhIzixmKTkWNomK77XotJ6x6Og5f2bOHgEAAJwWKQyZdbHo1OsniU6rPJWiI2Fydsalsdb+nr7xU3QyE7Uy0dGX9Zmdc9PSzNCMzqJClWIzRAoWzehYcvK9+Fxmn7zHppadvN9Gpau+Z7z/x3MMzVIBAADMiwUiRcKiU7M/WX6qIuINyDUkNE+fPT+2mbiv7FWzOa3xLn+532V/6nltdM79RksRHW+gbcnBWKJTN/WeNi6tnbSGlLy63yaf73umyppLW2xGBgCA08blpsywVKkZIjotUcnNyDm+xsmx+kpXLSFrZX5WvhlZm2yzDDOG6Cy612YenJ3JcEYmfw5e15DPZQbnpGec1eHn5QAAMCaWjBSPk0QnfybuaP2CKkWnZnzqz8E3VnQAAAAA1hlEBwAAYAt59PhJcw/MJofeE6IDAAAAgOgAAAAAogMAAACwofwPBsRE5nfEzQ4AAAAASUVORK5CYII=",r="/TIL/assets/3.89b8ea6d.png",k="/TIL/assets/4.4e23fdef.png",d="/TIL/assets/5.6e720ef3.png",v="/TIL/assets/6.31508c43.png",b="/TIL/assets/7.4dad59b8.png",m="/TIL/assets/8.e7d7f509.png",g="/TIL/assets/9.7216fbec.png",h="/TIL/assets/10.74cc41c7.png",f="/TIL/assets/11.2e27f0cc.png";const y={},_=n("h1",{id:"vanilla-javascript\u1105\u1169-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175-\u1109\u1175\u1109\u1173\u1110\u1166\u11B7-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vanilla-javascript\u1105\u1169-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175-\u1109\u1175\u1109\u1173\u1110\u1166\u11B7-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),s(" Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30")],-1),w=s("\uBCF8 \uD3EC\uC2A4\uD2B8\uB294 Vuex\uB098 Redux \uAC19\uC740 \uC0C1\uD0DC\uAD00\uB9AC \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC9C1\uC811 \uB9CC\uB4E4\uC5B4\uBCF4\uB294 \uB0B4\uC6A9\uC774\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uD3EC\uC2A4\uD2B8\uB97C \uC77D\uAE30 \uC804\uC5D0 "),A={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Component/",target:"_blank",rel:"noopener noreferrer"},j=s("Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30"),x=s("\uB97C \uBA3C\uC800 \uC815\uB3C5\uD574\uC57C \uC774\uD574\uD558\uAE30\uAC00 \uC218\uC6D4\uD558\uB2E4."),S=n("h2",{id:"_1-\u110C\u116E\u11BC\u110B\u1161\u11BC-\u110C\u1175\u11B8\u110C\u116E\u11BC\u1109\u1175\u11A8-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_1-\u110C\u116E\u11BC\u110B\u1161\u11BC-\u110C\u1175\u11B8\u110C\u116E\u11BC\u1109\u1175\u11A8-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175","aria-hidden":"true"},"#"),s(" 1. \uC911\uC559 \uC9D1\uC911\uC2DD \uC0C1\uD0DC\uAD00\uB9AC")],-1),q={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Component/",target:"_blank",rel:"noopener noreferrer"},O=s("\uC774\uC804\uC5D0 \uC791\uC131\uD588\uB358 \uD3EC\uC2A4\uD2B8"),E=s("\uC5D0\uB3C4 \uC5B8\uAE09\uD588\uC9C0\uB9CC, \uD604\uB300\uC801\uC778 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC5D0\uC11C \uC81C\uC77C \uC911\uC694\uD55C \uAC83\uC740 \uBC14\uB85C "),P=n("code",null,"\uC0C1\uD0DC\uAD00\uB9AC",-1),z=s(" \uB77C\uACE0 \uD574\uB3C4 \uBB34\uBC29\uD558\uB2E4. Vue\uB098 React \uAC19\uC740 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD504\uB808\uC784\uC6CC\uD06C\uC758 \uC8FC\uB41C \uBAA9\uC801 \uC911 \uD558\uB098\uAC00 "),I=n("strong",null,"\uC0C1\uD0DC\uB97C \uAE30\uBC18\uC73C\uB85C DOM\uC744 \uB80C\uB354\uB9C1 \uD558\uB294 \uAC83",-1),C=s("\uC774\uAE30 \uB54C\uBB38\uC774\uB2E4."),T=n("p",null,"\uD559\uC2B5\uC744 \uC704\uD574 TodoList\uB97C \uB9CC\uB4DC\uB294 \uC218\uC900\uC5D0\uC11C\uB294 \uC0AC\uC2E4 \uC0C1\uD0DC\uAD00\uB9AC \uD504\uB808\uC784\uC6CC\uD06C\uAC00 \uD544\uC694\uD558\uC9C4 \uC54A\uB2E4. \uB2E4\uC591\uD55C \uC885\uB958\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uC788\uB294 \uAC83\uB3C4 \uC544\uB2C8\uACE0, \uCEF4\uD3EC\uB10C\uD2B8\uC758 Depth\uB3C4 \uB0AE\uAE30 \uB54C\uBB38\uC774\uB2E4.",-1),N=n("p",null,"\uADF8\uB7F0\uB370 \uC5D4\uD130\uD504\uB77C\uC774\uC988\uAE09 \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158\uC744 \uB9CC\uB4E0\uB2E4\uACE0 \uC0DD\uAC01\uD558\uBA74 \uC774\uC57C\uAE30\uAC00 \uB2EC\uB77C\uC9C4\uB2E4. \uC0C1\uD0DC\uAD00\uB9AC\uAC00 \uBCF5\uC7A1\uD574\uC9C0\uACE0 \uCEF4\uD3EC\uB10C\uD2B8\uC758 Depth\uAC00 \uBB34\uCC99 \uAE4A\uC5B4\uC9C0\uAE30 \uB54C\uBB38\uC774\uB2E4.",-1),B=n("p",null,[n("img",{src:l,alt:"https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea24d26a-1eda-4777-99b7-040d2823e387/Untitled.png"})],-1),J=n("p",null,[s("\uC774 \uB54C "),n("code",null,"\uC911\uC559 \uC9D1\uC911\uC2DD \uC800\uC7A5\uC18C \uC5ED\uD560\uC744 \uD558\uBA70 \uC608\uCE21 \uAC00\uB2A5\uD55C \uBC29\uC2DD\uC73C\uB85C \uC0C1\uD0DC\uB97C \uBCC0\uACBD"),s(" \uD560 \uC218 \uC788\uB2E4\uBA74 \uD3B8\uD558\uC9C0 \uC54A\uC744\uAE4C? \uC0AC\uC2E4 \uC774\uC5D0 \uB300\uD55C \uC790\uB8CC\uB294 \uC774\uBBF8 \uC2DC\uC911\uC5D0 \uB9CE\uC774 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uBCF8 \uD3EC\uC2A4\uD2B8\uC5D0\uC11C\uB294 \uC790\uC138\uD558\uAC8C \uB2E4\uB8E8\uC9C4 \uC54A\uACA0\uB2E4.")],-1),R=n("p",null,"\uB300\uC2E0 \uB2E4\uC74C \uC544\uD2F0\uD074\uC744 \uCC38\uACE0\uD558\uBA74 \uB420 \uAC83\uC774\uB2E4.",-1),L={href:"https://vuex.vuejs.org/kr/",target:"_blank",rel:"noopener noreferrer"},H=s("Vuex\uAC00 \uBB34\uC5C7\uC778\uAC00\uC694?"),K={href:"https://ko.redux.js.org/introduction/getting-started/",target:"_blank",rel:"noopener noreferrer"},W=s("Redux \uC2DC\uC791\uD558\uAE30"),M={href:"https://joshua1988.github.io/web-development/vuejs/vuex-start/",target:"_blank",rel:"noopener noreferrer"},Z=s("Vuex \uC2DC\uC791\uD558\uAE30"),D=p(`

      2. Observer Pattern\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uAE30

      \uC911\uC559 \uC9D1\uC911\uC2DD \uC800\uC7A5\uC18C\uB97C \uAC04\uB2E8\uD558\uAC8C Store \uB77C\uACE0 \uD45C\uD604\uD574\uBCF4\uC790. Store\uB97C \uAD6C\uD604\uD558\uAE30 \uC704\uD574 \uBA3C\uC800 \uC800\uC7A5\uC18C(Store)\uC640 \uCEF4\uD3EC\uB10C\uD2B8(Component)\uC758 \uAD00\uACC4\uB97C \uC798 \uC0B4\uD3B4\uBD10\uC57C \uD55C\uB2E4.

      • Store\uB294 \uC5EC\uB7EC \uAC1C\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uC5D0\uC11C \uC0AC\uC6A9\uB420 \uC218 \uC788\uB2E4..
      • Store\uAC00 \uBCC0\uACBD\uB420 \uB54C, Store\uAC00 \uC0AC\uC6A9\uB418\uACE0 \uC788\uB294 Component\uB3C4 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD55C\uB2E4.

      \uC774\uB97C \uCF54\uB4DC\uB85C \uD45C\uD604\uD574\uBCF4\uC790.

      // Store\uB97C \uC0DD\uC131\uD55C\uB2E4.
       const store = new Store({
         a: 10,
         b: 20,
      diff --git a/assets/index.html.bcd19867.js b/assets/index.html.655b0313.js
      similarity index 97%
      rename from assets/index.html.bcd19867.js
      rename to assets/index.html.655b0313.js
      index a2534ff8..d3489023 100644
      --- a/assets/index.html.bcd19867.js
      +++ b/assets/index.html.655b0313.js
      @@ -1 +1 @@
      -const e={key:"v-9c4164b4",path:"/side-project/dku-schedule-manager/",title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C\uB97C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC790",lang:"en-US",frontmatter:{title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C\uB97C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC790",description:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uC7AC\uD559\uC0DD\uB4E4\uC744 \uD0C0\uAC9F\uD305\uD558\uB294 \uAC04\uB2E8\uD55C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD588\uB2E4. \uC774\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uC815\uB9AC\uD558\uB294 \uAE00\uC774\uB2E4.",sidebarDepth:2,date:"2022-01-26T11:00:00.000Z",tag:"project",thumbnail:"https://user-images.githubusercontent.com/18749057/172793209-17b5d1e9-a196-4019-8e36-b7024d533bf2.png"},excerpt:"",headers:[{level:2,title:"0. \uAC04\uB2E8\uD55C \uC694\uC57D",slug:"_0-\u1100\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AB-\u110B\u116D\u110B\u1163\u11A8",children:[]},{level:2,title:"1. \uBC88\uB729",slug:"_1-\u1107\u1165\u11AB\u1104\u1173\u11A8",children:[]},{level:2,title:"2. \uC2DC\uAC04\uD45C \uAE01\uC5B4\uC624\uAE30",slug:"_2-\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1173\u11B0\u110B\u1165\u110B\u1169\u1100\u1175",children:[]},{level:2,title:"3. FE",slug:"_3-fe",children:[{level:3,title:"\uD504\uB85C\uC81D\uD2B8 \uAD6C\uC131",slug:"\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[]},{level:3,title:"Vue3\uC758 script setup",slug:"vue3\u110B\u1174-script-setup",children:[]},{level:3,title:"\uB514\uC790\uC778\uC2DC\uC2A4\uD15C",slug:"\u1103\u1175\u110C\u1161\u110B\u1175\u11AB\u1109\u1175\u1109\u1173\u1110\u1166\u11B7",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uC800\uC7A5",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u110C\u1165\u110C\u1161\u11BC",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uACF5\uC720",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1169\u11BC\u110B\u1172",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uAC80\uC0C9",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1165\u11B7\u1109\u1162\u11A8",children:[]},{level:3,title:"Vite\uC5D0\uC11C \uD504\uB85C\uC81D\uD2B8 \uC678\uBD80 \uB370\uC774\uD130 \uC811\uADFC",slug:"vite\u110B\u1166\u1109\u1165-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110B\u116C\u1107\u116E-\u1103\u1166\u110B\u1175\u1110\u1165-\u110C\u1165\u11B8\u1100\u1173\u11AB",children:[]},{level:3,title:"\uBC30\uD3EC",slug:"\u1107\u1162\u1111\u1169",children:[]}]},{level:2,title:"4. \uD64D\uBCF4",slug:"_4-\u1112\u1169\u11BC\u1107\u1169",children:[]},{level:2,title:"\uD6C4\uAE30",slug:"\u1112\u116E\u1100\u1175",children:[]},{level:2,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"side-project/dku-schedule-manager/README.md"};export{e as data};
      +const e={key:"v-9c4164b4",path:"/side-project/dku-schedule-manager/",title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C\uB97C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC790",lang:"en-US",frontmatter:{title:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C\uB97C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC790",description:"\uB2E8\uAD6D\uB300\uD559\uAD50 \uC7AC\uD559\uC0DD\uB4E4\uC744 \uD0C0\uAC9F\uD305\uD558\uB294 \uAC04\uB2E8\uD55C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD588\uB2E4. \uC774\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uC815\uB9AC\uD558\uB294 \uAE00\uC774\uB2E4.",sidebarDepth:2,date:"2022-01-26T11:00:00.000Z",tag:"project",thumbnail:"https://user-images.githubusercontent.com/18749057/172793209-17b5d1e9-a196-4019-8e36-b7024d533bf2.png"},excerpt:"",headers:[{level:2,title:"0. \uAC04\uB2E8\uD55C \uC694\uC57D",slug:"_0-\u1100\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AB-\u110B\u116D\u110B\u1163\u11A8",children:[]},{level:2,title:"1. \uBC88\uB729",slug:"_1-\u1107\u1165\u11AB\u1104\u1173\u11A8",children:[]},{level:2,title:"2. \uC2DC\uAC04\uD45C \uAE01\uC5B4\uC624\uAE30",slug:"_2-\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1173\u11B0\u110B\u1165\u110B\u1169\u1100\u1175",children:[]},{level:2,title:"3. FE",slug:"_3-fe",children:[{level:3,title:"\uD504\uB85C\uC81D\uD2B8 \uAD6C\uC131",slug:"\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[]},{level:3,title:"Vue3\uC758 script setup",slug:"vue3\u110B\u1174-script-setup",children:[]},{level:3,title:"\uB514\uC790\uC778\uC2DC\uC2A4\uD15C",slug:"\u1103\u1175\u110C\u1161\u110B\u1175\u11AB\u1109\u1175\u1109\u1173\u1110\u1166\u11B7",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uC800\uC7A5",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u110C\u1165\u110C\u1161\u11BC",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uACF5\uC720",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1169\u11BC\u110B\u1172",children:[]},{level:3,title:"\uC2DC\uAC04\uD45C \uAC80\uC0C9",slug:"\u1109\u1175\u1100\u1161\u11AB\u1111\u116D-\u1100\u1165\u11B7\u1109\u1162\u11A8",children:[]},{level:3,title:"Vite\uC5D0\uC11C \uD504\uB85C\uC81D\uD2B8 \uC678\uBD80 \uB370\uC774\uD130 \uC811\uADFC",slug:"vite\u110B\u1166\u1109\u1165-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110B\u116C\u1107\u116E-\u1103\u1166\u110B\u1175\u1110\u1165-\u110C\u1165\u11B8\u1100\u1173\u11AB",children:[]},{level:3,title:"\uBC30\uD3EC",slug:"\u1107\u1162\u1111\u1169",children:[]}]},{level:2,title:"4. \uD64D\uBCF4",slug:"_4-\u1112\u1169\u11BC\u1107\u1169",children:[]},{level:2,title:"\uD6C4\uAE30",slug:"\u1112\u116E\u1100\u1175",children:[]},{level:2,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"side-project/dku-schedule-manager/README.md"};export{e as data};
      diff --git a/assets/index.html.7c6adb33.js b/assets/index.html.657f6678.js
      similarity index 95%
      rename from assets/index.html.7c6adb33.js
      rename to assets/index.html.657f6678.js
      index 4c52fd9f..7ee545cd 100644
      --- a/assets/index.html.7c6adb33.js
      +++ b/assets/index.html.657f6678.js
      @@ -1 +1 @@
      -const e={key:"v-2925cf37",path:"/Javascript/Domain/Execution-Context/",title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8",lang:"en-US",frontmatter:{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8",description:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8\uC5D0 \uB300\uD574 \uB2E4\uB8F9\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-08-01T00:00:00.000Z",tag:"javascript, domain"},excerpt:"",headers:[{level:2,title:"1. \uAC1C\uB150",slug:"_1-\u1100\u1162\u1102\u1167\u11B7",children:[]},{level:2,title:"2. \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8 \uAD6C\uC131",slug:"_2-\u1109\u1175\u11AF\u1112\u1162\u11BC-\u110F\u1165\u11AB\u1110\u1166\u11A8\u1109\u1173\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[{level:3,title:"Variable Environment",slug:"variable-environment",children:[]},{level:3,title:"Lexcial Environment",slug:"lexcial-environment",children:[]}]},{level:2,title:"3. environmentRecord\uC640 Hoisting(\uD638\uC774\uC2A4\uD305)",slug:"_3-environmentrecord\u110B\u116A-hoisting-\u1112\u1169\u110B\u1175\u1109\u1173\u1110\u1175\u11BC",children:[]},{level:2,title:"4. outerEnvironmentReference\uC640 Scope",slug:"_4-outerenvironmentreference\u110B\u116A-scope",children:[]},{level:2,title:"5. this",slug:"_5-this",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Javascript/Domain/Execution-Context/README.md"};export{e as data};
      +const e={key:"v-2925cf37",path:"/Javascript/Domain/Execution-Context/",title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8",lang:"en-US",frontmatter:{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8",description:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8\uC5D0 \uB300\uD574 \uB2E4\uB8F9\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-08-01T00:00:00.000Z",tag:"javascript, domain"},excerpt:"",headers:[{level:2,title:"1. \uAC1C\uB150",slug:"_1-\u1100\u1162\u1102\u1167\u11B7",children:[]},{level:2,title:"2. \uC2E4\uD589 \uCEE8\uD14D\uC2A4\uD2B8 \uAD6C\uC131",slug:"_2-\u1109\u1175\u11AF\u1112\u1162\u11BC-\u110F\u1165\u11AB\u1110\u1166\u11A8\u1109\u1173\u1110\u1173-\u1100\u116E\u1109\u1165\u11BC",children:[{level:3,title:"Variable Environment",slug:"variable-environment",children:[]},{level:3,title:"Lexcial Environment",slug:"lexcial-environment",children:[]}]},{level:2,title:"3. environmentRecord\uC640 Hoisting(\uD638\uC774\uC2A4\uD305)",slug:"_3-environmentrecord\u110B\u116A-hoisting-\u1112\u1169\u110B\u1175\u1109\u1173\u1110\u1175\u11BC",children:[]},{level:2,title:"4. outerEnvironmentReference\uC640 Scope",slug:"_4-outerenvironmentreference\u110B\u116A-scope",children:[]},{level:2,title:"5. this",slug:"_5-this",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Javascript/Domain/Execution-Context/README.md"};export{e as data};
      diff --git a/assets/index.html.5fb66fed.js b/assets/index.html.663ce654.js
      similarity index 96%
      rename from assets/index.html.5fb66fed.js
      rename to assets/index.html.663ce654.js
      index 14635f9d..81793dd1 100644
      --- a/assets/index.html.5fb66fed.js
      +++ b/assets/index.html.663ce654.js
      @@ -1 +1 @@
      -const e={key:"v-3c50244d",path:"/Review/2020-year/01-First-Quarter/",title:"2020\uB144 1\uBD84\uAE30 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 1\uBD84\uAE30 \uD68C\uACE0",description:"2020\uB144 1\uBD84\uAE30 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-04-01T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/80858428-2ca0b700-8c94-11ea-8478-a0b8c665243d.png"},excerpt:"",headers:[{level:2,title:"\uAC1C\uBCC4 \uC5ED\uB7C9",slug:"\u1100\u1162\u1107\u1167\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learned",slug:"_2-today-i-learned",children:[]},{level:3,title:"3. Side Project",slug:"_3-side-project",children:[]},{level:3,title:"4. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uBC29\uBC95\uB860",slug:"_4-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1100\u1162\u1107\u1161\u11AF\u1107\u1161\u11BC\u1107\u1165\u11B8\u1105\u1169\u11AB",children:[]},{level:3,title:"5. \uC54C\uACE0\uB9AC\uC998",slug:"_5-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC678",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u116C",children:[{level:3,title:"\uC218\uC601",slug:"\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"\uC790\uBCF8\uC5D0 \uB300\uD558\uC5EC",slug:"\u110C\u1161\u1107\u1169\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u110B\u1167",children:[]}]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/01-First-Quarter/README.md"};export{e as data};
      +const e={key:"v-3c50244d",path:"/Review/2020-year/01-First-Quarter/",title:"2020\uB144 1\uBD84\uAE30 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 1\uBD84\uAE30 \uD68C\uACE0",description:"2020\uB144 1\uBD84\uAE30 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-04-01T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/80858428-2ca0b700-8c94-11ea-8478-a0b8c665243d.png"},excerpt:"",headers:[{level:2,title:"\uAC1C\uBCC4 \uC5ED\uB7C9",slug:"\u1100\u1162\u1107\u1167\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC",children:[{level:3,title:"1. \uC77C\uC77C\uCEE4\uBC0B",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"2. Today I Learned",slug:"_2-today-i-learned",children:[]},{level:3,title:"3. Side Project",slug:"_3-side-project",children:[]},{level:3,title:"4. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uBC29\uBC95\uB860",slug:"_4-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC-\u1100\u1162\u1107\u1161\u11AF\u1107\u1161\u11BC\u1107\u1165\u11B8\u1105\u1169\u11AB",children:[]},{level:3,title:"5. \uC54C\uACE0\uB9AC\uC998",slug:"_5-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7",children:[]}]},{level:2,title:"\uAC1C\uBC1C \uC678",slug:"\u1100\u1162\u1107\u1161\u11AF-\u110B\u116C",children:[{level:3,title:"\uC218\uC601",slug:"\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"\uC790\uBCF8\uC5D0 \uB300\uD558\uC5EC",slug:"\u110C\u1161\u1107\u1169\u11AB\u110B\u1166-\u1103\u1162\u1112\u1161\u110B\u1167",children:[]}]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/01-First-Quarter/README.md"};export{e as data};
      diff --git a/assets/index.html.ce8f6239.js b/assets/index.html.67230069.js
      similarity index 90%
      rename from assets/index.html.ce8f6239.js
      rename to assets/index.html.67230069.js
      index 8800316b..7789d420 100644
      --- a/assets/index.html.ce8f6239.js
      +++ b/assets/index.html.67230069.js
      @@ -1 +1 @@
      -import{_ as a,o as t,c,a as e,e as n}from"./app.800103af.js";const o={},r=e("h1",{id:"java\u1100\u1161-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1112\u1161\u11AB-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#java\u1100\u1161-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1112\u1161\u11AB-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC","aria-hidden":"true"},"#"),n(" Java\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5")],-1),s=e("p",null,"\uC791\uC131 \uC608\uC815\uC785\uB2C8\uB2E4.",-1),_=[r,s];function d(i,l){return t(),c("div",null,_)}var f=a(o,[["render",d],["__file","index.html.vue"]]);export{f as default};
      +import{_ as a,o as t,c,a as e,e as n}from"./app.d20f8571.js";const o={},r=e("h1",{id:"java\u1100\u1161-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1112\u1161\u11AB-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#java\u1100\u1161-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1112\u1161\u11AB-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC","aria-hidden":"true"},"#"),n(" Java\uAC00 \uD655\uC7A5\uD55C \uAC1D\uCCB4\uC9C0\uD5A5")],-1),s=e("p",null,"\uC791\uC131 \uC608\uC815\uC785\uB2C8\uB2E4.",-1),_=[r,s];function d(i,l){return t(),c("div",null,_)}var f=a(o,[["render",d],["__file","index.html.vue"]]);export{f as default};
      diff --git a/assets/index.html.04c1b3fa.js b/assets/index.html.67289c71.js
      similarity index 97%
      rename from assets/index.html.04c1b3fa.js
      rename to assets/index.html.67289c71.js
      index ddb8fb5e..8424d34f 100644
      --- a/assets/index.html.04c1b3fa.js
      +++ b/assets/index.html.67289c71.js
      @@ -1 +1 @@
      -const e={key:"v-c7cdfcf4",path:"/Review/2020-year/08-August/",title:"2020\uB144 8\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 8\uC6D4 \uD68C\uACE0",description:"2020\uB144 8\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-08-31T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/95019363-e666de00-069f-11eb-86fe-e5faad159579.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Sentry \uC801\uC6A9",slug:"_1-sentry-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]},{level:3,title:"2. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"3. Mobile API \uBD84\uB9AC \uC774\uC804",slug:"_3-mobile-api-\u1107\u116E\u11AB\u1105\u1175-\u110B\u1175\u110C\u1165\u11AB",children:[]},{level:3,title:"4. CMS \uC791\uC5C5 (feat. Legacy)",slug:"_4-cms-\u110C\u1161\u11A8\u110B\u1165\u11B8-feat-legacy",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uCE74\uCE74\uC624 \uBA74\uC811\uAD00\uB828",slug:"_1-\u110F\u1161\u110F\u1161\u110B\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8\u1100\u116A\u11AB\u1105\u1167\u11AB",children:[]},{level:3,title:"2. Next Step Reviewer",slug:"_2-next-step-reviewer",children:[]},{level:3,title:"3. Boost Camp Reviewer",slug:"_3-boost-camp-reviewer",children:[]},{level:3,title:"4. React Study",slug:"_4-react-study",children:[]},{level:3,title:"5. DKU-STUDY",slug:"_5-dku-study",children:[]},{level:3,title:"6. \uCF54\uB355\uACFC \uC77C\uC77C\uCEE4\uBC0B",slug:"_6-\u110F\u1169\u1103\u1165\u11A8\u1100\u116A-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"7. \uC11C\uC6B8 \uB514\uC9C0\uD14D\uACE0\uB4F1\uD559\uAD50 \uAE30\uB2A5\uBC18",slug:"_7-\u1109\u1165\u110B\u116E\u11AF-\u1103\u1175\u110C\u1175\u1110\u1166\u11A8\u1100\u1169\u1103\u1173\u11BC\u1112\u1161\u11A8\u1100\u116D-\u1100\u1175\u1102\u1173\u11BC\u1107\u1161\u11AB",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/08-August/README.md"};export{e as data};
      +const e={key:"v-c7cdfcf4",path:"/Review/2020-year/08-August/",title:"2020\uB144 8\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 8\uC6D4 \uD68C\uACE0",description:"2020\uB144 8\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-08-31T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/95019363-e666de00-069f-11eb-86fe-e5faad159579.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Sentry \uC801\uC6A9",slug:"_1-sentry-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]},{level:3,title:"2. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"3. Mobile API \uBD84\uB9AC \uC774\uC804",slug:"_3-mobile-api-\u1107\u116E\u11AB\u1105\u1175-\u110B\u1175\u110C\u1165\u11AB",children:[]},{level:3,title:"4. CMS \uC791\uC5C5 (feat. Legacy)",slug:"_4-cms-\u110C\u1161\u11A8\u110B\u1165\u11B8-feat-legacy",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uCE74\uCE74\uC624 \uBA74\uC811\uAD00\uB828",slug:"_1-\u110F\u1161\u110F\u1161\u110B\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8\u1100\u116A\u11AB\u1105\u1167\u11AB",children:[]},{level:3,title:"2. Next Step Reviewer",slug:"_2-next-step-reviewer",children:[]},{level:3,title:"3. Boost Camp Reviewer",slug:"_3-boost-camp-reviewer",children:[]},{level:3,title:"4. React Study",slug:"_4-react-study",children:[]},{level:3,title:"5. DKU-STUDY",slug:"_5-dku-study",children:[]},{level:3,title:"6. \uCF54\uB355\uACFC \uC77C\uC77C\uCEE4\uBC0B",slug:"_6-\u110F\u1169\u1103\u1165\u11A8\u1100\u116A-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA",children:[]},{level:3,title:"7. \uC11C\uC6B8 \uB514\uC9C0\uD14D\uACE0\uB4F1\uD559\uAD50 \uAE30\uB2A5\uBC18",slug:"_7-\u1109\u1165\u110B\u116E\u11AF-\u1103\u1175\u110C\u1175\u1110\u1166\u11A8\u1100\u1169\u1103\u1173\u11BC\u1112\u1161\u11A8\u1100\u116D-\u1100\u1175\u1102\u1173\u11BC\u1107\u1161\u11AB",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/08-August/README.md"};export{e as data};
      diff --git a/assets/index.html.603c8f7e.js b/assets/index.html.67aa5b22.js
      similarity index 99%
      rename from assets/index.html.603c8f7e.js
      rename to assets/index.html.67aa5b22.js
      index 3c495bd0..6730866a 100644
      --- a/assets/index.html.603c8f7e.js
      +++ b/assets/index.html.67aa5b22.js
      @@ -1,4 +1,4 @@
      -import{_ as i,b as r,c as u,d,e as _,a as h}from"./13.696f2d8d.js";import{_ as k,a as g,b as m,c as b,d as v,e as f}from"./19.51ac7a7f.js";import{_ as w}from"./12.729a5149.js";import{a as y,b as E,c as S,d as C,_ as x,e as A}from"./15.b9962096.js";import{_ as j,r as l,o as R,c as B,a as n,b as t,w as p,d as e,e as s}from"./app.800103af.js";var c="/TIL/assets/thumbnail.c9a1d3e1.jpg",I="/TIL/assets/1.ee9092ba.png",L="/TIL/assets/4.0d52d8c7.png",T="/TIL/assets/2.06628b72.png",D="/TIL/assets/3.f0f952d6.png",q="/TIL/assets/6.2173905f.jpg",P="/TIL/assets/7.6cb91208.jpg",M="/TIL/assets/8.5378a007.jpg",J="/TIL/assets/9.7f69d2fb.png",U="/TIL/assets/10.49ecec9a.png",O="/TIL/assets/11.f16f5749.jpg",H="/TIL/assets/15.d10fdafc.png",N="/TIL/assets/16.d37ff716.png",V="/TIL/assets/17.bee15ed5.jpg",G="/TIL/assets/18.20d9b54e.jpg",F="/TIL/assets/19.15dc23da.png",z="/TIL/assets/12.ee9a5577.png",Q="/TIL/assets/13.2c444779.png",W="/TIL/assets/14.d006359c.png",K="/TIL/assets/21.f1090ebf.png",Y="/TIL/assets/22.b408d8c1.png",Z="/TIL/assets/23.d1b6743c.png",X="/TIL/assets/24.fd4b3f92.png",$="/TIL/assets/25.de8f9164.png",nn="/TIL/assets/27.8c9809ca.png",sn="/TIL/assets/28.85c91329.png",tn="/TIL/assets/29.b4284287.png",an="/TIL/assets/30.627c4942.png",en="/TIL/assets/31.69ede0dc.png",on="/TIL/assets/32.8b9abe72.png",pn="/TIL/assets/33.e36a73fc.png",ln="/TIL/assets/34.86c50d4c.png",cn="/TIL/assets/36.12ff0f6a.png",rn="/TIL/assets/37.10e22cd4.png",un="/TIL/assets/38.e60e281b.png",dn="/TIL/assets/35.041e79f5.png",_n="/TIL/assets/39.8a00ba66.png",hn="/TIL/assets/40.791002ba.png",kn="/TIL/assets/41.040d501e.png",gn="/TIL/assets/42.7fbcdf77.png",mn="/TIL/assets/43.f1410d90.png",bn="/TIL/assets/44.37f6fa3a.png",vn="/TIL/assets/45.0d516980.png",fn="/TIL/assets/46.c7846725.png",wn="/TIL/assets/47.e2cec47f.png",yn="/TIL/assets/48.19d929c8.png",En="/TIL/assets/49.d40b26ee.png",Sn="/TIL/assets/50.31245eb9.jpg",Cn="/TIL/assets/51.9b7d3cee.png",xn="/TIL/assets/52.407e3f79.png",An="/TIL/assets/53.e5cb7aad.png",jn="/TIL/assets/54.d136bcc4.png",Rn="/TIL/assets/56.ea424cdc.jpg",Bn="/TIL/assets/55.849c333d.jpg",In="/TIL/assets/57.c02d238c.png",Ln="/TIL/assets/58.fb369347.jpg",Tn="/TIL/assets/59.e95a36c3.jpg",Dn="/TIL/assets/60.70f7456e.jpg",qn="/TIL/assets/61.bc495e57.jpg",Pn="/TIL/assets/62.2c014b9e.jpg",Mn="/TIL/assets/63.aa9fed55.jpg",Jn="/TIL/assets/64.45272476.jpg",Un="/TIL/assets/65.24f71ce2.jpg",On="/TIL/assets/66.86649c5f.jpg",Hn="/TIL/assets/67.124767bf.jpg",Nn="/TIL/assets/68.0aec68b0.jpg",Vn="/TIL/assets/69.9f35bcec.jpg",Gn="/TIL/assets/70.856d5a4b.jpg",Fn="/TIL/assets/71.0ecf4a26.jpg",zn="/TIL/assets/72.4b93938a.jpg",Qn="/TIL/assets/73.02ef69da.jpg";const Wn={},Kn=e('

      \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 \uD68C\uACE0

      \uC378\uB124\uC77C bn

      6000\uAC1C Contributions\uC744 \uBAA9\uD45C\uB85C \uD588\uB294\uB370.. \uC544\uC27D\uAC8C \uB2E4 \uCC44\uC6B0\uC9C4 \uBABB\uD588\uB2E4. \uC55E\uC73C\uB85C\uB3C4 \uBD88\uAC00\uB2A5 \uD560 \uAC83 \uAC19\uB2E4.

      \uC624\uB298\uC740 2020\uB144\uC758 \uB9C8\uC9C0\uB9C9 \uB0A0\uC774\uB2E4. \uADF8\uB798\uC11C 2020\uB144 \uD68C\uACE0\uB85C \uC62C\uD574\uB97C \uB9C8\uBB34\uB9AC \uD558\uACE0\uC790 \uD55C\uB2E4.

      \uB4E4\uC5B4\uAC00\uAE30 \uC804\uC5D0, 2019\uB144\uC744 \uB9C8\uBB34\uB9AC \uD558\uBA74\uC11C \uC37C\uB358 \uAE00\uC744 \uBA3C\uC800 \uC18C\uAC1C\uD55C\uB2E4.

      \uC77C\uB144 \uC804, \uD6C4\uD68C\uC640 \uB2E4\uC9D0

      2019\uB144\uC740 \uB098\uC5D0\uAC8C\uB294 \uAD8C\uD0DC\uAE30 \uAC19\uC740 \uD55C \uD574\uC600\uB2E4.

      • \uACE0\uB4F1\uD559\uAD50 \uC2DC\uC808\uBD80\uD130 \uC62C\uD574\uAE4C\uC9C0 \uBAB8\uB2F4\uC558\uB358 \uAE30\uB2A5\uB300\uD68C\uC5D0 \uB300\uD55C \uD68C\uC758\uAC10.
      • \uB300\uD559\uAD50 4\uB144\uB3D9\uC548 \uB9CC\uC871\uD560\uB9CC\uD55C \uD504\uB85C\uC81D\uD2B8\uB97C \uBABB\uD574\uBD24\uB2E4\uB294 \uD6C4\uD68C\uAC10.
      • \uBE44\uAD50\uC801 \uBE68\uB9AC \uAC1C\uBC1C\uC744 \uC2DC\uC791\uD588\uC9C0\uB9CC \uADF8 \uAE30\uAC04\uC774 \uADF8\uB807\uAC8C \uC758\uBBF8\uC788\uB294 \uC2DC\uAC04\uC740 \uC544\uB2C8\uC600\uAD6C\uB098 \uD558\uB294 \uD5C8\uD0C8\uAC10.
      • \uBB34\uC5B8\uAC00 \uD6C4\uD68C\uD574\uBCFC\uB9CC\uD55C \uACBD\uD5D8\uC870\uCC28 \uC5C6\uB358 \uAC83 \uAC19\uC740 \uC544\uC26C\uC6C0\uB9CC \uB0A8\uB294 \uB300\uD559\uC0DD\uD65C.
      • \uC774\uC81C \uC0AC\uD68C\uC5D0 \uB0B4\uB358\uC838\uC9C0\uB294 \uAC83\uC5D0 \uB300\uD55C \uAE30\uB300\uC640 \uBD88\uC548\uAC10.

      \uD5C8\uB465\uC9C0\uB465 \uC0B4\uAE30\uB9CC \uD588\uC9C0 \uB611\uBD80\uB7EC\uC9C0\uAC8C \uD604\uBA85\uD558\uAC8C \uB611\uB611\uD558\uAC8C \uC0B4\uC9C4 \uBABB\uD55C \uAC83 \uAC19\uB2E4. \uB0A8\uB4E4\uCC98\uB7FC \uB098 \uC774\uB807\uAC8C \uC5F4\uC2EC\uD788 \uC0B4\uC558\uC5B4\uC694 \uB77C\uACE0 \uD68C\uACE0\uB3C4 \uC368\uBCF4\uACE0 \uC2F6\uC740\uB370 \uB3CC\uC774\uCF1C \uBCF4\uB2C8\uAE4C \uC62C\uD574\uB294 \uADF8\uB807\uAC8C \uC5F4\uC2EC\uD788 \uC0B4\uC9C0\uB3C4 \uC54A\uC558\uACE0, \uC5F4\uC2EC\uD788 \uACF5\uBD80\uB97C \uD558\uC9C0\uB3C4 \uC54A\uC558\uB2E4.

      2020\uB144\uC740 \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uB5B3\uB5B3\uD558\uACE0 \uB2F9\uB2F9\uD55C \uD574\uAC00 \uB418\uAE30\uB97C!

      \uADF8\uB807\uAC8C \uAE30\uD544\uACE0 2020\uB144\uC740 \uD6C4\uD68C \uC5C6\uB294 \uD558\uB8E8 \uD558\uB8E8\uB97C \uBCF4\uB0B4\uAE30\uB85C \uB2E4\uC9D0\uD588\uB2E4. \uADF8\uB798\uC11C \uC774 \uD3EC\uC2A4\uD2B8\uB294 \uC774\uB7EC\uD55C \uB2E4\uC9D0\uC744 \uC5B4\uB5A4 \uC2DD\uC73C\uB85C \uC2E4\uCC9C\uD588\uB294\uC9C0 \uC18C\uAC1C\uD558\uB294 \uD68C\uACE0\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.

      ',7),Yn={class:"custom-container tip"},Zn=n("p",{class:"custom-container-title"},"\uC6D4\uAC04\uD68C\uACE0",-1),Xn={href:"/Review/2020-year/01-First-Quarter/",target:"_blank",rel:"noopener noreferrer"},$n=s("1\uBD84\uAE30 \uD68C\uACE0"),ns={href:"/Review/2020-year/01-January/",target:"_blank",rel:"noopener noreferrer"},ss=s("1\uC6D4"),ts={href:"/Review/2020-year/02-February/",target:"_blank",rel:"noopener noreferrer"},as=s("2\uC6D4"),es={href:"/Review/2020-year/03-March/",target:"_blank",rel:"noopener noreferrer"},os=s("3\uC6D4"),ps={href:"/Review/2020-year/02-Second-Quarter/",target:"_blank",rel:"noopener noreferrer"},ls=s("2\uBD84\uAE30 \uD68C\uACE0"),cs={href:"/Review/2020-year/04-April/",target:"_blank",rel:"noopener noreferrer"},is=s("4\uC6D4"),rs={href:"/Review/2020-year/05-May/",target:"_blank",rel:"noopener noreferrer"},us=s("5\uC6D4"),ds={href:"/Review/2020-year/06-June/",target:"_blank",rel:"noopener noreferrer"},_s=s("6\uC6D4"),hs=s("3\uBD84\uAE30 \uD68C\uACE0 "),ks={href:"/Review/2020-year/07-July/",target:"_blank",rel:"noopener noreferrer"},gs=s("7\uC6D4"),ms={href:"/Review/2020-year/08-August/",target:"_blank",rel:"noopener noreferrer"},bs=s("8\uC6D4"),vs={href:"/Review/2020-year/09-September/",target:"_blank",rel:"noopener noreferrer"},fs=s("9\uC6D4"),ws=s("4\uBD84\uAE30 \uD68C\uACE0 "),ys={href:"/Review/2020-year/10-October/",target:"_blank",rel:"noopener noreferrer"},Es=s("10\uC6D4"),Ss={href:"/Review/2020-year/11-November/",target:"_blank",rel:"noopener noreferrer"},Cs=s("11\uC6D4"),xs={href:"/Review/2020-year/12-December/",target:"_blank",rel:"noopener noreferrer"},As=s("12\uC6D4"),js=e('

      \uC5C5\uBB34

      \uC0DD\uAC01\uBCF4\uB2E4 \uB9CE\uC740 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uCC38\uC5EC\uD588\uB2E4. \uC544\uB9C8 \uB0B4\uB144\uC5D0\uB294 \uB354 \uB9CE\uC740 \uC77C\uC744 \uD560 \uAC83 \uAC19\uC740 \uB290\uB08C\uC774 \uB4E0\uB2E4.

      1. \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8

      \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8

      ',4),Rs=s("\uB098\uB294 \uC791\uB144 11\uC6D4\uC5D0 "),Bs={href:"https://zuminternet.github.io/",target:"_blank",rel:"noopener noreferrer"},Is=s("\uC90C\uC778\uD130\uB137"),Ls=s("\uC5D0 \uC785\uC0AC\uD588\uACE0, \uC785\uC0AC \uD6C4\uC5D0 \uBC14\uB85C "),Ts=n("strong",null,"\uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8",-1),Ds=s("\uB97C \uC9C4\uD589\uD588\uB2E4."),qs=e('

      \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8

      \uC90C\uC778\uD130\uB137\uC740 \uC2E0\uADDC \uC785\uC0AC\uC790(\uC815\uD655\uD788\uB294 \uC2E0\uC785)\uAC00 \uD300\uC5D0 \uC548\uC804\uD558\uAC8C \uC801\uC751\uD560 \uC218 \uC788\uB3C4\uB85D 6 ~ 8\uC8FC \uC815\uB3C4 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD55C\uB2E4.

      \uC77C\uB2E8 \uB098\uB294 \uD559\uAD50 \uC218\uC5C5\uC744 \uC804\uBD80 \uB4E3\uACE0 \uC2F6\uC5B4\uC11C \uC8FC 2\uC77C(12\uC2DC\uAC04 \uADFC\uBB34) \uCD9C\uADFC \uD588\uACE0, \uACF5\uAC15 \uC2DC\uAC04\uC5D0 \uD2C8\uD2C8\uC774 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD588\uB2E4. \uD504\uB85C\uC81D\uD2B8\uC758 \uC8FC\uC81C\uB294 \uC8FC\uC81C\uBCC4 \uC601\uC0C1 \uC81C\uACF5 \uC6F9 \uC11C\uBE44\uC2A4 \uC774\uBA70 \uB2E4\uC74C\uACFC \uAC19\uC740 \uAE30\uC220 \uC2A4\uD0DD\uC744 \uC0AC\uC6A9\uD588\uB2E4.

      \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uAE30\uC220 \uC2A4\uD0DD

      • front-end

        • Vue-cli3(Webpack 4)
        • Terser Webpack plugin
        • SCSS, Lodash, Swiper
      • back-end

        • Java8 \uC774\uC0C1
        • Spring Boot + Gradle
        • Spring Data JPA (\uC120\uD0DD, DB\uB294 H2\uC0AC\uC6A9)
        • Ehcache
        • Pebble Template Engine (\uC120\uD0DD)

      \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 \uB2E4\uC74C \uB9C1\uD06C\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4.

      ',5),Ps={href:"https://github.com/junilhwang/zum_pilot",target:"_blank",rel:"noopener noreferrer"},Ms=s("\uC800\uC7A5\uC18C(\uCF54\uB4DC)"),Js={href:"https://junilhwang.github.io/zum_pilot",target:"_blank",rel:"noopener noreferrer"},Us=s("\uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uBB38\uC11C"),Os={href:"https://zuminternet.github.io/ZUM-Pilot-provide-video/",target:"_blank",rel:"noopener noreferrer"},Hs=s("\uC90C\uC778\uD130\uB137 \uAE30\uC220\uBE14\uB85C\uADF8 - \uC8FC\uC81C\uBCC4 \uC601\uC0C1 \uC81C\uACF5 \uC6F9 \uC11C\uBE44\uC2A4"),Ns=n("p",null,[s("\uD655\uC2E4\uD788 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uB355\uBD84\uC5D0 \uD300\uC5D0 \uC798 \uC801\uC751\uD560 \uC218 \uC788\uC5C8\uACE0 \uBB34\uC5C7\uBCF4\uB2E4 \uC774\uB807\uAC8C \uAE34 \uC2DC\uAC04 \uB3D9\uC548 \uC628\uC804\uD788 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC9D1\uC911\uD560 \uC218 \uC788\uB358 \uC801\uC774 \uC5EC\uD0DC\uAE4C\uC9C0 \uC5C6\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uBB34\uCC99 \uC7AC\uBC0C\uC5C8\uB2E4. \uC0AC\uC2E4 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uD560 \uB54C\uAC00 "),n("strong",null,"\uD68C\uC0AC\uB97C \uB2E4\uB2C8\uB294 \uB3D9\uC548 \uC81C\uC77C \uC7AC\uBC0C\uB358 \uC2DC\uAE30"),s("\uAC00 \uC544\uB2C8\uC600\uC744\uAE4C \uC2F6\uB2E4.")],-1),Vs=n("hr",null,null,-1),Gs=n("h3",{id:"_2-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF-\u110C\u116E\u11B7",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_2-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF-\u110C\u116E\u11B7","aria-hidden":"true"},"#"),s(" 2. \uBAA8\uBC14\uC77C \uC90C")],-1),Fs=n("p",null,[n("img",{src:I,alt:"1"})],-1),zs=n("blockquote",null,[n("p",null,"\uBAA8\uBC14\uC77C\uC90C\uC758 \uACBD\uC6B0 \uC8FC\uAC04 \uD2B8\uB798\uD53D\uC774 300\uB9CC\uD68C \uC815\uB3C4 \uBC1C\uC0DD\uD55C\uB2E4.")],-1),Qs=s("\uC785\uC0AC \uD6C4 \uCC98\uC74C\uC73C\uB85C \uB2F4\uB2F9\uD558\uAC8C \uB41C \uC0AC\uB0B4 \uD504\uB85C\uC81D\uD2B8\uAC00 "),Ws={href:"https://m.zum.com",target:"_blank",rel:"noopener noreferrer"},Ks=s("\uBAA8\uBC14\uC77C\uC90C"),Ys=s("\uC774\uB2E4. \uB0B4\uAC00 \uC0DD\uAC01\uD588\uB358 \uAC83 \uBCF4\uB2E4 \uD504\uB85C\uC81D\uD2B8\uC758 \uCF54\uB4DC\uAC00 \uAD49\uC7A5\uD788 \uB9CE\uC558\uACE0 \uB531 \uBD10\uB3C4 \uBCF5\uC7A1\uD55C \uC124\uACC4 \uAC19\uC558\uB2E4."),Zs=n("p",null,"\uADF8\uB7F0\uB370 \uCC9C\uCC9C\uD788 \uD504\uB85C\uC81D\uD2B8\uB97C \uBD84\uC11D\uD558\uACE0 \uC774\uAC83 \uC800\uAC83 \uAC74\uB4DC\uB824\uBCF4\uBA74\uC11C \uC774 \uD504\uB85C\uC81D\uD2B8\uAC00 \uBB34\uCC99 \uACAC\uACE0\uD558\uACE0 \uBCC0\uD654\uC5D0 \uC798 \uB300\uC751\uD560 \uC218 \uC788\uB3C4\uB85D \uC124\uACC4\uB41C \uAC83\uC774 \uB290\uAEF4\uC84C\uB2E4.",-1),Xs=n("p",null,"\uD2B9\uD788 \uAC70\uC758 \uBAA8\uB4E0 \uB85C\uC9C1\uC740 \uBC31\uC5D4\uB4DC(Internal API)\uC5D0\uC11C \uAD00\uB9AC\uD558\uACE0, \uD504\uB860\uD2B8\uC5D4\uB4DC\uB294 \uBC31\uC5D4\uB4DC\uC5D0\uC11C \uB9CC\uB4E4\uC5B4\uC900 \uB370\uC774\uD130\uB97C \uACF5\uC6A9 \uCEF4\uD3EC\uB10C\uD2B8\uB85C \uCD9C\uB825 \uD558\uB294 \uD615\uD0DC\uC600\uB2E4. \uADF8\uB798\uC11C \uC57D 1\uB144 \uB3D9\uC548 \uBC31\uC5D4\uB4DC\uB294 \uC218\uC2ED \uBC88 \uBC30\uD3EC\uD588\uC73C\uB098, \uD504\uB860\uD2B8\uC5D4\uB4DC\uB294 10\uD68C \uC548\uD30E\uC73C\uB85C \uBC30\uD3EC\uD588\uB2E4.",-1),$s=n("p",null,"\uADF8\uB798\uC11C \uBAA8\uBC14\uC77C\uC90C\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uC0AC\uB0B4 \uB125\uC11C\uC2A4 \uB808\uD3EC\uC5D0 \uC62C\uB824\uB193\uACE0 \uC0AC\uC6A9\uD574\uB3C4 \uB418\uC9C0 \uC54A\uC744\uAE4C \uB17C\uC758\uD558\uAE30\uB3C4 \uD588\uB2E4. \uB2E4\uB9CC \uC644\uC804\uD788 \uACF5\uC6A9 \uCEF4\uD3EC\uB10C\uD2B8\uB85C \uC0AC\uC6A9\uD558\uAE30\uC5D4 \uC704\uD5D8 \uC694\uC18C\uAC00 \uB9CE\uC544\uC11C \uACE0\uB824 \uC911\uC774\uB77C\uACE0 \uD588\uB2E4. \uB098\uC911\uC5D0 \uC2DC\uAC04\uC801 \uC5EC\uC720\uAC00 \uC788\uC744 \uB54C \uC644\uC804\uD788 \uCF54\uC5B4\uB85C \uC0AC\uC6A9\uD574\uB3C4 \uC88B\uC744 \uAC83 \uAC19\uB2E4.",-1),nt=s("\uC774 \uC678\uC5D0\uB3C4 \uB0B4\uAC00 \uC791\uC5C5\uD55C\uAC74 \uC544\uB2C8\uC9C0\uB9CC, "),st={href:"https://zuminternet.github.io/ZUM-Mobile-NodeJS/",target:"_blank",rel:"noopener noreferrer"},tt=s("\uBAA8\uBC14\uC77C\uC90C\uC5D0 SSR\uC744 \uC801\uC6A9"),at=s("\uD558\uB294 \uB4F1\uC758 \uACF5\uC0AC\uAC00 \uC788\uC5C8\uB2E4."),et=n("p",null,"\uADF8\uB9AC\uACE0 \uAE30\uC874\uC5D0 API \uD504\uB85C\uC81D\uD2B8\uC5D0\uC11C Mobile API\uB97C \uB530\uB85C \uB5BC\uC5B4\uB098\uB294 \uC791\uC5C5\uB3C4 \uC788\uC5C8\uB2E4.",-1),ot=n("p",null,[n("img",{src:"https://www.plantuml.com/plantuml/svg/ZLFBQiCm4BpxAvRSzGUXn6bSsaCXq1v2ReebYDj8Ch9C0o7_thKUrYD9gK-QdV7iIreDXcepYbCb5UEms8y2NhIIPW5q04GM9EIxEdGd7bY74hhkUwYtRvR7CnwhqXdMjFrk98EjLb-ynKoN2l1pil2pbIBuy6nKl8w7EGMU2xPcCJ-pt3MwrupsXklext0KhAbfZwbUT3B2ZH8KyRMwcSV_UdBQkqqz7xKI79gpuNBeb9oRQ7QVXTHdp4rBEoL4OkBW7zFmbVbnO8DP00XXwaUI9rlD0yhNyO3r5QHJZ-IqnViChj0DFHVRlUGXkxb2PUyVB0aPUnBgouE-h3muDJdVxUBtcxXt22ybXAVyPGoRMN79yB7z0W00",alt:"API \uBD84\uB9AC bn"})],-1),pt={class:"custom-container tip"},lt=n("p",{class:"custom-container-title"},"\uD604\uC7AC \uBAA8\uBC14\uC77C \uC90C\uC758 \uAE30\uC220 \uC2A4\uD0DD\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.",-1),ct=n("p",null,"Front Server",-1),it=s("Server: typescript + Node.js + Express.js + Zum Core + SSR "),rt=n("li",null,"\uC6D0\uB798 Spring Boot\uB97C \uC0AC\uC6A9\uD588\uC73C\uB098, SSR \uB54C\uBB38\uC5D0 node.js\uB85C \uC804\uD658\uD588\uB2E4.",-1),ut={href:"https://zuminternet.github.io/ZUM-Mobile-NodeJS/",target:"_blank",rel:"noopener noreferrer"},dt=s("\uBAA8\uBC14\uC77C \uC90C SpringBoot \u2192 NodeJS \uC804\uD658\uAE30 (feat. VueJS SSR)"),_t=s("Front: typescript + javascript + Vue.js "),ht=s("\uD504\uB860\uD2B8 \uAC1C\uBC1C \uD658\uACBD\uC758 \uACBD\uC6B0 \uB2E4\uC74C \uB9C1\uD06C\uC5D0 \uB300\uBD80\uBD84\uC758 \uB0B4\uC6A9\uC774 \uB2F4\uACA8\uC788\uB2E4. "),kt={href:"https://zuminternet.github.io/ZUM-Webpack-dev-proxy-part1/",target:"_blank",rel:"noopener noreferrer"},gt=s("Webpack dev server\uB97C \uC774\uC6A9\uD55C \uAC1C\uBC1C \uD658\uACBD \uAD6C\uC131 Part 01"),mt={href:"https://zuminternet.github.io/ZUM-Webpack-dev-proxy-part2/",target:"_blank",rel:"noopener noreferrer"},bt=s("Webpack dev server\uB97C \uC774\uC6A9\uD55C \uAC1C\uBC1C \uD658\uACBD \uAD6C\uC131 Part 02"),vt=n("li",null,[n("p",null,"API Server"),n("ul",null,[n("li",null,"Java"),n("li",null,"Spring Boot")])],-1),ft=n("p",null,"Front Server\uB97C Node.js\uB85C \uAD6C\uC131\uD558\uC5EC \uB300\uC6A9\uB7C9 \uD2B8\uB798\uD53D\uC744 \uB354 \uC801\uC740 \uC790\uC6D0\uC73C\uB85C \uAD00\uB9AC\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uC2EC\uC9C0\uC5B4 SSR\uC744 \uC801\uC6A9\uD558\uAE30 \uC804\uBCF4\uB2E4 \uC751\uB2F5 \uC2DC\uAC04\uC774 \uB354 \uC904\uC5B4\uB4E4\uC5C8\uB2E4.",-1),wt=n("p",null,"\uBAA8\uBC14\uC77C\uC90C\uC5D0 \uB300\uD574\uC11C \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uAC00 \uB354 \uB9CE\uC9C0\uB9CC, \uC774 \uC774\uC0C1\uC740 \uB300\uC678\uBE44\uB77C\uC11C \uC5B8\uAE09\uD558\uAE30\uAC00 \uAEBC\uB824\uC9C4\uB2E4. \uD655\uC2E4\uD55C\uAC74 \uC774 \uD504\uB85C\uC81D\uD2B8 \uB355\uBD84\uC758 \uC790\uC2E0\uAC10\uB3C4 \uB9CE\uC774 \uC0DD\uACBC\uACE0, \uC124\uACC4\uC5D0 \uB300\uD55C \uC548\uBAA9\uB3C4 \uB113\uD790 \uC218 \uC788\uC5C8\uB2E4.",-1),yt=n("p",null,[n("img",{src:"https://item.kakaocdn.net/do/f7833fcaf0a85fd066bd7d90ba61a6342df16ed7012359e344d47930e49e9310",alt:"Good"})],-1),Et=n("hr",null,null,-1),St=n("h3",{id:"_3-open-api-cms",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_3-open-api-cms","aria-hidden":"true"},"#"),s(" 3. Open API CMS")],-1),Ct=s("\uC90C\uC778\uD130\uB137\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 "),xt={href:"https://dev.zum.com/search/cse_intro",target:"_blank",rel:"noopener noreferrer"},At=s("Open API"),jt=s("\uAC00 \uC788\uB294\uB370, \uAE30\uC874\uC5D0\uB294 \uC774\uB97C \uC0AC\uC6A9\uD558\uB294 \uBCA4\uB354\uC0AC\uC758 \uC815\uBCF4\uB97C application.yml \uB0B4\uC5D0\uC11C \uAD00\uB9AC\uD558\uACE0 \uC788\uC5C8\uB2E4. \uBCA4\uB354\uC0AC\uAC00 \uC810\uC810 \uB9CE\uC544\uC84C\uACE0, CMS Service\uB85C \uB5BC\uC5B4\uB0A0 \uD544\uC694\uC131\uC744 \uB290\uB07C\uAC8C \uB418\uC5B4 \uC9C4\uD589\uD55C \uD504\uB85C\uC81D\uD2B8\uB2E4."),Rt=s("\uC774 \uB54C "),Bt={href:"https://element.eleme.io/#/en-US",target:"_blank",rel:"noopener noreferrer"},It=s("Element UI"),Lt=s("\uC640 "),Tt={href:"https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard",target:"_blank",rel:"noopener noreferrer"},Dt=s("Vue-Element-Admin"),qt=s("\uC744 \uC774\uC6A9\uD574\uC11C \uB9CC\uB4E4\uC5C8\uB2E4."),Pt=n("p",null,[s("\uADF8\uB7F0\uB370 "),n("code",null,"element-admin"),s("\uC5D0\uB294 \uBD88\uD544\uC694\uD55C \uCEF4\uD3EC\uB10C\uD2B8\uC640 \uAE30\uB2A5\uC774 \uB9CE\uC544\uC11C \uC815\uB9D0 \uD544\uC694\uD55C \uBD80\uBD84\uB9CC \uB530\uB85C \uB5BC\uC5B4\uB0B4\uC11C \uC0AC\uB0B4 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC62C\uB824\uB193\uACE0 \uC0AC\uC6A9 \uC911\uC774\uB2E4.")],-1),Mt=s("\uC774 \uD504\uB85C\uC81D\uD2B8\uB97C \uD1B5\uD574\uC11C \uB2E4\uB978 \uD300\uC6D0\uB4E4\uACFC \uCC98\uC74C\uC73C\uB85C \uD611\uC5C5(\uC815\uD655\uD788\uB294 \uBD84\uC5C5\uC774\uB784\uAE4C..?)\uC744 \uD574\uBCFC \uC218 \uC788\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uD504\uB85C\uC81D\uD2B8\uC5D0\uC11C "),Jt={href:"https://aws.amazon.com/ko/dynamodb/",target:"_blank",rel:"noopener noreferrer"},Ut=s("AWS DynamoDB"),Ot=s("\uB97C \uC0AC\uC6A9\uD588\uB294\uB370, \uB2E4\uB978 \uD504\uB85C\uC81D\uD2B8\uC5D0\uB3C4 \uC801\uC6A9\uD560\uAE4C \uD558\uB2E4\uAC00 \uD750\uC9C0\uBD80\uC9C0 \uB410\uB2E4. \uC0AC\uC6A9\uD558\uAE30\uAC00 \uC870\uAE08 \uC560\uB9E4\uD558\uB2EC\uAE4C?"),Ht=n("p",null,"\uD559\uC2B5\uC740 \uD588\uB294\uB370 \uC5B8\uC81C \uC368\uBA39\uC744 \uC218 \uC788\uC744\uC9C0..",-1),Nt=n("p",null,[n("img",{src:"https://item.kakaocdn.net/do/1eb7b0fd47d19247cac42daa7547feab616b58f7bf017e58d417ccb3283deeb3",alt:"\uC758\uBB38"})],-1),Vt=n("hr",null,null,-1),Gt=n("h3",{id:"_4-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_4-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7","aria-hidden":"true"},"#"),s(" 4. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8")],-1),Ft=n("p",null,[n("img",{src:L,alt:"\uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 Zum Newtab bn"})],-1),zt=s("5\uC6D4\uBD80\uD130 8\uC6D4\uAE4C\uC9C0 "),Qt={href:"https://chrome.google.com/webstore/detail/zum-newtab/bghgeookcfdmkoocalbclnhofnenmhlf?hl=ko&authuser=2",target:"_blank",rel:"noopener noreferrer"},Wt=s("\uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 - Zum Newtab"),Kt=s("\uC744 \uB9CC\uB4E4\uC5C8\uB2E4. \uC2E4\uC81C \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uAE30\uC5D0 \uC55E\uC11C \uAC04\uB2E8\uD558\uAC8C "),Yt={href:"https://github.com/JunilHwang/chrome-extension-tutorial",target:"_blank",rel:"noopener noreferrer"},Zt=s("\uD29C\uD1A0\uB9AC\uC5BC"),Xt=s("\uC744 \uC9C4\uD589\uD588\uB2E4."),$t=e('

      \uD29C\uD1A0\uB9AC\uC5BC

      \uC0DD\uAC01\uBCF4\uB2E4 \uC5B4\uB835\uC9C0 \uC54A\uC558\uACE0, \uC790\uC2E0\uAC10\uC774 \uCC28\uC624\uB978 \uC0C1\uD0DC\uC5D0\uC11C \uAC1C\uBC1C\uC744 \uC9C4\uD589\uD588\uB2E4. \uAC1C\uBC1C\uC740 \uB531 \uD55C \uB2EC \uC815\uB3C4 \uC18C\uC694\uB418\uC5C8\uB294\uB370, \uAC80\uC218 \uACFC\uC815\uC5D0\uC11C \uB2E4\uC591\uD55C \uBC18\uB824 \uC0AC\uC720\uAC00 \uC874\uC7AC\uD588\uACE0 \uC644\uBCBD\uD558\uAC8C \uD1B5\uACFC\uD558\uAE30 \uAE4C\uC9C0 3\uAC1C\uC6D4\uC774 \uAC78\uB9B0 \uAC83\uC774\uB2E4.

      \uBC18\uB824

      \uD655\uC2E4\uD788 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC744 \uB9CC\uB4E4\uBA74\uC11C \uAE30\uC220\uC801\uC73C\uB85C \uB9CE\uC740 \uC0DD\uAC01\uC744 \uD558\uB294 \uACC4\uAE30\uAC00 \uB418\uC5C8\uB2E4. \uC77C\uBC18\uC801\uC778 \uC6F9 \uC11C\uBE44\uC2A4\uAC00 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uACE0\uB824\uD574\uC57C\uD560 \uAC83\uB3C4 \uB9CE\uC558\uACE0, \uC644\uC131\uB3C4\uC5D0 \uB300\uD55C \uC911\uC694\uC131 \uB610\uD55C \uB2E4\uC2DC \uD55C \uBC88 \uAE68\uC6B0\uCE60 \uC218 \uC788\uC5C8\uB2E4.

      \uC804\uCCB4 \uAD6C\uC870 bn

      \uADF8\uB7F0\uB370 \uB610 \uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC9C4 \uC54A\uB294\uB2E4.

      \uC5B8\uC820\uAC04 \uC8FD\uAE30 \uC804\uC5D0 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC73C\uB85C \uC7AC\uBBF8\uB09C \uC77C\uB4E4\uC744 \uD574\uBCF4\uACE0 \uC2F6\uB2E4.

      ',7),na=s("\uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC5D0 \uB300\uD55C \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),sa={href:"https://zuminternet.github.io/Zum-Chrome-Extension/",target:"_blank",rel:"noopener noreferrer"},ta=s("\uC90C\uC778\uD130\uB137 \uAE30\uC220\uBE14\uB85C\uADF8 - \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C\u26CF \uD68C\uACE0"),aa=s("\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4."),ea=n("hr",null,null,-1),oa=n("h3",{id:"_5-\u1112\u1161\u11BA\u110B\u1175\u1109\u1172-cms",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_5-\u1112\u1161\u11BA\u110B\u1175\u1109\u1172-cms","aria-hidden":"true"},"#"),s(" 5. \uD56B\uC774\uC288 CMS")],-1),pa=n("p",null,[n("img",{src:q,alt:"\uD56B\uC774\uC288 \uC601\uC5ED"})],-1),la=s("7\uC6D4 ~ 11\uC6D4 \uC0AC\uC774\uC5D0\uB294 "),ca={href:"https://zum.com",target:"_blank",rel:"noopener noreferrer"},ia=s("\uC90C\uD504\uB860\uD2B8"),ra=s("\uC758 "),ua=n("strong",null,"\uD56B\uC774\uC288 \uC601\uC5ED",-1),da=s("\uC744 \uAD00\uB9AC\uD558\uB294 CMS\uB97C \uB9CC\uB4E4\uC5C8\uB2E4."),_a=e('
      • CMS\uB9CC \uB9CC\uB4E4\uBA74 \uB418\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C CMS\uC5D0\uC11C \uC815\uC81C\uD55C \uB370\uC774\uD130\uB97C \uC751\uB2F5\uD558\uB294 API\uB97C \uC0C8\uB85C \uB9CC\uB4E4\uC5C8\uB2E4.
      • \uBBF8\uB9AC\uBCF4\uAE30 \uAE30\uB2A5\uAE4C\uC9C0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uBBF8\uB9AC\uBCF4\uAE30\uC640 \uAD00\uB828\uB41C \uB3C4\uBA54\uC778\uC5D0\uC11C \uD398\uC774\uC9C0\uB97C \uC694\uCCAD\uD560 \uACBD\uC6B0, \uC2E4\uC11C\uBE44\uC2A4 \uB370\uC774\uD130 \uB300\uC2E0 \uBBF8\uB9AC\uBCF4\uAE30 \uB370\uC774\uD130\uB85C \uAD6C\uC131\uD574\uC11C \uBCF4\uC5EC\uC904 \uC218 \uC788\uAC8C API\uC640 Preview Server\uB97C \uAD6C\uC131\uD588\uB2E4.

      \uC774 \uACFC\uC815\uC5D0\uC11C \uC90C\uD504\uB860\uD2B8\uC758 \uC18C\uC2A4\uB3C4 \uBD84\uC11D\uD588\uACE0 \uC9C0\uC625\uBB38\uC744 \uC5F4\uC5C8\uB2E4, \uC774\uC640 \uC5EE\uC778 \uB2E4\uB978 \uC11C\uBE44\uC2A4 \uB2F4\uB2F9\uC790\uC640 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uC9C4\uD589\uD588\uB2E4.

      \uC5B4\uCA0B\uB4E0 \uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0 8\uC6D4\uC5D0 \uAC1C\uBC1C\uC744 \uC644\uB8CC\uD588\uACE0, 9\uC6D4\uCD08\uC5D0 \uCCAB \uBC30\uD3EC\uB97C \uC9C4\uD589\uD588\uB2E4. \uB2E4\uB9CC 9\uC6D4\uC5D0 \uBC30\uD3EC\uD558\uACE0 \uB098\uC11C \uC9C0\uC18D\uC801\uC73C\uB85C \uC218\uC815\uC0AC\uD56D\uC774 \uC0DD\uAE30\uACE0 \uC788\uC5C8\uACE0, \uC774 \uC0C1\uD0DC\uB85C \uBC30\uD3EC\uD588\uB2E4\uACE0? \uC2F6\uC740 \uBC84\uADF8\uB3C4 \uB9CE\uACE0 QA\uB97C \uD558\uC9C0 \uC54A\uACE0 \uB118\uC5B4\uAC04 \uBD80\uBD84\uB3C4 \uBB34\uCC99 \uB9CE\uC558\uB2E4.

      \uADF8\uB7EC\uB358 \uC911 \uC774\uBBF8 \uAE30\uD68D\uCE21\uACFC \uC218 \uCC28\uB840 \uB17C\uC758\uD558\uC5EC \uD569\uC758\uB41C \uAE30\uB2A5\uC5D0 \uB300\uD574 \uCEF4\uD50C\uB808\uC778\uC774 \uBC1C\uC0DD\uD588\uACE0, \uC774\uBBF8 \uBC30\uD3EC\uAC00 \uB418\uC5B4 \uC788\uC73C\uBA70 \uC11C\uBE44\uC2A4 \uB370\uC774\uD130\uAE4C\uC9C0 \uC0BD\uC785\uB41C \uB370\uC774\uD130\uBCA0\uC774\uC2A4\uC758 \uC124\uACC4\uB97C \uAC74\uB4DC\uB824\uC57C \uD558\uB294 \uC77C\uC774 \uBC1C\uC0DD\uD588\uB2E4.

      \uC678\uB798\uD0A4\uAC00 \uBB34\uCC99 \uBCF5\uC7A1\uD558\uAC8C \uB9CC\uB4E4\uC5B4\uC9C4 \uC0C1\uD0DC\uC5D0\uC11C \uC2A4\uD0A4\uB9C8\uB97C \uBCC0\uACBD\uD558\uB294 \uAC83 \uBCF4\uB2E8 \uC0C8\uB85C \uB9CC\uB4DC\uB294\uAC8C \uB098\uC544\uBCF4\uC600\uB2E4.

      \uD654\uB09C\uB2E4 bn

      \uADF8\uB798\uC11C hotissue_v2_schedule, hotissue_v2_template \uCC98\uB7FC v2\uB77C\uB294 suffix\uB97C \uBD99\uC5EC\uC11C \uD14C\uC774\uBE14\uC744 \uC0C8\uB85C \uB9CC\uB4E4\uC5C8\uACE0, \uD14C\uC774\uBE14\uC758 \uBCC0\uACBD\uC5D0 \uB530\uB77C \uC11C\uBE44\uC2A4 \uB85C\uC9C1\uB3C4 \uB300\uD3ED \uC218\uC815\uD588\uB2E4.

      \uACB0\uACFC\uC801\uC73C\uB85C \uD2B8\uB7EC\uBE14\uC774 \uC0DD\uAE34 \uD6C4\uC5D0 \uB9CE\uC740 \uBB38\uC81C\uC810\uC774 \uAC89\uC73C\uB85C \uB4DC\uB7EC\uB0AC\uAE30 \uB54C\uBB38\uC5D0 \uBB38\uC81C\uB97C \uC798 \uD578\uB4E4\uB9C1 \uD560 \uC218 \uC788\uC5C8\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC55E\uC120 \uACBD\uD5D8\uC744 \uD1A0\uB300\uB85C 2\uCC28 \uBC30\uD3EC \uC804\uAE4C\uC9C0 QA\uB97C \uAF3C\uAF3C\uD558\uAC8C \uC9C4\uD589\uD568\uC740 \uBB3C\uB860 \uC791\uC740 \uAE30\uB2A5\uC5D0 \uB300\uD574\uC11C\uB3C4 \uD6C4\uC5D0 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD558\uC9C0 \uC54A\uB3C4\uB85D \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uC9C4\uD589\uD588\uB2E4. \uB355\uBD84\uC5D0 \uC77C\uD558\uB294 \uC2DC\uAC04 \uBCF4\uB2E4 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158 \uD558\uB294 \uC2DC\uAC04\uC774 \uB9CE\uC558\uB2E4.

      \uC9C0\uCE5C\uB2E4 bn

      \uADF8\uB807\uAC8C \uC131\uACF5\uC801\uC73C\uB85C \uBC30\uD3EC\uB97C \uC9C4\uD589\uD588\uACE0, \uB4A4\uD0C8\uC5C6\uC774 \uB9C8\uBB34\uB9AC \uB418\uB294 \uB4EF \uC2F6\uC5C8\uB2E4. \uC0AC\uC2E4 \uC544\uC9C1\uAE4C\uC9C0 \uD070 \uBB38\uC81C\uB294 \uC5C6\uB294 \uC0C1\uD0DC\uC778\uB370, \uCF54\uB4DC\uAC00 \uB108\uBB34 \uBCF5\uC7A1\uD574\uC84C\uB2E4. \uC815\uD655\uD788\uB294 \uD55C \uAC1C\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uC5D0 \uB108\uBB34 \uB9CE\uC740 \uAE30\uB2A5\uC774 \uB4E4\uC5B4\uAC00\uC788\uB2E4.

      \uBCF4\uD1B5 API \uAD00\uB828 \uB85C\uC9C1\uC774\uB098 Store\uB97C \uB2E4\uB8E8\uB294 \uB85C\uC9C1\uC740 \uCEE8\uD14C\uC774\uB108 \uCEF4\uD3EC\uB10C\uD2B8\uC5D0\uC11C \uCC98\uB9AC\uD558\uACE0, \uD558\uC704 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 Props\uB97C \uC804\uB2EC\uD558\uAC70\uB098 \uD639\uC740 Custom Event\uB85C \uCC98\uB9AC\uD558\uB3C4\uB85D \uB9CC\uB4DC\uB294 \uD3B8\uC774\uB2E4. \uC774\uC640 \uAC19\uC740 \uBC29\uC2DD\uC73C\uB85C \uB9CC\uB4E4\uB2E4 \uBCF4\uB2C8, \uD2B9\uC815 \uCEF4\uD3EC\uB10C\uD2B8 \uD558\uB098\uAC00 \uD3ED\uD0C4\uC774 \uB418\uC5C8\uB2E4.

      \uD3ED\uD0C4

      \uACE0\uC791 \uBA87 \uBC31\uC904 \uC815\uB3C4\uC758 \uCF54\uB4DC\uC9C0\uB9CC, \uD300 \uB0B4\uC5D0\uC11C \uC801\uADF9\uC801\uC73C\uB85C \uD504\uB860\uD2B8\uC5D4\uB4DC\uB97C \uACF5\uBD80\uD558\uB294 \uC0AC\uB78C\uC774 \uB098\uB97C \uD3EC\uD568\uD558\uC5EC \uB450 \uBA85\uC774\uB2E4. \uADF8\uB798\uC11C \uB2E4\uB978 \uD300\uC6D0\uC774 \uC774 \uCF54\uB4DC\uB97C \uBCF4\uAC8C \uB420 \uACBD\uC6B0 \uBB34\uCC99 \uD63C\uB780\uC2A4\uB7EC\uC6B8 \uC218 \uC788\uB2E4.

      ',13),ha=s("\uADF8\uB798\uC11C \uC774\uAC78 \uC5B4\uB5BB\uAC8C \uD574\uACB0\uD560\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uCD5C\uADFC\uC5D0 "),ka={href:"https://v3.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},ga=s("Vue 3"),ma=s("\uC5D0 \uB3C4\uC785\uB41C "),ba={href:"https://composition-api.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},va=s("Composition API"),fa=s("\uB97C \uC0AC\uC6A9\uD558\uAE30\uB85C \uD588\uB2E4. \uC774\uB97C \uC704\uD574 "),wa={href:"https://github.com/JunilHwang/vue-composition-todoapp",target:"_blank",rel:"noopener noreferrer"},ya=s("Vue3 + Composition API + TodoList"),Ea=s("\uC744 \uBA3C\uC800 \uB9CC\uB4E4\uC5C8\uACE0, \uC5B4\uB290 \uC815\uB3C4 \uC0AC\uC6A9 \uBC29\uBC95\uC744 \uC775\uD78C \uD6C4\uC5D0 \uB9AC\uD329\uD1A0\uB9C1\uC744 \uC9C4\uD589\uD588\uB2E4."),Sa=e(`

      \uB9AC\uD329\uD1A0\uB9C1

      \uAC01\uAC01\uC758 \uB85C\uC9C1\uC744 useMenus, useSchedule, useTemplateItem, usePreview \uCC98\uB7FC \uCE74\uD14C\uACE0\uB9AC\uBCC4\uB85C \uBB36\uC5B4\uC11C \uC720\uC9C0\uBCF4\uC218 \uD560 \uC218 \uC788\uAC8C \uC791\uC5C5\uD588\uB2E4. \uADF8\uB9AC\uACE0 mapState, mapGetters, mapMutations, mapActions, craeteNamespaceHelper \uAC19\uC740 API\uB97C \uC774\uC6A9\uD558\uC5EC \uCEF4\uD3EC\uB10C\uD2B8\uC5D0 Vuex\uB97C \uACB0\uD569\uD558\uC5EC \uC0AC\uC6A9\uD588\uB294\uB370, Composition API\uC5D0\uB294 \uC774\uB7F0\uAC8C \uC5C6\uB2E4. \uADF8\uB798\uC11C \uC9C1\uC811 \uB9CC\uB4E4\uC5B4\uC11C \uC0AC\uC6A9\uD588\uB2E4.

      import { computed } from "vue";
      +import{_ as i,b as r,c as u,d,e as _,a as h}from"./13.696f2d8d.js";import{_ as k,a as g,b as m,c as b,d as v,e as f}from"./19.51ac7a7f.js";import{_ as w}from"./12.729a5149.js";import{a as y,b as E,c as S,d as C,_ as x,e as A}from"./15.b9962096.js";import{_ as j,r as l,o as R,c as B,a as n,b as t,w as p,d as e,e as s}from"./app.d20f8571.js";var c="/TIL/assets/thumbnail.c9a1d3e1.jpg",I="/TIL/assets/1.ee9092ba.png",L="/TIL/assets/4.0d52d8c7.png",T="/TIL/assets/2.06628b72.png",D="/TIL/assets/3.f0f952d6.png",q="/TIL/assets/6.2173905f.jpg",P="/TIL/assets/7.6cb91208.jpg",M="/TIL/assets/8.5378a007.jpg",J="/TIL/assets/9.7f69d2fb.png",U="/TIL/assets/10.49ecec9a.png",O="/TIL/assets/11.f16f5749.jpg",H="/TIL/assets/15.d10fdafc.png",N="/TIL/assets/16.d37ff716.png",V="/TIL/assets/17.bee15ed5.jpg",G="/TIL/assets/18.20d9b54e.jpg",F="/TIL/assets/19.15dc23da.png",z="/TIL/assets/12.ee9a5577.png",Q="/TIL/assets/13.2c444779.png",W="/TIL/assets/14.d006359c.png",K="/TIL/assets/21.f1090ebf.png",Y="/TIL/assets/22.b408d8c1.png",Z="/TIL/assets/23.d1b6743c.png",X="/TIL/assets/24.fd4b3f92.png",$="/TIL/assets/25.de8f9164.png",nn="/TIL/assets/27.8c9809ca.png",sn="/TIL/assets/28.85c91329.png",tn="/TIL/assets/29.b4284287.png",an="/TIL/assets/30.627c4942.png",en="/TIL/assets/31.69ede0dc.png",on="/TIL/assets/32.8b9abe72.png",pn="/TIL/assets/33.e36a73fc.png",ln="/TIL/assets/34.86c50d4c.png",cn="/TIL/assets/36.12ff0f6a.png",rn="/TIL/assets/37.10e22cd4.png",un="/TIL/assets/38.e60e281b.png",dn="/TIL/assets/35.041e79f5.png",_n="/TIL/assets/39.8a00ba66.png",hn="/TIL/assets/40.791002ba.png",kn="/TIL/assets/41.040d501e.png",gn="/TIL/assets/42.7fbcdf77.png",mn="/TIL/assets/43.f1410d90.png",bn="/TIL/assets/44.37f6fa3a.png",vn="/TIL/assets/45.0d516980.png",fn="/TIL/assets/46.c7846725.png",wn="/TIL/assets/47.e2cec47f.png",yn="/TIL/assets/48.19d929c8.png",En="/TIL/assets/49.d40b26ee.png",Sn="/TIL/assets/50.31245eb9.jpg",Cn="/TIL/assets/51.9b7d3cee.png",xn="/TIL/assets/52.407e3f79.png",An="/TIL/assets/53.e5cb7aad.png",jn="/TIL/assets/54.d136bcc4.png",Rn="/TIL/assets/56.ea424cdc.jpg",Bn="/TIL/assets/55.849c333d.jpg",In="/TIL/assets/57.c02d238c.png",Ln="/TIL/assets/58.fb369347.jpg",Tn="/TIL/assets/59.e95a36c3.jpg",Dn="/TIL/assets/60.70f7456e.jpg",qn="/TIL/assets/61.bc495e57.jpg",Pn="/TIL/assets/62.2c014b9e.jpg",Mn="/TIL/assets/63.aa9fed55.jpg",Jn="/TIL/assets/64.45272476.jpg",Un="/TIL/assets/65.24f71ce2.jpg",On="/TIL/assets/66.86649c5f.jpg",Hn="/TIL/assets/67.124767bf.jpg",Nn="/TIL/assets/68.0aec68b0.jpg",Vn="/TIL/assets/69.9f35bcec.jpg",Gn="/TIL/assets/70.856d5a4b.jpg",Fn="/TIL/assets/71.0ecf4a26.jpg",zn="/TIL/assets/72.4b93938a.jpg",Qn="/TIL/assets/73.02ef69da.jpg";const Wn={},Kn=e('

      \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2020\uB144 \uD68C\uACE0

      \uC378\uB124\uC77C bn

      6000\uAC1C Contributions\uC744 \uBAA9\uD45C\uB85C \uD588\uB294\uB370.. \uC544\uC27D\uAC8C \uB2E4 \uCC44\uC6B0\uC9C4 \uBABB\uD588\uB2E4. \uC55E\uC73C\uB85C\uB3C4 \uBD88\uAC00\uB2A5 \uD560 \uAC83 \uAC19\uB2E4.

      \uC624\uB298\uC740 2020\uB144\uC758 \uB9C8\uC9C0\uB9C9 \uB0A0\uC774\uB2E4. \uADF8\uB798\uC11C 2020\uB144 \uD68C\uACE0\uB85C \uC62C\uD574\uB97C \uB9C8\uBB34\uB9AC \uD558\uACE0\uC790 \uD55C\uB2E4.

      \uB4E4\uC5B4\uAC00\uAE30 \uC804\uC5D0, 2019\uB144\uC744 \uB9C8\uBB34\uB9AC \uD558\uBA74\uC11C \uC37C\uB358 \uAE00\uC744 \uBA3C\uC800 \uC18C\uAC1C\uD55C\uB2E4.

      \uC77C\uB144 \uC804, \uD6C4\uD68C\uC640 \uB2E4\uC9D0

      2019\uB144\uC740 \uB098\uC5D0\uAC8C\uB294 \uAD8C\uD0DC\uAE30 \uAC19\uC740 \uD55C \uD574\uC600\uB2E4.

      • \uACE0\uB4F1\uD559\uAD50 \uC2DC\uC808\uBD80\uD130 \uC62C\uD574\uAE4C\uC9C0 \uBAB8\uB2F4\uC558\uB358 \uAE30\uB2A5\uB300\uD68C\uC5D0 \uB300\uD55C \uD68C\uC758\uAC10.
      • \uB300\uD559\uAD50 4\uB144\uB3D9\uC548 \uB9CC\uC871\uD560\uB9CC\uD55C \uD504\uB85C\uC81D\uD2B8\uB97C \uBABB\uD574\uBD24\uB2E4\uB294 \uD6C4\uD68C\uAC10.
      • \uBE44\uAD50\uC801 \uBE68\uB9AC \uAC1C\uBC1C\uC744 \uC2DC\uC791\uD588\uC9C0\uB9CC \uADF8 \uAE30\uAC04\uC774 \uADF8\uB807\uAC8C \uC758\uBBF8\uC788\uB294 \uC2DC\uAC04\uC740 \uC544\uB2C8\uC600\uAD6C\uB098 \uD558\uB294 \uD5C8\uD0C8\uAC10.
      • \uBB34\uC5B8\uAC00 \uD6C4\uD68C\uD574\uBCFC\uB9CC\uD55C \uACBD\uD5D8\uC870\uCC28 \uC5C6\uB358 \uAC83 \uAC19\uC740 \uC544\uC26C\uC6C0\uB9CC \uB0A8\uB294 \uB300\uD559\uC0DD\uD65C.
      • \uC774\uC81C \uC0AC\uD68C\uC5D0 \uB0B4\uB358\uC838\uC9C0\uB294 \uAC83\uC5D0 \uB300\uD55C \uAE30\uB300\uC640 \uBD88\uC548\uAC10.

      \uD5C8\uB465\uC9C0\uB465 \uC0B4\uAE30\uB9CC \uD588\uC9C0 \uB611\uBD80\uB7EC\uC9C0\uAC8C \uD604\uBA85\uD558\uAC8C \uB611\uB611\uD558\uAC8C \uC0B4\uC9C4 \uBABB\uD55C \uAC83 \uAC19\uB2E4. \uB0A8\uB4E4\uCC98\uB7FC \uB098 \uC774\uB807\uAC8C \uC5F4\uC2EC\uD788 \uC0B4\uC558\uC5B4\uC694 \uB77C\uACE0 \uD68C\uACE0\uB3C4 \uC368\uBCF4\uACE0 \uC2F6\uC740\uB370 \uB3CC\uC774\uCF1C \uBCF4\uB2C8\uAE4C \uC62C\uD574\uB294 \uADF8\uB807\uAC8C \uC5F4\uC2EC\uD788 \uC0B4\uC9C0\uB3C4 \uC54A\uC558\uACE0, \uC5F4\uC2EC\uD788 \uACF5\uBD80\uB97C \uD558\uC9C0\uB3C4 \uC54A\uC558\uB2E4.

      2020\uB144\uC740 \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uB5B3\uB5B3\uD558\uACE0 \uB2F9\uB2F9\uD55C \uD574\uAC00 \uB418\uAE30\uB97C!

      \uADF8\uB807\uAC8C \uAE30\uD544\uACE0 2020\uB144\uC740 \uD6C4\uD68C \uC5C6\uB294 \uD558\uB8E8 \uD558\uB8E8\uB97C \uBCF4\uB0B4\uAE30\uB85C \uB2E4\uC9D0\uD588\uB2E4. \uADF8\uB798\uC11C \uC774 \uD3EC\uC2A4\uD2B8\uB294 \uC774\uB7EC\uD55C \uB2E4\uC9D0\uC744 \uC5B4\uB5A4 \uC2DD\uC73C\uB85C \uC2E4\uCC9C\uD588\uB294\uC9C0 \uC18C\uAC1C\uD558\uB294 \uD68C\uACE0\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.

      ',7),Yn={class:"custom-container tip"},Zn=n("p",{class:"custom-container-title"},"\uC6D4\uAC04\uD68C\uACE0",-1),Xn={href:"/Review/2020-year/01-First-Quarter/",target:"_blank",rel:"noopener noreferrer"},$n=s("1\uBD84\uAE30 \uD68C\uACE0"),ns={href:"/Review/2020-year/01-January/",target:"_blank",rel:"noopener noreferrer"},ss=s("1\uC6D4"),ts={href:"/Review/2020-year/02-February/",target:"_blank",rel:"noopener noreferrer"},as=s("2\uC6D4"),es={href:"/Review/2020-year/03-March/",target:"_blank",rel:"noopener noreferrer"},os=s("3\uC6D4"),ps={href:"/Review/2020-year/02-Second-Quarter/",target:"_blank",rel:"noopener noreferrer"},ls=s("2\uBD84\uAE30 \uD68C\uACE0"),cs={href:"/Review/2020-year/04-April/",target:"_blank",rel:"noopener noreferrer"},is=s("4\uC6D4"),rs={href:"/Review/2020-year/05-May/",target:"_blank",rel:"noopener noreferrer"},us=s("5\uC6D4"),ds={href:"/Review/2020-year/06-June/",target:"_blank",rel:"noopener noreferrer"},_s=s("6\uC6D4"),hs=s("3\uBD84\uAE30 \uD68C\uACE0 "),ks={href:"/Review/2020-year/07-July/",target:"_blank",rel:"noopener noreferrer"},gs=s("7\uC6D4"),ms={href:"/Review/2020-year/08-August/",target:"_blank",rel:"noopener noreferrer"},bs=s("8\uC6D4"),vs={href:"/Review/2020-year/09-September/",target:"_blank",rel:"noopener noreferrer"},fs=s("9\uC6D4"),ws=s("4\uBD84\uAE30 \uD68C\uACE0 "),ys={href:"/Review/2020-year/10-October/",target:"_blank",rel:"noopener noreferrer"},Es=s("10\uC6D4"),Ss={href:"/Review/2020-year/11-November/",target:"_blank",rel:"noopener noreferrer"},Cs=s("11\uC6D4"),xs={href:"/Review/2020-year/12-December/",target:"_blank",rel:"noopener noreferrer"},As=s("12\uC6D4"),js=e('

      \uC5C5\uBB34

      \uC0DD\uAC01\uBCF4\uB2E4 \uB9CE\uC740 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uCC38\uC5EC\uD588\uB2E4. \uC544\uB9C8 \uB0B4\uB144\uC5D0\uB294 \uB354 \uB9CE\uC740 \uC77C\uC744 \uD560 \uAC83 \uAC19\uC740 \uB290\uB08C\uC774 \uB4E0\uB2E4.

      1. \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8

      \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8

      ',4),Rs=s("\uB098\uB294 \uC791\uB144 11\uC6D4\uC5D0 "),Bs={href:"https://zuminternet.github.io/",target:"_blank",rel:"noopener noreferrer"},Is=s("\uC90C\uC778\uD130\uB137"),Ls=s("\uC5D0 \uC785\uC0AC\uD588\uACE0, \uC785\uC0AC \uD6C4\uC5D0 \uBC14\uB85C "),Ts=n("strong",null,"\uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8",-1),Ds=s("\uB97C \uC9C4\uD589\uD588\uB2E4."),qs=e('

      \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8

      \uC90C\uC778\uD130\uB137\uC740 \uC2E0\uADDC \uC785\uC0AC\uC790(\uC815\uD655\uD788\uB294 \uC2E0\uC785)\uAC00 \uD300\uC5D0 \uC548\uC804\uD558\uAC8C \uC801\uC751\uD560 \uC218 \uC788\uB3C4\uB85D 6 ~ 8\uC8FC \uC815\uB3C4 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD55C\uB2E4.

      \uC77C\uB2E8 \uB098\uB294 \uD559\uAD50 \uC218\uC5C5\uC744 \uC804\uBD80 \uB4E3\uACE0 \uC2F6\uC5B4\uC11C \uC8FC 2\uC77C(12\uC2DC\uAC04 \uADFC\uBB34) \uCD9C\uADFC \uD588\uACE0, \uACF5\uAC15 \uC2DC\uAC04\uC5D0 \uD2C8\uD2C8\uC774 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD588\uB2E4. \uD504\uB85C\uC81D\uD2B8\uC758 \uC8FC\uC81C\uB294 \uC8FC\uC81C\uBCC4 \uC601\uC0C1 \uC81C\uACF5 \uC6F9 \uC11C\uBE44\uC2A4 \uC774\uBA70 \uB2E4\uC74C\uACFC \uAC19\uC740 \uAE30\uC220 \uC2A4\uD0DD\uC744 \uC0AC\uC6A9\uD588\uB2E4.

      \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uAE30\uC220 \uC2A4\uD0DD

      • front-end

        • Vue-cli3(Webpack 4)
        • Terser Webpack plugin
        • SCSS, Lodash, Swiper
      • back-end

        • Java8 \uC774\uC0C1
        • Spring Boot + Gradle
        • Spring Data JPA (\uC120\uD0DD, DB\uB294 H2\uC0AC\uC6A9)
        • Ehcache
        • Pebble Template Engine (\uC120\uD0DD)

      \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 \uB2E4\uC74C \uB9C1\uD06C\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4.

      ',5),Ps={href:"https://github.com/junilhwang/zum_pilot",target:"_blank",rel:"noopener noreferrer"},Ms=s("\uC800\uC7A5\uC18C(\uCF54\uB4DC)"),Js={href:"https://junilhwang.github.io/zum_pilot",target:"_blank",rel:"noopener noreferrer"},Us=s("\uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uBB38\uC11C"),Os={href:"https://zuminternet.github.io/ZUM-Pilot-provide-video/",target:"_blank",rel:"noopener noreferrer"},Hs=s("\uC90C\uC778\uD130\uB137 \uAE30\uC220\uBE14\uB85C\uADF8 - \uC8FC\uC81C\uBCC4 \uC601\uC0C1 \uC81C\uACF5 \uC6F9 \uC11C\uBE44\uC2A4"),Ns=n("p",null,[s("\uD655\uC2E4\uD788 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8 \uB355\uBD84\uC5D0 \uD300\uC5D0 \uC798 \uC801\uC751\uD560 \uC218 \uC788\uC5C8\uACE0 \uBB34\uC5C7\uBCF4\uB2E4 \uC774\uB807\uAC8C \uAE34 \uC2DC\uAC04 \uB3D9\uC548 \uC628\uC804\uD788 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC9D1\uC911\uD560 \uC218 \uC788\uB358 \uC801\uC774 \uC5EC\uD0DC\uAE4C\uC9C0 \uC5C6\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uBB34\uCC99 \uC7AC\uBC0C\uC5C8\uB2E4. \uC0AC\uC2E4 \uD30C\uC77C\uB7FF \uD504\uB85C\uC81D\uD2B8\uB97C \uD560 \uB54C\uAC00 "),n("strong",null,"\uD68C\uC0AC\uB97C \uB2E4\uB2C8\uB294 \uB3D9\uC548 \uC81C\uC77C \uC7AC\uBC0C\uB358 \uC2DC\uAE30"),s("\uAC00 \uC544\uB2C8\uC600\uC744\uAE4C \uC2F6\uB2E4.")],-1),Vs=n("hr",null,null,-1),Gs=n("h3",{id:"_2-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF-\u110C\u116E\u11B7",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_2-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF-\u110C\u116E\u11B7","aria-hidden":"true"},"#"),s(" 2. \uBAA8\uBC14\uC77C \uC90C")],-1),Fs=n("p",null,[n("img",{src:I,alt:"1"})],-1),zs=n("blockquote",null,[n("p",null,"\uBAA8\uBC14\uC77C\uC90C\uC758 \uACBD\uC6B0 \uC8FC\uAC04 \uD2B8\uB798\uD53D\uC774 300\uB9CC\uD68C \uC815\uB3C4 \uBC1C\uC0DD\uD55C\uB2E4.")],-1),Qs=s("\uC785\uC0AC \uD6C4 \uCC98\uC74C\uC73C\uB85C \uB2F4\uB2F9\uD558\uAC8C \uB41C \uC0AC\uB0B4 \uD504\uB85C\uC81D\uD2B8\uAC00 "),Ws={href:"https://m.zum.com",target:"_blank",rel:"noopener noreferrer"},Ks=s("\uBAA8\uBC14\uC77C\uC90C"),Ys=s("\uC774\uB2E4. \uB0B4\uAC00 \uC0DD\uAC01\uD588\uB358 \uAC83 \uBCF4\uB2E4 \uD504\uB85C\uC81D\uD2B8\uC758 \uCF54\uB4DC\uAC00 \uAD49\uC7A5\uD788 \uB9CE\uC558\uACE0 \uB531 \uBD10\uB3C4 \uBCF5\uC7A1\uD55C \uC124\uACC4 \uAC19\uC558\uB2E4."),Zs=n("p",null,"\uADF8\uB7F0\uB370 \uCC9C\uCC9C\uD788 \uD504\uB85C\uC81D\uD2B8\uB97C \uBD84\uC11D\uD558\uACE0 \uC774\uAC83 \uC800\uAC83 \uAC74\uB4DC\uB824\uBCF4\uBA74\uC11C \uC774 \uD504\uB85C\uC81D\uD2B8\uAC00 \uBB34\uCC99 \uACAC\uACE0\uD558\uACE0 \uBCC0\uD654\uC5D0 \uC798 \uB300\uC751\uD560 \uC218 \uC788\uB3C4\uB85D \uC124\uACC4\uB41C \uAC83\uC774 \uB290\uAEF4\uC84C\uB2E4.",-1),Xs=n("p",null,"\uD2B9\uD788 \uAC70\uC758 \uBAA8\uB4E0 \uB85C\uC9C1\uC740 \uBC31\uC5D4\uB4DC(Internal API)\uC5D0\uC11C \uAD00\uB9AC\uD558\uACE0, \uD504\uB860\uD2B8\uC5D4\uB4DC\uB294 \uBC31\uC5D4\uB4DC\uC5D0\uC11C \uB9CC\uB4E4\uC5B4\uC900 \uB370\uC774\uD130\uB97C \uACF5\uC6A9 \uCEF4\uD3EC\uB10C\uD2B8\uB85C \uCD9C\uB825 \uD558\uB294 \uD615\uD0DC\uC600\uB2E4. \uADF8\uB798\uC11C \uC57D 1\uB144 \uB3D9\uC548 \uBC31\uC5D4\uB4DC\uB294 \uC218\uC2ED \uBC88 \uBC30\uD3EC\uD588\uC73C\uB098, \uD504\uB860\uD2B8\uC5D4\uB4DC\uB294 10\uD68C \uC548\uD30E\uC73C\uB85C \uBC30\uD3EC\uD588\uB2E4.",-1),$s=n("p",null,"\uADF8\uB798\uC11C \uBAA8\uBC14\uC77C\uC90C\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uC0AC\uB0B4 \uB125\uC11C\uC2A4 \uB808\uD3EC\uC5D0 \uC62C\uB824\uB193\uACE0 \uC0AC\uC6A9\uD574\uB3C4 \uB418\uC9C0 \uC54A\uC744\uAE4C \uB17C\uC758\uD558\uAE30\uB3C4 \uD588\uB2E4. \uB2E4\uB9CC \uC644\uC804\uD788 \uACF5\uC6A9 \uCEF4\uD3EC\uB10C\uD2B8\uB85C \uC0AC\uC6A9\uD558\uAE30\uC5D4 \uC704\uD5D8 \uC694\uC18C\uAC00 \uB9CE\uC544\uC11C \uACE0\uB824 \uC911\uC774\uB77C\uACE0 \uD588\uB2E4. \uB098\uC911\uC5D0 \uC2DC\uAC04\uC801 \uC5EC\uC720\uAC00 \uC788\uC744 \uB54C \uC644\uC804\uD788 \uCF54\uC5B4\uB85C \uC0AC\uC6A9\uD574\uB3C4 \uC88B\uC744 \uAC83 \uAC19\uB2E4.",-1),nt=s("\uC774 \uC678\uC5D0\uB3C4 \uB0B4\uAC00 \uC791\uC5C5\uD55C\uAC74 \uC544\uB2C8\uC9C0\uB9CC, "),st={href:"https://zuminternet.github.io/ZUM-Mobile-NodeJS/",target:"_blank",rel:"noopener noreferrer"},tt=s("\uBAA8\uBC14\uC77C\uC90C\uC5D0 SSR\uC744 \uC801\uC6A9"),at=s("\uD558\uB294 \uB4F1\uC758 \uACF5\uC0AC\uAC00 \uC788\uC5C8\uB2E4."),et=n("p",null,"\uADF8\uB9AC\uACE0 \uAE30\uC874\uC5D0 API \uD504\uB85C\uC81D\uD2B8\uC5D0\uC11C Mobile API\uB97C \uB530\uB85C \uB5BC\uC5B4\uB098\uB294 \uC791\uC5C5\uB3C4 \uC788\uC5C8\uB2E4.",-1),ot=n("p",null,[n("img",{src:"https://www.plantuml.com/plantuml/svg/ZLFBQiCm4BpxAvRSzGUXn6bSsaCXq1v2ReebYDj8Ch9C0o7_thKUrYD9gK-QdV7iIreDXcepYbCb5UEms8y2NhIIPW5q04GM9EIxEdGd7bY74hhkUwYtRvR7CnwhqXdMjFrk98EjLb-ynKoN2l1pil2pbIBuy6nKl8w7EGMU2xPcCJ-pt3MwrupsXklext0KhAbfZwbUT3B2ZH8KyRMwcSV_UdBQkqqz7xKI79gpuNBeb9oRQ7QVXTHdp4rBEoL4OkBW7zFmbVbnO8DP00XXwaUI9rlD0yhNyO3r5QHJZ-IqnViChj0DFHVRlUGXkxb2PUyVB0aPUnBgouE-h3muDJdVxUBtcxXt22ybXAVyPGoRMN79yB7z0W00",alt:"API \uBD84\uB9AC bn"})],-1),pt={class:"custom-container tip"},lt=n("p",{class:"custom-container-title"},"\uD604\uC7AC \uBAA8\uBC14\uC77C \uC90C\uC758 \uAE30\uC220 \uC2A4\uD0DD\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.",-1),ct=n("p",null,"Front Server",-1),it=s("Server: typescript + Node.js + Express.js + Zum Core + SSR "),rt=n("li",null,"\uC6D0\uB798 Spring Boot\uB97C \uC0AC\uC6A9\uD588\uC73C\uB098, SSR \uB54C\uBB38\uC5D0 node.js\uB85C \uC804\uD658\uD588\uB2E4.",-1),ut={href:"https://zuminternet.github.io/ZUM-Mobile-NodeJS/",target:"_blank",rel:"noopener noreferrer"},dt=s("\uBAA8\uBC14\uC77C \uC90C SpringBoot \u2192 NodeJS \uC804\uD658\uAE30 (feat. VueJS SSR)"),_t=s("Front: typescript + javascript + Vue.js "),ht=s("\uD504\uB860\uD2B8 \uAC1C\uBC1C \uD658\uACBD\uC758 \uACBD\uC6B0 \uB2E4\uC74C \uB9C1\uD06C\uC5D0 \uB300\uBD80\uBD84\uC758 \uB0B4\uC6A9\uC774 \uB2F4\uACA8\uC788\uB2E4. "),kt={href:"https://zuminternet.github.io/ZUM-Webpack-dev-proxy-part1/",target:"_blank",rel:"noopener noreferrer"},gt=s("Webpack dev server\uB97C \uC774\uC6A9\uD55C \uAC1C\uBC1C \uD658\uACBD \uAD6C\uC131 Part 01"),mt={href:"https://zuminternet.github.io/ZUM-Webpack-dev-proxy-part2/",target:"_blank",rel:"noopener noreferrer"},bt=s("Webpack dev server\uB97C \uC774\uC6A9\uD55C \uAC1C\uBC1C \uD658\uACBD \uAD6C\uC131 Part 02"),vt=n("li",null,[n("p",null,"API Server"),n("ul",null,[n("li",null,"Java"),n("li",null,"Spring Boot")])],-1),ft=n("p",null,"Front Server\uB97C Node.js\uB85C \uAD6C\uC131\uD558\uC5EC \uB300\uC6A9\uB7C9 \uD2B8\uB798\uD53D\uC744 \uB354 \uC801\uC740 \uC790\uC6D0\uC73C\uB85C \uAD00\uB9AC\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uC2EC\uC9C0\uC5B4 SSR\uC744 \uC801\uC6A9\uD558\uAE30 \uC804\uBCF4\uB2E4 \uC751\uB2F5 \uC2DC\uAC04\uC774 \uB354 \uC904\uC5B4\uB4E4\uC5C8\uB2E4.",-1),wt=n("p",null,"\uBAA8\uBC14\uC77C\uC90C\uC5D0 \uB300\uD574\uC11C \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uAC00 \uB354 \uB9CE\uC9C0\uB9CC, \uC774 \uC774\uC0C1\uC740 \uB300\uC678\uBE44\uB77C\uC11C \uC5B8\uAE09\uD558\uAE30\uAC00 \uAEBC\uB824\uC9C4\uB2E4. \uD655\uC2E4\uD55C\uAC74 \uC774 \uD504\uB85C\uC81D\uD2B8 \uB355\uBD84\uC758 \uC790\uC2E0\uAC10\uB3C4 \uB9CE\uC774 \uC0DD\uACBC\uACE0, \uC124\uACC4\uC5D0 \uB300\uD55C \uC548\uBAA9\uB3C4 \uB113\uD790 \uC218 \uC788\uC5C8\uB2E4.",-1),yt=n("p",null,[n("img",{src:"https://item.kakaocdn.net/do/f7833fcaf0a85fd066bd7d90ba61a6342df16ed7012359e344d47930e49e9310",alt:"Good"})],-1),Et=n("hr",null,null,-1),St=n("h3",{id:"_3-open-api-cms",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_3-open-api-cms","aria-hidden":"true"},"#"),s(" 3. Open API CMS")],-1),Ct=s("\uC90C\uC778\uD130\uB137\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 "),xt={href:"https://dev.zum.com/search/cse_intro",target:"_blank",rel:"noopener noreferrer"},At=s("Open API"),jt=s("\uAC00 \uC788\uB294\uB370, \uAE30\uC874\uC5D0\uB294 \uC774\uB97C \uC0AC\uC6A9\uD558\uB294 \uBCA4\uB354\uC0AC\uC758 \uC815\uBCF4\uB97C application.yml \uB0B4\uC5D0\uC11C \uAD00\uB9AC\uD558\uACE0 \uC788\uC5C8\uB2E4. \uBCA4\uB354\uC0AC\uAC00 \uC810\uC810 \uB9CE\uC544\uC84C\uACE0, CMS Service\uB85C \uB5BC\uC5B4\uB0A0 \uD544\uC694\uC131\uC744 \uB290\uB07C\uAC8C \uB418\uC5B4 \uC9C4\uD589\uD55C \uD504\uB85C\uC81D\uD2B8\uB2E4."),Rt=s("\uC774 \uB54C "),Bt={href:"https://element.eleme.io/#/en-US",target:"_blank",rel:"noopener noreferrer"},It=s("Element UI"),Lt=s("\uC640 "),Tt={href:"https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard",target:"_blank",rel:"noopener noreferrer"},Dt=s("Vue-Element-Admin"),qt=s("\uC744 \uC774\uC6A9\uD574\uC11C \uB9CC\uB4E4\uC5C8\uB2E4."),Pt=n("p",null,[s("\uADF8\uB7F0\uB370 "),n("code",null,"element-admin"),s("\uC5D0\uB294 \uBD88\uD544\uC694\uD55C \uCEF4\uD3EC\uB10C\uD2B8\uC640 \uAE30\uB2A5\uC774 \uB9CE\uC544\uC11C \uC815\uB9D0 \uD544\uC694\uD55C \uBD80\uBD84\uB9CC \uB530\uB85C \uB5BC\uC5B4\uB0B4\uC11C \uC0AC\uB0B4 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC62C\uB824\uB193\uACE0 \uC0AC\uC6A9 \uC911\uC774\uB2E4.")],-1),Mt=s("\uC774 \uD504\uB85C\uC81D\uD2B8\uB97C \uD1B5\uD574\uC11C \uB2E4\uB978 \uD300\uC6D0\uB4E4\uACFC \uCC98\uC74C\uC73C\uB85C \uD611\uC5C5(\uC815\uD655\uD788\uB294 \uBD84\uC5C5\uC774\uB784\uAE4C..?)\uC744 \uD574\uBCFC \uC218 \uC788\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uD504\uB85C\uC81D\uD2B8\uC5D0\uC11C "),Jt={href:"https://aws.amazon.com/ko/dynamodb/",target:"_blank",rel:"noopener noreferrer"},Ut=s("AWS DynamoDB"),Ot=s("\uB97C \uC0AC\uC6A9\uD588\uB294\uB370, \uB2E4\uB978 \uD504\uB85C\uC81D\uD2B8\uC5D0\uB3C4 \uC801\uC6A9\uD560\uAE4C \uD558\uB2E4\uAC00 \uD750\uC9C0\uBD80\uC9C0 \uB410\uB2E4. \uC0AC\uC6A9\uD558\uAE30\uAC00 \uC870\uAE08 \uC560\uB9E4\uD558\uB2EC\uAE4C?"),Ht=n("p",null,"\uD559\uC2B5\uC740 \uD588\uB294\uB370 \uC5B8\uC81C \uC368\uBA39\uC744 \uC218 \uC788\uC744\uC9C0..",-1),Nt=n("p",null,[n("img",{src:"https://item.kakaocdn.net/do/1eb7b0fd47d19247cac42daa7547feab616b58f7bf017e58d417ccb3283deeb3",alt:"\uC758\uBB38"})],-1),Vt=n("hr",null,null,-1),Gt=n("h3",{id:"_4-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_4-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7","aria-hidden":"true"},"#"),s(" 4. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8")],-1),Ft=n("p",null,[n("img",{src:L,alt:"\uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 Zum Newtab bn"})],-1),zt=s("5\uC6D4\uBD80\uD130 8\uC6D4\uAE4C\uC9C0 "),Qt={href:"https://chrome.google.com/webstore/detail/zum-newtab/bghgeookcfdmkoocalbclnhofnenmhlf?hl=ko&authuser=2",target:"_blank",rel:"noopener noreferrer"},Wt=s("\uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 - Zum Newtab"),Kt=s("\uC744 \uB9CC\uB4E4\uC5C8\uB2E4. \uC2E4\uC81C \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uAE30\uC5D0 \uC55E\uC11C \uAC04\uB2E8\uD558\uAC8C "),Yt={href:"https://github.com/JunilHwang/chrome-extension-tutorial",target:"_blank",rel:"noopener noreferrer"},Zt=s("\uD29C\uD1A0\uB9AC\uC5BC"),Xt=s("\uC744 \uC9C4\uD589\uD588\uB2E4."),$t=e('

      \uD29C\uD1A0\uB9AC\uC5BC

      \uC0DD\uAC01\uBCF4\uB2E4 \uC5B4\uB835\uC9C0 \uC54A\uC558\uACE0, \uC790\uC2E0\uAC10\uC774 \uCC28\uC624\uB978 \uC0C1\uD0DC\uC5D0\uC11C \uAC1C\uBC1C\uC744 \uC9C4\uD589\uD588\uB2E4. \uAC1C\uBC1C\uC740 \uB531 \uD55C \uB2EC \uC815\uB3C4 \uC18C\uC694\uB418\uC5C8\uB294\uB370, \uAC80\uC218 \uACFC\uC815\uC5D0\uC11C \uB2E4\uC591\uD55C \uBC18\uB824 \uC0AC\uC720\uAC00 \uC874\uC7AC\uD588\uACE0 \uC644\uBCBD\uD558\uAC8C \uD1B5\uACFC\uD558\uAE30 \uAE4C\uC9C0 3\uAC1C\uC6D4\uC774 \uAC78\uB9B0 \uAC83\uC774\uB2E4.

      \uBC18\uB824

      \uD655\uC2E4\uD788 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC744 \uB9CC\uB4E4\uBA74\uC11C \uAE30\uC220\uC801\uC73C\uB85C \uB9CE\uC740 \uC0DD\uAC01\uC744 \uD558\uB294 \uACC4\uAE30\uAC00 \uB418\uC5C8\uB2E4. \uC77C\uBC18\uC801\uC778 \uC6F9 \uC11C\uBE44\uC2A4\uAC00 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uACE0\uB824\uD574\uC57C\uD560 \uAC83\uB3C4 \uB9CE\uC558\uACE0, \uC644\uC131\uB3C4\uC5D0 \uB300\uD55C \uC911\uC694\uC131 \uB610\uD55C \uB2E4\uC2DC \uD55C \uBC88 \uAE68\uC6B0\uCE60 \uC218 \uC788\uC5C8\uB2E4.

      \uC804\uCCB4 \uAD6C\uC870 bn

      \uADF8\uB7F0\uB370 \uB610 \uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC9C4 \uC54A\uB294\uB2E4.

      \uC5B8\uC820\uAC04 \uC8FD\uAE30 \uC804\uC5D0 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC73C\uB85C \uC7AC\uBBF8\uB09C \uC77C\uB4E4\uC744 \uD574\uBCF4\uACE0 \uC2F6\uB2E4.

      ',7),na=s("\uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC5D0 \uB300\uD55C \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),sa={href:"https://zuminternet.github.io/Zum-Chrome-Extension/",target:"_blank",rel:"noopener noreferrer"},ta=s("\uC90C\uC778\uD130\uB137 \uAE30\uC220\uBE14\uB85C\uADF8 - \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C\u26CF \uD68C\uACE0"),aa=s("\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4."),ea=n("hr",null,null,-1),oa=n("h3",{id:"_5-\u1112\u1161\u11BA\u110B\u1175\u1109\u1172-cms",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_5-\u1112\u1161\u11BA\u110B\u1175\u1109\u1172-cms","aria-hidden":"true"},"#"),s(" 5. \uD56B\uC774\uC288 CMS")],-1),pa=n("p",null,[n("img",{src:q,alt:"\uD56B\uC774\uC288 \uC601\uC5ED"})],-1),la=s("7\uC6D4 ~ 11\uC6D4 \uC0AC\uC774\uC5D0\uB294 "),ca={href:"https://zum.com",target:"_blank",rel:"noopener noreferrer"},ia=s("\uC90C\uD504\uB860\uD2B8"),ra=s("\uC758 "),ua=n("strong",null,"\uD56B\uC774\uC288 \uC601\uC5ED",-1),da=s("\uC744 \uAD00\uB9AC\uD558\uB294 CMS\uB97C \uB9CC\uB4E4\uC5C8\uB2E4."),_a=e('
      • CMS\uB9CC \uB9CC\uB4E4\uBA74 \uB418\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C CMS\uC5D0\uC11C \uC815\uC81C\uD55C \uB370\uC774\uD130\uB97C \uC751\uB2F5\uD558\uB294 API\uB97C \uC0C8\uB85C \uB9CC\uB4E4\uC5C8\uB2E4.
      • \uBBF8\uB9AC\uBCF4\uAE30 \uAE30\uB2A5\uAE4C\uC9C0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uBBF8\uB9AC\uBCF4\uAE30\uC640 \uAD00\uB828\uB41C \uB3C4\uBA54\uC778\uC5D0\uC11C \uD398\uC774\uC9C0\uB97C \uC694\uCCAD\uD560 \uACBD\uC6B0, \uC2E4\uC11C\uBE44\uC2A4 \uB370\uC774\uD130 \uB300\uC2E0 \uBBF8\uB9AC\uBCF4\uAE30 \uB370\uC774\uD130\uB85C \uAD6C\uC131\uD574\uC11C \uBCF4\uC5EC\uC904 \uC218 \uC788\uAC8C API\uC640 Preview Server\uB97C \uAD6C\uC131\uD588\uB2E4.

      \uC774 \uACFC\uC815\uC5D0\uC11C \uC90C\uD504\uB860\uD2B8\uC758 \uC18C\uC2A4\uB3C4 \uBD84\uC11D\uD588\uACE0 \uC9C0\uC625\uBB38\uC744 \uC5F4\uC5C8\uB2E4, \uC774\uC640 \uC5EE\uC778 \uB2E4\uB978 \uC11C\uBE44\uC2A4 \uB2F4\uB2F9\uC790\uC640 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uC9C4\uD589\uD588\uB2E4.

      \uC5B4\uCA0B\uB4E0 \uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0 8\uC6D4\uC5D0 \uAC1C\uBC1C\uC744 \uC644\uB8CC\uD588\uACE0, 9\uC6D4\uCD08\uC5D0 \uCCAB \uBC30\uD3EC\uB97C \uC9C4\uD589\uD588\uB2E4. \uB2E4\uB9CC 9\uC6D4\uC5D0 \uBC30\uD3EC\uD558\uACE0 \uB098\uC11C \uC9C0\uC18D\uC801\uC73C\uB85C \uC218\uC815\uC0AC\uD56D\uC774 \uC0DD\uAE30\uACE0 \uC788\uC5C8\uACE0, \uC774 \uC0C1\uD0DC\uB85C \uBC30\uD3EC\uD588\uB2E4\uACE0? \uC2F6\uC740 \uBC84\uADF8\uB3C4 \uB9CE\uACE0 QA\uB97C \uD558\uC9C0 \uC54A\uACE0 \uB118\uC5B4\uAC04 \uBD80\uBD84\uB3C4 \uBB34\uCC99 \uB9CE\uC558\uB2E4.

      \uADF8\uB7EC\uB358 \uC911 \uC774\uBBF8 \uAE30\uD68D\uCE21\uACFC \uC218 \uCC28\uB840 \uB17C\uC758\uD558\uC5EC \uD569\uC758\uB41C \uAE30\uB2A5\uC5D0 \uB300\uD574 \uCEF4\uD50C\uB808\uC778\uC774 \uBC1C\uC0DD\uD588\uACE0, \uC774\uBBF8 \uBC30\uD3EC\uAC00 \uB418\uC5B4 \uC788\uC73C\uBA70 \uC11C\uBE44\uC2A4 \uB370\uC774\uD130\uAE4C\uC9C0 \uC0BD\uC785\uB41C \uB370\uC774\uD130\uBCA0\uC774\uC2A4\uC758 \uC124\uACC4\uB97C \uAC74\uB4DC\uB824\uC57C \uD558\uB294 \uC77C\uC774 \uBC1C\uC0DD\uD588\uB2E4.

      \uC678\uB798\uD0A4\uAC00 \uBB34\uCC99 \uBCF5\uC7A1\uD558\uAC8C \uB9CC\uB4E4\uC5B4\uC9C4 \uC0C1\uD0DC\uC5D0\uC11C \uC2A4\uD0A4\uB9C8\uB97C \uBCC0\uACBD\uD558\uB294 \uAC83 \uBCF4\uB2E8 \uC0C8\uB85C \uB9CC\uB4DC\uB294\uAC8C \uB098\uC544\uBCF4\uC600\uB2E4.

      \uD654\uB09C\uB2E4 bn

      \uADF8\uB798\uC11C hotissue_v2_schedule, hotissue_v2_template \uCC98\uB7FC v2\uB77C\uB294 suffix\uB97C \uBD99\uC5EC\uC11C \uD14C\uC774\uBE14\uC744 \uC0C8\uB85C \uB9CC\uB4E4\uC5C8\uACE0, \uD14C\uC774\uBE14\uC758 \uBCC0\uACBD\uC5D0 \uB530\uB77C \uC11C\uBE44\uC2A4 \uB85C\uC9C1\uB3C4 \uB300\uD3ED \uC218\uC815\uD588\uB2E4.

      \uACB0\uACFC\uC801\uC73C\uB85C \uD2B8\uB7EC\uBE14\uC774 \uC0DD\uAE34 \uD6C4\uC5D0 \uB9CE\uC740 \uBB38\uC81C\uC810\uC774 \uAC89\uC73C\uB85C \uB4DC\uB7EC\uB0AC\uAE30 \uB54C\uBB38\uC5D0 \uBB38\uC81C\uB97C \uC798 \uD578\uB4E4\uB9C1 \uD560 \uC218 \uC788\uC5C8\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC55E\uC120 \uACBD\uD5D8\uC744 \uD1A0\uB300\uB85C 2\uCC28 \uBC30\uD3EC \uC804\uAE4C\uC9C0 QA\uB97C \uAF3C\uAF3C\uD558\uAC8C \uC9C4\uD589\uD568\uC740 \uBB3C\uB860 \uC791\uC740 \uAE30\uB2A5\uC5D0 \uB300\uD574\uC11C\uB3C4 \uD6C4\uC5D0 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD558\uC9C0 \uC54A\uB3C4\uB85D \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uC9C4\uD589\uD588\uB2E4. \uB355\uBD84\uC5D0 \uC77C\uD558\uB294 \uC2DC\uAC04 \uBCF4\uB2E4 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158 \uD558\uB294 \uC2DC\uAC04\uC774 \uB9CE\uC558\uB2E4.

      \uC9C0\uCE5C\uB2E4 bn

      \uADF8\uB807\uAC8C \uC131\uACF5\uC801\uC73C\uB85C \uBC30\uD3EC\uB97C \uC9C4\uD589\uD588\uACE0, \uB4A4\uD0C8\uC5C6\uC774 \uB9C8\uBB34\uB9AC \uB418\uB294 \uB4EF \uC2F6\uC5C8\uB2E4. \uC0AC\uC2E4 \uC544\uC9C1\uAE4C\uC9C0 \uD070 \uBB38\uC81C\uB294 \uC5C6\uB294 \uC0C1\uD0DC\uC778\uB370, \uCF54\uB4DC\uAC00 \uB108\uBB34 \uBCF5\uC7A1\uD574\uC84C\uB2E4. \uC815\uD655\uD788\uB294 \uD55C \uAC1C\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uC5D0 \uB108\uBB34 \uB9CE\uC740 \uAE30\uB2A5\uC774 \uB4E4\uC5B4\uAC00\uC788\uB2E4.

      \uBCF4\uD1B5 API \uAD00\uB828 \uB85C\uC9C1\uC774\uB098 Store\uB97C \uB2E4\uB8E8\uB294 \uB85C\uC9C1\uC740 \uCEE8\uD14C\uC774\uB108 \uCEF4\uD3EC\uB10C\uD2B8\uC5D0\uC11C \uCC98\uB9AC\uD558\uACE0, \uD558\uC704 \uCEF4\uD3EC\uB10C\uD2B8\uAC00 Props\uB97C \uC804\uB2EC\uD558\uAC70\uB098 \uD639\uC740 Custom Event\uB85C \uCC98\uB9AC\uD558\uB3C4\uB85D \uB9CC\uB4DC\uB294 \uD3B8\uC774\uB2E4. \uC774\uC640 \uAC19\uC740 \uBC29\uC2DD\uC73C\uB85C \uB9CC\uB4E4\uB2E4 \uBCF4\uB2C8, \uD2B9\uC815 \uCEF4\uD3EC\uB10C\uD2B8 \uD558\uB098\uAC00 \uD3ED\uD0C4\uC774 \uB418\uC5C8\uB2E4.

      \uD3ED\uD0C4

      \uACE0\uC791 \uBA87 \uBC31\uC904 \uC815\uB3C4\uC758 \uCF54\uB4DC\uC9C0\uB9CC, \uD300 \uB0B4\uC5D0\uC11C \uC801\uADF9\uC801\uC73C\uB85C \uD504\uB860\uD2B8\uC5D4\uB4DC\uB97C \uACF5\uBD80\uD558\uB294 \uC0AC\uB78C\uC774 \uB098\uB97C \uD3EC\uD568\uD558\uC5EC \uB450 \uBA85\uC774\uB2E4. \uADF8\uB798\uC11C \uB2E4\uB978 \uD300\uC6D0\uC774 \uC774 \uCF54\uB4DC\uB97C \uBCF4\uAC8C \uB420 \uACBD\uC6B0 \uBB34\uCC99 \uD63C\uB780\uC2A4\uB7EC\uC6B8 \uC218 \uC788\uB2E4.

      ',13),ha=s("\uADF8\uB798\uC11C \uC774\uAC78 \uC5B4\uB5BB\uAC8C \uD574\uACB0\uD560\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uCD5C\uADFC\uC5D0 "),ka={href:"https://v3.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},ga=s("Vue 3"),ma=s("\uC5D0 \uB3C4\uC785\uB41C "),ba={href:"https://composition-api.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},va=s("Composition API"),fa=s("\uB97C \uC0AC\uC6A9\uD558\uAE30\uB85C \uD588\uB2E4. \uC774\uB97C \uC704\uD574 "),wa={href:"https://github.com/JunilHwang/vue-composition-todoapp",target:"_blank",rel:"noopener noreferrer"},ya=s("Vue3 + Composition API + TodoList"),Ea=s("\uC744 \uBA3C\uC800 \uB9CC\uB4E4\uC5C8\uACE0, \uC5B4\uB290 \uC815\uB3C4 \uC0AC\uC6A9 \uBC29\uBC95\uC744 \uC775\uD78C \uD6C4\uC5D0 \uB9AC\uD329\uD1A0\uB9C1\uC744 \uC9C4\uD589\uD588\uB2E4."),Sa=e(`

      \uB9AC\uD329\uD1A0\uB9C1

      \uAC01\uAC01\uC758 \uB85C\uC9C1\uC744 useMenus, useSchedule, useTemplateItem, usePreview \uCC98\uB7FC \uCE74\uD14C\uACE0\uB9AC\uBCC4\uB85C \uBB36\uC5B4\uC11C \uC720\uC9C0\uBCF4\uC218 \uD560 \uC218 \uC788\uAC8C \uC791\uC5C5\uD588\uB2E4. \uADF8\uB9AC\uACE0 mapState, mapGetters, mapMutations, mapActions, craeteNamespaceHelper \uAC19\uC740 API\uB97C \uC774\uC6A9\uD558\uC5EC \uCEF4\uD3EC\uB10C\uD2B8\uC5D0 Vuex\uB97C \uACB0\uD569\uD558\uC5EC \uC0AC\uC6A9\uD588\uB294\uB370, Composition API\uC5D0\uB294 \uC774\uB7F0\uAC8C \uC5C6\uB2E4. \uADF8\uB798\uC11C \uC9C1\uC811 \uB9CC\uB4E4\uC5B4\uC11C \uC0AC\uC6A9\uD588\uB2E4.

      import { computed } from "vue";
       import { useStore } from "vuex";
       
       export default function useStoreModuleMapper(namespace) {
      diff --git a/assets/index.html.9e4aee02.js b/assets/index.html.6841933d.js
      similarity index 99%
      rename from assets/index.html.9e4aee02.js
      rename to assets/index.html.6841933d.js
      index 6c0c3b3e..5078235c 100644
      --- a/assets/index.html.9e4aee02.js
      +++ b/assets/index.html.6841933d.js
      @@ -1,4 +1,4 @@
      -import{_ as p,r as o,o as i,c as l,a as n,b as t,e as s,d as e}from"./app.800103af.js";const c={},u=n("h1",{id:"\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u1100\u1175\u1107\u1169\u11AB-\u110B\u1175\u1105\u1169\u11AB",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u1100\u1175\u1107\u1169\u11AB-\u110B\u1175\u1105\u1169\u11AB","aria-hidden":"true"},"#"),s(" \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860")],-1),r={class:"custom-container tip"},d=n("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uB4E4\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),k={href:"https://www.youtube.com/watch?v=E9NZ0YEZrYU&t=3914s",target:"_blank",rel:"noopener noreferrer"},v=s("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30 1\uD68C\uCC28 \uB3D9\uC601\uC0C1"),m=e(`

      \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC0AC\uC6A9\uD558\uB294 \uBAA9\uC801\uACFC \uC6D0\uCE59\uB4E4\uC5D0 \uB300\uD574 \uC0B4\uD3B4\uBCF4\uC790.

      Value vs Identifier

      • Value Context
        • \uD568\uC218\uC9C0\uD5A5
        • \uBA54\uBAA8\uB9AC\uC640 \uC0C1\uAD00\uC5C6\uC774 \uAC12 \uC790\uCCB4\uB97C \uBCF8\uB2E4.
      • Identifier Context
        • \uAC1D\uCCB4\uC9C0\uD5A5
        • \uAC12\uC774 \uC544\uB2CC \uBA54\uBAA8\uB9AC \uC8FC\uC18C\uB97C \uBCF8\uB2E4.
      const a = { a: 3, b: 5 }
      +import{_ as p,r as o,o as i,c as l,a as n,b as t,e as s,d as e}from"./app.d20f8571.js";const c={},u=n("h1",{id:"\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u1100\u1175\u1107\u1169\u11AB-\u110B\u1175\u1105\u1169\u11AB",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC\u110B\u1174-\u1100\u1175\u1107\u1169\u11AB-\u110B\u1175\u1105\u1169\u11AB","aria-hidden":"true"},"#"),s(" \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860")],-1),r={class:"custom-container tip"},d=n("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uB4E4\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),k={href:"https://www.youtube.com/watch?v=E9NZ0YEZrYU&t=3914s",target:"_blank",rel:"noopener noreferrer"},v=s("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30 1\uD68C\uCC28 \uB3D9\uC601\uC0C1"),m=e(`

      \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC0AC\uC6A9\uD558\uB294 \uBAA9\uC801\uACFC \uC6D0\uCE59\uB4E4\uC5D0 \uB300\uD574 \uC0B4\uD3B4\uBCF4\uC790.

      Value vs Identifier

      • Value Context
        • \uD568\uC218\uC9C0\uD5A5
        • \uBA54\uBAA8\uB9AC\uC640 \uC0C1\uAD00\uC5C6\uC774 \uAC12 \uC790\uCCB4\uB97C \uBCF8\uB2E4.
      • Identifier Context
        • \uAC1D\uCCB4\uC9C0\uD5A5
        • \uAC12\uC774 \uC544\uB2CC \uBA54\uBAA8\uB9AC \uC8FC\uC18C\uB97C \uBCF8\uB2E4.
      const a = { a: 3, b: 5 }
       const b = { a: 3, b: 5 }
       
       // Identifier Context
      diff --git a/assets/index.html.d86e2c0d.js b/assets/index.html.6a71200d.js
      similarity index 87%
      rename from assets/index.html.d86e2c0d.js
      rename to assets/index.html.6a71200d.js
      index b765ee01..381d7e6a 100644
      --- a/assets/index.html.d86e2c0d.js
      +++ b/assets/index.html.6a71200d.js
      @@ -1 +1 @@
      -const o={key:"v-34049515",path:"/Javascript/Domain/Non-Blocking-Loop/",title:"Non-Blocking Loop \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"Non-Blocking Loop \uB9CC\uB4E4\uAE30",description:"Promise, Generator, requestAnimationFrame \uB4F1\uC744 \uC774\uC6A9\uD558\uC5EC non-blocking loop\uB97C \uB9CC\uB4E4 \uC218 \uC788\uC2B5\uB2C8\uB2E4.",feed:{enable:!1},disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"Javascript/Domain/Non-Blocking-Loop/README.md"};export{o as data};
      +const o={key:"v-34049515",path:"/Javascript/Domain/Non-Blocking-Loop/",title:"Non-Blocking Loop \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"Non-Blocking Loop \uB9CC\uB4E4\uAE30",description:"Promise, Generator, requestAnimationFrame \uB4F1\uC744 \uC774\uC6A9\uD558\uC5EC non-blocking loop\uB97C \uB9CC\uB4E4 \uC218 \uC788\uC2B5\uB2C8\uB2E4.",feed:{enable:!1},disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"Javascript/Domain/Non-Blocking-Loop/README.md"};export{o as data};
      diff --git a/assets/index.html.1150db74.js b/assets/index.html.6aad8d9c.js
      similarity index 97%
      rename from assets/index.html.1150db74.js
      rename to assets/index.html.6aad8d9c.js
      index b4ef959c..e31db00f 100644
      --- a/assets/index.html.1150db74.js
      +++ b/assets/index.html.6aad8d9c.js
      @@ -1 +1 @@
      -const e={key:"v-0747c4d3",path:"/Review/2020-year/05-May/",title:"2020\uB144 5\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 5\uC6D4 \uD68C\uACE0",description:"2020\uB144 5\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-05-31T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/83351912-f59cee80-a382-11ea-8da5-b515e0831ebd.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. API \uAC1C\uBC1C",slug:"_1-api-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"2. \uD06C\uB86C \uC775\uC2A4\uD150\uC158 \uAC1C\uBC1C",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u110B\u1175\u11A8\u1109\u1173\u1110\u1166\u11AB\u1109\u1167\u11AB-\u1100\u1162\u1107\u1161\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"0. \uC77C\uC77C \uB77C\uC774\uD504 \uC0AC\uC774\uD074",slug:"_0-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u1105\u1161\u110B\u1175\u1111\u1173-\u1109\u1161\u110B\u1175\u110F\u1173\u11AF",children:[]},{level:3,title:"1. \uB2E8\uAD6D\uB300\uD559\uAD50 \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_1-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"2. \uC790\uBC14 \uD074\uB9B0\uCF54\uB4DC \uC218\uAC15",slug:"_2-\u110C\u1161\u1107\u1161-\u110F\u1173\u11AF\u1105\u1175\u11AB\u110F\u1169\u1103\u1173-\u1109\u116E\u1100\u1161\u11BC",children:[]},{level:3,title:"3. \uCF54\uB355",slug:"_3-\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"4. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C",slug:"_4-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C",children:[]},{level:3,title:"5. \uC218\uC601",slug:"_5-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"6. \uC544\uC26C\uC6B4 \uC810",slug:"_6-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/05-May/README.md"};export{e as data};
      +const e={key:"v-0747c4d3",path:"/Review/2020-year/05-May/",title:"2020\uB144 5\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 5\uC6D4 \uD68C\uACE0",description:"2020\uB144 5\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-05-31T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/83351912-f59cee80-a382-11ea-8da5-b515e0831ebd.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. API \uAC1C\uBC1C",slug:"_1-api-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"2. \uD06C\uB86C \uC775\uC2A4\uD150\uC158 \uAC1C\uBC1C",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u110B\u1175\u11A8\u1109\u1173\u1110\u1166\u11AB\u1109\u1167\u11AB-\u1100\u1162\u1107\u1161\u11AF",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"0. \uC77C\uC77C \uB77C\uC774\uD504 \uC0AC\uC774\uD074",slug:"_0-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u1105\u1161\u110B\u1175\u1111\u1173-\u1109\u1161\u110B\u1175\u110F\u1173\u11AF",children:[]},{level:3,title:"1. \uB2E8\uAD6D\uB300\uD559\uAD50 \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_1-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"2. \uC790\uBC14 \uD074\uB9B0\uCF54\uB4DC \uC218\uAC15",slug:"_2-\u110C\u1161\u1107\u1161-\u110F\u1173\u11AF\u1105\u1175\u11AB\u110F\u1169\u1103\u1173-\u1109\u116E\u1100\u1161\u11BC",children:[]},{level:3,title:"3. \uCF54\uB355",slug:"_3-\u110F\u1169\u1103\u1165\u11A8",children:[]},{level:3,title:"4. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C",slug:"_4-\u1100\u1175\u1102\u1173\u11BC\u1100\u1167\u11BC\u1100\u1175\u1103\u1162\u1112\u116C",children:[]},{level:3,title:"5. \uC218\uC601",slug:"_5-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"6. \uC544\uC26C\uC6B4 \uC810",slug:"_6-\u110B\u1161\u1109\u1171\u110B\u116E\u11AB-\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/05-May/README.md"};export{e as data};
      diff --git a/assets/index.html.588c8f7f.js b/assets/index.html.6b32d7a5.js
      similarity index 99%
      rename from assets/index.html.588c8f7f.js
      rename to assets/index.html.6b32d7a5.js
      index f2a5e888..3d6e2c15 100644
      --- a/assets/index.html.588c8f7f.js
      +++ b/assets/index.html.6b32d7a5.js
      @@ -1 +1 @@
      -import{_ as n,r as s,o as r,c as d,a as e,b as i,d as a,e as o}from"./app.800103af.js";const h={},c=a('

      2020\uB144 4\uC6D4 \uD68C\uACE0

      \uC774\uBC88 \uB2EC\uC740 \uAF64 \uC5F4\uC2EC\uD788 \uBCF4\uB0B8 \uAC83 \uAC19\uB2E4.

      \uACF5\uC801

      1. Vue Composition API

      \uACE7 Vue 3.0\uC774 \uCD9C\uC2DC\uB420 \uC608\uC815\uC774\uBA70 Composition API\uB294 Vue 3.0\uC758 \uB0B4\uC7A5 API\uC774\uB2E4. \uD68C\uC0AC\uC5D0\uC11C Vue\uB97C \uC0AC\uC6A9\uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 Composition API\uC5D0 \uB300\uD55C \uC0AC\uC804 \uC870\uC0AC\uAC00 \uD544\uC694\uD588\uB2E4.

      Composition API\uB97C \uC0AC\uC6A9\uD558\uBA74 \uCF54\uB4DC\uB97C \uC720\uC9C0\uBCF4\uC218 \uD558\uAE30 \uC88B\uAC8C \uAD00\uB9AC\uD560 \uC218 \uC788\uC73C\uBA70, \uC7AC\uC0AC\uC6A9\uC131 \uB610\uD55C \uC99D\uAC00\uD558\uAC8C \uB41C\uB2E4. \uB2E4\uB9CC \uC544\uC9C1 VueRouter\uB098 Vuex \uAC19\uC740 \uC11C\uB4DC\uD30C\uD2F0\uC640 \uC5F0\uB3D9\uD558\uB294 \uAC83\uC5D0 \uB300\uD55C \uBC29\uBC95\uC774 \uC5C6\uB294 \uC0C1\uD0DC\uB2E4.

      \uB098\uB294 Vuex\uC758 Namespace \uAE30\uB2A5\uC744 \uC801\uADF9\uC801\uC73C\uB85C \uC774\uC6A9\uD558\uACE0 \uC788\uB294\uB370, Namespace \uB610\uD55C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294\uB2E4.

      Composition API\uC640 this

      Composition API\uC5D0\uC11C\uB294 this\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uB3C4\uB85D \uC124\uACC4\uB418\uC5B4 \uC788\uB2E4. \uADF8\uB7F0\uB370 Vuex\uC758 \uACBD\uC6B0 Namespace\uB97C \uC815\uC758\uD560 \uB54C this\uB97C \uC0AC\uC6A9\uD55C\uB2E4. \uADF8\uB798\uC11C Composition\uACFC Vuex\uC758 Namespace\uB97C \uAC19\uC774 \uC0AC\uC6A9\uD560 \uACBD\uC6B0 \uC5D0\uB7EC\uAC00 \uBC1C\uC0DD\uD55C\uB2E4.

      ',8),p=o("\uC5B4\uCA0C\uB4E0 Composition API\uC5D0 \uB300\uD55C \uAE00 \uC911 \uC81C\uC77C \uB3C4\uC6C0\uC774 \uB9CE\uC774 \uB418\uC5C8\uB358 \uAC83\uC740 \uCE74\uCE74\uC624\uC5D0 \uB2E4\uB2C8\uB294 \uCE5C\uAD6C\uAC00 \uC791\uC131\uD55C "),l={href:"https://chodragon9.github.io/blog/composition-api-rfc-migration/",target:"_blank",rel:"noopener noreferrer"},_=o("\uC774 \uAE00"),u=o("\uC774\uB2E4."),m=o("\uADF8\uB9AC\uACE0 \uC774 \uAE00\uC744 \uC77D\uC73C\uBA74\uC11C \uCE5C\uAD6C\uC758 \uD3EC\uC2A4\uD2B8\uC774\uBBC0\uB85C \uADF8\uB0E5 \uC77D\uC73C\uBA74\uC11C \uB0B4 \uC0DD\uAC01\uC744 \uCCA8\uAC00\uD55C(?) "),b={href:"https://github.com/ChoDragon9/ChoDragon9.github.io/pull/7",target:"_blank",rel:"noopener noreferrer"},S=o("PR"),g=o("\uC744 \uB0A0\uB824\uB3C4 \uB418\uB294\uC9C0 \uBB3C\uC5B4\uBD24\uB2E4. \uC5B4\uCC0C\uBCF4\uBA74 \uAD49\uC7A5\uD788 \uBB34\uB840\uD55C \uBD80\uD0C1\uC77C \uC218 \uC788\uC5C8\uB294\uB370, \uD754\uCF8C\uD558\uAC8C \uC218\uB77D\uD574\uC9C4 \uCE5C\uAD6C\uC5D0\uAC8C \uAC10\uC0AC\uD558\uACE0 \uBBF8\uC548\uD588\uB2E4. \uACB0\uACFC\uC801\uC73C\uB85C \uCE5C\uAD6C\uB3C4, \uB098\uB3C4 \uB9CC\uC871\uD560 \uC218 \uC788\uB294 \uACBD\uD5D8\uC774 \uB418\uC5C8\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4."),f=a('

      Composition API \uC815\uB9AC

      \uC774\uAC8C \uBC14\uB85C \uAC1C\uBC1C\uC758 \uB9E4\uB825\uC774\uACE0, \uCF54\uB4DC\uB9AC\uBDF0\uC758 \uB9E4\uB825\uC784\uC744 \uB290\uAF08\uB2E4.

      \uC57D\uAC04 \uC0BC\uCC9C\uD3EC\uB85C \uBE60\uC84C\uB294\uB370, \uC5B4\uCA0C\uB4E0 \uC911\uC694\uD55C \uC810\uC740 \uC774\uB7EC\uD55C \uACBD\uD5D8\uC744 \uD1B5\uD574\uC11C Composition API\uC5D0 \uB300\uD574 \uC774\uD574\uD560 \uC218 \uC788\uC5C8\uB2E4\uB294 \uAC83\uC774\uB2E4. \uADF8\uB7F0\uB370 \uC6B0\uB9AC \uD300\uC740 \uD3EC\uD138\uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD558\uAE30 \uB54C\uBB38\uC5D0.. IE \uD638\uD658\uC131\uC744 \uC544\uC608 \uB193\uC744 \uC218 \uC788\uB294 \uC0C1\uD669\uC774 \uC544\uB2C8\uC5C8\uB2E4. \uADF8\uB798\uC11C \uC544\uC9C1\uC740 \uB3C4\uC785\uD560 \uC2DC\uAE30\uAC00 \uC544\uB2C8\uB77C\uACE0 \uACB0\uB860\uC744 \uB0B4\uB838\uB2E4. \uC820\uC7A5

      \uC544\uC27D\uC9C0\uB9CC \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC801\uC6A9\uD574\uBCFC \uC0DD\uAC01\uC774\uB2E4.

      2. \uC21C\uC815 API \uAC1C\uBC1C

      \uC0C8\uB85C\uC6B4 \uD504\uB85C\uC81D\uD2B8 \uC2DC\uC791\uD558\uAC8C \uB9E1\uAC8C \uB418\uBA74\uC11C \uCC98\uC74C\uBD80\uD130 API\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD588\uB2E4. \uC5EC\uD0DC \uB9CC\uB4E4\uC5B4\uC9C4 API\uB97C \uC720\uC9C0\uBCF4\uC218\uB9CC \uD558\uB2E4\uAC00 \uCC98\uC74C\uBD80\uD130 \uC21C\uC815 API\uB97C \uB9CC\uB4DC\uB294 \uAC83\uC774\uB2E4.

      \uD68C\uC0AC\uC5D0\uC11C \uAD00\uB9AC\uD558\uACE0 \uC788\uB294 \uD504\uB85C\uC81D\uD2B8\uB294 \uB300\uCDA9 \uB2E4\uC74C\uACFC \uAC19\uC740 Component\uB97C \uC0AC\uC6A9\uD55C\uB2E4.

      • Adapter: \uB2E4\uB978 API\uC758 \uB370\uC774\uD130\uB97C \uAC00\uC838\uC634
      • Repository: DB \uC5F0\uB3D9
      • Service: Adapter\uB098 Repository\uC5D0\uC11C \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uAC00\uC838\uC634
      • Facade: \uAC01\uC885 Service\uB97C \uC870\uD569\uD558\uC5EC \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uC815\uC81C\uD55C\uB2E4.
      • Module: Facade\uC5D0\uC11C \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uAC00\uC838\uC628 \uB2E4\uC74C \uCE90\uC2F1\uCC98\uB9AC\uD558\uC5EC \uBAA8\uB4C8\uC5D0 \uB9DE\uB294 \uB370\uC774\uD130\uB85C \uBC18\uD658
      • TemplateFacade: Module\uC744 \uC870\uD569\uD558\uC5EC \uCD5C\uC885 \uB370\uC774\uD130\uB97C \uC0DD\uC131
      • Caching: Service/Module \uB370\uC774\uD130\uB97C \uCE90\uC2F1
      • Scheduler: Caching\uC744 \uC8FC\uAE30\uC801\uC73C\uB85C \uC2E4\uD589

      \uC774\uBBF8 \uC124\uACC4 \uAC00\uC774\uB4DC\uAC00 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC798 \uAD6C\uC131\uB41C \uAC00\uC774\uB4DC\uB77C\uC778\uB300\uB85C\uB9CC \uB9CC\uB4E4\uBA74 \uD070 \uBB38\uC81C \uC5C6\uC774 \uC791\uB3D9\uD55C\uB2E4. \uC5B4\uCA0C\uB4E0 \uBCF5\uC2B5\uB3C4 \uB418\uACE0, \uCC98\uC74C\uBD80\uD130 \uB9CC\uB4E4\uAE30\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC990\uAC81\uAC8C \uC784\uD558\uB294 \uC911\uC774\uB2E4.

      3. DynamoDB

      ',10),x=o("\uC55E\uC73C\uB85C \uB9CC\uB4E4\uAC8C \uB420 \uC11C\uBE44\uC2A4\uB294 "),R={href:"https://aws.amazon.com/ko/dynamodb/",target:"_blank",rel:"noopener noreferrer"},C=o("DynamoDB"),y=o("\uB97C \uC0AC\uC6A9\uD560 \uC608\uC815\uC774\uB2E4. \uBB3C\uB860 \uC0AC\uC6A9\uD574\uB3C4 \uD070 \uBB34\uB9AC\uAC00 \uC5C6\uB294 \uC11C\uBE44\uC2A4\uC5D0\uB9CC!"),D=a('

      DynamoDB\uB294 AWS\uC5D0\uC11C \uB9CC\uB4E0 NoSQL\uC778\uB370 \uC55E\uC73C\uB85C\uC758 \uC11C\uBE44\uC2A4\uB294 Node.js\uB97C \uC801\uADF9\uC801\uC73C\uB85C \uC0AC\uC6A9\uD560 \uC608\uC815\uC774\uAE30\uB3C4 \uD558\uACE0, NoSQL\uC774 Node.js \uAC19\uC740 Non-blocking \uBC29\uC2DD\uACFC \uAD81\uD569\uC774 \uB9DE\uB2E4.

      non-blocking\uACFC nosql

      node\uC640 mysql\uC744 \uAC19\uC774 \uC0AC\uC6A9\uD560 \uACBD\uC6B0, node\uC758 \uC131\uB2A5\uC744 \uCD5C\uB300\uD55C \uBF51\uC544\uB0B4\uAE34 \uD798\uB4E4\uB2E4. mysql\uC758 \uACBD\uC6B0 blocking \uBC29\uC2DD\uC73C\uB85C \uC791\uB3D9\uD558\uACE0, node\uC758 \uACBD\uC6B0 non-blocking \uBC29\uC2DD\uC73C\uB85C \uC791\uB3D9\uD558\uAE30 \uB54C\uBB38\uC5D0 \uACB0\uAD6D mysql\uC5D0 \uC9C0\uC5F0\uC774 \uC0DD\uAE30\uBA74 node\uB3C4 \uB611\uAC19\uC774 \uC9C0\uC5F0\uC774 \uC0DD\uAE30\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uADF8\uB798\uC11C mysql\uACFC nosql\uC744 \uAC19\uC774 \uC0AC\uC6A9\uD558\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uC740 \uAC83\uC774\uB2E4. \uC544\uB2C8 \uAC19\uC774 \uC0AC\uC6A9\uD574\uC57C \uD55C\uB2E4. mysql\uC744 \uC0AC\uC6A9\uD560\uAEBC\uBA74 \uADF8\uB0E5 spring\uC744 \uC4F0\uC790.

      DynamoDB\uC758 \uACBD\uC6B0 indexing\uC774 \uAD49\uC7A5\uD788 \uBE60\uB978\uB370, Index\uB97C \uC0DD\uC131\uD560 \uB54C \uD558\uB4DC\uCE74\uD53C\uB97C \uD558\uAE30 \uB54C\uBB38\uC774\uB2E4. \uB2E4\uB9CC, \uBAA8\uB4E0 \uC9C8\uC758\uAC00 \uC804\uBD80 \uBE44\uC6A9\uC774\uAE30 \uB54C\uBB38\uC5D0 \uC124\uACC4\uB97C \uCC98\uC74C\uBD80\uD130 \uC815\uAD50\uD558\uAC8C \uD574\uC57C\uD55C\uB2E4. RDB\uC758 \uACBD\uC6B0 Entity\uC640 Relation\uC774 \uC911\uC694\uD558\uC9C0\uB9CC(\uB2F9\uC5F0\uD558\uAC8C\uB3C4...) DynamoDB\uC758 \uACBD\uC6B0 Query\uAC00 \uC911\uC694\uD558\uB2E4. \uADF8\uB798\uC11C \uC77C\uB2E8 RDB\uB85C Entity\uB97C \uC124\uACC4\uD558\uACE0, Relation\uC744 \uC124\uACC4\uD55C \uB2E4\uC74C, \uC774\uC5D0 \uB530\uB978 Query\uB97C \uB9CC\uB4E4\uC5B4\uC57C\uD55C\uB2E4. \uADF8 \uD6C4\uC5D0 Query\uB97C \uBCF4\uACE0 \uD544\uC694\uD55C Index\uB97C \uC124\uACC4\uD55C \uB2E4\uC74C\uC5D0 DynamoDB\uC758 Table\uC744 \uC124\uACC4\uD55C\uB2E4.

      \uC5B4\uCC0C\uBCF4\uBA74 \uB2F9\uC5EC\uD55C \uACFC\uC815\uC774\uC9C0\uB9CC, \uC124\uACC4\uAC00 \uC870\uAE08\uC774\uB77C\uB3C4 \uBE57\uB098\uAC00\uBA74 \uADF8 \uC5EC\uD30C\uAC00 \uAF64 \uD070\uD3B8\uC774\uB2E4.. \uC544\uC9C1\uC740 \uACF5\uBD80\uC911\uC774\uAE30 \uB54C\uBB38\uC5D0 \uC870\uAE08 \uB354 \uC815\uB9AC\uAC00 \uB418\uBA74 TIL\uC5D0 \uC62C\uB9B4 \uC0DD\uAC01\uC774\uB2E4.

      4. \uC7AC\uD0DD\uADFC\uBB34 \uC885\uB8CC

      \uC0AC\uD68C\uC801 \uAC70\uB9AC\uB450\uAE30\uAC00 \uD574\uC81C\uB428\uC5D0 \uB530\uB77C \uC7AC\uD0DD\uADFC\uBB34\uB3C4 \uC885\uB8CC\uB418\uC5C8\uB2E4. \uB2E4\uB9CC \uCD9C\uADFC \uD558\uC790\uB9C8\uC790 \uB2E4\uC2DC \uC0AC\uD68C\uC801\uAC70\uB9AC\uB450\uAE30 \uC5F0\uC7A5\uC774 \uB418\uC5C8\uB2E4\uB294\uC810 (\uC774\uB7F0 \uADF8\uB79C\uB4DC\uCE90\uB2C8\uC5B8 \uAC19\uC740 \uACBD\uC6B0\uAC00!) \uC5B4\uCA0C\uB4E0 \uD300\uC6D0\uB4E4\uC744 \uC624\uB79C\uB9CC\uC5D0 \uB9CC\uB098\uB2C8 \uBC18\uAC11\uAE30\uB3C4 \uD558\uACE0, \uC77C\uD558\uB294 \uB9DB\uC774 \uB0AC\uB2E4.

      \uADF8\uB7F0\uB370 \uC5C5\uBB34\uC5D0 \uB300\uD55C \uC9C8\uC740 \uD68C\uC0AC\uB098 \uC9D1\uC774\uB098 \uB611\uAC19\uC740 \uAC83 \uAC19\uB2E4. \uC8FC\uB9D0 \uCD9C\uADFC\uD560 \uC77C\uC774 \uC788\uC73C\uBA74 \uADF8\uB0E5 \uC9D1\uC5D0\uC11C \uD588\uC73C\uBA74.. \uD558\uB294 \uBC14\uB78C\uC774 \uC788\uB2E4.

      5. \uCD1D\uC120

      \uC774\uBC88 \uB2EC\uC5D0\uB294 \uCD1D\uC120\uC774 \uC788\uC5C8\uB2E4. \uC6B0\uB9AC \uD68C\uC0AC\uB294 \uD3EC\uD138\uC11C\uBE44\uC2A4\uB97C \uC81C\uACF5\uD558\uAE30 \uB54C\uBB38\uC5D0 \uC774\uB7EC\uD55C \uAD6D\uAC00\uC801\uC778 \uC774\uBCA4\uD2B8\uC5D0 \uBBFC\uAC10\uD558\uB2E4. \uB0B4\uAC00 \uB2F4\uB2F9\uD558\uB294 \uC11C\uBE44\uC2A4 \uB610\uD55C \uADF8\uB7AC\uAE30 \uB54C\uBB38\uC5D0 \uC5EC\uB7EC\uBAA8\uB85C \uC2E0\uACBD\uC744 \uB9CE\uC774 \uC368\uC57C \uD588\uB2E4. \uACB0\uACFC\uC801\uC73C\uB860 \uC544\uBB34\uC77C\uB3C4 \uC77C\uC5B4\uB098\uC9C0 \uC54A\uC558\uB2E4. \uBB34\uC2A8 \uC77C\uC774 \uD130\uC838 \uBD10\uC57C \uACBD\uD5D8\uC774 \uB418\uAE34 \uD560\uD150\uB370..

      \uC5B4\uCA0C\uB4E0 \uB2E4\uD589\uC774\uB2E4!

      \uC0AC\uC801

      1. Server Side Rendering

      \uC9C4\uC9DC SSR \uB54C\uBB38\uC5D0 \uD55C \uB3D9\uC548 \uACE0\uC0DD\uC744 \uB108\uBB34 \uB9CE\uC774 \uD588\uB2E4. Vue\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uAC00\uC774\uB4DC\uB77C\uC778\uC774 \uB108\uBB34 \uBE48\uC57D\uD558\uACE0, API \uBB38\uC11C\uB3C4 \uC798\uBABB \uB418\uC5C8\uAC70\uB098 \uBC18\uC601\uB418\uC9C0 \uC54A\uC740 \uAC83\uB4E4\uC774 \uB9CE\uC558\uB2E4.

      SSR\uACFC CSR\uC744 \uAC19\uC774 \uD558\uAE30 \uC704\uD55C \uAC00\uC774\uB4DC\uB77C\uC778\uC774 \uC5C6\uB2E4.

      \uC77C\uB2E8 \uCCAB \uBC88\uC9F8\uB85C \uD654\uB098\uB294 \uC810\uC740, SSR\uC5D0 \uB300\uD55C \uAC00\uC774\uB4DC\uB77C\uC778\uC740 \uC788\uB294\uB370 CSR\uC744 \uAC19\uC774 \uC0AC\uC6A9\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD55C \uAC00\uC774\uB4DC\uB77C\uC778\uC740 \uC5C6\uB2E4. \uC5B4\uCA0C\uB4E0 SSR\uC5D0 CSR\uC744 \uC5F0\uB3D9\uD558\uAE30 \uC704\uD574\uC120 \uB2E4\uC74C\uACFC \uAC19\uC740 \uACFC\uC815\uC774 \uD544\uC694\uD558\uB2E4.

      1. CSR\uC758 Template\uC5D0 SSR\uC758 Template\uC744 \uD569\uCCD0\uC57C \uD55C\uB2E4.
      2. CSR \uCF54\uB4DC\uB97C \uBC88\uB4E4\uB9C1(\uBE4C\uB4DC) \uD55C\uB2E4. \uC774 \uB54C Template\uB3C4 Bundling \uCF54\uB4DC\uC5D0 \uD3EC\uD568\uB41C\uB2E4.
      3. CSR\uC5D0\uC11C Build\uB41C Template\uB97C SSR\uC5D0\uC11C \uC0AC\uC6A9\uD55C\uB2E4.

      \uC774\uC5D0 \uB300\uD55C \uC548\uB0B4\uB294 \uC815\uB9D0 1\uB3C4 \uC5C6\uB2E4\uB294 \uC810... \uC774\uC640 \uAD00\uB828 \uB0B4\uC6A9\uB3C4 5\uC6D4\uB2EC\uC5D0 \uC815\uB9AC\uD574\uC11C \uC62C\uB9B4 \uC608\uC815\uC774\uB2E4.

      window\uC640 document\uB97C \uC0AC\uC6A9\uD558\uB294 \uCF54\uB4DC\uB4E4

      SSR\uC740 \uAE30\uBCF8\uC801\uC73C\uB85C CSR\uC758 \uCF54\uB4DC\uB97C Server\uC5D0\uC11C \uC2E4\uD589\uD55C \uB2E4\uC74C Client\uB85C \uC804\uB2EC\uD558\uB294 \uAC83\uC774\uB2E4. \uC774 \uB54C \uBC1C\uC0DD\uD558\uB294 \uBB38\uC81C\uAC00 \uBC14\uB85C window\uC640 document\uB294 Server Side\uC5D0\uC11C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uB2E4\uB294 \uAC83\uC774\uB2E4. \uADF8\uB798\uC11C \uC9C1\uC811 window\uC640 document\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uAC70\uB098, \uD639\uC740 Render\uC640 \uAD00\uB828\uB41C \uCF54\uB4DC\uC5D0\uB294 window\uC640 document\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uB294 \uAC83\uC774\uB2E4. \uADF8\uB7F0\uB370 \uC774\uAC8C \uB9D0\uC774 \uC27D\uC9C0 \uC9C1\uC811 \uD574\uBCF4\uBA74 \uC695\uB098\uC628\uB2E4.

      ',19),I=o("\uC5B4\uB5A4 \uBC29\uBC95\uC774 \uC81C\uC77C \uC88B\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uCC3E\uC544\uB09C \uD574\uACB0\uCC45\uC774 "),v={href:"https://github.com/jsdom/jsdom",target:"_blank",rel:"noopener noreferrer"},P=o("JSDOM"),A=o("\uC744 \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774\uB2E4."),k=a('

      JSDOM

      JSDOM\uC740 \uB9D0 \uADF8\uB300\uB85C \uAC00\uC0C1\uC758 window\uC640 document\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uB294 \uAC83\uC774\uB2E4. \uADF8\uB0E5 \uC874\uC7AC \uC790\uCCB4\uB9CC\uC73C\uB85C\uB3C4 \uADF8 \uAC00\uCE58\uAC00 \uC788\uB2E4.

      SSR\uC744 \uC2E4\uD589\uD560 \uB54C JSDOM\uC744 \uB9CC\uB4E4\uC5B4\uC8FC\uACE0, SSR \uC2E4\uD589\uC774 \uB05D\uB098\uBA74 JSDOM\uC744 \uC81C\uAC70\uD558\uB294 \uAC83\uC774\uB2E4. \uC774\uB807\uAC8C \uB610 \uD55C \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uC218 \uC788\uC5C8\uB2E4. (Funcking SSR!)

      \uC81C\uB300\uB85C\uB41C Tutorial\uC744 \uCC3E\uC744 \uC218 \uC5C6\uB2E4.

      SSR\uC758 \uAC00\uC7A5 \uD070 \uBB38\uC81C\uC810 \uC911 \uD558\uB098\uAC00 \uBC14\uB85C \uC81C\uB300\uB85C\uB41C \uD29C\uD1A0\uB9AC\uC5BC\uC774 \uC5C6\uB2E4\uB294 \uAC83\uC774\uB2E4. github\uB97C \uCC3E\uC544\uBD10\uB3C4, \uAD6C\uAE00\uB9C1\uC744 \uD574\uBD10\uB3C4, \uC774\uAC83\uB9CC \uBCF4\uBA74 \uC774\uD574\uD560 \uC218 \uC788\uB2E4 \uC2F6\uC740 \uD29C\uD1A0\uB9AC\uC5BC\uC740 \uC874\uC7AC\uD558\uC9C0 \uC54A\uC558\uB2E4. \uD639\uC740, \uB204\uAD70\uAC00 \uC62C\uB838\uB294\uB370 \uAC80\uC0C9 \uC21C\uC704\uC5D0\uC11C \uBC00\uB824\uB0AC\uAC70\uB098.

      2. \uC624\uD508\uC18C\uC2A4 \uAE30\uC5EC \uC2DC\uB3C4

      ',5),w=o("Vue SSR\uC744 \uC791\uC5C5\uD558\uBA74\uC11C \uC57D\uAC04\uC758 \uBB38\uC81C\uAC00 \uC788\uB294 \uAC83\uC744 \uBC1C\uACAC\uD558\uACE0 "),V={href:"https://github.com/vuejs/vue/pull/11327",target:"_blank",rel:"noopener noreferrer"},B=o("PR"),N=o("\uC744 \uC62C\uB838\uC73C\uB098, \uBC1B\uC544\uB4E4\uC5EC\uC9C0\uC9C4 \uC54A\uC740 \uAC83 \uAC19\uB2E4. \uC77C\uB2E8 e2e test\uB97C \uD1B5\uACFC\uD558\uC9C0 \uBABB\uD588\uB294\uB370.. \uC5D0\uCD08\uC5D0 \uAC74\uB4DC\uB9B0 \uCF54\uB4DC\uAC00 e2e Test\uC640 \uAD00\uB828\uC774 \uC5C6\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uADF8\uB0E5 \uADF8\uB7EC\uB824\uB2C8 \uD558\uACE0 \uBC29\uCE58\uC911\uC774\uB2E4."),T=e("p",null,"\uC774 \uB54C\uB97C \uACC4\uAE30\uB85C PR\uC744 \uC801\uADF9\uC801\uC73C\uB85C \uC0AC\uC6A9\uC911\uC774\uB2E4.",-1),M=e("h3",{id:"_3-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#_3-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175","aria-hidden":"true"},"#"),o(" 3. \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514")],-1),q=o("\uC5EC\uC790\uCE5C\uAD6C\uAC00 \uD559\uAD50 \uD6C4\uBC30\uB4E4\uC744 \uB300\uC0C1\uC73C\uB85C "),E={href:"https://github.com/DKU-STUDY",target:"_blank",rel:"noopener noreferrer"},j=o("\uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514"),J=o("\uB97C \uB9CC\uB4E4\uACE0 \uC9C4\uD589\uD558\uACE0 \uC788\uB2E4. \uADF8\uB9AC\uACE0 \uB098\uB294 \uBA58\uD1A0(?)\uB85C \uCC38\uC5EC\uC911\uC774\uB2E4."),L=e("p",null,"\uADF8\uB7EC\uBA74\uC11C \uAE43\uD5C8\uBE0C \uD65C\uB3D9\uB7C9\uC774 \uB208\uC5D0 \uB744\uAC8C \uB298\uC5C8\uB2E4. PR \uC0AC\uC6A9\uB7C9\uB3C4 \uB298\uC5B4\uB098\uACE0 \uC788\uACE0, \uBB34\uC5C7\uBCF4\uB2E4 \uAD6C\uC131\uC6D0\uC774 \uB208\uC5D0 \uB744\uAC8C \uC131\uC7A5\uD558\uACE0 \uC788\uB294 \uBAA8\uC2B5\uC744 \uBCF4\uC774\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uD070 \uBCF4\uB78C\uC744 \uB290\uB07C\uB294 \uC911\uC774\uB2E4.",-1),O=e("p",null,"\uC2A4\uD130\uB514\uB97C \uD558\uBA74\uC11C \uB290\uB080\uC810\uC740, \uC77C\uB2E8 \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC758 \uC0DD\uAC01\uC744 \uC9C1\uC811\uC801\uC774\uB4E0 \uAC04\uC811\uC801\uC774\uB4E0 \uC5B4\uB5A4 \uD615\uD0DC\uB85C\uB4E0 \uC54C \uC218 \uC788\uB2E4\uB294 \uAC83 \uC790\uCCB4\uAC00 \uD070 \uB3C4\uC6C0\uC774 \uB41C\uB2E4\uB294 \uAC83\uC774\uB2E4. \uC0AC\uACE0\uBC29\uC2DD\uC774\uB098 \uBB38\uC81C\uD480\uC774 \uACFC\uC815 \uB4F1 \uC815\uB9D0 \uAE30\uC0C1\uCC9C\uC678(?)\uD55C \uBC29\uBC95\uC73C\uB85C \uBB38\uC81C\uB97C \uD574\uACB0\uD55C\uB2E4.",-1),Q=e("p",null,"\uADF8\uB9AC\uACE0 \uC54C\uB824\uC8FC\uB294 \uAC83\uB4E4\uC744 \uC2A4\uD3F0\uC9C0\uCC98\uB7FC \uC798 \uD761\uC218\uD558\uB294 \uC0AC\uB78C\uC774 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uAC00\uB974\uCE68\uC5D0 \uB300\uD55C \uBCF4\uB78C\uACFC \uC990\uAC70\uC6C0\uB3C4 \uB290\uB084 \uC218 \uC788\uB2E4.",-1),F=e("h3",{id:"_4-\u1109\u1173\u1111\u1161\u1105\u1173\u1110\u1161-\u110F\u1169\u1103\u1175\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8-\u1106\u1166\u11AB\u1110\u1169-\u1109\u1175\u11AB\u110E\u1165\u11BC",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#_4-\u1109\u1173\u1111\u1161\u1105\u1173\u1110\u1161-\u110F\u1169\u1103\u1175\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8-\u1106\u1166\u11AB\u1110\u1169-\u1109\u1175\u11AB\u110E\u1165\u11BC","aria-hidden":"true"},"#"),o(" 4. \uC2A4\uD30C\uB974\uD0C0 \uCF54\uB529\uD074\uB7FD \uBA58\uD1A0 \uC2E0\uCCAD")],-1),U=o("\uD398\uC774\uC2A4\uBD81/\uCF54\uB355 \uB4F1\uC5D0\uC11C \uAD11\uACE0\uB97C \uBCF4\uB2E4\uAC00 \uC6B0\uC5F0\uD788 "),z={href:"https://spartacodingclub.kr/",target:"_blank",rel:"noopener noreferrer"},K=o("\uC2A4\uD30C\uB974\uD0C0 \uCF54\uB529\uD074\uB7FD"),W=o("\uC744 \uC54C\uAC8C \uB418\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 \uBA58\uD1A0\uB97C \uC218\uC2DC\uB85C \uAD6C\uD558\uB294 \uC911\uC774\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uBC14\uB85C \uC2E0\uCCAD\uD588\uB2E4. \uBA87 \uB144\uB3D9\uC548 \uACE0\uB4F1\uD559\uAD50\uC5D0\uC11C \uAC15\uC758\uB97C \uD558\uB2E4\uAC00 \uC694\uC998\uC5D0 \uAC15\uC758\uB97C \uD558\uC9C0 \uC54A\uACE0 \uC788\uC73C\uB2C8\uAE4C \uD5C8\uC804\uD568\uC774 \uB290\uAEF4\uC9C4\uB2E4. "),Y=e("s",null,"\uBB34\uC5C7\uBCF4\uB2E4 \uBD80\uC218\uC785\uC774 \uD544\uC694\uD558\uB2E4.",-1),G=a('

      \uADF8\uB798\uC11C \uBD80\uB514 \uAF2D.. \uD569\uACA9\uD558\uAE30\uB97C \uBC14\uB77C\uB294 \uC911\uC774\uB2E4.

      5. \uC77C\uC77C\uCEE4\uBC0B\uACFC \uCF54\uB355

      \uC774\uBC88 \uB2EC\uC740 \uC5ED\uB300\uAE09\uC73C\uB85C \uCEE4\uBC0B\uC744 \uB9CE\uC774 \uD588\uB2E4.

      \uC77C\uC77C\uCEE4\uBC0B

      \uADF8\uB0E5 \uC815\uC2E0 \uCC28\uB824\uBCF4\uB2C8\uAE4C \uADF8\uB807\uAC8C \uB418\uC5B4\uC788\uC5C8\uB2E4. \uADF8\uB798\uC11C \uCF54\uB355 \uC21C\uC704\uB3C4 2\uC704\uAE4C\uC9C0 \uC62C\uB838\uB294\uB370... 1\uC704\uC640\uC758 \uACA9\uCC28\uB294 \uBCC4\uC9D3\uC744 \uB2E4 \uD574\uB3C4 \uC881\uD600\uC9C0\uC9C0\uAC00 \uC54A\uC558\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uD558\uB8E8 \uD65C\uB3D9\uB7C9\uC5D0 \uB300\uD55C \uC810\uC218 \uC81C\uD55C\uC774 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uAFB8\uC900\uD788 \uD65C\uB3D9\uC744 \uD558\uC9C0 \uC54A\uC73C\uBA74 \uACB0\uAD6D \uB530\uB77C\uC7A1\uC744 \uC218 \uC5C6\uB294 \uAD6C\uC870\uB2E4. \uC989, \uC131\uC2E4\uC131\uC744 \uACA8\uB8E8\uB294 \uC11C\uBE44\uC2A4\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4. \uC544\uC27D\uC9C0\uB9CC \uC774\uB807\uAC8C \uB9CE\uC740 \uC0AC\uB78C\uB4E4 \uC911\uC5D0 \uB450 \uBC88\uC9F8\uB85C \uC131\uC2E4\uD558\uAC8C \uACF5\uBD80\uD55C \uAC83\uC774\uB77C\uB294 \uC99D\uAC70\uAE30 \uB54C\uBB38\uC5D0 \uC77C\uB2E8 \uB9CC\uC871\uD558\uB294 \uAC78\uB85C.

      \uCF54\uB355

      \uC5B8\uC820\uAC04 1\uB4F1 \uD55C \uBC88 \uD574\uBCF4\uC790!

      \uC2A4\uD130\uB514\uB97C \uAC19\uC774 \uD558\uB294 \uD6C4\uBC30\uB4E4\uC5D0\uAC8C\uB3C4 \uC548\uB0B4\uD574\uC92C\uAE30 \uB54C\uBB38\uC5D0 \uAC19\uC774 top10 \uC548\uC5D0 \uB4E4\uC5B4\uAC00\uBA74 \uAE30\uBD84 \uC9F8\uC9C8 \uAC83 \uAC19\uB2E4.

      Summary

      • Composition API \uC870\uC0AC
      • \uC624\uD508\uC18C\uC2A4 \uAE30\uC5EC \uC2DC\uB3C4
      • \uCF54\uB355 2\uB4F1
      • \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514
      ',10);function H(X,Z){const t=s("ExternalLinkIcon");return r(),d("div",null,[c,e("p",null,[p,e("a",l,[_,i(t)]),u]),e("p",null,[m,e("a",b,[S,i(t)]),g]),f,e("p",null,[x,e("a",R,[C,i(t)]),y]),D,e("p",null,[I,e("a",v,[P,i(t)]),A]),k,e("p",null,[w,e("a",V,[B,i(t)]),N]),T,M,e("p",null,[q,e("a",E,[j,i(t)]),J]),L,O,Q,F,e("p",null,[U,e("a",z,[K,i(t)]),W,Y]),G])}var ee=n(h,[["render",H],["__file","index.html.vue"]]);export{ee as default}; +import{_ as n,r as s,o as r,c as d,a as e,b as i,d as a,e as o}from"./app.d20f8571.js";const h={},c=a('

      2020\uB144 4\uC6D4 \uD68C\uACE0

      \uC774\uBC88 \uB2EC\uC740 \uAF64 \uC5F4\uC2EC\uD788 \uBCF4\uB0B8 \uAC83 \uAC19\uB2E4.

      \uACF5\uC801

      1. Vue Composition API

      \uACE7 Vue 3.0\uC774 \uCD9C\uC2DC\uB420 \uC608\uC815\uC774\uBA70 Composition API\uB294 Vue 3.0\uC758 \uB0B4\uC7A5 API\uC774\uB2E4. \uD68C\uC0AC\uC5D0\uC11C Vue\uB97C \uC0AC\uC6A9\uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 Composition API\uC5D0 \uB300\uD55C \uC0AC\uC804 \uC870\uC0AC\uAC00 \uD544\uC694\uD588\uB2E4.

      Composition API\uB97C \uC0AC\uC6A9\uD558\uBA74 \uCF54\uB4DC\uB97C \uC720\uC9C0\uBCF4\uC218 \uD558\uAE30 \uC88B\uAC8C \uAD00\uB9AC\uD560 \uC218 \uC788\uC73C\uBA70, \uC7AC\uC0AC\uC6A9\uC131 \uB610\uD55C \uC99D\uAC00\uD558\uAC8C \uB41C\uB2E4. \uB2E4\uB9CC \uC544\uC9C1 VueRouter\uB098 Vuex \uAC19\uC740 \uC11C\uB4DC\uD30C\uD2F0\uC640 \uC5F0\uB3D9\uD558\uB294 \uAC83\uC5D0 \uB300\uD55C \uBC29\uBC95\uC774 \uC5C6\uB294 \uC0C1\uD0DC\uB2E4.

      \uB098\uB294 Vuex\uC758 Namespace \uAE30\uB2A5\uC744 \uC801\uADF9\uC801\uC73C\uB85C \uC774\uC6A9\uD558\uACE0 \uC788\uB294\uB370, Namespace \uB610\uD55C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294\uB2E4.

      Composition API\uC640 this

      Composition API\uC5D0\uC11C\uB294 this\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uB3C4\uB85D \uC124\uACC4\uB418\uC5B4 \uC788\uB2E4. \uADF8\uB7F0\uB370 Vuex\uC758 \uACBD\uC6B0 Namespace\uB97C \uC815\uC758\uD560 \uB54C this\uB97C \uC0AC\uC6A9\uD55C\uB2E4. \uADF8\uB798\uC11C Composition\uACFC Vuex\uC758 Namespace\uB97C \uAC19\uC774 \uC0AC\uC6A9\uD560 \uACBD\uC6B0 \uC5D0\uB7EC\uAC00 \uBC1C\uC0DD\uD55C\uB2E4.

      ',8),p=o("\uC5B4\uCA0C\uB4E0 Composition API\uC5D0 \uB300\uD55C \uAE00 \uC911 \uC81C\uC77C \uB3C4\uC6C0\uC774 \uB9CE\uC774 \uB418\uC5C8\uB358 \uAC83\uC740 \uCE74\uCE74\uC624\uC5D0 \uB2E4\uB2C8\uB294 \uCE5C\uAD6C\uAC00 \uC791\uC131\uD55C "),l={href:"https://chodragon9.github.io/blog/composition-api-rfc-migration/",target:"_blank",rel:"noopener noreferrer"},_=o("\uC774 \uAE00"),u=o("\uC774\uB2E4."),m=o("\uADF8\uB9AC\uACE0 \uC774 \uAE00\uC744 \uC77D\uC73C\uBA74\uC11C \uCE5C\uAD6C\uC758 \uD3EC\uC2A4\uD2B8\uC774\uBBC0\uB85C \uADF8\uB0E5 \uC77D\uC73C\uBA74\uC11C \uB0B4 \uC0DD\uAC01\uC744 \uCCA8\uAC00\uD55C(?) "),b={href:"https://github.com/ChoDragon9/ChoDragon9.github.io/pull/7",target:"_blank",rel:"noopener noreferrer"},S=o("PR"),g=o("\uC744 \uB0A0\uB824\uB3C4 \uB418\uB294\uC9C0 \uBB3C\uC5B4\uBD24\uB2E4. \uC5B4\uCC0C\uBCF4\uBA74 \uAD49\uC7A5\uD788 \uBB34\uB840\uD55C \uBD80\uD0C1\uC77C \uC218 \uC788\uC5C8\uB294\uB370, \uD754\uCF8C\uD558\uAC8C \uC218\uB77D\uD574\uC9C4 \uCE5C\uAD6C\uC5D0\uAC8C \uAC10\uC0AC\uD558\uACE0 \uBBF8\uC548\uD588\uB2E4. \uACB0\uACFC\uC801\uC73C\uB85C \uCE5C\uAD6C\uB3C4, \uB098\uB3C4 \uB9CC\uC871\uD560 \uC218 \uC788\uB294 \uACBD\uD5D8\uC774 \uB418\uC5C8\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4."),f=a('

      Composition API \uC815\uB9AC

      \uC774\uAC8C \uBC14\uB85C \uAC1C\uBC1C\uC758 \uB9E4\uB825\uC774\uACE0, \uCF54\uB4DC\uB9AC\uBDF0\uC758 \uB9E4\uB825\uC784\uC744 \uB290\uAF08\uB2E4.

      \uC57D\uAC04 \uC0BC\uCC9C\uD3EC\uB85C \uBE60\uC84C\uB294\uB370, \uC5B4\uCA0C\uB4E0 \uC911\uC694\uD55C \uC810\uC740 \uC774\uB7EC\uD55C \uACBD\uD5D8\uC744 \uD1B5\uD574\uC11C Composition API\uC5D0 \uB300\uD574 \uC774\uD574\uD560 \uC218 \uC788\uC5C8\uB2E4\uB294 \uAC83\uC774\uB2E4. \uADF8\uB7F0\uB370 \uC6B0\uB9AC \uD300\uC740 \uD3EC\uD138\uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD558\uAE30 \uB54C\uBB38\uC5D0.. IE \uD638\uD658\uC131\uC744 \uC544\uC608 \uB193\uC744 \uC218 \uC788\uB294 \uC0C1\uD669\uC774 \uC544\uB2C8\uC5C8\uB2E4. \uADF8\uB798\uC11C \uC544\uC9C1\uC740 \uB3C4\uC785\uD560 \uC2DC\uAE30\uAC00 \uC544\uB2C8\uB77C\uACE0 \uACB0\uB860\uC744 \uB0B4\uB838\uB2E4. \uC820\uC7A5

      \uC544\uC27D\uC9C0\uB9CC \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC801\uC6A9\uD574\uBCFC \uC0DD\uAC01\uC774\uB2E4.

      2. \uC21C\uC815 API \uAC1C\uBC1C

      \uC0C8\uB85C\uC6B4 \uD504\uB85C\uC81D\uD2B8 \uC2DC\uC791\uD558\uAC8C \uB9E1\uAC8C \uB418\uBA74\uC11C \uCC98\uC74C\uBD80\uD130 API\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD588\uB2E4. \uC5EC\uD0DC \uB9CC\uB4E4\uC5B4\uC9C4 API\uB97C \uC720\uC9C0\uBCF4\uC218\uB9CC \uD558\uB2E4\uAC00 \uCC98\uC74C\uBD80\uD130 \uC21C\uC815 API\uB97C \uB9CC\uB4DC\uB294 \uAC83\uC774\uB2E4.

      \uD68C\uC0AC\uC5D0\uC11C \uAD00\uB9AC\uD558\uACE0 \uC788\uB294 \uD504\uB85C\uC81D\uD2B8\uB294 \uB300\uCDA9 \uB2E4\uC74C\uACFC \uAC19\uC740 Component\uB97C \uC0AC\uC6A9\uD55C\uB2E4.

      • Adapter: \uB2E4\uB978 API\uC758 \uB370\uC774\uD130\uB97C \uAC00\uC838\uC634
      • Repository: DB \uC5F0\uB3D9
      • Service: Adapter\uB098 Repository\uC5D0\uC11C \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uAC00\uC838\uC634
      • Facade: \uAC01\uC885 Service\uB97C \uC870\uD569\uD558\uC5EC \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uC815\uC81C\uD55C\uB2E4.
      • Module: Facade\uC5D0\uC11C \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uAC00\uC838\uC628 \uB2E4\uC74C \uCE90\uC2F1\uCC98\uB9AC\uD558\uC5EC \uBAA8\uB4C8\uC5D0 \uB9DE\uB294 \uB370\uC774\uD130\uB85C \uBC18\uD658
      • TemplateFacade: Module\uC744 \uC870\uD569\uD558\uC5EC \uCD5C\uC885 \uB370\uC774\uD130\uB97C \uC0DD\uC131
      • Caching: Service/Module \uB370\uC774\uD130\uB97C \uCE90\uC2F1
      • Scheduler: Caching\uC744 \uC8FC\uAE30\uC801\uC73C\uB85C \uC2E4\uD589

      \uC774\uBBF8 \uC124\uACC4 \uAC00\uC774\uB4DC\uAC00 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC798 \uAD6C\uC131\uB41C \uAC00\uC774\uB4DC\uB77C\uC778\uB300\uB85C\uB9CC \uB9CC\uB4E4\uBA74 \uD070 \uBB38\uC81C \uC5C6\uC774 \uC791\uB3D9\uD55C\uB2E4. \uC5B4\uCA0C\uB4E0 \uBCF5\uC2B5\uB3C4 \uB418\uACE0, \uCC98\uC74C\uBD80\uD130 \uB9CC\uB4E4\uAE30\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC990\uAC81\uAC8C \uC784\uD558\uB294 \uC911\uC774\uB2E4.

      3. DynamoDB

      ',10),x=o("\uC55E\uC73C\uB85C \uB9CC\uB4E4\uAC8C \uB420 \uC11C\uBE44\uC2A4\uB294 "),R={href:"https://aws.amazon.com/ko/dynamodb/",target:"_blank",rel:"noopener noreferrer"},C=o("DynamoDB"),y=o("\uB97C \uC0AC\uC6A9\uD560 \uC608\uC815\uC774\uB2E4. \uBB3C\uB860 \uC0AC\uC6A9\uD574\uB3C4 \uD070 \uBB34\uB9AC\uAC00 \uC5C6\uB294 \uC11C\uBE44\uC2A4\uC5D0\uB9CC!"),D=a('

      DynamoDB\uB294 AWS\uC5D0\uC11C \uB9CC\uB4E0 NoSQL\uC778\uB370 \uC55E\uC73C\uB85C\uC758 \uC11C\uBE44\uC2A4\uB294 Node.js\uB97C \uC801\uADF9\uC801\uC73C\uB85C \uC0AC\uC6A9\uD560 \uC608\uC815\uC774\uAE30\uB3C4 \uD558\uACE0, NoSQL\uC774 Node.js \uAC19\uC740 Non-blocking \uBC29\uC2DD\uACFC \uAD81\uD569\uC774 \uB9DE\uB2E4.

      non-blocking\uACFC nosql

      node\uC640 mysql\uC744 \uAC19\uC774 \uC0AC\uC6A9\uD560 \uACBD\uC6B0, node\uC758 \uC131\uB2A5\uC744 \uCD5C\uB300\uD55C \uBF51\uC544\uB0B4\uAE34 \uD798\uB4E4\uB2E4. mysql\uC758 \uACBD\uC6B0 blocking \uBC29\uC2DD\uC73C\uB85C \uC791\uB3D9\uD558\uACE0, node\uC758 \uACBD\uC6B0 non-blocking \uBC29\uC2DD\uC73C\uB85C \uC791\uB3D9\uD558\uAE30 \uB54C\uBB38\uC5D0 \uACB0\uAD6D mysql\uC5D0 \uC9C0\uC5F0\uC774 \uC0DD\uAE30\uBA74 node\uB3C4 \uB611\uAC19\uC774 \uC9C0\uC5F0\uC774 \uC0DD\uAE30\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uADF8\uB798\uC11C mysql\uACFC nosql\uC744 \uAC19\uC774 \uC0AC\uC6A9\uD558\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uC740 \uAC83\uC774\uB2E4. \uC544\uB2C8 \uAC19\uC774 \uC0AC\uC6A9\uD574\uC57C \uD55C\uB2E4. mysql\uC744 \uC0AC\uC6A9\uD560\uAEBC\uBA74 \uADF8\uB0E5 spring\uC744 \uC4F0\uC790.

      DynamoDB\uC758 \uACBD\uC6B0 indexing\uC774 \uAD49\uC7A5\uD788 \uBE60\uB978\uB370, Index\uB97C \uC0DD\uC131\uD560 \uB54C \uD558\uB4DC\uCE74\uD53C\uB97C \uD558\uAE30 \uB54C\uBB38\uC774\uB2E4. \uB2E4\uB9CC, \uBAA8\uB4E0 \uC9C8\uC758\uAC00 \uC804\uBD80 \uBE44\uC6A9\uC774\uAE30 \uB54C\uBB38\uC5D0 \uC124\uACC4\uB97C \uCC98\uC74C\uBD80\uD130 \uC815\uAD50\uD558\uAC8C \uD574\uC57C\uD55C\uB2E4. RDB\uC758 \uACBD\uC6B0 Entity\uC640 Relation\uC774 \uC911\uC694\uD558\uC9C0\uB9CC(\uB2F9\uC5F0\uD558\uAC8C\uB3C4...) DynamoDB\uC758 \uACBD\uC6B0 Query\uAC00 \uC911\uC694\uD558\uB2E4. \uADF8\uB798\uC11C \uC77C\uB2E8 RDB\uB85C Entity\uB97C \uC124\uACC4\uD558\uACE0, Relation\uC744 \uC124\uACC4\uD55C \uB2E4\uC74C, \uC774\uC5D0 \uB530\uB978 Query\uB97C \uB9CC\uB4E4\uC5B4\uC57C\uD55C\uB2E4. \uADF8 \uD6C4\uC5D0 Query\uB97C \uBCF4\uACE0 \uD544\uC694\uD55C Index\uB97C \uC124\uACC4\uD55C \uB2E4\uC74C\uC5D0 DynamoDB\uC758 Table\uC744 \uC124\uACC4\uD55C\uB2E4.

      \uC5B4\uCC0C\uBCF4\uBA74 \uB2F9\uC5EC\uD55C \uACFC\uC815\uC774\uC9C0\uB9CC, \uC124\uACC4\uAC00 \uC870\uAE08\uC774\uB77C\uB3C4 \uBE57\uB098\uAC00\uBA74 \uADF8 \uC5EC\uD30C\uAC00 \uAF64 \uD070\uD3B8\uC774\uB2E4.. \uC544\uC9C1\uC740 \uACF5\uBD80\uC911\uC774\uAE30 \uB54C\uBB38\uC5D0 \uC870\uAE08 \uB354 \uC815\uB9AC\uAC00 \uB418\uBA74 TIL\uC5D0 \uC62C\uB9B4 \uC0DD\uAC01\uC774\uB2E4.

      4. \uC7AC\uD0DD\uADFC\uBB34 \uC885\uB8CC

      \uC0AC\uD68C\uC801 \uAC70\uB9AC\uB450\uAE30\uAC00 \uD574\uC81C\uB428\uC5D0 \uB530\uB77C \uC7AC\uD0DD\uADFC\uBB34\uB3C4 \uC885\uB8CC\uB418\uC5C8\uB2E4. \uB2E4\uB9CC \uCD9C\uADFC \uD558\uC790\uB9C8\uC790 \uB2E4\uC2DC \uC0AC\uD68C\uC801\uAC70\uB9AC\uB450\uAE30 \uC5F0\uC7A5\uC774 \uB418\uC5C8\uB2E4\uB294\uC810 (\uC774\uB7F0 \uADF8\uB79C\uB4DC\uCE90\uB2C8\uC5B8 \uAC19\uC740 \uACBD\uC6B0\uAC00!) \uC5B4\uCA0C\uB4E0 \uD300\uC6D0\uB4E4\uC744 \uC624\uB79C\uB9CC\uC5D0 \uB9CC\uB098\uB2C8 \uBC18\uAC11\uAE30\uB3C4 \uD558\uACE0, \uC77C\uD558\uB294 \uB9DB\uC774 \uB0AC\uB2E4.

      \uADF8\uB7F0\uB370 \uC5C5\uBB34\uC5D0 \uB300\uD55C \uC9C8\uC740 \uD68C\uC0AC\uB098 \uC9D1\uC774\uB098 \uB611\uAC19\uC740 \uAC83 \uAC19\uB2E4. \uC8FC\uB9D0 \uCD9C\uADFC\uD560 \uC77C\uC774 \uC788\uC73C\uBA74 \uADF8\uB0E5 \uC9D1\uC5D0\uC11C \uD588\uC73C\uBA74.. \uD558\uB294 \uBC14\uB78C\uC774 \uC788\uB2E4.

      5. \uCD1D\uC120

      \uC774\uBC88 \uB2EC\uC5D0\uB294 \uCD1D\uC120\uC774 \uC788\uC5C8\uB2E4. \uC6B0\uB9AC \uD68C\uC0AC\uB294 \uD3EC\uD138\uC11C\uBE44\uC2A4\uB97C \uC81C\uACF5\uD558\uAE30 \uB54C\uBB38\uC5D0 \uC774\uB7EC\uD55C \uAD6D\uAC00\uC801\uC778 \uC774\uBCA4\uD2B8\uC5D0 \uBBFC\uAC10\uD558\uB2E4. \uB0B4\uAC00 \uB2F4\uB2F9\uD558\uB294 \uC11C\uBE44\uC2A4 \uB610\uD55C \uADF8\uB7AC\uAE30 \uB54C\uBB38\uC5D0 \uC5EC\uB7EC\uBAA8\uB85C \uC2E0\uACBD\uC744 \uB9CE\uC774 \uC368\uC57C \uD588\uB2E4. \uACB0\uACFC\uC801\uC73C\uB860 \uC544\uBB34\uC77C\uB3C4 \uC77C\uC5B4\uB098\uC9C0 \uC54A\uC558\uB2E4. \uBB34\uC2A8 \uC77C\uC774 \uD130\uC838 \uBD10\uC57C \uACBD\uD5D8\uC774 \uB418\uAE34 \uD560\uD150\uB370..

      \uC5B4\uCA0C\uB4E0 \uB2E4\uD589\uC774\uB2E4!

      \uC0AC\uC801

      1. Server Side Rendering

      \uC9C4\uC9DC SSR \uB54C\uBB38\uC5D0 \uD55C \uB3D9\uC548 \uACE0\uC0DD\uC744 \uB108\uBB34 \uB9CE\uC774 \uD588\uB2E4. Vue\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uAC00\uC774\uB4DC\uB77C\uC778\uC774 \uB108\uBB34 \uBE48\uC57D\uD558\uACE0, API \uBB38\uC11C\uB3C4 \uC798\uBABB \uB418\uC5C8\uAC70\uB098 \uBC18\uC601\uB418\uC9C0 \uC54A\uC740 \uAC83\uB4E4\uC774 \uB9CE\uC558\uB2E4.

      SSR\uACFC CSR\uC744 \uAC19\uC774 \uD558\uAE30 \uC704\uD55C \uAC00\uC774\uB4DC\uB77C\uC778\uC774 \uC5C6\uB2E4.

      \uC77C\uB2E8 \uCCAB \uBC88\uC9F8\uB85C \uD654\uB098\uB294 \uC810\uC740, SSR\uC5D0 \uB300\uD55C \uAC00\uC774\uB4DC\uB77C\uC778\uC740 \uC788\uB294\uB370 CSR\uC744 \uAC19\uC774 \uC0AC\uC6A9\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD55C \uAC00\uC774\uB4DC\uB77C\uC778\uC740 \uC5C6\uB2E4. \uC5B4\uCA0C\uB4E0 SSR\uC5D0 CSR\uC744 \uC5F0\uB3D9\uD558\uAE30 \uC704\uD574\uC120 \uB2E4\uC74C\uACFC \uAC19\uC740 \uACFC\uC815\uC774 \uD544\uC694\uD558\uB2E4.

      1. CSR\uC758 Template\uC5D0 SSR\uC758 Template\uC744 \uD569\uCCD0\uC57C \uD55C\uB2E4.
      2. CSR \uCF54\uB4DC\uB97C \uBC88\uB4E4\uB9C1(\uBE4C\uB4DC) \uD55C\uB2E4. \uC774 \uB54C Template\uB3C4 Bundling \uCF54\uB4DC\uC5D0 \uD3EC\uD568\uB41C\uB2E4.
      3. CSR\uC5D0\uC11C Build\uB41C Template\uB97C SSR\uC5D0\uC11C \uC0AC\uC6A9\uD55C\uB2E4.

      \uC774\uC5D0 \uB300\uD55C \uC548\uB0B4\uB294 \uC815\uB9D0 1\uB3C4 \uC5C6\uB2E4\uB294 \uC810... \uC774\uC640 \uAD00\uB828 \uB0B4\uC6A9\uB3C4 5\uC6D4\uB2EC\uC5D0 \uC815\uB9AC\uD574\uC11C \uC62C\uB9B4 \uC608\uC815\uC774\uB2E4.

      window\uC640 document\uB97C \uC0AC\uC6A9\uD558\uB294 \uCF54\uB4DC\uB4E4

      SSR\uC740 \uAE30\uBCF8\uC801\uC73C\uB85C CSR\uC758 \uCF54\uB4DC\uB97C Server\uC5D0\uC11C \uC2E4\uD589\uD55C \uB2E4\uC74C Client\uB85C \uC804\uB2EC\uD558\uB294 \uAC83\uC774\uB2E4. \uC774 \uB54C \uBC1C\uC0DD\uD558\uB294 \uBB38\uC81C\uAC00 \uBC14\uB85C window\uC640 document\uB294 Server Side\uC5D0\uC11C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uB2E4\uB294 \uAC83\uC774\uB2E4. \uADF8\uB798\uC11C \uC9C1\uC811 window\uC640 document\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uAC70\uB098, \uD639\uC740 Render\uC640 \uAD00\uB828\uB41C \uCF54\uB4DC\uC5D0\uB294 window\uC640 document\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uB294 \uAC83\uC774\uB2E4. \uADF8\uB7F0\uB370 \uC774\uAC8C \uB9D0\uC774 \uC27D\uC9C0 \uC9C1\uC811 \uD574\uBCF4\uBA74 \uC695\uB098\uC628\uB2E4.

      ',19),I=o("\uC5B4\uB5A4 \uBC29\uBC95\uC774 \uC81C\uC77C \uC88B\uC744\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uCC3E\uC544\uB09C \uD574\uACB0\uCC45\uC774 "),v={href:"https://github.com/jsdom/jsdom",target:"_blank",rel:"noopener noreferrer"},P=o("JSDOM"),A=o("\uC744 \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774\uB2E4."),k=a('

      JSDOM

      JSDOM\uC740 \uB9D0 \uADF8\uB300\uB85C \uAC00\uC0C1\uC758 window\uC640 document\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uB294 \uAC83\uC774\uB2E4. \uADF8\uB0E5 \uC874\uC7AC \uC790\uCCB4\uB9CC\uC73C\uB85C\uB3C4 \uADF8 \uAC00\uCE58\uAC00 \uC788\uB2E4.

      SSR\uC744 \uC2E4\uD589\uD560 \uB54C JSDOM\uC744 \uB9CC\uB4E4\uC5B4\uC8FC\uACE0, SSR \uC2E4\uD589\uC774 \uB05D\uB098\uBA74 JSDOM\uC744 \uC81C\uAC70\uD558\uB294 \uAC83\uC774\uB2E4. \uC774\uB807\uAC8C \uB610 \uD55C \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uC218 \uC788\uC5C8\uB2E4. (Funcking SSR!)

      \uC81C\uB300\uB85C\uB41C Tutorial\uC744 \uCC3E\uC744 \uC218 \uC5C6\uB2E4.

      SSR\uC758 \uAC00\uC7A5 \uD070 \uBB38\uC81C\uC810 \uC911 \uD558\uB098\uAC00 \uBC14\uB85C \uC81C\uB300\uB85C\uB41C \uD29C\uD1A0\uB9AC\uC5BC\uC774 \uC5C6\uB2E4\uB294 \uAC83\uC774\uB2E4. github\uB97C \uCC3E\uC544\uBD10\uB3C4, \uAD6C\uAE00\uB9C1\uC744 \uD574\uBD10\uB3C4, \uC774\uAC83\uB9CC \uBCF4\uBA74 \uC774\uD574\uD560 \uC218 \uC788\uB2E4 \uC2F6\uC740 \uD29C\uD1A0\uB9AC\uC5BC\uC740 \uC874\uC7AC\uD558\uC9C0 \uC54A\uC558\uB2E4. \uD639\uC740, \uB204\uAD70\uAC00 \uC62C\uB838\uB294\uB370 \uAC80\uC0C9 \uC21C\uC704\uC5D0\uC11C \uBC00\uB824\uB0AC\uAC70\uB098.

      2. \uC624\uD508\uC18C\uC2A4 \uAE30\uC5EC \uC2DC\uB3C4

      ',5),w=o("Vue SSR\uC744 \uC791\uC5C5\uD558\uBA74\uC11C \uC57D\uAC04\uC758 \uBB38\uC81C\uAC00 \uC788\uB294 \uAC83\uC744 \uBC1C\uACAC\uD558\uACE0 "),V={href:"https://github.com/vuejs/vue/pull/11327",target:"_blank",rel:"noopener noreferrer"},B=o("PR"),N=o("\uC744 \uC62C\uB838\uC73C\uB098, \uBC1B\uC544\uB4E4\uC5EC\uC9C0\uC9C4 \uC54A\uC740 \uAC83 \uAC19\uB2E4. \uC77C\uB2E8 e2e test\uB97C \uD1B5\uACFC\uD558\uC9C0 \uBABB\uD588\uB294\uB370.. \uC5D0\uCD08\uC5D0 \uAC74\uB4DC\uB9B0 \uCF54\uB4DC\uAC00 e2e Test\uC640 \uAD00\uB828\uC774 \uC5C6\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uADF8\uB0E5 \uADF8\uB7EC\uB824\uB2C8 \uD558\uACE0 \uBC29\uCE58\uC911\uC774\uB2E4."),T=e("p",null,"\uC774 \uB54C\uB97C \uACC4\uAE30\uB85C PR\uC744 \uC801\uADF9\uC801\uC73C\uB85C \uC0AC\uC6A9\uC911\uC774\uB2E4.",-1),M=e("h3",{id:"_3-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#_3-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175","aria-hidden":"true"},"#"),o(" 3. \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514")],-1),q=o("\uC5EC\uC790\uCE5C\uAD6C\uAC00 \uD559\uAD50 \uD6C4\uBC30\uB4E4\uC744 \uB300\uC0C1\uC73C\uB85C "),E={href:"https://github.com/DKU-STUDY",target:"_blank",rel:"noopener noreferrer"},j=o("\uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514"),J=o("\uB97C \uB9CC\uB4E4\uACE0 \uC9C4\uD589\uD558\uACE0 \uC788\uB2E4. \uADF8\uB9AC\uACE0 \uB098\uB294 \uBA58\uD1A0(?)\uB85C \uCC38\uC5EC\uC911\uC774\uB2E4."),L=e("p",null,"\uADF8\uB7EC\uBA74\uC11C \uAE43\uD5C8\uBE0C \uD65C\uB3D9\uB7C9\uC774 \uB208\uC5D0 \uB744\uAC8C \uB298\uC5C8\uB2E4. PR \uC0AC\uC6A9\uB7C9\uB3C4 \uB298\uC5B4\uB098\uACE0 \uC788\uACE0, \uBB34\uC5C7\uBCF4\uB2E4 \uAD6C\uC131\uC6D0\uC774 \uB208\uC5D0 \uB744\uAC8C \uC131\uC7A5\uD558\uACE0 \uC788\uB294 \uBAA8\uC2B5\uC744 \uBCF4\uC774\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uD070 \uBCF4\uB78C\uC744 \uB290\uB07C\uB294 \uC911\uC774\uB2E4.",-1),O=e("p",null,"\uC2A4\uD130\uB514\uB97C \uD558\uBA74\uC11C \uB290\uB080\uC810\uC740, \uC77C\uB2E8 \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC758 \uC0DD\uAC01\uC744 \uC9C1\uC811\uC801\uC774\uB4E0 \uAC04\uC811\uC801\uC774\uB4E0 \uC5B4\uB5A4 \uD615\uD0DC\uB85C\uB4E0 \uC54C \uC218 \uC788\uB2E4\uB294 \uAC83 \uC790\uCCB4\uAC00 \uD070 \uB3C4\uC6C0\uC774 \uB41C\uB2E4\uB294 \uAC83\uC774\uB2E4. \uC0AC\uACE0\uBC29\uC2DD\uC774\uB098 \uBB38\uC81C\uD480\uC774 \uACFC\uC815 \uB4F1 \uC815\uB9D0 \uAE30\uC0C1\uCC9C\uC678(?)\uD55C \uBC29\uBC95\uC73C\uB85C \uBB38\uC81C\uB97C \uD574\uACB0\uD55C\uB2E4.",-1),Q=e("p",null,"\uADF8\uB9AC\uACE0 \uC54C\uB824\uC8FC\uB294 \uAC83\uB4E4\uC744 \uC2A4\uD3F0\uC9C0\uCC98\uB7FC \uC798 \uD761\uC218\uD558\uB294 \uC0AC\uB78C\uC774 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uAC00\uB974\uCE68\uC5D0 \uB300\uD55C \uBCF4\uB78C\uACFC \uC990\uAC70\uC6C0\uB3C4 \uB290\uB084 \uC218 \uC788\uB2E4.",-1),F=e("h3",{id:"_4-\u1109\u1173\u1111\u1161\u1105\u1173\u1110\u1161-\u110F\u1169\u1103\u1175\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8-\u1106\u1166\u11AB\u1110\u1169-\u1109\u1175\u11AB\u110E\u1165\u11BC",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#_4-\u1109\u1173\u1111\u1161\u1105\u1173\u1110\u1161-\u110F\u1169\u1103\u1175\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8-\u1106\u1166\u11AB\u1110\u1169-\u1109\u1175\u11AB\u110E\u1165\u11BC","aria-hidden":"true"},"#"),o(" 4. \uC2A4\uD30C\uB974\uD0C0 \uCF54\uB529\uD074\uB7FD \uBA58\uD1A0 \uC2E0\uCCAD")],-1),U=o("\uD398\uC774\uC2A4\uBD81/\uCF54\uB355 \uB4F1\uC5D0\uC11C \uAD11\uACE0\uB97C \uBCF4\uB2E4\uAC00 \uC6B0\uC5F0\uD788 "),z={href:"https://spartacodingclub.kr/",target:"_blank",rel:"noopener noreferrer"},K=o("\uC2A4\uD30C\uB974\uD0C0 \uCF54\uB529\uD074\uB7FD"),W=o("\uC744 \uC54C\uAC8C \uB418\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 \uBA58\uD1A0\uB97C \uC218\uC2DC\uB85C \uAD6C\uD558\uB294 \uC911\uC774\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uBC14\uB85C \uC2E0\uCCAD\uD588\uB2E4. \uBA87 \uB144\uB3D9\uC548 \uACE0\uB4F1\uD559\uAD50\uC5D0\uC11C \uAC15\uC758\uB97C \uD558\uB2E4\uAC00 \uC694\uC998\uC5D0 \uAC15\uC758\uB97C \uD558\uC9C0 \uC54A\uACE0 \uC788\uC73C\uB2C8\uAE4C \uD5C8\uC804\uD568\uC774 \uB290\uAEF4\uC9C4\uB2E4. "),Y=e("s",null,"\uBB34\uC5C7\uBCF4\uB2E4 \uBD80\uC218\uC785\uC774 \uD544\uC694\uD558\uB2E4.",-1),G=a('

      \uADF8\uB798\uC11C \uBD80\uB514 \uAF2D.. \uD569\uACA9\uD558\uAE30\uB97C \uBC14\uB77C\uB294 \uC911\uC774\uB2E4.

      5. \uC77C\uC77C\uCEE4\uBC0B\uACFC \uCF54\uB355

      \uC774\uBC88 \uB2EC\uC740 \uC5ED\uB300\uAE09\uC73C\uB85C \uCEE4\uBC0B\uC744 \uB9CE\uC774 \uD588\uB2E4.

      \uC77C\uC77C\uCEE4\uBC0B

      \uADF8\uB0E5 \uC815\uC2E0 \uCC28\uB824\uBCF4\uB2C8\uAE4C \uADF8\uB807\uAC8C \uB418\uC5B4\uC788\uC5C8\uB2E4. \uADF8\uB798\uC11C \uCF54\uB355 \uC21C\uC704\uB3C4 2\uC704\uAE4C\uC9C0 \uC62C\uB838\uB294\uB370... 1\uC704\uC640\uC758 \uACA9\uCC28\uB294 \uBCC4\uC9D3\uC744 \uB2E4 \uD574\uB3C4 \uC881\uD600\uC9C0\uC9C0\uAC00 \uC54A\uC558\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uD558\uB8E8 \uD65C\uB3D9\uB7C9\uC5D0 \uB300\uD55C \uC810\uC218 \uC81C\uD55C\uC774 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uAFB8\uC900\uD788 \uD65C\uB3D9\uC744 \uD558\uC9C0 \uC54A\uC73C\uBA74 \uACB0\uAD6D \uB530\uB77C\uC7A1\uC744 \uC218 \uC5C6\uB294 \uAD6C\uC870\uB2E4. \uC989, \uC131\uC2E4\uC131\uC744 \uACA8\uB8E8\uB294 \uC11C\uBE44\uC2A4\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4. \uC544\uC27D\uC9C0\uB9CC \uC774\uB807\uAC8C \uB9CE\uC740 \uC0AC\uB78C\uB4E4 \uC911\uC5D0 \uB450 \uBC88\uC9F8\uB85C \uC131\uC2E4\uD558\uAC8C \uACF5\uBD80\uD55C \uAC83\uC774\uB77C\uB294 \uC99D\uAC70\uAE30 \uB54C\uBB38\uC5D0 \uC77C\uB2E8 \uB9CC\uC871\uD558\uB294 \uAC78\uB85C.

      \uCF54\uB355

      \uC5B8\uC820\uAC04 1\uB4F1 \uD55C \uBC88 \uD574\uBCF4\uC790!

      \uC2A4\uD130\uB514\uB97C \uAC19\uC774 \uD558\uB294 \uD6C4\uBC30\uB4E4\uC5D0\uAC8C\uB3C4 \uC548\uB0B4\uD574\uC92C\uAE30 \uB54C\uBB38\uC5D0 \uAC19\uC774 top10 \uC548\uC5D0 \uB4E4\uC5B4\uAC00\uBA74 \uAE30\uBD84 \uC9F8\uC9C8 \uAC83 \uAC19\uB2E4.

      Summary

      • Composition API \uC870\uC0AC
      • \uC624\uD508\uC18C\uC2A4 \uAE30\uC5EC \uC2DC\uB3C4
      • \uCF54\uB355 2\uB4F1
      • \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514
      ',10);function H(X,Z){const t=s("ExternalLinkIcon");return r(),d("div",null,[c,e("p",null,[p,e("a",l,[_,i(t)]),u]),e("p",null,[m,e("a",b,[S,i(t)]),g]),f,e("p",null,[x,e("a",R,[C,i(t)]),y]),D,e("p",null,[I,e("a",v,[P,i(t)]),A]),k,e("p",null,[w,e("a",V,[B,i(t)]),N]),T,M,e("p",null,[q,e("a",E,[j,i(t)]),J]),L,O,Q,F,e("p",null,[U,e("a",z,[K,i(t)]),W,Y]),G])}var ee=n(h,[["render",H],["__file","index.html.vue"]]);export{ee as default}; diff --git a/assets/index.html.b726f535.js b/assets/index.html.6c72a8bc.js similarity index 97% rename from assets/index.html.b726f535.js rename to assets/index.html.6c72a8bc.js index 4ad9bdac..bac1679c 100644 --- a/assets/index.html.b726f535.js +++ b/assets/index.html.6c72a8bc.js @@ -1 +1 @@ -const e={key:"v-4e40be9a",path:"/Review/2020-year/04-April/",title:"2020\uB144 4\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 4\uC6D4 \uD68C\uACE0",description:"2020\uB144 4\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-04-30T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/80867623-16185100-8cd0-11ea-99ee-4cba4953c78f.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Vue Composition API",slug:"_1-vue-composition-api",children:[]},{level:3,title:"2. \uC21C\uC815 API \uAC1C\uBC1C",slug:"_2-\u1109\u116E\u11AB\u110C\u1165\u11BC-api-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"3. DynamoDB",slug:"_3-dynamodb",children:[]},{level:3,title:"4. \uC7AC\uD0DD\uADFC\uBB34 \uC885\uB8CC",slug:"_4-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E-\u110C\u1169\u11BC\u1105\u116D",children:[]},{level:3,title:"5. \uCD1D\uC120",slug:"_5-\u110E\u1169\u11BC\u1109\u1165\u11AB",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Server Side Rendering",slug:"_1-server-side-rendering",children:[]},{level:3,title:"2. \uC624\uD508\uC18C\uC2A4 \uAE30\uC5EC \uC2DC\uB3C4",slug:"_2-\u110B\u1169\u1111\u1173\u11AB\u1109\u1169\u1109\u1173-\u1100\u1175\u110B\u1167-\u1109\u1175\u1103\u1169",children:[]},{level:3,title:"3. \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_3-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"4. \uC2A4\uD30C\uB974\uD0C0 \uCF54\uB529\uD074\uB7FD \uBA58\uD1A0 \uC2E0\uCCAD",slug:"_4-\u1109\u1173\u1111\u1161\u1105\u1173\u1110\u1161-\u110F\u1169\u1103\u1175\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8-\u1106\u1166\u11AB\u1110\u1169-\u1109\u1175\u11AB\u110E\u1165\u11BC",children:[]},{level:3,title:"5. \uC77C\uC77C\uCEE4\uBC0B\uACFC \uCF54\uB355",slug:"_5-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA\u1100\u116A-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/04-April/README.md"};export{e as data}; +const e={key:"v-4e40be9a",path:"/Review/2020-year/04-April/",title:"2020\uB144 4\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 4\uC6D4 \uD68C\uACE0",description:"2020\uB144 4\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-04-30T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/80867623-16185100-8cd0-11ea-99ee-4cba4953c78f.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. Vue Composition API",slug:"_1-vue-composition-api",children:[]},{level:3,title:"2. \uC21C\uC815 API \uAC1C\uBC1C",slug:"_2-\u1109\u116E\u11AB\u110C\u1165\u11BC-api-\u1100\u1162\u1107\u1161\u11AF",children:[]},{level:3,title:"3. DynamoDB",slug:"_3-dynamodb",children:[]},{level:3,title:"4. \uC7AC\uD0DD\uADFC\uBB34 \uC885\uB8CC",slug:"_4-\u110C\u1162\u1110\u1162\u11A8\u1100\u1173\u11AB\u1106\u116E-\u110C\u1169\u11BC\u1105\u116D",children:[]},{level:3,title:"5. \uCD1D\uC120",slug:"_5-\u110E\u1169\u11BC\u1109\u1165\u11AB",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Server Side Rendering",slug:"_1-server-side-rendering",children:[]},{level:3,title:"2. \uC624\uD508\uC18C\uC2A4 \uAE30\uC5EC \uC2DC\uB3C4",slug:"_2-\u110B\u1169\u1111\u1173\u11AB\u1109\u1169\u1109\u1173-\u1100\u1175\u110B\u1167-\u1109\u1175\u1103\u1169",children:[]},{level:3,title:"3. \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514",slug:"_3-\u110B\u1161\u11AF\u1100\u1169\u1105\u1175\u110C\u1173\u11B7-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"4. \uC2A4\uD30C\uB974\uD0C0 \uCF54\uB529\uD074\uB7FD \uBA58\uD1A0 \uC2E0\uCCAD",slug:"_4-\u1109\u1173\u1111\u1161\u1105\u1173\u1110\u1161-\u110F\u1169\u1103\u1175\u11BC\u110F\u1173\u11AF\u1105\u1165\u11B8-\u1106\u1166\u11AB\u1110\u1169-\u1109\u1175\u11AB\u110E\u1165\u11BC",children:[]},{level:3,title:"5. \uC77C\uC77C\uCEE4\uBC0B\uACFC \uCF54\uB355",slug:"_5-\u110B\u1175\u11AF\u110B\u1175\u11AF\u110F\u1165\u1106\u1175\u11BA\u1100\u116A-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/04-April/README.md"};export{e as data}; diff --git a/assets/index.html.0909ac9a.js b/assets/index.html.7085f0b3.js similarity index 99% rename from assets/index.html.0909ac9a.js rename to assets/index.html.7085f0b3.js index 9e948dfd..a0878df8 100644 --- a/assets/index.html.0909ac9a.js +++ b/assets/index.html.7085f0b3.js @@ -1 +1 @@ -import{_ as a,r as i,o as s,c as h,a as t,b as r,d as o,e}from"./app.800103af.js";const d={},p=o('

      2020\uB144 1\uBD84\uAE30 \uD68C\uACE0

      \uBC8C\uC368 2020\uB144\uC758 1/4\uC774 \uC9C0\uB098\uAC14\uB2E4. \uD55C \uBD84\uAE30 \uB3D9\uC548 \uC5B4\uB5A4 \uC77C\uB4E4\uC744 \uBAA9\uD45C\uB85C \uD588\uACE0, \uC5BC\uB9C8\uB9CC\uD07C \uC644\uC218\uD588\uB098 \uC790\uC2E0\uC5D0\uAC8C \uD53C\uB4DC\uBC31\uC744 \uD574\uBCF4\uC790.

      \uAC1C\uBCC4 \uC5ED\uB7C9

      1. \uC77C\uC77C\uCEE4\uBC0B

      \uC77C\uC77C\uCEE4\uBC0B

      \uC62C\uD574\uC758 \uCCAB \uBC88\uC9F8 \uBAA9\uD45C\uC774\uC790 \uC81C\uC77C \uD070 \uBAA9\uD45C\uB294 \uBC14\uB85C \uC77C\uC77C\uCEE4\uBC0B\uC774\uB2E4. \uC774\uC804\uC5D0\uB294 \uC77C\uC77C\uCEE4\uBC0B\uC774 \uBD80\uC9C8\uC5C6\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB294\uB370, \uADF8 \uC0DD\uAC01\uC744 \uACE0\uCCD0\uBA39\uC5C8\uB2E4. \uBB34\uC5B8\uAC00\uB97C \uAC70\uCC3D\uD558\uAC8C \uD558\uAE30\uBCF4\uB2E8, \uC791\uB354\uB77C\uB3C4 \uAFB8\uC900\uD788 \uD558\uB294 \uAC83\uC774 \uC911\uC694\uD558\uB2E4.

      ',6),c=e("\uC774\uB7F0 \uC0DD\uAC01\uC740 "),_={href:"https://www.youtube.com/watch?v=V9AGvwPmnZU",target:"_blank",rel:"noopener noreferrer"},l=e("\uC9C0\uBC29\uB300 \uAC1C\uBC1C \uBE44\uC804\uACF5\uC790\uAC00 \uBC30\uB2EC\uC758\uBBFC\uC871 \uB9AC\uB4DC \uAC1C\uBC1C\uC790\uAC00 \uB418\uAE30\uAE4C\uC9C0"),u=e("\uC5D0 \uC5B8\uAE09\uB41C "),g=t("code",null,"\uD558\uB8E8\uD0A4 \uBC95\uCE59",-1),f=e("\uC5D0\uC11C \uBE44\uB86F\uB418\uC5C8\uB2E4."),b=t("p",null,[e("\uB098\uB294 "),t("strong",null,"\uAD00\uC131"),e("\uC758 \uC601\uD5A5\uC744 \uD06C\uAC8C \uBC1B\uB294 \uC0AC\uB78C\uC774\uB2E4. \uADF8\uB798\uC11C \uC77C\uC77C\uCEE4\uBC0B\uC774\uB77C\uB294 \uAD00\uC131\uC5D0 \uD0D1\uC2B9\uD558\uAE30\uB85C \uD588\uB2E4. "),t("s",null,"\uAC15\uC81C\uB85C \uAFB8\uC900\uD788 \uACF5\uBD80\uD558\uB2E4 \uBCF4\uBA74 \uBB50\uB77C\uB3C4 \uB418\uC5B4\uC788\uACA0\uC9C0 \uD558\uBA70..")],-1),m=t("p",null,[e("\uB108\uBB34 \uD53C\uACE4\uD574\uC11C \uBABB\uD560\uBED4\uD55C \uC801\uB3C4 \uC788\uC5C8\uC9C0\uB9CC, \uBA38\uB9BF\uC18D\uC73C\uB85C \uACC4\uC18D "),t("u",null,"'\uADF8\uB798\uB3C4 \uC624\uB298 \uCEE4\uBC0B\uC744 \uD574\uC57C \uD558\uB294\uB370...'"),e(" \uD558\uBA70 \uBAB8\uC744 \uC77C\uC73C\uD0A4\uACE0 \uCEF4\uD4E8\uD130\uB97C \uACE0 \uACF5\uBD80\uB97C \uD588\uB2E4. \uC774\uB807\uAC8C\uAE4C\uC9C0 \uD574\uC57C \uD558\uB294 \uAC74\uAC00 \uC2F6\uC744 \uB54C\uB3C4 \uC788\uC5C8\uC9C0\uB9CC \uC5B4\uCA0C\uB4E0 \uACB0\uACFC\uC801\uC73C\uB860 \uB098\uC058\uC9C0 \uC54A\uC558\uB2E4.")],-1),x=t("p",null,"\uC77C\uC77C\uCEE4\uBC0B\uC758 \uC591\uBD84\uC73C\uB85C",-1),I={href:"https://junilhwang.github.io/TIL/",target:"_blank",rel:"noopener noreferrer"},w=e("Today I Learned"),S=e(","),k=e("\uD559\uACFC \uC218\uC5C5 \uC790\uB8CC: "),v={href:"https://github.com/JunilHwang/DKU-Software-Engineering-Logging",target:"_blank",rel:"noopener noreferrer"},L=e("DKU-Software-Engineering-Logging"),C=e(","),V=e("\uC0AC\uC774\uD2B8 \uD504\uB85C\uC81D\uD2B8: "),E={href:"https://github.com/JunilHwang/DKU-Software-Engineering-Logging-service",target:"_blank",rel:"noopener noreferrer"},y=e("DKU-Software-Engineering-Logging-service"),N=o('

      \uB4F1\uC744 \uC774\uC6A9\uD588\uB2E4.

      \uD559\uACFC \uC790\uB8CC\uB294 \uC61B\uB0A0\uBD80\uD130 \uC0DD\uAC01\uD588\uB358 \uAC70\uB77C\uC11C \uADF8\uB0E5 \uC2DC\uAC04 \uC788\uC744 \uB54C \uC870\uAE08\uC529 \uC815\uB9AC\uD588\uACE0, TIL\uB3C4 \uD300\uC6D0\uB4E4\uACFC \uC720\uBA85\uD55C \uAC1C\uBC1C\uC790\uB4E4\uC774 \uD558\uACE0 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uB098\uB3C4 \uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC73C\uB85C \uC2DC\uC791\uD588\uB2E4. \uADF8\uB9AC\uACE0 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC758 \uACBD\uC6B0 \uD559\uAD50\uC5D0 \uB2E4\uB2D0 \uB54C\uBD80\uD130 \uD574\uC57C\uC9C0 \uD574\uC57C\uC9C0 \uD558\uB2E4\uAC00 \uACB0\uAD6D \uBABB\uD588\uB294\uB370, \uC5B4\uB5BB\uAC8C\uB4E0 \uB05D\uB9FA\uC74C\uC744 \uC9D3\uACE0 \uC2F6\uC5B4\uC11C \uC2DC\uC791\uD588\uB2E4.

      \uD655\uC2E4\uD788 3\uAC1C\uC6D4 \uB3D9\uC548 \uB9E4\uC6B0 \uB9CE\uC740 \uACF5\uBD80\uB97C \uD588\uB2E4. \uC801\uC5B4\uB3C4 \uB0B4\uAC00 \uC5EC\uD0DC\uAE4C\uC9C0 \uC0B4\uC544\uC654\uB358 \uB2E4\uB978 \uC2DC\uAC04\uB4E4\uACFC \uBE44\uAD50\uD558\uBA74 \uADF8\uB807\uB2E4. \uC774 \uBC00\uB3C4\uB97C 3\uB144 \uC815\uB3C4 \uC720\uC9C0\uD558\uB294 \uAC83\uC774 \uB098\uC758 \uCD5C\uB300 \uBAA9\uD45C\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uBAA9\uD45C\uB97C \uC5BC\uB9C8\uB098 \uCC29\uC2E4\uD558\uAC8C \uC774\uB8E8\uC5B4\uAC00\uB290\uB0D0\uC5D0 \uB530\uB77C\uC11C \uC55E\uC73C\uB85C\uC758 \uC778\uC0DD\uC774 \uB2EC\uB77C\uC9C0\uACA0\uC9C0?

      \uC131\uACF5\uAE4C\uC9C4 \uC544\uB2C8\uB354\uB77C\uB3C4 \uB098 \uC790\uC2E0\uC5D0\uAC8C \uB5B3\uB5B3\uD558\uAC8C \uC0B4\uAE30 \uC704\uD55C \uD55C \uAC78\uC74C\uC774\uB9AC\uB77C.

      2. Today I Learned

      TIL\uC740 Vuepress\uB97C \uC774\uC6A9\uD558\uC5EC \uB9CC\uB4E4\uC5C8\uB2E4. Vuepress\uC758 \uB514\uC790\uC778\uC774 \uAE54\uB054\uD558\uAE30\uB3C4 \uD588\uACE0, \uBB34\uC5C7\uBCF4\uB2E4 \uB2E4\uB978 \uC815\uC801\uC0AC\uC774\uD2B8 \uC0DD\uC131\uAE30(Static Site Generator)\uBCF4\uB2E4 \uAD6C\uCD95\uD558\uAE30\uAC00 \uC26C\uC6E0\uB2E4. \uADF8\uB9AC\uACE0 Vuepress\uC5D0\uC11C \uC790\uCCB4\uC801\uC73C\uB85C \uB9CC\uB4E0 \uB9C8\uD06C\uB2E4\uC6B4 \uD50C\uB7EC\uADF8\uC778\uC774 \uBB34\uCC99 \uB9C8\uC74C\uC5D0 \uB4E4\uC5C8\uB2E4(ex: Custom Container, Highlight, ...)

      \uAE30\uB85D\uD558\uACE0 \uC2F6\uC740 \uAC83\uB4E4\uC774 \uCC38 \uB9CE\uC740\uB370, \uB0B4\uAC00 \uAE00\uC744 \uC791\uC131\uD560 \uB54C \uACF5\uC744 \uB108\uBB34 \uB9CE\uC774 \uB4E4\uC5EC\uC11C \uD55C \uAC00\uC9C0 \uC8FC\uC81C\uB85C \uBB34\uC5B8\uAC00\uB97C \uC4F8 \uB54C \uC2DC\uAC04\uC744 \uB108\uBB34 \uB9CE\uC774 \uC18C\uBAA8\uD55C\uB2E4. \uADF8\uB807\uB2E4\uACE0 \uB300\uCDA9 \uC4F0\uAE30\uB294 \uB610 \uC2EB\uB2E4. \uADF8\uB7EC\uB2E4 \uBCF4\uB2C8 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uBA40\uB9AC\uD558\uAC8C \uB41C\uB2E4.

      \uC77C\uB2E8 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC644\uB8CC\uD55C \uB2E4\uC74C\uC5D0 \uB2E4\uC2DC \uAFB8\uC900\uD788 \uC4F0\uB4E0\uAC00 \uD574\uC57C\uC9C0

      3. Side Project

      Github\uC640 \uAD00\uB828\uB41C \uC8FC\uC81C\uB85C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uACE0 \uC788\uB2E4. \uAE43\uD5C8\uBE0C\uC5D0 \uC62C\uB9B0 \uB9C8\uD06C\uB2E4\uC6B4 \uD30C\uC77C\uC744 \uB0B4\uAC00 \uB9CC\uB4E0 \uC11C\uBE44\uC2A4\uC5D0\uC11C \uC77D\uC5B4\uC62C \uC218 \uC788\uACE0, \uD6C5\uC744 \uB4F1\uB85D\uD558\uBA74 \uC800\uC808\uB85C \uD3EC\uC2A4\uD2B8\uAC00 \uC5C5\uB370\uC774\uD2B8\uB418\uB294 \uADF8\uB7F0 \uC11C\uBE44\uC2A4\uB2E4.

      \uC77C\uB2E8 \uC704\uC5D0 \uC5B8\uAE09\uD55C \uAE30\uB2A5\uB4E4\uC740 \uC77C\uCC0D\uC774 \uB2E4 \uB9CC\uB4E4\uC5C8\uB294\uB370, \uC2E4\uC81C \uC11C\uBE44\uC2A4\uB97C \uD558\uAE30\uC5D0\uB294 \uB108\uBB34 \uB514\uC790\uC778\uB3C4 \uAD6C\uB9AC\uACE0 \uD004\uB9AC\uD2F0\uAC00 \uB0AE\uC558\uB2E4. \uADF8\uB798\uC11C \uC774\uAC83\uC800\uAC83 \uC11C\uBE0C \uAE30\uB2A5\uC744 \uB123\uC5B4\uC57C \uD558\uB294\uB370 \uADF8\uAC83\uB9C8\uC800 \uC27D\uC9C0\uAC00 \uC54A\uB2E4. \uD63C\uC790\uC11C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uB294 \uAC8C \uC774\uB7F4 \uB54C \uBC84\uAC81\uAD6C\uB098 \uB290\uB07C\uB294 \uC911\uC774\uB2E4.

      \uADF8\uB798\uC11C \uB9AC\uD329\uD1A0\uB9C1\uC774\uB098 \uC0AC\uC6A9\uD558\uB294 \uAE30\uC220 \uC2A4\uD0DD\uC744 \uCD5C\uB300\uD55C \uB9CE\uC774 \uACF5\uBD80\uD558\uB294 \uC2DD\uC73C\uB85C \uC9C4\uD589 \uC911\uC774\uB2E4. \uBC8C\uC368 \uB9AC\uD329\uD1A0\uB9C1\uB9CC \uBA87 \uBC88 \uD55C \uAC83\uC778\uC9C0...

      \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uBA74\uC11C \uC81C\uC77C \uD070 \uC131\uACFC\uB294 Open API\uB97C \uC0AC\uC6A9\uD558\uB294 \uBC29\uBC95\uC744 \uC644\uC804\uD788 \uD130\uB4DD\uD55C \uAC83\uC774\uB2E4. \uC774\uC804\uC5D0\uB294 API\uB97C \uC5F0\uB3D9\uD560 \uB54C \uBB38\uC11C\uB97C \uBD10\uB3C4 \uBAA8\uB974\uACA0\uACE0, \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC774 \uC791\uC131\uD55C \uAE00\uB4E4\uC744 \uBD10\uB3C4 \uAC10\uC774 \uC624\uC9C8 \uC54A\uC558\uB294\uB370 \uC815\uB9D0 \uC5B4\uB5A4 API\uB97C \uC0AC\uC6A9\uD558\uB354\uB77C\uB3C4 \uD070 \uBB38\uC81C\uAC00 \uC5C6\uC744 \uC815\uB3C4\uB85C \uC774\uD574\uD55C \uC0C1\uD0DC\uB2E4.

      \uADF8\uB9AC\uACE0 \uC774\uC804\uC5D0 \uB108\uBB34 \uC5B4\uB824\uC6CC\uC11C \uC0AC\uC6A9\uD558\uAE30\uB97C \uD3EC\uAE30\uD588\uB358 NestJS\uC5D0 \uB300\uD574 \uC9C4\uC9DC \uC81C\uB300\uB85C \uC774\uD574\uD588\uB2E4. \uC774\uAC74 \uAC1D\uCCB4\uC9C0\uD5A5 \uACF5\uBD80\uC758 \uC601\uD5A5\uC774 \uCEF8\uB2E4. \uAD6D\uB0B4 \uC790\uB8CC\uB97C \uC544\uBB34\uB9AC \uCC3E\uC544\uBD10\uB3C4 NestJS\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC740 \uAC70\uC758 \uBCFC \uC218 \uC5C6\uC5C8\uB2E4. \uB300\uBD80\uBD84 \uD574\uC678\uC5D0\uC11C \uC0AC\uC6A9\uD558\uACE0 \uC788\uB294\uB370, \uC601\uC5B4\uC5D0 \uB108\uBB34 \uCDE8\uC57D\uD558\uB2E4 \uBCF4\uB2C8.. \uC774\uD574\uAC00 \uB108\uBB34 \uC5B4\uB824\uC6E0\uB2E4.

      \uD558\uC9C0\uB9CC Spring\uC744 \uB9CE\uC774 \uC0AC\uC6A9\uD574\uBD24\uACE0, Spring\uC5D0 \uC0AC\uC6A9\uB41C \uAE30\uBCF8\uC801\uC740 \uB514\uC790\uC778\uD328\uD134\uC774\uB098 \uCCA0\uD559\uC744 \uC774\uD574\uD558\uACE0 \uC788\uB2E4\uBA74 NestJS\uB97C \uC774\uD574\uD558\uB294 \uB370 \uD070 \uBB34\uB9AC\uAC00 \uC5C6\uB294 \uAC83 \uAC19\uB2E4. \uADF8\uB798\uC11C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC758 \uC81C\uC77C \uD070 \uC218\uD655\uC740 \uC0AC\uC2E4 NestJS\uC758 \uC0AC\uC6A9 \uC219\uC9C0\uAC00 \uC544\uB2D0\uAE4C \uC2F6\uB2E4.

      4. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uBC29\uBC95\uB860

      ',16),j={href:"https://junilhwang.github.io/TIL/CodeSpitz/Object-Oriented-Javascript/01-Intro/",target:"_blank",rel:"noopener noreferrer"},J=e("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30"),T=e("\uC640 \uC778\uD504\uB7F0\uC5D0\uC11C \uBC31\uAE30\uC120 \uB2D8\uC774 \uAC15\uC758\uD558\uC2E0 "),U={href:"https://www.inflearn.com/course/spring#curriculum",target:"_blank",rel:"noopener noreferrer"},A=e("\uC2A4\uD504\uB9C1 \uD504\uB808\uC784\uC6CC\uD06C \uC785\uBB38"),D=e(", \uADF8\uB9AC\uACE0 "),P={href:"https://expert0226.tistory.com/category/%EA%B0%95%EC%A2%8C/Spring%203.0",target:"_blank",rel:"noopener noreferrer"},B=e("\uC5EC\uB984\uB098\uB77C \uACA8\uC6B8\uC774\uC57C\uAE30"),K=e(" \uBE14\uB85C\uADF8\uC758 \uC8FC\uC778\uC7A5\uB2D8\uC774 \uC9D1\uD544\uD55C "),X={href:"https://wikibook.co.kr/java-oop-for-spring/",target:"_blank",rel:"noopener noreferrer"},G=e("\uC2A4\uD504\uB9C1 \uC785\uBB38\uC744 \uC704\uD55C \uC790\uBC14 \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"),H=e(" \uB77C\uB294 \uCC45\uC744 \uC77D\uACE0 \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0 \uB300\uD574 \uC5B4\uB290 \uC815\uB3C4 \uAE68\uC6B0\uCE60 \uC218 \uC788\uC5C8\uB2E4."),O=o('

      \uC5EC\uD0DC\uAE4C\uC9C0 \uB0B4\uAC00 \uC791\uC131\uD588\uB358 \uCF54\uB4DC\uB294 \uB9D0 \uADF8\uB300\uB85C \uC4F0\uB808\uAE30\uC600\uB2E4\uB294 \uAC83\uC744 \uC54C \uC218 \uC788\uAC8C \uD574\uC900 \uAC15\uC758\uB4E4\uACFC \uCC45\uC774\uC5C8\uB2E4.

      \uADF8\uB9AC\uACE0 \uC774\uB7EC\uD55C \uAC1C\uB150\uB4E4\uC744 \uC219\uC9C0\uD558\uC9C0 \uC54A\uC740 \uC0C1\uD0DC\uC5D0\uC11C \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uACF5\uBD80\uD55C\uB2E4\uB294 \uAC83\uC740 \uC5B4\uBD88\uC131\uC124\uC774\uB77C\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uB2E4. \uC694\uC998 \uB204\uAD70\uAC00\uAC00 \uB098\uC5D0\uAC8C \uC5B4\uB5A4 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uACF5\uBD80\uD558\uBA74 \uC88B\uACA0\uB0D0\uB294 \uB9D0\uC5D0 \uC774\uCC98\uB7FC \uB300\uB2F5\uD55C\uB2E4.

      XXX\uB77C\uB294 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uACF5\uBD80\uD558\uACE0 \uC2F6\uC2B5\uB2C8\uB2E4. \uBB34\uC5C7\uBD80\uD130 \uD574\uC57C \uC88B\uC744\uAE4C\uC694?

      1. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C \uBC29\uBC95\uB860\uC744 \uC775\uD600\uB77C.
      2. \uB514\uC790\uC778\uD328\uD134\uC744 \uC775\uD600\uB77C.
      3. MVVM\uC744 \uC775\uD600\uB77C.
      4. IoC\uB098 DI\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uB77C.
      5. \uADF8\uB9AC\uACE0 \uD504\uB808\uC784\uC6CC\uD06C \uBB38\uC11C\uB97C \uBCF4\uC544\uB77C.

      IoC(\uC81C\uC5B4\uC5ED\uC804)\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAD81\uADF9\uC801\uC778 \uBAA9\uC801\uC774\uBA70 \uBCF4\uD1B5 \uD504\uB808\uC784\uC6CC\uD06C \uC218\uC900\uC5D0\uC11C IoC\uB97C \uB2F4\uB2F9\uD55C\uB2E4. \uB530\uB77C\uC11C IoC\uB97C \uC774\uD574\uD558\uC9C0 \uBABB\uD55C\uB2E4\uBA74 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC0AC\uC6A9\uD558\uACE0 \uC788\uB2E4\uACE0 \uD574\uB3C4, \uC81C\uB300\uB85C \uC0AC\uC6A9\uD558\uB294 \uACBD\uC6B0\uB294 \uB4DC\uBB3C\uB2E4.

      \uC774\uB7EC\uD55C \uAC83\uB4E4\uC744 \uC774\uD574\uD558\uACE0 \uC788\uB294 \uC0C1\uD0DC\uB77C\uBA74 \uC5B4\uB5A4 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC0AC\uC6A9\uD558\uC5EC\uB3C4 \uAE30\uBCF8 \uC774\uC0C1\uC740 \uD560 \uC218 \uC788\uB2E4.

      \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uB860\uC744 \uACF5\uBD80\uD558\uBA74\uC11C \uC544\uC26C\uC6E0\uB358 \uC810\uC740, \uC65C \uD559\uBD80 \uACFC\uC815\uC5D0\uC11C \uC774\uB7EC\uD55C \uAC83\uB4E4\uC744 \uC124\uBA85\uD574\uC8FC\uB294 \uAD50\uC218\uB2D8\uC774 \uC5C6\uC5C8\uC744\uAE4C \uD558\uB294 \uC810\uC774\uB2E4. \uC774\uB807\uAC8C \uC911\uC694\uD55C \uAC1C\uB150\uC744 \uC65C \uC778\uC81C\uC57C \uC54C\uC558\uC744\uAE4C? \uCC38 \uC758\uBB38\uC774\uB2E4.

      5. \uC54C\uACE0\uB9AC\uC998

      \uAF34 \uBCF4\uAE30\uB3C4 \uC2EB\uB358 \uC54C\uACE0\uB9AC\uC998\uC744, \uC5EC\uC790\uCE5C\uAD6C\uC758 \uCDE8\uC5C5 \uC900\uBE44\uB97C \uB3C4\uC6B0\uBA74\uC11C \uC5B4\uCA4C\uB2E4 \uBCF4\uB2C8 \uAC19\uC774 \uD558\uAC8C \uB418\uC5C8\uB2E4. \uC624\uB79C\uB9CC\uC5D0 \uC54C\uACE0\uB9AC\uC998\uC744 \uACF5\uBD80\uD558\uB2C8\uAE4C \uC7AC\uBBF8\uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uC8FC\uB9D0\uB9C8\uB2E4 \uCF54\uB529\uD14C\uC2A4\uD2B8\uB97C \uAC19\uC774 \uC900\uBE44\uD558\uACE0 \uC788\uB2E4.

      \uADF8\uB7EC\uBA74\uC11C \uCE74\uCE74\uC624 \uC778\uD134 \uCF54\uB529\uD14C\uC2A4\uD2B8, \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uCF54\uB529\uD14C\uC2A4\uD2B8, \uBC31\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uCF54\uB529\uD14C\uC2A4\uD2B8, \uC774\uC2A4\uD2B8\uC18C\uD504\uD2B8 \uCF54\uB529 \uD14C\uC2A4\uD2B8 \uB4F1\uC744 \uD480\uC5B4\uBD24\uB294\uB370.. \uC544\uC9C1 \uB0B4 \uC218\uC900\uC740 \uACE0\uB9CC\uACE0\uB9CC\uD55C \uAC83 \uAC19\uB2E4.

      \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uAC00 \uD55C\uAE00\uB85C \uB418\uC5B4 \uC788\uACE0, UX/UI\uAC00 \uC88B\uAE34 \uD55C\uB370 \uD14C\uC2A4\uD2B8\uCF00\uC774\uC2A4\uC5D0 \uB300\uD55C \uC124\uBA85\uC774 \uB108\uBB34 \uBE48\uC57D\uD558\uB2E4. \uD53C\uB4DC\uBC31\uC774 \uB108\uBB34 \uC5C6\uC5B4\uC11C \uC65C \uD2C0\uB838\uB294\uC9C0 \uBAA8\uB978\uB2E4\uACE0 \uD574\uC57C \uD558\uB098?

      Codility\uC758 \uACBD\uC6B0 \uD53C\uB4DC\uBC31\uC774 \uD655\uC2E4\uD574\uC11C \uC790\uC2E0\uC758 \uBB38\uC81C\uC810\uC744 \uACE0\uCCD0\uAC00\uB294 \uB370 \uD070 \uB3C4\uC6C0\uC774 \uB41C\uB2E4.

      \uAC1C\uBC1C \uC678

      \uC218\uC601

      \uC218\uC601\uC744 \uC2DC\uC791\uD588\uB2E4. \uD558\uC9C0\uB9CC \uCF54\uB85C\uB098 \uB54C\uBB38\uC5D0 \uB9DD\uD588\uB2E4. (\uBE4C\uC5B4\uBA39\uC744 \uCF54\uB85C\uB098)

      \uD655\uC2E4\uD788 \uC218\uC601 \uB355\uBD84\uC5D0 \uBAB8\uC774 \uAC1C\uC6B4\uD588\uB294\uB370.. \uCF54\uB85C\uB098\uC758 \uC5EC\uD30C\uB85C \uC218\uC601\uC744 \uBABB \uD558\uACE0 \uC788\uC73C\uB2C8\uAE4C \uBAB8\uC774 \uB2E4\uC2DC \uBED0\uADFC\uD574\uC9C0\uB294 \uAC83\uC744 \uBAB8\uC18C \uCCB4\uD5D8 \uC911\uC774\uB2E4.

      \uB3C8\uC744 \uC624\uB7AB\uB3D9\uC548 \uB9CE\uC774\uB9CE\uC774 \uBC8C\uAE30 \uC704\uD574\uC11C\uB77C\uB3C4 \uACF5\uBD80\uB97C \uC5F4\uC2EC\uD788 \uD558\uAE30 \uC704\uD574\uC11C\uB77C\uB3C4 \uC6B4\uB3D9\uC744 \uCC29\uC2E4\uD788 \uD574\uC57C\uC9C0!

      \uC790\uBCF8\uC5D0 \uB300\uD558\uC5EC

      \uC6B0\uB9AC \uD68C\uC0AC \uC0AC\uB78C\uB4E4\uC758 \uD56B\uD55C \uC8FC\uC81C\uB294 \uC5B8\uC81C\uB098 \uBD80\uB3D9\uC0B0\uACFC \uC8FC\uC2DD\uC774\uB2E4. \uC0AC\uC2E4 \uC6B0\uB9AC \uD68C\uC0AC \uC0AC\uB78C\uB4E4\uBFD0\uB9CC \uC544\uB2C8\uB77C \uB2E4\uB978 \uD68C\uC0AC \uC0AC\uB78C\uB4E4 \uB610\uD55C \uB9C8\uCC2C\uAC00\uC9C0\uB2C8\uB77C. \uC5B4\uB290 \uD68C\uC0AC\uC5D0 \uB2E4\uB2C8\uAC74 \uC544\uBB34\uB9AC \uC6D4\uAE09\uC744 \uB9CE\uC774 \uBC1B\uC544\uB3C4 \uC6D4\uAE09\uC7C1\uC774\uB2E4. \uADF8\uB9AC\uACE0 \uC6D4\uAE09\uC7C1\uC774\uB294 \uAE30\uC801\uC774 \uC77C\uC5B4\uB098\uC9C0 \uC54A\uB294 \uC774\uC0C1 \uC77C\uC815 \uC218\uC900 \uC774\uC0C1\uC758 \uBD80\uB97C \uCD95\uC801\uD558\uAE30\uB294 \uD798\uB4E4\uB2E4. \uADF8\uB798\uC11C \uD070\uB3C8\uC744 \uBAA8\uC73C\uAE30 \uC704\uD574\uC120 \uC0AC\uC5C5\uC744 \uD558\uAC70\uB098 \uC8FC\uC2DD\uC744 \uD558\uAC70\uB098 \uBD80\uB3D9\uC0B0\uC744 \uD558\uAC70\uB098 \uC14B \uC911 \uD558\uB098\uC778\uB370, \uBD80\uB3D9\uC0B0\uC744 \uD558\uAE30 \uC704\uD574\uC120 \uB610 \uD070\uB3C8\uC774 \uD544\uC694\uD558\uACE0, \uB2E4\uC2DC \uD070\uB3C8\uC744 \uBAA8\uC73C\uAE30 \uC704\uD574\uC120 \uC8FC\uC2DD\uC774\uB098 \uC0AC\uC5C5\uC744 \uD574\uC57C\uD55C\uB2E4.

      \uADF8\uB7F0\uB370 \uC8FC\uC2DD\uC774\uB098 \uC0AC\uC5C5\uC740 \uBD80\uB3D9\uC0B0\uBCF4\uB2E4 \uC704\uD5D8\uBD80\uB2F4\uC774 \uD6E8\uC52C \uD06C\uB2E4. \uD2B9\uD788 \uC8FC\uC2DD/\uBE44\uD2B8\uCF54\uC778\uC744 \uD1B5\uD574\uC11C \uC790\uBCF8\uC744 \uC783\uC740 \uC0AC\uB78C\uC774 \uC8FC\uBCC0\uC5D0 \uB108\uBB34 \uB9CE\uB2E4

      \uC774\uB807\uAC8C \uD574\uB3C4, \uC800\uB807\uAC8C \uD574\uB3C4 \uD3C9\uD0C4\uD55C \uC778\uC0DD\uC744 \uC0B4\uC544\uAC00\uAE30\uB294 \uCC38 \uD798\uB4E4\uAD6C\uB098 \uC2F6\uB2E4. \uC5B4\uCA0C\uB4E0 \uB098\uB294 \uC9C0\uAE08 \uB2F9\uC7A5 \uC695\uC2EC\uC744 \uBD80\uB9AC\uAE30\uBCF4\uB2E8, \uB0B4\uC801 \uC5ED\uB7C9\uC744 \uCD95\uC801\uD558\uB294 \uAC83\uC774 \uC633\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uC55E\uC11C \uC5B8\uAE09\uD588\uC9C0\uB9CC, \uCD5C\uC18C 3\uB144\uC740 \uACF5\uBD80\uC5D0 \uB9E4\uC9C4\uD558\uC790.

      ',21);function M(z,Z){const n=i("ExternalLinkIcon");return s(),h("div",null,[p,t("p",null,[c,t("a",_,[l,r(n)]),u,g,f]),b,m,x,t("ul",null,[t("li",null,[t("a",I,[w,r(n)]),S]),t("li",null,[k,t("a",v,[L,r(n)]),C]),t("li",null,[V,t("a",E,[y,r(n)])])]),N,t("p",null,[t("a",j,[J,r(n)]),T,t("a",U,[A,r(n)]),D,t("a",P,[B,r(n)]),K,t("a",X,[G,r(n)]),H]),O])}var F=a(d,[["render",M],["__file","index.html.vue"]]);export{F as default}; +import{_ as a,r as i,o as s,c as h,a as t,b as r,d as o,e}from"./app.d20f8571.js";const d={},p=o('

      2020\uB144 1\uBD84\uAE30 \uD68C\uACE0

      \uBC8C\uC368 2020\uB144\uC758 1/4\uC774 \uC9C0\uB098\uAC14\uB2E4. \uD55C \uBD84\uAE30 \uB3D9\uC548 \uC5B4\uB5A4 \uC77C\uB4E4\uC744 \uBAA9\uD45C\uB85C \uD588\uACE0, \uC5BC\uB9C8\uB9CC\uD07C \uC644\uC218\uD588\uB098 \uC790\uC2E0\uC5D0\uAC8C \uD53C\uB4DC\uBC31\uC744 \uD574\uBCF4\uC790.

      \uAC1C\uBCC4 \uC5ED\uB7C9

      1. \uC77C\uC77C\uCEE4\uBC0B

      \uC77C\uC77C\uCEE4\uBC0B

      \uC62C\uD574\uC758 \uCCAB \uBC88\uC9F8 \uBAA9\uD45C\uC774\uC790 \uC81C\uC77C \uD070 \uBAA9\uD45C\uB294 \uBC14\uB85C \uC77C\uC77C\uCEE4\uBC0B\uC774\uB2E4. \uC774\uC804\uC5D0\uB294 \uC77C\uC77C\uCEE4\uBC0B\uC774 \uBD80\uC9C8\uC5C6\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB294\uB370, \uADF8 \uC0DD\uAC01\uC744 \uACE0\uCCD0\uBA39\uC5C8\uB2E4. \uBB34\uC5B8\uAC00\uB97C \uAC70\uCC3D\uD558\uAC8C \uD558\uAE30\uBCF4\uB2E8, \uC791\uB354\uB77C\uB3C4 \uAFB8\uC900\uD788 \uD558\uB294 \uAC83\uC774 \uC911\uC694\uD558\uB2E4.

      ',6),c=e("\uC774\uB7F0 \uC0DD\uAC01\uC740 "),_={href:"https://www.youtube.com/watch?v=V9AGvwPmnZU",target:"_blank",rel:"noopener noreferrer"},l=e("\uC9C0\uBC29\uB300 \uAC1C\uBC1C \uBE44\uC804\uACF5\uC790\uAC00 \uBC30\uB2EC\uC758\uBBFC\uC871 \uB9AC\uB4DC \uAC1C\uBC1C\uC790\uAC00 \uB418\uAE30\uAE4C\uC9C0"),u=e("\uC5D0 \uC5B8\uAE09\uB41C "),g=t("code",null,"\uD558\uB8E8\uD0A4 \uBC95\uCE59",-1),f=e("\uC5D0\uC11C \uBE44\uB86F\uB418\uC5C8\uB2E4."),b=t("p",null,[e("\uB098\uB294 "),t("strong",null,"\uAD00\uC131"),e("\uC758 \uC601\uD5A5\uC744 \uD06C\uAC8C \uBC1B\uB294 \uC0AC\uB78C\uC774\uB2E4. \uADF8\uB798\uC11C \uC77C\uC77C\uCEE4\uBC0B\uC774\uB77C\uB294 \uAD00\uC131\uC5D0 \uD0D1\uC2B9\uD558\uAE30\uB85C \uD588\uB2E4. "),t("s",null,"\uAC15\uC81C\uB85C \uAFB8\uC900\uD788 \uACF5\uBD80\uD558\uB2E4 \uBCF4\uBA74 \uBB50\uB77C\uB3C4 \uB418\uC5B4\uC788\uACA0\uC9C0 \uD558\uBA70..")],-1),m=t("p",null,[e("\uB108\uBB34 \uD53C\uACE4\uD574\uC11C \uBABB\uD560\uBED4\uD55C \uC801\uB3C4 \uC788\uC5C8\uC9C0\uB9CC, \uBA38\uB9BF\uC18D\uC73C\uB85C \uACC4\uC18D "),t("u",null,"'\uADF8\uB798\uB3C4 \uC624\uB298 \uCEE4\uBC0B\uC744 \uD574\uC57C \uD558\uB294\uB370...'"),e(" \uD558\uBA70 \uBAB8\uC744 \uC77C\uC73C\uD0A4\uACE0 \uCEF4\uD4E8\uD130\uB97C \uACE0 \uACF5\uBD80\uB97C \uD588\uB2E4. \uC774\uB807\uAC8C\uAE4C\uC9C0 \uD574\uC57C \uD558\uB294 \uAC74\uAC00 \uC2F6\uC744 \uB54C\uB3C4 \uC788\uC5C8\uC9C0\uB9CC \uC5B4\uCA0C\uB4E0 \uACB0\uACFC\uC801\uC73C\uB860 \uB098\uC058\uC9C0 \uC54A\uC558\uB2E4.")],-1),x=t("p",null,"\uC77C\uC77C\uCEE4\uBC0B\uC758 \uC591\uBD84\uC73C\uB85C",-1),I={href:"https://junilhwang.github.io/TIL/",target:"_blank",rel:"noopener noreferrer"},w=e("Today I Learned"),S=e(","),k=e("\uD559\uACFC \uC218\uC5C5 \uC790\uB8CC: "),v={href:"https://github.com/JunilHwang/DKU-Software-Engineering-Logging",target:"_blank",rel:"noopener noreferrer"},L=e("DKU-Software-Engineering-Logging"),C=e(","),V=e("\uC0AC\uC774\uD2B8 \uD504\uB85C\uC81D\uD2B8: "),E={href:"https://github.com/JunilHwang/DKU-Software-Engineering-Logging-service",target:"_blank",rel:"noopener noreferrer"},y=e("DKU-Software-Engineering-Logging-service"),N=o('

      \uB4F1\uC744 \uC774\uC6A9\uD588\uB2E4.

      \uD559\uACFC \uC790\uB8CC\uB294 \uC61B\uB0A0\uBD80\uD130 \uC0DD\uAC01\uD588\uB358 \uAC70\uB77C\uC11C \uADF8\uB0E5 \uC2DC\uAC04 \uC788\uC744 \uB54C \uC870\uAE08\uC529 \uC815\uB9AC\uD588\uACE0, TIL\uB3C4 \uD300\uC6D0\uB4E4\uACFC \uC720\uBA85\uD55C \uAC1C\uBC1C\uC790\uB4E4\uC774 \uD558\uACE0 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uB098\uB3C4 \uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC73C\uB85C \uC2DC\uC791\uD588\uB2E4. \uADF8\uB9AC\uACE0 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC758 \uACBD\uC6B0 \uD559\uAD50\uC5D0 \uB2E4\uB2D0 \uB54C\uBD80\uD130 \uD574\uC57C\uC9C0 \uD574\uC57C\uC9C0 \uD558\uB2E4\uAC00 \uACB0\uAD6D \uBABB\uD588\uB294\uB370, \uC5B4\uB5BB\uAC8C\uB4E0 \uB05D\uB9FA\uC74C\uC744 \uC9D3\uACE0 \uC2F6\uC5B4\uC11C \uC2DC\uC791\uD588\uB2E4.

      \uD655\uC2E4\uD788 3\uAC1C\uC6D4 \uB3D9\uC548 \uB9E4\uC6B0 \uB9CE\uC740 \uACF5\uBD80\uB97C \uD588\uB2E4. \uC801\uC5B4\uB3C4 \uB0B4\uAC00 \uC5EC\uD0DC\uAE4C\uC9C0 \uC0B4\uC544\uC654\uB358 \uB2E4\uB978 \uC2DC\uAC04\uB4E4\uACFC \uBE44\uAD50\uD558\uBA74 \uADF8\uB807\uB2E4. \uC774 \uBC00\uB3C4\uB97C 3\uB144 \uC815\uB3C4 \uC720\uC9C0\uD558\uB294 \uAC83\uC774 \uB098\uC758 \uCD5C\uB300 \uBAA9\uD45C\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uBAA9\uD45C\uB97C \uC5BC\uB9C8\uB098 \uCC29\uC2E4\uD558\uAC8C \uC774\uB8E8\uC5B4\uAC00\uB290\uB0D0\uC5D0 \uB530\uB77C\uC11C \uC55E\uC73C\uB85C\uC758 \uC778\uC0DD\uC774 \uB2EC\uB77C\uC9C0\uACA0\uC9C0?

      \uC131\uACF5\uAE4C\uC9C4 \uC544\uB2C8\uB354\uB77C\uB3C4 \uB098 \uC790\uC2E0\uC5D0\uAC8C \uB5B3\uB5B3\uD558\uAC8C \uC0B4\uAE30 \uC704\uD55C \uD55C \uAC78\uC74C\uC774\uB9AC\uB77C.

      2. Today I Learned

      TIL\uC740 Vuepress\uB97C \uC774\uC6A9\uD558\uC5EC \uB9CC\uB4E4\uC5C8\uB2E4. Vuepress\uC758 \uB514\uC790\uC778\uC774 \uAE54\uB054\uD558\uAE30\uB3C4 \uD588\uACE0, \uBB34\uC5C7\uBCF4\uB2E4 \uB2E4\uB978 \uC815\uC801\uC0AC\uC774\uD2B8 \uC0DD\uC131\uAE30(Static Site Generator)\uBCF4\uB2E4 \uAD6C\uCD95\uD558\uAE30\uAC00 \uC26C\uC6E0\uB2E4. \uADF8\uB9AC\uACE0 Vuepress\uC5D0\uC11C \uC790\uCCB4\uC801\uC73C\uB85C \uB9CC\uB4E0 \uB9C8\uD06C\uB2E4\uC6B4 \uD50C\uB7EC\uADF8\uC778\uC774 \uBB34\uCC99 \uB9C8\uC74C\uC5D0 \uB4E4\uC5C8\uB2E4(ex: Custom Container, Highlight, ...)

      \uAE30\uB85D\uD558\uACE0 \uC2F6\uC740 \uAC83\uB4E4\uC774 \uCC38 \uB9CE\uC740\uB370, \uB0B4\uAC00 \uAE00\uC744 \uC791\uC131\uD560 \uB54C \uACF5\uC744 \uB108\uBB34 \uB9CE\uC774 \uB4E4\uC5EC\uC11C \uD55C \uAC00\uC9C0 \uC8FC\uC81C\uB85C \uBB34\uC5B8\uAC00\uB97C \uC4F8 \uB54C \uC2DC\uAC04\uC744 \uB108\uBB34 \uB9CE\uC774 \uC18C\uBAA8\uD55C\uB2E4. \uADF8\uB807\uB2E4\uACE0 \uB300\uCDA9 \uC4F0\uAE30\uB294 \uB610 \uC2EB\uB2E4. \uADF8\uB7EC\uB2E4 \uBCF4\uB2C8 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uBA40\uB9AC\uD558\uAC8C \uB41C\uB2E4.

      \uC77C\uB2E8 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC644\uB8CC\uD55C \uB2E4\uC74C\uC5D0 \uB2E4\uC2DC \uAFB8\uC900\uD788 \uC4F0\uB4E0\uAC00 \uD574\uC57C\uC9C0

      3. Side Project

      Github\uC640 \uAD00\uB828\uB41C \uC8FC\uC81C\uB85C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uACE0 \uC788\uB2E4. \uAE43\uD5C8\uBE0C\uC5D0 \uC62C\uB9B0 \uB9C8\uD06C\uB2E4\uC6B4 \uD30C\uC77C\uC744 \uB0B4\uAC00 \uB9CC\uB4E0 \uC11C\uBE44\uC2A4\uC5D0\uC11C \uC77D\uC5B4\uC62C \uC218 \uC788\uACE0, \uD6C5\uC744 \uB4F1\uB85D\uD558\uBA74 \uC800\uC808\uB85C \uD3EC\uC2A4\uD2B8\uAC00 \uC5C5\uB370\uC774\uD2B8\uB418\uB294 \uADF8\uB7F0 \uC11C\uBE44\uC2A4\uB2E4.

      \uC77C\uB2E8 \uC704\uC5D0 \uC5B8\uAE09\uD55C \uAE30\uB2A5\uB4E4\uC740 \uC77C\uCC0D\uC774 \uB2E4 \uB9CC\uB4E4\uC5C8\uB294\uB370, \uC2E4\uC81C \uC11C\uBE44\uC2A4\uB97C \uD558\uAE30\uC5D0\uB294 \uB108\uBB34 \uB514\uC790\uC778\uB3C4 \uAD6C\uB9AC\uACE0 \uD004\uB9AC\uD2F0\uAC00 \uB0AE\uC558\uB2E4. \uADF8\uB798\uC11C \uC774\uAC83\uC800\uAC83 \uC11C\uBE0C \uAE30\uB2A5\uC744 \uB123\uC5B4\uC57C \uD558\uB294\uB370 \uADF8\uAC83\uB9C8\uC800 \uC27D\uC9C0\uAC00 \uC54A\uB2E4. \uD63C\uC790\uC11C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uB294 \uAC8C \uC774\uB7F4 \uB54C \uBC84\uAC81\uAD6C\uB098 \uB290\uB07C\uB294 \uC911\uC774\uB2E4.

      \uADF8\uB798\uC11C \uB9AC\uD329\uD1A0\uB9C1\uC774\uB098 \uC0AC\uC6A9\uD558\uB294 \uAE30\uC220 \uC2A4\uD0DD\uC744 \uCD5C\uB300\uD55C \uB9CE\uC774 \uACF5\uBD80\uD558\uB294 \uC2DD\uC73C\uB85C \uC9C4\uD589 \uC911\uC774\uB2E4. \uBC8C\uC368 \uB9AC\uD329\uD1A0\uB9C1\uB9CC \uBA87 \uBC88 \uD55C \uAC83\uC778\uC9C0...

      \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uBA74\uC11C \uC81C\uC77C \uD070 \uC131\uACFC\uB294 Open API\uB97C \uC0AC\uC6A9\uD558\uB294 \uBC29\uBC95\uC744 \uC644\uC804\uD788 \uD130\uB4DD\uD55C \uAC83\uC774\uB2E4. \uC774\uC804\uC5D0\uB294 API\uB97C \uC5F0\uB3D9\uD560 \uB54C \uBB38\uC11C\uB97C \uBD10\uB3C4 \uBAA8\uB974\uACA0\uACE0, \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC774 \uC791\uC131\uD55C \uAE00\uB4E4\uC744 \uBD10\uB3C4 \uAC10\uC774 \uC624\uC9C8 \uC54A\uC558\uB294\uB370 \uC815\uB9D0 \uC5B4\uB5A4 API\uB97C \uC0AC\uC6A9\uD558\uB354\uB77C\uB3C4 \uD070 \uBB38\uC81C\uAC00 \uC5C6\uC744 \uC815\uB3C4\uB85C \uC774\uD574\uD55C \uC0C1\uD0DC\uB2E4.

      \uADF8\uB9AC\uACE0 \uC774\uC804\uC5D0 \uB108\uBB34 \uC5B4\uB824\uC6CC\uC11C \uC0AC\uC6A9\uD558\uAE30\uB97C \uD3EC\uAE30\uD588\uB358 NestJS\uC5D0 \uB300\uD574 \uC9C4\uC9DC \uC81C\uB300\uB85C \uC774\uD574\uD588\uB2E4. \uC774\uAC74 \uAC1D\uCCB4\uC9C0\uD5A5 \uACF5\uBD80\uC758 \uC601\uD5A5\uC774 \uCEF8\uB2E4. \uAD6D\uB0B4 \uC790\uB8CC\uB97C \uC544\uBB34\uB9AC \uCC3E\uC544\uBD10\uB3C4 NestJS\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC740 \uAC70\uC758 \uBCFC \uC218 \uC5C6\uC5C8\uB2E4. \uB300\uBD80\uBD84 \uD574\uC678\uC5D0\uC11C \uC0AC\uC6A9\uD558\uACE0 \uC788\uB294\uB370, \uC601\uC5B4\uC5D0 \uB108\uBB34 \uCDE8\uC57D\uD558\uB2E4 \uBCF4\uB2C8.. \uC774\uD574\uAC00 \uB108\uBB34 \uC5B4\uB824\uC6E0\uB2E4.

      \uD558\uC9C0\uB9CC Spring\uC744 \uB9CE\uC774 \uC0AC\uC6A9\uD574\uBD24\uACE0, Spring\uC5D0 \uC0AC\uC6A9\uB41C \uAE30\uBCF8\uC801\uC740 \uB514\uC790\uC778\uD328\uD134\uC774\uB098 \uCCA0\uD559\uC744 \uC774\uD574\uD558\uACE0 \uC788\uB2E4\uBA74 NestJS\uB97C \uC774\uD574\uD558\uB294 \uB370 \uD070 \uBB34\uB9AC\uAC00 \uC5C6\uB294 \uAC83 \uAC19\uB2E4. \uADF8\uB798\uC11C \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC758 \uC81C\uC77C \uD070 \uC218\uD655\uC740 \uC0AC\uC2E4 NestJS\uC758 \uC0AC\uC6A9 \uC219\uC9C0\uAC00 \uC544\uB2D0\uAE4C \uC2F6\uB2E4.

      4. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uBC29\uBC95\uB860

      ',16),j={href:"https://junilhwang.github.io/TIL/CodeSpitz/Object-Oriented-Javascript/01-Intro/",target:"_blank",rel:"noopener noreferrer"},J=e("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30"),T=e("\uC640 \uC778\uD504\uB7F0\uC5D0\uC11C \uBC31\uAE30\uC120 \uB2D8\uC774 \uAC15\uC758\uD558\uC2E0 "),U={href:"https://www.inflearn.com/course/spring#curriculum",target:"_blank",rel:"noopener noreferrer"},A=e("\uC2A4\uD504\uB9C1 \uD504\uB808\uC784\uC6CC\uD06C \uC785\uBB38"),D=e(", \uADF8\uB9AC\uACE0 "),P={href:"https://expert0226.tistory.com/category/%EA%B0%95%EC%A2%8C/Spring%203.0",target:"_blank",rel:"noopener noreferrer"},B=e("\uC5EC\uB984\uB098\uB77C \uACA8\uC6B8\uC774\uC57C\uAE30"),K=e(" \uBE14\uB85C\uADF8\uC758 \uC8FC\uC778\uC7A5\uB2D8\uC774 \uC9D1\uD544\uD55C "),X={href:"https://wikibook.co.kr/java-oop-for-spring/",target:"_blank",rel:"noopener noreferrer"},G=e("\uC2A4\uD504\uB9C1 \uC785\uBB38\uC744 \uC704\uD55C \uC790\uBC14 \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"),H=e(" \uB77C\uB294 \uCC45\uC744 \uC77D\uACE0 \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0 \uB300\uD574 \uC5B4\uB290 \uC815\uB3C4 \uAE68\uC6B0\uCE60 \uC218 \uC788\uC5C8\uB2E4."),O=o('

      \uC5EC\uD0DC\uAE4C\uC9C0 \uB0B4\uAC00 \uC791\uC131\uD588\uB358 \uCF54\uB4DC\uB294 \uB9D0 \uADF8\uB300\uB85C \uC4F0\uB808\uAE30\uC600\uB2E4\uB294 \uAC83\uC744 \uC54C \uC218 \uC788\uAC8C \uD574\uC900 \uAC15\uC758\uB4E4\uACFC \uCC45\uC774\uC5C8\uB2E4.

      \uADF8\uB9AC\uACE0 \uC774\uB7EC\uD55C \uAC1C\uB150\uB4E4\uC744 \uC219\uC9C0\uD558\uC9C0 \uC54A\uC740 \uC0C1\uD0DC\uC5D0\uC11C \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uACF5\uBD80\uD55C\uB2E4\uB294 \uAC83\uC740 \uC5B4\uBD88\uC131\uC124\uC774\uB77C\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC5C8\uB2E4. \uC694\uC998 \uB204\uAD70\uAC00\uAC00 \uB098\uC5D0\uAC8C \uC5B4\uB5A4 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uACF5\uBD80\uD558\uBA74 \uC88B\uACA0\uB0D0\uB294 \uB9D0\uC5D0 \uC774\uCC98\uB7FC \uB300\uB2F5\uD55C\uB2E4.

      XXX\uB77C\uB294 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uACF5\uBD80\uD558\uACE0 \uC2F6\uC2B5\uB2C8\uB2E4. \uBB34\uC5C7\uBD80\uD130 \uD574\uC57C \uC88B\uC744\uAE4C\uC694?

      1. \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C \uBC29\uBC95\uB860\uC744 \uC775\uD600\uB77C.
      2. \uB514\uC790\uC778\uD328\uD134\uC744 \uC775\uD600\uB77C.
      3. MVVM\uC744 \uC775\uD600\uB77C.
      4. IoC\uB098 DI\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uB77C.
      5. \uADF8\uB9AC\uACE0 \uD504\uB808\uC784\uC6CC\uD06C \uBB38\uC11C\uB97C \uBCF4\uC544\uB77C.

      IoC(\uC81C\uC5B4\uC5ED\uC804)\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAD81\uADF9\uC801\uC778 \uBAA9\uC801\uC774\uBA70 \uBCF4\uD1B5 \uD504\uB808\uC784\uC6CC\uD06C \uC218\uC900\uC5D0\uC11C IoC\uB97C \uB2F4\uB2F9\uD55C\uB2E4. \uB530\uB77C\uC11C IoC\uB97C \uC774\uD574\uD558\uC9C0 \uBABB\uD55C\uB2E4\uBA74 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC0AC\uC6A9\uD558\uACE0 \uC788\uB2E4\uACE0 \uD574\uB3C4, \uC81C\uB300\uB85C \uC0AC\uC6A9\uD558\uB294 \uACBD\uC6B0\uB294 \uB4DC\uBB3C\uB2E4.

      \uC774\uB7EC\uD55C \uAC83\uB4E4\uC744 \uC774\uD574\uD558\uACE0 \uC788\uB294 \uC0C1\uD0DC\uB77C\uBA74 \uC5B4\uB5A4 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC0AC\uC6A9\uD558\uC5EC\uB3C4 \uAE30\uBCF8 \uC774\uC0C1\uC740 \uD560 \uC218 \uC788\uB2E4.

      \uAC1D\uCCB4\uC9C0\uD5A5 \uAC1C\uBC1C\uB860\uC744 \uACF5\uBD80\uD558\uBA74\uC11C \uC544\uC26C\uC6E0\uB358 \uC810\uC740, \uC65C \uD559\uBD80 \uACFC\uC815\uC5D0\uC11C \uC774\uB7EC\uD55C \uAC83\uB4E4\uC744 \uC124\uBA85\uD574\uC8FC\uB294 \uAD50\uC218\uB2D8\uC774 \uC5C6\uC5C8\uC744\uAE4C \uD558\uB294 \uC810\uC774\uB2E4. \uC774\uB807\uAC8C \uC911\uC694\uD55C \uAC1C\uB150\uC744 \uC65C \uC778\uC81C\uC57C \uC54C\uC558\uC744\uAE4C? \uCC38 \uC758\uBB38\uC774\uB2E4.

      5. \uC54C\uACE0\uB9AC\uC998

      \uAF34 \uBCF4\uAE30\uB3C4 \uC2EB\uB358 \uC54C\uACE0\uB9AC\uC998\uC744, \uC5EC\uC790\uCE5C\uAD6C\uC758 \uCDE8\uC5C5 \uC900\uBE44\uB97C \uB3C4\uC6B0\uBA74\uC11C \uC5B4\uCA4C\uB2E4 \uBCF4\uB2C8 \uAC19\uC774 \uD558\uAC8C \uB418\uC5C8\uB2E4. \uC624\uB79C\uB9CC\uC5D0 \uC54C\uACE0\uB9AC\uC998\uC744 \uACF5\uBD80\uD558\uB2C8\uAE4C \uC7AC\uBBF8\uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uC8FC\uB9D0\uB9C8\uB2E4 \uCF54\uB529\uD14C\uC2A4\uD2B8\uB97C \uAC19\uC774 \uC900\uBE44\uD558\uACE0 \uC788\uB2E4.

      \uADF8\uB7EC\uBA74\uC11C \uCE74\uCE74\uC624 \uC778\uD134 \uCF54\uB529\uD14C\uC2A4\uD2B8, \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uCF54\uB529\uD14C\uC2A4\uD2B8, \uBC31\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uCF54\uB529\uD14C\uC2A4\uD2B8, \uC774\uC2A4\uD2B8\uC18C\uD504\uD2B8 \uCF54\uB529 \uD14C\uC2A4\uD2B8 \uB4F1\uC744 \uD480\uC5B4\uBD24\uB294\uB370.. \uC544\uC9C1 \uB0B4 \uC218\uC900\uC740 \uACE0\uB9CC\uACE0\uB9CC\uD55C \uAC83 \uAC19\uB2E4.

      \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uAC00 \uD55C\uAE00\uB85C \uB418\uC5B4 \uC788\uACE0, UX/UI\uAC00 \uC88B\uAE34 \uD55C\uB370 \uD14C\uC2A4\uD2B8\uCF00\uC774\uC2A4\uC5D0 \uB300\uD55C \uC124\uBA85\uC774 \uB108\uBB34 \uBE48\uC57D\uD558\uB2E4. \uD53C\uB4DC\uBC31\uC774 \uB108\uBB34 \uC5C6\uC5B4\uC11C \uC65C \uD2C0\uB838\uB294\uC9C0 \uBAA8\uB978\uB2E4\uACE0 \uD574\uC57C \uD558\uB098?

      Codility\uC758 \uACBD\uC6B0 \uD53C\uB4DC\uBC31\uC774 \uD655\uC2E4\uD574\uC11C \uC790\uC2E0\uC758 \uBB38\uC81C\uC810\uC744 \uACE0\uCCD0\uAC00\uB294 \uB370 \uD070 \uB3C4\uC6C0\uC774 \uB41C\uB2E4.

      \uAC1C\uBC1C \uC678

      \uC218\uC601

      \uC218\uC601\uC744 \uC2DC\uC791\uD588\uB2E4. \uD558\uC9C0\uB9CC \uCF54\uB85C\uB098 \uB54C\uBB38\uC5D0 \uB9DD\uD588\uB2E4. (\uBE4C\uC5B4\uBA39\uC744 \uCF54\uB85C\uB098)

      \uD655\uC2E4\uD788 \uC218\uC601 \uB355\uBD84\uC5D0 \uBAB8\uC774 \uAC1C\uC6B4\uD588\uB294\uB370.. \uCF54\uB85C\uB098\uC758 \uC5EC\uD30C\uB85C \uC218\uC601\uC744 \uBABB \uD558\uACE0 \uC788\uC73C\uB2C8\uAE4C \uBAB8\uC774 \uB2E4\uC2DC \uBED0\uADFC\uD574\uC9C0\uB294 \uAC83\uC744 \uBAB8\uC18C \uCCB4\uD5D8 \uC911\uC774\uB2E4.

      \uB3C8\uC744 \uC624\uB7AB\uB3D9\uC548 \uB9CE\uC774\uB9CE\uC774 \uBC8C\uAE30 \uC704\uD574\uC11C\uB77C\uB3C4 \uACF5\uBD80\uB97C \uC5F4\uC2EC\uD788 \uD558\uAE30 \uC704\uD574\uC11C\uB77C\uB3C4 \uC6B4\uB3D9\uC744 \uCC29\uC2E4\uD788 \uD574\uC57C\uC9C0!

      \uC790\uBCF8\uC5D0 \uB300\uD558\uC5EC

      \uC6B0\uB9AC \uD68C\uC0AC \uC0AC\uB78C\uB4E4\uC758 \uD56B\uD55C \uC8FC\uC81C\uB294 \uC5B8\uC81C\uB098 \uBD80\uB3D9\uC0B0\uACFC \uC8FC\uC2DD\uC774\uB2E4. \uC0AC\uC2E4 \uC6B0\uB9AC \uD68C\uC0AC \uC0AC\uB78C\uB4E4\uBFD0\uB9CC \uC544\uB2C8\uB77C \uB2E4\uB978 \uD68C\uC0AC \uC0AC\uB78C\uB4E4 \uB610\uD55C \uB9C8\uCC2C\uAC00\uC9C0\uB2C8\uB77C. \uC5B4\uB290 \uD68C\uC0AC\uC5D0 \uB2E4\uB2C8\uAC74 \uC544\uBB34\uB9AC \uC6D4\uAE09\uC744 \uB9CE\uC774 \uBC1B\uC544\uB3C4 \uC6D4\uAE09\uC7C1\uC774\uB2E4. \uADF8\uB9AC\uACE0 \uC6D4\uAE09\uC7C1\uC774\uB294 \uAE30\uC801\uC774 \uC77C\uC5B4\uB098\uC9C0 \uC54A\uB294 \uC774\uC0C1 \uC77C\uC815 \uC218\uC900 \uC774\uC0C1\uC758 \uBD80\uB97C \uCD95\uC801\uD558\uAE30\uB294 \uD798\uB4E4\uB2E4. \uADF8\uB798\uC11C \uD070\uB3C8\uC744 \uBAA8\uC73C\uAE30 \uC704\uD574\uC120 \uC0AC\uC5C5\uC744 \uD558\uAC70\uB098 \uC8FC\uC2DD\uC744 \uD558\uAC70\uB098 \uBD80\uB3D9\uC0B0\uC744 \uD558\uAC70\uB098 \uC14B \uC911 \uD558\uB098\uC778\uB370, \uBD80\uB3D9\uC0B0\uC744 \uD558\uAE30 \uC704\uD574\uC120 \uB610 \uD070\uB3C8\uC774 \uD544\uC694\uD558\uACE0, \uB2E4\uC2DC \uD070\uB3C8\uC744 \uBAA8\uC73C\uAE30 \uC704\uD574\uC120 \uC8FC\uC2DD\uC774\uB098 \uC0AC\uC5C5\uC744 \uD574\uC57C\uD55C\uB2E4.

      \uADF8\uB7F0\uB370 \uC8FC\uC2DD\uC774\uB098 \uC0AC\uC5C5\uC740 \uBD80\uB3D9\uC0B0\uBCF4\uB2E4 \uC704\uD5D8\uBD80\uB2F4\uC774 \uD6E8\uC52C \uD06C\uB2E4. \uD2B9\uD788 \uC8FC\uC2DD/\uBE44\uD2B8\uCF54\uC778\uC744 \uD1B5\uD574\uC11C \uC790\uBCF8\uC744 \uC783\uC740 \uC0AC\uB78C\uC774 \uC8FC\uBCC0\uC5D0 \uB108\uBB34 \uB9CE\uB2E4

      \uC774\uB807\uAC8C \uD574\uB3C4, \uC800\uB807\uAC8C \uD574\uB3C4 \uD3C9\uD0C4\uD55C \uC778\uC0DD\uC744 \uC0B4\uC544\uAC00\uAE30\uB294 \uCC38 \uD798\uB4E4\uAD6C\uB098 \uC2F6\uB2E4. \uC5B4\uCA0C\uB4E0 \uB098\uB294 \uC9C0\uAE08 \uB2F9\uC7A5 \uC695\uC2EC\uC744 \uBD80\uB9AC\uAE30\uBCF4\uB2E8, \uB0B4\uC801 \uC5ED\uB7C9\uC744 \uCD95\uC801\uD558\uB294 \uAC83\uC774 \uC633\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uC55E\uC11C \uC5B8\uAE09\uD588\uC9C0\uB9CC, \uCD5C\uC18C 3\uB144\uC740 \uACF5\uBD80\uC5D0 \uB9E4\uC9C4\uD558\uC790.

      ',21);function M(z,Z){const n=i("ExternalLinkIcon");return s(),h("div",null,[p,t("p",null,[c,t("a",_,[l,r(n)]),u,g,f]),b,m,x,t("ul",null,[t("li",null,[t("a",I,[w,r(n)]),S]),t("li",null,[k,t("a",v,[L,r(n)]),C]),t("li",null,[V,t("a",E,[y,r(n)])])]),N,t("p",null,[t("a",j,[J,r(n)]),T,t("a",U,[A,r(n)]),D,t("a",P,[B,r(n)]),K,t("a",X,[G,r(n)]),H]),O])}var F=a(d,[["render",M],["__file","index.html.vue"]]);export{F as default}; diff --git a/assets/index.html.1008ef55.js b/assets/index.html.70a48510.js similarity index 99% rename from assets/index.html.1008ef55.js rename to assets/index.html.70a48510.js index 04eea5b6..cbab193f 100644 --- a/assets/index.html.1008ef55.js +++ b/assets/index.html.70a48510.js @@ -1,4 +1,4 @@ -import{_ as o,r as c,o as l,c as i,a as n,b as t,e as s,d as p}from"./app.800103af.js";var e="/TIL/assets/11.e8043992.jpg",u="/TIL/assets/1.d38069ce.jpg",r="/TIL/assets/2.732ae518.jpg",k="/TIL/assets/3.ebb606b6.jpg",d="/TIL/assets/4.5289c9ad.jpg",v="/TIL/assets/5.c0cc1669.jpg",m="/TIL/assets/6.3bd6d244.jpg",b="/TIL/assets/7.9c3a2c5c.jpg",g="/TIL/assets/8.0011a8d1.jpg",h="/TIL/assets/9.721aa4c3.jpg",y="/TIL/assets/10.94d0b3a7.jpg",q="/TIL/assets/12.62147be4.jpg",f="/TIL/assets/13.6951e4c4.jpg",_="/TIL/assets/14.c40e508b.jpg",w="/TIL/assets/15.7e4e3081.jpg",C="/TIL/assets/16.046e1f0a.jpg",E="/TIL/assets/17.3bead7d7.jpg",x="/TIL/assets/18.4dde4843.jpg",j="/TIL/assets/19.8d7c9c48.jpg",A="/TIL/assets/20.c4afb3a0.jpg",S="/TIL/assets/21.e658d8b2.jpg",T="/TIL/assets/22.3946959a.jpg",L="/TIL/assets/23.47ee6764.jpg",B="/TIL/assets/24.2cc1c03e.jpg",I="/TIL/assets/25.d4956009.jpg",N="/TIL/assets/26.c68c869a.jpg",D="/TIL/assets/27.499950e2.jpg";const O={},P=n("h1",{id:"\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11BC\u110B\u1174-\u1109\u1175\u1100\u1161\u11AB\u1111\u116D\u1105\u1173\u11AF-\u110C\u1166\u1100\u1169\u11BC\u1112\u1161\u1102\u1173\u11AB-\u1109\u1165\u1107\u1175\u1109\u1173\u1105\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110C\u1161",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11BC\u110B\u1174-\u1109\u1175\u1100\u1161\u11AB\u1111\u116D\u1105\u1173\u11AF-\u110C\u1166\u1100\u1169\u11BC\u1112\u1161\u1102\u1173\u11AB-\u1109\u1165\u1107\u1175\u1109\u1173\u1105\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110C\u1161","aria-hidden":"true"},"#"),s(" \uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C\uB97C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC790")],-1),H=n("img",{src:e,alt:"11",style:{"max-width":"1000px",width:"100%"}},null,-1),$=n("blockquote",null,[n("p",null,"\uBCF8 \uAC8C\uC2DC\uBB3C\uC740 \uC774 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC2DC\uC791\uD558\uAC8C \uB41C \uACC4\uAE30\uC640 \uC5B4\uB5A4 \uBD80\uBD84\uC5D0 \uB300\uD574\uC11C \uACE0\uBBFC\uD588\uB294\uC9C0 \uB2E4\uB8E8\uACE0 \uC788\uC2B5\uB2C8\uB2E4.")],-1),M={href:"https://junilhwang.github.io/dku-schedule-manager/",target:"_blank",rel:"noopener noreferrer"},R=s("\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C \uB9CC\uB4E4\uAE30"),J={href:"https://github.com/junilHwang/dku-schedule-manager",target:"_blank",rel:"noopener noreferrer"},F=s("\uC18C\uC2A4\uCF54\uB4DC"),K=p('

      0. \uAC04\uB2E8\uD55C \uC694\uC57D

      • \uB300\uD559\uAD50 \uC2DC\uAC04\uD45C\uB97C \uAE01\uC5B4\uC11C \uC9C1\uC811 \uC2DC\uAC04\uD45C\uB97C \uAD6C\uC131\uD560 \uC218 \uC788\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5C8\uB2E4. \uADFC\uB370 \uC65C \uB300\uD559\uAD50\uCE21\uC5D0\uC11C\uB294 \uC774\uB7F0 \uAE30\uB2A5\uC744 \uC548\uB9CC\uB4E4\uC5B4\uC8FC\uB294\uAC78\uAE4C?
      • \uBCC4\uB3C4\uC758 API\uC11C\uBC84\uAC00 \uC5C6\uC5B4\uB3C4 \uB418\uB3C4\uB85D \uAD6C\uC131\uD588\uB2E4.
      • \uB300\uC2E0\uC5D0 Github Actions\uC744 \uC774\uC6A9\uD588\uB2E4.
      • Github Actions\uC744 \uC2E4\uD589\uD558\uC5EC \uC2DC\uAC04\uD45C\uB97C 1\uC2DC\uAC04\uB9C8\uB2E4 \uC77D\uC5B4\uB4E4\uC5EC\uC11C json \uD30C\uC77C\uB85C \uC800\uC7A5\uD55C\uB2E4.
      • \uC800\uC7A5\uB41C json \uD30C\uC77C\uC744 \uC774\uC6A9\uD558\uC5EC FE\uC5D0\uC11C \uC2DC\uAC04\uD45C\uB97C \uAD6C\uC131\uD560 \uC218 \uC788\uAC8C \uB9CC\uB4E4\uC5C8\uB2E4.
      • Github Pages\uB85C \uD638\uC2A4\uD305\uD588\uB2E4.

      1. \uBC88\uB729

      ',3),U=s("\uB300\uD559\uAD50 \uC7AC\uD559 \uC2DC\uC808, \uBC29\uD559 \uB54C \uB9C8\uB2E4 \uC5B8\uC81C \uC2DC\uAC04\uD45C\uAC00 \uC62C\uB77C\uC624\uB098 \uAE30\uB2E4\uB838\uACE0, \uC2DC\uAC04\uD45C\uAC00 \uC62C\uB77C\uC640\uB3C4 \uC5B8\uC81C "),V={href:"https://everytime.kr/",target:"_blank",rel:"noopener noreferrer"},G=s("\uC5D0\uBE0C\uB9AC\uD0C0\uC784"),W=s("\uC5D0 \uC5C5\uB85C\uB4DC\uB418\uB098 \uB610 \uAE30\uB2E4\uB838\uB2E4. "),z=n("s",null,"\uADF8 \uC2DC\uC808\uC5D0\uB294 \uC65C \uC9C1\uC811 \uC2DC\uAC04\uD45C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4 \uC0DD\uAC01\uC744 \uD558\uC9C0 \uC54A\uC558\uC744\uAE4C?",-1),Z=p('

      \uC5D0\uBE0C\uB9AC\uD0C0\uC784\uC740 \uC804\uAD6D\uC758 \uBAA8\uB4E0 \uB300\uD559\uAD50\uB97C \uB300\uC0C1\uC73C\uB85C \uC11C\uBE44\uC2A4\uD558\uAE30 \uB54C\uBB38\uC5D0 \uB204\uAD70\uAC00\uAC00 \uB204\uAD70\uAC00\uAC00 \uC5D0\uBE0C\uB9AC\uD0C0\uC784 \uCE21\uC5D0 \uC2DC\uAC04\uD45C\uB97C \uC815\uB9AC\uD574\uC11C \uBCF4\uB0B4\uC9C0 \uC54A\uC73C\uBA74 \uC544\uBB34\uB3C4 \uC5D0\uBE0C\uB9AC\uD0C0\uC784 \uB0B4\uC5D0\uC11C \uC2DC\uAC04\uD45C\uB97C \uB9CC\uB4E4 \uC218 \uC5C6\uC5C8\uB2E4. \uC774\uAC74 \uC9C0\uAE08\uB3C4 \uB9C8\uCC2C\uAC00\uC9C0\uC778 \uC0C1\uD669\uC774\uB2E4.

      1

      \uC5EC\uAE30\uC11C \uC911\uC694\uD55C \uC810\uC740 \uC5D0\uBE0C\uB9AC\uD0C0\uC784\uC740 \uBAA8\uB4E0 \uD559\uAD50\uB97C \uB300\uC0C1\uC73C\uB85C \uC644\uC804 \uC790\uB3D9\uD654 \uD558\uAE30\uAC00 \uD798\uB4E4\uB2E4\uB294 \uAC83\uC774\uB2E4. \uADF8\uB798\uC11C \uB098\uB294 \uB0B4 \uBAA8\uAD50\uC778 \uB2E8\uAD6D\uB300\uD559\uAD50\uB97C \uD0C0\uAC9F\uD305\uD558\uC5EC \uC2DC\uAC04\uD45C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5B4\uC57C\uACA0\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4.

      2. \uC2DC\uAC04\uD45C \uAE01\uC5B4\uC624\uAE30

      \uCC98\uC74C\uC5D0\uB294 \uC544\uC608 API \uC11C\uBC84\uB97C \uB9CC\uB4E4\uAE4C \uACE0\uBBFC\uD588\uC5C8\uB294\uB370, \uC11C\uBC84\uB97C \uB9CC\uB4E4\uAC8C \uB420 \uACBD\uC6B0 \uACE8\uCE58\uC544\uD508 \uC0C1\uD669\uC774 \uB9CE\uC744 \uAC83 \uAC19\uC544\uC11C \uC77C\uB2E8 \uBCF4\uB958\uD588\uB2E4. \uADF8\uB798\uB3C4 API \uC11C\uBC84\uAC00 \uC788\uC73C\uBA74 \uD560 \uC218 \uC788\uB294 \uC77C\uC774 \uBB34\uCC99 \uB9CE\uC544\uC9C4\uB2E4. \uB0B4\uAC00 \uC7AC\uD559\uC0DD\uC774 \uC544\uB2C8\uB77C\uC11C \uC6F9 \uD3EC\uD138\uC758 \uBAA8\uB4E0 \uAE30\uB2A5\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uB294\uAC8C \uC544\uC26C\uC6B8\uBFD0..

      \uB9CC\uC57D\uC5D0 API \uC11C\uBC84\uAC00 \uC788\uB2E4\uB294 \uAC00\uC815 \uD558\uC5D0 \uD560 \uC218 \uC788\uB294 \uC77C\uB4E4\uC744 \uB098\uC5F4\uD574\uBCF4\uC790\uBA74

      • \uC11C\uBE44\uC2A4\uC5D0\uC11C \uB9CC\uB4E0 \uC2DC\uAC04\uD45C\uB97C, \uADF8\uB300\uB85C \uB300\uD559\uAD50 \uC6F9 \uD3EC\uD138\uC5D0 \uB4F1\uB85D\uD558\uAE30
      • \uC2DC\uAC04\uD45C \uACF5\uC720
        • \uC9C0\uAE08\uB3C4 \uC774\uBBF8\uC9C0 \uAE30\uBC18\uC73C\uB85C \uAC00\uB2A5\uD558\uAE34 \uD568
      • \uC2E4\uC2DC\uAC04 \uCC44\uD305
      • \uB4F1\uB85D\uB41C \uC2DC\uAC04\uD45C\uB97C \uAE30\uBC18\uC73C\uB85C \uC218\uAC15\uC2E0\uCCAD
        • \uD558\uBA74 \uC7A1\uD600\uAC10. \uCCA0\uCEF9\uCCA0\uCEF9
        • \uC774\uB860\uC0C1 \uAC00\uB2A5\uD558\uAE34 \uD568
      • \uAE30\uD0C0 \uB4F1\uB4F1..?
      • \uC0AC\uC2E4 \uC9C0\uAE08 \uB2F9\uC7A5 \uC0DD\uAC01\uB098\uB294\uAC8C \uB531\uD788 \uC5C6\uB2E4.
      • \uD560 \uC218 \uC788\uB294\uAC8C \uBB34\uAD81\uBB34\uC9C4 \uD558\uAE34 \uD558\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uBCC4\uB3C4\uC758 \uC11C\uBC84\uAC00 \uC5C6\uB294 \uC0C1\uD0DC\uC5D0\uC11C, \uB2E8\uAD6D\uB300 \uD3EC\uD138\uC5D0 \uC2DC\uAC04\uD45C\uAC00 \uC62C\uB77C\uC624\uC790\uB9C8\uC790 \uC774\uB97C \uC77D\uC5B4\uB4E4\uC774\uACE0 \uC11C\uBE44\uC2A4\uB85C \uC81C\uACF5\uD574\uC57C \uD55C\uB2E4.

      ',8),X=s("\uAC15\uC758 \uC2DC\uAC04\uD45C\uB294 "),Y={href:"https://webinfo.dankook.ac.kr/tiac/univ/lssn/lpci/views/lssnPopup/tmtbl.do",target:"_blank",rel:"noopener noreferrer"},Q=s("\uC774 \uB9C1\uD06C"),nn=s("\uC5D0\uC11C \uAC80\uC0C9\uD574\uBCFC \uC218 \uC788\uB294\uB370, \uAC80\uC0C9 \uC870\uAC74\uC744 \uC124\uC815\uD558\uACE0 \uC804\uC1A1\uD558\uBA74 \uB2E4\uC74C\uACFC \uAC19\uC740 \uB124\uD2B8\uC6CC\uD06C \uC694\uCCAD\uC744 \uBCF4\uB0B8\uB2E4."),sn=p('

      2

      \uC774 \uB54C \uB2E4\uC74C\uACFC \uAC19\uC774 \uD06C\uB86C\uC5D0\uC11C \uBC1C\uC0DD\uD55C \uB124\uD2B8\uC6CC\uD06C \uC804\uC1A1\uC744 cURL \uC694\uCCAD\uC73C\uB85C \uBCF5\uC0AC\uD558\uC5EC \uD655\uC778\uD574\uBCFC \uC218 \uC788\uB2E4.

      3

      curl 'https://webinfo.dankook.ac.kr/tiac/univ/lssn/lpci/views/lssnPopup/tmtbl.do' \\
      +import{_ as o,r as c,o as l,c as i,a as n,b as t,e as s,d as p}from"./app.d20f8571.js";var e="/TIL/assets/11.e8043992.jpg",u="/TIL/assets/1.d38069ce.jpg",r="/TIL/assets/2.732ae518.jpg",k="/TIL/assets/3.ebb606b6.jpg",d="/TIL/assets/4.5289c9ad.jpg",v="/TIL/assets/5.c0cc1669.jpg",m="/TIL/assets/6.3bd6d244.jpg",b="/TIL/assets/7.9c3a2c5c.jpg",g="/TIL/assets/8.0011a8d1.jpg",h="/TIL/assets/9.721aa4c3.jpg",y="/TIL/assets/10.94d0b3a7.jpg",q="/TIL/assets/12.62147be4.jpg",f="/TIL/assets/13.6951e4c4.jpg",_="/TIL/assets/14.c40e508b.jpg",w="/TIL/assets/15.7e4e3081.jpg",C="/TIL/assets/16.046e1f0a.jpg",E="/TIL/assets/17.3bead7d7.jpg",x="/TIL/assets/18.4dde4843.jpg",j="/TIL/assets/19.8d7c9c48.jpg",A="/TIL/assets/20.c4afb3a0.jpg",S="/TIL/assets/21.e658d8b2.jpg",T="/TIL/assets/22.3946959a.jpg",L="/TIL/assets/23.47ee6764.jpg",B="/TIL/assets/24.2cc1c03e.jpg",I="/TIL/assets/25.d4956009.jpg",N="/TIL/assets/26.c68c869a.jpg",D="/TIL/assets/27.499950e2.jpg";const O={},P=n("h1",{id:"\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11BC\u110B\u1174-\u1109\u1175\u1100\u1161\u11AB\u1111\u116D\u1105\u1173\u11AF-\u110C\u1166\u1100\u1169\u11BC\u1112\u1161\u1102\u1173\u11AB-\u1109\u1165\u1107\u1175\u1109\u1173\u1105\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110C\u1161",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162\u1112\u1161\u11A8\u1100\u116D-\u1100\u1161\u11BC\u110B\u1174-\u1109\u1175\u1100\u1161\u11AB\u1111\u116D\u1105\u1173\u11AF-\u110C\u1166\u1100\u1169\u11BC\u1112\u1161\u1102\u1173\u11AB-\u1109\u1165\u1107\u1175\u1109\u1173\u1105\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110C\u1161","aria-hidden":"true"},"#"),s(" \uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C\uB97C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC790")],-1),H=n("img",{src:e,alt:"11",style:{"max-width":"1000px",width:"100%"}},null,-1),$=n("blockquote",null,[n("p",null,"\uBCF8 \uAC8C\uC2DC\uBB3C\uC740 \uC774 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uC2DC\uC791\uD558\uAC8C \uB41C \uACC4\uAE30\uC640 \uC5B4\uB5A4 \uBD80\uBD84\uC5D0 \uB300\uD574\uC11C \uACE0\uBBFC\uD588\uB294\uC9C0 \uB2E4\uB8E8\uACE0 \uC788\uC2B5\uB2C8\uB2E4.")],-1),M={href:"https://junilhwang.github.io/dku-schedule-manager/",target:"_blank",rel:"noopener noreferrer"},R=s("\uB2E8\uAD6D\uB300\uD559\uAD50 \uAC15\uC758 \uC2DC\uAC04\uD45C \uB9CC\uB4E4\uAE30"),J={href:"https://github.com/junilHwang/dku-schedule-manager",target:"_blank",rel:"noopener noreferrer"},F=s("\uC18C\uC2A4\uCF54\uB4DC"),K=p('

      0. \uAC04\uB2E8\uD55C \uC694\uC57D

      • \uB300\uD559\uAD50 \uC2DC\uAC04\uD45C\uB97C \uAE01\uC5B4\uC11C \uC9C1\uC811 \uC2DC\uAC04\uD45C\uB97C \uAD6C\uC131\uD560 \uC218 \uC788\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5C8\uB2E4. \uADFC\uB370 \uC65C \uB300\uD559\uAD50\uCE21\uC5D0\uC11C\uB294 \uC774\uB7F0 \uAE30\uB2A5\uC744 \uC548\uB9CC\uB4E4\uC5B4\uC8FC\uB294\uAC78\uAE4C?
      • \uBCC4\uB3C4\uC758 API\uC11C\uBC84\uAC00 \uC5C6\uC5B4\uB3C4 \uB418\uB3C4\uB85D \uAD6C\uC131\uD588\uB2E4.
      • \uB300\uC2E0\uC5D0 Github Actions\uC744 \uC774\uC6A9\uD588\uB2E4.
      • Github Actions\uC744 \uC2E4\uD589\uD558\uC5EC \uC2DC\uAC04\uD45C\uB97C 1\uC2DC\uAC04\uB9C8\uB2E4 \uC77D\uC5B4\uB4E4\uC5EC\uC11C json \uD30C\uC77C\uB85C \uC800\uC7A5\uD55C\uB2E4.
      • \uC800\uC7A5\uB41C json \uD30C\uC77C\uC744 \uC774\uC6A9\uD558\uC5EC FE\uC5D0\uC11C \uC2DC\uAC04\uD45C\uB97C \uAD6C\uC131\uD560 \uC218 \uC788\uAC8C \uB9CC\uB4E4\uC5C8\uB2E4.
      • Github Pages\uB85C \uD638\uC2A4\uD305\uD588\uB2E4.

      1. \uBC88\uB729

      ',3),U=s("\uB300\uD559\uAD50 \uC7AC\uD559 \uC2DC\uC808, \uBC29\uD559 \uB54C \uB9C8\uB2E4 \uC5B8\uC81C \uC2DC\uAC04\uD45C\uAC00 \uC62C\uB77C\uC624\uB098 \uAE30\uB2E4\uB838\uACE0, \uC2DC\uAC04\uD45C\uAC00 \uC62C\uB77C\uC640\uB3C4 \uC5B8\uC81C "),V={href:"https://everytime.kr/",target:"_blank",rel:"noopener noreferrer"},G=s("\uC5D0\uBE0C\uB9AC\uD0C0\uC784"),W=s("\uC5D0 \uC5C5\uB85C\uB4DC\uB418\uB098 \uB610 \uAE30\uB2E4\uB838\uB2E4. "),z=n("s",null,"\uADF8 \uC2DC\uC808\uC5D0\uB294 \uC65C \uC9C1\uC811 \uC2DC\uAC04\uD45C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4 \uC0DD\uAC01\uC744 \uD558\uC9C0 \uC54A\uC558\uC744\uAE4C?",-1),Z=p('

      \uC5D0\uBE0C\uB9AC\uD0C0\uC784\uC740 \uC804\uAD6D\uC758 \uBAA8\uB4E0 \uB300\uD559\uAD50\uB97C \uB300\uC0C1\uC73C\uB85C \uC11C\uBE44\uC2A4\uD558\uAE30 \uB54C\uBB38\uC5D0 \uB204\uAD70\uAC00\uAC00 \uB204\uAD70\uAC00\uAC00 \uC5D0\uBE0C\uB9AC\uD0C0\uC784 \uCE21\uC5D0 \uC2DC\uAC04\uD45C\uB97C \uC815\uB9AC\uD574\uC11C \uBCF4\uB0B4\uC9C0 \uC54A\uC73C\uBA74 \uC544\uBB34\uB3C4 \uC5D0\uBE0C\uB9AC\uD0C0\uC784 \uB0B4\uC5D0\uC11C \uC2DC\uAC04\uD45C\uB97C \uB9CC\uB4E4 \uC218 \uC5C6\uC5C8\uB2E4. \uC774\uAC74 \uC9C0\uAE08\uB3C4 \uB9C8\uCC2C\uAC00\uC9C0\uC778 \uC0C1\uD669\uC774\uB2E4.

      1

      \uC5EC\uAE30\uC11C \uC911\uC694\uD55C \uC810\uC740 \uC5D0\uBE0C\uB9AC\uD0C0\uC784\uC740 \uBAA8\uB4E0 \uD559\uAD50\uB97C \uB300\uC0C1\uC73C\uB85C \uC644\uC804 \uC790\uB3D9\uD654 \uD558\uAE30\uAC00 \uD798\uB4E4\uB2E4\uB294 \uAC83\uC774\uB2E4. \uADF8\uB798\uC11C \uB098\uB294 \uB0B4 \uBAA8\uAD50\uC778 \uB2E8\uAD6D\uB300\uD559\uAD50\uB97C \uD0C0\uAC9F\uD305\uD558\uC5EC \uC2DC\uAC04\uD45C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5B4\uC57C\uACA0\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4.

      2. \uC2DC\uAC04\uD45C \uAE01\uC5B4\uC624\uAE30

      \uCC98\uC74C\uC5D0\uB294 \uC544\uC608 API \uC11C\uBC84\uB97C \uB9CC\uB4E4\uAE4C \uACE0\uBBFC\uD588\uC5C8\uB294\uB370, \uC11C\uBC84\uB97C \uB9CC\uB4E4\uAC8C \uB420 \uACBD\uC6B0 \uACE8\uCE58\uC544\uD508 \uC0C1\uD669\uC774 \uB9CE\uC744 \uAC83 \uAC19\uC544\uC11C \uC77C\uB2E8 \uBCF4\uB958\uD588\uB2E4. \uADF8\uB798\uB3C4 API \uC11C\uBC84\uAC00 \uC788\uC73C\uBA74 \uD560 \uC218 \uC788\uB294 \uC77C\uC774 \uBB34\uCC99 \uB9CE\uC544\uC9C4\uB2E4. \uB0B4\uAC00 \uC7AC\uD559\uC0DD\uC774 \uC544\uB2C8\uB77C\uC11C \uC6F9 \uD3EC\uD138\uC758 \uBAA8\uB4E0 \uAE30\uB2A5\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uB294\uAC8C \uC544\uC26C\uC6B8\uBFD0..

      \uB9CC\uC57D\uC5D0 API \uC11C\uBC84\uAC00 \uC788\uB2E4\uB294 \uAC00\uC815 \uD558\uC5D0 \uD560 \uC218 \uC788\uB294 \uC77C\uB4E4\uC744 \uB098\uC5F4\uD574\uBCF4\uC790\uBA74

      • \uC11C\uBE44\uC2A4\uC5D0\uC11C \uB9CC\uB4E0 \uC2DC\uAC04\uD45C\uB97C, \uADF8\uB300\uB85C \uB300\uD559\uAD50 \uC6F9 \uD3EC\uD138\uC5D0 \uB4F1\uB85D\uD558\uAE30
      • \uC2DC\uAC04\uD45C \uACF5\uC720
        • \uC9C0\uAE08\uB3C4 \uC774\uBBF8\uC9C0 \uAE30\uBC18\uC73C\uB85C \uAC00\uB2A5\uD558\uAE34 \uD568
      • \uC2E4\uC2DC\uAC04 \uCC44\uD305
      • \uB4F1\uB85D\uB41C \uC2DC\uAC04\uD45C\uB97C \uAE30\uBC18\uC73C\uB85C \uC218\uAC15\uC2E0\uCCAD
        • \uD558\uBA74 \uC7A1\uD600\uAC10. \uCCA0\uCEF9\uCCA0\uCEF9
        • \uC774\uB860\uC0C1 \uAC00\uB2A5\uD558\uAE34 \uD568
      • \uAE30\uD0C0 \uB4F1\uB4F1..?
      • \uC0AC\uC2E4 \uC9C0\uAE08 \uB2F9\uC7A5 \uC0DD\uAC01\uB098\uB294\uAC8C \uB531\uD788 \uC5C6\uB2E4.
      • \uD560 \uC218 \uC788\uB294\uAC8C \uBB34\uAD81\uBB34\uC9C4 \uD558\uAE34 \uD558\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uBCC4\uB3C4\uC758 \uC11C\uBC84\uAC00 \uC5C6\uB294 \uC0C1\uD0DC\uC5D0\uC11C, \uB2E8\uAD6D\uB300 \uD3EC\uD138\uC5D0 \uC2DC\uAC04\uD45C\uAC00 \uC62C\uB77C\uC624\uC790\uB9C8\uC790 \uC774\uB97C \uC77D\uC5B4\uB4E4\uC774\uACE0 \uC11C\uBE44\uC2A4\uB85C \uC81C\uACF5\uD574\uC57C \uD55C\uB2E4.

      ',8),X=s("\uAC15\uC758 \uC2DC\uAC04\uD45C\uB294 "),Y={href:"https://webinfo.dankook.ac.kr/tiac/univ/lssn/lpci/views/lssnPopup/tmtbl.do",target:"_blank",rel:"noopener noreferrer"},Q=s("\uC774 \uB9C1\uD06C"),nn=s("\uC5D0\uC11C \uAC80\uC0C9\uD574\uBCFC \uC218 \uC788\uB294\uB370, \uAC80\uC0C9 \uC870\uAC74\uC744 \uC124\uC815\uD558\uACE0 \uC804\uC1A1\uD558\uBA74 \uB2E4\uC74C\uACFC \uAC19\uC740 \uB124\uD2B8\uC6CC\uD06C \uC694\uCCAD\uC744 \uBCF4\uB0B8\uB2E4."),sn=p('

      2

      \uC774 \uB54C \uB2E4\uC74C\uACFC \uAC19\uC774 \uD06C\uB86C\uC5D0\uC11C \uBC1C\uC0DD\uD55C \uB124\uD2B8\uC6CC\uD06C \uC804\uC1A1\uC744 cURL \uC694\uCCAD\uC73C\uB85C \uBCF5\uC0AC\uD558\uC5EC \uD655\uC778\uD574\uBCFC \uC218 \uC788\uB2E4.

      3

      curl 'https://webinfo.dankook.ac.kr/tiac/univ/lssn/lpci/views/lssnPopup/tmtbl.do' \\
         -H 'Connection: keep-alive' \\
         -H 'Cache-Control: max-age=0' \\
         -H 'sec-ch-ua: " Not;A Brand";v="99", "Google Chrome";v="97", "Chromium";v="97"' \\
      diff --git a/assets/index.html.4aa184ce.js b/assets/index.html.719e80b4.js
      similarity index 98%
      rename from assets/index.html.4aa184ce.js
      rename to assets/index.html.719e80b4.js
      index 6f044965..0a00972d 100644
      --- a/assets/index.html.4aa184ce.js
      +++ b/assets/index.html.719e80b4.js
      @@ -1 +1 @@
      -const e={key:"v-3851b32c",path:"/Review/2021-year/01-First-Quarter/",title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0",description:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0",sidebarDepth:3,date:"2021-07-12T02:30:00.000Z",hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fjunilhwang.github.io%2FTIL%2FReview%2F2021-year%2F01-First-Quarter%2F&count_bg=%230099FF&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=%EC%A1%B0%ED%9A%8C%EC%88%98&edge_flat=true",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/172793670-9f6fe122-b21b-4f77-93c0-f16e67b69c6d.png",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"1. 2021\uB144 \uBAA9\uD45C\uC5D0 \uB300\uD55C \uD68C\uACE0",slug:"_1-2021\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC62C\uD574 \uCD08 \uBAA9\uD45C\uB4E4",slug:"_1-\u110B\u1169\u11AF\u1112\u1162-\u110E\u1169-\u1106\u1169\u11A8\u1111\u116D\u1103\u1173\u11AF",children:[]},{level:3,title:"(2) \uBB38\uC81C\uC810 \uD0D0\uC0C9",slug:"_2-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7-\u1110\u1161\u11B7\u1109\u1162\u11A8",children:[]}]},{level:2,title:"2. \uC5C5\uBB34 \uD68C\uACE0",slug:"_2-\u110B\u1165\u11B8\u1106\u116E-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC2A4\uD0C0\uD2B8\uC90C",slug:"_1-\u1109\u1173\u1110\u1161\u1110\u1173\u110C\u116E\u11B7",children:[]},{level:3,title:"(2) \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"(3) \uC90C\uB2F7\uCEF4 \uAC1C\uD3B8",slug:"_3-\u110C\u116E\u11B7\u1103\u1161\u11BA\u110F\u1165\u11B7-\u1100\u1162\u1111\u1167\u11AB",children:[]},{level:3,title:"(4) \uC2E0\uC785 \uAC1C\uBC1C\uC790 \uCC44\uC6A9",slug:"_4-\u1109\u1175\u11AB\u110B\u1175\u11B8-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161-\u110E\u1162\u110B\u116D\u11BC",children:[]},{level:3,title:"(5) \uC2E0\uADDC \uD14C\uD06C\uD540 \uC11C\uBE44\uC2A4 \uC9C4\uD589",slug:"_5-\u1109\u1175\u11AB\u1100\u1172-\u1110\u1166\u110F\u1173\u1111\u1175\u11AB-\u1109\u1165\u1107\u1175\u1109\u1173-\u110C\u1175\u11AB\u1112\u1162\u11BC",children:[]},{level:3,title:"(6) \uC870\uC9C1 \uAC1C\uD3B8",slug:"_6-\u110C\u1169\u110C\u1175\u11A8-\u1100\u1162\u1111\u1167\u11AB",children:[]}]},{level:2,title:"3. \uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"_3-\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"(1) \uBC29\uACFC\uD6C4 \uC218\uC5C5 \uAC15\uC0AC",slug:"_1-\u1107\u1161\u11BC\u1100\u116A\u1112\u116E-\u1109\u116E\u110B\u1165\u11B8-\u1100\u1161\u11BC\u1109\u1161",children:[]},{level:3,title:"(2) \uB2E8\uCFE0\uD0A4",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175",children:[]},{level:3,title:"(3) ATDD 3\uAE30",slug:"_3-atdd-3\u1100\u1175",children:[]},{level:3,title:"(4) Java CC 11\uAE30 \uB9AC\uBDF0\uC5B4",slug:"_4-java-cc-11\u1100\u1175-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(5) \uC6B0\uC544\uD55C \uD14C\uD06C\uCF54\uC2A4 Pro2 \uB9AC\uBDF0\uC5B4",slug:"_5-\u110B\u116E\u110B\u1161\u1112\u1161\u11AB-\u1110\u1166\u110F\u1173\u110F\u1169\u1109\u1173-pro2-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(6) \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 Level 3",slug:"_6-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-level-3",children:[]},{level:3,title:"(7) \uB3C5\uC11C",slug:"_7-\u1103\u1169\u11A8\u1109\u1165",children:[]},{level:3,title:"(8) \uB2E8\uAD6D\uB300 Javascript Study",slug:"_8-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-javascript-study",children:[]}]},{level:2,title:"4. \uC774\uC0AC",slug:"_4-\u110B\u1175\u1109\u1161",children:[]},{level:2,title:"5. \uD558\uBC18\uAE30 \uACC4\uD68D",slug:"_5-\u1112\u1161\u1107\u1161\u11AB\u1100\u1175-\u1100\u1168\u1112\u116C\u11A8",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2021-year/01-First-Quarter/README.md"};export{e as data};
      +const e={key:"v-3851b32c",path:"/Review/2021-year/01-First-Quarter/",title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0",description:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0",sidebarDepth:3,date:"2021-07-12T02:30:00.000Z",hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fjunilhwang.github.io%2FTIL%2FReview%2F2021-year%2F01-First-Quarter%2F&count_bg=%230099FF&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=%EC%A1%B0%ED%9A%8C%EC%88%98&edge_flat=true",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/172793670-9f6fe122-b21b-4f77-93c0-f16e67b69c6d.png",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"1. 2021\uB144 \uBAA9\uD45C\uC5D0 \uB300\uD55C \uD68C\uACE0",slug:"_1-2021\u1102\u1167\u11AB-\u1106\u1169\u11A8\u1111\u116D\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC62C\uD574 \uCD08 \uBAA9\uD45C\uB4E4",slug:"_1-\u110B\u1169\u11AF\u1112\u1162-\u110E\u1169-\u1106\u1169\u11A8\u1111\u116D\u1103\u1173\u11AF",children:[]},{level:3,title:"(2) \uBB38\uC81C\uC810 \uD0D0\uC0C9",slug:"_2-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7-\u1110\u1161\u11B7\u1109\u1162\u11A8",children:[]}]},{level:2,title:"2. \uC5C5\uBB34 \uD68C\uACE0",slug:"_2-\u110B\u1165\u11B8\u1106\u116E-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC2A4\uD0C0\uD2B8\uC90C",slug:"_1-\u1109\u1173\u1110\u1161\u1110\u1173\u110C\u116E\u11B7",children:[]},{level:3,title:"(2) \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"(3) \uC90C\uB2F7\uCEF4 \uAC1C\uD3B8",slug:"_3-\u110C\u116E\u11B7\u1103\u1161\u11BA\u110F\u1165\u11B7-\u1100\u1162\u1111\u1167\u11AB",children:[]},{level:3,title:"(4) \uC2E0\uC785 \uAC1C\uBC1C\uC790 \uCC44\uC6A9",slug:"_4-\u1109\u1175\u11AB\u110B\u1175\u11B8-\u1100\u1162\u1107\u1161\u11AF\u110C\u1161-\u110E\u1162\u110B\u116D\u11BC",children:[]},{level:3,title:"(5) \uC2E0\uADDC \uD14C\uD06C\uD540 \uC11C\uBE44\uC2A4 \uC9C4\uD589",slug:"_5-\u1109\u1175\u11AB\u1100\u1172-\u1110\u1166\u110F\u1173\u1111\u1175\u11AB-\u1109\u1165\u1107\u1175\u1109\u1173-\u110C\u1175\u11AB\u1112\u1162\u11BC",children:[]},{level:3,title:"(6) \uC870\uC9C1 \uAC1C\uD3B8",slug:"_6-\u110C\u1169\u110C\u1175\u11A8-\u1100\u1162\u1111\u1167\u11AB",children:[]}]},{level:2,title:"3. \uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"_3-\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"(1) \uBC29\uACFC\uD6C4 \uC218\uC5C5 \uAC15\uC0AC",slug:"_1-\u1107\u1161\u11BC\u1100\u116A\u1112\u116E-\u1109\u116E\u110B\u1165\u11B8-\u1100\u1161\u11BC\u1109\u1161",children:[]},{level:3,title:"(2) \uB2E8\uCFE0\uD0A4",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175",children:[]},{level:3,title:"(3) ATDD 3\uAE30",slug:"_3-atdd-3\u1100\u1175",children:[]},{level:3,title:"(4) Java CC 11\uAE30 \uB9AC\uBDF0\uC5B4",slug:"_4-java-cc-11\u1100\u1175-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(5) \uC6B0\uC544\uD55C \uD14C\uD06C\uCF54\uC2A4 Pro2 \uB9AC\uBDF0\uC5B4",slug:"_5-\u110B\u116E\u110B\u1161\u1112\u1161\u11AB-\u1110\u1166\u110F\u1173\u110F\u1169\u1109\u1173-pro2-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(6) \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 Level 3",slug:"_6-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-level-3",children:[]},{level:3,title:"(7) \uB3C5\uC11C",slug:"_7-\u1103\u1169\u11A8\u1109\u1165",children:[]},{level:3,title:"(8) \uB2E8\uAD6D\uB300 Javascript Study",slug:"_8-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-javascript-study",children:[]}]},{level:2,title:"4. \uC774\uC0AC",slug:"_4-\u110B\u1175\u1109\u1161",children:[]},{level:2,title:"5. \uD558\uBC18\uAE30 \uACC4\uD68D",slug:"_5-\u1112\u1161\u1107\u1161\u11AB\u1100\u1175-\u1100\u1168\u1112\u116C\u11A8",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2021-year/01-First-Quarter/README.md"};export{e as data};
      diff --git a/assets/index.html.184517a1.js b/assets/index.html.7340a244.js
      similarity index 99%
      rename from assets/index.html.184517a1.js
      rename to assets/index.html.7340a244.js
      index a62df2e6..43b55c05 100644
      --- a/assets/index.html.184517a1.js
      +++ b/assets/index.html.7340a244.js
      @@ -1,4 +1,4 @@
      -import{_ as p,r as o,o as c,c as i,a as n,b as t,d as e,e as s}from"./app.800103af.js";var l="/TIL/assets/2.baa4de3d.png",r="/TIL/assets/1.c8187d82.png";const u={},d=e('

      2020\uB144 5\uC6D4 \uD68C\uACE0

      \uC774\uBC88 \uB2EC\uC740 \uC131\uC778\uC774 \uB41C \uC774\uD6C4\uB85C \uC81C\uC77C \uC5F4\uC2EC\uD788 \uACF5\uBD80\uD558\uBA70 \uC9C0\uB0B8 \uAC83 \uAC19\uB2E4.

      \uACF5\uC801

      • 5\uC6D4\uC740 \uAC70\uC758 \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C \uC704\uC8FC\uC758 \uC5C5\uBB34\uB97C \uC9C4\uD589\uD588\uB2E4.
      • API\uB3C4 \uB9CC\uB4E4\uACE0 FE\uB3C4 \uB9CC\uB4E4\uC5C8\uB2E4.
      • \uADF8\uB7EC\uBA74\uC11C \uACAA\uC740 \uC77C\uB4E4\uC744 \uD68C\uACE0\uD55C\uB2E4.

      1. API \uAC1C\uBC1C

      ',5),k=s("\uB2E4\uB978 \uD68C\uC0AC\uB294 \uC5B4\uB5A4\uC9C0 \uBAA8\uB974\uACA0\uC9C0\uB9CC.. \uC6B0\uB9AC \uD68C\uC0AC\uB294 \uCCA0\uC800\uD558\uAC8C \uB9DD \uBD84\uB9AC\uAC00 \uB41C \uC0C1\uD0DC\uB85C \uC11C\uBC84\uB97C \uAD00\uB9AC\uD558\uACE0 \uC788\uB2E4. \uC774\uAC83\uB3C4 "),h={href:"https://blog.naver.com/kinxtime/220648265067?proxyReferer=https%3A%2F%2Fwww.google.com%2F",target:"_blank",rel:"noopener noreferrer"},m=s("IDC(Internet Data Center)"),v=s("\uC640 "),b={href:"https://aws.amazon.com/ko/what-is-aws/",target:"_blank",rel:"noopener noreferrer"},_=s("AWS(Amazon Web Service)"),g=s("\uB97C \uB3D9\uC2DC\uC5D0 \uC0AC\uC6A9\uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 API\uB97C \uAC1C\uBC1C\uD560 \uB54C \uC2E0\uACBD\uC368\uC57C \uD560\uAC8C \uD55C \uB458\uC774 \uC544\uB2C8\uB2E4."),f=e('

      (1) Local \uD658\uACBD

      \uC77C\uB2E8 \uB85C\uCEEC \uD658\uACBD\uC5D0\uC11C \uAC1C\uBC1C\uD560 \uB54C\uB294 \uB2E4\uC74C\uACFC \uAC19\uC740 \uD504\uB85C\uC138\uC2A4\uB97C \uB530\uB978\uB2E4.

      • \uD544\uC694\uD55C \uC678\uBD80 API\uB97C \uC77C\uC77C\uD788 \uC218\uB3D9\uC73C\uB85C \uCC14\uB7EC\uC11C JSON \uD30C\uC77C\uB85C \uC800\uC7A5\uD55C\uB2E4.
        • \uC544\uC608 \uC678\uBD80 API\uAC00 \uC544\uB2C8\uB77C \uC0AC\uB0B4\uC5D0\uC11C \uB9CC\uB4E0 API\uC758 \uACBD\uC6B0 \uAC1C\uBC1C\uB9DD -> IDC\uC5F0\uACB0\uB9DD -> IDC\uB9DD \uC73C\uB85C \uC811\uC18D\uD574\uC11C \uCC14\uB7EC\uC57C \uD55C\uB2E4.
        • \uC774 \uB54C IDC\uB9DD\uC5D0\uC11C \uC778\uBC14\uC6B4\uB4DC/\uC544\uC6C3\uBC14\uC6B4\uB4DC\uAC00 \uB418\uC5B4 \uC788\uC9C0 \uC54A\uB2E4\uBA74 API\uB97C \uD638\uCD9C\uD574\uB3C4 \uC624\uB958\uB9CC \uBC1C\uC0DD\uD55C\uB2E4.
        • \uADF8\uB7EC\uB098 \uBCF4\uC548 \uB54C\uBB38\uC5D0 \uD544\uC694\uD55C API \uB9DD\uB9CC \uC5F4\uC5B4\uB193\uAE30 \uB54C\uBB38\uC5D0 \uC2DC\uC2A4\uD15C \uC778\uD504\uB77C\uD300\uC5D0\uC11C \uBC14\uC6B4\uB4DC \uC124\uC815\uD574\uC918\uC57C \uD55C\uB2E4.
        • Domain\uC5D0 \uB300\uD55C IP\uB3C4 /etc/hosts\uC5D0\uC11C \uC124\uC815\uD574\uC918\uC57C API\uB97C \uD638\uCD9C\uD560 \uC218 \uC788\uB2E4.
      • JSON \uD30C\uC77C\uC5D0 \uB300\uD55C Data Class\uB97C \uB9CC\uB4E0\uB2E4.
      • Adapter Interface\uC640 MockUpAdapter\uB97C \uB9CC\uB4E0\uB2E4.
      • MockUpAdapter\uB294 API\uB97C \uC9C1\uC811 \uD638\uCD9C \uD558\uC9C0 \uC54A\uACE0 \uC9C1\uC811 API\uB97C \uD638\uCD9C\uD558\uC5EC \uC800\uC7A5\uD55C JSON \uD30C\uC77C\uC744 \uD30C\uC2F1\uD558\uC5EC \uC77D\uC5B4\uC628\uB2E4.
      • Spring\uC758 Profile\uC774 local\uC774\uB098 test\uC77C \uB54C\uB294 MockUpAdapter\uB97C \uD1B5\uD574 API\uC758 Data\uB97C \uC218\uC9D1\uD55C\uB2E4.

      \uC774\uB807\uAC8C \uB208\uBB3C \uACA8\uC6B4 \uACFC\uC815\uC744 \uAC70\uCCD0 \uB9CC\uB4E4\uC5B4\uC9C4 MockUpAdapter\uB97C \uC774\uC6A9\uD558\uC5EC Service, Facade, Controller, DataClass \uB4F1\uC744 \uAC1C\uBC1C\uD55C\uB2E4.

      (2) QA \uD658\uACBD

      Local\uC5D0\uC11C \uCDA9\uBD84\uD788 \uAE30\uB2A5\uC774 \uB9CC\uB4E4\uC5B4\uC84C\uB2E4\uBA74 \uC774\uC81C RealAdapter\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.

      • \uD300 \uB0B4\uC5D0\uC11C \uC0AC\uC6A9 \uC911\uC778 CoreRestTemplate\uC744 \uC774\uC6A9\uD558\uC5EC API\uB97C \uD638\uCD9C\uD574\uC57C \uD55C\uB2E4. \uC774 \uB54C \uAC01\uAC01\uC758 host\uC5D0 \uB300\uD55C Bean\uC744 \uB4F1\uB85D\uD55C \uB2E4\uC74C \uC0AC\uC6A9\uD55C\uB2E4.
      • \uAC04\uAC04\uD788 QA\uC5D0\uC11C\uB3C4 \uD638\uCD9C\uC774 \uB418\uC9C0 \uC54A\uB294 API\uB4E4\uC774 \uC874\uC7AC\uD55C\uB2E4. \uC774 \uB54C\uB294 MockUpAdapter\uB97C \uC0AC\uC6A9\uD574\uC57C\uD55C\uB2E4.
        • \uADF8\uB798\uC11C \uD14C\uC2A4\uD2B8\uD560 \uB54C \uC9C0\uC625\uC774\uB2E4. \uC2E4\uC11C\uBC84 \uD658\uACBD\uC5D0\uC11C\uB9CC \uD14C\uC2A4\uD2B8\uAC00 \uAC00\uB2A5\uD55C \uC544\uC774\uB7EC\uB2C8..
        • \uBB34\uC5C7\uBCF4\uB2E4 Profile\uC5D0 \uB300\uD55C \uC870\uAC74\uC744 \uC124\uC815\uD558\uB294\uAC8C \uCC38 \uBC88\uAC70\uB86D\uB2E4.
      • \uC704\uC640 \uAC19\uC740 \uACFC\uC815\uC744 \uAC70\uCCD0\uC11C RealAdapter \uAC1C\uBC1C\uC774 \uC644\uB8CC \uB418\uBA74 \uC774\uC81C QA \uD658\uACBD\uC5D0 \uC62C\uB9B0 \uB2E4\uC74C \uD14C\uC2A4\uD2B8\uD55C\uB2E4.
      • QA \uBC30\uD3EC\uB294 \uC820\uD0A8\uC2A4\uB97C \uC774\uC6A9\uD55C\uB2E4.
      • QA \uD658\uACBD\uC5D0\uC11C\uC758 \uC624\uB958 \uB85C\uADF8\uB97C \uD655\uC778\uD558\uAE30 \uC704\uD574\uC120 \uC77C\uB2E8 \uAC1C\uBC1C\uB9DD\uC5D0 \uC811\uADFC\uD574\uC57C \uD55C\uB2E4.

      \uAC1C\uBC1C\uB9DD\uACFC \uC778\uD130\uB137\uB9DD\uC774 \uC644\uBCBD\uD558\uAC8C \uBD84\uB9AC\uB41C \uC0C1\uD0DC\uC5D0\uC11C \uACAA\uB294 \uBC88\uAC70\uB85C\uC6C0\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uD0A4\uBCF4\uB4DC/\uBAA8\uB2C8\uD130/\uB9C8\uC6B0\uC2A4\uAC00 \uAC1C\uBC1C\uB9DD PC\uC640 \uC778\uD130\uB137\uB9DD PC\uC5D0 \uC30D\uC73C\uB85C \uC5F0\uACB0\uB418\uC5B4 \uC788\uC5B4\uC11C \uB2E8\uCD95\uD0A4\uB97C \uC774\uC6A9\uD558\uC5EC \uC804\uD658\uD560 \uC218 \uC788\uB2E4.
        • \uC804\uD658\uB9CC \uAC00\uB2A5\uD560 \uBFD0, \uBCF5\uC0AC/\uBD99\uC5EC\uB123\uAE30/\uC778\uD130\uB137 \uB4F1\uB3C4 \uC774\uC6A9\uD560 \uC218 \uC5C6\uB2E4.
      • \uAC1C\uBC1C\uB9DD PC\uC5D0\uB294 \uADF8\uB798\uB3C4 \uAC04\uAC04\uD788 \uC124\uCE58\uD560 \uC218 \uC788\uB294 \uD328\uD0A4\uC9C0\uAC00 \uC874\uC7AC\uD55C\uB2E4. \uD558\uC9C0\uB9CC \uAC1C\uBC1C\uB9DD PC\uC758 \uC6A9\uB3C4\uB294 \uC11C\uBE44\uC2A4 \uC11C\uBC84\uB85C \uC811\uADFC\uD558\uAE30 \uC704\uD568\uC774\uB2E4.
        • \uC11C\uBE44\uC2A4 \uC11C\uBC84\uC5D0\uB294 \uD328\uD0A4\uC9C0\uB97C \uC544\uC608 \uC124\uCE58\uD560 \uC218 \uC5C6\uB3C4\uB85D \uB9DD \uBD84\uB9AC\uAC00 \uB418\uC5B4 \uC788\uB2E4.
        • \uADF8\uB798\uC11C cat\uC744 \uD1B5\uD574\uC11C \uCD9C\uB825\uD55C \uD30C\uC77C\uC744 \uD074\uB9BD\uBCF4\uB4DC\uC5D0 \uBCF5\uC0AC\uD55C\uB2E4\uB358\uC9C0 \uD558\uB294 \uAE30\uB2A5\uC740 \uC774\uC6A9\uD560 \uC218 \uC5C6\uB2E4.
        • \uC989, \uC77C\uC77C\uD788 vim\uC73C\uB85C \uD655\uC778\uD560 \uC218 \uBC16\uC5D0 \uC5C6\uB294 \uC0C1\uD0DC\uC774\uB2E4.
        • \uBCF4\uD1B5 \uB85C\uADF8 \uD30C\uC77C\uC740 \uAE30\uBCF8\uC801\uC73C\uB85C \uB9CC\uC904 \uC774\uC0C1\uC774\uB2E4. \uD558\uB8E8\uB9CC \uC313\uC5EC\uB3C4 10\uB9CC\uC904\uC740 \uAC70\uB72C\uD558\uAC8C \uB118\uC5B4\uAC04\uB2E4..

      \uC27D\uAC8C \uB9D0\uD574\uC11C \uAC1C\uBC1C\uB9DD\uC5D0 \uC811\uADFC\uD558\uC5EC VIM\uC73C\uB85C \uBA87 \uB9CC\uC904\uC529 \uB418\uB294 \uB85C\uADF8\uB97C \uBCF4\uBA74\uC11C \uBB38\uC81C\uC810\uC744 \uCC3E\uC544\uB0B4\uC57C \uD55C\uB2E4. \uB85C\uADF8\uB97C \uBCF5\uC0AC\uD560 \uC218\uB3C4 \uC5C6\uACE0, \uB2E4\uB978 \uC5D0\uB514\uD130\uB85C \uC5F4 \uC218\uB3C4 \uC5C6\uB2E4. \uC624\uC9C1 \uD130\uBBF8\uB110\uC5D0\uC11C\uB9CC \uD655\uC778\uD560 \uC218 \uC788\uB2E4\uB294 \uAC83\uC774\uB2E4. \uB108\uBB34 \uBC88\uAC70\uB86D\uC9C0\uB9CC.. \uD68C\uC0AC\uC5D0\uC11C \uAD8C\uC7A5\uD558\uB294 \uC815\uCC45\uC774 \uC774\uB7EC\uD558\uB2E4. \uD558\uC9C0\uB9CC \uACE7 \uBC14\uB014 \uC608\uC815\uC774\uB77C\uACE0 \uD558\uB2C8.. \uC77C\uB9D0\uC758 \uD76C\uB9DD\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294 \uC0C1\uD0DC\uB2E4.

      \uC5B4\uCA0C\uB4E0 QA Server\uC5D0 \uBC30\uD3EC\uD55C \uB2E4\uC74C\uC5D0 \uC815\uC0C1\uC801\uC73C\uB85C API\uAC00 \uC791\uB3D9\uD55C\uB2E4\uBA74 \uAD1C\uCC2E\uACA0\uC9C0\uB9CC, \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uC744 \uB54C \uC774\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD55C \uACFC\uC815\uC740 \uC815\uB9D0 \uC21C\uD0C4\uD558\uC9C0\uAC00 \uC54A\uB2E4.

      (3) \uB9DD \uBD84\uB9AC\uC640 \uBCF4\uC548 \uC815\uCC45\uC73C\uB85C \uC778\uD558\uC5EC \uACAA\uB294 API \uD638\uCD9C \uACFC\uC815

      \uC5B4\uCA0C\uB4E0 \uC774\uB7F0 \uD658\uACBD\uC5D0\uC11C API\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4. \uADF8\uB798\uC11C API \uD638\uCD9C\uC740 \uB2E4\uC74C\uACFC \uAC19\uC740 \uACFC\uC815\uC774 \uD544\uC694\uD558\uB2E4.

      \uBE0C\uB77C\uC6B0\uC800 -> \uC11C\uBE44\uC2A4 \uC11C\uBC84 -> Internal API -> \uC678\uBD80 API

      • \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC11C\uBE44\uC2A4 \uC11C\uBC84\uC5D0 Ajax\uB85C API\uB97C \uD638\uCD9C\uD55C\uB2E4.
      • \uC11C\uBE44\uC2A4 \uC11C\uBC84\uB294 Interal API\uB97C \uD638\uCD9C\uD558\uC5EC \uBAA8\uB4E0 \uB370\uC774\uD130\uB97C \uD55C \uBC88\uC5D0 \uB0B4\uB824\uBC1B\uB294\uB2E4.
      • Internal API\uB77C\uB294 \uC774\uB984\uC5D0 \uB9DE\uAC8C, Internal API Server\uB294 \uB300\uBD80\uBD84\uC758 API\uB97C \uD638\uCD9C\uD560 \uC218 \uC788\uB3C4\uB85D \uBCF4\uC548 \uC815\uCC45\uC774 \uAD6C\uC131\uB418\uC5B4 \uC788\uB2E4.
      • Internal API\uB294 \uC815\uB9D0 \uC218 \uC5C6\uC774 \uB9CE\uC740 API\uB97C \uD638\uCD9C\uD558\uACE0, \uC774\uB97C \uC815\uC81C\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC11C\uBC84\uC5D0 \uB0B4\uB824\uC900\uB2E4.

      \uB530\uB77C\uC11C \uBE0C\uB77C\uC6B0\uC800\uC5D0 \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uBCF4\uAE30 \uC704\uD574\uC120 \uC0AC\uC2E4 3\uBC88\uC758 API \uD638\uCD9C \uACFC\uC815\uC744 \uACAA\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB807\uB2E4\uBA74.. \uC131\uB2A5\uC0C1 \uBB38\uC81C\uAC00 \uC788\uC9C0 \uC54A\uC744\uAE4C?

      (4) \uCE90\uC2F1 \uC2DC\uC2A4\uD15C

      \uC704\uC640 \uAC19\uC740 API \uD638\uCD9C \uACFC\uC815\uC740 \uCE90\uC2F1 \uC815\uCC45\uC744 \uC774\uC6A9\uD558\uC5EC \uAC04\uB7B5\uD654\uB41C\uB2E4.

      • Internal API Server\uAC00 \uC2DC\uC791\uB418\uC790 \uB9C8\uC790 \uBAA8\uB4E0 \uC11C\uBE44\uC2A4\uB97C \uB2E4 \uC2E4\uD589\uD558\uC5EC \uD544\uC694\uD55C API\uB97C \uBAA8\uB450 \uD638\uCD9C\uD55C\uB2E4.
        • Controller -> Template Facade -> Module -> Facade -> Service -> Adapter \uC640 \uAC19\uC740 \uD638\uCD9C \uACFC\uC815\uC744 \uACAA\uB294\uB2E4.
      • \uC774 \uB54C Service\uC640 Module\uC744 Caching\uD558\uACE0, Template Facade\uB294 \uCE90\uC2F1\uB41C Module\uC744, Facade\uB294 \uCE90\uC2F1\uB41C Service\uB97C \uC0AC\uC6A9\uD55C\uB2E4.
      • \uADF8\uB9AC\uACE0 \uD544\uC694\uD55C \uC2DC\uC810\uC5D0 \uC2A4\uCF00\uC974\uB7EC\uAC00 \uB2E4\uC2DC \uD55C\uBC88 API\uB97C \uD638\uCD9C\uD558\uC5EC \uCE90\uC2F1\uB41C \uB370\uC774\uD130\uB97C \uCD5C\uC2E0\uD654\uC2DC\uCF1C\uC900\uB2E4.

      \uACB0\uAD6D \uC704\uC640 \uAC19\uC740 \uACFC\uC815\uC73C\uB85C Internal API\uB294 \uD56D\uC0C1 \uCE90\uC2F1\uB41C \uB370\uC774\uD130\uB9CC \uB0B4\uBCF4\uB0B8\uB2E4. \uADF8\uB9AC\uACE0 \uC11C\uBE44\uC2A4 \uC11C\uBC84\uB3C4 \uC774\uC640 \uB611\uAC19\uC740 \uACFC\uC815\uC73C\uB85C \uCE90\uC2F1\uC744 \uD55C\uB2E4.

      • \uC11C\uBE44\uC2A4 \uC11C\uBC84\uC5D0\uC11C\uB3C4 \uB9C8\uCC2C\uAC00\uC9C0\uB85C Internal API\uC5D0\uC11C \uB0B4\uB824\uBCF4\uB0B8 \uB370\uC774\uD130\uB97C \uCE90\uC2F1\uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uC2A4\uCF00\uC974\uB7EC\uAC00 \uB3CC\uBA74\uC11C \uCE90\uC2F1\uB41C \uB370\uC774\uD130\uB97C \uCD5C\uC2E0\uD654 \uD574\uC900\uB2E4.
      • \uC11C\uBE44\uC2A4 \uC11C\uBC84\uAC00 \uBE0C\uB77C\uC6B0\uC800\uC5D0 \uB370\uC774\uD130\uB97C \uB0B4\uB824\uC8FC\uBA74, \uBE0C\uB77C\uC6B0\uC800\uAC00 \uB2E4\uC2DC local cache\uC5D0 API\uC758 \uACB0\uACFC\uBB3C\uC744 \uC800\uC7A5\uD55C\uB2E4.

      \uACB0\uAD6D \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uD544\uC694\uD55C \uB370\uC774\uD130\uB294 \uC774\uB7EC\uD55C \uCE90\uC2F1 \uC2DC\uC2A4\uD15C\uC744 \uC774\uC6A9\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC11C\uBC84\uB9CC \uD638\uCD9C\uD558\uC5EC\uB3C4 \uBAA8\uB4E0 \uB370\uC774\uD130\uB97C \uAC00\uC838\uC62C \uC218 \uC788\uB3C4\uB85D \uAD6C\uC131\uB41C\uB2E4.

      \uC815\uB9AC\uD558\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uBE0C\uB77C\uC6B0\uC800 -> \uC11C\uBE44\uC2A4 \uC11C\uBC84\uC758 \uCE90\uC2DC \uB370\uC774\uD130 \uD638\uCD9C
      • \uC11C\uBE44\uC2A4 \uC11C\uBC84 \uC2A4\uCF00\uC974\uB7EC -> Internal API\uC758 \uCE90\uC2DC \uB370\uC774\uD130 \uD638\uCD9C -> \uCE90\uC2DC \uCD5C\uC2E0\uD654
      • Internal API \uC2A4\uCF00\uC974\uB7EC -> \uC678\uBD80 API \uD638\uCD9C -> \uCE90\uC2DC \uCD5C\uC2E0\uD654

      2. \uD06C\uB86C \uC775\uC2A4\uD150\uC158 \uAC1C\uBC1C

      (1) \uD06C\uB86C \uC775\uC2A4\uD150\uC158 \uD29C\uD1A0\uB9AC\uC5BC

      ',27),y={href:"https://github.com/JunilHwang/chrome-extension-tutorial",target:"_blank",rel:"noopener noreferrer"},x=s("\uD29C\uD1A0\uB9AC\uC5BC \uB808\uD3EC\uC9C0\uD1A0\uB9AC \uBC14\uB85C\uAC00\uAE30"),q=n("p",null,[n("img",{src:l,alt:"\uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uD29C\uD1A0\uB9AC\uC5BC"})],-1),I=n("p",null,[s("\uC77C\uB2E8, \uAC1C\uBC1C\uC5D0 \uC55E\uC11C "),n("s",null,"\uCEE4\uBC0B \uD69F\uC218\uB3C4 \uCC44\uC6B8\uACB8"),s(" \uD29C\uD1A0\uB9AC\uC5BC\uC744 \uC9C4\uD589\uD588\uB2E4. \uAC1C\uBC1C\uC5D0 \uD544\uC694\uD55C API\uB294 History, Bookmark, Storage API\uC600\uB2E4.")],-1),A=n("h5",{id:"manifest-json",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#manifest-json","aria-hidden":"true"},"#"),s(" manifest.json")],-1),P=n("p",null,[s("\uBA3C\uC800 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC5D0 \uAF2D \uD544\uC694\uD55C \uD30C\uC77C\uC774 \uBC14\uB85C "),n("code",null,"manifest.json"),s("\uC774\uB2E4.")],-1),w={class:"custom-container tip"},j=n("p",{class:"custom-container-title"},"manifest.json",-1),S={href:"https://developer.chrome.com/extensions/manifest",target:"_blank",rel:"noopener noreferrer"},C=s("Chrome API \uACF5\uC2DD \uBB38\uC11C"),T=s("\uC5D0\uC11C \uD655\uC778\uD574\uBCFC \uC218 \uC788\uAE34 \uD55C\uB370.. \uC124\uBA85\uC774 \uC880 \uBE48\uC57D\uD558\uB2E4."),M=n("ul",null,[n("li",null,"manifest.json \uD30C\uC77C\uC740 json \uD3EC\uB9F7 \uD30C\uC77C\uB85C\uC11C, \uBAA8\uB4E0 \uC6F9 \uC775\uC2A4\uD150\uC158\uC774 \uD3EC\uD568\uD558\uACE0 \uC788\uC5B4\uC57C \uD558\uB294 \uD30C\uC77C\uC774\uB2E4."),n("li",null,"manifest.json\uC5D0 \uC775\uC2A4\uD150\uC158\uC758 \uC774\uB984, \uBC84\uC83C\uACFC \uAC19\uC740 \uAE30\uBCF8 \uC815\uBCF4, \uC775\uC2A4\uD150\uC158\uC758 \uAE30\uB2A5 \uB4F1\uC744 \uBA85\uC2DC\uD574\uC57C \uD55C\uB2E4."),n("li",null,"\uC608\uB97C \uB4E4\uC5B4 \uAE30\uBCF8 \uC2A4\uD06C\uB9BD\uD2B8, \uB0B4\uC6A9 \uC2A4\uD06C\uB9BD\uD2B8, \uBE0C\uB77C\uC6B0\uC838 \uD65C\uB3D9 \uB4F1\uACFC \uAC19\uC740 \uCE21\uBA74\uC744 \uBA85\uC2DC\uD560 \uC218 \uC788\uB2E4.")],-1),F={href:"https://developer.mozilla.org/ko/docs/Mozilla/Add-ons/WebExtensions/manifest.json",target:"_blank",rel:"noopener noreferrer"},R=s("MDN Web Extension"),D=s("\uC5D0\uC11C\uB3C4 \uD655\uC778\uD560 \uC218 \uC788\uB2E4."),E=e(`
      {
      +import{_ as p,r as o,o as c,c as i,a as n,b as t,d as e,e as s}from"./app.d20f8571.js";var l="/TIL/assets/2.baa4de3d.png",r="/TIL/assets/1.c8187d82.png";const u={},d=e('

      2020\uB144 5\uC6D4 \uD68C\uACE0

      \uC774\uBC88 \uB2EC\uC740 \uC131\uC778\uC774 \uB41C \uC774\uD6C4\uB85C \uC81C\uC77C \uC5F4\uC2EC\uD788 \uACF5\uBD80\uD558\uBA70 \uC9C0\uB0B8 \uAC83 \uAC19\uB2E4.

      \uACF5\uC801

      • 5\uC6D4\uC740 \uAC70\uC758 \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C \uC704\uC8FC\uC758 \uC5C5\uBB34\uB97C \uC9C4\uD589\uD588\uB2E4.
      • API\uB3C4 \uB9CC\uB4E4\uACE0 FE\uB3C4 \uB9CC\uB4E4\uC5C8\uB2E4.
      • \uADF8\uB7EC\uBA74\uC11C \uACAA\uC740 \uC77C\uB4E4\uC744 \uD68C\uACE0\uD55C\uB2E4.

      1. API \uAC1C\uBC1C

      ',5),k=s("\uB2E4\uB978 \uD68C\uC0AC\uB294 \uC5B4\uB5A4\uC9C0 \uBAA8\uB974\uACA0\uC9C0\uB9CC.. \uC6B0\uB9AC \uD68C\uC0AC\uB294 \uCCA0\uC800\uD558\uAC8C \uB9DD \uBD84\uB9AC\uAC00 \uB41C \uC0C1\uD0DC\uB85C \uC11C\uBC84\uB97C \uAD00\uB9AC\uD558\uACE0 \uC788\uB2E4. \uC774\uAC83\uB3C4 "),h={href:"https://blog.naver.com/kinxtime/220648265067?proxyReferer=https%3A%2F%2Fwww.google.com%2F",target:"_blank",rel:"noopener noreferrer"},m=s("IDC(Internet Data Center)"),v=s("\uC640 "),b={href:"https://aws.amazon.com/ko/what-is-aws/",target:"_blank",rel:"noopener noreferrer"},_=s("AWS(Amazon Web Service)"),g=s("\uB97C \uB3D9\uC2DC\uC5D0 \uC0AC\uC6A9\uD558\uACE0 \uC788\uAE30 \uB54C\uBB38\uC5D0 API\uB97C \uAC1C\uBC1C\uD560 \uB54C \uC2E0\uACBD\uC368\uC57C \uD560\uAC8C \uD55C \uB458\uC774 \uC544\uB2C8\uB2E4."),f=e('

      (1) Local \uD658\uACBD

      \uC77C\uB2E8 \uB85C\uCEEC \uD658\uACBD\uC5D0\uC11C \uAC1C\uBC1C\uD560 \uB54C\uB294 \uB2E4\uC74C\uACFC \uAC19\uC740 \uD504\uB85C\uC138\uC2A4\uB97C \uB530\uB978\uB2E4.

      • \uD544\uC694\uD55C \uC678\uBD80 API\uB97C \uC77C\uC77C\uD788 \uC218\uB3D9\uC73C\uB85C \uCC14\uB7EC\uC11C JSON \uD30C\uC77C\uB85C \uC800\uC7A5\uD55C\uB2E4.
        • \uC544\uC608 \uC678\uBD80 API\uAC00 \uC544\uB2C8\uB77C \uC0AC\uB0B4\uC5D0\uC11C \uB9CC\uB4E0 API\uC758 \uACBD\uC6B0 \uAC1C\uBC1C\uB9DD -> IDC\uC5F0\uACB0\uB9DD -> IDC\uB9DD \uC73C\uB85C \uC811\uC18D\uD574\uC11C \uCC14\uB7EC\uC57C \uD55C\uB2E4.
        • \uC774 \uB54C IDC\uB9DD\uC5D0\uC11C \uC778\uBC14\uC6B4\uB4DC/\uC544\uC6C3\uBC14\uC6B4\uB4DC\uAC00 \uB418\uC5B4 \uC788\uC9C0 \uC54A\uB2E4\uBA74 API\uB97C \uD638\uCD9C\uD574\uB3C4 \uC624\uB958\uB9CC \uBC1C\uC0DD\uD55C\uB2E4.
        • \uADF8\uB7EC\uB098 \uBCF4\uC548 \uB54C\uBB38\uC5D0 \uD544\uC694\uD55C API \uB9DD\uB9CC \uC5F4\uC5B4\uB193\uAE30 \uB54C\uBB38\uC5D0 \uC2DC\uC2A4\uD15C \uC778\uD504\uB77C\uD300\uC5D0\uC11C \uBC14\uC6B4\uB4DC \uC124\uC815\uD574\uC918\uC57C \uD55C\uB2E4.
        • Domain\uC5D0 \uB300\uD55C IP\uB3C4 /etc/hosts\uC5D0\uC11C \uC124\uC815\uD574\uC918\uC57C API\uB97C \uD638\uCD9C\uD560 \uC218 \uC788\uB2E4.
      • JSON \uD30C\uC77C\uC5D0 \uB300\uD55C Data Class\uB97C \uB9CC\uB4E0\uB2E4.
      • Adapter Interface\uC640 MockUpAdapter\uB97C \uB9CC\uB4E0\uB2E4.
      • MockUpAdapter\uB294 API\uB97C \uC9C1\uC811 \uD638\uCD9C \uD558\uC9C0 \uC54A\uACE0 \uC9C1\uC811 API\uB97C \uD638\uCD9C\uD558\uC5EC \uC800\uC7A5\uD55C JSON \uD30C\uC77C\uC744 \uD30C\uC2F1\uD558\uC5EC \uC77D\uC5B4\uC628\uB2E4.
      • Spring\uC758 Profile\uC774 local\uC774\uB098 test\uC77C \uB54C\uB294 MockUpAdapter\uB97C \uD1B5\uD574 API\uC758 Data\uB97C \uC218\uC9D1\uD55C\uB2E4.

      \uC774\uB807\uAC8C \uB208\uBB3C \uACA8\uC6B4 \uACFC\uC815\uC744 \uAC70\uCCD0 \uB9CC\uB4E4\uC5B4\uC9C4 MockUpAdapter\uB97C \uC774\uC6A9\uD558\uC5EC Service, Facade, Controller, DataClass \uB4F1\uC744 \uAC1C\uBC1C\uD55C\uB2E4.

      (2) QA \uD658\uACBD

      Local\uC5D0\uC11C \uCDA9\uBD84\uD788 \uAE30\uB2A5\uC774 \uB9CC\uB4E4\uC5B4\uC84C\uB2E4\uBA74 \uC774\uC81C RealAdapter\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.

      • \uD300 \uB0B4\uC5D0\uC11C \uC0AC\uC6A9 \uC911\uC778 CoreRestTemplate\uC744 \uC774\uC6A9\uD558\uC5EC API\uB97C \uD638\uCD9C\uD574\uC57C \uD55C\uB2E4. \uC774 \uB54C \uAC01\uAC01\uC758 host\uC5D0 \uB300\uD55C Bean\uC744 \uB4F1\uB85D\uD55C \uB2E4\uC74C \uC0AC\uC6A9\uD55C\uB2E4.
      • \uAC04\uAC04\uD788 QA\uC5D0\uC11C\uB3C4 \uD638\uCD9C\uC774 \uB418\uC9C0 \uC54A\uB294 API\uB4E4\uC774 \uC874\uC7AC\uD55C\uB2E4. \uC774 \uB54C\uB294 MockUpAdapter\uB97C \uC0AC\uC6A9\uD574\uC57C\uD55C\uB2E4.
        • \uADF8\uB798\uC11C \uD14C\uC2A4\uD2B8\uD560 \uB54C \uC9C0\uC625\uC774\uB2E4. \uC2E4\uC11C\uBC84 \uD658\uACBD\uC5D0\uC11C\uB9CC \uD14C\uC2A4\uD2B8\uAC00 \uAC00\uB2A5\uD55C \uC544\uC774\uB7EC\uB2C8..
        • \uBB34\uC5C7\uBCF4\uB2E4 Profile\uC5D0 \uB300\uD55C \uC870\uAC74\uC744 \uC124\uC815\uD558\uB294\uAC8C \uCC38 \uBC88\uAC70\uB86D\uB2E4.
      • \uC704\uC640 \uAC19\uC740 \uACFC\uC815\uC744 \uAC70\uCCD0\uC11C RealAdapter \uAC1C\uBC1C\uC774 \uC644\uB8CC \uB418\uBA74 \uC774\uC81C QA \uD658\uACBD\uC5D0 \uC62C\uB9B0 \uB2E4\uC74C \uD14C\uC2A4\uD2B8\uD55C\uB2E4.
      • QA \uBC30\uD3EC\uB294 \uC820\uD0A8\uC2A4\uB97C \uC774\uC6A9\uD55C\uB2E4.
      • QA \uD658\uACBD\uC5D0\uC11C\uC758 \uC624\uB958 \uB85C\uADF8\uB97C \uD655\uC778\uD558\uAE30 \uC704\uD574\uC120 \uC77C\uB2E8 \uAC1C\uBC1C\uB9DD\uC5D0 \uC811\uADFC\uD574\uC57C \uD55C\uB2E4.

      \uAC1C\uBC1C\uB9DD\uACFC \uC778\uD130\uB137\uB9DD\uC774 \uC644\uBCBD\uD558\uAC8C \uBD84\uB9AC\uB41C \uC0C1\uD0DC\uC5D0\uC11C \uACAA\uB294 \uBC88\uAC70\uB85C\uC6C0\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uD0A4\uBCF4\uB4DC/\uBAA8\uB2C8\uD130/\uB9C8\uC6B0\uC2A4\uAC00 \uAC1C\uBC1C\uB9DD PC\uC640 \uC778\uD130\uB137\uB9DD PC\uC5D0 \uC30D\uC73C\uB85C \uC5F0\uACB0\uB418\uC5B4 \uC788\uC5B4\uC11C \uB2E8\uCD95\uD0A4\uB97C \uC774\uC6A9\uD558\uC5EC \uC804\uD658\uD560 \uC218 \uC788\uB2E4.
        • \uC804\uD658\uB9CC \uAC00\uB2A5\uD560 \uBFD0, \uBCF5\uC0AC/\uBD99\uC5EC\uB123\uAE30/\uC778\uD130\uB137 \uB4F1\uB3C4 \uC774\uC6A9\uD560 \uC218 \uC5C6\uB2E4.
      • \uAC1C\uBC1C\uB9DD PC\uC5D0\uB294 \uADF8\uB798\uB3C4 \uAC04\uAC04\uD788 \uC124\uCE58\uD560 \uC218 \uC788\uB294 \uD328\uD0A4\uC9C0\uAC00 \uC874\uC7AC\uD55C\uB2E4. \uD558\uC9C0\uB9CC \uAC1C\uBC1C\uB9DD PC\uC758 \uC6A9\uB3C4\uB294 \uC11C\uBE44\uC2A4 \uC11C\uBC84\uB85C \uC811\uADFC\uD558\uAE30 \uC704\uD568\uC774\uB2E4.
        • \uC11C\uBE44\uC2A4 \uC11C\uBC84\uC5D0\uB294 \uD328\uD0A4\uC9C0\uB97C \uC544\uC608 \uC124\uCE58\uD560 \uC218 \uC5C6\uB3C4\uB85D \uB9DD \uBD84\uB9AC\uAC00 \uB418\uC5B4 \uC788\uB2E4.
        • \uADF8\uB798\uC11C cat\uC744 \uD1B5\uD574\uC11C \uCD9C\uB825\uD55C \uD30C\uC77C\uC744 \uD074\uB9BD\uBCF4\uB4DC\uC5D0 \uBCF5\uC0AC\uD55C\uB2E4\uB358\uC9C0 \uD558\uB294 \uAE30\uB2A5\uC740 \uC774\uC6A9\uD560 \uC218 \uC5C6\uB2E4.
        • \uC989, \uC77C\uC77C\uD788 vim\uC73C\uB85C \uD655\uC778\uD560 \uC218 \uBC16\uC5D0 \uC5C6\uB294 \uC0C1\uD0DC\uC774\uB2E4.
        • \uBCF4\uD1B5 \uB85C\uADF8 \uD30C\uC77C\uC740 \uAE30\uBCF8\uC801\uC73C\uB85C \uB9CC\uC904 \uC774\uC0C1\uC774\uB2E4. \uD558\uB8E8\uB9CC \uC313\uC5EC\uB3C4 10\uB9CC\uC904\uC740 \uAC70\uB72C\uD558\uAC8C \uB118\uC5B4\uAC04\uB2E4..

      \uC27D\uAC8C \uB9D0\uD574\uC11C \uAC1C\uBC1C\uB9DD\uC5D0 \uC811\uADFC\uD558\uC5EC VIM\uC73C\uB85C \uBA87 \uB9CC\uC904\uC529 \uB418\uB294 \uB85C\uADF8\uB97C \uBCF4\uBA74\uC11C \uBB38\uC81C\uC810\uC744 \uCC3E\uC544\uB0B4\uC57C \uD55C\uB2E4. \uB85C\uADF8\uB97C \uBCF5\uC0AC\uD560 \uC218\uB3C4 \uC5C6\uACE0, \uB2E4\uB978 \uC5D0\uB514\uD130\uB85C \uC5F4 \uC218\uB3C4 \uC5C6\uB2E4. \uC624\uC9C1 \uD130\uBBF8\uB110\uC5D0\uC11C\uB9CC \uD655\uC778\uD560 \uC218 \uC788\uB2E4\uB294 \uAC83\uC774\uB2E4. \uB108\uBB34 \uBC88\uAC70\uB86D\uC9C0\uB9CC.. \uD68C\uC0AC\uC5D0\uC11C \uAD8C\uC7A5\uD558\uB294 \uC815\uCC45\uC774 \uC774\uB7EC\uD558\uB2E4. \uD558\uC9C0\uB9CC \uACE7 \uBC14\uB014 \uC608\uC815\uC774\uB77C\uACE0 \uD558\uB2C8.. \uC77C\uB9D0\uC758 \uD76C\uB9DD\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294 \uC0C1\uD0DC\uB2E4.

      \uC5B4\uCA0C\uB4E0 QA Server\uC5D0 \uBC30\uD3EC\uD55C \uB2E4\uC74C\uC5D0 \uC815\uC0C1\uC801\uC73C\uB85C API\uAC00 \uC791\uB3D9\uD55C\uB2E4\uBA74 \uAD1C\uCC2E\uACA0\uC9C0\uB9CC, \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uC744 \uB54C \uC774\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD55C \uACFC\uC815\uC740 \uC815\uB9D0 \uC21C\uD0C4\uD558\uC9C0\uAC00 \uC54A\uB2E4.

      (3) \uB9DD \uBD84\uB9AC\uC640 \uBCF4\uC548 \uC815\uCC45\uC73C\uB85C \uC778\uD558\uC5EC \uACAA\uB294 API \uD638\uCD9C \uACFC\uC815

      \uC5B4\uCA0C\uB4E0 \uC774\uB7F0 \uD658\uACBD\uC5D0\uC11C API\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4. \uADF8\uB798\uC11C API \uD638\uCD9C\uC740 \uB2E4\uC74C\uACFC \uAC19\uC740 \uACFC\uC815\uC774 \uD544\uC694\uD558\uB2E4.

      \uBE0C\uB77C\uC6B0\uC800 -> \uC11C\uBE44\uC2A4 \uC11C\uBC84 -> Internal API -> \uC678\uBD80 API

      • \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC11C\uBE44\uC2A4 \uC11C\uBC84\uC5D0 Ajax\uB85C API\uB97C \uD638\uCD9C\uD55C\uB2E4.
      • \uC11C\uBE44\uC2A4 \uC11C\uBC84\uB294 Interal API\uB97C \uD638\uCD9C\uD558\uC5EC \uBAA8\uB4E0 \uB370\uC774\uD130\uB97C \uD55C \uBC88\uC5D0 \uB0B4\uB824\uBC1B\uB294\uB2E4.
      • Internal API\uB77C\uB294 \uC774\uB984\uC5D0 \uB9DE\uAC8C, Internal API Server\uB294 \uB300\uBD80\uBD84\uC758 API\uB97C \uD638\uCD9C\uD560 \uC218 \uC788\uB3C4\uB85D \uBCF4\uC548 \uC815\uCC45\uC774 \uAD6C\uC131\uB418\uC5B4 \uC788\uB2E4.
      • Internal API\uB294 \uC815\uB9D0 \uC218 \uC5C6\uC774 \uB9CE\uC740 API\uB97C \uD638\uCD9C\uD558\uACE0, \uC774\uB97C \uC815\uC81C\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC11C\uBC84\uC5D0 \uB0B4\uB824\uC900\uB2E4.

      \uB530\uB77C\uC11C \uBE0C\uB77C\uC6B0\uC800\uC5D0 \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uBCF4\uAE30 \uC704\uD574\uC120 \uC0AC\uC2E4 3\uBC88\uC758 API \uD638\uCD9C \uACFC\uC815\uC744 \uACAA\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB807\uB2E4\uBA74.. \uC131\uB2A5\uC0C1 \uBB38\uC81C\uAC00 \uC788\uC9C0 \uC54A\uC744\uAE4C?

      (4) \uCE90\uC2F1 \uC2DC\uC2A4\uD15C

      \uC704\uC640 \uAC19\uC740 API \uD638\uCD9C \uACFC\uC815\uC740 \uCE90\uC2F1 \uC815\uCC45\uC744 \uC774\uC6A9\uD558\uC5EC \uAC04\uB7B5\uD654\uB41C\uB2E4.

      • Internal API Server\uAC00 \uC2DC\uC791\uB418\uC790 \uB9C8\uC790 \uBAA8\uB4E0 \uC11C\uBE44\uC2A4\uB97C \uB2E4 \uC2E4\uD589\uD558\uC5EC \uD544\uC694\uD55C API\uB97C \uBAA8\uB450 \uD638\uCD9C\uD55C\uB2E4.
        • Controller -> Template Facade -> Module -> Facade -> Service -> Adapter \uC640 \uAC19\uC740 \uD638\uCD9C \uACFC\uC815\uC744 \uACAA\uB294\uB2E4.
      • \uC774 \uB54C Service\uC640 Module\uC744 Caching\uD558\uACE0, Template Facade\uB294 \uCE90\uC2F1\uB41C Module\uC744, Facade\uB294 \uCE90\uC2F1\uB41C Service\uB97C \uC0AC\uC6A9\uD55C\uB2E4.
      • \uADF8\uB9AC\uACE0 \uD544\uC694\uD55C \uC2DC\uC810\uC5D0 \uC2A4\uCF00\uC974\uB7EC\uAC00 \uB2E4\uC2DC \uD55C\uBC88 API\uB97C \uD638\uCD9C\uD558\uC5EC \uCE90\uC2F1\uB41C \uB370\uC774\uD130\uB97C \uCD5C\uC2E0\uD654\uC2DC\uCF1C\uC900\uB2E4.

      \uACB0\uAD6D \uC704\uC640 \uAC19\uC740 \uACFC\uC815\uC73C\uB85C Internal API\uB294 \uD56D\uC0C1 \uCE90\uC2F1\uB41C \uB370\uC774\uD130\uB9CC \uB0B4\uBCF4\uB0B8\uB2E4. \uADF8\uB9AC\uACE0 \uC11C\uBE44\uC2A4 \uC11C\uBC84\uB3C4 \uC774\uC640 \uB611\uAC19\uC740 \uACFC\uC815\uC73C\uB85C \uCE90\uC2F1\uC744 \uD55C\uB2E4.

      • \uC11C\uBE44\uC2A4 \uC11C\uBC84\uC5D0\uC11C\uB3C4 \uB9C8\uCC2C\uAC00\uC9C0\uB85C Internal API\uC5D0\uC11C \uB0B4\uB824\uBCF4\uB0B8 \uB370\uC774\uD130\uB97C \uCE90\uC2F1\uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uC2A4\uCF00\uC974\uB7EC\uAC00 \uB3CC\uBA74\uC11C \uCE90\uC2F1\uB41C \uB370\uC774\uD130\uB97C \uCD5C\uC2E0\uD654 \uD574\uC900\uB2E4.
      • \uC11C\uBE44\uC2A4 \uC11C\uBC84\uAC00 \uBE0C\uB77C\uC6B0\uC800\uC5D0 \uB370\uC774\uD130\uB97C \uB0B4\uB824\uC8FC\uBA74, \uBE0C\uB77C\uC6B0\uC800\uAC00 \uB2E4\uC2DC local cache\uC5D0 API\uC758 \uACB0\uACFC\uBB3C\uC744 \uC800\uC7A5\uD55C\uB2E4.

      \uACB0\uAD6D \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uD544\uC694\uD55C \uB370\uC774\uD130\uB294 \uC774\uB7EC\uD55C \uCE90\uC2F1 \uC2DC\uC2A4\uD15C\uC744 \uC774\uC6A9\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC11C\uBC84\uB9CC \uD638\uCD9C\uD558\uC5EC\uB3C4 \uBAA8\uB4E0 \uB370\uC774\uD130\uB97C \uAC00\uC838\uC62C \uC218 \uC788\uB3C4\uB85D \uAD6C\uC131\uB41C\uB2E4.

      \uC815\uB9AC\uD558\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uBE0C\uB77C\uC6B0\uC800 -> \uC11C\uBE44\uC2A4 \uC11C\uBC84\uC758 \uCE90\uC2DC \uB370\uC774\uD130 \uD638\uCD9C
      • \uC11C\uBE44\uC2A4 \uC11C\uBC84 \uC2A4\uCF00\uC974\uB7EC -> Internal API\uC758 \uCE90\uC2DC \uB370\uC774\uD130 \uD638\uCD9C -> \uCE90\uC2DC \uCD5C\uC2E0\uD654
      • Internal API \uC2A4\uCF00\uC974\uB7EC -> \uC678\uBD80 API \uD638\uCD9C -> \uCE90\uC2DC \uCD5C\uC2E0\uD654

      2. \uD06C\uB86C \uC775\uC2A4\uD150\uC158 \uAC1C\uBC1C

      (1) \uD06C\uB86C \uC775\uC2A4\uD150\uC158 \uD29C\uD1A0\uB9AC\uC5BC

      ',27),y={href:"https://github.com/JunilHwang/chrome-extension-tutorial",target:"_blank",rel:"noopener noreferrer"},x=s("\uD29C\uD1A0\uB9AC\uC5BC \uB808\uD3EC\uC9C0\uD1A0\uB9AC \uBC14\uB85C\uAC00\uAE30"),q=n("p",null,[n("img",{src:l,alt:"\uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uD29C\uD1A0\uB9AC\uC5BC"})],-1),I=n("p",null,[s("\uC77C\uB2E8, \uAC1C\uBC1C\uC5D0 \uC55E\uC11C "),n("s",null,"\uCEE4\uBC0B \uD69F\uC218\uB3C4 \uCC44\uC6B8\uACB8"),s(" \uD29C\uD1A0\uB9AC\uC5BC\uC744 \uC9C4\uD589\uD588\uB2E4. \uAC1C\uBC1C\uC5D0 \uD544\uC694\uD55C API\uB294 History, Bookmark, Storage API\uC600\uB2E4.")],-1),A=n("h5",{id:"manifest-json",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#manifest-json","aria-hidden":"true"},"#"),s(" manifest.json")],-1),P=n("p",null,[s("\uBA3C\uC800 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC5D0 \uAF2D \uD544\uC694\uD55C \uD30C\uC77C\uC774 \uBC14\uB85C "),n("code",null,"manifest.json"),s("\uC774\uB2E4.")],-1),w={class:"custom-container tip"},j=n("p",{class:"custom-container-title"},"manifest.json",-1),S={href:"https://developer.chrome.com/extensions/manifest",target:"_blank",rel:"noopener noreferrer"},C=s("Chrome API \uACF5\uC2DD \uBB38\uC11C"),T=s("\uC5D0\uC11C \uD655\uC778\uD574\uBCFC \uC218 \uC788\uAE34 \uD55C\uB370.. \uC124\uBA85\uC774 \uC880 \uBE48\uC57D\uD558\uB2E4."),M=n("ul",null,[n("li",null,"manifest.json \uD30C\uC77C\uC740 json \uD3EC\uB9F7 \uD30C\uC77C\uB85C\uC11C, \uBAA8\uB4E0 \uC6F9 \uC775\uC2A4\uD150\uC158\uC774 \uD3EC\uD568\uD558\uACE0 \uC788\uC5B4\uC57C \uD558\uB294 \uD30C\uC77C\uC774\uB2E4."),n("li",null,"manifest.json\uC5D0 \uC775\uC2A4\uD150\uC158\uC758 \uC774\uB984, \uBC84\uC83C\uACFC \uAC19\uC740 \uAE30\uBCF8 \uC815\uBCF4, \uC775\uC2A4\uD150\uC158\uC758 \uAE30\uB2A5 \uB4F1\uC744 \uBA85\uC2DC\uD574\uC57C \uD55C\uB2E4."),n("li",null,"\uC608\uB97C \uB4E4\uC5B4 \uAE30\uBCF8 \uC2A4\uD06C\uB9BD\uD2B8, \uB0B4\uC6A9 \uC2A4\uD06C\uB9BD\uD2B8, \uBE0C\uB77C\uC6B0\uC838 \uD65C\uB3D9 \uB4F1\uACFC \uAC19\uC740 \uCE21\uBA74\uC744 \uBA85\uC2DC\uD560 \uC218 \uC788\uB2E4.")],-1),F={href:"https://developer.mozilla.org/ko/docs/Mozilla/Add-ons/WebExtensions/manifest.json",target:"_blank",rel:"noopener noreferrer"},R=s("MDN Web Extension"),D=s("\uC5D0\uC11C\uB3C4 \uD655\uC778\uD560 \uC218 \uC788\uB2E4."),E=e(`
      {
         // \uBC84\uC804 \uBA85\uC2DC.
         "manifest_version": 2, 
       
      diff --git a/assets/index.html.ec5cd3e4.js b/assets/index.html.79b3845d.js
      similarity index 99%
      rename from assets/index.html.ec5cd3e4.js
      rename to assets/index.html.79b3845d.js
      index c89325d6..37825616 100644
      --- a/assets/index.html.ec5cd3e4.js
      +++ b/assets/index.html.79b3845d.js
      @@ -1,4 +1,4 @@
      -import{_ as p,r as t,o,c,a as n,b as e,e as s,d as u}from"./app.800103af.js";const l={},i=n("h1",{id:"javascript-\u1112\u1161\u11AB\u1100\u1173\u11AF-\u110E\u1169\u1109\u1165\u11BC\u1100\u1165\u11B7\u1109\u1162\u11A8",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#javascript-\u1112\u1161\u11AB\u1100\u1173\u11AF-\u110E\u1169\u1109\u1165\u11BC\u1100\u1165\u11B7\u1109\u1162\u11A8","aria-hidden":"true"},"#"),s(" Javascript \uD55C\uAE00 \uCD08\uC131\uAC80\uC0C9")],-1),k=n("blockquote",null,[n("p",null,"\uBCF8 \uAC8C\uC2DC\uBB3C\uC740 \uCD08\uC131 \uAC80\uC0C9 \uAD6C\uD604\uC5D0 \uB300\uD55C \uC5EC\uB7EC \uAC8C\uC2DC\uBB3C\uC744 \uBCF4\uB2E4\uAC00 \uC774\uD574\uD558\uAE30\uAC00 \uD798\uB4E0 \uACBD\uC6B0\uAC00 \uB9CE\uC544\uC11C \uC5B4\uB5BB\uAC8C \uD560\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC791\uC131\uD558\uB294 \uAE00\uC785\uB2C8\uB2E4.")],-1),r=s("\uBA3C\uC800 \uCD08\uC131\uAC80\uC0C9\uC744 \uD558\uAE30 \uC704\uD574\uC120 "),d={href:"https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAt",target:"_blank",rel:"noopener noreferrer"},v=s("String.prototype.charCodeAt"),m=s("\uC5D0 \uB300\uD574 \uC54C\uC544\uC57C \uD55C\uB2E4. "),g=n("code",null,"String.prototype.charCodeAt",-1),b=s(" \uBA54\uC11C\uB4DC\uB294 \uC8FC\uC5B4\uC9C4 \uC778\uB371\uC2A4\uC5D0 \uB300\uD55C UTF-16 \uCF54\uB4DC\uB97C \uB098\uD0C0\uB0B4\uB294 0\uBD80\uD130 65535 \uC0AC\uC774\uC758 \uC815\uC218\uB97C \uBC18\uD658\uD55C\uB2E4."),y=u(`

      \uB2E4\uC74C\uACFC \uAC19\uC774 \uC0AC\uC6A9\uD574\uBCFC \uC218 \uC788\uB2E4.

      console.log('\uAC00'.charCodeAt(0)); // 44032
      +import{_ as p,r as t,o,c,a as n,b as e,e as s,d as u}from"./app.d20f8571.js";const l={},i=n("h1",{id:"javascript-\u1112\u1161\u11AB\u1100\u1173\u11AF-\u110E\u1169\u1109\u1165\u11BC\u1100\u1165\u11B7\u1109\u1162\u11A8",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#javascript-\u1112\u1161\u11AB\u1100\u1173\u11AF-\u110E\u1169\u1109\u1165\u11BC\u1100\u1165\u11B7\u1109\u1162\u11A8","aria-hidden":"true"},"#"),s(" Javascript \uD55C\uAE00 \uCD08\uC131\uAC80\uC0C9")],-1),k=n("blockquote",null,[n("p",null,"\uBCF8 \uAC8C\uC2DC\uBB3C\uC740 \uCD08\uC131 \uAC80\uC0C9 \uAD6C\uD604\uC5D0 \uB300\uD55C \uC5EC\uB7EC \uAC8C\uC2DC\uBB3C\uC744 \uBCF4\uB2E4\uAC00 \uC774\uD574\uD558\uAE30\uAC00 \uD798\uB4E0 \uACBD\uC6B0\uAC00 \uB9CE\uC544\uC11C \uC5B4\uB5BB\uAC8C \uD560\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC791\uC131\uD558\uB294 \uAE00\uC785\uB2C8\uB2E4.")],-1),r=s("\uBA3C\uC800 \uCD08\uC131\uAC80\uC0C9\uC744 \uD558\uAE30 \uC704\uD574\uC120 "),d={href:"https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAt",target:"_blank",rel:"noopener noreferrer"},v=s("String.prototype.charCodeAt"),m=s("\uC5D0 \uB300\uD574 \uC54C\uC544\uC57C \uD55C\uB2E4. "),g=n("code",null,"String.prototype.charCodeAt",-1),b=s(" \uBA54\uC11C\uB4DC\uB294 \uC8FC\uC5B4\uC9C4 \uC778\uB371\uC2A4\uC5D0 \uB300\uD55C UTF-16 \uCF54\uB4DC\uB97C \uB098\uD0C0\uB0B4\uB294 0\uBD80\uD130 65535 \uC0AC\uC774\uC758 \uC815\uC218\uB97C \uBC18\uD658\uD55C\uB2E4."),y=u(`

      \uB2E4\uC74C\uACFC \uAC19\uC774 \uC0AC\uC6A9\uD574\uBCFC \uC218 \uC788\uB2E4.

      console.log('\uAC00'.charCodeAt(0)); // 44032
       console.log('\uAE4B'.charCodeAt(0)); // 44619
       

      \uC704\uC758 \uCF54\uB4DC\uB97C \uBCF4\uACE0 \uC54C \uC218 \uC788\uB294 \uBD80\uBD84\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      \u3131\uC73C\uB85C \uAC80\uC0C9\uD558\uBA74 \uAC00 ~ \uAE4B\uC5D0 \uD574\uB2F9\uD558\uB294\uC9C0 \uAC80\uC0AC\uD558\uB294 \uD568\uC218\uAC00 \uD544\uC694\uD558\uB2E4.

      const range = ['\uAC00'.charCodeAt(0), '\uAE4B'.charCodeAt(0)];
       
      diff --git a/assets/index.html.0f90b922.js b/assets/index.html.8059c2a7.js
      similarity index 97%
      rename from assets/index.html.0f90b922.js
      rename to assets/index.html.8059c2a7.js
      index d1f32cf7..5de9817b 100644
      --- a/assets/index.html.0f90b922.js
      +++ b/assets/index.html.8059c2a7.js
      @@ -1 +1 @@
      -const e={key:"v-2ac5c1fc",path:"/writing/02-2021-%EA%B3%84%ED%9A%8D/",title:"2021 \uC0C8\uD574 \uACC4\uD68D",lang:"en-US",frontmatter:{title:"2021 \uC0C8\uD574 \uACC4\uD68D",description:"\uB2E4\uAC00\uC624\uB294 2021\uB144\uC5D0 \uB300\uD55C \uACC4\uD68D\uC785\uB2C8\uB2E4.",sidebar:!1,date:"2020-12-24T00:16:00.000Z",tag:"\uC77C\uC0C1",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"1. \uC77C\uC77C \uCEE4\uBC0B \uB300\uC2E0 \uC77C\uC77C \uC601\uC5B4",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA-\u1103\u1162\u1109\u1175\u11AB-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110B\u1167\u11BC\u110B\u1165",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8",children:[]}]},{level:2,title:"2. \uAC1C\uBC1C \uC11C\uC801 \uC704\uC8FC\uC758 \uACF5\uBD80",slug:"_2-\u1100\u1162\u1107\u1161\u11AF-\u1109\u1165\u110C\u1165\u11A8-\u110B\u1171\u110C\u116E\u110B\u1174-\u1100\u1169\u11BC\u1107\u116E",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-1",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-1",children:[]}]},{level:2,title:"3. \uC800\uCD95",slug:"_3-\u110C\u1165\u110E\u116E\u11A8",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-2",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-2",children:[]}]},{level:2,title:"4. \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8",slug:"_4-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-3",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-3",children:[]}]},{level:2,title:"5. \uC2A4\uD130\uB514 \uC6B4\uC601",slug:"_5-\u1109\u1173\u1110\u1165\u1103\u1175-\u110B\u116E\u11AB\u110B\u1167\u11BC",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-4",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-4",children:[]}]},{level:2,title:"6. \uAE30\uD0C0",slug:"_6-\u1100\u1175\u1110\u1161",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"writing/02-2021-\uACC4\uD68D/README.md"};export{e as data};
      +const e={key:"v-2ac5c1fc",path:"/writing/02-2021-%EA%B3%84%ED%9A%8D/",title:"2021 \uC0C8\uD574 \uACC4\uD68D",lang:"en-US",frontmatter:{title:"2021 \uC0C8\uD574 \uACC4\uD68D",description:"\uB2E4\uAC00\uC624\uB294 2021\uB144\uC5D0 \uB300\uD55C \uACC4\uD68D\uC785\uB2C8\uB2E4.",sidebar:!1,date:"2020-12-24T00:16:00.000Z",tag:"\uC77C\uC0C1",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"1. \uC77C\uC77C \uCEE4\uBC0B \uB300\uC2E0 \uC77C\uC77C \uC601\uC5B4",slug:"_1-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110F\u1165\u1106\u1175\u11BA-\u1103\u1162\u1109\u1175\u11AB-\u110B\u1175\u11AF\u110B\u1175\u11AF-\u110B\u1167\u11BC\u110B\u1165",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8",children:[]}]},{level:2,title:"2. \uAC1C\uBC1C \uC11C\uC801 \uC704\uC8FC\uC758 \uACF5\uBD80",slug:"_2-\u1100\u1162\u1107\u1161\u11AF-\u1109\u1165\u110C\u1165\u11A8-\u110B\u1171\u110C\u116E\u110B\u1174-\u1100\u1169\u11BC\u1107\u116E",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-1",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-1",children:[]}]},{level:2,title:"3. \uC800\uCD95",slug:"_3-\u110C\u1165\u110E\u116E\u11A8",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-2",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-2",children:[]}]},{level:2,title:"4. \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8",slug:"_4-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-3",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-3",children:[]}]},{level:2,title:"5. \uC2A4\uD130\uB514 \uC6B4\uC601",slug:"_5-\u1109\u1173\u1110\u1165\u1103\u1175-\u110B\u116E\u11AB\u110B\u1167\u11BC",children:[{level:3,title:"\uACC4\uAE30",slug:"\u1100\u1168\u1100\u1175-4",children:[]},{level:3,title:"\uACC4\uD68D",slug:"\u1100\u1168\u1112\u116C\u11A8-4",children:[]}]},{level:2,title:"6. \uAE30\uD0C0",slug:"_6-\u1100\u1175\u1110\u1161",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"writing/02-2021-\uACC4\uD68D/README.md"};export{e as data};
      diff --git a/assets/index.html.3e02076e.js b/assets/index.html.84380bc0.js
      similarity index 98%
      rename from assets/index.html.3e02076e.js
      rename to assets/index.html.84380bc0.js
      index 6e4f33cf..28777ad0 100644
      --- a/assets/index.html.3e02076e.js
      +++ b/assets/index.html.84380bc0.js
      @@ -1 +1 @@
      -const e={key:"v-09eb19cb",path:"/Review/2024-year/01/",title:"2024\uB144 1\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2024\uB144 1\uC6D4 \uD68C\uACE0",description:"1\uB144\uCE58 \uBAA9\uD45C\uB97C \uC815\uD558\uB294\uAC74 \uB108\uBB34 \uC5B4\uB824\uC6B4 \uC77C\uC774\uB2E4. \uB0B4\uAC00 \uB418\uACE0 \uC2F6\uC740 \uBAA8\uC2B5\uACFC, \uADF8 \uBAA8\uC2B5\uC774 \uB418\uC5C8\uC74C\uC744 \uC99D\uBA85\uD558\uB294 \uAC83, \uCC38 \uC5B4\uB835\uB2E4.",sidebarDepth:2,date:"2024-02-03T18:30:00.000Z",thumbnail:"https://raw.githubusercontent.com/JunilHwang/TIL/master/Review/2024-year/01/img/5.png",tag:"\uD68C\uACE0",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"(1) nBilly",slug:"_1-nbilly",children:[{level:3,title:"1) \uBAA8\uB4C8\uD654",slug:"_1-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]},{level:3,title:"2) \uBB38\uC11C \uC791\uC5C5",slug:"_2-\u1106\u116E\u11AB\u1109\u1165-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]},{level:3,title:"3) KPI \uC791\uC131",slug:"_3-kpi-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]},{level:3,title:"4) \uB514\uBC14\uC774\uC2A4 \uBAA8\uB4DC \uC804\uD658\uC2DC \uC131\uB2A5 \uCD5C\uC801\uD654",slug:"_4-\u1103\u1175\u1107\u1161\u110B\u1175\u1109\u1173-\u1106\u1169\u1103\u1173-\u110C\u1165\u11AB\u1112\u116A\u11AB\u1109\u1175-\u1109\u1165\u11BC\u1102\u1173\u11BC-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[]},{level:3,title:"5) 2023\uB144 \uC131\uACFC \uBA74\uB2F4",slug:"_5-2023\u1102\u1167\u11AB-\u1109\u1165\u11BC\u1100\u116A-\u1106\u1167\u11AB\u1103\u1161\u11B7",children:[]}]},{level:2,title:"(2) \uC0AC\uC0DD\uD65C",slug:"_2-\u1109\u1161\u1109\u1162\u11BC\u1112\u116A\u11AF",children:[{level:3,title:"1) \uAC00\uC871\uACFC\uC758 \uB300\uD654",slug:"_1-\u1100\u1161\u110C\u1169\u11A8\u1100\u116A\u110B\u1174-\u1103\u1162\u1112\u116A",children:[]},{level:3,title:"2) \uD3EC\uB3D9\uC774 \uC911\uC131\uD654",slug:"_2-\u1111\u1169\u1103\u1169\u11BC\u110B\u1175-\u110C\u116E\u11BC\u1109\u1165\u11BC\u1112\u116A",children:[]},{level:3,title:"3) \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:3,title:"4) \uC758\uBBF8 \uC788\uB294 \uB9CC\uB0A8",slug:"_4-\u110B\u1174\u1106\u1175-\u110B\u1175\u11BB\u1102\u1173\u11AB-\u1106\u1161\u11AB\u1102\u1161\u11B7",children:[]},{level:3,title:"5) \uBA40\uB9AC \uC0DD\uAC01\uD558\uC790",slug:"_5-\u1106\u1165\u11AF\u1105\u1175-\u1109\u1162\u11BC\u1100\u1161\u11A8\u1112\u1161\u110C\u1161",children:[]},{level:3,title:"6) \uBC25\uC740 \uBC8C\uD06C\uB85C",slug:"_6-\u1107\u1161\u11B8\u110B\u1173\u11AB-\u1107\u1165\u11AF\u110F\u1173\u1105\u1169",children:[]},{level:3,title:"7) \uBB34\uD611\uC18C\uC124\uC744 \uBCF4\uBA74\uC11C \uB290\uB080 \uAC83\uB4E4",slug:"_7-\u1106\u116E\u1112\u1167\u11B8\u1109\u1169\u1109\u1165\u11AF\u110B\u1173\u11AF-\u1107\u1169\u1106\u1167\u11AB\u1109\u1165-\u1102\u1173\u1101\u1175\u11AB-\u1100\u1165\u11BA\u1103\u1173\u11AF",children:[]}]},{level:2,title:"\uD68C\uACE0\uC5D0 \uB300\uD55C \uD68C\uACE0",slug:"\u1112\u116C\u1100\u1169\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1112\u116C\u1100\u1169",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2024-year/01/README.md"};export{e as data};
      +const e={key:"v-09eb19cb",path:"/Review/2024-year/01/",title:"2024\uB144 1\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2024\uB144 1\uC6D4 \uD68C\uACE0",description:"1\uB144\uCE58 \uBAA9\uD45C\uB97C \uC815\uD558\uB294\uAC74 \uB108\uBB34 \uC5B4\uB824\uC6B4 \uC77C\uC774\uB2E4. \uB0B4\uAC00 \uB418\uACE0 \uC2F6\uC740 \uBAA8\uC2B5\uACFC, \uADF8 \uBAA8\uC2B5\uC774 \uB418\uC5C8\uC74C\uC744 \uC99D\uBA85\uD558\uB294 \uAC83, \uCC38 \uC5B4\uB835\uB2E4.",sidebarDepth:2,date:"2024-02-03T18:30:00.000Z",thumbnail:"https://raw.githubusercontent.com/JunilHwang/TIL/master/Review/2024-year/01/img/5.png",tag:"\uD68C\uACE0",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"(1) nBilly",slug:"_1-nbilly",children:[{level:3,title:"1) \uBAA8\uB4C8\uD654",slug:"_1-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]},{level:3,title:"2) \uBB38\uC11C \uC791\uC5C5",slug:"_2-\u1106\u116E\u11AB\u1109\u1165-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]},{level:3,title:"3) KPI \uC791\uC131",slug:"_3-kpi-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]},{level:3,title:"4) \uB514\uBC14\uC774\uC2A4 \uBAA8\uB4DC \uC804\uD658\uC2DC \uC131\uB2A5 \uCD5C\uC801\uD654",slug:"_4-\u1103\u1175\u1107\u1161\u110B\u1175\u1109\u1173-\u1106\u1169\u1103\u1173-\u110C\u1165\u11AB\u1112\u116A\u11AB\u1109\u1175-\u1109\u1165\u11BC\u1102\u1173\u11BC-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[]},{level:3,title:"5) 2023\uB144 \uC131\uACFC \uBA74\uB2F4",slug:"_5-2023\u1102\u1167\u11AB-\u1109\u1165\u11BC\u1100\u116A-\u1106\u1167\u11AB\u1103\u1161\u11B7",children:[]}]},{level:2,title:"(2) \uC0AC\uC0DD\uD65C",slug:"_2-\u1109\u1161\u1109\u1162\u11BC\u1112\u116A\u11AF",children:[{level:3,title:"1) \uAC00\uC871\uACFC\uC758 \uB300\uD654",slug:"_1-\u1100\u1161\u110C\u1169\u11A8\u1100\u116A\u110B\u1174-\u1103\u1162\u1112\u116A",children:[]},{level:3,title:"2) \uD3EC\uB3D9\uC774 \uC911\uC131\uD654",slug:"_2-\u1111\u1169\u1103\u1169\u11BC\u110B\u1175-\u110C\u116E\u11BC\u1109\u1165\u11BC\u1112\u116A",children:[]},{level:3,title:"3) \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:3,title:"4) \uC758\uBBF8 \uC788\uB294 \uB9CC\uB0A8",slug:"_4-\u110B\u1174\u1106\u1175-\u110B\u1175\u11BB\u1102\u1173\u11AB-\u1106\u1161\u11AB\u1102\u1161\u11B7",children:[]},{level:3,title:"5) \uBA40\uB9AC \uC0DD\uAC01\uD558\uC790",slug:"_5-\u1106\u1165\u11AF\u1105\u1175-\u1109\u1162\u11BC\u1100\u1161\u11A8\u1112\u1161\u110C\u1161",children:[]},{level:3,title:"6) \uBC25\uC740 \uBC8C\uD06C\uB85C",slug:"_6-\u1107\u1161\u11B8\u110B\u1173\u11AB-\u1107\u1165\u11AF\u110F\u1173\u1105\u1169",children:[]},{level:3,title:"7) \uBB34\uD611\uC18C\uC124\uC744 \uBCF4\uBA74\uC11C \uB290\uB080 \uAC83\uB4E4",slug:"_7-\u1106\u116E\u1112\u1167\u11B8\u1109\u1169\u1109\u1165\u11AF\u110B\u1173\u11AF-\u1107\u1169\u1106\u1167\u11AB\u1109\u1165-\u1102\u1173\u1101\u1175\u11AB-\u1100\u1165\u11BA\u1103\u1173\u11AF",children:[]}]},{level:2,title:"\uD68C\uACE0\uC5D0 \uB300\uD55C \uD68C\uACE0",slug:"\u1112\u116C\u1100\u1169\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1112\u116C\u1100\u1169",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2024-year/01/README.md"};export{e as data};
      diff --git a/assets/index.html.09e71a62.js b/assets/index.html.85a7dbbc.js
      similarity index 88%
      rename from assets/index.html.09e71a62.js
      rename to assets/index.html.85a7dbbc.js
      index 4a3c8dc1..1a1e3418 100644
      --- a/assets/index.html.09e71a62.js
      +++ b/assets/index.html.85a7dbbc.js
      @@ -1 +1 @@
      -import{_ as a,o as t,c,a as e,e as n}from"./app.800103af.js";const o={},r=e("h1",{id:"java\u110B\u116A-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#java\u110B\u116A-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC","aria-hidden":"true"},"#"),n(" Java\uC640 \uAC1D\uCCB4\uC9C0\uD5A5")],-1),s=e("p",null,"\uC791\uC131 \uC608\uC815\uC785\uB2C8\uB2E4.",-1),_=[r,s];function d(i,l){return t(),c("div",null,_)}var f=a(o,[["render",d],["__file","index.html.vue"]]);export{f as default};
      +import{_ as a,o as t,c,a as e,e as n}from"./app.d20f8571.js";const o={},r=e("h1",{id:"java\u110B\u116A-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#java\u110B\u116A-\u1100\u1162\u11A8\u110E\u1166\u110C\u1175\u1112\u1163\u11BC","aria-hidden":"true"},"#"),n(" Java\uC640 \uAC1D\uCCB4\uC9C0\uD5A5")],-1),s=e("p",null,"\uC791\uC131 \uC608\uC815\uC785\uB2C8\uB2E4.",-1),_=[r,s];function d(i,l){return t(),c("div",null,_)}var f=a(o,[["render",d],["__file","index.html.vue"]]);export{f as default};
      diff --git a/assets/index.html.c74dfa13.js b/assets/index.html.8733480e.js
      similarity index 99%
      rename from assets/index.html.c74dfa13.js
      rename to assets/index.html.8733480e.js
      index 30fa3892..c0f6ea84 100644
      --- a/assets/index.html.c74dfa13.js
      +++ b/assets/index.html.8733480e.js
      @@ -1 +1 @@
      -import{_ as p,r as s,o as n,c as a,a as o,b as i,w as l,d as e,e as r}from"./app.800103af.js";const u={},d=e('

      2023\uB144\uC744 \uB3CC\uC544\uBCF4\uBA70 \uC0DD\uAC01\uD55C \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uD558\uAE30

      2023\uB144 \uB9D0\uC5D0 \uD734\uAC00\uB97C \uBAB0\uC544\uC37C\uC2B5\uB2C8\uB2E4. \uD479 \uC26C\uBA74\uC11C \uC62C\uD574 \uC788\uC5C8\uB358 \uC77C\uB4E4\uC744 \uACF1\uC539\uC5B4\uBD24\uB294\uB370 \uC800\uC640 \uC0C1\uB2F4\uD588\uB358 \uC218\uB9CE\uC740 \uCDE8\uC900\uC0DD\uACFC \uD6C4\uBC30\uB4E4\uC774 \uC0DD\uAC01\uB0AC\uC2B5\uB2C8\uB2E4. \uADF8\uB7EC\uBA74\uC11C \uC81C\uAC00 \uAFB8\uC900\uD788 \uC804\uB2EC\uD574\uC628 \uB0B4\uC6A9\uB4E4\uC744 \uD55C \uBC88\uC740 \uC815\uB9AC\uB97C \uD558\uACE0 \uB118\uC5B4\uAC00\uC57C \uB9C8\uC74C\uC774 \uD3B8\uD574\uC9C8 \uAC83 \uAC19\uC558\uACE0 \uC815\uB9D0 \uC624\uB79C\uB9CC\uC5D0 \uAE00\uC744 \uC368\uBD05\uB2C8\uB2E4.

      \uD575\uC2EC \uB0B4\uC6A9 \uC694\uC57D

      (1) \uC591 \uBCF4\uB2E8 \uC9C8, \uC18D\uB3C4 \uBCF4\uB2E8 \uBC29\uD5A5, \uB113\uAC8C \uBCF4\uB2E8 \uAE4A\uAC8C

      • \uC5B4\uB5BB\uAC8C\uD574\uC11C\uB4E0 \uC0AC\uC6A9\uC790\uB97C \uD655\uBCF4\uD560 \uAC83.
      • \uBB34\uC5C7\uC744(what) \uC65C(why) \uC5B4\uB5BB\uAC8C(how) \uD588\uACE0 \uC5B4\uB5A4 \uACB0\uACFC(result)\uB97C \uB9CC\uB4E4\uC5B4\uB0C8\uB294\uC9C0.
      • \uACB0\uACFC\uBCF4\uB2E8 \uACFC\uC815\uC744 \uC798 \uAE30\uB85D\uD560 \uAC83.

      (2) \uD63C\uC790\uC11C \uD560 \uC218 \uC788\uB294 \uAC83\uACFC \uD560 \uC218 \uC5C6\uB294 \uAC83

      • \uACF5\uBD80\uB294 \uD63C\uC790\uC11C \uD560 \uC218 \uC788\uC9C0\uB9CC \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC740 \uD63C\uC790\uC11C \uD560 \uC218 \uC5C6\uB2E4.
      • \uC778\uAC04\uC801\uC73C\uB85C \uB9E4\uB825\uC801\uC778 \uC0AC\uB78C\uC774 \uB420 \uAC83.
      • \uB098\uC5D0 \uB300\uD574\uC11C \uC798 \uC778\uC9C0\uD560 \uAC83

      (3) \uD559\uC2B5 \uADF8 \uC790\uCCB4

      • \uB0B4\uAC00 \uC81C\uC77C \uC88B\uC544\uD558\uB294 \uBC29\uBC95\uC73C\uB85C \uACF5\uBD80\uD558\uAE30.
      • \uACF5\uBD80\uB294 \uC990\uAC81\uACE0 \uD589\uBCF5\uD574\uC57C \uD55C\uB2E4.

      1. \uC591 \uBCF4\uB2E8 \uC9C8 \uC18D\uB3C4 \uBCF4\uB2E8 \uBC29\uD5A5 \uB113\uAC8C \uBCF4\uB2E8 \uAE4A\uC774

      (1) \uACBD\uD5D8\uC758 \uC9C8\uC774 \uC911\uC694\uD558\uB2E4

      \uC800\uB294 \uACE0\uB4F1\uD559\uC0DD \uB54C \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uC2DC\uC791\uD588\uC2B5\uB2C8\uB2E4. \uCD08\uB4F1\uD559\uAD50 \uB54C \uB9C9\uC5F0\uD558\uAC8C \uD504\uB85C\uADF8\uB798\uBA38\uAC00 \uB418\uC5B4\uC57C\uACA0\uB2E4 \uC0DD\uAC01\uD588\uACE0 \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uCF54\uB529\uC744 \uD560 \uC218 \uC788\uB294 \uAE30\uD68C\uAC00 \uC788\uC744 \uB54C \uC774\uB97C \uC7A1\uC744 \uC218 \uC788\uC5C8\uC2B5\uB2C8\uB2E4. \uC804\uBB38\uACC4 \uACE0\uB4F1\uD559\uAD50\uB97C \uC9C4\uD559\uD588\uACE0 \uD559\uAD50\uC5D0\uC11C \uCF54\uB529\uC744 \uD558\uB294 \uB3D9\uC544\uB9AC\uC5D0 \uB4E4\uC5B4\uAC14\uACE0 \uB300\uD68C\uC5D0 \uB098\uAC14\uACE0 \uC785\uC0C1\uB3C4 \uD588\uC2B5\uB2C8\uB2E4.

      ',7),c=r("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 1\uD3B8"),h=r("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 2\uD3B8"),g=r("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 3\uD3B8"),q=e('

      \uC5B4\uCC0C\uBCF4\uBA74 \uB610\uB798 \uCE5C\uAD6C\uB4E4\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC2DC\uC791\uD588\uACE0 \uAF64 \uAD1C\uCC2E\uC740 \uC131\uACFC\uB3C4 \uC788\uB358\uAC70\uC8E0. 20\uC0B4\uC758 \uC800\uB294 \uC27D\uAC8C \uB9D0\uD574\uC11C \uCF67\uB300\uAC00 \uB192\uC558\uC2B5\uB2C8\uB2E4. \uB300\uD559\uAD50\uC5D0 \uC785\uD559\uD558\uACE0 1\uD559\uB144 \uB54C \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uC218\uC5C5\uC744 \uB4E4\uC73C\uBA74\uC11C

      "\uC774\uB807\uAC8C \uC26C\uC6B4 \uB0B4\uC6A9\uC744 \uBC30\uC6B8\uB77C\uACE0 \uB0B4\uAC00 \uB300\uD559\uAD50\uC5D0 \uC628\uAC74\uAC00?"

      \uB77C\uB294 \uAC19\uC796\uC740 \uC0DD\uAC01\uC744 \uD588\uC8E0. \uC774\uBBF8 \uCF54\uB529 \uC790\uCCB4\uC5D0 \uC775\uC219\uD558\uACE0 \uC26C\uC6E0\uAE30 \uB54C\uBB38\uC785\uB2C8\uB2E4. \uD558\uC9C0\uB9CC 2\uD559\uB144 \uB54C \uB2E4\uC591\uD55C \uC804\uACF5\uC218\uC5C5\uC744 \uB4E4\uC73C\uBA74\uC11C \uB300\uD559\uAD50\uC5D0 \uC624\uAE38 \uCC38 \uC798\uD588\uB2E4\uACE0 \uC0DD\uAC01\uD588\uC5B4\uC694.

      \uBB38\uC81C\uB294 "\uAE4A\uAC8C" \uACF5\uBD80\uD558\uC9C0 \uC54A\uC558\uC5B4\uC694.

      PHP Javascript Typescript Node.js Python Java C C++ C# Swift \uB4F1 \uC815\uB9D0 \uB2E4\uC591\uD55C \uC5B8\uC5B4\uB97C \uACF5\uBD80\uD588\uACE0 \uC774\uAC83\uB4E4\uB85C \uBB34\uC5B8\uAC00\uB97C \uAD6C\uD604\uD558\uB77C\uB294 \uC694\uAD6C\uB97C \uBC1B\uC558\uC744 \uB54C \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uACB0\uACFC\uBB3C\uC744 \uB9CC\uB4E4\uC5B4\uB0BC \uC218 \uC788\uC5C8\uC2B5\uB2C8\uB2E4.

      django flask spring react vue jquery nestjs express \uB4F1 \uD504\uB860\uD2B8\uC5D4\uB4DC/\uBC31\uC5D4\uB4DC \uAC00\uB9AC\uC9C0 \uC54A\uACE0 \uD504\uB808\uC784\uC6CC\uD06C\uB3C4 \uAF64 \uB9CE\uC774 \uACF5\uBD80\uD588\uC2B5\uB2C8\uB2E4

      \uC218\uC5C5\uC744 \uB4E4\uC73C\uBA74\uC11C \uC218 \uC5C6\uC774 \uB9CE\uC740 \uD300\uD504\uB85C\uC81D\uD2B8\uB97C \uD560 \uB54C\uB3C4, \uAC1C\uC778 \uACFC\uC81C\uB97C \uD560 \uB54C\uB3C4, \uC5F0\uAD6C\uC2E4\uC5D0 \uB4E4\uC5B4\uAC00\uC11C \uD559\uBD80\uC0DD\uB4E4\uACFC \uC5EC\uB7EC\uAC00\uC9C0 \uD504\uB85C\uC81D\uD2B8\uB97C \uD560 \uB54C\uB3C4, \uB300\uBD80\uBD84\uC758 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uD070 \uBE44\uC911\uC73C\uB85C \uAE30\uC5EC\uD588\uC2B5\uB2C8\uB2E4. \uD558\uC9C0\uB9CC \uC800\uB294 "\uAD6C\uD604"\uACFC "\uACB0\uACFC\uBB3C"\uC5D0 \uBAA8\uB4E0 \uAD00\uC2EC\uC774 \uC3E0\uB824\uC788\uC5C8\uC2B5\uB2C8\uB2E4.

      \uC704\uC5D0\uC11C \uC5B8\uAE09\uD55C \uC81C\uAC00 \uD559\uC2B5\uD588\uB358 \uC5B8\uC5B4\uB4E4\uC774

      • "\uC65C" \uB9CC\uB4E4\uC5B4\uC84C\uB294\uC9C0
      • \uC5B4\uB5A4 "\uBB38\uC81C"\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD574 \uB9CC\uB4E4\uC5B4\uC84C\uB294\uC9C0
      • \uADF8 \uACFC\uC815\uC5D0\uC11C \uAC01 \uC5B8\uC5B4\uBCC4\uB85C \uC5B4\uB5A4 \uCC28\uC774\uC640 \uD2B9\uC131\uC744 \uAC00\uC9C0\uAC8C \uB418\uC5C8\uB294\uC9C0
      • \uC5B4\uB5A4 \uC0C1\uD669\uC5D0 \uC5B4\uB5A4 \uC5B8\uC5B4\uB97C \uC0AC\uC6A9\uD558\uB294\uAC8C \uC801\uD569\uD55C\uC9C0

      \uB4F1 \uAF2D \uD544\uC694\uD55C \uACE0\uBBFC\uC744 \uC544\uC608 \uD574\uBCF8\uC801\uC774 \uC5C6\uC5C8\uC2B5\uB2C8\uB2E4.

      \uADF8\uB807\uAC8C \uC2DC\uAC04\uC774 \uD758\uB7EC 4\uD559\uB144\uC774 \uB418\uC5C8\uACE0 \uBD80\uB7B4\uBD80\uB7B4 \uCDE8\uC900\uC744 \uD558\uAE30 \uC2DC\uC791\uD588\uACE0 \uC5EC\uB7EC \uAE30\uC5C5\uC5D0 \uC9C0\uC6D0\uD588\uACE0 \uC5B4\uCC0C\uC800\uCC0C \uCF54\uB529\uD14C\uC2A4\uD2B8\uB97C \uD1B5\uACFC \uD6C4\uC5D0 \uAE30\uC220\uBA74\uC811\uB3C4 \uBCFC \uC218 \uC788\uC5C8\uC2B5\uB2C8\uB2E4. \uC815\uB9D0 \uB2E4\uC591\uD55C \uC9C8\uBB38\uC744 \uBC1B\uC558\uB294\uB370 \uB0B4\uAC00 \uC815\uB9D0 \uACF5\uBD80\uB97C \uC774\uC0C1\uD558\uAC8C \uD588\uAD6C\uB098 \uB290\uB080 \uC9C8\uBB38\uC774 \uC788\uC5C8\uC2B5\uB2C8\uB2E4.

      Java\uC640 Node.js \uB458 \uB2E4 \uD559\uC2B5\uD558\uC168\uB124\uC694. \uADF8\uB7FC \uD639\uC2DC \uBE14\uB85D\uD0B9 \uB17C\uBE14\uB85D\uD0B9\uC758 \uCC28\uC774\uC810\uC5D0 \uB300\uD574 \uC54C\uACE0 \uC788\uB098\uC694? \uD639\uC740 File I/O\uC5D0\uB294 \uC5B4\uB5A4 \uC5B8\uC5B4\uB97C \uC0AC\uC6A9\uD558\uB294\uAC8C \uB354 \uD6A8\uACFC\uC801\uC778\uAC00\uC694?

      \uD55C \uB300 \uB9DE\uC740 \uAE30\uBD84\uC774\uC5C8\uC2B5\uB2C8\uB2E4. \uC815\uB9D0 \uB2E8 \uD55C \uBC88\uB3C4 \uACE0\uBBFC\uD574\uBCF8\uC801\uC774 \uC5C6\uC5C8\uC73C\uB2C8\uAE4C\uC694.

      18\uC0B4 \uB54C \uBD80\uD130 26\uC0B4 \uB54C \uAE4C\uC9C0 \uAD70\uB300\uC5D0 \uC788\uB358 \uC2DC\uAC04\uC744 \uC81C\uC678\uD558\uBA74 6\uB144\uC744 \uAC70\uC758 \uB9E4\uC77C \uACF5\uBD80\uD588\uB294\uB370, \uCC38 \uD5C8\uD0C8\uD588\uACE0 \uB108\uBB34 \uBC14\uBCF4 \uAC19\uC558\uACE0 \uB108\uBB34 \uD55C\uC2EC\uD588\uC2B5\uB2C8\uB2E4. \uD558\uC9C0\uB9CC \uB355\uBD84\uC5D0 \uC55E\uC73C\uB85C \uC5B4\uB5BB\uAC8C \uACF5\uBD80\uD574\uC57C \uC88B\uC744\uC9C0 \uC778\uC9C0\uD558\uB294 \uACC4\uAE30\uAC00 \uB418\uAE30\uB3C4 \uD588\uC2B5\uB2C8\uB2E4. (\uC774 \uAE00\uC744 \uC77D\uB294 \uBD84\uB4E4\uB3C4 \uADF8\uB7AC\uC73C\uBA74 \uC88B\uACA0\uB124\uC694!)

      \uC5B4\uB5A4 \uC5B8\uC5B4\uB97C \uACF5\uBD80\uD558\uB4E0 \uC0C1\uAD00 \uC5C6\uC2B5\uB2C8\uB2E4. \uB2E8 \uD558\uB098\uC758 \uC5B8\uC5B4\uB97C \uACF5\uBD80\uD558\uB354\uB77C\uB3C4 "\uAE4A\uAC8C" \uD558\uB294\uAC8C \uC911\uC694\uD569\uB2C8\uB2E4.

      \uC5B8\uC5B4\uB97C \uACF5\uBD80\uD560 \uB54C \uCC98\uB7FC \uD504\uB85C\uC81D\uD2B8\uB97C \uD560 \uB54C\uB3C4 \uB9C8\uCC2C\uAC00\uC9C0\uC785\uB2C8\uB2E4. \uC800\uC758 \uACBD\uC6B0 \uD559\uAD50\uB97C \uB2E4\uB2C8\uBA74\uC11C \uAF64 \uB9CE\uC740 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD588\uB294\uB370 \uB3CC\uC774\uCF1C\uBCF4\uBA74 \uB9E4\uB9AC\uD2B8\uAC00 \uC5C6\uC5C8\uC2B5\uB2C8\uB2E4.

      \uB300\uBD80\uBD84\uC758 \uD604\uC5C5\uC790 \uC785\uC7A5\uC5D0\uC11C \uC81C\uC77C \uC911\uC694\uD55C\uAC74 "\uC11C\uBE44\uC2A4 \uC6B4\uC601"\uC785\uB2C8\uB2E4. \uD558\uB098\uC758 \uC11C\uBE44\uC2A4\uB97C \uCD9C\uC2DC\uD558\uB294 \uAC83 \uBCF4\uB2E4 \uCD9C\uC2DC \uD6C4\uC5D0 \uC6B4\uC601\uD558\uB294 \uAC8C \uD6E8\uC52C \uB354 \uD070 \uBBF8\uC158\uC785\uB2C8\uB2E4. \uAC1C\uBC1C\uC790\uAC00 \uD544\uC694\uB85C \uD558\uB294 \uB300\uBD80\uBD84\uC758 \uC9C0\uC2DD\uC740 "\uC11C\uBE44\uC2A4\uB97C \uCD9C\uC2DC \uD6C4 \uC6B4\uC601" \uD558\uAE30 \uC704\uD55C \uAC83\uB4E4\uC5D0 \uCD08\uC810\uC774 \uB9DE\uCDB0\uC838 \uC788\uC2B5\uB2C8\uB2E4.

      \uADF9\uB2E8\uC801\uC73C\uB85C \uD45C\uD604\uD558\uC790\uBA74 "\uD300 \uD504\uB85C\uC81D\uD2B8\uB97C \uD574\uC11C \uC5B4\uB5A4 \uC11C\uBE44\uC2A4\uB97C \uCD9C\uC2DC\uD588\uB2E4"\uB294 \uD070 \uC758\uBBF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4. \uC65C\uB0D0\uD558\uBA74 \uB108\uBB34 \uBED4\uD558\uAC70\uB4E0\uC694.

      • \uC5B4\uCC28\uD53C java + spring\uC774\uB098 Node + express \uAC19\uC740 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC0AC\uC6A9\uD574\uC11C CRUD\uB97C \uB9CC\uB4E4\uC5C8\uC744 \uAC83\uC774\uACE0
      • javascript + react \uAC19\uC740 \uAC83\uB4E4\uC744 \uC774\uC6A9\uD574\uC11C UI\uB97C \uAD6C\uC131\uD588\uC744\uD14C\uB2C8\uAE4C\uC694.

      \uC11C\uBE44\uC2A4 \uAC1C\uBC1C\uC5D0 \uD22C\uC785\uB41C \uC778\uC6D0\uC774 \uC5B8\uC81C \uC5B4\uB5BB\uAC8C \uAD50\uCCB4\uB420\uC9C0 \uBAA8\uB974\uB294 \uC0C1\uD669\uC5D0\uC11C \uD639\uC740 \uC11C\uBE44\uC2A4\uAC00 \uC5B4\uB5BB\uAC8C \uD655\uC7A5\uB420\uC9C0 \uBAA8\uB974\uB294 \uC0C1\uD669\uC5D0\uC11C "\uD504\uB808\uC784\uC6CC\uD06C"\uB77C\uB294 \uD2C0\uC774 \uC788\uB2E4\uBA74 \uC5B4\uB290 \uC815\uB3C4 \uC18D\uB3C4\uAC10 \uC788\uAC8C \uC778\uC6D0 \uD22C\uC785 \uBC0F \uAD50\uCCB4\uAC00 \uAC00\uB2A5\uD569\uB2C8\uB2E4. \uC989 "\uADDC\uACA9"\uC744 \uB9DE\uCD94\uAE30 \uC704\uD574 \uACF5\uBD80\uD55C\uB2E4\uACE0 \uBCF4\uBA74 \uC88B\uC2B5\uB2C8\uB2E4. \uC815\uD574\uC9C4 \uADDC\uACA9\uC758 \uBB3C\uD488\uC740 \uC5B8\uC81C\uB4E0 \uC27D\uAC8C \uAD50\uCCB4\uD560 \uC218 \uC788\uC73C\uB2C8\uAE4C\uC694. "\uD504\uB808\uC784" \uC774\uB77C\uB294 \uB2E8\uC5B4\uC5D0 \uB300\uD55C \uC774\uBBF8\uC9C0\uB97C \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC640\uB2FF\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      \uB2E4\uC2DC \uBCF8\uB860\uC73C\uB85C \uB3CC\uC544\uC640\uC11C \uC81C\uC77C \uC911\uC694\uD55C\uAC74 "\uAE4A\uAC8C" \uD30C\uACE0\uB4E4\uC5B4\uAC00\uB294 \uC77C\uC785\uB2C8\uB2E4.

      \uADF8\uB798\uC11C \uD504\uB85C\uC81D\uD2B8\uB97C \uD1B5\uD574 \uC11C\uBE44\uC2A4\uB97C \uCD9C\uC2DC\uD574\uBCF4\uB294 \uACBD\uD5D8\uC740 \uB2F9\uC5F0\uD55C \uAC83\uC774\uACE0, \uB354 \uB098\uC544\uAC00\uC11C \uC11C\uBE44\uC2A4 \uC6B4\uC601\uC744 \uD574\uBD10\uC57C\uD569\uB2C8\uB2E4. \uC5B4\uB5BB\uAC8C\uB4E0 \uC0AC\uC6A9\uC790\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD569\uB2C8\uB2E4. \uC8FC\uC81C\uB294 \uD06C\uAC8C \uC911\uC694\uD558\uC9C0 \uC54A\uC544\uC694. \uC0AC\uC6A9\uC790\uB97C \uD655\uBCF4\uD558\uACE0 \uC7A5\uC560\uB97C \uACAA\uC5B4\uBCF4\uACE0 \uC0AC\uC6A9\uC790\uC758 \uBD88\uD3C4\uD568\uC744 \uB4E4\uC5B4\uBCF4\uACE0 \uAC1C\uC120\uD574\uBD10\uC57C \uD569\uB2C8\uB2E4.

      \uC11C\uBC84 \uAC1C\uBC1C\uC790\uB77C\uBA74 \uC11C\uBC84\uAC00 \uC218 \uC5C6\uC774 \uB9CE\uC774 \uC8FD\uC5B4\uBD10\uC57C \uD569\uB2C8\uB2E4. \uADF8\uB798\uC11C \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC11C\uBC84\uB97C \uACC4\uC18D \uC0B4\uB824\uB193\uC744 \uC218 \uC788\uB294\uC9C0 \uACE0\uBBFC\uD574\uC57C \uD569\uB2C8\uB2E4. \uC774 \uB54C \uC804\uACF5\uC9C0\uC2DD\uC774 \uC774\uC6A9\uB429\uB2C8\uB2E4.

      • \uC548\uC815\uC801\uC774\uACE0 \uC720\uC9C0\uBCF4\uC218\uAC00 \uC6A9\uC774\uD55C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uAE30 \uC704\uD574 \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uACF5\uD559\uC774 \uD544\uC694\uD569\uB2C8\uB2E4.
      • \uC7A5\uC560\uAC00 \uBC1C\uC0DD\uD558\uACE0 \uCC3E\uC544\uB0B4\uAE30 \uC704\uD574\uC11C\uB294 \uB2E4\uC591\uD55C \uB9AC\uB205\uC2A4 \uBA85\uB839\uC5B4\uB97C \uC54C\uC544\uC57C \uD558\uACE0
      • \uC774 \uB54C \uC6D0\uC778\uC774 \uC5B4\uB514\uC5D0 \uC788\uC744\uC9C0 \uCD94\uCE21\uD558\uAE30 \uC704\uD574 \uCEF4\uD4E8\uD130 \uAD6C\uC870 \uB124\uD2B8\uC6CC\uD06C \uB4F1\uC744 \uC774\uD574\uD574\uC57C \uD569\uB2C8\uB2E4.
      • \uC8FC\uC5B4\uC9C4 \uC790\uC6D0\uC73C\uB85C \uBB38\uC81C\uB97C \uD6A8\uACFC\uC801\uC73C\uB85C \uD480\uC5B4\uB0B4\uAE30 \uC704\uD574\uC120 \uC790\uB8CC\uAD6C\uC870\uC640 \uC54C\uACE0\uB9AC\uC998\uC744 \uC54C\uC544\uC57C \uD569\uB2C8\uB2E4.

      \uADF8\uB9AC\uACE0 "\uC0AC\uC6A9\uC790"\uAC00 \uD544\uC694\uD55C \uC774\uC720\uB294 "\uBB38\uC81C"\uB97C \uACAA\uC5B4\uBCF4\uAE30 \uC704\uD568\uC774\uB77C\uACE0 \uBCF4\uBA74 \uC88B\uC2B5\uB2C8\uB2E4. \uADF8 \uACFC\uC815\uC5D0\uC11C \uB0B4\uAC00 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uBB38\uC81C \uCC3E\uC544\uB0C8\uACE0 \uADF8\uAC8C \uC65C \uBB38\uC81C\uC600\uB294\uC9C0 \uC778\uC9C0\uB97C \uD558\uACE0 \uC5B4\uB5BB\uAC8C \uD574\uACB0\uD588\uB294\uC9C0 \uAE30\uB85D\uC744 \uD558\uACE0 \uACF5\uC720\uB97C \uD558\uACE0 \uAE0D\uC815\uC801\uC778 \uC601\uD5A5\uB825\uC744 \uC804\uD30C\uD558\uB294 \uAC83\uC774 \uC88B\uC2B5\uB2C8\uB2E4.


      (2) \uBB38\uC81C\uD574\uACB0

      \uB354 \uBCF8\uC9C8\uC801\uC778 \uC774\uC57C\uAE30\uB97C \uD574\uBCF4\uC790\uBA74 \uACB0\uAD6D \uAC1C\uBC1C\uC790\uC5D0\uAC8C \uD544\uC694\uD55C \uC5ED\uB7C9\uC740 "\uBB38\uC81C\uD574\uACB0" \uC785\uB2C8\uB2E4.

      \uC5B4\uCA4C\uBA74 \uC0B4\uC544\uAC00\uB294 \uAC83\uC740 \uBB38\uC81C\uD574\uACB0\uC758 \uC5F0\uC18D\uC785\uB2C8\uB2E4. \uBB38\uC81C\uD574\uACB0\uC744 \uD558\uAE30 \uC704\uD574\uC120 \uBB38\uC81C\uB97C \uC815\uC758\uD560 \uC218 \uC788\uC5B4\uC57C\uD569\uB2C8\uB2E4. \uBB38\uC81C\uB97C \uC815\uC758\uD558\uAE30 \uC704\uD574\uC120 \uBB38\uC81C\uB97C \uC778\uC9C0(\uBC1C\uACAC)\uD574\uC57C\uD569\uB2C8\uB2E4.

      1. \uB0B4\uAC00 \uC5B4\uB5BB\uAC8C \uBB38\uC81C\uB97C \uBC1C\uACAC\uD588\uACE0
      2. \uADF8\uAC8C \uC65C \uBB38\uC81C\uC778\uC9C0 \uC815\uC758\uD560 \uC218 \uC788\uC5B4\uC57C \uD558\uACE0
      3. \uADF8 \uBB38\uC81C\uB97C \uC5B4\uB5BB\uAC8C \uD574\uACB0\uD560 \uC218 \uC788\uC5C8\uACE0
      4. \uC5B4\uB5A4\uC2DD\uC73C\uB85C 1 ~ 3\uC758 \uACFC\uC815\uC744 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC774\uB97C \uACF5\uC720\uD588\uB294\uC9C0 ( \uC601\uD5A5\uB825\uC744 \uD589\uC0AC\uD588\uB294\uC9C0 )
        • \uBE14\uB85C\uADF8 \uAE00\uC774 \uB420 \uC218\uB3C4 \uC788\uACE0
        • \uAE30\uC220 \uACF5\uC720(\uBC1C\uD45C)\uAC00 \uB420 \uC218\uB3C4 \uC788\uACE0
      5. \uACB0\uACFC\uC801\uC73C\uB85C \uC5B4\uB5A4 \uC131\uACFC\uB97C \uB9CC\uB4E4\uC5B4 \uB0BC \uC218 \uC788\uC5C8\uACE0
        • \uC0AC\uC2E4 \uD68C\uC0AC\uC5D0\uC11C\uB294 \uC774\uAC8C \uAC00\uC7A5 \uC911\uC694\uD569\uB2C8\uB2E4.
        • \uC2DC\uAC04(\uB3C8)\uC744 \uC0AC\uC6A9\uD574\uC11C \uD574\uACB0\uD560\uB9CC\uD55C \uBB38\uC81C\uC600\uB294\uC9C0. \uADF8\uB9AC\uACE0 \uADF8\uAC8C \uC6B0\uB9AC \uC870\uC9C1\uC5D0 \uC5BC\uB9C8\uB098 \uD070 \uC774\uC775 \uD639\uC740 \uD6A8\uACFC\uB97C \uAC00\uC838\uB2E4\uC92C\uB294\uC9C0.

      \uC0AC\uC2E4 \uC774\uAC74 \uAC1C\uBC1C\uC790 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uBAA8\uB4E0 \uC9C1\uAD70, \uBAA8\uB4E0 \uC0AC\uB78C\uC5D0\uAC8C \uD574\uB2F9\uB41C\uB2E4\uACE0 \uC0DD\uAC01\uD574\uC694. \uADF8\uB0E5 \uC778\uC0DD\uC744 \uC0B4\uC544\uAC00\uBA74\uC11C \uAD49\uC7A5\uD788 \uB2F9\uC5F0\uD55C \uC77C\uC785\uB2C8\uB2E4.

      • \uC5EC\uB7EC\uBD84\uC740 \uC65C \uAC1C\uBC1C\uC790\uAC00 \uB418\uACE0 \uC2F6\uC740\uAC00\uC694?
      • \uC65C \uCF54\uB529\uC744 \uD558\uB294 \uAC74\uAC00\uC694?
      • \uC774 \uACFC\uC815\uC758 \uC5B4\uB5A4 \uAC83\uB4E4\uC774 \uC5EC\uB7EC\uBD84\uC744 \uC990\uAC81\uAC8C \uD639\uC740 \uD798\uB4E4\uAC8C \uB9CC\uB4E4\uACE0 \uC788\uB098\uC694?
      • \uC5EC\uB7EC\uBD84\uC740 "\uAC1C\uBC1C"\uC774\uB77C\uB294 \uD589\uC704 \uD639\uC740 \uC218\uB2E8\uC73C\uB85C \uB2EC\uC131\uD558\uACE0 \uC2F6\uC740 \uAD81\uADF9\uC801\uC778 \uBAA9\uD45C\uAC00 \uBB34\uC5C7\uC778\uAC00\uC694?
      • \uC774 \uC77C\uC744 \uD558\uB294\uAC8C \uC815\uB9D0 \uC5EC\uB7EC\uBD84\uC744 \uD589\uBCF5\uD558\uAC8C \uD639\uC740 \uC990\uAC81\uAC8C \uB9CC\uB4E4\uACE0 \uC788\uB098\uC694?
      • ...

      \uC704\uC640 \uAC19\uC740 \uC9C8\uBB38\uC5D0 \uAF2D \uB2F5\uC744 \uD574\uC57C\uD558\uB294 \uAC83\uC740 \uC544\uB2D9\uB2C8\uB2E4. \uC774\uB7F0 \uC9C8\uBB38\uC5D0 \uB300\uD55C \uB2F5\uC774 \uC5C6\uC5B4\uB3C4 \uAC1C\uBC1C\uC744 \uD560 \uC218 \uC788\uACE0, \uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uC218 \uC788\uACE0, \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uC218 \uC788\uC73C\uB2C8\uAE4C\uC694. \uD558\uC9C0\uB9CC \uC774\uB7F0 \uC9C8\uBB38\uC5D0 \uB300\uD55C \uB2F5\uC774 \uC5C6\uB2E4\uBA74, \uBAA9\uC801\uC774 \uC5C6\uB2E4\uBA74, \uBAA9\uD45C\uAC00 \uC5C6\uB2E4\uBA74, \uB354 \uBE60\uB974\uAC8C \uC9C0\uCE58\uACE0 \uB354 \uB290\uB9AC\uAC8C \uD68C\uBCF5\uD560 \uAC00\uB2A5\uC131\uC774 \uBB34\uCC99 \uB192\uC2B5\uB2C8\uB2E4.

      \uC5B4\uCC28\uD53C \uC6B0\uB9AC\uB294 \uC0B4\uC544\uAC00\uBA74\uC11C \uD3C9\uC0DD \uC77C\uC744 \uD574\uC57C\uD569\uB2C8\uB2E4. \uD3C9\uC0DD \uBB38\uC81C\uD574\uACB0\uC744 \uD574\uC57C\uD569\uB2C8\uB2E4. \uD3C9\uC0DD \uC0B4\uC544\uAC00\uC57C \uD569\uB2C8\uB2E4.

      \uC774 \uACFC\uC815\uC5D0\uC11C \uBB19\uD45C, \uBAA9\uC801, \uBCF8\uC9C8 \uB4F1\uC740 \uBB34\uCC99 \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD574\uC694. \uADF8\uAC8C \uC6B0\uB9AC\uAC00 \uC0B6\uC744 \uB2A5\uB3D9\uC801\uC73C\uB85C \uADF8\uB9AC\uACE0 \uD589\uBCF5\uD558\uAC8C \uC0B4\uC544\uAC00\uB294 \uBFCC\uB9AC\uAC00 \uB418\uC5B4\uC904\uD14C\uB2C8\uAE4C\uC694.

      \uC5C9\uB6B1\uD55C \uBC29\uD5A5\uC73C\uB85C \uC774\uC57C\uAE30\uB97C \uD558\uAC8C\uB41C \uAC83 \uAC19\uC740\uB370 \uC5B4\uCA0C\uB4E0 \uBB38\uC81C\uD574\uACB0\uC5D0 \uB300\uD55C \uB525\uB2E4\uC774\uBE0C\uB97C \uACBD\uD5D8\uD574\uBCFC \uC218 \uC788\uB294 \uC81C\uC77C \uC88B\uC740 \uC218\uB2E8\uC774 \uBC14\uB85C \uD300\uD504\uB85C\uC81D\uD2B8\uC785\uB2C8\uB2E4. \uAE30\uC220\uC801\uC778 \uBB38\uC81C\uB3C4 \uB9CE\uC774 \uACAA\uC5B4\uBCFC \uC218 \uC788\uACE0, \uAE30\uC220 \uC678\uC758 \uBB38\uC81C\uB3C4 \uB9CE\uC774 \uB354 \uAE4A\uAC8C \uACAA\uC5B4\uBCFC \uC218 \uC788\uC73C\uB2C8\uAE4C\uC694. \uC774\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB294 \uB4A4\uC5D0\uC11C \uB2E4\uB8E8\uB3C4\uB85D \uD558\uACA0\uC2B5\uB2C8\uB2E4.


      2. \uD63C\uC790\uC11C \uD560 \uC218 \uC788\uB294 \uAC83\uACFC \uD63C\uC790\uC11C \uD560 \uC218 \uC5C6\uB294 \uAC83

      (1) \uC18C\uD504\uD2B8\uC2A4\uD0AC

      \uACF5\uBD80\uB294 \uD63C\uC790\uC11C\uB3C4 \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.

      \uAC00\uB839 Java, Javascript \uAC19\uC740 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB294 \uD63C\uC790\uC11C\uB3C4 \uD559\uC2B5\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uC804\uACF5 \uACFC\uBAA9\uC5D0 \uB300\uD55C \uC9C0\uC2DD\uC740 \uD63C\uC790\uC11C\uB3C4 \uD559\uC2B5\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uADF8\uB807\uAC8C \uD559\uC2B5\uD55C \uC9C0\uC2DD\uB4E4\uC740 \uD604\uC5C5\uC5D0\uC11C \uC77C\uC744 \uD558\uAC70\uB098 \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uB54C \uC0AC\uC6A9\uB429\uB2C8\uB2E4. \uC77C\uC885\uC758 "\uB3C4\uAD6C" \uC778\uAC70\uC8E0.

      \uD604\uC5C5\uC5D0\uC11C \uC77C\uC744 \uD558\uAC70\uB098 \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uB54C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294\uAC74 \uC5EC\uB7EC\uAC00\uC9C0\uAC00 \uC788\uC2B5\uB2C8\uB2E4. \uADF8\uB807\uB2E4\uBA74 \uC77C\uC758 \uC8FC\uCCB4\uB294 \uBB34\uC5C7\uC77C\uAE4C\uC694?

      \uB2F9\uC5F0\uD558\uC9C0\uB9CC \uC800\uB294 \uC0AC\uB78C \uC774\uB77C\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      \uC6B0\uB9AC\uAC00 \uD63C\uC790\uC11C \uD559\uC2B5\uD558\uB294 \uC9C0\uC2DD\uC740 \uC77C\uC744 \uD558\uAE30 \uC704\uD55C \uB3C4\uAD6C\uC77C \uBFD0\uC785\uB2C8\uB2E4. \uB3C4\uAD6C\uBCF4\uB2E4 \uB354 \uC911\uC694\uD55C\uAC74 \uC77C\uC744 \uD558\uB294 \uC0AC\uB78C \uADF8 \uC790\uCCB4\uC785\uB2C8\uB2E4.

      \uB300\uBD80\uBD84\uC758 \uC870\uC9C1\uC5D0\uC11C \uBAA9\uD45C \uB2EC\uC131\uC744 \uD558\uB294 \uC8FC\uCCB4\uB294 \uC0AC\uB78C\uC774\uACE0, \uB2E4\uC591\uD55C \uB3C4\uAD6C\uC640 \uC218\uB2E8\uC744 \uC774\uC6A9\uD574\uC11C \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uACFC \uD6A8\uACFC\uC801\uC774\uACE0 \uD6A8\uC728\uC801\uC73C\uB85C \uC77C\uC744 \uD558\uC5EC \uC131\uACFC\uB97C \uB0B4\uB294 \uAC83\uC774 \uD68C\uC0AC\uC5D0\uC11C \uD558\uB294 \uC77C\uC785\uB2C8\uB2E4.

      \uADF8\uB798\uC11C \uC6B0\uB9AC\uB294 \uC77C\uC744 \uC2DC\uC791\uD558\uBA74 \uAC70\uC758 \uBAA8\uB4E0 \uACFC\uC815\uC5D0 \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC774 \uC0AC\uC6A9\uB429\uB2C8\uB2E4. \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC740 \uC77C\uC758 \uC885\uB958\uC640 \uC0C1\uAD00 \uC5C6\uC774 \uB9E4\uC6B0 \uC911\uC694\uD569\uB2C8\uB2E4.

      \uC18C\uD504\uD2B8\uC2A4\uD0AC

      • \uAC1C\uC778\uC774 \uBCF4\uC720\uD55C \uACE0\uC720\uD55C \uC18D\uC131, \uC131\uACA9 \uD2B9\uC131, \uC758\uC0AC\uC18C\uD1B5 \uC5ED\uB7C9\uC744 \uC758\uBBF8\uD569\uB2C8\uB2E4.
      • \uC815\uB7C9\uD654\uD560 \uC218 \uC5C6\uC9C0\uB9CC, \uC5C5\uBB34\uC5D0 \uC601\uD5A5\uC744 \uBBF8\uCE58\uB294 \uAE30\uB2A5\uC744 \uB9D0\uD569\uB2C8\uB2E4.
      • \uB300\uC778\uAD00\uACC4, \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158, \uC778\uC131, \uD0DC\uB3C4 \uB4F1 \uD2B9\uC815 \uC5C5\uBB34\uC5D0 \uB300\uD55C \uAE30\uC220\uC740 \uC544\uB2C8\uC9C0\uB9CC, \uC77C\uD558\uB294 \uB370 \uC601\uD5A5\uC744 \uBBF8\uCE58\uB294 \uAE30\uB2A5\uC744 \uB9D0\uD569\uB2C8\uB2E4.
      • \uD589\uB3D9, \uD0DC\uB3C4, \uAC00\uCE58\uC5D0 \uBFCC\uB9AC\uB97C \uB450\uACE0 \uC788\uC2B5\uB2C8\uB2E4.
      • \uC9C1\uC7A5\uC5D0\uC11C \uC778\uAC04\uC801\uC778 \uC720\uB300\uB97C \uC313\uACE0 \uBB38\uD654\uC801, \uACF5\uB3D9\uCCB4\uC801 \uC758\uC2DD\uC744 \uD655\uB9BD\uD560 \uB54C \uADF8 \uAE30\uBC18\uC774 \uB418\uC5B4\uC90D\uB2C8\uB2E4.
      • \uC5C5\uBB34\uC758 \uACB0\uACFC\uBB3C\uC5D0\uB3C4 \uAE0D\uC815\uC801\uC778 \uC601\uD5A5\uC744 \uBBF8\uCE69\uB2C8\uB2E4.
      • \uB300\uD45C\uC801\uC73C\uB85C \uB2E4\uC74C\uACFC \uAC19\uC740 \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC774 \uC874\uC7AC\uD569\uB2C8\uB2E4.
        • \uAC10\uC131\uC9C0\uB2A5
        • \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158 \uB2A5\uB825
        • \uB9AC\uB354\uC2ED
        • \uC2DC\uAC04 \uAD00\uB9AC \uB2A5\uB825
        • \uBB38\uC81C \uD574\uACB0 \uB2A5\uB825
      • \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC740 \uBC94\uC6A9\uC801 \uC131\uACA9\uC744 \uB760\uC5B4 \uB300\uBD80\uBD84\uC758 \uC9C1\uBB34\uC5D0 \uC801\uC6A9\uB418\uACE0, \uC0C1\uC2DD\uC801\uC778 \uBD80\uBD84\uC774 \uB9CE\uC544 \uD55C \uC0AC\uB78C\uC758 \uAE30\uBCF8\uAE30\uB85C \uAC04\uC8FC\uB418\uAE30\uB3C4 \uD569\uB2C8\uB2E4.

      \uAC1C\uC778\uC801\uC73C\uB85C \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC740 \uC77C\uC744 \uD560 \uB54C\uB9CC \uC911\uC694\uD55C\uAC8C \uC544\uB2C8\uB77C \uC6B0\uB9AC\uAC00 \uC0AC\uD68C \uAD6C\uC131\uC6D0\uC73C\uB85C \uC0B4\uC544\uAC08 \uB54C \uD544\uC694\uD55C \uAC83\uB4E4\uC774\uB77C\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      \uB2E4\uC591\uD55C \uC18C\uD504\uD2B8\uC2A4\uD0AC \uC911\uC5D0\uC11C \uD2B9\uD788 \uAC1C\uC778\uC801\uC73C\uB85C \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD558\uB294 \uAC83\uC740 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC785\uB2C8\uB2E4.

      • \uC124\uB4DD: \uB0B4\uAC00 \uC6D0\uD558\uB294\uAC8C \uC788\uACE0 \uC774\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD574\uC11C \uC5B4\uB5BB\uAC8C \uC774\uC57C\uAE30\uB97C \uB04C\uACE0\uAC00\uC57C \uB2E4\uB978 \uC0AC\uB78C\uC744 \uC6C0\uC9C1\uC774\uAC8C \uB9CC\uB4E4 \uC218 \uC788\uB294\uC9C0.
      • \uC804\uB2EC: \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uAC83\uB4E4\uC744 \uC815\uD655\uD558\uAC8C \uC804\uB2EC\uD558\uAE30 \uC704\uD574\uC11C \uC5B4\uB5BB\uAC8C \uC774\uC57C\uAE30\uB97C \uD574\uC57C \uC88B\uC740\uC9C0.
      • \uACF5\uAC10: \uB0B4\uAC00 \uC0C1\uB300\uBC29\uC758 \uC0DD\uAC01\uC744 \uC774\uD574\uD558\uACE0 \uC788\uB2E4\uB294 \uAC83\uC744 \uC778\uC9C0\uC2DC\uD0A4\uAE30 \uC704\uD574 \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC740\uC9C0.
      • \uC131\uC7A5: \uB0B4\uAC00 \uC5B4\uB5A4 \uD53C\uB4DC\uBC31\uC744 \uBC1B\uC558\uC744 \uB54C \uD6A8\uACFC\uC801\uC774\uACE0, \uB0B4 \uC8FC\uBCC0 \uC0AC\uB78C\uC5D0\uAC8C\uB294 \uB0B4\uAC00 \uC5B4\uB5A4 \uD53C\uB4DC\uBC31\uC744 \uC92C\uC744 \uB54C \uD6A8\uACFC\uAC00 \uC88B\uC558\uB294\uC9C0.

      \uACB0\uAD6D \uC77C\uC740 \uC0AC\uB78C\uC774 \uD558\uB294 \uAC83\uC774\uACE0 \uC0AC\uB78C\uB4E4\uC744 \uC798 \uC6C0\uC9C1\uC774\uAC8C \uB9CC\uB4DC\uB294 \uAC8C \uBB34\uC5C7\uBCF4\uB2E4 \uC911\uC694\uD569\uB2C8\uB2E4.

      (2) \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uC0AC\uB78C

      \uD68C\uC0AC\uC5D0\uC11C \uBA74\uC811\uC744 \uBCF4\uB294 \uC774\uC720\uAC00 \uBB58\uAE4C\uC694? \uADF8\uAC83\uB3C4 \uD55C \uBC88\uC774 \uC544\uB2C8\uB77C \uC5EC\uB7EC \uBC88 \uBCF4\uB294 \uC774\uC720\uAC00 \uBB58\uAE4C\uC694?

      \uB2E8\uC21C\uD788 \uC9C0\uC6D0\uC790\uAC00 \uAC00\uC9C4 \uC131\uC801\uC774\uB098 \uC2A4\uD399 \uAC19\uC740 \uC218\uCE58\uC801\uC778 \uAC83\uB4E4\uC774 \uC544\uB2C8\uB77C \uC6B0\uB9AC\uC640 \uAC19\uC774 \uC77C\uC744 \uD558\uAC8C \uB420 \uC0AC\uB78C\uC774 \uD48D\uAE30\uB294 \uB290\uB08C \uB300\uD654\uD558\uB294 \uBC29\uC2DD \uC0DD\uAC01\uD558\uB294 \uBC29\uC2DD \uAC00\uCE58\uAD00 \uCCA0\uD559 \uB4F1 "\uC0AC\uB78C" \uC790\uCCB4\uB97C \uAD6C\uCCB4\uC801\uC73C\uB85C \uBCF4\uACE0 \uD310\uB2E8\uD558\uAE30 \uC704\uD574\uC11C\uC785\uB2C8\uB2E4.

      \uC870\uAE08 \uB354 \uADF9\uB2E8\uC801\uC73C\uB85C \uC0DD\uAC01\uD574\uBCF4\uC790\uBA74, \uC0AC\uC2E4 \uC2A4\uD399\uC740 \uC911\uC694\uD558\uC9C0 \uC54A\uC744 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4. \uAC1C\uBC1C\uC790\uAC00 \uB418\uAE30 \uC704\uD574\uC11C \uAC1C\uBC1C \uC9C0\uC2DD \uC790\uCCB4\uB294 \uC9C0\uAE08 \uB2F9\uC7A5 \uD544\uC694\uD558\uC9C0 \uC54A\uC744 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4.

      \uC2E4\uC81C\uB85C \uC0DD\uAC01\uBCF4\uB2E4 \uBE48\uBC88\uD558\uAC8C \uBCF4\uB294 \uC0AC\uB840\uAC00

      • \uC9C0\uC6D0\uC790\uAC00 \uAD49\uC7A5\uD788 \uB9CE\uC740 \uBD84\uC57C\uC758 \uC9C0\uC2DD\uC744 \uACF5\uBD80\uD588\uC73C\uB098 \uACB0\uAD6D \uBA74\uC811\uC5D0\uC11C \uB5A8\uC5B4\uC9C0\uB294 \uACBD\uC6B0
      • \uC9C0\uC6D0\uC790\uAC00 \uD68C\uC0AC\uC5D0\uC11C \uC77C\uC744 \uD560 \uB54C \uD544\uC694\uD55C \uC9C0\uC2DD\uC744 \uB9CE\uC774 \uACF5\uBD80\uD558\uC9C0 \uC54A\uC740 \uC0C1\uD0DC\uC784\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uBD99\uB294 \uACBD\uC6B0

      \uC0AC\uC2E4 \uC81C\uAC00 \uD588\uB358 \uACBD\uD5D8\uC774\uAE30\uB3C4 \uD569\uB2C8\uB2E4.

      \uC81C\uAC00 \uBA74\uC811\uAD00\uC77C \uB54C \uD569\uACA9\uC744 \uD310\uB2E8\uD558\uB294 \uAE30\uC900\uC774\uAE30\uB3C4 \uD588\uACE0, \uBC18\uB300\uB85C \uC81C\uAC00 \uC9C0\uC6D0\uC790\uC77C \uB54C "\uB0B4\uAC00 \uC65C \uBD99\uC5C8\uC9C0?"\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC758 \uB2F5\uC774\uAE30\uB3C4 \uD588\uC2B5\uB2C8\uB2E4.

      \uBA74\uC811\uC774\uB098 \uC774\uB825\uC11C\uB098 \uC790\uAE30\uC18C\uAC1C\uC11C \uD639\uC740 \uBE14\uB85C\uADF8 \uAE00 \uB4F1\uC744 \uD1B5\uD574\uC11C \uC774\uBBF8 "\uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uC0AC\uB78C"\uC5D0 \uB300\uD55C \uBAA8\uC2B5\uC774 \uC874\uC7AC\uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4. \uC9C0\uAE08 \uB2F9\uC7A5 \uB0B4\uAC00 \uC9C0\uC2DD\uC774 \uC5C6\uC5B4\uB3C4 \uC5B4\uCC28\uD53C \uD68C\uC0AC\uC5D0\uC11C \uB4E4\uC5B4\uC640\uC11C \uD504\uB85C\uC81D\uD2B8\uC5D0 \uD22C\uC785\uC774 \uB418\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uACF5\uBD80\uD558\uAC8C \uB429\uB2C8\uB2E4.

      \uD55C \uC6B0\uBB3C\uC744 \uAE4A\uAC8C \uD30C\uBCF8 \uC0AC\uB78C\uC774\uB77C\uBA74 \uADF8 \uBD84\uC57C\uAC00 \uC5B4\uB5BB\uAC8C \uB418\uC5C8\uB4E0 \uADF8 \uC0AC\uB78C\uC774 \uAD00\uC2EC\uB9CC \uAC00\uC9C0\uAC8C \uB41C\uB2E4\uBA74 \uB611\uAC19\uC774 \uD55C \uC6B0\uBB3C\uC744 \uAE4A\uAC8C \uD30C\uACE0\uB4E4\uC5B4\uAC08 \uD655\uB960\uC774 \uB192\uC2B5\uB2C8\uB2E4.

      \uBB34\uC5B8\uAC00\uB97C \uD55C \uAC00\uC9C0\uB77C\uB3C4 \uAE4A\uAC8C \uBAB0\uC785\uD574\uBCF8 \uC0AC\uB78C\uC774\uB77C\uBA74 \uADF8\uAC8C \uBB34\uC5C7\uC774 \uB418\uC5C8\uB4E0 \uAD00\uC2EC\uB9CC \uC788\uB2E4\uBA74 \uB525\uB2E4\uC774\uBE0C\uD560 \uD655\uB960\uC774 \uB192\uC2B5\uB2C8\uB2E4. \uADF8\uB798\uC11C \uC77C\uC5D0 \uB300\uD574\uC11C \uAE4A\uAC8C \uAE4A\uAC8C \uACE0\uBBFC\uD558\uACE0 \uBAB0\uC785\uD560 \uD655\uB960\uB3C4 \uB192\uC740\uAC70\uC8E0. \uBC18\uB300\uB85C \uBB58 \uD558\uB4E0 \uC595\uAC8C\uB9CC \uD574\uBCF4\uACE0 \uAE08\uBC29 \uC2E4\uC99D\uC744 \uB0B4\uB294 \uC0AC\uB78C\uC774\uB77C\uBA74 \uCF54\uB529\uC744 \uD574\uB3C4 \uC77C"\uC744 \uD574\uB3C4 \uC595\uAC8C\uB9CC \uD560 \uD655\uB960\uC774 \uB192\uC9C0 \uC54A\uC744\uAE4C\uC694? \uC774\uB7F0 \uAC00\uB2A5\uC131\uACFC \uC131\uD5A5\uC744 \uD310\uB2E8\uD558\uAE30 \uC704\uD574 \uBA74\uC811\uC774\uB77C\uB294 \uC7A5\uCE58\uAC00 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      • \uB0B4\uAC00 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0
      • \uC5B4\uB5A4 \uC0DD\uAC01\uC744 \uD558\uB294\uC9C0
      • \uC5B4\uB5A4 \uC7A5\uB2E8\uC810\uC774 \uC788\uACE0
      • \uC5B4\uB5A4\uAC78 \uC798\uD558\uBA70 \uC5B4\uB5A4\uAC78 \uD560 \uB54C \uBAB0\uC785\uD558\uB294\uC9C0
      • \uC5B4\uB5A4 \uBB38\uC81C\uB4E4\uC744 \uACAA\uC5C8\uACE0 \uC5B4\uB5BB\uAC8C \uD574\uACB0\uD574\uC654\uB294\uC9C0

      \uC790\uAE30 \uC790\uC2E0\uC5D0 \uB300\uD574 \uAD6C\uCCB4\uC801\uC73C\uB85C \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uC5B4\uC57C\uD569\uB2C8\uB2E4. \uB098\uC5D0 \uB300\uD55C \uAD6C\uCCB4\uC801\uC778 \uC815\uBCF4\uAC00 \uB9CE\uC744\uC218\uB85D, \uB098\uC640 \uAC19\uC774 \uC77C\uD558\uB294 \uC0AC\uB78C\uB4E4\uC740 \uC77C\uC744 \uD560 \uB54C \uC608\uCE21\uD558\uAE30\uAC00 \uC26C\uC6CC\uC9D1\uB2C8\uB2E4. \uBAA9\uD45C\uB97C \uC124\uC815\uD560 \uB54C \uC774\uB97C \uC798 \uD65C\uC6A9\uD560 \uC218\uB3C4 \uC788\uC73C\uBA70 \uC11C\uB85C\uAC04\uC758 \uBB38\uC81C\uAC00 \uC788\uC744 \uB54C \uC5B4\uB5BB\uAC8C \uD480\uC5B4\uB098\uAC00\uC57C \uC88B\uC744\uC9C0 \uC54C \uC218 \uC788\uC2B5\uB2C8\uB2E4.

      \uC8FC\uC808\uC8FC\uC808 \uB5A0\uB4E4\uC5C8\uB294\uB370, \uACB0\uAD6D \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB294 \uB0B4\uAC00 \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uB9E4\uB825\uC801\uC778 \uC0AC\uB78C\uC774 \uB418\uC5B4\uC57C \uD558\uB294\uAC70\uC8E0. \uC774\uAC74 \uD68C\uC0AC\uB9C8\uB2E4 \uB2E4\uB97C \uC218 \uC788\uC9C0\uB9CC \uB9E4\uB825\uC744 \uBCF4\uC5EC\uC904 \uC218 \uC788\uB294 \uAF64 \uB9CE\uC740 \uAC83\uB4E4\uC740 \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC774\uB77C\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      \uACF5\uBD80\uB294 \uD63C\uC790\uC11C\uB3C4 \uD560 \uC218 \uC788\uC9C0\uB9CC \uB2E4\uB978 \uC0AC\uB78C\uACFC\uC758 \uC0C1\uD638\uC791\uC6A9\uC744 \uD1B5\uD574\uC11C "\uB098"\uB97C \uD615\uC131\uD558\uB294 \uACFC\uC815\uC740 \uC808\uB300 \uD63C\uC790\uC11C\uB294 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4. \uADF8\uB798\uC11C \uC800\uB294 \uB2E4\uC591\uD55C \uC0AC\uB78C\uB4E4\uACFC \uB2E4\uC591\uD55C \uACBD\uD5D8\uC744 \uD558\uBA74\uC11C \uB098\uB9CC\uC758 \uAC00\uCE58\uAD00\uACFC \uCCA0\uD559\uC744 \uB9CC\uB4E4\uC5B4 \uB193\uB294\uAC8C \uBB34\uC5C7\uBCF4\uB2E4 \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4. \uC774\uB7F0 \uACBD\uD5D8\uC740 \uD300\uD504\uB85C\uC81D\uD2B8, \uC2A4\uD130\uB514, \uB3D9\uC544\uB9AC \uB4F1\uC744 \uD1B5\uD574\uC11C \uC2DC\uB3C4\uD574\uBCFC \uC218 \uC788\uACA0\uC8E0?

      \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD574 \uC54C\uC544\uAC00\uB294 \uACFC\uC815

      \uB300\uD559\uC0DD\uC774\uB77C\uBA74 \uD559\uAD50\uC5D0 \uC788\uB294 \uB2E4\uC591\uD55C \uC0C1\uB2F4 \uD504\uB85C\uADF8\uB7A8\uC744 \uC774\uC6A9\uD574\uBCF4\uC138\uC694. \uC800\uB294 \uD559\uAD50\uB97C \uB2E4\uB2C8\uBA74\uC11C \uAF64 \uB9CE\uC740 \uC2EC\uB9AC \uC0C1\uB2F4\uC744 \uBC1B\uC558\uC2B5\uB2C8\uB2E4. \uB2E4\uC591\uD55C \uC2EC\uB9AC\uD559 \uC218\uC5C5\uC744 \uD1B5\uD574\uC11C \uBC1B\uC544\uBCF4\uAE30\uB3C4 \uD588\uACE0 \uC9D1\uB2E8 \uC2EC\uB9AC \uC0C1\uB2F4\uC744 \uC2E0\uCCAD\uD574\uC11C \uBC1B\uC544\uBCF4\uAE30\uB3C4 \uD588\uACE0 \uC218\uC5C6\uC774 \uB9CE\uC740 \uC801\uC131\uAC80\uC0AC\uB97C \uBC1B\uC558\uC2B5\uB2C8\uB2E4.

      \uADF8 \uACFC\uC815\uC5D0\uC11C \uB0B4\uAC00 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0 \uC5B4\uB5A4 \uC0AC\uB78C\uB4E4\uC744 \uC88B\uC544\uD558\uB294\uC9C0 \uC5B4\uB5A4 \uC0C1\uD669\uC5D0 \uC5B4\uB5A4 \uC77C\uC744 \uD560 \uB54C \uD589\uBCF5\uD55C\uC9C0 \uC5B4\uB5A4 \uAC00\uCE58\uAD00\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294\uC9C0 \uB4F1 \uB2E4\uC591\uD55C \uBAA8\uC2B5\uC744 \uC54C\uAC8C \uB418\uC5C8\uC2B5\uB2C8\uB2E4.

      \uAE00\uC744 \uC791\uC131\uD558\uB294 \uC9C0\uAE08\uB3C4 \uAC00\uB2A5\uD558\uBA74 \uB9E4\uC77C 1\uC2DC\uAC04 \uC774\uC0C1 \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C \uC624\uB298\uC758 \uB098\uB294 \uC5B4\uC81C\uC758 \uB098\uC640 \uC5B4\uB5A4 \uC810\uB4E4\uC774 \uB2EC\uB77C\uC84C\uB294\uC9C0 \uACE0\uBBFC\uC744 \uD558\uACE0 \uC788\uC2B5\uB2C8\uB2E4.


      (3) \uB098\uC5D0\uAC8C \uB9DE\uB294

      \uC55E\uC120 \uC774\uC57C\uAE30\uB97C \uD1A0\uB300\uB85C, \uC800\uB294 \uCC98\uC74C\uBD80\uD130 \uD68C\uC0AC\uC5D0 \uB098 \uC2A4\uC2A4\uB85C\uB97C \uB9DE\uCD94\uB824\uACE0 \uD558\uAE30 \uBCF4\uB2E8 \uB098\uC5D0\uAC8C \uC81C\uC77C \uC798 \uB9DE\uB294 \uD68C\uC0AC\uB97C \uCC3E\uC544\uB0B4\uAE38 \uBC14\uB78D\uB2C8\uB2E4. \uADF8\uAC8C \uC81C\uC77C \uC5B4\uB835\uB2E4\uB294\uAC8C \uBB38\uC81C\uC9C0\uB9CC\uC694

      \uC0AC\uB78C\uB4E4\uC774 \uB300\uAE30\uC5C5\uC744 \uC120\uD638\uD558\uB294 \uC774\uC720\uB294 \uBCF4\uD3B8\uC801\uC73C\uB85C \uB0B4 \uAC00\uCE58\uAD00\uC5D0 \uB9DE\uC544\uB4E4\uC5B4\uAC00\uAE30 \uB54C\uBB38\uC785\uB2C8\uB2E4. \uB0B4\uAC00 100% \uB9CC\uC871\uD560 \uC21C \uC5C6\uC9C0\uB9CC 70% \uC815\uB3C4\uB294 \uB9DE\uAE30 \uB54C\uBB38\uC785\uB2C8\uB2E4.

      \uBC18\uB300\uB85C \uB300\uBD80\uBD84\uC758 \uD68C\uC0AC\uAC00 \uB098\uC5D0\uAC8C \uB9DE\uC9C0 \uC54A\uB294\uAC70\uC8E0.

      \uB098\uC640 \uB9DE\uC9C0 \uC54A\uB294 \uD68C\uC0AC\uC5D0 \uB2E4\uB2C8\uACE0 \uC2F6\uC9C0 \uC54A\uC740\uAC70\uACE0 \uADF8\uB7F0 \uACF3\uC5D0\uC11C \uC77C\uC744 \uD560 \uB54C \uC990\uAC81\uC9C0 \uC54A\uACE0 \uD589\uBCF5\uD558\uC9C0 \uC54A\uAE30 \uB54C\uBB38\uC785\uB2C8\uB2E4.

      \uC5ED\uBC1C\uC0C1\uC744 \uD574\uBCF4\uC790\uBA74 \uB098\uC5D0\uAC8C 100%\uAE4C\uC9C4 \uC544\uB2C8\uC5EC\uB3C4 90%\uB294 \uB4E4\uC5B4\uB9DE\uB294 \uD68C\uC0AC\uAC00 \uBD84\uBA85\uD788 \uC788\uC2B5\uB2C8\uB2E4. \uADF8\uB7F0 \uD68C\uC0AC\uB97C \uCC3E\uC544\uB0B4\uAE30 \uC704\uD574\uC120 \uACB0\uAD6D \uB098 \uC790\uC2E0\uC5D0 \uB300\uD574 \uC798 \uC54C\uC544\uC57C \uD558\uB294\uAC70\uC8E0.

      \uD68C\uC0AC\uAC00 \uC5EC\uB7EC\uBD84\uC5D0\uAC8C \uC544\uC608 \uC548 \uB9DE\uC744 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4. \uADF8\uB807\uB2E4\uBA74 \uD68C\uC0AC\uAC00 \uC544\uB2CC \uB2E4\uB978 \uAE38\uC744 \uCC3E\uC544\uC57C\uACA0\uC8E0? \uD639\uC740 \uD68C\uC0AC\uC5D0\uC11C \uCC44\uC6B8 \uC218 \uC5C6\uB294 \uAC83\uB4E4\uC774 \uAD49\uC7A5\uD788 \uB9CE\uC774 \uC788\uC2B5\uB2C8\uB2E4. \uADF8\uAC78 \uC54C\uC544\uC57C \uD558\uB294 \uAC83\uB3C4 \uACB0\uAD6D \uB098\uC758 \uBAAB\uC778\uAC70\uC8E0.


      3. \uD559\uC2B5 \uADF8 \uC790\uCCB4

      (1) \uB0B4\uAC00 \uC88B\uC544\uD558\uB294 \uACF5\uBD80 \uBC29\uBC95

      \uB9C8\uC9C0\uB9C9\uC73C\uB85C \uD559\uC2B5\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uC785\uB2C8\uB2E4. \uC55E\uC5D0\uC11C \uBC29\uD5A5\uC131\uC744 \uC81C\uC2DC\uD588\uB294\uB370\uC694 \uC800\uB294 \uBB34\uC5C7\uBCF4\uB2E4 \uACF5\uBD80 \uADF8 \uC790\uCCB4\uAC00 \uC81C\uC77C \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      \uC5EC\uB7EC\uBD84\uC740 \uACF5\uBD80\uAC00 \uC990\uAC81\uB098\uC694?

      \uC800\uB294 \uC990\uAC70\uC6CC\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4. \uACF5\uBD80\uAC00 \uC990\uAC81\uC9C0 \uC54A\uB2E4\uBA74 \uADF8\uAC74 \uBB34\uC5B8\uAC00 \uC798\uBABB\uB41C\uAC70\uB77C\uACE0 \uC0DD\uAC01\uD574\uC694.

      \uC800\uB294 \uCC45\uC744 \uC77D\uB294 \uAC83\uB3C4 \uC548 \uC88B\uC544\uD558\uACE0 \uC778\uAC15\uC744 \uBCF4\uB294 \uAC83\uB3C4 \uC548 \uC88B\uC544\uD569\uB2C8\uB2E4. \uCF54\uB529\uC744 \uD560 \uB54C\uAC00 \uC81C\uC77C \uC7AC\uBC0C\uC2B5\uB2C8\uB2E4.

      \uCC45\uC744 \uC77D\uACE0 \uC788\uC73C\uBA74 \uCF54\uB529\uC774 \uD558\uACE0\uC2F6\uC5B4\uC9C0\uACE0 \uC778\uAC15\uC744 \uBCF4\uACE0 \uC788\uC5B4\uB3C4 \uCF54\uB529\uC774 \uD558\uACE0\uC2F6\uC5B4\uC9D1\uB2C8\uB2E4. \uADF8\uB798\uC11C \uCF54\uB529\uC744 \uD558\uBA74\uC11C \uD559\uC2B5\uD560 \uC218 \uC788\uB294 \uC2A4\uD130\uB514\uB098 \uBBF8\uC158\uD615 \uAC15\uC758 \uB4F1\uC744 \uD1A0\uB300\uB85C \uBC29\uB300\uD55C \uC591\uC758 \uB0B4\uC6A9\uC744 \uB2E8\uC2DC\uAC04\uC5D0 \uC775\uD788\uACE0 \uD65C\uC6A9\uD560 \uC218 \uC788\uB294 \uBC29\uC2DD\uC73C\uB85C \uC131\uC7A5\uD588\uC2B5\uB2C8\uB2E4.

      \uD558\uC9C0\uB9CC \uC774\uB807\uAC8C \uD55C\uB2E4\uACE0 \uB204\uAD6C\uB3C4 \uBB50\uB77C\uD558\uC9C0 \uC54A\uC544\uC694. \uC77C\uC744 \uD560 \uB54C \uD544\uC694\uD55C \uCD5C\uC18C\uD55C\uC758 \uAE30\uCD08\uC9C0\uC2DD\uC744 \uC81C\uC678\uD558\uACE4 \uB300\uBD80\uBD84\uC758 \uC9C0\uC2DD\uC740 \uD544\uC694\uD560 \uB54C \uBC30\uC6B0\uBA74 \uB429\uB2C8\uB2E4.

      \uC911\uC694\uD55C\uAC74 \uB0B4\uAC00 \uC5BC\uB9C8\uB098 \uD559\uC2B5\uC5D0 \uB300\uD574 \uBAB0\uC785\uD558\uACE0 \uC798\uD560 \uC218 \uC788\uB294\uAC00 \uC785\uB2C8\uB2E4.

      \uB204\uAD70\uAC00\uB294 \uD63C\uC790\uC11C \uACF5\uBD80\uD558\uB294\uAC8C \uB354 \uC88B\uC744 \uC218\uB3C4 \uC788\uACE0 \uB204\uAD70\uAC00\uB294 \uCE5C\uAD6C\uB4E4\uACFC \uAC19\uC774 \uACF5\uBD80\uD558\uB294\uAC8C \uB354 \uC88B\uC744 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4. \uB204\uAD70\uAC00\uB294 \uC544\uCE68\uC5D0 \uACF5\uBD80\uB97C \uD558\uB294\uAC8C \uB204\uAD70\uAC00\uB294 \uC800\uB141\uC5D0 \uACF5\uBD80\uB97C \uD558\uB294\uAC8C \uC88B\uC744 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4.

      \uB098\uC5D0\uAC8C \uB531 \uB9DE\uB294 \uD559\uC2B5 \uBC29\uBC95\uC744 \uCC3E\uC544\uB0B4\uB294 \uAC8C \uC81C\uC77C \uC911\uC694\uD569\uB2C8\uB2E4.

      \uC774\uC804 \uD30C\uD2B8\uC5D0\uC11C \uC774\uC57C\uAE30\uD55C \uB9E5\uB77D\uACFC \uC774\uC5B4\uC9C0\uB294 \uAC83 \uAC19\uC740\uB370

      \uB3C4\uB300\uCCB4 \uB098\uB294 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uAC00?

      \uB97C \uACE0\uBBFC\uD574\uBCF4\uB294\uAC70\uC8E0. \uC5B4\uB5A4 \uC0C1\uD669\uC5D0 \uBAB0\uC785\uC744 \uD558\uB294\uC9C0 \uACF5\uBD80\uB97C \uD558\uB294\uC9C0.

      \uADF8\uB9AC\uACE0 \uC8FC\uBCC0 \uC0AC\uB78C\uC774 \uAC19\uC774 \uC77C\uD558\uB294 \uC0AC\uB78C\uC774 \uB098\uC758 \uC774\uB7F0 \uBAA8\uC2B5\uC744 \uC54C\uC544\uC57C\uD569\uB2C8\uB2E4. \uADF8\uB798\uC57C \uB0B4\uAC00 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uD559\uC2B5\uD558\uACE0 \uBAB0\uC785\uD558\uACE0 \uC77C\uC744 \uD558\uB294\uC9C0, \uADF8\uAC78 \uC5B4\uB5BB\uAC8C \uC131\uACFC\uB85C \uC5F0\uACB0\uD560 \uC218 \uC788\uB294\uC9C0 \uC54C \uC218 \uC788\uC73C\uB2C8\uAE4C\uC694.

      \uC77C\uC740 \uC0AC\uB78C\uACFC \uC0AC\uB78C\uC774 \uAC19\uC774 \uD558\uB294 \uAC83\uC774\uACE0 \uB9AC\uB354\uC758 \uC785\uC7A5\uC5D0\uC11C\uB294 \uAD6C\uC131\uC6D0\uC774 \uC5B4\uB5A4 \uC0C1\uD669\uC5D0 \uBAB0\uC785\uD558\uB294\uC9C0 \uC54C\uACE0 \uC788\uB2E4\uBA74 \uD300\uC774 \uC88B\uC740 \uC131\uACFC\uB97C \uB0BC \uB54C \uBB34\uCC99 \uC720\uB9AC\uD569\uB2C8\uB2E4.


      (2) \uC131\uACF5\uC758 \uBAA9\uC801\uACFC \uC218\uB2E8

      \uD589\uBCF5\uD55C \uC0AC\uB78C\uC774 \uC131\uACF5\uD558\uB294 \uAC78\uAE4C? \uC131\uACF5\uD55C \uC0AC\uB78C\uC774 \uD589\uBCF5\uD55C \uAC78\uAE4C?

      \uC774\uAC74 \uBAA9\uC801\uACFC \uC218\uB2E8\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uC785\uB2C8\uB2E4.

      \uBAA9\uC801\uC740 \uD589\uBCF5\uC774\uACE0 \uC218\uB2E8\uC774 \uC131\uACF5\uC774\uB77C\uBA74, \uC131\uACF5\uC774 \uAF2D \uD589\uBCF5\uC758 \uC218\uB2E8\uC774 \uB420 \uD544\uC694\uB294 \uC5C6\uB294\uAC70\uC8E0.

      • \uD558\uACE0 \uC2F6\uC740 \uACF5\uBD80\uB97C \uD558\uBA74\uC11C
      • \uD558\uACE0 \uC2F6\uC740 \uC77C\uC744 \uD558\uBA74\uC11C
      • \uC990\uAC70\uC6C0\uACFC \uD589\uBCF5\uC744 \uB290\uB07C\uBA74\uC11C

      \uADF8\uB807\uAC8C \uC131\uACF5 \uD639\uC740 \uBAA9\uD45C\uC5D0 \uB3C4\uB2EC\uD560 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4.

      \uADF8\uB9AC\uACE0 \uAFB8\uC900\uD788 \uD589\uBCF5\uD55C \uC0AC\uB78C\uC740 \uC131\uACF5\uD560 \uD655\uB960\uC774 \uB354 \uB192\uB2E4\uACE0 \uD569\uB2C8\uB2E4. \uD558\uC9C0\uB9CC \uC800\uB294 \uD589\uBCF5\uD55C \uC0AC\uB78C\uB4E4\uC740 \uC131\uACF5\uC744 \uD5A5\uD574 \uB2EC\uB824\uAC04\uB2E4\uACE0 \uC0DD\uAC01\uD558\uC9C0 \uC54A\uC544\uC694. \uC774\uBBF8 \uD589\uBCF5\uD558\uAE30 \uB54C\uBB38\uC5D0 \uADF8\uB0E5 \uADF8 \uC77C\uC744 \uACC4\uC18D \uD558\uB294\uAC70\uC8E0. \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uB0A8\uB4E4\uC774 \uC774\uC57C\uAE30 \uD558\uB294 "\uC131\uACF5"\uC5D0 \uB3C4\uB2EC\uD574 \uC788\uB294\uAC70\uC8E0. \uB0A8\uB4E4\uC774 \uC774\uC57C\uAE30 \uD558\uB294 "\uC131\uACF5"\uC5D0 \uB3C4\uB2EC\uD558\uC9C0 \uBABB\uD558\uB2E4\uACE0 \uD558\uB354\uB77C\uB3C4 \uC774\uBBF8 \uD589\uBCF5\uD558\uBA74 \uADF8\uB9CC\uC774\uB2C8\uAE4C\uC694!

      \uC5B4\uCC28\uD53C \uC778\uC0DD\uC740 \uC131\uACF5\uD558\uAE30 \uC704\uD574 \uC0B4\uC544\uAC04\uB2E4\uAE30\uBCF4\uB2E8 \uB9CE\uC774 \uADF8\uB9AC\uACE0 \uC790\uC8FC \uD589\uBCF5\uD558\uAE30 \uC704\uD574 \uC0B4\uC544\uAC00\uB294\uAC8C \uC544\uB2D0\uAE4C\uC694?

      100\uC5B5

      \uC694\uC998 \uC8FC\uBCC0 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C "100\uC5B5\uC774 \uC788\uB2E4\uBA74 \uBB58 \uD558\uACE0 \uC2F6\uC5B4?" \uB77C\uB294 \uC9C8\uBB38\uC744 \uC790\uC8FC \uB358\uC9D1\uB2C8\uB2E4. \uC0AC\uC2E4 \uC81C\uAC00 \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uB4E4\uC5C8\uB358 \uC9C8\uBB38\uC774\uAE30\uB3C4 \uD569\uB2C8\uB2E4.

      \uC800\uB97C \uD3EC\uD568\uD558\uC5EC \uB300\uBD80\uBD84\uC758 \uC0AC\uB78C\uC740 \uACB0\uAD6D \uC774\uC5D0 \uB300\uD55C \uB2F5\uBCC0\uC73C\uB85C \uC9C4\uC815\uC73C\uB85C \uC790\uAE30\uAC00 \uD558\uACE0 \uC2F6\uC740 \uC77C\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30\uD569\uB2C8\uB2E4.

      \uBC18\uB300\uB85C \uC0DD\uAC01\uD574\uBCF4\uBA74, \uC9C4\uC815\uC73C\uB85C \uD558\uACE0 \uC2F6\uC740 \uC77C\uC744 \uC9C0\uAE08\uB3C4 \uD558\uACE0 \uC788\uB294 \uC0AC\uB78C\uC740 100\uC5B5\uC774\uB77C\uB294 \uAC00\uCE58\uB97C \uAE54\uACE0 \uC549\uC544 \uC788\uB294 \uAC83\uACFC \uAC19\uC9C0 \uC54A\uC744\uAE4C\uC694? \uB204\uAD70\uAC00\uB294 100\uC5B5\uC774 \uC788\uC5B4\uC57C \uD558\uB294 \uC77C\uC744 \uC774\uBBF8 \uD558\uACE0 \uC788\uB294\uAC70\uB2C8\uAE4C\uC694.


      Summary

      \uAE38\uAC8C \uC5EC\uB7EC\uAC00\uC9C0 \uC774\uC57C\uAE30\uB97C \uD55C \uAC83 \uAC19\uC740\uB370 \uB2E4\uC2DC \uC694\uC57D\uD574\uBCF4\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4.

      (1) \uAE4A\uC774

      • \uB113\uAC8C \uAE4A\uAC8C \uC9C8\uC801\uC73C\uB85C \uACF5\uBD80\uD560 \uAC83.
      • \uC5B4\uB5A4 \uC5B8\uC5B4\uB97C \uACF5\uBD80\uD560 \uB54C\uB3C4 \uD504\uB85C\uC81D\uD2B8\uB97C \uD560 \uB54C\uB3C4 \uD558\uB098\uB97C \uAE4A\uAC8C \uD558\uB294\uAC8C \uC911\uC694\uD558\uB2E4.
      • \uD504\uB85C\uC81D\uD2B8\uB294 \uB9CC\uB4E4\uACE0 \uCD9C\uC2DC\uD574\uBCF4\uACE0 \uC0AC\uC6A9\uC790 \uC720\uC785\uC744 \uC720\uB3C4\uD558\uACE0 \uB2E4\uC591\uD55C \uC7A5\uC560 \uC0C1\uD669\uC744 \uACAA\uC5B4\uBCF4\uACE0 \uC774 \uACFC\uC815\uC5D0\uC11C \uB2E4\uC591\uD55C \uBB38\uC81C \uC0C1\uD669\uC744 \uACAA\uC5B4\uBCF4\uACE0 \uD574\uACB0\uD558\uACE0 \uC815\uB9AC\uD558\uB294 \uACFC\uC815\uC774 \uD544\uC694\uD558\uB2E4.

      (2) \uC18C\uD504\uD2B8\uC2A4\uD0AC

      • \uC6B0\uB9AC\uAC00 \uCDE8\uC5C5\uC744 \uC704\uD574\uC11C \uACF5\uBD80\uD558\uB294 \uAC83\uB4E4\uC740 \uB300\uBD80\uBD84 \uD558\uB4DC\uC2A4\uD0AC\uC774\uACE0 \uC77C\uC744 \uD558\uAE30 \uC704\uD574 \uD544\uC694\uD55C "\uB3C4\uAD6C"\uC774\uB2E4.
      • \uADF8\uB807\uB2E4\uBA74 "\uC77C\uC744 \uC798 \uD558\uB294 \uBC29\uBC95"\uC5D0 \uB300\uD574\uC11C\uB3C4 \uC54C\uACE0 \uC788\uC73C\uBA74 \uC88B\uB2E4.
      • \uC77C\uC744 \uC798 \uD558\uAE30 \uC704\uD574\uC120 "\uC0AC\uB78C"\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uB294\uAC8C \uBB34\uCC99 \uC911\uC694\uD558\uB2E4.
      • \uC77C\uB2E8 \uB098 \uC790\uC2E0\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uACE0 \uC124\uBA85\uD558\uB294 \uAC8C \uC81C\uC77C \uC911\uC694\uD558\uB2E4.
      • \uAC19\uC774 \uC77C\uD558\uB294 \uC0AC\uB78C\uC774 \uB0B4\uAC00 \uBAB0\uC785\uD558\uB294 \uC0C1\uD669\uACFC \uD658\uACBD\uC5D0 \uB300\uD574 \uC54C \uC218 \uC788\uAC8C \uD574\uC57C \uD55C\uB2E4.

      (3) \uBA54\uD0C0\uC778\uC9C0

      • \uBAA9\uC801\uACFC \uC218\uB2E8\uC744 \uD56D\uC0C1 \uC778\uC9C0\uD558\uC790. \uBB34\uC5C7(what)\uC744 \uC65C(why) \uC5B4\uB5BB\uAC8C(how) \uD574\uC57C \uD558\uB294\uC9C0.
      • \uC5B4\uB5A4 \uACFC\uC815\uC744 \uACAA\uC5C8\uACE0 \uC5B4\uB5A4 \uACB0\uACFC\uAC00 \uC788\uC5C8\uB294\uC9C0 \uC774\uC57C\uAE30\uD558\uACE0 \uC0DD\uAC01\uD574\uBCFC \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.
      ',110);function _(b,C){const t=s("RouterLink");return n(),a("div",null,[d,o("ul",null,[o("li",null,[i(t,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/"},{default:l(()=>[c]),_:1})]),o("li",null,[i(t,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/"},{default:l(()=>[h]),_:1})]),o("li",null,[i(t,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/"},{default:l(()=>[g]),_:1})])]),q])}var x=p(u,[["render",_],["__file","index.html.vue"]]);export{x as default}; +import{_ as p,r as s,o as n,c as a,a as o,b as i,w as l,d as e,e as r}from"./app.d20f8571.js";const u={},d=e('

      2023\uB144\uC744 \uB3CC\uC544\uBCF4\uBA70 \uC0DD\uAC01\uD55C \uAC1C\uBC1C\uC790\uB85C \uCDE8\uC5C5\uD558\uAE30

      2023\uB144 \uB9D0\uC5D0 \uD734\uAC00\uB97C \uBAB0\uC544\uC37C\uC2B5\uB2C8\uB2E4. \uD479 \uC26C\uBA74\uC11C \uC62C\uD574 \uC788\uC5C8\uB358 \uC77C\uB4E4\uC744 \uACF1\uC539\uC5B4\uBD24\uB294\uB370 \uC800\uC640 \uC0C1\uB2F4\uD588\uB358 \uC218\uB9CE\uC740 \uCDE8\uC900\uC0DD\uACFC \uD6C4\uBC30\uB4E4\uC774 \uC0DD\uAC01\uB0AC\uC2B5\uB2C8\uB2E4. \uADF8\uB7EC\uBA74\uC11C \uC81C\uAC00 \uAFB8\uC900\uD788 \uC804\uB2EC\uD574\uC628 \uB0B4\uC6A9\uB4E4\uC744 \uD55C \uBC88\uC740 \uC815\uB9AC\uB97C \uD558\uACE0 \uB118\uC5B4\uAC00\uC57C \uB9C8\uC74C\uC774 \uD3B8\uD574\uC9C8 \uAC83 \uAC19\uC558\uACE0 \uC815\uB9D0 \uC624\uB79C\uB9CC\uC5D0 \uAE00\uC744 \uC368\uBD05\uB2C8\uB2E4.

      \uD575\uC2EC \uB0B4\uC6A9 \uC694\uC57D

      (1) \uC591 \uBCF4\uB2E8 \uC9C8, \uC18D\uB3C4 \uBCF4\uB2E8 \uBC29\uD5A5, \uB113\uAC8C \uBCF4\uB2E8 \uAE4A\uAC8C

      • \uC5B4\uB5BB\uAC8C\uD574\uC11C\uB4E0 \uC0AC\uC6A9\uC790\uB97C \uD655\uBCF4\uD560 \uAC83.
      • \uBB34\uC5C7\uC744(what) \uC65C(why) \uC5B4\uB5BB\uAC8C(how) \uD588\uACE0 \uC5B4\uB5A4 \uACB0\uACFC(result)\uB97C \uB9CC\uB4E4\uC5B4\uB0C8\uB294\uC9C0.
      • \uACB0\uACFC\uBCF4\uB2E8 \uACFC\uC815\uC744 \uC798 \uAE30\uB85D\uD560 \uAC83.

      (2) \uD63C\uC790\uC11C \uD560 \uC218 \uC788\uB294 \uAC83\uACFC \uD560 \uC218 \uC5C6\uB294 \uAC83

      • \uACF5\uBD80\uB294 \uD63C\uC790\uC11C \uD560 \uC218 \uC788\uC9C0\uB9CC \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC740 \uD63C\uC790\uC11C \uD560 \uC218 \uC5C6\uB2E4.
      • \uC778\uAC04\uC801\uC73C\uB85C \uB9E4\uB825\uC801\uC778 \uC0AC\uB78C\uC774 \uB420 \uAC83.
      • \uB098\uC5D0 \uB300\uD574\uC11C \uC798 \uC778\uC9C0\uD560 \uAC83

      (3) \uD559\uC2B5 \uADF8 \uC790\uCCB4

      • \uB0B4\uAC00 \uC81C\uC77C \uC88B\uC544\uD558\uB294 \uBC29\uBC95\uC73C\uB85C \uACF5\uBD80\uD558\uAE30.
      • \uACF5\uBD80\uB294 \uC990\uAC81\uACE0 \uD589\uBCF5\uD574\uC57C \uD55C\uB2E4.

      1. \uC591 \uBCF4\uB2E8 \uC9C8 \uC18D\uB3C4 \uBCF4\uB2E8 \uBC29\uD5A5 \uB113\uAC8C \uBCF4\uB2E8 \uAE4A\uC774

      (1) \uACBD\uD5D8\uC758 \uC9C8\uC774 \uC911\uC694\uD558\uB2E4

      \uC800\uB294 \uACE0\uB4F1\uD559\uC0DD \uB54C \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uC2DC\uC791\uD588\uC2B5\uB2C8\uB2E4. \uCD08\uB4F1\uD559\uAD50 \uB54C \uB9C9\uC5F0\uD558\uAC8C \uD504\uB85C\uADF8\uB798\uBA38\uAC00 \uB418\uC5B4\uC57C\uACA0\uB2E4 \uC0DD\uAC01\uD588\uACE0 \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uCF54\uB529\uC744 \uD560 \uC218 \uC788\uB294 \uAE30\uD68C\uAC00 \uC788\uC744 \uB54C \uC774\uB97C \uC7A1\uC744 \uC218 \uC788\uC5C8\uC2B5\uB2C8\uB2E4. \uC804\uBB38\uACC4 \uACE0\uB4F1\uD559\uAD50\uB97C \uC9C4\uD559\uD588\uACE0 \uD559\uAD50\uC5D0\uC11C \uCF54\uB529\uC744 \uD558\uB294 \uB3D9\uC544\uB9AC\uC5D0 \uB4E4\uC5B4\uAC14\uACE0 \uB300\uD68C\uC5D0 \uB098\uAC14\uACE0 \uC785\uC0C1\uB3C4 \uD588\uC2B5\uB2C8\uB2E4.

      ',7),c=r("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 1\uD3B8"),h=r("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 2\uD3B8"),g=r("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 3\uD3B8"),q=e('

      \uC5B4\uCC0C\uBCF4\uBA74 \uB610\uB798 \uCE5C\uAD6C\uB4E4\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC2DC\uC791\uD588\uACE0 \uAF64 \uAD1C\uCC2E\uC740 \uC131\uACFC\uB3C4 \uC788\uB358\uAC70\uC8E0. 20\uC0B4\uC758 \uC800\uB294 \uC27D\uAC8C \uB9D0\uD574\uC11C \uCF67\uB300\uAC00 \uB192\uC558\uC2B5\uB2C8\uB2E4. \uB300\uD559\uAD50\uC5D0 \uC785\uD559\uD558\uACE0 1\uD559\uB144 \uB54C \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uC218\uC5C5\uC744 \uB4E4\uC73C\uBA74\uC11C

      "\uC774\uB807\uAC8C \uC26C\uC6B4 \uB0B4\uC6A9\uC744 \uBC30\uC6B8\uB77C\uACE0 \uB0B4\uAC00 \uB300\uD559\uAD50\uC5D0 \uC628\uAC74\uAC00?"

      \uB77C\uB294 \uAC19\uC796\uC740 \uC0DD\uAC01\uC744 \uD588\uC8E0. \uC774\uBBF8 \uCF54\uB529 \uC790\uCCB4\uC5D0 \uC775\uC219\uD558\uACE0 \uC26C\uC6E0\uAE30 \uB54C\uBB38\uC785\uB2C8\uB2E4. \uD558\uC9C0\uB9CC 2\uD559\uB144 \uB54C \uB2E4\uC591\uD55C \uC804\uACF5\uC218\uC5C5\uC744 \uB4E4\uC73C\uBA74\uC11C \uB300\uD559\uAD50\uC5D0 \uC624\uAE38 \uCC38 \uC798\uD588\uB2E4\uACE0 \uC0DD\uAC01\uD588\uC5B4\uC694.

      \uBB38\uC81C\uB294 "\uAE4A\uAC8C" \uACF5\uBD80\uD558\uC9C0 \uC54A\uC558\uC5B4\uC694.

      PHP Javascript Typescript Node.js Python Java C C++ C# Swift \uB4F1 \uC815\uB9D0 \uB2E4\uC591\uD55C \uC5B8\uC5B4\uB97C \uACF5\uBD80\uD588\uACE0 \uC774\uAC83\uB4E4\uB85C \uBB34\uC5B8\uAC00\uB97C \uAD6C\uD604\uD558\uB77C\uB294 \uC694\uAD6C\uB97C \uBC1B\uC558\uC744 \uB54C \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uACB0\uACFC\uBB3C\uC744 \uB9CC\uB4E4\uC5B4\uB0BC \uC218 \uC788\uC5C8\uC2B5\uB2C8\uB2E4.

      django flask spring react vue jquery nestjs express \uB4F1 \uD504\uB860\uD2B8\uC5D4\uB4DC/\uBC31\uC5D4\uB4DC \uAC00\uB9AC\uC9C0 \uC54A\uACE0 \uD504\uB808\uC784\uC6CC\uD06C\uB3C4 \uAF64 \uB9CE\uC774 \uACF5\uBD80\uD588\uC2B5\uB2C8\uB2E4

      \uC218\uC5C5\uC744 \uB4E4\uC73C\uBA74\uC11C \uC218 \uC5C6\uC774 \uB9CE\uC740 \uD300\uD504\uB85C\uC81D\uD2B8\uB97C \uD560 \uB54C\uB3C4, \uAC1C\uC778 \uACFC\uC81C\uB97C \uD560 \uB54C\uB3C4, \uC5F0\uAD6C\uC2E4\uC5D0 \uB4E4\uC5B4\uAC00\uC11C \uD559\uBD80\uC0DD\uB4E4\uACFC \uC5EC\uB7EC\uAC00\uC9C0 \uD504\uB85C\uC81D\uD2B8\uB97C \uD560 \uB54C\uB3C4, \uB300\uBD80\uBD84\uC758 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uD070 \uBE44\uC911\uC73C\uB85C \uAE30\uC5EC\uD588\uC2B5\uB2C8\uB2E4. \uD558\uC9C0\uB9CC \uC800\uB294 "\uAD6C\uD604"\uACFC "\uACB0\uACFC\uBB3C"\uC5D0 \uBAA8\uB4E0 \uAD00\uC2EC\uC774 \uC3E0\uB824\uC788\uC5C8\uC2B5\uB2C8\uB2E4.

      \uC704\uC5D0\uC11C \uC5B8\uAE09\uD55C \uC81C\uAC00 \uD559\uC2B5\uD588\uB358 \uC5B8\uC5B4\uB4E4\uC774

      • "\uC65C" \uB9CC\uB4E4\uC5B4\uC84C\uB294\uC9C0
      • \uC5B4\uB5A4 "\uBB38\uC81C"\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD574 \uB9CC\uB4E4\uC5B4\uC84C\uB294\uC9C0
      • \uADF8 \uACFC\uC815\uC5D0\uC11C \uAC01 \uC5B8\uC5B4\uBCC4\uB85C \uC5B4\uB5A4 \uCC28\uC774\uC640 \uD2B9\uC131\uC744 \uAC00\uC9C0\uAC8C \uB418\uC5C8\uB294\uC9C0
      • \uC5B4\uB5A4 \uC0C1\uD669\uC5D0 \uC5B4\uB5A4 \uC5B8\uC5B4\uB97C \uC0AC\uC6A9\uD558\uB294\uAC8C \uC801\uD569\uD55C\uC9C0

      \uB4F1 \uAF2D \uD544\uC694\uD55C \uACE0\uBBFC\uC744 \uC544\uC608 \uD574\uBCF8\uC801\uC774 \uC5C6\uC5C8\uC2B5\uB2C8\uB2E4.

      \uADF8\uB807\uAC8C \uC2DC\uAC04\uC774 \uD758\uB7EC 4\uD559\uB144\uC774 \uB418\uC5C8\uACE0 \uBD80\uB7B4\uBD80\uB7B4 \uCDE8\uC900\uC744 \uD558\uAE30 \uC2DC\uC791\uD588\uACE0 \uC5EC\uB7EC \uAE30\uC5C5\uC5D0 \uC9C0\uC6D0\uD588\uACE0 \uC5B4\uCC0C\uC800\uCC0C \uCF54\uB529\uD14C\uC2A4\uD2B8\uB97C \uD1B5\uACFC \uD6C4\uC5D0 \uAE30\uC220\uBA74\uC811\uB3C4 \uBCFC \uC218 \uC788\uC5C8\uC2B5\uB2C8\uB2E4. \uC815\uB9D0 \uB2E4\uC591\uD55C \uC9C8\uBB38\uC744 \uBC1B\uC558\uB294\uB370 \uB0B4\uAC00 \uC815\uB9D0 \uACF5\uBD80\uB97C \uC774\uC0C1\uD558\uAC8C \uD588\uAD6C\uB098 \uB290\uB080 \uC9C8\uBB38\uC774 \uC788\uC5C8\uC2B5\uB2C8\uB2E4.

      Java\uC640 Node.js \uB458 \uB2E4 \uD559\uC2B5\uD558\uC168\uB124\uC694. \uADF8\uB7FC \uD639\uC2DC \uBE14\uB85D\uD0B9 \uB17C\uBE14\uB85D\uD0B9\uC758 \uCC28\uC774\uC810\uC5D0 \uB300\uD574 \uC54C\uACE0 \uC788\uB098\uC694? \uD639\uC740 File I/O\uC5D0\uB294 \uC5B4\uB5A4 \uC5B8\uC5B4\uB97C \uC0AC\uC6A9\uD558\uB294\uAC8C \uB354 \uD6A8\uACFC\uC801\uC778\uAC00\uC694?

      \uD55C \uB300 \uB9DE\uC740 \uAE30\uBD84\uC774\uC5C8\uC2B5\uB2C8\uB2E4. \uC815\uB9D0 \uB2E8 \uD55C \uBC88\uB3C4 \uACE0\uBBFC\uD574\uBCF8\uC801\uC774 \uC5C6\uC5C8\uC73C\uB2C8\uAE4C\uC694.

      18\uC0B4 \uB54C \uBD80\uD130 26\uC0B4 \uB54C \uAE4C\uC9C0 \uAD70\uB300\uC5D0 \uC788\uB358 \uC2DC\uAC04\uC744 \uC81C\uC678\uD558\uBA74 6\uB144\uC744 \uAC70\uC758 \uB9E4\uC77C \uACF5\uBD80\uD588\uB294\uB370, \uCC38 \uD5C8\uD0C8\uD588\uACE0 \uB108\uBB34 \uBC14\uBCF4 \uAC19\uC558\uACE0 \uB108\uBB34 \uD55C\uC2EC\uD588\uC2B5\uB2C8\uB2E4. \uD558\uC9C0\uB9CC \uB355\uBD84\uC5D0 \uC55E\uC73C\uB85C \uC5B4\uB5BB\uAC8C \uACF5\uBD80\uD574\uC57C \uC88B\uC744\uC9C0 \uC778\uC9C0\uD558\uB294 \uACC4\uAE30\uAC00 \uB418\uAE30\uB3C4 \uD588\uC2B5\uB2C8\uB2E4. (\uC774 \uAE00\uC744 \uC77D\uB294 \uBD84\uB4E4\uB3C4 \uADF8\uB7AC\uC73C\uBA74 \uC88B\uACA0\uB124\uC694!)

      \uC5B4\uB5A4 \uC5B8\uC5B4\uB97C \uACF5\uBD80\uD558\uB4E0 \uC0C1\uAD00 \uC5C6\uC2B5\uB2C8\uB2E4. \uB2E8 \uD558\uB098\uC758 \uC5B8\uC5B4\uB97C \uACF5\uBD80\uD558\uB354\uB77C\uB3C4 "\uAE4A\uAC8C" \uD558\uB294\uAC8C \uC911\uC694\uD569\uB2C8\uB2E4.

      \uC5B8\uC5B4\uB97C \uACF5\uBD80\uD560 \uB54C \uCC98\uB7FC \uD504\uB85C\uC81D\uD2B8\uB97C \uD560 \uB54C\uB3C4 \uB9C8\uCC2C\uAC00\uC9C0\uC785\uB2C8\uB2E4. \uC800\uC758 \uACBD\uC6B0 \uD559\uAD50\uB97C \uB2E4\uB2C8\uBA74\uC11C \uAF64 \uB9CE\uC740 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD588\uB294\uB370 \uB3CC\uC774\uCF1C\uBCF4\uBA74 \uB9E4\uB9AC\uD2B8\uAC00 \uC5C6\uC5C8\uC2B5\uB2C8\uB2E4.

      \uB300\uBD80\uBD84\uC758 \uD604\uC5C5\uC790 \uC785\uC7A5\uC5D0\uC11C \uC81C\uC77C \uC911\uC694\uD55C\uAC74 "\uC11C\uBE44\uC2A4 \uC6B4\uC601"\uC785\uB2C8\uB2E4. \uD558\uB098\uC758 \uC11C\uBE44\uC2A4\uB97C \uCD9C\uC2DC\uD558\uB294 \uAC83 \uBCF4\uB2E4 \uCD9C\uC2DC \uD6C4\uC5D0 \uC6B4\uC601\uD558\uB294 \uAC8C \uD6E8\uC52C \uB354 \uD070 \uBBF8\uC158\uC785\uB2C8\uB2E4. \uAC1C\uBC1C\uC790\uAC00 \uD544\uC694\uB85C \uD558\uB294 \uB300\uBD80\uBD84\uC758 \uC9C0\uC2DD\uC740 "\uC11C\uBE44\uC2A4\uB97C \uCD9C\uC2DC \uD6C4 \uC6B4\uC601" \uD558\uAE30 \uC704\uD55C \uAC83\uB4E4\uC5D0 \uCD08\uC810\uC774 \uB9DE\uCDB0\uC838 \uC788\uC2B5\uB2C8\uB2E4.

      \uADF9\uB2E8\uC801\uC73C\uB85C \uD45C\uD604\uD558\uC790\uBA74 "\uD300 \uD504\uB85C\uC81D\uD2B8\uB97C \uD574\uC11C \uC5B4\uB5A4 \uC11C\uBE44\uC2A4\uB97C \uCD9C\uC2DC\uD588\uB2E4"\uB294 \uD070 \uC758\uBBF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4. \uC65C\uB0D0\uD558\uBA74 \uB108\uBB34 \uBED4\uD558\uAC70\uB4E0\uC694.

      • \uC5B4\uCC28\uD53C java + spring\uC774\uB098 Node + express \uAC19\uC740 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC0AC\uC6A9\uD574\uC11C CRUD\uB97C \uB9CC\uB4E4\uC5C8\uC744 \uAC83\uC774\uACE0
      • javascript + react \uAC19\uC740 \uAC83\uB4E4\uC744 \uC774\uC6A9\uD574\uC11C UI\uB97C \uAD6C\uC131\uD588\uC744\uD14C\uB2C8\uAE4C\uC694.

      \uC11C\uBE44\uC2A4 \uAC1C\uBC1C\uC5D0 \uD22C\uC785\uB41C \uC778\uC6D0\uC774 \uC5B8\uC81C \uC5B4\uB5BB\uAC8C \uAD50\uCCB4\uB420\uC9C0 \uBAA8\uB974\uB294 \uC0C1\uD669\uC5D0\uC11C \uD639\uC740 \uC11C\uBE44\uC2A4\uAC00 \uC5B4\uB5BB\uAC8C \uD655\uC7A5\uB420\uC9C0 \uBAA8\uB974\uB294 \uC0C1\uD669\uC5D0\uC11C "\uD504\uB808\uC784\uC6CC\uD06C"\uB77C\uB294 \uD2C0\uC774 \uC788\uB2E4\uBA74 \uC5B4\uB290 \uC815\uB3C4 \uC18D\uB3C4\uAC10 \uC788\uAC8C \uC778\uC6D0 \uD22C\uC785 \uBC0F \uAD50\uCCB4\uAC00 \uAC00\uB2A5\uD569\uB2C8\uB2E4. \uC989 "\uADDC\uACA9"\uC744 \uB9DE\uCD94\uAE30 \uC704\uD574 \uACF5\uBD80\uD55C\uB2E4\uACE0 \uBCF4\uBA74 \uC88B\uC2B5\uB2C8\uB2E4. \uC815\uD574\uC9C4 \uADDC\uACA9\uC758 \uBB3C\uD488\uC740 \uC5B8\uC81C\uB4E0 \uC27D\uAC8C \uAD50\uCCB4\uD560 \uC218 \uC788\uC73C\uB2C8\uAE4C\uC694. "\uD504\uB808\uC784" \uC774\uB77C\uB294 \uB2E8\uC5B4\uC5D0 \uB300\uD55C \uC774\uBBF8\uC9C0\uB97C \uC0DD\uAC01\uD574\uBCF4\uBA74 \uC640\uB2FF\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      \uB2E4\uC2DC \uBCF8\uB860\uC73C\uB85C \uB3CC\uC544\uC640\uC11C \uC81C\uC77C \uC911\uC694\uD55C\uAC74 "\uAE4A\uAC8C" \uD30C\uACE0\uB4E4\uC5B4\uAC00\uB294 \uC77C\uC785\uB2C8\uB2E4.

      \uADF8\uB798\uC11C \uD504\uB85C\uC81D\uD2B8\uB97C \uD1B5\uD574 \uC11C\uBE44\uC2A4\uB97C \uCD9C\uC2DC\uD574\uBCF4\uB294 \uACBD\uD5D8\uC740 \uB2F9\uC5F0\uD55C \uAC83\uC774\uACE0, \uB354 \uB098\uC544\uAC00\uC11C \uC11C\uBE44\uC2A4 \uC6B4\uC601\uC744 \uD574\uBD10\uC57C\uD569\uB2C8\uB2E4. \uC5B4\uB5BB\uAC8C\uB4E0 \uC0AC\uC6A9\uC790\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD569\uB2C8\uB2E4. \uC8FC\uC81C\uB294 \uD06C\uAC8C \uC911\uC694\uD558\uC9C0 \uC54A\uC544\uC694. \uC0AC\uC6A9\uC790\uB97C \uD655\uBCF4\uD558\uACE0 \uC7A5\uC560\uB97C \uACAA\uC5B4\uBCF4\uACE0 \uC0AC\uC6A9\uC790\uC758 \uBD88\uD3C4\uD568\uC744 \uB4E4\uC5B4\uBCF4\uACE0 \uAC1C\uC120\uD574\uBD10\uC57C \uD569\uB2C8\uB2E4.

      \uC11C\uBC84 \uAC1C\uBC1C\uC790\uB77C\uBA74 \uC11C\uBC84\uAC00 \uC218 \uC5C6\uC774 \uB9CE\uC774 \uC8FD\uC5B4\uBD10\uC57C \uD569\uB2C8\uB2E4. \uADF8\uB798\uC11C \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC11C\uBC84\uB97C \uACC4\uC18D \uC0B4\uB824\uB193\uC744 \uC218 \uC788\uB294\uC9C0 \uACE0\uBBFC\uD574\uC57C \uD569\uB2C8\uB2E4. \uC774 \uB54C \uC804\uACF5\uC9C0\uC2DD\uC774 \uC774\uC6A9\uB429\uB2C8\uB2E4.

      • \uC548\uC815\uC801\uC774\uACE0 \uC720\uC9C0\uBCF4\uC218\uAC00 \uC6A9\uC774\uD55C \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uAE30 \uC704\uD574 \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uACF5\uD559\uC774 \uD544\uC694\uD569\uB2C8\uB2E4.
      • \uC7A5\uC560\uAC00 \uBC1C\uC0DD\uD558\uACE0 \uCC3E\uC544\uB0B4\uAE30 \uC704\uD574\uC11C\uB294 \uB2E4\uC591\uD55C \uB9AC\uB205\uC2A4 \uBA85\uB839\uC5B4\uB97C \uC54C\uC544\uC57C \uD558\uACE0
      • \uC774 \uB54C \uC6D0\uC778\uC774 \uC5B4\uB514\uC5D0 \uC788\uC744\uC9C0 \uCD94\uCE21\uD558\uAE30 \uC704\uD574 \uCEF4\uD4E8\uD130 \uAD6C\uC870 \uB124\uD2B8\uC6CC\uD06C \uB4F1\uC744 \uC774\uD574\uD574\uC57C \uD569\uB2C8\uB2E4.
      • \uC8FC\uC5B4\uC9C4 \uC790\uC6D0\uC73C\uB85C \uBB38\uC81C\uB97C \uD6A8\uACFC\uC801\uC73C\uB85C \uD480\uC5B4\uB0B4\uAE30 \uC704\uD574\uC120 \uC790\uB8CC\uAD6C\uC870\uC640 \uC54C\uACE0\uB9AC\uC998\uC744 \uC54C\uC544\uC57C \uD569\uB2C8\uB2E4.

      \uADF8\uB9AC\uACE0 "\uC0AC\uC6A9\uC790"\uAC00 \uD544\uC694\uD55C \uC774\uC720\uB294 "\uBB38\uC81C"\uB97C \uACAA\uC5B4\uBCF4\uAE30 \uC704\uD568\uC774\uB77C\uACE0 \uBCF4\uBA74 \uC88B\uC2B5\uB2C8\uB2E4. \uADF8 \uACFC\uC815\uC5D0\uC11C \uB0B4\uAC00 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uBB38\uC81C \uCC3E\uC544\uB0C8\uACE0 \uADF8\uAC8C \uC65C \uBB38\uC81C\uC600\uB294\uC9C0 \uC778\uC9C0\uB97C \uD558\uACE0 \uC5B4\uB5BB\uAC8C \uD574\uACB0\uD588\uB294\uC9C0 \uAE30\uB85D\uC744 \uD558\uACE0 \uACF5\uC720\uB97C \uD558\uACE0 \uAE0D\uC815\uC801\uC778 \uC601\uD5A5\uB825\uC744 \uC804\uD30C\uD558\uB294 \uAC83\uC774 \uC88B\uC2B5\uB2C8\uB2E4.


      (2) \uBB38\uC81C\uD574\uACB0

      \uB354 \uBCF8\uC9C8\uC801\uC778 \uC774\uC57C\uAE30\uB97C \uD574\uBCF4\uC790\uBA74 \uACB0\uAD6D \uAC1C\uBC1C\uC790\uC5D0\uAC8C \uD544\uC694\uD55C \uC5ED\uB7C9\uC740 "\uBB38\uC81C\uD574\uACB0" \uC785\uB2C8\uB2E4.

      \uC5B4\uCA4C\uBA74 \uC0B4\uC544\uAC00\uB294 \uAC83\uC740 \uBB38\uC81C\uD574\uACB0\uC758 \uC5F0\uC18D\uC785\uB2C8\uB2E4. \uBB38\uC81C\uD574\uACB0\uC744 \uD558\uAE30 \uC704\uD574\uC120 \uBB38\uC81C\uB97C \uC815\uC758\uD560 \uC218 \uC788\uC5B4\uC57C\uD569\uB2C8\uB2E4. \uBB38\uC81C\uB97C \uC815\uC758\uD558\uAE30 \uC704\uD574\uC120 \uBB38\uC81C\uB97C \uC778\uC9C0(\uBC1C\uACAC)\uD574\uC57C\uD569\uB2C8\uB2E4.

      1. \uB0B4\uAC00 \uC5B4\uB5BB\uAC8C \uBB38\uC81C\uB97C \uBC1C\uACAC\uD588\uACE0
      2. \uADF8\uAC8C \uC65C \uBB38\uC81C\uC778\uC9C0 \uC815\uC758\uD560 \uC218 \uC788\uC5B4\uC57C \uD558\uACE0
      3. \uADF8 \uBB38\uC81C\uB97C \uC5B4\uB5BB\uAC8C \uD574\uACB0\uD560 \uC218 \uC788\uC5C8\uACE0
      4. \uC5B4\uB5A4\uC2DD\uC73C\uB85C 1 ~ 3\uC758 \uACFC\uC815\uC744 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC774\uB97C \uACF5\uC720\uD588\uB294\uC9C0 ( \uC601\uD5A5\uB825\uC744 \uD589\uC0AC\uD588\uB294\uC9C0 )
        • \uBE14\uB85C\uADF8 \uAE00\uC774 \uB420 \uC218\uB3C4 \uC788\uACE0
        • \uAE30\uC220 \uACF5\uC720(\uBC1C\uD45C)\uAC00 \uB420 \uC218\uB3C4 \uC788\uACE0
      5. \uACB0\uACFC\uC801\uC73C\uB85C \uC5B4\uB5A4 \uC131\uACFC\uB97C \uB9CC\uB4E4\uC5B4 \uB0BC \uC218 \uC788\uC5C8\uACE0
        • \uC0AC\uC2E4 \uD68C\uC0AC\uC5D0\uC11C\uB294 \uC774\uAC8C \uAC00\uC7A5 \uC911\uC694\uD569\uB2C8\uB2E4.
        • \uC2DC\uAC04(\uB3C8)\uC744 \uC0AC\uC6A9\uD574\uC11C \uD574\uACB0\uD560\uB9CC\uD55C \uBB38\uC81C\uC600\uB294\uC9C0. \uADF8\uB9AC\uACE0 \uADF8\uAC8C \uC6B0\uB9AC \uC870\uC9C1\uC5D0 \uC5BC\uB9C8\uB098 \uD070 \uC774\uC775 \uD639\uC740 \uD6A8\uACFC\uB97C \uAC00\uC838\uB2E4\uC92C\uB294\uC9C0.

      \uC0AC\uC2E4 \uC774\uAC74 \uAC1C\uBC1C\uC790 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uBAA8\uB4E0 \uC9C1\uAD70, \uBAA8\uB4E0 \uC0AC\uB78C\uC5D0\uAC8C \uD574\uB2F9\uB41C\uB2E4\uACE0 \uC0DD\uAC01\uD574\uC694. \uADF8\uB0E5 \uC778\uC0DD\uC744 \uC0B4\uC544\uAC00\uBA74\uC11C \uAD49\uC7A5\uD788 \uB2F9\uC5F0\uD55C \uC77C\uC785\uB2C8\uB2E4.

      • \uC5EC\uB7EC\uBD84\uC740 \uC65C \uAC1C\uBC1C\uC790\uAC00 \uB418\uACE0 \uC2F6\uC740\uAC00\uC694?
      • \uC65C \uCF54\uB529\uC744 \uD558\uB294 \uAC74\uAC00\uC694?
      • \uC774 \uACFC\uC815\uC758 \uC5B4\uB5A4 \uAC83\uB4E4\uC774 \uC5EC\uB7EC\uBD84\uC744 \uC990\uAC81\uAC8C \uD639\uC740 \uD798\uB4E4\uAC8C \uB9CC\uB4E4\uACE0 \uC788\uB098\uC694?
      • \uC5EC\uB7EC\uBD84\uC740 "\uAC1C\uBC1C"\uC774\uB77C\uB294 \uD589\uC704 \uD639\uC740 \uC218\uB2E8\uC73C\uB85C \uB2EC\uC131\uD558\uACE0 \uC2F6\uC740 \uAD81\uADF9\uC801\uC778 \uBAA9\uD45C\uAC00 \uBB34\uC5C7\uC778\uAC00\uC694?
      • \uC774 \uC77C\uC744 \uD558\uB294\uAC8C \uC815\uB9D0 \uC5EC\uB7EC\uBD84\uC744 \uD589\uBCF5\uD558\uAC8C \uD639\uC740 \uC990\uAC81\uAC8C \uB9CC\uB4E4\uACE0 \uC788\uB098\uC694?
      • ...

      \uC704\uC640 \uAC19\uC740 \uC9C8\uBB38\uC5D0 \uAF2D \uB2F5\uC744 \uD574\uC57C\uD558\uB294 \uAC83\uC740 \uC544\uB2D9\uB2C8\uB2E4. \uC774\uB7F0 \uC9C8\uBB38\uC5D0 \uB300\uD55C \uB2F5\uC774 \uC5C6\uC5B4\uB3C4 \uAC1C\uBC1C\uC744 \uD560 \uC218 \uC788\uACE0, \uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uC218 \uC788\uACE0, \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uC218 \uC788\uC73C\uB2C8\uAE4C\uC694. \uD558\uC9C0\uB9CC \uC774\uB7F0 \uC9C8\uBB38\uC5D0 \uB300\uD55C \uB2F5\uC774 \uC5C6\uB2E4\uBA74, \uBAA9\uC801\uC774 \uC5C6\uB2E4\uBA74, \uBAA9\uD45C\uAC00 \uC5C6\uB2E4\uBA74, \uB354 \uBE60\uB974\uAC8C \uC9C0\uCE58\uACE0 \uB354 \uB290\uB9AC\uAC8C \uD68C\uBCF5\uD560 \uAC00\uB2A5\uC131\uC774 \uBB34\uCC99 \uB192\uC2B5\uB2C8\uB2E4.

      \uC5B4\uCC28\uD53C \uC6B0\uB9AC\uB294 \uC0B4\uC544\uAC00\uBA74\uC11C \uD3C9\uC0DD \uC77C\uC744 \uD574\uC57C\uD569\uB2C8\uB2E4. \uD3C9\uC0DD \uBB38\uC81C\uD574\uACB0\uC744 \uD574\uC57C\uD569\uB2C8\uB2E4. \uD3C9\uC0DD \uC0B4\uC544\uAC00\uC57C \uD569\uB2C8\uB2E4.

      \uC774 \uACFC\uC815\uC5D0\uC11C \uBB19\uD45C, \uBAA9\uC801, \uBCF8\uC9C8 \uB4F1\uC740 \uBB34\uCC99 \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD574\uC694. \uADF8\uAC8C \uC6B0\uB9AC\uAC00 \uC0B6\uC744 \uB2A5\uB3D9\uC801\uC73C\uB85C \uADF8\uB9AC\uACE0 \uD589\uBCF5\uD558\uAC8C \uC0B4\uC544\uAC00\uB294 \uBFCC\uB9AC\uAC00 \uB418\uC5B4\uC904\uD14C\uB2C8\uAE4C\uC694.

      \uC5C9\uB6B1\uD55C \uBC29\uD5A5\uC73C\uB85C \uC774\uC57C\uAE30\uB97C \uD558\uAC8C\uB41C \uAC83 \uAC19\uC740\uB370 \uC5B4\uCA0C\uB4E0 \uBB38\uC81C\uD574\uACB0\uC5D0 \uB300\uD55C \uB525\uB2E4\uC774\uBE0C\uB97C \uACBD\uD5D8\uD574\uBCFC \uC218 \uC788\uB294 \uC81C\uC77C \uC88B\uC740 \uC218\uB2E8\uC774 \uBC14\uB85C \uD300\uD504\uB85C\uC81D\uD2B8\uC785\uB2C8\uB2E4. \uAE30\uC220\uC801\uC778 \uBB38\uC81C\uB3C4 \uB9CE\uC774 \uACAA\uC5B4\uBCFC \uC218 \uC788\uACE0, \uAE30\uC220 \uC678\uC758 \uBB38\uC81C\uB3C4 \uB9CE\uC774 \uB354 \uAE4A\uAC8C \uACAA\uC5B4\uBCFC \uC218 \uC788\uC73C\uB2C8\uAE4C\uC694. \uC774\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB294 \uB4A4\uC5D0\uC11C \uB2E4\uB8E8\uB3C4\uB85D \uD558\uACA0\uC2B5\uB2C8\uB2E4.


      2. \uD63C\uC790\uC11C \uD560 \uC218 \uC788\uB294 \uAC83\uACFC \uD63C\uC790\uC11C \uD560 \uC218 \uC5C6\uB294 \uAC83

      (1) \uC18C\uD504\uD2B8\uC2A4\uD0AC

      \uACF5\uBD80\uB294 \uD63C\uC790\uC11C\uB3C4 \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.

      \uAC00\uB839 Java, Javascript \uAC19\uC740 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4\uB294 \uD63C\uC790\uC11C\uB3C4 \uD559\uC2B5\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uC804\uACF5 \uACFC\uBAA9\uC5D0 \uB300\uD55C \uC9C0\uC2DD\uC740 \uD63C\uC790\uC11C\uB3C4 \uD559\uC2B5\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uADF8\uB807\uAC8C \uD559\uC2B5\uD55C \uC9C0\uC2DD\uB4E4\uC740 \uD604\uC5C5\uC5D0\uC11C \uC77C\uC744 \uD558\uAC70\uB098 \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uB54C \uC0AC\uC6A9\uB429\uB2C8\uB2E4. \uC77C\uC885\uC758 "\uB3C4\uAD6C" \uC778\uAC70\uC8E0.

      \uD604\uC5C5\uC5D0\uC11C \uC77C\uC744 \uD558\uAC70\uB098 \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uB54C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294\uAC74 \uC5EC\uB7EC\uAC00\uC9C0\uAC00 \uC788\uC2B5\uB2C8\uB2E4. \uADF8\uB807\uB2E4\uBA74 \uC77C\uC758 \uC8FC\uCCB4\uB294 \uBB34\uC5C7\uC77C\uAE4C\uC694?

      \uB2F9\uC5F0\uD558\uC9C0\uB9CC \uC800\uB294 \uC0AC\uB78C \uC774\uB77C\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      \uC6B0\uB9AC\uAC00 \uD63C\uC790\uC11C \uD559\uC2B5\uD558\uB294 \uC9C0\uC2DD\uC740 \uC77C\uC744 \uD558\uAE30 \uC704\uD55C \uB3C4\uAD6C\uC77C \uBFD0\uC785\uB2C8\uB2E4. \uB3C4\uAD6C\uBCF4\uB2E4 \uB354 \uC911\uC694\uD55C\uAC74 \uC77C\uC744 \uD558\uB294 \uC0AC\uB78C \uADF8 \uC790\uCCB4\uC785\uB2C8\uB2E4.

      \uB300\uBD80\uBD84\uC758 \uC870\uC9C1\uC5D0\uC11C \uBAA9\uD45C \uB2EC\uC131\uC744 \uD558\uB294 \uC8FC\uCCB4\uB294 \uC0AC\uB78C\uC774\uACE0, \uB2E4\uC591\uD55C \uB3C4\uAD6C\uC640 \uC218\uB2E8\uC744 \uC774\uC6A9\uD574\uC11C \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uACFC \uD6A8\uACFC\uC801\uC774\uACE0 \uD6A8\uC728\uC801\uC73C\uB85C \uC77C\uC744 \uD558\uC5EC \uC131\uACFC\uB97C \uB0B4\uB294 \uAC83\uC774 \uD68C\uC0AC\uC5D0\uC11C \uD558\uB294 \uC77C\uC785\uB2C8\uB2E4.

      \uADF8\uB798\uC11C \uC6B0\uB9AC\uB294 \uC77C\uC744 \uC2DC\uC791\uD558\uBA74 \uAC70\uC758 \uBAA8\uB4E0 \uACFC\uC815\uC5D0 \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC774 \uC0AC\uC6A9\uB429\uB2C8\uB2E4. \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC740 \uC77C\uC758 \uC885\uB958\uC640 \uC0C1\uAD00 \uC5C6\uC774 \uB9E4\uC6B0 \uC911\uC694\uD569\uB2C8\uB2E4.

      \uC18C\uD504\uD2B8\uC2A4\uD0AC

      • \uAC1C\uC778\uC774 \uBCF4\uC720\uD55C \uACE0\uC720\uD55C \uC18D\uC131, \uC131\uACA9 \uD2B9\uC131, \uC758\uC0AC\uC18C\uD1B5 \uC5ED\uB7C9\uC744 \uC758\uBBF8\uD569\uB2C8\uB2E4.
      • \uC815\uB7C9\uD654\uD560 \uC218 \uC5C6\uC9C0\uB9CC, \uC5C5\uBB34\uC5D0 \uC601\uD5A5\uC744 \uBBF8\uCE58\uB294 \uAE30\uB2A5\uC744 \uB9D0\uD569\uB2C8\uB2E4.
      • \uB300\uC778\uAD00\uACC4, \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158, \uC778\uC131, \uD0DC\uB3C4 \uB4F1 \uD2B9\uC815 \uC5C5\uBB34\uC5D0 \uB300\uD55C \uAE30\uC220\uC740 \uC544\uB2C8\uC9C0\uB9CC, \uC77C\uD558\uB294 \uB370 \uC601\uD5A5\uC744 \uBBF8\uCE58\uB294 \uAE30\uB2A5\uC744 \uB9D0\uD569\uB2C8\uB2E4.
      • \uD589\uB3D9, \uD0DC\uB3C4, \uAC00\uCE58\uC5D0 \uBFCC\uB9AC\uB97C \uB450\uACE0 \uC788\uC2B5\uB2C8\uB2E4.
      • \uC9C1\uC7A5\uC5D0\uC11C \uC778\uAC04\uC801\uC778 \uC720\uB300\uB97C \uC313\uACE0 \uBB38\uD654\uC801, \uACF5\uB3D9\uCCB4\uC801 \uC758\uC2DD\uC744 \uD655\uB9BD\uD560 \uB54C \uADF8 \uAE30\uBC18\uC774 \uB418\uC5B4\uC90D\uB2C8\uB2E4.
      • \uC5C5\uBB34\uC758 \uACB0\uACFC\uBB3C\uC5D0\uB3C4 \uAE0D\uC815\uC801\uC778 \uC601\uD5A5\uC744 \uBBF8\uCE69\uB2C8\uB2E4.
      • \uB300\uD45C\uC801\uC73C\uB85C \uB2E4\uC74C\uACFC \uAC19\uC740 \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC774 \uC874\uC7AC\uD569\uB2C8\uB2E4.
        • \uAC10\uC131\uC9C0\uB2A5
        • \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158 \uB2A5\uB825
        • \uB9AC\uB354\uC2ED
        • \uC2DC\uAC04 \uAD00\uB9AC \uB2A5\uB825
        • \uBB38\uC81C \uD574\uACB0 \uB2A5\uB825
      • \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC740 \uBC94\uC6A9\uC801 \uC131\uACA9\uC744 \uB760\uC5B4 \uB300\uBD80\uBD84\uC758 \uC9C1\uBB34\uC5D0 \uC801\uC6A9\uB418\uACE0, \uC0C1\uC2DD\uC801\uC778 \uBD80\uBD84\uC774 \uB9CE\uC544 \uD55C \uC0AC\uB78C\uC758 \uAE30\uBCF8\uAE30\uB85C \uAC04\uC8FC\uB418\uAE30\uB3C4 \uD569\uB2C8\uB2E4.

      \uAC1C\uC778\uC801\uC73C\uB85C \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC740 \uC77C\uC744 \uD560 \uB54C\uB9CC \uC911\uC694\uD55C\uAC8C \uC544\uB2C8\uB77C \uC6B0\uB9AC\uAC00 \uC0AC\uD68C \uAD6C\uC131\uC6D0\uC73C\uB85C \uC0B4\uC544\uAC08 \uB54C \uD544\uC694\uD55C \uAC83\uB4E4\uC774\uB77C\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      \uB2E4\uC591\uD55C \uC18C\uD504\uD2B8\uC2A4\uD0AC \uC911\uC5D0\uC11C \uD2B9\uD788 \uAC1C\uC778\uC801\uC73C\uB85C \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD558\uB294 \uAC83\uC740 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC785\uB2C8\uB2E4.

      • \uC124\uB4DD: \uB0B4\uAC00 \uC6D0\uD558\uB294\uAC8C \uC788\uACE0 \uC774\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD574\uC11C \uC5B4\uB5BB\uAC8C \uC774\uC57C\uAE30\uB97C \uB04C\uACE0\uAC00\uC57C \uB2E4\uB978 \uC0AC\uB78C\uC744 \uC6C0\uC9C1\uC774\uAC8C \uB9CC\uB4E4 \uC218 \uC788\uB294\uC9C0.
      • \uC804\uB2EC: \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uAC83\uB4E4\uC744 \uC815\uD655\uD558\uAC8C \uC804\uB2EC\uD558\uAE30 \uC704\uD574\uC11C \uC5B4\uB5BB\uAC8C \uC774\uC57C\uAE30\uB97C \uD574\uC57C \uC88B\uC740\uC9C0.
      • \uACF5\uAC10: \uB0B4\uAC00 \uC0C1\uB300\uBC29\uC758 \uC0DD\uAC01\uC744 \uC774\uD574\uD558\uACE0 \uC788\uB2E4\uB294 \uAC83\uC744 \uC778\uC9C0\uC2DC\uD0A4\uAE30 \uC704\uD574 \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC740\uC9C0.
      • \uC131\uC7A5: \uB0B4\uAC00 \uC5B4\uB5A4 \uD53C\uB4DC\uBC31\uC744 \uBC1B\uC558\uC744 \uB54C \uD6A8\uACFC\uC801\uC774\uACE0, \uB0B4 \uC8FC\uBCC0 \uC0AC\uB78C\uC5D0\uAC8C\uB294 \uB0B4\uAC00 \uC5B4\uB5A4 \uD53C\uB4DC\uBC31\uC744 \uC92C\uC744 \uB54C \uD6A8\uACFC\uAC00 \uC88B\uC558\uB294\uC9C0.

      \uACB0\uAD6D \uC77C\uC740 \uC0AC\uB78C\uC774 \uD558\uB294 \uAC83\uC774\uACE0 \uC0AC\uB78C\uB4E4\uC744 \uC798 \uC6C0\uC9C1\uC774\uAC8C \uB9CC\uB4DC\uB294 \uAC8C \uBB34\uC5C7\uBCF4\uB2E4 \uC911\uC694\uD569\uB2C8\uB2E4.

      (2) \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uC0AC\uB78C

      \uD68C\uC0AC\uC5D0\uC11C \uBA74\uC811\uC744 \uBCF4\uB294 \uC774\uC720\uAC00 \uBB58\uAE4C\uC694? \uADF8\uAC83\uB3C4 \uD55C \uBC88\uC774 \uC544\uB2C8\uB77C \uC5EC\uB7EC \uBC88 \uBCF4\uB294 \uC774\uC720\uAC00 \uBB58\uAE4C\uC694?

      \uB2E8\uC21C\uD788 \uC9C0\uC6D0\uC790\uAC00 \uAC00\uC9C4 \uC131\uC801\uC774\uB098 \uC2A4\uD399 \uAC19\uC740 \uC218\uCE58\uC801\uC778 \uAC83\uB4E4\uC774 \uC544\uB2C8\uB77C \uC6B0\uB9AC\uC640 \uAC19\uC774 \uC77C\uC744 \uD558\uAC8C \uB420 \uC0AC\uB78C\uC774 \uD48D\uAE30\uB294 \uB290\uB08C \uB300\uD654\uD558\uB294 \uBC29\uC2DD \uC0DD\uAC01\uD558\uB294 \uBC29\uC2DD \uAC00\uCE58\uAD00 \uCCA0\uD559 \uB4F1 "\uC0AC\uB78C" \uC790\uCCB4\uB97C \uAD6C\uCCB4\uC801\uC73C\uB85C \uBCF4\uACE0 \uD310\uB2E8\uD558\uAE30 \uC704\uD574\uC11C\uC785\uB2C8\uB2E4.

      \uC870\uAE08 \uB354 \uADF9\uB2E8\uC801\uC73C\uB85C \uC0DD\uAC01\uD574\uBCF4\uC790\uBA74, \uC0AC\uC2E4 \uC2A4\uD399\uC740 \uC911\uC694\uD558\uC9C0 \uC54A\uC744 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4. \uAC1C\uBC1C\uC790\uAC00 \uB418\uAE30 \uC704\uD574\uC11C \uAC1C\uBC1C \uC9C0\uC2DD \uC790\uCCB4\uB294 \uC9C0\uAE08 \uB2F9\uC7A5 \uD544\uC694\uD558\uC9C0 \uC54A\uC744 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4.

      \uC2E4\uC81C\uB85C \uC0DD\uAC01\uBCF4\uB2E4 \uBE48\uBC88\uD558\uAC8C \uBCF4\uB294 \uC0AC\uB840\uAC00

      • \uC9C0\uC6D0\uC790\uAC00 \uAD49\uC7A5\uD788 \uB9CE\uC740 \uBD84\uC57C\uC758 \uC9C0\uC2DD\uC744 \uACF5\uBD80\uD588\uC73C\uB098 \uACB0\uAD6D \uBA74\uC811\uC5D0\uC11C \uB5A8\uC5B4\uC9C0\uB294 \uACBD\uC6B0
      • \uC9C0\uC6D0\uC790\uAC00 \uD68C\uC0AC\uC5D0\uC11C \uC77C\uC744 \uD560 \uB54C \uD544\uC694\uD55C \uC9C0\uC2DD\uC744 \uB9CE\uC774 \uACF5\uBD80\uD558\uC9C0 \uC54A\uC740 \uC0C1\uD0DC\uC784\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uBD99\uB294 \uACBD\uC6B0

      \uC0AC\uC2E4 \uC81C\uAC00 \uD588\uB358 \uACBD\uD5D8\uC774\uAE30\uB3C4 \uD569\uB2C8\uB2E4.

      \uC81C\uAC00 \uBA74\uC811\uAD00\uC77C \uB54C \uD569\uACA9\uC744 \uD310\uB2E8\uD558\uB294 \uAE30\uC900\uC774\uAE30\uB3C4 \uD588\uACE0, \uBC18\uB300\uB85C \uC81C\uAC00 \uC9C0\uC6D0\uC790\uC77C \uB54C "\uB0B4\uAC00 \uC65C \uBD99\uC5C8\uC9C0?"\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC758 \uB2F5\uC774\uAE30\uB3C4 \uD588\uC2B5\uB2C8\uB2E4.

      \uBA74\uC811\uC774\uB098 \uC774\uB825\uC11C\uB098 \uC790\uAE30\uC18C\uAC1C\uC11C \uD639\uC740 \uBE14\uB85C\uADF8 \uAE00 \uB4F1\uC744 \uD1B5\uD574\uC11C \uC774\uBBF8 "\uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uC0AC\uB78C"\uC5D0 \uB300\uD55C \uBAA8\uC2B5\uC774 \uC874\uC7AC\uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4. \uC9C0\uAE08 \uB2F9\uC7A5 \uB0B4\uAC00 \uC9C0\uC2DD\uC774 \uC5C6\uC5B4\uB3C4 \uC5B4\uCC28\uD53C \uD68C\uC0AC\uC5D0\uC11C \uB4E4\uC5B4\uC640\uC11C \uD504\uB85C\uC81D\uD2B8\uC5D0 \uD22C\uC785\uC774 \uB418\uBA74 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uACF5\uBD80\uD558\uAC8C \uB429\uB2C8\uB2E4.

      \uD55C \uC6B0\uBB3C\uC744 \uAE4A\uAC8C \uD30C\uBCF8 \uC0AC\uB78C\uC774\uB77C\uBA74 \uADF8 \uBD84\uC57C\uAC00 \uC5B4\uB5BB\uAC8C \uB418\uC5C8\uB4E0 \uADF8 \uC0AC\uB78C\uC774 \uAD00\uC2EC\uB9CC \uAC00\uC9C0\uAC8C \uB41C\uB2E4\uBA74 \uB611\uAC19\uC774 \uD55C \uC6B0\uBB3C\uC744 \uAE4A\uAC8C \uD30C\uACE0\uB4E4\uC5B4\uAC08 \uD655\uB960\uC774 \uB192\uC2B5\uB2C8\uB2E4.

      \uBB34\uC5B8\uAC00\uB97C \uD55C \uAC00\uC9C0\uB77C\uB3C4 \uAE4A\uAC8C \uBAB0\uC785\uD574\uBCF8 \uC0AC\uB78C\uC774\uB77C\uBA74 \uADF8\uAC8C \uBB34\uC5C7\uC774 \uB418\uC5C8\uB4E0 \uAD00\uC2EC\uB9CC \uC788\uB2E4\uBA74 \uB525\uB2E4\uC774\uBE0C\uD560 \uD655\uB960\uC774 \uB192\uC2B5\uB2C8\uB2E4. \uADF8\uB798\uC11C \uC77C\uC5D0 \uB300\uD574\uC11C \uAE4A\uAC8C \uAE4A\uAC8C \uACE0\uBBFC\uD558\uACE0 \uBAB0\uC785\uD560 \uD655\uB960\uB3C4 \uB192\uC740\uAC70\uC8E0. \uBC18\uB300\uB85C \uBB58 \uD558\uB4E0 \uC595\uAC8C\uB9CC \uD574\uBCF4\uACE0 \uAE08\uBC29 \uC2E4\uC99D\uC744 \uB0B4\uB294 \uC0AC\uB78C\uC774\uB77C\uBA74 \uCF54\uB529\uC744 \uD574\uB3C4 \uC77C"\uC744 \uD574\uB3C4 \uC595\uAC8C\uB9CC \uD560 \uD655\uB960\uC774 \uB192\uC9C0 \uC54A\uC744\uAE4C\uC694? \uC774\uB7F0 \uAC00\uB2A5\uC131\uACFC \uC131\uD5A5\uC744 \uD310\uB2E8\uD558\uAE30 \uC704\uD574 \uBA74\uC811\uC774\uB77C\uB294 \uC7A5\uCE58\uAC00 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      • \uB0B4\uAC00 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0
      • \uC5B4\uB5A4 \uC0DD\uAC01\uC744 \uD558\uB294\uC9C0
      • \uC5B4\uB5A4 \uC7A5\uB2E8\uC810\uC774 \uC788\uACE0
      • \uC5B4\uB5A4\uAC78 \uC798\uD558\uBA70 \uC5B4\uB5A4\uAC78 \uD560 \uB54C \uBAB0\uC785\uD558\uB294\uC9C0
      • \uC5B4\uB5A4 \uBB38\uC81C\uB4E4\uC744 \uACAA\uC5C8\uACE0 \uC5B4\uB5BB\uAC8C \uD574\uACB0\uD574\uC654\uB294\uC9C0

      \uC790\uAE30 \uC790\uC2E0\uC5D0 \uB300\uD574 \uAD6C\uCCB4\uC801\uC73C\uB85C \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uC5B4\uC57C\uD569\uB2C8\uB2E4. \uB098\uC5D0 \uB300\uD55C \uAD6C\uCCB4\uC801\uC778 \uC815\uBCF4\uAC00 \uB9CE\uC744\uC218\uB85D, \uB098\uC640 \uAC19\uC774 \uC77C\uD558\uB294 \uC0AC\uB78C\uB4E4\uC740 \uC77C\uC744 \uD560 \uB54C \uC608\uCE21\uD558\uAE30\uAC00 \uC26C\uC6CC\uC9D1\uB2C8\uB2E4. \uBAA9\uD45C\uB97C \uC124\uC815\uD560 \uB54C \uC774\uB97C \uC798 \uD65C\uC6A9\uD560 \uC218\uB3C4 \uC788\uC73C\uBA70 \uC11C\uB85C\uAC04\uC758 \uBB38\uC81C\uAC00 \uC788\uC744 \uB54C \uC5B4\uB5BB\uAC8C \uD480\uC5B4\uB098\uAC00\uC57C \uC88B\uC744\uC9C0 \uC54C \uC218 \uC788\uC2B5\uB2C8\uB2E4.

      \uC8FC\uC808\uC8FC\uC808 \uB5A0\uB4E4\uC5C8\uB294\uB370, \uACB0\uAD6D \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB294 \uB0B4\uAC00 \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uB9E4\uB825\uC801\uC778 \uC0AC\uB78C\uC774 \uB418\uC5B4\uC57C \uD558\uB294\uAC70\uC8E0. \uC774\uAC74 \uD68C\uC0AC\uB9C8\uB2E4 \uB2E4\uB97C \uC218 \uC788\uC9C0\uB9CC \uB9E4\uB825\uC744 \uBCF4\uC5EC\uC904 \uC218 \uC788\uB294 \uAF64 \uB9CE\uC740 \uAC83\uB4E4\uC740 \uC18C\uD504\uD2B8\uC2A4\uD0AC\uC774\uB77C\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      \uACF5\uBD80\uB294 \uD63C\uC790\uC11C\uB3C4 \uD560 \uC218 \uC788\uC9C0\uB9CC \uB2E4\uB978 \uC0AC\uB78C\uACFC\uC758 \uC0C1\uD638\uC791\uC6A9\uC744 \uD1B5\uD574\uC11C "\uB098"\uB97C \uD615\uC131\uD558\uB294 \uACFC\uC815\uC740 \uC808\uB300 \uD63C\uC790\uC11C\uB294 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4. \uADF8\uB798\uC11C \uC800\uB294 \uB2E4\uC591\uD55C \uC0AC\uB78C\uB4E4\uACFC \uB2E4\uC591\uD55C \uACBD\uD5D8\uC744 \uD558\uBA74\uC11C \uB098\uB9CC\uC758 \uAC00\uCE58\uAD00\uACFC \uCCA0\uD559\uC744 \uB9CC\uB4E4\uC5B4 \uB193\uB294\uAC8C \uBB34\uC5C7\uBCF4\uB2E4 \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4. \uC774\uB7F0 \uACBD\uD5D8\uC740 \uD300\uD504\uB85C\uC81D\uD2B8, \uC2A4\uD130\uB514, \uB3D9\uC544\uB9AC \uB4F1\uC744 \uD1B5\uD574\uC11C \uC2DC\uB3C4\uD574\uBCFC \uC218 \uC788\uACA0\uC8E0?

      \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD574 \uC54C\uC544\uAC00\uB294 \uACFC\uC815

      \uB300\uD559\uC0DD\uC774\uB77C\uBA74 \uD559\uAD50\uC5D0 \uC788\uB294 \uB2E4\uC591\uD55C \uC0C1\uB2F4 \uD504\uB85C\uADF8\uB7A8\uC744 \uC774\uC6A9\uD574\uBCF4\uC138\uC694. \uC800\uB294 \uD559\uAD50\uB97C \uB2E4\uB2C8\uBA74\uC11C \uAF64 \uB9CE\uC740 \uC2EC\uB9AC \uC0C1\uB2F4\uC744 \uBC1B\uC558\uC2B5\uB2C8\uB2E4. \uB2E4\uC591\uD55C \uC2EC\uB9AC\uD559 \uC218\uC5C5\uC744 \uD1B5\uD574\uC11C \uBC1B\uC544\uBCF4\uAE30\uB3C4 \uD588\uACE0 \uC9D1\uB2E8 \uC2EC\uB9AC \uC0C1\uB2F4\uC744 \uC2E0\uCCAD\uD574\uC11C \uBC1B\uC544\uBCF4\uAE30\uB3C4 \uD588\uACE0 \uC218\uC5C6\uC774 \uB9CE\uC740 \uC801\uC131\uAC80\uC0AC\uB97C \uBC1B\uC558\uC2B5\uB2C8\uB2E4.

      \uADF8 \uACFC\uC815\uC5D0\uC11C \uB0B4\uAC00 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0 \uC5B4\uB5A4 \uC0AC\uB78C\uB4E4\uC744 \uC88B\uC544\uD558\uB294\uC9C0 \uC5B4\uB5A4 \uC0C1\uD669\uC5D0 \uC5B4\uB5A4 \uC77C\uC744 \uD560 \uB54C \uD589\uBCF5\uD55C\uC9C0 \uC5B4\uB5A4 \uAC00\uCE58\uAD00\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294\uC9C0 \uB4F1 \uB2E4\uC591\uD55C \uBAA8\uC2B5\uC744 \uC54C\uAC8C \uB418\uC5C8\uC2B5\uB2C8\uB2E4.

      \uAE00\uC744 \uC791\uC131\uD558\uB294 \uC9C0\uAE08\uB3C4 \uAC00\uB2A5\uD558\uBA74 \uB9E4\uC77C 1\uC2DC\uAC04 \uC774\uC0C1 \uC0B0\uCC45\uC744 \uD558\uBA74\uC11C \uC624\uB298\uC758 \uB098\uB294 \uC5B4\uC81C\uC758 \uB098\uC640 \uC5B4\uB5A4 \uC810\uB4E4\uC774 \uB2EC\uB77C\uC84C\uB294\uC9C0 \uACE0\uBBFC\uC744 \uD558\uACE0 \uC788\uC2B5\uB2C8\uB2E4.


      (3) \uB098\uC5D0\uAC8C \uB9DE\uB294

      \uC55E\uC120 \uC774\uC57C\uAE30\uB97C \uD1A0\uB300\uB85C, \uC800\uB294 \uCC98\uC74C\uBD80\uD130 \uD68C\uC0AC\uC5D0 \uB098 \uC2A4\uC2A4\uB85C\uB97C \uB9DE\uCD94\uB824\uACE0 \uD558\uAE30 \uBCF4\uB2E8 \uB098\uC5D0\uAC8C \uC81C\uC77C \uC798 \uB9DE\uB294 \uD68C\uC0AC\uB97C \uCC3E\uC544\uB0B4\uAE38 \uBC14\uB78D\uB2C8\uB2E4. \uADF8\uAC8C \uC81C\uC77C \uC5B4\uB835\uB2E4\uB294\uAC8C \uBB38\uC81C\uC9C0\uB9CC\uC694

      \uC0AC\uB78C\uB4E4\uC774 \uB300\uAE30\uC5C5\uC744 \uC120\uD638\uD558\uB294 \uC774\uC720\uB294 \uBCF4\uD3B8\uC801\uC73C\uB85C \uB0B4 \uAC00\uCE58\uAD00\uC5D0 \uB9DE\uC544\uB4E4\uC5B4\uAC00\uAE30 \uB54C\uBB38\uC785\uB2C8\uB2E4. \uB0B4\uAC00 100% \uB9CC\uC871\uD560 \uC21C \uC5C6\uC9C0\uB9CC 70% \uC815\uB3C4\uB294 \uB9DE\uAE30 \uB54C\uBB38\uC785\uB2C8\uB2E4.

      \uBC18\uB300\uB85C \uB300\uBD80\uBD84\uC758 \uD68C\uC0AC\uAC00 \uB098\uC5D0\uAC8C \uB9DE\uC9C0 \uC54A\uB294\uAC70\uC8E0.

      \uB098\uC640 \uB9DE\uC9C0 \uC54A\uB294 \uD68C\uC0AC\uC5D0 \uB2E4\uB2C8\uACE0 \uC2F6\uC9C0 \uC54A\uC740\uAC70\uACE0 \uADF8\uB7F0 \uACF3\uC5D0\uC11C \uC77C\uC744 \uD560 \uB54C \uC990\uAC81\uC9C0 \uC54A\uACE0 \uD589\uBCF5\uD558\uC9C0 \uC54A\uAE30 \uB54C\uBB38\uC785\uB2C8\uB2E4.

      \uC5ED\uBC1C\uC0C1\uC744 \uD574\uBCF4\uC790\uBA74 \uB098\uC5D0\uAC8C 100%\uAE4C\uC9C4 \uC544\uB2C8\uC5EC\uB3C4 90%\uB294 \uB4E4\uC5B4\uB9DE\uB294 \uD68C\uC0AC\uAC00 \uBD84\uBA85\uD788 \uC788\uC2B5\uB2C8\uB2E4. \uADF8\uB7F0 \uD68C\uC0AC\uB97C \uCC3E\uC544\uB0B4\uAE30 \uC704\uD574\uC120 \uACB0\uAD6D \uB098 \uC790\uC2E0\uC5D0 \uB300\uD574 \uC798 \uC54C\uC544\uC57C \uD558\uB294\uAC70\uC8E0.

      \uD68C\uC0AC\uAC00 \uC5EC\uB7EC\uBD84\uC5D0\uAC8C \uC544\uC608 \uC548 \uB9DE\uC744 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4. \uADF8\uB807\uB2E4\uBA74 \uD68C\uC0AC\uAC00 \uC544\uB2CC \uB2E4\uB978 \uAE38\uC744 \uCC3E\uC544\uC57C\uACA0\uC8E0? \uD639\uC740 \uD68C\uC0AC\uC5D0\uC11C \uCC44\uC6B8 \uC218 \uC5C6\uB294 \uAC83\uB4E4\uC774 \uAD49\uC7A5\uD788 \uB9CE\uC774 \uC788\uC2B5\uB2C8\uB2E4. \uADF8\uAC78 \uC54C\uC544\uC57C \uD558\uB294 \uAC83\uB3C4 \uACB0\uAD6D \uB098\uC758 \uBAAB\uC778\uAC70\uC8E0.


      3. \uD559\uC2B5 \uADF8 \uC790\uCCB4

      (1) \uB0B4\uAC00 \uC88B\uC544\uD558\uB294 \uACF5\uBD80 \uBC29\uBC95

      \uB9C8\uC9C0\uB9C9\uC73C\uB85C \uD559\uC2B5\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uC785\uB2C8\uB2E4. \uC55E\uC5D0\uC11C \uBC29\uD5A5\uC131\uC744 \uC81C\uC2DC\uD588\uB294\uB370\uC694 \uC800\uB294 \uBB34\uC5C7\uBCF4\uB2E4 \uACF5\uBD80 \uADF8 \uC790\uCCB4\uAC00 \uC81C\uC77C \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4.

      \uC5EC\uB7EC\uBD84\uC740 \uACF5\uBD80\uAC00 \uC990\uAC81\uB098\uC694?

      \uC800\uB294 \uC990\uAC70\uC6CC\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD569\uB2C8\uB2E4. \uACF5\uBD80\uAC00 \uC990\uAC81\uC9C0 \uC54A\uB2E4\uBA74 \uADF8\uAC74 \uBB34\uC5B8\uAC00 \uC798\uBABB\uB41C\uAC70\uB77C\uACE0 \uC0DD\uAC01\uD574\uC694.

      \uC800\uB294 \uCC45\uC744 \uC77D\uB294 \uAC83\uB3C4 \uC548 \uC88B\uC544\uD558\uACE0 \uC778\uAC15\uC744 \uBCF4\uB294 \uAC83\uB3C4 \uC548 \uC88B\uC544\uD569\uB2C8\uB2E4. \uCF54\uB529\uC744 \uD560 \uB54C\uAC00 \uC81C\uC77C \uC7AC\uBC0C\uC2B5\uB2C8\uB2E4.

      \uCC45\uC744 \uC77D\uACE0 \uC788\uC73C\uBA74 \uCF54\uB529\uC774 \uD558\uACE0\uC2F6\uC5B4\uC9C0\uACE0 \uC778\uAC15\uC744 \uBCF4\uACE0 \uC788\uC5B4\uB3C4 \uCF54\uB529\uC774 \uD558\uACE0\uC2F6\uC5B4\uC9D1\uB2C8\uB2E4. \uADF8\uB798\uC11C \uCF54\uB529\uC744 \uD558\uBA74\uC11C \uD559\uC2B5\uD560 \uC218 \uC788\uB294 \uC2A4\uD130\uB514\uB098 \uBBF8\uC158\uD615 \uAC15\uC758 \uB4F1\uC744 \uD1A0\uB300\uB85C \uBC29\uB300\uD55C \uC591\uC758 \uB0B4\uC6A9\uC744 \uB2E8\uC2DC\uAC04\uC5D0 \uC775\uD788\uACE0 \uD65C\uC6A9\uD560 \uC218 \uC788\uB294 \uBC29\uC2DD\uC73C\uB85C \uC131\uC7A5\uD588\uC2B5\uB2C8\uB2E4.

      \uD558\uC9C0\uB9CC \uC774\uB807\uAC8C \uD55C\uB2E4\uACE0 \uB204\uAD6C\uB3C4 \uBB50\uB77C\uD558\uC9C0 \uC54A\uC544\uC694. \uC77C\uC744 \uD560 \uB54C \uD544\uC694\uD55C \uCD5C\uC18C\uD55C\uC758 \uAE30\uCD08\uC9C0\uC2DD\uC744 \uC81C\uC678\uD558\uACE4 \uB300\uBD80\uBD84\uC758 \uC9C0\uC2DD\uC740 \uD544\uC694\uD560 \uB54C \uBC30\uC6B0\uBA74 \uB429\uB2C8\uB2E4.

      \uC911\uC694\uD55C\uAC74 \uB0B4\uAC00 \uC5BC\uB9C8\uB098 \uD559\uC2B5\uC5D0 \uB300\uD574 \uBAB0\uC785\uD558\uACE0 \uC798\uD560 \uC218 \uC788\uB294\uAC00 \uC785\uB2C8\uB2E4.

      \uB204\uAD70\uAC00\uB294 \uD63C\uC790\uC11C \uACF5\uBD80\uD558\uB294\uAC8C \uB354 \uC88B\uC744 \uC218\uB3C4 \uC788\uACE0 \uB204\uAD70\uAC00\uB294 \uCE5C\uAD6C\uB4E4\uACFC \uAC19\uC774 \uACF5\uBD80\uD558\uB294\uAC8C \uB354 \uC88B\uC744 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4. \uB204\uAD70\uAC00\uB294 \uC544\uCE68\uC5D0 \uACF5\uBD80\uB97C \uD558\uB294\uAC8C \uB204\uAD70\uAC00\uB294 \uC800\uB141\uC5D0 \uACF5\uBD80\uB97C \uD558\uB294\uAC8C \uC88B\uC744 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4.

      \uB098\uC5D0\uAC8C \uB531 \uB9DE\uB294 \uD559\uC2B5 \uBC29\uBC95\uC744 \uCC3E\uC544\uB0B4\uB294 \uAC8C \uC81C\uC77C \uC911\uC694\uD569\uB2C8\uB2E4.

      \uC774\uC804 \uD30C\uD2B8\uC5D0\uC11C \uC774\uC57C\uAE30\uD55C \uB9E5\uB77D\uACFC \uC774\uC5B4\uC9C0\uB294 \uAC83 \uAC19\uC740\uB370

      \uB3C4\uB300\uCCB4 \uB098\uB294 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uAC00?

      \uB97C \uACE0\uBBFC\uD574\uBCF4\uB294\uAC70\uC8E0. \uC5B4\uB5A4 \uC0C1\uD669\uC5D0 \uBAB0\uC785\uC744 \uD558\uB294\uC9C0 \uACF5\uBD80\uB97C \uD558\uB294\uC9C0.

      \uADF8\uB9AC\uACE0 \uC8FC\uBCC0 \uC0AC\uB78C\uC774 \uAC19\uC774 \uC77C\uD558\uB294 \uC0AC\uB78C\uC774 \uB098\uC758 \uC774\uB7F0 \uBAA8\uC2B5\uC744 \uC54C\uC544\uC57C\uD569\uB2C8\uB2E4. \uADF8\uB798\uC57C \uB0B4\uAC00 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uD559\uC2B5\uD558\uACE0 \uBAB0\uC785\uD558\uACE0 \uC77C\uC744 \uD558\uB294\uC9C0, \uADF8\uAC78 \uC5B4\uB5BB\uAC8C \uC131\uACFC\uB85C \uC5F0\uACB0\uD560 \uC218 \uC788\uB294\uC9C0 \uC54C \uC218 \uC788\uC73C\uB2C8\uAE4C\uC694.

      \uC77C\uC740 \uC0AC\uB78C\uACFC \uC0AC\uB78C\uC774 \uAC19\uC774 \uD558\uB294 \uAC83\uC774\uACE0 \uB9AC\uB354\uC758 \uC785\uC7A5\uC5D0\uC11C\uB294 \uAD6C\uC131\uC6D0\uC774 \uC5B4\uB5A4 \uC0C1\uD669\uC5D0 \uBAB0\uC785\uD558\uB294\uC9C0 \uC54C\uACE0 \uC788\uB2E4\uBA74 \uD300\uC774 \uC88B\uC740 \uC131\uACFC\uB97C \uB0BC \uB54C \uBB34\uCC99 \uC720\uB9AC\uD569\uB2C8\uB2E4.


      (2) \uC131\uACF5\uC758 \uBAA9\uC801\uACFC \uC218\uB2E8

      \uD589\uBCF5\uD55C \uC0AC\uB78C\uC774 \uC131\uACF5\uD558\uB294 \uAC78\uAE4C? \uC131\uACF5\uD55C \uC0AC\uB78C\uC774 \uD589\uBCF5\uD55C \uAC78\uAE4C?

      \uC774\uAC74 \uBAA9\uC801\uACFC \uC218\uB2E8\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uC785\uB2C8\uB2E4.

      \uBAA9\uC801\uC740 \uD589\uBCF5\uC774\uACE0 \uC218\uB2E8\uC774 \uC131\uACF5\uC774\uB77C\uBA74, \uC131\uACF5\uC774 \uAF2D \uD589\uBCF5\uC758 \uC218\uB2E8\uC774 \uB420 \uD544\uC694\uB294 \uC5C6\uB294\uAC70\uC8E0.

      • \uD558\uACE0 \uC2F6\uC740 \uACF5\uBD80\uB97C \uD558\uBA74\uC11C
      • \uD558\uACE0 \uC2F6\uC740 \uC77C\uC744 \uD558\uBA74\uC11C
      • \uC990\uAC70\uC6C0\uACFC \uD589\uBCF5\uC744 \uB290\uB07C\uBA74\uC11C

      \uADF8\uB807\uAC8C \uC131\uACF5 \uD639\uC740 \uBAA9\uD45C\uC5D0 \uB3C4\uB2EC\uD560 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4.

      \uADF8\uB9AC\uACE0 \uAFB8\uC900\uD788 \uD589\uBCF5\uD55C \uC0AC\uB78C\uC740 \uC131\uACF5\uD560 \uD655\uB960\uC774 \uB354 \uB192\uB2E4\uACE0 \uD569\uB2C8\uB2E4. \uD558\uC9C0\uB9CC \uC800\uB294 \uD589\uBCF5\uD55C \uC0AC\uB78C\uB4E4\uC740 \uC131\uACF5\uC744 \uD5A5\uD574 \uB2EC\uB824\uAC04\uB2E4\uACE0 \uC0DD\uAC01\uD558\uC9C0 \uC54A\uC544\uC694. \uC774\uBBF8 \uD589\uBCF5\uD558\uAE30 \uB54C\uBB38\uC5D0 \uADF8\uB0E5 \uADF8 \uC77C\uC744 \uACC4\uC18D \uD558\uB294\uAC70\uC8E0. \uADF8\uB7EC\uB2E4\uBCF4\uB2C8 \uB0A8\uB4E4\uC774 \uC774\uC57C\uAE30 \uD558\uB294 "\uC131\uACF5"\uC5D0 \uB3C4\uB2EC\uD574 \uC788\uB294\uAC70\uC8E0. \uB0A8\uB4E4\uC774 \uC774\uC57C\uAE30 \uD558\uB294 "\uC131\uACF5"\uC5D0 \uB3C4\uB2EC\uD558\uC9C0 \uBABB\uD558\uB2E4\uACE0 \uD558\uB354\uB77C\uB3C4 \uC774\uBBF8 \uD589\uBCF5\uD558\uBA74 \uADF8\uB9CC\uC774\uB2C8\uAE4C\uC694!

      \uC5B4\uCC28\uD53C \uC778\uC0DD\uC740 \uC131\uACF5\uD558\uAE30 \uC704\uD574 \uC0B4\uC544\uAC04\uB2E4\uAE30\uBCF4\uB2E8 \uB9CE\uC774 \uADF8\uB9AC\uACE0 \uC790\uC8FC \uD589\uBCF5\uD558\uAE30 \uC704\uD574 \uC0B4\uC544\uAC00\uB294\uAC8C \uC544\uB2D0\uAE4C\uC694?

      100\uC5B5

      \uC694\uC998 \uC8FC\uBCC0 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C "100\uC5B5\uC774 \uC788\uB2E4\uBA74 \uBB58 \uD558\uACE0 \uC2F6\uC5B4?" \uB77C\uB294 \uC9C8\uBB38\uC744 \uC790\uC8FC \uB358\uC9D1\uB2C8\uB2E4. \uC0AC\uC2E4 \uC81C\uAC00 \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uB4E4\uC5C8\uB358 \uC9C8\uBB38\uC774\uAE30\uB3C4 \uD569\uB2C8\uB2E4.

      \uC800\uB97C \uD3EC\uD568\uD558\uC5EC \uB300\uBD80\uBD84\uC758 \uC0AC\uB78C\uC740 \uACB0\uAD6D \uC774\uC5D0 \uB300\uD55C \uB2F5\uBCC0\uC73C\uB85C \uC9C4\uC815\uC73C\uB85C \uC790\uAE30\uAC00 \uD558\uACE0 \uC2F6\uC740 \uC77C\uC5D0 \uB300\uD574 \uC774\uC57C\uAE30\uD569\uB2C8\uB2E4.

      \uBC18\uB300\uB85C \uC0DD\uAC01\uD574\uBCF4\uBA74, \uC9C4\uC815\uC73C\uB85C \uD558\uACE0 \uC2F6\uC740 \uC77C\uC744 \uC9C0\uAE08\uB3C4 \uD558\uACE0 \uC788\uB294 \uC0AC\uB78C\uC740 100\uC5B5\uC774\uB77C\uB294 \uAC00\uCE58\uB97C \uAE54\uACE0 \uC549\uC544 \uC788\uB294 \uAC83\uACFC \uAC19\uC9C0 \uC54A\uC744\uAE4C\uC694? \uB204\uAD70\uAC00\uB294 100\uC5B5\uC774 \uC788\uC5B4\uC57C \uD558\uB294 \uC77C\uC744 \uC774\uBBF8 \uD558\uACE0 \uC788\uB294\uAC70\uB2C8\uAE4C\uC694.


      Summary

      \uAE38\uAC8C \uC5EC\uB7EC\uAC00\uC9C0 \uC774\uC57C\uAE30\uB97C \uD55C \uAC83 \uAC19\uC740\uB370 \uB2E4\uC2DC \uC694\uC57D\uD574\uBCF4\uC790\uBA74 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4.

      (1) \uAE4A\uC774

      • \uB113\uAC8C \uAE4A\uAC8C \uC9C8\uC801\uC73C\uB85C \uACF5\uBD80\uD560 \uAC83.
      • \uC5B4\uB5A4 \uC5B8\uC5B4\uB97C \uACF5\uBD80\uD560 \uB54C\uB3C4 \uD504\uB85C\uC81D\uD2B8\uB97C \uD560 \uB54C\uB3C4 \uD558\uB098\uB97C \uAE4A\uAC8C \uD558\uB294\uAC8C \uC911\uC694\uD558\uB2E4.
      • \uD504\uB85C\uC81D\uD2B8\uB294 \uB9CC\uB4E4\uACE0 \uCD9C\uC2DC\uD574\uBCF4\uACE0 \uC0AC\uC6A9\uC790 \uC720\uC785\uC744 \uC720\uB3C4\uD558\uACE0 \uB2E4\uC591\uD55C \uC7A5\uC560 \uC0C1\uD669\uC744 \uACAA\uC5B4\uBCF4\uACE0 \uC774 \uACFC\uC815\uC5D0\uC11C \uB2E4\uC591\uD55C \uBB38\uC81C \uC0C1\uD669\uC744 \uACAA\uC5B4\uBCF4\uACE0 \uD574\uACB0\uD558\uACE0 \uC815\uB9AC\uD558\uB294 \uACFC\uC815\uC774 \uD544\uC694\uD558\uB2E4.

      (2) \uC18C\uD504\uD2B8\uC2A4\uD0AC

      • \uC6B0\uB9AC\uAC00 \uCDE8\uC5C5\uC744 \uC704\uD574\uC11C \uACF5\uBD80\uD558\uB294 \uAC83\uB4E4\uC740 \uB300\uBD80\uBD84 \uD558\uB4DC\uC2A4\uD0AC\uC774\uACE0 \uC77C\uC744 \uD558\uAE30 \uC704\uD574 \uD544\uC694\uD55C "\uB3C4\uAD6C"\uC774\uB2E4.
      • \uADF8\uB807\uB2E4\uBA74 "\uC77C\uC744 \uC798 \uD558\uB294 \uBC29\uBC95"\uC5D0 \uB300\uD574\uC11C\uB3C4 \uC54C\uACE0 \uC788\uC73C\uBA74 \uC88B\uB2E4.
      • \uC77C\uC744 \uC798 \uD558\uAE30 \uC704\uD574\uC120 "\uC0AC\uB78C"\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uB294\uAC8C \uBB34\uCC99 \uC911\uC694\uD558\uB2E4.
      • \uC77C\uB2E8 \uB098 \uC790\uC2E0\uC5D0 \uB300\uD574 \uC774\uD574\uD558\uACE0 \uC124\uBA85\uD558\uB294 \uAC8C \uC81C\uC77C \uC911\uC694\uD558\uB2E4.
      • \uAC19\uC774 \uC77C\uD558\uB294 \uC0AC\uB78C\uC774 \uB0B4\uAC00 \uBAB0\uC785\uD558\uB294 \uC0C1\uD669\uACFC \uD658\uACBD\uC5D0 \uB300\uD574 \uC54C \uC218 \uC788\uAC8C \uD574\uC57C \uD55C\uB2E4.

      (3) \uBA54\uD0C0\uC778\uC9C0

      • \uBAA9\uC801\uACFC \uC218\uB2E8\uC744 \uD56D\uC0C1 \uC778\uC9C0\uD558\uC790. \uBB34\uC5C7(what)\uC744 \uC65C(why) \uC5B4\uB5BB\uAC8C(how) \uD574\uC57C \uD558\uB294\uC9C0.
      • \uC5B4\uB5A4 \uACFC\uC815\uC744 \uACAA\uC5C8\uACE0 \uC5B4\uB5A4 \uACB0\uACFC\uAC00 \uC788\uC5C8\uB294\uC9C0 \uC774\uC57C\uAE30\uD558\uACE0 \uC0DD\uAC01\uD574\uBCFC \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.
      ',110);function _(b,C){const t=s("RouterLink");return n(),a("div",null,[d,o("ul",null,[o("li",null,[i(t,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/"},{default:l(()=>[c]),_:1})]),o("li",null,[i(t,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/"},{default:l(()=>[h]),_:1})]),o("li",null,[i(t,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/"},{default:l(()=>[g]),_:1})])]),q])}var x=p(u,[["render",_],["__file","index.html.vue"]]);export{x as default}; diff --git a/assets/index.html.c057bc45.js b/assets/index.html.87808244.js similarity index 99% rename from assets/index.html.c057bc45.js rename to assets/index.html.87808244.js index 5c480863..7a9dc86b 100644 --- a/assets/index.html.c057bc45.js +++ b/assets/index.html.87808244.js @@ -1 +1 @@ -import{_ as p,r as n,o as a,c as s,a as e,b as o,e as i,d as t}from"./app.800103af.js";const r={},c=e("h1",{id:"\u110B\u1175\u11AB\u1111\u1173\u1105\u1165\u11AB-\u1109\u1175\u11B7\u110B\u1163-fe-\u1102\u1166\u1110\u1173\u110B\u116F\u110F\u1175\u11BC-\u1112\u116E\u1100\u1175",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110B\u1175\u11AB\u1111\u1173\u1105\u1165\u11AB-\u1109\u1175\u11B7\u110B\u1163-fe-\u1102\u1166\u1110\u1173\u110B\u116F\u110F\u1175\u11BC-\u1112\u116E\u1100\u1175","aria-hidden":"true"},"#"),i(" \uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uD6C4\uAE30")],-1),d=e("p",null,[e("img",{src:"https://user-images.githubusercontent.com/18749057/174490151-0aa33935-a28c-4157-a7ae-07ec3f506d62.jpg",alt:"\uC378\uB124\uC77C"})],-1),h=i("\uBCF8 \uD3EC\uC2A4\uD2B8\uB294 "),_={href:"https://www.inflearn.com/pages/midnight-fe-2205",target:"_blank",rel:"noopener noreferrer"},u=i("\uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9"),g=i("\uC5D0 \uB300\uD55C \uD6C4\uAE30\uC774\uB2E4. \uC8FC\uB85C \uD544\uC790\uAC00 \uBC1B\uC558\uB358 \uC9C8\uBB38\uACFC \uC774\uC5D0 \uB300\uD55C \uB2F5\uBCC0\uC744 \uCD94\uB824\uC11C \uC791\uC131\uD560 \uAC83\uC774\uB2E4."),f=e("h2",{id:"\u110C\u1175\u11AB\u1112\u1162\u11BC-\u1100\u116A\u110C\u1165\u11BC",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110C\u1175\u11AB\u1112\u1162\u11BC-\u1100\u116A\u110C\u1165\u11BC","aria-hidden":"true"},"#"),i(" \uC9C4\uD589 \uACFC\uC815")],-1),b=i("\uC624\uD504\uB77C\uC778 \uD589\uC0AC\uC600\uACE0, \uB124\uD2B8\uC6CC\uD0B9 \uC804\uC5D0 "),E={href:"https://jojoldu.tistory.com/",target:"_blank",rel:"noopener noreferrer"},m=i("\uC778\uD504\uB7F0 CTO \uC774\uB3D9\uC6B1"),B=i("\uB2D8\uC774 \uD589\uC0AC\uC758 \uD3EC\uBB38\uC744 \uC5F4\uACE0, \uC778\uD504\uB7F0\uC758 FE \uAC1C\uBC1C\uC790\uC778 \uBE60\uC090\uCF54\uB2D8\uC774 "),C=e("code",null,"\uC5B4\uB5BB\uAC8C \uB7A0\uB9BF\uC744 \uB9CC\uB4E4\uC5C8\uC744\uAE4C?",-1),v=i("\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uBC1C\uD45C\uD558\uACE0, \uCE74\uCE74\uC624 \uC5D4\uD130\uD14C\uC778\uBA3C\uD2B8\uC758 FE \uB9AC\uB4DC \uAC1C\uBC1C\uC790\uC778 \uAE40\uC131\uD638\uB2D8\uC774 "),x=e("code",null,"\uBF51\uD788\uB294 \uC8FC\uB2C8\uC5B4\uC758 \uC870\uAC74",-1),w=i(" \uC774\uB77C\uB294 \uC8FC\uC81C\uB85C \uBC1C\uD45C\uB97C \uD574\uC8FC\uC168\uB2E4."),k=e("p",null,"\uC138\uC158\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC740 \uC0C1\uC138\uD558\uAC8C \uC791\uC131\uD574\uC8FC\uC2E0 \uBD84\uB4E4\uC774 \uB9CE\uAE30 \uB54C\uBB38\uC5D0 \uC5EC\uAE30\uC11C\uB294 \uD06C\uAC8C \uB2E4\uB8E8\uC9C4 \uC54A\uC744 \uAC83\uC774\uB2E4.",-1),j={href:"https://onlydev.tistory.com/152",target:"_blank",rel:"noopener noreferrer"},A=i("\uC778\uD504\uB7F0 \uB124\uD2B8\uC6CC\uD0B9\uC5D0 \uB2E4\uB140\uC624\uB2E4 - \uAE40\uBCD1\uC5F0\uB2D8"),I={href:"https://velog.io/@oneook/%EC%9D%B8%ED%94%84%EB%9E%A9-FE-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%82%B9-%EB%8D%B0%EC%9D%B4%EC%97%90-%EB%8B%A4%EB%85%80%EC%99%94%EC%8A%B5%EB%8B%88%EB%8B%A4",target:"_blank",rel:"noopener noreferrer"},D=i("\uC778\uD504\uB7A9 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uB370\uC774 \uCC38\uC5EC \uD6C4\uAE30 - \uC774\uC6D0\uAD6D\uB2D8"),V=t('

      \uC5B4\uB5BB\uAC8C \uB7A0\uB9BF\uC744 \uB9CC\uB4E4\uC5C8\uC744\uAE4C?

      \uBE60\uC090\uCF54 bn

      \uC8FC\uB85C \uB7A0\uB9BF\uC744 \uB9CC\uB4E4\uBA74\uC11C \uC5B4\uB824\uC6E0\uB358 \uBD80\uBD84\uB4E4\uC5D0 \uB300\uD574 \uBC1C\uD45C\uD574\uC8FC\uC168\uB2E4. \uC870\uAE08 \uC544\uC26C\uC6B4 \uC810\uC744 \uC774\uC57C\uAE30\uD574\uBCF4\uC790\uBA74, \uC758\uC0AC\uACB0\uC815 \uACFC\uC815\uC5D0\uC11C \uC65C? \uC5D0 \uB300\uD55C \uBD80\uBD84\uC744 \uC800 \uC790\uC138\uD788 \uB2E4\uB904\uC92C\uC73C\uBA74 \uC88B\uC558\uC744 \uAC83 \uAC19\uB2E4. \uB7A0\uB9BF \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC740 \uC778\uD504\uB7F0 \uAE30\uC220\uBE14\uB85C\uADF8\uC5D0 \uC790\uC138\uD788 \uACF5\uC720\uB420 \uC608\uC815\uC774\uB77C\uACE0 \uD55C\uB2E4.

      • \uC5B4\uB5A4 \uAE30\uC220 \uC2A4\uD0DD\uC744 \uC0AC\uC6A9\uD588\uB294\uC9C0
      • \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uBA74\uC11C \uC5B4\uB824\uC6E0\uB358 \uC810\uB4E4
      • \uADF8\uB9AC\uACE0 \uC774\uAC78 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uD574\uACB0\uD588\uB294\uC9C0
      • \uADF8\uB798\uC11C \uC9C0\uAE08\uC740 \uAD1C\uCC2E\uC740\uC9C0
      • \uC55E\uC73C\uB85C\uB294 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uC9C4\uD589\uD560 \uAC83\uC778\uC9C0

      \uC544\uB9C8 \uC774\uB7F0 \uB0B4\uC6A9\uB4E4 \uC704\uC8FC\uC77C \uAC83 \uAC19\uB2E4.

      \uB418\uB3C4\uB85D \uBE68\uB9AC \uBCFC \uC218 \uC788\uC5C8\uC73C\uBA74 \uC88B\uACA0\uB2E4. \uBCF4\uACE0 \uC788\uB098\uC694 \uBE60\uC090\uACE0\uB2D8!?

      \uBF51\uD788\uB294 \uC8FC\uB2C8\uC5B4\uC758 \uC870\uAC74

      \uAE40\uC131\uD638\uB2D8 bn

      ',8),T=i("\uD544\uC790\uB3C4 \uB9AC\uB354\uC758 \uC5ED\uD560\uC744 \uC218\uD589\uD558\uBA70 "),J={href:"https://zuminternet.github.io/zum-front-recurit-review/",target:"_blank",rel:"noopener noreferrer"},F=i("\uCC44\uC6A9\uC744 \uACBD\uD5D8\uD574\uBCF8 \uC785\uC7A5"),L=i("\uC5D0\uC11C \uB098\uB9CC\uC758 \uC0DD\uAC01\uC744 \uACC1\uB4E4\uC5EC \uC774\uC57C\uAE30\uD574\uBCFC \uAC83\uC774\uB2E4."),S=t('

      (1) \uAC1C\uBC1C\uC790\uC758 \uB2A5\uB825\uCE58

      \uAE40\uC131\uD638\uB2D8\uC740 \uAC1C\uBC1C\uC790\uC758 \uB2A5\uB825\uCE58\uB97C \uAC8C\uC784 \uCE90\uB9AD\uD130\uC758 \uC2A4\uD0EF\uC73C\uB85C \uBE44\uC720\uD588\uB2E4.

      \uC2A4\uD0EF\uCC3D\uC774 \uC804\uBD80 \uAE30\uC5B5\uB098\uB294\uAC74 \uC544\uB2CC\uB370..

      • \uB9AC\uB354\uC27D
      • \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158
      • \uC5D4\uC9C0\uB2C8\uC5B4\uB9C1(\uAC1C\uBC1C)

      \uC77C\uB2E8 \uC774\uB807\uAC8C \uC138 \uAC1C\uAC00 \uC788\uC5C8\uACE0 \uD55C \uAC00\uC9C0\uB294 \uAE30\uC5B5\uB098\uC9C8 \uC54A\uB294\uB2E4.

      \uB9AC\uB354\uC27D\uACFC \uB300\uBE44\uB418\uB294 \uB2A5\uB825\uC73C\uB85C\uB294 \uD314\uB85C\uC6B0\uC27D\uC774 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uD314\uB85C\uC6B0\uC27D\uC740

      • \uC6B0\uB9AC \uC870\uC9C1\uACFC \uB9AC\uB354\uAC00 \uC0DD\uAC01\uD558\uB294 \uAC83, \uC758\uB3C4\uD558\uB294 \uAC83\uB4E4\uC744 \uC798 \uC778\uC9C0\uD558\uB294\uC9C0
      • \uC778\uC9C0\uD558\uACE0 \uC788\uB2E4\uBA74, \uC774\uC5D0 \uB300\uD574 \uC801\uC808\uD55C \uBC29\uD5A5\uC73C\uB85C \uD589\uB3D9\uD558\uACE0 \uC788\uB294\uC9C0

      \uC774\uB807\uAC8C \uB450 \uAC00\uC9C0 \uC774\uB2E4.

      \uCC98\uC74C\uBD80\uD130 \uB9AC\uB4DC\uD558\uB294 \uC0AC\uB78C\uC774 \uB5A1\uBC25\uC744 \uC798 \uB358\uC838\uC8FC\uBA74 \uC88B\uACA0\uC9C0\uB9CC(?) \uB204\uAD70\uAC00\uB294 \uB9AC\uB529\uD558\uB294 \uB2A5\uB825\uCE58\uAC00 \uB0AE\uC744 \uC218\uB3C4 \uC788\uACE0, \uB610 \uB9AC\uB354\uAC00 \uC798 \uC2E0\uACBD\uC4F0\uC9C0 \uBABB\uD558\uB294 \uBD80\uBD84\uB3C4 \uC788\uB2E4.

      \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uB0B4\uAC00 \uB9AC\uB354\uC758 \uC785\uC7A5\uC5D0\uC11C \uB0B4 \uC5ED\uD560\uC744 \uC798 \uC778\uC9C0\uD558\uACE0 \uC798 \uB530\uB77C\uC904 \uC218 \uC788\uB294 \uB2A5\uB825\uB3C4 \uAF2D \uD544\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      ',11),y=i("\uD544\uC790\uB294 \uD398\uC774\uC2A4\uBD81\uC744 \uB9CE\uC774 \uD55C\uB2E4. \uD398\uC774\uC2A4\uBD81\uC758 \uCF58\uD150\uCE20\uB97C \uC18C\uBE44\uD558\uB294 \uC785\uC7A5\uC774\uB784\uAE4C? \uC81C\uC77C \uC720\uC775\uD558\uAC8C \uB290\uB07C\uB294 \uAC83\uC740 "),R={href:"https://www.facebook.com/shinsoojungceo",target:"_blank",rel:"noopener noreferrer"},O=i("\uC2E0\uC218\uC815"),U=i("\uB2D8\uC774 \uC791\uC131\uD574\uC8FC\uC2E0 \uAE00\uB4E4\uC774\uB2E4. \uC8FC\uC625\uAC19\uC740 \uAE00\uC774 \uBB34\uCC99 \uB9CE\uC774 \uC788\uB2E4. "),z={href:"https://www.linkedin.com/in/soojung-shin-30398b75/",target:"_blank",rel:"noopener noreferrer"},N=i("\uB9C1\uD06C\uB4DC\uC778"),M=i("\uC5D0\uB3C4 \uC790\uC8FC \uC62C\uB824\uC8FC\uC2E0\uB2E4."),P=t('

      \uAC01\uC124\uD558\uACE0, \uBB34\uCC99 \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uB0B4\uC6A9 \uC911 \uD558\uB098\uB97C \uAC04\uB7B5\uD558\uAC8C \uC18C\uAC1C\uD574\uBCF4\uC790\uBA74, \uC2A4\uC2A4\uB85C \uB6F0\uC5B4\uB09C \uB9AC\uB354\uAC00 \uB418\uAE30 \uC704\uD574\uC120 \uBB34\uB2A5\uB825\uD55C \uB9AC\uB354 \uBC11\uC5D0\uC11C\uB3C4 \uC77C\uC744 \uD574\uBD10\uC57C \uD55C\uB2E4 \uB294 \uB0B4\uC6A9\uC774\uB2E4.

      \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158 \uB2A5\uB825\uC774 \uC548 \uC88B\uC744 \uC218\uB3C4 \uC788\uACE0, \uAC1C\uBC1C\uC790\uB77C\uBA74 \uAC1C\uBC1C \uB2A5\uB825 \uC790\uCCB4\uAC00 \uBBF8\uC2A4\uC77C \uC218\uB3C4 \uC788\uC744 \uAC83\uC774\uB2E4. \uC911\uC694\uD55C \uAC83\uC740 \uC774\uB7F0 \uC0C1\uD669\uC744 \uADF9\uBCF5\uD558\uACE0 \uC131\uACFC\uB97C \uB0B4\uB294 \uAC83\uC774\uB2E4. \uC774\uB97C \uADF9\uBCF5\uD558\uB294 \uB2A5\uB825\uCE58 \uC911 \uD558\uB098\uAC00 \uD314\uB85C\uC6B0\uC27D\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      (2) \uC774\uB825\uC11C

      \uC774\uB825\uC11C \uBD80\uBD84\uC744 \uBB34\uCC99 \uAE38\uAC8C \uC774\uC57C\uAE30 \uD574\uC8FC\uC168\uB294\uB370, \uAE30\uC5B5\uB098\uB294\uAC74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uB2E8\uC21C \uAE30\uC220\uC2A4\uD0DD \uB098\uC5F4\uC744 \uCD5C\uC545\uC774\uB2E4.
      • \uD574\uB2F9 \uAE30\uC220\uB85C \uC5B4\uB5A4 \uBB38\uC81C\uB97C \uD574\uACB0\uD588\uB294\uC9C0 \uC791\uC131\uD558\uBA74 \uC88B\uB2E4.
      • \uAE38\uC774\uB3C4 \uC911\uC694\uD558\uB2E4.
      • \uD574\uB2F9 \uD68C\uC0AC\uC5D0\uC11C \uAD8C\uC7A5\uD558\uB294 \uC591\uC2DD\uC744 \uC0AC\uC6A9\uD558\uB294\uAC8C \uC88B\uB2E4.
        • \uAC00\uB054 \uCCA8\uBD80\uD30C\uC77C\uB85C\uB9CC \uC774\uB825\uC11C\uB97C \uC81C\uCD9C\uD558\uB294 \uC0AC\uB78C\uC774 \uC788\uB294\uB370..
        • \uC774\uB7F4 \uB54C \uBB34\uC2EC\uCF54 \uB118\uC5B4\uAC08 \uC218 \uC788\uB2E4.
      • \uC2A4\uD399\uC740 \uC911\uC694\uD558\uC9C0 \uC54A\uB2E4.
      • \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB300\uD55C \uC131\uACFC\uB97C \uC774\uB825\uC11C\uC5D0 \uB4DC\uB7EC\uB0B4\uC57C\uD55C\uB2E4.
        • \uBCF4\uD1B5 \uC2E0\uC785 \uAC1C\uBC1C\uC790\uB294 \uBB34\uC5C7\uC774 \uC131\uACFC\uC778\uC9C0 \uBAA8\uB974\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uB2E4.
        • \uAC1D\uAD00\uC801\uC778 \uC9C0\uD45C\uAC00 \uD544\uC694\uD558\uB2E4.
        • \uC774\uAC74 \uD544\uC790\uC758 \uC0DD\uAC01\uC778\uB370, \uC0AC\uC6A9\uC131\uC774 \uC88B\uC740 \uC11C\uBE44\uC2A4 \uB97C \uB9CC\uB4E4\uC5C8\uB2E4\uACE0 \uD55C\uB2E4\uBA74, \uC5B4\uB5BB\uAC8C \uC0AC\uC6A9\uC131\uC774 \uC88B\uB2E4\uB294 \uAC83\uC744 \uC99D\uBA85\uD560 \uAC83\uC778\uAC00? \uC774\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC774 \uD544\uC694\uD558\uB2E4.

      \uC5EC\uAE30\uC5D0 \uD544\uC790\uC758 \uC0DD\uAC01\uC744 \uACC1\uB4E4\uC774\uC790\uBA74,

      1) \uBB38\uC81C \uD574\uACB0 \uACFC\uC815\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC774 \uB4DC\uB7EC\uB098\uC57C \uD55C\uB2E4.

      \uD604\uC7AC \uC2DC\uC7A5\uC5D0 \uC788\uB294 FE \uAC1C\uBC1C\uC790\uC758 \uACBD\uC6B0 \uC804\uACF5\uC790\uB97C \uCC3E\uAE30\uAC00 \uBB34\uCC99 \uB4DC\uBB3C\uB2E4. \uD544\uC790\uB3C4 1\uB144 \uC774\uB77C\uB294 \uC2DC\uAC04 \uB3D9\uC548 1000\uAC1C \uAC00\uAE4C\uC774 \uB418\uB294 \uC774\uB825\uC11C\uB97C \uBD24\uB294\uB370 \uADF8 \uC911\uC5D0 \uC804\uACF5\uC790\uB97C \uCC3E\uAE30\uAC00 \uBB34\uCC99 \uB4DC\uBB3C\uC5C8\uB2E4.

      \uC77C\uB2E8 \uC804\uACF5\uC790\uB97C \uCC3E\uB294 \uC774\uC720\uB294 \uCEF4\uD4E8\uD130 \uACF5\uD559\uC801\uC778 \uC0AC\uACE0\uB97C \uAC00\uC9C0\uACE0 \uC788\uC744 \uD655\uB960\uC774 \uB192\uAE30 \uB54C\uBB38\uC774\uB2E4. \uB2E8\uC21C\uD788 \uC804\uACF5\uACFC\uBAA9(\uC6B4\uC601\uCCB4\uC81C, \uCEF4\uD4E8\uD130\uAD6C\uC870, \uC790\uB8CC\uAD6C\uC870, \uC54C\uACE0\uB9AC\uC998, \uAC1D\uCCB4\uC9C0\uD5A5 \uD504\uB85C\uADF8\uB798\uBC0D \uB4F1)\uC744 \uACF5\uBD80\uD588\uAE30 \uB54C\uBB38\uC774 \uC544\uB2C8\uB77C \uC804\uACF5\uACFC\uBAA9\uC744 \uD559\uC2B5\uD558\uB294 \uACFC\uC815\uC5D0\uC11C \uC65C \uC774\uB7F0 \uC774\uB860\uB4E4\uC774 \uB4F1\uC7A5\uD588\uB294\uC9C0, \uC774\uB7F0 \uD574\uACB0 \uBC29\uBC95\uC744 \uC0AC\uC6A9\uD588\uB294\uC9C0 \uBC30\uC6B0\uAE30 \uB54C\uBB38\uC774\uB2E4. \uC989, \uBE44\uC804\uACF5\uC790\uBCF4\uB2E4 \uBB38\uC81C \uD574\uACB0 \uACFC\uC815\uC5D0 \uB300\uD574 \uC2DC\uAC04 \uD22C\uC790\uB97C \uD588\uB2E4\uACE0 \uC0DD\uAC01\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uC911\uC694\uD55C \uD3EC\uC778\uD2B8\uB97C \uB2E4\uC2DC \uC9DA\uC5B4\uBCF4\uC790\uBA74 \uD544\uC790\uB294 \uBB38\uC81C \uD574\uACB0\uC744 \uD588\uB2E4 \uAC00 \uC544\uB2C8\uB77C \uBB38\uC81C \uD574\uACB0\uC744 \uC704\uD574 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uC811\uADFC \uD588\uB294\uC9C0\uB97C \uB354 \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD55C\uB2E4. \uC774\uB7F4 \uACBD\uC6B0, \uB2F5\uC744 \uBAA8\uB974\uAC70\uB098 \uB2F5\uC774 \uC5C6\uB294 \uC0C1\uD669\uC5D0\uC11C\uB3C4 \uD06C\uAC8C \uB2F9\uD669\uD558\uC9C0 \uC54A\uACE0 \uCE68\uCC29\uD558\uAC8C \uBB38\uC81C \uD574\uACB0\uC744 \uC704\uD55C \uC0AC\uACE0\uB97C \uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uADF8\uB798\uC11C \uAD73\uC774 \uC804\uACF5\uC790\uAC00 \uC544\uB2C8\uB354\uB77C\uB3C4, \uBB38\uC81C \uD574\uACB0\uC744 \uC704\uD574 \uC811\uADFC\uD558\uB294 \uACFC\uC815\uC5D0 \uB300\uD55C \uC5F0\uC2B5\uC774 \uC798 \uB418\uC5B4 \uC788\uAC70\uB098 \uADF8\uAC8C \uC790\uC5F0\uC2A4\uB7EC\uC6B4 \uC0AC\uB78C\uC774\uB77C\uBA74 \uC5B4\uB5A4 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD558\uB354\uB77C\uB3C4 \uC774\uB97C \uD574\uACB0\uD560 \uC218 \uC788\uC73C\uB9AC\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      2) \uCC28\uBCC4\uC810\uC774 \uC788\uC5B4\uC57C \uD55C\uB2E4.

      \uC55E\uC11C \uC5B8\uAE09\uD588\uB358 \uAC83 \uCC98\uB7FC 1000\uAC1C \uC815\uB3C4\uC758 \uC774\uB825\uC11C\uB97C \uBCF4\uBA74\uC11C \uB290\uB080 \uC810\uC740, \uB108\uBB34 \uD68D\uC77C\uD654 \uB418\uC5C8\uB2E4\uB294 \uAC83\uC774\uB2E4. \uD604\uC7AC \uB300\uBD80\uBD84\uC758 FE \uCDE8\uC900\uC0DD\uC740 \uBD80\uD2B8\uCEA0\uD504\uB97C \uAC70\uCE5C\uB2E4.

      • \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB370\uBE0C\uCF54\uC2A4
      • \uCF54\uB4DC\uC2A4\uD14C\uC774\uCE20
      • \uC704\uCF54\uB4DC
      • \uC6D0\uD2F0\uB4DC
      • \uBC14\uB2D0\uB77C \uCF54\uB529
      • \uC6B0\uC544\uD55C\uD14C\uD06C\uCF54\uC2A4
      • \uC6B0\uC544\uD55C\uD14C\uD06C\uCEA0\uD504
      • \uBD80\uC2A4\uD2B8\uCEA0\uD504
      • \uCF54\uB4DC\uC2A4\uCFFC\uB4DC
      • \uC11C\uC6B8 42
      • \uC2F8\uD53C
      • \uC18C\uD504\uD2B8\uC6E8\uC5B4\uB9C8\uC5D0\uC2A4\uD2B8\uB85C
      • \uD328\uC2A4\uD2B8\uCEA0\uD37C\uC2A4
      • \uD56D\uD57499
      • \uBA4B\uC7C1\uC774\uC0AC\uC790\uB4E4

      \uAD49\uC7A5\uD788 \uB9CE\uC9C0 \uC54A\uC740\uAC00? \uC624\uD788\uB824 \uB3C5\uD559\uC73C\uB85C \uACF5\uBD80\uD558\uB294 \uACBD\uC6B0\uB294 \uC815\uB9D0 \uB4DC\uBB3C\uB2E4.

      \uBD80\uD2B8\uCEA0\uD504\uC5D0 \uB300\uD55C \uACE0\uCC30

      \uC0AC\uC2E4 \uC694\uC998 \uB4E4\uC5B4 \uB4DC\uB294 \uC0DD\uAC01\uC740 \uB3C5\uD559\uC73C\uB85C FE\uB97C \uACF5\uBD80 \uD588\uB2E4\uACE0 \uD55C\uB2E4\uBA74 \uAE30\uC220\uC801\uC778 \uBB38\uC81C\uBCF4\uB2E8 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC5D0 \uB300\uD55C \uBB38\uC81C \uB54C\uBB38\uC5D0 \uAC19\uC774 \uC77C\uD558\uAE30\uAC00 \uD798\uB4E4 \uC218 \uC788\uB2E4\uB294 \uC0DD\uAC01\uC744 \uD558\uACE0 \uC788\uB2E4. \uD544\uC790\uAC00 \uC0DD\uAC01\uD558\uB294 \uBD80\uD2B8\uCEA0\uD504\uC758 \uC81C\uC77C \uD070 \uC758\uC758\uB294 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC774\uB2E4. \uACF5\uBD80\uB294 \uD63C\uC790\uC11C\uB3C4 \uCDA9\uBD84\uD788 \uD560 \uC218 \uC788\uB2E4. \uD558\uC9C0\uB9CC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uBA74\uC11C \uB2E4\uB978 \uC0AC\uB78C\uACFC \uC758\uACAC\uC744 \uB098\uB204\uACE0 \uB9DE\uCDB0\uAC00\uB294 \uACFC\uC815\uC740 \uD63C\uC790\uC11C \uC2B5\uB4DD\uD560 \uC218 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uB300\uBD80\uBD84\uC758 FE \uCDE8\uC900\uC0DD\uC774 \uBD80\uD2B8\uCEA0\uD504 \uCD9C\uC2E0\uC774\uACE0, \uB300\uBD80\uBD84\uC758 \uC0AC\uB78C\uC774 \uB611\uAC19\uC740 \uAE30\uC220\uC744 \uC775\uD788\uB294 \uC774 \uC0C1\uD669\uC5D0\uC11C(Javascript, Typescript, React, Redux, \u2026) \uC5B4\uB5BB\uAC8C \uB0B4\uAC00 \uB2E4\uB978 \uC0AC\uB78C\uBCF4\uB2E4 \uAC19\uC774 \uC77C\uD558\uAE30\uC5D0 \uB354 \uC88B\uC740 \uC0AC\uB78C\uC774\uB77C\uB294 \uAC83\uC744 \uC5B4\uD544\uD560 \uC218 \uC788\uC744\uAE4C?

      \uD544\uC790\uAC00 \uC0DD\uAC01\uD558\uB294 \uC218\uB2E8\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uBE14\uB85C\uADF8

        • \uB2E8\uC21C\uD788 \uAE30\uC220\uC744 \uC815\uB9AC\uD558\uB294 \uAC83\uC740 \uBD88\uD544\uC694\uD558\uB2E4.
        • \uB0B4\uAC00 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0\uB97C \uBE14\uB85C\uADF8\uB97C \uD1B5\uD574\uC11C \uB4DC\uB7EC\uB0B4\uC57C \uD55C\uB2E4.
          • \uAC1C\uBC1C\uC744 \uD560 \uB54C \uC5B4\uB5A4 \uC0DD\uAC01\uC744 \uD558\uB294\uC9C0
          • \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uACF5\uBD80\uD588\uB294\uC9C0
          • \uC5B4\uB5A4 \uAC83\uB4E4\uC744 \uACF5\uBD80\uD558\uACE0 \uC788\uB294\uC9C0
          • \uC2E4\uD328 \uD639\uC740 \uC131\uACF5\uC5D0 \uB300\uD55C \uD68C\uACE0\uB97C \uD558\uB294\uC9C0
        • \uC608\uC2DC
          • \uB2E8\uC21C ES6 \uC2A4\uD399 \uB098\uC5F4 \u2192 X
          • ES6\uAC00 \uC65C \uB4F1\uC7A5\uD588\uACE0, \uC2A4\uD399\uC740 \uC5B4\uB5BB\uAC8C \uB418\uACE0, \uC5B4\uB5A4 \uC7A5\uB2E8\uC810\uC774 \uC788\uB294\uC9C0 \u2192 O
        • \uD544\uC790\uB294 \uD56D\uC0C1 \uC65C(why) \uC5D0 \uB300\uD55C \uD0A4\uC6CC\uB4DC\uAC00 \uD544\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.
      • \uC2A4\uC2A4\uB85C\uB97C \uD45C\uD604\uD558\uB294 \uB0B4\uC6A9\uC774 \uB9CE\uC744 \uC218\uB85D \uC88B\uB2E4.

        • \uACB0\uAD6D \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uC0AC\uB78C\uC744 \uBF51\uB294 \uAC83\uC774\uB2E4.
        • \uB098\uC5D0 \uB300\uD574 \uB354\uC6B1\uB354 \uAD81\uAE08\uD558\uAC8C \uD574\uC57C\uD55C\uB2E4.
        • \uB0B4\uAC00 \uC5B4\uB5A4 \uAC00\uCE58\uAD00\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294\uC9C0
        • \uC5B4\uB5A4 \uCCA0\uD559\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294\uC9C0
        • \uAC1C\uBC1C\uC744 \uBC30\uC6CC\uC11C \uBB58 \uD558\uACE0 \uC2F6\uC740\uC9C0, \uBB58 \uD558\uACE0 \uC788\uB294\uC9C0
      • github

        • github\uC758 \uC794\uB514\uAC00 \uC5C6\uB294 \uAC83 \uBCF4\uB2E8 \uC788\uB294\uAC8C \uB0AB\uB2E4.
        • \uAFB8\uC900\uD788 \uD558\uB294 \uAC83\uB3C4 \uC7A5\uC810\uC774\uB3C4
        • \uD2B9\uBCC4\uD55C \uAC83\uC744 \uD558\uB294 \uAC83\uB3C4 \uC7A5\uC810\uC774\uB2E4
        • \uACB0\uAD6D \uAC1C\uBC1C\uC790\uC774\uAE30 \uB54C\uBB38\uC5D0 \uCF54\uB4DC\uB85C \uD45C\uD604\uD558\uB294 \uAC83\uC774 \uC544\uB2D0\uAE4C?

      \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB294.. \uBB34\uCC99 \uB9CE\uC9C0\uB9CC \uC77C\uB2E8 \uC774\uC815\uB3C4\uC5D0\uC11C \uB9C8\uBB34\uB9AC\uD574\uC57C\uD560 \uAC83 \uAC19\uB2E4. \uB098\uC911\uC5D0 \uC544\uC608 \uB0B4\uAC00 \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uAC1C\uBC1C\uC790\uC5D0 \uB300\uD55C \uC8FC\uC81C\uB85C \uAE00\uC744 \uC4F0\uBA74 \uB420\uB4EF..?

      (3) \uCC44\uC6A9 \uACFC\uC81C

      \uACFC\uC81C\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uB3C4 \uB2E4\uB904\uC8FC\uC168\uB2E4.

      • \uD544\uC218 \uAE30\uB2A5\uC744 \uAD6C\uD604\uD560 \uAC83
      • \uAD6C\uC870\uB97C \uC2E0\uACBD\uC4F8 \uAC83
      • \uB124\uC774\uBC0D \uC2E0\uACBD\uC4F8 \uAC83
      • \uC644\uC131\uB3C4 \uB192\uC77C \uAC83
      • node_modules \uC81C\uAC70

      \uC694\uC57D\uD558\uC790\uBA74 \uC774\uC815\uB3C4?

      \uD544\uC790\uB3C4 \uCC44\uC6A9 \uACFC\uC81C\uB97C \uCD9C\uC81C\uD588\uB358 \uC785\uC7A5\uC5D0\uC11C \uBB34\uCC99 \uACF5\uAC10\uB418\uB294 \uB0B4\uC6A9\uC774\uC5C8\uB2E4. \uB2E4\uB9CC \uC870\uAE08 \uB2E4\uB978 \uC2DC\uC57C\uB97C \uAC00\uC9C0\uACE0 \uC788\uB294\uB370, \uD544\uC218 \uAE30\uB2A5 \uAD6C\uD604 \uBCF4\uB2E8 \uCF54\uB4DC\uC758 \uD004\uB9AC\uD2F0\uB098 \uAD6C\uC870\uC5D0 \uB300\uD574 \uB354 \uB192\uC774 \uD3C9\uAC00\uD55C\uB2E4.

      \uB611\uAC19\uC740 \uAE30\uB2A5\uC744 \uAD6C\uD604\uD558\uB354\uB77C\uB3C4 \uB09C\uC774\uB3C4\uAC00 \uCC9C\uCC28\uB9CC\uBCC4\uC774\uAE30 \uB54C\uBB38\uC774\uB2E4. \uADF8\uB798\uC11C \uACFC\uC81C\uC5D0\uC11C \uC2A4\uC2A4\uB85C\uAC00 \uBCF4\uC5EC\uC904 \uC218 \uC788\uB294 \uBAA8\uB4E0 \uC5ED\uB7C9\uC744 \uBCF4\uC5EC\uC8FC\uB294 \uAC83\uC774 \uC88B\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      (4) \uAE30\uC220 \uBA74\uC811

      \uAE30\uC220 \uBA74\uC811\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB294 \uC0AC\uC2E4 \uD6C4\uAE30\uB3C4 \uB9CE\uACE0, \uC778\uD130\uBDF0 \uC9C8\uBB38\uB3C4 \uB9CE\uAE30 \uB54C\uBB38\uC5D0 \uB300\uBD80\uBD84\uC758 \uAC1C\uBC1C\uC790\uAC00 \uC544\uB294 \uB0B4\uC6A9\uC774\uC5C8\uC73C\uB9AC\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB2E4\uB9CC, \uCC44\uC6A9\uC744 \uD588\uB358 \uC785\uC7A5\uC5D0\uC11C \uACE0\uBBFC\uD574\uBCF4\uC790\uBA74 \uAE40\uC131\uD638\uB2D8\uB3C4 \uC774\uC57C\uAE30 \uD558\uC168\uC9C0\uB9CC, \uBA74\uC811\uC744 \uBCF4\uBA74 \uBCFC\uC218\uB85D \uC0AC\uB78C\uC744 \uD310\uB2E8\uD558\uAE30\uAC00 \uC5B4\uB824\uC6CC\uC9C4\uB2E4. \uC77C\uC815 \uC218\uC900 \uC774\uC0C1\uC744 \uB9CC\uC871\uD558\uB294 \uAC1C\uBC1C\uC790\uB294 \uB9CE\uC9C0\uB9CC \uC815\uB9D0 \uC8FC\uC625 \uAC19\uC740 \uBD84\uC744 \uBAA8\uC154\uC624\uB294 \uAC83\uC740 \uB2E4\uB978 \uCC28\uC6D0\uC758 \uBB38\uC81C\uB77C\uACE0 \uC0DD\uAC01\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uC6B0\uB9AC \uC870\uC9C1\uC5D0\uC11C \uC218\uC6A9\uD560 \uC218 \uC788\uB294 \uC81C\uC77C \uC88B\uC740 \uC778\uB825\uC744 \uBF51\uB294 \uAC83\uC774 \uCC44\uC6A9 \uB2F4\uB2F9\uC790\uC758 \uC81C\uC77C \uD070 \uC131\uACFC\uAC00 \uC544\uB2D0\uAE4C?

      \uADF8\uB9AC\uACE0 \uADF8\uB7F0 \uC131\uACFC\uB97C \uB0B4\uAE30 \uC704\uD574\uC11C \uB354\uC6B1 \uB354 \uC8FC\uB3C4\uBA74\uBC00\uD558\uAC8C \uC0AC\uB78C\uC744 \uD30C\uC545\uD574\uC57C \uD558\uB294\uB370.. 1~2\uC2DC\uAC04\uC744 \uD1B5\uD574\uC11C \uC0AC\uB78C\uC744 \uD30C\uC545\uD558\uB294 \uAC83 \uC790\uCCB4\uAC00 \uBAA8\uC21C\uC801\uC774\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uD2B9\uD788, \uD544\uC790\uAC00 \uAE40\uC131\uD638\uB2D8\uAED8 \uB4DC\uB838\uB358 \uC9C8\uBB38\uC774 \uC131\uC7A5\uC131\uC744 \uB192\uAC8C \uD3C9\uAC00\uD574\uC11C \uCC44\uC6A9\uD588\uB358 \uC801\uC774 \uC788\uB294\uAC00 \uC600\uB294\uB370, \uC774\uAC8C \uC81C\uC77C \uC5B4\uB835\uB2E4\uACE0 \uC774\uC57C\uAE30 \uC8FC\uC168\uB2E4.

      \uC2E0\uC785 \uAC1C\uBC1C\uC790\uC758 \uACBD\uC6B0, \uCDE8\uC900 \uACFC\uC815\uC5D0\uC11C \uACF5\uBD80\uD588\uB358 \uB0B4\uC6A9\uB4E4\uC740 \uC0AC\uC2E4 \uC2E4\uBB34\uB97C \uC811\uD558\uAC8C \uB418\uBA74 \uC5EC\uD0DC\uAE4C\uC9C0 \uD588\uB358 \uAC83\uB4E4\uC740 \uD2F0\uB04C\uC5D0 \uBD88\uACFC\uD588\uAD6C\uB098 \uAE68\uB2FF\uAC8C \uB41C\uB2E4. \uC77C\uB2E8 \uD544\uC790\uB294 \uADF8\uB7AC\uB2E4. \uB0B4\uAC00 \uC544\uB294 \uAC83\uC740 \uC815\uB9D0 \uD2F0\uB04C\uC5D0 \uBD88\uACFC\uD558\uAD6C\uB098..\uB97C \uC808\uC2E4\uD558\uAC8C \uAE68\uB2EC\uC558\uB2E4.

      \uADF8\uB798\uC11C 1\uB144\uCC28\uC600\uB358 2020\uB144\uC5D0 \uC815\uB9D0 \uC8FD\uC5B4\uB77C \uACF5\uBD80\uD588\uB2E4.

      ',34),Q={class:"custom-container tip"},W=e("p",{class:"custom-container-title"},"2020\uB144 \uAE43\uD5C8\uBE0C \uB85C\uADF8",-1),X=e("p",null,[e("img",{src:"https://junilhwang.github.io/TIL/assets/thumbnail.c9a1d3e1.jpg",alt:"https://junilhwang.github.io/TIL/assets/thumbnail.c9a1d3e1.jpg"})],-1),q=i("\uC815\uB9D0.. \uC815\uB9D0 \uC5F4\uC2EC\uD788 \uACF5\uBD80\uD588\uB2E4. \uACF5\uBD80 \uACFC\uC815\uC774 "),H={href:"https://junilhwang.github.io/Review/2020-year/12-December/",target:"_blank",rel:"noopener noreferrer"},G=i("\uC774 \uB9C1\uD06C"),K=i(" \uD074\uB9AD!"),Y=t('

      \uB2E4\uB9CC, \uB0B4\uAC00 \uC785\uC0AC\uD560 \uB2F9\uC2DC\uC5D0 \uAF64 \uB9E4\uB825\uC801\uC778 \uC0AC\uB78C\uC774\uC5C8\uB294\uAC00? \uB97C \uBD24\uC744 \uB54C\uB294.. \uC798 \uBAA8\uB974\uACA0\uB2E4. \uB0B4\uAC00 \uCC44\uC6A9 \uB2F4\uB2F9\uC790\uC600\uB2E4\uBA74 \uB098\uB97C \uC548 \uBF51\uC558\uC744 \uAC83\uC774\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0, \uC2A4\uC2A4\uB85C \uBD80\uC871\uD55C \uC810\uC744 \uC778\uC9C0\uD558\uACE0 \uC774\uB97C \uB9E4\uAFB8\uAE30 \uC704\uD574\uC11C \uBB34\uB358\uD788 \uB178\uB825\uD588\uB358 \uAC83\uC774\uB2E4.

      \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uB098\uB294 \uB0B4\uAC00 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0 \uBA74\uC811 \uC804\uC5D0 \uB2E4\uC591\uD55C \uBC29\uBC95\uC73C\uB85C \uCC44\uC6A9 \uB2F4\uB2F9\uC790\uC5D0\uAC8C \uC804\uB2EC \uD558\uB294 \uAC83\uC774 \uBB34\uCC99 \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC9C0\uAE08 \uB2F9\uC7A5\uC740 \uBD80\uC871\uD558\uB354\uB77C\uB3C4 \uB0B4\uAC00 \uC798 \uC131\uC7A5\uD560 \uC218 \uC788\uC74C\uC744, \uD3EC\uD150\uC15C\uC774 \uC788\uC74C\uC744 \uBCF4\uC5EC\uC8FC\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uAE30\uC220 \uBA74\uC811\uC5D0\uC11C \uBAA8\uB974\uB294 \uB0B4\uC6A9\uC774 \uC788\uB354\uB77C\uB3C4, \uC678\uC6E0\uB358 \uB0B4\uC6A9\uC744 \uB4A4\uC801\uAC70\uB9AC\uBA70 \uB2F5\uBCC0\uD558\uAE30 \uBCF4\uB2E8, \uC720\uCD94\uD558\uB824\uACE0 \uB178\uB825\uD558\uB294 \uAC83\uC774 \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uC0AC\uC2E4 \uBAA8\uB974\uBA74 \uADF8\uB0E5 \uAC80\uC0C9\uD574\uC11C \uC801\uC6A9\uD558\uBA74 \uB41C\uB2E4. \uADF8\uB7F0\uB370 \uB0B4\uAC00 \uACAA\uACE0 \uC788\uB294 \uBB38\uC81C\uAC00 \uAC80\uC0C9\uD574\uC11C \uC548\uB098\uC624\uBA74 \uC5B4\uB5BB\uAC8C \uD560 \uAC83\uC778\uAC00? \uADF8\uB7F0 \uC0C1\uD669\uC5D0\uC11C \uC5B4\uB5BB\uAC8C \uB300\uCC98\uD560 \uC218 \uC788\uB294\uC9C0\uB97C \uBCF4\uC5EC\uC918\uC57C \uD558\uC9C0 \uC54A\uC744\uAE4C?

      (5) \uB9C8\uC9C0\uB9C9\uC73C\uB85C, \uB098\uC758 \uC0DD\uAC01

      \uB9C8\uC9C0\uB9C9\uC73C\uB85C \uD544\uC790\uAC00 \uB2E4\uB8F0 \uB0B4\uC6A9\uC740 \uBA3C\uC800 \uC5F0\uB77D\uC774 \uC624\uAC8C \uB9CC\uB4DC\uB294 \uAC83 \uC774\uB2E4.

      \uD544\uC790\uB294 \uC2A4\uC2A4\uB85C\uAC00 \uB9CE\uC774 \uBD80\uC871\uD55C \uAC1C\uBC1C\uC790\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC138\uC0C1\uC5D4 \uC798\uD558\uB294 \uC0AC\uB78C\uC774 \uB108\uBB34 \uB108\uBB34 \uB9CE\uAE30 \uB54C\uBB38\uC774\uACE0, \uB098\uB294 \uADF8\uB4E4\uC5D0 \uBE44\uD558\uBA74 \uD2F0\uB04C\uC5D0 \uBD88\uACFC\uD558\uB2E4.

      \uB2E4\uB9CC \uB0B4\uAC00 \uAC00\uC9C4 \uC9C0\uC2DD\uC744 \uC798 \uD45C\uD604\uD558\uACE0, \uC804\uB2EC\uD558\uACE0, \uACF5\uC720\uD558\uB294 \uAC83\uC740 \uB610 \uB2E4\uB978 \uBB38\uC81C\uB2E4.

      \uD544\uC790\uB294 \uC758\uB3C4\uD588\uB358, \uC758\uB3C4\uD558\uC9C0 \uC54A\uC558\uB358 \uB0B4\uAC00 \uAC00\uC9C4 \uAC83\uB4E4\uC744 \uC798 \uD65C\uC6A9\uD588\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uADF8 \uC218\uB2E8 \uC911 \uD558\uB098\uAC00 \uBE14\uB85C\uADF8 \uC600\uB2E4.

      ',10),Z=i("\uD544\uC790\uC758 \uACBD\uC6B0 "),$={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Store/",target:"_blank",rel:"noopener noreferrer"},ee=i("Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30"),ie=i(" \uB77C\uB294 \uAE00\uC744 \uC791\uC131 \uD588\uC744 \uB54C, \uC774\uBC88\uC5D0 \uD589\uC0AC\uC5D0 \uC5F0\uC0AC\uB85C \uCC38\uC5EC\uD574\uC8FC\uC2E0 "),le=e("code",null,"\uAE40\uC131\uD638",-1),oe=i(" \uB2D8\uC774 \uC81C\uC77C \uBA3C\uC800 \uAC19\uC774 \uC774\uC57C\uAE30\uD574\uBCF4\uBA74 \uC88B\uACA0\uB2E4\uACE0 \uC774\uC57C\uAE30\uB97C \uC8FC\uC168\uB294\uB370.. \uD544\uC790\uAC00 \uAE40\uCE6B\uAD6D \uD55C \uC0AC\uBC1C \uB4DC\uB9C1\uD0B9 \uD558\uACE0 \uC9C0\uAE08\uC740 \uC90C\uC778\uD130\uB137\uC5D0\uC11C \uD560 \uC77C\uC774 \uC788\uC73C\uB2C8 \uD604\uC7AC \uD558\uB294 \uC77C\uC5D0 \uC9D1\uC911\uD558\uACA0\uB2E4\uBA70 \uAC70\uC808 \uC758\uC0AC\uB97C \uBC1D\uD614\uB2E4. \uADF8 \uB54C\uB85C \uB2E4\uC2DC \uB3CC\uC544\uAC04\uB2E4\uBA74 \uC131\uD638\uB2D8\uC744 \uB9CC\uB098\uBD59\uACE0 \uB2E4\uC591\uD55C \uC774\uC57C\uAE30\uB97C \uB098\uB220\uBCF4\uBA74 \uB354 \uC88B\uC558\uC744 \uAC83 \uAC19\uB2E4\uB294 \uC0DD\uAC01\uC774 \uB4E0\uB2E4."),te=e("div",{class:"custom-container tip"},[e("p",{class:"custom-container-title"},"\uD328\uAE30 \uB118\uCE58\uB358 \uD6C4\uD68C \uAC00\uB4DD\uD55C \uB2F5\uC7A5"),e("p",null,[e("img",{src:"https://user-images.githubusercontent.com/18749057/174490535-423904c7-3fac-4f18-96c8-f648336cd77b.png",alt:"\uBA54\uC77C \uB2F5\uC7A5"})])],-1),pe=i("\uC5B4\uCA0C\uB4E0 \uADF8 \uB2E4\uC74C\uC5D0 \uB354 \uC798\uC368\uBCF4\uC790\uB294 \uC0DD\uAC01\uC73C\uB85C "),ne={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Virtual-DOM/",target:"_blank",rel:"noopener noreferrer"},ae=i("Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30"),se=i("\uC640 "),re={href:"https://zuminternet.github.io/zum-front-recurit-review/",target:"_blank",rel:"noopener noreferrer"},ce=i("\uC8FC\uB2C8\uC5B4 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uC758 \uCC44\uC6A9 \uD504\uB85C\uC138\uC2A4 \uCC38\uC5EC \uD6C4\uAE30"),de=i("\uB97C \uC791\uC131\uD588\uB2E4."),he=t('

      \uC774\uB7F0 \uAE00\uC744 \uBCF4\uACE0 \uB124\uC774\uBC84, \uC6B0\uC544\uD55C\uD615\uC81C\uB4E4, \uD1A0\uC2A4 \uB4F1 \uC815\uB9D0 \uB0B4\uAC00 \uAC08 \uC218 \uC788\uC744\uAE4C? \uC2F6\uC740 \uAE30\uC5C5\uC758 \uB9AC\uCFE0\uB974\uD130 \uBD84\uB4E4\uACFC \uC5EC\uB7EC \uC2A4\uD0C0\uD2B8\uC5C5\uC758 \uB9AC\uCFE0\uB974\uD130 \uBD84\uB4E4\uC774 \uC5F0\uB77D\uC744 \uC8FC\uC168\uB2E4.

      \uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uC90C\uC778\uD130\uB137 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uB97C \uBE4C\uB529\uD55C\uC9C0 \uC5BC\uB9C8 \uC548 \uB41C \uC2DC\uC810\uC774\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uB208\uBB3C\uC744 \uBA38\uAE08\uACE0(?) \uC9C0\uAE08 \uB2F9\uC7A5\uC740 \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uACA0\uB2E4\uB294 \uC758\uC0AC\uB97C \uAC01 \uAE30\uC5C5\uC758 \uB2F4\uB2F9\uC790\uBD84\uB4E4\uAED8 \uC804\uB2EC\uB4DC\uB838\uB2E4.

      \uAC01\uC124\uD558\uACE0, \uD544\uC790\uAC00 \uAD1C\uCC2E\uC740 \uBC29\uD5A5\uC73C\uB85C \uB098\uC544\uAC00\uACE0 \uC788\uB2E4\uB294 \uC0DD\uAC01\uC744 \uAC00\uC9C0\uAC8C \uB41C \uACC4\uAE30\uAC00 \uAE40\uC131\uD638\uB2D8 \uB355\uBD84\uC774\uC5C8\uB2E4.

      \uADF8\uB798\uC11C \uC774\uBC88 \uD589\uC0AC\uC5D0 \uBB34\uCC99 \uCC38\uC5EC\uD558\uACE0 \uC2F6\uC5C8\uACE0, \uB610 \uC9C1\uC811 \uC778\uC0AC\uB4DC\uB9AC\uACE0 \uC2F6\uC5C8\uB294\uB370.. \uBC1C\uD45C\uAC00 \uB05D\uB098\uC790 \uB9C8\uC790 \uCE7C\uD1F4\uADFC\uC744 \uD558\uC154\uC11C \uC778\uC0AC\uB97C \uB4DC\uB9AC\uC9C0 \uBABB\uD55C\uAC8C \uC81C\uC77C \uC544\uC26C\uC6E0\uB2E4.

      \uC0AC\uC2E4 \uD544\uC790\uB294 \uAE00\uC744 \uC791\uC131\uD558\uACE0 \uB098\uC11C \uBC29\uCE58\uD55C\uAC8C \uC544\uB2C8\uB77C \uAF64 \uB2E4\uC591\uD55C \uBC29\uC2DD\uC73C\uB85C \uC5EC\uB7EC \uD50C\uB7AB\uD3FC\uC5D0 \uD64D\uBCF4\uD588\uB2E4.

      • \uD398\uC774\uC2A4\uBD81 \uD398\uC774\uC9C0
        • \uC0DD\uD65C\uCF54\uB529
        • \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uADF8\uB8F9
        • VueJS \uAC1C\uBC1C\uC790 \uADF8\uB8F9
        • React \uAC1C\uBC1C\uC790 \uADF8\uB8F9
        • Javascript \uAC1C\uBC1C\uC790 \uADF8\uB8F9
      • \uC624\uD508\uCC44\uD305\uBC29
        • \uCD9C\uD1F4\uADFC\uAE38 \uAC1C\uBC1C \uC77D\uAE30
      • \uC2AC\uB799, \uB514\uC2A4\uCF54\uB4DC \uCC44\uB110
        • \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514
        • \uBD80\uC2A4\uD2B8\uCEA0\uD504
      • \uC5D0\uBE0C\uB9AC\uD0C0\uC784(\uB300\uD559\uAD50 \uCEE4\uBBA4\uB2C8\uD2F0)
      • \uB9C1\uD06C\uB4DC\uC778

      \uADF8\uB9AC\uACE0 \uC791\uC131\uD55C \uAE00\uC774 \uC815\uB9D0 \uD004\uB9AC\uD2F0\uAC00 \uC88B\uC744 \uB54C\uB294 \uD544\uC790\uAC00 \uC544\uB2CC \uB3C5\uC790 \uBD84\uB4E4\uC774 \uB2E4\uC591\uD55C \uD50C\uB7AB\uD3FC\uC744 \uD1B5\uD574 \uACF5\uC720\uB97C \uD574\uC8FC\uB294 \uACBD\uC6B0\uB3C4 \uB9CE\uC558\uB2E4.

      \uBA3C\uC800 \uAE00\uC758 \uD004\uB9AC\uD2F0\uB97C \uB192\uC5EC\uC57C \uD558\uACE0, \uC2A4\uC2A4\uB85C \uC791\uC131\uD55C \uAE00\uC5D0 \uC790\uC2E0\uC774 \uC788\uB2E4\uBA74 \uC774\uB97C \uC81C\uB300\uB85C \uD64D\uBCF4\uD560 \uC904 \uC54C\uC544\uC57C \uD55C\uB2E4. \uADF8\uB807\uAC8C \uC5EC\uAE30 \uC774\uB7F0 \uC0AC\uB78C\uC774 \uC788\uB2E4 \uACE0 \uC54C\uB9B4 \uC218\uB85D \uAE30\uD68C\uAC00 \uB9CE\uC544\uC9C0\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uD544\uC790\uAC00 \uC120\uD0DD\uD55C \uB610 \uB2E4\uB978 \uC218\uB2E8\uC740 \uC2A4\uD130\uB514 \uD615\uD0DC\uC758 \uAC15\uC758 \uD50C\uB7AB\uD3FC\uC774\uB2E4. \uC0AC\uC2E4 \uB300\uBD80\uBD84\uC758 \uBD80\uD2B8\uCEA0\uD504\uAC00 \uC2A4\uD130\uB514 \uD615\uD0DC\uC758 \uAC15\uC758 \uB77C\uACE0 \uD560 \uC218 \uC788\uB294\uB370, \uBD80\uD2B8\uCEA0\uD504 \uC678\uC5D0\uB3C4

      • \uCF54\uB4DC\uC228
      • \uB125\uC2A4\uD2B8\uC2A4\uD15D
      • \uD504\uB85C\uADF8\uB798\uBA38\uC2A4

      \uB4F1\uC744 \uD1B5\uD574 \uCC38\uC5EC\uD560 \uC218 \uC788\uB2E4.

      \uAC15\uC758\uD615 \uC2A4\uD130\uB514\uC5D0\uC11C \uBBF8\uC158\uC774 \uC8FC\uC5B4\uC9C8 \uB54C \uB9C8\uB2E4 \uC81C\uC77C \uBE68\uB9AC \uB05D\uB0B4\uC790 \uB9AC\uBDF0\uB97C \uC81C\uC77C \uB9CE\uC774 \uD558\uC790 \uAC19\uC740 \uBAA9\uD45C\uB97C \uC815\uD574\uC11C \uBBF8\uC158\uC774 \uC784\uD588\uB2E4. \uC774\uB7F0 \uACFC\uC815\uC744 \uD1B5\uD574\uC11C \uB0B4\uAC00 \uAF64 \uAC1C\uBC1C\uC744 \uAD1C\uCC2E\uAC8C \uD55C\uB2E4 \uB77C\uB294 \uC810\uC744 \uC5B4\uD544\uD558\uB294 \uAC83\uC774\uB2E4.

      \uAC15\uC758\uB97C \uD558\uB294 \uC0AC\uB78C\uB3C4, \uAC15\uC758\uC5D0 \uB9AC\uBDF0\uC5B4\uB85C \uCC38\uC5EC\uD558\uB294 \uC0AC\uB78C\uB3C4 \uAE30\uC5C5\uC5D0 \uADFC\uBB34\uD558\uB294 \uACBD\uC6B0\uAC00 \uB300\uBD80\uBD84\uC774\uBA70, \uB300\uBD80\uBD84\uC758 \uAE30\uC5C5\uC740 \uCC44\uC6A9\uC744 \uD55C\uB2E4.

      \uC5F4\uC2EC\uD788 \uD558\uB294 \uC0AC\uB78C\uC77C\uC218\uB85D \uAE30\uC5B5\uC5D0 \uAC15\uB82C\uD558\uAC8C \uB0A8\uC744 \uC218 \uBC16\uC5D0 \uC5C6\uB294 \uAC83\uC774\uB2E4. \uADF8\uB798\uC11C \uD544\uC790\uB294 \uC5B4\uB5A4 \uACFC\uC815\uC744 \uCC38\uC5EC\uD558\uB4E0 \uCD5C\uB300\uD55C \uC801\uADF9\uC801\uC73C\uB85C, \uCD5C\uB300\uD55C \uB9CE\uC740 \uC2DC\uAC04\uC744 \uD22C\uC790\uD588\uB2E4.

      \uB9C8\uCC2C\uAC00\uC9C0\uB85C, \uC774\uB7F0 \uACBD\uD5D8\uC744 \uD1A0\uB300\uB85C \uBD80\uC2A4\uD2B8\uCEA0\uD504, \uB125\uC2A4\uD2B8\uC2A4\uD15D, \uD56D\uD57499 \uAC19\uC740 \uAD50\uC721 \uACFC\uC815(\uD639\uC740 \uD50C\uB7AB\uD3FC)\uC5D0 \uB9AC\uBDF0\uC5B4\uB098 \uBA58\uD1A0\uB85C \uCC38\uC5EC\uD560 \uC218 \uC788\uC5C8\uACE0, \uB610 \uC774\uC5D0 \uB300\uD55C \uD68C\uACE0\uB97C \uC4F0\uACE0, \uB2E4\uC2DC \uB0B4\uAC00 \uC774\uB7F0 \uC0AC\uB78C\uC774\uB77C\uACE0 \uD544\uC790\uC758 \uAE00\uC744 \uC77D\uB294 \uC0AC\uB78C\uC5D0\uAC8C \uC54C\uB9B4 \uC218 \uC788\uC5C8\uB2E4.

      \uADF8\uB9AC\uACE0 \uC774 \uAE00 \uB610\uD55C \uD544\uC790\uB294 \uC218\uB2E8\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      • \uB098\uB294 \uC774\uB7F0 \uC0DD\uAC01\uC744 \uAC00\uC9C0\uACE0 \uC788\uB2E4.
      • \uB098\uB294 \uC774\uB7F0 \uC790\uC138\uB85C \uAC1C\uBC1C\uC744 \uD558\uACE0 \uC788\uB2E4.
      • \uB098\uB294 \uC774\uB7F0 \uC0AC\uB78C\uACFC \uC77C\uD558\uACE0 \uC2F6\uB2E4.
      • \uB098\uB294 \uC774\uB7F0 \uC5ED\uB7C9\uC744 \uAC00\uC9C0\uACE0 \uC788\uB2E4.

      \uB77C\uACE0 \uC9C1\uC811\uC801\uC774 \uC544\uB2CC \uAC04\uC811\uC801\uC73C\uB85C \uC804\uB2EC\uD558\uB294 \uAC83\uC774\uB2E4.

      \uBB3C\uB860, \uD544\uC790\uAC00 \uC774\uC57C\uAE30 \uD558\uB294 \uAC83\uC774 \uC815\uB2F5\uC774 \uB420 \uC21C \uC5C6\uB2E4. \uC5B4\uB5BB\uAC8C \uBCF4\uBA74 \uC18D \uBE48 \uAC15\uC815\uC774 \uB420 \uC218\uB3C4 \uC788\uACE0, \uBE48 \uC218\uB808\uAC00 \uC694\uB780\uD558\uB2E4\uB294 \uB9D0\uC758 \uD45C\uBCF8\uC774 \uB420 \uC218\uB3C4 \uC788\uB2E4.

      \uADF8\uB7FC\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uD558\uC9C0 \uC54A\uB294 \uAC83 \uBCF4\uB2E8 \uD558\uB294 \uAC8C \uB354 \uC88B\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB124\uD2B8\uC6CC\uD0B9

      \uC6D0\uB798 \uB124\uD2B8\uC6CC\uD0B9\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uC81C\uC77C \uAE38\uAC8C \uC791\uC131\uD560 \uC0DD\uAC01\uC774\uC5C8\uB294\uB370 \uAE09\uBC1C\uC9C4(?)\uC744 \uD574\uC11C \uC55E\uC758 \uB0B4\uC6A9\uC774 \uAE38\uC5B4\uC84C\uB2E4.. \uAC11\uC790\uAE30 \uC4F0\uAE30 \uADC0\uCC2E\uC544\uC9C0\uAE30 \uC2DC\uC791\uD558\uB124

      (1) \uC5B4\uB5A4 \uC77C\uC744 \uC5BC\uB9C8\uB098 \uD588\uB098\uC694?

      \uB77C\uB294 \uC9C8\uBB38\uC744 \uC81C\uC77C \uB9CE\uC774 \uB4E4\uC5C8\uB2E4.

      \uD544\uC790\uB294 \uB300\uD559\uAD50 1\uD559\uB144\uC774 \uB05D\uB098\uACE0 \uD734\uD559\uD55C \uB2E4\uC74C\uC5D0 \uAD70\uB300\uC5D0 \uAC00\uAE30 \uC804\uAE4C\uC9C0 \uC11C\uC6B8\uB514\uC9C0\uD14D\uACE0\uB4F1\uD559\uAD50 \uB77C\uB294 \uACF3\uC5D0\uC11C \uC6F9 \uAC1C\uBC1C \uAC15\uC0AC\uB97C \uD588\uC5C8\uB2E4.

      \uD544\uC790\uB294 \uC6F9 \uAC1C\uBC1C\uC744 \uACE0\uB4F1\uD559\uAD50 2\uD559\uB144 \uB54C \uCC98\uC74C \uC811\uD588\uB2E4. \uAD6C\uAD6C\uC808\uC808 \uC774\uC57C\uAE30\uD558\uBA74 \uB108\uBB34 \uAE38\uC5B4\uC9C0\uAE30 \uB54C\uBB38\uC5D0 \uAD81\uAE08\uD558\uB2E4\uBA74 \uC774 \uAE00\uB4E4\uC744 \uC77D\uC5B4\uC8FC\uC2DC\uAE38..

      ',26),_e={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/",target:"_blank",rel:"noopener noreferrer"},ue=i("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)"),ge={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/",target:"_blank",rel:"noopener noreferrer"},fe=i("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)"),be={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",target:"_blank",rel:"noopener noreferrer"},Ee=i("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)"),me=t('

      \uC5B4\uCA0C\uB4E0 21\uC0B4\uC5D0 PHP, MySQL, \uD3EC\uD1A0\uC0F5(?), javascript, jQuery \uB4F1\uC744 \uACE0\uB4F1\uD559\uC0DD\uB4E4\uC744 \uB300\uC0C1\uC73C\uB85C \uAD50\uC721\uD588\uB2E4. \uC57D 10\uAC1C\uC6D4 \uC815\uB3C4 \uD588\uC5C8\uB2E4. \uB354\uBD88\uC5B4\uC11C \uD504\uB9AC\uB79C\uC11C\uB97C \uD558\uBA74\uC11C \uB2E4\uC591\uD55C \uC678\uC8FC\uB97C \uB9E1\uC544\uC11C \uD588\uC5C8\uB294\uB370.. \uB355\uBD84\uC5D0 \uC785\uB300\uD558\uB294 \uB0A0 \uC544\uCE68\uAE4C\uC9C0 \uAC1C\uBC1C\uC744 \uD588\uC5C8\uB2E4.

      \uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0(?) \uC804\uC5ED\uC744 \uD558\uACE0 \uBCF5\uD559\uD558\uAE30 \uC804\uAE4C\uC9C0 \uC77C\uC774\uB098 \uD574\uBCF4\uC790 \uB77C\uB294 \uC0DD\uAC01\uC73C\uB85C \uC9D1\uC55E\uC5D0 \uC788\uB294 \uC5D0\uC774\uC804\uC2DC \uD68C\uC0AC\uC5D0 \uC9C0\uC6D0\uD588\uB294\uB370, \uBA74\uC811\uC744 \uBCF4\uACE0 \uB0B4\uC77C\uBD80\uD130 \uCD9C\uADFC\uD558\uB77C\uACE0 \uD574\uC11C \uAC10\uC0AC\uD569\uB2C8\uB2E4! \uD558\uACE0 \uC77C\uD588\uB2E4.

      \uB2F9\uC2DC\uC5D0\uB294 \uC6D4\uAE09\uC744 150\uB9CC\uC6D0 \uBC1B\uC73C\uBA74\uC11C \uC77C\uD588\uB294\uB370, \uCCAB\uB0A0 9\uC2DC\uAE4C\uC9C0 \uC57C\uADFC\uD588\uB2E4. \uCCAB \uB0A0 \uBD80\uD130 \uB108\uBB34 \uC5F4\uC2EC\uD788\uD574\uC11C \uC900\uC77C\uC528 \uB54C\uBB38\uC5D0 \uD1F4\uADFC\uD558\uB294\uAC8C \uB208\uCE58\uBCF4\uC774\uC796\uC544\uC694! \uB77C\uB294 \uC774\uC57C\uAE30\uB97C \uB4E4\uC5C8\uB358 \uAE30\uC5B5\uC774 \uB09C\uB2E4(\uC9C4\uC2EC\uC740 \uC544\uB2C8\uACE0 \uC7A5\uB09C\uC73C\uB85C \uD55C \uC774\uC57C\uAE30\uC600\uB2E4 \u314B\u314B)

      \uADF8\uB807\uAC8C 6\uAC1C\uC6D4 \uC815\uB3C4 \uC77C\uD558\uB2E4\uAC00 \uBCF5\uD559\uD560 \uB54C\uAC00 \uB418\uC5B4\uC11C \uADF8\uB9CC\uB450\uACA0\uB2E4\uACE0 \uC774\uC57C\uAE30 \uD588\uB354\uB2C8 \uD68C\uC0AC\uB294 \uC548 \uB098\uC640\uB3C4 \uC88B\uC73C\uB2C8 \uC6D0\uACA9\uADFC\uBB34\uB85C \uC77C\uD558\uC790\uACE0 \uC81C\uC548\uC8FC\uC154\uC11C \uB36E\uC369 \uBB3C\uC5C8\uACE0, 1\uB144\uC744 \uB354 \uC77C\uD588\uB2E4.

      \uC5D0\uC774\uC804\uC2DC\uB9C8\uB2E4 \uB2E4\uB974\uACA0\uC9C0\uB9CC.. \uB0B4\uAC00 \uB9E1\uC558\uB358 \uC5C5\uBB34\uB294 \uADF8\uB204\uBCF4\uB4DC + \uC6CC\uB4DC\uD504\uB808\uC2A4\uB85C \uC1FC\uD551\uBAB0\uC774\uB098 \uD68C\uC0AC\uC0AC\uC774\uD2B8\uB97C \uB9CC\uB4E4\uACE0 \uBC18\uC751\uD615\uC73C\uB85C \uAD6C\uCD95\uD558\uB294\uAC8C \uB300\uBD80\uBD84\uC774\uC5C8\uB2E4. \uC5B4\uCA4C\uB2E4 \uD55C \uBC88 \uC2A4\uD504\uB9C1\uC73C\uB85C \uB41C \uD504\uB85C\uC81D\uD2B8\uB3C4 \uC9C4\uD589\uD574\uBCF4\uACE0, Vue.js \uAC19\uC740 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC368\uBCF4\uAE30\uB3C4 \uD588\uB294\uB370 \uC5B4\uCA0C\uB4E0 \uC27D\uAC8C \uB9D0\uD574\uC11C \uC7AC\uBBF8\uB3C4 \uC5C6\uACE0 \uC758\uC695\uB3C4 \uC5C6\uC5C8\uB2E4. \uADF8\uB798\uC11C \uADF8\uB9CC \uB480\uB2E4.

      \uADF8\uB807\uAC8C \uD559\uC5C5\uC5D0 \uC9D1\uC911 \uC544\uB2CC \uC9D1\uC911\uC744 \uD588\uACE0, \uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0 \uB9C9\uD559\uAE30\uC5D0 \uC90C\uC778\uD130\uB137\uC5D0 \uD569\uB958\uD558\uC5EC 2\uB144 6\uAC1C\uC6D4\uC744 \uADFC\uBB34\uD588\uB2E4.

      \uC0AC\uC2E4 \uD504\uB860\uD2B8\uC5D4\uB4DC\uB97C \uC804\uBB38\uC73C\uB85C \uD558\uAE30 \uC2DC\uC791\uD55C \uAC83\uC740 1\uB144\uC774 \uC548 \uB41C\uB2E4. \uC90C\uC778\uD130\uB137\uC5D0 \uC785\uC0AC\uD560 \uB54C\uB294 \uC11C\uBE44\uC2A4 \uAC1C\uBC1C\uC790\uC600\uACE0, \uBC31\uC5D4\uB4DC API\uB97C \uB9CC\uB4DC\uB294 \uC77C\uC744 \uB354 \uB9CE\uC774 \uD588\uB2E4. \uADF8\uB798\uC11C Java\uC640 \uAD00\uB828\uB41C \uD559\uC2B5\uC744 \uAF64 \uB9CE\uC774 \uD588\uB2E4.

      \uADF8\uB7EC\uB2E4 \uAC11\uC790\uAE30 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC0DD\uACBC\uACE0, \uAC11\uC790\uAE30 \uB9AC\uB529\uC744 \uD558\uAC8C \uB418\uBA74\uC11C \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB85C \uC804\uD5A5\uD558\uAC8C \uB41C \uAC83\uC774\uB2E4.

      \uC5B4\uCA0B\uB4E0 \uC704\uC640 \uAC19\uC740 \uACFC\uC815\uC744 \uD1B5\uD574\uC11C \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB294, \uB300\uD559\uAD50\uB97C \uB2E4\uB2C8\uBA74\uC11C \uAD73\uC774 \uC77C\uC744 \uD558\uC9C0 \uC54A\uC544\uB3C4 \uB41C\uB2E4\uB294 \uC810\uC774\uB2E4. \uAC19\uC740 \uC870\uC5D0 \uB300\uD559\uAD50\uB97C \uB2E4\uB2C8\uBA74\uC11C \uC77C\uC744 \uD558\uC2DC\uB294 \uBD84\uC774 \uC788\uC5C8\uB294\uB370 \uB0B4 \uACFC\uAC70\uC640 \uACB9\uCCD0\uC84C\uB2E4. \uBB3C\uB860 \uC77C\uD588\uB358 \uACBD\uD5D8 \uC790\uCCB4\uB294 \uB3C4\uC6C0\uC774 \uB418\uC9C0\uB9CC, \uC774\uAC8C \uD559\uC5C5\uC758 \uACBD\uD5D8\uBCF4\uB2E4 \uB3C4\uC6C0\uC774 \uB41C\uB2E4\uACE0 \uC774\uC57C\uAE30 \uD55C\uB2E4\uBA74 \uC544\uB2C8\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. (\uAD00\uC810\uC758 \uCC28\uC774\uAC00 \uC788\uB2E4)

      \uC81C\uC77C \uD070 \uC774\uC720 \uC911 \uD558\uB098\uB294, \uC77C\uC740 \uD3C9\uC0DD \uD558\uAC8C \uB420 \uAC83\uC774\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uC5EC\uAC74\uB9CC \uB41C\uB2E4\uBA74 \uADF8\uB0E5 \uD559\uAD50 \uC0DD\uD65C \uC790\uCCB4\uB97C \uC990\uAE30\uB294\uAC8C \uC778\uC0DD\uC744 \uAE38\uAC8C \uB193\uACE0 \uBD24\uC744 \uB54C \uB354 \uD070 \uD65C\uB825\uC774 \uB418\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4.

      \uD544\uC790\uB294 \uB300\uD559\uAD50\uB97C \uB2E4\uB2D0 \uB54C\uAC00 \uC81C\uC77C \uD798\uB4E4\uC5C8\uB2E4.

      \uC77C\uC740 \uC77C\uB300\uB85C \uD558\uACE0, \uC218\uC5C5\uC740 \uC218\uC5C5\uB300\uB85C \uB4E3\uACE0, \uACFC\uC81C\uB3C4 \uD558\uACE0 \uC2DC\uD5D8\uB3C4 \uBCF4\uACE0, \uC2DC\uD5D8 \uB05D\uB098\uBA74 \uB2E4\uC2DC \uC77C\uD558\uACE0\uB97C \uBC18\uBCF5\uD588\uB2E4. \uB300\uD559\uAD50 \uBCF5\uD559 \uD6C4 3\uB144 \uB3D9\uC548 \uD3C9\uADE0 \uC218\uBA74 \uC2DC\uAC04\uC774 4\uC2DC\uAC04~5\uC2DC\uAC04 \uC0AC\uC774\uC600\uB2E4.

      \uCC28\uB77C\uB9AC \uADF8 \uC2DC\uAC04\uC5D0 \uB9C8\uC74C \uB9DE\uB294 \uCE5C\uAD6C\uB4E4\uACFC \uD504\uB85C\uC81D\uD2B8\uB97C \uD588\uB2E4\uBA74, \uB3D9\uC544\uB9AC\uB97C \uD588\uB2E4\uBA74, \uD639\uC740 \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uAC19\uC740 \uAD50\uC721 \uACFC\uC815\uC744 \uC54C\uC544\uBCF4\uACE0 \uC900\uBE44\uD574\uC11C \uCC38\uC5EC\uD560 \uC218 \uC788\uC5C8\uB2E4\uBA74 \uC9C0\uAE08\uBCF4\uB2E4 \uB354 \uB9CE\uC740 \uBD84\uB4E4\uC744 \uBD59\uACE0 \uAC1C\uBC1C\uC774\uB77C\uB294 \uAC83\uC758 \uBCF8\uC9C8\uC5D0 \uB354 \uC77C\uCC0D \uB2E4\uAC00\uAC08 \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C? \uD558\uB294 \uC0DD\uAC01\uC774 \uB4E0\uB2E4.

      \uD6C4\uD68C\uB97C \uD55C\uB2E4\uACE0 \uD574\uB3C4.. \uC0AC\uC2E4 \uD544\uC790\uC5D0\uAC8C\uB294 \uBCC4\uB2E4\uB978 \uC120\uD0DD\uC9C0\uAC00 \uC5C6\uC5C8\uB2E4. \uC2A4\uC2A4\uB85C \uD559\uBE44\uC640 \uC0DD\uD65C\uBE44\uB97C \uBC8C\uC5B4\uC57C \uD588\uAE30 \uB54C\uBB38\uC774\uB2E4. \uACF5\uBD80\uB97C \uD574\uC11C \uC2DC\uD5D8\uC744 \uC798 \uBCF4\uACE0 \uC7A5\uD559\uAE08\uC744 \uBC1B\uB294\uB2E4\uACE0 \uD574\uB3C4 \uC0DD\uD65C\uBE44\uAE4C\uC9C0 \uB098\uC624\uB294\uAC74 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0.. \uC6B8\uBA70 \uACA8\uC790\uBA39\uAE30\uB85C \uC77C\uC744 \uD588\uB2E4. \uC5B4\uB5A4 \uB0A0\uC740 \uB0B4\uAC00 \uC65C \uC774\uB807\uAC8C \uC0B4\uC544\uC57C\uD558\uC9C0? \uD558\uB294 \uC0DD\uAC01\uC5D0 \uC11C\uB7EC\uC6C0\uC5D0 \uBD81\uBC1B\uCCD0\uC11C \uB208\uBB3C\uC744 \uC3DF\uC544\uB0B8\uC801\uB3C4 \uC788\uC5C8\uB2E4. \uC815\uB9D0 \uD544\uC790 \uCC98\uB7FC \uC5B4\uCA54 \uC218 \uC5C6\uB294 \uC0C1\uD669\uC774 \uC544\uB2C8\uB77C\uBA74, \uAD73\uC774 \uC77C\uD560 \uD544\uC694\uB294 \uC5C6\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB300\uD559\uAD50\uC5D0\uC11C \uD560 \uC218 \uC788\uB294 \uAC12\uC9C4 \uACBD\uD5D8\uC774 \uB108\uBB34 \uB9CE\uAE30 \uB54C\uBB38\uC774\uB2E4.

      (2) Vanilla Javascript\uC5D0 \uB300\uD55C \uAE00\uC744 \uC65C \uC4F0\uAC8C \uB418\uC5C8\uB098\uC694?

      \uD544\uC790\uB294 \uD504\uB808\uC784\uC6CC\uD06C \uB77C\uB294 \uAC83\uC740 \uB0B4\uAC00 \uC544\uB2CC \uB2E4\uB978 \uC0AC\uB78C\uC774 \uB0B4 \uC790\uB9AC\uB97C \uB300\uCCB4\uD558\uAE30 \uC27D\uAC8C \uB9CC\uB4DC\uB294 \uB3C4\uAD6C\uB77C\uACE0 \uC0DD\uAC01\uD588\uB2E4. \uC989, \uB0B4\uAC00 React\uB97C \uD574\uB2E4\uAC00 \uD1F4\uC0AC\uD588\uC744 \uB54C \uB2E4\uB978 React \uAC1C\uBC1C\uC790\uB97C \uAD6C\uD558\uBA74 \uB41C\uB2E4. \uADF8\uB7F0\uB370 \uB0B4\uAC00 React \uC678\uC801\uC73C\uB85C \uBB34\uC5C7\uC778\uAC00 \uB354 \uC911\uC694\uD55C \uC77C\uC744 \uD560 \uC218 \uC788\uB2E4\uBA74, \uB0B4\uAC00 \uD1F4\uC0AC\uD55C\uB2E4\uACE0 \uD588\uC744 \uB54C \uC0AC\uCE21\uC5D0\uC11C\uB294 \uD55C \uBC88 \uC774\uC0C1\uC758 \uACE0\uBBFC\uC744 \uD558\uAC8C \uB418\uC9C0 \uC54A\uC744\uAE4C?

      \uC774 \uC0AC\uB78C\uC744 \uB300\uCCB4 \uD560 \uC218 \uC788\uB2E4 \uAC00 \uC544\uB2C8\uB77C \uC774 \uC0AC\uB78C\uC744 \uB300\uCCB4\uD560 \uC218 \uC788\uC744\uAE4C? \uB85C \uC0DD\uAC01\uD560 \uC218 \uC788\uAC8C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4.

      \uADF8\uB798\uC11C \uC27D\uAC8C \uB300\uCCB4\uD560 \uC218 \uC5C6\uB294 \uAC1C\uBC1C\uC790\uAC00 \uB418\uC5B4\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4. \uADF8 \uC218\uB2E8\uC73C\uB85C \uD544\uC790\uB294 \uD504\uB808\uC784\uC6CC\uD06C\uC758 \uAE30\uC800\uC5D0 \uAE54\uB9B0 \uAC1C\uB150\uB4E4\uC744 \uD559\uC2B5\uD574\uBCF4\uC790\uB294 \uC0DD\uAC01\uC73C\uB85C \uACF5\uBD80\uB97C \uD588\uB2E4. \uB0B4\uAC00 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uB9CC\uB4E4 \uC218\uC900\uC774 \uB41C\uB2E4\uBA74, \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uC5BD\uB9E4\uC774\uB294 \uAC1C\uBC1C\uC790\uAC00 \uC544\uB2C8\uB77C \uB354 \uB09C\uC774\uB3C4\uAC00 \uB192\uC740 \uC77C\uB3C4 \uD560 \uC218 \uC788\uC73C\uB9AC\uB77C\uACE0 \uC0DD\uAC01\uD588\uB2E4.

      (3) \uC0AC\uC6A9\uC131\uC774 \uC88B\uB2E4\uB294 \uAC83\uC744 \uC5B4\uB5BB\uAC8C \uD310\uB2E8\uD560 \uAC83\uC778\uAC00?

      \uC774\uAC74 \uD544\uC790\uAC00 \uB2E4\uB978 \uBD84\uB4E4\uC5D0\uAC8C \uC9C8\uBB38\uB4DC\uB9B0 \uB0B4\uC6A9\uC774\uB2E4. \uAE40\uC131\uD638 \uB2D8\uC774 UX\uB97C \uB354 \uC2E0\uACBD\uC4F0\uB294 \uAC1C\uBC1C\uC790\uAC00 \uB418\uC5B4\uB77C \uB77C\uACE0 \uC774\uC57C\uAE30\uD574\uC8FC\uC168\uB294\uB370, \uADF8\uB807\uB2E4\uBA74 UX\uAC00 \uB354 \uC88B\uB2E4\uB294 \uAC83\uC744 \uC5B4\uB5BB\uAC8C \uC54C \uC218 \uC788\uC744\uAE4C? \uC5D0 \uB300\uD55C \uC9C8\uBB38\uB3C4 \uD544\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4.

      \uB0B4\uAC00 \uB9CC\uB4E0 \uC11C\uBE44\uC2A4\uAC00 \uC0AC\uC6A9\uC131\uC774 \uC88B\uB2E4\uB294 \uAC83\uC744 \uAC1D\uAD00\uC801\uC73C\uB85C \uC54C \uC218 \uC788\uB294 \uBC29\uBC95\uC774 \uC788\uC744\uAE4C?

      \uAC1D\uAD00\uC801\uC778 \uC9C0\uD45C\uB97C \uB3C4\uCD9C\uD574\uB0B4\uB294 \uBC29\uBC95\uC744 \uC0DD\uAC01\uD574\uBCF4\uC790.

      • \uC0AC\uC6A9\uC790\uAC00 \uBE0C\uB77C\uC6B0\uC800 \uB0B4\uC5D0\uC11C \uBC1C\uC0DD\uC2DC\uD0A4\uB294 \uC774\uBCA4\uD2B8\uAC00 \uC874\uC7AC\uD560 \uAC83\uC774\uB2E4.
      • \uC5B4\uB5A4 \uD398\uC774\uC9C0\uB97C \uC870\uD68C\uD558\uB294\uC9C0
      • \uC5B4\uB514\uB97C \uB9CE\uC774 \uD074\uB9AD\uC744 \uD558\uB294\uC9C0
      • \uC5B4\uB5A4 \uC601\uC5ED\uC5D0\uC11C \uB9CE\uC774 \uBA38\uBB34\uB974\uB294\uC9C0

      \uC774\uC5D0 \uB300\uD55C \uC815\uBCF4\uB97C \uC218\uC9D1\uD560 \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C? \uADF8\uB9AC\uACE0 \uC774\uB97C \uC218\uCE58\uD654 \uD558\uBA74 \uC5B4\uB5A8\uAE4C?

      \uADF8\uB7FC \uC774\uB7F0 \uC0DD\uAC01\uB3C4 \uC788\uC744 \uAC83\uC774\uB2E4.

      • A\uB77C\uB294 UI\uC640 B\uB77C\uB294 UI \uC911\uC5D0 \uC5B4\uB5A4 UI\uB97C \uB354 \uB9CE\uC774 \uC4F8\uAE4C?

      \uC774\uB97C \uB3D9\uC2DC\uC5D0 \uCE21\uC815\uD558\uAE30 \uC704\uD55C \uBC29\uBC95\uB3C4 \uC788\uC9C0 \uC54A\uC744\uAE4C?

      \uC774\uC5D0 \uB300\uD574 \uC5EC\uAE30\uC11C \uC790\uC138\uD788 \uB2E4\uB8E8\uC9C4 \uC54A\uACA0\uB2E4. \uC2A4\uC2A4\uB85C \uD55C \uBC88 \uACE0\uBBFC\uD574\uBCF4\uACE0, \uCC3E\uC544\uBCF4\uB294 \uAC83\uC744 \uAD8C\uC720\uB4DC\uB9B0\uB2E4.

      (4) \uAC1C\uBC1C\uC790\uC758 \uC5ED\uD560\uC740 \uBB34\uC5C7\uC77C\uAE4C?

      \uACB0\uAD6D IT \uC11C\uBE44\uC2A4\uB294 \uC778\uB825 \uC0AC\uC5C5\uC774\uB2E4. \uAC00\uB839, \uC2A4\uB9C8\uD2B8\uD3F0\uC744 \uB9CC\uB4E0\uB2E4\uACE0 \uD588\uC744 \uB54C \uC2A4\uB9C8\uD2B8\uD3F0\uC5D0 \uB300\uD55C \uC124\uACC4\uB3C4 \uD544\uC694\uD558\uACE0 \uC2A4\uB9C8\uD2B8\uD3F0\uC5D0 \uB4E4\uC5B4\uAC00\uB294 \uBD80\uD488\uB3C4 \uD544\uC694\uD560 \uAC83\uC774\uB2E4.

      \uADF8\uB7F0\uB370 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uB294 \uC5B4\uB5A0\uD55C\uAC00?

      \uB204\uAD6C\uB098 \uCEF4\uD4E8\uD130\uB9CC \uC788\uB2E4\uBA74, \uC2A4\uB9C8\uD2B8\uD3F0\uB9CC \uC788\uB2E4\uBA74 \uC6F9\uC11C\uBE44\uC2A4\uB97C \uC774\uC6A9\uD560 \uC218 \uC788\uB2E4. \uD639\uC740 \uC571\uC744 \uB2E4\uC6B4\uBC1B\uC544 \uC0AC\uC6A9\uD560 \uC218\uB3C4 \uC788\uC744 \uAC83\uC774\uB2E4.

      \uAC1C\uBC1C\uC790\uB294 \uD604\uC2E4\uC138\uACC4\uC5D0\uB294 \uC5C6\uB294, \uC190\uC5D0 \uC7A1\uD788\uC9C0 \uC54A\uB294 \uBB34\uD615\uC758 \uAC83\uC744 \uB9CC\uB4DC\uB294 \uC9C1\uC5C5\uC774\uB2E4.

      \uAC70\uC758 \uBAA8\uB4E0 \uAC83\uC774 \uC778\uB825\uC0AC\uC5C5\uC774\uB77C\uB294 \uAC83\uC774\uB2E4.

      ',34),Be=i("\uC774\uC5D0 \uB300\uD574 \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),Ce={href:"https://www.bsidesoft.com/8035",target:"_blank",rel:"noopener noreferrer"},ve=i("\uAD6C\uBA4D\uAC00\uAC8C \uAC1C\uBC1C\uC0AC\uC758 \uC774\uC57C\uAE30"),xe=i("\uB97C \uD1B5\uD574 \uBCF4\uBA74 \uB354\uC6B1 \uC88B\uB2E4."),we=t('

      \uD544\uC790\uAC00 \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB294, \uAC1C\uBC1C\uC790\uB77C\uB294 \uC9C1\uC5C5 \uC790\uCCB4\uAC00 \uB3C8\uBA39\uB294 \uD558\uB9C8\uB77C\uB294 \uAC83\uC774\uB2E4.

      \uC55E\uC11C \uC5B8\uAE09\uD55C \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB3C4 \uC5EC\uAE30\uC11C \uCD9C\uBC1C\uD55C\uB2E4. \uAC1C\uBC1C\uC790\uB97C \uCC44\uC6A9\uD558\uACE0 \uAD50\uC721\uD558\uACE0 \uD22C\uC785\uD558\uB294 \uAC83 \uC790\uCCB4\uAC00 \uB3C8\uC774\uB2E4. \uADF8\uB798\uC11C \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uD1B5\uD574\uC11C \uD68D\uC77C\uD654 \uD558\uB294 \uAC83\uC774\uB2E4. \uCD5C\uC18C\uD55C\uC758 \uC2DC\uAC04\uC73C\uB85C \uCD5C\uB300\uC758 \uD37C\uD3EC\uBA3C\uC2A4\uB97C \uB0B4\uB824\uACE0 \uD558\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB807\uB2E4\uBA74, \uAC1C\uBC1C\uC790\uAC00 \uC2DC\uAC04\uC744 \uB0AD\uBE44\uD558\uC9C0 \uC54A\uAE30 \uC704\uD574\uC11C \uD574\uC57C \uD558\uB294 \uAC83\uC740 \uBB34\uC5C7\uC774 \uC788\uC744\uAE4C?

      \uB300\uD45C\uC801\uC778 \uC218\uB2E8\uC774 \uCF54\uB4DC\uB9AC\uBDF0 \uD074\uB9B0\uCF54\uB4DC \uB9AC\uD329\uD1A0\uB9C1 \uAC19\uC740 \uAC83\uB4E4\uC774\uB2E4. \uC6B0\uB9AC\uB294 \uC65C \uC88B\uC740 \uCF54\uB4DC\uB97C \uC791\uC131\uD574\uC57C \uD558\uB294\uAC00? \uADF8\uAC74 \uB098\uB97C \uB300\uCCB4\uD560 \uC218\uB2E8\uC744 \uB9CC\uB4E4\uAE30 \uC704\uD568\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB0B4\uAC00 \uC5C6\uB354\uB77C\uACE0 \uD68C\uC0AC\uAC00 \uAD74\uB7EC\uAC08 \uC218 \uC788\uB3C4\uB85D, \uB0B4\uAC00 \uC5C6\uB354\uB77C\uB3C4 \uC9C0\uC7A5\uC774 \uC5C6\uB3C4\uB85D, \uB0B4\uAC00 \uC544\uB2CC \uB204\uAD70\uAC00\uAC00 \uB4E4\uC5B4\uC624\uB354\uB77C\uB3C4 \uC774 \uC870\uC9C1\uC5D0 \uAE08\uBC29 \uC801\uC6A9\uD560 \uC218 \uC788\uB3C4\uB85D \uD558\uB294 \uAC83\uC774\uB2E4.

      \uC774\uB7F0 \uC218\uB2E8\uC774 \uC798 \uC791\uC131\uB41C \uCF54\uB4DC\uC640 \uC774\uB97C \uAC80\uC99D\uD558\uAE30 \uC704\uD55C \uCF54\uB4DC\uB9AC\uBDF0 \uB4F1\uC73C\uB85C \uB4DC\uB7EC\uB098\uB294\uAC8C \uC544\uB2D0\uAE4C?

      \uADF8\uB9AC\uACE0 \uCD5C\uC18C\uD55C\uC758 \uB3C8(\uC778\uB825/\uC778\uD504\uB77C)\uC73C\uB85C \uC11C\uBE44\uC2A4\uB97C \uAD74\uB9AC\uB294 \uAC83 \uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB611\uAC19\uC740 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5B4\uB3C4, \uD655\uC7A5\uD558\uB354\uB77C\uB3C4, \uC720\uC9C0\uD558\uB354\uB77C\uB3C4 \uC5B4\uB5A4 \uAE30\uC220 \uC2A4\uD0DD\uC744 \uC0AC\uC6A9\uD558\uB0D0\uC5D0 \uB530\uB77C \uC720\uC9C0\uBE44\uC6A9\uC774 \uB2EC\uB77C\uC9C4\uB2E4.

      \uAC00\uB839, \uC694\uC998 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB294 \uB300\uBD80\uBD84 \uC6F9\uBDF0\uB97C \uB9CC\uB4E0\uB2E4. \uADF8\uB7F0\uB370 \uC65C \uC6F9\uBDF0\uB97C \uC4F0\uB294\uAC78\uAE4C?

      \uB124\uC774\uD2F0\uBE0C \uC571\uC744 \uB9CC\uB4E4\uBA74 \uC18D\uB3C4\uB3C4 \uD6E8\uC52C \uBE60\uB974\uACE0 \uC0AC\uC6A9\uC131\uB3C4 \uC88B\uB2E4.

      \uC55E\uC11C \uC5B8\uAE09\uD55C \uAC83 \uCC98\uB7FC \uC0AC\uC6A9\uC131\uC774 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uC5D0\uAC8C \uC911\uC694\uD55C \uBE44\uC911\uC744 \uAC00\uC9C4\uB2E4\uBA74, \uC5B4\uC9F8\uC11C \uC571\uC744 \uB9CC\uB4E4 \uB54C \uB124\uC774\uD2F0\uBE0C\uB85C \uBAA8\uB4E0 \uAE30\uB2A5\uC744 \uAD6C\uD604\uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uC6F9\uBDF0\uB97C \uD65C\uC6A9\uD558\uB294 \uAC83\uC77C\uAE4C?

      \uC774\uC720\uB294 \uB3C8\uACFC \uC2DC\uAC04 \uB54C\uBB38\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB124\uC774\uD2F0\uBE0C\uB85C \uC571\uC744 \uB9CC\uB4E4 \uACBD\uC6B0 \uC548\uB4DC\uB85C\uC774\uB4DC\uC640 iOS \uAC1C\uBC1C\uC790\uB97C \uAC01\uAC01 \uCC44\uC6A9\uD574\uC57C \uD55C\uB2E4. \uAE30\uB2A5 \uD558\uB098\uB97C \uC218\uC815\uD560 \uB54C \uC591\uCABD \uAC1C\uBC1C\uC790\uC640 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uD574\uC57C \uD558\uACE0, QA\uB97C \uD574\uC57C \uD55C\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uC571\uC744 \uC5C5\uB370\uC774\uD2B8 \uD558\uB824\uBA74 \uAC80\uC218\uACFC\uC815\uB3C4 \uAC70\uCCD0\uC57C \uD558\uACE0, \uBC14\uB85C \uBC18\uC601\uB418\uC9C0\uB3C4 \uC54A\uB294\uB2E4.

      \uBB34\uC5B8\uAC00 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uC744 \uB54C \uC989\uAC01\uC801\uC73C\uB85C \uB300\uCC98\uD560 \uC218 \uC788\uC744\uAE4C? \uADF8\uB807\uC9C0 \uC54A\uC740 \uACBD\uC6B0\uAC00 \uB300\uBD80\uBD84\uC77C \uAC83\uC774\uB2E4. \uBCC0\uD654\uC5D0 \uCDE8\uC57D\uD55C \uAC83\uC774\uB2E4.

      \uADF8\uB7EC\uB098 \uC6F9\uBDF0\uB97C \uC0AC\uC6A9\uD55C\uB2E4\uBA74 \uC774\uB7F0 \uBB38\uC81C \uB300\uBD80\uBD84\uC744 \uD574\uACB0\uD560 \uC218 \uC788\uB2E4. \uADF8\uB798\uC11C \uB9CE\uC740 IT \uD68C\uC0AC\uB4E4\uC774 \uC18C\uC218\uC758 \uC571 \uAC1C\uBC1C\uC790\uB97C \uCC44\uC6A9\uD558\uACE0, \uB2E4\uC218\uC758 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB97C \uCC44\uC6A9\uD558\uBA74\uC11C \uCD5C\uC18C\uD55C\uC758 \uC778\uB825\uC73C\uB85C \uCD5C\uB300\uD55C\uC758 \uD6A8\uACFC\uB97C \uBCF4\uB824\uACE0 \uD558\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uC6F9\uC774 \uB9CE\uC740 \uD50C\uB7AB\uD3FC\uC5D0\uC11C \uC0AC\uC6A9\uB420 \uC218\uB85D \uC6F9\uC758 \uC2A4\uD399 \uB610\uD55C \uCD94\uAC00 \uB418\uB294 \uAC83\uC774\uACE0, \uADF8\uB7F4 \uC218\uB85D \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uAC00 \uACF5\uBD80\uD560 \uAC83\uB4E4\uC774 \uB9CE\uC544\uC9C0\uB294 \uAC83\uC774\uB2E4.

      \uC6B0\uB9AC\uAC00 \uD68C\uC0AC\uC5D0\uC11C \uC77C\uD55C\uB2E4\uB294 \uAC83\uC740 \uACB0\uAD6D \uC218\uC775 \uCC3D\uCD9C\uC744 \uC704\uD568\uC774\uB2E4. \uCD5C\uC18C\uD55C\uC758 \uC790\uBCF8\uC73C\uB85C \uCD5C\uB300\uD55C\uC758 \uC774\uC724\uC744 \uBCF4\uAE30 \uC704\uD568\uC774\uB2E4. \uC2A4\uC2A4\uB85C \uC774\uC724\uC744 \uCD94\uAD6C\uD558\uB294 \uAC1C\uBC1C\uC790\uB77C\uACE0 \uD560 \uC218 \uC788\uC744\uAE4C? \uD55C \uBC88 \uACE0\uBBFC\uD574\uBCFC \uD544\uC694\uAC00 \uC788\uB2E4.

      \uB9C8\uCE58\uBA70

      \uCF54\uB85C\uB098 \uB54C\uBB38\uC5D0 \uB300\uBD80\uBD84\uC758 \uB300\uC678 \uD65C\uB3D9\uC744 \uC628\uB77C\uC778\uC73C\uB85C\uB9CC \uD574\uC11C \uC544\uC26C\uC6E0\uB294\uB370, \uC774\uB807\uAC8C \uC624\uD504\uB77C\uC778 \uD589\uC0AC\uB97C \uCC38\uC5EC\uD560 \uC218 \uC788\uC5B4\uC11C \uBB34\uCC99 \uC7AC\uBC0C\uACE0 \uC990\uAC70\uC6E0\uC2B5\uB2C8\uB2E4. \uD2B9\uD788 \uC81C\uAC00 \uC791\uC131\uD55C \uAE00\uC744 \uC0DD\uAC01\uBCF4\uB2E4 \uB354 \uB9CE\uC740 \uBD84\uB4E4\uC774 \uC77D\uC5B4\uC8FC\uC168\uACE0, \uB355\uBD84\uC5D0 \uBCC4\uB2E4\uB978 \uC18C\uAC1C\uB97C \uD558\uC9C0 \uC54A\uC544\uB3C4 \uC54C\uC544\uBD10\uC8FC\uACE0 \uC778\uC0AC\uD574\uC8FC\uC2DC\uB294 \uBD84\uB4E4\uB3C4 \uBB34\uCC99 \uB9CE\uC2B5\uB2C8\uB2E4. \uC800\uB294 \uD55C \uC778\uAC04\uC73C\uB85C\uC11C \uB098\uB294 \uADF8\uB807\uAC8C \uC798\uB09C \uC0AC\uB78C\uB3C4 \uB6F0\uC5B4\uB09C \uC0AC\uB78C\uB3C4 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uC774\uB7F0 \uAD00\uC2EC \uC790\uCCB4\uB294 \uBB34\uCC99 \uBD80\uB044\uB7FD\uACE0 \uBD80\uB2F4\uC2A4\uB7FD\uC9C0\uB9CC \uB3D9\uC2DC\uC5D0 \uB354 \uB9CE\uC774 \uB178\uB825\uD558\uACE0, \uB354 \uC5F4\uC2EC\uD788 \uD558\uC790\uB294 \uC0DD\uAC01\uB3C4 \uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uC2B5\uB2C8\uB2E4.

      \uADF8\uB798\uB3C4 \uB354 \uB9CE\uC740 \uBD84\uB4E4\uACFC \uC774\uC57C\uAE30 \uD560 \uC218 \uC788\uC5C8\uB294\uB370, \uC81C\uAC00 \uC870\uAE08 \uB354 \uC801\uADF9\uC801\uC774\uC600\uB2E4\uBA74 \uC5B4\uB560\uC744\uAE4C \uD558\uB294 \uC544\uC26C\uC6C0\uB3C4 \uC788\uC2B5\uB2C8\uB2E4 \u{1F62D}

      \uADF8\uB9AC\uACE0 \uC774\uC57C\uAE30 \uD558\uACE0 \uC2F6\uC5C8\uC73C\uB098 \uB2E4 \uC774\uC57C\uAE30 \uD558\uC9C0 \uBABB\uD588\uB358 \uAC83\uB4E4\uB3C4 \uC788\uC5C8\uACE0, \uB2E4\uC2DC \uD55C \uBC88 \uC774\uC57C\uAE30 \uD558\uACE0 \uC2F6\uC5C8\uB358 \uAC83\uB4E4\uB3C4 \uC788\uC5C8\uC2B5\uB2C8\uB2E4. \uADF8\uB807\uAC8C \uAE00\uC744 \uC791\uC131\uD588\uB294\uB370 \uC544\uC26C\uC6B4 \uC810\uB3C4 \uC788\uC9C0\uB9CC \uC5B4\uCA0C\uB4E0 \uC81C\uAC00 \uC804\uB2EC\uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB294 \uAE00\uC5D0 \uB300\uBD80\uBD84 \uB2F4\uC740 \uAC83 \uAC19\uC2B5\uB2C8\uB2E4 \u{1F601}

      \uB2E4\uC74C\uC5D0 \uC774\uB7F0 \uC790\uB9AC\uC5D0 \uCC38\uC5EC\uD558\uAC8C \uB41C\uB2E4\uBA74 \uB354 \uB9CE\uC740 \uBD84\uB4E4\uACFC \uC18C\uD1B5\uD558\uACE0 \uC2F6\uB124\uC694!

      \uAE34 \uAE00 \uC77D\uC5B4\uC8FC\uC154\uC11C \uAC10\uC0AC\uD569\uB2C8\uB2E4 \u{1F647}\u200D\u2642\uFE0F

      ',22);function ke(je,Ae){const l=n("ExternalLinkIcon");return a(),s("div",null,[c,d,e("p",null,[h,e("a",_,[u,o(l)]),g]),f,e("p",null,[b,e("a",E,[m,o(l)]),B,C,v,x,w]),k,e("ul",null,[e("li",null,[e("a",j,[A,o(l)])]),e("li",null,[e("a",I,[D,o(l)])])]),V,e("p",null,[T,e("a",J,[F,o(l)]),L]),S,e("p",null,[y,e("a",R,[O,o(l)]),U,e("a",z,[N,o(l)]),M]),P,e("div",Q,[W,X,e("p",null,[q,e("a",H,[G,o(l)]),K])]),Y,e("p",null,[Z,e("a",$,[ee,o(l)]),ie,le,oe]),te,e("p",null,[pe,e("a",ne,[ae,o(l)]),se,e("a",re,[ce,o(l)]),de]),he,e("ul",null,[e("li",null,[e("a",_e,[ue,o(l)])]),e("li",null,[e("a",ge,[fe,o(l)])]),e("li",null,[e("a",be,[Ee,o(l)])])]),me,e("blockquote",null,[e("p",null,[Be,e("a",Ce,[ve,o(l)]),xe])]),we])}var De=p(r,[["render",ke],["__file","index.html.vue"]]);export{De as default}; +import{_ as p,r as n,o as a,c as s,a as e,b as o,e as i,d as t}from"./app.d20f8571.js";const r={},c=e("h1",{id:"\u110B\u1175\u11AB\u1111\u1173\u1105\u1165\u11AB-\u1109\u1175\u11B7\u110B\u1163-fe-\u1102\u1166\u1110\u1173\u110B\u116F\u110F\u1175\u11BC-\u1112\u116E\u1100\u1175",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110B\u1175\u11AB\u1111\u1173\u1105\u1165\u11AB-\u1109\u1175\u11B7\u110B\u1163-fe-\u1102\u1166\u1110\u1173\u110B\u116F\u110F\u1175\u11BC-\u1112\u116E\u1100\u1175","aria-hidden":"true"},"#"),i(" \uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uD6C4\uAE30")],-1),d=e("p",null,[e("img",{src:"https://user-images.githubusercontent.com/18749057/174490151-0aa33935-a28c-4157-a7ae-07ec3f506d62.jpg",alt:"\uC378\uB124\uC77C"})],-1),h=i("\uBCF8 \uD3EC\uC2A4\uD2B8\uB294 "),_={href:"https://www.inflearn.com/pages/midnight-fe-2205",target:"_blank",rel:"noopener noreferrer"},u=i("\uC778\uD504\uB7F0 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9"),g=i("\uC5D0 \uB300\uD55C \uD6C4\uAE30\uC774\uB2E4. \uC8FC\uB85C \uD544\uC790\uAC00 \uBC1B\uC558\uB358 \uC9C8\uBB38\uACFC \uC774\uC5D0 \uB300\uD55C \uB2F5\uBCC0\uC744 \uCD94\uB824\uC11C \uC791\uC131\uD560 \uAC83\uC774\uB2E4."),f=e("h2",{id:"\u110C\u1175\u11AB\u1112\u1162\u11BC-\u1100\u116A\u110C\u1165\u11BC",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110C\u1175\u11AB\u1112\u1162\u11BC-\u1100\u116A\u110C\u1165\u11BC","aria-hidden":"true"},"#"),i(" \uC9C4\uD589 \uACFC\uC815")],-1),b=i("\uC624\uD504\uB77C\uC778 \uD589\uC0AC\uC600\uACE0, \uB124\uD2B8\uC6CC\uD0B9 \uC804\uC5D0 "),E={href:"https://jojoldu.tistory.com/",target:"_blank",rel:"noopener noreferrer"},m=i("\uC778\uD504\uB7F0 CTO \uC774\uB3D9\uC6B1"),B=i("\uB2D8\uC774 \uD589\uC0AC\uC758 \uD3EC\uBB38\uC744 \uC5F4\uACE0, \uC778\uD504\uB7F0\uC758 FE \uAC1C\uBC1C\uC790\uC778 \uBE60\uC090\uCF54\uB2D8\uC774 "),C=e("code",null,"\uC5B4\uB5BB\uAC8C \uB7A0\uB9BF\uC744 \uB9CC\uB4E4\uC5C8\uC744\uAE4C?",-1),v=i("\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uBC1C\uD45C\uD558\uACE0, \uCE74\uCE74\uC624 \uC5D4\uD130\uD14C\uC778\uBA3C\uD2B8\uC758 FE \uB9AC\uB4DC \uAC1C\uBC1C\uC790\uC778 \uAE40\uC131\uD638\uB2D8\uC774 "),x=e("code",null,"\uBF51\uD788\uB294 \uC8FC\uB2C8\uC5B4\uC758 \uC870\uAC74",-1),w=i(" \uC774\uB77C\uB294 \uC8FC\uC81C\uB85C \uBC1C\uD45C\uB97C \uD574\uC8FC\uC168\uB2E4."),k=e("p",null,"\uC138\uC158\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC740 \uC0C1\uC138\uD558\uAC8C \uC791\uC131\uD574\uC8FC\uC2E0 \uBD84\uB4E4\uC774 \uB9CE\uAE30 \uB54C\uBB38\uC5D0 \uC5EC\uAE30\uC11C\uB294 \uD06C\uAC8C \uB2E4\uB8E8\uC9C4 \uC54A\uC744 \uAC83\uC774\uB2E4.",-1),j={href:"https://onlydev.tistory.com/152",target:"_blank",rel:"noopener noreferrer"},A=i("\uC778\uD504\uB7F0 \uB124\uD2B8\uC6CC\uD0B9\uC5D0 \uB2E4\uB140\uC624\uB2E4 - \uAE40\uBCD1\uC5F0\uB2D8"),I={href:"https://velog.io/@oneook/%EC%9D%B8%ED%94%84%EB%9E%A9-FE-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%82%B9-%EB%8D%B0%EC%9D%B4%EC%97%90-%EB%8B%A4%EB%85%80%EC%99%94%EC%8A%B5%EB%8B%88%EB%8B%A4",target:"_blank",rel:"noopener noreferrer"},D=i("\uC778\uD504\uB7A9 \uC2EC\uC57C FE \uB124\uD2B8\uC6CC\uD0B9 \uB370\uC774 \uCC38\uC5EC \uD6C4\uAE30 - \uC774\uC6D0\uAD6D\uB2D8"),V=t('

      \uC5B4\uB5BB\uAC8C \uB7A0\uB9BF\uC744 \uB9CC\uB4E4\uC5C8\uC744\uAE4C?

      \uBE60\uC090\uCF54 bn

      \uC8FC\uB85C \uB7A0\uB9BF\uC744 \uB9CC\uB4E4\uBA74\uC11C \uC5B4\uB824\uC6E0\uB358 \uBD80\uBD84\uB4E4\uC5D0 \uB300\uD574 \uBC1C\uD45C\uD574\uC8FC\uC168\uB2E4. \uC870\uAE08 \uC544\uC26C\uC6B4 \uC810\uC744 \uC774\uC57C\uAE30\uD574\uBCF4\uC790\uBA74, \uC758\uC0AC\uACB0\uC815 \uACFC\uC815\uC5D0\uC11C \uC65C? \uC5D0 \uB300\uD55C \uBD80\uBD84\uC744 \uC800 \uC790\uC138\uD788 \uB2E4\uB904\uC92C\uC73C\uBA74 \uC88B\uC558\uC744 \uAC83 \uAC19\uB2E4. \uB7A0\uB9BF \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC740 \uC778\uD504\uB7F0 \uAE30\uC220\uBE14\uB85C\uADF8\uC5D0 \uC790\uC138\uD788 \uACF5\uC720\uB420 \uC608\uC815\uC774\uB77C\uACE0 \uD55C\uB2E4.

      • \uC5B4\uB5A4 \uAE30\uC220 \uC2A4\uD0DD\uC744 \uC0AC\uC6A9\uD588\uB294\uC9C0
      • \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD558\uBA74\uC11C \uC5B4\uB824\uC6E0\uB358 \uC810\uB4E4
      • \uADF8\uB9AC\uACE0 \uC774\uAC78 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uD574\uACB0\uD588\uB294\uC9C0
      • \uADF8\uB798\uC11C \uC9C0\uAE08\uC740 \uAD1C\uCC2E\uC740\uC9C0
      • \uC55E\uC73C\uB85C\uB294 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uC9C4\uD589\uD560 \uAC83\uC778\uC9C0

      \uC544\uB9C8 \uC774\uB7F0 \uB0B4\uC6A9\uB4E4 \uC704\uC8FC\uC77C \uAC83 \uAC19\uB2E4.

      \uB418\uB3C4\uB85D \uBE68\uB9AC \uBCFC \uC218 \uC788\uC5C8\uC73C\uBA74 \uC88B\uACA0\uB2E4. \uBCF4\uACE0 \uC788\uB098\uC694 \uBE60\uC090\uACE0\uB2D8!?

      \uBF51\uD788\uB294 \uC8FC\uB2C8\uC5B4\uC758 \uC870\uAC74

      \uAE40\uC131\uD638\uB2D8 bn

      ',8),T=i("\uD544\uC790\uB3C4 \uB9AC\uB354\uC758 \uC5ED\uD560\uC744 \uC218\uD589\uD558\uBA70 "),J={href:"https://zuminternet.github.io/zum-front-recurit-review/",target:"_blank",rel:"noopener noreferrer"},F=i("\uCC44\uC6A9\uC744 \uACBD\uD5D8\uD574\uBCF8 \uC785\uC7A5"),L=i("\uC5D0\uC11C \uB098\uB9CC\uC758 \uC0DD\uAC01\uC744 \uACC1\uB4E4\uC5EC \uC774\uC57C\uAE30\uD574\uBCFC \uAC83\uC774\uB2E4."),S=t('

      (1) \uAC1C\uBC1C\uC790\uC758 \uB2A5\uB825\uCE58

      \uAE40\uC131\uD638\uB2D8\uC740 \uAC1C\uBC1C\uC790\uC758 \uB2A5\uB825\uCE58\uB97C \uAC8C\uC784 \uCE90\uB9AD\uD130\uC758 \uC2A4\uD0EF\uC73C\uB85C \uBE44\uC720\uD588\uB2E4.

      \uC2A4\uD0EF\uCC3D\uC774 \uC804\uBD80 \uAE30\uC5B5\uB098\uB294\uAC74 \uC544\uB2CC\uB370..

      • \uB9AC\uB354\uC27D
      • \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158
      • \uC5D4\uC9C0\uB2C8\uC5B4\uB9C1(\uAC1C\uBC1C)

      \uC77C\uB2E8 \uC774\uB807\uAC8C \uC138 \uAC1C\uAC00 \uC788\uC5C8\uACE0 \uD55C \uAC00\uC9C0\uB294 \uAE30\uC5B5\uB098\uC9C8 \uC54A\uB294\uB2E4.

      \uB9AC\uB354\uC27D\uACFC \uB300\uBE44\uB418\uB294 \uB2A5\uB825\uC73C\uB85C\uB294 \uD314\uB85C\uC6B0\uC27D\uC774 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uD314\uB85C\uC6B0\uC27D\uC740

      • \uC6B0\uB9AC \uC870\uC9C1\uACFC \uB9AC\uB354\uAC00 \uC0DD\uAC01\uD558\uB294 \uAC83, \uC758\uB3C4\uD558\uB294 \uAC83\uB4E4\uC744 \uC798 \uC778\uC9C0\uD558\uB294\uC9C0
      • \uC778\uC9C0\uD558\uACE0 \uC788\uB2E4\uBA74, \uC774\uC5D0 \uB300\uD574 \uC801\uC808\uD55C \uBC29\uD5A5\uC73C\uB85C \uD589\uB3D9\uD558\uACE0 \uC788\uB294\uC9C0

      \uC774\uB807\uAC8C \uB450 \uAC00\uC9C0 \uC774\uB2E4.

      \uCC98\uC74C\uBD80\uD130 \uB9AC\uB4DC\uD558\uB294 \uC0AC\uB78C\uC774 \uB5A1\uBC25\uC744 \uC798 \uB358\uC838\uC8FC\uBA74 \uC88B\uACA0\uC9C0\uB9CC(?) \uB204\uAD70\uAC00\uB294 \uB9AC\uB529\uD558\uB294 \uB2A5\uB825\uCE58\uAC00 \uB0AE\uC744 \uC218\uB3C4 \uC788\uACE0, \uB610 \uB9AC\uB354\uAC00 \uC798 \uC2E0\uACBD\uC4F0\uC9C0 \uBABB\uD558\uB294 \uBD80\uBD84\uB3C4 \uC788\uB2E4.

      \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uB0B4\uAC00 \uB9AC\uB354\uC758 \uC785\uC7A5\uC5D0\uC11C \uB0B4 \uC5ED\uD560\uC744 \uC798 \uC778\uC9C0\uD558\uACE0 \uC798 \uB530\uB77C\uC904 \uC218 \uC788\uB294 \uB2A5\uB825\uB3C4 \uAF2D \uD544\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      ',11),y=i("\uD544\uC790\uB294 \uD398\uC774\uC2A4\uBD81\uC744 \uB9CE\uC774 \uD55C\uB2E4. \uD398\uC774\uC2A4\uBD81\uC758 \uCF58\uD150\uCE20\uB97C \uC18C\uBE44\uD558\uB294 \uC785\uC7A5\uC774\uB784\uAE4C? \uC81C\uC77C \uC720\uC775\uD558\uAC8C \uB290\uB07C\uB294 \uAC83\uC740 "),R={href:"https://www.facebook.com/shinsoojungceo",target:"_blank",rel:"noopener noreferrer"},O=i("\uC2E0\uC218\uC815"),U=i("\uB2D8\uC774 \uC791\uC131\uD574\uC8FC\uC2E0 \uAE00\uB4E4\uC774\uB2E4. \uC8FC\uC625\uAC19\uC740 \uAE00\uC774 \uBB34\uCC99 \uB9CE\uC774 \uC788\uB2E4. "),z={href:"https://www.linkedin.com/in/soojung-shin-30398b75/",target:"_blank",rel:"noopener noreferrer"},N=i("\uB9C1\uD06C\uB4DC\uC778"),M=i("\uC5D0\uB3C4 \uC790\uC8FC \uC62C\uB824\uC8FC\uC2E0\uB2E4."),P=t('

      \uAC01\uC124\uD558\uACE0, \uBB34\uCC99 \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uB0B4\uC6A9 \uC911 \uD558\uB098\uB97C \uAC04\uB7B5\uD558\uAC8C \uC18C\uAC1C\uD574\uBCF4\uC790\uBA74, \uC2A4\uC2A4\uB85C \uB6F0\uC5B4\uB09C \uB9AC\uB354\uAC00 \uB418\uAE30 \uC704\uD574\uC120 \uBB34\uB2A5\uB825\uD55C \uB9AC\uB354 \uBC11\uC5D0\uC11C\uB3C4 \uC77C\uC744 \uD574\uBD10\uC57C \uD55C\uB2E4 \uB294 \uB0B4\uC6A9\uC774\uB2E4.

      \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158 \uB2A5\uB825\uC774 \uC548 \uC88B\uC744 \uC218\uB3C4 \uC788\uACE0, \uAC1C\uBC1C\uC790\uB77C\uBA74 \uAC1C\uBC1C \uB2A5\uB825 \uC790\uCCB4\uAC00 \uBBF8\uC2A4\uC77C \uC218\uB3C4 \uC788\uC744 \uAC83\uC774\uB2E4. \uC911\uC694\uD55C \uAC83\uC740 \uC774\uB7F0 \uC0C1\uD669\uC744 \uADF9\uBCF5\uD558\uACE0 \uC131\uACFC\uB97C \uB0B4\uB294 \uAC83\uC774\uB2E4. \uC774\uB97C \uADF9\uBCF5\uD558\uB294 \uB2A5\uB825\uCE58 \uC911 \uD558\uB098\uAC00 \uD314\uB85C\uC6B0\uC27D\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      (2) \uC774\uB825\uC11C

      \uC774\uB825\uC11C \uBD80\uBD84\uC744 \uBB34\uCC99 \uAE38\uAC8C \uC774\uC57C\uAE30 \uD574\uC8FC\uC168\uB294\uB370, \uAE30\uC5B5\uB098\uB294\uAC74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uB2E8\uC21C \uAE30\uC220\uC2A4\uD0DD \uB098\uC5F4\uC744 \uCD5C\uC545\uC774\uB2E4.
      • \uD574\uB2F9 \uAE30\uC220\uB85C \uC5B4\uB5A4 \uBB38\uC81C\uB97C \uD574\uACB0\uD588\uB294\uC9C0 \uC791\uC131\uD558\uBA74 \uC88B\uB2E4.
      • \uAE38\uC774\uB3C4 \uC911\uC694\uD558\uB2E4.
      • \uD574\uB2F9 \uD68C\uC0AC\uC5D0\uC11C \uAD8C\uC7A5\uD558\uB294 \uC591\uC2DD\uC744 \uC0AC\uC6A9\uD558\uB294\uAC8C \uC88B\uB2E4.
        • \uAC00\uB054 \uCCA8\uBD80\uD30C\uC77C\uB85C\uB9CC \uC774\uB825\uC11C\uB97C \uC81C\uCD9C\uD558\uB294 \uC0AC\uB78C\uC774 \uC788\uB294\uB370..
        • \uC774\uB7F4 \uB54C \uBB34\uC2EC\uCF54 \uB118\uC5B4\uAC08 \uC218 \uC788\uB2E4.
      • \uC2A4\uD399\uC740 \uC911\uC694\uD558\uC9C0 \uC54A\uB2E4.
      • \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB300\uD55C \uC131\uACFC\uB97C \uC774\uB825\uC11C\uC5D0 \uB4DC\uB7EC\uB0B4\uC57C\uD55C\uB2E4.
        • \uBCF4\uD1B5 \uC2E0\uC785 \uAC1C\uBC1C\uC790\uB294 \uBB34\uC5C7\uC774 \uC131\uACFC\uC778\uC9C0 \uBAA8\uB974\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uB2E4.
        • \uAC1D\uAD00\uC801\uC778 \uC9C0\uD45C\uAC00 \uD544\uC694\uD558\uB2E4.
        • \uC774\uAC74 \uD544\uC790\uC758 \uC0DD\uAC01\uC778\uB370, \uC0AC\uC6A9\uC131\uC774 \uC88B\uC740 \uC11C\uBE44\uC2A4 \uB97C \uB9CC\uB4E4\uC5C8\uB2E4\uACE0 \uD55C\uB2E4\uBA74, \uC5B4\uB5BB\uAC8C \uC0AC\uC6A9\uC131\uC774 \uC88B\uB2E4\uB294 \uAC83\uC744 \uC99D\uBA85\uD560 \uAC83\uC778\uAC00? \uC774\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC774 \uD544\uC694\uD558\uB2E4.

      \uC5EC\uAE30\uC5D0 \uD544\uC790\uC758 \uC0DD\uAC01\uC744 \uACC1\uB4E4\uC774\uC790\uBA74,

      1) \uBB38\uC81C \uD574\uACB0 \uACFC\uC815\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC774 \uB4DC\uB7EC\uB098\uC57C \uD55C\uB2E4.

      \uD604\uC7AC \uC2DC\uC7A5\uC5D0 \uC788\uB294 FE \uAC1C\uBC1C\uC790\uC758 \uACBD\uC6B0 \uC804\uACF5\uC790\uB97C \uCC3E\uAE30\uAC00 \uBB34\uCC99 \uB4DC\uBB3C\uB2E4. \uD544\uC790\uB3C4 1\uB144 \uC774\uB77C\uB294 \uC2DC\uAC04 \uB3D9\uC548 1000\uAC1C \uAC00\uAE4C\uC774 \uB418\uB294 \uC774\uB825\uC11C\uB97C \uBD24\uB294\uB370 \uADF8 \uC911\uC5D0 \uC804\uACF5\uC790\uB97C \uCC3E\uAE30\uAC00 \uBB34\uCC99 \uB4DC\uBB3C\uC5C8\uB2E4.

      \uC77C\uB2E8 \uC804\uACF5\uC790\uB97C \uCC3E\uB294 \uC774\uC720\uB294 \uCEF4\uD4E8\uD130 \uACF5\uD559\uC801\uC778 \uC0AC\uACE0\uB97C \uAC00\uC9C0\uACE0 \uC788\uC744 \uD655\uB960\uC774 \uB192\uAE30 \uB54C\uBB38\uC774\uB2E4. \uB2E8\uC21C\uD788 \uC804\uACF5\uACFC\uBAA9(\uC6B4\uC601\uCCB4\uC81C, \uCEF4\uD4E8\uD130\uAD6C\uC870, \uC790\uB8CC\uAD6C\uC870, \uC54C\uACE0\uB9AC\uC998, \uAC1D\uCCB4\uC9C0\uD5A5 \uD504\uB85C\uADF8\uB798\uBC0D \uB4F1)\uC744 \uACF5\uBD80\uD588\uAE30 \uB54C\uBB38\uC774 \uC544\uB2C8\uB77C \uC804\uACF5\uACFC\uBAA9\uC744 \uD559\uC2B5\uD558\uB294 \uACFC\uC815\uC5D0\uC11C \uC65C \uC774\uB7F0 \uC774\uB860\uB4E4\uC774 \uB4F1\uC7A5\uD588\uB294\uC9C0, \uC774\uB7F0 \uD574\uACB0 \uBC29\uBC95\uC744 \uC0AC\uC6A9\uD588\uB294\uC9C0 \uBC30\uC6B0\uAE30 \uB54C\uBB38\uC774\uB2E4. \uC989, \uBE44\uC804\uACF5\uC790\uBCF4\uB2E4 \uBB38\uC81C \uD574\uACB0 \uACFC\uC815\uC5D0 \uB300\uD574 \uC2DC\uAC04 \uD22C\uC790\uB97C \uD588\uB2E4\uACE0 \uC0DD\uAC01\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uC911\uC694\uD55C \uD3EC\uC778\uD2B8\uB97C \uB2E4\uC2DC \uC9DA\uC5B4\uBCF4\uC790\uBA74 \uD544\uC790\uB294 \uBB38\uC81C \uD574\uACB0\uC744 \uD588\uB2E4 \uAC00 \uC544\uB2C8\uB77C \uBB38\uC81C \uD574\uACB0\uC744 \uC704\uD574 \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uC811\uADFC \uD588\uB294\uC9C0\uB97C \uB354 \uC911\uC694\uD558\uAC8C \uC0DD\uAC01\uD55C\uB2E4. \uC774\uB7F4 \uACBD\uC6B0, \uB2F5\uC744 \uBAA8\uB974\uAC70\uB098 \uB2F5\uC774 \uC5C6\uB294 \uC0C1\uD669\uC5D0\uC11C\uB3C4 \uD06C\uAC8C \uB2F9\uD669\uD558\uC9C0 \uC54A\uACE0 \uCE68\uCC29\uD558\uAC8C \uBB38\uC81C \uD574\uACB0\uC744 \uC704\uD55C \uC0AC\uACE0\uB97C \uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uADF8\uB798\uC11C \uAD73\uC774 \uC804\uACF5\uC790\uAC00 \uC544\uB2C8\uB354\uB77C\uB3C4, \uBB38\uC81C \uD574\uACB0\uC744 \uC704\uD574 \uC811\uADFC\uD558\uB294 \uACFC\uC815\uC5D0 \uB300\uD55C \uC5F0\uC2B5\uC774 \uC798 \uB418\uC5B4 \uC788\uAC70\uB098 \uADF8\uAC8C \uC790\uC5F0\uC2A4\uB7EC\uC6B4 \uC0AC\uB78C\uC774\uB77C\uBA74 \uC5B4\uB5A4 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD558\uB354\uB77C\uB3C4 \uC774\uB97C \uD574\uACB0\uD560 \uC218 \uC788\uC73C\uB9AC\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      2) \uCC28\uBCC4\uC810\uC774 \uC788\uC5B4\uC57C \uD55C\uB2E4.

      \uC55E\uC11C \uC5B8\uAE09\uD588\uB358 \uAC83 \uCC98\uB7FC 1000\uAC1C \uC815\uB3C4\uC758 \uC774\uB825\uC11C\uB97C \uBCF4\uBA74\uC11C \uB290\uB080 \uC810\uC740, \uB108\uBB34 \uD68D\uC77C\uD654 \uB418\uC5C8\uB2E4\uB294 \uAC83\uC774\uB2E4. \uD604\uC7AC \uB300\uBD80\uBD84\uC758 FE \uCDE8\uC900\uC0DD\uC740 \uBD80\uD2B8\uCEA0\uD504\uB97C \uAC70\uCE5C\uB2E4.

      • \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB370\uBE0C\uCF54\uC2A4
      • \uCF54\uB4DC\uC2A4\uD14C\uC774\uCE20
      • \uC704\uCF54\uB4DC
      • \uC6D0\uD2F0\uB4DC
      • \uBC14\uB2D0\uB77C \uCF54\uB529
      • \uC6B0\uC544\uD55C\uD14C\uD06C\uCF54\uC2A4
      • \uC6B0\uC544\uD55C\uD14C\uD06C\uCEA0\uD504
      • \uBD80\uC2A4\uD2B8\uCEA0\uD504
      • \uCF54\uB4DC\uC2A4\uCFFC\uB4DC
      • \uC11C\uC6B8 42
      • \uC2F8\uD53C
      • \uC18C\uD504\uD2B8\uC6E8\uC5B4\uB9C8\uC5D0\uC2A4\uD2B8\uB85C
      • \uD328\uC2A4\uD2B8\uCEA0\uD37C\uC2A4
      • \uD56D\uD57499
      • \uBA4B\uC7C1\uC774\uC0AC\uC790\uB4E4

      \uAD49\uC7A5\uD788 \uB9CE\uC9C0 \uC54A\uC740\uAC00? \uC624\uD788\uB824 \uB3C5\uD559\uC73C\uB85C \uACF5\uBD80\uD558\uB294 \uACBD\uC6B0\uB294 \uC815\uB9D0 \uB4DC\uBB3C\uB2E4.

      \uBD80\uD2B8\uCEA0\uD504\uC5D0 \uB300\uD55C \uACE0\uCC30

      \uC0AC\uC2E4 \uC694\uC998 \uB4E4\uC5B4 \uB4DC\uB294 \uC0DD\uAC01\uC740 \uB3C5\uD559\uC73C\uB85C FE\uB97C \uACF5\uBD80 \uD588\uB2E4\uACE0 \uD55C\uB2E4\uBA74 \uAE30\uC220\uC801\uC778 \uBB38\uC81C\uBCF4\uB2E8 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC5D0 \uB300\uD55C \uBB38\uC81C \uB54C\uBB38\uC5D0 \uAC19\uC774 \uC77C\uD558\uAE30\uAC00 \uD798\uB4E4 \uC218 \uC788\uB2E4\uB294 \uC0DD\uAC01\uC744 \uD558\uACE0 \uC788\uB2E4. \uD544\uC790\uAC00 \uC0DD\uAC01\uD558\uB294 \uBD80\uD2B8\uCEA0\uD504\uC758 \uC81C\uC77C \uD070 \uC758\uC758\uB294 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC774\uB2E4. \uACF5\uBD80\uB294 \uD63C\uC790\uC11C\uB3C4 \uCDA9\uBD84\uD788 \uD560 \uC218 \uC788\uB2E4. \uD558\uC9C0\uB9CC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uBA74\uC11C \uB2E4\uB978 \uC0AC\uB78C\uACFC \uC758\uACAC\uC744 \uB098\uB204\uACE0 \uB9DE\uCDB0\uAC00\uB294 \uACFC\uC815\uC740 \uD63C\uC790\uC11C \uC2B5\uB4DD\uD560 \uC218 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uB300\uBD80\uBD84\uC758 FE \uCDE8\uC900\uC0DD\uC774 \uBD80\uD2B8\uCEA0\uD504 \uCD9C\uC2E0\uC774\uACE0, \uB300\uBD80\uBD84\uC758 \uC0AC\uB78C\uC774 \uB611\uAC19\uC740 \uAE30\uC220\uC744 \uC775\uD788\uB294 \uC774 \uC0C1\uD669\uC5D0\uC11C(Javascript, Typescript, React, Redux, \u2026) \uC5B4\uB5BB\uAC8C \uB0B4\uAC00 \uB2E4\uB978 \uC0AC\uB78C\uBCF4\uB2E4 \uAC19\uC774 \uC77C\uD558\uAE30\uC5D0 \uB354 \uC88B\uC740 \uC0AC\uB78C\uC774\uB77C\uB294 \uAC83\uC744 \uC5B4\uD544\uD560 \uC218 \uC788\uC744\uAE4C?

      \uD544\uC790\uAC00 \uC0DD\uAC01\uD558\uB294 \uC218\uB2E8\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uBE14\uB85C\uADF8

        • \uB2E8\uC21C\uD788 \uAE30\uC220\uC744 \uC815\uB9AC\uD558\uB294 \uAC83\uC740 \uBD88\uD544\uC694\uD558\uB2E4.
        • \uB0B4\uAC00 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0\uB97C \uBE14\uB85C\uADF8\uB97C \uD1B5\uD574\uC11C \uB4DC\uB7EC\uB0B4\uC57C \uD55C\uB2E4.
          • \uAC1C\uBC1C\uC744 \uD560 \uB54C \uC5B4\uB5A4 \uC0DD\uAC01\uC744 \uD558\uB294\uC9C0
          • \uC5B4\uB5A4 \uBC29\uC2DD\uC73C\uB85C \uACF5\uBD80\uD588\uB294\uC9C0
          • \uC5B4\uB5A4 \uAC83\uB4E4\uC744 \uACF5\uBD80\uD558\uACE0 \uC788\uB294\uC9C0
          • \uC2E4\uD328 \uD639\uC740 \uC131\uACF5\uC5D0 \uB300\uD55C \uD68C\uACE0\uB97C \uD558\uB294\uC9C0
        • \uC608\uC2DC
          • \uB2E8\uC21C ES6 \uC2A4\uD399 \uB098\uC5F4 \u2192 X
          • ES6\uAC00 \uC65C \uB4F1\uC7A5\uD588\uACE0, \uC2A4\uD399\uC740 \uC5B4\uB5BB\uAC8C \uB418\uACE0, \uC5B4\uB5A4 \uC7A5\uB2E8\uC810\uC774 \uC788\uB294\uC9C0 \u2192 O
        • \uD544\uC790\uB294 \uD56D\uC0C1 \uC65C(why) \uC5D0 \uB300\uD55C \uD0A4\uC6CC\uB4DC\uAC00 \uD544\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.
      • \uC2A4\uC2A4\uB85C\uB97C \uD45C\uD604\uD558\uB294 \uB0B4\uC6A9\uC774 \uB9CE\uC744 \uC218\uB85D \uC88B\uB2E4.

        • \uACB0\uAD6D \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uC0AC\uB78C\uC744 \uBF51\uB294 \uAC83\uC774\uB2E4.
        • \uB098\uC5D0 \uB300\uD574 \uB354\uC6B1\uB354 \uAD81\uAE08\uD558\uAC8C \uD574\uC57C\uD55C\uB2E4.
        • \uB0B4\uAC00 \uC5B4\uB5A4 \uAC00\uCE58\uAD00\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294\uC9C0
        • \uC5B4\uB5A4 \uCCA0\uD559\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294\uC9C0
        • \uAC1C\uBC1C\uC744 \uBC30\uC6CC\uC11C \uBB58 \uD558\uACE0 \uC2F6\uC740\uC9C0, \uBB58 \uD558\uACE0 \uC788\uB294\uC9C0
      • github

        • github\uC758 \uC794\uB514\uAC00 \uC5C6\uB294 \uAC83 \uBCF4\uB2E8 \uC788\uB294\uAC8C \uB0AB\uB2E4.
        • \uAFB8\uC900\uD788 \uD558\uB294 \uAC83\uB3C4 \uC7A5\uC810\uC774\uB3C4
        • \uD2B9\uBCC4\uD55C \uAC83\uC744 \uD558\uB294 \uAC83\uB3C4 \uC7A5\uC810\uC774\uB2E4
        • \uACB0\uAD6D \uAC1C\uBC1C\uC790\uC774\uAE30 \uB54C\uBB38\uC5D0 \uCF54\uB4DC\uB85C \uD45C\uD604\uD558\uB294 \uAC83\uC774 \uC544\uB2D0\uAE4C?

      \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB294.. \uBB34\uCC99 \uB9CE\uC9C0\uB9CC \uC77C\uB2E8 \uC774\uC815\uB3C4\uC5D0\uC11C \uB9C8\uBB34\uB9AC\uD574\uC57C\uD560 \uAC83 \uAC19\uB2E4. \uB098\uC911\uC5D0 \uC544\uC608 \uB0B4\uAC00 \uAC19\uC774 \uC77C\uD558\uACE0 \uC2F6\uC740 \uAC1C\uBC1C\uC790\uC5D0 \uB300\uD55C \uC8FC\uC81C\uB85C \uAE00\uC744 \uC4F0\uBA74 \uB420\uB4EF..?

      (3) \uCC44\uC6A9 \uACFC\uC81C

      \uACFC\uC81C\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uB3C4 \uB2E4\uB904\uC8FC\uC168\uB2E4.

      • \uD544\uC218 \uAE30\uB2A5\uC744 \uAD6C\uD604\uD560 \uAC83
      • \uAD6C\uC870\uB97C \uC2E0\uACBD\uC4F8 \uAC83
      • \uB124\uC774\uBC0D \uC2E0\uACBD\uC4F8 \uAC83
      • \uC644\uC131\uB3C4 \uB192\uC77C \uAC83
      • node_modules \uC81C\uAC70

      \uC694\uC57D\uD558\uC790\uBA74 \uC774\uC815\uB3C4?

      \uD544\uC790\uB3C4 \uCC44\uC6A9 \uACFC\uC81C\uB97C \uCD9C\uC81C\uD588\uB358 \uC785\uC7A5\uC5D0\uC11C \uBB34\uCC99 \uACF5\uAC10\uB418\uB294 \uB0B4\uC6A9\uC774\uC5C8\uB2E4. \uB2E4\uB9CC \uC870\uAE08 \uB2E4\uB978 \uC2DC\uC57C\uB97C \uAC00\uC9C0\uACE0 \uC788\uB294\uB370, \uD544\uC218 \uAE30\uB2A5 \uAD6C\uD604 \uBCF4\uB2E8 \uCF54\uB4DC\uC758 \uD004\uB9AC\uD2F0\uB098 \uAD6C\uC870\uC5D0 \uB300\uD574 \uB354 \uB192\uC774 \uD3C9\uAC00\uD55C\uB2E4.

      \uB611\uAC19\uC740 \uAE30\uB2A5\uC744 \uAD6C\uD604\uD558\uB354\uB77C\uB3C4 \uB09C\uC774\uB3C4\uAC00 \uCC9C\uCC28\uB9CC\uBCC4\uC774\uAE30 \uB54C\uBB38\uC774\uB2E4. \uADF8\uB798\uC11C \uACFC\uC81C\uC5D0\uC11C \uC2A4\uC2A4\uB85C\uAC00 \uBCF4\uC5EC\uC904 \uC218 \uC788\uB294 \uBAA8\uB4E0 \uC5ED\uB7C9\uC744 \uBCF4\uC5EC\uC8FC\uB294 \uAC83\uC774 \uC88B\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      (4) \uAE30\uC220 \uBA74\uC811

      \uAE30\uC220 \uBA74\uC811\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB294 \uC0AC\uC2E4 \uD6C4\uAE30\uB3C4 \uB9CE\uACE0, \uC778\uD130\uBDF0 \uC9C8\uBB38\uB3C4 \uB9CE\uAE30 \uB54C\uBB38\uC5D0 \uB300\uBD80\uBD84\uC758 \uAC1C\uBC1C\uC790\uAC00 \uC544\uB294 \uB0B4\uC6A9\uC774\uC5C8\uC73C\uB9AC\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB2E4\uB9CC, \uCC44\uC6A9\uC744 \uD588\uB358 \uC785\uC7A5\uC5D0\uC11C \uACE0\uBBFC\uD574\uBCF4\uC790\uBA74 \uAE40\uC131\uD638\uB2D8\uB3C4 \uC774\uC57C\uAE30 \uD558\uC168\uC9C0\uB9CC, \uBA74\uC811\uC744 \uBCF4\uBA74 \uBCFC\uC218\uB85D \uC0AC\uB78C\uC744 \uD310\uB2E8\uD558\uAE30\uAC00 \uC5B4\uB824\uC6CC\uC9C4\uB2E4. \uC77C\uC815 \uC218\uC900 \uC774\uC0C1\uC744 \uB9CC\uC871\uD558\uB294 \uAC1C\uBC1C\uC790\uB294 \uB9CE\uC9C0\uB9CC \uC815\uB9D0 \uC8FC\uC625 \uAC19\uC740 \uBD84\uC744 \uBAA8\uC154\uC624\uB294 \uAC83\uC740 \uB2E4\uB978 \uCC28\uC6D0\uC758 \uBB38\uC81C\uB77C\uACE0 \uC0DD\uAC01\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uC6B0\uB9AC \uC870\uC9C1\uC5D0\uC11C \uC218\uC6A9\uD560 \uC218 \uC788\uB294 \uC81C\uC77C \uC88B\uC740 \uC778\uB825\uC744 \uBF51\uB294 \uAC83\uC774 \uCC44\uC6A9 \uB2F4\uB2F9\uC790\uC758 \uC81C\uC77C \uD070 \uC131\uACFC\uAC00 \uC544\uB2D0\uAE4C?

      \uADF8\uB9AC\uACE0 \uADF8\uB7F0 \uC131\uACFC\uB97C \uB0B4\uAE30 \uC704\uD574\uC11C \uB354\uC6B1 \uB354 \uC8FC\uB3C4\uBA74\uBC00\uD558\uAC8C \uC0AC\uB78C\uC744 \uD30C\uC545\uD574\uC57C \uD558\uB294\uB370.. 1~2\uC2DC\uAC04\uC744 \uD1B5\uD574\uC11C \uC0AC\uB78C\uC744 \uD30C\uC545\uD558\uB294 \uAC83 \uC790\uCCB4\uAC00 \uBAA8\uC21C\uC801\uC774\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uD2B9\uD788, \uD544\uC790\uAC00 \uAE40\uC131\uD638\uB2D8\uAED8 \uB4DC\uB838\uB358 \uC9C8\uBB38\uC774 \uC131\uC7A5\uC131\uC744 \uB192\uAC8C \uD3C9\uAC00\uD574\uC11C \uCC44\uC6A9\uD588\uB358 \uC801\uC774 \uC788\uB294\uAC00 \uC600\uB294\uB370, \uC774\uAC8C \uC81C\uC77C \uC5B4\uB835\uB2E4\uACE0 \uC774\uC57C\uAE30 \uC8FC\uC168\uB2E4.

      \uC2E0\uC785 \uAC1C\uBC1C\uC790\uC758 \uACBD\uC6B0, \uCDE8\uC900 \uACFC\uC815\uC5D0\uC11C \uACF5\uBD80\uD588\uB358 \uB0B4\uC6A9\uB4E4\uC740 \uC0AC\uC2E4 \uC2E4\uBB34\uB97C \uC811\uD558\uAC8C \uB418\uBA74 \uC5EC\uD0DC\uAE4C\uC9C0 \uD588\uB358 \uAC83\uB4E4\uC740 \uD2F0\uB04C\uC5D0 \uBD88\uACFC\uD588\uAD6C\uB098 \uAE68\uB2FF\uAC8C \uB41C\uB2E4. \uC77C\uB2E8 \uD544\uC790\uB294 \uADF8\uB7AC\uB2E4. \uB0B4\uAC00 \uC544\uB294 \uAC83\uC740 \uC815\uB9D0 \uD2F0\uB04C\uC5D0 \uBD88\uACFC\uD558\uAD6C\uB098..\uB97C \uC808\uC2E4\uD558\uAC8C \uAE68\uB2EC\uC558\uB2E4.

      \uADF8\uB798\uC11C 1\uB144\uCC28\uC600\uB358 2020\uB144\uC5D0 \uC815\uB9D0 \uC8FD\uC5B4\uB77C \uACF5\uBD80\uD588\uB2E4.

      ',34),Q={class:"custom-container tip"},W=e("p",{class:"custom-container-title"},"2020\uB144 \uAE43\uD5C8\uBE0C \uB85C\uADF8",-1),X=e("p",null,[e("img",{src:"https://junilhwang.github.io/TIL/assets/thumbnail.c9a1d3e1.jpg",alt:"https://junilhwang.github.io/TIL/assets/thumbnail.c9a1d3e1.jpg"})],-1),q=i("\uC815\uB9D0.. \uC815\uB9D0 \uC5F4\uC2EC\uD788 \uACF5\uBD80\uD588\uB2E4. \uACF5\uBD80 \uACFC\uC815\uC774 "),H={href:"https://junilhwang.github.io/Review/2020-year/12-December/",target:"_blank",rel:"noopener noreferrer"},G=i("\uC774 \uB9C1\uD06C"),K=i(" \uD074\uB9AD!"),Y=t('

      \uB2E4\uB9CC, \uB0B4\uAC00 \uC785\uC0AC\uD560 \uB2F9\uC2DC\uC5D0 \uAF64 \uB9E4\uB825\uC801\uC778 \uC0AC\uB78C\uC774\uC5C8\uB294\uAC00? \uB97C \uBD24\uC744 \uB54C\uB294.. \uC798 \uBAA8\uB974\uACA0\uB2E4. \uB0B4\uAC00 \uCC44\uC6A9 \uB2F4\uB2F9\uC790\uC600\uB2E4\uBA74 \uB098\uB97C \uC548 \uBF51\uC558\uC744 \uAC83\uC774\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0, \uC2A4\uC2A4\uB85C \uBD80\uC871\uD55C \uC810\uC744 \uC778\uC9C0\uD558\uACE0 \uC774\uB97C \uB9E4\uAFB8\uAE30 \uC704\uD574\uC11C \uBB34\uB358\uD788 \uB178\uB825\uD588\uB358 \uAC83\uC774\uB2E4.

      \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uB098\uB294 \uB0B4\uAC00 \uC5B4\uB5A4 \uC0AC\uB78C\uC778\uC9C0 \uBA74\uC811 \uC804\uC5D0 \uB2E4\uC591\uD55C \uBC29\uBC95\uC73C\uB85C \uCC44\uC6A9 \uB2F4\uB2F9\uC790\uC5D0\uAC8C \uC804\uB2EC \uD558\uB294 \uAC83\uC774 \uBB34\uCC99 \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC9C0\uAE08 \uB2F9\uC7A5\uC740 \uBD80\uC871\uD558\uB354\uB77C\uB3C4 \uB0B4\uAC00 \uC798 \uC131\uC7A5\uD560 \uC218 \uC788\uC74C\uC744, \uD3EC\uD150\uC15C\uC774 \uC788\uC74C\uC744 \uBCF4\uC5EC\uC8FC\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uAE30\uC220 \uBA74\uC811\uC5D0\uC11C \uBAA8\uB974\uB294 \uB0B4\uC6A9\uC774 \uC788\uB354\uB77C\uB3C4, \uC678\uC6E0\uB358 \uB0B4\uC6A9\uC744 \uB4A4\uC801\uAC70\uB9AC\uBA70 \uB2F5\uBCC0\uD558\uAE30 \uBCF4\uB2E8, \uC720\uCD94\uD558\uB824\uACE0 \uB178\uB825\uD558\uB294 \uAC83\uC774 \uC911\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uC0AC\uC2E4 \uBAA8\uB974\uBA74 \uADF8\uB0E5 \uAC80\uC0C9\uD574\uC11C \uC801\uC6A9\uD558\uBA74 \uB41C\uB2E4. \uADF8\uB7F0\uB370 \uB0B4\uAC00 \uACAA\uACE0 \uC788\uB294 \uBB38\uC81C\uAC00 \uAC80\uC0C9\uD574\uC11C \uC548\uB098\uC624\uBA74 \uC5B4\uB5BB\uAC8C \uD560 \uAC83\uC778\uAC00? \uADF8\uB7F0 \uC0C1\uD669\uC5D0\uC11C \uC5B4\uB5BB\uAC8C \uB300\uCC98\uD560 \uC218 \uC788\uB294\uC9C0\uB97C \uBCF4\uC5EC\uC918\uC57C \uD558\uC9C0 \uC54A\uC744\uAE4C?

      (5) \uB9C8\uC9C0\uB9C9\uC73C\uB85C, \uB098\uC758 \uC0DD\uAC01

      \uB9C8\uC9C0\uB9C9\uC73C\uB85C \uD544\uC790\uAC00 \uB2E4\uB8F0 \uB0B4\uC6A9\uC740 \uBA3C\uC800 \uC5F0\uB77D\uC774 \uC624\uAC8C \uB9CC\uB4DC\uB294 \uAC83 \uC774\uB2E4.

      \uD544\uC790\uB294 \uC2A4\uC2A4\uB85C\uAC00 \uB9CE\uC774 \uBD80\uC871\uD55C \uAC1C\uBC1C\uC790\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uC138\uC0C1\uC5D4 \uC798\uD558\uB294 \uC0AC\uB78C\uC774 \uB108\uBB34 \uB108\uBB34 \uB9CE\uAE30 \uB54C\uBB38\uC774\uACE0, \uB098\uB294 \uADF8\uB4E4\uC5D0 \uBE44\uD558\uBA74 \uD2F0\uB04C\uC5D0 \uBD88\uACFC\uD558\uB2E4.

      \uB2E4\uB9CC \uB0B4\uAC00 \uAC00\uC9C4 \uC9C0\uC2DD\uC744 \uC798 \uD45C\uD604\uD558\uACE0, \uC804\uB2EC\uD558\uACE0, \uACF5\uC720\uD558\uB294 \uAC83\uC740 \uB610 \uB2E4\uB978 \uBB38\uC81C\uB2E4.

      \uD544\uC790\uB294 \uC758\uB3C4\uD588\uB358, \uC758\uB3C4\uD558\uC9C0 \uC54A\uC558\uB358 \uB0B4\uAC00 \uAC00\uC9C4 \uAC83\uB4E4\uC744 \uC798 \uD65C\uC6A9\uD588\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uADF8 \uC218\uB2E8 \uC911 \uD558\uB098\uAC00 \uBE14\uB85C\uADF8 \uC600\uB2E4.

      ',10),Z=i("\uD544\uC790\uC758 \uACBD\uC6B0 "),$={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Store/",target:"_blank",rel:"noopener noreferrer"},ee=i("Vanilla Javascript\uB85C \uC0C1\uD0DC\uAD00\uB9AC \uC2DC\uC2A4\uD15C \uB9CC\uB4E4\uAE30"),ie=i(" \uB77C\uB294 \uAE00\uC744 \uC791\uC131 \uD588\uC744 \uB54C, \uC774\uBC88\uC5D0 \uD589\uC0AC\uC5D0 \uC5F0\uC0AC\uB85C \uCC38\uC5EC\uD574\uC8FC\uC2E0 "),le=e("code",null,"\uAE40\uC131\uD638",-1),oe=i(" \uB2D8\uC774 \uC81C\uC77C \uBA3C\uC800 \uAC19\uC774 \uC774\uC57C\uAE30\uD574\uBCF4\uBA74 \uC88B\uACA0\uB2E4\uACE0 \uC774\uC57C\uAE30\uB97C \uC8FC\uC168\uB294\uB370.. \uD544\uC790\uAC00 \uAE40\uCE6B\uAD6D \uD55C \uC0AC\uBC1C \uB4DC\uB9C1\uD0B9 \uD558\uACE0 \uC9C0\uAE08\uC740 \uC90C\uC778\uD130\uB137\uC5D0\uC11C \uD560 \uC77C\uC774 \uC788\uC73C\uB2C8 \uD604\uC7AC \uD558\uB294 \uC77C\uC5D0 \uC9D1\uC911\uD558\uACA0\uB2E4\uBA70 \uAC70\uC808 \uC758\uC0AC\uB97C \uBC1D\uD614\uB2E4. \uADF8 \uB54C\uB85C \uB2E4\uC2DC \uB3CC\uC544\uAC04\uB2E4\uBA74 \uC131\uD638\uB2D8\uC744 \uB9CC\uB098\uBD59\uACE0 \uB2E4\uC591\uD55C \uC774\uC57C\uAE30\uB97C \uB098\uB220\uBCF4\uBA74 \uB354 \uC88B\uC558\uC744 \uAC83 \uAC19\uB2E4\uB294 \uC0DD\uAC01\uC774 \uB4E0\uB2E4."),te=e("div",{class:"custom-container tip"},[e("p",{class:"custom-container-title"},"\uD328\uAE30 \uB118\uCE58\uB358 \uD6C4\uD68C \uAC00\uB4DD\uD55C \uB2F5\uC7A5"),e("p",null,[e("img",{src:"https://user-images.githubusercontent.com/18749057/174490535-423904c7-3fac-4f18-96c8-f648336cd77b.png",alt:"\uBA54\uC77C \uB2F5\uC7A5"})])],-1),pe=i("\uC5B4\uCA0C\uB4E0 \uADF8 \uB2E4\uC74C\uC5D0 \uB354 \uC798\uC368\uBCF4\uC790\uB294 \uC0DD\uAC01\uC73C\uB85C "),ne={href:"https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Virtual-DOM/",target:"_blank",rel:"noopener noreferrer"},ae=i("Vanilla Javascript\uB85C \uAC00\uC0C1\uB3D4(VirtualDOM) \uB9CC\uB4E4\uAE30"),se=i("\uC640 "),re={href:"https://zuminternet.github.io/zum-front-recurit-review/",target:"_blank",rel:"noopener noreferrer"},ce=i("\uC8FC\uB2C8\uC5B4 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uC758 \uCC44\uC6A9 \uD504\uB85C\uC138\uC2A4 \uCC38\uC5EC \uD6C4\uAE30"),de=i("\uB97C \uC791\uC131\uD588\uB2E4."),he=t('

      \uC774\uB7F0 \uAE00\uC744 \uBCF4\uACE0 \uB124\uC774\uBC84, \uC6B0\uC544\uD55C\uD615\uC81C\uB4E4, \uD1A0\uC2A4 \uB4F1 \uC815\uB9D0 \uB0B4\uAC00 \uAC08 \uC218 \uC788\uC744\uAE4C? \uC2F6\uC740 \uAE30\uC5C5\uC758 \uB9AC\uCFE0\uB974\uD130 \uBD84\uB4E4\uACFC \uC5EC\uB7EC \uC2A4\uD0C0\uD2B8\uC5C5\uC758 \uB9AC\uCFE0\uB974\uD130 \uBD84\uB4E4\uC774 \uC5F0\uB77D\uC744 \uC8FC\uC168\uB2E4.

      \uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uC90C\uC778\uD130\uB137 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uB97C \uBE4C\uB529\uD55C\uC9C0 \uC5BC\uB9C8 \uC548 \uB41C \uC2DC\uC810\uC774\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uB208\uBB3C\uC744 \uBA38\uAE08\uACE0(?) \uC9C0\uAE08 \uB2F9\uC7A5\uC740 \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uACA0\uB2E4\uB294 \uC758\uC0AC\uB97C \uAC01 \uAE30\uC5C5\uC758 \uB2F4\uB2F9\uC790\uBD84\uB4E4\uAED8 \uC804\uB2EC\uB4DC\uB838\uB2E4.

      \uAC01\uC124\uD558\uACE0, \uD544\uC790\uAC00 \uAD1C\uCC2E\uC740 \uBC29\uD5A5\uC73C\uB85C \uB098\uC544\uAC00\uACE0 \uC788\uB2E4\uB294 \uC0DD\uAC01\uC744 \uAC00\uC9C0\uAC8C \uB41C \uACC4\uAE30\uAC00 \uAE40\uC131\uD638\uB2D8 \uB355\uBD84\uC774\uC5C8\uB2E4.

      \uADF8\uB798\uC11C \uC774\uBC88 \uD589\uC0AC\uC5D0 \uBB34\uCC99 \uCC38\uC5EC\uD558\uACE0 \uC2F6\uC5C8\uACE0, \uB610 \uC9C1\uC811 \uC778\uC0AC\uB4DC\uB9AC\uACE0 \uC2F6\uC5C8\uB294\uB370.. \uBC1C\uD45C\uAC00 \uB05D\uB098\uC790 \uB9C8\uC790 \uCE7C\uD1F4\uADFC\uC744 \uD558\uC154\uC11C \uC778\uC0AC\uB97C \uB4DC\uB9AC\uC9C0 \uBABB\uD55C\uAC8C \uC81C\uC77C \uC544\uC26C\uC6E0\uB2E4.

      \uC0AC\uC2E4 \uD544\uC790\uB294 \uAE00\uC744 \uC791\uC131\uD558\uACE0 \uB098\uC11C \uBC29\uCE58\uD55C\uAC8C \uC544\uB2C8\uB77C \uAF64 \uB2E4\uC591\uD55C \uBC29\uC2DD\uC73C\uB85C \uC5EC\uB7EC \uD50C\uB7AB\uD3FC\uC5D0 \uD64D\uBCF4\uD588\uB2E4.

      • \uD398\uC774\uC2A4\uBD81 \uD398\uC774\uC9C0
        • \uC0DD\uD65C\uCF54\uB529
        • \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uADF8\uB8F9
        • VueJS \uAC1C\uBC1C\uC790 \uADF8\uB8F9
        • React \uAC1C\uBC1C\uC790 \uADF8\uB8F9
        • Javascript \uAC1C\uBC1C\uC790 \uADF8\uB8F9
      • \uC624\uD508\uCC44\uD305\uBC29
        • \uCD9C\uD1F4\uADFC\uAE38 \uAC1C\uBC1C \uC77D\uAE30
      • \uC2AC\uB799, \uB514\uC2A4\uCF54\uB4DC \uCC44\uB110
        • \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514
        • \uBD80\uC2A4\uD2B8\uCEA0\uD504
      • \uC5D0\uBE0C\uB9AC\uD0C0\uC784(\uB300\uD559\uAD50 \uCEE4\uBBA4\uB2C8\uD2F0)
      • \uB9C1\uD06C\uB4DC\uC778

      \uADF8\uB9AC\uACE0 \uC791\uC131\uD55C \uAE00\uC774 \uC815\uB9D0 \uD004\uB9AC\uD2F0\uAC00 \uC88B\uC744 \uB54C\uB294 \uD544\uC790\uAC00 \uC544\uB2CC \uB3C5\uC790 \uBD84\uB4E4\uC774 \uB2E4\uC591\uD55C \uD50C\uB7AB\uD3FC\uC744 \uD1B5\uD574 \uACF5\uC720\uB97C \uD574\uC8FC\uB294 \uACBD\uC6B0\uB3C4 \uB9CE\uC558\uB2E4.

      \uBA3C\uC800 \uAE00\uC758 \uD004\uB9AC\uD2F0\uB97C \uB192\uC5EC\uC57C \uD558\uACE0, \uC2A4\uC2A4\uB85C \uC791\uC131\uD55C \uAE00\uC5D0 \uC790\uC2E0\uC774 \uC788\uB2E4\uBA74 \uC774\uB97C \uC81C\uB300\uB85C \uD64D\uBCF4\uD560 \uC904 \uC54C\uC544\uC57C \uD55C\uB2E4. \uADF8\uB807\uAC8C \uC5EC\uAE30 \uC774\uB7F0 \uC0AC\uB78C\uC774 \uC788\uB2E4 \uACE0 \uC54C\uB9B4 \uC218\uB85D \uAE30\uD68C\uAC00 \uB9CE\uC544\uC9C0\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uD544\uC790\uAC00 \uC120\uD0DD\uD55C \uB610 \uB2E4\uB978 \uC218\uB2E8\uC740 \uC2A4\uD130\uB514 \uD615\uD0DC\uC758 \uAC15\uC758 \uD50C\uB7AB\uD3FC\uC774\uB2E4. \uC0AC\uC2E4 \uB300\uBD80\uBD84\uC758 \uBD80\uD2B8\uCEA0\uD504\uAC00 \uC2A4\uD130\uB514 \uD615\uD0DC\uC758 \uAC15\uC758 \uB77C\uACE0 \uD560 \uC218 \uC788\uB294\uB370, \uBD80\uD2B8\uCEA0\uD504 \uC678\uC5D0\uB3C4

      • \uCF54\uB4DC\uC228
      • \uB125\uC2A4\uD2B8\uC2A4\uD15D
      • \uD504\uB85C\uADF8\uB798\uBA38\uC2A4

      \uB4F1\uC744 \uD1B5\uD574 \uCC38\uC5EC\uD560 \uC218 \uC788\uB2E4.

      \uAC15\uC758\uD615 \uC2A4\uD130\uB514\uC5D0\uC11C \uBBF8\uC158\uC774 \uC8FC\uC5B4\uC9C8 \uB54C \uB9C8\uB2E4 \uC81C\uC77C \uBE68\uB9AC \uB05D\uB0B4\uC790 \uB9AC\uBDF0\uB97C \uC81C\uC77C \uB9CE\uC774 \uD558\uC790 \uAC19\uC740 \uBAA9\uD45C\uB97C \uC815\uD574\uC11C \uBBF8\uC158\uC774 \uC784\uD588\uB2E4. \uC774\uB7F0 \uACFC\uC815\uC744 \uD1B5\uD574\uC11C \uB0B4\uAC00 \uAF64 \uAC1C\uBC1C\uC744 \uAD1C\uCC2E\uAC8C \uD55C\uB2E4 \uB77C\uB294 \uC810\uC744 \uC5B4\uD544\uD558\uB294 \uAC83\uC774\uB2E4.

      \uAC15\uC758\uB97C \uD558\uB294 \uC0AC\uB78C\uB3C4, \uAC15\uC758\uC5D0 \uB9AC\uBDF0\uC5B4\uB85C \uCC38\uC5EC\uD558\uB294 \uC0AC\uB78C\uB3C4 \uAE30\uC5C5\uC5D0 \uADFC\uBB34\uD558\uB294 \uACBD\uC6B0\uAC00 \uB300\uBD80\uBD84\uC774\uBA70, \uB300\uBD80\uBD84\uC758 \uAE30\uC5C5\uC740 \uCC44\uC6A9\uC744 \uD55C\uB2E4.

      \uC5F4\uC2EC\uD788 \uD558\uB294 \uC0AC\uB78C\uC77C\uC218\uB85D \uAE30\uC5B5\uC5D0 \uAC15\uB82C\uD558\uAC8C \uB0A8\uC744 \uC218 \uBC16\uC5D0 \uC5C6\uB294 \uAC83\uC774\uB2E4. \uADF8\uB798\uC11C \uD544\uC790\uB294 \uC5B4\uB5A4 \uACFC\uC815\uC744 \uCC38\uC5EC\uD558\uB4E0 \uCD5C\uB300\uD55C \uC801\uADF9\uC801\uC73C\uB85C, \uCD5C\uB300\uD55C \uB9CE\uC740 \uC2DC\uAC04\uC744 \uD22C\uC790\uD588\uB2E4.

      \uB9C8\uCC2C\uAC00\uC9C0\uB85C, \uC774\uB7F0 \uACBD\uD5D8\uC744 \uD1A0\uB300\uB85C \uBD80\uC2A4\uD2B8\uCEA0\uD504, \uB125\uC2A4\uD2B8\uC2A4\uD15D, \uD56D\uD57499 \uAC19\uC740 \uAD50\uC721 \uACFC\uC815(\uD639\uC740 \uD50C\uB7AB\uD3FC)\uC5D0 \uB9AC\uBDF0\uC5B4\uB098 \uBA58\uD1A0\uB85C \uCC38\uC5EC\uD560 \uC218 \uC788\uC5C8\uACE0, \uB610 \uC774\uC5D0 \uB300\uD55C \uD68C\uACE0\uB97C \uC4F0\uACE0, \uB2E4\uC2DC \uB0B4\uAC00 \uC774\uB7F0 \uC0AC\uB78C\uC774\uB77C\uACE0 \uD544\uC790\uC758 \uAE00\uC744 \uC77D\uB294 \uC0AC\uB78C\uC5D0\uAC8C \uC54C\uB9B4 \uC218 \uC788\uC5C8\uB2E4.

      \uADF8\uB9AC\uACE0 \uC774 \uAE00 \uB610\uD55C \uD544\uC790\uB294 \uC218\uB2E8\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      • \uB098\uB294 \uC774\uB7F0 \uC0DD\uAC01\uC744 \uAC00\uC9C0\uACE0 \uC788\uB2E4.
      • \uB098\uB294 \uC774\uB7F0 \uC790\uC138\uB85C \uAC1C\uBC1C\uC744 \uD558\uACE0 \uC788\uB2E4.
      • \uB098\uB294 \uC774\uB7F0 \uC0AC\uB78C\uACFC \uC77C\uD558\uACE0 \uC2F6\uB2E4.
      • \uB098\uB294 \uC774\uB7F0 \uC5ED\uB7C9\uC744 \uAC00\uC9C0\uACE0 \uC788\uB2E4.

      \uB77C\uACE0 \uC9C1\uC811\uC801\uC774 \uC544\uB2CC \uAC04\uC811\uC801\uC73C\uB85C \uC804\uB2EC\uD558\uB294 \uAC83\uC774\uB2E4.

      \uBB3C\uB860, \uD544\uC790\uAC00 \uC774\uC57C\uAE30 \uD558\uB294 \uAC83\uC774 \uC815\uB2F5\uC774 \uB420 \uC21C \uC5C6\uB2E4. \uC5B4\uB5BB\uAC8C \uBCF4\uBA74 \uC18D \uBE48 \uAC15\uC815\uC774 \uB420 \uC218\uB3C4 \uC788\uACE0, \uBE48 \uC218\uB808\uAC00 \uC694\uB780\uD558\uB2E4\uB294 \uB9D0\uC758 \uD45C\uBCF8\uC774 \uB420 \uC218\uB3C4 \uC788\uB2E4.

      \uADF8\uB7FC\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uD558\uC9C0 \uC54A\uB294 \uAC83 \uBCF4\uB2E8 \uD558\uB294 \uAC8C \uB354 \uC88B\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB124\uD2B8\uC6CC\uD0B9

      \uC6D0\uB798 \uB124\uD2B8\uC6CC\uD0B9\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uC81C\uC77C \uAE38\uAC8C \uC791\uC131\uD560 \uC0DD\uAC01\uC774\uC5C8\uB294\uB370 \uAE09\uBC1C\uC9C4(?)\uC744 \uD574\uC11C \uC55E\uC758 \uB0B4\uC6A9\uC774 \uAE38\uC5B4\uC84C\uB2E4.. \uAC11\uC790\uAE30 \uC4F0\uAE30 \uADC0\uCC2E\uC544\uC9C0\uAE30 \uC2DC\uC791\uD558\uB124

      (1) \uC5B4\uB5A4 \uC77C\uC744 \uC5BC\uB9C8\uB098 \uD588\uB098\uC694?

      \uB77C\uB294 \uC9C8\uBB38\uC744 \uC81C\uC77C \uB9CE\uC774 \uB4E4\uC5C8\uB2E4.

      \uD544\uC790\uB294 \uB300\uD559\uAD50 1\uD559\uB144\uC774 \uB05D\uB098\uACE0 \uD734\uD559\uD55C \uB2E4\uC74C\uC5D0 \uAD70\uB300\uC5D0 \uAC00\uAE30 \uC804\uAE4C\uC9C0 \uC11C\uC6B8\uB514\uC9C0\uD14D\uACE0\uB4F1\uD559\uAD50 \uB77C\uB294 \uACF3\uC5D0\uC11C \uC6F9 \uAC1C\uBC1C \uAC15\uC0AC\uB97C \uD588\uC5C8\uB2E4.

      \uD544\uC790\uB294 \uC6F9 \uAC1C\uBC1C\uC744 \uACE0\uB4F1\uD559\uAD50 2\uD559\uB144 \uB54C \uCC98\uC74C \uC811\uD588\uB2E4. \uAD6C\uAD6C\uC808\uC808 \uC774\uC57C\uAE30\uD558\uBA74 \uB108\uBB34 \uAE38\uC5B4\uC9C0\uAE30 \uB54C\uBB38\uC5D0 \uAD81\uAE08\uD558\uB2E4\uBA74 \uC774 \uAE00\uB4E4\uC744 \uC77D\uC5B4\uC8FC\uC2DC\uAE38..

      ',26),_e={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/",target:"_blank",rel:"noopener noreferrer"},ue=i("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (1)"),ge={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/",target:"_blank",rel:"noopener noreferrer"},fe=i("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (2)"),be={href:"https://junilhwang.github.io/TIL/Writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/",target:"_blank",rel:"noopener noreferrer"},Ee=i("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 (3)"),me=t('

      \uC5B4\uCA0C\uB4E0 21\uC0B4\uC5D0 PHP, MySQL, \uD3EC\uD1A0\uC0F5(?), javascript, jQuery \uB4F1\uC744 \uACE0\uB4F1\uD559\uC0DD\uB4E4\uC744 \uB300\uC0C1\uC73C\uB85C \uAD50\uC721\uD588\uB2E4. \uC57D 10\uAC1C\uC6D4 \uC815\uB3C4 \uD588\uC5C8\uB2E4. \uB354\uBD88\uC5B4\uC11C \uD504\uB9AC\uB79C\uC11C\uB97C \uD558\uBA74\uC11C \uB2E4\uC591\uD55C \uC678\uC8FC\uB97C \uB9E1\uC544\uC11C \uD588\uC5C8\uB294\uB370.. \uB355\uBD84\uC5D0 \uC785\uB300\uD558\uB294 \uB0A0 \uC544\uCE68\uAE4C\uC9C0 \uAC1C\uBC1C\uC744 \uD588\uC5C8\uB2E4.

      \uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0(?) \uC804\uC5ED\uC744 \uD558\uACE0 \uBCF5\uD559\uD558\uAE30 \uC804\uAE4C\uC9C0 \uC77C\uC774\uB098 \uD574\uBCF4\uC790 \uB77C\uB294 \uC0DD\uAC01\uC73C\uB85C \uC9D1\uC55E\uC5D0 \uC788\uB294 \uC5D0\uC774\uC804\uC2DC \uD68C\uC0AC\uC5D0 \uC9C0\uC6D0\uD588\uB294\uB370, \uBA74\uC811\uC744 \uBCF4\uACE0 \uB0B4\uC77C\uBD80\uD130 \uCD9C\uADFC\uD558\uB77C\uACE0 \uD574\uC11C \uAC10\uC0AC\uD569\uB2C8\uB2E4! \uD558\uACE0 \uC77C\uD588\uB2E4.

      \uB2F9\uC2DC\uC5D0\uB294 \uC6D4\uAE09\uC744 150\uB9CC\uC6D0 \uBC1B\uC73C\uBA74\uC11C \uC77C\uD588\uB294\uB370, \uCCAB\uB0A0 9\uC2DC\uAE4C\uC9C0 \uC57C\uADFC\uD588\uB2E4. \uCCAB \uB0A0 \uBD80\uD130 \uB108\uBB34 \uC5F4\uC2EC\uD788\uD574\uC11C \uC900\uC77C\uC528 \uB54C\uBB38\uC5D0 \uD1F4\uADFC\uD558\uB294\uAC8C \uB208\uCE58\uBCF4\uC774\uC796\uC544\uC694! \uB77C\uB294 \uC774\uC57C\uAE30\uB97C \uB4E4\uC5C8\uB358 \uAE30\uC5B5\uC774 \uB09C\uB2E4(\uC9C4\uC2EC\uC740 \uC544\uB2C8\uACE0 \uC7A5\uB09C\uC73C\uB85C \uD55C \uC774\uC57C\uAE30\uC600\uB2E4 \u314B\u314B)

      \uADF8\uB807\uAC8C 6\uAC1C\uC6D4 \uC815\uB3C4 \uC77C\uD558\uB2E4\uAC00 \uBCF5\uD559\uD560 \uB54C\uAC00 \uB418\uC5B4\uC11C \uADF8\uB9CC\uB450\uACA0\uB2E4\uACE0 \uC774\uC57C\uAE30 \uD588\uB354\uB2C8 \uD68C\uC0AC\uB294 \uC548 \uB098\uC640\uB3C4 \uC88B\uC73C\uB2C8 \uC6D0\uACA9\uADFC\uBB34\uB85C \uC77C\uD558\uC790\uACE0 \uC81C\uC548\uC8FC\uC154\uC11C \uB36E\uC369 \uBB3C\uC5C8\uACE0, 1\uB144\uC744 \uB354 \uC77C\uD588\uB2E4.

      \uC5D0\uC774\uC804\uC2DC\uB9C8\uB2E4 \uB2E4\uB974\uACA0\uC9C0\uB9CC.. \uB0B4\uAC00 \uB9E1\uC558\uB358 \uC5C5\uBB34\uB294 \uADF8\uB204\uBCF4\uB4DC + \uC6CC\uB4DC\uD504\uB808\uC2A4\uB85C \uC1FC\uD551\uBAB0\uC774\uB098 \uD68C\uC0AC\uC0AC\uC774\uD2B8\uB97C \uB9CC\uB4E4\uACE0 \uBC18\uC751\uD615\uC73C\uB85C \uAD6C\uCD95\uD558\uB294\uAC8C \uB300\uBD80\uBD84\uC774\uC5C8\uB2E4. \uC5B4\uCA4C\uB2E4 \uD55C \uBC88 \uC2A4\uD504\uB9C1\uC73C\uB85C \uB41C \uD504\uB85C\uC81D\uD2B8\uB3C4 \uC9C4\uD589\uD574\uBCF4\uACE0, Vue.js \uAC19\uC740 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC368\uBCF4\uAE30\uB3C4 \uD588\uB294\uB370 \uC5B4\uCA0C\uB4E0 \uC27D\uAC8C \uB9D0\uD574\uC11C \uC7AC\uBBF8\uB3C4 \uC5C6\uACE0 \uC758\uC695\uB3C4 \uC5C6\uC5C8\uB2E4. \uADF8\uB798\uC11C \uADF8\uB9CC \uB480\uB2E4.

      \uADF8\uB807\uAC8C \uD559\uC5C5\uC5D0 \uC9D1\uC911 \uC544\uB2CC \uC9D1\uC911\uC744 \uD588\uACE0, \uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0 \uB9C9\uD559\uAE30\uC5D0 \uC90C\uC778\uD130\uB137\uC5D0 \uD569\uB958\uD558\uC5EC 2\uB144 6\uAC1C\uC6D4\uC744 \uADFC\uBB34\uD588\uB2E4.

      \uC0AC\uC2E4 \uD504\uB860\uD2B8\uC5D4\uB4DC\uB97C \uC804\uBB38\uC73C\uB85C \uD558\uAE30 \uC2DC\uC791\uD55C \uAC83\uC740 1\uB144\uC774 \uC548 \uB41C\uB2E4. \uC90C\uC778\uD130\uB137\uC5D0 \uC785\uC0AC\uD560 \uB54C\uB294 \uC11C\uBE44\uC2A4 \uAC1C\uBC1C\uC790\uC600\uACE0, \uBC31\uC5D4\uB4DC API\uB97C \uB9CC\uB4DC\uB294 \uC77C\uC744 \uB354 \uB9CE\uC774 \uD588\uB2E4. \uADF8\uB798\uC11C Java\uC640 \uAD00\uB828\uB41C \uD559\uC2B5\uC744 \uAF64 \uB9CE\uC774 \uD588\uB2E4.

      \uADF8\uB7EC\uB2E4 \uAC11\uC790\uAE30 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uAC00 \uC0DD\uACBC\uACE0, \uAC11\uC790\uAE30 \uB9AC\uB529\uC744 \uD558\uAC8C \uB418\uBA74\uC11C \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB85C \uC804\uD5A5\uD558\uAC8C \uB41C \uAC83\uC774\uB2E4.

      \uC5B4\uCA0B\uB4E0 \uC704\uC640 \uAC19\uC740 \uACFC\uC815\uC744 \uD1B5\uD574\uC11C \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB294, \uB300\uD559\uAD50\uB97C \uB2E4\uB2C8\uBA74\uC11C \uAD73\uC774 \uC77C\uC744 \uD558\uC9C0 \uC54A\uC544\uB3C4 \uB41C\uB2E4\uB294 \uC810\uC774\uB2E4. \uAC19\uC740 \uC870\uC5D0 \uB300\uD559\uAD50\uB97C \uB2E4\uB2C8\uBA74\uC11C \uC77C\uC744 \uD558\uC2DC\uB294 \uBD84\uC774 \uC788\uC5C8\uB294\uB370 \uB0B4 \uACFC\uAC70\uC640 \uACB9\uCCD0\uC84C\uB2E4. \uBB3C\uB860 \uC77C\uD588\uB358 \uACBD\uD5D8 \uC790\uCCB4\uB294 \uB3C4\uC6C0\uC774 \uB418\uC9C0\uB9CC, \uC774\uAC8C \uD559\uC5C5\uC758 \uACBD\uD5D8\uBCF4\uB2E4 \uB3C4\uC6C0\uC774 \uB41C\uB2E4\uACE0 \uC774\uC57C\uAE30 \uD55C\uB2E4\uBA74 \uC544\uB2C8\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. (\uAD00\uC810\uC758 \uCC28\uC774\uAC00 \uC788\uB2E4)

      \uC81C\uC77C \uD070 \uC774\uC720 \uC911 \uD558\uB098\uB294, \uC77C\uC740 \uD3C9\uC0DD \uD558\uAC8C \uB420 \uAC83\uC774\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uC5EC\uAC74\uB9CC \uB41C\uB2E4\uBA74 \uADF8\uB0E5 \uD559\uAD50 \uC0DD\uD65C \uC790\uCCB4\uB97C \uC990\uAE30\uB294\uAC8C \uC778\uC0DD\uC744 \uAE38\uAC8C \uB193\uACE0 \uBD24\uC744 \uB54C \uB354 \uD070 \uD65C\uB825\uC774 \uB418\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4.

      \uD544\uC790\uB294 \uB300\uD559\uAD50\uB97C \uB2E4\uB2D0 \uB54C\uAC00 \uC81C\uC77C \uD798\uB4E4\uC5C8\uB2E4.

      \uC77C\uC740 \uC77C\uB300\uB85C \uD558\uACE0, \uC218\uC5C5\uC740 \uC218\uC5C5\uB300\uB85C \uB4E3\uACE0, \uACFC\uC81C\uB3C4 \uD558\uACE0 \uC2DC\uD5D8\uB3C4 \uBCF4\uACE0, \uC2DC\uD5D8 \uB05D\uB098\uBA74 \uB2E4\uC2DC \uC77C\uD558\uACE0\uB97C \uBC18\uBCF5\uD588\uB2E4. \uB300\uD559\uAD50 \uBCF5\uD559 \uD6C4 3\uB144 \uB3D9\uC548 \uD3C9\uADE0 \uC218\uBA74 \uC2DC\uAC04\uC774 4\uC2DC\uAC04~5\uC2DC\uAC04 \uC0AC\uC774\uC600\uB2E4.

      \uCC28\uB77C\uB9AC \uADF8 \uC2DC\uAC04\uC5D0 \uB9C8\uC74C \uB9DE\uB294 \uCE5C\uAD6C\uB4E4\uACFC \uD504\uB85C\uC81D\uD2B8\uB97C \uD588\uB2E4\uBA74, \uB3D9\uC544\uB9AC\uB97C \uD588\uB2E4\uBA74, \uD639\uC740 \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uAC19\uC740 \uAD50\uC721 \uACFC\uC815\uC744 \uC54C\uC544\uBCF4\uACE0 \uC900\uBE44\uD574\uC11C \uCC38\uC5EC\uD560 \uC218 \uC788\uC5C8\uB2E4\uBA74 \uC9C0\uAE08\uBCF4\uB2E4 \uB354 \uB9CE\uC740 \uBD84\uB4E4\uC744 \uBD59\uACE0 \uAC1C\uBC1C\uC774\uB77C\uB294 \uAC83\uC758 \uBCF8\uC9C8\uC5D0 \uB354 \uC77C\uCC0D \uB2E4\uAC00\uAC08 \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C? \uD558\uB294 \uC0DD\uAC01\uC774 \uB4E0\uB2E4.

      \uD6C4\uD68C\uB97C \uD55C\uB2E4\uACE0 \uD574\uB3C4.. \uC0AC\uC2E4 \uD544\uC790\uC5D0\uAC8C\uB294 \uBCC4\uB2E4\uB978 \uC120\uD0DD\uC9C0\uAC00 \uC5C6\uC5C8\uB2E4. \uC2A4\uC2A4\uB85C \uD559\uBE44\uC640 \uC0DD\uD65C\uBE44\uB97C \uBC8C\uC5B4\uC57C \uD588\uAE30 \uB54C\uBB38\uC774\uB2E4. \uACF5\uBD80\uB97C \uD574\uC11C \uC2DC\uD5D8\uC744 \uC798 \uBCF4\uACE0 \uC7A5\uD559\uAE08\uC744 \uBC1B\uB294\uB2E4\uACE0 \uD574\uB3C4 \uC0DD\uD65C\uBE44\uAE4C\uC9C0 \uB098\uC624\uB294\uAC74 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0.. \uC6B8\uBA70 \uACA8\uC790\uBA39\uAE30\uB85C \uC77C\uC744 \uD588\uB2E4. \uC5B4\uB5A4 \uB0A0\uC740 \uB0B4\uAC00 \uC65C \uC774\uB807\uAC8C \uC0B4\uC544\uC57C\uD558\uC9C0? \uD558\uB294 \uC0DD\uAC01\uC5D0 \uC11C\uB7EC\uC6C0\uC5D0 \uBD81\uBC1B\uCCD0\uC11C \uB208\uBB3C\uC744 \uC3DF\uC544\uB0B8\uC801\uB3C4 \uC788\uC5C8\uB2E4. \uC815\uB9D0 \uD544\uC790 \uCC98\uB7FC \uC5B4\uCA54 \uC218 \uC5C6\uB294 \uC0C1\uD669\uC774 \uC544\uB2C8\uB77C\uBA74, \uAD73\uC774 \uC77C\uD560 \uD544\uC694\uB294 \uC5C6\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB300\uD559\uAD50\uC5D0\uC11C \uD560 \uC218 \uC788\uB294 \uAC12\uC9C4 \uACBD\uD5D8\uC774 \uB108\uBB34 \uB9CE\uAE30 \uB54C\uBB38\uC774\uB2E4.

      (2) Vanilla Javascript\uC5D0 \uB300\uD55C \uAE00\uC744 \uC65C \uC4F0\uAC8C \uB418\uC5C8\uB098\uC694?

      \uD544\uC790\uB294 \uD504\uB808\uC784\uC6CC\uD06C \uB77C\uB294 \uAC83\uC740 \uB0B4\uAC00 \uC544\uB2CC \uB2E4\uB978 \uC0AC\uB78C\uC774 \uB0B4 \uC790\uB9AC\uB97C \uB300\uCCB4\uD558\uAE30 \uC27D\uAC8C \uB9CC\uB4DC\uB294 \uB3C4\uAD6C\uB77C\uACE0 \uC0DD\uAC01\uD588\uB2E4. \uC989, \uB0B4\uAC00 React\uB97C \uD574\uB2E4\uAC00 \uD1F4\uC0AC\uD588\uC744 \uB54C \uB2E4\uB978 React \uAC1C\uBC1C\uC790\uB97C \uAD6C\uD558\uBA74 \uB41C\uB2E4. \uADF8\uB7F0\uB370 \uB0B4\uAC00 React \uC678\uC801\uC73C\uB85C \uBB34\uC5C7\uC778\uAC00 \uB354 \uC911\uC694\uD55C \uC77C\uC744 \uD560 \uC218 \uC788\uB2E4\uBA74, \uB0B4\uAC00 \uD1F4\uC0AC\uD55C\uB2E4\uACE0 \uD588\uC744 \uB54C \uC0AC\uCE21\uC5D0\uC11C\uB294 \uD55C \uBC88 \uC774\uC0C1\uC758 \uACE0\uBBFC\uC744 \uD558\uAC8C \uB418\uC9C0 \uC54A\uC744\uAE4C?

      \uC774 \uC0AC\uB78C\uC744 \uB300\uCCB4 \uD560 \uC218 \uC788\uB2E4 \uAC00 \uC544\uB2C8\uB77C \uC774 \uC0AC\uB78C\uC744 \uB300\uCCB4\uD560 \uC218 \uC788\uC744\uAE4C? \uB85C \uC0DD\uAC01\uD560 \uC218 \uC788\uAC8C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4.

      \uADF8\uB798\uC11C \uC27D\uAC8C \uB300\uCCB4\uD560 \uC218 \uC5C6\uB294 \uAC1C\uBC1C\uC790\uAC00 \uB418\uC5B4\uC57C \uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4. \uADF8 \uC218\uB2E8\uC73C\uB85C \uD544\uC790\uB294 \uD504\uB808\uC784\uC6CC\uD06C\uC758 \uAE30\uC800\uC5D0 \uAE54\uB9B0 \uAC1C\uB150\uB4E4\uC744 \uD559\uC2B5\uD574\uBCF4\uC790\uB294 \uC0DD\uAC01\uC73C\uB85C \uACF5\uBD80\uB97C \uD588\uB2E4. \uB0B4\uAC00 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uB9CC\uB4E4 \uC218\uC900\uC774 \uB41C\uB2E4\uBA74, \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uC5BD\uB9E4\uC774\uB294 \uAC1C\uBC1C\uC790\uAC00 \uC544\uB2C8\uB77C \uB354 \uB09C\uC774\uB3C4\uAC00 \uB192\uC740 \uC77C\uB3C4 \uD560 \uC218 \uC788\uC73C\uB9AC\uB77C\uACE0 \uC0DD\uAC01\uD588\uB2E4.

      (3) \uC0AC\uC6A9\uC131\uC774 \uC88B\uB2E4\uB294 \uAC83\uC744 \uC5B4\uB5BB\uAC8C \uD310\uB2E8\uD560 \uAC83\uC778\uAC00?

      \uC774\uAC74 \uD544\uC790\uAC00 \uB2E4\uB978 \uBD84\uB4E4\uC5D0\uAC8C \uC9C8\uBB38\uB4DC\uB9B0 \uB0B4\uC6A9\uC774\uB2E4. \uAE40\uC131\uD638 \uB2D8\uC774 UX\uB97C \uB354 \uC2E0\uACBD\uC4F0\uB294 \uAC1C\uBC1C\uC790\uAC00 \uB418\uC5B4\uB77C \uB77C\uACE0 \uC774\uC57C\uAE30\uD574\uC8FC\uC168\uB294\uB370, \uADF8\uB807\uB2E4\uBA74 UX\uAC00 \uB354 \uC88B\uB2E4\uB294 \uAC83\uC744 \uC5B4\uB5BB\uAC8C \uC54C \uC218 \uC788\uC744\uAE4C? \uC5D0 \uB300\uD55C \uC9C8\uBB38\uB3C4 \uD544\uC694\uD558\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4.

      \uB0B4\uAC00 \uB9CC\uB4E0 \uC11C\uBE44\uC2A4\uAC00 \uC0AC\uC6A9\uC131\uC774 \uC88B\uB2E4\uB294 \uAC83\uC744 \uAC1D\uAD00\uC801\uC73C\uB85C \uC54C \uC218 \uC788\uB294 \uBC29\uBC95\uC774 \uC788\uC744\uAE4C?

      \uAC1D\uAD00\uC801\uC778 \uC9C0\uD45C\uB97C \uB3C4\uCD9C\uD574\uB0B4\uB294 \uBC29\uBC95\uC744 \uC0DD\uAC01\uD574\uBCF4\uC790.

      • \uC0AC\uC6A9\uC790\uAC00 \uBE0C\uB77C\uC6B0\uC800 \uB0B4\uC5D0\uC11C \uBC1C\uC0DD\uC2DC\uD0A4\uB294 \uC774\uBCA4\uD2B8\uAC00 \uC874\uC7AC\uD560 \uAC83\uC774\uB2E4.
      • \uC5B4\uB5A4 \uD398\uC774\uC9C0\uB97C \uC870\uD68C\uD558\uB294\uC9C0
      • \uC5B4\uB514\uB97C \uB9CE\uC774 \uD074\uB9AD\uC744 \uD558\uB294\uC9C0
      • \uC5B4\uB5A4 \uC601\uC5ED\uC5D0\uC11C \uB9CE\uC774 \uBA38\uBB34\uB974\uB294\uC9C0

      \uC774\uC5D0 \uB300\uD55C \uC815\uBCF4\uB97C \uC218\uC9D1\uD560 \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C? \uADF8\uB9AC\uACE0 \uC774\uB97C \uC218\uCE58\uD654 \uD558\uBA74 \uC5B4\uB5A8\uAE4C?

      \uADF8\uB7FC \uC774\uB7F0 \uC0DD\uAC01\uB3C4 \uC788\uC744 \uAC83\uC774\uB2E4.

      • A\uB77C\uB294 UI\uC640 B\uB77C\uB294 UI \uC911\uC5D0 \uC5B4\uB5A4 UI\uB97C \uB354 \uB9CE\uC774 \uC4F8\uAE4C?

      \uC774\uB97C \uB3D9\uC2DC\uC5D0 \uCE21\uC815\uD558\uAE30 \uC704\uD55C \uBC29\uBC95\uB3C4 \uC788\uC9C0 \uC54A\uC744\uAE4C?

      \uC774\uC5D0 \uB300\uD574 \uC5EC\uAE30\uC11C \uC790\uC138\uD788 \uB2E4\uB8E8\uC9C4 \uC54A\uACA0\uB2E4. \uC2A4\uC2A4\uB85C \uD55C \uBC88 \uACE0\uBBFC\uD574\uBCF4\uACE0, \uCC3E\uC544\uBCF4\uB294 \uAC83\uC744 \uAD8C\uC720\uB4DC\uB9B0\uB2E4.

      (4) \uAC1C\uBC1C\uC790\uC758 \uC5ED\uD560\uC740 \uBB34\uC5C7\uC77C\uAE4C?

      \uACB0\uAD6D IT \uC11C\uBE44\uC2A4\uB294 \uC778\uB825 \uC0AC\uC5C5\uC774\uB2E4. \uAC00\uB839, \uC2A4\uB9C8\uD2B8\uD3F0\uC744 \uB9CC\uB4E0\uB2E4\uACE0 \uD588\uC744 \uB54C \uC2A4\uB9C8\uD2B8\uD3F0\uC5D0 \uB300\uD55C \uC124\uACC4\uB3C4 \uD544\uC694\uD558\uACE0 \uC2A4\uB9C8\uD2B8\uD3F0\uC5D0 \uB4E4\uC5B4\uAC00\uB294 \uBD80\uD488\uB3C4 \uD544\uC694\uD560 \uAC83\uC774\uB2E4.

      \uADF8\uB7F0\uB370 \uC18C\uD504\uD2B8\uC6E8\uC5B4\uB294 \uC5B4\uB5A0\uD55C\uAC00?

      \uB204\uAD6C\uB098 \uCEF4\uD4E8\uD130\uB9CC \uC788\uB2E4\uBA74, \uC2A4\uB9C8\uD2B8\uD3F0\uB9CC \uC788\uB2E4\uBA74 \uC6F9\uC11C\uBE44\uC2A4\uB97C \uC774\uC6A9\uD560 \uC218 \uC788\uB2E4. \uD639\uC740 \uC571\uC744 \uB2E4\uC6B4\uBC1B\uC544 \uC0AC\uC6A9\uD560 \uC218\uB3C4 \uC788\uC744 \uAC83\uC774\uB2E4.

      \uAC1C\uBC1C\uC790\uB294 \uD604\uC2E4\uC138\uACC4\uC5D0\uB294 \uC5C6\uB294, \uC190\uC5D0 \uC7A1\uD788\uC9C0 \uC54A\uB294 \uBB34\uD615\uC758 \uAC83\uC744 \uB9CC\uB4DC\uB294 \uC9C1\uC5C5\uC774\uB2E4.

      \uAC70\uC758 \uBAA8\uB4E0 \uAC83\uC774 \uC778\uB825\uC0AC\uC5C5\uC774\uB77C\uB294 \uAC83\uC774\uB2E4.

      ',34),Be=i("\uC774\uC5D0 \uB300\uD574 \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),Ce={href:"https://www.bsidesoft.com/8035",target:"_blank",rel:"noopener noreferrer"},ve=i("\uAD6C\uBA4D\uAC00\uAC8C \uAC1C\uBC1C\uC0AC\uC758 \uC774\uC57C\uAE30"),xe=i("\uB97C \uD1B5\uD574 \uBCF4\uBA74 \uB354\uC6B1 \uC88B\uB2E4."),we=t('

      \uD544\uC790\uAC00 \uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB294, \uAC1C\uBC1C\uC790\uB77C\uB294 \uC9C1\uC5C5 \uC790\uCCB4\uAC00 \uB3C8\uBA39\uB294 \uD558\uB9C8\uB77C\uB294 \uAC83\uC774\uB2E4.

      \uC55E\uC11C \uC5B8\uAE09\uD55C \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uB3C4 \uC5EC\uAE30\uC11C \uCD9C\uBC1C\uD55C\uB2E4. \uAC1C\uBC1C\uC790\uB97C \uCC44\uC6A9\uD558\uACE0 \uAD50\uC721\uD558\uACE0 \uD22C\uC785\uD558\uB294 \uAC83 \uC790\uCCB4\uAC00 \uB3C8\uC774\uB2E4. \uADF8\uB798\uC11C \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uD1B5\uD574\uC11C \uD68D\uC77C\uD654 \uD558\uB294 \uAC83\uC774\uB2E4. \uCD5C\uC18C\uD55C\uC758 \uC2DC\uAC04\uC73C\uB85C \uCD5C\uB300\uC758 \uD37C\uD3EC\uBA3C\uC2A4\uB97C \uB0B4\uB824\uACE0 \uD558\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB807\uB2E4\uBA74, \uAC1C\uBC1C\uC790\uAC00 \uC2DC\uAC04\uC744 \uB0AD\uBE44\uD558\uC9C0 \uC54A\uAE30 \uC704\uD574\uC11C \uD574\uC57C \uD558\uB294 \uAC83\uC740 \uBB34\uC5C7\uC774 \uC788\uC744\uAE4C?

      \uB300\uD45C\uC801\uC778 \uC218\uB2E8\uC774 \uCF54\uB4DC\uB9AC\uBDF0 \uD074\uB9B0\uCF54\uB4DC \uB9AC\uD329\uD1A0\uB9C1 \uAC19\uC740 \uAC83\uB4E4\uC774\uB2E4. \uC6B0\uB9AC\uB294 \uC65C \uC88B\uC740 \uCF54\uB4DC\uB97C \uC791\uC131\uD574\uC57C \uD558\uB294\uAC00? \uADF8\uAC74 \uB098\uB97C \uB300\uCCB4\uD560 \uC218\uB2E8\uC744 \uB9CC\uB4E4\uAE30 \uC704\uD568\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB0B4\uAC00 \uC5C6\uB354\uB77C\uACE0 \uD68C\uC0AC\uAC00 \uAD74\uB7EC\uAC08 \uC218 \uC788\uB3C4\uB85D, \uB0B4\uAC00 \uC5C6\uB354\uB77C\uB3C4 \uC9C0\uC7A5\uC774 \uC5C6\uB3C4\uB85D, \uB0B4\uAC00 \uC544\uB2CC \uB204\uAD70\uAC00\uAC00 \uB4E4\uC5B4\uC624\uB354\uB77C\uB3C4 \uC774 \uC870\uC9C1\uC5D0 \uAE08\uBC29 \uC801\uC6A9\uD560 \uC218 \uC788\uB3C4\uB85D \uD558\uB294 \uAC83\uC774\uB2E4.

      \uC774\uB7F0 \uC218\uB2E8\uC774 \uC798 \uC791\uC131\uB41C \uCF54\uB4DC\uC640 \uC774\uB97C \uAC80\uC99D\uD558\uAE30 \uC704\uD55C \uCF54\uB4DC\uB9AC\uBDF0 \uB4F1\uC73C\uB85C \uB4DC\uB7EC\uB098\uB294\uAC8C \uC544\uB2D0\uAE4C?

      \uADF8\uB9AC\uACE0 \uCD5C\uC18C\uD55C\uC758 \uB3C8(\uC778\uB825/\uC778\uD504\uB77C)\uC73C\uB85C \uC11C\uBE44\uC2A4\uB97C \uAD74\uB9AC\uB294 \uAC83 \uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB611\uAC19\uC740 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5B4\uB3C4, \uD655\uC7A5\uD558\uB354\uB77C\uB3C4, \uC720\uC9C0\uD558\uB354\uB77C\uB3C4 \uC5B4\uB5A4 \uAE30\uC220 \uC2A4\uD0DD\uC744 \uC0AC\uC6A9\uD558\uB0D0\uC5D0 \uB530\uB77C \uC720\uC9C0\uBE44\uC6A9\uC774 \uB2EC\uB77C\uC9C4\uB2E4.

      \uAC00\uB839, \uC694\uC998 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB294 \uB300\uBD80\uBD84 \uC6F9\uBDF0\uB97C \uB9CC\uB4E0\uB2E4. \uADF8\uB7F0\uB370 \uC65C \uC6F9\uBDF0\uB97C \uC4F0\uB294\uAC78\uAE4C?

      \uB124\uC774\uD2F0\uBE0C \uC571\uC744 \uB9CC\uB4E4\uBA74 \uC18D\uB3C4\uB3C4 \uD6E8\uC52C \uBE60\uB974\uACE0 \uC0AC\uC6A9\uC131\uB3C4 \uC88B\uB2E4.

      \uC55E\uC11C \uC5B8\uAE09\uD55C \uAC83 \uCC98\uB7FC \uC0AC\uC6A9\uC131\uC774 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uC5D0\uAC8C \uC911\uC694\uD55C \uBE44\uC911\uC744 \uAC00\uC9C4\uB2E4\uBA74, \uC5B4\uC9F8\uC11C \uC571\uC744 \uB9CC\uB4E4 \uB54C \uB124\uC774\uD2F0\uBE0C\uB85C \uBAA8\uB4E0 \uAE30\uB2A5\uC744 \uAD6C\uD604\uD558\uB294\uAC8C \uC544\uB2C8\uB77C \uC6F9\uBDF0\uB97C \uD65C\uC6A9\uD558\uB294 \uAC83\uC77C\uAE4C?

      \uC774\uC720\uB294 \uB3C8\uACFC \uC2DC\uAC04 \uB54C\uBB38\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uB124\uC774\uD2F0\uBE0C\uB85C \uC571\uC744 \uB9CC\uB4E4 \uACBD\uC6B0 \uC548\uB4DC\uB85C\uC774\uB4DC\uC640 iOS \uAC1C\uBC1C\uC790\uB97C \uAC01\uAC01 \uCC44\uC6A9\uD574\uC57C \uD55C\uB2E4. \uAE30\uB2A5 \uD558\uB098\uB97C \uC218\uC815\uD560 \uB54C \uC591\uCABD \uAC1C\uBC1C\uC790\uC640 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uD574\uC57C \uD558\uACE0, QA\uB97C \uD574\uC57C \uD55C\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 \uC571\uC744 \uC5C5\uB370\uC774\uD2B8 \uD558\uB824\uBA74 \uAC80\uC218\uACFC\uC815\uB3C4 \uAC70\uCCD0\uC57C \uD558\uACE0, \uBC14\uB85C \uBC18\uC601\uB418\uC9C0\uB3C4 \uC54A\uB294\uB2E4.

      \uBB34\uC5B8\uAC00 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uC744 \uB54C \uC989\uAC01\uC801\uC73C\uB85C \uB300\uCC98\uD560 \uC218 \uC788\uC744\uAE4C? \uADF8\uB807\uC9C0 \uC54A\uC740 \uACBD\uC6B0\uAC00 \uB300\uBD80\uBD84\uC77C \uAC83\uC774\uB2E4. \uBCC0\uD654\uC5D0 \uCDE8\uC57D\uD55C \uAC83\uC774\uB2E4.

      \uADF8\uB7EC\uB098 \uC6F9\uBDF0\uB97C \uC0AC\uC6A9\uD55C\uB2E4\uBA74 \uC774\uB7F0 \uBB38\uC81C \uB300\uBD80\uBD84\uC744 \uD574\uACB0\uD560 \uC218 \uC788\uB2E4. \uADF8\uB798\uC11C \uB9CE\uC740 IT \uD68C\uC0AC\uB4E4\uC774 \uC18C\uC218\uC758 \uC571 \uAC1C\uBC1C\uC790\uB97C \uCC44\uC6A9\uD558\uACE0, \uB2E4\uC218\uC758 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB97C \uCC44\uC6A9\uD558\uBA74\uC11C \uCD5C\uC18C\uD55C\uC758 \uC778\uB825\uC73C\uB85C \uCD5C\uB300\uD55C\uC758 \uD6A8\uACFC\uB97C \uBCF4\uB824\uACE0 \uD558\uB294 \uAC83\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uC6F9\uC774 \uB9CE\uC740 \uD50C\uB7AB\uD3FC\uC5D0\uC11C \uC0AC\uC6A9\uB420 \uC218\uB85D \uC6F9\uC758 \uC2A4\uD399 \uB610\uD55C \uCD94\uAC00 \uB418\uB294 \uAC83\uC774\uACE0, \uADF8\uB7F4 \uC218\uB85D \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uAC00 \uACF5\uBD80\uD560 \uAC83\uB4E4\uC774 \uB9CE\uC544\uC9C0\uB294 \uAC83\uC774\uB2E4.

      \uC6B0\uB9AC\uAC00 \uD68C\uC0AC\uC5D0\uC11C \uC77C\uD55C\uB2E4\uB294 \uAC83\uC740 \uACB0\uAD6D \uC218\uC775 \uCC3D\uCD9C\uC744 \uC704\uD568\uC774\uB2E4. \uCD5C\uC18C\uD55C\uC758 \uC790\uBCF8\uC73C\uB85C \uCD5C\uB300\uD55C\uC758 \uC774\uC724\uC744 \uBCF4\uAE30 \uC704\uD568\uC774\uB2E4. \uC2A4\uC2A4\uB85C \uC774\uC724\uC744 \uCD94\uAD6C\uD558\uB294 \uAC1C\uBC1C\uC790\uB77C\uACE0 \uD560 \uC218 \uC788\uC744\uAE4C? \uD55C \uBC88 \uACE0\uBBFC\uD574\uBCFC \uD544\uC694\uAC00 \uC788\uB2E4.

      \uB9C8\uCE58\uBA70

      \uCF54\uB85C\uB098 \uB54C\uBB38\uC5D0 \uB300\uBD80\uBD84\uC758 \uB300\uC678 \uD65C\uB3D9\uC744 \uC628\uB77C\uC778\uC73C\uB85C\uB9CC \uD574\uC11C \uC544\uC26C\uC6E0\uB294\uB370, \uC774\uB807\uAC8C \uC624\uD504\uB77C\uC778 \uD589\uC0AC\uB97C \uCC38\uC5EC\uD560 \uC218 \uC788\uC5B4\uC11C \uBB34\uCC99 \uC7AC\uBC0C\uACE0 \uC990\uAC70\uC6E0\uC2B5\uB2C8\uB2E4. \uD2B9\uD788 \uC81C\uAC00 \uC791\uC131\uD55C \uAE00\uC744 \uC0DD\uAC01\uBCF4\uB2E4 \uB354 \uB9CE\uC740 \uBD84\uB4E4\uC774 \uC77D\uC5B4\uC8FC\uC168\uACE0, \uB355\uBD84\uC5D0 \uBCC4\uB2E4\uB978 \uC18C\uAC1C\uB97C \uD558\uC9C0 \uC54A\uC544\uB3C4 \uC54C\uC544\uBD10\uC8FC\uACE0 \uC778\uC0AC\uD574\uC8FC\uC2DC\uB294 \uBD84\uB4E4\uB3C4 \uBB34\uCC99 \uB9CE\uC2B5\uB2C8\uB2E4. \uC800\uB294 \uD55C \uC778\uAC04\uC73C\uB85C\uC11C \uB098\uB294 \uADF8\uB807\uAC8C \uC798\uB09C \uC0AC\uB78C\uB3C4 \uB6F0\uC5B4\uB09C \uC0AC\uB78C\uB3C4 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uC774\uB7F0 \uAD00\uC2EC \uC790\uCCB4\uB294 \uBB34\uCC99 \uBD80\uB044\uB7FD\uACE0 \uBD80\uB2F4\uC2A4\uB7FD\uC9C0\uB9CC \uB3D9\uC2DC\uC5D0 \uB354 \uB9CE\uC774 \uB178\uB825\uD558\uACE0, \uB354 \uC5F4\uC2EC\uD788 \uD558\uC790\uB294 \uC0DD\uAC01\uB3C4 \uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uC2B5\uB2C8\uB2E4.

      \uADF8\uB798\uB3C4 \uB354 \uB9CE\uC740 \uBD84\uB4E4\uACFC \uC774\uC57C\uAE30 \uD560 \uC218 \uC788\uC5C8\uB294\uB370, \uC81C\uAC00 \uC870\uAE08 \uB354 \uC801\uADF9\uC801\uC774\uC600\uB2E4\uBA74 \uC5B4\uB560\uC744\uAE4C \uD558\uB294 \uC544\uC26C\uC6C0\uB3C4 \uC788\uC2B5\uB2C8\uB2E4 \u{1F62D}

      \uADF8\uB9AC\uACE0 \uC774\uC57C\uAE30 \uD558\uACE0 \uC2F6\uC5C8\uC73C\uB098 \uB2E4 \uC774\uC57C\uAE30 \uD558\uC9C0 \uBABB\uD588\uB358 \uAC83\uB4E4\uB3C4 \uC788\uC5C8\uACE0, \uB2E4\uC2DC \uD55C \uBC88 \uC774\uC57C\uAE30 \uD558\uACE0 \uC2F6\uC5C8\uB358 \uAC83\uB4E4\uB3C4 \uC788\uC5C8\uC2B5\uB2C8\uB2E4. \uADF8\uB807\uAC8C \uAE00\uC744 \uC791\uC131\uD588\uB294\uB370 \uC544\uC26C\uC6B4 \uC810\uB3C4 \uC788\uC9C0\uB9CC \uC5B4\uCA0C\uB4E0 \uC81C\uAC00 \uC804\uB2EC\uD558\uACE0 \uC2F6\uC740 \uC774\uC57C\uAE30\uB294 \uAE00\uC5D0 \uB300\uBD80\uBD84 \uB2F4\uC740 \uAC83 \uAC19\uC2B5\uB2C8\uB2E4 \u{1F601}

      \uB2E4\uC74C\uC5D0 \uC774\uB7F0 \uC790\uB9AC\uC5D0 \uCC38\uC5EC\uD558\uAC8C \uB41C\uB2E4\uBA74 \uB354 \uB9CE\uC740 \uBD84\uB4E4\uACFC \uC18C\uD1B5\uD558\uACE0 \uC2F6\uB124\uC694!

      \uAE34 \uAE00 \uC77D\uC5B4\uC8FC\uC154\uC11C \uAC10\uC0AC\uD569\uB2C8\uB2E4 \u{1F647}\u200D\u2642\uFE0F

      ',22);function ke(je,Ae){const l=n("ExternalLinkIcon");return a(),s("div",null,[c,d,e("p",null,[h,e("a",_,[u,o(l)]),g]),f,e("p",null,[b,e("a",E,[m,o(l)]),B,C,v,x,w]),k,e("ul",null,[e("li",null,[e("a",j,[A,o(l)])]),e("li",null,[e("a",I,[D,o(l)])])]),V,e("p",null,[T,e("a",J,[F,o(l)]),L]),S,e("p",null,[y,e("a",R,[O,o(l)]),U,e("a",z,[N,o(l)]),M]),P,e("div",Q,[W,X,e("p",null,[q,e("a",H,[G,o(l)]),K])]),Y,e("p",null,[Z,e("a",$,[ee,o(l)]),ie,le,oe]),te,e("p",null,[pe,e("a",ne,[ae,o(l)]),se,e("a",re,[ce,o(l)]),de]),he,e("ul",null,[e("li",null,[e("a",_e,[ue,o(l)])]),e("li",null,[e("a",ge,[fe,o(l)])]),e("li",null,[e("a",be,[Ee,o(l)])])]),me,e("blockquote",null,[e("p",null,[Be,e("a",Ce,[ve,o(l)]),xe])]),we])}var De=p(r,[["render",ke],["__file","index.html.vue"]]);export{De as default}; diff --git a/assets/index.html.5f38ce83.js b/assets/index.html.878417fe.js similarity index 84% rename from assets/index.html.5f38ce83.js rename to assets/index.html.878417fe.js index ed99ff93..ef134b9a 100644 --- a/assets/index.html.5f38ce83.js +++ b/assets/index.html.878417fe.js @@ -1 +1 @@ -import{_ as a,o as n,c as r,a as e,e as t}from"./app.800103af.js";const s={},i=e("h1",{id:"spring-triangle",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#spring-triangle","aria-hidden":"true"},"#"),t(" Spring Triangle")],-1),c=e("p",null,"\uC791\uC131 \uC608\uC815\uC785\uB2C8\uB2E4.",-1),o=[i,c];function _(d,l){return n(),r("div",null,o)}var f=a(s,[["render",_],["__file","index.html.vue"]]);export{f as default}; +import{_ as a,o as n,c as r,a as e,e as t}from"./app.d20f8571.js";const s={},i=e("h1",{id:"spring-triangle",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#spring-triangle","aria-hidden":"true"},"#"),t(" Spring Triangle")],-1),c=e("p",null,"\uC791\uC131 \uC608\uC815\uC785\uB2C8\uB2E4.",-1),o=[i,c];function _(d,l){return n(),r("div",null,o)}var f=a(s,[["render",_],["__file","index.html.vue"]]);export{f as default}; diff --git a/assets/index.html.d8ffe25f.js b/assets/index.html.88e051d6.js similarity index 96% rename from assets/index.html.d8ffe25f.js rename to assets/index.html.88e051d6.js index 7df4c5be..e8485a74 100644 --- a/assets/index.html.d8ffe25f.js +++ b/assets/index.html.88e051d6.js @@ -1 +1 @@ -const e={key:"v-1675bf25",path:"/Review/2020-year/06-June/",title:"2020\uB144 6\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 6\uC6D4 \uD68C\uACE0",description:"2020\uB144 6\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-06-30T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/87239161-d778e280-c446-11ea-808f-2f3e2d8966e4.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. \uC758\uC0AC \uACB0\uC815 \uACFC\uC815",slug:"_2-\u110B\u1174\u1109\u1161-\u1100\u1167\u11AF\u110C\u1165\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:3,title:"3. Quality assurance",slug:"_3-quality-assurance",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Java Clean Code",slug:"_1-java-clean-code",children:[]},{level:3,title:"2. DKU Study",slug:"_2-dku-study",children:[]},{level:3,title:"3. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0",slug:"_3-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]},{level:3,title:"4. \uCF54\uB355",slug:"_4-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"\uAC1C\uBC1C\uC678",slug:"\u1100\u1162\u1107\u1161\u11AF\u110B\u116C",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC624\uBC84\uC6CC\uCE58",slug:"_2-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/06-June/README.md"};export{e as data}; +const e={key:"v-1675bf25",path:"/Review/2020-year/06-June/",title:"2020\uB144 6\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 6\uC6D4 \uD68C\uACE0",description:"2020\uB144 6\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-06-30T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/87239161-d778e280-c446-11ea-808f-2f3e2d8966e4.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. \uC758\uC0AC \uACB0\uC815 \uACFC\uC815",slug:"_2-\u110B\u1174\u1109\u1161-\u1100\u1167\u11AF\u110C\u1165\u11BC-\u1100\u116A\u110C\u1165\u11BC",children:[]},{level:3,title:"3. Quality assurance",slug:"_3-quality-assurance",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. Java Clean Code",slug:"_1-java-clean-code",children:[]},{level:3,title:"2. DKU Study",slug:"_2-dku-study",children:[]},{level:3,title:"3. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0",slug:"_3-\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u1106\u1165\u1109\u1173-\u110E\u1162\u11AF\u1105\u1175\u11AB\u110C\u1175",children:[]},{level:3,title:"4. \uCF54\uB355",slug:"_4-\u110F\u1169\u1103\u1165\u11A8",children:[]}]},{level:2,title:"\uAC1C\uBC1C\uC678",slug:"\u1100\u1162\u1107\u1161\u11AF\u110B\u116C",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC624\uBC84\uC6CC\uCE58",slug:"_2-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/06-June/README.md"};export{e as data}; diff --git a/assets/index.html.a59b0911.js b/assets/index.html.89e108fe.js similarity index 97% rename from assets/index.html.a59b0911.js rename to assets/index.html.89e108fe.js index c40032ef..0a1c7978 100644 --- a/assets/index.html.a59b0911.js +++ b/assets/index.html.89e108fe.js @@ -1 +1 @@ -const e={key:"v-55f83590",path:"/Javascript/Design/Vanilla-JS-Make-useSate-hook/",title:"Vanilla Javascript\uB85C React UseState Hook \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"Vanilla Javascript\uB85C React UseState Hook \uB9CC\uB4E4\uAE30",description:"React\uC758 UseState Hook\uC758 \uC791\uB3D9\uBC29\uC2DD\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD574\uBCF4\uACE0, \uAD6C\uD604\uD574\uBCF4\uACE0, \uCD5C\uC801\uD654\uD558\uB294 \uB0B4\uC6A9\uC744 \uB2E4\uB8F9\uB2C8\uB2E4.",sidebarDepth:2,date:"2021-08-25T00:00:00.000Z",tag:"javascript, vanilla"},excerpt:"",headers:[{level:2,title:"1. React\uC758 useState",slug:"_1-react\u110B\u1174-usestate",children:[{level:3,title:"(1) \uC758\uBB38\uC744 \uAC16\uAE30",slug:"_1-\u110B\u1174\u1106\u116E\u11AB\u110B\u1173\u11AF-\u1100\u1161\u11BD\u1100\u1175",children:[]},{level:3,title:"(2) bottom - up \uBD84\uC11D",slug:"_2-bottom-up-\u1107\u116E\u11AB\u1109\u1165\u11A8",children:[]}]},{level:2,title:"2. useState \uCD5C\uC801\uD654",slug:"_2-usestate-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[{level:3,title:"(1) \uBCC0\uACBD\uB41C \uAC12\uC774 \uC5C6\uC744 \uACBD\uC6B0",slug:"_1-\u1107\u1167\u11AB\u1100\u1167\u11BC\u1103\u116C\u11AB-\u1100\u1161\u11B9\u110B\u1175-\u110B\u1165\u11B9\u110B\u1173\u11AF-\u1100\u1167\u11BC\u110B\u116E",children:[]},{level:3,title:"(2) \uB3D9\uC2DC\uC5D0 \uC5EC\uB7EC setState\uAC00 \uC2E4\uD589\uB420 \uACBD\uC6B0",slug:"_2-\u1103\u1169\u11BC\u1109\u1175\u110B\u1166-\u110B\u1167\u1105\u1165-setstate\u1100\u1161-\u1109\u1175\u11AF\u1112\u1162\u11BC\u1103\u116C\u11AF-\u1100\u1167\u11BC\u110B\u116E",children:[]}]},{level:2,title:"3. render \uD568\uC218 \uCD94\uC0C1\uD654",slug:"_3-render-\u1112\u1161\u11B7\u1109\u116E-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]},{level:2,title:"4. \uBAA8\uB4C8\uD654",slug:"_4-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]},{level:2,title:"\uC804\uCCB4 \uC608\uC81C\uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110B\u1168\u110C\u1166\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Javascript/Design/Vanilla-JS-Make-useSate-hook/README.md"};export{e as data}; +const e={key:"v-55f83590",path:"/Javascript/Design/Vanilla-JS-Make-useSate-hook/",title:"Vanilla Javascript\uB85C React UseState Hook \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"Vanilla Javascript\uB85C React UseState Hook \uB9CC\uB4E4\uAE30",description:"React\uC758 UseState Hook\uC758 \uC791\uB3D9\uBC29\uC2DD\uC5D0 \uB300\uD574 \uACE0\uBBFC\uD574\uBCF4\uACE0, \uAD6C\uD604\uD574\uBCF4\uACE0, \uCD5C\uC801\uD654\uD558\uB294 \uB0B4\uC6A9\uC744 \uB2E4\uB8F9\uB2C8\uB2E4.",sidebarDepth:2,date:"2021-08-25T00:00:00.000Z",tag:"javascript, vanilla"},excerpt:"",headers:[{level:2,title:"1. React\uC758 useState",slug:"_1-react\u110B\u1174-usestate",children:[{level:3,title:"(1) \uC758\uBB38\uC744 \uAC16\uAE30",slug:"_1-\u110B\u1174\u1106\u116E\u11AB\u110B\u1173\u11AF-\u1100\u1161\u11BD\u1100\u1175",children:[]},{level:3,title:"(2) bottom - up \uBD84\uC11D",slug:"_2-bottom-up-\u1107\u116E\u11AB\u1109\u1165\u11A8",children:[]}]},{level:2,title:"2. useState \uCD5C\uC801\uD654",slug:"_2-usestate-\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[{level:3,title:"(1) \uBCC0\uACBD\uB41C \uAC12\uC774 \uC5C6\uC744 \uACBD\uC6B0",slug:"_1-\u1107\u1167\u11AB\u1100\u1167\u11BC\u1103\u116C\u11AB-\u1100\u1161\u11B9\u110B\u1175-\u110B\u1165\u11B9\u110B\u1173\u11AF-\u1100\u1167\u11BC\u110B\u116E",children:[]},{level:3,title:"(2) \uB3D9\uC2DC\uC5D0 \uC5EC\uB7EC setState\uAC00 \uC2E4\uD589\uB420 \uACBD\uC6B0",slug:"_2-\u1103\u1169\u11BC\u1109\u1175\u110B\u1166-\u110B\u1167\u1105\u1165-setstate\u1100\u1161-\u1109\u1175\u11AF\u1112\u1162\u11BC\u1103\u116C\u11AF-\u1100\u1167\u11BC\u110B\u116E",children:[]}]},{level:2,title:"3. render \uD568\uC218 \uCD94\uC0C1\uD654",slug:"_3-render-\u1112\u1161\u11B7\u1109\u116E-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]},{level:2,title:"4. \uBAA8\uB4C8\uD654",slug:"_4-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]},{level:2,title:"\uC804\uCCB4 \uC608\uC81C\uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110B\u1168\u110C\u1166\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Javascript/Design/Vanilla-JS-Make-useSate-hook/README.md"};export{e as data}; diff --git a/assets/index.html.d4039385.js b/assets/index.html.8a9c71db.js similarity index 98% rename from assets/index.html.d4039385.js rename to assets/index.html.8a9c71db.js index 615d1f5b..76a7d031 100644 --- a/assets/index.html.d4039385.js +++ b/assets/index.html.8a9c71db.js @@ -1 +1 @@ -const e={key:"v-13e4c5bc",path:"/Javascript/Design/Vanilla-JS-Component/",title:"Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30",description:"Vanilla Javascript\uB85C \uAC04\uB2E8\uD55C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uB9CC\uB4DC\uB294 \uACFC\uC815\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2021-07-25T00:00:00.000Z",hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fjunilhwang.github.io%2FTIL%2FJavascript%2FDesign%2FVanilla-JS-Component%2F&count_bg=%230099FF&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=%EC%A1%B0%ED%9A%8C%EC%88%98&edge_flat=true",tag:"javascript, vanilla"},excerpt:"",headers:[{level:2,title:"1. \uCEF4\uD3EC\uB10C\uD2B8\uC640 \uC0C1\uD0DC\uAD00\uB9AC",slug:"_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173\u110B\u116A-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",children:[{level:3,title:"(1) \uC0C1\uD0DC\uAD00\uB9AC\uC758 \uD0C4\uC0DD",slug:"_1-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC",children:[]},{level:3,title:"(2) \uCEF4\uD3EC\uB10C\uD2B8",slug:"_2-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173",children:[]}]},{level:2,title:"2. state - setState - render",slug:"_2-state-setstate-render",children:[{level:3,title:"(1) \uAE30\uB2A5 \uAD6C\uD604",slug:"_1-\u1100\u1175\u1102\u1173\u11BC-\u1100\u116E\u1112\u1167\u11AB",children:[]},{level:3,title:"(2) \uCD94\uC0C1\uD654",slug:"_2-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]},{level:3,title:"(3) \uBAA8\uB4C8\uD654",slug:"_3-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]}]},{level:2,title:"3. \uC774\uBCA4\uD2B8 \uCC98\uB9AC",slug:"_3-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u110E\u1165\u1105\u1175",children:[{level:3,title:"(1) \uBD88\uD3B8\uD568\uC744 \uAC10\uC9C0\uD558\uAE30",slug:"_1-\u1107\u116E\u11AF\u1111\u1167\u11AB\u1112\u1161\u11B7\u110B\u1173\u11AF-\u1100\u1161\u11B7\u110C\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(2) \uC774\uBCA4\uD2B8 \uBC84\uBE14\uB9C1",slug:"_2-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1107\u1165\u1107\u1173\u11AF\u1105\u1175\u11BC",children:[]},{level:3,title:"(3) \uC774\uBCA4\uD2B8 \uBC84\uBE14\uB9C1 \uCD94\uC0C1\uD654",slug:"_3-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1107\u1165\u1107\u1173\u11AF\u1105\u1175\u11BC-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]}]},{level:2,title:"4. \uCEF4\uD3EC\uB10C\uD2B8 \uBD84\uD560\uD558\uAE30",slug:"_4-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1107\u116E\u11AB\u1112\u1161\u11AF\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) \uAE30\uB2A5 \uCD94\uAC00",slug:"_1-\u1100\u1175\u1102\u1173\u11BC-\u110E\u116E\u1100\u1161",children:[]},{level:3,title:"(2) \uD3F4\uB354 \uAD6C\uC870",slug:"_2-\u1111\u1169\u11AF\u1103\u1165-\u1100\u116E\u110C\u1169",children:[]},{level:3,title:"(3) Component Core \uBCC0\uACBD",slug:"_3-component-core-\u1107\u1167\u11AB\u1100\u1167\u11BC",children:[]},{level:3,title:"(4) Entry Point \uBCC0\uACBD",slug:"_4-entry-point-\u1107\u1167\u11AB\u1100\u1167\u11BC",children:[]},{level:3,title:"(5) \uCEF4\uD3EC\uB10C\uD2B8 \uBD84\uD560",slug:"_5-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1107\u116E\u11AB\u1112\u1161\u11AF",children:[]}]},{level:2,title:"\uB9C8\uCE58\uBA70",slug:"\u1106\u1161\u110E\u1175\u1106\u1167",children:[]},{level:2,title:"\uBD80\uB85D: \uAC19\uC774 \uBCF4\uBA74 \uC88B\uC740 \uB0B4\uC6A9",slug:"\u1107\u116E\u1105\u1169\u11A8-\u1100\u1161\u11C0\u110B\u1175-\u1107\u1169\u1106\u1167\u11AB-\u110C\u1169\u11C2\u110B\u1173\u11AB-\u1102\u1162\u110B\u116D\u11BC",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Javascript/Design/Vanilla-JS-Component/README.md"};export{e as data}; +const e={key:"v-13e4c5bc",path:"/Javascript/Design/Vanilla-JS-Component/",title:"Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30",lang:"en-US",frontmatter:{title:"Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30",description:"Vanilla Javascript\uB85C \uAC04\uB2E8\uD55C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uB9CC\uB4DC\uB294 \uACFC\uC815\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2021-07-25T00:00:00.000Z",hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fjunilhwang.github.io%2FTIL%2FJavascript%2FDesign%2FVanilla-JS-Component%2F&count_bg=%230099FF&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=%EC%A1%B0%ED%9A%8C%EC%88%98&edge_flat=true",tag:"javascript, vanilla"},excerpt:"",headers:[{level:2,title:"1. \uCEF4\uD3EC\uB10C\uD2B8\uC640 \uC0C1\uD0DC\uAD00\uB9AC",slug:"_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173\u110B\u116A-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",children:[{level:3,title:"(1) \uC0C1\uD0DC\uAD00\uB9AC\uC758 \uD0C4\uC0DD",slug:"_1-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC",children:[]},{level:3,title:"(2) \uCEF4\uD3EC\uB10C\uD2B8",slug:"_2-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173",children:[]}]},{level:2,title:"2. state - setState - render",slug:"_2-state-setstate-render",children:[{level:3,title:"(1) \uAE30\uB2A5 \uAD6C\uD604",slug:"_1-\u1100\u1175\u1102\u1173\u11BC-\u1100\u116E\u1112\u1167\u11AB",children:[]},{level:3,title:"(2) \uCD94\uC0C1\uD654",slug:"_2-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]},{level:3,title:"(3) \uBAA8\uB4C8\uD654",slug:"_3-\u1106\u1169\u1103\u1172\u11AF\u1112\u116A",children:[]}]},{level:2,title:"3. \uC774\uBCA4\uD2B8 \uCC98\uB9AC",slug:"_3-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u110E\u1165\u1105\u1175",children:[{level:3,title:"(1) \uBD88\uD3B8\uD568\uC744 \uAC10\uC9C0\uD558\uAE30",slug:"_1-\u1107\u116E\u11AF\u1111\u1167\u11AB\u1112\u1161\u11B7\u110B\u1173\u11AF-\u1100\u1161\u11B7\u110C\u1175\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(2) \uC774\uBCA4\uD2B8 \uBC84\uBE14\uB9C1",slug:"_2-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1107\u1165\u1107\u1173\u11AF\u1105\u1175\u11BC",children:[]},{level:3,title:"(3) \uC774\uBCA4\uD2B8 \uBC84\uBE14\uB9C1 \uCD94\uC0C1\uD654",slug:"_3-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1107\u1165\u1107\u1173\u11AF\u1105\u1175\u11BC-\u110E\u116E\u1109\u1161\u11BC\u1112\u116A",children:[]}]},{level:2,title:"4. \uCEF4\uD3EC\uB10C\uD2B8 \uBD84\uD560\uD558\uAE30",slug:"_4-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1107\u116E\u11AB\u1112\u1161\u11AF\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) \uAE30\uB2A5 \uCD94\uAC00",slug:"_1-\u1100\u1175\u1102\u1173\u11BC-\u110E\u116E\u1100\u1161",children:[]},{level:3,title:"(2) \uD3F4\uB354 \uAD6C\uC870",slug:"_2-\u1111\u1169\u11AF\u1103\u1165-\u1100\u116E\u110C\u1169",children:[]},{level:3,title:"(3) Component Core \uBCC0\uACBD",slug:"_3-component-core-\u1107\u1167\u11AB\u1100\u1167\u11BC",children:[]},{level:3,title:"(4) Entry Point \uBCC0\uACBD",slug:"_4-entry-point-\u1107\u1167\u11AB\u1100\u1167\u11BC",children:[]},{level:3,title:"(5) \uCEF4\uD3EC\uB10C\uD2B8 \uBD84\uD560",slug:"_5-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1107\u116E\u11AB\u1112\u1161\u11AF",children:[]}]},{level:2,title:"\uB9C8\uCE58\uBA70",slug:"\u1106\u1161\u110E\u1175\u1106\u1167",children:[]},{level:2,title:"\uBD80\uB85D: \uAC19\uC774 \uBCF4\uBA74 \uC88B\uC740 \uB0B4\uC6A9",slug:"\u1107\u116E\u1105\u1169\u11A8-\u1100\u1161\u11C0\u110B\u1175-\u1107\u1169\u1106\u1167\u11AB-\u110C\u1169\u11C2\u110B\u1173\u11AB-\u1102\u1162\u110B\u116D\u11BC",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Javascript/Design/Vanilla-JS-Component/README.md"};export{e as data}; diff --git a/assets/index.html.e5d9b9ae.js b/assets/index.html.8ef57d8a.js similarity index 99% rename from assets/index.html.e5d9b9ae.js rename to assets/index.html.8ef57d8a.js index 2d025e47..6059d5b1 100644 --- a/assets/index.html.e5d9b9ae.js +++ b/assets/index.html.8ef57d8a.js @@ -1,4 +1,4 @@ -import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.800103af.js";var l="/TIL/assets/1.1026276c.png",u="/TIL/assets/2.2d169fec.png",r="/TIL/assets/3.b106ec6d.png",k="/TIL/assets/4.6710caac.png",d="/TIL/assets/5.66725b6d.png",v="/TIL/assets/6.bbcb21d3.png",m="/TIL/assets/7.232abf7d.png",g="/TIL/assets/8.af08cfef.png",b="/TIL/assets/9.e1e1f52f.png",h="/TIL/assets/10.c8535cef.png",f="/TIL/assets/11.f40ce969.png",y="/TIL/assets/12.43c5c670.png",w="/TIL/assets/13.94e4db89.png",q="/TIL/assets/14.c105f1af.png",j="/TIL/assets/16.df3ff3df.png",_="/TIL/assets/15.98797913.png",T="/TIL/assets/17.f1c5ce1e.png",I="/TIL/assets/18.a3187b47.png",S="/TIL/assets/19.5d95168b.gif",x="/TIL/assets/20.a13b3c57.png",M="/TIL/assets/21.8265e3bc.png",L="/TIL/assets/22.cfb7d804.png",$="/TIL/assets/23.45d7044c.png",V="/TIL/assets/24.957615ae.png",R="/TIL/assets/25.1971d4b6.png",C="/TIL/assets/26.f3959d42.png",H="/TIL/assets/27.8b1ba916.gif",O="/TIL/assets/28.1c9323a9.gif",A="/TIL/assets/29.fa6d00bd.png",D="/TIL/assets/30.a7d61d43.png",E="/TIL/assets/31.8389a677.gif",P="/TIL/assets/32.056f52ed.png",J="/TIL/assets/33.12cff4ec.gif",U="/TIL/assets/34.4f9175fe.png",B="/TIL/assets/35.be624721.png",N="/TIL/assets/36.6e922ba2.png",F="/TIL/assets/37.1de19e4d.png",Y="/TIL/assets/38.80b9d4a5.png",z="/TIL/assets/39.f22be569.gif",X="/TIL/assets/40.6a00cd8c.png",G="/TIL/assets/41.cbd84ea0.png",W="/TIL/assets/42.bc2f2a30.png",K="/TIL/assets/43.701ade36.png",Q="/TIL/assets/44.8b1674cd.png";const Z={},nn=n("h1",{id:"\u1111\u1173\u1105\u1166\u110B\u1175\u11B7\u110B\u116F\u110F\u1173-\u110B\u1165\u11B9\u110B\u1175-\u1106\u1161\u11AB\u1103\u1173\u1102\u1173\u11AB-ssr",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#\u1111\u1173\u1105\u1166\u110B\u1175\u11B7\u110B\u116F\u110F\u1173-\u110B\u1165\u11B9\u110B\u1175-\u1106\u1161\u11AB\u1103\u1173\u1102\u1173\u11AB-ssr","aria-hidden":"true"},"#"),s(" \uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uB9CC\uB4DC\uB294 SSR")],-1),sn={class:"custom-container tip"},an=n("p",{class:"custom-container-title"},"TIP",-1),tn=s("\u2712\uFE0F \uBCF8 \uAC8C\uC2DC\uBB3C\uC740 \uC90C\uC778\uD130\uB137\uC5D0 \uC7AC\uC9C1\uD560 \uB54C \uC791\uC131\uD55C "),pn={href:"https://zuminternet.github.io/vue-ssr/",target:"_blank",rel:"noopener noreferrer"},en=s("Vue SSR \uC81C\uB300\uB85C \uC801\uC6A9\uD558\uAE30 (feat. Vanilla SSR)"),on=s("\uC758 "),cn=n("strong",null,"\uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uC801\uC6A9\uD574\uBCF4\uAE30(Vanilla SSR)",-1),ln=s(" \uD30C\uD2B8\uB97C \uC870\uAE08 \uB354 \uACE0\uB3C4\uD654\uD55C \uAC83\uC785\uB2C8\uB2E4."),un=p('

      1. SSR\uACFC CSR


      (1) SSR(Servier Side Rendering)\uC774\uB780 \uBB34\uC5C7\uC778\uAC00?

      image 1 bn

      SSR\uC740 \uC27D\uAC8C \uB9D0\uD574\uC11C \u201C\uC11C\uBC84\uC5D0\uC11C HTML\uC744 \uBB38\uC790\uC5F4\uB85C \uB9CC\uB4E4\uC5B4\uC8FC\uB294 \uAC83\u201D \uC774\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4. \uC0AC\uC2E4 \uB80C\uB354\uB9C1\uC774\uB780 \uD45C\uD604\uC774 \uBB34\uCC99 \uC5B4\uC0C9\uD558\uB2E4. \uB80C\uB354\uB9C1\uC774\uB77C\uAE30\uBCF4\uB2E8, \uBB38\uC790\uC5F4\uC744 \uB9CC\uB4E4\uC5B4 \uC8FC\uB294 \uAC83\uC774\uB2E4. \uC544\uB9C8 Client Side Rendering \uC774\uB77C\uB294 \uD45C\uD604\uC758 \uB300\uBE44\uB85C \uB9CC\uB4E0 \uD45C\uD604\uC774 \uC544\uB2D0\uAE4C?

      ',5),rn=s("\uB098\uB294 2011\uB144\uB3C4\uC5D0 PHP\uB77C\uB294 \uC5B8\uC5B4\uB85C \uC6F9 \uAC1C\uBC1C\uC5D0 \uC785\uBB38\uD588\uB2E4. PHP\uB294 Hypertext Preprocessor(HTML \uC804\uCC98\uB9AC\uAE30)\uB97C \uC758\uBBF8\uD55C\uB2E4. "),kn={href:"https://ko.wikipedia.org/wiki/PHP",target:"_blank",rel:"noopener noreferrer"},dn=s("\uC704\uD0A4\uBC31\uACFC"),vn=s("\uC5D0 \uC788\uB294 \uD45C\uD604\uC744 \uBE4C\uB9AC\uC790\uBA74 "),mn=n("strong",null,"\u201C\uB3D9\uC801 \uC6F9 \uD398\uC774\uC9C0\uB97C \uB9CC\uB4E4\uAE30 \uC704\uD574 \uC124\uACC4\uB418\uC5C8\uC73C\uBA70 \uC774\uB97C \uAD6C\uD604\uD558\uAE30 \uC704\uD574 PHP\uB85C \uC791\uC131\uB41C \uCF54\uB4DC\uB97C PHP \uC5D4\uC9C4\uC5D0\uC11C html \uD30C\uC77C\uACFC \uAC19\uC774 \uCC98\uB9AC\uD558\uC5EC \uC791\uC131\uC790\uAC00 \uC6D0\uD558\uB294 \uC6F9 \uD398\uC774\uC9C0\uB97C \uC0DD\uC131\u201D",-1),gn=s(" \uD558\uB294 \uC5B8\uC5B4\uC774\uB2E4. HTML \uBB38\uC790\uC5F4\uC744 \uC11C\uBC84\uC5D0\uC11C \uB3D9\uC801\uC73C\uB85C \uB9CC\uB4E4\uC5B4\uB0B8\uB2E4\uB294 \uAC83\uC774\uB2E4."),bn=p('

      index.html\uC740 \uC815\uC801\uC778 \uD55C \uAC1C\uC758 \uD398\uC774\uC9C0\uB97C \uC758\uBBF8\uD558\uACE0, index.php\uB294 \uC218 \uC2ED, \uC218 \uBC31, \uC218 \uCC9C\uAC1C\uC758 \uD398\uC774\uC9C0\uB97C \u201C\uB3D9\uC801\u201D\uC73C\uB85C \uBCF4\uC5EC\uC904 \uC218 \uC788\uB294 \uD398\uC774\uC9C0\uAC00 \uB420 \uC218 \uC788\uB2E4.

      image 2 bn

      \uC989, \uC11C\uBC84\uC5D0\uC11C \uC815\uC758\uD55C \uADDC\uCE59\uC5D0 \uB530\uB77C HTML \uBB38\uC790\uC5F4\uC744 \uB3D9\uC801\uC73C\uB85C \uB9CC\uB4E4\uC5B4\uB0BC \uC218 \uC788\uC5C8\uACE0, \uC6D0\uB798\uB294 \uC774\uAC8C \uC6F9 \uAC1C\uBC1C\uC758 \uC790\uC5F0\uC2A4\uB7EC\uC6B4 \uBAA8\uC2B5\uC774\uC5C8\uB2E4. \uC6F9 \uAC1C\uBC1C\uC790\uB4E4\uC740 SSR\uC774\uB77C\uB294\uAC78 \uC778\uC9C0\uD558\uC9C0 \uC54A\uACE0 SSR\uC744 \uD558\uACE0 \uC788\uC5C8\uB2E4\uB294 \uAC83\uC774\uB2E4.


      (2) CSR\uC758 \uB4F1\uC7A5\uD558\uAE30 \uAE4C\uC9C0

      \uC6F9 \uC0AC\uC774\uD2B8\uB294 \uC27D\uAC8C \uB9D0\uD574\uC11C \uBB38\uC11C(Document) \uC774\uB2E4. HTML\uC744 \uC774\uC6A9\uD558\uC5EC \uD14D\uC2A4\uD2B8\uC5D0 \uC758\uBBF8\uC640 \uADDC\uCE59\uC744 \uBD80\uC5EC\uD558\uC5EC \uBB38\uC11C\uB97C \uAD6C\uC131\uD558\uACE0, \uC6F9 \uBE0C\uB77C\uC6B0\uC800\uB97C \uC774\uC6A9\uD574 \uC774\uB97C \uCD9C\uB825(\uB80C\uB354\uB9C1) \uB418\uB3C4\uB85D \uB9CC\uB4E0 \uAC83\uC774\uB2E4.

      image 3 bn

      \uADF8\uB7EC\uB2E4 \uC6F9 \uBE0C\uB77C\uC6B0\uC800\uC5D0 \uC774\uBBF8\uC9C0\uB3C4 \uB123\uACE0, \uB3D9\uC601\uC0C1\uB3C4 \uB123\uACE0, \uD50C\uB798\uC2DC\uB3C4 \uB123\uACE0, \uB123\uC744 \uC218 \uC788\uB294 \uBBF8\uB514\uC5B4\uB294 \uB2E4 \uB123\uC744 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uC5B4\uB838\uC744 \uB54C\uB294 \uC6F9 \uC0AC\uC774\uD2B8\uC5D0 \uC62C\uB77C\uC640\uC788\uB294 \uD50C\uB798\uC2DC \uAC8C\uC784\uB4E4\uC744 \uC990\uACBC\uC5C8\uB2E4.

      \uC774 \uC678\uC5D0\uB3C4 \uC6F9 \uC0AC\uC774\uD2B8\uC5D0\uC11C \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC774 \uC810\uC810 \uB9CE\uC544\uC84C\uB294\uB370, \uAC00\uB839 \uAD6C\uAE00\uC5D0\uC11C ajax(Asynchronous Javascript And XML)\uB77C\uB294 \uC6F9 API\uB97C \uC774\uC6A9\uD558\uC5EC gmail\uACFC google map\uC744 \uB9CC\uB4E4\uC5C8\uB2E4. \uC989, \uD398\uC774\uC9C0 \uC774\uB3D9 \uC5C6\uC774 \uC11C\uBC84\uC758 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC62C \uC218 \uC788\uAC8C \uB41C \uAC83\uC774\uB2E4. \uD544\uC790\uB294 \uCC98\uC74C Ajax\uB97C \uC0AC\uC6A9\uD588\uC744 \uB54C \uBB34\uCC99 \uC2E0\uAE30\uD588\uB2E4. \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC9C1\uC811 \uC11C\uBC84\uC758 \uB370\uC774\uD130\uB97C \uAC00\uC838\uC62C \uC218 \uC788\uB2E4\uB294 \uAC83\uC774, \uADF8\uB798\uC11C \uD398\uC774\uC9C0\uC758 \uC0C8\uB85C\uACE0\uCE68 \uC5C6\uC774 \uC0AC\uC6A9\uC790\uC5D0\uAC8C \uC0C8\uB85C\uC6B4 \uC815\uBCF4(UI)\uB97C \uBCF4\uC5EC\uC904 \uC218 \uC788\uB2E4\uB294 \uAC83\uC774 \uAD49\uC7A5\uD788 \uC138\uB828\uB41C \uAE30\uC220\uC774\uB77C\uACE0 \uB290\uAF08\uB2E4.

      image 4 bn

      \uADF8\uB7EC\uB2E4 \uC544\uC774\uD3F0\uACFC \uC544\uC774\uD3F0\uC5D0\uC11C \uC2E4\uD589\uB418\uB294 \uBAA8\uBC14\uC77C \uC571 \uC774\uB77C\uB294 \uAC83\uB4E4\uC774 \uB4F1\uC7A5\uD588\uB2E4. \uADF8\uB9AC\uACE0 \uAD6C\uAE00\uC5D0\uC11C\uB294 \uC548\uB4DC\uB85C\uC774\uB4DC OS\uB97C \uB9CC\uB4E4\uC5C8\uC73C\uBA70, \uADF8\uB807\uAC8C \uC2A4\uB9C8\uD2B8\uD3F0\uC774 \uC804\uC138\uACC4\uC801\uC73C\uB85C \uBCF4\uAE09\uB418\uACE0, \uBAA8\uBC14\uC77C \uC571\uC740 \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uC0B0\uC5C5\uC758 \uD070 \uCD95\uC774 \uB418\uC5C8\uB2E4.

      \uADF8\uB798\uC11C \uC0AC\uB78C\uB4E4\uC740, \uAE30\uC5C5\uB4E4\uC740 \uC571 \uAC1C\uBC1C\uC744 \uD558\uAE30 \uC2DC\uC791\uD588\uB2E4. \uC544\uB2C8, \uC571 \uAC1C\uBC1C\uC744 \uD574\uC57C\uB9CC \uD588\uB2E4. \uADF8\uB798\uC57C \uC790\uBCF8\uC8FC\uC758 \uC2DC\uC7A5\uC5D0\uC11C \uB3C8\uC744 \uBC8C \uC218 \uC788\uACE0 \uC0DD\uC874\uD560 \uC218 \uC788\uC5C8\uC73C\uB2C8\uAE4C.

      \uC571\uACFC \uC6F9

      \uB72C\uAE08\uC5C6\uC774 \uC571 \uAC1C\uBC1C\uC744 \uC5B8\uAE09\uD558\uB294 \uC774\uC720\uB294, \uC6F9\uC758 \uD3ED\uBC1C\uC801\uC778 \uBC1C\uC804\uC740 \uC571\uC758 \uB4F1\uC7A5 \uC774\uD6C4\uB77C\uACE0 \uC0DD\uAC01\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uC77C\uB2E8 \uC571 \uAC1C\uBC1C\uC744 \uD55C\uB2E4\uACE0 \uCE58\uBA74, \uC801\uC5B4\uB3C4 \uB450 \uAC1C(iOS\uC640 Android) \uC774\uC0C1\uC758 OS\uC5D0\uC11C \uB3D9\uC791\uD558\uB3C4\uB85D \uB9CC\uB4E4\uC5B4\uC57C\uD588\uB2E4. \uADF8\uB798\uC57C \uC0AC\uC6A9\uC790\uB97C \uC798 \uD655\uBCF4\uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4.

      image 5 bn

      \uADF8\uB798\uC11C Android \uAC1C\uBC1C\uC790\uC640 iOS \uAC1C\uBC1C\uC790\uB97C \uCC44\uC6A9\uD574\uC57C \uD588\uACE0, \uC2EC\uC9C0\uC5B4 \uBAA8\uBC14\uC77C \uC6F9\uB3C4 \uB9CC\uB4E4 \uC218 \uC788\uAC8C \uC6F9 \uAC1C\uBC1C\uC790\uB3C4 \uD544\uC694\uD588\uB2E4.

      \uAC00\uB839, \uD544\uC790\uAC00 \uADFC\uBB34\uD558\uACE0 \uC788\uB294 \uB124\uC774\uBC84\uB97C \uC608\uB85C \uB4E4\uC790\uBA74

      • \uB370\uC2A4\uD06C\uD1B1 \uC6F9(naver.com)
      • \uBAA8\uBC14\uC77C \uC6F9(m.naver.com)
      • \uBAA8\uBC14\uC77C \uC571(iOS, Android)
      • \u2026

      \uC774\uB7F0 \uC2DD\uC73C\uB85C \uC11C\uBE44\uC2A4\uB97C \uC0AC\uC6A9\uC790\uB4E4\uC5D0\uAC8C \uB2E4\uC591\uD55C \uD615\uD0DC\uB85C \uBCF4\uAE09\uD558\uACE0 \uC788\uB2E4. \uC61B\uB0A0\uC5D0\uB294 \uC6F9 \uAC1C\uBC1C\uC790 \uD55C \uBA85\uB9CC \uC788\uC73C\uBA74 \uB410\uC5C8\uB294\uB370, \uC774\uC81C \uC571 \uAC1C\uBC1C\uC790 + \uC6F9 \uAC1C\uBC1C\uC790 \uBAA8\uB450 \uD544\uC694\uD55C \uAC83\uC774\uB2E4. \uAE30\uC5C5 \uC785\uC7A5\uC5D0\uC11C\uB294 \uBE44\uC6A9\uC5D0 \uB300\uD55C \uC0DD\uAC01\uC744 \uD560 \uC218 \uBC16\uC5D0 \uC5C6\uC744 \uAC83\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uBAA8\uBC14\uC77C \uC571\uC758 \uACBD\uC6B0 \uC5C5\uB370\uC774\uD2B8\uAC00 \uC27D\uC9C0 \uC54A\uB2E4. \uC6F9\uC740 \uC11C\uBC84\uC5D0 \uBC30\uD3EC\uD558\uBA74 \uB05D\uC774\uC9C0\uB9CC, \uC571\uC740 \uC5C5\uB370\uC774\uD2B8\uB97C \uD560 \uACBD\uC6B0 \uAC80\uC218\uB3C4 \uBC1B\uC544\uC57C \uD558\uACE0, \uC0AC\uC6A9\uC790\uAC00 \uC9C1\uC811 \uBC30\uD3EC\uB41C \uC571\uC5D0 \uB300\uD574 \uC5C5\uB370\uC774\uD2B8\uB97C \uC2E4\uD589\uD574\uC57C \uC0C8\uB85C\uC6B4 \uAE30\uB2A5\uB4E4\uC744 \uC774\uC6A9\uD560 \uC218 \uC788\uB294 \uAC83\uC774\uB2E4.

      \uC774 \uB54C \uBB38\uC81C\uAC00 \uB418\uB294 \uAC83\uC740, \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158\uC5D0 \uCE58\uBA85\uC801\uC778 \uBB38\uC81C\uAC00 \uC788\uC5B4\uC11C \uB2F9\uC7A5 \uC5C5\uB370\uC774\uD2B8\uB97C \uD574\uC57C\uB418\uB294 \uC0C1\uD669 \uC77C \uB54C \uC774\uB2E4. \uB2E8\uC21C\uD788 \uC791\uC740 \uBC84\uADF8\uC77C \uC218\uB3C4 \uC788\uACE0, \uBCF4\uC548\uACFC \uAD00\uB828\uB41C \uBB38\uC81C\uC77C \uC218\uB3C4 \uC788\uACE0, \uD639\uC740 \uC11C\uBE44\uC2A4 \uC720\uC9C0\uBE44\uC5D0 \uAD6C\uBA4D\uC774 \uC788\uC5B4\uC11C \uC774\uB97C \uB9C9\uC544\uC57C \uD558\uB294 \uACBD\uC6B0\uC77C \uC218\uB3C4 \uC788\uB2E4. \uD558\uC9C0\uB9CC \uC5B4\uB5A4\uC2DD\uC73C\uB85C\uB4E0 \uBAA8\uBC14\uC77C \uC571\uC740 \uC0AC\uC6A9\uC790\uAC00 \uC5C5\uB370\uC774\uD2B8\uB97C \uD574\uC57C \uCD5C\uC2E0\uD654\uAC00 \uB41C\uB2E4.

      \uB2E4\uC2DC \uAE30\uC5C5(\uC11C\uBE44\uC2A4 \uC81C\uACF5\uC790)\uC758 \uC785\uC7A5\uC5D0\uC11C \uD560 \uC218 \uC788\uB294 \uD575\uC2EC \uACE0\uBBFC\uAC70\uB9AC\uB97C \uB098\uC5F4\uD574\uBCF4\uC790.

      • \uC5B4\uB5BB\uAC8C \uD574\uC57C \uCD5C\uB300\uD55C \uC801\uC740 \uB3C8\uC73C\uB85C \uC11C\uBE44\uC2A4\uB97C \uC81C\uACF5\uD560 \uC218 \uC788\uC744\uAE4C?
      • \uC5B4\uB5BB\uAC8C \uD574\uC57C \uBAA8\uBC14\uC77C \uC571\uC744 \uC989\uC2DC \uC5C5\uB370\uC774\uD2B8\uD560 \uC218 \uC788\uC744\uAE4C?

      \uC774\uB807\uAC8C \uB450 \uAC00\uC9C0 \uCD95\uC774\uB77C\uACE0 \uC0DD\uAC01\uD558\uB294\uB370, \uC774\uB97C \uD574\uACB0\uD574\uC904 \uC218 \uC788\uB294 \uC218\uB2E8\uC774 \uBC14\uB85C "\uC6F9"\uC774\uB2E4. \uAF2D \uB124\uC774\uD2F0\uBE0C\uB85C \uAD6C\uC131\uD558\uC9C0 \uC54A\uC544\uB3C4 \uB418\uB294 \uBD80\uBD84\uC744 \uC6F9 \uBDF0\uB85C \uC81C\uACF5\uD55C\uB2E4\uBA74, \uC774\uC288\uAC00 \uC0DD\uACBC\uC744 \uB54C \uBC14\uB85C \uC5C5\uB370\uC774\uD2B8\uD560 \uC218\uB3C4 \uC788\uC73C\uBA70 \uB9CE\uC740 \uC218\uC758 \uC571 \uAC1C\uBC1C\uC790\uB4E4\uC744 \uD544\uC694\uB85C \uD558\uC9C0 \uC54A\uC744 \uAC83\uC774\uB2E4.

      \uB300\uC2E0 \uC6F9\uC5D0\uC11C \uB124\uC774\uD2F0\uBE0C \uC571\uAE4C\uC9C0\uC758 \uD37C\uD3EC\uBA3C\uC2A4\uAE4C\uC9C0\uB294 \uC544\uB2C8\uB354\uB77C\uB3C4 \uC5B4\uB5BB\uAC8C\uB4E0 \uB124\uC774\uD2F0\uBE0C \uC571\uACFC \uC720\uC0AC\uD55C \uC0AC\uC6A9\uC131\uC744 \uB9CC\uB4E4\uC5B4\uB0B4\uC57C \uD588\uB2E4. \uADF8\uB798\uC11C \uB4F1\uC7A5\uD55C \uAC83\uC774 Angular, Vue, React \uAC19\uC740 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD504\uB808\uC784\uC6CC\uD06C\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. UI\uC5D0 \uB300\uD55C \uAD00\uB9AC\uD3EC\uC778\uD2B8\uAC00 \uB9CE\uC544\uC9C8\uC218\uB85D \uACFC\uAC70\uC758 SSR \uBC29\uC2DD\uC774 \uBC1C\uBAA9\uC744 \uC7A1\uC558\uC744 \uAC83\uC774\uBA70, \uC774\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD574 \uD504\uB860\uD2B8\uC5D4\uB4DC\uB97C \uC804\uBB38\uC801\uC73C\uB85C \uB2E4\uB8E8\uB294 \uAC1C\uBC1C\uC790\uC640 \uD504\uB808\uC784\uC6CC\uD06C\uAC00 \uC0DD\uACA8\uB09C \uAC83\uC774\uB2E4.

      \uC6F9(Client)\uC5D0\uC11C \uB80C\uB354\uB9C1\uC744 \uC5B4\uB5BB\uAC8C \uBE60\uB974\uAC8C \uD560 \uC218 \uC788\uC744\uC9C0, \uC815\uAD50\uD558\uAC8C \uAD00\uB9AC\uD560 \uC218 \uC788\uC744\uC9C0 \uACE0\uBBFC\uD558\uAE30 \uC2DC\uC791\uD588\uACE0, CSR(Client Side Rendering)\uC774\uB780 \uAC1C\uB150\uC744 \uB9CC\uB4E4\uC5B4\uB0C8\uB2E4.

      \uC774\uC81C \uC11C\uBC84\uC5D0\uC11C\uB294 REST API\uB85C JSON\uC774\uB098 XML\uB97C \uB9CC\uB4E4\uACE0, \uC6F9 \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C Javascript\uB85C UI\uB97C \uADF8\uB9AC\uB294 \uD604\uC7AC\uC758 \uBAA8\uC2B5\uC774 \uB41C \uAC83\uC774\uB2E4.

      image 6 bn

      \uC815\uB9AC

      1. \uACFC\uAC70\uC5D0\uB294 \uC6D0\uB798 SSR\uC774 \uC790\uC5F0\uC2A4\uB7EC\uC6E0\uB2E4.
      2. \uC2A4\uB9C8\uD2B8\uD3F0\uACFC \uBAA8\uBC14\uC77C \uC571\uC774 \uB4F1\uC7A5\uD588\uB2E4.
      3. \uBAA8\uBC14\uC77C \uC571\uC740 \uAC1C\uBC1C \uBE44\uC6A9\uACFC \uC720\uC9C0 \uBE44\uC6A9\uC774 \uB9CE\uC774 \uB4E0\uB2E4. (iOS + Android + \uAC80\uC218 + \uC5C5\uB370\uC774\uD2B8)
      4. \uC774\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD574 \uC571\uC5D0 \uC6F9\uC744 \uBD88\uB7EC\uC624\uB294 \uD558\uC774\uBE0C\uB9AC\uB4DC \uBC29\uC2DD\uC758 \uC571\uC744 \uB9CC\uB4E4\uAE30 \uC2DC\uC791\uD588\uB2E4.
      5. \uB2E4\uB9CC \uC6F9\uC740 \uC571\uC5D0 \uBE44\uD574 \uBB34\uCC99 \uB290\uB9AC\uACE0 \uBB34\uAC70\uC6E0\uAE30 \uB54C\uBB38\uC5D0, \uC571\uACFC \uC720\uC0AC\uD55C \uC0AC\uC6A9\uC131\uC744 \uC81C\uACF5\uD558\uAE30 \uC704\uD574 \uB9CE\uC740 \uC5F0\uAD6C\uAC00 \uC774\uB8E8\uC5B4\uC84C\uACE0, \uBE0C\uB77C\uC6B0\uC800\uAC00 \uBC1C\uC804\uD574\uAC14\uC73C\uBA70 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB4E4\uC774 \uC0DD\uACBC\uACE0, \uD504\uB860\uD2B8\uC5D4\uB4DC \uD504\uB808\uC784\uC6CC\uD06C\uB3C4 \uC0DD\uACBC\uB2E4.
      6. \uC9C0\uAE08\uC740 \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC624\uC9C1 Javscript\uB9CC \uC774\uC6A9\uD558\uC5EC UI\uB97C \uB9CC\uB4DC\uB294 \uAC83(CSR)\uC774 \uC790\uC5F0\uC2A4\uB7EC\uC6B4 \uBAA8\uC2B5\uC73C\uB85C \uC790\uB9AC\uC7A1\uD614\uB2E4.

      (3) \uC65C SSR\uC774 \uD544\uC694\uD55C\uAC00?

      \uAC1C\uBC1C\uC790\uB294 \uD56D\uC0C1 \u201C\uC65C\u201D\uB97C \uC0DD\uAC01\uD574\uC57C \uD55C\uB2E4.

      • \uC774 \uAE30\uC220\uC744 \u201C\uC65C\u201D \uC368\uC57C \uD560\uAE4C?
      • \u201C\uC65C\u201D SSR\uC774 \uD544\uC694\uD55C\uAC78\uAE4C?
      • \u201C\uC65C\u201D CSR\uB85C\uB294 \uCDA9\uBD84\uD558\uC9C0 \uC54A\uC744\uAC78\uAE4C?
      • \u2026

      CSR\uC744 \uD55C\uB2E4\uB294 \uAC83\uC740 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uD30C\uC77C\uC774 \uBE44\uB300\uD574\uC9C4\uB2E4\uB294 \uAC83\uC774\uB2E4. \uADF8\uB798\uC11C \uBE0C\uB77C\uC6B0\uC800\uB294 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uD30C\uC77C\uC744 \uD30C\uC2F1\uD558\uC5EC \uD654\uBA74\uC5D0 \uB80C\uB354\uB9C1\uD558\uAE30 \uAE4C\uC9C0\uC758 \uC2DC\uAC04\uC774 \uB298\uC5B4\uB09C\uB2E4.

      image 7 bn

      \uBE0C\uB77C\uC6B0\uC800\uAC00 \uC11C\uBC84\uC5D0\uC11C \uBC1B\uC544\uC624\uB294 \uCD5C\uCD08\uC758 HTML\uC740 \uACE0\uC791 <div id="app"></div> \uD639\uC740 <div id="root"></div> \uD55C \uC904 \uC778\uB370, \uC774\uB807\uAC8C \uB420 \uACBD\uC6B0 \uAC80\uC0C9\uC5D4\uC9C4\uC774 \uC0AC\uC774\uD2B8\uC758 \uB0B4\uC6A9\uC744 \uD30C\uC545\uD558\uC5EC \uC0C9\uC778\uD558\uB294 \uAC83\uC774 \uBD88\uAC00\uB2A5 \uD574\uC9C4\uB2E4.

      image 8 bn

      \uC27D\uAC8C \uB9D0\uD574\uC11C CSR\uC740 \uC0AC\uC6A9\uC131\uACFC \uC0AC\uC6A9\uC790 \uC720\uC785\uC5D0 \uB300\uD55C \uC190\uC2E4\uC774 \uC788\uB2E4. \uC774\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD574 SSR(Server Side Rendering)\uC744 \uD574\uC57C \uD558\uB294 \uAC83\uC774\uB2E4.

      \uC815\uB9AC

      • \uBE0C\uB77C\uC6B0\uC800\uAC00 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uD30C\uC77C\uC744 \uD574\uC11D\uD558\uC5EC \uB80C\uB354\uB9C1 \uD558\uAE30 \uC804\uC5D0, Server\uC5D0\uC11C \uB0B4\uB824\uC900 HTML \uBB38\uC790\uC5F4\uC744 \uD1A0\uB300\uB85C \uB80C\uB354\uB9C1\uC744 \uD55C\uB2E4. (\uC0AC\uC6A9\uC131 \uD655\uBCF4)
      • \uAC80\uC0C9 \uC5D4\uC9C4\uC774 \uC6F9 \uD398\uC774\uC9C0\uC5D0 \uC811\uADFC\uD588\uC744 \uB54C HTML \uBB38\uC790\uC5F4\uC744 \uD574\uC11D\uD558\uC5EC \uC0C9\uC778(\uC778\uB371\uC2F1)\uC774 \uAC00\uB2A5\uD574\uC9C4\uB2E4.

      image 9 bn

      \uD544\uC694\uD55C \uC774\uC720(Why)\uB294 \uC54C\uC558\uB294\uB370, \uBB38\uC81C\uB294 \uACFC\uAC70\uC758 SSR \uBC29\uC2DD\uC73C\uB85C\uB294 \uC774 \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uC218 \uC5C6\uB2E4\uB294 \uAC83\uC774\uB2E4. \uC5B4\uB5BB\uAC8C(How) \uC774 \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uC218 \uC788\uC744\uAE4C?


      (4) \uAD00\uC2EC\uC0AC \uBD84\uC11D \uBC0F \uBD84\uB9AC

      "\uAD00\uC2EC\uC0AC" \uB77C\uB294 \uC6A9\uC5B4\uB97C \uB9CE\uC774 \uB4E4\uC5B4\uBD24\uC744 \uAC83\uC774\uB2E4. \uC6B0\uB9AC\uAC00 \uC791\uC131\uD558\uB294 \uCF54\uB4DC\uB4E4\uC758 \uBAA9\uC801\uC744 \uC798 \uBD84\uC11D\uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C? javascript\uB85C \uAC04\uB2E8\uD558\uAC8C \uD560 \uC77C \uBAA9\uB85D\uC744 \uB9CC\uB4E4\uC5B4\uC11C \uCD9C\uB825\uD558\uB294 \uCF54\uB4DC\uB97C \uC791\uC131\uD574\uBCF4\uC790.

      <!DOCTYPE html>
      +import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.d20f8571.js";var l="/TIL/assets/1.1026276c.png",u="/TIL/assets/2.2d169fec.png",r="/TIL/assets/3.b106ec6d.png",k="/TIL/assets/4.6710caac.png",d="/TIL/assets/5.66725b6d.png",v="/TIL/assets/6.bbcb21d3.png",m="/TIL/assets/7.232abf7d.png",g="/TIL/assets/8.af08cfef.png",b="/TIL/assets/9.e1e1f52f.png",h="/TIL/assets/10.c8535cef.png",f="/TIL/assets/11.f40ce969.png",y="/TIL/assets/12.43c5c670.png",w="/TIL/assets/13.94e4db89.png",q="/TIL/assets/14.c105f1af.png",j="/TIL/assets/16.df3ff3df.png",_="/TIL/assets/15.98797913.png",T="/TIL/assets/17.f1c5ce1e.png",I="/TIL/assets/18.a3187b47.png",S="/TIL/assets/19.5d95168b.gif",x="/TIL/assets/20.a13b3c57.png",M="/TIL/assets/21.8265e3bc.png",L="/TIL/assets/22.cfb7d804.png",$="/TIL/assets/23.45d7044c.png",V="/TIL/assets/24.957615ae.png",R="/TIL/assets/25.1971d4b6.png",C="/TIL/assets/26.f3959d42.png",H="/TIL/assets/27.8b1ba916.gif",O="/TIL/assets/28.1c9323a9.gif",A="/TIL/assets/29.fa6d00bd.png",D="/TIL/assets/30.a7d61d43.png",E="/TIL/assets/31.8389a677.gif",P="/TIL/assets/32.056f52ed.png",J="/TIL/assets/33.12cff4ec.gif",U="/TIL/assets/34.4f9175fe.png",B="/TIL/assets/35.be624721.png",N="/TIL/assets/36.6e922ba2.png",F="/TIL/assets/37.1de19e4d.png",Y="/TIL/assets/38.80b9d4a5.png",z="/TIL/assets/39.f22be569.gif",X="/TIL/assets/40.6a00cd8c.png",G="/TIL/assets/41.cbd84ea0.png",W="/TIL/assets/42.bc2f2a30.png",K="/TIL/assets/43.701ade36.png",Q="/TIL/assets/44.8b1674cd.png";const Z={},nn=n("h1",{id:"\u1111\u1173\u1105\u1166\u110B\u1175\u11B7\u110B\u116F\u110F\u1173-\u110B\u1165\u11B9\u110B\u1175-\u1106\u1161\u11AB\u1103\u1173\u1102\u1173\u11AB-ssr",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#\u1111\u1173\u1105\u1166\u110B\u1175\u11B7\u110B\u116F\u110F\u1173-\u110B\u1165\u11B9\u110B\u1175-\u1106\u1161\u11AB\u1103\u1173\u1102\u1173\u11AB-ssr","aria-hidden":"true"},"#"),s(" \uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uB9CC\uB4DC\uB294 SSR")],-1),sn={class:"custom-container tip"},an=n("p",{class:"custom-container-title"},"TIP",-1),tn=s("\u2712\uFE0F \uBCF8 \uAC8C\uC2DC\uBB3C\uC740 \uC90C\uC778\uD130\uB137\uC5D0 \uC7AC\uC9C1\uD560 \uB54C \uC791\uC131\uD55C "),pn={href:"https://zuminternet.github.io/vue-ssr/",target:"_blank",rel:"noopener noreferrer"},en=s("Vue SSR \uC81C\uB300\uB85C \uC801\uC6A9\uD558\uAE30 (feat. Vanilla SSR)"),on=s("\uC758 "),cn=n("strong",null,"\uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uC801\uC6A9\uD574\uBCF4\uAE30(Vanilla SSR)",-1),ln=s(" \uD30C\uD2B8\uB97C \uC870\uAE08 \uB354 \uACE0\uB3C4\uD654\uD55C \uAC83\uC785\uB2C8\uB2E4."),un=p('

      1. SSR\uACFC CSR


      (1) SSR(Servier Side Rendering)\uC774\uB780 \uBB34\uC5C7\uC778\uAC00?

      image 1 bn

      SSR\uC740 \uC27D\uAC8C \uB9D0\uD574\uC11C \u201C\uC11C\uBC84\uC5D0\uC11C HTML\uC744 \uBB38\uC790\uC5F4\uB85C \uB9CC\uB4E4\uC5B4\uC8FC\uB294 \uAC83\u201D \uC774\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4. \uC0AC\uC2E4 \uB80C\uB354\uB9C1\uC774\uB780 \uD45C\uD604\uC774 \uBB34\uCC99 \uC5B4\uC0C9\uD558\uB2E4. \uB80C\uB354\uB9C1\uC774\uB77C\uAE30\uBCF4\uB2E8, \uBB38\uC790\uC5F4\uC744 \uB9CC\uB4E4\uC5B4 \uC8FC\uB294 \uAC83\uC774\uB2E4. \uC544\uB9C8 Client Side Rendering \uC774\uB77C\uB294 \uD45C\uD604\uC758 \uB300\uBE44\uB85C \uB9CC\uB4E0 \uD45C\uD604\uC774 \uC544\uB2D0\uAE4C?

      ',5),rn=s("\uB098\uB294 2011\uB144\uB3C4\uC5D0 PHP\uB77C\uB294 \uC5B8\uC5B4\uB85C \uC6F9 \uAC1C\uBC1C\uC5D0 \uC785\uBB38\uD588\uB2E4. PHP\uB294 Hypertext Preprocessor(HTML \uC804\uCC98\uB9AC\uAE30)\uB97C \uC758\uBBF8\uD55C\uB2E4. "),kn={href:"https://ko.wikipedia.org/wiki/PHP",target:"_blank",rel:"noopener noreferrer"},dn=s("\uC704\uD0A4\uBC31\uACFC"),vn=s("\uC5D0 \uC788\uB294 \uD45C\uD604\uC744 \uBE4C\uB9AC\uC790\uBA74 "),mn=n("strong",null,"\u201C\uB3D9\uC801 \uC6F9 \uD398\uC774\uC9C0\uB97C \uB9CC\uB4E4\uAE30 \uC704\uD574 \uC124\uACC4\uB418\uC5C8\uC73C\uBA70 \uC774\uB97C \uAD6C\uD604\uD558\uAE30 \uC704\uD574 PHP\uB85C \uC791\uC131\uB41C \uCF54\uB4DC\uB97C PHP \uC5D4\uC9C4\uC5D0\uC11C html \uD30C\uC77C\uACFC \uAC19\uC774 \uCC98\uB9AC\uD558\uC5EC \uC791\uC131\uC790\uAC00 \uC6D0\uD558\uB294 \uC6F9 \uD398\uC774\uC9C0\uB97C \uC0DD\uC131\u201D",-1),gn=s(" \uD558\uB294 \uC5B8\uC5B4\uC774\uB2E4. HTML \uBB38\uC790\uC5F4\uC744 \uC11C\uBC84\uC5D0\uC11C \uB3D9\uC801\uC73C\uB85C \uB9CC\uB4E4\uC5B4\uB0B8\uB2E4\uB294 \uAC83\uC774\uB2E4."),bn=p('

      index.html\uC740 \uC815\uC801\uC778 \uD55C \uAC1C\uC758 \uD398\uC774\uC9C0\uB97C \uC758\uBBF8\uD558\uACE0, index.php\uB294 \uC218 \uC2ED, \uC218 \uBC31, \uC218 \uCC9C\uAC1C\uC758 \uD398\uC774\uC9C0\uB97C \u201C\uB3D9\uC801\u201D\uC73C\uB85C \uBCF4\uC5EC\uC904 \uC218 \uC788\uB294 \uD398\uC774\uC9C0\uAC00 \uB420 \uC218 \uC788\uB2E4.

      image 2 bn

      \uC989, \uC11C\uBC84\uC5D0\uC11C \uC815\uC758\uD55C \uADDC\uCE59\uC5D0 \uB530\uB77C HTML \uBB38\uC790\uC5F4\uC744 \uB3D9\uC801\uC73C\uB85C \uB9CC\uB4E4\uC5B4\uB0BC \uC218 \uC788\uC5C8\uACE0, \uC6D0\uB798\uB294 \uC774\uAC8C \uC6F9 \uAC1C\uBC1C\uC758 \uC790\uC5F0\uC2A4\uB7EC\uC6B4 \uBAA8\uC2B5\uC774\uC5C8\uB2E4. \uC6F9 \uAC1C\uBC1C\uC790\uB4E4\uC740 SSR\uC774\uB77C\uB294\uAC78 \uC778\uC9C0\uD558\uC9C0 \uC54A\uACE0 SSR\uC744 \uD558\uACE0 \uC788\uC5C8\uB2E4\uB294 \uAC83\uC774\uB2E4.


      (2) CSR\uC758 \uB4F1\uC7A5\uD558\uAE30 \uAE4C\uC9C0

      \uC6F9 \uC0AC\uC774\uD2B8\uB294 \uC27D\uAC8C \uB9D0\uD574\uC11C \uBB38\uC11C(Document) \uC774\uB2E4. HTML\uC744 \uC774\uC6A9\uD558\uC5EC \uD14D\uC2A4\uD2B8\uC5D0 \uC758\uBBF8\uC640 \uADDC\uCE59\uC744 \uBD80\uC5EC\uD558\uC5EC \uBB38\uC11C\uB97C \uAD6C\uC131\uD558\uACE0, \uC6F9 \uBE0C\uB77C\uC6B0\uC800\uB97C \uC774\uC6A9\uD574 \uC774\uB97C \uCD9C\uB825(\uB80C\uB354\uB9C1) \uB418\uB3C4\uB85D \uB9CC\uB4E0 \uAC83\uC774\uB2E4.

      image 3 bn

      \uADF8\uB7EC\uB2E4 \uC6F9 \uBE0C\uB77C\uC6B0\uC800\uC5D0 \uC774\uBBF8\uC9C0\uB3C4 \uB123\uACE0, \uB3D9\uC601\uC0C1\uB3C4 \uB123\uACE0, \uD50C\uB798\uC2DC\uB3C4 \uB123\uACE0, \uB123\uC744 \uC218 \uC788\uB294 \uBBF8\uB514\uC5B4\uB294 \uB2E4 \uB123\uC744 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uC5B4\uB838\uC744 \uB54C\uB294 \uC6F9 \uC0AC\uC774\uD2B8\uC5D0 \uC62C\uB77C\uC640\uC788\uB294 \uD50C\uB798\uC2DC \uAC8C\uC784\uB4E4\uC744 \uC990\uACBC\uC5C8\uB2E4.

      \uC774 \uC678\uC5D0\uB3C4 \uC6F9 \uC0AC\uC774\uD2B8\uC5D0\uC11C \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC774 \uC810\uC810 \uB9CE\uC544\uC84C\uB294\uB370, \uAC00\uB839 \uAD6C\uAE00\uC5D0\uC11C ajax(Asynchronous Javascript And XML)\uB77C\uB294 \uC6F9 API\uB97C \uC774\uC6A9\uD558\uC5EC gmail\uACFC google map\uC744 \uB9CC\uB4E4\uC5C8\uB2E4. \uC989, \uD398\uC774\uC9C0 \uC774\uB3D9 \uC5C6\uC774 \uC11C\uBC84\uC758 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC62C \uC218 \uC788\uAC8C \uB41C \uAC83\uC774\uB2E4. \uD544\uC790\uB294 \uCC98\uC74C Ajax\uB97C \uC0AC\uC6A9\uD588\uC744 \uB54C \uBB34\uCC99 \uC2E0\uAE30\uD588\uB2E4. \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC9C1\uC811 \uC11C\uBC84\uC758 \uB370\uC774\uD130\uB97C \uAC00\uC838\uC62C \uC218 \uC788\uB2E4\uB294 \uAC83\uC774, \uADF8\uB798\uC11C \uD398\uC774\uC9C0\uC758 \uC0C8\uB85C\uACE0\uCE68 \uC5C6\uC774 \uC0AC\uC6A9\uC790\uC5D0\uAC8C \uC0C8\uB85C\uC6B4 \uC815\uBCF4(UI)\uB97C \uBCF4\uC5EC\uC904 \uC218 \uC788\uB2E4\uB294 \uAC83\uC774 \uAD49\uC7A5\uD788 \uC138\uB828\uB41C \uAE30\uC220\uC774\uB77C\uACE0 \uB290\uAF08\uB2E4.

      image 4 bn

      \uADF8\uB7EC\uB2E4 \uC544\uC774\uD3F0\uACFC \uC544\uC774\uD3F0\uC5D0\uC11C \uC2E4\uD589\uB418\uB294 \uBAA8\uBC14\uC77C \uC571 \uC774\uB77C\uB294 \uAC83\uB4E4\uC774 \uB4F1\uC7A5\uD588\uB2E4. \uADF8\uB9AC\uACE0 \uAD6C\uAE00\uC5D0\uC11C\uB294 \uC548\uB4DC\uB85C\uC774\uB4DC OS\uB97C \uB9CC\uB4E4\uC5C8\uC73C\uBA70, \uADF8\uB807\uAC8C \uC2A4\uB9C8\uD2B8\uD3F0\uC774 \uC804\uC138\uACC4\uC801\uC73C\uB85C \uBCF4\uAE09\uB418\uACE0, \uBAA8\uBC14\uC77C \uC571\uC740 \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uC0B0\uC5C5\uC758 \uD070 \uCD95\uC774 \uB418\uC5C8\uB2E4.

      \uADF8\uB798\uC11C \uC0AC\uB78C\uB4E4\uC740, \uAE30\uC5C5\uB4E4\uC740 \uC571 \uAC1C\uBC1C\uC744 \uD558\uAE30 \uC2DC\uC791\uD588\uB2E4. \uC544\uB2C8, \uC571 \uAC1C\uBC1C\uC744 \uD574\uC57C\uB9CC \uD588\uB2E4. \uADF8\uB798\uC57C \uC790\uBCF8\uC8FC\uC758 \uC2DC\uC7A5\uC5D0\uC11C \uB3C8\uC744 \uBC8C \uC218 \uC788\uACE0 \uC0DD\uC874\uD560 \uC218 \uC788\uC5C8\uC73C\uB2C8\uAE4C.

      \uC571\uACFC \uC6F9

      \uB72C\uAE08\uC5C6\uC774 \uC571 \uAC1C\uBC1C\uC744 \uC5B8\uAE09\uD558\uB294 \uC774\uC720\uB294, \uC6F9\uC758 \uD3ED\uBC1C\uC801\uC778 \uBC1C\uC804\uC740 \uC571\uC758 \uB4F1\uC7A5 \uC774\uD6C4\uB77C\uACE0 \uC0DD\uAC01\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uC77C\uB2E8 \uC571 \uAC1C\uBC1C\uC744 \uD55C\uB2E4\uACE0 \uCE58\uBA74, \uC801\uC5B4\uB3C4 \uB450 \uAC1C(iOS\uC640 Android) \uC774\uC0C1\uC758 OS\uC5D0\uC11C \uB3D9\uC791\uD558\uB3C4\uB85D \uB9CC\uB4E4\uC5B4\uC57C\uD588\uB2E4. \uADF8\uB798\uC57C \uC0AC\uC6A9\uC790\uB97C \uC798 \uD655\uBCF4\uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4.

      image 5 bn

      \uADF8\uB798\uC11C Android \uAC1C\uBC1C\uC790\uC640 iOS \uAC1C\uBC1C\uC790\uB97C \uCC44\uC6A9\uD574\uC57C \uD588\uACE0, \uC2EC\uC9C0\uC5B4 \uBAA8\uBC14\uC77C \uC6F9\uB3C4 \uB9CC\uB4E4 \uC218 \uC788\uAC8C \uC6F9 \uAC1C\uBC1C\uC790\uB3C4 \uD544\uC694\uD588\uB2E4.

      \uAC00\uB839, \uD544\uC790\uAC00 \uADFC\uBB34\uD558\uACE0 \uC788\uB294 \uB124\uC774\uBC84\uB97C \uC608\uB85C \uB4E4\uC790\uBA74

      • \uB370\uC2A4\uD06C\uD1B1 \uC6F9(naver.com)
      • \uBAA8\uBC14\uC77C \uC6F9(m.naver.com)
      • \uBAA8\uBC14\uC77C \uC571(iOS, Android)
      • \u2026

      \uC774\uB7F0 \uC2DD\uC73C\uB85C \uC11C\uBE44\uC2A4\uB97C \uC0AC\uC6A9\uC790\uB4E4\uC5D0\uAC8C \uB2E4\uC591\uD55C \uD615\uD0DC\uB85C \uBCF4\uAE09\uD558\uACE0 \uC788\uB2E4. \uC61B\uB0A0\uC5D0\uB294 \uC6F9 \uAC1C\uBC1C\uC790 \uD55C \uBA85\uB9CC \uC788\uC73C\uBA74 \uB410\uC5C8\uB294\uB370, \uC774\uC81C \uC571 \uAC1C\uBC1C\uC790 + \uC6F9 \uAC1C\uBC1C\uC790 \uBAA8\uB450 \uD544\uC694\uD55C \uAC83\uC774\uB2E4. \uAE30\uC5C5 \uC785\uC7A5\uC5D0\uC11C\uB294 \uBE44\uC6A9\uC5D0 \uB300\uD55C \uC0DD\uAC01\uC744 \uD560 \uC218 \uBC16\uC5D0 \uC5C6\uC744 \uAC83\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uBAA8\uBC14\uC77C \uC571\uC758 \uACBD\uC6B0 \uC5C5\uB370\uC774\uD2B8\uAC00 \uC27D\uC9C0 \uC54A\uB2E4. \uC6F9\uC740 \uC11C\uBC84\uC5D0 \uBC30\uD3EC\uD558\uBA74 \uB05D\uC774\uC9C0\uB9CC, \uC571\uC740 \uC5C5\uB370\uC774\uD2B8\uB97C \uD560 \uACBD\uC6B0 \uAC80\uC218\uB3C4 \uBC1B\uC544\uC57C \uD558\uACE0, \uC0AC\uC6A9\uC790\uAC00 \uC9C1\uC811 \uBC30\uD3EC\uB41C \uC571\uC5D0 \uB300\uD574 \uC5C5\uB370\uC774\uD2B8\uB97C \uC2E4\uD589\uD574\uC57C \uC0C8\uB85C\uC6B4 \uAE30\uB2A5\uB4E4\uC744 \uC774\uC6A9\uD560 \uC218 \uC788\uB294 \uAC83\uC774\uB2E4.

      \uC774 \uB54C \uBB38\uC81C\uAC00 \uB418\uB294 \uAC83\uC740, \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158\uC5D0 \uCE58\uBA85\uC801\uC778 \uBB38\uC81C\uAC00 \uC788\uC5B4\uC11C \uB2F9\uC7A5 \uC5C5\uB370\uC774\uD2B8\uB97C \uD574\uC57C\uB418\uB294 \uC0C1\uD669 \uC77C \uB54C \uC774\uB2E4. \uB2E8\uC21C\uD788 \uC791\uC740 \uBC84\uADF8\uC77C \uC218\uB3C4 \uC788\uACE0, \uBCF4\uC548\uACFC \uAD00\uB828\uB41C \uBB38\uC81C\uC77C \uC218\uB3C4 \uC788\uACE0, \uD639\uC740 \uC11C\uBE44\uC2A4 \uC720\uC9C0\uBE44\uC5D0 \uAD6C\uBA4D\uC774 \uC788\uC5B4\uC11C \uC774\uB97C \uB9C9\uC544\uC57C \uD558\uB294 \uACBD\uC6B0\uC77C \uC218\uB3C4 \uC788\uB2E4. \uD558\uC9C0\uB9CC \uC5B4\uB5A4\uC2DD\uC73C\uB85C\uB4E0 \uBAA8\uBC14\uC77C \uC571\uC740 \uC0AC\uC6A9\uC790\uAC00 \uC5C5\uB370\uC774\uD2B8\uB97C \uD574\uC57C \uCD5C\uC2E0\uD654\uAC00 \uB41C\uB2E4.

      \uB2E4\uC2DC \uAE30\uC5C5(\uC11C\uBE44\uC2A4 \uC81C\uACF5\uC790)\uC758 \uC785\uC7A5\uC5D0\uC11C \uD560 \uC218 \uC788\uB294 \uD575\uC2EC \uACE0\uBBFC\uAC70\uB9AC\uB97C \uB098\uC5F4\uD574\uBCF4\uC790.

      • \uC5B4\uB5BB\uAC8C \uD574\uC57C \uCD5C\uB300\uD55C \uC801\uC740 \uB3C8\uC73C\uB85C \uC11C\uBE44\uC2A4\uB97C \uC81C\uACF5\uD560 \uC218 \uC788\uC744\uAE4C?
      • \uC5B4\uB5BB\uAC8C \uD574\uC57C \uBAA8\uBC14\uC77C \uC571\uC744 \uC989\uC2DC \uC5C5\uB370\uC774\uD2B8\uD560 \uC218 \uC788\uC744\uAE4C?

      \uC774\uB807\uAC8C \uB450 \uAC00\uC9C0 \uCD95\uC774\uB77C\uACE0 \uC0DD\uAC01\uD558\uB294\uB370, \uC774\uB97C \uD574\uACB0\uD574\uC904 \uC218 \uC788\uB294 \uC218\uB2E8\uC774 \uBC14\uB85C "\uC6F9"\uC774\uB2E4. \uAF2D \uB124\uC774\uD2F0\uBE0C\uB85C \uAD6C\uC131\uD558\uC9C0 \uC54A\uC544\uB3C4 \uB418\uB294 \uBD80\uBD84\uC744 \uC6F9 \uBDF0\uB85C \uC81C\uACF5\uD55C\uB2E4\uBA74, \uC774\uC288\uAC00 \uC0DD\uACBC\uC744 \uB54C \uBC14\uB85C \uC5C5\uB370\uC774\uD2B8\uD560 \uC218\uB3C4 \uC788\uC73C\uBA70 \uB9CE\uC740 \uC218\uC758 \uC571 \uAC1C\uBC1C\uC790\uB4E4\uC744 \uD544\uC694\uB85C \uD558\uC9C0 \uC54A\uC744 \uAC83\uC774\uB2E4.

      \uB300\uC2E0 \uC6F9\uC5D0\uC11C \uB124\uC774\uD2F0\uBE0C \uC571\uAE4C\uC9C0\uC758 \uD37C\uD3EC\uBA3C\uC2A4\uAE4C\uC9C0\uB294 \uC544\uB2C8\uB354\uB77C\uB3C4 \uC5B4\uB5BB\uAC8C\uB4E0 \uB124\uC774\uD2F0\uBE0C \uC571\uACFC \uC720\uC0AC\uD55C \uC0AC\uC6A9\uC131\uC744 \uB9CC\uB4E4\uC5B4\uB0B4\uC57C \uD588\uB2E4. \uADF8\uB798\uC11C \uB4F1\uC7A5\uD55C \uAC83\uC774 Angular, Vue, React \uAC19\uC740 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD504\uB808\uC784\uC6CC\uD06C\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. UI\uC5D0 \uB300\uD55C \uAD00\uB9AC\uD3EC\uC778\uD2B8\uAC00 \uB9CE\uC544\uC9C8\uC218\uB85D \uACFC\uAC70\uC758 SSR \uBC29\uC2DD\uC774 \uBC1C\uBAA9\uC744 \uC7A1\uC558\uC744 \uAC83\uC774\uBA70, \uC774\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD574 \uD504\uB860\uD2B8\uC5D4\uB4DC\uB97C \uC804\uBB38\uC801\uC73C\uB85C \uB2E4\uB8E8\uB294 \uAC1C\uBC1C\uC790\uC640 \uD504\uB808\uC784\uC6CC\uD06C\uAC00 \uC0DD\uACA8\uB09C \uAC83\uC774\uB2E4.

      \uC6F9(Client)\uC5D0\uC11C \uB80C\uB354\uB9C1\uC744 \uC5B4\uB5BB\uAC8C \uBE60\uB974\uAC8C \uD560 \uC218 \uC788\uC744\uC9C0, \uC815\uAD50\uD558\uAC8C \uAD00\uB9AC\uD560 \uC218 \uC788\uC744\uC9C0 \uACE0\uBBFC\uD558\uAE30 \uC2DC\uC791\uD588\uACE0, CSR(Client Side Rendering)\uC774\uB780 \uAC1C\uB150\uC744 \uB9CC\uB4E4\uC5B4\uB0C8\uB2E4.

      \uC774\uC81C \uC11C\uBC84\uC5D0\uC11C\uB294 REST API\uB85C JSON\uC774\uB098 XML\uB97C \uB9CC\uB4E4\uACE0, \uC6F9 \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C Javascript\uB85C UI\uB97C \uADF8\uB9AC\uB294 \uD604\uC7AC\uC758 \uBAA8\uC2B5\uC774 \uB41C \uAC83\uC774\uB2E4.

      image 6 bn

      \uC815\uB9AC

      1. \uACFC\uAC70\uC5D0\uB294 \uC6D0\uB798 SSR\uC774 \uC790\uC5F0\uC2A4\uB7EC\uC6E0\uB2E4.
      2. \uC2A4\uB9C8\uD2B8\uD3F0\uACFC \uBAA8\uBC14\uC77C \uC571\uC774 \uB4F1\uC7A5\uD588\uB2E4.
      3. \uBAA8\uBC14\uC77C \uC571\uC740 \uAC1C\uBC1C \uBE44\uC6A9\uACFC \uC720\uC9C0 \uBE44\uC6A9\uC774 \uB9CE\uC774 \uB4E0\uB2E4. (iOS + Android + \uAC80\uC218 + \uC5C5\uB370\uC774\uD2B8)
      4. \uC774\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD574 \uC571\uC5D0 \uC6F9\uC744 \uBD88\uB7EC\uC624\uB294 \uD558\uC774\uBE0C\uB9AC\uB4DC \uBC29\uC2DD\uC758 \uC571\uC744 \uB9CC\uB4E4\uAE30 \uC2DC\uC791\uD588\uB2E4.
      5. \uB2E4\uB9CC \uC6F9\uC740 \uC571\uC5D0 \uBE44\uD574 \uBB34\uCC99 \uB290\uB9AC\uACE0 \uBB34\uAC70\uC6E0\uAE30 \uB54C\uBB38\uC5D0, \uC571\uACFC \uC720\uC0AC\uD55C \uC0AC\uC6A9\uC131\uC744 \uC81C\uACF5\uD558\uAE30 \uC704\uD574 \uB9CE\uC740 \uC5F0\uAD6C\uAC00 \uC774\uB8E8\uC5B4\uC84C\uACE0, \uBE0C\uB77C\uC6B0\uC800\uAC00 \uBC1C\uC804\uD574\uAC14\uC73C\uBA70 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790\uB4E4\uC774 \uC0DD\uACBC\uACE0, \uD504\uB860\uD2B8\uC5D4\uB4DC \uD504\uB808\uC784\uC6CC\uD06C\uB3C4 \uC0DD\uACBC\uB2E4.
      6. \uC9C0\uAE08\uC740 \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC624\uC9C1 Javscript\uB9CC \uC774\uC6A9\uD558\uC5EC UI\uB97C \uB9CC\uB4DC\uB294 \uAC83(CSR)\uC774 \uC790\uC5F0\uC2A4\uB7EC\uC6B4 \uBAA8\uC2B5\uC73C\uB85C \uC790\uB9AC\uC7A1\uD614\uB2E4.

      (3) \uC65C SSR\uC774 \uD544\uC694\uD55C\uAC00?

      \uAC1C\uBC1C\uC790\uB294 \uD56D\uC0C1 \u201C\uC65C\u201D\uB97C \uC0DD\uAC01\uD574\uC57C \uD55C\uB2E4.

      • \uC774 \uAE30\uC220\uC744 \u201C\uC65C\u201D \uC368\uC57C \uD560\uAE4C?
      • \u201C\uC65C\u201D SSR\uC774 \uD544\uC694\uD55C\uAC78\uAE4C?
      • \u201C\uC65C\u201D CSR\uB85C\uB294 \uCDA9\uBD84\uD558\uC9C0 \uC54A\uC744\uAC78\uAE4C?
      • \u2026

      CSR\uC744 \uD55C\uB2E4\uB294 \uAC83\uC740 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uD30C\uC77C\uC774 \uBE44\uB300\uD574\uC9C4\uB2E4\uB294 \uAC83\uC774\uB2E4. \uADF8\uB798\uC11C \uBE0C\uB77C\uC6B0\uC800\uB294 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uD30C\uC77C\uC744 \uD30C\uC2F1\uD558\uC5EC \uD654\uBA74\uC5D0 \uB80C\uB354\uB9C1\uD558\uAE30 \uAE4C\uC9C0\uC758 \uC2DC\uAC04\uC774 \uB298\uC5B4\uB09C\uB2E4.

      image 7 bn

      \uBE0C\uB77C\uC6B0\uC800\uAC00 \uC11C\uBC84\uC5D0\uC11C \uBC1B\uC544\uC624\uB294 \uCD5C\uCD08\uC758 HTML\uC740 \uACE0\uC791 <div id="app"></div> \uD639\uC740 <div id="root"></div> \uD55C \uC904 \uC778\uB370, \uC774\uB807\uAC8C \uB420 \uACBD\uC6B0 \uAC80\uC0C9\uC5D4\uC9C4\uC774 \uC0AC\uC774\uD2B8\uC758 \uB0B4\uC6A9\uC744 \uD30C\uC545\uD558\uC5EC \uC0C9\uC778\uD558\uB294 \uAC83\uC774 \uBD88\uAC00\uB2A5 \uD574\uC9C4\uB2E4.

      image 8 bn

      \uC27D\uAC8C \uB9D0\uD574\uC11C CSR\uC740 \uC0AC\uC6A9\uC131\uACFC \uC0AC\uC6A9\uC790 \uC720\uC785\uC5D0 \uB300\uD55C \uC190\uC2E4\uC774 \uC788\uB2E4. \uC774\uB97C \uD574\uACB0\uD558\uAE30 \uC704\uD574 SSR(Server Side Rendering)\uC744 \uD574\uC57C \uD558\uB294 \uAC83\uC774\uB2E4.

      \uC815\uB9AC

      • \uBE0C\uB77C\uC6B0\uC800\uAC00 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uD30C\uC77C\uC744 \uD574\uC11D\uD558\uC5EC \uB80C\uB354\uB9C1 \uD558\uAE30 \uC804\uC5D0, Server\uC5D0\uC11C \uB0B4\uB824\uC900 HTML \uBB38\uC790\uC5F4\uC744 \uD1A0\uB300\uB85C \uB80C\uB354\uB9C1\uC744 \uD55C\uB2E4. (\uC0AC\uC6A9\uC131 \uD655\uBCF4)
      • \uAC80\uC0C9 \uC5D4\uC9C4\uC774 \uC6F9 \uD398\uC774\uC9C0\uC5D0 \uC811\uADFC\uD588\uC744 \uB54C HTML \uBB38\uC790\uC5F4\uC744 \uD574\uC11D\uD558\uC5EC \uC0C9\uC778(\uC778\uB371\uC2F1)\uC774 \uAC00\uB2A5\uD574\uC9C4\uB2E4.

      image 9 bn

      \uD544\uC694\uD55C \uC774\uC720(Why)\uB294 \uC54C\uC558\uB294\uB370, \uBB38\uC81C\uB294 \uACFC\uAC70\uC758 SSR \uBC29\uC2DD\uC73C\uB85C\uB294 \uC774 \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uC218 \uC5C6\uB2E4\uB294 \uAC83\uC774\uB2E4. \uC5B4\uB5BB\uAC8C(How) \uC774 \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uC218 \uC788\uC744\uAE4C?


      (4) \uAD00\uC2EC\uC0AC \uBD84\uC11D \uBC0F \uBD84\uB9AC

      "\uAD00\uC2EC\uC0AC" \uB77C\uB294 \uC6A9\uC5B4\uB97C \uB9CE\uC774 \uB4E4\uC5B4\uBD24\uC744 \uAC83\uC774\uB2E4. \uC6B0\uB9AC\uAC00 \uC791\uC131\uD558\uB294 \uCF54\uB4DC\uB4E4\uC758 \uBAA9\uC801\uC744 \uC798 \uBD84\uC11D\uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C? javascript\uB85C \uAC04\uB2E8\uD558\uAC8C \uD560 \uC77C \uBAA9\uB85D\uC744 \uB9CC\uB4E4\uC5B4\uC11C \uCD9C\uB825\uD558\uB294 \uCF54\uB4DC\uB97C \uC791\uC131\uD574\uBCF4\uC790.

      <!DOCTYPE html>
       <html lang="en">
       <head>
         <meta charset="UTF-8">
      diff --git a/assets/index.html.725c08bd.js b/assets/index.html.9659c777.js
      similarity index 99%
      rename from assets/index.html.725c08bd.js
      rename to assets/index.html.9659c777.js
      index 83dc57da..90818a66 100644
      --- a/assets/index.html.725c08bd.js
      +++ b/assets/index.html.9659c777.js
      @@ -1 +1 @@
      -import{_ as r,r as s,o,c,a as e,b as a,e as i,d as t}from"./app.800103af.js";const n={},p=e("h1",{id:"none-blocking-javascript-\u1109\u1169\u1100\u1162",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#none-blocking-javascript-\u1109\u1169\u1100\u1162","aria-hidden":"true"},"#"),i(" None Blocking Javascript \uC18C\uAC1C")],-1),d={class:"custom-container tip"},u=e("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),h={href:"https://www.youtube.com/watch?v=0NsJsBdYVHI&list=PLBNdLLaRx_rImvbuZnfO-Ecv9OpuCNoCl",target:"_blank",rel:"noopener noreferrer"},m=i("\uCF54\uB4DC\uC2A4\uD53C\uCE20 85\uAE30 - \uAC70\uCE68\uC5C6\uB294 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 1\uD68C\uCC28"),g=t('

      Javascript \uB77C\uB294 \uC5B8\uC5B4\uC758 \uD2B9\uC9D5\uC5D0 \uB300\uD574 \uB2E4\uB8E8\uB294 \uB0B4\uC6A9\uC785\uB2C8\uB2E4.

      Javascript Pipeline

      Javascript\uB85C \uB9CC\uB4E0 \uD504\uB85C\uADF8\uB7A8\uC774 \uC11C\uBE44\uC2A4\uB418\uB294 \uACFC\uC815\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      uml diagram

      \uB2E8\uC810 : \uCF54\uB4DC\uB97C \uC11C\uBE44\uC2A4 \uB2E8\uACC4\uC5D0\uC11C \uB514\uBC84\uAE45 \uD558\uAE30\uB294 \uAD49\uC7A5\uD788 \uD798\uB4E4\uB2E4.

      \uC7A5\uC810 : \uCF54\uB4DC\uC758 \uD638\uD658\uC131\uC740 Transpiler\uC640 Packaging\uC774 \uCC45\uC784\uC9C4\uB2E4.

      • Code
        • ECMAScript
        • TypeScript
        • Kotlin
        • Dart
      • Transpiler
        • Step1
          • tsc
          • kotlinc
        • Step2
          • babel
      • Packaging
        • webpack
      • CI
      • Deploy

      \uC218\uC5C5\uC5D0\uC11C\uB294 Code(ECMAScript2020)\uC5D0 \uC9D1\uC911\uD55C\uB2E4.

      ECMAScript Standard

      \uB9E4\uB144 \uC0C1\uBC18\uAE30 \uC0C8\uB85C\uC6B4 \uBC84\uC804\uCE28 \uCD9C\uC2DC\uD568(\uBC84\uC804\uACFC \uC5F0\uB3C4\uAC00 1\uCC28\uC774. ES6 = ES2015)

      \uD604\uC7AC ES11(ES2020)\uC774 \uCD5C\uC885 \uC870\uC815 \uC911

      ES6 \uC774\uD6C4 \uAE09\uACA9\uD55C \uC5B8\uC5B4\uC758 \uBCC0\uD654\uB97C \uC9C0\uC591\uD558\uACE0 \uC810\uC9C4\uC801\uC778 \uBC84\uC804\uC5C5\uC744 \uC9C4\uD589

      \uC0C8\uB86D\uAC8C \uBC18\uC601\uB420 \uB0B4\uC6A9\uC740 Stage0~3\uAE4C\uC9C0 \uB2E8\uACC4\uBCC4 \uC2B9\uACA9\uC744 \uD1B5\uD574 \uC815\uC2DD \uBC18\uC601\uC2DC Stage4\uAC00 \uB428

      ',13),_=i("\uD604\uC7AC \uC81C\uC548 \uC911\uC778 \uB0B4\uC6A9\uC758 \uC0C1\uD0DC \uD655\uC778 : "),b={href:"https://github.com/tc39/proposals",target:"_blank",rel:"noopener noreferrer"},f=i("https://github.com/tc39/proposals"),S=t('

      \uC2E4\uC81C\uB85C\uB294?

      tc39 \uC704\uC6D0\uD68C\uC5D0\uC11C \uD68C\uC758\uB97C \uD1B5\uD574 \uACB0\uC815\uB418\uBA70 \uC704\uC6D0\uD68C\uB294 \uB2E4\uC591\uD55C \uC5C5\uACC4\uC640 \uAD00\uACC4\uC790\uB85C \uAD6C\uC131\uB428

      \uC2E4\uC81C \uAC01 \uC81C\uC548\uC758 \uB2F4\uB2F9\uC790(\uCC54\uD53C\uC628)\uAC00 \uAD6C\uAE00 \uAD00\uB828 \uAC1C\uBC1C\uC790\uC778 \uACBD\uC6B0\uAC00 \uB9CE\uC74C

      Stage4 \uAE30\uC900 \uBCF4\uB2E4 \uAD6C\uAE00\uC774 \uC6D0\uD558\uB294 \uC21C\uC11C\uB300\uB85C \uD06C\uB86C\uC5D0 \uBE68\uB9AC \uBC18\uC601\uB418\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uC74C

      \uD06C\uB86C\uC758 \uC5C5\uB370\uC774\uD2B8 \uD655\uC778 : https://developers.google.com/web/updates/capabilities

      ES6

      • Class
      • Iterator, Generator, For of
      • Class Library
        • Symbol, Promise, Map, Set, WeakMap, WeakSet, Proxy, Reflect
      • Object Literal
      • Arrow (\uC21C\uC218\uD55C \uD568\uC218 \uC9C0\uD5A5. \uAC00\uBCBC\uC6B4 \uAC1D\uCCB4\uB97C \uB9CC\uB4E4 \uC218 \uC788\uB2E4)
      • const, let
      • destructuring, rest, spread
      • Template String

      ES7

      • \uC911\uCCA9\uB41C Rest Destructure
      • const [a, ...[b, ...c]] = [1, 2, 3, 4] => a=1 b=2 c=[3,4]

      ES8

      • async/await
      • shared memory ( thread \uAC04\uC5D0 \uBA54\uBAA8\uB9AC \uACF5\uC720 )
      • atomics ( mutex lock )

      ES9

      • Object Destructure
      • asynchronous iterators

      ES10

      • optional catch

      ES11(Stage11)

      • Bigint
      • globalThis
      • top level await
      • class field
      • private field/method
      • optional chaining ?.
      • nullish coalescing ??
      • WeakReference

      \uC774\uBBF8 \uD06C\uB86C\uC774 \uC9C0\uC6D0\uD568

      Program & Timing

      • Language code

        • Lint, IDE
        • ES2020, Tyescript ...
      • Machine language (Browser, JVM \uB4F1\uC758 Runtime)

        • Compiler, Transpiler
      • File

        • Deploy
      • Load

        • Browser load
        • Browser parsing
      • Run

        • Browser parsing
        • Runtime
      • Terminate

        • Browser close

      \uAC1C\uBC1C\uC758 \uBAA9\uD45C

      • \uB9CC\uB4E4\uC5B4\uC9C4 \uCF54\uB4DC\uB97C \uAC74\uB4DC\uB9AC\uC9C0 \uC54A\uACE0 \uB354 \uB9CE\uC740 \uAE30\uB2A5\uC774\uB098 \uC218\uC815\uC744 \uD558\uB294\uAC00.
      • \uCF54\uB4DC\uAC00 \uBCC0\uD654\uD558\uB294 \uC774\uC720\uB97C \uD55C \uAC00\uC9C0\uACE0 \uADDC\uC815\uD558\uB294 \uAC83
      • \uBCC0\uD654\uC5D0 \uB300\uC751\uD558\uB294 \uC5EC\uD30C\uB97C \uCD5C\uC18C\uD654 \uC2DC\uD0A4\uB294 \uAC83

      \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uB294 Compile Time\uACFC Run Time\uC758 \uAD6C\uBD84\uC774 \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294\uB2E4.

      ',19);function v(x,E){const l=s("ExternalLinkIcon");return o(),c("div",null,[p,e("div",d,[u,e("ul",null,[e("li",null,[e("a",h,[m,a(l)])])])]),g,e("p",null,[_,e("a",b,[f,a(l)])]),S])}var B=r(n,[["render",v],["__file","index.html.vue"]]);export{B as default}; +import{_ as r,r as s,o,c,a as e,b as a,e as i,d as t}from"./app.d20f8571.js";const n={},p=e("h1",{id:"none-blocking-javascript-\u1109\u1169\u1100\u1162",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#none-blocking-javascript-\u1109\u1169\u1100\u1162","aria-hidden":"true"},"#"),i(" None Blocking Javascript \uC18C\uAC1C")],-1),d={class:"custom-container tip"},u=e("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),h={href:"https://www.youtube.com/watch?v=0NsJsBdYVHI&list=PLBNdLLaRx_rImvbuZnfO-Ecv9OpuCNoCl",target:"_blank",rel:"noopener noreferrer"},m=i("\uCF54\uB4DC\uC2A4\uD53C\uCE20 85\uAE30 - \uAC70\uCE68\uC5C6\uB294 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 1\uD68C\uCC28"),g=t('

      Javascript \uB77C\uB294 \uC5B8\uC5B4\uC758 \uD2B9\uC9D5\uC5D0 \uB300\uD574 \uB2E4\uB8E8\uB294 \uB0B4\uC6A9\uC785\uB2C8\uB2E4.

      Javascript Pipeline

      Javascript\uB85C \uB9CC\uB4E0 \uD504\uB85C\uADF8\uB7A8\uC774 \uC11C\uBE44\uC2A4\uB418\uB294 \uACFC\uC815\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      uml diagram

      \uB2E8\uC810 : \uCF54\uB4DC\uB97C \uC11C\uBE44\uC2A4 \uB2E8\uACC4\uC5D0\uC11C \uB514\uBC84\uAE45 \uD558\uAE30\uB294 \uAD49\uC7A5\uD788 \uD798\uB4E4\uB2E4.

      \uC7A5\uC810 : \uCF54\uB4DC\uC758 \uD638\uD658\uC131\uC740 Transpiler\uC640 Packaging\uC774 \uCC45\uC784\uC9C4\uB2E4.

      • Code
        • ECMAScript
        • TypeScript
        • Kotlin
        • Dart
      • Transpiler
        • Step1
          • tsc
          • kotlinc
        • Step2
          • babel
      • Packaging
        • webpack
      • CI
      • Deploy

      \uC218\uC5C5\uC5D0\uC11C\uB294 Code(ECMAScript2020)\uC5D0 \uC9D1\uC911\uD55C\uB2E4.

      ECMAScript Standard

      \uB9E4\uB144 \uC0C1\uBC18\uAE30 \uC0C8\uB85C\uC6B4 \uBC84\uC804\uCE28 \uCD9C\uC2DC\uD568(\uBC84\uC804\uACFC \uC5F0\uB3C4\uAC00 1\uCC28\uC774. ES6 = ES2015)

      \uD604\uC7AC ES11(ES2020)\uC774 \uCD5C\uC885 \uC870\uC815 \uC911

      ES6 \uC774\uD6C4 \uAE09\uACA9\uD55C \uC5B8\uC5B4\uC758 \uBCC0\uD654\uB97C \uC9C0\uC591\uD558\uACE0 \uC810\uC9C4\uC801\uC778 \uBC84\uC804\uC5C5\uC744 \uC9C4\uD589

      \uC0C8\uB86D\uAC8C \uBC18\uC601\uB420 \uB0B4\uC6A9\uC740 Stage0~3\uAE4C\uC9C0 \uB2E8\uACC4\uBCC4 \uC2B9\uACA9\uC744 \uD1B5\uD574 \uC815\uC2DD \uBC18\uC601\uC2DC Stage4\uAC00 \uB428

      ',13),_=i("\uD604\uC7AC \uC81C\uC548 \uC911\uC778 \uB0B4\uC6A9\uC758 \uC0C1\uD0DC \uD655\uC778 : "),b={href:"https://github.com/tc39/proposals",target:"_blank",rel:"noopener noreferrer"},f=i("https://github.com/tc39/proposals"),S=t('

      \uC2E4\uC81C\uB85C\uB294?

      tc39 \uC704\uC6D0\uD68C\uC5D0\uC11C \uD68C\uC758\uB97C \uD1B5\uD574 \uACB0\uC815\uB418\uBA70 \uC704\uC6D0\uD68C\uB294 \uB2E4\uC591\uD55C \uC5C5\uACC4\uC640 \uAD00\uACC4\uC790\uB85C \uAD6C\uC131\uB428

      \uC2E4\uC81C \uAC01 \uC81C\uC548\uC758 \uB2F4\uB2F9\uC790(\uCC54\uD53C\uC628)\uAC00 \uAD6C\uAE00 \uAD00\uB828 \uAC1C\uBC1C\uC790\uC778 \uACBD\uC6B0\uAC00 \uB9CE\uC74C

      Stage4 \uAE30\uC900 \uBCF4\uB2E4 \uAD6C\uAE00\uC774 \uC6D0\uD558\uB294 \uC21C\uC11C\uB300\uB85C \uD06C\uB86C\uC5D0 \uBE68\uB9AC \uBC18\uC601\uB418\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uC74C

      \uD06C\uB86C\uC758 \uC5C5\uB370\uC774\uD2B8 \uD655\uC778 : https://developers.google.com/web/updates/capabilities

      ES6

      • Class
      • Iterator, Generator, For of
      • Class Library
        • Symbol, Promise, Map, Set, WeakMap, WeakSet, Proxy, Reflect
      • Object Literal
      • Arrow (\uC21C\uC218\uD55C \uD568\uC218 \uC9C0\uD5A5. \uAC00\uBCBC\uC6B4 \uAC1D\uCCB4\uB97C \uB9CC\uB4E4 \uC218 \uC788\uB2E4)
      • const, let
      • destructuring, rest, spread
      • Template String

      ES7

      • \uC911\uCCA9\uB41C Rest Destructure
      • const [a, ...[b, ...c]] = [1, 2, 3, 4] => a=1 b=2 c=[3,4]

      ES8

      • async/await
      • shared memory ( thread \uAC04\uC5D0 \uBA54\uBAA8\uB9AC \uACF5\uC720 )
      • atomics ( mutex lock )

      ES9

      • Object Destructure
      • asynchronous iterators

      ES10

      • optional catch

      ES11(Stage11)

      • Bigint
      • globalThis
      • top level await
      • class field
      • private field/method
      • optional chaining ?.
      • nullish coalescing ??
      • WeakReference

      \uC774\uBBF8 \uD06C\uB86C\uC774 \uC9C0\uC6D0\uD568

      Program & Timing

      • Language code

        • Lint, IDE
        • ES2020, Tyescript ...
      • Machine language (Browser, JVM \uB4F1\uC758 Runtime)

        • Compiler, Transpiler
      • File

        • Deploy
      • Load

        • Browser load
        • Browser parsing
      • Run

        • Browser parsing
        • Runtime
      • Terminate

        • Browser close

      \uAC1C\uBC1C\uC758 \uBAA9\uD45C

      • \uB9CC\uB4E4\uC5B4\uC9C4 \uCF54\uB4DC\uB97C \uAC74\uB4DC\uB9AC\uC9C0 \uC54A\uACE0 \uB354 \uB9CE\uC740 \uAE30\uB2A5\uC774\uB098 \uC218\uC815\uC744 \uD558\uB294\uAC00.
      • \uCF54\uB4DC\uAC00 \uBCC0\uD654\uD558\uB294 \uC774\uC720\uB97C \uD55C \uAC00\uC9C0\uACE0 \uADDC\uC815\uD558\uB294 \uAC83
      • \uBCC0\uD654\uC5D0 \uB300\uC751\uD558\uB294 \uC5EC\uD30C\uB97C \uCD5C\uC18C\uD654 \uC2DC\uD0A4\uB294 \uAC83

      \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uB294 Compile Time\uACFC Run Time\uC758 \uAD6C\uBD84\uC774 \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294\uB2E4.

      ',19);function v(x,E){const l=s("ExternalLinkIcon");return o(),c("div",null,[p,e("div",d,[u,e("ul",null,[e("li",null,[e("a",h,[m,a(l)])])])]),g,e("p",null,[_,e("a",b,[f,a(l)])]),S])}var B=r(n,[["render",v],["__file","index.html.vue"]]);export{B as default}; diff --git a/assets/index.html.95131d1f.js b/assets/index.html.96f916e7.js similarity index 63% rename from assets/index.html.95131d1f.js rename to assets/index.html.96f916e7.js index 7a638070..6d0f33d4 100644 --- a/assets/index.html.95131d1f.js +++ b/assets/index.html.96f916e7.js @@ -1 +1 @@ -import{_ as e,o as c,c as r}from"./app.800103af.js";const t={};function _(n,o){return c(),r("div")}var s=e(t,[["render",_],["__file","index.html.vue"]]);export{s as default}; +import{_ as e,o as c,c as r}from"./app.d20f8571.js";const t={};function _(n,o){return c(),r("div")}var s=e(t,[["render",_],["__file","index.html.vue"]]);export{s as default}; diff --git a/assets/index.html.fd080d83.js b/assets/index.html.9c2fc93f.js similarity index 89% rename from assets/index.html.fd080d83.js rename to assets/index.html.9c2fc93f.js index 30579d1a..2aa36780 100644 --- a/assets/index.html.fd080d83.js +++ b/assets/index.html.9c2fc93f.js @@ -1 +1 @@ -const e={key:"v-761b164c",path:"/Javascript/Domain/Concurrency-Parallel/",title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131",lang:"en-US",frontmatter:{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131",description:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131\uC5D0 \uB300\uD574 \uB2E4\uB8F9\uB2C8\uB2E4.",feed:{coenable:!1},disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"Javascript/Domain/Concurrency-Parallel/README.md"};export{e as data}; +const e={key:"v-761b164c",path:"/Javascript/Domain/Concurrency-Parallel/",title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131",lang:"en-US",frontmatter:{title:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131",description:"\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uB3D9\uC2DC\uC131\uACFC \uBCD1\uB82C\uC131\uC5D0 \uB300\uD574 \uB2E4\uB8F9\uB2C8\uB2E4.",feed:{coenable:!1},disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"Javascript/Domain/Concurrency-Parallel/README.md"};export{e as data}; diff --git a/assets/index.html.f51c721f.js b/assets/index.html.9ec9cfee.js similarity index 95% rename from assets/index.html.f51c721f.js rename to assets/index.html.9ec9cfee.js index 8a6828a7..6a6ee071 100644 --- a/assets/index.html.f51c721f.js +++ b/assets/index.html.9ec9cfee.js @@ -1 +1 @@ -const e={key:"v-3458f75f",path:"/vuepress/Theme/",title:"VuePress \uD14C\uB9C8 \uC124\uC815",lang:"en-US",frontmatter:{title:"VuePress \uD14C\uB9C8 \uC124\uC815",description:"\uD604\uC7AC \uD398\uC774\uC9C0\uB294 VuePress\uC5D0\uC11C Theme\uB97C \uB2E4\uB8E8\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uC220\uD55C \uB0B4\uC6A9\uC774\uB2E4.",sidebarDepth:2,date:"2020-01-05T00:00:00.000Z",tag:"vuepress"},excerpt:"",headers:[{level:2,title:"Using Theme",slug:"using-theme",children:[]},{level:2,title:"Vuepress Theme \uC9C1\uC811 \uB9CC\uB4E4\uAE30",slug:"vuepress-theme-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[{level:3,title:"Theme Directory Structure",slug:"theme-directory-structure",children:[]},{level:3,title:"VuePress \uAD00\uB828 computed \uBCC0\uC218",slug:"vuepress-\u1100\u116A\u11AB\u1105\u1167\u11AB-computed-\u1107\u1167\u11AB\u1109\u116E",children:[]},{level:3,title:"Theme\uB97C \uC9C1\uC811 \uB9CC\uB4E4 \uB54C\uC758 \uBB38\uC81C\uC810",slug:"theme\u1105\u1173\u11AF-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AF-\u1104\u1162\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Theme Extend",slug:"theme-extend",children:[]},{level:2,title:"Theme Eject",slug:"theme-eject",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"vuepress/Theme/README.md"};export{e as data}; +const e={key:"v-3458f75f",path:"/vuepress/Theme/",title:"VuePress \uD14C\uB9C8 \uC124\uC815",lang:"en-US",frontmatter:{title:"VuePress \uD14C\uB9C8 \uC124\uC815",description:"\uD604\uC7AC \uD398\uC774\uC9C0\uB294 VuePress\uC5D0\uC11C Theme\uB97C \uB2E4\uB8E8\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uC220\uD55C \uB0B4\uC6A9\uC774\uB2E4.",sidebarDepth:2,date:"2020-01-05T00:00:00.000Z",tag:"vuepress"},excerpt:"",headers:[{level:2,title:"Using Theme",slug:"using-theme",children:[]},{level:2,title:"Vuepress Theme \uC9C1\uC811 \uB9CC\uB4E4\uAE30",slug:"vuepress-theme-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",children:[{level:3,title:"Theme Directory Structure",slug:"theme-directory-structure",children:[]},{level:3,title:"VuePress \uAD00\uB828 computed \uBCC0\uC218",slug:"vuepress-\u1100\u116A\u11AB\u1105\u1167\u11AB-computed-\u1107\u1167\u11AB\u1109\u116E",children:[]},{level:3,title:"Theme\uB97C \uC9C1\uC811 \uB9CC\uB4E4 \uB54C\uC758 \uBB38\uC81C\uC810",slug:"theme\u1105\u1173\u11AF-\u110C\u1175\u11A8\u110C\u1165\u11B8-\u1106\u1161\u11AB\u1103\u1173\u11AF-\u1104\u1162\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7",children:[]}]},{level:2,title:"Theme Extend",slug:"theme-extend",children:[]},{level:2,title:"Theme Eject",slug:"theme-eject",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"vuepress/Theme/README.md"};export{e as data}; diff --git a/assets/index.html.5813a842.js b/assets/index.html.9fb1fdc2.js similarity index 86% rename from assets/index.html.5813a842.js rename to assets/index.html.9fb1fdc2.js index a6fcdb58..4a75ef31 100644 --- a/assets/index.html.5813a842.js +++ b/assets/index.html.9fb1fdc2.js @@ -1 +1 @@ -const e={key:"v-3e214e9b",path:"/About/",title:"Today I Learned",lang:"en-US",frontmatter:{title:"Today I Learned",date:"2020-01-01T13:00:00.000Z",sidebar:!1,next:!1,hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https://junilhwang.github.io/TIL/",disabledPost:!0},excerpt:"",headers:[{level:3,title:"\uC774\uB825",slug:"\u110B\u1175\u1105\u1167\u11A8",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"About/README.md"};export{e as data}; +const e={key:"v-3e214e9b",path:"/About/",title:"Today I Learned",lang:"en-US",frontmatter:{title:"Today I Learned",date:"2020-01-01T13:00:00.000Z",sidebar:!1,next:!1,hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https://junilhwang.github.io/TIL/",disabledPost:!0},excerpt:"",headers:[{level:3,title:"\uC774\uB825",slug:"\u110B\u1175\u1105\u1167\u11A8",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"About/README.md"};export{e as data}; diff --git a/assets/index.html.8dd480a8.js b/assets/index.html.a6dc71c8.js similarity index 99% rename from assets/index.html.8dd480a8.js rename to assets/index.html.a6dc71c8.js index 844c13f4..41af03f5 100644 --- a/assets/index.html.8dd480a8.js +++ b/assets/index.html.a6dc71c8.js @@ -1,4 +1,4 @@ -import{_ as e,r as o,o as c,c as l,a as n,b as t,d as p,e as s}from"./app.800103af.js";const i={},u=p('

      2020\uB144 9\uC6D4 \uD68C\uACE0

      image32

      9\uC6D4\uC740 \uC815\uC2E0 \uC5C6\uC774 \uC2DC\uAC04\uC774 \uD758\uB7EC\uAC14\uB2E4. \uC0AC\uC2E4 \uC65C \uBC8C\uC368 10\uC6D4\uC778\uC9C0, \uC65C \uBC8C\uC368 \uC5EC\uB984\uC774 \uC800\uBB3C\uC5C8\uACE0 \uAC00\uC744\uC774 \uC654\uB294\uC9C0 \uD63C\uB780\uC2A4\uB7FD\uB2E4. 9\uC6D4 \uB9D0\uC5D0 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514 \uC138\uC158\uC744 \uD558\uBA74\uC11C \uC774\uC81C 2020\uB144\uC774 100\uC77C\uB3C4 \uB0A8\uC9C0 \uC54A\uC558\uB2E4\uB294 \uAC83\uC744 \uC54C\uC558\uB2E4. \uAE30\uB625\uCC2C \uD55C \uD574\uB97C \uBCF4\uB0B4\uC790\uACE0 \uB2E4\uC9D0\uD588\uB358\uAC8C \uC5CA\uADF8\uC81C \uAC19\uC740\uB370.. \uC5B8\uC81C \uC774\uB807\uAC8C \uC2DC\uAC04\uC774 \uD758\uB800\uB294\uC9C0..

      \uAC01\uC124\uD558\uACE0, \uD68C\uACE0 \uC2DC\uC791!

      \uACF5\uC801

      \uD55C \uB2EC \uB0B4\uB0B4 \uC7AC\uD0DD\uADFC\uBB34\uB97C \uD588\uB294\uB370 \uB355\uBD84\uC5D0 \uD68C\uC0AC\uC5D0 \uB300\uD55C \uC57D\uAC04\uC758 \uADF8\uB9AC\uC6C0(?)\uC744 \uB290\uAF08\uB2E4.

      1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

      \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

      ',8),r=s("8\uC6D4\uC5D0\uB294 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uBCA0\uD0C0 \uBC84\uC804 \uBC30\uD3EC\uB97C \uD588\uACE0, 9\uC6D4\uC5D0\uB294 \uD68C\uC0AC \uAE30\uC220\uBE14\uB85C\uADF8\uC5D0 "),k={href:"https://zuminternet.github.io/Zum-Chrome-Extension/",target:"_blank",rel:"noopener noreferrer"},d=s("\uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC5D0 \uB300\uD55C \uD3EC\uC2A4\uD305"),v=s("\uC744 \uC644\uB8CC\uD588\uB2E4."),m=p(`

      \uD655\uC2E4\uD788 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC744 \uB9CC\uB4E4\uBA74\uC11C \uAE30\uC220\uC801\uC73C\uB85C \uB9CE\uC740 \uC0DD\uAC01\uC744 \uD558\uB294 \uACC4\uAE30\uAC00 \uB418\uC5C8\uB2E4. \uC77C\uBC18\uC801\uC778 \uC6F9 \uC11C\uBE44\uC2A4\uAC00 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uACE0\uB824\uD574\uC57C\uD560 \uAC83\uB3C4 \uB9CE\uC558\uACE0, \uC644\uC131\uB3C4\uC5D0 \uB300\uD55C \uC911\uC694\uC131 \uB610\uD55C \uB2E4\uC2DC \uD55C \uBC88 \uAE68\uC6B0\uCE60 \uC218 \uC788\uC5C8\uB2E4.

      \uADF8\uB7F0\uB370 \uB610 \uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC9C4 \uC54A\uB294\uB2E4.

      \uC5B8\uC820\uAC04 \uC8FD\uAE30 \uC804\uC5D0 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC73C\uB85C \uC7AC\uBBF8\uB09C \uC77C\uB4E4\uC744 \uD574\uBCF4\uACE0 \uC2F6\uB2E4.

      2. CMS QA

      8\uC6D4\uC5D0 \uC9C4\uD589 \uD558\uB358 CMS \uAC1C\uBC1C\uC744 \uC644\uB8CC\uD588\uACE0, 9\uC6D4\uC5D0\uB294 QA\uB97C \uC9C4\uD589\uD558\uBA74\uC11C \uAC01\uC885 \uC774\uC288 \uBC0F \uBC84\uADF8\uB97C \uD574\uACB0\uD588\uB2E4. \uC774\uBC88\uC5D0 \uC791\uC5C5\uD55C CMS\uB294 \uC57D 5\uAC1C \uC815\uB3C4\uC758 \uC11C\uBE44\uC2A4\uC640 \uB9DE\uBB3C\uB824 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC5B4\uB5A4 \uBD80\uBD84\uC744 \uC791\uC5C5\uD588\uB2E4\uACE0 \uD558\uAE30\uAC00 \uC870\uC2EC\uC2A4\uB7FD\uB2E4.

      \uADF8\uB798\uB3C4 \uADF8\uC911\uC5D0 \uAF64 \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uC791\uC5C5\uB9CC \uC801\uC5B4\uBCF4\uC790\uBA74, \uC11C\uBE44\uC2A4\uC5D0 \uB178\uCD9C\uC911\uC778 \uC544\uC774\uD15C\uC758 \uC21C\uC11C\uB97C Sortable.js\uB85C \uBCC0\uACBD\uD558\uB294 \uAC83\uC774\uC5C8\uB2E4. \uAE30\uC874\uC5D0\uB3C4 Sortable.js\uB97C \uC774\uC6A9\uD558\uC5EC \uC544\uC774\uD15C\uC758 \uC21C\uC11C\uB97C \uBCC0\uACBD\uD558\uAE34 \uD588\uB2E4. \uADF8\uB7F0\uB370 Sortable.js\uB294 DOM\uC744 \uC9C1\uC811\uC801\uC73C\uB85C \uC870\uC791\uD558\uB294 \uB77C\uC774\uBE0C\uB7EC\uB9AC\uB2E4. \uADF8\uB798\uC11C Vue\uC640 \uAE4A\uAC8C \uC5F0\uAD00\uB418\uBA74 \uC624\uC791\uB3D9 \uD558\uB294 \uACBD\uC6B0\uAC00 \uAF64 \uB9CE\uC558\uB2E4. Vue\uC758 \uACBD\uC6B0 \uB370\uC774\uD130\uB97C \uAE30\uBC18\uC73C\uB85C DOM\uC744 \uADF8\uB9B0\uB2E4. \uC989, DOM\uC774 \uBCC0\uACBD\uB418\uC5B4\uB3C4 \uB370\uC774\uD130\uB294 \uBCC0\uACBD\uB418\uC9C0 \uC54A\uB294 \uAC83\uC774\uB2E4.

      \uB355\uBD84\uC5D0 \uB2E4\uC74C\uACFC \uAC19\uC740 \uBB38\uC81C\uB4E4\uC744 \uB9DE\uB2E5\uB728\uB838\uB2E4.

      • Sortable.js\uB85C DOM\uC758 \uC21C\uC11C\uB97C \uBCC0\uACBD\uD588\uB2E4.
      • \uADF8\uB7EC\uB098 Vue\uC5D0\uC11C \uAD00\uB9AC\uC911\uC778 data\uC758 \uC21C\uC11C\uB294 \uBCC0\uACBD\uB418\uC9C0 \uC54A\uB294\uB2E4.
      • \uB530\uB77C\uC11C DOM\uC744 \uBCF4\uACE0 data\uB97C \uC5C5\uB370\uC774\uD2B8 \uD574\uC57C\uD55C\uB2E4.
      • \uADF8\uB7F0\uB370 data\uB97C \uC5C5\uB370\uC774\uD2B8\uD558\uBA74 DOM\uC774 \uAF2C\uC5EC\uBC84\uB9B0\uB2E4. \uC65C\uB0D0\uD558\uBA74 \uD604\uC7AC \uB370\uC774\uD130\uC5D0 \uBC14\uC778\uB529 \uB418\uC5B4 \uC788\uB294 DOM\uC740 \uBCC0\uACBD\uB418\uC9C0 \uC54A\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uAE00\uB85C \uC77D\uB294 \uAC83 \uBCF4\uB2E8 \uB208\uC73C\uB85C \uBCF4\uACE0 \uC9C1\uC811 \uCCB4\uD5D8\uD574 \uBCF4\uB294\uAC8C \uC81C\uC77C \uBE60\uB974\uB2E4.

      \uC77C\uB2E8 \uB2E4\uC74C\uACFC \uAC19\uC774 \uAC04\uB2E8\uD558\uAC8C Vue\uC5D0 Sortablejs\uB97C \uC801\uC6A9\uD560 \uC218 \uC788\uB2E4.

      ::: demo [vanilla]

      <html></html>
      +import{_ as e,r as o,o as c,c as l,a as n,b as t,d as p,e as s}from"./app.d20f8571.js";const i={},u=p('

      2020\uB144 9\uC6D4 \uD68C\uACE0

      image32

      9\uC6D4\uC740 \uC815\uC2E0 \uC5C6\uC774 \uC2DC\uAC04\uC774 \uD758\uB7EC\uAC14\uB2E4. \uC0AC\uC2E4 \uC65C \uBC8C\uC368 10\uC6D4\uC778\uC9C0, \uC65C \uBC8C\uC368 \uC5EC\uB984\uC774 \uC800\uBB3C\uC5C8\uACE0 \uAC00\uC744\uC774 \uC654\uB294\uC9C0 \uD63C\uB780\uC2A4\uB7FD\uB2E4. 9\uC6D4 \uB9D0\uC5D0 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514 \uC138\uC158\uC744 \uD558\uBA74\uC11C \uC774\uC81C 2020\uB144\uC774 100\uC77C\uB3C4 \uB0A8\uC9C0 \uC54A\uC558\uB2E4\uB294 \uAC83\uC744 \uC54C\uC558\uB2E4. \uAE30\uB625\uCC2C \uD55C \uD574\uB97C \uBCF4\uB0B4\uC790\uACE0 \uB2E4\uC9D0\uD588\uB358\uAC8C \uC5CA\uADF8\uC81C \uAC19\uC740\uB370.. \uC5B8\uC81C \uC774\uB807\uAC8C \uC2DC\uAC04\uC774 \uD758\uB800\uB294\uC9C0..

      \uAC01\uC124\uD558\uACE0, \uD68C\uACE0 \uC2DC\uC791!

      \uACF5\uC801

      \uD55C \uB2EC \uB0B4\uB0B4 \uC7AC\uD0DD\uADFC\uBB34\uB97C \uD588\uB294\uB370 \uB355\uBD84\uC5D0 \uD68C\uC0AC\uC5D0 \uB300\uD55C \uC57D\uAC04\uC758 \uADF8\uB9AC\uC6C0(?)\uC744 \uB290\uAF08\uB2E4.

      1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

      \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

      ',8),r=s("8\uC6D4\uC5D0\uB294 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uBCA0\uD0C0 \uBC84\uC804 \uBC30\uD3EC\uB97C \uD588\uACE0, 9\uC6D4\uC5D0\uB294 \uD68C\uC0AC \uAE30\uC220\uBE14\uB85C\uADF8\uC5D0 "),k={href:"https://zuminternet.github.io/Zum-Chrome-Extension/",target:"_blank",rel:"noopener noreferrer"},d=s("\uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC5D0 \uB300\uD55C \uD3EC\uC2A4\uD305"),v=s("\uC744 \uC644\uB8CC\uD588\uB2E4."),m=p(`

      \uD655\uC2E4\uD788 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC744 \uB9CC\uB4E4\uBA74\uC11C \uAE30\uC220\uC801\uC73C\uB85C \uB9CE\uC740 \uC0DD\uAC01\uC744 \uD558\uB294 \uACC4\uAE30\uAC00 \uB418\uC5C8\uB2E4. \uC77C\uBC18\uC801\uC778 \uC6F9 \uC11C\uBE44\uC2A4\uAC00 \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uACE0\uB824\uD574\uC57C\uD560 \uAC83\uB3C4 \uB9CE\uC558\uACE0, \uC644\uC131\uB3C4\uC5D0 \uB300\uD55C \uC911\uC694\uC131 \uB610\uD55C \uB2E4\uC2DC \uD55C \uBC88 \uAE68\uC6B0\uCE60 \uC218 \uC788\uC5C8\uB2E4.

      \uADF8\uB7F0\uB370 \uB610 \uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC774 \uB4E4\uC9C4 \uC54A\uB294\uB2E4.

      \uC5B8\uC820\uAC04 \uC8FD\uAE30 \uC804\uC5D0 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC73C\uB85C \uC7AC\uBBF8\uB09C \uC77C\uB4E4\uC744 \uD574\uBCF4\uACE0 \uC2F6\uB2E4.

      2. CMS QA

      8\uC6D4\uC5D0 \uC9C4\uD589 \uD558\uB358 CMS \uAC1C\uBC1C\uC744 \uC644\uB8CC\uD588\uACE0, 9\uC6D4\uC5D0\uB294 QA\uB97C \uC9C4\uD589\uD558\uBA74\uC11C \uAC01\uC885 \uC774\uC288 \uBC0F \uBC84\uADF8\uB97C \uD574\uACB0\uD588\uB2E4. \uC774\uBC88\uC5D0 \uC791\uC5C5\uD55C CMS\uB294 \uC57D 5\uAC1C \uC815\uB3C4\uC758 \uC11C\uBE44\uC2A4\uC640 \uB9DE\uBB3C\uB824 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC5B4\uB5A4 \uBD80\uBD84\uC744 \uC791\uC5C5\uD588\uB2E4\uACE0 \uD558\uAE30\uAC00 \uC870\uC2EC\uC2A4\uB7FD\uB2E4.

      \uADF8\uB798\uB3C4 \uADF8\uC911\uC5D0 \uAF64 \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uC791\uC5C5\uB9CC \uC801\uC5B4\uBCF4\uC790\uBA74, \uC11C\uBE44\uC2A4\uC5D0 \uB178\uCD9C\uC911\uC778 \uC544\uC774\uD15C\uC758 \uC21C\uC11C\uB97C Sortable.js\uB85C \uBCC0\uACBD\uD558\uB294 \uAC83\uC774\uC5C8\uB2E4. \uAE30\uC874\uC5D0\uB3C4 Sortable.js\uB97C \uC774\uC6A9\uD558\uC5EC \uC544\uC774\uD15C\uC758 \uC21C\uC11C\uB97C \uBCC0\uACBD\uD558\uAE34 \uD588\uB2E4. \uADF8\uB7F0\uB370 Sortable.js\uB294 DOM\uC744 \uC9C1\uC811\uC801\uC73C\uB85C \uC870\uC791\uD558\uB294 \uB77C\uC774\uBE0C\uB7EC\uB9AC\uB2E4. \uADF8\uB798\uC11C Vue\uC640 \uAE4A\uAC8C \uC5F0\uAD00\uB418\uBA74 \uC624\uC791\uB3D9 \uD558\uB294 \uACBD\uC6B0\uAC00 \uAF64 \uB9CE\uC558\uB2E4. Vue\uC758 \uACBD\uC6B0 \uB370\uC774\uD130\uB97C \uAE30\uBC18\uC73C\uB85C DOM\uC744 \uADF8\uB9B0\uB2E4. \uC989, DOM\uC774 \uBCC0\uACBD\uB418\uC5B4\uB3C4 \uB370\uC774\uD130\uB294 \uBCC0\uACBD\uB418\uC9C0 \uC54A\uB294 \uAC83\uC774\uB2E4.

      \uB355\uBD84\uC5D0 \uB2E4\uC74C\uACFC \uAC19\uC740 \uBB38\uC81C\uB4E4\uC744 \uB9DE\uB2E5\uB728\uB838\uB2E4.

      • Sortable.js\uB85C DOM\uC758 \uC21C\uC11C\uB97C \uBCC0\uACBD\uD588\uB2E4.
      • \uADF8\uB7EC\uB098 Vue\uC5D0\uC11C \uAD00\uB9AC\uC911\uC778 data\uC758 \uC21C\uC11C\uB294 \uBCC0\uACBD\uB418\uC9C0 \uC54A\uB294\uB2E4.
      • \uB530\uB77C\uC11C DOM\uC744 \uBCF4\uACE0 data\uB97C \uC5C5\uB370\uC774\uD2B8 \uD574\uC57C\uD55C\uB2E4.
      • \uADF8\uB7F0\uB370 data\uB97C \uC5C5\uB370\uC774\uD2B8\uD558\uBA74 DOM\uC774 \uAF2C\uC5EC\uBC84\uB9B0\uB2E4. \uC65C\uB0D0\uD558\uBA74 \uD604\uC7AC \uB370\uC774\uD130\uC5D0 \uBC14\uC778\uB529 \uB418\uC5B4 \uC788\uB294 DOM\uC740 \uBCC0\uACBD\uB418\uC9C0 \uC54A\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uAE00\uB85C \uC77D\uB294 \uAC83 \uBCF4\uB2E8 \uB208\uC73C\uB85C \uBCF4\uACE0 \uC9C1\uC811 \uCCB4\uD5D8\uD574 \uBCF4\uB294\uAC8C \uC81C\uC77C \uBE60\uB974\uB2E4.

      \uC77C\uB2E8 \uB2E4\uC74C\uACFC \uAC19\uC774 \uAC04\uB2E8\uD558\uAC8C Vue\uC5D0 Sortablejs\uB97C \uC801\uC6A9\uD560 \uC218 \uC788\uB2E4.

      ::: demo [vanilla]

      <html></html>
       <script>
         window.loadedScript = Promise.all(
         ['https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js',
      diff --git a/assets/index.html.594d39d6.js b/assets/index.html.a72ef214.js
      similarity index 99%
      rename from assets/index.html.594d39d6.js
      rename to assets/index.html.a72ef214.js
      index 508e1a80..bb5d46e7 100644
      --- a/assets/index.html.594d39d6.js
      +++ b/assets/index.html.a72ef214.js
      @@ -1,4 +1,4 @@
      -import{_ as i}from"./21.ac207c15.js";import{_ as l,a as r,b as u,c as d,d as k,e as _}from"./19.51ac7a7f.js";import{_ as h}from"./12.729a5149.js";import{_ as m,r as p,o as g,c as v,a as n,b as a,w as c,d as o,e as s}from"./app.800103af.js";var b="/TIL/assets/1.13fbcc2b.png",f="/TIL/assets/17.86bb7312.jpg",y="/TIL/assets/16.e348ace8.png",w="/TIL/assets/2.c0c02a72.jpg",E="/TIL/assets/4.a0b4378e.jpg",C="/TIL/assets/3.d929ea79.jpg",A="/TIL/assets/8.d1bb9018.jpg",I="/TIL/assets/9.740580e6.jpg",B="/TIL/assets/10.550c72da.jpg",x="/TIL/assets/11.494bd701.jpg",j="/TIL/assets/12.4dcea58e.jpg",T="/TIL/assets/13.c84a83ed.jpg",P="/TIL/assets/15.fc60a64b.jpg",D="/TIL/assets/20.c976c3da.jpg",L="/TIL/assets/21.fe7c5216.jpg";const S={},R=o('

      2020\uB144 12\uC6D4 \uD68C\uACE0

      \uBC8C\uC368 \uC62C \uD574\uC758 \uB9C8\uC9C0\uB9C9 \uC6D4 \uD68C\uACE0\uB97C \uC4F0\uAC8C \uB418\uC5C8\uB2E4. \uC544.. 2020\uB144 \uD68C\uACE0\uB294 \uC5B8\uC81C \uC368\uC57C\uD558\uB098.. \uBD88\uD589\uC778\uC9C0 \uB2E4\uD589\uC778\uC9C0 \uC4F8 \uB0B4\uC6A9\uC774 \uB108\uBB34 \uB9CE\uB2E4 \u{1F602}

      \uACF5\uC801

      \uC774\uBC88 \uB2EC\uC5D0\uB294 \uBB34\uC5B8\uAC00 \uC0C8\uB85C\uC6B4\uAC78 \uB9CC\uB4E4\uAE30 \uBCF4\uB2E4\uB294 \uAE30\uC874\uC5D0 \uC788\uB294 \uAC83\uB4E4\uC744 \uAC1C\uC120\uD558\uB294 \uC791\uC5C5 \uC704\uC8FC\uB85C \uC9C4\uD589\uD588\uB2E4.

      1. Composition API\uB85C \uB9AC\uD329\uD1A0\uB9C1

      ',5),q=s("11\uC6D4 \uD68C\uACE0"),M=s("\uC5D0\uC11C "),U={href:"https://composition-api.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},V=s("Composition API"),G=s("\uC5D0 \uB300\uD574 \uC5B8\uAE09\uD588\uC5C8\uB294\uB370, \uADF8\uB807\uAC8C \uD559\uC2B5\uC744 \uC5B4\uB290 \uC815\uB3C4 \uB9C8\uBB34\uB9AC \uD558\uACE0 \uC0AC\uB0B4 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC801\uC6A9\uD588\uB2E4."),J=o('

      11\uC6D4 \uD68C\uACE0 - 21

      \uAE30\uC874\uC5D0\uB294 \uC704\uC640 \uAC19\uC740 \uD615\uD0DC\uC758 \uCF54\uB4DC\uC600\uB294\uB370, \uB9AC\uD329\uD1A0\uB9C1 \uC791\uC5C5 \uD6C4\uC5D0\uB294

      1

      \uC774\uB807\uAC8C \uAC04\uC18C\uD654\uB410\uB2E4. \uAC01\uAC01\uC758 \uB85C\uC9C1\uC744 useMenus, useSchedule, useTemplateItem, usePreview \uCC98\uB7FC \uCE74\uD14C\uACE0\uB9AC\uBCC4\uB85C \uBB36\uC5B4\uC11C \uC720\uC9C0\uBCF4\uC218 \uD560 \uC218 \uC788\uAC8C \uC791\uC5C5\uD588\uB2E4. \uB2E4\uB9CC \uC544\uC26C\uC6B4 \uC810\uC740 \uBCC0\uC218\uC640 \uBA54\uC18C\uB4DC\uB97C \uAD6C\uBD84\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC774 \uC774\uB984 \uBC16\uC5D0 \uC5C6\uB2E4\uB294 \uC810\uACFC \uC9C1\uC811 \uB9CC\uB4E0 mapper \uB77C\uC774\uBE0C\uB7EC\uB9AC\uC758 \uACBD\uC6B0 IDE \uCD94\uC801\uC744 \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uB2E4\uB294 \uC810\uC774\uB2E4.

      Vuex\uC5D0 Composition API \uC804\uC6A9\uC758 \uC720\uD2F8\uC131 \uB77C\uC774\uBE0C\uB7EC\uB9AC\uAC00 \uCD94\uAC00 \uB418\uAE38 \uAE30\uB3C4\uD560 \uBFD0\uC774\uB2E4.. \u{1F607}

      \uC791\uC131 \uADDC\uCE59

      Compositino API\uB97C \uC0AC\uC6A9\uD558\uBA74\uC11C \uC5EC\uB7EC\uAC00\uC9C0 \uB098\uB9CC\uC758 \uADDC\uCE59\uC744 \uB9CC\uB4E4\uC5C8\uB294\uB370, \uCD94\uD6C4\uC5D0 \uC81C\uB300\uB85C \uC815\uB9AC\uD574\uC11C \uACF5\uC720\uD560 \uC0DD\uAC01\uC774\uB2E4. \uD68C\uACE0\uC5D0\uC11C \uB2E4\uB8E8\uAE30\uC5D0\uB294 \uC591\uC774 \uB108\uBB34 \uB9CE\uB2E4.

      \uC5B4\uB290\uC815\uB3C4 \uB9AC\uD329\uD1A0\uB9C1\uC744 \uD558\uAE34 \uD588\uC9C0\uB9CC, \uADF8\uB798\uB3C4 \uB9CE\uC774 \uBD80\uC871\uD558\uB2E4. \uD2C8\uD2C8\uC774 \uC2DC\uAC04\uB0A0 \uB54C \uB9C8\uB2E4 \uD574\uC57C\uACA0\uB2E4.


      2. \uB9C8\uC9C0\uB9C9 \uD504\uB85C\uC81D\uD2B8

      ',9),N=s("\uBC8C\uC368 2020\uB144\uC758 \uB9C8\uC9C0\uB9C9 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD588\uB2E4. "),F=s("11\uC6D4 \uD68C\uACE0"),H=s("\uC5D0\uB3C4 \uC5B8\uAE09\uD588\uB358 "),O=n("strong",null,"\uD06C\uB86C \uBE0C\uB77C\uC6B0\uC800 \uC804\uC6A9 \uC11C\uBE44\uC2A4",-1),$=s("\uC774\uB2E4. \uB450 \uB2EC\uB3D9\uC548 \uBE60\uB974\uAC8C \uAC70\uC758 \uD504\uB85C\uD1A0\uD0C0\uC785 \uD615\uD0DC\uB85C \uBE60\uB974\uAC8C \uB9CC\uB4E4\uC5C8\uACE0, \uC6D4\uB9D0\uC5D0 \uC0AC\uC6A9\uC790\uB2E8\uC5D0 \uB178\uCD9C\uB420 \uC608\uC815\uC774\uB2E4. \uADF8\uB7EC\uB098 \uC544\uC9C1 \uC815\uC2DD\uC73C\uB85C \uACF5\uAC1C\uB41C \uC11C\uBE44\uC2A4\uAC00 \uC544\uB2C8\uB77C\uC11C \uC790\uC138\uD55C \uB0B4\uC6A9\uC744 \uC5B8\uAE09\uD558\uAE34 \uC5B4\uB835\uB2E4."),z=n("p",null,"\uAE30\uC220\uC2A4\uD0DD\uC815\uB3C4\uB9CC \uC5B8\uAE09\uD574\uBCF4\uC790\uBA74,",-1),W=n("ul",null,[n("li",null,"Java"),n("li",null,"spring boot"),n("li",null,"Node.js"),n("li",null,"Vue.js"),n("li",null,"SPA + CSR + SSR")],-1),Y=s("\uB4F1\uC744 \uC0AC\uC6A9\uD588\uB2E4. \uC544\uB9C8 "),Q={href:"https://zuminternet.github.io/ZUM-Mobile-NodeJS/",target:"_blank",rel:"noopener noreferrer"},X=s("\uC774 \uB9C1\uD06C"),Z=s("\uC5D0 \uB098\uC628 \uB0B4\uC6A9\uACFC \uACB9\uCE58\uB294 \uBD80\uBD84\uC774 \uB9CE\uC744 \uAC83\uC774\uB2E4."),K=n("p",null,"\uD760.. \uBB34\uC5B8\uAC00 \uB354 \uB9CE\uC740 \uB0B4\uC6A9\uC744 \uC4F0\uACE0 \uC2F6\uC9C0\uB9CC.. \uC5EC\uAE30\uAE4C\uC9C0\uB9CC!",-1),nn=n("hr",null,null,-1),sn=n("h3",{id:"_3-\u1104\u1165\u1102\u1161\u1100\u1161\u1102\u1173\u11AB-\u1110\u1175\u11B7\u110B\u116F\u11AB\u1103\u1173\u11AF",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_3-\u1104\u1165\u1102\u1161\u1100\u1161\u1102\u1173\u11AB-\u1110\u1175\u11B7\u110B\u116F\u11AB\u1103\u1173\u11AF","aria-hidden":"true"},"#"),s(" 3. \uB5A0\uB098\uAC00\uB294 \uD300\uC6D0\uB4E4")],-1),an=n("p",null,"\uC5C5\uBB34\uC801\uC778 \uB0B4\uC6A9\uC740 \uC544\uB2C8\uC9C0\uB9CC, \uC774\uBC88 \uB2EC\uC5D0\uB9CC \uD300\uC6D0 \uB450 \uBD84\uC774 \uC774\uC9C1\uD55C\uB2E4.",-1),tn=n("p",null,[n("img",{src:"https://item.kakaocdn.net/do/b888ef9aeedc7e048b34a7856ea2ce9415b3f4e3c2033bfd702a321ec6eda72c",alt:"\u3160\u3160"})],-1),on=s("\uD55C \uBD84\uC740 "),en={href:"https://www.kakaomobility.com/",target:"_blank",rel:"noopener noreferrer"},pn=s("\uCE74\uCE74\uC624 \uBAA8\uBE4C\uB9AC\uD2F0"),cn=s("\uC5D0 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uB85C, \uB2E4\uB978 \uD55C \uBD84\uC740 "),ln={href:"https://www.tosspayments.com/",target:"_blank",rel:"noopener noreferrer"},rn=s("\uD1A0\uC2A4 \uD398\uC774\uBA3C\uCE20"),un=s("\uB85C \uAC00\uC2E0\uB2E4. \uC62C \uD574\uC5D0\uB9CC "),dn=n("strong",null,"\uC5EC\uC12F \uBD84\uC774 \uC774\uC9C1",-1),kn=s("\uC744 \uD558\uC168\uACE0 "),_n=n("strong",null,"\uC0C8\uB85C \uB4E4\uC5B4\uC628 \uC0AC\uB78C\uC740 \uD55C \uBA85",-1),hn=s("\uC774\uB2E4. "),mn=n("s",null,"\uB4DC\uB514\uC5B4 \uB9C9\uB0B4 \uD0C8\uCD9C!",-1),gn=o('

      ^0^

      \uC774\uBC88\uC5D0 \uC0C8\uB85C \uB4E4\uC5B4\uC628 \uC0AC\uB78C\uC740 \uC0AC\uC2E4 \uB0B4\uAC00 \uCD94\uCC9C\uD574\uC11C \uB4E4\uC5B4\uC628 \uB300\uD559\uAD50 \uD6C4\uBC30\uB2E4. \uAC19\uC740 \uD300\uC5D0 \uCE5C\uD55C \uC0AC\uB78C\uC774 \uB4E4\uC5B4\uC640\uC11C \uC990\uAC81\uB2E4 \u{1F601}

      \uB0B4\uB144\uC5D0\uB294 \uACFC\uC5F0 \uC5BC\uB9C8\uB098 \uB9CE\uC740 \uBD84\uB4E4\uC774 \uB5A0\uB098\uACE0, \uB610 \uC0C8\uB85C \uB4E4\uC5B4\uC62C\uAE4C? \uAE30\uB300 \uBC18, \uAC71\uC815 \uBC18.. \uC0AC\uC2E4 \uAC71\uC815\uC774 \uD55C 80%\uC815\uB3C4 \uB418\uB294 \uAC83 \uAC19\uB2E4.


      4. \uC0AC\uB0B4 \uAC8C\uC784 \uB300\uD68C

      \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uC0AC\uB0B4 \uAC8C\uC784\uB300\uD68C(\uCE74\uD2B8\uB77C\uC774\uB354 \uB7EC\uC26C \uD50C\uB7EC\uC2A4)\uC5D0 \uCD9C\uC804\uD558\uAC8C \uB418\uC5C8\uB2E4. \uAC01 \uD300\uB9C8\uB2E4 \uC758\uBB34\uC801\uC73C\uB85C \uD55C \uBA85\uC774\uC0C1 \uCD9C\uC804\uD574\uC57C \uD558\uB294\uB370, \uC6B0\uB9AC \uD300\uC740 \uC544\uBB34\uB3C4 \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC544\uC11C \uD300 \uD569\uB958 \uC21C\uC11C\uB85C \uC624\uB984\uCC28\uC21C\uD558\uC5EC \uCD9C\uC804\uD588\uB2E4.

      \uC6B0\uC2B9 \uC0C1\uD488\uC740 \uB2CC\uD150\uB3C4 \uC2A4\uC704\uCE58, \uC900\uC6B0\uC2B9 \uC0C1\uD488\uC740 \uC5D0\uC5B4\uD31F \uD504\uB85C\uC600\uB2E4. \uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0 \uC900\uACB0\uC2B9\uAE4C\uC9C0 \uAC14\uC73C\uB098.. \uC9C0\uAC11\uC758 \uCC28\uC774(?)\uB97C \uADF9\uBCF5\uD558\uC9C0 \uBABB\uD558\uACE0 \uD0C8\uB77D\uD588\uB2E4.

      17

      16

      \uACB0\uC2B9\uAE4C\uC9C0 \uC9C4\uCD9C\uD588\uC73C\uBA74 \uCD5C\uC18C \uC5D0\uC5B4\uD31F \uD504\uB85C\uB97C \uBC1B\uC744 \uC218 \uC788\uC5C8\uB294\uB370.. \u3160\u3160 \uB108\uBB34 \uC544\uC27D\uB2E4.


      \uC0AC\uC801

      \uC774\uBC88 \uB2EC\uC5D0\uB294 \uBB58 \uD588\uB098 \uC2F6\uC5C8\uB294\uB370.. \uC81C\uBAA9\uC744 \uB098\uC5F4\uD558\uACE0 \uBCF4\uB2C8 \uBB58 \uB610 \uC774\uB9AC \uB9CE\uC774 \uD588\uB098 \uC2F6\uB2E4. \uBE48\uC218\uB808\uAC00 \uC694\uB780\uD558\uB2E4\uB354\uB2C8 \u{1F605}

      1. NextStep \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9

      ',14),vn=s("\uC9C0\uB09C \uB2EC\uC5D0 \uC774\uC5B4\uC11C "),bn={href:"https://edu.nextstep.camp/s/MNii0Puk",target:"_blank",rel:"noopener noreferrer"},fn=s("TDD, Clean Code with Java 10\uAE30"),yn=s("\uC758 \uB9AC\uBDF0\uC5B4\uB85C \uD65C\uB3D9\uD588\uB2E4. "),wn=n("strong",null,"12\uC6D4 23\uC77C",-1),En=s("\uAE4C\uC9C0\uC600\uB294\uB370, \uACFC\uC815\uC774 \uC885\uB8CC\uB41C \uC774\uD6C4\uC5D0\uB3C4 \uD3EC\uAE30\uD558\uC9C0 \uC54A\uACE0 \uB05D\uAE4C\uC9C0 \uBBF8\uC158\uC744 \uC218\uD589\uD558\uC2E0 \uBD84\uC774 \uACC4\uC154\uC11C "),Cn=n("strong",null,"12\uC6D4 29\uC77C",-1),An=s("\uC5D0 \uBE44\uB85C\uC18C \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9\uC744 \uC644\uC804\uD788 \uB05D\uB0BC \uC218 \uC788\uC5C8\uB2E4."),In=o('

      2

      \uADF8\uB798\uB3C4 \uC774\uBC88 \uB2EC\uC5D0\uB294 \uC5B4\uB290 \uC815\uB3C4 \uB09C\uC774\uB3C4\uAC00 \uC788\uB294 \uBBF8\uC158\uB4E4\uC744 \uC218\uD589\uD558\uB294 \uC0AC\uB78C\uB4E4\uB9CC \uB0A8\uC544\uC11C \uB9AC\uBDF0 \uC694\uCCAD\uC774 \uB9CE\uC774 \uC624\uC9C4 \uC54A\uC558\uB2E4. \uC800\uBC88 \uB2EC\uC5D0 60\uAC1C\uC758 Pull Request\uAC00 \uC62C\uB77C\uC628 \uBC18\uBA74\uC5D0, \uC774\uBC88 \uB2EC\uC5D0\uB294 20\uAC1C\uC758 Pull Request\uAC00 \uC62C\uB77C\uC654\uB2E4. 1/3\uB85C \uC904\uC5B4\uB4E0 \uAC83\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514\uB97C \uD568\uAED8 \uD588\uB358 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC774 \uACFC\uC815\uC744 \uC18C\uAC1C\uD574\uC8FC\uC5C8\uACE0, \uBA87 \uBD84\uC774 \uC774\uBC88 \uAE30\uC218\uC5D0 \uC2E0\uCCAD\uD574\uC11C \uCC38\uC5EC\uD588\uB2E4. \uADF8\uB9AC\uACE0 \uC27D\uC9C0 \uC54A\uC740 \uC5EC\uC815\uC784\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uBAA8\uB4E0 \uBBF8\uC158\uC744 \uC798 \uB9C8\uBB34\uB9AC \uD574\uC8FC\uC168\uB2E4.

      4

      \uD55C\uC194\uB2D8\uC758 \uACBD\uC6B0 \uC0AC\uB2E4\uB9AC \uBBF8\uC158\uC744 \uB098\uC640 \uD568\uAED8 \uC9C4\uD589\uD588\uACE0,

      3

      \uC885\uC644\uB2D8\uC758 \uACBD\uC6B0 \uB9C8\uC9C0\uB9C9 \uBBF8\uC158\uC778 \uBCFC\uB9C1 \uBBF8\uC158\uC744 \uB098\uC640 \uD568\uAED8 \uC9C4\uD589\uD588\uB2E4.

      \uC74C.. \uC88B\uC740 \uD53C\uB4DC\uBC31\uC744 \uB9CE\uC774 \uB0A8\uAE30\uC9C4 \uBABB\uD55C \uAC83 \uAC19\uC544\uC11C \uC870\uAE08 \uC8C4\uC1A1\uC2A4\uB7FD\uB2E4. \uC774\uBC88 \uAE30\uC218\uC5D0\uB294 \uB0B4\uAC00 \uB108\uBB34 \uD798\uB4E4\uC5C8\uB2E4.

      gg

      \uB9AC\uBDF0\uB97C \uC6CC\uB099 \uB9CE\uC774 \uD558\uAE30\uB3C4 \uD588\uACE0, \uC2A4\uC2A4\uB85C\uC758 \uC5ED\uB7C9\uC774 \uBD80\uC871\uD558\uB2E4\uB294 \uC810\uB3C4 \uB9CE\uC774 \uB290\uAF08\uB2E4. \uADF8\uB798\uC11C \uB2E4\uC74C \uAE30\uC218\uC5D0\uB294 \uB9AC\uBDF0\uC5B4\uB85C \uD65C\uB3D9\uD558\uC9C0 \uC54A\uACE0 \uC2A4\uC2A4\uB85C\uC758 \uC5ED\uB7C9 \uAC15\uD654\uC5D0 \uC9D1\uC911\uD560 \uC608\uC815\uC774\uB2E4.


      2. \uB2E8\uCFE0\uD0A4 \uAC1C\uBC1C\uD300 \uD569\uB958

      12\uC6D4 \uCD08\uC5D0 \uB300\uBA74 \uBA74\uC811\uC744 \uC9C4\uD589\uD588\uB2E4. \uBA74\uC811 \uC7A5\uC18C\uB294 \uD559\uAD50 \uADFC\uCC98\uC600\uB294\uB370 \uC624\uB79C\uB9CC\uC5D0 \uD559\uAD50 \uAD6C\uACBD\uC880 \uD558\uB824\uACE0 \uC544\uCE68 \uC77C\uCC0D \uAC14\uB2E4.

      65

      \uAD50\uB0B4\uC5D0 \uC788\uB294 \uC138\uBBF8\uB098\uC2E4\uC5D0\uC11C \uADFC\uBB34\uC2DC\uAC04 \uB3D9\uC548 \uC77C\uB3C4 \uD558\uACE0, \uC624\uB79C\uB9CC\uC5D0 \uD559\uAD50 \uADFC\uCC98 \uB9DB\uC9D1\uC5D0\uC11C \uC810\uC2EC\uB3C4 \uBA39\uC5C8\uB2E4. \uADF8\uD1A0\uB85D \uC878\uC5C5\uD558\uACE0 \uC2F6\uC5C8\uACE0, \uBC97\uC5B4\uB098\uACE0 \uC2F6\uC5C8\uB358 \uACF3\uC778\uB370 \uADF8\uB798\uB3C4 \uD559\uAD50 \uB2E4\uB2D0 \uB54C\uAC00 \uC9C0\uAE08 \uBCF4\uB2E8 \uB354 \uB9C8\uC74C \uD3B8\uD558\uACE0 \uC990\uAC70\uC6E0\uB358 \uAC83 \uAC19\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uADF8\uB807\uAC8C \uADFC\uBB34 \uC2DC\uAC04\uC774 \uB05D\uB098\uACE0 \uB300\uBA74 \uBA74\uC811\uC744 \uC9C4\uD589\uD588\uB2E4. \uBA74\uC811 \uBD84\uC704\uAE30\uB294 \uBB34\uCC99 \uC88B\uC558\uACE0, \uB2E8\uCFE0\uD0A4\uB77C\uB294 \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uC5EC\uB7EC\uAC00\uC9C0 \uC0AC\uC815\uC744 \uB4E4\uC744 \uC218 \uC788\uC5C8\uB2E4. \uC5EC\uD0DC\uAE4C\uC9C0 \uD559\uC0DD \uC2E0\uBD84\uC73C\uB85C \uBCF4\uC0C1\uB3C4 \uC5C6\uC774 \uC11C\uBE44\uC2A4\uB97C \uC720\uC9C0\uD558\uB290\uB77C \uB9CE\uC774 \uD798\uB4E4\uC5C8\uB358 \uAC83 \uAC19\uACE0, \uC6B4\uC601\uC9C4\uC774 \uC5BC\uB9C8\uB098 \uC774 \uC11C\uBE44\uC2A4\uC5D0 \uC560\uC815\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294\uC9C0 \uB290\uAEF4\uC84C\uB2E4.

      7

      \uC774\uB807\uAC8C \uB098\uB3C4 \uB2E8\uCFE0\uD0A4 \uAC1C\uBC1C\uD300\uC5D0 \uD569\uB958\uD558\uAC8C \uB418\uC5C8\uB2E4. \uC77C\uC815\uC774 \uC870\uAE08 \uCD09\uBC15\uD55C \uAC83 \uAC19\uC544\uC11C \uAC71\uC815\uC774\uC9C0\uB9CC \uAC71\uC815\uBCF4\uB2E8 \uAE30\uB300\uAC00 \uB354 \uC55E\uC120\uB2E4.

      \uADF8\uB807\uAC8C \uC6D4\uB9D0\uC774 \uB418\uC5C8\uACE0 \uB2E4\uC2DC \uB2E8\uCFE0\uD0A4\uC5D0\uC11C \uBA54\uC77C\uC774 \uC654\uB2E4. \uC2AC\uB799 \uCC44\uB110\uC744 \uD1B5\uD574 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC774 \uC9C4\uD589\uB418\uB294 \uAC83 \uAC19\uB2E4.

      8

      \uAC1C\uBC1C\uD300 \uC778\uC6D0\uC740 \uB300\uB7B5 8\uBA85\uC815\uB3C4 \uB418\uB294 \uAC83 \uAC19\uC740\uB370, \uC544\uB9C8 \uD68C\uC758\uB97C \uD558\uAC8C \uB418\uBA74 \uC81C\uB300\uB85C \uC54C\uAC8C \uB418\uACA0\uC9C0 \uC2F6\uB2E4.


      3. Composition API \uD559\uC2B5

      11\uC6D4\uC5D0 Composition API\uB85C TodoList \uB9CC\uB4E4\uAE30\uB97C \uC2DC\uC791\uD588\uACE0, \uC774\uBC88 \uB2EC \uCD08\uC5D0 \uB9C8\uBB34\uB9AC \uD588\uB2E4.

      9

      10

      11

      12

      ',28),Bn=s("Composition API\uB97C \uC0AC\uC6A9\uD558\uBA74\uC11C \uB290\uB080 \uAC83\uC740 "),xn={href:"https://ko.reactjs.org/docs/hooks-intro.html",target:"_blank",rel:"noopener noreferrer"},jn=s("React Hook"),Tn=s("\uACFC \uAD49\uC7A5\uD788 \uC720\uC0AC\uD558\uB2E4\uB294 \uC810\uC774\uB2E4. \uADF8\uB798\uC11C \uCC98\uC74C\uC5D0\uB294 Store \uC5C6\uC774 \uC624\uC9C1 Composition API\uB9CC \uC774\uC6A9\uD574\uC11C \uC804\uC5ED \uC0C1\uD0DC\uB97C \uAD00\uB9AC\uD558\uB3C4\uB85D \uAD6C\uD604\uD588\uB2E4."),Pn=o(`
      import { reative, toRefs } from "vue";
      +import{_ as i}from"./21.ac207c15.js";import{_ as l,a as r,b as u,c as d,d as k,e as _}from"./19.51ac7a7f.js";import{_ as h}from"./12.729a5149.js";import{_ as m,r as p,o as g,c as v,a as n,b as a,w as c,d as o,e as s}from"./app.d20f8571.js";var b="/TIL/assets/1.13fbcc2b.png",f="/TIL/assets/17.86bb7312.jpg",y="/TIL/assets/16.e348ace8.png",w="/TIL/assets/2.c0c02a72.jpg",E="/TIL/assets/4.a0b4378e.jpg",C="/TIL/assets/3.d929ea79.jpg",A="/TIL/assets/8.d1bb9018.jpg",I="/TIL/assets/9.740580e6.jpg",B="/TIL/assets/10.550c72da.jpg",x="/TIL/assets/11.494bd701.jpg",j="/TIL/assets/12.4dcea58e.jpg",T="/TIL/assets/13.c84a83ed.jpg",P="/TIL/assets/15.fc60a64b.jpg",D="/TIL/assets/20.c976c3da.jpg",L="/TIL/assets/21.fe7c5216.jpg";const S={},R=o('

      2020\uB144 12\uC6D4 \uD68C\uACE0

      \uBC8C\uC368 \uC62C \uD574\uC758 \uB9C8\uC9C0\uB9C9 \uC6D4 \uD68C\uACE0\uB97C \uC4F0\uAC8C \uB418\uC5C8\uB2E4. \uC544.. 2020\uB144 \uD68C\uACE0\uB294 \uC5B8\uC81C \uC368\uC57C\uD558\uB098.. \uBD88\uD589\uC778\uC9C0 \uB2E4\uD589\uC778\uC9C0 \uC4F8 \uB0B4\uC6A9\uC774 \uB108\uBB34 \uB9CE\uB2E4 \u{1F602}

      \uACF5\uC801

      \uC774\uBC88 \uB2EC\uC5D0\uB294 \uBB34\uC5B8\uAC00 \uC0C8\uB85C\uC6B4\uAC78 \uB9CC\uB4E4\uAE30 \uBCF4\uB2E4\uB294 \uAE30\uC874\uC5D0 \uC788\uB294 \uAC83\uB4E4\uC744 \uAC1C\uC120\uD558\uB294 \uC791\uC5C5 \uC704\uC8FC\uB85C \uC9C4\uD589\uD588\uB2E4.

      1. Composition API\uB85C \uB9AC\uD329\uD1A0\uB9C1

      ',5),q=s("11\uC6D4 \uD68C\uACE0"),M=s("\uC5D0\uC11C "),U={href:"https://composition-api.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},V=s("Composition API"),G=s("\uC5D0 \uB300\uD574 \uC5B8\uAE09\uD588\uC5C8\uB294\uB370, \uADF8\uB807\uAC8C \uD559\uC2B5\uC744 \uC5B4\uB290 \uC815\uB3C4 \uB9C8\uBB34\uB9AC \uD558\uACE0 \uC0AC\uB0B4 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC801\uC6A9\uD588\uB2E4."),J=o('

      11\uC6D4 \uD68C\uACE0 - 21

      \uAE30\uC874\uC5D0\uB294 \uC704\uC640 \uAC19\uC740 \uD615\uD0DC\uC758 \uCF54\uB4DC\uC600\uB294\uB370, \uB9AC\uD329\uD1A0\uB9C1 \uC791\uC5C5 \uD6C4\uC5D0\uB294

      1

      \uC774\uB807\uAC8C \uAC04\uC18C\uD654\uB410\uB2E4. \uAC01\uAC01\uC758 \uB85C\uC9C1\uC744 useMenus, useSchedule, useTemplateItem, usePreview \uCC98\uB7FC \uCE74\uD14C\uACE0\uB9AC\uBCC4\uB85C \uBB36\uC5B4\uC11C \uC720\uC9C0\uBCF4\uC218 \uD560 \uC218 \uC788\uAC8C \uC791\uC5C5\uD588\uB2E4. \uB2E4\uB9CC \uC544\uC26C\uC6B4 \uC810\uC740 \uBCC0\uC218\uC640 \uBA54\uC18C\uB4DC\uB97C \uAD6C\uBD84\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC774 \uC774\uB984 \uBC16\uC5D0 \uC5C6\uB2E4\uB294 \uC810\uACFC \uC9C1\uC811 \uB9CC\uB4E0 mapper \uB77C\uC774\uBE0C\uB7EC\uB9AC\uC758 \uACBD\uC6B0 IDE \uCD94\uC801\uC744 \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uB2E4\uB294 \uC810\uC774\uB2E4.

      Vuex\uC5D0 Composition API \uC804\uC6A9\uC758 \uC720\uD2F8\uC131 \uB77C\uC774\uBE0C\uB7EC\uB9AC\uAC00 \uCD94\uAC00 \uB418\uAE38 \uAE30\uB3C4\uD560 \uBFD0\uC774\uB2E4.. \u{1F607}

      \uC791\uC131 \uADDC\uCE59

      Compositino API\uB97C \uC0AC\uC6A9\uD558\uBA74\uC11C \uC5EC\uB7EC\uAC00\uC9C0 \uB098\uB9CC\uC758 \uADDC\uCE59\uC744 \uB9CC\uB4E4\uC5C8\uB294\uB370, \uCD94\uD6C4\uC5D0 \uC81C\uB300\uB85C \uC815\uB9AC\uD574\uC11C \uACF5\uC720\uD560 \uC0DD\uAC01\uC774\uB2E4. \uD68C\uACE0\uC5D0\uC11C \uB2E4\uB8E8\uAE30\uC5D0\uB294 \uC591\uC774 \uB108\uBB34 \uB9CE\uB2E4.

      \uC5B4\uB290\uC815\uB3C4 \uB9AC\uD329\uD1A0\uB9C1\uC744 \uD558\uAE34 \uD588\uC9C0\uB9CC, \uADF8\uB798\uB3C4 \uB9CE\uC774 \uBD80\uC871\uD558\uB2E4. \uD2C8\uD2C8\uC774 \uC2DC\uAC04\uB0A0 \uB54C \uB9C8\uB2E4 \uD574\uC57C\uACA0\uB2E4.


      2. \uB9C8\uC9C0\uB9C9 \uD504\uB85C\uC81D\uD2B8

      ',9),N=s("\uBC8C\uC368 2020\uB144\uC758 \uB9C8\uC9C0\uB9C9 \uD504\uB85C\uC81D\uD2B8\uB97C \uC9C4\uD589\uD588\uB2E4. "),F=s("11\uC6D4 \uD68C\uACE0"),H=s("\uC5D0\uB3C4 \uC5B8\uAE09\uD588\uB358 "),O=n("strong",null,"\uD06C\uB86C \uBE0C\uB77C\uC6B0\uC800 \uC804\uC6A9 \uC11C\uBE44\uC2A4",-1),$=s("\uC774\uB2E4. \uB450 \uB2EC\uB3D9\uC548 \uBE60\uB974\uAC8C \uAC70\uC758 \uD504\uB85C\uD1A0\uD0C0\uC785 \uD615\uD0DC\uB85C \uBE60\uB974\uAC8C \uB9CC\uB4E4\uC5C8\uACE0, \uC6D4\uB9D0\uC5D0 \uC0AC\uC6A9\uC790\uB2E8\uC5D0 \uB178\uCD9C\uB420 \uC608\uC815\uC774\uB2E4. \uADF8\uB7EC\uB098 \uC544\uC9C1 \uC815\uC2DD\uC73C\uB85C \uACF5\uAC1C\uB41C \uC11C\uBE44\uC2A4\uAC00 \uC544\uB2C8\uB77C\uC11C \uC790\uC138\uD55C \uB0B4\uC6A9\uC744 \uC5B8\uAE09\uD558\uAE34 \uC5B4\uB835\uB2E4."),z=n("p",null,"\uAE30\uC220\uC2A4\uD0DD\uC815\uB3C4\uB9CC \uC5B8\uAE09\uD574\uBCF4\uC790\uBA74,",-1),W=n("ul",null,[n("li",null,"Java"),n("li",null,"spring boot"),n("li",null,"Node.js"),n("li",null,"Vue.js"),n("li",null,"SPA + CSR + SSR")],-1),Y=s("\uB4F1\uC744 \uC0AC\uC6A9\uD588\uB2E4. \uC544\uB9C8 "),Q={href:"https://zuminternet.github.io/ZUM-Mobile-NodeJS/",target:"_blank",rel:"noopener noreferrer"},X=s("\uC774 \uB9C1\uD06C"),Z=s("\uC5D0 \uB098\uC628 \uB0B4\uC6A9\uACFC \uACB9\uCE58\uB294 \uBD80\uBD84\uC774 \uB9CE\uC744 \uAC83\uC774\uB2E4."),K=n("p",null,"\uD760.. \uBB34\uC5B8\uAC00 \uB354 \uB9CE\uC740 \uB0B4\uC6A9\uC744 \uC4F0\uACE0 \uC2F6\uC9C0\uB9CC.. \uC5EC\uAE30\uAE4C\uC9C0\uB9CC!",-1),nn=n("hr",null,null,-1),sn=n("h3",{id:"_3-\u1104\u1165\u1102\u1161\u1100\u1161\u1102\u1173\u11AB-\u1110\u1175\u11B7\u110B\u116F\u11AB\u1103\u1173\u11AF",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_3-\u1104\u1165\u1102\u1161\u1100\u1161\u1102\u1173\u11AB-\u1110\u1175\u11B7\u110B\u116F\u11AB\u1103\u1173\u11AF","aria-hidden":"true"},"#"),s(" 3. \uB5A0\uB098\uAC00\uB294 \uD300\uC6D0\uB4E4")],-1),an=n("p",null,"\uC5C5\uBB34\uC801\uC778 \uB0B4\uC6A9\uC740 \uC544\uB2C8\uC9C0\uB9CC, \uC774\uBC88 \uB2EC\uC5D0\uB9CC \uD300\uC6D0 \uB450 \uBD84\uC774 \uC774\uC9C1\uD55C\uB2E4.",-1),tn=n("p",null,[n("img",{src:"https://item.kakaocdn.net/do/b888ef9aeedc7e048b34a7856ea2ce9415b3f4e3c2033bfd702a321ec6eda72c",alt:"\u3160\u3160"})],-1),on=s("\uD55C \uBD84\uC740 "),en={href:"https://www.kakaomobility.com/",target:"_blank",rel:"noopener noreferrer"},pn=s("\uCE74\uCE74\uC624 \uBAA8\uBE4C\uB9AC\uD2F0"),cn=s("\uC5D0 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD30C\uD2B8\uB85C, \uB2E4\uB978 \uD55C \uBD84\uC740 "),ln={href:"https://www.tosspayments.com/",target:"_blank",rel:"noopener noreferrer"},rn=s("\uD1A0\uC2A4 \uD398\uC774\uBA3C\uCE20"),un=s("\uB85C \uAC00\uC2E0\uB2E4. \uC62C \uD574\uC5D0\uB9CC "),dn=n("strong",null,"\uC5EC\uC12F \uBD84\uC774 \uC774\uC9C1",-1),kn=s("\uC744 \uD558\uC168\uACE0 "),_n=n("strong",null,"\uC0C8\uB85C \uB4E4\uC5B4\uC628 \uC0AC\uB78C\uC740 \uD55C \uBA85",-1),hn=s("\uC774\uB2E4. "),mn=n("s",null,"\uB4DC\uB514\uC5B4 \uB9C9\uB0B4 \uD0C8\uCD9C!",-1),gn=o('

      ^0^

      \uC774\uBC88\uC5D0 \uC0C8\uB85C \uB4E4\uC5B4\uC628 \uC0AC\uB78C\uC740 \uC0AC\uC2E4 \uB0B4\uAC00 \uCD94\uCC9C\uD574\uC11C \uB4E4\uC5B4\uC628 \uB300\uD559\uAD50 \uD6C4\uBC30\uB2E4. \uAC19\uC740 \uD300\uC5D0 \uCE5C\uD55C \uC0AC\uB78C\uC774 \uB4E4\uC5B4\uC640\uC11C \uC990\uAC81\uB2E4 \u{1F601}

      \uB0B4\uB144\uC5D0\uB294 \uACFC\uC5F0 \uC5BC\uB9C8\uB098 \uB9CE\uC740 \uBD84\uB4E4\uC774 \uB5A0\uB098\uACE0, \uB610 \uC0C8\uB85C \uB4E4\uC5B4\uC62C\uAE4C? \uAE30\uB300 \uBC18, \uAC71\uC815 \uBC18.. \uC0AC\uC2E4 \uAC71\uC815\uC774 \uD55C 80%\uC815\uB3C4 \uB418\uB294 \uAC83 \uAC19\uB2E4.


      4. \uC0AC\uB0B4 \uAC8C\uC784 \uB300\uD68C

      \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uC0AC\uB0B4 \uAC8C\uC784\uB300\uD68C(\uCE74\uD2B8\uB77C\uC774\uB354 \uB7EC\uC26C \uD50C\uB7EC\uC2A4)\uC5D0 \uCD9C\uC804\uD558\uAC8C \uB418\uC5C8\uB2E4. \uAC01 \uD300\uB9C8\uB2E4 \uC758\uBB34\uC801\uC73C\uB85C \uD55C \uBA85\uC774\uC0C1 \uCD9C\uC804\uD574\uC57C \uD558\uB294\uB370, \uC6B0\uB9AC \uD300\uC740 \uC544\uBB34\uB3C4 \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC544\uC11C \uD300 \uD569\uB958 \uC21C\uC11C\uB85C \uC624\uB984\uCC28\uC21C\uD558\uC5EC \uCD9C\uC804\uD588\uB2E4.

      \uC6B0\uC2B9 \uC0C1\uD488\uC740 \uB2CC\uD150\uB3C4 \uC2A4\uC704\uCE58, \uC900\uC6B0\uC2B9 \uC0C1\uD488\uC740 \uC5D0\uC5B4\uD31F \uD504\uB85C\uC600\uB2E4. \uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0 \uC900\uACB0\uC2B9\uAE4C\uC9C0 \uAC14\uC73C\uB098.. \uC9C0\uAC11\uC758 \uCC28\uC774(?)\uB97C \uADF9\uBCF5\uD558\uC9C0 \uBABB\uD558\uACE0 \uD0C8\uB77D\uD588\uB2E4.

      17

      16

      \uACB0\uC2B9\uAE4C\uC9C0 \uC9C4\uCD9C\uD588\uC73C\uBA74 \uCD5C\uC18C \uC5D0\uC5B4\uD31F \uD504\uB85C\uB97C \uBC1B\uC744 \uC218 \uC788\uC5C8\uB294\uB370.. \u3160\u3160 \uB108\uBB34 \uC544\uC27D\uB2E4.


      \uC0AC\uC801

      \uC774\uBC88 \uB2EC\uC5D0\uB294 \uBB58 \uD588\uB098 \uC2F6\uC5C8\uB294\uB370.. \uC81C\uBAA9\uC744 \uB098\uC5F4\uD558\uACE0 \uBCF4\uB2C8 \uBB58 \uB610 \uC774\uB9AC \uB9CE\uC774 \uD588\uB098 \uC2F6\uB2E4. \uBE48\uC218\uB808\uAC00 \uC694\uB780\uD558\uB2E4\uB354\uB2C8 \u{1F605}

      1. NextStep \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9

      ',14),vn=s("\uC9C0\uB09C \uB2EC\uC5D0 \uC774\uC5B4\uC11C "),bn={href:"https://edu.nextstep.camp/s/MNii0Puk",target:"_blank",rel:"noopener noreferrer"},fn=s("TDD, Clean Code with Java 10\uAE30"),yn=s("\uC758 \uB9AC\uBDF0\uC5B4\uB85C \uD65C\uB3D9\uD588\uB2E4. "),wn=n("strong",null,"12\uC6D4 23\uC77C",-1),En=s("\uAE4C\uC9C0\uC600\uB294\uB370, \uACFC\uC815\uC774 \uC885\uB8CC\uB41C \uC774\uD6C4\uC5D0\uB3C4 \uD3EC\uAE30\uD558\uC9C0 \uC54A\uACE0 \uB05D\uAE4C\uC9C0 \uBBF8\uC158\uC744 \uC218\uD589\uD558\uC2E0 \uBD84\uC774 \uACC4\uC154\uC11C "),Cn=n("strong",null,"12\uC6D4 29\uC77C",-1),An=s("\uC5D0 \uBE44\uB85C\uC18C \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9\uC744 \uC644\uC804\uD788 \uB05D\uB0BC \uC218 \uC788\uC5C8\uB2E4."),In=o('

      2

      \uADF8\uB798\uB3C4 \uC774\uBC88 \uB2EC\uC5D0\uB294 \uC5B4\uB290 \uC815\uB3C4 \uB09C\uC774\uB3C4\uAC00 \uC788\uB294 \uBBF8\uC158\uB4E4\uC744 \uC218\uD589\uD558\uB294 \uC0AC\uB78C\uB4E4\uB9CC \uB0A8\uC544\uC11C \uB9AC\uBDF0 \uC694\uCCAD\uC774 \uB9CE\uC774 \uC624\uC9C4 \uC54A\uC558\uB2E4. \uC800\uBC88 \uB2EC\uC5D0 60\uAC1C\uC758 Pull Request\uAC00 \uC62C\uB77C\uC628 \uBC18\uBA74\uC5D0, \uC774\uBC88 \uB2EC\uC5D0\uB294 20\uAC1C\uC758 Pull Request\uAC00 \uC62C\uB77C\uC654\uB2E4. 1/3\uB85C \uC904\uC5B4\uB4E0 \uAC83\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514\uB97C \uD568\uAED8 \uD588\uB358 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC774 \uACFC\uC815\uC744 \uC18C\uAC1C\uD574\uC8FC\uC5C8\uACE0, \uBA87 \uBD84\uC774 \uC774\uBC88 \uAE30\uC218\uC5D0 \uC2E0\uCCAD\uD574\uC11C \uCC38\uC5EC\uD588\uB2E4. \uADF8\uB9AC\uACE0 \uC27D\uC9C0 \uC54A\uC740 \uC5EC\uC815\uC784\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uBAA8\uB4E0 \uBBF8\uC158\uC744 \uC798 \uB9C8\uBB34\uB9AC \uD574\uC8FC\uC168\uB2E4.

      4

      \uD55C\uC194\uB2D8\uC758 \uACBD\uC6B0 \uC0AC\uB2E4\uB9AC \uBBF8\uC158\uC744 \uB098\uC640 \uD568\uAED8 \uC9C4\uD589\uD588\uACE0,

      3

      \uC885\uC644\uB2D8\uC758 \uACBD\uC6B0 \uB9C8\uC9C0\uB9C9 \uBBF8\uC158\uC778 \uBCFC\uB9C1 \uBBF8\uC158\uC744 \uB098\uC640 \uD568\uAED8 \uC9C4\uD589\uD588\uB2E4.

      \uC74C.. \uC88B\uC740 \uD53C\uB4DC\uBC31\uC744 \uB9CE\uC774 \uB0A8\uAE30\uC9C4 \uBABB\uD55C \uAC83 \uAC19\uC544\uC11C \uC870\uAE08 \uC8C4\uC1A1\uC2A4\uB7FD\uB2E4. \uC774\uBC88 \uAE30\uC218\uC5D0\uB294 \uB0B4\uAC00 \uB108\uBB34 \uD798\uB4E4\uC5C8\uB2E4.

      gg

      \uB9AC\uBDF0\uB97C \uC6CC\uB099 \uB9CE\uC774 \uD558\uAE30\uB3C4 \uD588\uACE0, \uC2A4\uC2A4\uB85C\uC758 \uC5ED\uB7C9\uC774 \uBD80\uC871\uD558\uB2E4\uB294 \uC810\uB3C4 \uB9CE\uC774 \uB290\uAF08\uB2E4. \uADF8\uB798\uC11C \uB2E4\uC74C \uAE30\uC218\uC5D0\uB294 \uB9AC\uBDF0\uC5B4\uB85C \uD65C\uB3D9\uD558\uC9C0 \uC54A\uACE0 \uC2A4\uC2A4\uB85C\uC758 \uC5ED\uB7C9 \uAC15\uD654\uC5D0 \uC9D1\uC911\uD560 \uC608\uC815\uC774\uB2E4.


      2. \uB2E8\uCFE0\uD0A4 \uAC1C\uBC1C\uD300 \uD569\uB958

      12\uC6D4 \uCD08\uC5D0 \uB300\uBA74 \uBA74\uC811\uC744 \uC9C4\uD589\uD588\uB2E4. \uBA74\uC811 \uC7A5\uC18C\uB294 \uD559\uAD50 \uADFC\uCC98\uC600\uB294\uB370 \uC624\uB79C\uB9CC\uC5D0 \uD559\uAD50 \uAD6C\uACBD\uC880 \uD558\uB824\uACE0 \uC544\uCE68 \uC77C\uCC0D \uAC14\uB2E4.

      65

      \uAD50\uB0B4\uC5D0 \uC788\uB294 \uC138\uBBF8\uB098\uC2E4\uC5D0\uC11C \uADFC\uBB34\uC2DC\uAC04 \uB3D9\uC548 \uC77C\uB3C4 \uD558\uACE0, \uC624\uB79C\uB9CC\uC5D0 \uD559\uAD50 \uADFC\uCC98 \uB9DB\uC9D1\uC5D0\uC11C \uC810\uC2EC\uB3C4 \uBA39\uC5C8\uB2E4. \uADF8\uD1A0\uB85D \uC878\uC5C5\uD558\uACE0 \uC2F6\uC5C8\uACE0, \uBC97\uC5B4\uB098\uACE0 \uC2F6\uC5C8\uB358 \uACF3\uC778\uB370 \uADF8\uB798\uB3C4 \uD559\uAD50 \uB2E4\uB2D0 \uB54C\uAC00 \uC9C0\uAE08 \uBCF4\uB2E8 \uB354 \uB9C8\uC74C \uD3B8\uD558\uACE0 \uC990\uAC70\uC6E0\uB358 \uAC83 \uAC19\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uADF8\uB807\uAC8C \uADFC\uBB34 \uC2DC\uAC04\uC774 \uB05D\uB098\uACE0 \uB300\uBA74 \uBA74\uC811\uC744 \uC9C4\uD589\uD588\uB2E4. \uBA74\uC811 \uBD84\uC704\uAE30\uB294 \uBB34\uCC99 \uC88B\uC558\uACE0, \uB2E8\uCFE0\uD0A4\uB77C\uB294 \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uC5EC\uB7EC\uAC00\uC9C0 \uC0AC\uC815\uC744 \uB4E4\uC744 \uC218 \uC788\uC5C8\uB2E4. \uC5EC\uD0DC\uAE4C\uC9C0 \uD559\uC0DD \uC2E0\uBD84\uC73C\uB85C \uBCF4\uC0C1\uB3C4 \uC5C6\uC774 \uC11C\uBE44\uC2A4\uB97C \uC720\uC9C0\uD558\uB290\uB77C \uB9CE\uC774 \uD798\uB4E4\uC5C8\uB358 \uAC83 \uAC19\uACE0, \uC6B4\uC601\uC9C4\uC774 \uC5BC\uB9C8\uB098 \uC774 \uC11C\uBE44\uC2A4\uC5D0 \uC560\uC815\uC744 \uAC00\uC9C0\uACE0 \uC788\uB294\uC9C0 \uB290\uAEF4\uC84C\uB2E4.

      7

      \uC774\uB807\uAC8C \uB098\uB3C4 \uB2E8\uCFE0\uD0A4 \uAC1C\uBC1C\uD300\uC5D0 \uD569\uB958\uD558\uAC8C \uB418\uC5C8\uB2E4. \uC77C\uC815\uC774 \uC870\uAE08 \uCD09\uBC15\uD55C \uAC83 \uAC19\uC544\uC11C \uAC71\uC815\uC774\uC9C0\uB9CC \uAC71\uC815\uBCF4\uB2E8 \uAE30\uB300\uAC00 \uB354 \uC55E\uC120\uB2E4.

      \uADF8\uB807\uAC8C \uC6D4\uB9D0\uC774 \uB418\uC5C8\uACE0 \uB2E4\uC2DC \uB2E8\uCFE0\uD0A4\uC5D0\uC11C \uBA54\uC77C\uC774 \uC654\uB2E4. \uC2AC\uB799 \uCC44\uB110\uC744 \uD1B5\uD574 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC774 \uC9C4\uD589\uB418\uB294 \uAC83 \uAC19\uB2E4.

      8

      \uAC1C\uBC1C\uD300 \uC778\uC6D0\uC740 \uB300\uB7B5 8\uBA85\uC815\uB3C4 \uB418\uB294 \uAC83 \uAC19\uC740\uB370, \uC544\uB9C8 \uD68C\uC758\uB97C \uD558\uAC8C \uB418\uBA74 \uC81C\uB300\uB85C \uC54C\uAC8C \uB418\uACA0\uC9C0 \uC2F6\uB2E4.


      3. Composition API \uD559\uC2B5

      11\uC6D4\uC5D0 Composition API\uB85C TodoList \uB9CC\uB4E4\uAE30\uB97C \uC2DC\uC791\uD588\uACE0, \uC774\uBC88 \uB2EC \uCD08\uC5D0 \uB9C8\uBB34\uB9AC \uD588\uB2E4.

      9

      10

      11

      12

      ',28),Bn=s("Composition API\uB97C \uC0AC\uC6A9\uD558\uBA74\uC11C \uB290\uB080 \uAC83\uC740 "),xn={href:"https://ko.reactjs.org/docs/hooks-intro.html",target:"_blank",rel:"noopener noreferrer"},jn=s("React Hook"),Tn=s("\uACFC \uAD49\uC7A5\uD788 \uC720\uC0AC\uD558\uB2E4\uB294 \uC810\uC774\uB2E4. \uADF8\uB798\uC11C \uCC98\uC74C\uC5D0\uB294 Store \uC5C6\uC774 \uC624\uC9C1 Composition API\uB9CC \uC774\uC6A9\uD574\uC11C \uC804\uC5ED \uC0C1\uD0DC\uB97C \uAD00\uB9AC\uD558\uB3C4\uB85D \uAD6C\uD604\uD588\uB2E4."),Pn=o(`
      import { reative, toRefs } from "vue";
       
       const useTodo = () => {
         const state = reactive({
      diff --git a/assets/index.html.72517113.js b/assets/index.html.ab965f86.js
      similarity index 91%
      rename from assets/index.html.72517113.js
      rename to assets/index.html.ab965f86.js
      index cd1ab7d1..070f40ec 100644
      --- a/assets/index.html.72517113.js
      +++ b/assets/index.html.ab965f86.js
      @@ -1 +1 @@
      -import{_ as t,o as a,c,a as e,e as n}from"./app.800103af.js";const o={},r=e("p",null,"** \uC544\uC9C1 \uC791\uC131\uC774 \uC644\uB8CC\uB418\uC9C0 \uC54A\uC740 \uAE00\uC785\uB2C8\uB2E4. **",-1),s=e("h1",{id:"\u110C\u1161\u1107\u1161\u1109\u1173\u110F\u1173\u1105\u1175\u11B8\u1110\u1173-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1105\u116E\u1111\u1173",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110C\u1161\u1107\u1161\u1109\u1173\u110F\u1173\u1105\u1175\u11B8\u1110\u1173-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1105\u116E\u1111\u1173","aria-hidden":"true"},"#"),n(" \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC774\uBCA4\uD2B8 \uB8E8\uD504")],-1),_=[r,s];function d(i,l){return a(),c("div",null,_)}var f=t(o,[["render",d],["__file","index.html.vue"]]);export{f as default};
      +import{_ as t,o as a,c,a as e,e as n}from"./app.d20f8571.js";const o={},r=e("p",null,"** \uC544\uC9C1 \uC791\uC131\uC774 \uC644\uB8CC\uB418\uC9C0 \uC54A\uC740 \uAE00\uC785\uB2C8\uB2E4. **",-1),s=e("h1",{id:"\u110C\u1161\u1107\u1161\u1109\u1173\u110F\u1173\u1105\u1175\u11B8\u1110\u1173-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1105\u116E\u1111\u1173",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110C\u1161\u1107\u1161\u1109\u1173\u110F\u1173\u1105\u1175\u11B8\u1110\u1173-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1105\u116E\u1111\u1173","aria-hidden":"true"},"#"),n(" \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uC774\uBCA4\uD2B8 \uB8E8\uD504")],-1),_=[r,s];function d(i,l){return a(),c("div",null,_)}var f=t(o,[["render",d],["__file","index.html.vue"]]);export{f as default};
      diff --git a/assets/index.html.3fe1b6af.js b/assets/index.html.abc0caa9.js
      similarity index 99%
      rename from assets/index.html.3fe1b6af.js
      rename to assets/index.html.abc0caa9.js
      index a1318774..3aab64d0 100644
      --- a/assets/index.html.3fe1b6af.js
      +++ b/assets/index.html.abc0caa9.js
      @@ -1,4 +1,4 @@
      -import{_ as l,a as c,b as i,c as u,d as r,e as d}from"./15.b9962096.js";import{_ as k,r as p,o as g,c as h,a as n,b as a,w as _,d as e,e as s}from"./app.800103af.js";var m="/TIL/assets/6.f1679d36.jpg",v="/TIL/assets/7.f8eca285.jpg",b="/TIL/assets/8.83663d17.jpg",f="/TIL/assets/10.3457de24.jpg",x="/TIL/assets/9.3ffd7539.jpg",q="/TIL/assets/11.d0c7807e.jpg",y="/TIL/assets/12.6e311673.png",w="/TIL/assets/13.fd13c2cd.jpg",E="/TIL/assets/14.8375049b.jpg";const R={},j=e('

      2020\uB144 10\uC6D4 \uD68C\uACE0

      10\uC6D4\uC5D0\uB294 \uBC14\uC05C\uB4EF \uD55C\uAC00\uD558\uAC8C \uC0B4\uC558\uB2E4.

      \uACF5\uC801

      1. CMS \uAC1C\uBC1C

      9\uC6D4\uACFC \uB9C8\uCC2C\uAC00\uC9C0\uB85C 10\uC6D4\uB3C4 CMS\uB97C \uB9CC\uB4DC\uB294\uB370 \uC5F4\uC911\uD588\uB2E4. \uB2E4\uB9CC 9\uC6D4\uC5D0 \uBC30\uD3EC\uD558\uACE0 \uB098\uC11C \uC9C0\uC18D\uC801\uC73C\uB85C \uC218\uC815\uC0AC\uD56D\uC774 \uC0DD\uAE30\uACE0 \uC788\uC5C8\uACE0 \uC774 \uC0C1\uD0DC\uB85C \uBC30\uD3EC\uD588\uB2E4\uACE0? \uC2F6\uC744 \uC815\uB3C4\uB85C \uBC84\uADF8\uB3C4 \uB9CE\uACE0 QA\uB97C \uD558\uC9C0 \uC54A\uACE0 \uB118\uC5B4\uAC04 \uBD80\uBD84\uB3C4 \uBB34\uCC99 \uB9CE\uC558\uB2E4.

      \uC81C\uC77C \uCD5C\uC545\uC740, \uC774\uBBF8 \uBC30\uD3EC\uAC00 \uB418\uC5B4 \uC788\uACE0 \uC11C\uBE44\uC2A4 \uB370\uC774\uD130\uAE4C\uC9C0 \uC0BD\uC785\uB41C \uC0C1\uD0DC\uC758 DB\uC758 \uC124\uACC4\uB97C \uAC74\uB4DC\uB824\uC57C \uD558\uB294 \uBD80\uBD84\uC774\uC5C8\uB2E4. \uC678\uB798\uD0A4\uAC00 \uBB34\uCC99 \uBCF5\uC7A1\uD558\uAC8C \uB9CC\uB4E4\uC5B4\uC9C4 \uC0C1\uD0DC\uC5D0\uC11C \uC2A4\uD0A4\uB9C8\uB97C \uBCC0\uACBD\uD558\uB294 \uAC83 \uBCF4\uB2E8 \uC0C8\uB85C \uB9CC\uB4DC\uB294\uAC8C \uB098\uC544\uBCF4\uC600\uB2E4.

      \uADF8\uB798\uC11C hotissue_v2_schedule hotissue_v2_template \uCC98\uB7FC v2\uB77C\uB294 suffix\uB97C \uBD99\uC5EC\uC11C \uD14C\uC774\uBE14\uC744 \uC0C8\uB85C \uB9CC\uB4E4\uC5C8\uACE0, \uD14C\uC774\uBE14\uC758 \uBCC0\uACBD\uC5D0 \uB530\uB77C \uC11C\uBE44\uC2A4 \uB85C\uC9C1\uB3C4 \uB300\uD3ED \uC218\uC815\uD588\uB2E4.

      \uC774 \uACFC\uC815\uC5D0\uC11C \uB4DC\uB7EC\uB09C \uC81C\uC77C \uD070 \uBB38\uC81C\uB294 \uAE30\uD68D\uCABD\uACFC \uAC1C\uBC1C\uCABD\uC758 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158 \uBB38\uC81C\uB3C4 \uC788\uC5C8\uACE0, \uAE30\uD68D\uACFC QA\uB97C CMS\uB97C \uC0AC\uC6A9\uD558\uB294 \uC2E4\uBB34\uC9C4\uC774 \uD588\uAE30 \uB54C\uBB38\uC5D0(\uAC1C\uBC1C\uC744 \uC0AC\uC6A9\uC790\uC5D0\uAC8C \uC2DC\uD0A8 \uAC83\uACFC \uBE44\uC2B7\uD558\uB2EC\uAE4C?) \uC624\uD788\uB824 \uB193\uCE5C \uBD80\uBD84\uC774 \uBB34\uCC99 \uB9CE\uC558\uB358 \uAC83 \uAC19\uB2E4.

      \uADF8\uB798\uC11C \uBC30\uD3EC\uD558\uB294 \uB3C4\uC911\uC5D0 \uC218\uC815\uC0AC\uD56D\uC774 \uC0DD\uAE30\uAE30\uB3C4 \uD558\uACE0.. QA\uB97C \uC544\uC608 \uD558\uC9C0 \uC54A\uC740 \uBD80\uBD84\uB3C4 \uC788\uC5C8\uACE0.. \uB2E4\uC0AC\uB2E4\uB09C \uD588\uB2E4.

      \uACB0\uACFC\uC801\uC73C\uB85C \uD2B8\uB7EC\uBE14\uC774 \uC0DD\uAE34 \uD6C4\uC5D0 \uB9CE\uC740 \uBB38\uC81C\uC810\uC774 \uAC89\uC73C\uB85C \uB4DC\uB7EC\uB0AC\uAE30 \uB54C\uBB38\uC5D0 \uBB38\uC81C\uB97C \uC798 \uD578\uB4E4\uB9C1 \uD560 \uC218 \uC788\uC5C8\uB2E4. 2\uCC28 \uBC30\uD3EC \uC804\uAE4C\uC9C0 QA\uB3C4 \uC644\uBCBD\uD558\uAC8C \uB05D\uB0C8\uACE0, \uB04A\uC784 \uC5C6\uC774 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uD588\uC5C8\uB2E4. \uC77C\uD558\uB294 \uC2DC\uAC04 \uBCF4\uB2E4 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158 \uD558\uB294 \uC2DC\uAC04\uC774 \uB9CE\uC558\uB2E4.

      \uB9CC\uB4E4\uACE0 \uB098\uC11C \uBCF4\uB2C8\uAE4C \uBCF5\uC7A1\uD55C \uB85C\uC9C1\uC774 \uB108\uBB34 \uB9CE\uC774 \uC788\uC5B4\uC11C \uB9AC\uD329\uD1A0\uB9C1\uC774 \uBB34\uC870\uAC74 \uD544\uC694\uD55C \uC0C1\uD0DC\uC600\uB2E4. \uADF8\uB7F0\uB370 11\uC6D4\uBD80\uD130 \uBC14\uB85C \uB2E4\uB978 \uD504\uB85C\uC81D\uD2B8\uB97C \uB4E4\uC5B4\uAC00\uC57C\uD574\uC11C, \uB9AC\uD329\uD1A0\uB9C1\uC740 \uC2DC\uAC04 \uC788\uC744 \uB54C \uD2C8\uD2C8\uC774 \uD560 \uC608\uC815\uC774\uB2E4.

      \uC0AC\uC801

      1. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514

      ',13),L=s("\uB098\uB294 \uAC1C\uC778\uC801\uC73C\uB85C "),A={href:"https://programmers.co.kr/",target:"_blank",rel:"noopener noreferrer"},C=s("\uD504\uB85C\uADF8\uB798\uBA38\uC2A4"),S=s("\uB97C \uBB34\uCC99 \uC560\uC6A9\uD558\uB294 \uD3B8\uC774\uACE0, \uC8FC\uBCC0\uC5D0\uB3C4 \uB9CE\uC774 \uCD94\uCC9C\uD558\uACE0 \uC788\uB2E4. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uC5D0\uB294 "),B={href:"https://programmers.co.kr/learn/challenges",target:"_blank",rel:"noopener noreferrer"},T=s("\uC54C\uACE0\uB9AC\uC998"),D=s("\uACFC \uAD00\uB828\uB41C \uC11C\uBE44\uC2A4 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uD504\uB860\uD2B8\uC640 \uBC31\uC5D4\uB4DC\uB97C \uD3EC\uD568\uD55C \uC5EC\uB7EC\uAC00\uC9C0 "),M={href:"https://programmers.co.kr/competitions",target:"_blank",rel:"noopener noreferrer"},I=s("\uCC4C\uB9B0\uC9C0 \uC11C\uBE44\uC2A4"),H=s("\uB3C4 \uC788\uACE0, "),P={href:"https://programmers.co.kr/learn",target:"_blank",rel:"noopener noreferrer"},J=s("\uC628\uB77C\uC778 \uAC15\uC758"),V=s("\uC640 \uC2A4\uD130\uB514 \uD615\uD0DC\uC758 \uAC15\uC758\uB3C4 \uC874\uC7AC\uD55C\uB2E4."),O=n("p",null,[s("\uC81C\uC77C \uC911\uC694\uD55C\uAC8C \uCDE8\uC5C5 \uC900\uBE44\uB97C \uD560 \uB54C \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uC5D0 \uC774\uB825\uC11C\uB97C \uC791\uC131\uD588\uACE0, "),n("strong",null,"\uD604\uC7AC \uC7AC\uC9C1 \uC911\uC778 \uD68C\uC0AC\uAC00 \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uB97C \uD1B5\uD574 \uC624\uD37C"),s("\uB97C \uC92C\uACE0 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uCDE8\uC5C5\uC774 \uB418\uC5C8\uB2E4.")],-1),Q=s("\uAC01\uC124\uD558\uACE0, \uC8FC\uBCC0 \uC0AC\uB78C\uB4E4\uC774 \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uC5D0\uC11C \uC9C4\uD589\uD558\uACE0 \uC788\uB294 \uC2A4\uD130\uB514\uC5D0 \uCC38\uC5EC\uD588\uACE0 \uB9CC\uC871\uB3C4\uAC00 \uB192\uC740 \uAC83 \uAC19\uC544\uC11C \uB098\uB3C4 \uD55C \uBC88 \uCC38\uC5EC\uD574\uBCFC\uAE4C \uB458\uB7EC\uBCF4\uB2E4\uAC00 "),W={href:"https://programmers.co.kr/learn/courses/10658",target:"_blank",rel:"noopener noreferrer"},F=s("React Study"),N=s("\uB97C \uC2E0\uCCAD\uD588\uB2E4. \uACB0\uB860\uBD80\uD130 \uB9D0\uD558\uC790\uBA74 \uBB34\uCC99 \uB9CC\uC871\uC2A4\uB7EC\uC6B4 \uC2A4\uD130\uB514\uC600\uB2E4."),U=e('

      \uC2A4\uD130\uB514 \uD6C4\uAE30
      \uB2E4\uC2DC \uC4F0\uAE30 \uADC0\uCC2E\uC544\uC11C \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uC5D0 \uC62C\uB77C\uC628 \uD6C4\uAE30\uB97C \uCCA8\uBD80\uD55C\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uC774 \uC2A4\uD130\uB514\uAC00 \uB354 \uB9CE\uC774 \uC54C\uB824\uC84C\uC73C\uBA74 \uD558\uB294 \uBC14\uB78C\uC73C\uB85C \uC0C1\uC138\uD558\uAC8C \uC18C\uAC1C\uD574 \uBCF4\uB3C4\uB85D \uD558\uACA0\uB2E4.


      (1) Facebook \uD074\uB860 \uCF54\uB529

      React\uB85C Facebook\uC758 \uB274\uC2A4\uD53C\uB4DC\uC640 \uB85C\uADF8\uC778/\uD68C\uC6D0\uAC00\uC785 \uB4F1\uC744 \uB9CC\uB4DC\uB294 \uACFC\uC815\uC774\uB2E4.

      image 3

      \uC704\uC640 \uAC19\uC774 \uB274\uC2A4\uD53C\uB4DC\uB97C \uAD6C\uC131\uD574\uC57C \uD558\uACE0,

      image 4

      \uB85C\uADF8\uC778\uACFC \uD68C\uC6D0\uAC00\uC785 \uD398\uC774\uC9C0\uB3C4 \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.


      (2) CRA(Create React App)\uC744 \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0 \uAC1C\uBC1C\uD658\uACBD \uAD6C\uC131\uD558\uAE30

      ',11),G=s("\uC5EC\uD0DC\uAE4C\uC9C0 \uBC88\uB4E4\uB7EC\uB294 "),z={href:"https://webpack.js.org/",target:"_blank",rel:"noopener noreferrer"},X=s("webpack"),Y=s("\uB9CC \uC0AC\uC6A9\uD574\uBD24\uB294\uB370, \uC774 \uC2A4\uD130\uB514\uB97C \uD1B5\uD574\uC11C \uCC98\uC74C\uC73C\uB85C "),Z={href:"https://ko.parceljs.org/",target:"_blank",rel:"noopener noreferrer"},K=s("parcel"),$=s("\uC744 \uC0AC\uC6A9\uD574\uBD24\uB2E4. \uC0DD\uAC01\uBCF4\uB2E4 \uD6E8\uC52C \uB354 \uD3B8\uD588\uACE0, \uD658\uACBD \uAD6C\uC131 \uB610\uD55C \uC5B4\uB835\uC9C0 \uC54A\uC558\uB2E4."),nn=e(`
      • \uC124\uCE58\uD558\uAE30
      # yarn
      +import{_ as l,a as c,b as i,c as u,d as r,e as d}from"./15.b9962096.js";import{_ as k,r as p,o as g,c as h,a as n,b as a,w as _,d as e,e as s}from"./app.d20f8571.js";var m="/TIL/assets/6.f1679d36.jpg",v="/TIL/assets/7.f8eca285.jpg",b="/TIL/assets/8.83663d17.jpg",f="/TIL/assets/10.3457de24.jpg",x="/TIL/assets/9.3ffd7539.jpg",q="/TIL/assets/11.d0c7807e.jpg",y="/TIL/assets/12.6e311673.png",w="/TIL/assets/13.fd13c2cd.jpg",E="/TIL/assets/14.8375049b.jpg";const R={},j=e('

      2020\uB144 10\uC6D4 \uD68C\uACE0

      10\uC6D4\uC5D0\uB294 \uBC14\uC05C\uB4EF \uD55C\uAC00\uD558\uAC8C \uC0B4\uC558\uB2E4.

      \uACF5\uC801

      1. CMS \uAC1C\uBC1C

      9\uC6D4\uACFC \uB9C8\uCC2C\uAC00\uC9C0\uB85C 10\uC6D4\uB3C4 CMS\uB97C \uB9CC\uB4DC\uB294\uB370 \uC5F4\uC911\uD588\uB2E4. \uB2E4\uB9CC 9\uC6D4\uC5D0 \uBC30\uD3EC\uD558\uACE0 \uB098\uC11C \uC9C0\uC18D\uC801\uC73C\uB85C \uC218\uC815\uC0AC\uD56D\uC774 \uC0DD\uAE30\uACE0 \uC788\uC5C8\uACE0 \uC774 \uC0C1\uD0DC\uB85C \uBC30\uD3EC\uD588\uB2E4\uACE0? \uC2F6\uC744 \uC815\uB3C4\uB85C \uBC84\uADF8\uB3C4 \uB9CE\uACE0 QA\uB97C \uD558\uC9C0 \uC54A\uACE0 \uB118\uC5B4\uAC04 \uBD80\uBD84\uB3C4 \uBB34\uCC99 \uB9CE\uC558\uB2E4.

      \uC81C\uC77C \uCD5C\uC545\uC740, \uC774\uBBF8 \uBC30\uD3EC\uAC00 \uB418\uC5B4 \uC788\uACE0 \uC11C\uBE44\uC2A4 \uB370\uC774\uD130\uAE4C\uC9C0 \uC0BD\uC785\uB41C \uC0C1\uD0DC\uC758 DB\uC758 \uC124\uACC4\uB97C \uAC74\uB4DC\uB824\uC57C \uD558\uB294 \uBD80\uBD84\uC774\uC5C8\uB2E4. \uC678\uB798\uD0A4\uAC00 \uBB34\uCC99 \uBCF5\uC7A1\uD558\uAC8C \uB9CC\uB4E4\uC5B4\uC9C4 \uC0C1\uD0DC\uC5D0\uC11C \uC2A4\uD0A4\uB9C8\uB97C \uBCC0\uACBD\uD558\uB294 \uAC83 \uBCF4\uB2E8 \uC0C8\uB85C \uB9CC\uB4DC\uB294\uAC8C \uB098\uC544\uBCF4\uC600\uB2E4.

      \uADF8\uB798\uC11C hotissue_v2_schedule hotissue_v2_template \uCC98\uB7FC v2\uB77C\uB294 suffix\uB97C \uBD99\uC5EC\uC11C \uD14C\uC774\uBE14\uC744 \uC0C8\uB85C \uB9CC\uB4E4\uC5C8\uACE0, \uD14C\uC774\uBE14\uC758 \uBCC0\uACBD\uC5D0 \uB530\uB77C \uC11C\uBE44\uC2A4 \uB85C\uC9C1\uB3C4 \uB300\uD3ED \uC218\uC815\uD588\uB2E4.

      \uC774 \uACFC\uC815\uC5D0\uC11C \uB4DC\uB7EC\uB09C \uC81C\uC77C \uD070 \uBB38\uC81C\uB294 \uAE30\uD68D\uCABD\uACFC \uAC1C\uBC1C\uCABD\uC758 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158 \uBB38\uC81C\uB3C4 \uC788\uC5C8\uACE0, \uAE30\uD68D\uACFC QA\uB97C CMS\uB97C \uC0AC\uC6A9\uD558\uB294 \uC2E4\uBB34\uC9C4\uC774 \uD588\uAE30 \uB54C\uBB38\uC5D0(\uAC1C\uBC1C\uC744 \uC0AC\uC6A9\uC790\uC5D0\uAC8C \uC2DC\uD0A8 \uAC83\uACFC \uBE44\uC2B7\uD558\uB2EC\uAE4C?) \uC624\uD788\uB824 \uB193\uCE5C \uBD80\uBD84\uC774 \uBB34\uCC99 \uB9CE\uC558\uB358 \uAC83 \uAC19\uB2E4.

      \uADF8\uB798\uC11C \uBC30\uD3EC\uD558\uB294 \uB3C4\uC911\uC5D0 \uC218\uC815\uC0AC\uD56D\uC774 \uC0DD\uAE30\uAE30\uB3C4 \uD558\uACE0.. QA\uB97C \uC544\uC608 \uD558\uC9C0 \uC54A\uC740 \uBD80\uBD84\uB3C4 \uC788\uC5C8\uACE0.. \uB2E4\uC0AC\uB2E4\uB09C \uD588\uB2E4.

      \uACB0\uACFC\uC801\uC73C\uB85C \uD2B8\uB7EC\uBE14\uC774 \uC0DD\uAE34 \uD6C4\uC5D0 \uB9CE\uC740 \uBB38\uC81C\uC810\uC774 \uAC89\uC73C\uB85C \uB4DC\uB7EC\uB0AC\uAE30 \uB54C\uBB38\uC5D0 \uBB38\uC81C\uB97C \uC798 \uD578\uB4E4\uB9C1 \uD560 \uC218 \uC788\uC5C8\uB2E4. 2\uCC28 \uBC30\uD3EC \uC804\uAE4C\uC9C0 QA\uB3C4 \uC644\uBCBD\uD558\uAC8C \uB05D\uB0C8\uACE0, \uB04A\uC784 \uC5C6\uC774 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158\uC744 \uD588\uC5C8\uB2E4. \uC77C\uD558\uB294 \uC2DC\uAC04 \uBCF4\uB2E4 \uCEE4\uBBA4\uB2C8\uCF00\uC774\uC158 \uD558\uB294 \uC2DC\uAC04\uC774 \uB9CE\uC558\uB2E4.

      \uB9CC\uB4E4\uACE0 \uB098\uC11C \uBCF4\uB2C8\uAE4C \uBCF5\uC7A1\uD55C \uB85C\uC9C1\uC774 \uB108\uBB34 \uB9CE\uC774 \uC788\uC5B4\uC11C \uB9AC\uD329\uD1A0\uB9C1\uC774 \uBB34\uC870\uAC74 \uD544\uC694\uD55C \uC0C1\uD0DC\uC600\uB2E4. \uADF8\uB7F0\uB370 11\uC6D4\uBD80\uD130 \uBC14\uB85C \uB2E4\uB978 \uD504\uB85C\uC81D\uD2B8\uB97C \uB4E4\uC5B4\uAC00\uC57C\uD574\uC11C, \uB9AC\uD329\uD1A0\uB9C1\uC740 \uC2DC\uAC04 \uC788\uC744 \uB54C \uD2C8\uD2C8\uC774 \uD560 \uC608\uC815\uC774\uB2E4.

      \uC0AC\uC801

      1. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514

      ',13),L=s("\uB098\uB294 \uAC1C\uC778\uC801\uC73C\uB85C "),A={href:"https://programmers.co.kr/",target:"_blank",rel:"noopener noreferrer"},C=s("\uD504\uB85C\uADF8\uB798\uBA38\uC2A4"),S=s("\uB97C \uBB34\uCC99 \uC560\uC6A9\uD558\uB294 \uD3B8\uC774\uACE0, \uC8FC\uBCC0\uC5D0\uB3C4 \uB9CE\uC774 \uCD94\uCC9C\uD558\uACE0 \uC788\uB2E4. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uC5D0\uB294 "),B={href:"https://programmers.co.kr/learn/challenges",target:"_blank",rel:"noopener noreferrer"},T=s("\uC54C\uACE0\uB9AC\uC998"),D=s("\uACFC \uAD00\uB828\uB41C \uC11C\uBE44\uC2A4 \uBFD0\uB9CC \uC544\uB2C8\uB77C \uD504\uB860\uD2B8\uC640 \uBC31\uC5D4\uB4DC\uB97C \uD3EC\uD568\uD55C \uC5EC\uB7EC\uAC00\uC9C0 "),M={href:"https://programmers.co.kr/competitions",target:"_blank",rel:"noopener noreferrer"},I=s("\uCC4C\uB9B0\uC9C0 \uC11C\uBE44\uC2A4"),H=s("\uB3C4 \uC788\uACE0, "),P={href:"https://programmers.co.kr/learn",target:"_blank",rel:"noopener noreferrer"},J=s("\uC628\uB77C\uC778 \uAC15\uC758"),V=s("\uC640 \uC2A4\uD130\uB514 \uD615\uD0DC\uC758 \uAC15\uC758\uB3C4 \uC874\uC7AC\uD55C\uB2E4."),O=n("p",null,[s("\uC81C\uC77C \uC911\uC694\uD55C\uAC8C \uCDE8\uC5C5 \uC900\uBE44\uB97C \uD560 \uB54C \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uC5D0 \uC774\uB825\uC11C\uB97C \uC791\uC131\uD588\uACE0, "),n("strong",null,"\uD604\uC7AC \uC7AC\uC9C1 \uC911\uC778 \uD68C\uC0AC\uAC00 \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uB97C \uD1B5\uD574 \uC624\uD37C"),s("\uB97C \uC92C\uACE0 \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uCDE8\uC5C5\uC774 \uB418\uC5C8\uB2E4.")],-1),Q=s("\uAC01\uC124\uD558\uACE0, \uC8FC\uBCC0 \uC0AC\uB78C\uB4E4\uC774 \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uC5D0\uC11C \uC9C4\uD589\uD558\uACE0 \uC788\uB294 \uC2A4\uD130\uB514\uC5D0 \uCC38\uC5EC\uD588\uACE0 \uB9CC\uC871\uB3C4\uAC00 \uB192\uC740 \uAC83 \uAC19\uC544\uC11C \uB098\uB3C4 \uD55C \uBC88 \uCC38\uC5EC\uD574\uBCFC\uAE4C \uB458\uB7EC\uBCF4\uB2E4\uAC00 "),W={href:"https://programmers.co.kr/learn/courses/10658",target:"_blank",rel:"noopener noreferrer"},F=s("React Study"),N=s("\uB97C \uC2E0\uCCAD\uD588\uB2E4. \uACB0\uB860\uBD80\uD130 \uB9D0\uD558\uC790\uBA74 \uBB34\uCC99 \uB9CC\uC871\uC2A4\uB7EC\uC6B4 \uC2A4\uD130\uB514\uC600\uB2E4."),U=e('

      \uC2A4\uD130\uB514 \uD6C4\uAE30
      \uB2E4\uC2DC \uC4F0\uAE30 \uADC0\uCC2E\uC544\uC11C \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uC5D0 \uC62C\uB77C\uC628 \uD6C4\uAE30\uB97C \uCCA8\uBD80\uD55C\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uC774 \uC2A4\uD130\uB514\uAC00 \uB354 \uB9CE\uC774 \uC54C\uB824\uC84C\uC73C\uBA74 \uD558\uB294 \uBC14\uB78C\uC73C\uB85C \uC0C1\uC138\uD558\uAC8C \uC18C\uAC1C\uD574 \uBCF4\uB3C4\uB85D \uD558\uACA0\uB2E4.


      (1) Facebook \uD074\uB860 \uCF54\uB529

      React\uB85C Facebook\uC758 \uB274\uC2A4\uD53C\uB4DC\uC640 \uB85C\uADF8\uC778/\uD68C\uC6D0\uAC00\uC785 \uB4F1\uC744 \uB9CC\uB4DC\uB294 \uACFC\uC815\uC774\uB2E4.

      image 3

      \uC704\uC640 \uAC19\uC774 \uB274\uC2A4\uD53C\uB4DC\uB97C \uAD6C\uC131\uD574\uC57C \uD558\uACE0,

      image 4

      \uB85C\uADF8\uC778\uACFC \uD68C\uC6D0\uAC00\uC785 \uD398\uC774\uC9C0\uB3C4 \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.


      (2) CRA(Create React App)\uC744 \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0 \uAC1C\uBC1C\uD658\uACBD \uAD6C\uC131\uD558\uAE30

      ',11),G=s("\uC5EC\uD0DC\uAE4C\uC9C0 \uBC88\uB4E4\uB7EC\uB294 "),z={href:"https://webpack.js.org/",target:"_blank",rel:"noopener noreferrer"},X=s("webpack"),Y=s("\uB9CC \uC0AC\uC6A9\uD574\uBD24\uB294\uB370, \uC774 \uC2A4\uD130\uB514\uB97C \uD1B5\uD574\uC11C \uCC98\uC74C\uC73C\uB85C "),Z={href:"https://ko.parceljs.org/",target:"_blank",rel:"noopener noreferrer"},K=s("parcel"),$=s("\uC744 \uC0AC\uC6A9\uD574\uBD24\uB2E4. \uC0DD\uAC01\uBCF4\uB2E4 \uD6E8\uC52C \uB354 \uD3B8\uD588\uACE0, \uD658\uACBD \uAD6C\uC131 \uB610\uD55C \uC5B4\uB835\uC9C0 \uC54A\uC558\uB2E4."),nn=e(`
      • \uC124\uCE58\uD558\uAE30
      # yarn
       yarn add -D parcel-bundler
       
       # npm
      diff --git a/assets/index.html.1d8056c9.js b/assets/index.html.b1882379.js
      similarity index 95%
      rename from assets/index.html.1d8056c9.js
      rename to assets/index.html.b1882379.js
      index ee3895ca..cf895ec0 100644
      --- a/assets/index.html.1d8056c9.js
      +++ b/assets/index.html.b1882379.js
      @@ -1 +1 @@
      -const e={key:"v-7081bdd8",path:"/CodeSpitz/Object-Oriented-Javascript/05-Extension/",title:"MVVM System \uAC1C\uC120\uD558\uAE30 (3)",lang:"en-US",frontmatter:{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (3)",description:"MVVM System\uC744 \uCD5C\uC885\uC801\uC73C\uB85C \uC5B4\uB5BB\uAC8C \uAC1C\uC120\uD558\uC600\uB294\uC9C0 \uC124\uBA85\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-02-28T00:00:00.000Z",tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, oop",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"ViewModelListener \uAC1C\uC120",slug:"viewmodellistener-\u1100\u1162\u1109\u1165\u11AB",children:[]},{level:2,title:"Processor \uAC1C\uC120",slug:"processor-\u1100\u1162\u1109\u1165\u11AB",children:[]},{level:2,title:"List\uB97C \uD45C\uD604\uD558\uAE30",slug:"list\u1105\u1173\u11AF-\u1111\u116D\u1112\u1167\u11AB\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"Decorator Pattern \uC801\uC6A9",slug:"decorator-pattern-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]},{level:2,title:"\uCD5C\uC885 \uCF54\uB4DC",slug:"\u110E\u116C\u110C\u1169\u11BC-\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"\uC0DD\uAC01 \uC815\uB9AC",slug:"\u1109\u1162\u11BC\u1100\u1161\u11A8-\u110C\u1165\u11BC\u1105\u1175",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"CodeSpitz/Object-Oriented-Javascript/05-Extension/README.md"};export{e as data};
      +const e={key:"v-7081bdd8",path:"/CodeSpitz/Object-Oriented-Javascript/05-Extension/",title:"MVVM System \uAC1C\uC120\uD558\uAE30 (3)",lang:"en-US",frontmatter:{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (3)",description:"MVVM System\uC744 \uCD5C\uC885\uC801\uC73C\uB85C \uC5B4\uB5BB\uAC8C \uAC1C\uC120\uD558\uC600\uB294\uC9C0 \uC124\uBA85\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-02-28T00:00:00.000Z",tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, oop",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"ViewModelListener \uAC1C\uC120",slug:"viewmodellistener-\u1100\u1162\u1109\u1165\u11AB",children:[]},{level:2,title:"Processor \uAC1C\uC120",slug:"processor-\u1100\u1162\u1109\u1165\u11AB",children:[]},{level:2,title:"List\uB97C \uD45C\uD604\uD558\uAE30",slug:"list\u1105\u1173\u11AF-\u1111\u116D\u1112\u1167\u11AB\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"Decorator Pattern \uC801\uC6A9",slug:"decorator-pattern-\u110C\u1165\u11A8\u110B\u116D\u11BC",children:[]},{level:2,title:"\uCD5C\uC885 \uCF54\uB4DC",slug:"\u110E\u116C\u110C\u1169\u11BC-\u110F\u1169\u1103\u1173",children:[]},{level:2,title:"\uC0DD\uAC01 \uC815\uB9AC",slug:"\u1109\u1162\u11BC\u1100\u1161\u11A8-\u110C\u1165\u11BC\u1105\u1175",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"CodeSpitz/Object-Oriented-Javascript/05-Extension/README.md"};export{e as data};
      diff --git a/assets/index.html.85545c0f.js b/assets/index.html.b3418752.js
      similarity index 98%
      rename from assets/index.html.85545c0f.js
      rename to assets/index.html.b3418752.js
      index 84eba4db..42ddf81e 100644
      --- a/assets/index.html.85545c0f.js
      +++ b/assets/index.html.b3418752.js
      @@ -1 +1 @@
      -const e={key:"v-010cc28e",path:"/Javascript/Design/Vanilla-JS-Server-Side-Rendering/",title:"\uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uB9CC\uB4DC\uB294 SSR",lang:"en-US",frontmatter:{title:"\uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uB9CC\uB4DC\uB294 SSR",description:"\uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0 SSR\uACFC CSR\uC744 \uC801\uC6A9\uD574\uBCF4\uBA74\uC11C \uD504\uB860\uD2B8\uC5D4\uB4DC\uC5D0\uC11C\uC758 SSR\uC5D0 \uB300\uD574 \uD559\uC2B5\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2023-02-12T00:00:00.000Z",tag:"javascript, vanilla, ssr",thumbnail:"https://user-images.githubusercontent.com/18749057/218312378-4a6d1e60-813b-4dab-a1aa-a07dcba82411.png",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"1. SSR\uACFC CSR",slug:"_1-ssr\u1100\u116A-csr",children:[{level:3,title:"(1) SSR(Servier Side Rendering)\uC774\uB780 \uBB34\uC5C7\uC778\uAC00?",slug:"_1-ssr-servier-side-rendering-\u110B\u1175\u1105\u1161\u11AB-\u1106\u116E\u110B\u1165\u11BA\u110B\u1175\u11AB\u1100\u1161",children:[]},{level:3,title:"(2) CSR\uC758 \uB4F1\uC7A5\uD558\uAE30 \uAE4C\uC9C0",slug:"_2-csr\u110B\u1174-\u1103\u1173\u11BC\u110C\u1161\u11BC\u1112\u1161\u1100\u1175-\u1101\u1161\u110C\u1175",children:[]},{level:3,title:"(3) \uC65C SSR\uC774 \uD544\uC694\uD55C\uAC00?",slug:"_3-\u110B\u116B-ssr\u110B\u1175-\u1111\u1175\u11AF\u110B\u116D\u1112\u1161\u11AB\u1100\u1161",children:[]},{level:3,title:"(4) \uAD00\uC2EC\uC0AC \uBD84\uC11D \uBC0F \uBD84\uB9AC",slug:"_4-\u1100\u116A\u11AB\u1109\u1175\u11B7\u1109\u1161-\u1107\u116E\u11AB\u1109\u1165\u11A8-\u1106\u1175\u11BE-\u1107\u116E\u11AB\u1105\u1175",children:[]}]},{level:2,title:"3. MVVM Pattern",slug:"_3-mvvm-pattern",children:[{level:3,title:"1) Model",slug:"_1-model",children:[]},{level:3,title:"2) ViewModel",slug:"_2-viewmodel",children:[]},{level:3,title:"3) View",slug:"_3-view",children:[]},{level:3,title:"4) \uC815\uB9AC\uD558\uBA70",slug:"_4-\u110C\u1165\u11BC\u1105\u1175\u1112\u1161\u1106\u1167",children:[]}]},{level:2,title:"4. Vanilla Javascript SSR",slug:"_4-vanilla-javascript-ssr",children:[{level:3,title:"1) \uBB34\uC791\uC815 \uB9CC\uB4E4\uC5B4\uBCF4\uAE30",slug:"_1-\u1106\u116E\u110C\u1161\u11A8\u110C\u1165\u11BC-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"2) \uAD00\uC2EC\uC0AC \uBD84\uB9AC",slug:"_2-\u1100\u116A\u11AB\u1109\u1175\u11B7\u1109\u1161-\u1107\u116E\u11AB\u1105\u1175",children:[]},{level:3,title:"3) \uB370\uC774\uD130 \uCD94\uAC00/\uC0AD\uC81C",slug:"_3-\u1103\u1166\u110B\u1175\u1110\u1165-\u110E\u116E\u1100\u1161-\u1109\u1161\u11A8\u110C\u1166",children:[]}]},{level:2,title:"5. SSR\uC5D0 CSR \uB367\uBD99\uC774\uAE30 ( Hydration )",slug:"_5-ssr\u110B\u1166-csr-\u1103\u1165\u11BA\u1107\u116E\u11C0\u110B\u1175\u1100\u1175-hydration",children:[{level:3,title:"1) ssr\uC5D0\uC11C static \uD30C\uC77C \uBD88\uB7EC\uC624\uAE30",slug:"_1-ssr\u110B\u1166\u1109\u1165-static-\u1111\u1161\u110B\u1175\u11AF-\u1107\u116E\u11AF\u1105\u1165\u110B\u1169\u1100\u1175",children:[]},{level:3,title:"2) Client Side Rendering \uB367\uBD99\uC774\uAE30",slug:"_2-client-side-rendering-\u1103\u1165\u11BA\u1107\u116E\u11C0\u110B\u1175\u1100\u1175",children:[]},{level:3,title:"3) Server\uC758 \uB370\uC774\uD130\uB97C Client\uC5D0 \uB3D9\uAE30\uD654 \uD558\uAE30",slug:"_3-server\u110B\u1174-\u1103\u1166\u110B\u1175\u1110\u1165\u1105\u1173\u11AF-client\u110B\u1166-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A-\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"4) \uC591\uBC29\uD5A5 \uB3D9\uAE30\uD654 (Server \u2190\u2192 Client)",slug:"_4-\u110B\u1163\u11BC\u1107\u1161\u11BC\u1112\u1163\u11BC-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A-server-\u2190\u2192-client",children:[]},{level:3,title:"5) \uC815\uB9AC",slug:"_5-\u110C\u1165\u11BC\u1105\u1175",children:[]}]},{level:2,title:"6. Router \uB3D9\uAE30\uD654",slug:"_6-router-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"\uC18C\uC2A4\uCF54\uB4DC \uD655\uC778",slug:"\u1109\u1169\u1109\u1173\u110F\u1169\u1103\u1173-\u1112\u116A\u11A8\u110B\u1175\u11AB",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Javascript/Design/Vanilla-JS-Server-Side-Rendering/README.md"};export{e as data};
      +const e={key:"v-010cc28e",path:"/Javascript/Design/Vanilla-JS-Server-Side-Rendering/",title:"\uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uB9CC\uB4DC\uB294 SSR",lang:"en-US",frontmatter:{title:"\uD504\uB808\uC784\uC6CC\uD06C \uC5C6\uC774 \uB9CC\uB4DC\uB294 SSR",description:"\uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0 SSR\uACFC CSR\uC744 \uC801\uC6A9\uD574\uBCF4\uBA74\uC11C \uD504\uB860\uD2B8\uC5D4\uB4DC\uC5D0\uC11C\uC758 SSR\uC5D0 \uB300\uD574 \uD559\uC2B5\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2023-02-12T00:00:00.000Z",tag:"javascript, vanilla, ssr",thumbnail:"https://user-images.githubusercontent.com/18749057/218312378-4a6d1e60-813b-4dab-a1aa-a07dcba82411.png",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"1. SSR\uACFC CSR",slug:"_1-ssr\u1100\u116A-csr",children:[{level:3,title:"(1) SSR(Servier Side Rendering)\uC774\uB780 \uBB34\uC5C7\uC778\uAC00?",slug:"_1-ssr-servier-side-rendering-\u110B\u1175\u1105\u1161\u11AB-\u1106\u116E\u110B\u1165\u11BA\u110B\u1175\u11AB\u1100\u1161",children:[]},{level:3,title:"(2) CSR\uC758 \uB4F1\uC7A5\uD558\uAE30 \uAE4C\uC9C0",slug:"_2-csr\u110B\u1174-\u1103\u1173\u11BC\u110C\u1161\u11BC\u1112\u1161\u1100\u1175-\u1101\u1161\u110C\u1175",children:[]},{level:3,title:"(3) \uC65C SSR\uC774 \uD544\uC694\uD55C\uAC00?",slug:"_3-\u110B\u116B-ssr\u110B\u1175-\u1111\u1175\u11AF\u110B\u116D\u1112\u1161\u11AB\u1100\u1161",children:[]},{level:3,title:"(4) \uAD00\uC2EC\uC0AC \uBD84\uC11D \uBC0F \uBD84\uB9AC",slug:"_4-\u1100\u116A\u11AB\u1109\u1175\u11B7\u1109\u1161-\u1107\u116E\u11AB\u1109\u1165\u11A8-\u1106\u1175\u11BE-\u1107\u116E\u11AB\u1105\u1175",children:[]}]},{level:2,title:"3. MVVM Pattern",slug:"_3-mvvm-pattern",children:[{level:3,title:"1) Model",slug:"_1-model",children:[]},{level:3,title:"2) ViewModel",slug:"_2-viewmodel",children:[]},{level:3,title:"3) View",slug:"_3-view",children:[]},{level:3,title:"4) \uC815\uB9AC\uD558\uBA70",slug:"_4-\u110C\u1165\u11BC\u1105\u1175\u1112\u1161\u1106\u1167",children:[]}]},{level:2,title:"4. Vanilla Javascript SSR",slug:"_4-vanilla-javascript-ssr",children:[{level:3,title:"1) \uBB34\uC791\uC815 \uB9CC\uB4E4\uC5B4\uBCF4\uAE30",slug:"_1-\u1106\u116E\u110C\u1161\u11A8\u110C\u1165\u11BC-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u1107\u1169\u1100\u1175",children:[]},{level:3,title:"2) \uAD00\uC2EC\uC0AC \uBD84\uB9AC",slug:"_2-\u1100\u116A\u11AB\u1109\u1175\u11B7\u1109\u1161-\u1107\u116E\u11AB\u1105\u1175",children:[]},{level:3,title:"3) \uB370\uC774\uD130 \uCD94\uAC00/\uC0AD\uC81C",slug:"_3-\u1103\u1166\u110B\u1175\u1110\u1165-\u110E\u116E\u1100\u1161-\u1109\u1161\u11A8\u110C\u1166",children:[]}]},{level:2,title:"5. SSR\uC5D0 CSR \uB367\uBD99\uC774\uAE30 ( Hydration )",slug:"_5-ssr\u110B\u1166-csr-\u1103\u1165\u11BA\u1107\u116E\u11C0\u110B\u1175\u1100\u1175-hydration",children:[{level:3,title:"1) ssr\uC5D0\uC11C static \uD30C\uC77C \uBD88\uB7EC\uC624\uAE30",slug:"_1-ssr\u110B\u1166\u1109\u1165-static-\u1111\u1161\u110B\u1175\u11AF-\u1107\u116E\u11AF\u1105\u1165\u110B\u1169\u1100\u1175",children:[]},{level:3,title:"2) Client Side Rendering \uB367\uBD99\uC774\uAE30",slug:"_2-client-side-rendering-\u1103\u1165\u11BA\u1107\u116E\u11C0\u110B\u1175\u1100\u1175",children:[]},{level:3,title:"3) Server\uC758 \uB370\uC774\uD130\uB97C Client\uC5D0 \uB3D9\uAE30\uD654 \uD558\uAE30",slug:"_3-server\u110B\u1174-\u1103\u1166\u110B\u1175\u1110\u1165\u1105\u1173\u11AF-client\u110B\u1166-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A-\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"4) \uC591\uBC29\uD5A5 \uB3D9\uAE30\uD654 (Server \u2190\u2192 Client)",slug:"_4-\u110B\u1163\u11BC\u1107\u1161\u11BC\u1112\u1163\u11BC-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A-server-\u2190\u2192-client",children:[]},{level:3,title:"5) \uC815\uB9AC",slug:"_5-\u110C\u1165\u11BC\u1105\u1175",children:[]}]},{level:2,title:"6. Router \uB3D9\uAE30\uD654",slug:"_6-router-\u1103\u1169\u11BC\u1100\u1175\u1112\u116A",children:[]},{level:2,title:"Summary",slug:"summary",children:[]},{level:2,title:"\uC18C\uC2A4\uCF54\uB4DC \uD655\uC778",slug:"\u1109\u1169\u1109\u1173\u110F\u1169\u1103\u1173-\u1112\u116A\u11A8\u110B\u1175\u11AB",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Javascript/Design/Vanilla-JS-Server-Side-Rendering/README.md"};export{e as data};
      diff --git a/assets/index.html.62a98cf2.js b/assets/index.html.b51df209.js
      similarity index 89%
      rename from assets/index.html.62a98cf2.js
      rename to assets/index.html.b51df209.js
      index ecc81f40..f4ae7b84 100644
      --- a/assets/index.html.62a98cf2.js
      +++ b/assets/index.html.b51df209.js
      @@ -1 +1 @@
      -const e={key:"v-cdcc7d60",path:"/Book/OOP-Principle/07-Spring-Triangle/",title:"07 Spring Triangle | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"07 Spring Triangle | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"IoC, DI, AOP, PSA \uB4F1 \uC2A4\uD504\uB9C1\uC5D0\uC11C \uC9C0\uD5A5\uD558\uACE0 \uC788\uB294 \uAC1C\uB150\uB4E4\uC744 \uC0B4\uD3B4\uBD05\uB2C8\uB2E4.",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"Book/OOP-Principle/07-Spring-Triangle/README.md"};export{e as data};
      +const e={key:"v-cdcc7d60",path:"/Book/OOP-Principle/07-Spring-Triangle/",title:"07 Spring Triangle | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"07 Spring Triangle | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"IoC, DI, AOP, PSA \uB4F1 \uC2A4\uD504\uB9C1\uC5D0\uC11C \uC9C0\uD5A5\uD558\uACE0 \uC788\uB294 \uAC1C\uB150\uB4E4\uC744 \uC0B4\uD3B4\uBD05\uB2C8\uB2E4.",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"Book/OOP-Principle/07-Spring-Triangle/README.md"};export{e as data};
      diff --git a/assets/index.html.875225dd.js b/assets/index.html.b61f4884.js
      similarity index 96%
      rename from assets/index.html.875225dd.js
      rename to assets/index.html.b61f4884.js
      index aca59784..f1c17810 100644
      --- a/assets/index.html.875225dd.js
      +++ b/assets/index.html.b61f4884.js
      @@ -1 +1 @@
      -const e={key:"v-03de736f",path:"/vuepress/Deploy/",title:"github page\uC5D0 \uBC30\uD3EC\uD558\uAE30",lang:"en-US",frontmatter:{title:"github page\uC5D0 \uBC30\uD3EC\uD558\uAE30",description:"Vuepress\uB85C \uB9CC\uB4E0 \uBB38\uC11C\uB97C github page\uC5D0 \uBC30\uD3EC\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uB85D\uD55C \uBB38\uC11C\uC774\uB2E4.",sidebarDepth:2,date:"2020-01-06T00:00:00.000Z",tag:"vuepress"},excerpt:"",headers:[{level:2,title:"1. \uBC30\uD3EC \uACFC\uC815 \uC774\uD574\uD558\uAE30",slug:"_1-\u1107\u1162\u1111\u1169-\u1100\u116A\u110C\u1165\u11BC-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"2. \uD504\uB85C\uC81D\uD2B8\uAC00 root \uAE30\uC900\uC77C \uB54C",slug:"_2-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1100\u1161-root-\u1100\u1175\u110C\u116E\u11AB\u110B\u1175\u11AF-\u1104\u1162",children:[]},{level:2,title:"3. vuepress\uAC00 root/docs \uAE30\uC900\uC77C \uB54C",slug:"_3-vuepress\u1100\u1161-root-docs-\u1100\u1175\u110C\u116E\u11AB\u110B\u1175\u11AF-\u1104\u1162",children:[]},{level:2,title:"4. Shell Script \uC2E4\uD589\uD558\uAE30",slug:"_4-shell-script-\u1109\u1175\u11AF\u1112\u1162\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"5. \uC790\uB3D9\uC73C\uB85C \uBC30\uD3EC\uD558\uAE30",slug:"_5-\u110C\u1161\u1103\u1169\u11BC\u110B\u1173\u1105\u1169-\u1107\u1162\u1111\u1169\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"6. gh-pages branch \uC5D0 commit \uAE30\uB85D \uB0A8\uAE30\uAE30",slug:"_6-gh-pages-branch-\u110B\u1166-commit-\u1100\u1175\u1105\u1169\u11A8-\u1102\u1161\u11B7\u1100\u1175\u1100\u1175",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"vuepress/Deploy/README.md"};export{e as data};
      +const e={key:"v-03de736f",path:"/vuepress/Deploy/",title:"github page\uC5D0 \uBC30\uD3EC\uD558\uAE30",lang:"en-US",frontmatter:{title:"github page\uC5D0 \uBC30\uD3EC\uD558\uAE30",description:"Vuepress\uB85C \uB9CC\uB4E0 \uBB38\uC11C\uB97C github page\uC5D0 \uBC30\uD3EC\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uB85D\uD55C \uBB38\uC11C\uC774\uB2E4.",sidebarDepth:2,date:"2020-01-06T00:00:00.000Z",tag:"vuepress"},excerpt:"",headers:[{level:2,title:"1. \uBC30\uD3EC \uACFC\uC815 \uC774\uD574\uD558\uAE30",slug:"_1-\u1107\u1162\u1111\u1169-\u1100\u116A\u110C\u1165\u11BC-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"2. \uD504\uB85C\uC81D\uD2B8\uAC00 root \uAE30\uC900\uC77C \uB54C",slug:"_2-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1100\u1161-root-\u1100\u1175\u110C\u116E\u11AB\u110B\u1175\u11AF-\u1104\u1162",children:[]},{level:2,title:"3. vuepress\uAC00 root/docs \uAE30\uC900\uC77C \uB54C",slug:"_3-vuepress\u1100\u1161-root-docs-\u1100\u1175\u110C\u116E\u11AB\u110B\u1175\u11AF-\u1104\u1162",children:[]},{level:2,title:"4. Shell Script \uC2E4\uD589\uD558\uAE30",slug:"_4-shell-script-\u1109\u1175\u11AF\u1112\u1162\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"5. \uC790\uB3D9\uC73C\uB85C \uBC30\uD3EC\uD558\uAE30",slug:"_5-\u110C\u1161\u1103\u1169\u11BC\u110B\u1173\u1105\u1169-\u1107\u1162\u1111\u1169\u1112\u1161\u1100\u1175",children:[]},{level:2,title:"6. gh-pages branch \uC5D0 commit \uAE30\uB85D \uB0A8\uAE30\uAE30",slug:"_6-gh-pages-branch-\u110B\u1166-commit-\u1100\u1175\u1105\u1169\u11A8-\u1102\u1161\u11B7\u1100\u1175\u1100\u1175",children:[]},{level:2,title:"Reference",slug:"reference",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"vuepress/Deploy/README.md"};export{e as data};
      diff --git a/assets/index.html.90917800.js b/assets/index.html.bd118516.js
      similarity index 98%
      rename from assets/index.html.90917800.js
      rename to assets/index.html.bd118516.js
      index 9922299b..c5dfdb46 100644
      --- a/assets/index.html.90917800.js
      +++ b/assets/index.html.bd118516.js
      @@ -1 +1 @@
      -const e={key:"v-4f9aab0b",path:"/CodeSpitz/Object-Oriented-Javascript/01-Intro/",title:"\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860",lang:"en-US",frontmatter:{title:"\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860",description:"\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uCE59\uACFC \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC0AC\uC6A9\uD558\uB294 \uAD81\uADF9\uC801\uC778 \uBAA9\uD45C\uC5D0 \uB300\uD574 \uAE30\uC220\uD569\uB2C8\uB2E4.",sidebarDepth:1,date:"2020-02-01T00:00:00.000Z",tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, oop",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"Value vs Identifier",slug:"value-vs-identifier",children:[{level:3,title:"Value\uC758 \uD2B9\uC9D5",slug:"value\u110B\u1174-\u1110\u1173\u11A8\u110C\u1175\u11BC",children:[]},{level:3,title:"Identifier\uC758 \uD2B9\uC9D5",slug:"identifier\u110B\u1174-\u1110\u1173\u11A8\u110C\u1175\u11BC",children:[]}]},{level:2,title:"Polymorphism",slug:"polymorphism",children:[]},{level:2,title:"Object Essentials",slug:"object-essentials",children:[{level:3,title:"\uB370\uC774\uD130 \uC740\uB2C9(hide state)",slug:"\u1103\u1166\u110B\u1175\u1110\u1165-\u110B\u1173\u11AB\u1102\u1175\u11A8-hide-state",children:[]},{level:3,title:"\uCEA1\uC290\uD654(encapsulation)",slug:"\u110F\u1162\u11B8\u1109\u1172\u11AF\u1112\u116A-encapsulation",children:[]},{level:3,title:"Isloation of change",slug:"isloation-of-change",children:[]}]},{level:2,title:"SOLID \uC6D0\uCE59",slug:"solid-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[{level:3,title:"S RP (Single Responsibility, \uB2E8\uC77C\uCC45\uC784) \uC6D0\uCE59",slug:"s-rp-single-responsibility-\u1103\u1161\u11AB\u110B\u1175\u11AF\u110E\u1162\u11A8\u110B\u1175\u11B7-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"O CP (Open Closed, \uAC1C\uBC29\uD3D0\uC1C4) \uC6D0\uCE59",slug:"o-cp-open-closed-\u1100\u1162\u1107\u1161\u11BC\u1111\u1168\u1109\u116B-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"L SP (Liskov Substitusion, \uC5C5\uCE90\uC2A4\uD305 \uC548\uC804) \uC6D0\uCE59",slug:"l-sp-liskov-substitusion-\u110B\u1165\u11B8\u110F\u1162\u1109\u1173\u1110\u1175\u11BC-\u110B\u1161\u11AB\u110C\u1165\u11AB-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"I SP(Interface Segregation, \uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC)",slug:"i-sp-interface-segregation-\u110B\u1175\u11AB\u1110\u1165\u1111\u1166\u110B\u1175\u1109\u1173-\u1107\u116E\u11AB\u1105\u1175",children:[]},{level:3,title:"D IP(Dependency Inversion, \uB2E4\uC6B4\uCE90\uC2A4\uD305\uAE08\uC9C0) \uC6D0\uCE59",slug:"d-ip-dependency-inversion-\u1103\u1161\u110B\u116E\u11AB\u110F\u1162\u1109\u1173\u1110\u1175\u11BC\u1100\u1173\u11B7\u110C\u1175-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}]},{level:2,title:"Message",slug:"message",children:[{level:3,title:"\uB2E8\uC77C\uCC45\uC784\uC6D0\uCE59(SRP)\uC744 \uC900\uC218\uD558\uB294 \uAC1D\uCCB4\uB9DD\uC758 \uBB38\uC81C\uB97C \uD574\uACB0",slug:"\u1103\u1161\u11AB\u110B\u1175\u11AF\u110E\u1162\u11A8\u110B\u1175\u11B7\u110B\u116F\u11AB\u110E\u1175\u11A8-srp-\u110B\u1173\u11AF-\u110C\u116E\u11AB\u1109\u116E\u1112\u1161\u1102\u1173\u11AB-\u1100\u1162\u11A8\u110E\u1166\u1106\u1161\u11BC\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u1105\u1173\u11AF-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"Dependency",slug:"dependency",children:[{level:3,title:"Dependency\uC758 \uC885\uB958",slug:"dependency\u110B\u1174-\u110C\u1169\u11BC\u1105\u1172",children:[]},{level:3,title:"Dependency Inversion (\uC758\uC874\uC131 \uC5ED\uC804)",slug:"dependency-inversion-\u110B\u1174\u110C\u1169\u11AB\u1109\u1165\u11BC-\u110B\u1167\u11A8\u110C\u1165\u11AB",children:[]}]},{level:2,title:"IoC(Inversion of Control, \uC81C\uC5B4\uC5ED\uC804)",slug:"ioc-inversion-of-control-\u110C\u1166\u110B\u1165\u110B\u1167\u11A8\u110C\u1165\u11AB",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"CodeSpitz/Object-Oriented-Javascript/01-Intro/README.md"};export{e as data};
      +const e={key:"v-4f9aab0b",path:"/CodeSpitz/Object-Oriented-Javascript/01-Intro/",title:"\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860",lang:"en-US",frontmatter:{title:"\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uAE30\uBCF8 \uC774\uB860",description:"\uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uCE59\uACFC \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC0AC\uC6A9\uD558\uB294 \uAD81\uADF9\uC801\uC778 \uBAA9\uD45C\uC5D0 \uB300\uD574 \uAE30\uC220\uD569\uB2C8\uB2E4.",sidebarDepth:1,date:"2020-02-01T00:00:00.000Z",tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, oop",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"Value vs Identifier",slug:"value-vs-identifier",children:[{level:3,title:"Value\uC758 \uD2B9\uC9D5",slug:"value\u110B\u1174-\u1110\u1173\u11A8\u110C\u1175\u11BC",children:[]},{level:3,title:"Identifier\uC758 \uD2B9\uC9D5",slug:"identifier\u110B\u1174-\u1110\u1173\u11A8\u110C\u1175\u11BC",children:[]}]},{level:2,title:"Polymorphism",slug:"polymorphism",children:[]},{level:2,title:"Object Essentials",slug:"object-essentials",children:[{level:3,title:"\uB370\uC774\uD130 \uC740\uB2C9(hide state)",slug:"\u1103\u1166\u110B\u1175\u1110\u1165-\u110B\u1173\u11AB\u1102\u1175\u11A8-hide-state",children:[]},{level:3,title:"\uCEA1\uC290\uD654(encapsulation)",slug:"\u110F\u1162\u11B8\u1109\u1172\u11AF\u1112\u116A-encapsulation",children:[]},{level:3,title:"Isloation of change",slug:"isloation-of-change",children:[]}]},{level:2,title:"SOLID \uC6D0\uCE59",slug:"solid-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[{level:3,title:"S RP (Single Responsibility, \uB2E8\uC77C\uCC45\uC784) \uC6D0\uCE59",slug:"s-rp-single-responsibility-\u1103\u1161\u11AB\u110B\u1175\u11AF\u110E\u1162\u11A8\u110B\u1175\u11B7-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"O CP (Open Closed, \uAC1C\uBC29\uD3D0\uC1C4) \uC6D0\uCE59",slug:"o-cp-open-closed-\u1100\u1162\u1107\u1161\u11BC\u1111\u1168\u1109\u116B-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"L SP (Liskov Substitusion, \uC5C5\uCE90\uC2A4\uD305 \uC548\uC804) \uC6D0\uCE59",slug:"l-sp-liskov-substitusion-\u110B\u1165\u11B8\u110F\u1162\u1109\u1173\u1110\u1175\u11BC-\u110B\u1161\u11AB\u110C\u1165\u11AB-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"I SP(Interface Segregation, \uC778\uD130\uD398\uC774\uC2A4 \uBD84\uB9AC)",slug:"i-sp-interface-segregation-\u110B\u1175\u11AB\u1110\u1165\u1111\u1166\u110B\u1175\u1109\u1173-\u1107\u116E\u11AB\u1105\u1175",children:[]},{level:3,title:"D IP(Dependency Inversion, \uB2E4\uC6B4\uCE90\uC2A4\uD305\uAE08\uC9C0) \uC6D0\uCE59",slug:"d-ip-dependency-inversion-\u1103\u1161\u110B\u116E\u11AB\u110F\u1162\u1109\u1173\u1110\u1175\u11BC\u1100\u1173\u11B7\u110C\u1175-\u110B\u116F\u11AB\u110E\u1175\u11A8",children:[]},{level:3,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[]}]},{level:2,title:"Message",slug:"message",children:[{level:3,title:"\uB2E8\uC77C\uCC45\uC784\uC6D0\uCE59(SRP)\uC744 \uC900\uC218\uD558\uB294 \uAC1D\uCCB4\uB9DD\uC758 \uBB38\uC81C\uB97C \uD574\uACB0",slug:"\u1103\u1161\u11AB\u110B\u1175\u11AF\u110E\u1162\u11A8\u110B\u1175\u11B7\u110B\u116F\u11AB\u110E\u1175\u11A8-srp-\u110B\u1173\u11AF-\u110C\u116E\u11AB\u1109\u116E\u1112\u1161\u1102\u1173\u11AB-\u1100\u1162\u11A8\u110E\u1166\u1106\u1161\u11BC\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u1105\u1173\u11AF-\u1112\u1162\u1100\u1167\u11AF",children:[]}]},{level:2,title:"Dependency",slug:"dependency",children:[{level:3,title:"Dependency\uC758 \uC885\uB958",slug:"dependency\u110B\u1174-\u110C\u1169\u11BC\u1105\u1172",children:[]},{level:3,title:"Dependency Inversion (\uC758\uC874\uC131 \uC5ED\uC804)",slug:"dependency-inversion-\u110B\u1174\u110C\u1169\u11AB\u1109\u1165\u11BC-\u110B\u1167\u11A8\u110C\u1165\u11AB",children:[]}]},{level:2,title:"IoC(Inversion of Control, \uC81C\uC5B4\uC5ED\uC804)",slug:"ioc-inversion-of-control-\u110C\u1166\u110B\u1165\u110B\u1167\u11A8\u110C\u1165\u11AB",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"CodeSpitz/Object-Oriented-Javascript/01-Intro/README.md"};export{e as data};
      diff --git a/assets/index.html.a27fccb8.js b/assets/index.html.c0b8879c.js
      similarity index 99%
      rename from assets/index.html.a27fccb8.js
      rename to assets/index.html.c0b8879c.js
      index 5e285897..0861a3c8 100644
      --- a/assets/index.html.a27fccb8.js
      +++ b/assets/index.html.c0b8879c.js
      @@ -1 +1 @@
      -import{_ as t,r as p,o as s,c as n,a as e,b as a,d as r,e as i}from"./app.800103af.js";var h="/TIL/assets/1.f1e0a0a3.png",o="/TIL/assets/2.2569fbd6.png",d="/TIL/assets/3.643942f2.png",c="/TIL/assets/4.e5f5bf34.png",u="/TIL/assets/5.86fb8cc8.jpeg";const _={},g=r('

      \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2022\uB144 \uD68C\uACE0

      \uBC8C\uC368 2022\uB144\uC774 \uC800\uBB3C\uC5C8\uB2E4. \uC62C\uD574\uB294 \uC0DD\uAC01\uBCF4\uB2E4 \uB9CE\uC774 \uBC84\uAC70\uC6E0\uB2E4\uACE0 \uB290\uB07C\uB294 \uC911\uC774\uB2E4. \uAE34 \uAE00\uC774 \uB420\uAE4C? \uC9E7\uC740 \uAE00\uC774 \uB420\uAE4C? \uC77C\uB2E8 \uD55C \uBC88 \uC368\uBCF4\uC790.

      \uC5EC\uD0DC\uAE4C\uC9C0 \uC37C\uB358 \uD68C\uACE0\uB4E4\uC740 \uB098\uB97C \uC704\uD55C \uAE00\uC774\uB77C\uAE30\uBCF4\uB2E8 \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uBCF4\uC5EC\uC8FC\uAE30 \uC704\uD55C \uC131\uACA9\uC758 \uAE00\uC774\uC5C8\uB2E4. \uC774\uBC88\uC5D0\uB294 \uC628\uC804\uD788 \uB098 \uC2A4\uC2A4\uB85C\uB97C \uC704\uD55C \uAE00\uC744 \uC368\uBCF4\uACE0\uC790 \uD55C\uB2E4.

      1. \uC548\uB155, \uC90C\uC778\uD130\uB137

      1

      2019\uB144\uC5D0 \uC90C\uC778\uD130\uB137\uC5D0 \uC785\uC0AC\uD588\uACE0, 2022\uB144 5\uC6D4\uC5D0 \uD1F4\uC0AC\uD588\uB2E4. \uD1F4\uC0AC\uB97C \uD558\uBA74\uC11C \uAE30\uC220\uBE14\uB85C\uADF8\uC5D0 \uD68C\uACE0\uB97C \uC791\uC131\uD588\uB294\uB370, \uADF8 \uD6C4\uC5D0 \uD55C \uB3D9\uC548 \uB2E4\uB978 \uAE00\uC774 \uC548 \uC62C\uB77C\uC640\uC11C \uADF8\uB7F0\uC9C0 \uC5C6\uC5B4\uC84C\uB2E4. \uC544\uB514\uC624\uC2A4..

      \uBC31\uC5D4\uB4DC \uAC1C\uBC1C

      \uC90C\uC778\uD130\uB137\uC5D0\uC11C\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uBCF4\uB2E8 \uBC31\uC5D4\uB4DC \uAC1C\uBC1C\uC744 \uB354 \uB9CE\uC774\uD588\uB2E4. \uCC98\uC74C\uC5D0 \uD504\uB85C\uC81D\uD2B8 \uCF54\uB4DC\uB97C \uBCF4\uBA74\uC11C \uC815\uB9D0 \uB9CE\uC774 \uAC10\uD0C4\uD588\uB2E4. \uC2E0\uC138\uACC4\uAC00 \uD3BC\uCCD0\uC9C4 \uAE30\uBD84\uC774\uC5C8\uB2EC\uAE4C\u2026 \uC88B\uC740 \uC0AC\uC218\uC640 \uC88B\uC740 \uCF54\uB4DC\uAC00 \uC788\uC5C8\uAE30\uC5D0 \uBE60\uB974\uAC8C \uC131\uC7A5\uD560 \uC218 \uC788\uC5C8\uB2E4. \uAC1C\uC778\uC801\uC778 \uB178\uB825\uB3C4 \uAF64 \uB9CE\uC774 \uD588\uC9C0\uB9CC, \uC88B\uC740 \uD658\uACBD\uC774 \uB4B7\uBC1B\uCE68 \uB418\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uB178\uB825\uC758 \uD6A8\uACFC\uB97C \uBCFC \uC218 \uC788\uC5C8\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C

      2021\uB144 \uD558\uBC18\uAE30\uC5D0 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uD30C\uD2B8\uAC00 \uC2E0\uC124\uB418\uC5C8\uACE0, \uC774 \uB54C \uBD80\uD130 \uC544\uC608 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC744 \uC804\uB2F4\uD588\uB2E4. \uB3CC\uC774\uCF1C\uBCF4\uBA74 \uC790\uB3D9\uD654\uC5D0 \uC644\uC804\uD788 \uBB34\uC2E0\uACBD\uD588\uB2E4. CI/CD, \uC815\uC801\uBD84\uC11D, \uD14C\uC2A4\uD2B8 \uBC0F \uAE30\uD0C0 \uB4F1\uB4F1 \uB9AC\uC2A4\uD06C\uB97C \uAD00\uB9AC\uD560 \uC218 \uC788\uB294 \uC218\uB2E8\uC774 \uB9CE\uC774 \uC788\uC5C8\uC744\uD150\uB370, \uC774 \uB2F9\uC2DC\uC5D0\uB294 \uCF54\uB4DC \uC790\uCCB4\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC5D0 \uAF42\uD600\uC788\uC5C8\uB2E4. \uBB50\uB784\uAE4C\u2026 \uACE0\uBBFC\uC758 \uBC29\uD5A5\uC774 \uC5C9\uB6B1\uD588\uB098 \uC2F6\uAE30\uB3C4\uD558\uC9C0\uB9CC, \uB355\uBD84\uC5D0 \uB098\uB9CC\uC758 \uCEE8\uD150\uCE20\uB97C \uB9CC\uB4E4\uC5B4\uB0BC \uC218 \uC788\uC5C8\uB358 \uAC83 \uAC19\uAE30\uB3C4 \uD558\uACE0.

      \uADF8\uB798\uC11C \uC694\uC998 \uBD80\uD2B8\uCEA0\uD504\uB97C \uD1B5\uD574 \uD559\uC2B5\uD55C \uC0AC\uB78C\uB4E4\uACFC \uBE44\uAD50\uD588\uC744 \uB54C \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD55C \uC544\uC26C\uC6C0\uC744 \uB9CE\uC774 \uB290\uB080\uB2E4. \uAC1C\uBC1C\uC744 \uC704\uD55C \uB3C4\uAD6C\uC640 \uC218\uB2E8\uC774 \uC774\uB807\uAC8C \uB9CE\uC740\uB370 \uC65C \uB098\uB294 \uADF8\uB7F0 \uAC83\uB4E4\uC5D0 \uAD00\uC2EC\uC744 \uAC16\uC9C0 \uC54A\uC558\uC744\uAE4C \uD558\uB294.

      \uBC18\uB300\uB85C \uB098\uB294 \uC57C\uC0DD\uD559\uC2B5\uC5D0 \uD2B9\uD654\uB41C \uC0AC\uB78C\uC774 \uC544\uB2D0\uAE4C? \uACF5\uBD80\uD558\uACE0\uC790 \uD55C\uB2E4\uBA74, \uACF5\uBD80\uD560 \uC218 \uC788\uACE0, \uC2E4\uCC9C\uD560 \uC218 \uC788\uACE0, \uBAB0\uC785\uD560 \uC218 \uC788\uB2E4. \uB0B4\uAC00 \uAC00\uC9C4 \uAC83\uB4E4\uC744 \uD1B5\uD574\uC11C \uAC00\uC9C0\uC9C0 \uBABB\uD55C \uAC83\uC744 \uD761\uC218\uD574\uBCF4\uC790.

      \uD30C\uD2B8\uB9AC\uB354

      \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uD30C\uD2B8\uB9AC\uB354\uB97C \uD558\uAC8C \uB418\uC5C8\uACE0, \uC798 \uD558\uACE0 \uC2F6\uC5B4\uC11C \uAF64 \uB9CE\uC740 \uB178\uB825\uC744 \uD588\uC9C0\uB9CC \uACB0\uB860\uC801\uC73C\uB85C \uB098\uB294 \uC88B\uC740 \uD30C\uD2B8\uB9AC\uB354\uAC00 \uC544\uB2C8\uC600\uB2E4. \uCCB4\uACC4\uB97C \uB9CC\uB4DC\uB824\uACE0 \uD588\uC73C\uB098, \uC88B\uC740 \uCCB4\uACC4\uB97C \uB9CC\uB4E4\uC9C0 \uBABB\uD588\uB2E4. \uD300\uC6D0\uB4E4\uC774 \uC131\uC7A5\uD560 \uC218 \uC788\uB294 \uD658\uACBD, \uAC19\uC774 \uC77C\uD560 \uC218 \uC788\uB294 \uD658\uACBD, \uD300 \uB2E8\uC704\uB85C \uC77C\uD560 \uC218 \uC788\uB294 \uD658\uACBD\uC744 \uB9CC\uB4E4\uC9C0 \uBABB\uD588\uB2E4.

      \uB098\uB294 \uC90C\uC778\uD130\uB137\uC5D0\uC11C \uD070 \uD3ED\uC73C\uB85C \uC131\uC7A5\uD588\uC73C\uB098, \uB0B4\uAC00 \uD300\uC6D0\uC744 \uC131\uC7A5\uC2DC\uD0A8 \uC0AC\uB78C\uC774\uC5C8\uB098 \uBB3C\uC5B4\uBCF8\uB2E4\uBA74 \uB2F9\uB2F9\uD558\uAC8C No! \uB77C\uACE0 \uB9D0\uD560 \uC218 \uC788\uB2E4.

      \uC55E\uC73C\uB85C \uC5B4\uB518\uAC00\uC5D0\uC11C \uB9AC\uB354\uB97C \uD558\uAC8C \uB41C\uB2E4\uBA74, \uB098\uC758 \uC131\uC7A5 \uBCF4\uB2E4\uB294 \uD300\uC6D0 \uD639\uC740 \uAD6C\uC131\uC6D0\uC744 \uC131\uC7A5\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC5D0 \uB354 \uB9CE\uC774 \uD22C\uC790\uD558\uACE0 \uC2F6\uB2E4. \uADFC\uB370 \uADF8\uAC8C \uAC00\uB2A5\uD558\uAE30 \uC704\uD574\uC120 \uC77C\uB2E8 \uB0B4 \uACBD\uD5D8\uC758 \uD3ED\uC774 \uAE4A\uACE0 \uB113\uC5B4\uC57C\uD560 \uAC83 \uAC19\uB2E4.

      \uD1F4\uC0AC

      \uC5B4\uCA0C\uB4E0 \uD1F4\uC0AC\uB97C \uD588\uB2E4. \uB9CE\uC740 \uAC83\uC744 \uBC30\uC6B8 \uC218 \uC788\uB294 \uB3D9\uB8CC\uB4E4\uC774 \uC788\uC5C8\uC73C\uBA70(\uB2E4 \uB5A0\uB0AC\uACE0..?), \uBC00\uB3C4 \uC788\uB294 \uACBD\uD5D8\uC744 \uB9CE\uC774 \uD588\uB2E4. \uADF8\uB798\uC11C \uC90C\uC778\uD130\uB137\uC774\uB77C\uB294 \uD68C\uC0AC\uAC00 \uC815\uB9D0 \uAC04\uC808\uD558\uAC8C \uC798 \uB418\uAE38 \uBC14\uB780\uB2E4.

      2. \uC548\uB155, \uB124\uC774\uBC84

      2',20),f=i("\uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0 \uB124\uC774\uBC84\uB77C\uB294, \uB098\uC5D0\uAC8C \uCC38 \uACFC\uBD84\uD55C \uAE30\uC5C5\uC5D0 \uADF8\uB9AC\uACE0 "),b={href:"https://smartstudio.tech/homebuilder/",target:"_blank",rel:"noopener noreferrer"},m=i("\uB6F0\uC5B4\uB09C \uB3D9\uB8CC\uB4E4\uC774 \uC788\uB294 \uD300(HomeBuilder)"),x=i("\uC5D0 \uD569\uB958\uD558\uAC8C \uB418\uC5C8\uB2E4."),B=r('

      \uD569\uB958\uD558\uAE30 \uAE4C\uC9C0

      \uC774\uC9C1\uC744 \uD558\uACA0\uB2E4\uACE0 \uB9C8\uC74C \uBA39\uC740 \uD6C4\uC5D0 \uBAA8\uB4E0 \uD5E4\uB4DC\uD5CC\uD130\uC640 \uB9AC\uCFE0\uB974\uD130\uC758 \uC81C\uC548\uC744 \uC218\uB77D\uD588\uB2E4. \uC544\uB9C8 \uD55C \uB2EC \uB3D9\uC548 \uC9C0\uC6D0\uD55C \uACF3\uC774 \uC5B4\uB9BC\uC7A1\uC544 10\uAC1C \uC774\uC0C1 \uB418\uB294 \uAC83 \uAC19\uB2E4. \uD558\uD544 \uBA74\uC811\uC774 \uD3EC\uC9C4\uD574\uC788\uB294 \uAE30\uAC04\uC5D0 \uCF54\uB85C\uB098\uC5D0 \uAC78\uB824\uC11C \uCEE8\uB514\uC158\uC774 \uCD5C\uC545\uC774\uC5C8\uB358\uAC8C \uCC38 \uC544\uC27D\uB2E4.

      \uAF64 \uB9CE\uC740 \uBA74\uC811 \uACBD\uD5D8\uC5D0\uC11C \uB290\uB080 \uC81C\uC77C \uD070 \uC904\uAE30\uAC00 \uD55C \uAC00\uC9C0 \uC788\uB2E4. \uAE30\uC220\uBA74\uC811\uAE4C\uC9C4 \uB0B4\uAC00 \uB178\uB825\uD558\uBA74 \uC5B4\uB290 \uC815\uB3C4\uB294 \uCEE4\uBC84\uAC00 \uAC00\uB2A5 \uD558\uC9C0\uB9CC \uADF8 \uC774\uD6C4\uB294 \uCC9C\uC6B4\uC774\uB2E4. \uD300\uC758 \uD54F\uC5D0, \uB354 \uC0C1\uC704 \uC870\uC9C1\uC758 \uD54F\uC5D0, \uAE30\uC5C5\uC758 \uD54F\uC5D0 \uB0B4\uAC00 \uB9DE\uC544\uC57C \uD558\uB294 \uAC83\uC774\uB2E4. \uC774\uAC74 \uC870\uC9C1\uB9C8\uB2E4 \uB2E4\uB974\uACE0, \uBA74\uC811\uC5D0 \uB4E4\uC5B4\uC624\uB294 \uBA74\uC811\uAD00\uC758 \uAC00\uCE58\uAD00\uB9C8\uB2E4 \uB2E4\uB974\uB2E4. \uADF8\uB798\uC11C \uAE30\uC220\uBA74\uC811\uC5D0\uC11C \uB5A8\uC5B4\uC9C0\uBA74 \uB354 \uACF5\uBD80\uB97C \uD588\uACE0, \uAE30\uC220\uBA74\uC811 \uC774\uD6C4\uC5D0 \uB5A8\uC5B4\uC9C0\uBA74 \uD06C\uAC8C \uC544\uC26C\uC6CC\uD558\uC9C0 \uC54A\uC558\uACE0 \uB098\uB791 \uC548 \uB9DE\uB294 \uAE30\uC5C5\uC774\uC5C8\uAD6C\uB098 \uC0DD\uAC01\uD588\uB2E4.

      \uBA74\uC811 \uB54C\uB294 \uB098\uB97C \uC628\uC804\uD788 \uB4DC\uB7EC\uB0B4\uC57C \uD558\uACE0, \uADF8\uB807\uAC8C \uB4DC\uB7EC\uB0B8 \uB098\uC758 \uBAA8\uC2B5\uACFC \uD68C\uC0AC\uC640 \uC870\uC9C1\uC774 \uB9DE\uC9C0 \uC54A\uB2E4\uACE0 \uC0DD\uAC01\uD558\uBA74 \uB2F4\uB2F4\uD558\uAC8C \uBC1B\uC544\uB4E4\uC5EC\uC57C \uD55C\uB2E4. \uB9DE\uC9C0 \uC54A\uB294 \uC870\uC9C1\uC5D0\uC11C \uC77C\uD558\uB294 \uAC83\uC740 \uB098\uC5D0\uAC8C\uB3C4 \uC870\uC9C1\uC5D0\uAC8C\uB3C4 \uD574\uAC00\uB420 \uBFD0\uC774\uB2E4.

      \uB124\uC774\uBC84\uC758 \uBA74\uC811\uC740 \uB098\uC758 \uC5ED\uB7C9\uC744 \uCD5C\uB300\uD55C \uB04C\uC5B4\uB0B4\uAE30 \uC704\uD55C \uC9C8\uBB38\uB4E4\uC774\uC5C8\uACE0, \uADF8\uAC8C \uC815\uB9D0 \uB108\uBB34 \uC88B\uC558\uB2E4. \uCF54\uB85C\uB098\uC5D0 \uAC78\uB838\uC744 \uB54C \uBA70\uCE60 \uBC24\uC744 \uC81C\uB300\uB85C \uBABB \uC7A4\uB294\uB370, \uBC24\uC0C8\uB3C4\uB85D \uB124\uC774\uBC84\uC5D0 \uC544\uB2C8 \uC774 \uD300\uC5D0 \uC815\uB9D0 \uAF2D \uD569\uB958\uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC744 \uD588\uB2E4. \uADF8\uB807\uAC8C \uCD1D \uC138 \uBC88\uC758 \uBA74\uC811\uC744 \uBD24\uACE0, \uD569\uACA9 \uBA54\uC77C\uC744 \uBC1B\uC558\uACE0, \uC774 \uB54C\uAC00 2022\uB144 \uCD5C\uACE0\uC758 \uC21C\uAC04\uC774\uC5C8\uB2E4.

      \uD568\uAED8 \uC77C\uD558\uAE30

      \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uC6B0\uB9AC \uD300\uC758 \uCD5C\uACE0 \uAC15\uC810\uC740 \u201C\uD568\uAED8 \uC77C\uD558\uAE30\u201D \uADF8\uB9AC\uACE0 \u201C\uC9D1\uB2E8 \uC9C0\uC131\u201D \uC774\uB2E4.

      ',7),E=i("\uAC19\uC740 \uD300\uC758 "),T={href:"https://huns.me/2022-12-29-44-%EB%84%A4%EC%9D%B4%EB%B2%84%EC%97%90%EC%84%9C%20%EB%B3%B4%EB%82%B8%202%EB%85%84%EA%B3%BC%202023%EB%85%84",target:"_blank",rel:"noopener noreferrer"},v=i("\uD6C8\uBBFC\uB2D8\uAED8\uC11C \uC791\uC131\uD55C \uD68C\uACE0"),y=i(" \uC77C\uBD80\uB97C \uBC1C\uCDCC\uD574\uBCF4\uC790\uBA74,"),I=r('

      \uD300\uC758 \uBCC0\uD654\uB97C \uAC00\uC7A5 \uC798 \uBCF4\uC5EC\uC8FC\uB294 \uC0C1\uC9D5\uC740 \u2018\uC640\uC778\uBC14 \uBBF8\uD305\u2019\uC774\uB2E4. \uC640\uC778\uBC14\uB294 \uAC8C\uB354\uD0C0\uC6B4\uC5D0 \uB9CC\uB4E0 \uD68C\uC758 \uACF5\uAC04\uC774\uB2E4. \uBB38\uC81C\uAC00 \uC798 \uC548 \uD480\uB9AC\uBA74 \uC2AC\uB799\uC5D0 \uB3C4\uC6C0\uC744 \uC694\uCCAD\uD55C\uB2E4. \uC870\uAE08 \uAE30\uB2E4\uB9AC\uBA74 \uD558\uB098\uB458 \uC640\uC778\uBC14\uB85C \uC0AC\uB78C\uC774 \uBAA8\uC774\uACE0 \uBB38\uC81C\uB97C \uAC19\uC774 \uB17C\uC758\uD55C\uB2E4. \uADDC\uCE59\uC774\uB098 \uC7A5\uCE58\uB97C \uB9CC\uB4E4\uC9C0 \uC54A\uC558\uB2E4. \uB204\uAC00 \uD558\uC790\uACE0 \uD55C \uC801\uB3C4 \uC5C6\uB2E4. \uADF8\uB0E5 \uC790\uC5F0\uC2A4\uB808 \uBB38\uD654\uAC00 \uC0DD\uACBC\uB2E4. \uC640\uC778\uBC14\uB294 \uC6B0\uB9AC \uD300\uC758 \uBB38\uD654\uB97C \uBCF4\uC5EC\uC8FC\uB294 \uC0C1\uC9D5\uC774\uB2E4. \uB3D9\uB8CC\uB4E4\uC740 \uC774\uC81C \uC6B0\uB9AC \uD300\uC758 \uC7A5\uC810\uC73C\uB85C \u2018\uC9D1\uB2E8 \uC9C0\uC131\u2019\uC744 \uAF3D\uB294\uB2E4.

      \uB0B4\uAC00 \uD569\uB958\uD55C \uC2DC\uC810\uC5D0 \uC9D1\uB2E8 \uC9C0\uC131\uC73C\uB85C \uBB38\uC81C\uB97C \uD574\uACB0\uD558\uB294 \uBB38\uD654\uAC00 \uC790\uB9AC\uC7A1\uD600\uC788\uB294 \uC0C1\uD0DC\uC600\uB2E4. \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC758\uACAC\uC744 \uC774\uC57C\uAE30\uD558\uACE0, \uAC19\uC774 \uACE0\uBBFC\uD558\uACE0, \uAC19\uC774 \uD574\uACB0\uD558\uB294 \uAC83\uC774 \uC81C\uC77C \uC778\uC0C1 \uAE4A\uC5C8\uB2E4.

      \uB2E8\uC21C\uD788 \uC774\uB7F0 \uBB38\uD654\uAC00 \uC2E0\uAE30\uD55C\uAC8C \uC544\uB2C8\uB77C, \uC774\uB7F0 \uBB38\uD654\uB97C \uB9CC\uB4E4\uC5B4 \uAC00\uB294 \uC5ED\uB7C9\uC744 \uAC00\uC9C4 \uD300\uC774\uB77C\uC11C \uC88B\uC558\uB2E4. \uB124\uC774\uBC84\uB2C8\uAE4C \uAE30\uC220\uC740 \uB2F9\uC5F0\uD788 \uB4B7\uBC1B\uCE68 \uB420 \uAC83\uC774\uACE0, \uC81C\uD488\uC744 \uC798 \uB9CC\uB4E4\uAE30 \uC704\uD574 \uB354 \uC88B\uC740 \uC218\uB2E8, \uB354 \uC88B\uC740 \uBB38\uD654\uB97C \uCC3E\uC544\uC11C \uC801\uC751\uD55C\uB2E4\uB294 \uAC83\uC774 \uC2DC\uC0AC\uD558\uB294 \uBC14\uAC00 \uBB34\uCC99 \uD070 \uAC83\uC774\uB2E4.

      \uADF8\uB798\uC11C \uB098\uB294 \uD6C8\uBBFC\uB2D8\uACFC \uC77C\uD558\uAC8C \uB41C \uAC83\uC774 2022\uB144\uC758 \uC81C\uC77C \uD070 \uD589\uC6B4\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uC0AC\uC2E4 \uBAA8\uB4E0 \uD300\uC6D0\uC758 \uC5ED\uB7C9\uC774 \uB108\uBB34 \uB6F0\uC5B4\uB098\uC11C \uB098\uAC19\uC740 \uCC0C\uB044\uB808\uAE30\uB294 \uB530\uB77C\uAC00\uAE30\uAC00 \uBC85\uCC2C \uC218\uC900\uC774\uB2E4. \uB204\uAD70\uAC00\uC5D0\uAC90 \uC774\uAC8C \uBD80\uB2F4\uC77C \uC218 \uC788\uACA0\uC9C0\uB9CC, \uB09C \uC774 \uC0C1\uD669\uC774 \uCC38 \uC88B\uB2E4. \uBC30\uC6B0\uACE0 \uC2F6\uC740, \uBC30\uC6B8 \uC218 \uC788\uB294 \uC0AC\uB78C\uB4E4\uC774 \uBB34\uCC99 \uB9CE\uB2E4. \uC8FC\uC704\uC5D0 \uC788\uB294 \uBAA8\uB4E0 \uC0AC\uB78C\uC774 \uC874\uACBD\uC2A4\uB7FD\uACE0 \uBA4B\uC788\uACE0 \uB2EE\uACE0 \uC2F6\uB2E4. \uB0B4\uAC00 \uB531 \uC6D0\uD558\uB358 \uC0C1\uD669\uC774\uB784\uAE4C..!? \uB098\uB294 \uC774\uB807\uAC8C \uB6F0\uC5B4\uB09C \uBD84\uB4E4\uACFC \uC77C\uD558\uACE0 \uC2F6\uC5B4\uC11C \uB124\uC774\uBC84\uB77C\uB294 \uAE30\uC5C5\uC5D0 \uC624\uACE0 \uC2F6\uC5C8\uB358 \uAC83 \uAC19\uB2E4.

      \uC624\uAE00\uC624\uAE00

      3 bn

      \uB0B4\uAC00 \uC785\uC0AC\uD55C\uC9C0 \uC5BC\uB9C8 \uB418\uC9C0 \uC54A\uC558\uC744 \uB54C Club Greeny \uB77C\uB294\uAC8C \uC0DD\uACBC\uB2E4. \uC27D\uAC8C \uB9D0\uD574\uC11C \uC0AC\uB0B4 \uB3D9\uC544\uB9AC\uC778\uB370, \uC5B4\uB5A4 \uB3D9\uC544\uB9AC\uB97C \uD574\uBCFC\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC624\uAE00\uC624\uAE00(\uC624\uB298\uC758 \uAE00\uC4F0\uAE30 x 2)\uC774\uB77C\uB294 \uB3D9\uC544\uB9AC\uC5D0 \uAC00\uC785\uD588\uB2E4.

      \uAF64 \uBC84\uAC70\uC6B4 \uD68C\uC0AC \uC0DD\uD65C\uC758 \uD55C \uC904\uAE30 \uBE5B\uC774\uB784\uAE4C? \uACE0\uBBFC\uC744 \uB298\uC5B4\uB193\uACE0, \uB4E4\uC5B4\uC8FC\uACE0, \uACF5\uAC10\uD560 \uC218 \uC788\uB294 \uACF5\uAC04\uC774 \uC0DD\uACBC\uACE0 \uAF64 \uC801\uADF9\uC801\uC73C\uB85C \uD65C\uC6A9\uD588\uB2E4.

      9\uC6D4 ~ 11\uC6D4\uAE4C\uC9C0\uB294 \uD65C\uB3D9\uC744 \uC801\uADF9\uC801\uC73C\uB85C \uD588\uB294\uB370, 12\uC6D4\uC740 \uAC70\uC758 \uD558\uC9C0 \uC54A\uC558\uB2E4. \uC5F0\uB9D0\uC774\uB77C\uC11C \uB9C8\uC74C\uC774 \uD5C8\uD55C \uAC83\uB3C4 \uC788\uC5C8\uACE0, \uB9E4\uC77C \uB9E4\uC77C \uAE00\uC744 \uC4F0\uB2E4\uBCF4\uB2C8 \uC18C\uC7AC\uB3C4 \uB9CE\uC774 \uB5A8\uC5B4\uC84C\uB2E4.

      2023\uB144\uC5D0\uB294 \uB354 \uC801\uADF9\uC801\uC73C\uB85C \uD65C\uB3D9\uD560 \uC608\uC815!

      MBTI

      \uC0C8\uB85C\uC6B4 \uC870\uC9C1\uC5D0 \uD569\uB958\uD558\uACE0, \uC0C8\uB85C\uC6B4 \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB098\uBA74\uC11C MBTI\uC5D0 \uB300\uD574 \uACFC\uBAB0\uC785\uD588\uB2E4. \uC0AC\uC2E4 \uC9C0\uAE08\uB3C4 \uACFC\uBAB0\uC785 \uC911\uC774\uB2E4. \uBE68\uB9AC \uC801\uC751\uD558\uAE30 \uC704\uD574\uC120 \uC8FC\uBCC0 \uD658\uACBD, \uC8FC\uBCC0 \uC0AC\uB78C\uC5D0 \uB300\uD55C \uC774\uD574\uAC00 \uD544\uC694\uD588\uB294\uB370 MBTI\uAC00 \uC88B\uC740 \uC9C0\uD45C\uAC00 \uB41C\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4. \uADF8\uB9AC\uACE0 \uC6B0\uB9AC \uC870\uC9C1\uC5D0 \uC5B4\uC6B8\uB9AC\uB294 MBTI\uB294 \uBB58\uAE4C\uB3C4 \uB9CE\uC774 \uACE0\uBBFC\uD588\uB2E4.

      \uACB0\uB860\uC740\u2026 \uB09C \uACC4\uD68D\uD615 \uC778\uAC04\uC774 \uC544\uB2C8\uACE0, \uC801\uC5B4\uB3C4 \uC6B0\uB9AC \uC870\uC9C1\uC5D0 \uC798 \uC801\uC751\uD558\uAE30 \uC704\uD574\uC120 \uC5B4\uB290 \uC815\uB3C4\uC758 \uC798 \uC815\uB9AC\uB41C \uACC4\uD68D\uC774 \uD544\uC694\uD558\uB2E4. \uADF8\uB798\uC11C 2023\uB144\uC758 \uBAA9\uD45C\uB294 \uC758\uC2DD\uC801\uC778 \uACC4\uD68D\uD615 \uC778\uAC04\uC774 \uB418\uB294 \uAC83\uC774\uB2E4. \uC548 \uB418\uBA74 \uBCC4 \uC218 \uC5C6\uACE0?

      \uC57D 3\uB144 \uB3D9\uC548 ESFJ\uB85C \uACE0\uC815\uB418\uC5B4 \uC0B4\uC544\uC654\uB294\uB370, \uAE00\uC744 \uC791\uC131\uD558\uB294 \uC2DC\uC810\uC5D0\uB294 ESFJ, ENFJ, ENFP, ESFP\uB97C \uC654\uB2E4\uAC14\uB2E4 \uD558\uACE0 \uC788\uB2E4. \uACC4\uD68D\uD615\uC744 \uD55C\uCC38 \uBC97\uC5B4\uB0AC\uB2E4. \uC544\uB9C8 9\uC77C \uB3D9\uC548\uC758 \uD734\uC2DD\uC744 \uAC70\uCCD0\uC624\uB2C8 \uC774\uB7F0\uAC8C \uC544\uB2CC\uAC00 \uC2F6\uB2E4. \uB098\uB294 \uC77C\uC744 \uD560 \uB54C\uB294 \uADF8\uB098\uB9C8 J\uAC00 \uB418\uB294 \uAC83 \uAC19\uC740\uB370\u2026 \uC274 \uB54C, \uB180 \uB54C\uB294 \uC544\uBB34\uB9AC \uBD10\uB3C4 P\uAC00 \uB41C\uB2E4. \uBB34\uACC4\uD68D\uC73C\uB85C \uB178\uB294 \uAC83\uC744 \uC88B\uC544\uD55C\uB2EC\uAE4C? \uC0DD\uAC01\uD558\uBA74\uC11C \uB180\uACE0 \uC2F6\uC9C0 \uC54A\uB2E4. \uC0DD\uAC01 \uC5C6\uC774 \uB180\uACE0 \uC2F6\uB2E4.

      \uAC1C\uBC1C\uC774 \uC544\uB2CC, \uC77C\uC744 \uC798 \uD558\uAE30

      \uACB0\uAD6D \uAC1C\uBC1C\uC774\uB77C\uB294 \uD589\uC704\uB294 \uB3C8\uC744 \uBC8C\uAE30 \uC704\uD55C \uC218\uB2E8\uC774\uACE0 \uB3C4\uAD6C\uC774\uB2E4. \uAC1C\uBC1C\uC744 \uC798 \uD558\uB294 \uAC83\uC740 "\uC77C\uC744 \uD558\uAE30 \uC704\uD55C" \uD544\uC694 \uCDA9\uBD84 \uC870\uAC74\uC774\uB2E4. \uC774\uC81C "\uC77C\uC744 \uC798 \uD558\uAE30 \uC704\uD55C" \uD544\uC694 \uCDA9\uBD84 \uC870\uAC74\uB4E4\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uD574\uC57C \uD558\uACE0, \uC774\uAC78 \uC798 \uD558\uB294 \uC0AC\uB78C\uC774 \uAE30\uC5C5\uC5D0 \uB354 \uB9CE\uC740 \uC774\uC724\uC744 \uAC00\uC838\uC624\uACE0 \uC131\uACFC\uB97C \uB0B4\uB294 \uAC83\uC774 \uC544\uB2D0\uAE4C?

      \uC77C\uC744 \uC798 \uD558\uAE30 \uC704\uD574\uC120 \uC77C\uC744 \uC65C \uD558\uB294\uC9C0 \uC54C\uC544\uC57C\uD558\uACE0, \uC65C \uD558\uB294\uC9C0 \uC54C \uC218 \uC5C6\uB2E4\uBA74 \uD560 \uD544\uC694\uAC00 \uC5C6\uB2E4. \uAC1C\uBC1C\uC790\uB4E4\uC740 \uAF64 \uB9CE\uC740 \uC5F0\uBD09\uC744 \uBC1B\uB294\uB2E4. \uB0B4\uAC00, \uC6B0\uB9AC\uAC00 \uC4F0\uB294 \uC2DC\uAC04\uC774 \uC0AC\uC2E4 \uB2E4 \uB3C8 \uB369\uC5B4\uB9AC\uC778 \uAC83\uC774\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uC77C\uC744 \uC2DC\uC791\uD558\uAE30 \uC804\uC5D0 \uC77C\uC744 \uD574\uC57C \uD558\uB294 \uC774\uC720\uB97C \uBA85\uD655\uD788 \uD574\uC57C\uD558\uBA70, \uD6A8\uC728\uC801\uC73C\uB85C \uD6A8\uACFC\uC801\uC73C\uB85C \uD560 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.

      \uC774\uAC8C \uBA38\uB9BF\uC18D\uC5D0\uB294 \uCF55 \uBC15\uD600\uC788\uB294\uB370, \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uD558\uAE30\uAC00 \uCC38 \uC5B4\uB835\uB2E4.

      2022\uB144\uC758 \uB098\uB294 \uC77C\uC744 \uC798 \uD588\uC744\uAE4C? \uC544\uB2C8\uBA74 \uADF8\uB0E5 \uD588\uC744\uAE4C? \uADF8\uB0E5 \uD55C \uAC83\uC5D0 \uAC00\uAE5D\uC9C0 \uC54A\uC744\uAE4C?

      2023\uB144\uC5D0\uB294 \uC77C\uC744 \u201C\uC798\u201D \uD558\uAE30 \uC704\uD55C \uACE0\uBBFC\uB4E4\uC744 \uD558\uACE0, \uC2E4\uCC9C \uD560 \uC218 \uC788\uAE30\uB97C \uBC14\uB780\uB2E4.

      3. \uBD80\uC2A4\uD2B8\uCEA0\uD504

      4 bn

      \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC5D0 5\uAE30(2020)\uC5D0\uB294 \uB9AC\uBDF0\uC5B4\uB85C, 6\uAE30(2021)\uC5D0\uB294 \uB9AC\uBDF0\uC5B4\uC640 \uBA58\uD1A0\uB85C \uCC38\uC5EC\uD588\uB294\uB370, \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8(?) 7\uAE30\uC5D0\uB294 \uB9C8\uC2A4\uD130\uB85C \uCC38\uC5EC\uD558\uAC8C \uB418\uC5C8\uB2E4.

      \uBD80\uC2A4\uD2B8\uCEA0\uD504\uB294 \uCC4C\uB9B0\uC9C0 \u2192 \uBA64\uBC84\uC27D \u2192 \uD300\uD504\uB85C\uC81D\uD2B8 \uB4F1 3\uAC1C\uC758 \uACFC\uC815\uC774 \uC874\uC7AC\uD558\uACE0, \uB098\uB294 \uB9C8\uC2A4\uD130\uB85C\uC11C \uBA64\uBC84\uC27D\uACFC \uD300\uD504\uB85C\uC81D\uD2B8\uC5D0 \uAE30\uC5EC\uD560 \uC218 \uC788\uC5C8\uB2E4.

      2\uC2DC\uAC04\uC529 \uCD1D 14\uBC88\uC758 \uC628\uB77C\uC778 \uAC15\uC758\uB97C \uD588\uB294\uB370, \uC774\uAC8C \uCC38\u2026 \uB9CE\uC774 \uBC84\uAC70\uC6E0\uB2E4. \uB0B4\uAC00 \uACBD\uD5D8\uD55C \uB3C4\uBA54\uC778\uC758 \uD3ED\uC774 \uC881\uC558\uACE0(\uD3EC\uD138 \uC11C\uBE44\uC2A4\uC5D0 \uAD6D\uD55C\uB41C \uB3C4\uBA54\uC778\u2026), \uC815\uB2F5\uC744 \uCD5C\uB300\uD55C \uC81C\uC2DC\uD558\uC9C0 \uC54A\uB294 \uBC29\uC2DD\uC73C\uB85C \uB0B4\uC6A9\uC744 \uC804\uB2EC \uD558\uB294 \uAC83\uC774 \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uC6B4\uC601 \uBAA9\uD45C\uC600\uAE30 \uB54C\uBB38\uC5D0 \uC804\uB2EC\uD558\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uC774 \uB9CE\uC544\uB3C4 \uC774\uB97C \uC804\uB2EC\uD558\uAE30\uAC00 \uC27D\uC9C0 \uC54A\uC558\uB2E4. \uB5A1\uBC25\uB9CC \uACC4\uC18D \uB358\uC838\uC918\uC57C \uD558\uB294\uB370 \uC774\uAC8C \uAC15\uC758\uB97C \uD558\uB294 \uB098\uB3C4, \uAC15\uC758\uB97C \uB4E3\uB294 \uCEA0\uD37C\uB4E4\uB3C4 \uCC38 \uB9CE\uC774 \uB2F5\uB2F5\uD588\uB2E4.

      \uBA64\uBC84\uC27D \uAD50\uC721 \uACFC\uC815\uC744 \uC124\uACC4\uD560 \uB54C\uB3C4, \uC0C8\uB85C\uC6B4 \uC2DC\uB3C4\uB97C \uB9CE\uC774 \uD558\uACE0 \uC2F6\uC5C8\uB294\uB370 \uACB0\uAD6D \uB300\uBD80\uBD84 \uC804 \uAE30\uC218\uC758 \uCF58\uD150\uCE20\uB97C \uB9CE\uC774 \uD65C\uC6A9\uD588\uB2E4. \uB3CC\uC774\uCF1C \uC0DD\uAC01\uD574\uBCF4\uBA74, \uC870\uAE08 \uBB34\uB9AC\uB97C \uD574\uC11C\uB77C\uB3C4 \uCF58\uD150\uCE20\uB97C \uC5CE\uC5B4\uBC84\uB9AC\uACE0 \uC0C8\uB85C\uC6B4 \uC2DC\uB3C4\uB97C \uD588\uC73C\uBA74 \uC5B4\uB560\uC744\uAE4C \uD558\uB294 \uC544\uC26C\uC6C0\uC774 \uC788\uB2E4. \uC774\uBC88 \uAE30\uC218\uC758 \uCF58\uD150\uCE20\uB294\u2026 \uAE4A\uC740 \uBAB0\uC785\uC774 \uC27D\uC9C0 \uC54A\uC558\uC744 \uAC83 \uAC19\uB2E4. \uB108\uBB34 \uB9CE\uC740 \uAE30\uC220\uC774 \uC788\uACE0, \uC2EC\uC9C0\uC5B4 \uD480\uC2A4\uD0DD\uC73C\uB85C \uD574\uC57C \uD558\uACE0, \uB9AC\uBDF0\uC5B4\uC5D0\uAC8C \uB9AC\uBDF0\uB97C \uBC1B\uB294 \uAC83\uB3C4 \uC27D\uC9C0 \uC54A\uC740 \uCF58\uD150\uCE20\uC600\uB2E4. \uADF8\uB798\uC11C \uC8FC\uC81C\uB97C \uC791\uC740 \uB2E8\uC704\uB85C \uCABC\uAC1C\uC11C \uB354 \uAE4A\uAC8C \uBAB0\uC785\uD560 \uC218 \uC788\uB3C4\uB85D \uD588\uC73C\uBA74 \uB354 \uC88B\uC558\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4. \uC0AC\uC2E4 \uCEA0\uD37C\uB4E4\uC758 \uC5ED\uB7C9\uC774 \uB6F0\uC5B4\uB098\uAE30 \uB54C\uBB38\uC5D0 \uC5B4\uB5A4 \uCF58\uD150\uCE20\uB97C \uB358\uC838\uC918\uB3C4 \uC5B4\uB5BB\uAC8C\uD574\uC11C\uB4E0 \uC798 \uD761\uC218\uD574\uC11C \uC131\uC7A5\uD588\uC744 \uAC83 \uAC19\uB2E4.

      \uB0B4\uB144\uC5D0\uB3C4 \uB098\uC5D0\uAC8C \uAE30\uD68C\uAC00 \uC788\uC744\uC9C0 \uBAA8\uB974\uACA0\uC73C\uB098, \uAE30\uD68C\uAC00 \uC788\uB2E4\uBA74 \uB354 \uC801\uADF9\uC801\uC73C\uB85C \uAC1C\uC120\uD574\uBCF4\uACE0 \uC2F6\uB2E4. \uC0AC\uC2E4 \uB05D\uB098\uC11C \uC774\uB7F0 \uC0DD\uAC01\uC744 \uD558\uB294\uAC70\uC9C0 \uC544\uB9C8 \uB2E4\uC2DC \uD558\uB77C\uACE0 \uD558\uBA74 \uD798\uB4E4\uC5B4\uC11C \uBABB\uD560 \uAC83 \uAC19\uAE30\uB3C4..?

      \uC5B4\uCA0C\uB4E0 \uB098\uB294 \uB0B4\uAC00 \uAC00\uC9C4 \uC5ED\uB7C9\uC5D0 \uBE44\uD574 \uB108\uBB34 \uB9CE\uC740 \uAD00\uC2EC\uC744 \uBC1B\uC558\uACE0, \uADF8\uAC8C \uCC38 \uBD80\uB2F4\uC2A4\uB7EC\uC6B0\uBA74\uC11C\uB3C4 \uAC10\uC0AC\uD588\uB2E4. \uADF8\uB798\uB3C4 \uB098\uB77C\uB294 \uC874\uC7AC\uAC00 \uC774\uB4E4\uC5D0\uAC8C \uC870\uAE08\uC774\uB098\uB9C8 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uB2E4\uB294 \uAC83\uC5D0, \uB3C4\uC6C0\uC744 \uC904 \uC218 \uC788\uC5C8\uB2E4\uB294 \uAC83\uC5D0, \uC774\uB7F0 \uAE30\uD68C\uAC00 \uC0DD\uACBC\uB2E4\uB294 \uAC83\uC5D0 \uAE4A\uC740 \uAC10\uC0AC\uD568\uC744 \uB290\uB080\uB2E4.

      To. \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uCEA0\uD37C\uC5EC\uB7EC\uBD84

      \uBD80\uC2A4\uD2B8\uCEA0\uD504\uB77C\uB294 \uC774 \uD798\uB4E0 \uACFC\uC815\uC744 \uB05D\uAE4C\uC9C0 \uC644\uC218\uD55C \uC5EC\uB7EC\uBD84\uC744 \uB9C8\uC74C \uAE4A\uC774 \uC874\uACBD\uD558\uACE0 \uC788\uC5B4\uC694!

      "\uD669\uC900\uC77C"\uC774\uB77C\uB294 \uC0AC\uB78C\uC740 \uC544\uB9C8 \uC5EC\uB7EC\uBD84\uC774 \uAE30\uB300\uD55C \uB9C8\uC2A4\uD130\uC758 \uBAA8\uC2B5\uBCF4\uB2E4 \uACBD\uD5D8\uB3C4 \uC5ED\uB7C9\uB3C4 \uB9CE\uC774 \uBD80\uC871\uD588\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD569\uB2C8\uB2E4. \uADF8\uB7FC\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uACFC\uBD84\uD55C \uAD00\uC2EC\uC744 \uC8FC\uC154\uC11C \uAC10\uC0AC\uD558\uACE0, \uD568\uAED8\uD560 \uC218 \uC788\uC5B4\uC11C \uC990\uAC70\uC6E0\uACE0, \uD589\uBCF5\uD588\uC2B5\uB2C8\uB2E4.

      \uC218\uB8CC\uC2DD \uB54C \uC774\uC57C\uAE30\uD588\uB358 \uAC83 \uCC98\uB7FC, \uC774 \uACFC\uC815\uC740 \uC5EC\uB7EC\uBD84\uC758 \uC2DC\uC791\uC785\uB2C8\uB2E4. \uBD80\uC2A4\uD2B8\uCEA0\uD504\uB294 \uAC1C\uBC1C\uC790\uB85C \uC0B4\uC544\uB0A8\uAE30 \uC704\uD55C \uCF54\uC5B4 \uADFC\uC721\uC744 \uB9CC\uB4E4\uC5B4\uC900 \uC2DC\uAC04\uB4E4\uC774\uC5C8\uC2B5\uB2C8\uB2E4. \uC5EC\uB7EC\uBD84\uC774 \uC9C0\uCCD0 \uC4F0\uB7EC\uC838\uB3C4, \uC774 \uC2DC\uAC04\uB4E4\uC774 \uB2E4\uC2DC \uC77C\uC73C\uCF1C \uC138\uC6CC\uC904 \uC218 \uC788\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD569\uB2C8\uB2E4. \uC544\uB9C8 \uC55E\uC73C\uB85C \uBCF4\uB0BC \uB300\uBD80\uBD84\uC758 \uC2DC\uAC04\uB4E4\uC740 \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC758 \uACFC\uC815\uBCF4\uB2E8 \uB35C \uD798\uB4E4\uC9C0 \uC54A\uC744\uAE4C\uC694!?

      2023\uB144\uC740 \uC5EC\uB7EC\uBD84\uC758 \uB178\uB825\uC774 \uACB0\uC2E4\uC744 \uB9FA\uB294 \uD574\uAC00 \uB418\uAE38 \uBC14\uB78D\uB2C8\uB2E4!

      4. \uB125\uC2A4\uD2B8\uC2A4\uD15D

      ',31),k=i("2022\uB144\uC5D0\uB294 "),w={href:"https://edu.nextstep.camp/c/BRaNdTQx",target:"_blank",rel:"noopener noreferrer"},C=i("\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uD074\uB9B0\uCF54\uB4DC \uACFC\uC815"),N=i("\uC5D0 \uCD1D 3\uBC88 \uB9AC\uBDF0\uC5B4\uB85C \uCC38\uC5EC\uD588\uB2E4. \uC790\uBC14 \uD074\uB9B0\uCF54\uB4DC \uACFC\uC815\uC758 \uB9AC\uBDF0\uC5B4\uB85C \uCC38\uC5EC\uD560 \uB54C \uBCF4\uB2E8 \uBD80\uB2F4\uC740 \uC904\uC5C8\uACE0, \uC7AC\uBBF8\uB294 \uB298\uC5C8\uB2E4. 2023\uB144\uC5D0\uB294 \uB9AC\uC561\uD2B8 \uACFC\uC815\uC774 \uC5F4\uB9B0\uB2E4\uACE0 \uD558\uB2C8 \uAE30\uB300 \uC911\uC774\uB2E4."),q=i("\uADF8\uB9AC\uACE0 "),L={href:"https://edu.nextstep.camp/c/lk9FrBtw",target:"_blank",rel:"noopener noreferrer"},S=i("\uAD50\uC721\uC790 \uC591\uC131\uACFC\uC815"),F=i("\uC5D0 \uC218\uAC15\uC0DD\uC73C\uB85C \uCC38\uC5EC\uD588\uB294\uB370, \uC5B4\uB5A4 \uAD50\uC721\uC774 \uC88B\uC740 \uAD50\uC721\uC778\uC9C0 \uAF64 \uB9CE\uC774 \uACE0\uBBFC\uD560 \uC218 \uC788\uC5C8\uB2E4. \uACE0\uBBFC\uC758 \uAE30\uD68C\uAC00 \uB41C \uAC83 \uC790\uCCB4\uAC00 \uC18C\uC911\uD55C \uACBD\uD5D8\uC774\uC5C8\uB2E4. \uB2E4\uB9CC \uAC15\uC0AC\uB85C\uC11C\uC758 \uB0B4 \uBAA8\uC2B5\uC740\u2026 \uB9CC\uC871\uC2A4\uB7FD\uC9C0 \uBABB\uD588\uB2E4. "),J=e("s",null,"\uC7AC\uB2A5\uC774 \uC5C6\uB294 \uAC83 \uAC19\uAE30\uB3C4",-1),V=e("iframe",{width:"560",height:"315",style:{"max-width":"100%"},src:"https://www.youtube.com/embed/t40dyHxJVPY",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""},null,-1),M=r('

      \uC5B4\uB5A4 \uC11C\uBE44\uC2A4\uB294 \uACE0\uAC1D\uC774 \uC88B\uC740 \uAC00\uCE58\uB97C \uC81C\uACF5\uD574\uC8FC\uAE30\uB3C4 \uD55C\uB2E4. \uB098\uB294 \uB125\uC2A4\uD2B8\uC2A4\uD15D\uC774\uB77C\uB294 \uAD50\uC721 \uD50C\uB7AB\uD3FC\uC774 \uC774\uC5D0 \uD574\uB2F9\uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB2E8\uC21C\uD788 \uAD50\uC721\uC744 \uBC1B\uB294 \uC218\uB3D9\uC801\uC778 \uACE0\uAC1D\uC774 \uC544\uB2C8\uB77C, \uAD50\uC721\uC5D0 \uAE30\uC5EC\uD560 \uC218 \uC788\uB294 \uB2A5\uB3D9\uC801\uC778 \uACE0\uAC1D\uB4E4\uC774 \uB125\uC2A4\uD2B8\uC2A4\uD15D\uC5D0 \uB9CE\uC774 \uC788\uB2E4. \uC5B4\uB5BB\uAC8C\uBCF4\uBA74 \uC591\uC9C8\uC758 \uAD50\uC721\uC5D0 \uBE44\uD574 \uADDC\uBAA8\uAC00 \uC791\uB2E4\uACE0 \uC0DD\uAC01\uD560 \uC218\uB3C4 \uC788\uC9C0\uB9CC \uADF8\uB9CC\uD07C \uB125\uC2A4\uD2B8\uC2A4\uD15D\uC758 \uC218\uAC15\uC0DD\uB4E4\uC740 \uAD49\uC7A5\uD788 \uB9CE\uC740 \uAC00\uCE58\uB97C \uB9CC\uB4E4\uACE0 \uC788\uB2E4. \uAD50\uC721\uC790\uC640 \uC218\uAC15\uC0DD\uC758 \uC2DC\uB108\uC9C0\uAC00 \uC88B\uB2E4\uACE0 \uD574\uC57C\uD560\uAE4C?

      \uADF8\uB798\uC11C \uB098\uB294 \uB125\uC2A4\uD2B8\uC2A4\uD15D\uC774\uB77C\uB294 \uC774 \uD50C\uB7AB\uD3FC\uC774 \uB108\uBB34 \uB9C8\uC74C\uC5D0 \uB4E4\uACE0, \uC5EC\uAE30\uC5D0 \uAE30\uC5EC\uD560 \uC218 \uC788\uB2E4\uB294 \uC0AC\uC2E4\uC5D0 \uAC10\uC0AC\uD568\uC744 \uB290\uB080\uB2E4.

      5. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C

      5

      \uB9E4\uB144 \uC5EC\uB984\uC5D0 \uBCF4\uB294 \uC11C\uC6B8\uB514\uC9C0\uD14D\uACE0\uB4F1\uD559\uAD50\uC758 \uD48D\uACBD\uC774\uB2E4.

      2022\uB144\uC5D0\uB3C4 \uC5B4\uAE40\uC5C6\uC774 \uB300\uD68C\uAC00 \uC5F4\uB838\uACE0, \uD559\uC0DD\uB4E4\uC744 \uAC00\uB974\uCCE4\uACE0, \uAE30\uB300\uD55C \uAC83 \uC774\uC0C1\uC73C\uB85C \uD559\uC0DD\uB4E4\uC774 \uC798 \uD574\uC8FC\uC5C8\uB2E4. \uD2B9\uD788 \uC774\uBC88\uC5D0 \uAC00\uB974\uCCE4\uB358 \uD559\uC0DD\uB4E4\uC740 \uC131\uC7A5\uC5D0 \uB300\uD55C \uC695\uC2EC\uC744 \uB9CE\uC774 \uBCF4\uC5EC\uC11C \uC88B\uC558\uB2E4.

      2023\uB144\uC5D0\uB294 \uC774 \uCE5C\uAD6C\uB4E4\uC744 \uD65C\uC6A9\uD574\uC11C \uCCB4\uACC4\uC801\uC778 \uB300\uD68C \uAD50\uC721 \uC2DC\uC2A4\uD15C\uC744 \uB9CC\uB4E4\uC5B4 \uBCF4\uACE0 \uC2F6\uC740\uB370\u2026 \uB098\uC5D0\uAC8C \uADF8\uB7F4 \uC5EC\uC720\uAC00 \uC788\uC744\uC9C0 \uBAA8\uB974\uACA0\uB2E4. \uC5C6\uC73C\uBA74 \uB9CC\uB4E4\uC5B4\uC57C\uACA0\uC9C0? \uACC4\uD68D\uD615 \uC778\uAC04\uC774 \uB41C\uB2E4\uBA74 \uAC00\uB2A5\uD560\uAEBC\uC57C!

      \uBC18\uC740 \uB18D\uB2F4, \uBC18\uC740 \uC9C4\uB2F4\uC774\uB2E4. \uC774\uAC8C \uAC00\uB2A5\uD574\uC9C4\uB2E4\uBA74, \uC2DC\uC2A4\uD15C\uC744 \uB9CC\uB4E4 \uC218 \uC788\uB2E4\uBA74, \uC815\uB9D0 \uB9CE\uC740 \uD559\uC0DD\uB4E4\uC5D0\uAC8C \uC591\uC9C8\uC758 \uAE30\uD68C\uB97C \uC81C\uACF5\uD560 \uC218 \uC788\uC744 \uAC83 \uAC19\uB2E4.

      6. \uAC1C\uC778\uC801\uC778 \uC0DD\uAC01

      \uC544\uBB34\uB9D0 \uB300\uC794\uCE58

      2022\uB144\uC740 \uAF64 \uBC84\uAC70\uC6E0\uACE0 \uD798\uB4E4\uC5C8\uB2E4. \uC2EC\uC2E0\uC774 2021\uB144\uACFC \uBE44\uAD50\uD574\uBCF4\uBA74 \uB9CE\uC774 \uC9C0\uCE58\uACE0 \uB9DD\uAC00\uC9C4 \uAC83 \uAC19\uB2E4.

      \uC774\uC9C1\uC774\uB77C\uB294\uAC8C \uC0DD\uAC01\uBCF4\uB2E4 \uB354 \uC5D0\uB108\uC9C0\uB97C \uB9CE\uC774 \uC4F0\uB294 \uC77C\uC774\uC5C8\uACE0, \uBD80\uC2A4\uD2B8\uCEA0\uD504\uB294 \uC990\uAC70\uC6C0\uACFC \uBD80\uB2F4\uAC10\uC774 \uC815\uBE44\uB840\uD588\uB2E4.

      \uC774 \uB098\uC774\uAC00 \uB418\uC5B4\uC11C \uADF8\uB7F0\uAC78\uAE4C? \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uC7A5\uB840\uC2DD\uC5D0 \uB9CE\uC774 \uAC14\uACE0, \uADF8\uB7F4 \uB54C \uB9C8\uB2E4 \uC5B4\uB5BB\uAC8C \uC0B4\uC544\uAC00\uC57C \uD639\uC740 \uC5B4\uB5BB\uAC8C \uC8FD\uC5B4\uAC00\uC57C \uC798 \uC0B4\uC558\uB2E4\uACE0 \uC774\uC57C\uAE30 \uD560 \uC218 \uC788\uB294\uC9C0\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD588\uB2E4.

      • \uB0B4\uAC00 \uAC1C\uBC1C\uC790\uC774\uAE30 \uB54C\uBB38\uC5D0 \uAC1C\uBC1C\uC744 \uC5F4\uC2EC\uD788 \uD558\uB294\uAC8C \uC798 \uC0B4\uC544\uAC00\uB294\uAC78\uAE4C?
      • \uD68C\uC0AC\uC5D0, \uD300\uC5D0 \uAE30\uC5EC\uD558\uB294\uAC8C \uC798 \uC0B4\uC544\uAC00\uB294\uAC78\uAE4C?
      • \uB3C8\uC744 \uC798 \uBC84\uB294\uAC8C \uC798 \uC0B4\uC544\uAC00\uB294\uAC78\uAE4C?
      • \uCE5C\uAD6C\uB4E4, \uC5F0\uC778, \uAC00\uC871 \uB4F1 \uB2E4\uC591\uD55C \uC778\uAC04\uAD00\uACC4 \uC18D\uC5D0\uC11C \uC88B\uC740 \uAD00\uACC4\uB97C \uB9CC\uB4DC\uB294\uAC8C \uADF8\uB7F0\uAC78\uAE4C?
      • \uBB34\uC5B8\uAC00\uB97C \uC5F4\uC2EC\uD788 \uD55C\uB2E4\uB294 \uAC83\uC774 \uADF8\uB9CC\uD07C\uC758 \uC758\uBBF8\uAC00 \uC788\uB294 \uC77C\uC77C\uAE4C?
      • \uC774\uB807\uAC8C \uC560\uC4F0\uB294 \uC774\uC720\uAC00 \uBB58\uAE4C?
      • \uBB34\uC5C7\uC744 \uC704\uD574\uC11C \uC0B4\uC544\uAC00\uB294\uAC78\uAE4C?

      \uB098\uB294

      • \uC758\uB3C4\uCE58\uC54A\uAC8C \uC6F9 \uAC1C\uBC1C\uC744 \uC2DC\uC791\uD588\uACE0,
      • \uB2E4\uB978 \uAC83\uB4E4\uC5D0\uB294 \uB354 \uD070 \uC7AC\uBBF8\uB97C \uB290\uB07C\uC9C0 \uBABB\uD574\uC11C \uC774 \uAE38\uC744 \uD0DD\uD588\uACE0,
      • \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uAC1C\uBC1C \uC5F4\uD48D\uC774 \uBD88\uC5C8\uACE0,
      • \uC774\uC5D0 \uB300\uD55C \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uB85C \uB9CE\uC740 \uAE30\uD68C\uAC00 \uB0B4 \uC55E\uC5D0 \uB193\uC5EC\uC84C\uB2E4.

      \uADF8\uB798\uC11C \uB0B4\uAC00 \uC190\uC5D0 \uC954 \uAC83\uB4E4\uC774(\uB9CE\uC740 \uAC83\uB4E4\uC744 \uC950\uC5C8\uB2E4\uACE0 \uD560 \uC21C \uC5C6\uACA0\uC9C0\uB9CC) \uAC00\uB054\uC740 \uBE44\uD604\uC2E4\uC801\uC73C\uB85C \uB290\uAEF4\uC9C4\uB2E4.

      \uC774 \uC2DC\uB300\uC758 \uCCAD\uB144\uB4E4\uC774 \uD588\uB358 \uB178\uB825\uACFC \uBE44\uAD50\uD574\uBCF4\uBA74, \uB0B4\uAC00 \uD588\uB358 \uB178\uB825\uC740 \uB178\uB825\uC774\uB77C\uACE0 \uD558\uAE30\uC5D0 \uC6B0\uC218\uC6B4 \uC218\uC900\uC774\uB2E4.

      \uADF8\uB798\uC11C \uB098\uB294 \uB0B4 \uC778\uC0DD\uC774 \uB0B4 \uC608\uC0C1\uBCF4\uB2E4 \uC798 \uD480\uB9AC\uB294 \uB9CC\uD07C \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC758 \uC778\uC0DD\uB3C4 \uC798 \uD480\uB838\uC73C\uBA74 \uD558\uACE0, \uC774\uB97C \uC704\uD574\uC11C \uB0B4\uAC00 \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC740 \uCD5C\uB300\uD55C \uD574\uBCF4\uB824\uACE0 \uD55C\uB2E4.

      \uB098\uB9CC\uC758 \uBC29\uC2DD\uC73C\uB85C \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC744 \uB3C4\uC6B8 \uC218 \uC788\uB2E4\uBA74, \uADF8\uAC83 \uB9CC\uC73C\uB85C\uB3C4 \uAF64 \uB9CC\uC871\uC2A4\uB7EC\uC6B4 \uC778\uC0DD\uC774\uC9C0 \uC54A\uC744\uAE4C? \uC544\uB9C8 \uC55E\uC73C\uB85C\uB294 \uC774\uB7F0 \uC0DD\uAC01\uB4E4\uACFC, \uC0DD\uAC01\uC744 \uAD6C\uCCB4\uD654\uD558\uB824\uB294 \uC2DC\uB3C4\uB97C \uB9CE\uC774 \uD560 \uAC83 \uAC19\uB2E4.

      \uB9CC\uB0A8

      2022\uB144\uC5D0\uB294 \uC815\uB9D0 \uB2E4\uC591\uD55C \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB0AC\uB2E4. \uADF8\uB7EC\uBA74\uC11C \uC778\uC0AC\uC774\uD2B8\uB3C4 \uB9CE\uC774 \uC0DD\uACBC\uB294\uB370, \uC774\uB7F0 \uC778\uC0AC\uC774\uD2B8\uB97C \uB0B4 \uAC83\uC73C\uB85C \uC628\uC804\uD788 \uC735\uD654\uD558\uC9C0 \uBABB\uD588\uACE0 \uADF8\uAC8C \uCC38 \uC544\uC27D\uB2E4.

      \uC9C0\uAE08 \uB0B4\uAC00 \uBB34\uC5B8\uAC00\uB97C \uBC1B\uC544\uB4E4\uC774\uAE30\uC5D4 \uC548\uC815\uC801\uC778 \uC0C1\uD0DC\uAC00 \uC544\uB2CC \uAC83 \uAC19\uB2E4. \uADF8\uB798\uC11C \uAFB8\uC900\uD788 \uB098\uB97C \uD45C\uD604\uD558\uACE0, \uD138\uC5B4\uB0B4\uACE0, \uCC44\uC6CC\uB123\uACE0 \uC2F6\uB2E4.

      \uBC84\uB9AC\uC790, \uBC84\uB824\uC57C \uCC44\uC6B8 \uC218 \uC788\uB2E4. \uADF8\uAC8C \uBB3C\uAC74\uC774 \uB420 \uC218\uB3C4 \uC788\uACE0, \uB9C8\uC74C\uC774 \uB420 \uC218\uB3C4 \uC788\uACE0.

      \uB098\uC758 \uAC15\uC810\uACFC \uB2E8\uC810

      \uC5EC\uC790\uCE5C\uAD6C\uC640 \uB300\uD654\uD558\uB2E4\uAC00 \uC0DD\uAC01\uD574\uBCF8 \uB098\uC758 \uCD5C\uB300 \uC7A5\uC810\uC740 \uC2E4\uD589\uB825\uC774\uB2E4. \uBB34\uC5B8\uAC00 \uD558\uACE0\uC790 \uB9C8\uC74C \uBA39\uC5C8\uC744 \uB54C \uC5B4\uB5BB\uAC8C\uB4E0 \uC2E4\uD589\uD55C\uB2E4.

      \uB0B4\uAC00 \uACC4\uD68D\uC744 \uC138\uC6B0\uC9C4 \uC54A\uC9C0\uB9CC, \uB0A8\uC774 \uC138\uC6CC \uB193\uC740 \uACC4\uD68D\uC744 \uC798 \uB530\uB974\uB294 \uD3B8\uC774\uB784\uAE4C? \uADF8\uB9AC\uACE0 \uC774\uB97C \uC2E4\uD604\uD558\uAE30 \uC704\uD574 \uBB34\uB358\uD788 \uC560\uC4F4\uB2E4.

      \uB610 \uB2E4\uB978 \uAC15\uC810\uC740, \uAC10\uC815 \uAE30\uBCF5\uC774 \uB9CE\uC774 \uC5C6\uB294 \uD3B8\uC778\uB370 \uAC10\uC131\uC801\uC774\uB2E4. \uB9D0\uC774\uC57C \uBC29\uAD6C\uC57C

      \uAE0D\uC815\uC801\uC778 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD558\uACE0, \uAE0D\uC815\uC801\uC778 \uC0C1\uD0DC\uB97C \uAF64 \uC624\uB798 \uC720\uC9C0\uD55C\uB2E4. \uC774\uB7F0 \uC810\uC740 \uAD50\uC721\uC774\uB098 \uBA58\uD1A0\uB9C1\uC744 \uD560 \uB54C \uD6A8\uACFC\uAC00 \uC88B\uC740 \uD3B8\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uC7A5\uC810\uC774\uB2E4 \uB2E8\uC810\uC740 \uACFC\uD558\uAC8C \uBAB0\uC785\uD55C\uB2E4\uB294 \uAC83. \uD604\uC7AC\uC758 \uCEE8\uD14D\uC2A4\uD2B8\uC5D0 \uBAB0\uC785\uC744 \uC798 \uD558\uB294 \uD3B8\uC778\uB370, \uBB38\uC81C\uB294\u2026 \uBAB0\uC785\uC744 \uD558\uB294 \uC21C\uAC04 \uADF8 \uC678\uC758 \uAC83\uC5D0 \uC2E0\uACBD\uC744 \uB9CE\uC774 \uBABB \uC4F0\uB294 \uD3B8\uC774\uB2E4.

      \uADF8\uB798\uC11C \uC77C\uC744 \uD558\uB2E4\uAC00 \uD68C\uC758\uAC00 \uC788\uC73C\uBA74 \uD68C\uC758\uC5D0 \uC798 \uBAB0\uC785\uD558\uC9C0 \uBABB\uD560 \uB54C\uAC00 \uB9CE\uACE0, \uB098\uC758 \uC77C\uC5D0 \uBAB0\uC785\uD558\uB2E4\uBCF4\uBA74 \uB2E4\uB978 \uC0AC\uB78C\uC758 \uC77C\uC744 \uC798 \uD30C\uC545\uD558\uC9C0 \uBABB\uD560 \uB54C\uAC00 \uB9CE\uB2E4.

      \uC774\uB97C \uC798 \uC870\uC808\uD558\uAE30 \uC704\uD574 \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC744\uAE4C? \uC5D0 \uB300\uD55C \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD588\uC5C8\uB294\uB370, \uC8FC\uBCC0\uC758 \uACC4\uD68D\uD615\uC778 \uC0AC\uB78C\uB4E4\uC758 \uC774\uC57C\uAE30\uB97C \uB4E4\uC5B4\uBCF4\uB2C8 \uBAB0\uC785\uC744 \uACC4\uD68D\uC801\uC73C\uB85C \uD55C\uB2E4\uACE0\u2026 (\uADF8\uAC8C \uAC00\uB2A5\uD55C\uAC70\uC57C!?)

      \uC798 \uB420\uC9C0 \uBAA8\uB974\uACA0\uC73C\uB098 \uC2DC\uB3C4\uB294 \uD574\uBD10\uC57C\uD560 \uAC83 \uAC19\uB2E4.

      \uADF8\uB0E5 \uB2E8\uC810\uC774\uB77C\uACE0 \uBD80\uB97C \uC218 \uC788\uB294 \uAC83\uC740, \uCC3D\uC758\uB825\uC774 \uBD80\uC871\uD558\uB2E4\uB294 \uAC83..

      \uBB34\uC5B8\uAC00\uB97C \uB9CC\uB4E4\uAC70\uB098 \uAC1C\uC120\uD560 \uB54C \uC774\uAC8C \uD070 \uAC78\uB9BC\uB3CC\uC774 \uB41C\uB2E4. \uD2C0\uC744 \uC798 \uAE68\uC9C0 \uBABB\uD55C\uB2EC\uAE4C?

      \uADF8\uB798\uC11C \uB098\uAC19\uC740 \uC0AC\uB78C\uC740 \uCD5C\uB300\uD55C \uB9CE\uC740 \uAC83\uB4E4\uC744 \uC77D\uB294\uAC8C \uC88B\uB2E4. \uCC45\uB3C4 \uC880 \uC77D\uACE0, \uC544\uD2F0\uD074\uB3C4 \uC880 \uC77D\uACE0, \uC624\uD508\uC18C\uC2A4\uB3C4 \uC880 \uBCF4\uC790.

      7. \uACC4\uBB18\uB144

      2023\uB144\uC758 \uBAA9\uD45C

      • \uC778\uAC15 \uCD2C\uC601

        • \uC62C\uD574\uB294 \uAF2D!!
        • \uAC00\uB2A5\uD558\uBA74 1\uBD84\uAE30 \uC774\uB0B4\uB85C
      • \uBBF8\uB77C\uD074 \uBAA8\uB2DD

        • 5\uC2DC\uC5D0 \uC77C\uC5B4\uB098\uC11C 12\uC2DC \uC774\uC804\uC5D0 \uC7A0\uB4E4\uAE30
        • \uC624\uD6C4 \uC2DC\uAC04\uC740 \uB0B4\uAC00 \uC544\uB2CC \uC8FC\uBCC0\uC744 \uB354 \uC2E0\uACBD \uC4F0\uAE30
        • \uC624\uC804 \uC2DC\uAC04\uC5D0 \uB098\uB97C \uC704\uD55C \uC77C\uC744 \uD558\uAE30
          • \uB3C5\uC11C/\uC6B4\uB3D9/\uC0AC\uC774\uB4DC\uC7A1
      • \uC720\uD29C\uBE0C\uC640 SNS \uC801\uB2F9\uD788 \uD558\uAE30

        • \uBE48 \uD2C8\uC774 \uC0DD\uAE30\uBA74 \uC778\uC2A4\uD0C0\uB97C \uD0A4\uB294 \uB0B4 \uBAA8\uC2B5\u2026 \uC88B\uC9C0 \uC54A\uC544.
        • \uB300\uC2E0 \uC2A4\uD2B8\uB808\uCE6D\uC774\uB77C\uB3C4 \uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C?
      • \uD56D\uC0C1 \uCCAD\uC18C\uD558\uAE30

        • 2023\uB144\uC740 \uC7AC\uD0DD\uADFC\uBB34\uB97C \uD574\uC57C \uD558\uAE30 \uB54C\uBB38\uC5D0 \uD56D\uC0C1 \uAE54\uB054\uD55C \uC0C1\uD0DC\uB97C \uC720\uC9C0\uD574\uBCF4\uAE30
      • \uBC14\uB978\uC790\uC138 \uC720\uC9C0\uD558\uAE30

        • \uC774\uBBF8 \uAC70\uBD81\uBAA9\uC774\uB77C\uC11C, \uB354 \uC774\uC0C1 \uC545\uD654\uB418\uC9C0 \uC54A\uAC8C\uB054..
      • \uC6B4\uB3D9\uD558\uAE30

        • \uCD9C\uD1F4\uADFC \uC2DC\uAC04\uC774 \uC5C6\uC5B4\uC9C0\uB294 \uB9CC\uD07C \uB098\uBA38\uC9C0\uB294 \uC6B4\uB3D9\uC5D0 \uC2DC\uAC04\uC744 \uD22C\uC790\uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C?
      • \uACC4\uD68D\uC801\uC73C\uB85C \uC0B4\uAE30 \u2605\u2605

        • 2022\uB144\uC5D0 \uC808\uC2E4\uD788 \uAE68\uB2EC\uC740 \uD55C \uAC00\uC9C0\uAC00 \uB098\uB294 \uBB34\uACC4\uD68D\uD615 \uC778\uAC04\uC774\uB77C\uB294 \uAC83
        • \uB098\uC5D0\uAC8C \uC8FC\uC5B4\uC9C4 \uC2DC\uAC04\uC744 \uC870\uAE08 \uD6A8\uACFC\uC801\uC73C\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294 \uAC83\uC740 \uACC4\uD68D\uC744 \uC138\uC6B0\uB294 \uAC83
        • \uACC4\uD68D\uC740 \uB17C\uB9AC\uC640 \uADFC\uAC70\uB97C \uB9CC\uB4E4\uC5B4\uC900\uB2E4.
          • \uACC4\uD68D\uC744 \uC138\uC6B0\uB294 \uAC83\uC5D0 \uC2A4\uD2B8\uB808\uC2A4 \uBC1B\uC9C0 \uC54A\uC744 \uC218 \uC788\uC744\uAE4C?
          • \uACC4\uD68D\uC744 \uC138\uC6B0\uB294 \uACC4\uD68D\uC744 \uACC4\uD68D\uD574\uBCF4\uC790 (\uC774\uAC8C \uBB54\uC18C\uB9B0\uC9C0)
            • \uD558\uB8E8\uC5D0 30\uBD84 \uC815\uB3C4\uB294 \uD22C\uC790\uD560 \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C?
        • \uB178\uC158\uC744 \uCD5C\uB300\uD55C \uD65C\uC6A9\uD574\uBCF4\uC790
      • \uC6F9\uD230 \uB300\uC2E0 \uB3C5\uC11C

        • \uB2F9\uB2F9\uD558\uAC8C \uB9D0\uD558\uB358 \uB098\uC758 \uCDE8\uBBF8\u2026 \uC6F9\uD230, \uC6F9\uC18C\uC124\u2026
        • \uB300\uC2E0 \uB3C5\uC11C\uB97C \uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C?
        • \uC624\uB298\uBD80\uD130 \uCDE8\uBBF8\uB294 \uB3C5\uC11C!!
      • \uC774\uC0AC \uC900\uBE44

        • \uACFC\uC5F0\u2026 \uC5B4\uB514\uB85C \uAC08 \uAC83\uC778\uAC00! (\uB098\uC5D0\uAC8C \uC120\uD0DD\uAD8C\uC774 \uC5C6\uC744 \uBFD0)

      \uBAA9\uD45C\uB97C \uB2EC\uC131\uC744 \uC704\uD55C \uC561\uC158 \uD50C\uB79C

      • \uD3C9\uC77C

        • \uD544\uC218\uB85C \uC368\uC57C\uD558\uB294 \uC2DC\uAC04 = 16\uC2DC\uAC04

          • \uC218\uBA74 6\uC2DC\uAC04
          • \uD68C\uC0AC\uC77C 8\uC2DC\uAC04
          • \uC2DD\uC0AC 2\uC2DC\uAC04 (\uC810\uC2EC/\uC800\uB141)
        • \uC790\uC720 \uC2DC\uAC04 = 2\uC2DC\uAC04

          • \uBB58 \uD558\uB4E0 \uC790\uC720
        • \uB0A8\uB294 \uC2DC\uAC04 = 6\uC2DC\uAC04

          • \uC6B4\uB3D9 1\uC2DC\uAC04
          • \uB3C5\uC11C 1\uC2DC\uAC04 (23:00 ~ 24:00)
          • \uC624\uAE00\uC624\uAE00 30\uBD84
          • \uC0AC\uC774\uB4DC\uC7A1 ( \uAE00\uC4F0\uAE30, \uBA58\uD1A0\uB9C1, \uCF54\uB4DC\uB9AC\uBDF0, \uC778\uAC15 \uBC0F \uAE30\uD0C0 \uB4F1\uB4F1 ) 2\uC2DC\uAC04
      • \uC8FC\uB9D0

        • \uAC00\uB2A5\uD558\uBA74 \uC628\uC804\uD55C \uD734\uC2DD\uC744 \uCD94\uAD6C\uD558\uAE30..?
      • \uB9E4\uC6D4

        • \uC6D4 \uCD08 \u2192 \uC774\uBC88 \uB2EC \uBAA9\uD45C \uC138\uC6B0\uAE30
        • \uC6D4 \uB9D0 \u2192 \uBAA9\uD45C \uB2EC\uC131 \uC5EC\uBD80 \uD655\uC778 \uBC0F \uD68C\uACE0
      • 1\uBD84\uAE30

        • \uB0A8\uB294 \uC2DC\uAC04\uC740 \uC778\uAC15 \uCD2C\uC601\uC5D0 \uCD5C\uB300\uD55C \uD22C\uC790\uD574\uBCF4\uAE30
      • 2\uBD84\uAE30 ~

        • \uC0AC\uC2E4 \uBB58 \uD560\uC9C0 \uBAA8\uB974\uACA0\uC74C..
        • \uC544\uB9C8 \uAE30\uB2A5\uB300\uD68C \uAD00\uB828 \uCF58\uD150\uCE20\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD558\uC9C0 \uC54A\uC744\uAE4C?

      8. \uB354 \uC7A5\uAE30\uC801\uC778, \uB354 \uC774\uC0C1\uC801\uC778 \uBAA9\uD45C

      • \uC6B0\uB9AC\uB294 \uC77C\uC744 \uC65C \uD560\uAE4C? \uACB0\uAD6D\uC5D4 \uD589\uBCF5\uD574\uC9C0\uB824\uACE0, \uC798 \uC0B4\uB824\uACE0 \uD558\uB294\uAC8C \uC544\uB2D0\uAE4C?
      • \uD68C\uC0AC\uC5D0 \uC885\uC18D\uB41C \uC0C1\uD0DC\uC5D0\uC11C\uB294 \uC5BC\uB9C8\uB098 \uD589\uBCF5\uD574\uC9C8 \uC218 \uC788\uC744\uAE4C?
      • \uC5BC\uB9C8\uB098 \uC790\uC720\uB85C\uC6B4 \uC778\uC0DD\uC744 \uC0B4 \uC218 \uC788\uC744\uAE4C?
      • \uB098\uB294 \uD68C\uC0AC\uC5D0, \uADF8\uB9AC\uACE0 \uC77C\uC5D0 \uC885\uC18D\uC801\uC778 \uC0B6\uB9CC \uC0B4 \uC218 \uC788\uB294\uAC78\uAE4C?
      • \uC77C\uC5D0 \uC885\uC18D\uC801\uC778 \uC778\uC0DD\uC744 \uC0B4\uC544\uC57C \uD55C\uB2E4\uBA74, \uC815\uB9D0 \uB0B4\uAC00 \uC88B\uC544\uD558\uB294 \uC0AC\uB791\uD558\uB294 \uC77C\uC744 \uD574\uC57C \uD558\uC9C0 \uC54A\uC744\uAE4C?
      • \uADF8\uB807\uB2E4\uBA74 \uB098\uB294 \uAC1C\uBC1C\uC790\uB77C\uB294 \uC9C1\uC5C5\uC744 \uC5BC\uB9C8\uB098 \uC88B\uC544\uD558\uACE0 \uC788\uC744\uAE4C?
      • \uADF8\uB0E5 \uAD00\uC131 \uB54C\uBB38\uC5D0 \uAC1C\uBC1C\uC790\uAC00 \uB41C\uAC8C \uC544\uB2D0\uAE4C?

      \uADF8\uB798\uC11C \uB098\uC758 \uCD5C\uC885 \uBAA9\uD45C\uB294, \uC758\uC874\uC131 \uC5ED\uC804\uC744 \uD558\uB294 \uAC83.

      • \uD68C\uC0AC\uB77C\uB294 \uAC70\uB300\uD55C \uCEE8\uD14D\uC2A4\uD2B8\uC5D0, \uAC1C\uBC1C\uC790\uB77C\uB294 \uC778\uC2A4\uD134\uC2A4\uC5D0 \uB098\uB97C \uC8FC\uC785\uD558\uC9C0 \uC54A\uB294 \uAC83.
      • \uB0B4\uAC00 \uAC00\uC9C4 \uC778\uD130\uD398\uC774\uC2A4\uB97C \uB9CE\uC774 \uCC3E\uC544\uB0B4\uB294 \uAC83.
      • \uB0B4\uAC00 \uD611\uB825\uD560 \uC218 \uC788\uB294 \uC0AC\uB78C\uB4E4\uC744 \uB354 \uB9CE\uC774 \uCC3E\uC544\uB0B4\uB294 \uAC83.

      \uC9C0\uAE08\uC740 \uC2A4\uCF00\uCE58\uB9CC \uD574\uB193\uC740 \uC0C1\uD0DC\uB2E4. 2023\uB144 \uD68C\uACE0\uC5D0\uC11C\uB294 \uCCAD\uC0AC\uC9C4\uC774 \uB418\uC5B4 \uC788\uAE30\uB97C.

      Summary

      • 2022\uB144, \uAF64 \uD798\uB4E4\uC5C8\uB2E4.
      • 2023\uB144, \uB354 \uC798 \uD574\uBCF4\uACE0 \uC2F6\uB2E4.
      ',48);function P(A,D){const l=p("ExternalLinkIcon");return s(),n("div",null,[g,e("p",null,[f,e("a",b,[m,a(l)]),x]),B,e("p",null,[E,e("a",T,[v,a(l)]),y]),I,e("p",null,[k,e("a",w,[C,a(l)]),N]),e("p",null,[q,e("a",L,[S,a(l)]),F,J]),V,M])}var Y=t(_,[["render",P],["__file","index.html.vue"]]);export{Y as default}; +import{_ as t,r as p,o as s,c as n,a as e,b as a,d as r,e as i}from"./app.d20f8571.js";var h="/TIL/assets/1.f1e0a0a3.png",o="/TIL/assets/2.2569fbd6.png",d="/TIL/assets/3.643942f2.png",c="/TIL/assets/4.e5f5bf34.png",u="/TIL/assets/5.86fb8cc8.jpeg";const _={},g=r('

      \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2022\uB144 \uD68C\uACE0

      \uBC8C\uC368 2022\uB144\uC774 \uC800\uBB3C\uC5C8\uB2E4. \uC62C\uD574\uB294 \uC0DD\uAC01\uBCF4\uB2E4 \uB9CE\uC774 \uBC84\uAC70\uC6E0\uB2E4\uACE0 \uB290\uB07C\uB294 \uC911\uC774\uB2E4. \uAE34 \uAE00\uC774 \uB420\uAE4C? \uC9E7\uC740 \uAE00\uC774 \uB420\uAE4C? \uC77C\uB2E8 \uD55C \uBC88 \uC368\uBCF4\uC790.

      \uC5EC\uD0DC\uAE4C\uC9C0 \uC37C\uB358 \uD68C\uACE0\uB4E4\uC740 \uB098\uB97C \uC704\uD55C \uAE00\uC774\uB77C\uAE30\uBCF4\uB2E8 \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uBCF4\uC5EC\uC8FC\uAE30 \uC704\uD55C \uC131\uACA9\uC758 \uAE00\uC774\uC5C8\uB2E4. \uC774\uBC88\uC5D0\uB294 \uC628\uC804\uD788 \uB098 \uC2A4\uC2A4\uB85C\uB97C \uC704\uD55C \uAE00\uC744 \uC368\uBCF4\uACE0\uC790 \uD55C\uB2E4.

      1. \uC548\uB155, \uC90C\uC778\uD130\uB137

      1

      2019\uB144\uC5D0 \uC90C\uC778\uD130\uB137\uC5D0 \uC785\uC0AC\uD588\uACE0, 2022\uB144 5\uC6D4\uC5D0 \uD1F4\uC0AC\uD588\uB2E4. \uD1F4\uC0AC\uB97C \uD558\uBA74\uC11C \uAE30\uC220\uBE14\uB85C\uADF8\uC5D0 \uD68C\uACE0\uB97C \uC791\uC131\uD588\uB294\uB370, \uADF8 \uD6C4\uC5D0 \uD55C \uB3D9\uC548 \uB2E4\uB978 \uAE00\uC774 \uC548 \uC62C\uB77C\uC640\uC11C \uADF8\uB7F0\uC9C0 \uC5C6\uC5B4\uC84C\uB2E4. \uC544\uB514\uC624\uC2A4..

      \uBC31\uC5D4\uB4DC \uAC1C\uBC1C

      \uC90C\uC778\uD130\uB137\uC5D0\uC11C\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uBCF4\uB2E8 \uBC31\uC5D4\uB4DC \uAC1C\uBC1C\uC744 \uB354 \uB9CE\uC774\uD588\uB2E4. \uCC98\uC74C\uC5D0 \uD504\uB85C\uC81D\uD2B8 \uCF54\uB4DC\uB97C \uBCF4\uBA74\uC11C \uC815\uB9D0 \uB9CE\uC774 \uAC10\uD0C4\uD588\uB2E4. \uC2E0\uC138\uACC4\uAC00 \uD3BC\uCCD0\uC9C4 \uAE30\uBD84\uC774\uC5C8\uB2EC\uAE4C\u2026 \uC88B\uC740 \uC0AC\uC218\uC640 \uC88B\uC740 \uCF54\uB4DC\uAC00 \uC788\uC5C8\uAE30\uC5D0 \uBE60\uB974\uAC8C \uC131\uC7A5\uD560 \uC218 \uC788\uC5C8\uB2E4. \uAC1C\uC778\uC801\uC778 \uB178\uB825\uB3C4 \uAF64 \uB9CE\uC774 \uD588\uC9C0\uB9CC, \uC88B\uC740 \uD658\uACBD\uC774 \uB4B7\uBC1B\uCE68 \uB418\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uB178\uB825\uC758 \uD6A8\uACFC\uB97C \uBCFC \uC218 \uC788\uC5C8\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C

      2021\uB144 \uD558\uBC18\uAE30\uC5D0 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uD30C\uD2B8\uAC00 \uC2E0\uC124\uB418\uC5C8\uACE0, \uC774 \uB54C \uBD80\uD130 \uC544\uC608 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC744 \uC804\uB2F4\uD588\uB2E4. \uB3CC\uC774\uCF1C\uBCF4\uBA74 \uC790\uB3D9\uD654\uC5D0 \uC644\uC804\uD788 \uBB34\uC2E0\uACBD\uD588\uB2E4. CI/CD, \uC815\uC801\uBD84\uC11D, \uD14C\uC2A4\uD2B8 \uBC0F \uAE30\uD0C0 \uB4F1\uB4F1 \uB9AC\uC2A4\uD06C\uB97C \uAD00\uB9AC\uD560 \uC218 \uC788\uB294 \uC218\uB2E8\uC774 \uB9CE\uC774 \uC788\uC5C8\uC744\uD150\uB370, \uC774 \uB2F9\uC2DC\uC5D0\uB294 \uCF54\uB4DC \uC790\uCCB4\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC5D0 \uAF42\uD600\uC788\uC5C8\uB2E4. \uBB50\uB784\uAE4C\u2026 \uACE0\uBBFC\uC758 \uBC29\uD5A5\uC774 \uC5C9\uB6B1\uD588\uB098 \uC2F6\uAE30\uB3C4\uD558\uC9C0\uB9CC, \uB355\uBD84\uC5D0 \uB098\uB9CC\uC758 \uCEE8\uD150\uCE20\uB97C \uB9CC\uB4E4\uC5B4\uB0BC \uC218 \uC788\uC5C8\uB358 \uAC83 \uAC19\uAE30\uB3C4 \uD558\uACE0.

      \uADF8\uB798\uC11C \uC694\uC998 \uBD80\uD2B8\uCEA0\uD504\uB97C \uD1B5\uD574 \uD559\uC2B5\uD55C \uC0AC\uB78C\uB4E4\uACFC \uBE44\uAD50\uD588\uC744 \uB54C \uC2A4\uC2A4\uB85C\uC5D0 \uB300\uD55C \uC544\uC26C\uC6C0\uC744 \uB9CE\uC774 \uB290\uB080\uB2E4. \uAC1C\uBC1C\uC744 \uC704\uD55C \uB3C4\uAD6C\uC640 \uC218\uB2E8\uC774 \uC774\uB807\uAC8C \uB9CE\uC740\uB370 \uC65C \uB098\uB294 \uADF8\uB7F0 \uAC83\uB4E4\uC5D0 \uAD00\uC2EC\uC744 \uAC16\uC9C0 \uC54A\uC558\uC744\uAE4C \uD558\uB294.

      \uBC18\uB300\uB85C \uB098\uB294 \uC57C\uC0DD\uD559\uC2B5\uC5D0 \uD2B9\uD654\uB41C \uC0AC\uB78C\uC774 \uC544\uB2D0\uAE4C? \uACF5\uBD80\uD558\uACE0\uC790 \uD55C\uB2E4\uBA74, \uACF5\uBD80\uD560 \uC218 \uC788\uACE0, \uC2E4\uCC9C\uD560 \uC218 \uC788\uACE0, \uBAB0\uC785\uD560 \uC218 \uC788\uB2E4. \uB0B4\uAC00 \uAC00\uC9C4 \uAC83\uB4E4\uC744 \uD1B5\uD574\uC11C \uAC00\uC9C0\uC9C0 \uBABB\uD55C \uAC83\uC744 \uD761\uC218\uD574\uBCF4\uC790.

      \uD30C\uD2B8\uB9AC\uB354

      \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uD30C\uD2B8\uB9AC\uB354\uB97C \uD558\uAC8C \uB418\uC5C8\uACE0, \uC798 \uD558\uACE0 \uC2F6\uC5B4\uC11C \uAF64 \uB9CE\uC740 \uB178\uB825\uC744 \uD588\uC9C0\uB9CC \uACB0\uB860\uC801\uC73C\uB85C \uB098\uB294 \uC88B\uC740 \uD30C\uD2B8\uB9AC\uB354\uAC00 \uC544\uB2C8\uC600\uB2E4. \uCCB4\uACC4\uB97C \uB9CC\uB4DC\uB824\uACE0 \uD588\uC73C\uB098, \uC88B\uC740 \uCCB4\uACC4\uB97C \uB9CC\uB4E4\uC9C0 \uBABB\uD588\uB2E4. \uD300\uC6D0\uB4E4\uC774 \uC131\uC7A5\uD560 \uC218 \uC788\uB294 \uD658\uACBD, \uAC19\uC774 \uC77C\uD560 \uC218 \uC788\uB294 \uD658\uACBD, \uD300 \uB2E8\uC704\uB85C \uC77C\uD560 \uC218 \uC788\uB294 \uD658\uACBD\uC744 \uB9CC\uB4E4\uC9C0 \uBABB\uD588\uB2E4.

      \uB098\uB294 \uC90C\uC778\uD130\uB137\uC5D0\uC11C \uD070 \uD3ED\uC73C\uB85C \uC131\uC7A5\uD588\uC73C\uB098, \uB0B4\uAC00 \uD300\uC6D0\uC744 \uC131\uC7A5\uC2DC\uD0A8 \uC0AC\uB78C\uC774\uC5C8\uB098 \uBB3C\uC5B4\uBCF8\uB2E4\uBA74 \uB2F9\uB2F9\uD558\uAC8C No! \uB77C\uACE0 \uB9D0\uD560 \uC218 \uC788\uB2E4.

      \uC55E\uC73C\uB85C \uC5B4\uB518\uAC00\uC5D0\uC11C \uB9AC\uB354\uB97C \uD558\uAC8C \uB41C\uB2E4\uBA74, \uB098\uC758 \uC131\uC7A5 \uBCF4\uB2E4\uB294 \uD300\uC6D0 \uD639\uC740 \uAD6C\uC131\uC6D0\uC744 \uC131\uC7A5\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC5D0 \uB354 \uB9CE\uC774 \uD22C\uC790\uD558\uACE0 \uC2F6\uB2E4. \uADFC\uB370 \uADF8\uAC8C \uAC00\uB2A5\uD558\uAE30 \uC704\uD574\uC120 \uC77C\uB2E8 \uB0B4 \uACBD\uD5D8\uC758 \uD3ED\uC774 \uAE4A\uACE0 \uB113\uC5B4\uC57C\uD560 \uAC83 \uAC19\uB2E4.

      \uD1F4\uC0AC

      \uC5B4\uCA0C\uB4E0 \uD1F4\uC0AC\uB97C \uD588\uB2E4. \uB9CE\uC740 \uAC83\uC744 \uBC30\uC6B8 \uC218 \uC788\uB294 \uB3D9\uB8CC\uB4E4\uC774 \uC788\uC5C8\uC73C\uBA70(\uB2E4 \uB5A0\uB0AC\uACE0..?), \uBC00\uB3C4 \uC788\uB294 \uACBD\uD5D8\uC744 \uB9CE\uC774 \uD588\uB2E4. \uADF8\uB798\uC11C \uC90C\uC778\uD130\uB137\uC774\uB77C\uB294 \uD68C\uC0AC\uAC00 \uC815\uB9D0 \uAC04\uC808\uD558\uAC8C \uC798 \uB418\uAE38 \uBC14\uB780\uB2E4.

      2. \uC548\uB155, \uB124\uC774\uBC84

      2',20),f=i("\uC6B0\uC5EC\uACE1\uC808 \uB05D\uC5D0 \uB124\uC774\uBC84\uB77C\uB294, \uB098\uC5D0\uAC8C \uCC38 \uACFC\uBD84\uD55C \uAE30\uC5C5\uC5D0 \uADF8\uB9AC\uACE0 "),b={href:"https://smartstudio.tech/homebuilder/",target:"_blank",rel:"noopener noreferrer"},m=i("\uB6F0\uC5B4\uB09C \uB3D9\uB8CC\uB4E4\uC774 \uC788\uB294 \uD300(HomeBuilder)"),x=i("\uC5D0 \uD569\uB958\uD558\uAC8C \uB418\uC5C8\uB2E4."),B=r('

      \uD569\uB958\uD558\uAE30 \uAE4C\uC9C0

      \uC774\uC9C1\uC744 \uD558\uACA0\uB2E4\uACE0 \uB9C8\uC74C \uBA39\uC740 \uD6C4\uC5D0 \uBAA8\uB4E0 \uD5E4\uB4DC\uD5CC\uD130\uC640 \uB9AC\uCFE0\uB974\uD130\uC758 \uC81C\uC548\uC744 \uC218\uB77D\uD588\uB2E4. \uC544\uB9C8 \uD55C \uB2EC \uB3D9\uC548 \uC9C0\uC6D0\uD55C \uACF3\uC774 \uC5B4\uB9BC\uC7A1\uC544 10\uAC1C \uC774\uC0C1 \uB418\uB294 \uAC83 \uAC19\uB2E4. \uD558\uD544 \uBA74\uC811\uC774 \uD3EC\uC9C4\uD574\uC788\uB294 \uAE30\uAC04\uC5D0 \uCF54\uB85C\uB098\uC5D0 \uAC78\uB824\uC11C \uCEE8\uB514\uC158\uC774 \uCD5C\uC545\uC774\uC5C8\uB358\uAC8C \uCC38 \uC544\uC27D\uB2E4.

      \uAF64 \uB9CE\uC740 \uBA74\uC811 \uACBD\uD5D8\uC5D0\uC11C \uB290\uB080 \uC81C\uC77C \uD070 \uC904\uAE30\uAC00 \uD55C \uAC00\uC9C0 \uC788\uB2E4. \uAE30\uC220\uBA74\uC811\uAE4C\uC9C4 \uB0B4\uAC00 \uB178\uB825\uD558\uBA74 \uC5B4\uB290 \uC815\uB3C4\uB294 \uCEE4\uBC84\uAC00 \uAC00\uB2A5 \uD558\uC9C0\uB9CC \uADF8 \uC774\uD6C4\uB294 \uCC9C\uC6B4\uC774\uB2E4. \uD300\uC758 \uD54F\uC5D0, \uB354 \uC0C1\uC704 \uC870\uC9C1\uC758 \uD54F\uC5D0, \uAE30\uC5C5\uC758 \uD54F\uC5D0 \uB0B4\uAC00 \uB9DE\uC544\uC57C \uD558\uB294 \uAC83\uC774\uB2E4. \uC774\uAC74 \uC870\uC9C1\uB9C8\uB2E4 \uB2E4\uB974\uACE0, \uBA74\uC811\uC5D0 \uB4E4\uC5B4\uC624\uB294 \uBA74\uC811\uAD00\uC758 \uAC00\uCE58\uAD00\uB9C8\uB2E4 \uB2E4\uB974\uB2E4. \uADF8\uB798\uC11C \uAE30\uC220\uBA74\uC811\uC5D0\uC11C \uB5A8\uC5B4\uC9C0\uBA74 \uB354 \uACF5\uBD80\uB97C \uD588\uACE0, \uAE30\uC220\uBA74\uC811 \uC774\uD6C4\uC5D0 \uB5A8\uC5B4\uC9C0\uBA74 \uD06C\uAC8C \uC544\uC26C\uC6CC\uD558\uC9C0 \uC54A\uC558\uACE0 \uB098\uB791 \uC548 \uB9DE\uB294 \uAE30\uC5C5\uC774\uC5C8\uAD6C\uB098 \uC0DD\uAC01\uD588\uB2E4.

      \uBA74\uC811 \uB54C\uB294 \uB098\uB97C \uC628\uC804\uD788 \uB4DC\uB7EC\uB0B4\uC57C \uD558\uACE0, \uADF8\uB807\uAC8C \uB4DC\uB7EC\uB0B8 \uB098\uC758 \uBAA8\uC2B5\uACFC \uD68C\uC0AC\uC640 \uC870\uC9C1\uC774 \uB9DE\uC9C0 \uC54A\uB2E4\uACE0 \uC0DD\uAC01\uD558\uBA74 \uB2F4\uB2F4\uD558\uAC8C \uBC1B\uC544\uB4E4\uC5EC\uC57C \uD55C\uB2E4. \uB9DE\uC9C0 \uC54A\uB294 \uC870\uC9C1\uC5D0\uC11C \uC77C\uD558\uB294 \uAC83\uC740 \uB098\uC5D0\uAC8C\uB3C4 \uC870\uC9C1\uC5D0\uAC8C\uB3C4 \uD574\uAC00\uB420 \uBFD0\uC774\uB2E4.

      \uB124\uC774\uBC84\uC758 \uBA74\uC811\uC740 \uB098\uC758 \uC5ED\uB7C9\uC744 \uCD5C\uB300\uD55C \uB04C\uC5B4\uB0B4\uAE30 \uC704\uD55C \uC9C8\uBB38\uB4E4\uC774\uC5C8\uACE0, \uADF8\uAC8C \uC815\uB9D0 \uB108\uBB34 \uC88B\uC558\uB2E4. \uCF54\uB85C\uB098\uC5D0 \uAC78\uB838\uC744 \uB54C \uBA70\uCE60 \uBC24\uC744 \uC81C\uB300\uB85C \uBABB \uC7A4\uB294\uB370, \uBC24\uC0C8\uB3C4\uB85D \uB124\uC774\uBC84\uC5D0 \uC544\uB2C8 \uC774 \uD300\uC5D0 \uC815\uB9D0 \uAF2D \uD569\uB958\uD558\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC744 \uD588\uB2E4. \uADF8\uB807\uAC8C \uCD1D \uC138 \uBC88\uC758 \uBA74\uC811\uC744 \uBD24\uACE0, \uD569\uACA9 \uBA54\uC77C\uC744 \uBC1B\uC558\uACE0, \uC774 \uB54C\uAC00 2022\uB144 \uCD5C\uACE0\uC758 \uC21C\uAC04\uC774\uC5C8\uB2E4.

      \uD568\uAED8 \uC77C\uD558\uAE30

      \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uC6B0\uB9AC \uD300\uC758 \uCD5C\uACE0 \uAC15\uC810\uC740 \u201C\uD568\uAED8 \uC77C\uD558\uAE30\u201D \uADF8\uB9AC\uACE0 \u201C\uC9D1\uB2E8 \uC9C0\uC131\u201D \uC774\uB2E4.

      ',7),E=i("\uAC19\uC740 \uD300\uC758 "),T={href:"https://huns.me/2022-12-29-44-%EB%84%A4%EC%9D%B4%EB%B2%84%EC%97%90%EC%84%9C%20%EB%B3%B4%EB%82%B8%202%EB%85%84%EA%B3%BC%202023%EB%85%84",target:"_blank",rel:"noopener noreferrer"},v=i("\uD6C8\uBBFC\uB2D8\uAED8\uC11C \uC791\uC131\uD55C \uD68C\uACE0"),y=i(" \uC77C\uBD80\uB97C \uBC1C\uCDCC\uD574\uBCF4\uC790\uBA74,"),I=r('

      \uD300\uC758 \uBCC0\uD654\uB97C \uAC00\uC7A5 \uC798 \uBCF4\uC5EC\uC8FC\uB294 \uC0C1\uC9D5\uC740 \u2018\uC640\uC778\uBC14 \uBBF8\uD305\u2019\uC774\uB2E4. \uC640\uC778\uBC14\uB294 \uAC8C\uB354\uD0C0\uC6B4\uC5D0 \uB9CC\uB4E0 \uD68C\uC758 \uACF5\uAC04\uC774\uB2E4. \uBB38\uC81C\uAC00 \uC798 \uC548 \uD480\uB9AC\uBA74 \uC2AC\uB799\uC5D0 \uB3C4\uC6C0\uC744 \uC694\uCCAD\uD55C\uB2E4. \uC870\uAE08 \uAE30\uB2E4\uB9AC\uBA74 \uD558\uB098\uB458 \uC640\uC778\uBC14\uB85C \uC0AC\uB78C\uC774 \uBAA8\uC774\uACE0 \uBB38\uC81C\uB97C \uAC19\uC774 \uB17C\uC758\uD55C\uB2E4. \uADDC\uCE59\uC774\uB098 \uC7A5\uCE58\uB97C \uB9CC\uB4E4\uC9C0 \uC54A\uC558\uB2E4. \uB204\uAC00 \uD558\uC790\uACE0 \uD55C \uC801\uB3C4 \uC5C6\uB2E4. \uADF8\uB0E5 \uC790\uC5F0\uC2A4\uB808 \uBB38\uD654\uAC00 \uC0DD\uACBC\uB2E4. \uC640\uC778\uBC14\uB294 \uC6B0\uB9AC \uD300\uC758 \uBB38\uD654\uB97C \uBCF4\uC5EC\uC8FC\uB294 \uC0C1\uC9D5\uC774\uB2E4. \uB3D9\uB8CC\uB4E4\uC740 \uC774\uC81C \uC6B0\uB9AC \uD300\uC758 \uC7A5\uC810\uC73C\uB85C \u2018\uC9D1\uB2E8 \uC9C0\uC131\u2019\uC744 \uAF3D\uB294\uB2E4.

      \uB0B4\uAC00 \uD569\uB958\uD55C \uC2DC\uC810\uC5D0 \uC9D1\uB2E8 \uC9C0\uC131\uC73C\uB85C \uBB38\uC81C\uB97C \uD574\uACB0\uD558\uB294 \uBB38\uD654\uAC00 \uC790\uB9AC\uC7A1\uD600\uC788\uB294 \uC0C1\uD0DC\uC600\uB2E4. \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uC758\uACAC\uC744 \uC774\uC57C\uAE30\uD558\uACE0, \uAC19\uC774 \uACE0\uBBFC\uD558\uACE0, \uAC19\uC774 \uD574\uACB0\uD558\uB294 \uAC83\uC774 \uC81C\uC77C \uC778\uC0C1 \uAE4A\uC5C8\uB2E4.

      \uB2E8\uC21C\uD788 \uC774\uB7F0 \uBB38\uD654\uAC00 \uC2E0\uAE30\uD55C\uAC8C \uC544\uB2C8\uB77C, \uC774\uB7F0 \uBB38\uD654\uB97C \uB9CC\uB4E4\uC5B4 \uAC00\uB294 \uC5ED\uB7C9\uC744 \uAC00\uC9C4 \uD300\uC774\uB77C\uC11C \uC88B\uC558\uB2E4. \uB124\uC774\uBC84\uB2C8\uAE4C \uAE30\uC220\uC740 \uB2F9\uC5F0\uD788 \uB4B7\uBC1B\uCE68 \uB420 \uAC83\uC774\uACE0, \uC81C\uD488\uC744 \uC798 \uB9CC\uB4E4\uAE30 \uC704\uD574 \uB354 \uC88B\uC740 \uC218\uB2E8, \uB354 \uC88B\uC740 \uBB38\uD654\uB97C \uCC3E\uC544\uC11C \uC801\uC751\uD55C\uB2E4\uB294 \uAC83\uC774 \uC2DC\uC0AC\uD558\uB294 \uBC14\uAC00 \uBB34\uCC99 \uD070 \uAC83\uC774\uB2E4.

      \uADF8\uB798\uC11C \uB098\uB294 \uD6C8\uBBFC\uB2D8\uACFC \uC77C\uD558\uAC8C \uB41C \uAC83\uC774 2022\uB144\uC758 \uC81C\uC77C \uD070 \uD589\uC6B4\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

      \uC0AC\uC2E4 \uBAA8\uB4E0 \uD300\uC6D0\uC758 \uC5ED\uB7C9\uC774 \uB108\uBB34 \uB6F0\uC5B4\uB098\uC11C \uB098\uAC19\uC740 \uCC0C\uB044\uB808\uAE30\uB294 \uB530\uB77C\uAC00\uAE30\uAC00 \uBC85\uCC2C \uC218\uC900\uC774\uB2E4. \uB204\uAD70\uAC00\uC5D0\uAC90 \uC774\uAC8C \uBD80\uB2F4\uC77C \uC218 \uC788\uACA0\uC9C0\uB9CC, \uB09C \uC774 \uC0C1\uD669\uC774 \uCC38 \uC88B\uB2E4. \uBC30\uC6B0\uACE0 \uC2F6\uC740, \uBC30\uC6B8 \uC218 \uC788\uB294 \uC0AC\uB78C\uB4E4\uC774 \uBB34\uCC99 \uB9CE\uB2E4. \uC8FC\uC704\uC5D0 \uC788\uB294 \uBAA8\uB4E0 \uC0AC\uB78C\uC774 \uC874\uACBD\uC2A4\uB7FD\uACE0 \uBA4B\uC788\uACE0 \uB2EE\uACE0 \uC2F6\uB2E4. \uB0B4\uAC00 \uB531 \uC6D0\uD558\uB358 \uC0C1\uD669\uC774\uB784\uAE4C..!? \uB098\uB294 \uC774\uB807\uAC8C \uB6F0\uC5B4\uB09C \uBD84\uB4E4\uACFC \uC77C\uD558\uACE0 \uC2F6\uC5B4\uC11C \uB124\uC774\uBC84\uB77C\uB294 \uAE30\uC5C5\uC5D0 \uC624\uACE0 \uC2F6\uC5C8\uB358 \uAC83 \uAC19\uB2E4.

      \uC624\uAE00\uC624\uAE00

      3 bn

      \uB0B4\uAC00 \uC785\uC0AC\uD55C\uC9C0 \uC5BC\uB9C8 \uB418\uC9C0 \uC54A\uC558\uC744 \uB54C Club Greeny \uB77C\uB294\uAC8C \uC0DD\uACBC\uB2E4. \uC27D\uAC8C \uB9D0\uD574\uC11C \uC0AC\uB0B4 \uB3D9\uC544\uB9AC\uC778\uB370, \uC5B4\uB5A4 \uB3D9\uC544\uB9AC\uB97C \uD574\uBCFC\uAE4C \uACE0\uBBFC\uD558\uB2E4\uAC00 \uC624\uAE00\uC624\uAE00(\uC624\uB298\uC758 \uAE00\uC4F0\uAE30 x 2)\uC774\uB77C\uB294 \uB3D9\uC544\uB9AC\uC5D0 \uAC00\uC785\uD588\uB2E4.

      \uAF64 \uBC84\uAC70\uC6B4 \uD68C\uC0AC \uC0DD\uD65C\uC758 \uD55C \uC904\uAE30 \uBE5B\uC774\uB784\uAE4C? \uACE0\uBBFC\uC744 \uB298\uC5B4\uB193\uACE0, \uB4E4\uC5B4\uC8FC\uACE0, \uACF5\uAC10\uD560 \uC218 \uC788\uB294 \uACF5\uAC04\uC774 \uC0DD\uACBC\uACE0 \uAF64 \uC801\uADF9\uC801\uC73C\uB85C \uD65C\uC6A9\uD588\uB2E4.

      9\uC6D4 ~ 11\uC6D4\uAE4C\uC9C0\uB294 \uD65C\uB3D9\uC744 \uC801\uADF9\uC801\uC73C\uB85C \uD588\uB294\uB370, 12\uC6D4\uC740 \uAC70\uC758 \uD558\uC9C0 \uC54A\uC558\uB2E4. \uC5F0\uB9D0\uC774\uB77C\uC11C \uB9C8\uC74C\uC774 \uD5C8\uD55C \uAC83\uB3C4 \uC788\uC5C8\uACE0, \uB9E4\uC77C \uB9E4\uC77C \uAE00\uC744 \uC4F0\uB2E4\uBCF4\uB2C8 \uC18C\uC7AC\uB3C4 \uB9CE\uC774 \uB5A8\uC5B4\uC84C\uB2E4.

      2023\uB144\uC5D0\uB294 \uB354 \uC801\uADF9\uC801\uC73C\uB85C \uD65C\uB3D9\uD560 \uC608\uC815!

      MBTI

      \uC0C8\uB85C\uC6B4 \uC870\uC9C1\uC5D0 \uD569\uB958\uD558\uACE0, \uC0C8\uB85C\uC6B4 \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB098\uBA74\uC11C MBTI\uC5D0 \uB300\uD574 \uACFC\uBAB0\uC785\uD588\uB2E4. \uC0AC\uC2E4 \uC9C0\uAE08\uB3C4 \uACFC\uBAB0\uC785 \uC911\uC774\uB2E4. \uBE68\uB9AC \uC801\uC751\uD558\uAE30 \uC704\uD574\uC120 \uC8FC\uBCC0 \uD658\uACBD, \uC8FC\uBCC0 \uC0AC\uB78C\uC5D0 \uB300\uD55C \uC774\uD574\uAC00 \uD544\uC694\uD588\uB294\uB370 MBTI\uAC00 \uC88B\uC740 \uC9C0\uD45C\uAC00 \uB41C\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB2E4. \uADF8\uB9AC\uACE0 \uC6B0\uB9AC \uC870\uC9C1\uC5D0 \uC5B4\uC6B8\uB9AC\uB294 MBTI\uB294 \uBB58\uAE4C\uB3C4 \uB9CE\uC774 \uACE0\uBBFC\uD588\uB2E4.

      \uACB0\uB860\uC740\u2026 \uB09C \uACC4\uD68D\uD615 \uC778\uAC04\uC774 \uC544\uB2C8\uACE0, \uC801\uC5B4\uB3C4 \uC6B0\uB9AC \uC870\uC9C1\uC5D0 \uC798 \uC801\uC751\uD558\uAE30 \uC704\uD574\uC120 \uC5B4\uB290 \uC815\uB3C4\uC758 \uC798 \uC815\uB9AC\uB41C \uACC4\uD68D\uC774 \uD544\uC694\uD558\uB2E4. \uADF8\uB798\uC11C 2023\uB144\uC758 \uBAA9\uD45C\uB294 \uC758\uC2DD\uC801\uC778 \uACC4\uD68D\uD615 \uC778\uAC04\uC774 \uB418\uB294 \uAC83\uC774\uB2E4. \uC548 \uB418\uBA74 \uBCC4 \uC218 \uC5C6\uACE0?

      \uC57D 3\uB144 \uB3D9\uC548 ESFJ\uB85C \uACE0\uC815\uB418\uC5B4 \uC0B4\uC544\uC654\uB294\uB370, \uAE00\uC744 \uC791\uC131\uD558\uB294 \uC2DC\uC810\uC5D0\uB294 ESFJ, ENFJ, ENFP, ESFP\uB97C \uC654\uB2E4\uAC14\uB2E4 \uD558\uACE0 \uC788\uB2E4. \uACC4\uD68D\uD615\uC744 \uD55C\uCC38 \uBC97\uC5B4\uB0AC\uB2E4. \uC544\uB9C8 9\uC77C \uB3D9\uC548\uC758 \uD734\uC2DD\uC744 \uAC70\uCCD0\uC624\uB2C8 \uC774\uB7F0\uAC8C \uC544\uB2CC\uAC00 \uC2F6\uB2E4. \uB098\uB294 \uC77C\uC744 \uD560 \uB54C\uB294 \uADF8\uB098\uB9C8 J\uAC00 \uB418\uB294 \uAC83 \uAC19\uC740\uB370\u2026 \uC274 \uB54C, \uB180 \uB54C\uB294 \uC544\uBB34\uB9AC \uBD10\uB3C4 P\uAC00 \uB41C\uB2E4. \uBB34\uACC4\uD68D\uC73C\uB85C \uB178\uB294 \uAC83\uC744 \uC88B\uC544\uD55C\uB2EC\uAE4C? \uC0DD\uAC01\uD558\uBA74\uC11C \uB180\uACE0 \uC2F6\uC9C0 \uC54A\uB2E4. \uC0DD\uAC01 \uC5C6\uC774 \uB180\uACE0 \uC2F6\uB2E4.

      \uAC1C\uBC1C\uC774 \uC544\uB2CC, \uC77C\uC744 \uC798 \uD558\uAE30

      \uACB0\uAD6D \uAC1C\uBC1C\uC774\uB77C\uB294 \uD589\uC704\uB294 \uB3C8\uC744 \uBC8C\uAE30 \uC704\uD55C \uC218\uB2E8\uC774\uACE0 \uB3C4\uAD6C\uC774\uB2E4. \uAC1C\uBC1C\uC744 \uC798 \uD558\uB294 \uAC83\uC740 "\uC77C\uC744 \uD558\uAE30 \uC704\uD55C" \uD544\uC694 \uCDA9\uBD84 \uC870\uAC74\uC774\uB2E4. \uC774\uC81C "\uC77C\uC744 \uC798 \uD558\uAE30 \uC704\uD55C" \uD544\uC694 \uCDA9\uBD84 \uC870\uAC74\uB4E4\uC5D0 \uB300\uD574 \uACE0\uBBFC\uC744 \uD574\uC57C \uD558\uACE0, \uC774\uAC78 \uC798 \uD558\uB294 \uC0AC\uB78C\uC774 \uAE30\uC5C5\uC5D0 \uB354 \uB9CE\uC740 \uC774\uC724\uC744 \uAC00\uC838\uC624\uACE0 \uC131\uACFC\uB97C \uB0B4\uB294 \uAC83\uC774 \uC544\uB2D0\uAE4C?

      \uC77C\uC744 \uC798 \uD558\uAE30 \uC704\uD574\uC120 \uC77C\uC744 \uC65C \uD558\uB294\uC9C0 \uC54C\uC544\uC57C\uD558\uACE0, \uC65C \uD558\uB294\uC9C0 \uC54C \uC218 \uC5C6\uB2E4\uBA74 \uD560 \uD544\uC694\uAC00 \uC5C6\uB2E4. \uAC1C\uBC1C\uC790\uB4E4\uC740 \uAF64 \uB9CE\uC740 \uC5F0\uBD09\uC744 \uBC1B\uB294\uB2E4. \uB0B4\uAC00, \uC6B0\uB9AC\uAC00 \uC4F0\uB294 \uC2DC\uAC04\uC774 \uC0AC\uC2E4 \uB2E4 \uB3C8 \uB369\uC5B4\uB9AC\uC778 \uAC83\uC774\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uC77C\uC744 \uC2DC\uC791\uD558\uAE30 \uC804\uC5D0 \uC77C\uC744 \uD574\uC57C \uD558\uB294 \uC774\uC720\uB97C \uBA85\uD655\uD788 \uD574\uC57C\uD558\uBA70, \uD6A8\uC728\uC801\uC73C\uB85C \uD6A8\uACFC\uC801\uC73C\uB85C \uD560 \uC218 \uC788\uC5B4\uC57C \uD55C\uB2E4.

      \uC774\uAC8C \uBA38\uB9BF\uC18D\uC5D0\uB294 \uCF55 \uBC15\uD600\uC788\uB294\uB370, \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uD558\uAE30\uAC00 \uCC38 \uC5B4\uB835\uB2E4.

      2022\uB144\uC758 \uB098\uB294 \uC77C\uC744 \uC798 \uD588\uC744\uAE4C? \uC544\uB2C8\uBA74 \uADF8\uB0E5 \uD588\uC744\uAE4C? \uADF8\uB0E5 \uD55C \uAC83\uC5D0 \uAC00\uAE5D\uC9C0 \uC54A\uC744\uAE4C?

      2023\uB144\uC5D0\uB294 \uC77C\uC744 \u201C\uC798\u201D \uD558\uAE30 \uC704\uD55C \uACE0\uBBFC\uB4E4\uC744 \uD558\uACE0, \uC2E4\uCC9C \uD560 \uC218 \uC788\uAE30\uB97C \uBC14\uB780\uB2E4.

      3. \uBD80\uC2A4\uD2B8\uCEA0\uD504

      4 bn

      \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC5D0 5\uAE30(2020)\uC5D0\uB294 \uB9AC\uBDF0\uC5B4\uB85C, 6\uAE30(2021)\uC5D0\uB294 \uB9AC\uBDF0\uC5B4\uC640 \uBA58\uD1A0\uB85C \uCC38\uC5EC\uD588\uB294\uB370, \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8(?) 7\uAE30\uC5D0\uB294 \uB9C8\uC2A4\uD130\uB85C \uCC38\uC5EC\uD558\uAC8C \uB418\uC5C8\uB2E4.

      \uBD80\uC2A4\uD2B8\uCEA0\uD504\uB294 \uCC4C\uB9B0\uC9C0 \u2192 \uBA64\uBC84\uC27D \u2192 \uD300\uD504\uB85C\uC81D\uD2B8 \uB4F1 3\uAC1C\uC758 \uACFC\uC815\uC774 \uC874\uC7AC\uD558\uACE0, \uB098\uB294 \uB9C8\uC2A4\uD130\uB85C\uC11C \uBA64\uBC84\uC27D\uACFC \uD300\uD504\uB85C\uC81D\uD2B8\uC5D0 \uAE30\uC5EC\uD560 \uC218 \uC788\uC5C8\uB2E4.

      2\uC2DC\uAC04\uC529 \uCD1D 14\uBC88\uC758 \uC628\uB77C\uC778 \uAC15\uC758\uB97C \uD588\uB294\uB370, \uC774\uAC8C \uCC38\u2026 \uB9CE\uC774 \uBC84\uAC70\uC6E0\uB2E4. \uB0B4\uAC00 \uACBD\uD5D8\uD55C \uB3C4\uBA54\uC778\uC758 \uD3ED\uC774 \uC881\uC558\uACE0(\uD3EC\uD138 \uC11C\uBE44\uC2A4\uC5D0 \uAD6D\uD55C\uB41C \uB3C4\uBA54\uC778\u2026), \uC815\uB2F5\uC744 \uCD5C\uB300\uD55C \uC81C\uC2DC\uD558\uC9C0 \uC54A\uB294 \uBC29\uC2DD\uC73C\uB85C \uB0B4\uC6A9\uC744 \uC804\uB2EC \uD558\uB294 \uAC83\uC774 \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uC6B4\uC601 \uBAA9\uD45C\uC600\uAE30 \uB54C\uBB38\uC5D0 \uC804\uB2EC\uD558\uACE0 \uC2F6\uC740 \uB0B4\uC6A9\uC774 \uB9CE\uC544\uB3C4 \uC774\uB97C \uC804\uB2EC\uD558\uAE30\uAC00 \uC27D\uC9C0 \uC54A\uC558\uB2E4. \uB5A1\uBC25\uB9CC \uACC4\uC18D \uB358\uC838\uC918\uC57C \uD558\uB294\uB370 \uC774\uAC8C \uAC15\uC758\uB97C \uD558\uB294 \uB098\uB3C4, \uAC15\uC758\uB97C \uB4E3\uB294 \uCEA0\uD37C\uB4E4\uB3C4 \uCC38 \uB9CE\uC774 \uB2F5\uB2F5\uD588\uB2E4.

      \uBA64\uBC84\uC27D \uAD50\uC721 \uACFC\uC815\uC744 \uC124\uACC4\uD560 \uB54C\uB3C4, \uC0C8\uB85C\uC6B4 \uC2DC\uB3C4\uB97C \uB9CE\uC774 \uD558\uACE0 \uC2F6\uC5C8\uB294\uB370 \uACB0\uAD6D \uB300\uBD80\uBD84 \uC804 \uAE30\uC218\uC758 \uCF58\uD150\uCE20\uB97C \uB9CE\uC774 \uD65C\uC6A9\uD588\uB2E4. \uB3CC\uC774\uCF1C \uC0DD\uAC01\uD574\uBCF4\uBA74, \uC870\uAE08 \uBB34\uB9AC\uB97C \uD574\uC11C\uB77C\uB3C4 \uCF58\uD150\uCE20\uB97C \uC5CE\uC5B4\uBC84\uB9AC\uACE0 \uC0C8\uB85C\uC6B4 \uC2DC\uB3C4\uB97C \uD588\uC73C\uBA74 \uC5B4\uB560\uC744\uAE4C \uD558\uB294 \uC544\uC26C\uC6C0\uC774 \uC788\uB2E4. \uC774\uBC88 \uAE30\uC218\uC758 \uCF58\uD150\uCE20\uB294\u2026 \uAE4A\uC740 \uBAB0\uC785\uC774 \uC27D\uC9C0 \uC54A\uC558\uC744 \uAC83 \uAC19\uB2E4. \uB108\uBB34 \uB9CE\uC740 \uAE30\uC220\uC774 \uC788\uACE0, \uC2EC\uC9C0\uC5B4 \uD480\uC2A4\uD0DD\uC73C\uB85C \uD574\uC57C \uD558\uACE0, \uB9AC\uBDF0\uC5B4\uC5D0\uAC8C \uB9AC\uBDF0\uB97C \uBC1B\uB294 \uAC83\uB3C4 \uC27D\uC9C0 \uC54A\uC740 \uCF58\uD150\uCE20\uC600\uB2E4. \uADF8\uB798\uC11C \uC8FC\uC81C\uB97C \uC791\uC740 \uB2E8\uC704\uB85C \uCABC\uAC1C\uC11C \uB354 \uAE4A\uAC8C \uBAB0\uC785\uD560 \uC218 \uC788\uB3C4\uB85D \uD588\uC73C\uBA74 \uB354 \uC88B\uC558\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4. \uC0AC\uC2E4 \uCEA0\uD37C\uB4E4\uC758 \uC5ED\uB7C9\uC774 \uB6F0\uC5B4\uB098\uAE30 \uB54C\uBB38\uC5D0 \uC5B4\uB5A4 \uCF58\uD150\uCE20\uB97C \uB358\uC838\uC918\uB3C4 \uC5B4\uB5BB\uAC8C\uD574\uC11C\uB4E0 \uC798 \uD761\uC218\uD574\uC11C \uC131\uC7A5\uD588\uC744 \uAC83 \uAC19\uB2E4.

      \uB0B4\uB144\uC5D0\uB3C4 \uB098\uC5D0\uAC8C \uAE30\uD68C\uAC00 \uC788\uC744\uC9C0 \uBAA8\uB974\uACA0\uC73C\uB098, \uAE30\uD68C\uAC00 \uC788\uB2E4\uBA74 \uB354 \uC801\uADF9\uC801\uC73C\uB85C \uAC1C\uC120\uD574\uBCF4\uACE0 \uC2F6\uB2E4. \uC0AC\uC2E4 \uB05D\uB098\uC11C \uC774\uB7F0 \uC0DD\uAC01\uC744 \uD558\uB294\uAC70\uC9C0 \uC544\uB9C8 \uB2E4\uC2DC \uD558\uB77C\uACE0 \uD558\uBA74 \uD798\uB4E4\uC5B4\uC11C \uBABB\uD560 \uAC83 \uAC19\uAE30\uB3C4..?

      \uC5B4\uCA0C\uB4E0 \uB098\uB294 \uB0B4\uAC00 \uAC00\uC9C4 \uC5ED\uB7C9\uC5D0 \uBE44\uD574 \uB108\uBB34 \uB9CE\uC740 \uAD00\uC2EC\uC744 \uBC1B\uC558\uACE0, \uADF8\uAC8C \uCC38 \uBD80\uB2F4\uC2A4\uB7EC\uC6B0\uBA74\uC11C\uB3C4 \uAC10\uC0AC\uD588\uB2E4. \uADF8\uB798\uB3C4 \uB098\uB77C\uB294 \uC874\uC7AC\uAC00 \uC774\uB4E4\uC5D0\uAC8C \uC870\uAE08\uC774\uB098\uB9C8 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uB2E4\uB294 \uAC83\uC5D0, \uB3C4\uC6C0\uC744 \uC904 \uC218 \uC788\uC5C8\uB2E4\uB294 \uAC83\uC5D0, \uC774\uB7F0 \uAE30\uD68C\uAC00 \uC0DD\uACBC\uB2E4\uB294 \uAC83\uC5D0 \uAE4A\uC740 \uAC10\uC0AC\uD568\uC744 \uB290\uB080\uB2E4.

      To. \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uCEA0\uD37C\uC5EC\uB7EC\uBD84

      \uBD80\uC2A4\uD2B8\uCEA0\uD504\uB77C\uB294 \uC774 \uD798\uB4E0 \uACFC\uC815\uC744 \uB05D\uAE4C\uC9C0 \uC644\uC218\uD55C \uC5EC\uB7EC\uBD84\uC744 \uB9C8\uC74C \uAE4A\uC774 \uC874\uACBD\uD558\uACE0 \uC788\uC5B4\uC694!

      "\uD669\uC900\uC77C"\uC774\uB77C\uB294 \uC0AC\uB78C\uC740 \uC544\uB9C8 \uC5EC\uB7EC\uBD84\uC774 \uAE30\uB300\uD55C \uB9C8\uC2A4\uD130\uC758 \uBAA8\uC2B5\uBCF4\uB2E4 \uACBD\uD5D8\uB3C4 \uC5ED\uB7C9\uB3C4 \uB9CE\uC774 \uBD80\uC871\uD588\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD569\uB2C8\uB2E4. \uADF8\uB7FC\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uACFC\uBD84\uD55C \uAD00\uC2EC\uC744 \uC8FC\uC154\uC11C \uAC10\uC0AC\uD558\uACE0, \uD568\uAED8\uD560 \uC218 \uC788\uC5B4\uC11C \uC990\uAC70\uC6E0\uACE0, \uD589\uBCF5\uD588\uC2B5\uB2C8\uB2E4.

      \uC218\uB8CC\uC2DD \uB54C \uC774\uC57C\uAE30\uD588\uB358 \uAC83 \uCC98\uB7FC, \uC774 \uACFC\uC815\uC740 \uC5EC\uB7EC\uBD84\uC758 \uC2DC\uC791\uC785\uB2C8\uB2E4. \uBD80\uC2A4\uD2B8\uCEA0\uD504\uB294 \uAC1C\uBC1C\uC790\uB85C \uC0B4\uC544\uB0A8\uAE30 \uC704\uD55C \uCF54\uC5B4 \uADFC\uC721\uC744 \uB9CC\uB4E4\uC5B4\uC900 \uC2DC\uAC04\uB4E4\uC774\uC5C8\uC2B5\uB2C8\uB2E4. \uC5EC\uB7EC\uBD84\uC774 \uC9C0\uCCD0 \uC4F0\uB7EC\uC838\uB3C4, \uC774 \uC2DC\uAC04\uB4E4\uC774 \uB2E4\uC2DC \uC77C\uC73C\uCF1C \uC138\uC6CC\uC904 \uC218 \uC788\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD569\uB2C8\uB2E4. \uC544\uB9C8 \uC55E\uC73C\uB85C \uBCF4\uB0BC \uB300\uBD80\uBD84\uC758 \uC2DC\uAC04\uB4E4\uC740 \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC758 \uACFC\uC815\uBCF4\uB2E8 \uB35C \uD798\uB4E4\uC9C0 \uC54A\uC744\uAE4C\uC694!?

      2023\uB144\uC740 \uC5EC\uB7EC\uBD84\uC758 \uB178\uB825\uC774 \uACB0\uC2E4\uC744 \uB9FA\uB294 \uD574\uAC00 \uB418\uAE38 \uBC14\uB78D\uB2C8\uB2E4!

      4. \uB125\uC2A4\uD2B8\uC2A4\uD15D

      ',31),k=i("2022\uB144\uC5D0\uB294 "),w={href:"https://edu.nextstep.camp/c/BRaNdTQx",target:"_blank",rel:"noopener noreferrer"},C=i("\uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uD074\uB9B0\uCF54\uB4DC \uACFC\uC815"),N=i("\uC5D0 \uCD1D 3\uBC88 \uB9AC\uBDF0\uC5B4\uB85C \uCC38\uC5EC\uD588\uB2E4. \uC790\uBC14 \uD074\uB9B0\uCF54\uB4DC \uACFC\uC815\uC758 \uB9AC\uBDF0\uC5B4\uB85C \uCC38\uC5EC\uD560 \uB54C \uBCF4\uB2E8 \uBD80\uB2F4\uC740 \uC904\uC5C8\uACE0, \uC7AC\uBBF8\uB294 \uB298\uC5C8\uB2E4. 2023\uB144\uC5D0\uB294 \uB9AC\uC561\uD2B8 \uACFC\uC815\uC774 \uC5F4\uB9B0\uB2E4\uACE0 \uD558\uB2C8 \uAE30\uB300 \uC911\uC774\uB2E4."),q=i("\uADF8\uB9AC\uACE0 "),L={href:"https://edu.nextstep.camp/c/lk9FrBtw",target:"_blank",rel:"noopener noreferrer"},S=i("\uAD50\uC721\uC790 \uC591\uC131\uACFC\uC815"),F=i("\uC5D0 \uC218\uAC15\uC0DD\uC73C\uB85C \uCC38\uC5EC\uD588\uB294\uB370, \uC5B4\uB5A4 \uAD50\uC721\uC774 \uC88B\uC740 \uAD50\uC721\uC778\uC9C0 \uAF64 \uB9CE\uC774 \uACE0\uBBFC\uD560 \uC218 \uC788\uC5C8\uB2E4. \uACE0\uBBFC\uC758 \uAE30\uD68C\uAC00 \uB41C \uAC83 \uC790\uCCB4\uAC00 \uC18C\uC911\uD55C \uACBD\uD5D8\uC774\uC5C8\uB2E4. \uB2E4\uB9CC \uAC15\uC0AC\uB85C\uC11C\uC758 \uB0B4 \uBAA8\uC2B5\uC740\u2026 \uB9CC\uC871\uC2A4\uB7FD\uC9C0 \uBABB\uD588\uB2E4. "),J=e("s",null,"\uC7AC\uB2A5\uC774 \uC5C6\uB294 \uAC83 \uAC19\uAE30\uB3C4",-1),V=e("iframe",{width:"560",height:"315",style:{"max-width":"100%"},src:"https://www.youtube.com/embed/t40dyHxJVPY",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""},null,-1),M=r('

      \uC5B4\uB5A4 \uC11C\uBE44\uC2A4\uB294 \uACE0\uAC1D\uC774 \uC88B\uC740 \uAC00\uCE58\uB97C \uC81C\uACF5\uD574\uC8FC\uAE30\uB3C4 \uD55C\uB2E4. \uB098\uB294 \uB125\uC2A4\uD2B8\uC2A4\uD15D\uC774\uB77C\uB294 \uAD50\uC721 \uD50C\uB7AB\uD3FC\uC774 \uC774\uC5D0 \uD574\uB2F9\uD55C\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uB2E8\uC21C\uD788 \uAD50\uC721\uC744 \uBC1B\uB294 \uC218\uB3D9\uC801\uC778 \uACE0\uAC1D\uC774 \uC544\uB2C8\uB77C, \uAD50\uC721\uC5D0 \uAE30\uC5EC\uD560 \uC218 \uC788\uB294 \uB2A5\uB3D9\uC801\uC778 \uACE0\uAC1D\uB4E4\uC774 \uB125\uC2A4\uD2B8\uC2A4\uD15D\uC5D0 \uB9CE\uC774 \uC788\uB2E4. \uC5B4\uB5BB\uAC8C\uBCF4\uBA74 \uC591\uC9C8\uC758 \uAD50\uC721\uC5D0 \uBE44\uD574 \uADDC\uBAA8\uAC00 \uC791\uB2E4\uACE0 \uC0DD\uAC01\uD560 \uC218\uB3C4 \uC788\uC9C0\uB9CC \uADF8\uB9CC\uD07C \uB125\uC2A4\uD2B8\uC2A4\uD15D\uC758 \uC218\uAC15\uC0DD\uB4E4\uC740 \uAD49\uC7A5\uD788 \uB9CE\uC740 \uAC00\uCE58\uB97C \uB9CC\uB4E4\uACE0 \uC788\uB2E4. \uAD50\uC721\uC790\uC640 \uC218\uAC15\uC0DD\uC758 \uC2DC\uB108\uC9C0\uAC00 \uC88B\uB2E4\uACE0 \uD574\uC57C\uD560\uAE4C?

      \uADF8\uB798\uC11C \uB098\uB294 \uB125\uC2A4\uD2B8\uC2A4\uD15D\uC774\uB77C\uB294 \uC774 \uD50C\uB7AB\uD3FC\uC774 \uB108\uBB34 \uB9C8\uC74C\uC5D0 \uB4E4\uACE0, \uC5EC\uAE30\uC5D0 \uAE30\uC5EC\uD560 \uC218 \uC788\uB2E4\uB294 \uC0AC\uC2E4\uC5D0 \uAC10\uC0AC\uD568\uC744 \uB290\uB080\uB2E4.

      5. \uAE30\uB2A5\uACBD\uAE30\uB300\uD68C

      5

      \uB9E4\uB144 \uC5EC\uB984\uC5D0 \uBCF4\uB294 \uC11C\uC6B8\uB514\uC9C0\uD14D\uACE0\uB4F1\uD559\uAD50\uC758 \uD48D\uACBD\uC774\uB2E4.

      2022\uB144\uC5D0\uB3C4 \uC5B4\uAE40\uC5C6\uC774 \uB300\uD68C\uAC00 \uC5F4\uB838\uACE0, \uD559\uC0DD\uB4E4\uC744 \uAC00\uB974\uCCE4\uACE0, \uAE30\uB300\uD55C \uAC83 \uC774\uC0C1\uC73C\uB85C \uD559\uC0DD\uB4E4\uC774 \uC798 \uD574\uC8FC\uC5C8\uB2E4. \uD2B9\uD788 \uC774\uBC88\uC5D0 \uAC00\uB974\uCCE4\uB358 \uD559\uC0DD\uB4E4\uC740 \uC131\uC7A5\uC5D0 \uB300\uD55C \uC695\uC2EC\uC744 \uB9CE\uC774 \uBCF4\uC5EC\uC11C \uC88B\uC558\uB2E4.

      2023\uB144\uC5D0\uB294 \uC774 \uCE5C\uAD6C\uB4E4\uC744 \uD65C\uC6A9\uD574\uC11C \uCCB4\uACC4\uC801\uC778 \uB300\uD68C \uAD50\uC721 \uC2DC\uC2A4\uD15C\uC744 \uB9CC\uB4E4\uC5B4 \uBCF4\uACE0 \uC2F6\uC740\uB370\u2026 \uB098\uC5D0\uAC8C \uADF8\uB7F4 \uC5EC\uC720\uAC00 \uC788\uC744\uC9C0 \uBAA8\uB974\uACA0\uB2E4. \uC5C6\uC73C\uBA74 \uB9CC\uB4E4\uC5B4\uC57C\uACA0\uC9C0? \uACC4\uD68D\uD615 \uC778\uAC04\uC774 \uB41C\uB2E4\uBA74 \uAC00\uB2A5\uD560\uAEBC\uC57C!

      \uBC18\uC740 \uB18D\uB2F4, \uBC18\uC740 \uC9C4\uB2F4\uC774\uB2E4. \uC774\uAC8C \uAC00\uB2A5\uD574\uC9C4\uB2E4\uBA74, \uC2DC\uC2A4\uD15C\uC744 \uB9CC\uB4E4 \uC218 \uC788\uB2E4\uBA74, \uC815\uB9D0 \uB9CE\uC740 \uD559\uC0DD\uB4E4\uC5D0\uAC8C \uC591\uC9C8\uC758 \uAE30\uD68C\uB97C \uC81C\uACF5\uD560 \uC218 \uC788\uC744 \uAC83 \uAC19\uB2E4.

      6. \uAC1C\uC778\uC801\uC778 \uC0DD\uAC01

      \uC544\uBB34\uB9D0 \uB300\uC794\uCE58

      2022\uB144\uC740 \uAF64 \uBC84\uAC70\uC6E0\uACE0 \uD798\uB4E4\uC5C8\uB2E4. \uC2EC\uC2E0\uC774 2021\uB144\uACFC \uBE44\uAD50\uD574\uBCF4\uBA74 \uB9CE\uC774 \uC9C0\uCE58\uACE0 \uB9DD\uAC00\uC9C4 \uAC83 \uAC19\uB2E4.

      \uC774\uC9C1\uC774\uB77C\uB294\uAC8C \uC0DD\uAC01\uBCF4\uB2E4 \uB354 \uC5D0\uB108\uC9C0\uB97C \uB9CE\uC774 \uC4F0\uB294 \uC77C\uC774\uC5C8\uACE0, \uBD80\uC2A4\uD2B8\uCEA0\uD504\uB294 \uC990\uAC70\uC6C0\uACFC \uBD80\uB2F4\uAC10\uC774 \uC815\uBE44\uB840\uD588\uB2E4.

      \uC774 \uB098\uC774\uAC00 \uB418\uC5B4\uC11C \uADF8\uB7F0\uAC78\uAE4C? \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uC7A5\uB840\uC2DD\uC5D0 \uB9CE\uC774 \uAC14\uACE0, \uADF8\uB7F4 \uB54C \uB9C8\uB2E4 \uC5B4\uB5BB\uAC8C \uC0B4\uC544\uAC00\uC57C \uD639\uC740 \uC5B4\uB5BB\uAC8C \uC8FD\uC5B4\uAC00\uC57C \uC798 \uC0B4\uC558\uB2E4\uACE0 \uC774\uC57C\uAE30 \uD560 \uC218 \uC788\uB294\uC9C0\uC5D0 \uB300\uD574 \uC0DD\uAC01\uD588\uB2E4.

      • \uB0B4\uAC00 \uAC1C\uBC1C\uC790\uC774\uAE30 \uB54C\uBB38\uC5D0 \uAC1C\uBC1C\uC744 \uC5F4\uC2EC\uD788 \uD558\uB294\uAC8C \uC798 \uC0B4\uC544\uAC00\uB294\uAC78\uAE4C?
      • \uD68C\uC0AC\uC5D0, \uD300\uC5D0 \uAE30\uC5EC\uD558\uB294\uAC8C \uC798 \uC0B4\uC544\uAC00\uB294\uAC78\uAE4C?
      • \uB3C8\uC744 \uC798 \uBC84\uB294\uAC8C \uC798 \uC0B4\uC544\uAC00\uB294\uAC78\uAE4C?
      • \uCE5C\uAD6C\uB4E4, \uC5F0\uC778, \uAC00\uC871 \uB4F1 \uB2E4\uC591\uD55C \uC778\uAC04\uAD00\uACC4 \uC18D\uC5D0\uC11C \uC88B\uC740 \uAD00\uACC4\uB97C \uB9CC\uB4DC\uB294\uAC8C \uADF8\uB7F0\uAC78\uAE4C?
      • \uBB34\uC5B8\uAC00\uB97C \uC5F4\uC2EC\uD788 \uD55C\uB2E4\uB294 \uAC83\uC774 \uADF8\uB9CC\uD07C\uC758 \uC758\uBBF8\uAC00 \uC788\uB294 \uC77C\uC77C\uAE4C?
      • \uC774\uB807\uAC8C \uC560\uC4F0\uB294 \uC774\uC720\uAC00 \uBB58\uAE4C?
      • \uBB34\uC5C7\uC744 \uC704\uD574\uC11C \uC0B4\uC544\uAC00\uB294\uAC78\uAE4C?

      \uB098\uB294

      • \uC758\uB3C4\uCE58\uC54A\uAC8C \uC6F9 \uAC1C\uBC1C\uC744 \uC2DC\uC791\uD588\uACE0,
      • \uB2E4\uB978 \uAC83\uB4E4\uC5D0\uB294 \uB354 \uD070 \uC7AC\uBBF8\uB97C \uB290\uB07C\uC9C0 \uBABB\uD574\uC11C \uC774 \uAE38\uC744 \uD0DD\uD588\uACE0,
      • \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uAC1C\uBC1C \uC5F4\uD48D\uC774 \uBD88\uC5C8\uACE0,
      • \uC774\uC5D0 \uB300\uD55C \uC0AC\uC774\uB4DC \uC774\uD399\uD2B8\uB85C \uB9CE\uC740 \uAE30\uD68C\uAC00 \uB0B4 \uC55E\uC5D0 \uB193\uC5EC\uC84C\uB2E4.

      \uADF8\uB798\uC11C \uB0B4\uAC00 \uC190\uC5D0 \uC954 \uAC83\uB4E4\uC774(\uB9CE\uC740 \uAC83\uB4E4\uC744 \uC950\uC5C8\uB2E4\uACE0 \uD560 \uC21C \uC5C6\uACA0\uC9C0\uB9CC) \uAC00\uB054\uC740 \uBE44\uD604\uC2E4\uC801\uC73C\uB85C \uB290\uAEF4\uC9C4\uB2E4.

      \uC774 \uC2DC\uB300\uC758 \uCCAD\uB144\uB4E4\uC774 \uD588\uB358 \uB178\uB825\uACFC \uBE44\uAD50\uD574\uBCF4\uBA74, \uB0B4\uAC00 \uD588\uB358 \uB178\uB825\uC740 \uB178\uB825\uC774\uB77C\uACE0 \uD558\uAE30\uC5D0 \uC6B0\uC218\uC6B4 \uC218\uC900\uC774\uB2E4.

      \uADF8\uB798\uC11C \uB098\uB294 \uB0B4 \uC778\uC0DD\uC774 \uB0B4 \uC608\uC0C1\uBCF4\uB2E4 \uC798 \uD480\uB9AC\uB294 \uB9CC\uD07C \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC758 \uC778\uC0DD\uB3C4 \uC798 \uD480\uB838\uC73C\uBA74 \uD558\uACE0, \uC774\uB97C \uC704\uD574\uC11C \uB0B4\uAC00 \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC740 \uCD5C\uB300\uD55C \uD574\uBCF4\uB824\uACE0 \uD55C\uB2E4.

      \uB098\uB9CC\uC758 \uBC29\uC2DD\uC73C\uB85C \uB2E4\uB978 \uC0AC\uB78C\uB4E4\uC744 \uB3C4\uC6B8 \uC218 \uC788\uB2E4\uBA74, \uADF8\uAC83 \uB9CC\uC73C\uB85C\uB3C4 \uAF64 \uB9CC\uC871\uC2A4\uB7EC\uC6B4 \uC778\uC0DD\uC774\uC9C0 \uC54A\uC744\uAE4C? \uC544\uB9C8 \uC55E\uC73C\uB85C\uB294 \uC774\uB7F0 \uC0DD\uAC01\uB4E4\uACFC, \uC0DD\uAC01\uC744 \uAD6C\uCCB4\uD654\uD558\uB824\uB294 \uC2DC\uB3C4\uB97C \uB9CE\uC774 \uD560 \uAC83 \uAC19\uB2E4.

      \uB9CC\uB0A8

      2022\uB144\uC5D0\uB294 \uC815\uB9D0 \uB2E4\uC591\uD55C \uC0AC\uB78C\uB4E4\uC744 \uB9CC\uB0AC\uB2E4. \uADF8\uB7EC\uBA74\uC11C \uC778\uC0AC\uC774\uD2B8\uB3C4 \uB9CE\uC774 \uC0DD\uACBC\uB294\uB370, \uC774\uB7F0 \uC778\uC0AC\uC774\uD2B8\uB97C \uB0B4 \uAC83\uC73C\uB85C \uC628\uC804\uD788 \uC735\uD654\uD558\uC9C0 \uBABB\uD588\uACE0 \uADF8\uAC8C \uCC38 \uC544\uC27D\uB2E4.

      \uC9C0\uAE08 \uB0B4\uAC00 \uBB34\uC5B8\uAC00\uB97C \uBC1B\uC544\uB4E4\uC774\uAE30\uC5D4 \uC548\uC815\uC801\uC778 \uC0C1\uD0DC\uAC00 \uC544\uB2CC \uAC83 \uAC19\uB2E4. \uADF8\uB798\uC11C \uAFB8\uC900\uD788 \uB098\uB97C \uD45C\uD604\uD558\uACE0, \uD138\uC5B4\uB0B4\uACE0, \uCC44\uC6CC\uB123\uACE0 \uC2F6\uB2E4.

      \uBC84\uB9AC\uC790, \uBC84\uB824\uC57C \uCC44\uC6B8 \uC218 \uC788\uB2E4. \uADF8\uAC8C \uBB3C\uAC74\uC774 \uB420 \uC218\uB3C4 \uC788\uACE0, \uB9C8\uC74C\uC774 \uB420 \uC218\uB3C4 \uC788\uACE0.

      \uB098\uC758 \uAC15\uC810\uACFC \uB2E8\uC810

      \uC5EC\uC790\uCE5C\uAD6C\uC640 \uB300\uD654\uD558\uB2E4\uAC00 \uC0DD\uAC01\uD574\uBCF8 \uB098\uC758 \uCD5C\uB300 \uC7A5\uC810\uC740 \uC2E4\uD589\uB825\uC774\uB2E4. \uBB34\uC5B8\uAC00 \uD558\uACE0\uC790 \uB9C8\uC74C \uBA39\uC5C8\uC744 \uB54C \uC5B4\uB5BB\uAC8C\uB4E0 \uC2E4\uD589\uD55C\uB2E4.

      \uB0B4\uAC00 \uACC4\uD68D\uC744 \uC138\uC6B0\uC9C4 \uC54A\uC9C0\uB9CC, \uB0A8\uC774 \uC138\uC6CC \uB193\uC740 \uACC4\uD68D\uC744 \uC798 \uB530\uB974\uB294 \uD3B8\uC774\uB784\uAE4C? \uADF8\uB9AC\uACE0 \uC774\uB97C \uC2E4\uD604\uD558\uAE30 \uC704\uD574 \uBB34\uB358\uD788 \uC560\uC4F4\uB2E4.

      \uB610 \uB2E4\uB978 \uAC15\uC810\uC740, \uAC10\uC815 \uAE30\uBCF5\uC774 \uB9CE\uC774 \uC5C6\uB294 \uD3B8\uC778\uB370 \uAC10\uC131\uC801\uC774\uB2E4. \uB9D0\uC774\uC57C \uBC29\uAD6C\uC57C

      \uAE0D\uC815\uC801\uC778 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD558\uACE0, \uAE0D\uC815\uC801\uC778 \uC0C1\uD0DC\uB97C \uAF64 \uC624\uB798 \uC720\uC9C0\uD55C\uB2E4. \uC774\uB7F0 \uC810\uC740 \uAD50\uC721\uC774\uB098 \uBA58\uD1A0\uB9C1\uC744 \uD560 \uB54C \uD6A8\uACFC\uAC00 \uC88B\uC740 \uD3B8\uC774\uB2E4.

      \uADF8\uB9AC\uACE0 \uC7A5\uC810\uC774\uB2E4 \uB2E8\uC810\uC740 \uACFC\uD558\uAC8C \uBAB0\uC785\uD55C\uB2E4\uB294 \uAC83. \uD604\uC7AC\uC758 \uCEE8\uD14D\uC2A4\uD2B8\uC5D0 \uBAB0\uC785\uC744 \uC798 \uD558\uB294 \uD3B8\uC778\uB370, \uBB38\uC81C\uB294\u2026 \uBAB0\uC785\uC744 \uD558\uB294 \uC21C\uAC04 \uADF8 \uC678\uC758 \uAC83\uC5D0 \uC2E0\uACBD\uC744 \uB9CE\uC774 \uBABB \uC4F0\uB294 \uD3B8\uC774\uB2E4.

      \uADF8\uB798\uC11C \uC77C\uC744 \uD558\uB2E4\uAC00 \uD68C\uC758\uAC00 \uC788\uC73C\uBA74 \uD68C\uC758\uC5D0 \uC798 \uBAB0\uC785\uD558\uC9C0 \uBABB\uD560 \uB54C\uAC00 \uB9CE\uACE0, \uB098\uC758 \uC77C\uC5D0 \uBAB0\uC785\uD558\uB2E4\uBCF4\uBA74 \uB2E4\uB978 \uC0AC\uB78C\uC758 \uC77C\uC744 \uC798 \uD30C\uC545\uD558\uC9C0 \uBABB\uD560 \uB54C\uAC00 \uB9CE\uB2E4.

      \uC774\uB97C \uC798 \uC870\uC808\uD558\uAE30 \uC704\uD574 \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC744\uAE4C? \uC5D0 \uB300\uD55C \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD588\uC5C8\uB294\uB370, \uC8FC\uBCC0\uC758 \uACC4\uD68D\uD615\uC778 \uC0AC\uB78C\uB4E4\uC758 \uC774\uC57C\uAE30\uB97C \uB4E4\uC5B4\uBCF4\uB2C8 \uBAB0\uC785\uC744 \uACC4\uD68D\uC801\uC73C\uB85C \uD55C\uB2E4\uACE0\u2026 (\uADF8\uAC8C \uAC00\uB2A5\uD55C\uAC70\uC57C!?)

      \uC798 \uB420\uC9C0 \uBAA8\uB974\uACA0\uC73C\uB098 \uC2DC\uB3C4\uB294 \uD574\uBD10\uC57C\uD560 \uAC83 \uAC19\uB2E4.

      \uADF8\uB0E5 \uB2E8\uC810\uC774\uB77C\uACE0 \uBD80\uB97C \uC218 \uC788\uB294 \uAC83\uC740, \uCC3D\uC758\uB825\uC774 \uBD80\uC871\uD558\uB2E4\uB294 \uAC83..

      \uBB34\uC5B8\uAC00\uB97C \uB9CC\uB4E4\uAC70\uB098 \uAC1C\uC120\uD560 \uB54C \uC774\uAC8C \uD070 \uAC78\uB9BC\uB3CC\uC774 \uB41C\uB2E4. \uD2C0\uC744 \uC798 \uAE68\uC9C0 \uBABB\uD55C\uB2EC\uAE4C?

      \uADF8\uB798\uC11C \uB098\uAC19\uC740 \uC0AC\uB78C\uC740 \uCD5C\uB300\uD55C \uB9CE\uC740 \uAC83\uB4E4\uC744 \uC77D\uB294\uAC8C \uC88B\uB2E4. \uCC45\uB3C4 \uC880 \uC77D\uACE0, \uC544\uD2F0\uD074\uB3C4 \uC880 \uC77D\uACE0, \uC624\uD508\uC18C\uC2A4\uB3C4 \uC880 \uBCF4\uC790.

      7. \uACC4\uBB18\uB144

      2023\uB144\uC758 \uBAA9\uD45C

      • \uC778\uAC15 \uCD2C\uC601

        • \uC62C\uD574\uB294 \uAF2D!!
        • \uAC00\uB2A5\uD558\uBA74 1\uBD84\uAE30 \uC774\uB0B4\uB85C
      • \uBBF8\uB77C\uD074 \uBAA8\uB2DD

        • 5\uC2DC\uC5D0 \uC77C\uC5B4\uB098\uC11C 12\uC2DC \uC774\uC804\uC5D0 \uC7A0\uB4E4\uAE30
        • \uC624\uD6C4 \uC2DC\uAC04\uC740 \uB0B4\uAC00 \uC544\uB2CC \uC8FC\uBCC0\uC744 \uB354 \uC2E0\uACBD \uC4F0\uAE30
        • \uC624\uC804 \uC2DC\uAC04\uC5D0 \uB098\uB97C \uC704\uD55C \uC77C\uC744 \uD558\uAE30
          • \uB3C5\uC11C/\uC6B4\uB3D9/\uC0AC\uC774\uB4DC\uC7A1
      • \uC720\uD29C\uBE0C\uC640 SNS \uC801\uB2F9\uD788 \uD558\uAE30

        • \uBE48 \uD2C8\uC774 \uC0DD\uAE30\uBA74 \uC778\uC2A4\uD0C0\uB97C \uD0A4\uB294 \uB0B4 \uBAA8\uC2B5\u2026 \uC88B\uC9C0 \uC54A\uC544.
        • \uB300\uC2E0 \uC2A4\uD2B8\uB808\uCE6D\uC774\uB77C\uB3C4 \uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C?
      • \uD56D\uC0C1 \uCCAD\uC18C\uD558\uAE30

        • 2023\uB144\uC740 \uC7AC\uD0DD\uADFC\uBB34\uB97C \uD574\uC57C \uD558\uAE30 \uB54C\uBB38\uC5D0 \uD56D\uC0C1 \uAE54\uB054\uD55C \uC0C1\uD0DC\uB97C \uC720\uC9C0\uD574\uBCF4\uAE30
      • \uBC14\uB978\uC790\uC138 \uC720\uC9C0\uD558\uAE30

        • \uC774\uBBF8 \uAC70\uBD81\uBAA9\uC774\uB77C\uC11C, \uB354 \uC774\uC0C1 \uC545\uD654\uB418\uC9C0 \uC54A\uAC8C\uB054..
      • \uC6B4\uB3D9\uD558\uAE30

        • \uCD9C\uD1F4\uADFC \uC2DC\uAC04\uC774 \uC5C6\uC5B4\uC9C0\uB294 \uB9CC\uD07C \uB098\uBA38\uC9C0\uB294 \uC6B4\uB3D9\uC5D0 \uC2DC\uAC04\uC744 \uD22C\uC790\uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C?
      • \uACC4\uD68D\uC801\uC73C\uB85C \uC0B4\uAE30 \u2605\u2605

        • 2022\uB144\uC5D0 \uC808\uC2E4\uD788 \uAE68\uB2EC\uC740 \uD55C \uAC00\uC9C0\uAC00 \uB098\uB294 \uBB34\uACC4\uD68D\uD615 \uC778\uAC04\uC774\uB77C\uB294 \uAC83
        • \uB098\uC5D0\uAC8C \uC8FC\uC5B4\uC9C4 \uC2DC\uAC04\uC744 \uC870\uAE08 \uD6A8\uACFC\uC801\uC73C\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294 \uAC83\uC740 \uACC4\uD68D\uC744 \uC138\uC6B0\uB294 \uAC83
        • \uACC4\uD68D\uC740 \uB17C\uB9AC\uC640 \uADFC\uAC70\uB97C \uB9CC\uB4E4\uC5B4\uC900\uB2E4.
          • \uACC4\uD68D\uC744 \uC138\uC6B0\uB294 \uAC83\uC5D0 \uC2A4\uD2B8\uB808\uC2A4 \uBC1B\uC9C0 \uC54A\uC744 \uC218 \uC788\uC744\uAE4C?
          • \uACC4\uD68D\uC744 \uC138\uC6B0\uB294 \uACC4\uD68D\uC744 \uACC4\uD68D\uD574\uBCF4\uC790 (\uC774\uAC8C \uBB54\uC18C\uB9B0\uC9C0)
            • \uD558\uB8E8\uC5D0 30\uBD84 \uC815\uB3C4\uB294 \uD22C\uC790\uD560 \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C?
        • \uB178\uC158\uC744 \uCD5C\uB300\uD55C \uD65C\uC6A9\uD574\uBCF4\uC790
      • \uC6F9\uD230 \uB300\uC2E0 \uB3C5\uC11C

        • \uB2F9\uB2F9\uD558\uAC8C \uB9D0\uD558\uB358 \uB098\uC758 \uCDE8\uBBF8\u2026 \uC6F9\uD230, \uC6F9\uC18C\uC124\u2026
        • \uB300\uC2E0 \uB3C5\uC11C\uB97C \uD574\uBCF4\uBA74 \uC5B4\uB5A8\uAE4C?
        • \uC624\uB298\uBD80\uD130 \uCDE8\uBBF8\uB294 \uB3C5\uC11C!!
      • \uC774\uC0AC \uC900\uBE44

        • \uACFC\uC5F0\u2026 \uC5B4\uB514\uB85C \uAC08 \uAC83\uC778\uAC00! (\uB098\uC5D0\uAC8C \uC120\uD0DD\uAD8C\uC774 \uC5C6\uC744 \uBFD0)

      \uBAA9\uD45C\uB97C \uB2EC\uC131\uC744 \uC704\uD55C \uC561\uC158 \uD50C\uB79C

      • \uD3C9\uC77C

        • \uD544\uC218\uB85C \uC368\uC57C\uD558\uB294 \uC2DC\uAC04 = 16\uC2DC\uAC04

          • \uC218\uBA74 6\uC2DC\uAC04
          • \uD68C\uC0AC\uC77C 8\uC2DC\uAC04
          • \uC2DD\uC0AC 2\uC2DC\uAC04 (\uC810\uC2EC/\uC800\uB141)
        • \uC790\uC720 \uC2DC\uAC04 = 2\uC2DC\uAC04

          • \uBB58 \uD558\uB4E0 \uC790\uC720
        • \uB0A8\uB294 \uC2DC\uAC04 = 6\uC2DC\uAC04

          • \uC6B4\uB3D9 1\uC2DC\uAC04
          • \uB3C5\uC11C 1\uC2DC\uAC04 (23:00 ~ 24:00)
          • \uC624\uAE00\uC624\uAE00 30\uBD84
          • \uC0AC\uC774\uB4DC\uC7A1 ( \uAE00\uC4F0\uAE30, \uBA58\uD1A0\uB9C1, \uCF54\uB4DC\uB9AC\uBDF0, \uC778\uAC15 \uBC0F \uAE30\uD0C0 \uB4F1\uB4F1 ) 2\uC2DC\uAC04
      • \uC8FC\uB9D0

        • \uAC00\uB2A5\uD558\uBA74 \uC628\uC804\uD55C \uD734\uC2DD\uC744 \uCD94\uAD6C\uD558\uAE30..?
      • \uB9E4\uC6D4

        • \uC6D4 \uCD08 \u2192 \uC774\uBC88 \uB2EC \uBAA9\uD45C \uC138\uC6B0\uAE30
        • \uC6D4 \uB9D0 \u2192 \uBAA9\uD45C \uB2EC\uC131 \uC5EC\uBD80 \uD655\uC778 \uBC0F \uD68C\uACE0
      • 1\uBD84\uAE30

        • \uB0A8\uB294 \uC2DC\uAC04\uC740 \uC778\uAC15 \uCD2C\uC601\uC5D0 \uCD5C\uB300\uD55C \uD22C\uC790\uD574\uBCF4\uAE30
      • 2\uBD84\uAE30 ~

        • \uC0AC\uC2E4 \uBB58 \uD560\uC9C0 \uBAA8\uB974\uACA0\uC74C..
        • \uC544\uB9C8 \uAE30\uB2A5\uB300\uD68C \uAD00\uB828 \uCF58\uD150\uCE20\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD558\uC9C0 \uC54A\uC744\uAE4C?

      8. \uB354 \uC7A5\uAE30\uC801\uC778, \uB354 \uC774\uC0C1\uC801\uC778 \uBAA9\uD45C

      • \uC6B0\uB9AC\uB294 \uC77C\uC744 \uC65C \uD560\uAE4C? \uACB0\uAD6D\uC5D4 \uD589\uBCF5\uD574\uC9C0\uB824\uACE0, \uC798 \uC0B4\uB824\uACE0 \uD558\uB294\uAC8C \uC544\uB2D0\uAE4C?
      • \uD68C\uC0AC\uC5D0 \uC885\uC18D\uB41C \uC0C1\uD0DC\uC5D0\uC11C\uB294 \uC5BC\uB9C8\uB098 \uD589\uBCF5\uD574\uC9C8 \uC218 \uC788\uC744\uAE4C?
      • \uC5BC\uB9C8\uB098 \uC790\uC720\uB85C\uC6B4 \uC778\uC0DD\uC744 \uC0B4 \uC218 \uC788\uC744\uAE4C?
      • \uB098\uB294 \uD68C\uC0AC\uC5D0, \uADF8\uB9AC\uACE0 \uC77C\uC5D0 \uC885\uC18D\uC801\uC778 \uC0B6\uB9CC \uC0B4 \uC218 \uC788\uB294\uAC78\uAE4C?
      • \uC77C\uC5D0 \uC885\uC18D\uC801\uC778 \uC778\uC0DD\uC744 \uC0B4\uC544\uC57C \uD55C\uB2E4\uBA74, \uC815\uB9D0 \uB0B4\uAC00 \uC88B\uC544\uD558\uB294 \uC0AC\uB791\uD558\uB294 \uC77C\uC744 \uD574\uC57C \uD558\uC9C0 \uC54A\uC744\uAE4C?
      • \uADF8\uB807\uB2E4\uBA74 \uB098\uB294 \uAC1C\uBC1C\uC790\uB77C\uB294 \uC9C1\uC5C5\uC744 \uC5BC\uB9C8\uB098 \uC88B\uC544\uD558\uACE0 \uC788\uC744\uAE4C?
      • \uADF8\uB0E5 \uAD00\uC131 \uB54C\uBB38\uC5D0 \uAC1C\uBC1C\uC790\uAC00 \uB41C\uAC8C \uC544\uB2D0\uAE4C?

      \uADF8\uB798\uC11C \uB098\uC758 \uCD5C\uC885 \uBAA9\uD45C\uB294, \uC758\uC874\uC131 \uC5ED\uC804\uC744 \uD558\uB294 \uAC83.

      • \uD68C\uC0AC\uB77C\uB294 \uAC70\uB300\uD55C \uCEE8\uD14D\uC2A4\uD2B8\uC5D0, \uAC1C\uBC1C\uC790\uB77C\uB294 \uC778\uC2A4\uD134\uC2A4\uC5D0 \uB098\uB97C \uC8FC\uC785\uD558\uC9C0 \uC54A\uB294 \uAC83.
      • \uB0B4\uAC00 \uAC00\uC9C4 \uC778\uD130\uD398\uC774\uC2A4\uB97C \uB9CE\uC774 \uCC3E\uC544\uB0B4\uB294 \uAC83.
      • \uB0B4\uAC00 \uD611\uB825\uD560 \uC218 \uC788\uB294 \uC0AC\uB78C\uB4E4\uC744 \uB354 \uB9CE\uC774 \uCC3E\uC544\uB0B4\uB294 \uAC83.

      \uC9C0\uAE08\uC740 \uC2A4\uCF00\uCE58\uB9CC \uD574\uB193\uC740 \uC0C1\uD0DC\uB2E4. 2023\uB144 \uD68C\uACE0\uC5D0\uC11C\uB294 \uCCAD\uC0AC\uC9C4\uC774 \uB418\uC5B4 \uC788\uAE30\uB97C.

      Summary

      • 2022\uB144, \uAF64 \uD798\uB4E4\uC5C8\uB2E4.
      • 2023\uB144, \uB354 \uC798 \uD574\uBCF4\uACE0 \uC2F6\uB2E4.
      ',48);function P(A,D){const l=p("ExternalLinkIcon");return s(),n("div",null,[g,e("p",null,[f,e("a",b,[m,a(l)]),x]),B,e("p",null,[E,e("a",T,[v,a(l)]),y]),I,e("p",null,[k,e("a",w,[C,a(l)]),N]),e("p",null,[q,e("a",L,[S,a(l)]),F,J]),V,M])}var Y=t(_,[["render",P],["__file","index.html.vue"]]);export{Y as default}; diff --git a/assets/index.html.96df45f3.js b/assets/index.html.c1e22381.js similarity index 94% rename from assets/index.html.96df45f3.js rename to assets/index.html.c1e22381.js index 71f6f6ae..608e142a 100644 --- a/assets/index.html.96df45f3.js +++ b/assets/index.html.c1e22381.js @@ -1 +1 @@ -const e={key:"v-0e44307f",path:"/CodeSpitz/None-Blocking-Javascript/Intro/",title:"None Blocking Javascript \uC18C\uAC1C",lang:"en-US",frontmatter:{title:"None Blocking Javascript \uC18C\uAC1C",description:"\uAC70\uCE68\uC5C6\uB294(None Blocking) \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uD2B9\uC9D5\uB4E4\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD569\uB2C8\uB2E4.",date:"2020-01-31T13:00:00.000Z",sidebarDepth:2,tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, domain",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"Javascript Pipeline",slug:"javascript-pipeline",children:[]},{level:2,title:"ECMAScript Standard",slug:"ecmascript-standard",children:[{level:3,title:"ES6",slug:"es6",children:[]},{level:3,title:"ES7",slug:"es7",children:[]},{level:3,title:"ES8",slug:"es8",children:[]},{level:3,title:"ES9",slug:"es9",children:[]},{level:3,title:"ES10",slug:"es10",children:[]},{level:3,title:"ES11(Stage11)",slug:"es11-stage11",children:[]}]},{level:2,title:"Program & Timing",slug:"program-timing",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"CodeSpitz/None-Blocking-Javascript/Intro/README.md"};export{e as data}; +const e={key:"v-0e44307f",path:"/CodeSpitz/None-Blocking-Javascript/Intro/",title:"None Blocking Javascript \uC18C\uAC1C",lang:"en-US",frontmatter:{title:"None Blocking Javascript \uC18C\uAC1C",description:"\uAC70\uCE68\uC5C6\uB294(None Blocking) \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8\uC758 \uD2B9\uC9D5\uB4E4\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD569\uB2C8\uB2E4.",date:"2020-01-31T13:00:00.000Z",sidebarDepth:2,tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, domain",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"Javascript Pipeline",slug:"javascript-pipeline",children:[]},{level:2,title:"ECMAScript Standard",slug:"ecmascript-standard",children:[{level:3,title:"ES6",slug:"es6",children:[]},{level:3,title:"ES7",slug:"es7",children:[]},{level:3,title:"ES8",slug:"es8",children:[]},{level:3,title:"ES9",slug:"es9",children:[]},{level:3,title:"ES10",slug:"es10",children:[]},{level:3,title:"ES11(Stage11)",slug:"es11-stage11",children:[]}]},{level:2,title:"Program & Timing",slug:"program-timing",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"CodeSpitz/None-Blocking-Javascript/Intro/README.md"};export{e as data}; diff --git a/assets/index.html.2c45a322.js b/assets/index.html.c559cd93.js similarity index 99% rename from assets/index.html.2c45a322.js rename to assets/index.html.c559cd93.js index 47075f8a..159143a6 100644 --- a/assets/index.html.2c45a322.js +++ b/assets/index.html.c559cd93.js @@ -1 +1 @@ -import{_ as p,r as t,o as e,c as r,a as l,b as n,e as o,d as s}from"./app.800103af.js";var H="/TIL/assets/thumbnail.2efa75e5.png";const W={},a=l("p",null,[l("img",{src:H,alt:"thumbnail"})],-1),c={href:"https://www.yes24.com/Product/Goods/104263930",target:"_blank",rel:"noopener noreferrer"},u=o("\uC2A4\uD0C0\uD2B8 \uC704\uB4DC \uC640\uC774 (START WITH WHY) 30\uB9CC\uBD80 \uAE30\uB150 \uBE14\uB799\uC5D0\uB514\uC158 - \uC608\uC2A424"),g=s('

      2024\uB144\uC5D0 \uC77D\uC740 \uCCAB \uBC88\uC9F8 \uB3C4\uC11C\uB2E4. \uC778\uC0DD\uACBD\uC601\uD074\uB7FD\uC774 \uC544\uB2C8\uC600\uC73C\uBA74 \uC2DC\uB3C4\uD558\uC9C0 \uBABB\uD588\uC744...

      \uBC11\uC904 \uCE5C \uBB38\uC7A5

      • \uD589\uB3D9\uC5D0 \uC601\uD5A5\uC744 \uC8FC\uB294 \uBC29\uBC95\uC740 \uB531 \uB450\uAC00\uC9C0\uB2E4. \uC870\uC815\uD558\uAC70\uB098 \uC5F4\uC758\uB97C \uBD88\uC5B4 \uB123\uB294 \uAC83\uC774\uB2E4.

      • \uC870\uC885\uC740 \uACBD\uC601\uC5D0\uC11C \uC815\uCE58\uC5D0 \uC774\uB974\uAE30\uAE4C\uC9C0 \uBAA8\uB4E0 \uD615\uD0DC\uC758 \uC601\uC5C5\uACFC \uB9C8\uCF00\uD305\uC5D0 \uB9CC\uC5F0\uD574\uC788\uB2E4. \uC804\uD615\uC801\uC778 \uC870\uC885\uC758 \uC608\uB85C\uB294 \uAC00\uACA9\uC778\uD558, \uD504\uB85C\uBAA8\uC158 \uADF8\uB9AC\uACE0 \uACF5\uD3EC \uB9C8\uCF00\uD305\uC774\uB098 \uB3D9\uC870\uC555\uB825, \uC18C\uBE44\uC790 \uC5F4\uB9DD\uC744 \uC774\uC6A9\uD55C \uB9C8\uCF00\uD305 \uB4F1\uC774 \uC788\uB2E4.

      • \uACE0\uAC1D\uC774 \uC65C \uC790\uC0AC\uB97C \uC120\uD0DD\uD558\uB294\uC9C0 \uD655\uC2E4\uD788 \uBAA8\uB974\uB294 \uC870\uC9C1\uC740 \uC870\uC885 \uC804\uB7B5\uC744 \uACFC\uB3C4\uD558\uAC8C \uB9CE\uC774 \uC0AC\uC6A9\uD574 \uC6D0\uD558\uB294 \uBC14\uB97C \uC774\uB8EC\uB2E4.

      • \uC870\uC885\uC740 \uD6A8\uACFC\uAC00 \uC788\uC9C0\uB9CC \uBE44\uC6A9\uC774 \uB4E0\uB2E4. \uADF8\uAC83\uB3C4 \uC544\uC8FC \uB9CE\uC774 \uB4E0\uB2E4.

      • \uC870\uC885\uC774 \uC704\uD5D8\uD55C \uC774\uC720\uB294 \uD6A8\uACFC\uAC00 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4.

      • \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uB3D9\uAE30\uB97C \uC8FC\uAE30 \uC704\uD574 \uC870\uC885 \uB300\uC2E0 \uC5F4\uC758\uB97C \uBD88\uC5B4\uB123\uB294 \uBC29\uC2DD\uC744 \uD0DD\uD55C \uB9AC\uB354\uB4E4\uC774 \uC788\uB2E4.

      • \uACE8\uB4E0\uC11C\uD074(WHY / HOW / WHAT)\uC740 \uC6B0\uB9AC\uAC00 \uD558\uB294 \uD589\uB3D9\uC5D0 \uC774\uC720\uAC00 \uC788\uB2E4\uB294 \uC0AC\uC2E4\uC744 \uC54C\uB824\uC8FC\uB294 \uAC1C\uB150\uC774\uB2E4. \uC774\uB294 \uC77C\uC744 \uC2DC\uC791\uD558\uAE30 \uC804\uC5D0 \u201C\uC65C?\u201D \uB77C\uB294 \uC9C8\uBB38\uC744 \uBA3C\uC800 \uD55C\uB2E4\uBA74 \uC5BC\uB9C8\uB098 \uB9CE\uC740 \uAC83\uC744 \uC131\uCDE8\uD560 \uC218 \uC788\uB294\uC9C0 \uBCF4\uC5EC\uC8FC\uB294 \uC99D\uAC70\uAC00 \uB41C\uB2E4.

      • \uBAA8\uB4E0 \uC77C\uC740 \uACF5\uD1B5\uC801\uC73C\uB85C \uACE8\uB4E0\uC11C\uD074 \uC548\uC5D0\uC11C \uC2DC\uC791\uD574 \uBC16\uC73C\uB85C \uBED7\uC5B4\uB098\uAC04\uB2E4.

        • WHAT: \uB9CE\uC740 \uD68C\uC0AC\uC640 \uC870\uC9C1\uC740 \uD604\uC7AC \uADF8\uB4E4\uC774 \u201C\uBB34\uC5C7\uC744\u201D \uD558\uB294\uC9C0 \uC798 \uC54C\uACE0 \uC788\uB2E4.
        • HOW: \uC77C\uBD80 \uD68C\uC0AC\uC640 \uC0AC\uB78C\uB4E4\uC740 \uC790\uAE30\uB4E4\uC774 \uBB34\uC5C7\uC744 \uC5B4\uB5BB\uAC8C \uD558\uB294\uC9C0 \uC54C\uACE0 \uC788\uB2E4. \uD558\uC9C0\uB9CC HOW\uB85C \uBB38\uC81C\uB97C \uBAA8\uB450 \uD574\uACB0\uD560 \uC218 \uB294 \uC5C6\uB2E4.
        • WHY: \uC790\uC2E0\uC774 \uD558\uB294 \uC77C\uC758 \uBAA9\uC801\uC744 \uBA85\uD655\uD558\uAC8C \uB9D0\uD560 \uC218 \uC788\uB294 \uC0AC\uB78C\uC774\uB098 \uD68C\uC0AC\uB294 \uADF9\uD788 \uB4DC\uBB3C\uB2E4. WHY\uB294 \uB3C8\uC774 \uC544\uB2C8\uB2E4. \uB3C8\uC740 \uC624\uD788\uB824 \uB098\uC911\uC5D0 \uB530\uB77C\uC624\uB294 \uACB0\uACFC\uC5D0 \uAC00\uAE5D\uB2E4. WHY\uB294 \uC77C\uC758 \uBAA9\uC801\uC774\uB098 \uB300\uC758, \uC2E0\uB150\uC774\uB2E4.
          • \uD68C\uC0AC\uB294 \uC65C \uC874\uC7AC\uD558\uB294\uAC00?
          • \uB0B4\uAC00 \uD558\uB8E8\uB97C \uC2DC\uC791\uD558\uB294 \uC774\uC720\uB294 \uBB34\uC5C7\uC778\uAC00?
          • \uADF8\uB9AC\uACE0 \uC0AC\uB78C\uB4E4\uC740 \uC65C \uC774\uB7F0 \uC9C8\uBB38\uC5D0 \uAD00\uC2EC\uC744 \uAC00\uC838\uC57C \uD558\uB294\uAC00?
      • \uC0AC\uB78C\uC740 \uC18C\uC18D\uAC10\uC744 \uB290\uB07C\uB824\uB294 \uC695\uAD6C\uAC00 \uAC15\uD55C \uB098\uBA38\uC9C0 \uC774\uB97C \uC5BB\uAE30 \uC704\uD574 \uBB34\uC5C7\uC774\uB4E0 \uD558\uB294 \uACBD\uD5A5\uC744 \uBCF4\uC77C \uB54C\uB3C4 \uC788\uB2E4.

      • \uB300\uB1CC\uC758 \uAD6C\uC870\uC640 \uACE8\uB4E0\uC11C\uD074

        • \uBCC0\uC5F0\uACC4(\uAC10\uC815\uC758 \uB1CC) -> WHY

          • \uC2E0\uB8B0\uAC10, \uCDA9\uC131\uC2EC \uB4F1\uC758 \uAC10\uC815\uC744 \uB2F4\uB2F9\uD55C\uB2E4.
          • \uBAA8\uB4E0 \uD589\uB3D9\uACFC \uC758\uC0C1\uACB0\uC815\uC744 \uC8FC\uAD00\uD55C\uB2E4.
          • \uC5B8\uC5B4\uB97C \uCC98\uB9AC\uD558\uC9C0\uB294 \uBABB\uD55C\uB2E4.
        • \uC2E0\uD53C\uC9C8(\uC0AC\uACE0\uC758 \uB1CC) -> WHAT, HOW

          • \uC774\uC131\uC801\uC774\uACE0 \uBD84\uC11D\uC801\uC778 \uC0DD\uAC01\uACFC \uC5B8\uC5B4\uB97C \uB2F4\uB2F9\uD558\uB294 \uBD80\uC704
        • \uAC10\uC815\uC744 \uC8FC\uAD00\uD558\uB294 \uB1CC \uBD80\uC704\uC5D0\uB294 \uC5B8\uC5B4 \uB2A5\uB825\uC774 \uC5C6\uB2E4. \uADF8\uB798\uC11C \uAC10\uC815\uC744 \uB9D0\uB85C \uD45C\uD604\uD558\uAE30\uB294 \uC5B4\uB824\uC6B4 \uAC83\uC774\uB2E4. \uBC30\uC6B0\uC790\uC640 \uACB0\uD63C\uD55C \uC774\uC720\uB098 \uBC30\uC6B0\uC790\uB97C \uC0AC\uB791\uD558\uB294 \uC9C4\uC815\uD55C \uC774\uC720\uB97C \uC5B8\uC5B4\uB85C \uAD6C\uCCB4\uD654\uD558\uC9C0 \uBABB\uD558\uB294 \uAC83\uB3C4 \uC774 \uB54C\uBB38\uC774\uB2E4.

      • \uBD84\uBA85 \uB204\uAD70\uAC00\uC640 \uC0AC\uB791\uC5D0 \uBE60\uC9C8 \uB54C\uB294 \uC131\uACA9\uC774\uB098 \uB2A5\uB825 \uC678\uC5D0 \uB2E4\uB978 \uC774\uC720\uAC00 \uC874\uC7AC\uD55C\uB2E4.

      • \uB9C8\uC74C\uC774 \uAC00\uB294 \uB300\uB85C \uACB0\uC815\uD588\uC744 \uB54C\uB294 \uD2B9\uD788\uB098 \uC774\uC720\uB97C \uB9D0\uB85C \uC124\uBA85\uD558\uAE30 \uC5B4\uB835\uB2E4.

      • \uC9C1\uAC10\uC801\uC778 \uACB0\uC815\uC740 \uB9C8\uC74C\uC73C\uB85C \uB0B4\uB9AC\uBA70, \uADF8\uB807\uAC8C \uD574\uC57C \uD560 \uAC83 \uAC19\uB2E4\uB294 \uB290\uB08C\uC5D0\uC11C \uBE44\uB86F\uB41C\uB2E4.

      • \uC9C1\uAC10\uC73C\uB85C \uD310\uB2E8\uD558\uB294 \uC77C\uC740 \uACB0\uCF54 \uC6B0\uC5F0\uC774 \uC544\uB2C8\uB2E4.

      • \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uB1CC\uC758 \uC774\uC131\uC801\uC778 \uBD80\uBD84\uC73C\uB85C \uACB0\uC815\uC744 \uB0B4\uB9AC\uB3C4\uB85D \uD558\uBA74 \uB300\uBD80\uBD84 \uACFC\uB3C4\uD558\uAC8C \uACE0\uBBFC\uB9CC \uD558\uB2E4 \uB05D\uB0B4 \uACB0\uC815\uC744 \uB0B4\uB9AC\uC9C0 \uBABB\uD55C\uB2E4\uB294 \uAC83\uC774\uB2E4.

      • \uBCC0\uC5F0\uACC4\uB97C \uC774\uC6A9\uD574 \uC9C1\uAC10\uC73C\uB85C \uACB0\uC815\uC744 \uB0B4\uB9B4 \uB54C \uC18D\uB3C4\uAC00 \uBE60\uB974\uBA70 \uACB0\uACFC\uAC00 \uB354 \uB098\uC740 \uACBD\uC6B0\uB3C4 \uC0C1\uB2F9\uD558\uB2E4.

      • \uC6B0\uB9AC\uB294 \uC9C1\uAC10\uC801\uC73C\uB85C \uC5B4\uB5A4 \uD589\uB3D9\uC744 \uD558\uC9C0 \uC54A\uB294 \uAC83\uC774 \uC88B\uACA0\uB2E4\uACE0 \uB290\uB07C\uBA74 \uC790\uAE30 \uD310\uB2E8\uC744 \uC758\uC2EC\uD558\uBA70 \uC2E4\uC99D\uC801\uC778 \uADFC\uAC70\uB97C \uCC3E\uB294\uB370, \uC774\uB294 \uD589\uB3D9\uC758 \uC774\uC720\uB97C \uC5B8\uC5B4\uB85C \uAD6C\uCCB4\uD654\uD560 \uB2A5\uB825\uC774 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4.

      • \uC0AC\uB78C\uB4E4\uC740 WHAT\uC774 \uC544\uB2C8\uB77C WHY\uB85C \uC778\uD574 \uAD6C\uB9E4\uB97C \uACB0\uC815\uD55C\uB2E4.

      • \uAC10\uC131\uACFC \uC9C0\uC131\uC744 \uBAA8\uB450 \uC0AC\uB85C\uC7A1\uB294 \uC77C\uC740 \uC27D\uC9C0 \uC54A\uB2E4. \u201C\uC608\uC220\uACFC \uACFC\uD559\u201D \uC774\uB77C\uB294 \uD45C\uD604 \uC5ED\uC2DC \uB9C8\uCC2C\uAC00\uC9C0\uB2E4. \uC65C \uD56D\uC0C1 \uC608\uC220\uC744 \uACFC\uD559\uBCF4\uB2E4 \uBA3C\uC800 \uB9D0\uD560\uAE4C? \uC774\uB294 \uC5B8\uC5B4 \uB2A5\uB825\uC774 \uC5C6\uB294 \uB300\uB1CC\uBCC0\uC5F0\uACC4\uC870\uCC28 \uD0C0\uC778\uC744 \uC774\uB04C\uAE30 \uC704\uD574\uC11C\uB294 \uAC10\uC131\uC744 \uB193\uCE58\uC9C0 \uB9D0\uC544\uC57C \uD558\uBA70 \uBC18\uB4DC\uC2DC WHY\uAC00 \uBA3C\uC800 \uB098\uC640\uC57C \uD55C\uB2E4\uB294 \uC0AC\uC2E4\uC744 \uB9D0\uD558\uACE0 \uC788\uB294\uC9C0\uB3C4 \uBAA8\uB978\uB2E4.

      • \uC704\uB300\uD55C \uB9AC\uB354\uB294 \uC9C1\uAC10\uC758 \uC601\uC5ED\uC744 \uC911\uC694\uC2DC\uD55C\uB2E4. \uADF8\uB4E4\uC740 \uACFC\uD559\uBCF4\uB2E4 \uC608\uC220\uC774 \uBA3C\uC800\uB77C\uB294 \uC0AC\uC2E4\uC744 \uC774\uD574\uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uC9C0\uC131\uBCF4\uB2E4 \uAC10\uC131\uC744 \uBA3C\uC800 \uC7C1\uCDE8\uD55C\uB2E4. \uADF8\uB4E4\uC740 WHY\uB85C \uC2DC\uC791\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

      • \uB300\uB1CC\uBCC0\uC5F0\uACC4\uC758 \uD798\uC740 \uB180\uB78D\uB2E4. \uBCC0\uC5F0\uACC4\uB294 \uAC10\uAC01\uC801\uC778 \uACB0\uC815\uC744 \uC8FC\uAD00\uD560 \uBFD0 \uC544\uB2C8\uB77C \uBE44\uB17C\uB9AC\uC801\uC774\uAC70\uB098 \uBE44\uD569\uB9AC\uC801\uC73C\uB85C \uBCF4\uC774\uB294 \uC77C\uC744 \uD558\uB3C4\uB85D \uC720\uB3C4\uD558\uAE30\uB3C4 \uD55C\uB2E4.

      • \uC778\uB958\uAC00 \uBAA8\uB450 \uC774\uC131\uC801\uC774\uC5C8\uB2E4\uBA74 \uC544\uBB34\uB3C4 \uBB34\uC77C\uD47C\uC73C\uB85C \uC0AC\uC5C5\uC744 \uC2DC\uC791\uD558\uAC70\uB098 \uD0D0\uD5D8\uC744 \uB5A0\uB098\uC9C0 \uC54A\uC558\uC744 \uAC83\uC774\uB2E4.

      • \uC18C\uBE44\uC790\uB97C \uB300\uC0C1\uC73C\uB85C \uD55C \uC2DC\uC7A5\uC870\uC0AC \uACB0\uACFC\uB97C \uC0B4\uD3B4\uBCF4\uBA74 \uB6F0\uC5B4\uB09C \uD488\uC9C8\uACFC \uC11C\uBE44\uC2A4, \uB2E4\uC591\uD55C \uAE30\uB2A5\uC744 \uD569\uB9AC\uC801\uC778 \uAC00\uACA9\uC5D0 \uC81C\uACF5\uD558\uB294 \uC81C\uD488\uC744 \uC774\uC6A9\uD558\uACA0\uB2E4\uACE0 \uC751\uB2F5\uD55C \uC0AC\uB78C\uC774 \uAC00\uC7A5 \uB9CE\uB2E4. \uD558\uC9C0\uB9CC \uACE0\uAC1D \uCDA9\uC131\uB3C4\uAC00 \uB192\uC740 \uD68C\uC0AC \uC911\uC5D0 \uC774 \uBAA8\uB4E0 \uC694\uC18C\uB97C \uCDA9\uC871\uD558\uB294 \uACF3\uC740 \uAC70\uC758 \uC5C6\uB2E4.

      • \uC81C\uD488\uC740 \uD68C\uC0AC \uC2E0\uB150\uBFD0 \uC544\uB2C8\uB77C \uCDA9\uC131\uB3C4 \uB192\uC740 \uACE0\uAC1D\uC758 \uC2E0\uB150\uAE4C\uC9C0\uB3C4 \uC0C1\uC9D5\uD55C\uB2E4.

      • \uC9C4\uC815\uC131\uC5D0 \uD544\uC694\uD55C \uC138\uAC00\uC9C0: \uB9D0\uACFC \uD589\uB3D9\uC740 \uC2E0\uB150\uC744 \uBCF4\uC5EC\uC900\uB2E4. \uC2E0\uB150\uC740 WHY\uB2E4. HOW\uB294 \uC2E0\uB150\uC744 \uD604\uC2E4\uD654\uD558\uAE30 \uC704\uD55C \uC2E4\uCC9C\uC774\uB2E4. WHAT\uC740 \uC2E4\uCC9C\uC758 \uACB0\uACFC, \uC989 \uB0B4\uAC00 \uD558\uB294 \uB9D0\uACFC \uD589\uB3D9\uC774\uB2E4.

        • WHY\uC758 \uBA85\uD655\uC131
        • HOW\uB77C\uB294 \uD589\uB3D9\uC6D0\uCE59
        • WHAT\uC758 \uC77C\uAD00\uC131
      • \uC790\uC2E0\uC774 \uD310\uB9E4\uD558\uB294 \uC81C\uD488\uC744 \uC9C4\uC2EC\uC73C\uB85C \uBBFF\uB294 \uC0AC\uB78C\uC740 \uC9C4\uC815\uC131 \uC788\uB294 \uC124\uBA85\uC744 \uD55C\uB2E4. \uC601\uC5C5\uC744 \uC798\uD558\uB294 \uC870\uC9C1\uC740 \uC9C4\uC815\uC131\uC744 \uBC14\uD0D5\uC73C\uB85C \uAD00\uACC4\uB97C \uD615\uC131\uD55C\uB2E4.

      • \uC9C4\uC815\uC131\uC774 \uC131\uACF5\uC758 \uD544\uC218\uC694\uAC74\uC740 \uC544\uB2C8\uB2E4. \uD558\uC9C0\uB9CC \uC131\uACF5\uC744 \uC624\uB798 \uC9C0\uC18D\uD558\uACE0 \uC2F6\uB2E4\uBA74 \uBC18\uB4DC\uC2DC \uC9C4\uC815\uC131\uC744 \uAC16\uCDB0\uC57C \uD55C\uB2E4. \uC790\uC2E0\uC774 \uBBFF\uB294 \uB300\uB85C \uC774\uC57C\uAE30\uD558\uACE0 \uC2E4\uCC9C\uD558\uB294 \uC77C\uC774 \uBC14\uB85C \uC9C4\uC815\uC131\uC774\uB2E4.

      • WHY\uAC00 \uC5C6\uB294 \uC0C1\uD0DC\uC5D0\uC11C\uB294 \uC544\uBB34\uB9AC \uC9C4\uC815\uC131\uC744 \uAC16\uCD94\uB824 \uB178\uB825\uD574\uB3C4 \uD56D\uC0C1 \uC9C4\uC2EC\uC774 \uB290\uAEF4\uC9C0\uC9C0 \uC54A\uB294 \uC0C1\uD0DC\uB85C \uB05D\uB098\uACE0 \uB9CC\uB2E4.

      • \uCDA9\uC131\uC2EC\uAE4C\uC9C0 \uD615\uC131\uD558\uB824\uBA74 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC9C4\uC815\uD55C \uC5F4\uC758\uB97C \uBD88\uC5B4\uB123\uC5B4\uC57C \uD55C\uB2E4. \uC870\uC9C1\uC758 WHY\uAC00 \uBD84\uBA85\uD558\uACE0 \uC0AC\uB78C\uB4E4\uC774 \uC774\uC5D0 \uACF5\uAC10\uD55C\uB2E4\uBA74 \uC9C4\uC815\uD55C \uCDA9\uC131\uC2EC\uC740 \uC790\uC5F0\uC2A4\uB808 \uD615\uC131\uB420 \uAC83\uC774\uB2E4.

      • \uC9C4\uC815\uD55C \uAC10\uC815\uC801 \uAC00\uCE58\uC778 \uCDA9\uC131\uC2EC\uC740 \uD310\uB9E4\uC790\uC758 \uD589\uB3D9 \uC720\uB3C4\uAC00 \uC544\uB2C8\uB77C \uAD6C\uB9E4\uC790\uC758 \uAC00\uCE58 \uD310\uB2E8\uC5D0\uC11C \uBE44\uB86F\uB41C\uB2E4.

      • \uD654\uC790\uB294 \uB9E4\uBC88 \uB2EC\uB77C\uC9C0\uC9C0\uB9CC \uCCAD\uC790\uB294 \uC5B8\uC81C\uB098 \uAC1C\uC778\uC774\uB2E4.

      • WHAT\uC740 \uC758\uC0AC\uB97C \uACB0\uC815\uD558\uB3C4\uB85D \uB9CC\uB4DC\uB294 \uC694\uC18C\uAC00 \uC544\uB2C8\uB77C WHY\uB97C \uB4B7\uBC1B\uCE68\uD558\uB294 \uADFC\uAC70\uB85C \uC0AC\uC6A9\uB418\uC5B4\uC57C \uD55C\uB2E4.

      • \uC774\uC131\uC801 \uBC94\uC8FC\uC5D0 \uC18D\uD558\uB294 WHAT\uC740 WHY\uC5D0\uC11C \uB290\uAEF4\uC9C0\uB294 \uAC10\uC815\uC744 \uAC89\uC73C\uB85C \uBCF4\uC5EC\uC8FC\uB294 \uADFC\uAC70 \uC5ED\uD560\uC744 \uD55C\uB2E4. \uC5B4\uB5A4 \uC9C1\uAC10\uC73C\uB85C \uACB0\uC815\uC744 \uB0B4\uB838\uB294\uC9C0 \uB9D0\uB85C \uD45C\uD604\uD560 \uC218 \uC788\uACE0 \uC790\uC2E0\uC758 WHY\uB97C \uBA85\uD655\uD788 \uC124\uBA85\uD560 \uC218 \uC788\uC73C\uBA74 \uC8FC\uBCC0 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uACB0\uC815\uC744 \uB0B4\uB9B0 \uC774\uC720\uB97C \uBD84\uBA85\uD788 \uC774\uD574\uC2DC\uD0AC \uC218 \uC788\uB2E4.

      • \uAE30\uC5C5 \uAD6C\uC870\uC0C1 \uAC00\uC7A5 \uC544\uB798\uCABD\uC5D0 \uC788\uB294 \uC0AC\uB78C\uC740 \uBCF4\uD1B5 \uACE0\uAC1D\uC774\uB2E4.

      • \uC2E0\uB8B0\uB780 \uC790\uC2E0\uC758 \uC774\uC775 \uADF8 \uC774\uC0C1\uC758 \uAC00\uCE58\uB97C \uCD94\uAD6C\uD558\uB294 \uAC1C\uC778\uC774\uB098 \uC870\uC9C1\uC744 \uBC14\uB77C\uBCFC \uB54C \uD615\uC131\uB41C\uB2E4.

      • WHY\uAC00 \uB69C\uB837\uD558\uACE0 \uC0AC\uB78C\uB4E4\uC774 \uC774\uB97C \uC27D\uAC8C \uC774\uD574\uD560 \uC218 \uC788\uC73C\uBA74 \uC2E0\uB150\uC774 \uAC19\uC740 \uC0AC\uB78C\uB4E4\uC774 \uBAA8\uC5EC\uB4E0\uB2E4.

      • \uD68C\uC0AC\uB97C \uB2E8\uB2E8\uD558\uAC8C \uB9CC\uB4DC\uB294 \uD798\uC740 \uBB38\uD654\uB2E4.

      • \uD68C\uC0AC \uBAA9\uD45C\uB294 \uB2A5\uB825 \uC788\uB294 \uC0AC\uB78C\uC774 \uC544\uB2C8\uB77C \uC2E0\uB150\uC774 \uAC19\uC740 \uC0AC\uB78C\uC744 \uCC44\uC6A9\uD558\uB294 \uC77C\uC774 \uB418\uC5B4\uC57C \uD55C\uB2E4.

      • \u201C\uC704\uD5D8\uD55C \uC5EC\uC815\uC5D0 \uD568\uAED8\uD560 \uB300\uC6D0 \uBAA8\uC9D1. \uC801\uC740 \uBCF4\uC218, \uD639\uD55C\uC758 \uCD94\uC704, \uBA87 \uB2EC\uAC04 \uC774\uC5B4\uC9C0\uB294 \uC5B4\uB460\uC744 \uACAC\uB38C\uC57C \uD568. \uC804 \uC77C\uC815 \uC704\uD5D8\uD558\uBA70 \uBB34\uC0AC \uADC0\uD658 \uBCF4\uC7A5 \uBD88\uAC00. \uADF8\uB7EC\uB098 \uD0D0\uD5D8\uC5D0 \uC131\uACF5\uD558\uBA74 \uC601\uAD11\uACFC \uBA85\uC608\uB97C \uB204\uB9B4 \uC218 \uC788\uC74C\u201D

      • \uC18C\uC18D\uAC10\uC744 \uAC00\uC9C4 \uC9C1\uC6D0\uB4E4\uC774 \uC5F4\uC2EC\uD788 \uC77C\uD558\uACE0 \uD601\uC2E0\uC801\uC778 \uD574\uACB0\uCC45\uC744 \uCC3E\uB294 \uC774\uC720\uB294 \uD68C\uC0AC\uAC00 \uC544\uB2C8\uB77C \uC790\uAE30 \uC790\uC2E0\uC758 \uC2E0\uB150\uC744 \uC704\uD574\uC11C\uC774\uB2E4.

      • \u201C\uB2A5\uB825\uC774 \uC544\uB2C8\uB77C \uB9C8\uC74C\uAC00\uC9D0\uC744 \uBCF4\uACE0 \uC9C1\uC6D0\uC744 \uBF51\uC544\uC57C \uD55C\uB2E4. \uB2A5\uB825\uC740 \uAC00\uB974\uCE58\uBA74 \uB41C\uB2E4.\u201D

      • \uC5B4\uB5A4 \uC9C1\uC6D0\uC774 \uD68C\uC0AC\uC5D0 \uC798 \uC5B4\uC6B8\uB9AC\uB294\uC9C0 \uC54C\uC544\uB0B8 \uB4A4 \uADF8\uB7F0 \uC0AC\uB78C\uC744 \uB354 \uB9CE\uC774 \uBC1C\uACAC\uD558\uB294 \uCCB4\uACC4\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.

      • \uC544\uC774\uD31F, \uC544\uC774\uD2A0\uC988, \uC544\uC774\uD3F0\uC5D0 \uB300\uD55C \uC544\uC774\uB514\uC5B4\uB97C \uB5A0\uC62C\uB9B0 \uC0AC\uB78C\uC740 \uC2A4\uD2F0\uBE0C \uC7A1\uC2A4\uAC00 \uC544\uB2C8\uB77C \uC560\uD50C \uC9C1\uC6D0\uB4E4\uC774\uC5C8\uB2E4. \uC7A1\uC2A4\uB294 \uD601\uC2E0\uC774 \uC77C\uC5B4\uB0A0 \uC218 \uC788\uB3C4\uB85D \uC9C1\uC6D0\uB4E4\uC5D0\uAC8C \uC0C8\uB85C\uC6B4 \uAE30\uC900\uACFC \uB9E5\uB77D\uC744 \uC81C\uACF5\uD558\uACE0 \uBAA9\uC801\uC758\uC2DD\uC744 \uC2EC\uC5B4\uC92C\uB2E4.

      • WHY\uAC00 \uBAA8\uD638\uD55C \uD68C\uC0AC\uB294 \uD0C0\uC0AC\uC758 \uC131\uACFC\uC5D0 \uC9D1\uCC29\uD558\uC9C0\uB9CC, WHY\uAC00 \uBD84\uBA85\uD55C \uD68C\uC0AC\uB294 \uACBD\uC7C1\uC0AC\uC5D0 \uC5F0\uC5F0\uD558\uC9C0 \uC54A\uB294\uB2E4.

      • \uC6B0\uB9AC\uB294 \uC798 \uBAA8\uB974\uB294 \uC9C0\uC5ED \uCD9C\uC2E0\uC5D0 \uC774\uB825\uC774 \uD654\uB824\uD55C \uC804\uBB38\uAC00\uBCF4\uB2E4 \uAC19\uC740 \uB3D9\uB124\uC5D0 \uC0B4\uBA70 \uAC00\uCE58\uAD00\uACFC \uC2E0\uB150\uC774 \uBE44\uC2B7\uD55C \uC0AC\uB78C\uC744 \uC2E0\uB8B0\uD55C\uB2E4. \uC774 \uC2E0\uB8B0\uB294 \uC778\uC0DD\uC5D0\uC11C \uAC00\uC7A5 \uC18C\uC911\uD55C \uC874\uC7AC\uB3C4 \uB9E1\uAE38 \uC218 \uC788\uAC8C \uD55C\uB2E4.

      • \uBB18\uAE30\uAC00 \uADF9\uB3C4\uB85C \uC704\uD5D8\uD558\uB2E4\uBA74 \uACE1\uC608\uC0AC\uB294 \uC548\uC804\uB9DD\uC744 \uC124\uCE58\uD574\uB2EC\uB77C\uACE0 \uC694\uAD6C\uD560 \uC218 \uC788\uB2E4. \uC548\uC804\uB9DD\uC740 \uADF8\uAC00 \uB5A8\uC5B4\uC84C\uC744 \uB54C \uB2E4\uCE58\uC9C0 \uC54A\uB3C4\uB85D \uBCF4\uD638\uD558\uB294 \uC77C \uC678\uC5D0\uB3C4 \uC2EC\uB9AC\uC801\uC778 \uC548\uC815\uAC10\uC744 \uC900\uB2E4\uB294 \uC7A5\uC810\uC774 \uC788\uB2E4.

      • \uC704\uD5D8\uC758 \uD06C\uAE30\uC640 \uC0C1\uAD00\uC5C6\uC774 \uBAA8\uD5D8\uC744 \uC990\uAE30\uB294 \uC720\uD615\uC740 \uC5B4\uB514\uC5D0\uB098 \uC788\uB2E4. \uD558\uC9C0\uB9CC \uADF8\uB7F0 \uC2A4\uD0C0\uD50C\uB808\uC774\uC5B4\uAC00 \uAE30\uC6B8\uC778 \uB178\uB825\uC774 \uAC1C\uC778\uC774\uB098 \uC870\uC9C1\uC5D0 \uC88B\uC740 \uC601\uD5A5\uC744 \uC8FC\uB354\uB77C\uB3C4 \uC774\uC775\uC740 \uADF8\uB9AC \uC624\uB798\uAC00\uC9C0 \uBABB\uD560 \uAC83\uC774\uB2E4. \uD3C9\uBC94\uD55C \uC0AC\uB78C\uB4E4\uC774 \uC11C\uB85C\uB97C \uC2E0\uB8B0\uD558\uB3C4\uB85D \uD558\uB294 \uD3B8\uC774 \uC7A5\uAE30\uC801\uC73C\uB85C \uB098\uC740 \uC804\uB7B5\uC774\uB2E4. \uC0C1\uD638\uAC04\uC758 \uC2E0\uB8B0\uB294 \uC704\uB300\uD55C \uC870\uC9C1\uC744 \uB9CC\uB4E0\uB2E4.

      • \uC0AC\uB78C\uB4E4\uC740 \uC65C \uB2F9\uC2E0\uC744 \uC2E0\uB8B0\uD574\uC57C \uD558\uB294\uAC00?

      • \uC6B0\uB9AC\uB294 \uC544\uBB34\uB098 \uBBFF\uC9C0 \uC54A\uC73C\uBA70 \uAC00\uCE58\uAD00\uACFC \uC2E0\uB150\uC774 \uAC19\uC740 \uC0AC\uB78C\uC744 \uB354\uC6B1 \uC2E0\uB8B0\uD558\uB294 \uACBD\uD5A5\uC774 \uC788\uB2E4.

      • \uC870\uC885\uC740 \uD6A8\uACFC\uAC00 \uC788\uB354\uB77C\uB3C4 \uCDA9\uC131\uC2EC\uC744 \uD615\uC131\uD558\uC9C0 \uC54A\uC73C\uBA70 \uBE44\uC6A9\uC774 \uB9CE\uC774 \uB4E4\uACE0 \uC5F0\uAD00\uB41C \uC0AC\uB78C\uB4E4\uC758 \uC2A4\uD2B8\uB808\uC2A4\uB97C \uAC00\uC911\uD55C\uB2E4.

      • \uC804\uCCB4 \uC2DC\uC7A5 15~18% \uC0AC\uC774\uC5D0 \uC788\uB294 \uADF8\uB798\uD504 \uACE1\uC120 \uC55E\uCABD \uACE0\uAC1D\uC758 \uB9C8\uC74C\uC744 \uC0AC\uB85C\uC7A1\uC544\uC57C \uB300\uC911\uC2DC\uC7A5\uC5D0\uC11C \uC131\uACF5\uC744 \uAC70\uB458 \uC218 \uC788\uB2E4. \uC774\uB4E4\uC740 \uD68C\uC0AC\uC640 \uAC00\uCE58\uAD00\uC744 \uACF5\uC720\uD558\uACE0 \uAE30\uC5C5\uC758 \uBA54\uC2DC\uC9C0\uB098 \uC81C\uD488, \uC11C\uBE44\uC2A4\uB97C \uC790\uAE30 \uC0B6\uC758 WHY\uB97C \uB4B7\uBC1B\uCE68\uD558\uB294 WHAT\uC73C\uB85C \uC5EC\uAE34\uB2E4.

      • \u201C\uB098\uC5D0\uAC8C\uB294 \uAFC8\uC774 \uC788\uACE0 \uADF8\uC5D0\uAC8C\uB294 \uACC4\uD68D\uC774 \uC788\uC2B5\uB2C8\uB2E4.\u201D

      • \uBE44\uAD00\uC8FC\uC758\uC790\uB294 \uBCF4\uD1B5 \uC633\uC740 \uB9D0\uC744 \uD558\uC9C0\uB9CC \uC815\uC791 \uC138\uC0C1\uC744 \uBC14\uAFB8\uB294 \uC0AC\uB78C\uC740 \uB099\uAD00\uC8FC\uC758\uC790\uB2E4.

      • WHY \uC720\uD615\uC740 \uBBF8\uB798\uB97C \uB0B4\uB2E4\uBCFC\uC904 \uC548\uB2E4. HOW \uC720\uD615\uC740 \uD604\uC2E4\uC8FC\uC758\uC790\uC774\uBA70 \uC2E4\uC6A9\uC801\uC778 \uC77C\uC5D0 \uB354 \uBA85\uD655\uD55C \uD310\uB2E8\uB825\uC744 \uBCF4\uC778\uB2E4. \uB300\uBD80\uBD84\uC758 \uC0AC\uB78C\uC740 HOW \uC720\uD615\uC774\uB2E4.

      • \uC0AC\uC5C5\uC740 \uAD6C\uC870\uB2E4. \uADF8\uB7EC\uBBC0\uB85C \uCCB4\uACC4\uC640 \uC808\uCC28\uB97C \uAD6C\uC870\uD654\uD558\uB294 \uC77C\uC774 \uC911\uC694\uD558\uB2E4. \uC774\uB7F0 \uC694\uC18C\uB97C \uAD6C\uCD95\uD558\uB294 \uB370 \uB2A5\uC219\uD55C \uC0AC\uB78C\uC740 HOW \uC720\uD615\uC774\uB2E4.

      • \uAC00\uCE58\uB97C \uB2EC\uC131\uD558\uACE0 \uD310\uB3C4\uB97C \uBC14\uAFB8\uB294 \uAE30\uC5C5\uC774 \uB418\uB824\uBA74 WHY\uB97C \uC544\uB294 \uD55C \uC0AC\uB78C\uACFC HOW\uB97C \uC544\uB294 \uC5EC\uB7EC \uC0AC\uB78C\uC774 \uD2B9\uBCC4\uD55C \uD30C\uD2B8\uB108 \uAD00\uACC4\uB97C \uD615\uC131\uD574\uC57C \uD55C\uB2E4.

      • \uC704\uB300\uD55C \uC870\uC9C1\uC740 \uC601\uD63C\uC744 \uC790\uADF9\uD55C\uB2E4.

      • \uAC1C\uC778\uC5D0\uAC8C \uD798\uC744 \uC2E4\uC5B4\uC8FC\uB294 \uC77C\uC740 \uC560\uD50C\uC758 WHY\uC774\uC790 \uC874\uC7AC \uC774\uC720\uB2E4.

        • \uC544\uC774\uD3F0\uC5D0\uC11C I\uB294 \u201C\uB098\u201D\uB97C \uC758\uBBF8\uD55C\uB2E4. \uC560\uD50C\uC740 \uAC1C\uC778\uC758 \uCC3D\uC870\uC801\uC778 \uC815\uC2E0\uC744 \uC9C0\uC9C0\uD558\uB294 \uD68C\uC0AC\uC774\uBA70 \uC81C\uD488\uACFC \uC11C\uBE44\uC2A4, \uB9C8\uCF00\uD305\uC774 \uC2E0\uB150\uC744 \uC99D\uBA85\uD558\uACE0 \uC788\uB2E4 (\uBAA8\uB4E0 \uAD11\uACE0\uC5D0\uC11C \uAC1C\uC778\uC774 \uC8FC\uC778\uACF5\uC774\uB2E4)
      • WHY\uB294 \uC758\uC0AC\uACB0\uC815\uC758 \uBD84\uBA85\uD55C \uAE30\uC900\uC774 \uB41C\uB2E4.

      • \uC131\uCDE8\uB780 \uB3C4\uB2EC\uD558\uAC70\uB098 \uD68D\uB4DD\uD558\uB294 \uC77C\uC774\uB2E4. \uC131\uACF5\uC740 \uB290\uB08C\uC774\uB098 \uC0C1\uD0DC\uB2E4. \uC131\uACF5\uC740 \uAE4A\uC219\uD55C \uB0B4\uBA74\uC758 \uAC10\uC815\uC774 \uB3D9\uAE30\uAC00 \uB418\uB294\uB370 \uB1CC\uB294 \uC774 \uAC10\uC815\uC744 \uB9D0\uB85C \uD45C\uD604\uD558\uC9C0 \uBABB\uD55C\uB2E4.

      • \uC870\uC9C1\uC774 \uACAA\uB294 \uC5B4\uB824\uC6C0\uC740 \uBC14\uB85C \uC131\uACF5\uC774\uB2E4.

      • WHY\uB97C \uCE21\uC815\uD574\uC57C \uD55C\uB2E4. \uADF8\uB7EC\uB098 \uC548\uD0C0\uAE5D\uAC8C\uB3C4 WHY\uC758 \uBA85\uD655\uC131\uC744 \uCE21\uC815\uD574\uC8FC\uB294 \uC9C0\uD45C\uB294 \uAC70\uC758 \uC5C6\uB2E4.

      • \uB3C8\uC740 \uC81C\uD488\uC774\uB098 \uC11C\uBE44\uC2A4 \uAC00\uACA9\uC744 \uCE21\uC815\uD558\uB294 \uD655\uC2E4\uD55C \uC218\uB2E8\uC774\uB2E4. \uADF8\uB7EC\uB098 \uAC00\uCE58\uB97C \uC815\uD655\uD788 \uD658\uC0B0\uD558\uC9C0\uB294 \uBABB\uD55C\uB2E4. \uC5EC\uAE30\uC11C \uB9D0\uD558\uB294 \uAC00\uCE58\uB294 \uACC4\uC0B0\uD560 \uC218 \uC788\uB294 \uC22B\uC790\uAC00 \uC544\uB2C8\uB77C \uAC10\uC815\uC774\uB2E4. \uAC00\uCE58\uB294 \uC778\uC2DD\uD558\uB294 \uAC83\uC774\uB2E4.

      • \uC0AC\uB78C\uB4E4\uC774 \uC5B4\uB5A4 \uD68C\uC0AC\uC758 \uC2E0\uB150\uC744 \uBA85\uD655\uD558\uAC8C \uD45C\uD604\uD558\uACE0 \uAE30\uC5C5\uC758 \uB208\uC73C\uB85C \uBCFC \uC218 \uC5C6\uB294 \uAC00\uCE58\uB97C \uC774\uC57C\uAE30\uD55C\uB2E4\uBA74 \uC774\uB294 \uD68C\uC0AC\uAC00 \uBD84\uAE30\uC810\uC744 \uBB34\uC0AC\uD788 \uD1B5\uACFC\uD588\uB2E4\uB294 \uC99D\uAC70\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.

      • WHY\uB294 \uBC1C\uBA85\uC774 \uC544\uB2C8\uB77C \uBC1C\uACAC\uD574\uB098\uAC00\uB294 \uACFC\uC815\uC774\uB2E4.

      • \uC790\uC2E0\uC744 \uC774\uAE30\uB824\uACE0 \uB178\uB825\uD558\uB294 \uC0AC\uB78C\uC740 \uB9CE\uC740 \uC774\uC758 \uB3C4\uC6C0\uC744 \uBC1B\uC744 \uAC83\uC774\uB2E4.


      \uB9AC\uBDF0

      \uCC98\uC74C\uC5D0\uB294 \uAC1C\uC778\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC778\uC904 \uC54C\uC558\uB294\uB370, \uAE30\uC5C5\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uC600\uB2E4. \uD558\uC9C0\uB9CC \uAC1C\uC778\uC758 \uC0B6\uC5D0\uB3C4 \uCDA9\uBD84\uD788 \uC801\uC6A9\uD560 \uC218 \uC788\uB294 \uB0B4\uC6A9\uB4E4\uC774\uB77C \uC7AC\uBC0C\uAC8C \uC77D\uC744 \uC218 \uC788\uC5C8\uB2E4.

      \uC774\uB807\uAC8C \uBE14\uB85C\uADF8\uC5D0 \uCC45 \uB9AC\uBDF0\uB97C \uB0A8\uAE30\uB294\uAC8C \uCC98\uC74C\uC774\uB2E4\uBCF4\uB2C8 \uC5B4\uB5A4\uC2DD\uC73C\uB85C \uC804\uAC1C\uB97C \uD574\uC57C \uC88B\uC744\uAE4C \uACE0\uBBFC\uC774\uB2E4. \uBA87 \uAC00\uC9C0 \uD0A4\uC6CC\uB4DC\uB97C \uAE30\uC900\uC73C\uB85C \uB0B4 \uC0DD\uAC01\uC744 \uC801\uC5B4\uBCF4\uBA74 \uB418\uC9C0 \uC54A\uC744\uAE4C?

      \uCC45\uC5D0\uC11C \uC81C\uC77C \uC778\uC0C1\uAE4A\uAC8C \uC640\uB2FF\uC558\uB358 \uB0B4\uC6A9\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uAC10\uC815\uC744 \uC8FC\uAD00\uD558\uB294 \uB1CC \uBD80\uC704\uC5D0\uB294 \uC5B8\uC5B4 \uB2A5\uB825\uC774 \uC5C6\uB2E4. \uADF8\uB798\uC11C \uAC10\uC815\uC744 \uB9D0\uB85C \uD45C\uD604\uD558\uAE30\uB294 \uC5B4\uB824\uC6B4 \uAC83\uC774\uB2E4. \uBC30\uC6B0\uC790\uC640 \uACB0\uD63C\uD55C \uC774\uC720\uB098 \uBC30\uC6B0\uC790\uB97C \uC0AC\uB791\uD558\uB294 \uC9C4\uC815\uD55C \uC774\uC720\uB97C \uC5B8\uC5B4\uB85C \uAD6C\uCCB4\uD654\uD558\uC9C0 \uBABB\uD558\uB294 \uAC83\uB3C4 \uC774 \uB54C\uBB38\uC774\uB2E4.
      • \uC0AC\uB78C\uB4E4\uC740 \uC0DD\uAC01\uBCF4\uB2E4 \uB354 \uBE44\uD569\uB9AC\uC801\uC774\uACE0 \uAC1D\uAD00\uC801\uC774\uC9C0 \uBABB\uD558\uB2E4. \uAC1D\uAD00\uC801\uC778 \uC0AC\uC2E4\uC744 \uAE30\uBC18\uC73C\uB85C \uD310\uB2E8\uC744 \uD558\uACE0 \uACB0\uC815\uC744 \uD558\uAE30\uBCF4\uB2E8 \uC9C1\uAD00\uACFC \uAC10\uC815\uC744 \uAE30\uBC18\uC73C\uB85C \uD310\uB2E8\uD558\uB294 \uACBD\uC6B0\uAC00 \uBE48\uBC88\uD558\uB2E4. (\uB098 \uC2A4\uC2A4\uB85C\uC758 \uBAA8\uC2B5\uC744 \uBCFC \uB54C \uACA9\uD558\uAC8C \uC778\uC815\uD558\uB294 \uC0AC\uC2E4\uC774\uB2E4)
      • \uC870\uC885\uC740 \uD6A8\uACFC\uAC00 \uC788\uB354\uB77C\uB3C4 \uCDA9\uC131\uC2EC\uC744 \uD615\uC131\uD558\uC9C0 \uC54A\uC73C\uBA70 \uBE44\uC6A9\uC774 \uB9CE\uC774 \uB4E4\uACE0 \uC5F0\uAD00\uB41C \uC0AC\uB78C\uB4E4\uC758 \uC2A4\uD2B8\uB808\uC2A4\uB97C \uAC00\uC911\uD55C\uB2E4.
      • \uB3C8\uC740 \uC81C\uD488\uC774\uB098 \uC11C\uBE44\uC2A4 \uAC00\uACA9\uC744 \uCE21\uC815\uD558\uB294 \uD655\uC2E4\uD55C \uC218\uB2E8\uC774\uB2E4. \uADF8\uB7EC\uB098 \uAC00\uCE58\uB97C \uC815\uD655\uD788 \uD658\uC0B0\uD558\uC9C0\uB294 \uBABB\uD55C\uB2E4. \uC5EC\uAE30\uC11C \uB9D0\uD558\uB294 \uAC00\uCE58\uB294 \uACC4\uC0B0\uD560 \uC218 \uC788\uB294 \uC22B\uC790\uAC00 \uC544\uB2C8\uB77C \uAC10\uC815\uC774\uB2E4. \uAC00\uCE58\uB294 \uC778\uC2DD\uD558\uB294 \uAC83\uC774\uB2E4.

      \uD2B9\uD788 \uC694\uC998\uB4E4\uC5B4 \uB9CE\uC774 \uB290\uB07C\uB294 \uAC10\uC815(\uC0DD\uAC01?)\uC774\uB784\uAE4C. \uC5B4\uB5A4 \uACB0\uC815\uC774\uB098 \uD310\uB2E8\uC744 \uD560 \uB54C \uB17C\uB9AC\uC801\uC778 \uC5EC\uB7EC\uAC00\uC9C0 \uC774\uC720\uAC00 \uC788\uC9C0\uB9CC, \uC774\uBCF4\uB2E4 \uB354 \uC6B0\uC120\uC21C\uC704\uAC00 \uB192\uC740 \uB9D0\uB85C \uD45C\uD604\uD560 \uC218 \uC5C6\uB294 \uAC10\uC815\uC774\uB098 \uAC00\uCE58\uAC00 \uB4A4\uB530\uB77C\uC628\uB2E4. \uC5EC\uAE30\uC11C \uC911\uC694\uD55C\uAC74 \u201C\uB9D0\uB85C \uD45C\uD604\uD560 \uC218 \uC5C6\uB294\u201D \uC774\uB2E4. (\uC0AC\uC2E4 \uB0B4\uAC00 F\uB77C\uC11C \uADF8\uB7F0 \uAC78\uC218\uB3C4..)

      \uC774 \uCC45\uC744 \uC77D\uAE30 \uC774\uC804\uC5D0\uB3C4, \uB0B4\uAC00 \uC5B4\uB5A4 \uC0DD\uAC01\uC744 \uD558\uAC70\uB098 \uD589\uB3D9\uD560 \uB54C \uC774\uC5D0 \uB300\uD55C \uC774\uC720\uB97C \uCC3E\uC544\uBCF4\uACE4 \uD588\uB2E4. \uCC45\uC5D0\uC11C\uB294 WHY\uB97C \uBA3C\uC800 \uC0DD\uAC01\uD574\uC57C\uD574! \uB77C\uACE0 \uD558\uC9C0\uB9CC, \uB098\uB294 \uAC70\uAFB8\uB85C \uC5B4\uB5A4 \uD589\uB3D9\uC744 \uD588\uC744 \uB54C(WHAT, HOW) \uC774\uC5D0 \uB300\uD55C \uC774\uC720(WHY)\uB97C \uCD94\uB860\uD558\uB294 \uBC29\uC2DD\uC774\uB2E4. \uADF8\uB7EC\uBA74\uC11C \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uB0B4\uAC00 \uAC00\uC9C4 \uAC00\uCE58\uAD00\uC774\uB098 \uC2E0\uB150\uC744 \uCC3E\uC544\uB0B4\uACE4 \uD588\uB2E4.

      \uB2E4\uC2DC \uC0C1\uAE30\uD574\uBCF4\uB294 \uB098\uC758 \uC2E0\uB150\uC740, \u201C\uC138\uC0C1\uC744 \uBC14\uAFC0 \uC21C \uC5C6\uACA0\uC9C0\uB9CC, \uD55C \uC0AC\uB78C\uC758 \uC138\uC0C1\uC744 \uBC14\uAFB8\uB294 \uB370 \uC791\uAC8C\uB098\uB9C8 \uAE30\uC5EC\uD558\uC790\u201D \uC774\uB2E4. \uADFC\uB370 \uC774\uAC74 \uC788\uC5B4\uBE14\uD558\uAC8C \uD3EC\uC7A5\uD55C \uBB38\uC7A5\uC774\uACE0, \uC870\uAE08 \uB354 \uAC04\uB2E8\uD558\uAC8C \uD45C\uD604\uD574\uBCF4\uBA74 \u201C\uC9C0\uAE08 \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC744 \uD558\uC790\u201D \uAC00 \uB9DE\uB294 \uAC83 \uAC19\uB2E4. \uAC70\uCC3D\uD55C \uBAA9\uD45C \uB300\uC2E0\uC5D0 \uC2E4\uD604 \uAC00\uB2A5\uD55C(\uC815\uB9D0?) \uD604\uC2E4\uC801\uC778 \uBAA9\uD45C\uB784\uAE4C? \uC624\uB298 \uD558\uB8E8\uB3C4 \uC9C0\uAE08 \uB2F9\uC7A5 \uB0B4\uAC00 \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC5D0 \uC9D1\uC911\uD588\uB2E4. \uC774\uB807\uAC8C \uC0B4\uC544\uAC00\uB294\uAC8C \uC5EC\uB7EC\uBAA8\uB85C \uC2A4\uD2B8\uB808\uC2A4\uB97C \uB35C \uBC1B\uAE30\uB3C4 \uD558\uACE0, \uC758\uC695\uC774 \uC0DD\uAE30\uAE30\uB3C4 \uD558\uACE0.

      \uADF8\uB0E5, \uB09C \uADF8\uB7F0 \uC0AC\uB78C\uC774\uAD6C\uB098 \uC2F6\uB2E4.

      \uADFC\uB370 \uB610 \uC791\uC131\uD558\uBA74\uC11C \uC0DD\uAC01\uD574\uBCF4\uB2C8\uAE4C \uC774\uAC78 \uC2E0\uB150\uC774\uB77C\uACE0 \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uC744\uAE4C? \uC870\uAE08 \uB354 \uACE0\uBBFC\uD574\uBD10\uC57C\uD560 \uAC83 \uAC19\uB2E4.

      ',14);function Y(d,_){const i=t("ExternalLinkIcon");return e(),r("div",null,[a,l("p",null,[l("a",c,[u,n(i)])]),g])}var T=p(W,[["render",Y],["__file","index.html.vue"]]);export{T as default}; +import{_ as p,r as t,o as e,c as r,a as l,b as n,e as o,d as s}from"./app.d20f8571.js";var H="/TIL/assets/thumbnail.2efa75e5.png";const W={},a=l("p",null,[l("img",{src:H,alt:"thumbnail"})],-1),c={href:"https://www.yes24.com/Product/Goods/104263930",target:"_blank",rel:"noopener noreferrer"},u=o("\uC2A4\uD0C0\uD2B8 \uC704\uB4DC \uC640\uC774 (START WITH WHY) 30\uB9CC\uBD80 \uAE30\uB150 \uBE14\uB799\uC5D0\uB514\uC158 - \uC608\uC2A424"),g=s('

      2024\uB144\uC5D0 \uC77D\uC740 \uCCAB \uBC88\uC9F8 \uB3C4\uC11C\uB2E4. \uC778\uC0DD\uACBD\uC601\uD074\uB7FD\uC774 \uC544\uB2C8\uC600\uC73C\uBA74 \uC2DC\uB3C4\uD558\uC9C0 \uBABB\uD588\uC744...

      \uBC11\uC904 \uCE5C \uBB38\uC7A5

      • \uD589\uB3D9\uC5D0 \uC601\uD5A5\uC744 \uC8FC\uB294 \uBC29\uBC95\uC740 \uB531 \uB450\uAC00\uC9C0\uB2E4. \uC870\uC815\uD558\uAC70\uB098 \uC5F4\uC758\uB97C \uBD88\uC5B4 \uB123\uB294 \uAC83\uC774\uB2E4.

      • \uC870\uC885\uC740 \uACBD\uC601\uC5D0\uC11C \uC815\uCE58\uC5D0 \uC774\uB974\uAE30\uAE4C\uC9C0 \uBAA8\uB4E0 \uD615\uD0DC\uC758 \uC601\uC5C5\uACFC \uB9C8\uCF00\uD305\uC5D0 \uB9CC\uC5F0\uD574\uC788\uB2E4. \uC804\uD615\uC801\uC778 \uC870\uC885\uC758 \uC608\uB85C\uB294 \uAC00\uACA9\uC778\uD558, \uD504\uB85C\uBAA8\uC158 \uADF8\uB9AC\uACE0 \uACF5\uD3EC \uB9C8\uCF00\uD305\uC774\uB098 \uB3D9\uC870\uC555\uB825, \uC18C\uBE44\uC790 \uC5F4\uB9DD\uC744 \uC774\uC6A9\uD55C \uB9C8\uCF00\uD305 \uB4F1\uC774 \uC788\uB2E4.

      • \uACE0\uAC1D\uC774 \uC65C \uC790\uC0AC\uB97C \uC120\uD0DD\uD558\uB294\uC9C0 \uD655\uC2E4\uD788 \uBAA8\uB974\uB294 \uC870\uC9C1\uC740 \uC870\uC885 \uC804\uB7B5\uC744 \uACFC\uB3C4\uD558\uAC8C \uB9CE\uC774 \uC0AC\uC6A9\uD574 \uC6D0\uD558\uB294 \uBC14\uB97C \uC774\uB8EC\uB2E4.

      • \uC870\uC885\uC740 \uD6A8\uACFC\uAC00 \uC788\uC9C0\uB9CC \uBE44\uC6A9\uC774 \uB4E0\uB2E4. \uADF8\uAC83\uB3C4 \uC544\uC8FC \uB9CE\uC774 \uB4E0\uB2E4.

      • \uC870\uC885\uC774 \uC704\uD5D8\uD55C \uC774\uC720\uB294 \uD6A8\uACFC\uAC00 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4.

      • \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uB3D9\uAE30\uB97C \uC8FC\uAE30 \uC704\uD574 \uC870\uC885 \uB300\uC2E0 \uC5F4\uC758\uB97C \uBD88\uC5B4\uB123\uB294 \uBC29\uC2DD\uC744 \uD0DD\uD55C \uB9AC\uB354\uB4E4\uC774 \uC788\uB2E4.

      • \uACE8\uB4E0\uC11C\uD074(WHY / HOW / WHAT)\uC740 \uC6B0\uB9AC\uAC00 \uD558\uB294 \uD589\uB3D9\uC5D0 \uC774\uC720\uAC00 \uC788\uB2E4\uB294 \uC0AC\uC2E4\uC744 \uC54C\uB824\uC8FC\uB294 \uAC1C\uB150\uC774\uB2E4. \uC774\uB294 \uC77C\uC744 \uC2DC\uC791\uD558\uAE30 \uC804\uC5D0 \u201C\uC65C?\u201D \uB77C\uB294 \uC9C8\uBB38\uC744 \uBA3C\uC800 \uD55C\uB2E4\uBA74 \uC5BC\uB9C8\uB098 \uB9CE\uC740 \uAC83\uC744 \uC131\uCDE8\uD560 \uC218 \uC788\uB294\uC9C0 \uBCF4\uC5EC\uC8FC\uB294 \uC99D\uAC70\uAC00 \uB41C\uB2E4.

      • \uBAA8\uB4E0 \uC77C\uC740 \uACF5\uD1B5\uC801\uC73C\uB85C \uACE8\uB4E0\uC11C\uD074 \uC548\uC5D0\uC11C \uC2DC\uC791\uD574 \uBC16\uC73C\uB85C \uBED7\uC5B4\uB098\uAC04\uB2E4.

        • WHAT: \uB9CE\uC740 \uD68C\uC0AC\uC640 \uC870\uC9C1\uC740 \uD604\uC7AC \uADF8\uB4E4\uC774 \u201C\uBB34\uC5C7\uC744\u201D \uD558\uB294\uC9C0 \uC798 \uC54C\uACE0 \uC788\uB2E4.
        • HOW: \uC77C\uBD80 \uD68C\uC0AC\uC640 \uC0AC\uB78C\uB4E4\uC740 \uC790\uAE30\uB4E4\uC774 \uBB34\uC5C7\uC744 \uC5B4\uB5BB\uAC8C \uD558\uB294\uC9C0 \uC54C\uACE0 \uC788\uB2E4. \uD558\uC9C0\uB9CC HOW\uB85C \uBB38\uC81C\uB97C \uBAA8\uB450 \uD574\uACB0\uD560 \uC218 \uB294 \uC5C6\uB2E4.
        • WHY: \uC790\uC2E0\uC774 \uD558\uB294 \uC77C\uC758 \uBAA9\uC801\uC744 \uBA85\uD655\uD558\uAC8C \uB9D0\uD560 \uC218 \uC788\uB294 \uC0AC\uB78C\uC774\uB098 \uD68C\uC0AC\uB294 \uADF9\uD788 \uB4DC\uBB3C\uB2E4. WHY\uB294 \uB3C8\uC774 \uC544\uB2C8\uB2E4. \uB3C8\uC740 \uC624\uD788\uB824 \uB098\uC911\uC5D0 \uB530\uB77C\uC624\uB294 \uACB0\uACFC\uC5D0 \uAC00\uAE5D\uB2E4. WHY\uB294 \uC77C\uC758 \uBAA9\uC801\uC774\uB098 \uB300\uC758, \uC2E0\uB150\uC774\uB2E4.
          • \uD68C\uC0AC\uB294 \uC65C \uC874\uC7AC\uD558\uB294\uAC00?
          • \uB0B4\uAC00 \uD558\uB8E8\uB97C \uC2DC\uC791\uD558\uB294 \uC774\uC720\uB294 \uBB34\uC5C7\uC778\uAC00?
          • \uADF8\uB9AC\uACE0 \uC0AC\uB78C\uB4E4\uC740 \uC65C \uC774\uB7F0 \uC9C8\uBB38\uC5D0 \uAD00\uC2EC\uC744 \uAC00\uC838\uC57C \uD558\uB294\uAC00?
      • \uC0AC\uB78C\uC740 \uC18C\uC18D\uAC10\uC744 \uB290\uB07C\uB824\uB294 \uC695\uAD6C\uAC00 \uAC15\uD55C \uB098\uBA38\uC9C0 \uC774\uB97C \uC5BB\uAE30 \uC704\uD574 \uBB34\uC5C7\uC774\uB4E0 \uD558\uB294 \uACBD\uD5A5\uC744 \uBCF4\uC77C \uB54C\uB3C4 \uC788\uB2E4.

      • \uB300\uB1CC\uC758 \uAD6C\uC870\uC640 \uACE8\uB4E0\uC11C\uD074

        • \uBCC0\uC5F0\uACC4(\uAC10\uC815\uC758 \uB1CC) -> WHY

          • \uC2E0\uB8B0\uAC10, \uCDA9\uC131\uC2EC \uB4F1\uC758 \uAC10\uC815\uC744 \uB2F4\uB2F9\uD55C\uB2E4.
          • \uBAA8\uB4E0 \uD589\uB3D9\uACFC \uC758\uC0C1\uACB0\uC815\uC744 \uC8FC\uAD00\uD55C\uB2E4.
          • \uC5B8\uC5B4\uB97C \uCC98\uB9AC\uD558\uC9C0\uB294 \uBABB\uD55C\uB2E4.
        • \uC2E0\uD53C\uC9C8(\uC0AC\uACE0\uC758 \uB1CC) -> WHAT, HOW

          • \uC774\uC131\uC801\uC774\uACE0 \uBD84\uC11D\uC801\uC778 \uC0DD\uAC01\uACFC \uC5B8\uC5B4\uB97C \uB2F4\uB2F9\uD558\uB294 \uBD80\uC704
        • \uAC10\uC815\uC744 \uC8FC\uAD00\uD558\uB294 \uB1CC \uBD80\uC704\uC5D0\uB294 \uC5B8\uC5B4 \uB2A5\uB825\uC774 \uC5C6\uB2E4. \uADF8\uB798\uC11C \uAC10\uC815\uC744 \uB9D0\uB85C \uD45C\uD604\uD558\uAE30\uB294 \uC5B4\uB824\uC6B4 \uAC83\uC774\uB2E4. \uBC30\uC6B0\uC790\uC640 \uACB0\uD63C\uD55C \uC774\uC720\uB098 \uBC30\uC6B0\uC790\uB97C \uC0AC\uB791\uD558\uB294 \uC9C4\uC815\uD55C \uC774\uC720\uB97C \uC5B8\uC5B4\uB85C \uAD6C\uCCB4\uD654\uD558\uC9C0 \uBABB\uD558\uB294 \uAC83\uB3C4 \uC774 \uB54C\uBB38\uC774\uB2E4.

      • \uBD84\uBA85 \uB204\uAD70\uAC00\uC640 \uC0AC\uB791\uC5D0 \uBE60\uC9C8 \uB54C\uB294 \uC131\uACA9\uC774\uB098 \uB2A5\uB825 \uC678\uC5D0 \uB2E4\uB978 \uC774\uC720\uAC00 \uC874\uC7AC\uD55C\uB2E4.

      • \uB9C8\uC74C\uC774 \uAC00\uB294 \uB300\uB85C \uACB0\uC815\uD588\uC744 \uB54C\uB294 \uD2B9\uD788\uB098 \uC774\uC720\uB97C \uB9D0\uB85C \uC124\uBA85\uD558\uAE30 \uC5B4\uB835\uB2E4.

      • \uC9C1\uAC10\uC801\uC778 \uACB0\uC815\uC740 \uB9C8\uC74C\uC73C\uB85C \uB0B4\uB9AC\uBA70, \uADF8\uB807\uAC8C \uD574\uC57C \uD560 \uAC83 \uAC19\uB2E4\uB294 \uB290\uB08C\uC5D0\uC11C \uBE44\uB86F\uB41C\uB2E4.

      • \uC9C1\uAC10\uC73C\uB85C \uD310\uB2E8\uD558\uB294 \uC77C\uC740 \uACB0\uCF54 \uC6B0\uC5F0\uC774 \uC544\uB2C8\uB2E4.

      • \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uB1CC\uC758 \uC774\uC131\uC801\uC778 \uBD80\uBD84\uC73C\uB85C \uACB0\uC815\uC744 \uB0B4\uB9AC\uB3C4\uB85D \uD558\uBA74 \uB300\uBD80\uBD84 \uACFC\uB3C4\uD558\uAC8C \uACE0\uBBFC\uB9CC \uD558\uB2E4 \uB05D\uB0B4 \uACB0\uC815\uC744 \uB0B4\uB9AC\uC9C0 \uBABB\uD55C\uB2E4\uB294 \uAC83\uC774\uB2E4.

      • \uBCC0\uC5F0\uACC4\uB97C \uC774\uC6A9\uD574 \uC9C1\uAC10\uC73C\uB85C \uACB0\uC815\uC744 \uB0B4\uB9B4 \uB54C \uC18D\uB3C4\uAC00 \uBE60\uB974\uBA70 \uACB0\uACFC\uAC00 \uB354 \uB098\uC740 \uACBD\uC6B0\uB3C4 \uC0C1\uB2F9\uD558\uB2E4.

      • \uC6B0\uB9AC\uB294 \uC9C1\uAC10\uC801\uC73C\uB85C \uC5B4\uB5A4 \uD589\uB3D9\uC744 \uD558\uC9C0 \uC54A\uB294 \uAC83\uC774 \uC88B\uACA0\uB2E4\uACE0 \uB290\uB07C\uBA74 \uC790\uAE30 \uD310\uB2E8\uC744 \uC758\uC2EC\uD558\uBA70 \uC2E4\uC99D\uC801\uC778 \uADFC\uAC70\uB97C \uCC3E\uB294\uB370, \uC774\uB294 \uD589\uB3D9\uC758 \uC774\uC720\uB97C \uC5B8\uC5B4\uB85C \uAD6C\uCCB4\uD654\uD560 \uB2A5\uB825\uC774 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4.

      • \uC0AC\uB78C\uB4E4\uC740 WHAT\uC774 \uC544\uB2C8\uB77C WHY\uB85C \uC778\uD574 \uAD6C\uB9E4\uB97C \uACB0\uC815\uD55C\uB2E4.

      • \uAC10\uC131\uACFC \uC9C0\uC131\uC744 \uBAA8\uB450 \uC0AC\uB85C\uC7A1\uB294 \uC77C\uC740 \uC27D\uC9C0 \uC54A\uB2E4. \u201C\uC608\uC220\uACFC \uACFC\uD559\u201D \uC774\uB77C\uB294 \uD45C\uD604 \uC5ED\uC2DC \uB9C8\uCC2C\uAC00\uC9C0\uB2E4. \uC65C \uD56D\uC0C1 \uC608\uC220\uC744 \uACFC\uD559\uBCF4\uB2E4 \uBA3C\uC800 \uB9D0\uD560\uAE4C? \uC774\uB294 \uC5B8\uC5B4 \uB2A5\uB825\uC774 \uC5C6\uB294 \uB300\uB1CC\uBCC0\uC5F0\uACC4\uC870\uCC28 \uD0C0\uC778\uC744 \uC774\uB04C\uAE30 \uC704\uD574\uC11C\uB294 \uAC10\uC131\uC744 \uB193\uCE58\uC9C0 \uB9D0\uC544\uC57C \uD558\uBA70 \uBC18\uB4DC\uC2DC WHY\uAC00 \uBA3C\uC800 \uB098\uC640\uC57C \uD55C\uB2E4\uB294 \uC0AC\uC2E4\uC744 \uB9D0\uD558\uACE0 \uC788\uB294\uC9C0\uB3C4 \uBAA8\uB978\uB2E4.

      • \uC704\uB300\uD55C \uB9AC\uB354\uB294 \uC9C1\uAC10\uC758 \uC601\uC5ED\uC744 \uC911\uC694\uC2DC\uD55C\uB2E4. \uADF8\uB4E4\uC740 \uACFC\uD559\uBCF4\uB2E4 \uC608\uC220\uC774 \uBA3C\uC800\uB77C\uB294 \uC0AC\uC2E4\uC744 \uC774\uD574\uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uC9C0\uC131\uBCF4\uB2E4 \uAC10\uC131\uC744 \uBA3C\uC800 \uC7C1\uCDE8\uD55C\uB2E4. \uADF8\uB4E4\uC740 WHY\uB85C \uC2DC\uC791\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

      • \uB300\uB1CC\uBCC0\uC5F0\uACC4\uC758 \uD798\uC740 \uB180\uB78D\uB2E4. \uBCC0\uC5F0\uACC4\uB294 \uAC10\uAC01\uC801\uC778 \uACB0\uC815\uC744 \uC8FC\uAD00\uD560 \uBFD0 \uC544\uB2C8\uB77C \uBE44\uB17C\uB9AC\uC801\uC774\uAC70\uB098 \uBE44\uD569\uB9AC\uC801\uC73C\uB85C \uBCF4\uC774\uB294 \uC77C\uC744 \uD558\uB3C4\uB85D \uC720\uB3C4\uD558\uAE30\uB3C4 \uD55C\uB2E4.

      • \uC778\uB958\uAC00 \uBAA8\uB450 \uC774\uC131\uC801\uC774\uC5C8\uB2E4\uBA74 \uC544\uBB34\uB3C4 \uBB34\uC77C\uD47C\uC73C\uB85C \uC0AC\uC5C5\uC744 \uC2DC\uC791\uD558\uAC70\uB098 \uD0D0\uD5D8\uC744 \uB5A0\uB098\uC9C0 \uC54A\uC558\uC744 \uAC83\uC774\uB2E4.

      • \uC18C\uBE44\uC790\uB97C \uB300\uC0C1\uC73C\uB85C \uD55C \uC2DC\uC7A5\uC870\uC0AC \uACB0\uACFC\uB97C \uC0B4\uD3B4\uBCF4\uBA74 \uB6F0\uC5B4\uB09C \uD488\uC9C8\uACFC \uC11C\uBE44\uC2A4, \uB2E4\uC591\uD55C \uAE30\uB2A5\uC744 \uD569\uB9AC\uC801\uC778 \uAC00\uACA9\uC5D0 \uC81C\uACF5\uD558\uB294 \uC81C\uD488\uC744 \uC774\uC6A9\uD558\uACA0\uB2E4\uACE0 \uC751\uB2F5\uD55C \uC0AC\uB78C\uC774 \uAC00\uC7A5 \uB9CE\uB2E4. \uD558\uC9C0\uB9CC \uACE0\uAC1D \uCDA9\uC131\uB3C4\uAC00 \uB192\uC740 \uD68C\uC0AC \uC911\uC5D0 \uC774 \uBAA8\uB4E0 \uC694\uC18C\uB97C \uCDA9\uC871\uD558\uB294 \uACF3\uC740 \uAC70\uC758 \uC5C6\uB2E4.

      • \uC81C\uD488\uC740 \uD68C\uC0AC \uC2E0\uB150\uBFD0 \uC544\uB2C8\uB77C \uCDA9\uC131\uB3C4 \uB192\uC740 \uACE0\uAC1D\uC758 \uC2E0\uB150\uAE4C\uC9C0\uB3C4 \uC0C1\uC9D5\uD55C\uB2E4.

      • \uC9C4\uC815\uC131\uC5D0 \uD544\uC694\uD55C \uC138\uAC00\uC9C0: \uB9D0\uACFC \uD589\uB3D9\uC740 \uC2E0\uB150\uC744 \uBCF4\uC5EC\uC900\uB2E4. \uC2E0\uB150\uC740 WHY\uB2E4. HOW\uB294 \uC2E0\uB150\uC744 \uD604\uC2E4\uD654\uD558\uAE30 \uC704\uD55C \uC2E4\uCC9C\uC774\uB2E4. WHAT\uC740 \uC2E4\uCC9C\uC758 \uACB0\uACFC, \uC989 \uB0B4\uAC00 \uD558\uB294 \uB9D0\uACFC \uD589\uB3D9\uC774\uB2E4.

        • WHY\uC758 \uBA85\uD655\uC131
        • HOW\uB77C\uB294 \uD589\uB3D9\uC6D0\uCE59
        • WHAT\uC758 \uC77C\uAD00\uC131
      • \uC790\uC2E0\uC774 \uD310\uB9E4\uD558\uB294 \uC81C\uD488\uC744 \uC9C4\uC2EC\uC73C\uB85C \uBBFF\uB294 \uC0AC\uB78C\uC740 \uC9C4\uC815\uC131 \uC788\uB294 \uC124\uBA85\uC744 \uD55C\uB2E4. \uC601\uC5C5\uC744 \uC798\uD558\uB294 \uC870\uC9C1\uC740 \uC9C4\uC815\uC131\uC744 \uBC14\uD0D5\uC73C\uB85C \uAD00\uACC4\uB97C \uD615\uC131\uD55C\uB2E4.

      • \uC9C4\uC815\uC131\uC774 \uC131\uACF5\uC758 \uD544\uC218\uC694\uAC74\uC740 \uC544\uB2C8\uB2E4. \uD558\uC9C0\uB9CC \uC131\uACF5\uC744 \uC624\uB798 \uC9C0\uC18D\uD558\uACE0 \uC2F6\uB2E4\uBA74 \uBC18\uB4DC\uC2DC \uC9C4\uC815\uC131\uC744 \uAC16\uCDB0\uC57C \uD55C\uB2E4. \uC790\uC2E0\uC774 \uBBFF\uB294 \uB300\uB85C \uC774\uC57C\uAE30\uD558\uACE0 \uC2E4\uCC9C\uD558\uB294 \uC77C\uC774 \uBC14\uB85C \uC9C4\uC815\uC131\uC774\uB2E4.

      • WHY\uAC00 \uC5C6\uB294 \uC0C1\uD0DC\uC5D0\uC11C\uB294 \uC544\uBB34\uB9AC \uC9C4\uC815\uC131\uC744 \uAC16\uCD94\uB824 \uB178\uB825\uD574\uB3C4 \uD56D\uC0C1 \uC9C4\uC2EC\uC774 \uB290\uAEF4\uC9C0\uC9C0 \uC54A\uB294 \uC0C1\uD0DC\uB85C \uB05D\uB098\uACE0 \uB9CC\uB2E4.

      • \uCDA9\uC131\uC2EC\uAE4C\uC9C0 \uD615\uC131\uD558\uB824\uBA74 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC9C4\uC815\uD55C \uC5F4\uC758\uB97C \uBD88\uC5B4\uB123\uC5B4\uC57C \uD55C\uB2E4. \uC870\uC9C1\uC758 WHY\uAC00 \uBD84\uBA85\uD558\uACE0 \uC0AC\uB78C\uB4E4\uC774 \uC774\uC5D0 \uACF5\uAC10\uD55C\uB2E4\uBA74 \uC9C4\uC815\uD55C \uCDA9\uC131\uC2EC\uC740 \uC790\uC5F0\uC2A4\uB808 \uD615\uC131\uB420 \uAC83\uC774\uB2E4.

      • \uC9C4\uC815\uD55C \uAC10\uC815\uC801 \uAC00\uCE58\uC778 \uCDA9\uC131\uC2EC\uC740 \uD310\uB9E4\uC790\uC758 \uD589\uB3D9 \uC720\uB3C4\uAC00 \uC544\uB2C8\uB77C \uAD6C\uB9E4\uC790\uC758 \uAC00\uCE58 \uD310\uB2E8\uC5D0\uC11C \uBE44\uB86F\uB41C\uB2E4.

      • \uD654\uC790\uB294 \uB9E4\uBC88 \uB2EC\uB77C\uC9C0\uC9C0\uB9CC \uCCAD\uC790\uB294 \uC5B8\uC81C\uB098 \uAC1C\uC778\uC774\uB2E4.

      • WHAT\uC740 \uC758\uC0AC\uB97C \uACB0\uC815\uD558\uB3C4\uB85D \uB9CC\uB4DC\uB294 \uC694\uC18C\uAC00 \uC544\uB2C8\uB77C WHY\uB97C \uB4B7\uBC1B\uCE68\uD558\uB294 \uADFC\uAC70\uB85C \uC0AC\uC6A9\uB418\uC5B4\uC57C \uD55C\uB2E4.

      • \uC774\uC131\uC801 \uBC94\uC8FC\uC5D0 \uC18D\uD558\uB294 WHAT\uC740 WHY\uC5D0\uC11C \uB290\uAEF4\uC9C0\uB294 \uAC10\uC815\uC744 \uAC89\uC73C\uB85C \uBCF4\uC5EC\uC8FC\uB294 \uADFC\uAC70 \uC5ED\uD560\uC744 \uD55C\uB2E4. \uC5B4\uB5A4 \uC9C1\uAC10\uC73C\uB85C \uACB0\uC815\uC744 \uB0B4\uB838\uB294\uC9C0 \uB9D0\uB85C \uD45C\uD604\uD560 \uC218 \uC788\uACE0 \uC790\uC2E0\uC758 WHY\uB97C \uBA85\uD655\uD788 \uC124\uBA85\uD560 \uC218 \uC788\uC73C\uBA74 \uC8FC\uBCC0 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uACB0\uC815\uC744 \uB0B4\uB9B0 \uC774\uC720\uB97C \uBD84\uBA85\uD788 \uC774\uD574\uC2DC\uD0AC \uC218 \uC788\uB2E4.

      • \uAE30\uC5C5 \uAD6C\uC870\uC0C1 \uAC00\uC7A5 \uC544\uB798\uCABD\uC5D0 \uC788\uB294 \uC0AC\uB78C\uC740 \uBCF4\uD1B5 \uACE0\uAC1D\uC774\uB2E4.

      • \uC2E0\uB8B0\uB780 \uC790\uC2E0\uC758 \uC774\uC775 \uADF8 \uC774\uC0C1\uC758 \uAC00\uCE58\uB97C \uCD94\uAD6C\uD558\uB294 \uAC1C\uC778\uC774\uB098 \uC870\uC9C1\uC744 \uBC14\uB77C\uBCFC \uB54C \uD615\uC131\uB41C\uB2E4.

      • WHY\uAC00 \uB69C\uB837\uD558\uACE0 \uC0AC\uB78C\uB4E4\uC774 \uC774\uB97C \uC27D\uAC8C \uC774\uD574\uD560 \uC218 \uC788\uC73C\uBA74 \uC2E0\uB150\uC774 \uAC19\uC740 \uC0AC\uB78C\uB4E4\uC774 \uBAA8\uC5EC\uB4E0\uB2E4.

      • \uD68C\uC0AC\uB97C \uB2E8\uB2E8\uD558\uAC8C \uB9CC\uB4DC\uB294 \uD798\uC740 \uBB38\uD654\uB2E4.

      • \uD68C\uC0AC \uBAA9\uD45C\uB294 \uB2A5\uB825 \uC788\uB294 \uC0AC\uB78C\uC774 \uC544\uB2C8\uB77C \uC2E0\uB150\uC774 \uAC19\uC740 \uC0AC\uB78C\uC744 \uCC44\uC6A9\uD558\uB294 \uC77C\uC774 \uB418\uC5B4\uC57C \uD55C\uB2E4.

      • \u201C\uC704\uD5D8\uD55C \uC5EC\uC815\uC5D0 \uD568\uAED8\uD560 \uB300\uC6D0 \uBAA8\uC9D1. \uC801\uC740 \uBCF4\uC218, \uD639\uD55C\uC758 \uCD94\uC704, \uBA87 \uB2EC\uAC04 \uC774\uC5B4\uC9C0\uB294 \uC5B4\uB460\uC744 \uACAC\uB38C\uC57C \uD568. \uC804 \uC77C\uC815 \uC704\uD5D8\uD558\uBA70 \uBB34\uC0AC \uADC0\uD658 \uBCF4\uC7A5 \uBD88\uAC00. \uADF8\uB7EC\uB098 \uD0D0\uD5D8\uC5D0 \uC131\uACF5\uD558\uBA74 \uC601\uAD11\uACFC \uBA85\uC608\uB97C \uB204\uB9B4 \uC218 \uC788\uC74C\u201D

      • \uC18C\uC18D\uAC10\uC744 \uAC00\uC9C4 \uC9C1\uC6D0\uB4E4\uC774 \uC5F4\uC2EC\uD788 \uC77C\uD558\uACE0 \uD601\uC2E0\uC801\uC778 \uD574\uACB0\uCC45\uC744 \uCC3E\uB294 \uC774\uC720\uB294 \uD68C\uC0AC\uAC00 \uC544\uB2C8\uB77C \uC790\uAE30 \uC790\uC2E0\uC758 \uC2E0\uB150\uC744 \uC704\uD574\uC11C\uC774\uB2E4.

      • \u201C\uB2A5\uB825\uC774 \uC544\uB2C8\uB77C \uB9C8\uC74C\uAC00\uC9D0\uC744 \uBCF4\uACE0 \uC9C1\uC6D0\uC744 \uBF51\uC544\uC57C \uD55C\uB2E4. \uB2A5\uB825\uC740 \uAC00\uB974\uCE58\uBA74 \uB41C\uB2E4.\u201D

      • \uC5B4\uB5A4 \uC9C1\uC6D0\uC774 \uD68C\uC0AC\uC5D0 \uC798 \uC5B4\uC6B8\uB9AC\uB294\uC9C0 \uC54C\uC544\uB0B8 \uB4A4 \uADF8\uB7F0 \uC0AC\uB78C\uC744 \uB354 \uB9CE\uC774 \uBC1C\uACAC\uD558\uB294 \uCCB4\uACC4\uB97C \uB9CC\uB4E4\uC5B4\uC57C \uD55C\uB2E4.

      • \uC544\uC774\uD31F, \uC544\uC774\uD2A0\uC988, \uC544\uC774\uD3F0\uC5D0 \uB300\uD55C \uC544\uC774\uB514\uC5B4\uB97C \uB5A0\uC62C\uB9B0 \uC0AC\uB78C\uC740 \uC2A4\uD2F0\uBE0C \uC7A1\uC2A4\uAC00 \uC544\uB2C8\uB77C \uC560\uD50C \uC9C1\uC6D0\uB4E4\uC774\uC5C8\uB2E4. \uC7A1\uC2A4\uB294 \uD601\uC2E0\uC774 \uC77C\uC5B4\uB0A0 \uC218 \uC788\uB3C4\uB85D \uC9C1\uC6D0\uB4E4\uC5D0\uAC8C \uC0C8\uB85C\uC6B4 \uAE30\uC900\uACFC \uB9E5\uB77D\uC744 \uC81C\uACF5\uD558\uACE0 \uBAA9\uC801\uC758\uC2DD\uC744 \uC2EC\uC5B4\uC92C\uB2E4.

      • WHY\uAC00 \uBAA8\uD638\uD55C \uD68C\uC0AC\uB294 \uD0C0\uC0AC\uC758 \uC131\uACFC\uC5D0 \uC9D1\uCC29\uD558\uC9C0\uB9CC, WHY\uAC00 \uBD84\uBA85\uD55C \uD68C\uC0AC\uB294 \uACBD\uC7C1\uC0AC\uC5D0 \uC5F0\uC5F0\uD558\uC9C0 \uC54A\uB294\uB2E4.

      • \uC6B0\uB9AC\uB294 \uC798 \uBAA8\uB974\uB294 \uC9C0\uC5ED \uCD9C\uC2E0\uC5D0 \uC774\uB825\uC774 \uD654\uB824\uD55C \uC804\uBB38\uAC00\uBCF4\uB2E4 \uAC19\uC740 \uB3D9\uB124\uC5D0 \uC0B4\uBA70 \uAC00\uCE58\uAD00\uACFC \uC2E0\uB150\uC774 \uBE44\uC2B7\uD55C \uC0AC\uB78C\uC744 \uC2E0\uB8B0\uD55C\uB2E4. \uC774 \uC2E0\uB8B0\uB294 \uC778\uC0DD\uC5D0\uC11C \uAC00\uC7A5 \uC18C\uC911\uD55C \uC874\uC7AC\uB3C4 \uB9E1\uAE38 \uC218 \uC788\uAC8C \uD55C\uB2E4.

      • \uBB18\uAE30\uAC00 \uADF9\uB3C4\uB85C \uC704\uD5D8\uD558\uB2E4\uBA74 \uACE1\uC608\uC0AC\uB294 \uC548\uC804\uB9DD\uC744 \uC124\uCE58\uD574\uB2EC\uB77C\uACE0 \uC694\uAD6C\uD560 \uC218 \uC788\uB2E4. \uC548\uC804\uB9DD\uC740 \uADF8\uAC00 \uB5A8\uC5B4\uC84C\uC744 \uB54C \uB2E4\uCE58\uC9C0 \uC54A\uB3C4\uB85D \uBCF4\uD638\uD558\uB294 \uC77C \uC678\uC5D0\uB3C4 \uC2EC\uB9AC\uC801\uC778 \uC548\uC815\uAC10\uC744 \uC900\uB2E4\uB294 \uC7A5\uC810\uC774 \uC788\uB2E4.

      • \uC704\uD5D8\uC758 \uD06C\uAE30\uC640 \uC0C1\uAD00\uC5C6\uC774 \uBAA8\uD5D8\uC744 \uC990\uAE30\uB294 \uC720\uD615\uC740 \uC5B4\uB514\uC5D0\uB098 \uC788\uB2E4. \uD558\uC9C0\uB9CC \uADF8\uB7F0 \uC2A4\uD0C0\uD50C\uB808\uC774\uC5B4\uAC00 \uAE30\uC6B8\uC778 \uB178\uB825\uC774 \uAC1C\uC778\uC774\uB098 \uC870\uC9C1\uC5D0 \uC88B\uC740 \uC601\uD5A5\uC744 \uC8FC\uB354\uB77C\uB3C4 \uC774\uC775\uC740 \uADF8\uB9AC \uC624\uB798\uAC00\uC9C0 \uBABB\uD560 \uAC83\uC774\uB2E4. \uD3C9\uBC94\uD55C \uC0AC\uB78C\uB4E4\uC774 \uC11C\uB85C\uB97C \uC2E0\uB8B0\uD558\uB3C4\uB85D \uD558\uB294 \uD3B8\uC774 \uC7A5\uAE30\uC801\uC73C\uB85C \uB098\uC740 \uC804\uB7B5\uC774\uB2E4. \uC0C1\uD638\uAC04\uC758 \uC2E0\uB8B0\uB294 \uC704\uB300\uD55C \uC870\uC9C1\uC744 \uB9CC\uB4E0\uB2E4.

      • \uC0AC\uB78C\uB4E4\uC740 \uC65C \uB2F9\uC2E0\uC744 \uC2E0\uB8B0\uD574\uC57C \uD558\uB294\uAC00?

      • \uC6B0\uB9AC\uB294 \uC544\uBB34\uB098 \uBBFF\uC9C0 \uC54A\uC73C\uBA70 \uAC00\uCE58\uAD00\uACFC \uC2E0\uB150\uC774 \uAC19\uC740 \uC0AC\uB78C\uC744 \uB354\uC6B1 \uC2E0\uB8B0\uD558\uB294 \uACBD\uD5A5\uC774 \uC788\uB2E4.

      • \uC870\uC885\uC740 \uD6A8\uACFC\uAC00 \uC788\uB354\uB77C\uB3C4 \uCDA9\uC131\uC2EC\uC744 \uD615\uC131\uD558\uC9C0 \uC54A\uC73C\uBA70 \uBE44\uC6A9\uC774 \uB9CE\uC774 \uB4E4\uACE0 \uC5F0\uAD00\uB41C \uC0AC\uB78C\uB4E4\uC758 \uC2A4\uD2B8\uB808\uC2A4\uB97C \uAC00\uC911\uD55C\uB2E4.

      • \uC804\uCCB4 \uC2DC\uC7A5 15~18% \uC0AC\uC774\uC5D0 \uC788\uB294 \uADF8\uB798\uD504 \uACE1\uC120 \uC55E\uCABD \uACE0\uAC1D\uC758 \uB9C8\uC74C\uC744 \uC0AC\uB85C\uC7A1\uC544\uC57C \uB300\uC911\uC2DC\uC7A5\uC5D0\uC11C \uC131\uACF5\uC744 \uAC70\uB458 \uC218 \uC788\uB2E4. \uC774\uB4E4\uC740 \uD68C\uC0AC\uC640 \uAC00\uCE58\uAD00\uC744 \uACF5\uC720\uD558\uACE0 \uAE30\uC5C5\uC758 \uBA54\uC2DC\uC9C0\uB098 \uC81C\uD488, \uC11C\uBE44\uC2A4\uB97C \uC790\uAE30 \uC0B6\uC758 WHY\uB97C \uB4B7\uBC1B\uCE68\uD558\uB294 WHAT\uC73C\uB85C \uC5EC\uAE34\uB2E4.

      • \u201C\uB098\uC5D0\uAC8C\uB294 \uAFC8\uC774 \uC788\uACE0 \uADF8\uC5D0\uAC8C\uB294 \uACC4\uD68D\uC774 \uC788\uC2B5\uB2C8\uB2E4.\u201D

      • \uBE44\uAD00\uC8FC\uC758\uC790\uB294 \uBCF4\uD1B5 \uC633\uC740 \uB9D0\uC744 \uD558\uC9C0\uB9CC \uC815\uC791 \uC138\uC0C1\uC744 \uBC14\uAFB8\uB294 \uC0AC\uB78C\uC740 \uB099\uAD00\uC8FC\uC758\uC790\uB2E4.

      • WHY \uC720\uD615\uC740 \uBBF8\uB798\uB97C \uB0B4\uB2E4\uBCFC\uC904 \uC548\uB2E4. HOW \uC720\uD615\uC740 \uD604\uC2E4\uC8FC\uC758\uC790\uC774\uBA70 \uC2E4\uC6A9\uC801\uC778 \uC77C\uC5D0 \uB354 \uBA85\uD655\uD55C \uD310\uB2E8\uB825\uC744 \uBCF4\uC778\uB2E4. \uB300\uBD80\uBD84\uC758 \uC0AC\uB78C\uC740 HOW \uC720\uD615\uC774\uB2E4.

      • \uC0AC\uC5C5\uC740 \uAD6C\uC870\uB2E4. \uADF8\uB7EC\uBBC0\uB85C \uCCB4\uACC4\uC640 \uC808\uCC28\uB97C \uAD6C\uC870\uD654\uD558\uB294 \uC77C\uC774 \uC911\uC694\uD558\uB2E4. \uC774\uB7F0 \uC694\uC18C\uB97C \uAD6C\uCD95\uD558\uB294 \uB370 \uB2A5\uC219\uD55C \uC0AC\uB78C\uC740 HOW \uC720\uD615\uC774\uB2E4.

      • \uAC00\uCE58\uB97C \uB2EC\uC131\uD558\uACE0 \uD310\uB3C4\uB97C \uBC14\uAFB8\uB294 \uAE30\uC5C5\uC774 \uB418\uB824\uBA74 WHY\uB97C \uC544\uB294 \uD55C \uC0AC\uB78C\uACFC HOW\uB97C \uC544\uB294 \uC5EC\uB7EC \uC0AC\uB78C\uC774 \uD2B9\uBCC4\uD55C \uD30C\uD2B8\uB108 \uAD00\uACC4\uB97C \uD615\uC131\uD574\uC57C \uD55C\uB2E4.

      • \uC704\uB300\uD55C \uC870\uC9C1\uC740 \uC601\uD63C\uC744 \uC790\uADF9\uD55C\uB2E4.

      • \uAC1C\uC778\uC5D0\uAC8C \uD798\uC744 \uC2E4\uC5B4\uC8FC\uB294 \uC77C\uC740 \uC560\uD50C\uC758 WHY\uC774\uC790 \uC874\uC7AC \uC774\uC720\uB2E4.

        • \uC544\uC774\uD3F0\uC5D0\uC11C I\uB294 \u201C\uB098\u201D\uB97C \uC758\uBBF8\uD55C\uB2E4. \uC560\uD50C\uC740 \uAC1C\uC778\uC758 \uCC3D\uC870\uC801\uC778 \uC815\uC2E0\uC744 \uC9C0\uC9C0\uD558\uB294 \uD68C\uC0AC\uC774\uBA70 \uC81C\uD488\uACFC \uC11C\uBE44\uC2A4, \uB9C8\uCF00\uD305\uC774 \uC2E0\uB150\uC744 \uC99D\uBA85\uD558\uACE0 \uC788\uB2E4 (\uBAA8\uB4E0 \uAD11\uACE0\uC5D0\uC11C \uAC1C\uC778\uC774 \uC8FC\uC778\uACF5\uC774\uB2E4)
      • WHY\uB294 \uC758\uC0AC\uACB0\uC815\uC758 \uBD84\uBA85\uD55C \uAE30\uC900\uC774 \uB41C\uB2E4.

      • \uC131\uCDE8\uB780 \uB3C4\uB2EC\uD558\uAC70\uB098 \uD68D\uB4DD\uD558\uB294 \uC77C\uC774\uB2E4. \uC131\uACF5\uC740 \uB290\uB08C\uC774\uB098 \uC0C1\uD0DC\uB2E4. \uC131\uACF5\uC740 \uAE4A\uC219\uD55C \uB0B4\uBA74\uC758 \uAC10\uC815\uC774 \uB3D9\uAE30\uAC00 \uB418\uB294\uB370 \uB1CC\uB294 \uC774 \uAC10\uC815\uC744 \uB9D0\uB85C \uD45C\uD604\uD558\uC9C0 \uBABB\uD55C\uB2E4.

      • \uC870\uC9C1\uC774 \uACAA\uB294 \uC5B4\uB824\uC6C0\uC740 \uBC14\uB85C \uC131\uACF5\uC774\uB2E4.

      • WHY\uB97C \uCE21\uC815\uD574\uC57C \uD55C\uB2E4. \uADF8\uB7EC\uB098 \uC548\uD0C0\uAE5D\uAC8C\uB3C4 WHY\uC758 \uBA85\uD655\uC131\uC744 \uCE21\uC815\uD574\uC8FC\uB294 \uC9C0\uD45C\uB294 \uAC70\uC758 \uC5C6\uB2E4.

      • \uB3C8\uC740 \uC81C\uD488\uC774\uB098 \uC11C\uBE44\uC2A4 \uAC00\uACA9\uC744 \uCE21\uC815\uD558\uB294 \uD655\uC2E4\uD55C \uC218\uB2E8\uC774\uB2E4. \uADF8\uB7EC\uB098 \uAC00\uCE58\uB97C \uC815\uD655\uD788 \uD658\uC0B0\uD558\uC9C0\uB294 \uBABB\uD55C\uB2E4. \uC5EC\uAE30\uC11C \uB9D0\uD558\uB294 \uAC00\uCE58\uB294 \uACC4\uC0B0\uD560 \uC218 \uC788\uB294 \uC22B\uC790\uAC00 \uC544\uB2C8\uB77C \uAC10\uC815\uC774\uB2E4. \uAC00\uCE58\uB294 \uC778\uC2DD\uD558\uB294 \uAC83\uC774\uB2E4.

      • \uC0AC\uB78C\uB4E4\uC774 \uC5B4\uB5A4 \uD68C\uC0AC\uC758 \uC2E0\uB150\uC744 \uBA85\uD655\uD558\uAC8C \uD45C\uD604\uD558\uACE0 \uAE30\uC5C5\uC758 \uB208\uC73C\uB85C \uBCFC \uC218 \uC5C6\uB294 \uAC00\uCE58\uB97C \uC774\uC57C\uAE30\uD55C\uB2E4\uBA74 \uC774\uB294 \uD68C\uC0AC\uAC00 \uBD84\uAE30\uC810\uC744 \uBB34\uC0AC\uD788 \uD1B5\uACFC\uD588\uB2E4\uB294 \uC99D\uAC70\uB77C\uACE0 \uD560 \uC218 \uC788\uB2E4.

      • WHY\uB294 \uBC1C\uBA85\uC774 \uC544\uB2C8\uB77C \uBC1C\uACAC\uD574\uB098\uAC00\uB294 \uACFC\uC815\uC774\uB2E4.

      • \uC790\uC2E0\uC744 \uC774\uAE30\uB824\uACE0 \uB178\uB825\uD558\uB294 \uC0AC\uB78C\uC740 \uB9CE\uC740 \uC774\uC758 \uB3C4\uC6C0\uC744 \uBC1B\uC744 \uAC83\uC774\uB2E4.


      \uB9AC\uBDF0

      \uCC98\uC74C\uC5D0\uB294 \uAC1C\uC778\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC778\uC904 \uC54C\uC558\uB294\uB370, \uAE30\uC5C5\uC5D0 \uB300\uD55C \uC774\uC57C\uAE30\uC600\uB2E4. \uD558\uC9C0\uB9CC \uAC1C\uC778\uC758 \uC0B6\uC5D0\uB3C4 \uCDA9\uBD84\uD788 \uC801\uC6A9\uD560 \uC218 \uC788\uB294 \uB0B4\uC6A9\uB4E4\uC774\uB77C \uC7AC\uBC0C\uAC8C \uC77D\uC744 \uC218 \uC788\uC5C8\uB2E4.

      \uC774\uB807\uAC8C \uBE14\uB85C\uADF8\uC5D0 \uCC45 \uB9AC\uBDF0\uB97C \uB0A8\uAE30\uB294\uAC8C \uCC98\uC74C\uC774\uB2E4\uBCF4\uB2C8 \uC5B4\uB5A4\uC2DD\uC73C\uB85C \uC804\uAC1C\uB97C \uD574\uC57C \uC88B\uC744\uAE4C \uACE0\uBBFC\uC774\uB2E4. \uBA87 \uAC00\uC9C0 \uD0A4\uC6CC\uB4DC\uB97C \uAE30\uC900\uC73C\uB85C \uB0B4 \uC0DD\uAC01\uC744 \uC801\uC5B4\uBCF4\uBA74 \uB418\uC9C0 \uC54A\uC744\uAE4C?

      \uCC45\uC5D0\uC11C \uC81C\uC77C \uC778\uC0C1\uAE4A\uAC8C \uC640\uB2FF\uC558\uB358 \uB0B4\uC6A9\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uAC10\uC815\uC744 \uC8FC\uAD00\uD558\uB294 \uB1CC \uBD80\uC704\uC5D0\uB294 \uC5B8\uC5B4 \uB2A5\uB825\uC774 \uC5C6\uB2E4. \uADF8\uB798\uC11C \uAC10\uC815\uC744 \uB9D0\uB85C \uD45C\uD604\uD558\uAE30\uB294 \uC5B4\uB824\uC6B4 \uAC83\uC774\uB2E4. \uBC30\uC6B0\uC790\uC640 \uACB0\uD63C\uD55C \uC774\uC720\uB098 \uBC30\uC6B0\uC790\uB97C \uC0AC\uB791\uD558\uB294 \uC9C4\uC815\uD55C \uC774\uC720\uB97C \uC5B8\uC5B4\uB85C \uAD6C\uCCB4\uD654\uD558\uC9C0 \uBABB\uD558\uB294 \uAC83\uB3C4 \uC774 \uB54C\uBB38\uC774\uB2E4.
      • \uC0AC\uB78C\uB4E4\uC740 \uC0DD\uAC01\uBCF4\uB2E4 \uB354 \uBE44\uD569\uB9AC\uC801\uC774\uACE0 \uAC1D\uAD00\uC801\uC774\uC9C0 \uBABB\uD558\uB2E4. \uAC1D\uAD00\uC801\uC778 \uC0AC\uC2E4\uC744 \uAE30\uBC18\uC73C\uB85C \uD310\uB2E8\uC744 \uD558\uACE0 \uACB0\uC815\uC744 \uD558\uAE30\uBCF4\uB2E8 \uC9C1\uAD00\uACFC \uAC10\uC815\uC744 \uAE30\uBC18\uC73C\uB85C \uD310\uB2E8\uD558\uB294 \uACBD\uC6B0\uAC00 \uBE48\uBC88\uD558\uB2E4. (\uB098 \uC2A4\uC2A4\uB85C\uC758 \uBAA8\uC2B5\uC744 \uBCFC \uB54C \uACA9\uD558\uAC8C \uC778\uC815\uD558\uB294 \uC0AC\uC2E4\uC774\uB2E4)
      • \uC870\uC885\uC740 \uD6A8\uACFC\uAC00 \uC788\uB354\uB77C\uB3C4 \uCDA9\uC131\uC2EC\uC744 \uD615\uC131\uD558\uC9C0 \uC54A\uC73C\uBA70 \uBE44\uC6A9\uC774 \uB9CE\uC774 \uB4E4\uACE0 \uC5F0\uAD00\uB41C \uC0AC\uB78C\uB4E4\uC758 \uC2A4\uD2B8\uB808\uC2A4\uB97C \uAC00\uC911\uD55C\uB2E4.
      • \uB3C8\uC740 \uC81C\uD488\uC774\uB098 \uC11C\uBE44\uC2A4 \uAC00\uACA9\uC744 \uCE21\uC815\uD558\uB294 \uD655\uC2E4\uD55C \uC218\uB2E8\uC774\uB2E4. \uADF8\uB7EC\uB098 \uAC00\uCE58\uB97C \uC815\uD655\uD788 \uD658\uC0B0\uD558\uC9C0\uB294 \uBABB\uD55C\uB2E4. \uC5EC\uAE30\uC11C \uB9D0\uD558\uB294 \uAC00\uCE58\uB294 \uACC4\uC0B0\uD560 \uC218 \uC788\uB294 \uC22B\uC790\uAC00 \uC544\uB2C8\uB77C \uAC10\uC815\uC774\uB2E4. \uAC00\uCE58\uB294 \uC778\uC2DD\uD558\uB294 \uAC83\uC774\uB2E4.

      \uD2B9\uD788 \uC694\uC998\uB4E4\uC5B4 \uB9CE\uC774 \uB290\uB07C\uB294 \uAC10\uC815(\uC0DD\uAC01?)\uC774\uB784\uAE4C. \uC5B4\uB5A4 \uACB0\uC815\uC774\uB098 \uD310\uB2E8\uC744 \uD560 \uB54C \uB17C\uB9AC\uC801\uC778 \uC5EC\uB7EC\uAC00\uC9C0 \uC774\uC720\uAC00 \uC788\uC9C0\uB9CC, \uC774\uBCF4\uB2E4 \uB354 \uC6B0\uC120\uC21C\uC704\uAC00 \uB192\uC740 \uB9D0\uB85C \uD45C\uD604\uD560 \uC218 \uC5C6\uB294 \uAC10\uC815\uC774\uB098 \uAC00\uCE58\uAC00 \uB4A4\uB530\uB77C\uC628\uB2E4. \uC5EC\uAE30\uC11C \uC911\uC694\uD55C\uAC74 \u201C\uB9D0\uB85C \uD45C\uD604\uD560 \uC218 \uC5C6\uB294\u201D \uC774\uB2E4. (\uC0AC\uC2E4 \uB0B4\uAC00 F\uB77C\uC11C \uADF8\uB7F0 \uAC78\uC218\uB3C4..)

      \uC774 \uCC45\uC744 \uC77D\uAE30 \uC774\uC804\uC5D0\uB3C4, \uB0B4\uAC00 \uC5B4\uB5A4 \uC0DD\uAC01\uC744 \uD558\uAC70\uB098 \uD589\uB3D9\uD560 \uB54C \uC774\uC5D0 \uB300\uD55C \uC774\uC720\uB97C \uCC3E\uC544\uBCF4\uACE4 \uD588\uB2E4. \uCC45\uC5D0\uC11C\uB294 WHY\uB97C \uBA3C\uC800 \uC0DD\uAC01\uD574\uC57C\uD574! \uB77C\uACE0 \uD558\uC9C0\uB9CC, \uB098\uB294 \uAC70\uAFB8\uB85C \uC5B4\uB5A4 \uD589\uB3D9\uC744 \uD588\uC744 \uB54C(WHAT, HOW) \uC774\uC5D0 \uB300\uD55C \uC774\uC720(WHY)\uB97C \uCD94\uB860\uD558\uB294 \uBC29\uC2DD\uC774\uB2E4. \uADF8\uB7EC\uBA74\uC11C \uC790\uC5F0\uC2A4\uB7FD\uAC8C \uB0B4\uAC00 \uAC00\uC9C4 \uAC00\uCE58\uAD00\uC774\uB098 \uC2E0\uB150\uC744 \uCC3E\uC544\uB0B4\uACE4 \uD588\uB2E4.

      \uB2E4\uC2DC \uC0C1\uAE30\uD574\uBCF4\uB294 \uB098\uC758 \uC2E0\uB150\uC740, \u201C\uC138\uC0C1\uC744 \uBC14\uAFC0 \uC21C \uC5C6\uACA0\uC9C0\uB9CC, \uD55C \uC0AC\uB78C\uC758 \uC138\uC0C1\uC744 \uBC14\uAFB8\uB294 \uB370 \uC791\uAC8C\uB098\uB9C8 \uAE30\uC5EC\uD558\uC790\u201D \uC774\uB2E4. \uADFC\uB370 \uC774\uAC74 \uC788\uC5B4\uBE14\uD558\uAC8C \uD3EC\uC7A5\uD55C \uBB38\uC7A5\uC774\uACE0, \uC870\uAE08 \uB354 \uAC04\uB2E8\uD558\uAC8C \uD45C\uD604\uD574\uBCF4\uBA74 \u201C\uC9C0\uAE08 \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC744 \uD558\uC790\u201D \uAC00 \uB9DE\uB294 \uAC83 \uAC19\uB2E4. \uAC70\uCC3D\uD55C \uBAA9\uD45C \uB300\uC2E0\uC5D0 \uC2E4\uD604 \uAC00\uB2A5\uD55C(\uC815\uB9D0?) \uD604\uC2E4\uC801\uC778 \uBAA9\uD45C\uB784\uAE4C? \uC624\uB298 \uD558\uB8E8\uB3C4 \uC9C0\uAE08 \uB2F9\uC7A5 \uB0B4\uAC00 \uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC5D0 \uC9D1\uC911\uD588\uB2E4. \uC774\uB807\uAC8C \uC0B4\uC544\uAC00\uB294\uAC8C \uC5EC\uB7EC\uBAA8\uB85C \uC2A4\uD2B8\uB808\uC2A4\uB97C \uB35C \uBC1B\uAE30\uB3C4 \uD558\uACE0, \uC758\uC695\uC774 \uC0DD\uAE30\uAE30\uB3C4 \uD558\uACE0.

      \uADF8\uB0E5, \uB09C \uADF8\uB7F0 \uC0AC\uB78C\uC774\uAD6C\uB098 \uC2F6\uB2E4.

      \uADFC\uB370 \uB610 \uC791\uC131\uD558\uBA74\uC11C \uC0DD\uAC01\uD574\uBCF4\uB2C8\uAE4C \uC774\uAC78 \uC2E0\uB150\uC774\uB77C\uACE0 \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uC744\uAE4C? \uC870\uAE08 \uB354 \uACE0\uBBFC\uD574\uBD10\uC57C\uD560 \uAC83 \uAC19\uB2E4.

      ',14);function Y(d,_){const i=t("ExternalLinkIcon");return e(),r("div",null,[a,l("p",null,[l("a",c,[u,n(i)])]),g])}var T=p(W,[["render",Y],["__file","index.html.vue"]]);export{T as default}; diff --git a/assets/index.html.9aab0e01.js b/assets/index.html.c65abb0d.js similarity index 92% rename from assets/index.html.9aab0e01.js rename to assets/index.html.c65abb0d.js index 94b14e01..413765c4 100644 --- a/assets/index.html.9aab0e01.js +++ b/assets/index.html.c65abb0d.js @@ -1 +1 @@ -const e={key:"v-cb81e678",path:"/Book/OOP-Principle/06-Design-Pattern/",title:"06 \uC2A4\uD504\uB9C1\uC774 \uC0AC\uB791\uD55C \uB514\uC790\uC778\uD328\uD134 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"06 \uC2A4\uD504\uB9C1\uC774 \uC0AC\uB791\uD55C \uB514\uC790\uC778\uD328\uD134 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"SOLID \uC6D0\uCE59\uC744 \uC801\uC6A9\uD558\uC5EC \uB9CC\uB4E4\uC5B4\uC9C4 \uAC1D\uCCB4\uC9C0\uD5A5 \uC124\uACC4\uC758 \uAE30\uBCF8\uC801\uC778 \uB514\uC790\uC778 \uD328\uD134\uB4E4\uC774 \uBB34\uC5C7\uC774 \uC788\uB294\uC9C0 \uC54C\uC544\uBD05\uC2DC\uB2E4.",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"Book/OOP-Principle/06-Design-Pattern/README.md"};export{e as data}; +const e={key:"v-cb81e678",path:"/Book/OOP-Principle/06-Design-Pattern/",title:"06 \uC2A4\uD504\uB9C1\uC774 \uC0AC\uB791\uD55C \uB514\uC790\uC778\uD328\uD134 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"06 \uC2A4\uD504\uB9C1\uC774 \uC0AC\uB791\uD55C \uB514\uC790\uC778\uD328\uD134 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"SOLID \uC6D0\uCE59\uC744 \uC801\uC6A9\uD558\uC5EC \uB9CC\uB4E4\uC5B4\uC9C4 \uAC1D\uCCB4\uC9C0\uD5A5 \uC124\uACC4\uC758 \uAE30\uBCF8\uC801\uC778 \uB514\uC790\uC778 \uD328\uD134\uB4E4\uC774 \uBB34\uC5C7\uC774 \uC788\uB294\uC9C0 \uC54C\uC544\uBD05\uC2DC\uB2E4.",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"Book/OOP-Principle/06-Design-Pattern/README.md"};export{e as data}; diff --git a/assets/index.html.1a043501.js b/assets/index.html.c65f8b32.js similarity index 70% rename from assets/index.html.1a043501.js rename to assets/index.html.c65f8b32.js index 1e53ce5c..9531cf45 100644 --- a/assets/index.html.1a043501.js +++ b/assets/index.html.c65f8b32.js @@ -1 +1 @@ -const a={key:"v-8daa1a0e",path:"/",title:"",lang:"en-US",frontmatter:{layout:"MainPage",lastUpdated:!1,sidebar:!1},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"README.md"};export{a as data}; +const a={key:"v-8daa1a0e",path:"/",title:"",lang:"en-US",frontmatter:{layout:"MainPage",lastUpdated:!1,sidebar:!1},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"README.md"};export{a as data}; diff --git a/assets/index.html.b21919f5.js b/assets/index.html.c93b21cc.js similarity index 96% rename from assets/index.html.b21919f5.js rename to assets/index.html.c93b21cc.js index 84e5cf52..b919171e 100644 --- a/assets/index.html.b21919f5.js +++ b/assets/index.html.c93b21cc.js @@ -1 +1 @@ -const e={key:"v-4b5bf550",path:"/Review/2020-year/07-July/",title:"2020\uB144 7\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 7\uC6D4 \uD68C\uACE0",description:"2020\uB144 7\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-07-31T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/89124819-d2262980-d514-11ea-9789-e04e715489c8.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. CMS \uC791\uC5C5",slug:"_2-cms-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]},{level:3,title:"3. API \uBD84\uB9AC \uC791\uC5C5",slug:"_3-api-\u1107\u116E\u11AB\u1105\u1175-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uB514\uC2A4\uCF54\uB4DC \uBD07",slug:"_1-\u1103\u1175\u1109\u1173\u110F\u1169\u1103\u1173-\u1107\u1169\u11BA",children:[]},{level:3,title:"2. \uCE74\uCE74\uC624 \uBA74\uC811 \uC900\uBE44",slug:"_2-\u110F\u1161\u110F\u1161\u110B\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8-\u110C\u116E\u11AB\u1107\u1175",children:[]},{level:3,title:"3. Java Clean Code 9\uAE30 Reviewer",slug:"_3-java-clean-code-9\u1100\u1175-reviewer",children:[]},{level:3,title:"4. Github Contribution 3,000\uAC1C \uB2EC\uC131",slug:"_4-github-contribution-3-000\u1100\u1162-\u1103\u1161\u11AF\u1109\u1165\u11BC",children:[]}]},{level:2,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC624\uBC84\uC6CC\uCE58",slug:"_2-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/07-July/README.md"};export{e as data}; +const e={key:"v-4b5bf550",path:"/Review/2020-year/07-July/",title:"2020\uB144 7\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 7\uC6D4 \uD68C\uACE0",description:"2020\uB144 7\uC6D4 \uD68C\uACE0 \uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-07-31T00:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/89124819-d2262980-d514-11ea-9789-e04e715489c8.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8",slug:"_1-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",children:[]},{level:3,title:"2. CMS \uC791\uC5C5",slug:"_2-cms-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]},{level:3,title:"3. API \uBD84\uB9AC \uC791\uC5C5",slug:"_3-api-\u1107\u116E\u11AB\u1105\u1175-\u110C\u1161\u11A8\u110B\u1165\u11B8",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uB514\uC2A4\uCF54\uB4DC \uBD07",slug:"_1-\u1103\u1175\u1109\u1173\u110F\u1169\u1103\u1173-\u1107\u1169\u11BA",children:[]},{level:3,title:"2. \uCE74\uCE74\uC624 \uBA74\uC811 \uC900\uBE44",slug:"_2-\u110F\u1161\u110F\u1161\u110B\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8-\u110C\u116E\u11AB\u1107\u1175",children:[]},{level:3,title:"3. Java Clean Code 9\uAE30 Reviewer",slug:"_3-java-clean-code-9\u1100\u1175-reviewer",children:[]},{level:3,title:"4. Github Contribution 3,000\uAC1C \uB2EC\uC131",slug:"_4-github-contribution-3-000\u1100\u1162-\u1103\u1161\u11AF\u1109\u1165\u11BC",children:[]}]},{level:2,title:"\uAE30\uD0C0",slug:"\u1100\u1175\u1110\u1161",children:[{level:3,title:"1. \uC218\uC601",slug:"_1-\u1109\u116E\u110B\u1167\u11BC",children:[]},{level:3,title:"2. \uC624\uBC84\uC6CC\uCE58",slug:"_2-\u110B\u1169\u1107\u1165\u110B\u116F\u110E\u1175",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/07-July/README.md"};export{e as data}; diff --git a/assets/index.html.7625269a.js b/assets/index.html.c97307a6.js similarity index 99% rename from assets/index.html.7625269a.js rename to assets/index.html.c97307a6.js index fd8e5c57..51de04be 100644 --- a/assets/index.html.7625269a.js +++ b/assets/index.html.c97307a6.js @@ -1 +1 @@ -import{_ as r,r as a,o as l,c as i,a as e,b as n,e as t,d as s}from"./app.800103af.js";const h={},c=e("h1",{id:"_2020\u1102\u1167\u11AB-6\u110B\u116F\u11AF-\u1112\u116C\u1100\u1169",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#_2020\u1102\u1167\u11AB-6\u110B\u116F\u11AF-\u1112\u116C\u1100\u1169","aria-hidden":"true"},"#"),t(" 2020\uB144 6\uC6D4 \uD68C\uACE0")],-1),p=t("\uC774\uBC88 \uB2EC\uC740 "),_={href:"https://chrome.google.com/webstore/detail/zum-newtab/bghgeookcfdmkoocalbclnhofnenmhlf?hl=ko&authuser=2",target:"_blank",rel:"noopener noreferrer"},d=t("\uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8"),u=t("\uACFC \uC2F8\uC6E0\uACE0, "),g=e("strong",null,"NextStep",-1),b=t("\uC758 "),f={href:"https://edu.nextstep.camp/c/8fWRxNWU",target:"_blank",rel:"noopener noreferrer"},m=t("\uD074\uB9B0\uCF54\uB4DC\uB97C \uC704\uD55C TDD, \uB9AC\uD329\uD1A0\uB9C1 with Java"),k=t(" \uACFC\uC815\uC744 \uBB34\uC0AC\uD788 \uC218\uB8CC\uD588\uB2E4."),x=s('

      \uACF5\uC801

      1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

      6\uC6D4 \uC5C5\uBB34\uB294 \uB9D0 \uADF8\uB300\uB85C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uACFC\uC758 \uC804\uC7C1\uC774\uC5C8\uB2E4. \uAC1C\uBC1C\uC774 \uC5B4\uB824\uC6B4 \uAC8C \uC544\uB2C8\uB77C \uAC80\uC218\uB97C \uD1B5\uACFC\uD558\uB294 \uAC8C \uBB34\uCC99 \uC5B4\uB824\uC6E0\uB2E4.

      \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC80\uC218 \uC815\uBCF4 1

      \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC80\uC218 \uC815\uBCF4 2

      \uC218 \uC2ED \uBC88\uC758 \uAC80\uC218 \uC694\uCCAD \uB05D\uC5D0 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC744 \uAC8C\uC2DC\uD560 \uC218 \uC788\uC5C8\uB2E4.

      \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

      ',7),v=t("\uAC8C\uC2DC\uB41C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC740 "),j={href:"https://chrome.google.com/webstore/detail/zum-newtab/bghgeookcfdmkoocalbclnhofnenmhlf?hl=ko&authuser=2",target:"_blank",rel:"noopener noreferrer"},w=t("\uC5EC\uAE30"),S=t("\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4. \uC544\uC9C1 \uCD5C\uC885 \uC644\uC131\uC740 \uC544\uB2C8\uACE0, \uC0AC\uB0B4 \uD14C\uC2A4\uD2B8\uB97C \uAC70\uCCD0 \uC870\uAE08 \uB354 \uD004\uB9AC\uD2F0\uB97C \uB192\uC77C \uC608\uC815\uC774\uB2E4."),D=s('

      \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC80\uC218 \uACFC\uC815\uC740 \uB2E4\uC74C\uC5D0 \uB530\uB85C \uC815\uB9AC\uD574\uC57C\uACA0\uB2E4. \uC774\uACF3\uC5D0 \uB2F4\uAE30\uC5D4.. \uBD84\uB7C9\uC774 \uB108\uBB34 \uB9CE\uB2E4.. \u3160\u3160

      2. \uC758\uC0AC \uACB0\uC815 \uACFC\uC815

      \uC774\uBC88\uC5D0\uB294 CMS\uCC98\uB7FC \uC0AC\uB0B4\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4DC\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C \uC544\uC608 \uC2E0\uADDC \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5C8\uB2E4.
      \uC2E0\uADDC \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4 \uB54C \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790 \uC2A4\uC2A4\uB85C \uACB0\uC815\uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC740 \uC0AC\uC2E4 \uAC70\uC758 \uC5C6\uB2E4.

      \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uAC00 \uC8FC\uB85C \uD558\uAC8C \uB418\uB294 \uC77C\uC740 \uC544\uB9C8\uB3C4 \uCF54\uB4DC \uC791\uC131\uC77C \uAC83\uC774\uB2E4.
      \uADF8\uB7FC \uCF54\uB4DC\uB97C \uB0B4 \uB9D8\uB300\uB85C \uC791\uC131\uD574\uB3C4 \uB420\uAE4C? \uACB0\uB860\uBD80\uD130 \uB9D0\uD558\uC790\uBA74 \uC548 \uB41C\uB2E4.
      \uD68C\uC0AC\uC5D0\uC11C \uC791\uC131\uD558\uB294 \uCF54\uB4DC\uB294 \uB098\uC758 \uAC83\uC774 \uC544\uB2C8\uB2E4.

      \uD68C\uC0AC\uC5D0\uC11C \uC791\uC131\uD55C \uB098\uC758 \uCF54\uB4DC\uB294 \uD68C\uC0AC\uC758 \uAC83\uC774\uACE0 \uD300\uC758 \uAC83\uC774\uB2E4. \uADF8\uB7EC\uBBC0\uB85C \uC6B0\uB9AC\uB294 \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uC9C4\uD589\uD55C\uB2E4.

      \uC6B0\uB9AC \uD68C\uC0AC\uC5D0\uC11C \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uD558\uB294 \uBAA9\uC801\uC740 \uD574\uB2F9 \uD504\uB85C\uC81D\uD2B8\uB97C \uB0B4\uAC00 \uC544\uB2CC \uB2E4\uB978 \uC0AC\uB78C\uC774 \uBC31\uC5C5 \uAC00\uB2A5\uD560 \uC218 \uC788\uB3C4\uB85D \uD558\uB294 \uAC83\uC774 \uCCAB \uBC88\uC9F8 \uBAA9\uC801\uC774\uB2E4.

      \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uD1B5\uD558\uC5EC \uCF54\uB4DC \uC2A4\uD0C0\uC77C\uC744 \uD1B5\uC77C\uD560 \uC218 \uC788\uACE0, \uD504\uB85C\uC81D\uD2B8\uC758 \uAD6C\uC870\uB97C \uD30C\uC545\uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uC90C\uC778\uD130\uB137 \uD3EC\uD138\uAC1C\uBC1C\uD300

      \uC6C3\uD508 \uC774\uC57C\uAE30\uC9C0\uB9CC, \uC6B0\uB9AC \uD300\uC740 \uC774\uC9C1\uB960\uC774 \uB192\uC740 \uD3B8\uC774\uB2E4. \uC6B0\uB9AC\uB4E4\uB07C\uB9AC\uC758 \uC774\uC57C\uAE30\uB85C \uC90C\uC778\uD130\uB137\uC740 \uC5B4\uB5BB\uAC8C \uBCF4\uBA74 \uB300\uD559\uC6D0(?) \uACFC\uC815\uC774\uB77C\uACE0 \uD55C\uB2E4. \uB354 \uC88B\uC740 \uD68C\uC0AC\uB85C \uAC00\uAE30 \uC704\uD55C \uBC1C\uD310\uC774\uB784\uAE4C?

      \uADF8\uB798\uC11C \uD300\uC7A5\uB2D8\uC774 \uB9CE\uC774 \uACE0\uD1B5\uBC1B\uACE0 \uACC4\uC2E0\uB2E4...

      \uD300\uC7A5\uB2D8 \uD558\uC18C\uC5F0 1

      \uD300\uC7A5\uB2D8 \uD558\uC18C\uC5F0 2

      \uC774\uC820 \uADF8\uB0E5 \uCCB4\uB150\uD558\uC2E0 \uAC83 \uAC19\uC740 \uB290\uB08C..?

      \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uB204\uAD70\uAC00 \uC774\uC9C1\uC744 \uD588\uC744 \uB54C \uB0A8\uACA8\uC9C4 \uC0AC\uB78C\uC774 \uB5A0\uB09C \uC0AC\uB78C\uC758 \uBE48\uC790\uB9AC\uB97C \uCDA9\uBD84\uD788 \uBA54\uAFC0 \uC218 \uC788\uB3C4\uB85D \uCF54\uB4DC\uB97C \uC791\uC131\uD574\uC57C \uD55C\uB2E4. \uADF8\uB798\uC57C \uD300\uACFC \uC11C\uBE44\uC2A4\uAC00 \uC720\uC9C0 \uB41C\uB2E4.

      \uACB0\uAD6D \uB0B4\uAC00 \uC791\uC131\uD55C \uCF54\uB4DC\uC870\uCC28 \uB098\uC758 \uAC83\uC774 \uB420 \uC218 \uC5C6\uB2E4. \uADF8\uB798\uC11C \uC8FC\uAD00\uC801\uC778 \uC2DC\uC120\uC774 \uC544\uB2C8\uB77C \uAC1D\uAD00\uC801\uC778 \uC2DC\uC120\uC73C\uB85C \uCF54\uB4DC\uB97C \uC791\uC131\uD558\uB294 \uC5F0\uC2B5\uC774 \uD544\uC694\uD558\uB2E4.

      \uC0AC\uC2E4.. \uB9CE\uC774 \uC5B4\uB835\uB2E4. \uC544\uBB34\uB9AC \uC27D\uAC8C \uCF54\uB4DC\uB97C \uC791\uC131\uD55C\uB2E4\uACE0 \uD558\uB354\uB77C\uB3C4 \uD55C\uACC4\uAC00 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4. \uADF8\uB798\uC11C \uC8FC\uC11D\uC744 \uCD5C\uB300\uD55C \uB9CE\uC774 \uD65C\uC6A9\uD558\uB294 \uC911\uC774\uB2E4. \uB108\uBB34 \uADC0\uCC2E\uC544!!

      ',10),y=t("\uD2B9\uD788, intellij\uC640 "),U={href:"https://jsdoc.app/",target:"_blank",rel:"noopener noreferrer"},T=t("jsdoc"),L=t("\uC758 \uD638\uD658\uC131\uC774 \uC88B\uC544\uC11C \uC801\uADF9 \uC751\uC6A9 \uC911\uC774\uB2E4."),A=s('

      \uC5B4\uCA0C\uB4E0 \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uAC00 \uACB0\uC815\uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC740 \uC9C0\uADF9\uD788 \uD55C\uC815\uC801\uC774\uB2E4. \uBB34\uC5C7 \uD558\uB098 \uB9D8\uB300\uB85C \uD560 \uC218 \uC788\uB294 \uAC83\uC774 \uC5C6\uB2E4 \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uAC19\uC774 \uC77C\uD558\uB294 \uC0AC\uB78C\uB4E4\uC758 \uC0DD\uAC01\uC744 \uD56D\uC0C1 \uC874\uC911\uD558\uACE0 \uB610 \uB530\uB77C\uAC00\uB824\uACE0 \uC560\uC4F0\uB294 \uC911\uC774\uB2E4.

      3. Quality assurance

      \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC744 \uB9CC\uB4DC\uB294 \uACFC\uC815\uC5D0\uC11C QA\uB97C \uC9C4\uD589\uD588\uB294\uB370, \uC0DD\uAC01\uBCF4\uB2E4 \uB098\uC058\uC9C0 \uC54A\uC558\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uC815\uB3C4\uB294 \uD574\uC57C \uAD1C\uCC2E\uC740 \uC11C\uBE44\uC2A4\uAC00 \uB098\uC624\uB294 \uAC83\uC744 \uB290\uB084 \uC218 \uC788\uB294 \uACBD\uD5D8\uC774\uC5C8\uB2E4.

      \uBA3C\uC800 \uAC1C\uBC1C\uC790\uB85C\uC11C \uD560 \uC218 \uC788\uB294 \uD14C\uC2A4\uD2B8\uB97C \uD55C\uB2E4.

      • \uCF54\uB4DC\uC0C1\uC758 \uC624\uB958 \uD655\uC778
      • \uD0C0\uC785 \uAC80\uC99D
      • \uCF58\uC194\uC5D0 \uB098\uC624\uB294 \uC624\uB958/\uACBD\uACE0 \uBB38\uAD6C \uD574\uACB0
      • \uC131\uB2A5 \uD14C\uC2A4\uD2B8
      • \uBA54\uBAA8\uB9AC \uB204\uC218 \uD655\uC778
      • \uCE90\uC2F1/\uC2A4\uCF00\uC974\uB9C1 \uD655\uC778

      \uC774\uB807\uB4EF \uAC1C\uBC1C\uC790\uAC00 \uC544\uB2C8\uBA74 \uD560 \uC218 \uC5C6\uB294 \uAC83\uB4E4 \uC704\uC8FC\uB85C \uBA3C\uC800 \uAC80\uC99D\uC744 \uC9C4\uD589\uD55C\uB2E4. \uADF8\uB2E4\uC74C \uC81C\uD488\uC774 \uAE30\uD68D\uC11C\uC758 \uBA85\uC138\uB300\uB85C \uB9CC\uB4E4\uC5B4\uC84C\uB294\uC9C0 \uC77C\uCC28\uC801\uC778 \uAC80\uC218 \uBC0F \uC218\uC815 \uACFC\uC815\uC744 \uAC70\uCE5C\uB2E4.

      \uADF8\uB9AC\uACE0 \uAE30\uD68D\uC790\uBD84\uB4E4\uC774 \uD55C \uBC88 \uB354 \uAF3C\uAF3C\uD558\uAC8C QA\uB97C \uC9C4\uD589\uD55C\uB2E4. \uB9C8\uC9C0\uB9C9\uC73C\uB85C \uD050\uB808\uC774\uC158\uD300\uC774 \uC815\uB9D0 \uC12C\uC138\uD558\uAC8C QA\uB97C \uC9C4\uD589\uD55C\uB2E4. \uC774 \uACFC\uC815\uC5D0\uC11C \uC57D\uAC04 \uC790\uAD34\uAC10\uC774 \uB4E0\uB2E4.

      \uC65C \uB098\uB294 \uC774\uB807\uAC8C\uAE4C\uC9C0 \uAF3C\uAF3C\uD558\uAC8C \uAC80\uC218\uB97C \uD558\uC9C0 \uBABB\uD588\uC744\uAE4C? \uC65C \uC774\uC81C\uC11C\uC57C \uC774\uB7EC\uD55C \uBC84\uADF8\uB97C \uBC1C\uACAC\uD55C \uAC78\uAE4C? \uD558\uB294 \uC790\uAD34\uAC10 \uB9D0\uC774\uB2E4.

      \uC870\uAE08 \uB354 \uB0B4\uAC00 \uB9CC\uB4DC\uB294 \uC11C\uBE44\uC2A4\uC5D0 \uC560\uC815\uC744 \uAC00\uC9C0\uACE0 \uD14C\uC2A4\uD2B8\uB97C \uC9C4\uD589\uD574\uC57C\uACA0\uB2E4.

      \uC0AC\uC801

      1. Java Clean Code

      ',11),C=t("NextStep\uC758 "),N={href:"https://edu.nextstep.camp/c/8fWRxNWU",target:"_blank",rel:"noopener noreferrer"},B=t("\uD074\uB9B0\uCF54\uB4DC\uB97C \uC704\uD55C TDD, \uB9AC\uD329\uD1A0\uB9C1 with Java"),I=t(" \uB97C 6\uC6D4 \uC911\uC21C\uAE4C\uC9C0 \uB9C8\uBB34\uB9AC\uD588\uB2E4. \uB0B4\uAC00 \uBB34\uC0AC\uD788 \uC218\uB8CC\uD560 \uC218 \uC788\uC744\uAE4C \uACE0\uBBFC\uD588\uB294\uB370, \uC6B4\uC774 \uC88B\uAC8C \uC81C\uC77C \uBA3C\uC800 \uC218\uB8CC\uD560 \uC218 \uC788\uC5C8\uB2E4."),K={class:"custom-container tip"},V=e("p",{class:"custom-container-title"},"\uD574\uB2F9 \uACFC\uC815\uC744 \uC9C4\uD589\uD558\uBA74\uC11C \uC62C\uB9B0 PR(\uCF54\uB4DC\uB9AC\uBDF0) \uBAA8\uC74C",-1),J=t("Racingcar "),R={href:"https://github.com/next-step/java-racingcar/pull/716",target:"_blank",rel:"noopener noreferrer"},W=t("step1: String \uD074\uB798\uC2A4\uC5D0 \uB300\uD55C \uD559\uC2B5"),Y={href:"https://github.com/next-step/java-racingcar/pull/761",target:"_blank",rel:"noopener noreferrer"},q=t("step2: \uBB38\uC790\uC5F4 \uACC4\uC0B0\uAE30"),P={href:"https://github.com/next-step/java-racingcar/pull/826",target:"_blank",rel:"noopener noreferrer"},Q=t("step3: \uC790\uB3D9\uCC28 \uACBD\uC8FC"),E={href:"https://github.com/next-step/java-racingcar/pull/870",target:"_blank",rel:"noopener noreferrer"},M=t("step4: \uC790\uB3D9\uCC28 \uACBD\uC8FC \uC6B0\uC2B9\uC790"),z={href:"https://github.com/next-step/java-racingcar/pull/984",target:"_blank",rel:"noopener noreferrer"},O=t("step5: \uC790\uB3D9\uCC28 \uACBD\uC8FC \uB9AC\uD329\uD1A0\uB9C1"),G=t("Lotto "),H={href:"https://github.com/next-step/java-lotto/pull/495",target:"_blank",rel:"noopener noreferrer"},Z=t("step1: \uBB38\uC790\uC5F4 \uB367\uC148 \uACC4\uC0B0"),F={href:"https://github.com/next-step/java-lotto/pull/509",target:"_blank",rel:"noopener noreferrer"},X=t("step2: \uB85C\uB610 (1)"),$={href:"https://github.com/next-step/java-lotto/pull/527",target:"_blank",rel:"noopener noreferrer"},ee=t("step2: \uB85C\uB610 (2)"),te={href:"https://github.com/next-step/java-lotto/pull/532",target:"_blank",rel:"noopener noreferrer"},oe=t("step3: \uB85C\uB610 2\uB4F1 (2)"),ne={href:"https://github.com/next-step/java-lotto/pull/541",target:"_blank",rel:"noopener noreferrer"},se=t("step3: \uB85C\uB610 2\uB4F1 (2)"),re={href:"https://github.com/next-step/java-lotto/pull/550",target:"_blank",rel:"noopener noreferrer"},ae=t("step4: \uB85C\uB610 \uC218\uB3D9"),le=t("Ladder "),ie={href:"https://github.com/next-step/java-ladder/pull/389",target:"_blank",rel:"noopener noreferrer"},he=t("step1: Stream, Lambda, Optional"),ce={href:"https://github.com/next-step/java-ladder/pull/396",target:"_blank",rel:"noopener noreferrer"},pe=t("step2: \uC0AC\uB2E4\uB9AC \uC0DD\uC131"),_e={href:"https://github.com/next-step/java-ladder/pull/399",target:"_blank",rel:"noopener noreferrer"},de=t("step3: \uC0AC\uB2E4\uB9AC \uAC8C\uC784 \uC2E4\uD589"),ue={href:"https://github.com/next-step/java-ladder/pull/407",target:"_blank",rel:"noopener noreferrer"},ge=t("step4: \uB9AC\uD329\uD1A0\uB9C1"),be=t("Ladder "),fe={href:"https://github.com/next-step/java-ladder/pull/389",target:"_blank",rel:"noopener noreferrer"},me=t("step1: Stream, Lambda, Optional"),ke={href:"https://github.com/next-step/java-ladder/pull/396",target:"_blank",rel:"noopener noreferrer"},xe=t("step2: \uC0AC\uB2E4\uB9AC \uC0DD\uC131"),ve={href:"https://github.com/next-step/java-ladder/pull/399",target:"_blank",rel:"noopener noreferrer"},je=t("step3: \uC0AC\uB2E4\uB9AC \uAC8C\uC784 \uC2E4\uD589"),we={href:"https://github.com/next-step/java-ladder/pull/407",target:"_blank",rel:"noopener noreferrer"},Se=t("step4: \uB9AC\uD329\uD1A0\uB9C1"),De=t("Bowling "),ye={href:"https://github.com/next-step/java-bowling/pull/155",target:"_blank",rel:"noopener noreferrer"},Ue=t("step1: \uC9C8\uBB38 \uC0AD\uC81C\uD558\uAE30 \uAE30\uB2A5 \uB9AC\uD329\uD1A0\uB9C1"),Te={href:"https://github.com/next-step/java-bowling/pull/157",target:"_blank",rel:"noopener noreferrer"},Le=t("step2: \uBCFC\uB9C1 \uC810\uC218\uD310"),Ae={href:"https://github.com/next-step/java-bowling/pull/164",target:"_blank",rel:"noopener noreferrer"},Ce=t("step3: \uBCFC\uB9C1 \uC810\uC218\uD310 \uC810\uC218 \uACC4\uC0B0"),Ne={href:"https://github.com/next-step/java-bowling/pull/165",target:"_blank",rel:"noopener noreferrer"},Be=t("step4: \uBCFC\uB9C1 \uC810\uC218\uD310 n\uBA85"),Ie=s('

      \uC57D\uAC04\uC758 \uC18C\uAC10\uC744 \uC774\uC57C\uAE30 \uD574\uBCF4\uC790\uBA74, \uC2DC\uC791(Racingcar)\uACFC \uB05D(Bowling)\uC774 \uC5B4\uB824\uC6E0\uB2E4.

      \uC2DC\uC791\uD560 \uB54C\uB294 \uC790\uBC14 \uC790\uCCB4\uC5D0 \uC775\uC219\uD558\uC9C0 \uC54A\uB2E4 \uBCF4\uB2C8, \uB9D0 \uADF8\uB300\uB85C \uBAA8\uB4E0 \uAC83\uB4E4\uC774 \uC0DD\uC18C\uD588\uB2E4. \uADF8\uB098\uB9C8 \uC2A4\uD2B8\uB9BC\uC740 \uC5B4\uB290 \uC815\uB3C4 \uC0AC\uC6A9\uD560 \uC904 \uC54C\uC558\uAE30 \uB54C\uBB38\uC5D0 \uCF54\uB4DC\uB97C \uC9E7\uAC8C \uC791\uC131\uD55C\uB2E4\uB358\uAC00, if\uB098 while, for \uC5C6\uC774 \uC791\uC131\uD558\uB294 \uAC83\uC740 \uC5B4\uB835\uC9C0 \uC54A\uC558\uB2E4.

      \uADF8\uB7F0\uB370 \uC77C\uAE09 \uCEEC\uB809\uC158\uC774\uB098 \uC6D0\uC2DC\uAC12 \uD3EC\uC7A5 \uAC19\uC740 \uAC1C\uB150\uC740 \uC27D\uAC8C \uC774\uD574\uB418\uC9C0 \uC54A\uC544\uC11C \uC560\uBA39\uC5C8\uB2E4. \uC774\uB7EC\uD55C \uBB38\uC81C\uC810\uC744 \uBCF4\uC644\uD558\uAE30 \uC704\uD574\uC11C \uC2E4\uB825\uC774 \uB6F0\uC5B4\uB09C \uB2E4\uB978 \uC218\uAC15\uC0DD\uBD84\uB4E4\uC774\uB098 \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uD574\uC8FC\uC2DC\uB294 \uB9AC\uBDF0\uC5B4\uBD84\uB4E4\uC774 \uC774 \uACFC\uC815\uC744 \uC218\uD589\uD560 \uB54C \uC791\uC131\uD588\uB358 \uCF54\uB4DC\uB97C \uBCF4\uBA74\uC11C \uB9CE\uC774 \uCC38\uACE0\uD588\uB2E4.

      \uAC1C\uC778\uC801\uC73C\uB85C \uC0DD\uAC01\uD558\uB294 \uB098\uC758 \uC7A5\uC810 \uC911 \uD558\uB098\uAC00 \uC8FC\uBCC0\uC5D0 \uC788\uB294 \uB6F0\uC5B4\uB09C \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC8FC\uB205 \uB4E4\uAE30\uBCF4\uB2E8 \uADF8 \uC0AC\uB78C\uB4E4\uC758 \uB178\uD558\uC6B0\uB098 \uC0AC\uACE0\uBC29\uC2DD, \uAC00\uCE58\uAD00\uC744 \uC798 \uBC1B\uC544\uB4E4\uC774\uB294 \uC810\uC774\uB2E4.

      \uACB0\uACFC\uC801\uC73C\uB85C \uCD08\uBC18\uC5D0 \uC560\uBA39\uC740 \uB355\uBD84\uC5D0 Lotto\uC640 Ladder\uB294 \uC27D\uAC8C \uD1B5\uACFC\uD560 \uC218 \uC788\uC5C8\uB2E4.

      \uB9C8\uC9C0\uB9C9 \uBBF8\uC158\uC778 Bowling\uC740 \uC124\uACC4 \uC790\uCCB4\uAC00 \uC815\uB9D0 \uC5B4\uB824\uC6E0\uB2E4. \uC5B4\uB5BB\uAC8C \uC124\uACC4\uD558\uC9C0? \uB77C\uB294 \uACE0\uBBFC\uC744 \uC77C\uC8FC\uC77C \uB0B4\uB0B4 \uD588\uB358 \uAC83 \uAC19\uB2E4. \uADF8\uB798\uC11C step2\uB97C \uC9C4\uD589\uD560 \uB54C, \uC9C0\uC6E0\uB2E4\uAC00 \uC37C\uB2E4\uB97C \uBC18\uBCF5\uD558\uB2E4 \uBCF4\uB2C8 \uBB34\uB824 \uD55C step\uC5D0 45\uAC1C\uC758 \uCEE4\uBC0B\uC774 \uBC1C\uC0DD\uD588\uB2E4.

      step1\uC744 6\uC6D4 9\uC77C\uC5D0 \uC644\uB8CC\uD588\uACE0, step2\uB97C 6\uC6D4 16\uC77C\uC5D0 \uC644\uB8CC\uD588\uB2E4. \uADF8\uB9AC\uACE0 step3, step4\uB294 \uAC01\uAC01 18\uC77C, 20\uC77C\uC5D0 \uC644\uB8CC\uD588\uB2E4. \uC815\uB9D0 step2\uC5D0\uC11C \uC124\uACC4\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC744 \uC77C\uC8FC\uC77C \uB0B4\uB0B4 \uD55C \uAC83\uC774\uB2E4. \uB355\uBD84\uC5D0 step3\uC640 step2\uB294\uAC70\uC758 \uBC14\uB85C \uB05D\uB0BC \uC218 \uC788\uC5C8\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uACB0\uACFC\uC801\uC73C\uB85C \uD574\uB2F9 \uACFC\uC815\uC744 \uC804\uCCB4 \uC778\uC6D0 \uC911 \uCCAB \uBC88\uC9F8\uB85C \uC218\uB8CC\uD560 \uC218 \uC788\uC5C8\uB2E4.

      \uD074\uB9B0\uCF54\uB4DC \uC218\uB8CC

      \uB0B4\uAC00 \uC2E4\uB825\uC774 \uC88B\uC544\uC11C\uB77C\uAE30\uBCF4\uB2E8, \uD558\uB8E8\uB3C4 \uC26C\uC9C0 \uC54A\uACE0 \uAFB8\uC900\uD788 \uD588\uAE30 \uB54C\uBB38\uC5D0 \uC774\uB7F0 \uC131\uACFC\uB97C \uB0BC \uC218 \uC788\uC5C8\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4.

      ',10),Ke={class:"custom-container tip"},Ve=e("p",{class:"custom-container-title"},"\uAFB8\uC900\uD788 \uACF5\uBD80\uD558\uB294 \uC2B5\uAD00\uC744 \uC9C0\uB2C8\uC790",-1),Je=e("p",null,[e("u",null,"5\uC6D4\uC5D0\uB294 \uCF54\uB355 1\uB4F1\uC744 \uD588\uACE0, 6\uC6D4\uC5D0\uB294 \uD074\uB9B0\uCF54\uB4DC 1\uB4F1\uC744 \uD588\uB2E4.")],-1),Re=e("p",null,[t("\uD56D\uC0C1 \uD55C\uACC4\uC810\uC758 \uD398\uC774\uC2A4\uB97C \uC720\uC9C0\uD558\uAE30\uBCF4\uB2E8, \uD55C \uBC88 \uD55C\uACC4\uC810\uAE4C\uC9C0 \uB3C4\uB2EC\uD55C \uD6C4\uC5D0 70% ~ 80% \uC815\uB3C4\uB97C \uC720\uC9C0\uD558\uB294 \uAC8C \uC88B\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB807\uC9C0 \uC54A\uC73C\uBA74 "),e("u",null,"\uB108\uBB34 \uBE68\uB9AC \uC9C0\uCE58\uAE30 \uB54C\uBB38\uC774\uB2E4.")],-1),We=t("\uB098\uB294 \uC90C\uC778\uD130\uB137\uC5D0 \uC785\uC0AC\uD55C \uB2E4\uC74C\uC5D0 \uC8FC\uBCC0 \uC790\uADF9\uC744 \uC801\uADF9\uC801\uC73C\uB85C \uC218\uC6A9\uD558\uACE0 \uC788\uB2E4. \uADF8\uC911\uC5D0 \uC81C\uC77C \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uAC83\uC740 \uC6B0\uB9AC \uD300\uC744 \uAC70\uCCD0 \uAC04 "),Ye={href:"https://www.youtube.com/watch?v=V9AGvwPmnZU&t=174s",target:"_blank",rel:"noopener noreferrer"},qe=t("\uC6B0\uC544\uD55C\uD615\uC81C\uB4E4\uC5D0\uC11C \uADFC\uBB34\uD558\uACE0 \uACC4\uC2E0 \uC774\uB3D9\uC6B1 \uB2D8\uC758 \uC778\uD130\uBDF0"),Pe=t("\uC774\uB2E4. \uBB34\uC5B8\uAC00\uB97C \uAC70\uCC3D\uD558\uAC8C \uD558\uAE30\uBCF4\uB2E8 "),Qe=e("strong",null,"\uADF8\uB0E5 \uB9E4\uC77C \uAFB8\uC900\uD788 \uD558\uB294 \uAC83",-1),Ee=t("\uC774\uB2E4. \uD655\uC2E4\uD788 \uB098\uC5D0\uAC8C\uB294 \uC774 \uC0AC\uACE0\uBC29\uC2DD\uACFC \uAC00\uCE58\uAD00\uC774 \uB9DE\uC544\uB5A8\uC5B4\uC9C4\uB2E4."),Me=e("ul",null,[e("li",null,[t("\uADFC\uB370 \uC774\uB3D9\uC6B1 \uB2D8\uC740 \uAD49\uC7A5\uD788 \uB9CE\uC740 \uAC83\uC744 \uD558\uACE0 \uACC4\uC2E0\uB2E4. "),e("s",null,"\uC778\uAC04\uC774 \uC544\uB2CC \uB4EF")])],-1),ze=t("\uC804\uCCB4 \uACFC\uC815\uC744 \uC218\uB8CC\uD55C \uB2E4\uC74C\uC5D0 \uBBF8\uC158\uBCC4\uB85C \uD30C\uD3B8\uD654\uB41C \uCF54\uB4DC\uB97C "),Oe={href:"https://github.com/junilhwang/java-clean-code",target:"_blank",rel:"noopener noreferrer"},Ge=t("\uD55C \uC800\uC7A5\uC18C"),He=t("\uC5D0 \uBAA8\uC544\uB1A8\uB2E4. "),Ze=e("s",null,"\uC0AC\uC2E4 \uAE43\uD5C8\uBE0C \uC794\uB514\uC5D0 \uBC18\uC601\uD558\uACE0 \uC2F6\uC5C8\uB2E4.",-1),Fe=e("p",null,[e("img",{src:"https://user-images.githubusercontent.com/18749057/87239173-f5464780-c446-11ea-9383-9ae7cfcc95d0.png",alt:"java-clean-code-repository"})],-1),Xe=e("p",null,[t("\uBAA8\uC544\uB193\uACE0 \uBCF4\uB2C8 "),e("u",null,"\uB450 \uB2EC \uB3D9\uC548 \uC57D 600\uAC1C\uC758 commit\uC774 \uBC1C\uC0DD\uD588\uB2E4."),t(" \uB0B4\uAC00 \uAC1C\uBC1C \uACF5\uBD80\uB97C \uC774\uB807\uAC8C \uC5F4\uC2EC\uD788 \uD588\uB358 \uC801\uC774 \uC788\uC5C8\uB098 \uC2F6\uB2E4. "),e("s",null,"\uC0AC\uC2E4 \uACE0\uB4F1\uD559\uAD50 3\uD559\uB144 \uC5EC\uB984\uBC29\uD559 \uB54C \uC81C\uC77C \uC5F4\uC2EC\uD788 \uD588\uB2E4.")],-1),$e=e("h3",{id:"_2-dku-study",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#_2-dku-study","aria-hidden":"true"},"#"),t(" 2. DKU Study")],-1),et=t("4\uC6D4 \uB9D0\uBD80\uD130 "),tt={href:"https://github.com/eyabc",target:"_blank",rel:"noopener noreferrer"},ot=t("\uC5EC\uC790\uCE5C\uAD6C"),nt=t("\uAC00 \uC6B4\uC601\uD558\uACE0, \uB0B4\uAC00 \uBA58\uD1A0(?)\uB85C \uD65C\uB3D9\uD558\uACE0 \uC788\uB294 "),st={href:"https://github.com/DKU-STUDY",target:"_blank",rel:"noopener noreferrer"},rt=t("\uB2E8\uAD6D\uB300\uD559\uAD50 \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514"),at=t("\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC774\uB2E4."),lt=e("div",{class:"custom-container tip"},[e("p",{class:"custom-container-title"},"TMI(Too much Information)"),e("p",null,"\uBCF8\uC778\uACFC \uC5EC\uC790\uCE5C\uAD6C\uB294 \uB2E8\uAD6D\uB300\uD559\uAD50 \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uD559\uACFC\uC758 CC(\uCEA0\uD37C\uC2A4 \uCEE4\uD50C)\uC774\uB2E4."),e("p",null,"\uB098\uC640 \uC5EC\uC790\uCE5C\uAD6C\uB294 \uD559\uAD50 \uB2E4\uB2D0 \uB54C \uD559\uBD80 \uB0B4\uC5D0 \uD559\uC0DD\uB4E4\uC5D0\uAC8C \uB3C4\uC6C0\uC774 \uB418\uB294 \uB3D9\uC544\uB9AC\uB098 \uC2A4\uD130\uB514 \uAC19\uC740 \uAC8C \uAC70\uC758 \uC5C6\uB2E4\uB294 \uAC83\uC774 \uCC38 \uC544\uC26C\uC6E0\uB2E4. \uADF8\uB798\uC11C \uAC19\uC774 \uADF8\uB7F0 \uC2A4\uD130\uB514\uB97C \uB9CC\uB4E4\uC5B4\uC11C \uC6B4\uC601\uD574\uBCF4\uC790\uBA70 \uD574\uB2F9 \uC2A4\uD130\uB514\uB97C \uC2DC\uC791\uD588\uB2E4.")],-1),it=e("p",null,"6\uC6D4\uC5D0\uB294 \uAE30\uB9D0\uACE0\uC0AC\uAC00 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uD65C\uB3D9\uC774 \uB9E4\uC6B0 \uD65C\uBC1C\uD558\uC9C4 \uC54A\uC558\uB2E4. \uADF8\uB798\uB3C4 \uD558\uB294 \uC0AC\uB78C\uC740 \uAFB8\uC900\uD788 \uD588\uB2E4.",-1),ht=t("\uC5B4\uB290\uC0C8 "),ct={href:"https://github.com/DKU-STUDY/Algorithm",target:"_blank",rel:"noopener noreferrer"},pt=t("DKU-STUDY/Algorithm"),_t=t(" \uC800\uC7A5\uC18C\uC758 \uCEE4\uBC0B\uC774 1000\uAC1C\uAC00 \uB118\uC5C8\uB2E4. "),dt=e("s",null,"(\uC0AC\uC2E4 6\uC6D4\uC774 \uC544\uB2C8\uB77C 7\uC6D4\uC5D0 \uB118\uACBC\uB2E4.)",-1),ut=e("p",null,[e("img",{src:"https://user-images.githubusercontent.com/18749057/87239179-0ee78f00-c447-11ea-9428-b2bb4cea50a2.png",alt:"\uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514"})],-1),gt=t("\uADF8\uB9AC\uACE0 \uAE30\uC874\uC5D0 \uCE74\uD1A1\uC73C\uB85C \uC6B4\uC601\uD558\uB358 \uCC44\uD305\uBC29\uC744 \uB514\uC2A4\uCF54\uB4DC\uB85C \uC62E\uACBC\uB2E4. \uB514\uC2A4\uCF54\uB4DC\uB85C \uC62E\uAE30\uBA74\uC11C \uB514\uC2A4\uCF54\uB4DC\uC758 "),bt=e("u",null,"Channel API, Bot, github webhooks",-1),ft=t(" \uB4F1\uC744 \uC774\uC6A9\uD558\uC5EC "),mt={href:"https://github.com/JunilHwang/discord-study-bot",target:"_blank",rel:"noopener noreferrer"},kt=t("\uAE43\uD5C8\uBE0C \uC54C\uB9BC \uBD07"),xt=t("\uC744 \uB9CC\uB4E4\uC5C8\uB2E4."),vt=s('

      \uB514\uC2A4\uCF54\uB4DC \uCC44\uD305\uBC29

      \uC544\uC9C1 API\uC5D0 \uC9C1\uC811 \uC815\uC758\uD55C \uD15C\uD50C\uB9BF\uACFC \uCC44\uB110\uC5D0 \uB300\uD574\uC11C\uB9CC \uC54C\uB9BC\uC744 \uBCF4\uB0B4\uACE0 \uC788\uB2E4. 7\uC6D4\uC5D0\uB294 CMS\uB97C \uAD6C\uCD95\uD558\uC5EC \uC870\uAE08 \uB354 \uC720\uC5F0\uD558\uAC8C \uAD00\uB9AC\uD560 \uC218 \uC788\uB3C4\uB85D \uC0DD\uAC01 \uC911\uC774\uB2E4.

      \uCD94\uAC00\uB85C 7\uC6D4\uC5D0\uB294 \uC54C\uACE0\uB9AC\uC998 \uC774\uC678\uC5D0 \uB2E4\uC591\uD55C \uC8FC\uC81C\uC758 \uC2A4\uD130\uB514\uB97C \uD560 \uC608\uC815\uC774\uB2E4. (\uBB3C\uB860 \uC6B4\uC601\uC740 \uC2A4\uD130\uB514\uC7A5 \uB2D8\uC774..)

      \uAC1C\uC778\uC801\uC73C\uB85C \uD574\uBCF4\uACE0 \uC2F6\uC740 \uAC83\uC740, \uC774\uBC88\uC5D0 \uC218\uAC15\uD55C java clean code\uC758 \uB0B4\uC6A9\uC744 typescript\uB85C \uB2E4\uB4EC\uC5B4\uC11C \uC6B4\uC601\uD574\uBCF4\uB294 \uAC83\uC774\uB2E4. \uC9C0\uAE08 \uB2F9\uC7A5 \uD558\uAE30\uB294 \uD798\uB4E4\uACE0, \uC900\uBE44 \uACFC\uC815\uC774 \uC870\uAE08\uC774 \uC544\uB2C8\uB77C \uB9CE\uC774 \uD544\uC694\uD560 \uAC83 \uAC19\uB2E4.

      3. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0

      ',5),jt=t("\uC774\uBC88 \uB2EC\uC5D0\uB294 \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0\uAC00 \uC5C6\uC5C8\uB2E4. \uADF8\uB098\uB9C8 \uCC38\uC5EC\uD560 \uC218 \uC788\uC5C8\uB358 \uCC4C\uB9B0\uC9C0\uB294, \uC9C0\uB09C\uB2EC\uC5D0 \uC2E0\uCCAD\uD55C "),wt={href:"https://programmers.co.kr/competitions/151/2020-kakao-fe-recruitment",target:"_blank",rel:"noopener noreferrer"},St=t("\uCE74\uCE74\uC624 \uACBD\uB825 \uAC1C\uBC1C\uC790 \uC601\uC785 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C \uCC4C\uB9B0\uC9C0"),Dt=t("\uC600\uB2E4."),yt=s('

      1\uCC28\uB294 \uC54C\uACE0\uB9AC\uC998 \uD14C\uC2A4\uD2B8, 2\uCC28\uB294 VanillaJS \uD14C\uC2A4\uD2B8\uC600\uB2E4.

      \uC77C\uB2E8 1\uCC28 \uC54C\uACE0\uB9AC\uC998 \uD14C\uC2A4\uD2B8\uB294 \uCE74\uCE74\uC624\uC5D0\uC11C \uB0B8 \uBB38\uC81C \uCE58\uACE4 \uC0DD\uAC01\uBCF4\uB2E4 \uC26C\uC6E0\uB2E4.
      * \uC5EC\uD0DC\uAE4C\uC9C0 \uC751\uC2DC\uD588\uB358 \uCE74\uCE74\uC624 \uCF54\uB529 \uD14C\uC2A4\uD2B8\uB294 \uBAA8\uB450 \uADF9\uC545\uC758 \uB09C\uC774\uB3C4\uB97C \uC790\uB791\uD588\uB2E4.

      \uADF8\uB798\uB3C4 \uD1B5\uACFC\uD560 \uB9CC\uD07C\uC758 \uC194\uB8E8\uC158\uC740 \uC544\uB2C8\uB77C\uACE0 \uC0DD\uAC01\uD588\uAE30 \uB54C\uBB38\uC5D0 2\uCC28 \uCF54\uB529\uD14C\uC2A4\uD2B8\uB294 \uAE30\uB300\uD558\uC9C0 \uC54A\uC558\uB2E4. \uADF8\uB7F0\uB370, \uC815\uB9D0 \uC6B4\uC774 \uC88B\uC558\uB358 \uAC74\uC9C0 1\uCC28 \uD14C\uC2A4\uD2B8\uB97C \uD1B5\uACFC\uD574\uC11C 2\uCC28 \uD14C\uC2A4\uD2B8\uB3C4 \uC751\uC2DC\uD560 \uC218 \uC788\uC5C8\uB2E4.

      2\uCC28 \uD14C\uC2A4\uD2B8\uC758 \uBB38\uC81C \uB610\uD55C \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uC5D0\uC11C \uC5EC\uD0DC\uAE4C\uC9C0 \uB098\uC654\uB358 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C \uACFC\uC81C \uC911\uC5D0 \uC81C\uC77C \uB9CC\uC871\uC2A4\uB7EC\uC6E0\uB2E4. \uC0AC\uC2E4 \uC6B0\uC544\uD55C\uD14C\uD06C\uCF54\uC2A4 \uBB38\uC81C \uBE7C\uACE4 \uB2E4 \uC88B\uC558\uB2E4

      \uACE0\uBBFC\uC774 \uD544\uC694\uD55C \uBB38\uC81C\uB4E4\uC774 \uAF64 \uC788\uC5B4\uC11C \uC88B\uC740 \uACBD\uD5D8\uC774 \uB418\uC5C8\uB2E4!

      4. \uCF54\uB355

      5\uC6D4\uC5D0 \uCF54\uB355\uC5D0\uC11C 1\uB4F1\uC744 \uD588\uAE30 \uB54C\uBB38\uC5D0 6\uC6D4\uC740 \uC26C\uC5C4\uC26C\uC5C4\uD588\uB2E4. \uADF8\uB798\uB3C4 6\uB4F1\uC73C\uB85C \uB9C8\uBB34\uB9AC \uD560 \uC218 \uC788\uC5C8\uB2E4.

      \uCF54\uB355 6\uB4F1

      \uADF8\uB9AC\uACE0 \uCF54\uB355\uC5D0\uC11C \uCE21\uC815\uD558\uAE38, \uD558\uB8E8\uC5D0 30\uD68C \uC774\uC0C1\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4\uACE0 \uD55C\uB2E4.

      \uD3C9\uADE0 \uCEE4\uBC0B

      \uC774\uBCF4\uB2E4 \uB354 \uAE30\uBD84 \uC88B\uC740 \uC0AC\uC2E4\uC740, \uCF54\uB355\uC5D0\uC11C \uD1B5\uACC4\uB97C \uB0B4\uB294 \uADF8\uB8F9 \uC911 DKU-STUDY\uAC00 \uAC70\uC758 \uC555\uB3C4\uC801\uC778 1\uB4F1\uC774\uB77C\uB294 \uC810!

      \uCF54\uB355 \uADF8\uB8F9 1\uB4F1

      2\uB4F1\uACFC 2000\uC810 \uC815\uB3C4 \uCC28\uC774 \uB09C\uB2E4.

      \uC57D\uAC04\uC758 \uC544\uC26C\uC6B4 \uC810\uC740, \uCEE4\uBC0B\uC740 \uB9E4\uC77C \uD588\uC73C\uB098 \uD478\uC26C\uB97C \uB9E4\uC77C \uD558\uC9C0 \uC54A\uC544\uC11C \uC77C\uC77C \uCEE4\uBC0B \uC2A4\uD2F0\uCEE4\uB97C \uBC1B\uC9C0 \uBABB\uD588\uB2E4.. \uCF54\uB355\uC758 \uC2DC\uC2A4\uD15C\uC774 \uC218\uC815\uB418\uAE38 \uAC04\uC808\uD788 \uBC14\uB77C\uACE0 \uC788\uB2E4.. \uB108\uBB34 \uC544\uC27D\uB2E4

      \uAC1C\uBC1C\uC678

      1. \uC218\uC601

      \uC774\uBC88 \uB2EC\uB3C4 \uC5F4\uC2EC\uD788 \uC218\uC601\uD558\uB7EC \uB2E4\uB154\uB2E4. \uC774\uC81C \uBC30\uC601/\uC790\uC720\uC601\uC740 \uAF64 \uC798\uD560 \uC218 \uC788\uB2E4. \uB2E4\uB9CC \uC624\uB798 \uBABB\uD55C\uB2E4.. \uC544\uC9C1\uAE4C\uC9C4 \uC800\uC9C8 \uCCB4\uB825..

      \uADF8\uB798\uC11C \uD3C9\uC601\uC744 \uC5F0\uC2B5 \uC911\uC778\uB370 \uC544\uC9C1 \uB098\uB294 \uAC1C\uAD6C\uB9AC\uAC00 \uB418\uB824\uBA74 \uBA40\uC9C0 \uC54A\uC558\uB098 \uC2F6\uB2E4.. \uD5C8\uD5C8

      \uADF8\uB7F0\uB370 6\uC6D4 \uB9D0\uBD80\uD130 \uD68C\uC0AC\uC5D0\uC11C Work+ \uB77C\uB294 \uC81C\uB3C4\uB97C \uB9CC\uB4E4\uC5B4\uC11C \uC7AC\uD0DD\uADFC\uBB34\uB97C \uD560 \uC218 \uC788\uB3C4\uB85D \uD574\uC92C\uB2E4. \uADF8\uB7F0\uB370 \uC218\uC601\uC744 \uD558\uB824\uBA74 \uD68C\uC0AC \uC55E\uC73C\uB85C \uC640\uC57C \uD558\uAE30 \uB54C\uBB38\uC5D0.. \uC9C0\uAE08 \uAD49\uC7A5\uD788 \uACE0\uBBFC \uC911\uC774\uB2E4.

      \uAC15\uC2B5\uC740 \uC6D4/\uC218/\uAE08\uC778\uB370, \uC6D4/\uBAA9\uC740 \uACE0\uC815\uCD9C\uADFC\uC744 \uD574\uC57C \uD558\uACE0 \uD654/\uC218/\uAE08\uC740 \uC120\uD0DD\uC801 \uC7AC\uD0DD\uADFC\uBB34\uB97C \uD560 \uC218 \uC788\uB2E4. \uADF8\uB798\uC11C \uC8FC 2\uD68C \uC7AC\uD0DD\uC744 \uD558\uACE0 \uAC15\uC2B5 2\uD68C, \uC790\uC720 \uC218\uC601 1\uD68C \uC815\uB3C4\uB85C \uC0DD\uAC01 \uC911\uC774\uB2E4.

      2. \uC624\uBC84\uC6CC\uCE58

      \uC790\uBC14 \uD074\uB9B0\uCF54\uB4DC \uACFC\uC815\uC744 \uBAA8\uB450 \uC218\uB8CC\uD55C \uC9C1\uD6C4\uC5D0 \uAC11\uC790\uAE30 \uBC88\uC544\uC6C3\uC774 \uC654\uB2E4. \uBC88\uC544\uC6C3\uC774\uB77C\uAE30\uBCF4\uB2E8, \uD55C\uB3D9\uC548 \uC77C\uC0C1\uC5D0\uC11C \uD070 \uBE44\uC911\uC744 \uCC28\uC9C0\uD558\uACE0 \uC788\uB358 \uC77C\uC774 \uC0AC\uB77C\uC9C0\uB2C8\uAE4C \uADF8 \uC2DC\uAC04\uC744 \uC5B4\uB5BB\uAC8C \uBA54\uAFD4\uC57C \uC88B\uC744\uC9C0 \uBAB0\uB77C\uC11C \uBC29\uD669\uD588\uB2E4.

      \uADF8\uB798\uC11C \uC218\uB8CC\uD55C \uC9C1\uD6C4\uC5D0 \uC8FC\uB9D0 \uB0B4\uB0B4 \uC6D0\uC5C6\uC774 \uC624\uBC84\uC6CC\uCE58\uB9CC \uD588\uB2E4.

      \uC624\uBC84\uC6CC\uCE58

      \uC57D 2\uC77C\uB9CC\uC5D0 \uB9C8\uC2A4\uD130\uB97C \uCC0D\uC5C8\uB2E4. \uC624\uBC84\uC6CC\uCE58\uB9CC \uB9E8\uB0A0 \uD588\uC73C\uBA74 \uC88B\uACA0\uB2E4!!

      \uC624\uBC84\uC6CC\uCE58.. \uCC38 \uC798 \uB9CC\uB4E0 \uAC8C\uC784\uC778\uB370 \uC720\uC800\uAC00 \uB2E4 \uB9DD\uCCD0\uAC00\uACE0 \uC788\uC5B4\uC11C \uC544\uC27D\uB2E4. \uBE68\uB9AC \uC624\uBC84\uC6CC\uCE582\uAC00 \uB098\uC654\uC73C\uBA74 \uD558\uB294 \uBC14\uB78C!

      Summary

      • \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C
      • \uC790\uBC14 \uD074\uB9B0\uCF54\uB4DC \uC218\uB8CC
      • \uCE74\uCE74\uC624 \uCF54\uB529\uD14C\uC2A4\uD2B8 \uC751\uC2DC
      • DKU-STUDY \uC798 \uC6B4\uC601 \uC911
      • \uCF54\uB355 6\uB4F1
      • \uD3C9\uD615\uC744 \uC798\uD558\uACE0 \uC2F6\uB2E4 (\uAC1C\uAD6C\uB9AC\uAC00 \uB418\uACE0 \uC2F6\uB2E4.)
      • \uC624\uBC84\uC6CC\uCE58 \uC7AC\uBC0C\uB2E4.
      ',28);function Ut(Tt,Lt){const o=a("ExternalLinkIcon");return l(),i("div",null,[c,e("p",null,[p,e("a",_,[d,n(o)]),u,g,b,e("a",f,[m,n(o)]),k]),x,e("p",null,[v,e("a",j,[w,n(o)]),S]),D,e("p",null,[y,e("a",U,[T,n(o)]),L]),A,e("p",null,[C,e("a",N,[B,n(o)]),I]),e("div",K,[V,e("ul",null,[e("li",null,[J,e("ul",null,[e("li",null,[e("a",R,[W,n(o)])]),e("li",null,[e("a",Y,[q,n(o)])]),e("li",null,[e("a",P,[Q,n(o)])]),e("li",null,[e("a",E,[M,n(o)])]),e("li",null,[e("a",z,[O,n(o)])])])]),e("li",null,[G,e("ul",null,[e("li",null,[e("a",H,[Z,n(o)])]),e("li",null,[e("a",F,[X,n(o)])]),e("li",null,[e("a",$,[ee,n(o)])]),e("li",null,[e("a",te,[oe,n(o)])]),e("li",null,[e("a",ne,[se,n(o)])]),e("li",null,[e("a",re,[ae,n(o)])])])]),e("li",null,[le,e("ul",null,[e("li",null,[e("a",ie,[he,n(o)])]),e("li",null,[e("a",ce,[pe,n(o)])]),e("li",null,[e("a",_e,[de,n(o)])]),e("li",null,[e("a",ue,[ge,n(o)])])])]),e("li",null,[be,e("ul",null,[e("li",null,[e("a",fe,[me,n(o)])]),e("li",null,[e("a",ke,[xe,n(o)])]),e("li",null,[e("a",ve,[je,n(o)])]),e("li",null,[e("a",we,[Se,n(o)])])])]),e("li",null,[De,e("ul",null,[e("li",null,[e("a",ye,[Ue,n(o)])]),e("li",null,[e("a",Te,[Le,n(o)])]),e("li",null,[e("a",Ae,[Ce,n(o)])]),e("li",null,[e("a",Ne,[Be,n(o)])])])])])]),Ie,e("div",Ke,[Ve,Je,Re,e("p",null,[We,e("a",Ye,[qe,n(o)]),Pe,Qe,Ee]),Me]),e("p",null,[ze,e("a",Oe,[Ge,n(o)]),He,Ze]),Fe,Xe,$e,e("p",null,[et,e("a",tt,[ot,n(o)]),nt,e("a",st,[rt,n(o)]),at]),lt,it,e("p",null,[ht,e("a",ct,[pt,n(o)]),_t,dt]),ut,e("p",null,[gt,bt,ft,e("a",mt,[kt,n(o)]),xt]),vt,e("p",null,[jt,e("a",wt,[St,n(o)]),Dt]),yt])}var Ct=r(h,[["render",Ut],["__file","index.html.vue"]]);export{Ct as default}; +import{_ as r,r as a,o as l,c as i,a as e,b as n,e as t,d as s}from"./app.d20f8571.js";const h={},c=e("h1",{id:"_2020\u1102\u1167\u11AB-6\u110B\u116F\u11AF-\u1112\u116C\u1100\u1169",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#_2020\u1102\u1167\u11AB-6\u110B\u116F\u11AF-\u1112\u116C\u1100\u1169","aria-hidden":"true"},"#"),t(" 2020\uB144 6\uC6D4 \uD68C\uACE0")],-1),p=t("\uC774\uBC88 \uB2EC\uC740 "),_={href:"https://chrome.google.com/webstore/detail/zum-newtab/bghgeookcfdmkoocalbclnhofnenmhlf?hl=ko&authuser=2",target:"_blank",rel:"noopener noreferrer"},d=t("\uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8"),u=t("\uACFC \uC2F8\uC6E0\uACE0, "),g=e("strong",null,"NextStep",-1),b=t("\uC758 "),f={href:"https://edu.nextstep.camp/c/8fWRxNWU",target:"_blank",rel:"noopener noreferrer"},m=t("\uD074\uB9B0\uCF54\uB4DC\uB97C \uC704\uD55C TDD, \uB9AC\uD329\uD1A0\uB9C1 with Java"),k=t(" \uACFC\uC815\uC744 \uBB34\uC0AC\uD788 \uC218\uB8CC\uD588\uB2E4."),x=s('

      \uACF5\uC801

      1. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

      6\uC6D4 \uC5C5\uBB34\uB294 \uB9D0 \uADF8\uB300\uB85C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uACFC\uC758 \uC804\uC7C1\uC774\uC5C8\uB2E4. \uAC1C\uBC1C\uC774 \uC5B4\uB824\uC6B4 \uAC8C \uC544\uB2C8\uB77C \uAC80\uC218\uB97C \uD1B5\uACFC\uD558\uB294 \uAC8C \uBB34\uCC99 \uC5B4\uB824\uC6E0\uB2E4.

      \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC80\uC218 \uC815\uBCF4 1

      \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC80\uC218 \uC815\uBCF4 2

      \uC218 \uC2ED \uBC88\uC758 \uAC80\uC218 \uC694\uCCAD \uB05D\uC5D0 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC744 \uAC8C\uC2DC\uD560 \uC218 \uC788\uC5C8\uB2E4.

      \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

      ',7),v=t("\uAC8C\uC2DC\uB41C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC740 "),j={href:"https://chrome.google.com/webstore/detail/zum-newtab/bghgeookcfdmkoocalbclnhofnenmhlf?hl=ko&authuser=2",target:"_blank",rel:"noopener noreferrer"},w=t("\uC5EC\uAE30"),S=t("\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4. \uC544\uC9C1 \uCD5C\uC885 \uC644\uC131\uC740 \uC544\uB2C8\uACE0, \uC0AC\uB0B4 \uD14C\uC2A4\uD2B8\uB97C \uAC70\uCCD0 \uC870\uAE08 \uB354 \uD004\uB9AC\uD2F0\uB97C \uB192\uC77C \uC608\uC815\uC774\uB2E4."),D=s('

      \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC80\uC218 \uACFC\uC815\uC740 \uB2E4\uC74C\uC5D0 \uB530\uB85C \uC815\uB9AC\uD574\uC57C\uACA0\uB2E4. \uC774\uACF3\uC5D0 \uB2F4\uAE30\uC5D4.. \uBD84\uB7C9\uC774 \uB108\uBB34 \uB9CE\uB2E4.. \u3160\u3160

      2. \uC758\uC0AC \uACB0\uC815 \uACFC\uC815

      \uC774\uBC88\uC5D0\uB294 CMS\uCC98\uB7FC \uC0AC\uB0B4\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD558\uB294 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4DC\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C \uC544\uC608 \uC2E0\uADDC \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uC5C8\uB2E4.
      \uC2E0\uADDC \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4 \uB54C \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790 \uC2A4\uC2A4\uB85C \uACB0\uC815\uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC740 \uC0AC\uC2E4 \uAC70\uC758 \uC5C6\uB2E4.

      \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uAC00 \uC8FC\uB85C \uD558\uAC8C \uB418\uB294 \uC77C\uC740 \uC544\uB9C8\uB3C4 \uCF54\uB4DC \uC791\uC131\uC77C \uAC83\uC774\uB2E4.
      \uADF8\uB7FC \uCF54\uB4DC\uB97C \uB0B4 \uB9D8\uB300\uB85C \uC791\uC131\uD574\uB3C4 \uB420\uAE4C? \uACB0\uB860\uBD80\uD130 \uB9D0\uD558\uC790\uBA74 \uC548 \uB41C\uB2E4.
      \uD68C\uC0AC\uC5D0\uC11C \uC791\uC131\uD558\uB294 \uCF54\uB4DC\uB294 \uB098\uC758 \uAC83\uC774 \uC544\uB2C8\uB2E4.

      \uD68C\uC0AC\uC5D0\uC11C \uC791\uC131\uD55C \uB098\uC758 \uCF54\uB4DC\uB294 \uD68C\uC0AC\uC758 \uAC83\uC774\uACE0 \uD300\uC758 \uAC83\uC774\uB2E4. \uADF8\uB7EC\uBBC0\uB85C \uC6B0\uB9AC\uB294 \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uC9C4\uD589\uD55C\uB2E4.

      \uC6B0\uB9AC \uD68C\uC0AC\uC5D0\uC11C \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uD558\uB294 \uBAA9\uC801\uC740 \uD574\uB2F9 \uD504\uB85C\uC81D\uD2B8\uB97C \uB0B4\uAC00 \uC544\uB2CC \uB2E4\uB978 \uC0AC\uB78C\uC774 \uBC31\uC5C5 \uAC00\uB2A5\uD560 \uC218 \uC788\uB3C4\uB85D \uD558\uB294 \uAC83\uC774 \uCCAB \uBC88\uC9F8 \uBAA9\uC801\uC774\uB2E4.

      \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uD1B5\uD558\uC5EC \uCF54\uB4DC \uC2A4\uD0C0\uC77C\uC744 \uD1B5\uC77C\uD560 \uC218 \uC788\uACE0, \uD504\uB85C\uC81D\uD2B8\uC758 \uAD6C\uC870\uB97C \uD30C\uC545\uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4.

      \uC90C\uC778\uD130\uB137 \uD3EC\uD138\uAC1C\uBC1C\uD300

      \uC6C3\uD508 \uC774\uC57C\uAE30\uC9C0\uB9CC, \uC6B0\uB9AC \uD300\uC740 \uC774\uC9C1\uB960\uC774 \uB192\uC740 \uD3B8\uC774\uB2E4. \uC6B0\uB9AC\uB4E4\uB07C\uB9AC\uC758 \uC774\uC57C\uAE30\uB85C \uC90C\uC778\uD130\uB137\uC740 \uC5B4\uB5BB\uAC8C \uBCF4\uBA74 \uB300\uD559\uC6D0(?) \uACFC\uC815\uC774\uB77C\uACE0 \uD55C\uB2E4. \uB354 \uC88B\uC740 \uD68C\uC0AC\uB85C \uAC00\uAE30 \uC704\uD55C \uBC1C\uD310\uC774\uB784\uAE4C?

      \uADF8\uB798\uC11C \uD300\uC7A5\uB2D8\uC774 \uB9CE\uC774 \uACE0\uD1B5\uBC1B\uACE0 \uACC4\uC2E0\uB2E4...

      \uD300\uC7A5\uB2D8 \uD558\uC18C\uC5F0 1

      \uD300\uC7A5\uB2D8 \uD558\uC18C\uC5F0 2

      \uC774\uC820 \uADF8\uB0E5 \uCCB4\uB150\uD558\uC2E0 \uAC83 \uAC19\uC740 \uB290\uB08C..?

      \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uB204\uAD70\uAC00 \uC774\uC9C1\uC744 \uD588\uC744 \uB54C \uB0A8\uACA8\uC9C4 \uC0AC\uB78C\uC774 \uB5A0\uB09C \uC0AC\uB78C\uC758 \uBE48\uC790\uB9AC\uB97C \uCDA9\uBD84\uD788 \uBA54\uAFC0 \uC218 \uC788\uB3C4\uB85D \uCF54\uB4DC\uB97C \uC791\uC131\uD574\uC57C \uD55C\uB2E4. \uADF8\uB798\uC57C \uD300\uACFC \uC11C\uBE44\uC2A4\uAC00 \uC720\uC9C0 \uB41C\uB2E4.

      \uACB0\uAD6D \uB0B4\uAC00 \uC791\uC131\uD55C \uCF54\uB4DC\uC870\uCC28 \uB098\uC758 \uAC83\uC774 \uB420 \uC218 \uC5C6\uB2E4. \uADF8\uB798\uC11C \uC8FC\uAD00\uC801\uC778 \uC2DC\uC120\uC774 \uC544\uB2C8\uB77C \uAC1D\uAD00\uC801\uC778 \uC2DC\uC120\uC73C\uB85C \uCF54\uB4DC\uB97C \uC791\uC131\uD558\uB294 \uC5F0\uC2B5\uC774 \uD544\uC694\uD558\uB2E4.

      \uC0AC\uC2E4.. \uB9CE\uC774 \uC5B4\uB835\uB2E4. \uC544\uBB34\uB9AC \uC27D\uAC8C \uCF54\uB4DC\uB97C \uC791\uC131\uD55C\uB2E4\uACE0 \uD558\uB354\uB77C\uB3C4 \uD55C\uACC4\uAC00 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4. \uADF8\uB798\uC11C \uC8FC\uC11D\uC744 \uCD5C\uB300\uD55C \uB9CE\uC774 \uD65C\uC6A9\uD558\uB294 \uC911\uC774\uB2E4. \uB108\uBB34 \uADC0\uCC2E\uC544!!

      ',10),y=t("\uD2B9\uD788, intellij\uC640 "),U={href:"https://jsdoc.app/",target:"_blank",rel:"noopener noreferrer"},T=t("jsdoc"),L=t("\uC758 \uD638\uD658\uC131\uC774 \uC88B\uC544\uC11C \uC801\uADF9 \uC751\uC6A9 \uC911\uC774\uB2E4."),A=s('

      \uC5B4\uCA0C\uB4E0 \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uAC00 \uACB0\uC815\uD560 \uC218 \uC788\uB294 \uAC83\uB4E4\uC740 \uC9C0\uADF9\uD788 \uD55C\uC815\uC801\uC774\uB2E4. \uBB34\uC5C7 \uD558\uB098 \uB9D8\uB300\uB85C \uD560 \uC218 \uC788\uB294 \uAC83\uC774 \uC5C6\uB2E4 \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 \uAC19\uC774 \uC77C\uD558\uB294 \uC0AC\uB78C\uB4E4\uC758 \uC0DD\uAC01\uC744 \uD56D\uC0C1 \uC874\uC911\uD558\uACE0 \uB610 \uB530\uB77C\uAC00\uB824\uACE0 \uC560\uC4F0\uB294 \uC911\uC774\uB2E4.

      3. Quality assurance

      \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC744 \uB9CC\uB4DC\uB294 \uACFC\uC815\uC5D0\uC11C QA\uB97C \uC9C4\uD589\uD588\uB294\uB370, \uC0DD\uAC01\uBCF4\uB2E4 \uB098\uC058\uC9C0 \uC54A\uC558\uB2E4. \uADF8\uB9AC\uACE0 \uC774 \uC815\uB3C4\uB294 \uD574\uC57C \uAD1C\uCC2E\uC740 \uC11C\uBE44\uC2A4\uAC00 \uB098\uC624\uB294 \uAC83\uC744 \uB290\uB084 \uC218 \uC788\uB294 \uACBD\uD5D8\uC774\uC5C8\uB2E4.

      \uBA3C\uC800 \uAC1C\uBC1C\uC790\uB85C\uC11C \uD560 \uC218 \uC788\uB294 \uD14C\uC2A4\uD2B8\uB97C \uD55C\uB2E4.

      • \uCF54\uB4DC\uC0C1\uC758 \uC624\uB958 \uD655\uC778
      • \uD0C0\uC785 \uAC80\uC99D
      • \uCF58\uC194\uC5D0 \uB098\uC624\uB294 \uC624\uB958/\uACBD\uACE0 \uBB38\uAD6C \uD574\uACB0
      • \uC131\uB2A5 \uD14C\uC2A4\uD2B8
      • \uBA54\uBAA8\uB9AC \uB204\uC218 \uD655\uC778
      • \uCE90\uC2F1/\uC2A4\uCF00\uC974\uB9C1 \uD655\uC778

      \uC774\uB807\uB4EF \uAC1C\uBC1C\uC790\uAC00 \uC544\uB2C8\uBA74 \uD560 \uC218 \uC5C6\uB294 \uAC83\uB4E4 \uC704\uC8FC\uB85C \uBA3C\uC800 \uAC80\uC99D\uC744 \uC9C4\uD589\uD55C\uB2E4. \uADF8\uB2E4\uC74C \uC81C\uD488\uC774 \uAE30\uD68D\uC11C\uC758 \uBA85\uC138\uB300\uB85C \uB9CC\uB4E4\uC5B4\uC84C\uB294\uC9C0 \uC77C\uCC28\uC801\uC778 \uAC80\uC218 \uBC0F \uC218\uC815 \uACFC\uC815\uC744 \uAC70\uCE5C\uB2E4.

      \uADF8\uB9AC\uACE0 \uAE30\uD68D\uC790\uBD84\uB4E4\uC774 \uD55C \uBC88 \uB354 \uAF3C\uAF3C\uD558\uAC8C QA\uB97C \uC9C4\uD589\uD55C\uB2E4. \uB9C8\uC9C0\uB9C9\uC73C\uB85C \uD050\uB808\uC774\uC158\uD300\uC774 \uC815\uB9D0 \uC12C\uC138\uD558\uAC8C QA\uB97C \uC9C4\uD589\uD55C\uB2E4. \uC774 \uACFC\uC815\uC5D0\uC11C \uC57D\uAC04 \uC790\uAD34\uAC10\uC774 \uB4E0\uB2E4.

      \uC65C \uB098\uB294 \uC774\uB807\uAC8C\uAE4C\uC9C0 \uAF3C\uAF3C\uD558\uAC8C \uAC80\uC218\uB97C \uD558\uC9C0 \uBABB\uD588\uC744\uAE4C? \uC65C \uC774\uC81C\uC11C\uC57C \uC774\uB7EC\uD55C \uBC84\uADF8\uB97C \uBC1C\uACAC\uD55C \uAC78\uAE4C? \uD558\uB294 \uC790\uAD34\uAC10 \uB9D0\uC774\uB2E4.

      \uC870\uAE08 \uB354 \uB0B4\uAC00 \uB9CC\uB4DC\uB294 \uC11C\uBE44\uC2A4\uC5D0 \uC560\uC815\uC744 \uAC00\uC9C0\uACE0 \uD14C\uC2A4\uD2B8\uB97C \uC9C4\uD589\uD574\uC57C\uACA0\uB2E4.

      \uC0AC\uC801

      1. Java Clean Code

      ',11),C=t("NextStep\uC758 "),N={href:"https://edu.nextstep.camp/c/8fWRxNWU",target:"_blank",rel:"noopener noreferrer"},B=t("\uD074\uB9B0\uCF54\uB4DC\uB97C \uC704\uD55C TDD, \uB9AC\uD329\uD1A0\uB9C1 with Java"),I=t(" \uB97C 6\uC6D4 \uC911\uC21C\uAE4C\uC9C0 \uB9C8\uBB34\uB9AC\uD588\uB2E4. \uB0B4\uAC00 \uBB34\uC0AC\uD788 \uC218\uB8CC\uD560 \uC218 \uC788\uC744\uAE4C \uACE0\uBBFC\uD588\uB294\uB370, \uC6B4\uC774 \uC88B\uAC8C \uC81C\uC77C \uBA3C\uC800 \uC218\uB8CC\uD560 \uC218 \uC788\uC5C8\uB2E4."),K={class:"custom-container tip"},V=e("p",{class:"custom-container-title"},"\uD574\uB2F9 \uACFC\uC815\uC744 \uC9C4\uD589\uD558\uBA74\uC11C \uC62C\uB9B0 PR(\uCF54\uB4DC\uB9AC\uBDF0) \uBAA8\uC74C",-1),J=t("Racingcar "),R={href:"https://github.com/next-step/java-racingcar/pull/716",target:"_blank",rel:"noopener noreferrer"},W=t("step1: String \uD074\uB798\uC2A4\uC5D0 \uB300\uD55C \uD559\uC2B5"),Y={href:"https://github.com/next-step/java-racingcar/pull/761",target:"_blank",rel:"noopener noreferrer"},q=t("step2: \uBB38\uC790\uC5F4 \uACC4\uC0B0\uAE30"),P={href:"https://github.com/next-step/java-racingcar/pull/826",target:"_blank",rel:"noopener noreferrer"},Q=t("step3: \uC790\uB3D9\uCC28 \uACBD\uC8FC"),E={href:"https://github.com/next-step/java-racingcar/pull/870",target:"_blank",rel:"noopener noreferrer"},M=t("step4: \uC790\uB3D9\uCC28 \uACBD\uC8FC \uC6B0\uC2B9\uC790"),z={href:"https://github.com/next-step/java-racingcar/pull/984",target:"_blank",rel:"noopener noreferrer"},O=t("step5: \uC790\uB3D9\uCC28 \uACBD\uC8FC \uB9AC\uD329\uD1A0\uB9C1"),G=t("Lotto "),H={href:"https://github.com/next-step/java-lotto/pull/495",target:"_blank",rel:"noopener noreferrer"},Z=t("step1: \uBB38\uC790\uC5F4 \uB367\uC148 \uACC4\uC0B0"),F={href:"https://github.com/next-step/java-lotto/pull/509",target:"_blank",rel:"noopener noreferrer"},X=t("step2: \uB85C\uB610 (1)"),$={href:"https://github.com/next-step/java-lotto/pull/527",target:"_blank",rel:"noopener noreferrer"},ee=t("step2: \uB85C\uB610 (2)"),te={href:"https://github.com/next-step/java-lotto/pull/532",target:"_blank",rel:"noopener noreferrer"},oe=t("step3: \uB85C\uB610 2\uB4F1 (2)"),ne={href:"https://github.com/next-step/java-lotto/pull/541",target:"_blank",rel:"noopener noreferrer"},se=t("step3: \uB85C\uB610 2\uB4F1 (2)"),re={href:"https://github.com/next-step/java-lotto/pull/550",target:"_blank",rel:"noopener noreferrer"},ae=t("step4: \uB85C\uB610 \uC218\uB3D9"),le=t("Ladder "),ie={href:"https://github.com/next-step/java-ladder/pull/389",target:"_blank",rel:"noopener noreferrer"},he=t("step1: Stream, Lambda, Optional"),ce={href:"https://github.com/next-step/java-ladder/pull/396",target:"_blank",rel:"noopener noreferrer"},pe=t("step2: \uC0AC\uB2E4\uB9AC \uC0DD\uC131"),_e={href:"https://github.com/next-step/java-ladder/pull/399",target:"_blank",rel:"noopener noreferrer"},de=t("step3: \uC0AC\uB2E4\uB9AC \uAC8C\uC784 \uC2E4\uD589"),ue={href:"https://github.com/next-step/java-ladder/pull/407",target:"_blank",rel:"noopener noreferrer"},ge=t("step4: \uB9AC\uD329\uD1A0\uB9C1"),be=t("Ladder "),fe={href:"https://github.com/next-step/java-ladder/pull/389",target:"_blank",rel:"noopener noreferrer"},me=t("step1: Stream, Lambda, Optional"),ke={href:"https://github.com/next-step/java-ladder/pull/396",target:"_blank",rel:"noopener noreferrer"},xe=t("step2: \uC0AC\uB2E4\uB9AC \uC0DD\uC131"),ve={href:"https://github.com/next-step/java-ladder/pull/399",target:"_blank",rel:"noopener noreferrer"},je=t("step3: \uC0AC\uB2E4\uB9AC \uAC8C\uC784 \uC2E4\uD589"),we={href:"https://github.com/next-step/java-ladder/pull/407",target:"_blank",rel:"noopener noreferrer"},Se=t("step4: \uB9AC\uD329\uD1A0\uB9C1"),De=t("Bowling "),ye={href:"https://github.com/next-step/java-bowling/pull/155",target:"_blank",rel:"noopener noreferrer"},Ue=t("step1: \uC9C8\uBB38 \uC0AD\uC81C\uD558\uAE30 \uAE30\uB2A5 \uB9AC\uD329\uD1A0\uB9C1"),Te={href:"https://github.com/next-step/java-bowling/pull/157",target:"_blank",rel:"noopener noreferrer"},Le=t("step2: \uBCFC\uB9C1 \uC810\uC218\uD310"),Ae={href:"https://github.com/next-step/java-bowling/pull/164",target:"_blank",rel:"noopener noreferrer"},Ce=t("step3: \uBCFC\uB9C1 \uC810\uC218\uD310 \uC810\uC218 \uACC4\uC0B0"),Ne={href:"https://github.com/next-step/java-bowling/pull/165",target:"_blank",rel:"noopener noreferrer"},Be=t("step4: \uBCFC\uB9C1 \uC810\uC218\uD310 n\uBA85"),Ie=s('

      \uC57D\uAC04\uC758 \uC18C\uAC10\uC744 \uC774\uC57C\uAE30 \uD574\uBCF4\uC790\uBA74, \uC2DC\uC791(Racingcar)\uACFC \uB05D(Bowling)\uC774 \uC5B4\uB824\uC6E0\uB2E4.

      \uC2DC\uC791\uD560 \uB54C\uB294 \uC790\uBC14 \uC790\uCCB4\uC5D0 \uC775\uC219\uD558\uC9C0 \uC54A\uB2E4 \uBCF4\uB2C8, \uB9D0 \uADF8\uB300\uB85C \uBAA8\uB4E0 \uAC83\uB4E4\uC774 \uC0DD\uC18C\uD588\uB2E4. \uADF8\uB098\uB9C8 \uC2A4\uD2B8\uB9BC\uC740 \uC5B4\uB290 \uC815\uB3C4 \uC0AC\uC6A9\uD560 \uC904 \uC54C\uC558\uAE30 \uB54C\uBB38\uC5D0 \uCF54\uB4DC\uB97C \uC9E7\uAC8C \uC791\uC131\uD55C\uB2E4\uB358\uAC00, if\uB098 while, for \uC5C6\uC774 \uC791\uC131\uD558\uB294 \uAC83\uC740 \uC5B4\uB835\uC9C0 \uC54A\uC558\uB2E4.

      \uADF8\uB7F0\uB370 \uC77C\uAE09 \uCEEC\uB809\uC158\uC774\uB098 \uC6D0\uC2DC\uAC12 \uD3EC\uC7A5 \uAC19\uC740 \uAC1C\uB150\uC740 \uC27D\uAC8C \uC774\uD574\uB418\uC9C0 \uC54A\uC544\uC11C \uC560\uBA39\uC5C8\uB2E4. \uC774\uB7EC\uD55C \uBB38\uC81C\uC810\uC744 \uBCF4\uC644\uD558\uAE30 \uC704\uD574\uC11C \uC2E4\uB825\uC774 \uB6F0\uC5B4\uB09C \uB2E4\uB978 \uC218\uAC15\uC0DD\uBD84\uB4E4\uC774\uB098 \uCF54\uB4DC\uB9AC\uBDF0\uB97C \uD574\uC8FC\uC2DC\uB294 \uB9AC\uBDF0\uC5B4\uBD84\uB4E4\uC774 \uC774 \uACFC\uC815\uC744 \uC218\uD589\uD560 \uB54C \uC791\uC131\uD588\uB358 \uCF54\uB4DC\uB97C \uBCF4\uBA74\uC11C \uB9CE\uC774 \uCC38\uACE0\uD588\uB2E4.

      \uAC1C\uC778\uC801\uC73C\uB85C \uC0DD\uAC01\uD558\uB294 \uB098\uC758 \uC7A5\uC810 \uC911 \uD558\uB098\uAC00 \uC8FC\uBCC0\uC5D0 \uC788\uB294 \uB6F0\uC5B4\uB09C \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uC8FC\uB205 \uB4E4\uAE30\uBCF4\uB2E8 \uADF8 \uC0AC\uB78C\uB4E4\uC758 \uB178\uD558\uC6B0\uB098 \uC0AC\uACE0\uBC29\uC2DD, \uAC00\uCE58\uAD00\uC744 \uC798 \uBC1B\uC544\uB4E4\uC774\uB294 \uC810\uC774\uB2E4.

      \uACB0\uACFC\uC801\uC73C\uB85C \uCD08\uBC18\uC5D0 \uC560\uBA39\uC740 \uB355\uBD84\uC5D0 Lotto\uC640 Ladder\uB294 \uC27D\uAC8C \uD1B5\uACFC\uD560 \uC218 \uC788\uC5C8\uB2E4.

      \uB9C8\uC9C0\uB9C9 \uBBF8\uC158\uC778 Bowling\uC740 \uC124\uACC4 \uC790\uCCB4\uAC00 \uC815\uB9D0 \uC5B4\uB824\uC6E0\uB2E4. \uC5B4\uB5BB\uAC8C \uC124\uACC4\uD558\uC9C0? \uB77C\uB294 \uACE0\uBBFC\uC744 \uC77C\uC8FC\uC77C \uB0B4\uB0B4 \uD588\uB358 \uAC83 \uAC19\uB2E4. \uADF8\uB798\uC11C step2\uB97C \uC9C4\uD589\uD560 \uB54C, \uC9C0\uC6E0\uB2E4\uAC00 \uC37C\uB2E4\uB97C \uBC18\uBCF5\uD558\uB2E4 \uBCF4\uB2C8 \uBB34\uB824 \uD55C step\uC5D0 45\uAC1C\uC758 \uCEE4\uBC0B\uC774 \uBC1C\uC0DD\uD588\uB2E4.

      step1\uC744 6\uC6D4 9\uC77C\uC5D0 \uC644\uB8CC\uD588\uACE0, step2\uB97C 6\uC6D4 16\uC77C\uC5D0 \uC644\uB8CC\uD588\uB2E4. \uADF8\uB9AC\uACE0 step3, step4\uB294 \uAC01\uAC01 18\uC77C, 20\uC77C\uC5D0 \uC644\uB8CC\uD588\uB2E4. \uC815\uB9D0 step2\uC5D0\uC11C \uC124\uACC4\uC5D0 \uB300\uD55C \uACE0\uBBFC\uC744 \uC77C\uC8FC\uC77C \uB0B4\uB0B4 \uD55C \uAC83\uC774\uB2E4. \uB355\uBD84\uC5D0 step3\uC640 step2\uB294\uAC70\uC758 \uBC14\uB85C \uB05D\uB0BC \uC218 \uC788\uC5C8\uB2E4.

      \uC5B4\uCA0C\uB4E0 \uACB0\uACFC\uC801\uC73C\uB85C \uD574\uB2F9 \uACFC\uC815\uC744 \uC804\uCCB4 \uC778\uC6D0 \uC911 \uCCAB \uBC88\uC9F8\uB85C \uC218\uB8CC\uD560 \uC218 \uC788\uC5C8\uB2E4.

      \uD074\uB9B0\uCF54\uB4DC \uC218\uB8CC

      \uB0B4\uAC00 \uC2E4\uB825\uC774 \uC88B\uC544\uC11C\uB77C\uAE30\uBCF4\uB2E8, \uD558\uB8E8\uB3C4 \uC26C\uC9C0 \uC54A\uACE0 \uAFB8\uC900\uD788 \uD588\uAE30 \uB54C\uBB38\uC5D0 \uC774\uB7F0 \uC131\uACFC\uB97C \uB0BC \uC218 \uC788\uC5C8\uC73C\uB9AC\uB77C \uC0DD\uAC01\uD55C\uB2E4.

      ',10),Ke={class:"custom-container tip"},Ve=e("p",{class:"custom-container-title"},"\uAFB8\uC900\uD788 \uACF5\uBD80\uD558\uB294 \uC2B5\uAD00\uC744 \uC9C0\uB2C8\uC790",-1),Je=e("p",null,[e("u",null,"5\uC6D4\uC5D0\uB294 \uCF54\uB355 1\uB4F1\uC744 \uD588\uACE0, 6\uC6D4\uC5D0\uB294 \uD074\uB9B0\uCF54\uB4DC 1\uB4F1\uC744 \uD588\uB2E4.")],-1),Re=e("p",null,[t("\uD56D\uC0C1 \uD55C\uACC4\uC810\uC758 \uD398\uC774\uC2A4\uB97C \uC720\uC9C0\uD558\uAE30\uBCF4\uB2E8, \uD55C \uBC88 \uD55C\uACC4\uC810\uAE4C\uC9C0 \uB3C4\uB2EC\uD55C \uD6C4\uC5D0 70% ~ 80% \uC815\uB3C4\uB97C \uC720\uC9C0\uD558\uB294 \uAC8C \uC88B\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4. \uADF8\uB807\uC9C0 \uC54A\uC73C\uBA74 "),e("u",null,"\uB108\uBB34 \uBE68\uB9AC \uC9C0\uCE58\uAE30 \uB54C\uBB38\uC774\uB2E4.")],-1),We=t("\uB098\uB294 \uC90C\uC778\uD130\uB137\uC5D0 \uC785\uC0AC\uD55C \uB2E4\uC74C\uC5D0 \uC8FC\uBCC0 \uC790\uADF9\uC744 \uC801\uADF9\uC801\uC73C\uB85C \uC218\uC6A9\uD558\uACE0 \uC788\uB2E4. \uADF8\uC911\uC5D0 \uC81C\uC77C \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uAC83\uC740 \uC6B0\uB9AC \uD300\uC744 \uAC70\uCCD0 \uAC04 "),Ye={href:"https://www.youtube.com/watch?v=V9AGvwPmnZU&t=174s",target:"_blank",rel:"noopener noreferrer"},qe=t("\uC6B0\uC544\uD55C\uD615\uC81C\uB4E4\uC5D0\uC11C \uADFC\uBB34\uD558\uACE0 \uACC4\uC2E0 \uC774\uB3D9\uC6B1 \uB2D8\uC758 \uC778\uD130\uBDF0"),Pe=t("\uC774\uB2E4. \uBB34\uC5B8\uAC00\uB97C \uAC70\uCC3D\uD558\uAC8C \uD558\uAE30\uBCF4\uB2E8 "),Qe=e("strong",null,"\uADF8\uB0E5 \uB9E4\uC77C \uAFB8\uC900\uD788 \uD558\uB294 \uAC83",-1),Ee=t("\uC774\uB2E4. \uD655\uC2E4\uD788 \uB098\uC5D0\uAC8C\uB294 \uC774 \uC0AC\uACE0\uBC29\uC2DD\uACFC \uAC00\uCE58\uAD00\uC774 \uB9DE\uC544\uB5A8\uC5B4\uC9C4\uB2E4."),Me=e("ul",null,[e("li",null,[t("\uADFC\uB370 \uC774\uB3D9\uC6B1 \uB2D8\uC740 \uAD49\uC7A5\uD788 \uB9CE\uC740 \uAC83\uC744 \uD558\uACE0 \uACC4\uC2E0\uB2E4. "),e("s",null,"\uC778\uAC04\uC774 \uC544\uB2CC \uB4EF")])],-1),ze=t("\uC804\uCCB4 \uACFC\uC815\uC744 \uC218\uB8CC\uD55C \uB2E4\uC74C\uC5D0 \uBBF8\uC158\uBCC4\uB85C \uD30C\uD3B8\uD654\uB41C \uCF54\uB4DC\uB97C "),Oe={href:"https://github.com/junilhwang/java-clean-code",target:"_blank",rel:"noopener noreferrer"},Ge=t("\uD55C \uC800\uC7A5\uC18C"),He=t("\uC5D0 \uBAA8\uC544\uB1A8\uB2E4. "),Ze=e("s",null,"\uC0AC\uC2E4 \uAE43\uD5C8\uBE0C \uC794\uB514\uC5D0 \uBC18\uC601\uD558\uACE0 \uC2F6\uC5C8\uB2E4.",-1),Fe=e("p",null,[e("img",{src:"https://user-images.githubusercontent.com/18749057/87239173-f5464780-c446-11ea-9383-9ae7cfcc95d0.png",alt:"java-clean-code-repository"})],-1),Xe=e("p",null,[t("\uBAA8\uC544\uB193\uACE0 \uBCF4\uB2C8 "),e("u",null,"\uB450 \uB2EC \uB3D9\uC548 \uC57D 600\uAC1C\uC758 commit\uC774 \uBC1C\uC0DD\uD588\uB2E4."),t(" \uB0B4\uAC00 \uAC1C\uBC1C \uACF5\uBD80\uB97C \uC774\uB807\uAC8C \uC5F4\uC2EC\uD788 \uD588\uB358 \uC801\uC774 \uC788\uC5C8\uB098 \uC2F6\uB2E4. "),e("s",null,"\uC0AC\uC2E4 \uACE0\uB4F1\uD559\uAD50 3\uD559\uB144 \uC5EC\uB984\uBC29\uD559 \uB54C \uC81C\uC77C \uC5F4\uC2EC\uD788 \uD588\uB2E4.")],-1),$e=e("h3",{id:"_2-dku-study",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#_2-dku-study","aria-hidden":"true"},"#"),t(" 2. DKU Study")],-1),et=t("4\uC6D4 \uB9D0\uBD80\uD130 "),tt={href:"https://github.com/eyabc",target:"_blank",rel:"noopener noreferrer"},ot=t("\uC5EC\uC790\uCE5C\uAD6C"),nt=t("\uAC00 \uC6B4\uC601\uD558\uACE0, \uB0B4\uAC00 \uBA58\uD1A0(?)\uB85C \uD65C\uB3D9\uD558\uACE0 \uC788\uB294 "),st={href:"https://github.com/DKU-STUDY",target:"_blank",rel:"noopener noreferrer"},rt=t("\uB2E8\uAD6D\uB300\uD559\uAD50 \uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514"),at=t("\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC774\uB2E4."),lt=e("div",{class:"custom-container tip"},[e("p",{class:"custom-container-title"},"TMI(Too much Information)"),e("p",null,"\uBCF8\uC778\uACFC \uC5EC\uC790\uCE5C\uAD6C\uB294 \uB2E8\uAD6D\uB300\uD559\uAD50 \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uD559\uACFC\uC758 CC(\uCEA0\uD37C\uC2A4 \uCEE4\uD50C)\uC774\uB2E4."),e("p",null,"\uB098\uC640 \uC5EC\uC790\uCE5C\uAD6C\uB294 \uD559\uAD50 \uB2E4\uB2D0 \uB54C \uD559\uBD80 \uB0B4\uC5D0 \uD559\uC0DD\uB4E4\uC5D0\uAC8C \uB3C4\uC6C0\uC774 \uB418\uB294 \uB3D9\uC544\uB9AC\uB098 \uC2A4\uD130\uB514 \uAC19\uC740 \uAC8C \uAC70\uC758 \uC5C6\uB2E4\uB294 \uAC83\uC774 \uCC38 \uC544\uC26C\uC6E0\uB2E4. \uADF8\uB798\uC11C \uAC19\uC774 \uADF8\uB7F0 \uC2A4\uD130\uB514\uB97C \uB9CC\uB4E4\uC5B4\uC11C \uC6B4\uC601\uD574\uBCF4\uC790\uBA70 \uD574\uB2F9 \uC2A4\uD130\uB514\uB97C \uC2DC\uC791\uD588\uB2E4.")],-1),it=e("p",null,"6\uC6D4\uC5D0\uB294 \uAE30\uB9D0\uACE0\uC0AC\uAC00 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uD65C\uB3D9\uC774 \uB9E4\uC6B0 \uD65C\uBC1C\uD558\uC9C4 \uC54A\uC558\uB2E4. \uADF8\uB798\uB3C4 \uD558\uB294 \uC0AC\uB78C\uC740 \uAFB8\uC900\uD788 \uD588\uB2E4.",-1),ht=t("\uC5B4\uB290\uC0C8 "),ct={href:"https://github.com/DKU-STUDY/Algorithm",target:"_blank",rel:"noopener noreferrer"},pt=t("DKU-STUDY/Algorithm"),_t=t(" \uC800\uC7A5\uC18C\uC758 \uCEE4\uBC0B\uC774 1000\uAC1C\uAC00 \uB118\uC5C8\uB2E4. "),dt=e("s",null,"(\uC0AC\uC2E4 6\uC6D4\uC774 \uC544\uB2C8\uB77C 7\uC6D4\uC5D0 \uB118\uACBC\uB2E4.)",-1),ut=e("p",null,[e("img",{src:"https://user-images.githubusercontent.com/18749057/87239179-0ee78f00-c447-11ea-9428-b2bb4cea50a2.png",alt:"\uC54C\uACE0\uB9AC\uC998 \uC2A4\uD130\uB514"})],-1),gt=t("\uADF8\uB9AC\uACE0 \uAE30\uC874\uC5D0 \uCE74\uD1A1\uC73C\uB85C \uC6B4\uC601\uD558\uB358 \uCC44\uD305\uBC29\uC744 \uB514\uC2A4\uCF54\uB4DC\uB85C \uC62E\uACBC\uB2E4. \uB514\uC2A4\uCF54\uB4DC\uB85C \uC62E\uAE30\uBA74\uC11C \uB514\uC2A4\uCF54\uB4DC\uC758 "),bt=e("u",null,"Channel API, Bot, github webhooks",-1),ft=t(" \uB4F1\uC744 \uC774\uC6A9\uD558\uC5EC "),mt={href:"https://github.com/JunilHwang/discord-study-bot",target:"_blank",rel:"noopener noreferrer"},kt=t("\uAE43\uD5C8\uBE0C \uC54C\uB9BC \uBD07"),xt=t("\uC744 \uB9CC\uB4E4\uC5C8\uB2E4."),vt=s('

      \uB514\uC2A4\uCF54\uB4DC \uCC44\uD305\uBC29

      \uC544\uC9C1 API\uC5D0 \uC9C1\uC811 \uC815\uC758\uD55C \uD15C\uD50C\uB9BF\uACFC \uCC44\uB110\uC5D0 \uB300\uD574\uC11C\uB9CC \uC54C\uB9BC\uC744 \uBCF4\uB0B4\uACE0 \uC788\uB2E4. 7\uC6D4\uC5D0\uB294 CMS\uB97C \uAD6C\uCD95\uD558\uC5EC \uC870\uAE08 \uB354 \uC720\uC5F0\uD558\uAC8C \uAD00\uB9AC\uD560 \uC218 \uC788\uB3C4\uB85D \uC0DD\uAC01 \uC911\uC774\uB2E4.

      \uCD94\uAC00\uB85C 7\uC6D4\uC5D0\uB294 \uC54C\uACE0\uB9AC\uC998 \uC774\uC678\uC5D0 \uB2E4\uC591\uD55C \uC8FC\uC81C\uC758 \uC2A4\uD130\uB514\uB97C \uD560 \uC608\uC815\uC774\uB2E4. (\uBB3C\uB860 \uC6B4\uC601\uC740 \uC2A4\uD130\uB514\uC7A5 \uB2D8\uC774..)

      \uAC1C\uC778\uC801\uC73C\uB85C \uD574\uBCF4\uACE0 \uC2F6\uC740 \uAC83\uC740, \uC774\uBC88\uC5D0 \uC218\uAC15\uD55C java clean code\uC758 \uB0B4\uC6A9\uC744 typescript\uB85C \uB2E4\uB4EC\uC5B4\uC11C \uC6B4\uC601\uD574\uBCF4\uB294 \uAC83\uC774\uB2E4. \uC9C0\uAE08 \uB2F9\uC7A5 \uD558\uAE30\uB294 \uD798\uB4E4\uACE0, \uC900\uBE44 \uACFC\uC815\uC774 \uC870\uAE08\uC774 \uC544\uB2C8\uB77C \uB9CE\uC774 \uD544\uC694\uD560 \uAC83 \uAC19\uB2E4.

      3. \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0

      ',5),jt=t("\uC774\uBC88 \uB2EC\uC5D0\uB294 \uD504\uB85C\uADF8\uB798\uBA38\uC2A4 \uCC4C\uB9B0\uC9C0\uAC00 \uC5C6\uC5C8\uB2E4. \uADF8\uB098\uB9C8 \uCC38\uC5EC\uD560 \uC218 \uC788\uC5C8\uB358 \uCC4C\uB9B0\uC9C0\uB294, \uC9C0\uB09C\uB2EC\uC5D0 \uC2E0\uCCAD\uD55C "),wt={href:"https://programmers.co.kr/competitions/151/2020-kakao-fe-recruitment",target:"_blank",rel:"noopener noreferrer"},St=t("\uCE74\uCE74\uC624 \uACBD\uB825 \uAC1C\uBC1C\uC790 \uC601\uC785 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C \uCC4C\uB9B0\uC9C0"),Dt=t("\uC600\uB2E4."),yt=s('

      1\uCC28\uB294 \uC54C\uACE0\uB9AC\uC998 \uD14C\uC2A4\uD2B8, 2\uCC28\uB294 VanillaJS \uD14C\uC2A4\uD2B8\uC600\uB2E4.

      \uC77C\uB2E8 1\uCC28 \uC54C\uACE0\uB9AC\uC998 \uD14C\uC2A4\uD2B8\uB294 \uCE74\uCE74\uC624\uC5D0\uC11C \uB0B8 \uBB38\uC81C \uCE58\uACE4 \uC0DD\uAC01\uBCF4\uB2E4 \uC26C\uC6E0\uB2E4.
      * \uC5EC\uD0DC\uAE4C\uC9C0 \uC751\uC2DC\uD588\uB358 \uCE74\uCE74\uC624 \uCF54\uB529 \uD14C\uC2A4\uD2B8\uB294 \uBAA8\uB450 \uADF9\uC545\uC758 \uB09C\uC774\uB3C4\uB97C \uC790\uB791\uD588\uB2E4.

      \uADF8\uB798\uB3C4 \uD1B5\uACFC\uD560 \uB9CC\uD07C\uC758 \uC194\uB8E8\uC158\uC740 \uC544\uB2C8\uB77C\uACE0 \uC0DD\uAC01\uD588\uAE30 \uB54C\uBB38\uC5D0 2\uCC28 \uCF54\uB529\uD14C\uC2A4\uD2B8\uB294 \uAE30\uB300\uD558\uC9C0 \uC54A\uC558\uB2E4. \uADF8\uB7F0\uB370, \uC815\uB9D0 \uC6B4\uC774 \uC88B\uC558\uB358 \uAC74\uC9C0 1\uCC28 \uD14C\uC2A4\uD2B8\uB97C \uD1B5\uACFC\uD574\uC11C 2\uCC28 \uD14C\uC2A4\uD2B8\uB3C4 \uC751\uC2DC\uD560 \uC218 \uC788\uC5C8\uB2E4.

      2\uCC28 \uD14C\uC2A4\uD2B8\uC758 \uBB38\uC81C \uB610\uD55C \uD504\uB85C\uADF8\uB798\uBA38\uC2A4\uC5D0\uC11C \uC5EC\uD0DC\uAE4C\uC9C0 \uB098\uC654\uB358 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C \uACFC\uC81C \uC911\uC5D0 \uC81C\uC77C \uB9CC\uC871\uC2A4\uB7EC\uC6E0\uB2E4. \uC0AC\uC2E4 \uC6B0\uC544\uD55C\uD14C\uD06C\uCF54\uC2A4 \uBB38\uC81C \uBE7C\uACE4 \uB2E4 \uC88B\uC558\uB2E4

      \uACE0\uBBFC\uC774 \uD544\uC694\uD55C \uBB38\uC81C\uB4E4\uC774 \uAF64 \uC788\uC5B4\uC11C \uC88B\uC740 \uACBD\uD5D8\uC774 \uB418\uC5C8\uB2E4!

      4. \uCF54\uB355

      5\uC6D4\uC5D0 \uCF54\uB355\uC5D0\uC11C 1\uB4F1\uC744 \uD588\uAE30 \uB54C\uBB38\uC5D0 6\uC6D4\uC740 \uC26C\uC5C4\uC26C\uC5C4\uD588\uB2E4. \uADF8\uB798\uB3C4 6\uB4F1\uC73C\uB85C \uB9C8\uBB34\uB9AC \uD560 \uC218 \uC788\uC5C8\uB2E4.

      \uCF54\uB355 6\uB4F1

      \uADF8\uB9AC\uACE0 \uCF54\uB355\uC5D0\uC11C \uCE21\uC815\uD558\uAE38, \uD558\uB8E8\uC5D0 30\uD68C \uC774\uC0C1\uC758 \uCEE4\uBC0B\uC744 \uD588\uB2E4\uACE0 \uD55C\uB2E4.

      \uD3C9\uADE0 \uCEE4\uBC0B

      \uC774\uBCF4\uB2E4 \uB354 \uAE30\uBD84 \uC88B\uC740 \uC0AC\uC2E4\uC740, \uCF54\uB355\uC5D0\uC11C \uD1B5\uACC4\uB97C \uB0B4\uB294 \uADF8\uB8F9 \uC911 DKU-STUDY\uAC00 \uAC70\uC758 \uC555\uB3C4\uC801\uC778 1\uB4F1\uC774\uB77C\uB294 \uC810!

      \uCF54\uB355 \uADF8\uB8F9 1\uB4F1

      2\uB4F1\uACFC 2000\uC810 \uC815\uB3C4 \uCC28\uC774 \uB09C\uB2E4.

      \uC57D\uAC04\uC758 \uC544\uC26C\uC6B4 \uC810\uC740, \uCEE4\uBC0B\uC740 \uB9E4\uC77C \uD588\uC73C\uB098 \uD478\uC26C\uB97C \uB9E4\uC77C \uD558\uC9C0 \uC54A\uC544\uC11C \uC77C\uC77C \uCEE4\uBC0B \uC2A4\uD2F0\uCEE4\uB97C \uBC1B\uC9C0 \uBABB\uD588\uB2E4.. \uCF54\uB355\uC758 \uC2DC\uC2A4\uD15C\uC774 \uC218\uC815\uB418\uAE38 \uAC04\uC808\uD788 \uBC14\uB77C\uACE0 \uC788\uB2E4.. \uB108\uBB34 \uC544\uC27D\uB2E4

      \uAC1C\uBC1C\uC678

      1. \uC218\uC601

      \uC774\uBC88 \uB2EC\uB3C4 \uC5F4\uC2EC\uD788 \uC218\uC601\uD558\uB7EC \uB2E4\uB154\uB2E4. \uC774\uC81C \uBC30\uC601/\uC790\uC720\uC601\uC740 \uAF64 \uC798\uD560 \uC218 \uC788\uB2E4. \uB2E4\uB9CC \uC624\uB798 \uBABB\uD55C\uB2E4.. \uC544\uC9C1\uAE4C\uC9C4 \uC800\uC9C8 \uCCB4\uB825..

      \uADF8\uB798\uC11C \uD3C9\uC601\uC744 \uC5F0\uC2B5 \uC911\uC778\uB370 \uC544\uC9C1 \uB098\uB294 \uAC1C\uAD6C\uB9AC\uAC00 \uB418\uB824\uBA74 \uBA40\uC9C0 \uC54A\uC558\uB098 \uC2F6\uB2E4.. \uD5C8\uD5C8

      \uADF8\uB7F0\uB370 6\uC6D4 \uB9D0\uBD80\uD130 \uD68C\uC0AC\uC5D0\uC11C Work+ \uB77C\uB294 \uC81C\uB3C4\uB97C \uB9CC\uB4E4\uC5B4\uC11C \uC7AC\uD0DD\uADFC\uBB34\uB97C \uD560 \uC218 \uC788\uB3C4\uB85D \uD574\uC92C\uB2E4. \uADF8\uB7F0\uB370 \uC218\uC601\uC744 \uD558\uB824\uBA74 \uD68C\uC0AC \uC55E\uC73C\uB85C \uC640\uC57C \uD558\uAE30 \uB54C\uBB38\uC5D0.. \uC9C0\uAE08 \uAD49\uC7A5\uD788 \uACE0\uBBFC \uC911\uC774\uB2E4.

      \uAC15\uC2B5\uC740 \uC6D4/\uC218/\uAE08\uC778\uB370, \uC6D4/\uBAA9\uC740 \uACE0\uC815\uCD9C\uADFC\uC744 \uD574\uC57C \uD558\uACE0 \uD654/\uC218/\uAE08\uC740 \uC120\uD0DD\uC801 \uC7AC\uD0DD\uADFC\uBB34\uB97C \uD560 \uC218 \uC788\uB2E4. \uADF8\uB798\uC11C \uC8FC 2\uD68C \uC7AC\uD0DD\uC744 \uD558\uACE0 \uAC15\uC2B5 2\uD68C, \uC790\uC720 \uC218\uC601 1\uD68C \uC815\uB3C4\uB85C \uC0DD\uAC01 \uC911\uC774\uB2E4.

      2. \uC624\uBC84\uC6CC\uCE58

      \uC790\uBC14 \uD074\uB9B0\uCF54\uB4DC \uACFC\uC815\uC744 \uBAA8\uB450 \uC218\uB8CC\uD55C \uC9C1\uD6C4\uC5D0 \uAC11\uC790\uAE30 \uBC88\uC544\uC6C3\uC774 \uC654\uB2E4. \uBC88\uC544\uC6C3\uC774\uB77C\uAE30\uBCF4\uB2E8, \uD55C\uB3D9\uC548 \uC77C\uC0C1\uC5D0\uC11C \uD070 \uBE44\uC911\uC744 \uCC28\uC9C0\uD558\uACE0 \uC788\uB358 \uC77C\uC774 \uC0AC\uB77C\uC9C0\uB2C8\uAE4C \uADF8 \uC2DC\uAC04\uC744 \uC5B4\uB5BB\uAC8C \uBA54\uAFD4\uC57C \uC88B\uC744\uC9C0 \uBAB0\uB77C\uC11C \uBC29\uD669\uD588\uB2E4.

      \uADF8\uB798\uC11C \uC218\uB8CC\uD55C \uC9C1\uD6C4\uC5D0 \uC8FC\uB9D0 \uB0B4\uB0B4 \uC6D0\uC5C6\uC774 \uC624\uBC84\uC6CC\uCE58\uB9CC \uD588\uB2E4.

      \uC624\uBC84\uC6CC\uCE58

      \uC57D 2\uC77C\uB9CC\uC5D0 \uB9C8\uC2A4\uD130\uB97C \uCC0D\uC5C8\uB2E4. \uC624\uBC84\uC6CC\uCE58\uB9CC \uB9E8\uB0A0 \uD588\uC73C\uBA74 \uC88B\uACA0\uB2E4!!

      \uC624\uBC84\uC6CC\uCE58.. \uCC38 \uC798 \uB9CC\uB4E0 \uAC8C\uC784\uC778\uB370 \uC720\uC800\uAC00 \uB2E4 \uB9DD\uCCD0\uAC00\uACE0 \uC788\uC5B4\uC11C \uC544\uC27D\uB2E4. \uBE68\uB9AC \uC624\uBC84\uC6CC\uCE582\uAC00 \uB098\uC654\uC73C\uBA74 \uD558\uB294 \uBC14\uB78C!

      Summary

      • \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C
      • \uC790\uBC14 \uD074\uB9B0\uCF54\uB4DC \uC218\uB8CC
      • \uCE74\uCE74\uC624 \uCF54\uB529\uD14C\uC2A4\uD2B8 \uC751\uC2DC
      • DKU-STUDY \uC798 \uC6B4\uC601 \uC911
      • \uCF54\uB355 6\uB4F1
      • \uD3C9\uD615\uC744 \uC798\uD558\uACE0 \uC2F6\uB2E4 (\uAC1C\uAD6C\uB9AC\uAC00 \uB418\uACE0 \uC2F6\uB2E4.)
      • \uC624\uBC84\uC6CC\uCE58 \uC7AC\uBC0C\uB2E4.
      ',28);function Ut(Tt,Lt){const o=a("ExternalLinkIcon");return l(),i("div",null,[c,e("p",null,[p,e("a",_,[d,n(o)]),u,g,b,e("a",f,[m,n(o)]),k]),x,e("p",null,[v,e("a",j,[w,n(o)]),S]),D,e("p",null,[y,e("a",U,[T,n(o)]),L]),A,e("p",null,[C,e("a",N,[B,n(o)]),I]),e("div",K,[V,e("ul",null,[e("li",null,[J,e("ul",null,[e("li",null,[e("a",R,[W,n(o)])]),e("li",null,[e("a",Y,[q,n(o)])]),e("li",null,[e("a",P,[Q,n(o)])]),e("li",null,[e("a",E,[M,n(o)])]),e("li",null,[e("a",z,[O,n(o)])])])]),e("li",null,[G,e("ul",null,[e("li",null,[e("a",H,[Z,n(o)])]),e("li",null,[e("a",F,[X,n(o)])]),e("li",null,[e("a",$,[ee,n(o)])]),e("li",null,[e("a",te,[oe,n(o)])]),e("li",null,[e("a",ne,[se,n(o)])]),e("li",null,[e("a",re,[ae,n(o)])])])]),e("li",null,[le,e("ul",null,[e("li",null,[e("a",ie,[he,n(o)])]),e("li",null,[e("a",ce,[pe,n(o)])]),e("li",null,[e("a",_e,[de,n(o)])]),e("li",null,[e("a",ue,[ge,n(o)])])])]),e("li",null,[be,e("ul",null,[e("li",null,[e("a",fe,[me,n(o)])]),e("li",null,[e("a",ke,[xe,n(o)])]),e("li",null,[e("a",ve,[je,n(o)])]),e("li",null,[e("a",we,[Se,n(o)])])])]),e("li",null,[De,e("ul",null,[e("li",null,[e("a",ye,[Ue,n(o)])]),e("li",null,[e("a",Te,[Le,n(o)])]),e("li",null,[e("a",Ae,[Ce,n(o)])]),e("li",null,[e("a",Ne,[Be,n(o)])])])])])]),Ie,e("div",Ke,[Ve,Je,Re,e("p",null,[We,e("a",Ye,[qe,n(o)]),Pe,Qe,Ee]),Me]),e("p",null,[ze,e("a",Oe,[Ge,n(o)]),He,Ze]),Fe,Xe,$e,e("p",null,[et,e("a",tt,[ot,n(o)]),nt,e("a",st,[rt,n(o)]),at]),lt,it,e("p",null,[ht,e("a",ct,[pt,n(o)]),_t,dt]),ut,e("p",null,[gt,bt,ft,e("a",mt,[kt,n(o)]),xt]),vt,e("p",null,[jt,e("a",wt,[St,n(o)]),Dt]),yt])}var Ct=r(h,[["render",Ut],["__file","index.html.vue"]]);export{Ct as default}; diff --git a/assets/index.html.3a2f1c8b.js b/assets/index.html.caf79063.js similarity index 92% rename from assets/index.html.3a2f1c8b.js rename to assets/index.html.caf79063.js index 36d88ed1..be89a3da 100644 --- a/assets/index.html.3a2f1c8b.js +++ b/assets/index.html.caf79063.js @@ -1 +1 @@ -const e={key:"v-4dd8166f",path:"/Book/OOP-Principle/05-SOLID/",title:"05 \uAC1D\uCCB4 \uC9C0\uD5A5 \uC124\uACC4\uB97C \uC704\uD55C SOLID \uC6D0\uCE59 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"05 \uAC1D\uCCB4 \uC9C0\uD5A5 \uC124\uACC4\uB97C \uC704\uD55C SOLID \uC6D0\uCE59 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"\uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC774\uC6A9\uD558\uC5EC \uD504\uB85C\uADF8\uB7A8\uC744 \uC124\uACC4\uD560 \uB54C \uD544\uC694\uD55C SOLID \uC6D0\uCE59\uC5D0 \uB300\uD574 \uC54C\uC544\uBCF4\uACE0 \uC774\uD574\uD558\uC5EC\uBD05\uC2DC\uB2E4.",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733507e3},filePathRelative:"Book/OOP-Principle/05-SOLID/README.md"};export{e as data}; +const e={key:"v-4dd8166f",path:"/Book/OOP-Principle/05-SOLID/",title:"05 \uAC1D\uCCB4 \uC9C0\uD5A5 \uC124\uACC4\uB97C \uC704\uD55C SOLID \uC6D0\uCE59 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",lang:"en-US",frontmatter:{title:"05 \uAC1D\uCCB4 \uC9C0\uD5A5 \uC124\uACC4\uB97C \uC704\uD55C SOLID \uC6D0\uCE59 | \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574",description:"\uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC774\uC6A9\uD558\uC5EC \uD504\uB85C\uADF8\uB7A8\uC744 \uC124\uACC4\uD560 \uB54C \uD544\uC694\uD55C SOLID \uC6D0\uCE59\uC5D0 \uB300\uD574 \uC54C\uC544\uBCF4\uACE0 \uC774\uD574\uD558\uC5EC\uBD05\uC2DC\uB2E4.",sidebarDepth:2,disabledPost:!0},excerpt:"",headers:[],git:{updatedTime:1707733811e3},filePathRelative:"Book/OOP-Principle/05-SOLID/README.md"};export{e as data}; diff --git a/assets/index.html.447acfc2.js b/assets/index.html.cbefd467.js similarity index 99% rename from assets/index.html.447acfc2.js rename to assets/index.html.cbefd467.js index 979691fc..98763185 100644 --- a/assets/index.html.447acfc2.js +++ b/assets/index.html.cbefd467.js @@ -1,4 +1,4 @@ -import{_ as p,r as o,o as l,c as i,a as s,b as e,d as t,e as n}from"./app.800103af.js";var c="/TIL/assets/3.5257ce1d.jpg",r="/TIL/assets/4.a493267a.jpg",u="/TIL/assets/5.41cf6251.jpg",d="/TIL/assets/6.a1289516.jpg",v="/TIL/assets/7.80f13a76.jpg";const m={},k=t(`

      VuePress \uD14C\uB9C8 \uC124\uC815

      \uD604\uC7AC \uD398\uC774\uC9C0\uB294 VuePress\uC5D0\uC11C Theme\uB97C \uB2E4\uB8E8\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uC220\uD55C \uB0B4\uC6A9\uC774\uB2E4.

      Using Theme

      \uD14C\uB9C8\uB294 \uC9C1\uC811 \uB9CC\uB4E4 \uC218\uB3C4 \uC788\uACE0, \uB2E4\uB978 \uC0AC\uB78C\uC774 \uB9CC\uB4E0 \uD14C\uB9C8\uB97C \uB2E4\uC6B4\uBC1B\uC544 \uC0AC\uC6A9\uD560 \uC218\uB3C4 \uC788\uB2E4.

      \uD14C\uB9C8\uC640 \uAD00\uB828\uB41C \uC124\uC815\uC740 \uAE30\uBCF8\uC801\uC73C\uB85C .vuepress/config.js \uC5D0 \uC785\uB825\uD558\uBA74 \uB41C\uB2E4.

      // .vuepress/config.js
      +import{_ as p,r as o,o as l,c as i,a as s,b as e,d as t,e as n}from"./app.d20f8571.js";var c="/TIL/assets/3.5257ce1d.jpg",r="/TIL/assets/4.a493267a.jpg",u="/TIL/assets/5.41cf6251.jpg",d="/TIL/assets/6.a1289516.jpg",v="/TIL/assets/7.80f13a76.jpg";const m={},k=t(`

      VuePress \uD14C\uB9C8 \uC124\uC815

      \uD604\uC7AC \uD398\uC774\uC9C0\uB294 VuePress\uC5D0\uC11C Theme\uB97C \uB2E4\uB8E8\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uC220\uD55C \uB0B4\uC6A9\uC774\uB2E4.

      Using Theme

      \uD14C\uB9C8\uB294 \uC9C1\uC811 \uB9CC\uB4E4 \uC218\uB3C4 \uC788\uACE0, \uB2E4\uB978 \uC0AC\uB78C\uC774 \uB9CC\uB4E0 \uD14C\uB9C8\uB97C \uB2E4\uC6B4\uBC1B\uC544 \uC0AC\uC6A9\uD560 \uC218\uB3C4 \uC788\uB2E4.

      \uD14C\uB9C8\uC640 \uAD00\uB828\uB41C \uC124\uC815\uC740 \uAE30\uBCF8\uC801\uC73C\uB85C .vuepress/config.js \uC5D0 \uC785\uB825\uD558\uBA74 \uB41C\uB2E4.

      // .vuepress/config.js
       module.exports = {
         theme: 'vuepress-theme-\uD14C\uB9C8\uC774\uB984'
       }
      diff --git a/assets/index.html.7b868ab7.js b/assets/index.html.ce247ed9.js
      similarity index 99%
      rename from assets/index.html.7b868ab7.js
      rename to assets/index.html.ce247ed9.js
      index d930b80e..37ddbf7c 100644
      --- a/assets/index.html.7b868ab7.js
      +++ b/assets/index.html.ce247ed9.js
      @@ -1,4 +1,4 @@
      -import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.800103af.js";const l={},u=n("h1",{id:"mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-1",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-1","aria-hidden":"true"},"#"),s(" MVVM System \uAC1C\uC120\uD558\uAE30 (1)")],-1),k={class:"custom-container tip"},r=n("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uB4E4\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),d={href:"https://www.youtube.com/watch?v=D450fPGffTg",target:"_blank",rel:"noopener noreferrer"},v=s("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30 3\uD68C\uCC28 \uB3D9\uC601\uC0C1"),m=p(`

      Strategy, Observer, Composite \uB4F1\uC758 Design Pattern \uC744 \uC774\uC6A9\uD558\uC5EC \uC55E\uC11C \uC791\uC131\uD55C MVVM System\uC744 \uAC1C\uC120\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uC220\uD569\uB2C8\uB2E4.

      Strategy Pattern

      Strategy(\uC804\uB7B5)\uC774\uB780 \uC27D\uAC8C \uB9D0\uD574\uC11C \uD504\uB85C\uADF8\uB7A8\uC758 \uD575\uC2EC\uC801\uC778 \uBD80\uBD84\uC744 \uC758\uBBF8\uD55C\uB2E4.

      Defined

      • \uBAA9\uC801\uC744 \uB2EC\uC131\uD558\uAE30 \uC704\uD574 \uC77C\uC744 \uC218\uD589\uD558\uB294 \uBC29\uC2DD, \uBE44\uC988\uB2C8\uC2A4 \uADDC\uCE59, \uBB38\uC81C\uB97C \uD574\uACB0\uD558\uB294 \uC54C\uACE0\uB9AC\uC998 \uB4F1
      • Stategy Pattern: \uC804\uB7B5\uC744 \uC27D\uAC8C \uBC14\uAFC0 \uC218 \uC788\uB3C4\uB85D \uD574\uC8FC\uB294 \uB514\uC790\uC778 \uD328\uD134
      • \uAC19\uC740 \uBB38\uC81C\uB97C \uD574\uACB0\uD558\uB294 \uC5EC\uB7EC \uC54C\uACE0\uB9AC\uC998\uC774 \uD074\uB798\uC2A4\uBCC4\uB85C \uCEA1\uC290\uD654\uB418\uC5B4 \uC788\uACE0 \uC774\uB4E4\uC774 \uD544\uC694\uD560 \uB54C \uAD50\uCCB4\uD560 \uC218 \uC788\uB3C4\uB85D \uD568
      uml diagram

      Strategy \uBD84\uC11D \uBC0F \uCD94\uCD9C

      \uC55E\uC11C \uC791\uC131\uD55C MVVM System\uC758 Binder\uB97C \uBD84\uD574\uD574\uBCF4\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

      • \uBA3C\uC800 Binder\uC5D0 \uB300\uD55C Structure(\uC790\uB8CC\uAD6C\uC870) \uBD80\uBD84\uC774\uB2E4.

        const Binder = class {
        +import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.d20f8571.js";const l={},u=n("h1",{id:"mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-1",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-1","aria-hidden":"true"},"#"),s(" MVVM System \uAC1C\uC120\uD558\uAE30 (1)")],-1),k={class:"custom-container tip"},r=n("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uB4E4\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),d={href:"https://www.youtube.com/watch?v=D450fPGffTg",target:"_blank",rel:"noopener noreferrer"},v=s("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30 3\uD68C\uCC28 \uB3D9\uC601\uC0C1"),m=p(`

        Strategy, Observer, Composite \uB4F1\uC758 Design Pattern \uC744 \uC774\uC6A9\uD558\uC5EC \uC55E\uC11C \uC791\uC131\uD55C MVVM System\uC744 \uAC1C\uC120\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uC220\uD569\uB2C8\uB2E4.

        Strategy Pattern

        Strategy(\uC804\uB7B5)\uC774\uB780 \uC27D\uAC8C \uB9D0\uD574\uC11C \uD504\uB85C\uADF8\uB7A8\uC758 \uD575\uC2EC\uC801\uC778 \uBD80\uBD84\uC744 \uC758\uBBF8\uD55C\uB2E4.

        Defined

        • \uBAA9\uC801\uC744 \uB2EC\uC131\uD558\uAE30 \uC704\uD574 \uC77C\uC744 \uC218\uD589\uD558\uB294 \uBC29\uC2DD, \uBE44\uC988\uB2C8\uC2A4 \uADDC\uCE59, \uBB38\uC81C\uB97C \uD574\uACB0\uD558\uB294 \uC54C\uACE0\uB9AC\uC998 \uB4F1
        • Stategy Pattern: \uC804\uB7B5\uC744 \uC27D\uAC8C \uBC14\uAFC0 \uC218 \uC788\uB3C4\uB85D \uD574\uC8FC\uB294 \uB514\uC790\uC778 \uD328\uD134
        • \uAC19\uC740 \uBB38\uC81C\uB97C \uD574\uACB0\uD558\uB294 \uC5EC\uB7EC \uC54C\uACE0\uB9AC\uC998\uC774 \uD074\uB798\uC2A4\uBCC4\uB85C \uCEA1\uC290\uD654\uB418\uC5B4 \uC788\uACE0 \uC774\uB4E4\uC774 \uD544\uC694\uD560 \uB54C \uAD50\uCCB4\uD560 \uC218 \uC788\uB3C4\uB85D \uD568
        uml diagram

        Strategy \uBD84\uC11D \uBC0F \uCD94\uCD9C

        \uC55E\uC11C \uC791\uC131\uD55C MVVM System\uC758 Binder\uB97C \uBD84\uD574\uD574\uBCF4\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

        • \uBA3C\uC800 Binder\uC5D0 \uB300\uD55C Structure(\uC790\uB8CC\uAD6C\uC870) \uBD80\uBD84\uC774\uB2E4.

          const Binder = class {
             #items = new Set()
             add (v, _ = type(v, BinderItem)) { this.#items.add(v) }
             render (viewmodel, _ = type(viewmodel, ViewModel)) {
          diff --git a/assets/index.html.f1c1a79c.js b/assets/index.html.d2afc165.js
          similarity index 99%
          rename from assets/index.html.f1c1a79c.js
          rename to assets/index.html.d2afc165.js
          index a0555465..23f084a1 100644
          --- a/assets/index.html.f1c1a79c.js
          +++ b/assets/index.html.d2afc165.js
          @@ -1,4 +1,4 @@
          -import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.800103af.js";const l={},u=n("h1",{id:"vanilla-javascript\u1105\u1169-\u110B\u1170\u11B8-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vanilla-javascript\u1105\u1169-\u110B\u1170\u11B8-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),s(" Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30")],-1),k=s("9\uC6D4\uC5D0 "),r={href:"https://edu.nextstep.camp/",target:"_blank",rel:"noopener noreferrer"},d=s("\uB125\uC2A4\uD2B8 \uC2A4\uD15D"),v=s("\uC5D0\uC11C \uC9C4\uD589\uD558\uB294 "),m={href:"https://edu.nextstep.camp/s/tUzCRWul",target:"_blank",rel:"noopener noreferrer"},b=s("\uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514"),g=s("\uC5D0 \uCC38\uC5EC\uD588\uB2E4. \uC774 \uD3EC\uC2A4\uD2B8\uB294 \uC2A4\uD130\uB514 \uAE30\uAC04\uB3D9\uC548 \uACC4\uC18D \uACE0\uBBFC\uD558\uBA70 \uB9CC\uB4E4\uC5C8\uB358 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uCC28\uADFC \uCC28\uADFC \uAD6C\uD604\uD574\uBCF4\uB294 \uB0B4\uC6A9\uC774\uB2E4."),h=n("h2",{id:"_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173\u110B\u116A-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173\u110B\u116A-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175","aria-hidden":"true"},"#"),s(" 1. \uCEF4\uD3EC\uB10C\uD2B8\uC640 \uC0C1\uD0DC\uAD00\uB9AC")],-1),f=n("h3",{id:"_1-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_1-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC","aria-hidden":"true"},"#"),s(" (1) \uC0C1\uD0DC\uAD00\uB9AC\uC758 \uD0C4\uC0DD")],-1),y=s("\uD544\uC790\uAC00 \uC6F9 \uAC1C\uBC1C\uC744 \uC2DC\uC791\uD55C\uC9C0 \uC5BC\uB9C8 \uB418\uC9C0 \uC54A\uC558\uC744 \uB54C(2012\uB144\uB3C4)\uC5D0\uB294 javascript\uB97C \uACF5\uBD80\uD560 \uB54C \uC81C\uC77C \uC911\uC694\uD55C\uAC8C "),w={href:"https://jquery.com/",target:"_blank",rel:"noopener noreferrer"},q=s("jQuery"),x=s(" \uC600\uB2E4."),_=p('

          jQuery

          • jQuery\uB294 \uBE60\uB974\uACE0 \uC791\uACE0 \uAE30\uB2A5\uC774 \uD48D\uBD80\uD55C JavaScript \uB77C\uC774\uBE0C\uB7EC\uB9AC\uC774\uB2E4.
          • jQuery API\uB294 \uD06C\uB85C\uC2A4 \uBE0C\uB77C\uC6B0\uC9D5\uC744 \uC9C0\uC6D0\uD55C\uB2E4.
          • DOM, Event, Animation \uBC0F Ajax\uC640 \uAC19\uC740 \uC791\uC5C5\uC744 \uD6E8\uC52C \uAC04\uB2E8\uD558\uAC8C \uB9CC\uB4E0\uB2E4.

          \uC57D 3\uB144 \uB3D9\uC548 jQuery\uB9CC \uC8FC\uAD6C\uC7A5\uCC3D \uC0AC\uC6A9\uD558\uBA74\uC11C \uB290\uB080 \uC81C\uC77C \uD070 \uC7A5\uC810\uC740 DOM API\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. jQuery\uB294 DOM\uC744 \uC27D\uAC8C \uC870\uC791\uD560 \uC218 \uC788\uB3C4\uB85D \uB9CC\uB4E4\uC5B4\uC8FC\uB294 \uAC83\uC5D0 \uB354\uD574 \uD06C\uB85C\uC2A4 \uBE0C\uB77C\uC6B0\uC9D5\uACFC \uAD00\uB828\uB41C \uC774\uC288\uB97C \uD574\uACB0\uD574\uC8FC\uC5C8\uB2E4.

          \uADF8\uB7F0\uB370 \uC810\uC810 \uBE0C\uB77C\uC6B0\uC800\uC640 Javascript\uAC00 \uBC1C\uC804\uD558\uB294 \uACFC\uC815\uC5D0\uC11C \uC544\uC608 \uBE0C\uB77C\uC6B0\uC800(\uD074\uB77C\uC774\uC5B8\uD2B8) \uB2E8\uC5D0\uC11C \uB80C\uB354\uB9C1\uC744 \uD558\uACE0, \uC11C\uBC84\uC5D0\uC11C\uB294 REST API \uD639\uC740 GraphQL \uAC19\uC774 \uBE0C\uB77C\uC6B0\uC800 \uB80C\uB354\uB9C1\uC5D0 \uD544\uC694\uD55C \uB370\uC774\uD130\uB9CC \uC81C\uACF5\uD558\uB294 \uD615\uD0DC\uB85C \uAE30\uC220\uC774 \uBCC0\uD654\uD588\uB2E4.

          \uC774\uC81C\uB294 \uC9C1\uC811\uC801\uC73C\uB85C DOM\uC744 \uB2E4\uB8E8\uB294 \uD589\uC704\uAC00 \uAE09\uACA9\uD558\uAC8C \uAC10\uC18C\uD588\uACE0, \uC0C1\uD0DC(State)\uB97C \uAE30\uC900\uC73C\uB85C DOM\uC744 \uB80C\uB354\uB9C1 \uD558\uB294 \uD615\uD0DC\uB85C \uBC1C\uC804\uD55C \uAC83\uC774\uB2E4. DOM\uC774 \uBCC0\uD558\uB294 \uACBD\uC6B0\uAC00 State\uC5D0 \uC885\uC18D \uB418\uC5B4\uBC84\uB9B0 \uAC83\uC774\uB2E4. \uBC18\uB300\uB85C \uB9D0\uD558\uBA74, State\uAC00 \uBCC0\uD558\uC9C0 \uC54A\uC744 \uACBD\uC6B0 DOM\uC774 \uBCC0\uD558\uBA74 \uC548 \uB418\uB294 \uAC83\uC774\uB2E4.

          \uADF8\uB9AC\uACE0 \uC774\uB7EC\uD55C \uACFC\uC815 \uC18D\uC5D0\uC11C Client-Side Rendering \uC774\uB77C\uB294 \uAC1C\uB150\uACFC \uC0C1\uD0DC\uAD00\uB9AC\uB77C\uB294 \uAC1C\uB150\uC774 \uC0DD\uAE30\uAC8C \uB418\uC5C8\uB2E4.

          SSR\uACFC CSR

          SSR(Server-Side Rendering)

          • \uC57D 5\uB144\uC804 \uAE4C\uC9C0\uB9CC \uD574\uB3C4 JSP PHP ASP \uB4F1\uC774 \uC6F9 \uAC1C\uBC1C 3\uB300\uC7A5\uC774\uB77C\uACE0 \uBD88\uB838\uB2E4.
          • \uC704\uC758 \uC5B8\uAE09\uD55C \uAC83\uB4E4\uC774 \uD558\uB294 \uC5ED\uD560\uC774 \uBC14\uB85C \uC11C\uBC84\uC5D0\uC11C HTML\uC744 \uB9CC\uB4E4\uC5B4\uC11C \uD074\uB77C\uC774\uC5B8\uD2B8\uC5D0 \uB118\uACA8\uC8FC\uB294 \uAC83, \uC989 Server Side Rendering \uC774\uB2E4.
          • \uB530\uB77C\uC11C \uD074\uB77C\uC774\uC5B8\uD2B8\uB2E8(\uBE0C\uB77C\uC6B0\uC800)\uC5D0\uC11C\uB294 \uAD73\uC774 \uB370\uC774\uD130\uB97C \uAE4A\uC740 \uB2E8\uACC4\uAE4C\uC9C0, \uC815\uAD50\uD558\uAC8C \uAD00\uB9AC\uD560 \uD544\uC694\uAC00 \uC5C6\uC5C8\uB2E4.

          CSR(Client-Side Rendering)

          • Javascript\uAC00 \uBC1C\uC804\uD558\uBA74\uC11C \uC544\uC608 \uBE0C\uB77C\uC6B0\uC800(\uD074\uB77C\uC774\uC5B8\uD2B8) \uB2E8\uC5D0\uC11C \uBAA8\uB4E0 \uB80C\uB354\uB9C1\uC744 \uCC98\uB9AC \uD558\uB824\uB294 \uC2DC\uB3C4\uAC00 \uACC4\uC18D\uB418\uC5C8\uACE0, \uADF8\uB807\uAC8C React Angular Vue \uAC19\uC740 \uD504\uB808\uC784\uC6CC\uD06C(\uD639\uC740 \uB77C\uC774\uBE0C\uB7EC\uB9AC)\uAC00 \uD0C4\uC0DD\uD558\uC600\uB2E4.
          • \uBE0C\uB77C\uC6B0\uC800(\uD074\uB77C\uC774\uC5B8\uD2B8) \uB2E8\uC5D0\uC11C \uB80C\uB354\uB9AC\uC744 \uD558\uAE30 \uC704\uD574\uC120, \uB80C\uB354\uB9C1\uC5D0 \uD544\uC694\uD55C \uC0C1\uD0DC\uB97C \uC815\uAD50\uD558\uAC8C \uAD00\uB9AC\uD574\uC57C \uD55C\uB2E4.
          • \uADF8\uB798\uC11C Redux \uAC19\uC740 \uC0C1\uD0DC\uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC(\uD639\uC740 \uD504\uB808\uC784\uC6CC\uD06C)\uAC00 \uC0DD\uACA8\uB0AC\uB2E4.
          ',6),j={href:"https://www.youtube.com/watch?v=o4meZ7MRd5o",target:"_blank",rel:"noopener noreferrer"},E=s("TECH CONCERT: FRONT END 2019 - \uB370\uC774\uD130 \uC0C1\uD0DC \uAD00\uB9AC. \uADF8\uAC83\uC744 \uC54C\uB824\uC8FC\uB9C8"),I=s("\uB97C \uBCF4\uBA74 \uB354 \uC790\uC138\uD558\uAC8C \uC54C \uC218 \uC788\uB2E4."),S=p(`

          (2) \uCEF4\uD3EC\uB10C\uD2B8

          Angular\uAC00 CSR\uC758 \uC2DC\uC791\uC774\uC5C8\uB2E4\uBA74, React\uB294 \uCEF4\uD3EC\uB10C\uD2B8 \uAE30\uBC18 \uAC1C\uBC1C\uC758 \uC2DC\uC791\uC774\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 Angular\uC640 React\uC758 \uC7A5\uC810\uC744 \uBAA8\uB450 \uC218\uC6A9\uD55C Vue\uAC00 \uB098\uC654\uB2E4.

          \uC5B4\uCA0C\uB4E0 \uC911\uC694\uD55C \uC810\uC740 \uD604 \uC2DC\uC810\uC758 \uC6F9 \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158\uC740 \uCEF4\uD3EC\uB10C\uD2B8 \uB2E8\uC704\uB85C \uC124\uACC4\uB418\uACE0 \uAC1C\uBC1C\uB41C\uB2E4\uB294 \uAC83\uC774\uB2E4. \uADF8\uB9AC\uACE0 \uCEF4\uD3EC\uB10C\uD2B8\uB9C8\uB2E4 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uB80C\uB354\uB9C1\uD560 \uB54C \uD544\uC694\uD55C \uC0C1\uD0DC\uB97C \uAD00\uB9AC\uD558\uAC8C \uB418\uC5C8\uC73C\uBA70, Proxy \uD639\uC740 Observer Pattern \uB4F1\uC744 \uC774\uC6A9\uD558\uC5EC \uC774\uB97C \uAD6C\uD604\uD55C\uB2E4.

          \uC774\uB860\uC5D0 \uB300\uD574 \uB2E4\uB8E8\uC790\uBA74 \uD55C\uB3C4 \uB05D\uB3C4 \uC5C6\uAE30 \uB54C\uBB38\uC5D0 \uC774\uC81C\uBD80\uD130\uB294 \uCF54\uB4DC\uB85C \uC774\uC57C\uAE30 \uD558\uACA0\uB2E4.

          2. state - setState - render

          \uCEF4\uD3EC\uB10C\uD2B8\uC758 \uC124\uACC4\uC758 \uAE30\uBC18\uC774 \uB418\uB294 \uCF54\uB4DC\uB97C \uB9CC\uB4E4\uC5B4\uBCF4\uC790.

          (1) \uAE30\uB2A5 \uAD6C\uD604

          \uBA3C\uC800 \uAC04\uB2E8\uD55C\uAC8C setState \uB77C\uB294 \uBA54\uC18C\uB4DC\uB97C \uD1B5\uD574\uC11C state\uB97C \uAE30\uBC18\uC73C\uB85C render\uB97C \uD574\uC8FC\uB294 \uCF54\uB4DC\uB97C \uB9CC\uB4E4\uC5B4\uBCF4\uC790.

          <div id="app"></div>
          +import{_ as e,r as o,o as c,c as i,a as n,b as t,e as s,d as p}from"./app.d20f8571.js";const l={},u=n("h1",{id:"vanilla-javascript\u1105\u1169-\u110B\u1170\u11B8-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vanilla-javascript\u1105\u1169-\u110B\u1170\u11B8-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1175","aria-hidden":"true"},"#"),s(" Vanilla Javascript\uB85C \uC6F9 \uCEF4\uD3EC\uB10C\uD2B8 \uB9CC\uB4E4\uAE30")],-1),k=s("9\uC6D4\uC5D0 "),r={href:"https://edu.nextstep.camp/",target:"_blank",rel:"noopener noreferrer"},d=s("\uB125\uC2A4\uD2B8 \uC2A4\uD15D"),v=s("\uC5D0\uC11C \uC9C4\uD589\uD558\uB294 "),m={href:"https://edu.nextstep.camp/s/tUzCRWul",target:"_blank",rel:"noopener noreferrer"},b=s("\uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514"),g=s("\uC5D0 \uCC38\uC5EC\uD588\uB2E4. \uC774 \uD3EC\uC2A4\uD2B8\uB294 \uC2A4\uD130\uB514 \uAE30\uAC04\uB3D9\uC548 \uACC4\uC18D \uACE0\uBBFC\uD558\uBA70 \uB9CC\uB4E4\uC5C8\uB358 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uCC28\uADFC \uCC28\uADFC \uAD6C\uD604\uD574\uBCF4\uB294 \uB0B4\uC6A9\uC774\uB2E4."),h=n("h2",{id:"_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173\u110B\u116A-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_1-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173\u110B\u116A-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175","aria-hidden":"true"},"#"),s(" 1. \uCEF4\uD3EC\uB10C\uD2B8\uC640 \uC0C1\uD0DC\uAD00\uB9AC")],-1),f=n("h3",{id:"_1-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_1-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175\u110B\u1174-\u1110\u1161\u11AB\u1109\u1162\u11BC","aria-hidden":"true"},"#"),s(" (1) \uC0C1\uD0DC\uAD00\uB9AC\uC758 \uD0C4\uC0DD")],-1),y=s("\uD544\uC790\uAC00 \uC6F9 \uAC1C\uBC1C\uC744 \uC2DC\uC791\uD55C\uC9C0 \uC5BC\uB9C8 \uB418\uC9C0 \uC54A\uC558\uC744 \uB54C(2012\uB144\uB3C4)\uC5D0\uB294 javascript\uB97C \uACF5\uBD80\uD560 \uB54C \uC81C\uC77C \uC911\uC694\uD55C\uAC8C "),w={href:"https://jquery.com/",target:"_blank",rel:"noopener noreferrer"},q=s("jQuery"),x=s(" \uC600\uB2E4."),_=p('

          jQuery

          • jQuery\uB294 \uBE60\uB974\uACE0 \uC791\uACE0 \uAE30\uB2A5\uC774 \uD48D\uBD80\uD55C JavaScript \uB77C\uC774\uBE0C\uB7EC\uB9AC\uC774\uB2E4.
          • jQuery API\uB294 \uD06C\uB85C\uC2A4 \uBE0C\uB77C\uC6B0\uC9D5\uC744 \uC9C0\uC6D0\uD55C\uB2E4.
          • DOM, Event, Animation \uBC0F Ajax\uC640 \uAC19\uC740 \uC791\uC5C5\uC744 \uD6E8\uC52C \uAC04\uB2E8\uD558\uAC8C \uB9CC\uB4E0\uB2E4.

          \uC57D 3\uB144 \uB3D9\uC548 jQuery\uB9CC \uC8FC\uAD6C\uC7A5\uCC3D \uC0AC\uC6A9\uD558\uBA74\uC11C \uB290\uB080 \uC81C\uC77C \uD070 \uC7A5\uC810\uC740 DOM API\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4. jQuery\uB294 DOM\uC744 \uC27D\uAC8C \uC870\uC791\uD560 \uC218 \uC788\uB3C4\uB85D \uB9CC\uB4E4\uC5B4\uC8FC\uB294 \uAC83\uC5D0 \uB354\uD574 \uD06C\uB85C\uC2A4 \uBE0C\uB77C\uC6B0\uC9D5\uACFC \uAD00\uB828\uB41C \uC774\uC288\uB97C \uD574\uACB0\uD574\uC8FC\uC5C8\uB2E4.

          \uADF8\uB7F0\uB370 \uC810\uC810 \uBE0C\uB77C\uC6B0\uC800\uC640 Javascript\uAC00 \uBC1C\uC804\uD558\uB294 \uACFC\uC815\uC5D0\uC11C \uC544\uC608 \uBE0C\uB77C\uC6B0\uC800(\uD074\uB77C\uC774\uC5B8\uD2B8) \uB2E8\uC5D0\uC11C \uB80C\uB354\uB9C1\uC744 \uD558\uACE0, \uC11C\uBC84\uC5D0\uC11C\uB294 REST API \uD639\uC740 GraphQL \uAC19\uC774 \uBE0C\uB77C\uC6B0\uC800 \uB80C\uB354\uB9C1\uC5D0 \uD544\uC694\uD55C \uB370\uC774\uD130\uB9CC \uC81C\uACF5\uD558\uB294 \uD615\uD0DC\uB85C \uAE30\uC220\uC774 \uBCC0\uD654\uD588\uB2E4.

          \uC774\uC81C\uB294 \uC9C1\uC811\uC801\uC73C\uB85C DOM\uC744 \uB2E4\uB8E8\uB294 \uD589\uC704\uAC00 \uAE09\uACA9\uD558\uAC8C \uAC10\uC18C\uD588\uACE0, \uC0C1\uD0DC(State)\uB97C \uAE30\uC900\uC73C\uB85C DOM\uC744 \uB80C\uB354\uB9C1 \uD558\uB294 \uD615\uD0DC\uB85C \uBC1C\uC804\uD55C \uAC83\uC774\uB2E4. DOM\uC774 \uBCC0\uD558\uB294 \uACBD\uC6B0\uAC00 State\uC5D0 \uC885\uC18D \uB418\uC5B4\uBC84\uB9B0 \uAC83\uC774\uB2E4. \uBC18\uB300\uB85C \uB9D0\uD558\uBA74, State\uAC00 \uBCC0\uD558\uC9C0 \uC54A\uC744 \uACBD\uC6B0 DOM\uC774 \uBCC0\uD558\uBA74 \uC548 \uB418\uB294 \uAC83\uC774\uB2E4.

          \uADF8\uB9AC\uACE0 \uC774\uB7EC\uD55C \uACFC\uC815 \uC18D\uC5D0\uC11C Client-Side Rendering \uC774\uB77C\uB294 \uAC1C\uB150\uACFC \uC0C1\uD0DC\uAD00\uB9AC\uB77C\uB294 \uAC1C\uB150\uC774 \uC0DD\uAE30\uAC8C \uB418\uC5C8\uB2E4.

          SSR\uACFC CSR

          SSR(Server-Side Rendering)

          • \uC57D 5\uB144\uC804 \uAE4C\uC9C0\uB9CC \uD574\uB3C4 JSP PHP ASP \uB4F1\uC774 \uC6F9 \uAC1C\uBC1C 3\uB300\uC7A5\uC774\uB77C\uACE0 \uBD88\uB838\uB2E4.
          • \uC704\uC758 \uC5B8\uAE09\uD55C \uAC83\uB4E4\uC774 \uD558\uB294 \uC5ED\uD560\uC774 \uBC14\uB85C \uC11C\uBC84\uC5D0\uC11C HTML\uC744 \uB9CC\uB4E4\uC5B4\uC11C \uD074\uB77C\uC774\uC5B8\uD2B8\uC5D0 \uB118\uACA8\uC8FC\uB294 \uAC83, \uC989 Server Side Rendering \uC774\uB2E4.
          • \uB530\uB77C\uC11C \uD074\uB77C\uC774\uC5B8\uD2B8\uB2E8(\uBE0C\uB77C\uC6B0\uC800)\uC5D0\uC11C\uB294 \uAD73\uC774 \uB370\uC774\uD130\uB97C \uAE4A\uC740 \uB2E8\uACC4\uAE4C\uC9C0, \uC815\uAD50\uD558\uAC8C \uAD00\uB9AC\uD560 \uD544\uC694\uAC00 \uC5C6\uC5C8\uB2E4.

          CSR(Client-Side Rendering)

          • Javascript\uAC00 \uBC1C\uC804\uD558\uBA74\uC11C \uC544\uC608 \uBE0C\uB77C\uC6B0\uC800(\uD074\uB77C\uC774\uC5B8\uD2B8) \uB2E8\uC5D0\uC11C \uBAA8\uB4E0 \uB80C\uB354\uB9C1\uC744 \uCC98\uB9AC \uD558\uB824\uB294 \uC2DC\uB3C4\uAC00 \uACC4\uC18D\uB418\uC5C8\uACE0, \uADF8\uB807\uAC8C React Angular Vue \uAC19\uC740 \uD504\uB808\uC784\uC6CC\uD06C(\uD639\uC740 \uB77C\uC774\uBE0C\uB7EC\uB9AC)\uAC00 \uD0C4\uC0DD\uD558\uC600\uB2E4.
          • \uBE0C\uB77C\uC6B0\uC800(\uD074\uB77C\uC774\uC5B8\uD2B8) \uB2E8\uC5D0\uC11C \uB80C\uB354\uB9AC\uC744 \uD558\uAE30 \uC704\uD574\uC120, \uB80C\uB354\uB9C1\uC5D0 \uD544\uC694\uD55C \uC0C1\uD0DC\uB97C \uC815\uAD50\uD558\uAC8C \uAD00\uB9AC\uD574\uC57C \uD55C\uB2E4.
          • \uADF8\uB798\uC11C Redux \uAC19\uC740 \uC0C1\uD0DC\uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC(\uD639\uC740 \uD504\uB808\uC784\uC6CC\uD06C)\uAC00 \uC0DD\uACA8\uB0AC\uB2E4.
          ',6),j={href:"https://www.youtube.com/watch?v=o4meZ7MRd5o",target:"_blank",rel:"noopener noreferrer"},E=s("TECH CONCERT: FRONT END 2019 - \uB370\uC774\uD130 \uC0C1\uD0DC \uAD00\uB9AC. \uADF8\uAC83\uC744 \uC54C\uB824\uC8FC\uB9C8"),I=s("\uB97C \uBCF4\uBA74 \uB354 \uC790\uC138\uD558\uAC8C \uC54C \uC218 \uC788\uB2E4."),S=p(`

          (2) \uCEF4\uD3EC\uB10C\uD2B8

          Angular\uAC00 CSR\uC758 \uC2DC\uC791\uC774\uC5C8\uB2E4\uBA74, React\uB294 \uCEF4\uD3EC\uB10C\uD2B8 \uAE30\uBC18 \uAC1C\uBC1C\uC758 \uC2DC\uC791\uC774\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 Angular\uC640 React\uC758 \uC7A5\uC810\uC744 \uBAA8\uB450 \uC218\uC6A9\uD55C Vue\uAC00 \uB098\uC654\uB2E4.

          \uC5B4\uCA0C\uB4E0 \uC911\uC694\uD55C \uC810\uC740 \uD604 \uC2DC\uC810\uC758 \uC6F9 \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158\uC740 \uCEF4\uD3EC\uB10C\uD2B8 \uB2E8\uC704\uB85C \uC124\uACC4\uB418\uACE0 \uAC1C\uBC1C\uB41C\uB2E4\uB294 \uAC83\uC774\uB2E4. \uADF8\uB9AC\uACE0 \uCEF4\uD3EC\uB10C\uD2B8\uB9C8\uB2E4 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uB80C\uB354\uB9C1\uD560 \uB54C \uD544\uC694\uD55C \uC0C1\uD0DC\uB97C \uAD00\uB9AC\uD558\uAC8C \uB418\uC5C8\uC73C\uBA70, Proxy \uD639\uC740 Observer Pattern \uB4F1\uC744 \uC774\uC6A9\uD558\uC5EC \uC774\uB97C \uAD6C\uD604\uD55C\uB2E4.

          \uC774\uB860\uC5D0 \uB300\uD574 \uB2E4\uB8E8\uC790\uBA74 \uD55C\uB3C4 \uB05D\uB3C4 \uC5C6\uAE30 \uB54C\uBB38\uC5D0 \uC774\uC81C\uBD80\uD130\uB294 \uCF54\uB4DC\uB85C \uC774\uC57C\uAE30 \uD558\uACA0\uB2E4.

          2. state - setState - render

          \uCEF4\uD3EC\uB10C\uD2B8\uC758 \uC124\uACC4\uC758 \uAE30\uBC18\uC774 \uB418\uB294 \uCF54\uB4DC\uB97C \uB9CC\uB4E4\uC5B4\uBCF4\uC790.

          (1) \uAE30\uB2A5 \uAD6C\uD604

          \uBA3C\uC800 \uAC04\uB2E8\uD55C\uAC8C setState \uB77C\uB294 \uBA54\uC18C\uB4DC\uB97C \uD1B5\uD574\uC11C state\uB97C \uAE30\uBC18\uC73C\uB85C render\uB97C \uD574\uC8FC\uB294 \uCF54\uB4DC\uB97C \uB9CC\uB4E4\uC5B4\uBCF4\uC790.

          <div id="app"></div>
           <script>
           const $app = document.querySelector('#app');
           
          diff --git a/assets/index.html.ee643769.js b/assets/index.html.d307d08b.js
          similarity index 99%
          rename from assets/index.html.ee643769.js
          rename to assets/index.html.d307d08b.js
          index 0de98d08..b517363f 100644
          --- a/assets/index.html.ee643769.js
          +++ b/assets/index.html.d307d08b.js
          @@ -1,4 +1,4 @@
          -import{_ as o,r as i,o as r,c as p,a as s,b as a,d as t,e as n}from"./app.800103af.js";var c="/TIL/assets/1.53b08b02.jpg",l="/TIL/assets/2.102ff192.jpg";const d={},u=t('

          Vuepress \uC2DC\uC791\uD558\uAE30

          \uD604\uC7AC \uD398\uC774\uC9C0\uC5D0\uC11C \uB2E4\uB8E8\uACE0 \uC788\uB294 \uB0B4\uC6A9\uC740 vuepress\uB85C TIL \uBB38\uC11C\uB97C \uB9CC\uB4E4\uBA74\uC11C \uC54C\uAC8C\uB41C \uB0B4\uC6A9\uB4E4\uC744 \uC815\uB9AC\uD55C \uAC83\uC774\uB2E4.

          Static Site Generator

          \uBA3C\uC800 vuepress \uC774\uC804\uC5D0 SSG(Static Site Generator) \uC5D0 \uB300\uD55C \uC774\uD574\uAC00 \uD544\uC694\uD558\uB2E4. SSG\uB294 \uD55C\uAD6D\uB9D0\uB85C \uC815\uC801 \uC0AC\uC774\uD2B8 \uC0DD\uC131\uAE30 \uC774\uBA70, \uB9D0 \uADF8\uB300\uB85C html, js, css \uB85C\uB9CC \uB9CC\uB4E4\uC5B4\uC9C4 \uC0AC\uC774\uD2B8\uB97C \uC758\uBBF8\uD55C\uB2E4. \uAC10\uC774 \uC798 \uC548\uC7A1\uD78C\uB2E4\uBA74 \uB3D9\uC801 \uC0AC\uC774\uD2B8 \uB77C\uB294 \uAC1C\uB150\uC744 \uC0DD\uAC01\uD574\uBCF4\uC790.

          \uB3D9\uC801 \uC0AC\uC774\uD2B8(Dynamic Site)

          \uC544\uB9C8 \uB2E4\uC74C\uACFC \uAC19\uC740 \uAE30\uC220(\uD639\uC740 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4, \uD504\uB808\uC784\uC6CC\uD06C)\uC740 \uC775\uC219\uD560 \uAC83\uC774\uB2E4.

          • java Spring framework, jsp
          • php Laravel, Codeigniter framework, Wordpress
          • python Django, Flask framework
          • node.js Express.js, Coa.js, Nest.js
          • C# .NET framework

          \uC704\uC640 \uAC19\uC740 \uAE30\uC220\uC2A4\uD0DD\uC73C\uB85C \uB9CC\uB4E4\uC5B4\uC9C4 \uC0AC\uC774\uD2B8\uB97C '\uB3D9\uC801 \uC0AC\uC774\uD2B8' \uB77C\uACE0 \uC0DD\uAC01\uD558\uBA74 \uB41C\uB2E4. \uC608\uB97C \uB4E4\uC5B4 \uAC8C\uC2DC\uD310 \uC774\uB77C\uB294 \uC2DC\uC2A4\uD15C\uC774 \uADF8\uB807\uB2E4. \uAC8C\uC2DC\uD310\uC5D0\uB294 \uAE00\uC791\uC131, \uAE00\uC218\uC815, \uAE00\uC0AD\uC81C, \uAE00\uC870\uD68C \uB4F1\uC774 \uC874\uC7AC\uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uC870\uD68C \uD398\uC774\uC9C0\uC758 \uACBD\uC6B0 \uD558\uB098\uC758 \uD398\uC774\uC9C0\uB97C \uD504\uB85C\uADF8\uB798\uBC0D \uD558\uC5EC \uB9CC\uB4E4\uC5B4 \uB193\uC73C\uBA74 \uADF8 \uD398\uC774\uC9C0\uC5D0 \uAC8C\uC2DC\uBB3C \uC815\uBCF4\uAC00 \uB9E4\uCE6D\uB418\uC5B4 \uC5EC\uB7EC \uAC1C\uC758 \uD398\uC774\uC9C0\uAC00 \uB9CC\uB4E4\uC5B4\uC9C0\uB294 \uAC83\uC774\uB2E4.

          \uC815\uC801 \uC0AC\uC774\uD2B8(Static Site)

          \uC815\uC801 \uC0AC\uC774\uD2B8\uB294 \uC624\uC9C1 HTML, CSS, Javascript \uB9CC \uC0AC\uC6A9\uD558\uC5EC \uB9CC\uB4E4\uC5B4\uC9C4 \uAC83\uC774\uB2E4. Server Side \uC5D0\uC11C DB\uB97C \uCC98\uB9AC\uD558\uAC70\uB098 Request\uB85C Data\uB97C \uBC1B\uC544\uC11C \uCC98\uB9AC\uD558\uB294 \uAC8C \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uC791\uC131/\uC218\uC815/\uC0AD\uC81C \uAC19\uC740 \uAE30\uB2A5\uC740 \uC874\uC7AC\uD560 \uC218 \uC5C6\uB2E4. \uC624\uC9C1 \uD398\uC774\uC9C0\uB97C \uC870\uD68C\uD558\uB294 \uAC83\uB9CC \uAC00\uB2A5\uD558\uB2E4.

          \uB300\uD45C\uC801\uC73C\uB85C Github Page \uAC00 \uC815\uC801 \uC0AC\uC774\uD2B8\uB77C\uACE0 \uC0DD\uAC01\uD558\uBA74 \uB41C\uB2E4. Github Page\uB294 github\uC5D0 \uC62C\uB77C\uC628 \uD30C\uC77C(HTML, CSS, Javascript)\uC744 \uAE30\uBC18\uC73C\uB85C \uC791\uB3D9\uD55C\uB2E4.

          \uC815\uC801 \uC0AC\uC774\uD2B8 \uC0DD\uC131\uAE30(SSG, Static Site Generator)

          SSG\uB294 \uC815\uC801 \uC0AC\uC774\uD2B8\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uB294 \uB3C4\uAD6C \uD639\uC740 \uD504\uB808\uC784\uC6CC\uD06C\uB2E4. \uB2E4\uC74C\uACFC \uAC19\uC740 SSG\uB4E4\uC774 \uC874\uC7AC\uD55C\uB2E4.

          • Jekyll: Ruby \uAE30\uBC18 \uD14C\uB9C8, \uD50C\uB7EC\uADF8\uC778 \uB4F1\uC774 \uC81C\uC77C \uD48D\uBD80\uD558\uBA70 Github Page\uC5D0 \uB0B4\uC7A5
          • Hugo: Go \uAE30\uBC18 build \uC18D\uB3C4\uAC00 \uC81C\uC77C \uBE60\uB984
          • Hexo: Node.js \uAE30\uBC18 \uACF5\uC2DD \uD55C\uAE00 \uBB38\uC11C \uC9C0\uC6D0
          • Gatsby: React \uAE30\uBC18 \uC815\uC801 \uCEE8\uD150\uCE20 + GraphQL
          • VuePress: Vue \uAE30\uBC18 \uB300\uD45C\uC801\uC73C\uB85C Vue \uACF5\uC2DD \uBB38\uC11C\uC5D0 \uC0AC\uC6A9\uB428. \uD544\uC790\uAC00 \uC0AC\uC6A9\uD558\uB294 SSG
          ',14),v=n("\uCD5C\uC2E0 \uB3D9\uD5A5\uC740 "),m={href:"https://www.staticgen.com/",target:"_blank",rel:"noopener noreferrer"},h=n("StaticGen"),k=n(" \uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4."),g=s("div",{class:"custom-container tip"},[s("p",{class:"custom-container-title"},"Nuxt\uC640 Next"),s("p",null,"StaticGen\uC5D0\uC11C Nuxt\uC640 Next\uC5D0 \uB300\uD55C \uC815\uBCF4\uB3C4 \uD655\uC778\uD560 \uC218 \uC788\uB2E4. \uAC1C\uC778\uC801\uC73C\uB85C Nuxt\uC640 Next\uB294 SSG\uBCF4\uB2E8 SSR\uC744 \uC704\uD55C \uB3C4\uAD6C\uB77C\uACE0 \uC0DD\uAC01\uD558\uAE30 \uB54C\uBB38\uC5D0 \uC704\uC758 \uBAA9\uB85D\uC5D0\uC11C \uC81C\uC678\uD588\uB2E4.")],-1),b=s("h2",{id:"vuepress-\u1109\u1175\u110C\u1161\u11A8\u1112\u1161\u1100\u1175-1",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#vuepress-\u1109\u1175\u110C\u1161\u11A8\u1112\u1161\u1100\u1175-1","aria-hidden":"true"},"#"),n(" VuePress \uC2DC\uC791\uD558\uAE30")],-1),_=s("p",null,"VuePress\uB294 \uC55E\uC11C \uC5B8\uAE09\uD55C SSG \uC911 \uD558\uB098\uC774\uBA70, \uC815\uB9D0\uB85C \uAC04\uB2E8\uD558\uAC8C \uC2DC\uC791\uD560 \uC218 \uC788\uB2E4. \uC2DC\uC791\uD558\uAE30 \uC804\uC5D0 \uBA3C\uC800 npm(\uD639\uC740 yarn)\uC774 \uC124\uCE58\uB418\uC5B4 \uC788\uC5B4\uC57C \uD55C\uB2E4.",-1),f={href:"https://vuepress.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},y=n("VuePress \uACF5\uC2DD\uBB38\uC11C"),q=n("\uC5D0 \uC788\uB294 \uB0B4\uC6A9\uC744 \uAE30\uBC18\uC73C\uB85C \uC11C\uC220\uD560 \uAC83\uC774\uB2E4."),j=s("p",null,"VuePress\uB97C \uC2DC\uC791\uD558\uAE30 \uC704\uD574\uC120 Npm\uC774\uB098 Yarn \uAC19\uC740 Pacakge Manager \uAC00 \uD544\uC694\uD558\uB2E4.",-1),x={href:"https://nodejs.org/ko/",target:"_blank",rel:"noopener noreferrer"},S=n("npm \uC124\uCE58\uD558\uAE30"),E=n(" (Node.js\uB97C \uC124\uCE58\uD558\uBA74 \uB428)"),C={href:"https://heropy.blog/2017/11/25/yarn/",target:"_blank",rel:"noopener noreferrer"},D=n("yarn \uC124\uCE58\uD558\uAE30"),G=n(" (\uB9C1\uD06C\uC758 \uD3EC\uC2A4\uD305 \uCC38\uACE0)"),N=t(`

          install

          \uD544\uC790\uB294 yarn\uC744 \uAE30\uC900\uC73C\uB85C \uC124\uBA85\uD560 \uAC83\uC774\uB2E4.

          # project directory \uB9CC\uB4E4\uAE30
          +import{_ as o,r as i,o as r,c as p,a as s,b as a,d as t,e as n}from"./app.d20f8571.js";var c="/TIL/assets/1.53b08b02.jpg",l="/TIL/assets/2.102ff192.jpg";const d={},u=t('

          Vuepress \uC2DC\uC791\uD558\uAE30

          \uD604\uC7AC \uD398\uC774\uC9C0\uC5D0\uC11C \uB2E4\uB8E8\uACE0 \uC788\uB294 \uB0B4\uC6A9\uC740 vuepress\uB85C TIL \uBB38\uC11C\uB97C \uB9CC\uB4E4\uBA74\uC11C \uC54C\uAC8C\uB41C \uB0B4\uC6A9\uB4E4\uC744 \uC815\uB9AC\uD55C \uAC83\uC774\uB2E4.

          Static Site Generator

          \uBA3C\uC800 vuepress \uC774\uC804\uC5D0 SSG(Static Site Generator) \uC5D0 \uB300\uD55C \uC774\uD574\uAC00 \uD544\uC694\uD558\uB2E4. SSG\uB294 \uD55C\uAD6D\uB9D0\uB85C \uC815\uC801 \uC0AC\uC774\uD2B8 \uC0DD\uC131\uAE30 \uC774\uBA70, \uB9D0 \uADF8\uB300\uB85C html, js, css \uB85C\uB9CC \uB9CC\uB4E4\uC5B4\uC9C4 \uC0AC\uC774\uD2B8\uB97C \uC758\uBBF8\uD55C\uB2E4. \uAC10\uC774 \uC798 \uC548\uC7A1\uD78C\uB2E4\uBA74 \uB3D9\uC801 \uC0AC\uC774\uD2B8 \uB77C\uB294 \uAC1C\uB150\uC744 \uC0DD\uAC01\uD574\uBCF4\uC790.

          \uB3D9\uC801 \uC0AC\uC774\uD2B8(Dynamic Site)

          \uC544\uB9C8 \uB2E4\uC74C\uACFC \uAC19\uC740 \uAE30\uC220(\uD639\uC740 \uD504\uB85C\uADF8\uB798\uBC0D \uC5B8\uC5B4, \uD504\uB808\uC784\uC6CC\uD06C)\uC740 \uC775\uC219\uD560 \uAC83\uC774\uB2E4.

          • java Spring framework, jsp
          • php Laravel, Codeigniter framework, Wordpress
          • python Django, Flask framework
          • node.js Express.js, Coa.js, Nest.js
          • C# .NET framework

          \uC704\uC640 \uAC19\uC740 \uAE30\uC220\uC2A4\uD0DD\uC73C\uB85C \uB9CC\uB4E4\uC5B4\uC9C4 \uC0AC\uC774\uD2B8\uB97C '\uB3D9\uC801 \uC0AC\uC774\uD2B8' \uB77C\uACE0 \uC0DD\uAC01\uD558\uBA74 \uB41C\uB2E4. \uC608\uB97C \uB4E4\uC5B4 \uAC8C\uC2DC\uD310 \uC774\uB77C\uB294 \uC2DC\uC2A4\uD15C\uC774 \uADF8\uB807\uB2E4. \uAC8C\uC2DC\uD310\uC5D0\uB294 \uAE00\uC791\uC131, \uAE00\uC218\uC815, \uAE00\uC0AD\uC81C, \uAE00\uC870\uD68C \uB4F1\uC774 \uC874\uC7AC\uD55C\uB2E4. \uADF8\uB9AC\uACE0 \uC870\uD68C \uD398\uC774\uC9C0\uC758 \uACBD\uC6B0 \uD558\uB098\uC758 \uD398\uC774\uC9C0\uB97C \uD504\uB85C\uADF8\uB798\uBC0D \uD558\uC5EC \uB9CC\uB4E4\uC5B4 \uB193\uC73C\uBA74 \uADF8 \uD398\uC774\uC9C0\uC5D0 \uAC8C\uC2DC\uBB3C \uC815\uBCF4\uAC00 \uB9E4\uCE6D\uB418\uC5B4 \uC5EC\uB7EC \uAC1C\uC758 \uD398\uC774\uC9C0\uAC00 \uB9CC\uB4E4\uC5B4\uC9C0\uB294 \uAC83\uC774\uB2E4.

          \uC815\uC801 \uC0AC\uC774\uD2B8(Static Site)

          \uC815\uC801 \uC0AC\uC774\uD2B8\uB294 \uC624\uC9C1 HTML, CSS, Javascript \uB9CC \uC0AC\uC6A9\uD558\uC5EC \uB9CC\uB4E4\uC5B4\uC9C4 \uAC83\uC774\uB2E4. Server Side \uC5D0\uC11C DB\uB97C \uCC98\uB9AC\uD558\uAC70\uB098 Request\uB85C Data\uB97C \uBC1B\uC544\uC11C \uCC98\uB9AC\uD558\uB294 \uAC8C \uC544\uB2C8\uAE30 \uB54C\uBB38\uC5D0 \uC791\uC131/\uC218\uC815/\uC0AD\uC81C \uAC19\uC740 \uAE30\uB2A5\uC740 \uC874\uC7AC\uD560 \uC218 \uC5C6\uB2E4. \uC624\uC9C1 \uD398\uC774\uC9C0\uB97C \uC870\uD68C\uD558\uB294 \uAC83\uB9CC \uAC00\uB2A5\uD558\uB2E4.

          \uB300\uD45C\uC801\uC73C\uB85C Github Page \uAC00 \uC815\uC801 \uC0AC\uC774\uD2B8\uB77C\uACE0 \uC0DD\uAC01\uD558\uBA74 \uB41C\uB2E4. Github Page\uB294 github\uC5D0 \uC62C\uB77C\uC628 \uD30C\uC77C(HTML, CSS, Javascript)\uC744 \uAE30\uBC18\uC73C\uB85C \uC791\uB3D9\uD55C\uB2E4.

          \uC815\uC801 \uC0AC\uC774\uD2B8 \uC0DD\uC131\uAE30(SSG, Static Site Generator)

          SSG\uB294 \uC815\uC801 \uC0AC\uC774\uD2B8\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uB294 \uB3C4\uAD6C \uD639\uC740 \uD504\uB808\uC784\uC6CC\uD06C\uB2E4. \uB2E4\uC74C\uACFC \uAC19\uC740 SSG\uB4E4\uC774 \uC874\uC7AC\uD55C\uB2E4.

          • Jekyll: Ruby \uAE30\uBC18 \uD14C\uB9C8, \uD50C\uB7EC\uADF8\uC778 \uB4F1\uC774 \uC81C\uC77C \uD48D\uBD80\uD558\uBA70 Github Page\uC5D0 \uB0B4\uC7A5
          • Hugo: Go \uAE30\uBC18 build \uC18D\uB3C4\uAC00 \uC81C\uC77C \uBE60\uB984
          • Hexo: Node.js \uAE30\uBC18 \uACF5\uC2DD \uD55C\uAE00 \uBB38\uC11C \uC9C0\uC6D0
          • Gatsby: React \uAE30\uBC18 \uC815\uC801 \uCEE8\uD150\uCE20 + GraphQL
          • VuePress: Vue \uAE30\uBC18 \uB300\uD45C\uC801\uC73C\uB85C Vue \uACF5\uC2DD \uBB38\uC11C\uC5D0 \uC0AC\uC6A9\uB428. \uD544\uC790\uAC00 \uC0AC\uC6A9\uD558\uB294 SSG
          ',14),v=n("\uCD5C\uC2E0 \uB3D9\uD5A5\uC740 "),m={href:"https://www.staticgen.com/",target:"_blank",rel:"noopener noreferrer"},h=n("StaticGen"),k=n(" \uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uB2E4."),g=s("div",{class:"custom-container tip"},[s("p",{class:"custom-container-title"},"Nuxt\uC640 Next"),s("p",null,"StaticGen\uC5D0\uC11C Nuxt\uC640 Next\uC5D0 \uB300\uD55C \uC815\uBCF4\uB3C4 \uD655\uC778\uD560 \uC218 \uC788\uB2E4. \uAC1C\uC778\uC801\uC73C\uB85C Nuxt\uC640 Next\uB294 SSG\uBCF4\uB2E8 SSR\uC744 \uC704\uD55C \uB3C4\uAD6C\uB77C\uACE0 \uC0DD\uAC01\uD558\uAE30 \uB54C\uBB38\uC5D0 \uC704\uC758 \uBAA9\uB85D\uC5D0\uC11C \uC81C\uC678\uD588\uB2E4.")],-1),b=s("h2",{id:"vuepress-\u1109\u1175\u110C\u1161\u11A8\u1112\u1161\u1100\u1175-1",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#vuepress-\u1109\u1175\u110C\u1161\u11A8\u1112\u1161\u1100\u1175-1","aria-hidden":"true"},"#"),n(" VuePress \uC2DC\uC791\uD558\uAE30")],-1),_=s("p",null,"VuePress\uB294 \uC55E\uC11C \uC5B8\uAE09\uD55C SSG \uC911 \uD558\uB098\uC774\uBA70, \uC815\uB9D0\uB85C \uAC04\uB2E8\uD558\uAC8C \uC2DC\uC791\uD560 \uC218 \uC788\uB2E4. \uC2DC\uC791\uD558\uAE30 \uC804\uC5D0 \uBA3C\uC800 npm(\uD639\uC740 yarn)\uC774 \uC124\uCE58\uB418\uC5B4 \uC788\uC5B4\uC57C \uD55C\uB2E4.",-1),f={href:"https://vuepress.vuejs.org/",target:"_blank",rel:"noopener noreferrer"},y=n("VuePress \uACF5\uC2DD\uBB38\uC11C"),q=n("\uC5D0 \uC788\uB294 \uB0B4\uC6A9\uC744 \uAE30\uBC18\uC73C\uB85C \uC11C\uC220\uD560 \uAC83\uC774\uB2E4."),j=s("p",null,"VuePress\uB97C \uC2DC\uC791\uD558\uAE30 \uC704\uD574\uC120 Npm\uC774\uB098 Yarn \uAC19\uC740 Pacakge Manager \uAC00 \uD544\uC694\uD558\uB2E4.",-1),x={href:"https://nodejs.org/ko/",target:"_blank",rel:"noopener noreferrer"},S=n("npm \uC124\uCE58\uD558\uAE30"),E=n(" (Node.js\uB97C \uC124\uCE58\uD558\uBA74 \uB428)"),C={href:"https://heropy.blog/2017/11/25/yarn/",target:"_blank",rel:"noopener noreferrer"},D=n("yarn \uC124\uCE58\uD558\uAE30"),G=n(" (\uB9C1\uD06C\uC758 \uD3EC\uC2A4\uD305 \uCC38\uACE0)"),N=t(`

          install

          \uD544\uC790\uB294 yarn\uC744 \uAE30\uC900\uC73C\uB85C \uC124\uBA85\uD560 \uAC83\uC774\uB2E4.

          # project directory \uB9CC\uB4E4\uAE30
           mkdir vuepress-stater
           cd vuepress-starter
           
          diff --git a/assets/index.html.397699dc.js b/assets/index.html.d4eb31a4.js
          similarity index 96%
          rename from assets/index.html.397699dc.js
          rename to assets/index.html.d4eb31a4.js
          index f8dd23be..0cd802ce 100644
          --- a/assets/index.html.397699dc.js
          +++ b/assets/index.html.d4eb31a4.js
          @@ -1 +1 @@
          -const e={key:"v-41d7bea5",path:"/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/",title:"MVVM System \uAC1C\uC120\uD558\uAE30 (1)",lang:"en-US",frontmatter:{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (1)",description:"\uB2E4\uC591\uD55C Design Pattern\uC744 \uC774\uC6A9\uD558\uC5EC MVVM System\uC744 \uAC1C\uC120\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-02-15T00:00:00.000Z",tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, oop",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"Strategy Pattern",slug:"strategy-pattern",children:[{level:3,title:"Defined",slug:"defined",children:[]},{level:3,title:"Strategy \uBD84\uC11D \uBC0F \uCD94\uCD9C",slug:"strategy-\u1107\u116E\u11AB\u1109\u1165\u11A8-\u1106\u1175\u11BE-\u110E\u116E\u110E\u116E\u11AF",children:[]},{level:3,title:"Dependency Injection",slug:"dependency-injection",children:[]},{level:3,title:"\uC815\uB9AC",slug:"\u110C\u1165\u11BC\u1105\u1175",children:[]}]},{level:2,title:"Observer Pattern",slug:"observer-pattern",children:[{level:3,title:"Listener",slug:"listener",children:[]},{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Composite",slug:"composite",children:[]},{level:3,title:"Observer",slug:"observer",children:[]}]},{level:2,title:"Client",slug:"client",children:[{level:3,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/README.md"};export{e as data};
          +const e={key:"v-41d7bea5",path:"/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/",title:"MVVM System \uAC1C\uC120\uD558\uAE30 (1)",lang:"en-US",frontmatter:{title:"MVVM System \uAC1C\uC120\uD558\uAE30 (1)",description:"\uB2E4\uC591\uD55C Design Pattern\uC744 \uC774\uC6A9\uD558\uC5EC MVVM System\uC744 \uAC1C\uC120\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uC18C\uAC1C\uD569\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-02-15T00:00:00.000Z",tag:"\uCF54\uB4DC\uC2A4\uD53C\uCE20, javascript, oop",thumbnail:"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760"},excerpt:"",headers:[{level:2,title:"Strategy Pattern",slug:"strategy-pattern",children:[{level:3,title:"Defined",slug:"defined",children:[]},{level:3,title:"Strategy \uBD84\uC11D \uBC0F \uCD94\uCD9C",slug:"strategy-\u1107\u116E\u11AB\u1109\u1165\u11A8-\u1106\u1175\u11BE-\u110E\u116E\u110E\u116E\u11AF",children:[]},{level:3,title:"Dependency Injection",slug:"dependency-injection",children:[]},{level:3,title:"\uC815\uB9AC",slug:"\u110C\u1165\u11BC\u1105\u1175",children:[]}]},{level:2,title:"Observer Pattern",slug:"observer-pattern",children:[{level:3,title:"Listener",slug:"listener",children:[]},{level:3,title:"ViewModel",slug:"viewmodel",children:[]},{level:3,title:"Composite",slug:"composite",children:[]},{level:3,title:"Observer",slug:"observer",children:[]}]},{level:2,title:"Client",slug:"client",children:[{level:3,title:"\uC804\uCCB4 \uCF54\uB4DC",slug:"\u110C\u1165\u11AB\u110E\u1166-\u110F\u1169\u1103\u1173",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/README.md"};export{e as data};
          diff --git a/assets/index.html.a4baa388.js b/assets/index.html.d9a09cb4.js
          similarity index 99%
          rename from assets/index.html.a4baa388.js
          rename to assets/index.html.d9a09cb4.js
          index 3371ee4b..c26c4567 100644
          --- a/assets/index.html.a4baa388.js
          +++ b/assets/index.html.d9a09cb4.js
          @@ -1,4 +1,4 @@
          -import{_ as l,r as t,o,c,a as s,b as i,e as n,d as a}from"./app.800103af.js";const d={},r=s("h1",{id:"github-page\u110B\u1166-\u1107\u1162\u1111\u1169\u1112\u1161\u1100\u1175",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#github-page\u110B\u1166-\u1107\u1162\u1111\u1169\u1112\u1161\u1100\u1175","aria-hidden":"true"},"#"),n(" github page\uC5D0 \uBC30\uD3EC\uD558\uAE30")],-1),p=s("p",null,"Vuepress\uB85C \uB9CC\uB4E0 \uBB38\uC11C\uB97C github page\uC5D0 \uBC30\uD3EC\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uB85D\uD55C \uBB38\uC11C\uC774\uB2E4.",-1),u=s("h2",{id:"_1-\u1107\u1162\u1111\u1169-\u1100\u116A\u110C\u1165\u11BC-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#_1-\u1107\u1162\u1111\u1169-\u1100\u116A\u110C\u1165\u11BC-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175","aria-hidden":"true"},"#"),n(" 1. \uBC30\uD3EC \uACFC\uC815 \uC774\uD574\uD558\uAE30")],-1),v=s("p",null,[n("\uBA3C\uC800 "),s("code",null,"deploy.sh"),n(" \uB97C \uC791\uC131\uD574\uC57C \uD55C\uB2E4. \uC774 \uC2A4\uD06C\uB9BD\uD2B8\uAC00 \uD558\uB294 \uC77C\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.")],-1),m=s("li",null,"\uBB38\uC11C \uBE4C\uB4DC",-1),b=s("li",null,"\uBE4C\uB4DC\uB41C \uBB38\uC11C\uB97C git init -> add -> commit",-1),h=n("github\uC5D0 push "),g=a("
        • https://<user>.github.com/ \uC5D0 \uBC30\uD3EC\uD558\uACE0 \uC2F6\uB2E4\uBA74,
          • repository: <user>.github.com
          • branch: master
        • https://<user>.github.com/<repo> \uC5D0 \uBC30\uD3EC\uD558\uACE0 \uC2F6\uB2E4\uBA74,
          • repository: <repo>
          • branch: gh-pages
        • ",2),k=n("\uCC38\uACE0\uB9C1\uD06C : "),_={href:"http://dogfeet.github.io/articles/2012/github-pages.html",target:"_blank",rel:"noopener noreferrer"},f=n("Github Pages \uAE30\uB2A5 \uC774\uC6A9\uD558\uAE30"),E=a(`

          \uC774 \uB54C package.json\uC758 npm script\uC640 deploy.sh\uC758 \uC704\uCE58\uAC00 \uC911\uC694\uD558\uAE30 \uB54C\uBB38\uC5D0 \uD504\uB85C\uC81D\uD2B8 \uD3F4\uB354 \uAD6C\uC870\uC5D0 \uB530\uB77C \uC791\uC131\uD558\uB294 \uBC29\uBC95\uC774 \uB2E4\uB974\uB2E4.

          2. \uD504\uB85C\uC81D\uD2B8\uAC00 root \uAE30\uC900\uC77C \uB54C

          \uD3F4\uB354 \uAD6C\uC870\uAC00 \uB2E4\uC74C\uACFC \uAC19\uB2E4\uBA74

          .(VuepressProject)
          +import{_ as l,r as t,o,c,a as s,b as i,e as n,d as a}from"./app.d20f8571.js";const d={},r=s("h1",{id:"github-page\u110B\u1166-\u1107\u1162\u1111\u1169\u1112\u1161\u1100\u1175",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#github-page\u110B\u1166-\u1107\u1162\u1111\u1169\u1112\u1161\u1100\u1175","aria-hidden":"true"},"#"),n(" github page\uC5D0 \uBC30\uD3EC\uD558\uAE30")],-1),p=s("p",null,"Vuepress\uB85C \uB9CC\uB4E0 \uBB38\uC11C\uB97C github page\uC5D0 \uBC30\uD3EC\uD558\uB294 \uBC29\uBC95\uC5D0 \uB300\uD574 \uAE30\uB85D\uD55C \uBB38\uC11C\uC774\uB2E4.",-1),u=s("h2",{id:"_1-\u1107\u1162\u1111\u1169-\u1100\u116A\u110C\u1165\u11BC-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#_1-\u1107\u1162\u1111\u1169-\u1100\u116A\u110C\u1165\u11BC-\u110B\u1175\u1112\u1162\u1112\u1161\u1100\u1175","aria-hidden":"true"},"#"),n(" 1. \uBC30\uD3EC \uACFC\uC815 \uC774\uD574\uD558\uAE30")],-1),v=s("p",null,[n("\uBA3C\uC800 "),s("code",null,"deploy.sh"),n(" \uB97C \uC791\uC131\uD574\uC57C \uD55C\uB2E4. \uC774 \uC2A4\uD06C\uB9BD\uD2B8\uAC00 \uD558\uB294 \uC77C\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.")],-1),m=s("li",null,"\uBB38\uC11C \uBE4C\uB4DC",-1),b=s("li",null,"\uBE4C\uB4DC\uB41C \uBB38\uC11C\uB97C git init -> add -> commit",-1),h=n("github\uC5D0 push "),g=a("
        • https://<user>.github.com/ \uC5D0 \uBC30\uD3EC\uD558\uACE0 \uC2F6\uB2E4\uBA74,
          • repository: <user>.github.com
          • branch: master
        • https://<user>.github.com/<repo> \uC5D0 \uBC30\uD3EC\uD558\uACE0 \uC2F6\uB2E4\uBA74,
          • repository: <repo>
          • branch: gh-pages
        • ",2),k=n("\uCC38\uACE0\uB9C1\uD06C : "),_={href:"http://dogfeet.github.io/articles/2012/github-pages.html",target:"_blank",rel:"noopener noreferrer"},f=n("Github Pages \uAE30\uB2A5 \uC774\uC6A9\uD558\uAE30"),E=a(`

          \uC774 \uB54C package.json\uC758 npm script\uC640 deploy.sh\uC758 \uC704\uCE58\uAC00 \uC911\uC694\uD558\uAE30 \uB54C\uBB38\uC5D0 \uD504\uB85C\uC81D\uD2B8 \uD3F4\uB354 \uAD6C\uC870\uC5D0 \uB530\uB77C \uC791\uC131\uD558\uB294 \uBC29\uBC95\uC774 \uB2E4\uB974\uB2E4.

          2. \uD504\uB85C\uC81D\uD2B8\uAC00 root \uAE30\uC900\uC77C \uB54C

          \uD3F4\uB354 \uAD6C\uC870\uAC00 \uB2E4\uC74C\uACFC \uAC19\uB2E4\uBA74

          .(VuepressProject)
           \u251C\u2500 node_modules
           \u251C\u2500 package.json
           \u251C\u2500 .vuepress
          diff --git a/assets/index.html.5d34e07b.js b/assets/index.html.dc7f0dd4.js
          similarity index 82%
          rename from assets/index.html.5d34e07b.js
          rename to assets/index.html.dc7f0dd4.js
          index e33bff23..425d700b 100644
          --- a/assets/index.html.5d34e07b.js
          +++ b/assets/index.html.dc7f0dd4.js
          @@ -1 +1 @@
          -const t={key:"v-8eac9854",path:"/Book/start-with-why/",title:"Start with why \uC11C\uD3C9",lang:"en-US",frontmatter:{title:"Start with why \uC11C\uD3C9",description:"\uC0AC\uB78C\uB4E4\uC740",sidebarDepth:2,date:"2024-02-12T18:30:00.000Z",thumbnail:"https://raw.githubusercontent.com/JunilHwang/TIL/master/Book/start-with-why/thumbnail.png",tag:"\uD68C\uACE0",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"\uBC11\uC904 \uCE5C \uBB38\uC7A5",slug:"\u1106\u1175\u11C0\u110C\u116E\u11AF-\u110E\u1175\u11AB-\u1106\u116E\u11AB\u110C\u1161\u11BC",children:[]},{level:2,title:"\uB9AC\uBDF0",slug:"\u1105\u1175\u1107\u1172",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Book/start-with-why/README.md"};export{t as data};
          +const t={key:"v-8eac9854",path:"/Book/start-with-why/",title:"Start with why \uC11C\uD3C9",lang:"en-US",frontmatter:{title:"Start with why \uC11C\uD3C9",description:"\uC0AC\uB78C\uB4E4\uC740",sidebarDepth:2,date:"2024-02-12T00:00:00.000Z",thumbnail:"https://raw.githubusercontent.com/JunilHwang/TIL/master/Book/start-with-why/thumbnail.png",tag:"\uD68C\uACE0",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"\uBC11\uC904 \uCE5C \uBB38\uC7A5",slug:"\u1106\u1175\u11C0\u110C\u116E\u11AF-\u110E\u1175\u11AB-\u1106\u116E\u11AB\u110C\u1161\u11BC",children:[]},{level:2,title:"\uB9AC\uBDF0",slug:"\u1105\u1175\u1107\u1172",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Book/start-with-why/README.md"};export{t as data};
          diff --git a/assets/index.html.3e1c72c2.js b/assets/index.html.dcdb2340.js
          similarity index 98%
          rename from assets/index.html.3e1c72c2.js
          rename to assets/index.html.dcdb2340.js
          index b57aed11..f3feec0a 100644
          --- a/assets/index.html.3e1c72c2.js
          +++ b/assets/index.html.dcdb2340.js
          @@ -1 +1 @@
          -const e={key:"v-74e30a94",path:"/Review/2021-year/end/",title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0",description:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0",sidebarDepth:1,date:"2021-12-31T23:40:00.000Z",thumbnail:"https://user-images.githubusercontent.com/18749057/172793231-f0ddc40c-1309-4c64-a74a-4522a4ef4ef2.png",hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fjunilhwang.github.io%2FTIL%2FReview%2F2021-year%2Fend%2F&count_bg=%230099FF&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=%EC%A1%B0%ED%9A%8C%EC%88%98&edge_flat=true",tag:"\uD68C\uACE0",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"1. \uD68C\uC0AC \uD504\uB85C\uC81D\uD2B8 \uD68C\uACE0",slug:"_1-\u1112\u116C\u1109\u1161-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC90C\uD504\uB860\uD2B8(zum.com) \uAC1C\uD3B8",slug:"_1-\u110C\u116E\u11B7\u1111\u1173\u1105\u1169\u11AB\u1110\u1173-zum-com-\u1100\u1162\u1111\u1167\u11AB",children:[]},{level:3,title:"(2) \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778(invest.zum.com)",slug:"_2-\u1110\u116E\u110C\u1161-\u1109\u1165\u1107\u1173\u1103\u1169\u1106\u1166\u110B\u1175\u11AB-invest-zum-com",children:[]},{level:3,title:"(3) \uBAA8\uBC14\uC77C\uC90C(m.zum.com)",slug:"_3-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF\u110C\u116E\u11B7-m-zum-com",children:[]},{level:3,title:"(4) zum-portal-core-js",slug:"_4-zum-portal-core-js",children:[]},{level:3,title:"(5) \uAE30\uD0C0 \uD504\uB85C\uC81D\uD2B8\uB4E4",slug:"_5-\u1100\u1175\u1110\u1161-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1103\u1173\u11AF",children:[]}]},{level:2,title:"2. \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uD30C\uD2B8\uB9AC\uB354",slug:"_2-\u110B\u1165\u110D\u1165\u1103\u1161\u1107\u1169\u1102\u1175-\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165",children:[{level:3,title:"(1) \uCC44\uC6A9",slug:"_1-\u110E\u1162\u110B\u116D\u11BC",children:[]},{level:3,title:"(2) \uD30C\uD2B8\uB9AC\uB354\uAC00 \uB418\uB2E4",slug:"_2-\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165\u1100\u1161-\u1103\u116C\u1103\u1161",children:[]},{level:3,title:"(4) \uC88B\uC740 \uC870\uC9C1\uC5D0 \uB300\uD55C \uACE0\uBBFC",slug:"_4-\u110C\u1169\u11C2\u110B\u1173\u11AB-\u110C\u1169\u110C\u1175\u11A8\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u1106\u1175\u11AB",children:[]},{level:3,title:"(5) Effectuation Process",slug:"_5-effectuation-process",children:[]},{level:3,title:"(6) \uC55E\uC73C\uB85C\uC758 \uACFC\uC81C",slug:"_6-\u110B\u1161\u11C1\u110B\u1173\u1105\u1169\u110B\u1174-\u1100\u116A\u110C\u1166",children:[]}]},{level:2,title:"3. \uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"_3-\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"(1) \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8 - \uCEA0\uD37C\uC2A4 \uD504\uB80C\uC988",slug:"_1-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110F\u1162\u11B7\u1111\u1165\u1109\u1173-\u1111\u1173\u1105\u1166\u11AB\u110C\u1173",children:[]},{level:3,title:"(2) NextStep ATDD",slug:"_2-nextstep-atdd",children:[]},{level:3,title:"(3) \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 Level 3",slug:"_3-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-level-3",children:[]},{level:3,title:"(4) \uD3EC\uC2A4\uD305",slug:"_4-\u1111\u1169\u1109\u1173\u1110\u1175\u11BC",children:[]}]},{level:2,title:"4. \uB300\uC678 \uD65C\uB3D9",slug:"_4-\u1103\u1162\u110B\u116C-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[{level:3,title:"(1) NextStep Java Clean Code \uB9AC\uBDF0\uC5B4",slug:"_1-nextstep-java-clean-code-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(2) \uC6B0\uC544\uD55C \uD14C\uD06C\uCF54\uC2A4 Pro 2 \uB9AC\uBDF0\uC5B4",slug:"_2-\u110B\u116E\u110B\u1161\u1112\u1161\u11AB-\u1110\u1166\u110F\u1173\u110F\u1169\u1109\u1173-pro-2-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(3) \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:3,title:"(4) \uD56D\uD574 99",slug:"_4-\u1112\u1161\u11BC\u1112\u1162-99",children:[]},{level:3,title:"(5) \uACE0\uB4F1\uD559\uAD50 \uBC29\uACFC\uD6C4 \uC218\uC5C5 \uAC15\uC758",slug:"_5-\u1100\u1169\u1103\u1173\u11BC\u1112\u1161\u11A8\u1100\u116D-\u1107\u1161\u11BC\u1100\u116A\u1112\u116E-\u1109\u116E\u110B\u1165\u11B8-\u1100\u1161\u11BC\u110B\u1174",children:[]},{level:3,title:"(6) \uB2E8\uAD6D\uB300 \uC2A4\uD130\uB514",slug:"_6-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"(7) \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514",slug:"_7-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]}]},{level:2,title:"5. \uC774\uC9C1\uC5D0 \uB300\uD55C \uACE0\uBBFC",slug:"_5-\u110B\u1175\u110C\u1175\u11A8\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u1106\u1175\u11AB",children:[{level:3,title:"(1) \uC774\uC9C1 \uC81C\uC758",slug:"_1-\u110B\u1175\u110C\u1175\u11A8-\u110C\u1166\u110B\u1174",children:[]},{level:3,title:"(2) \uB5A0\uB098\uAC8C \uB41C\uB2E4\uBA74?",slug:"_2-\u1104\u1165\u1102\u1161\u1100\u1166-\u1103\u116C\u11AB\u1103\u1161\u1106\u1167\u11AB",children:[]}]},{level:2,title:"6. \uC77C\uC0C1",slug:"_6-\u110B\u1175\u11AF\u1109\u1161\u11BC",children:[{level:3,title:"(1) \uC774\uC0AC",slug:"_1-\u110B\u1175\u1109\u1161",children:[]},{level:3,title:"(2) \uC0C8\uB85C\uC6B4 \uAC00\uC871",slug:"_2-\u1109\u1162\u1105\u1169\u110B\u116E\u11AB-\u1100\u1161\u110C\u1169\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2021-year/end/README.md"};export{e as data};
          +const e={key:"v-74e30a94",path:"/Review/2021-year/end/",title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0",description:"\uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uD68C\uACE0",sidebarDepth:1,date:"2021-12-31T23:40:00.000Z",thumbnail:"https://user-images.githubusercontent.com/18749057/172793231-f0ddc40c-1309-4c64-a74a-4522a4ef4ef2.png",hitUrl:"https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fjunilhwang.github.io%2FTIL%2FReview%2F2021-year%2Fend%2F&count_bg=%230099FF&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=%EC%A1%B0%ED%9A%8C%EC%88%98&edge_flat=true",tag:"\uD68C\uACE0",feed:{enable:!0}},excerpt:"",headers:[{level:2,title:"1. \uD68C\uC0AC \uD504\uB85C\uC81D\uD2B8 \uD68C\uACE0",slug:"_1-\u1112\u116C\u1109\u1161-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1112\u116C\u1100\u1169",children:[{level:3,title:"(1) \uC90C\uD504\uB860\uD2B8(zum.com) \uAC1C\uD3B8",slug:"_1-\u110C\u116E\u11B7\u1111\u1173\u1105\u1169\u11AB\u1110\u1173-zum-com-\u1100\u1162\u1111\u1167\u11AB",children:[]},{level:3,title:"(2) \uD22C\uC790 \uC11C\uBE0C\uB3C4\uBA54\uC778(invest.zum.com)",slug:"_2-\u1110\u116E\u110C\u1161-\u1109\u1165\u1107\u1173\u1103\u1169\u1106\u1166\u110B\u1175\u11AB-invest-zum-com",children:[]},{level:3,title:"(3) \uBAA8\uBC14\uC77C\uC90C(m.zum.com)",slug:"_3-\u1106\u1169\u1107\u1161\u110B\u1175\u11AF\u110C\u116E\u11B7-m-zum-com",children:[]},{level:3,title:"(4) zum-portal-core-js",slug:"_4-zum-portal-core-js",children:[]},{level:3,title:"(5) \uAE30\uD0C0 \uD504\uB85C\uC81D\uD2B8\uB4E4",slug:"_5-\u1100\u1175\u1110\u1161-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173\u1103\u1173\u11AF",children:[]}]},{level:2,title:"2. \uC5B4\uCA4C\uB2E4\uBCF4\uB2C8 \uD30C\uD2B8\uB9AC\uB354",slug:"_2-\u110B\u1165\u110D\u1165\u1103\u1161\u1107\u1169\u1102\u1175-\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165",children:[{level:3,title:"(1) \uCC44\uC6A9",slug:"_1-\u110E\u1162\u110B\u116D\u11BC",children:[]},{level:3,title:"(2) \uD30C\uD2B8\uB9AC\uB354\uAC00 \uB418\uB2E4",slug:"_2-\u1111\u1161\u1110\u1173\u1105\u1175\u1103\u1165\u1100\u1161-\u1103\u116C\u1103\u1161",children:[]},{level:3,title:"(4) \uC88B\uC740 \uC870\uC9C1\uC5D0 \uB300\uD55C \uACE0\uBBFC",slug:"_4-\u110C\u1169\u11C2\u110B\u1173\u11AB-\u110C\u1169\u110C\u1175\u11A8\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u1106\u1175\u11AB",children:[]},{level:3,title:"(5) Effectuation Process",slug:"_5-effectuation-process",children:[]},{level:3,title:"(6) \uC55E\uC73C\uB85C\uC758 \uACFC\uC81C",slug:"_6-\u110B\u1161\u11C1\u110B\u1173\u1105\u1169\u110B\u1174-\u1100\u116A\u110C\u1166",children:[]}]},{level:2,title:"3. \uAC1C\uBC1C \uC5ED\uB7C9 \uAC15\uD654",slug:"_3-\u1100\u1162\u1107\u1161\u11AF-\u110B\u1167\u11A8\u1105\u1163\u11BC-\u1100\u1161\u11BC\u1112\u116A",children:[{level:3,title:"(1) \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8 - \uCEA0\uD37C\uC2A4 \uD504\uB80C\uC988",slug:"_1-\u1109\u1161\u110B\u1175\u1103\u1173-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u110F\u1162\u11B7\u1111\u1165\u1109\u1173-\u1111\u1173\u1105\u1166\u11AB\u110C\u1173",children:[]},{level:3,title:"(2) NextStep ATDD",slug:"_2-nextstep-atdd",children:[]},{level:3,title:"(3) \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 Level 3",slug:"_3-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-level-3",children:[]},{level:3,title:"(4) \uD3EC\uC2A4\uD305",slug:"_4-\u1111\u1169\u1109\u1173\u1110\u1175\u11BC",children:[]}]},{level:2,title:"4. \uB300\uC678 \uD65C\uB3D9",slug:"_4-\u1103\u1162\u110B\u116C-\u1112\u116A\u11AF\u1103\u1169\u11BC",children:[{level:3,title:"(1) NextStep Java Clean Code \uB9AC\uBDF0\uC5B4",slug:"_1-nextstep-java-clean-code-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(2) \uC6B0\uC544\uD55C \uD14C\uD06C\uCF54\uC2A4 Pro 2 \uB9AC\uBDF0\uC5B4",slug:"_2-\u110B\u116E\u110B\u1161\u1112\u1161\u11AB-\u1110\u1166\u110F\u1173\u110F\u1169\u1109\u1173-pro-2-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"(3) \uBD80\uC2A4\uD2B8\uCEA0\uD504",slug:"_3-\u1107\u116E\u1109\u1173\u1110\u1173\u110F\u1162\u11B7\u1111\u1173",children:[]},{level:3,title:"(4) \uD56D\uD574 99",slug:"_4-\u1112\u1161\u11BC\u1112\u1162-99",children:[]},{level:3,title:"(5) \uACE0\uB4F1\uD559\uAD50 \uBC29\uACFC\uD6C4 \uC218\uC5C5 \uAC15\uC758",slug:"_5-\u1100\u1169\u1103\u1173\u11BC\u1112\u1161\u11A8\u1100\u116D-\u1107\u1161\u11BC\u1100\u116A\u1112\u116E-\u1109\u116E\u110B\u1165\u11B8-\u1100\u1161\u11BC\u110B\u1174",children:[]},{level:3,title:"(6) \uB2E8\uAD6D\uB300 \uC2A4\uD130\uB514",slug:"_6-\u1103\u1161\u11AB\u1100\u116E\u11A8\u1103\u1162-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]},{level:3,title:"(7) \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514",slug:"_7-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175",children:[]}]},{level:2,title:"5. \uC774\uC9C1\uC5D0 \uB300\uD55C \uACE0\uBBFC",slug:"_5-\u110B\u1175\u110C\u1175\u11A8\u110B\u1166-\u1103\u1162\u1112\u1161\u11AB-\u1100\u1169\u1106\u1175\u11AB",children:[{level:3,title:"(1) \uC774\uC9C1 \uC81C\uC758",slug:"_1-\u110B\u1175\u110C\u1175\u11A8-\u110C\u1166\u110B\u1174",children:[]},{level:3,title:"(2) \uB5A0\uB098\uAC8C \uB41C\uB2E4\uBA74?",slug:"_2-\u1104\u1165\u1102\u1161\u1100\u1166-\u1103\u116C\u11AB\u1103\u1161\u1106\u1167\u11AB",children:[]}]},{level:2,title:"6. \uC77C\uC0C1",slug:"_6-\u110B\u1175\u11AF\u1109\u1161\u11BC",children:[{level:3,title:"(1) \uC774\uC0AC",slug:"_1-\u110B\u1175\u1109\u1161",children:[]},{level:3,title:"(2) \uC0C8\uB85C\uC6B4 \uAC00\uC871",slug:"_2-\u1109\u1162\u1105\u1169\u110B\u116E\u11AB-\u1100\u1161\u110C\u1169\u11A8",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2021-year/end/README.md"};export{e as data};
          diff --git a/assets/index.html.61de1223.js b/assets/index.html.dd2c3cd5.js
          similarity index 99%
          rename from assets/index.html.61de1223.js
          rename to assets/index.html.dd2c3cd5.js
          index 3106331f..696f0559 100644
          --- a/assets/index.html.61de1223.js
          +++ b/assets/index.html.dd2c3cd5.js
          @@ -1,4 +1,4 @@
          -import{_ as o,r as s,o as r,c as i,a as e,b as t,e as n,d as c}from"./app.800103af.js";const l={},p=e("h1",{id:"\u110E\u1162\u11A8-\u1109\u1169\u1100\u1162",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110E\u1162\u11A8-\u1109\u1169\u1100\u1162","aria-hidden":"true"},"#"),n(" \uCC45 \uC18C\uAC1C")],-1),d=n("\uBCF8 \uD3EC\uC2A4\uD2B8\uB294 "),u={href:"https://wikibook.co.kr/java-oop-for-spring/",target:"_blank",rel:"noopener noreferrer"},h=n("\uC2A4\uD504\uB9C1 \uC785\uBB38\uC744 \uC704\uD55C \uC790\uBC14 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"),_=n("\uB77C\uB294 \uCC45\uC5D0 \uB300\uD55C \uC18C\uAC1C\uC785\uB2C8\uB2E4."),m=e("h2",{id:"\u110E\u1162\u11A8\u110B\u1173\u11AF-\u1100\u116E\u1106\u1162\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1100\u1168\u1100\u1175",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110E\u1162\u11A8\u110B\u1173\u11AF-\u1100\u116E\u1106\u1162\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1100\u1168\u1100\u1175","aria-hidden":"true"},"#"),n(" \uCC45\uC744 \uAD6C\uB9E4\uD558\uAC8C \uB41C \uACC4\uAE30")],-1),f=n("\uCD5C\uADFC\uC5D0 Spring\uACFC OOP \uACF5\uBD80\uB97C \uD558\uBA74\uC11C 2\uB144\uC804\uC5D0 \uCC38\uACE0\uD588\uB358 "),v={href:"https://expert0226.tistory.com/category/%EA%B0%95%EC%A2%8C/Spring%203.0",target:"_blank",rel:"noopener noreferrer"},k=n("\uC5EC\uB984\uB098\uB77C \uACA8\uC6B8\uC774\uC57C\uAE30"),g=n(" \uB77C\uB294 \uBE14\uB85C\uADF8\uC758 \uAE00\uC774 \uC0DD\uAC01\uB098\uC11C \uB2E4\uC2DC \uC815\uB3C5\uD588\uB2E4."),b=e("p",null,"\uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uB450\uB8E8\uBB49\uC2E4\uD558\uAC8C \uC640\uB2FF\uC558\uB358 \uAC1C\uB150\uB4E4\uC774\uC5C8\uB294\uB370, \uC774\uC81C \uC77D\uC5B4\uBCF4\uB2C8 \uAD49\uC7A5\uD788 \uC774\uD574\uD558\uAE30 \uC27D\uAC8C \uC791\uC131\uB41C \uD3EC\uC2A4\uD2B8\uC600\uB2E4. \uADF8\uB9AC\uACE0 \uADF8 \uBE14\uB85C\uADF8\uC758 \uC800\uC790\uAC00 \uCD9C\uAC04\uD55C \uCC45\uC774 \uC788\uB2E4\uB294 \uAC83\uC744 \uC54C\uC558\uACE0, \uBC14\uB85C \uAD6C\uB9E4\uD588\uB2E4. \uCC45\uC758 \uB0B4\uC6A9\uACFC \uAD6C\uC131\uC740 \uAE30\uB300\uB97C \uC800\uBC84\uB9AC\uC9C0 \uC54A\uC558\uB2E4. OOP\uC758 \uAC1C\uB150\uC744 \uB354\uC6B1 \uD655\uACE0\uD558\uAC8C \uC815\uB9BD\uD560 \uC218 \uC788\uC5C8\uACE0 Spring\uC744 \uC0AC\uC6A9\uD558\uB294 \uBAA9\uC801\uACFC Spring\uC774 \uC9C0\uD5A5\uD558\uB294 \uBC29\uD5A5\uC5D0 \uB300\uD574 \uC774\uD574\uD560 \uC218 \uC788\uC5C8\uB2E4.",-1),w=e("h2",{id:"\u110C\u1165\u110C\u1161-\u1109\u1169\u1100\u1162",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110C\u1165\u110C\u1161-\u1109\u1169\u1100\u1162","aria-hidden":"true"},"#"),n(" \uC800\uC790 \uC18C\uAC1C")],-1),x=e("p",null,"\uC800\uC790\uC5D0 \uB300\uD55C \uC815\uBCF4\uB294 \uC544\uB798\uC758 \uD398\uC774\uC9C0\uB4E4\uC5D0\uC11C \uC790\uC138\uD558\uAC8C \uC54C \uC218 \uC788\uB2E4.",-1),q={href:"https://expert0226.tistory.com/",target:"_blank",rel:"noopener noreferrer"},y=n('\uBE14\uB85C\uADF8 - "\uC5EC\uB984\uB098\uB77C \uACA8\uC6B8\uC774\uC57C\uAE30"'),E={href:"https://github.com/expert0226",target:"_blank",rel:"noopener noreferrer"},I=n("GitHub"),A={href:"https://kr.linkedin.com/in/%EC%A2%85%EB%AF%BC-%EA%B9%80-911410100",target:"_blank",rel:"noopener noreferrer"},S=n("\uB9C1\uD06C\uB4DC\uC778"),j={href:"https://www.facebook.com/NoviceRambo",target:"_blank",rel:"noopener noreferrer"},C=n("\uD398\uC774\uC2A4\uBD81"),B={href:"https://www.youtube.com/channel/UCvQOwKeXLw2jwecuL3bcw0w/videos",target:"_blank",rel:"noopener noreferrer"},K=n('\uC720\uD29C\uBE0C - "\uCD08\uBCF4\uB78C\uBCF4"'),P=c(`

          \uCC45\uC744 \uC77D\uC73C\uBA74\uC11C \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uC810

          \uC774\uD574\uD558\uAE30 \uC27D\uB3C4\uB85D \uC804\uB2EC

          \uAE30\uC874\uC5D0 \uC54C\uB824\uC9C4 \uC9C0\uC2DD\uC744 \uADF8\uB300\uB85C \uC804\uB2EC\uD558\uB294 \uAC83\uC774 \uC544\uB2CC \uC800\uC790 \uB098\uB984\uB300\uB85C\uC758 \uD574\uC11D\uC744 \uD1B5\uD574 \uB3C5\uC790\uAC00 \uC774\uD574\uD558\uAE30 \uC27D\uB3C4\uB85D \uC804\uB2EC\uD558\uB294 \uAC8C \uC88B\uC558\uB2E4. \uC608\uB97C \uB4E4\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          Define of Spring Framework

          Spring Framework\uB97C \uC124\uBA85\uD558\uB294 \uACF5\uC2DD\uC801\uC778 \uC815\uC758\uB294 \uC790\uBC14 \uC5D4\uD130\uD504\uB77C\uC774\uC988 \uAC1C\uBC1C\uC744 \uD3B8\uD558\uAC8C \uD574\uC8FC\uB294 \uC624\uD508\uC18C\uC2A4 \uACBD\uB7C9\uAE09 \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158 \uD504\uB808\uC784\uC6CC\uD06C \uC774\uB2E4.

          \uADF8\uB7F0\uB370 \uC800\uC790\uB294 \uB2E4\uC74C\uACFC \uAC19\uC774 \uC815\uC758\uD55C\uB2E4.

          "\uAC1D\uCCB4\uC9C0\uD5A5 \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uC704\uD55C \uD504\uB808\uC784\uC6CC\uD06C" "OOP Framework"

          Define of DIP(\uC758\uC874 \uC5ED\uC804 \uC6D0\uCE59)

          \uB85C\uBC84\uD2B8 C.\uB9C8\uD2F4\uC774 \uB9D0\uD558\uB294 DIP(Dependency Inversion Principle)\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          • "\uACE0\uCC28\uC6D0 \uBAA8\uB4C8\uC740 \uC800\uCC28\uC6D0 \uBAA8\uB4C8\uC5D0 \uC758\uC874\uD558\uBA74 \uC548 \uB41C\uB2E4. \uC774 \uB450 \uBAA8\uB4C8 \uBAA8\uB450 \uB2E4\uB978 \uCD94\uC0C1\uD654 \uB41C \uAC83\uC5D0 \uC758\uC874\uD574\uC57C \uD55C\uB2E4."
          • "\uCD94\uC0C1\uD654\uB41C \uAC83\uC740 \uAD6C\uCCB4\uC801\uC778 \uAC83\uC5D0 \uC758\uC874\uD558\uBA74 \uC548 \uB41C\uB2E4. \uAD6C\uCCB4\uC801\uC778 \uAC83\uC774 \uCD94\uC0C1\uD654 \uB41C \uAC83\uC5D0 \uC758\uC874\uD574\uC57C \uD55C\uB2E4."
          • "\uC790\uC8FC \uBCC0\uACBD\uB418\uB294 \uAD6C\uCCB4(Concrete) \uD074\uB798\uC2A4\uC5D0 \uC758\uC874\uD558\uC9C0 \uB9C8\uB77C."

          \uADF8\uB9AC\uACE0 \uC800\uC790\uAC00 \uC774\uB97C \uC9C1\uAD00\uC801\uC73C\uB85C \uD574\uC11D\uD55C \uB0B4\uC6A9\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          • "\uC790\uC2E0\uBCF4\uB2E4 \uBCC0\uD558\uAE30 \uC26C\uC6B4 \uAC83\uC5D0 \uC758\uC874\uD558\uC9C0 \uB9C8\uB77C."

          \uC798\uBABB\uB41C \uAC1C\uB150 \uBC14\uB85C\uC7A1\uAE30

          \uADF8\uB9AC\uACE0 \uC798\uBABB\uB41C \uAC1C\uB150\uC744 \uBC14\uB85C \uC7A1\uB294 \uAC83\uB4E4\uB3C4 \uC778\uC0C1\uC801\uC774\uC5C8\uB2E4.

          \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C\uB294 \uC0C1\uC18D(inherit)\uC774\uB77C\uB294 \uB2E8\uC5B4\uB97C \uB9CE\uC774 \uC0AC\uC6A9\uD55C\uB2E4. \uADF8\uB7F0\uB370 \uC0AC\uC2E4 \uC774 \uB2E8\uC5B4\uB294 \uC798\uBABB \uB41C \uAC83\uC774\uACE0 \uD655\uC7A5(extend)\uAC00 \uB9DE\uB2E4.

          \uB610\uD55C \uD074\uB798\uC2A4 \uC0C1\uC18D \uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uB54C\uB3C4 inherit\uC774 \uC544\uB2C8\uB77C extend\uB97C \uC0AC\uC6A9\uD55C\uB2E4.

          class Human extends Animal { }
          +import{_ as o,r as s,o as r,c as i,a as e,b as t,e as n,d as c}from"./app.d20f8571.js";const l={},p=e("h1",{id:"\u110E\u1162\u11A8-\u1109\u1169\u1100\u1162",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110E\u1162\u11A8-\u1109\u1169\u1100\u1162","aria-hidden":"true"},"#"),n(" \uCC45 \uC18C\uAC1C")],-1),d=n("\uBCF8 \uD3EC\uC2A4\uD2B8\uB294 "),u={href:"https://wikibook.co.kr/java-oop-for-spring/",target:"_blank",rel:"noopener noreferrer"},h=n("\uC2A4\uD504\uB9C1 \uC785\uBB38\uC744 \uC704\uD55C \uC790\uBC14 \uAC1D\uCCB4\uC9C0\uD5A5\uC758 \uC6D0\uB9AC\uC640 \uC774\uD574"),_=n("\uB77C\uB294 \uCC45\uC5D0 \uB300\uD55C \uC18C\uAC1C\uC785\uB2C8\uB2E4."),m=e("h2",{id:"\u110E\u1162\u11A8\u110B\u1173\u11AF-\u1100\u116E\u1106\u1162\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1100\u1168\u1100\u1175",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110E\u1162\u11A8\u110B\u1173\u11AF-\u1100\u116E\u1106\u1162\u1112\u1161\u1100\u1166-\u1103\u116C\u11AB-\u1100\u1168\u1100\u1175","aria-hidden":"true"},"#"),n(" \uCC45\uC744 \uAD6C\uB9E4\uD558\uAC8C \uB41C \uACC4\uAE30")],-1),f=n("\uCD5C\uADFC\uC5D0 Spring\uACFC OOP \uACF5\uBD80\uB97C \uD558\uBA74\uC11C 2\uB144\uC804\uC5D0 \uCC38\uACE0\uD588\uB358 "),v={href:"https://expert0226.tistory.com/category/%EA%B0%95%EC%A2%8C/Spring%203.0",target:"_blank",rel:"noopener noreferrer"},k=n("\uC5EC\uB984\uB098\uB77C \uACA8\uC6B8\uC774\uC57C\uAE30"),g=n(" \uB77C\uB294 \uBE14\uB85C\uADF8\uC758 \uAE00\uC774 \uC0DD\uAC01\uB098\uC11C \uB2E4\uC2DC \uC815\uB3C5\uD588\uB2E4."),b=e("p",null,"\uADF8 \uB2F9\uC2DC\uC5D0\uB294 \uB450\uB8E8\uBB49\uC2E4\uD558\uAC8C \uC640\uB2FF\uC558\uB358 \uAC1C\uB150\uB4E4\uC774\uC5C8\uB294\uB370, \uC774\uC81C \uC77D\uC5B4\uBCF4\uB2C8 \uAD49\uC7A5\uD788 \uC774\uD574\uD558\uAE30 \uC27D\uAC8C \uC791\uC131\uB41C \uD3EC\uC2A4\uD2B8\uC600\uB2E4. \uADF8\uB9AC\uACE0 \uADF8 \uBE14\uB85C\uADF8\uC758 \uC800\uC790\uAC00 \uCD9C\uAC04\uD55C \uCC45\uC774 \uC788\uB2E4\uB294 \uAC83\uC744 \uC54C\uC558\uACE0, \uBC14\uB85C \uAD6C\uB9E4\uD588\uB2E4. \uCC45\uC758 \uB0B4\uC6A9\uACFC \uAD6C\uC131\uC740 \uAE30\uB300\uB97C \uC800\uBC84\uB9AC\uC9C0 \uC54A\uC558\uB2E4. OOP\uC758 \uAC1C\uB150\uC744 \uB354\uC6B1 \uD655\uACE0\uD558\uAC8C \uC815\uB9BD\uD560 \uC218 \uC788\uC5C8\uACE0 Spring\uC744 \uC0AC\uC6A9\uD558\uB294 \uBAA9\uC801\uACFC Spring\uC774 \uC9C0\uD5A5\uD558\uB294 \uBC29\uD5A5\uC5D0 \uB300\uD574 \uC774\uD574\uD560 \uC218 \uC788\uC5C8\uB2E4.",-1),w=e("h2",{id:"\u110C\u1165\u110C\u1161-\u1109\u1169\u1100\u1162",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#\u110C\u1165\u110C\u1161-\u1109\u1169\u1100\u1162","aria-hidden":"true"},"#"),n(" \uC800\uC790 \uC18C\uAC1C")],-1),x=e("p",null,"\uC800\uC790\uC5D0 \uB300\uD55C \uC815\uBCF4\uB294 \uC544\uB798\uC758 \uD398\uC774\uC9C0\uB4E4\uC5D0\uC11C \uC790\uC138\uD558\uAC8C \uC54C \uC218 \uC788\uB2E4.",-1),q={href:"https://expert0226.tistory.com/",target:"_blank",rel:"noopener noreferrer"},y=n('\uBE14\uB85C\uADF8 - "\uC5EC\uB984\uB098\uB77C \uACA8\uC6B8\uC774\uC57C\uAE30"'),E={href:"https://github.com/expert0226",target:"_blank",rel:"noopener noreferrer"},I=n("GitHub"),A={href:"https://kr.linkedin.com/in/%EC%A2%85%EB%AF%BC-%EA%B9%80-911410100",target:"_blank",rel:"noopener noreferrer"},S=n("\uB9C1\uD06C\uB4DC\uC778"),j={href:"https://www.facebook.com/NoviceRambo",target:"_blank",rel:"noopener noreferrer"},C=n("\uD398\uC774\uC2A4\uBD81"),B={href:"https://www.youtube.com/channel/UCvQOwKeXLw2jwecuL3bcw0w/videos",target:"_blank",rel:"noopener noreferrer"},K=n('\uC720\uD29C\uBE0C - "\uCD08\uBCF4\uB78C\uBCF4"'),P=c(`

          \uCC45\uC744 \uC77D\uC73C\uBA74\uC11C \uC778\uC0C1 \uAE4A\uC5C8\uB358 \uC810

          \uC774\uD574\uD558\uAE30 \uC27D\uB3C4\uB85D \uC804\uB2EC

          \uAE30\uC874\uC5D0 \uC54C\uB824\uC9C4 \uC9C0\uC2DD\uC744 \uADF8\uB300\uB85C \uC804\uB2EC\uD558\uB294 \uAC83\uC774 \uC544\uB2CC \uC800\uC790 \uB098\uB984\uB300\uB85C\uC758 \uD574\uC11D\uC744 \uD1B5\uD574 \uB3C5\uC790\uAC00 \uC774\uD574\uD558\uAE30 \uC27D\uB3C4\uB85D \uC804\uB2EC\uD558\uB294 \uAC8C \uC88B\uC558\uB2E4. \uC608\uB97C \uB4E4\uBA74 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          Define of Spring Framework

          Spring Framework\uB97C \uC124\uBA85\uD558\uB294 \uACF5\uC2DD\uC801\uC778 \uC815\uC758\uB294 \uC790\uBC14 \uC5D4\uD130\uD504\uB77C\uC774\uC988 \uAC1C\uBC1C\uC744 \uD3B8\uD558\uAC8C \uD574\uC8FC\uB294 \uC624\uD508\uC18C\uC2A4 \uACBD\uB7C9\uAE09 \uC5B4\uD50C\uB9AC\uCF00\uC774\uC158 \uD504\uB808\uC784\uC6CC\uD06C \uC774\uB2E4.

          \uADF8\uB7F0\uB370 \uC800\uC790\uB294 \uB2E4\uC74C\uACFC \uAC19\uC774 \uC815\uC758\uD55C\uB2E4.

          "\uAC1D\uCCB4\uC9C0\uD5A5 \uD504\uB85C\uADF8\uB798\uBC0D\uC744 \uC704\uD55C \uD504\uB808\uC784\uC6CC\uD06C" "OOP Framework"

          Define of DIP(\uC758\uC874 \uC5ED\uC804 \uC6D0\uCE59)

          \uB85C\uBC84\uD2B8 C.\uB9C8\uD2F4\uC774 \uB9D0\uD558\uB294 DIP(Dependency Inversion Principle)\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          • "\uACE0\uCC28\uC6D0 \uBAA8\uB4C8\uC740 \uC800\uCC28\uC6D0 \uBAA8\uB4C8\uC5D0 \uC758\uC874\uD558\uBA74 \uC548 \uB41C\uB2E4. \uC774 \uB450 \uBAA8\uB4C8 \uBAA8\uB450 \uB2E4\uB978 \uCD94\uC0C1\uD654 \uB41C \uAC83\uC5D0 \uC758\uC874\uD574\uC57C \uD55C\uB2E4."
          • "\uCD94\uC0C1\uD654\uB41C \uAC83\uC740 \uAD6C\uCCB4\uC801\uC778 \uAC83\uC5D0 \uC758\uC874\uD558\uBA74 \uC548 \uB41C\uB2E4. \uAD6C\uCCB4\uC801\uC778 \uAC83\uC774 \uCD94\uC0C1\uD654 \uB41C \uAC83\uC5D0 \uC758\uC874\uD574\uC57C \uD55C\uB2E4."
          • "\uC790\uC8FC \uBCC0\uACBD\uB418\uB294 \uAD6C\uCCB4(Concrete) \uD074\uB798\uC2A4\uC5D0 \uC758\uC874\uD558\uC9C0 \uB9C8\uB77C."

          \uADF8\uB9AC\uACE0 \uC800\uC790\uAC00 \uC774\uB97C \uC9C1\uAD00\uC801\uC73C\uB85C \uD574\uC11D\uD55C \uB0B4\uC6A9\uC740 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          • "\uC790\uC2E0\uBCF4\uB2E4 \uBCC0\uD558\uAE30 \uC26C\uC6B4 \uAC83\uC5D0 \uC758\uC874\uD558\uC9C0 \uB9C8\uB77C."

          \uC798\uBABB\uB41C \uAC1C\uB150 \uBC14\uB85C\uC7A1\uAE30

          \uADF8\uB9AC\uACE0 \uC798\uBABB\uB41C \uAC1C\uB150\uC744 \uBC14\uB85C \uC7A1\uB294 \uAC83\uB4E4\uB3C4 \uC778\uC0C1\uC801\uC774\uC5C8\uB2E4.

          \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C\uB294 \uC0C1\uC18D(inherit)\uC774\uB77C\uB294 \uB2E8\uC5B4\uB97C \uB9CE\uC774 \uC0AC\uC6A9\uD55C\uB2E4. \uADF8\uB7F0\uB370 \uC0AC\uC2E4 \uC774 \uB2E8\uC5B4\uB294 \uC798\uBABB \uB41C \uAC83\uC774\uACE0 \uD655\uC7A5(extend)\uAC00 \uB9DE\uB2E4.

          \uB610\uD55C \uD074\uB798\uC2A4 \uC0C1\uC18D \uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uB54C\uB3C4 inherit\uC774 \uC544\uB2C8\uB77C extend\uB97C \uC0AC\uC6A9\uD55C\uB2E4.

          class Human extends Animal { }
           

          \uC0C1\uC18D\uC740 \uC77C\uC885 \uAC00\uACC4\uB3C4\uB77C\uACE0 \uC0DD\uAC01\uD558\uBA74 \uB41C\uB2E4.

          uml diagram

          \uADF8\uB9AC\uACE0 \uC5EC\uAE30\uC11C \uB9CC\uB4E4\uC5B4\uC9C0\uB294 \uCF54\uB4DC\uB294 \uC774\uB807\uB2E4.

          \uD560\uC544\uBC84\uC9C0 father = new \uC544\uBC84\uC9C0();
           

          \uC704\uC758 \uCF54\uB4DC\uAC00 \uC5B4\uC0C9\uD558\uB2E4\uBA74 \uAC1D\uCCB4\uC9C0\uD5A5\uC744 \uC798 \uC774\uD574\uD558\uACE0 \uC788\uB294 \uAC83\uC774\uB2E4.

          \uAC1D\uCCB4\uC9C0\uD5A5\uC740 \uB2E4\uD615\uC131(Polymorphism)\uC774 \uC9C0\uCF1C\uC838\uC57C \uD558\uACE0, \uB2E4\uD615\uC131\uC5D0\uB294 \uB300\uCCB4\uAC00\uB2A5\uC131 \uC774\uB77C\uB294 \uAC1C\uB150\uC774 \uC788\uB2E4.

          \uB300\uCCB4\uAC00\uB2A5\uC131

          \uD655\uC7A5(extends)\uB41C \uAC1D\uCCB4\uB294 \uC6D0\uBCF8\uC73C\uB85C \uB300\uCCB4 \uAC00\uB2A5\uD558\uB2E4.

          \uC77C\uB2E8 "\uC544\uBC84\uC9C0\uB294 \uD560\uC544\uBC84\uC9C0\uC778\uAC00?" \uC5D0 \uB300\uD574\uC11C\uB3C4 "\uADF8\uB807\uB2E4" \uB77C\uACE0 \uD560 \uC218 \uC5C6\uC73C\uBA70,
          \uB354\uBD88\uC5B4 "\uC544\uBC84\uC9C0\uAC00 \uD560\uC544\uBC84\uC9C0\uB97C \uB300\uCCB4\uD560 \uC218 \uC788\uB294\uAC00?" \uC5D0 \uB300\uD574 "\uADF8\uB807\uB2E4" \uB77C\uACE0 \uB2F5\uD560 \uC218\uB3C4 \uC5C6\uB2E4.

          \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 "\uC0C1\uC18D" \uC774\uB77C\uB294 \uB2E8\uC5B4\uC640 \uAC1C\uB150\uC740 \uC798\uBABB \uB41C \uAC83\uC774\uB2E4.

          \uADF8\uB7FC \uB2E4\uC74C\uC758 \uACBD\uC6B0\uC5D0\uB294 \uC5B4\uB5A8\uAE4C?

          uml diagram
          \uB3D9\uBB3C \uBF40\uB85C\uB85C = new \uD3AD\uADC4();
           

          \uBF40\uB85C\uB85C\uB294 \uD3AD\uADC4\uC774\uBA74\uC11C \uB3D9\uBB3C\uC774\uB2E4. \uADF8\uB7EC\uBBC0\uB85C \uB300\uCCB4\uAC00\uB2A5\uC131\uC774 \uC131\uB9BD\uD55C\uB2E4.

          Define of Class(\uD074\uB798\uC2A4)

          \uD074\uB798\uC2A4\uB294 \uC0AC\uC804\uC801\uC778 \uC758\uBBF8\uB85C \uC9D1\uD569 \uC885\uB958 \uC18D\uD558\uB2E4 \uBD84\uB958\uD558\uB2E4 \uB4F1\uC774 \uC788\uB2E4. \uADF8\uB807\uAE30 \uB54C\uBB38\uC5D0 "\uD074\uB798\uC2A4\uB97C \uC0C1\uC18D\uD558\uB2E4"\uB294 \uAC83\uC740 \uC798\uBABB\uB41C \uD45C\uD604\uC774\uB2E4.

          • \uD074\uB798\uC2A4\uB97C \uC0C1\uC18D\uD558\uB2E4
          • \uD074\uB798\uC2A4\uB97C \uD655\uC7A5\uD558\uB2E4

          \uC774\uB807\uB4EF \uC800\uC790\uB294 \uAC1D\uCCB4\uC9C0\uD5A5\uC5D0\uC11C \uD1B5\uC6A9\uB418\uACE0 \uC788\uB294 \uC798\uBABB\uB41C \uC9C0\uC2DD\uC744 \uC774\uD574\uD558\uAE30 \uC27D\uAC8C \uBC14\uB85C \uC7A1\uB3C4\uB85D \uB3C4\uC640\uC900\uB2E4.

          \uC778\uAC04\uC9C0\uD5A5\uC801\uC778 \uAC1D\uCCB4\uC9C0\uD5A5

          \uD754\uD788\uB4E4 \uAC1D\uCCB4\uC9C0\uD5A5\uC740 \uC778\uAC04 \uC138\uC0C1\uC744 \uCF54\uB4DC\uC5D0 \uBC18\uC601\uD55C \uAC83\uC774\uB77C\uACE0 \uD55C\uB2E4.

          \uADF8\uB9AC\uACE0 \uC800\uC790\uB294 \uC774\uB97C \uC608\uC81C\uC5D0 \uC801\uC808\uD558\uAC8C \uBC18\uC601\uD558\uC5EC \uC5B4\uC9F8\uC11C \uAC1D\uCCB4\uC9C0\uD5A5\uC774 \uC778\uAC04 \uC911\uC2EC\uC801\uC778\uC9C0\uB97C \uBCF4\uC5EC\uC900\uB2E4.

          \uACB0\uB860

          \uC774 \uCC45\uC740 \uC790\uBC14\uC640 \uC2A4\uD504\uB9C1\uC744 \uC804\uBB38\uC801\uC73C\uB85C \uB2E4\uB8E8\uB294 \uCC45\uC774 \uC544\uB2C8\uB2E4. \uB9D0 \uADF8\uB300\uB85C \uB098\uCC98\uB7FC \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 \uAC1C\uB150\uC744 \uC774\uD574\uD558\uACE0\uC790 \uD558\uB294 \uC0AC\uB78C\uB4E4\uC5D0\uAC8C \uD544\uC694\uD55C \uCC45\uC774\uB2E4. \uC800\uC790\uB294 \uB2E4\uC74C \uC870\uAC74\uC5D0 \uCDA9\uC871\uD558\uB294 \uC0AC\uB78C\uB4E4\uC774 \uC774 \uCC45\uC744 \uC811\uD588\uC744 \uB54C \uC88B\uB2E4\uACE0 \uB9D0\uD55C\uB2E4.

          • \uAC1D\uCCB4 \uC9C0\uD5A5\uC758 \uD2B9\uC131\uACFC \uC124\uACC4 \uC6D0\uB9AC\uB97C \uC774\uD574\uD558\uACE0\uC790 \uD558\uB294 \uAC1C\uBC1C\uC790
          • \uC2A4\uD504\uB9C1 \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uC785\uBB38\uD558\uB294 \uB370 \uAE30\uCD08 \uC9C0\uC2DD\uC774 \uBD80\uC871\uD558\uB2E4\uACE0 \uB290\uB07C\uB294 \uAC1C\uBC1C\uC790

          \uADF8\uB9AC\uACE0 \uB098 \uB610\uD55C \uADF8\uB807\uAC8C \uC0DD\uAC01\uD55C\uB2E4. \uC5EC\uD0DC \uAE4C\uC9C0 \uB0B4\uAC00 \uC77D\uC5B4\uBCF8 \uCC45 \uC911\uC5D0\uC11C \uC81C\uC77C \uBA85\uB8CC\uD558\uACE0 \uC774\uD574\uD558\uAE30 \uC26C\uC6B4 \uCC45\uC774\uB2E4.

          `,32);function L(O,D){const a=s("ExternalLinkIcon");return r(),i("div",null,[p,e("p",null,[d,e("a",u,[h,t(a)]),_]),m,e("p",null,[f,e("a",v,[k,t(a)]),g]),b,w,x,e("ul",null,[e("li",null,[e("a",q,[y,t(a)])]),e("li",null,[e("a",E,[I,t(a)])]),e("li",null,[e("a",A,[S,t(a)])]),e("li",null,[e("a",j,[C,t(a)])]),e("li",null,[e("a",B,[K,t(a)])])]),P])}var N=o(l,[["render",L],["__file","index.html.vue"]]);export{N as default}; diff --git a/assets/index.html.a91c6acd.js b/assets/index.html.e02ccbc2.js similarity index 99% rename from assets/index.html.a91c6acd.js rename to assets/index.html.e02ccbc2.js index d75fd69f..80b18d3a 100644 --- a/assets/index.html.a91c6acd.js +++ b/assets/index.html.e02ccbc2.js @@ -1,4 +1,4 @@ -import{_ as e,r as o,o as c,c as l,a as n,b as t,e as s,d as p}from"./app.800103af.js";const i={},u=n("h1",{id:"mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-3",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-3","aria-hidden":"true"},"#"),s(" MVVM System \uAC1C\uC120\uD558\uAE30 (3)")],-1),k=n("p",null,"\uAC1D\uCCB4\uC9C0\uD5A5 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uB9C8\uC9C0\uB9C9 \uD3EC\uC2A4\uD305\uC785\uB2C8\uB2E4.",-1),r={class:"custom-container tip"},d=n("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uB4E4\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),v={href:"https://www.youtube.com/watch?v=5UUISCK6CL4",target:"_blank",rel:"noopener noreferrer"},m=s("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30 5\uD68C\uCC28 \uB3D9\uC601\uC0C1"),b=p(`

          ViewModelListener \uAC1C\uC120

          MVVM System \uAC1C\uC120\uD558\uAE30 (1)\uC5D0\uC11C \uB9CC\uB4E0 Binder\uC758 viewmodelUpdated\uB294 \uBB38\uC81C\uAC00 \uC788\uB2E4.

          const Binder = class extends ViewModelListener {\uB7B5
          +import{_ as e,r as o,o as c,c as l,a as n,b as t,e as s,d as p}from"./app.d20f8571.js";const i={},u=n("h1",{id:"mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-3",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#mvvm-system-\u1100\u1162\u1109\u1165\u11AB\u1112\u1161\u1100\u1175-3","aria-hidden":"true"},"#"),s(" MVVM System \uAC1C\uC120\uD558\uAE30 (3)")],-1),k=n("p",null,"\uAC1D\uCCB4\uC9C0\uD5A5 \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uB9C8\uC9C0\uB9C9 \uD3EC\uC2A4\uD305\uC785\uB2C8\uB2E4.",-1),r={class:"custom-container tip"},d=n("p",{class:"custom-container-title"},"\uD574\uB2F9 \uD3EC\uC2A4\uD2B8\uB294 \uC544\uB798\uC758 \uB0B4\uC6A9\uB4E4\uC744 \uD1A0\uB300\uB85C \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4.",-1),v={href:"https://www.youtube.com/watch?v=5UUISCK6CL4",target:"_blank",rel:"noopener noreferrer"},m=s("\uCF54\uB4DC\uC2A4\uD53C\uCE20 86\uAE30 5\uD68C\uCC28 \uB3D9\uC601\uC0C1"),b=p(`

          ViewModelListener \uAC1C\uC120

          MVVM System \uAC1C\uC120\uD558\uAE30 (1)\uC5D0\uC11C \uB9CC\uB4E0 Binder\uC758 viewmodelUpdated\uB294 \uBB38\uC81C\uAC00 \uC788\uB2E4.

          const Binder = class extends ViewModelListener {\uB7B5
             // .. \uC0DD\uB7B5
             viewmodelUpdated (updated) {
               const items = {}
          diff --git a/assets/index.html.990c894c.js b/assets/index.html.e23c8e52.js
          similarity index 99%
          rename from assets/index.html.990c894c.js
          rename to assets/index.html.e23c8e52.js
          index 64b6193b..d316f6e6 100644
          --- a/assets/index.html.990c894c.js
          +++ b/assets/index.html.e23c8e52.js
          @@ -1,4 +1,4 @@
          -import{_ as l,a as i,b as a,c,d as r,e as d,f as _,g as h}from"./13.d90b29ee.js";import{_ as p,r as u,o as m,c as b,a as t,b as n,d as o,e as s}from"./app.800103af.js";var g="/TIL/assets/thumbnail.1baaf756.png",f="/TIL/assets/1.e6b63cf9.png",k="/TIL/assets/2.7fc9ef77.png",w="/TIL/assets/3.84360236.png",v="/TIL/assets/4.f982c9d6.png",x="/TIL/assets/5.76bb1db5.png",y="/TIL/assets/14.bd99cd76.png";const A={},j=o('

          \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0

          \uC378\uB124\uC77C

          \uC640.. \uBC8C\uC368 2021\uB144\uC774\uAD6C\uB098, \uC2DC\uAC04 \uCC38 \uBE60\uB974\uB2E4 \uB77C\uACE0 \uB9D0\uD55C\uC9C0 \uC5BC\uB9C8 \uC548 \uB41C \uAC83 \uAC19\uC740\uB370 \uBC8C\uC368 2021\uB144\uC758 \uBC18\uC774 \uC9C0\uB0AC\uB2E4. \uC791\uB144\uC5D0\uB294 \uD55C \uB2EC \uB9C8\uB2E4 \uD68C\uACE0\uB97C \uC791\uC131\uD588\uB294\uB370, \uB108\uBB34 \uADC0\uCC2E\uC544\uC11C \uC62C \uD574\uB294 \uC0C1\uBC18\uAE30, \uD558\uBC18\uAE30 \uD68C\uACE0\uB9CC \uC791\uC131\uD574\uC57C\uACA0\uB2E4.

          1. 2021\uB144 \uBAA9\uD45C\uC5D0 \uB300\uD55C \uD68C\uACE0

          ',4),q=s("\uC791\uB144 12\uC6D4\uC5D0 "),I={href:"https://junilhwang.github.io/TIL/Writing/02-2021-%EA%B3%84%ED%9A%8D/",target:"_blank",rel:"noopener noreferrer"},z=s("2021\uB144 \uACC4\uD68D"),D=s("\uC744 \uC138\uC6E0\uB2E4. \uACFC\uC5F0 \uC5BC\uB9C8\uB098 \uC798 \uC9C0\uCF1C\uC9C0\uACE0 \uC788\uB294\uC9C0 \uAC80\uD1A0\uD574\uBCF4\uC790."),J=o('

          (1) \uC62C\uD574 \uCD08 \uBAA9\uD45C\uB4E4

          • 1\uC21C\uC704
            • \uC77C\uC77C \uC601\uC5B4
              • 1\uC6D4 \uD55C \uB2EC \uB3D9\uC548\uC740 \uC5F4\uC2EC\uD788 \uD588\uB2E4.
              • \uADF8\uB9AC\uACE0.. \uC544\uBB34 \uC77C\uB3C4 \uC5C6\uC5C8\uB2E4.
            • \uAC1C\uBC1C \uC11C\uC801 \uACF5\uBD80
              • \uBABB \uC77D\uC5C8\uB2E4. \uC544\uB2C8 \uC548 \uC77D\uC5C8\uB2E4.. \u{1F602}
          • 2\uC21C\uC704
            • \uC800\uCD95
              • \uC0DD\uAC01\uBCF4\uB2E4 \uC5F4\uC2EC\uD788 \uD588\uB2E4.
            • \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8
              • 4\uC6D4\uAE4C\uC9C4 \uC5F4\uC2EC\uD788 \uD588\uB2E4.
          • 3\uC21C\uC704
            • \uC2A4\uD130\uB514 \uC6B4\uC601
              • \uC0AC\uC2E4 6\uC6D4 \uBD80\uD130 \uC81C\uB300\uB85C \uC6B4\uC601\uD558\uAE30 \uC2DC\uC791\uD588\uB2E4.
              • \uADF8\uB7F0\uB370 \uC9C0\uAE08 \uAF64 \uC798 \uB418\uACE0 \uC788\uB294 \uAC83 \uAC19\uB2E4.
            • \uC6B4\uB3D9
              • \uC774\uC0AC\uB97C \uC628 \uB4A4\uC5D0 \uAC70\uC758 \uB9E4\uC77C \uC790\uC804\uAC70\uB97C \uD0C0\uACE0 \uC788\uB2E4.
            • \uC9D1\uBC25 \uBA39\uAE30
              • \uB9E4\uC6B0 \uC2E4\uD328!
            • \uC774\uC0AC
              • \uB098\uB984 \uC798 \uD588\uB2E4.

          (2) \uBB38\uC81C\uC810 \uD0D0\uC0C9

          \uC0AC\uC2E4 \uC62C \uD574\uC758 \uC8FC\uB41C \uBAA9\uD45C\uB294 \uC601\uC5B4\uC600\uB2E4. 1\uC6D4 \uD55C \uB2EC\uC740 \uC5F4\uC2EC\uD788 \uD588\uB294\uB370 \uADF8 \uC774\uD6C4\uC5D0\uB294 \uC81C\uB300\uB85C \uD558\uC9C8 \uBABB\uD588\uB2E4. \uD551\uACD7\uAC70\uB9AC\uB97C \uB298\uC5B4\uB193\uC790\uBA74, \uD68C\uC0AC\uC5D0 \uD06C\uACE0 \uC791\uC740 \uBCC0\uD654\uB4E4\uC774 \uC0DD\uAE30\uBA74\uC11C \uB108\uBB34 \uBC14\uBE60\uC9C4 \uD0D3\uB3C4 \uC788\uACE0, \uC81C\uC77C \uD070 \uC774\uC720\uB294 \uBCF8\uC9C8\uC801\uC73C\uB85C \uB0B4\uAC00 \uAC1C\uBC1C \uACF5\uBD80\uC5D0 \uB354 \uD070 \uC7AC\uBBF8\uB97C \uB290\uB07C\uACE0 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4. 4\uC6D4\uAE4C\uC9C0 \uB2E8\uCFE0\uD0A4 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uBA74\uC11C \uAC70\uC758 \uB300\uBD80\uBD84\uC758 \uC2DC\uAC04\uC744 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC5D0 \uD22C\uC790\uD588\uB2E4.

          \uBE44\uC2B7\uD55C \uC774\uC720\uB85C \uAC1C\uBC1C \uC11C\uC801\uC744 \uBCF4\uB294 \uAC83 \uBCF4\uB2E8 \uCF54\uB4DC\uB97C \uCE58\uB294 \uAC83\uC5D0 \uB354 \uC7AC\uBBF8\uB97C \uB290\uAEF4\uC11C\uC778\uC9C0 \uACF5\uBD80\uB97C \uD560 \uB54C\uB3C4 \uC11C\uC801 \uBCF4\uB2E8 \uCF54\uB4DC \uC704\uC8FC\uC758 \uACF5\uBD80\uB97C \uD558\uACE0 \uC788\uB2E4.

          \uC77C\uB2E8.. \uC601\uC5B4\uB294 \uC9C0\uAE08 \uB2F9\uC7A5 \uC190\uC5D0 \uC7A1\uD788\uC9C0 \uC54A\uACE0 \uC788\uB2E4. \uC0AC\uC2E4 \uBCC4 \uC0DD\uAC01\uC774 \uC5C6\uB294\uAC78\uC9C0\uB3C4..

          \uADF8\uB798\uC11C \uADF8\uB0E5 \uBCF8\uB2A5\uC5D0 \uCDA9\uC2E4\uD558\uAE30\uB85C \uD588\uB2E4 (\uB3D9\uBB3C\uB3C4 \uC544\uB2C8\uACE0.. \uB2C8\uAC00 \uC815\uB155 \uC778\uAC04\uC774\uB0D0?). \uC2A4\uD2B8\uB808\uC2A4\uB97C \uBC1B\uC73C\uBA70 \uACF5\uBD80\uD558\uAE30\uBCF4\uB2E8, \uC7AC\uBBF8\uB97C \uB290\uB07C\uBA70 \uACF5\uBD80\uD558\uB294\uAC8C \uAC74\uAC15\uC5D0 \uB354 \uC88B\uC9C0 \uC54A\uC744\uAE4C? (\uC774\uAC8C \uBB54 \u{1F436}\uC18C\uB9AC\uC57C!)

          2. \uC5C5\uBB34 \uD68C\uACE0

          \uC0AC\uC2E4 \uC791\uB144\uC5D0\uB294 \uC77C\uC774 \uB9C9 \uC5C4\uCCAD \uB9CE\uC9C4 \uC54A\uC558\uB2E4. \uC801\uB2F9\uD788 \uC6CC\uB77C\uBCA8\uC744 \uC990\uAE38 \uC218 \uC788\uB294 \uC218\uC900\uC758 \uC5C5\uBB34\uB7C9\uC774\uC5C8\uACE0, \uC57C\uADFC\uB3C4 \uD558\uC9C0 \uC54A\uC558\uB2E4. \uADF8\uB7F0\uB370 \uC62C\uD574\uC5D0 \uC0C8\uB85C\uC6B4 \uB300\uD45C\uB2D8\uC774 \uC624\uC2DC\uBA74\uC11C \uD68C\uC0AC\uC5D0 \uD070 \uBCC0\uD654\uC758 \uD3ED\uD48D\uC774 \uBAB0\uC544\uCCE4\uACE0, \uC774\uB7EC\uD55C \uACFC\uC815\uC5D0\uC11C \uB9CE\uC740 \uC778\uB825\uC774 \uB098\uAC00\uACE0, \uADF8 \uC640\uC911\uC5D0 \uC11C\uBE44\uC2A4\uB97C \uAC1C\uD3B8\uC744 \uD558\uACE0, \uD14C\uD06C\uD540 \uC11C\uBE44\uC2A4\uB97C \uC2DC\uC791\uD558\uBA74\uC11C \uBBF8\uCE5C\uB4EF\uC774 \uBC14\uBE60\uC84C\uB2E4.

          (1) \uC2A4\uD0C0\uD2B8\uC90C

          https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3175dd9b-d16e-4a74-a601-93d404dfaad6/Untitled.png

          ',11),P=s("\uC791\uB144 \uB9D0 "),S={href:"https://start.zum.com",target:"_blank",rel:"noopener noreferrer"},T=s("\uC2A4\uD0C0\uD2B8\uC90C"),L=s("\uC774 \uAE30\uD68D\uB418\uC5B4 \uAC1C\uBC1C\uC744 \uC2DC\uC791\uD588\uACE0, \uC62C\uD574 \uCD08\uC5D0 \uC624\uD508\uD588\uB2E4. \uD2B8\uB798\uD53D\uC740 \uC5B4\uB290\uC815\uB3C4 \uC788\uB294\uB370 \uAD11\uACE0\uB3C4 \uC5C6\uACE0 "),U=t("strong",null,"\uC11C\uBC84 \uC720\uC9C0\uBE44\uB9CC \uC18C\uBAA8\uB418\uACE0 \uC788\uC5B4\uC11C \uACC4\uB975 \uAC19\uC740 \uC11C\uBE44\uC2A4",-1),C=s("\uAC00 \uB418\uC5B4 \uBC84\uB838\uB2E4. API\uB3C4 \uC9C1\uC811 \uB9CC\uB4E4\uACE0, \uD504\uB860\uD2B8\uB3C4 \uC9C1\uC811 \uB9CC\uB4E4\uC5C8\uC9C0\uB9CC.. \uC0AC\uC2E4 \uC560\uC815\uD558\uB294 \uC11C\uBE44\uC2A4\uB294 \uC544\uB2C8\uB2E4. \uB2E4\uB9CC \uD06C\uB86C \uC804\uC6A9\uC73C\uB85C \uAE30\uD68D\uB41C \uC11C\uBE44\uC2A4\uB77C\uC11C IE\uB97C \uC2E0\uACBD\uC4F0\uC9C0 \uC54A\uC544\uB3C4 \uB41C\uB2E4\uB294 \uC810!"),E=t("p",null,"\uC9C0\uAE08\uC740 \uB2E4\uB978 \uAC1C\uD3B8 \uC11C\uBE44\uC2A4 \uB54C\uBB38\uC5D0 \uBC29\uCE58\uB41C \uC0C1\uD0DC\uC9C0\uB9CC.. \uC5B8\uC820\uAC04 \uB354 \uC88B\uC740 \uC11C\uBE44\uC2A4\uB85C \uBC1C\uB3CB\uC6C0 \uD560 \uB0A0\uC774 \uC788\uACA0\uC9C0 \uC2F6\uB2E4. \uC9C0\uAE08\uC740 \uAE30\uB2A5\uC774 \uC5C6\uC5B4\uB3C4 \uB108\uBB34 \uC5C6\uB2E4.",-1),B=t("h3",{id:"_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7","aria-hidden":"true"},"#"),s(" (2) \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8")],-1),H=s("\uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C \uACFC\uC815\uC740 "),N={href:"https://zuminternet.github.io/Zum-Chrome-Extension/",target:"_blank",rel:"noopener noreferrer"},G=s("\uC774 \uB9C1\uD06C"),V=s("\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."),O=t("p",null,[t("img",{src:k,alt:"https://s3-us-west-2.amazonaws.com/secure.notion-static.com/117840f7-67f7-498a-ab6e-7c72feaba3c2/Untitled.png"})],-1),K=t("p",null,"\uC0AC\uC2E4 \uC2A4\uD0C0\uD2B8\uC90C\uC774 \uAE30\uD68D\uB41C \uC774\uC720\uAC00 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uD004\uB9AC\uD2F0\uAC00 \uB098\uC058\uC9C0 \uC54A\uC544\uC11C(?) \uC600\uB2E4\uACE0 \uD558\uB294\uB370.. \uB098\uB294 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC774 \uB354 \uC88B\uB2E4. \uB098\uB984 \uC798 \uC0AC\uC6A9\uD558\uACE0 \uC788\uAE30\uB3C4 \uD558\uACE0. \uAE30\uD68D\uC5D0\uC11C \uB9C8\uC74C\uB9CC \uBA39\uC73C\uBA74 \uC774\uAC83 \uC800\uAC83 \uAE30\uB2A5\uC744 \uBD99\uC77C \uC218 \uC788\uC744\uD150\uB370 \uC9C0\uAE08 \uAE30\uD68D\uC790 \uBD84\uB4E4\uB3C4 \uB108\uBB34 \uC815\uC2E0\uC5C6\uC5B4\uC11C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uB3C4 \uAE30\uC5B5 \uC800 \uD3B8\uC73C\uB85C \uC0AC\uB77C\uC9C4 \uAC83 \uAC19\uB2E4.",-1),F=s("\uB098\uB984 "),M={href:"https://zum.com",target:"_blank",rel:"noopener noreferrer"},Y=s("\uC90C\uB2F7\uCEF4"),R=s("\uACFC "),W={href:"http://start.zum.com",target:"_blank",rel:"noopener noreferrer"},Z=s("\uC2A4\uD0C0\uD2B8\uC90C"),Q=s("\uC744 \uD1B5\uD574 \uD64D\uBCF4\uD558\uBA74\uC11C \uC0AC\uC6A9\uC790\uAC00 \uB9CE\uC774 \uB298\uC5C8\uB2E4. \uADF8 \uACFC\uC815\uC5D0\uC11C \uC790\uC798\uD55C \uBC84\uADF8\uB3C4 \uB9CE\uC774 \uBC1C\uC0DD\uD588\uACE0, \uC720\uC9C0\uBCF4\uC218\uB97C \uC9C4\uD589\uD588\uB2E4."),X=o(`

          \uC81C\uC77C \uC720\uC758\uBBF8\uD55C \uC720\uC9C0\uBCF4\uC218\uB294 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC758 \uAC8C\uC2DC \uAC80\uD1A0 \uC2DC\uAC04\uC744 \uB2E8\uCD95\uD55C \uBD80\uBD84\uC778\uB370, \uAE30\uC874\uC5D0\uB294 \uC804\uCCB4 \uB3C4\uBA54\uC778\uC5D0 \uB300\uD55C policy\uB97C \uC815\uC758\uD588\uB2E4.

          // manifest.json\uC758 \uC77C\uBD80
          +import{_ as l,a as i,b as a,c,d as r,e as d,f as _,g as h}from"./13.d90b29ee.js";import{_ as p,r as u,o as m,c as b,a as t,b as n,d as o,e as s}from"./app.d20f8571.js";var g="/TIL/assets/thumbnail.1baaf756.png",f="/TIL/assets/1.e6b63cf9.png",k="/TIL/assets/2.7fc9ef77.png",w="/TIL/assets/3.84360236.png",v="/TIL/assets/4.f982c9d6.png",x="/TIL/assets/5.76bb1db5.png",y="/TIL/assets/14.bd99cd76.png";const A={},j=o('

          \uC8FC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC758 2021\uB144 \uC0C1\uBC18\uAE30 \uD68C\uACE0

          \uC378\uB124\uC77C

          \uC640.. \uBC8C\uC368 2021\uB144\uC774\uAD6C\uB098, \uC2DC\uAC04 \uCC38 \uBE60\uB974\uB2E4 \uB77C\uACE0 \uB9D0\uD55C\uC9C0 \uC5BC\uB9C8 \uC548 \uB41C \uAC83 \uAC19\uC740\uB370 \uBC8C\uC368 2021\uB144\uC758 \uBC18\uC774 \uC9C0\uB0AC\uB2E4. \uC791\uB144\uC5D0\uB294 \uD55C \uB2EC \uB9C8\uB2E4 \uD68C\uACE0\uB97C \uC791\uC131\uD588\uB294\uB370, \uB108\uBB34 \uADC0\uCC2E\uC544\uC11C \uC62C \uD574\uB294 \uC0C1\uBC18\uAE30, \uD558\uBC18\uAE30 \uD68C\uACE0\uB9CC \uC791\uC131\uD574\uC57C\uACA0\uB2E4.

          1. 2021\uB144 \uBAA9\uD45C\uC5D0 \uB300\uD55C \uD68C\uACE0

          ',4),q=s("\uC791\uB144 12\uC6D4\uC5D0 "),I={href:"https://junilhwang.github.io/TIL/Writing/02-2021-%EA%B3%84%ED%9A%8D/",target:"_blank",rel:"noopener noreferrer"},z=s("2021\uB144 \uACC4\uD68D"),D=s("\uC744 \uC138\uC6E0\uB2E4. \uACFC\uC5F0 \uC5BC\uB9C8\uB098 \uC798 \uC9C0\uCF1C\uC9C0\uACE0 \uC788\uB294\uC9C0 \uAC80\uD1A0\uD574\uBCF4\uC790."),J=o('

          (1) \uC62C\uD574 \uCD08 \uBAA9\uD45C\uB4E4

          • 1\uC21C\uC704
            • \uC77C\uC77C \uC601\uC5B4
              • 1\uC6D4 \uD55C \uB2EC \uB3D9\uC548\uC740 \uC5F4\uC2EC\uD788 \uD588\uB2E4.
              • \uADF8\uB9AC\uACE0.. \uC544\uBB34 \uC77C\uB3C4 \uC5C6\uC5C8\uB2E4.
            • \uAC1C\uBC1C \uC11C\uC801 \uACF5\uBD80
              • \uBABB \uC77D\uC5C8\uB2E4. \uC544\uB2C8 \uC548 \uC77D\uC5C8\uB2E4.. \u{1F602}
          • 2\uC21C\uC704
            • \uC800\uCD95
              • \uC0DD\uAC01\uBCF4\uB2E4 \uC5F4\uC2EC\uD788 \uD588\uB2E4.
            • \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8
              • 4\uC6D4\uAE4C\uC9C4 \uC5F4\uC2EC\uD788 \uD588\uB2E4.
          • 3\uC21C\uC704
            • \uC2A4\uD130\uB514 \uC6B4\uC601
              • \uC0AC\uC2E4 6\uC6D4 \uBD80\uD130 \uC81C\uB300\uB85C \uC6B4\uC601\uD558\uAE30 \uC2DC\uC791\uD588\uB2E4.
              • \uADF8\uB7F0\uB370 \uC9C0\uAE08 \uAF64 \uC798 \uB418\uACE0 \uC788\uB294 \uAC83 \uAC19\uB2E4.
            • \uC6B4\uB3D9
              • \uC774\uC0AC\uB97C \uC628 \uB4A4\uC5D0 \uAC70\uC758 \uB9E4\uC77C \uC790\uC804\uAC70\uB97C \uD0C0\uACE0 \uC788\uB2E4.
            • \uC9D1\uBC25 \uBA39\uAE30
              • \uB9E4\uC6B0 \uC2E4\uD328!
            • \uC774\uC0AC
              • \uB098\uB984 \uC798 \uD588\uB2E4.

          (2) \uBB38\uC81C\uC810 \uD0D0\uC0C9

          \uC0AC\uC2E4 \uC62C \uD574\uC758 \uC8FC\uB41C \uBAA9\uD45C\uB294 \uC601\uC5B4\uC600\uB2E4. 1\uC6D4 \uD55C \uB2EC\uC740 \uC5F4\uC2EC\uD788 \uD588\uB294\uB370 \uADF8 \uC774\uD6C4\uC5D0\uB294 \uC81C\uB300\uB85C \uD558\uC9C8 \uBABB\uD588\uB2E4. \uD551\uACD7\uAC70\uB9AC\uB97C \uB298\uC5B4\uB193\uC790\uBA74, \uD68C\uC0AC\uC5D0 \uD06C\uACE0 \uC791\uC740 \uBCC0\uD654\uB4E4\uC774 \uC0DD\uAE30\uBA74\uC11C \uB108\uBB34 \uBC14\uBE60\uC9C4 \uD0D3\uB3C4 \uC788\uACE0, \uC81C\uC77C \uD070 \uC774\uC720\uB294 \uBCF8\uC9C8\uC801\uC73C\uB85C \uB0B4\uAC00 \uAC1C\uBC1C \uACF5\uBD80\uC5D0 \uB354 \uD070 \uC7AC\uBBF8\uB97C \uB290\uB07C\uACE0 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4. 4\uC6D4\uAE4C\uC9C0 \uB2E8\uCFE0\uD0A4 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uB97C \uD558\uBA74\uC11C \uAC70\uC758 \uB300\uBD80\uBD84\uC758 \uC2DC\uAC04\uC744 \uC0AC\uC774\uB4DC \uD504\uB85C\uC81D\uD2B8\uC5D0 \uD22C\uC790\uD588\uB2E4.

          \uBE44\uC2B7\uD55C \uC774\uC720\uB85C \uAC1C\uBC1C \uC11C\uC801\uC744 \uBCF4\uB294 \uAC83 \uBCF4\uB2E8 \uCF54\uB4DC\uB97C \uCE58\uB294 \uAC83\uC5D0 \uB354 \uC7AC\uBBF8\uB97C \uB290\uAEF4\uC11C\uC778\uC9C0 \uACF5\uBD80\uB97C \uD560 \uB54C\uB3C4 \uC11C\uC801 \uBCF4\uB2E8 \uCF54\uB4DC \uC704\uC8FC\uC758 \uACF5\uBD80\uB97C \uD558\uACE0 \uC788\uB2E4.

          \uC77C\uB2E8.. \uC601\uC5B4\uB294 \uC9C0\uAE08 \uB2F9\uC7A5 \uC190\uC5D0 \uC7A1\uD788\uC9C0 \uC54A\uACE0 \uC788\uB2E4. \uC0AC\uC2E4 \uBCC4 \uC0DD\uAC01\uC774 \uC5C6\uB294\uAC78\uC9C0\uB3C4..

          \uADF8\uB798\uC11C \uADF8\uB0E5 \uBCF8\uB2A5\uC5D0 \uCDA9\uC2E4\uD558\uAE30\uB85C \uD588\uB2E4 (\uB3D9\uBB3C\uB3C4 \uC544\uB2C8\uACE0.. \uB2C8\uAC00 \uC815\uB155 \uC778\uAC04\uC774\uB0D0?). \uC2A4\uD2B8\uB808\uC2A4\uB97C \uBC1B\uC73C\uBA70 \uACF5\uBD80\uD558\uAE30\uBCF4\uB2E8, \uC7AC\uBBF8\uB97C \uB290\uB07C\uBA70 \uACF5\uBD80\uD558\uB294\uAC8C \uAC74\uAC15\uC5D0 \uB354 \uC88B\uC9C0 \uC54A\uC744\uAE4C? (\uC774\uAC8C \uBB54 \u{1F436}\uC18C\uB9AC\uC57C!)

          2. \uC5C5\uBB34 \uD68C\uACE0

          \uC0AC\uC2E4 \uC791\uB144\uC5D0\uB294 \uC77C\uC774 \uB9C9 \uC5C4\uCCAD \uB9CE\uC9C4 \uC54A\uC558\uB2E4. \uC801\uB2F9\uD788 \uC6CC\uB77C\uBCA8\uC744 \uC990\uAE38 \uC218 \uC788\uB294 \uC218\uC900\uC758 \uC5C5\uBB34\uB7C9\uC774\uC5C8\uACE0, \uC57C\uADFC\uB3C4 \uD558\uC9C0 \uC54A\uC558\uB2E4. \uADF8\uB7F0\uB370 \uC62C\uD574\uC5D0 \uC0C8\uB85C\uC6B4 \uB300\uD45C\uB2D8\uC774 \uC624\uC2DC\uBA74\uC11C \uD68C\uC0AC\uC5D0 \uD070 \uBCC0\uD654\uC758 \uD3ED\uD48D\uC774 \uBAB0\uC544\uCCE4\uACE0, \uC774\uB7EC\uD55C \uACFC\uC815\uC5D0\uC11C \uB9CE\uC740 \uC778\uB825\uC774 \uB098\uAC00\uACE0, \uADF8 \uC640\uC911\uC5D0 \uC11C\uBE44\uC2A4\uB97C \uAC1C\uD3B8\uC744 \uD558\uACE0, \uD14C\uD06C\uD540 \uC11C\uBE44\uC2A4\uB97C \uC2DC\uC791\uD558\uBA74\uC11C \uBBF8\uCE5C\uB4EF\uC774 \uBC14\uBE60\uC84C\uB2E4.

          (1) \uC2A4\uD0C0\uD2B8\uC90C

          https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3175dd9b-d16e-4a74-a601-93d404dfaad6/Untitled.png

          ',11),P=s("\uC791\uB144 \uB9D0 "),S={href:"https://start.zum.com",target:"_blank",rel:"noopener noreferrer"},T=s("\uC2A4\uD0C0\uD2B8\uC90C"),L=s("\uC774 \uAE30\uD68D\uB418\uC5B4 \uAC1C\uBC1C\uC744 \uC2DC\uC791\uD588\uACE0, \uC62C\uD574 \uCD08\uC5D0 \uC624\uD508\uD588\uB2E4. \uD2B8\uB798\uD53D\uC740 \uC5B4\uB290\uC815\uB3C4 \uC788\uB294\uB370 \uAD11\uACE0\uB3C4 \uC5C6\uACE0 "),U=t("strong",null,"\uC11C\uBC84 \uC720\uC9C0\uBE44\uB9CC \uC18C\uBAA8\uB418\uACE0 \uC788\uC5B4\uC11C \uACC4\uB975 \uAC19\uC740 \uC11C\uBE44\uC2A4",-1),C=s("\uAC00 \uB418\uC5B4 \uBC84\uB838\uB2E4. API\uB3C4 \uC9C1\uC811 \uB9CC\uB4E4\uACE0, \uD504\uB860\uD2B8\uB3C4 \uC9C1\uC811 \uB9CC\uB4E4\uC5C8\uC9C0\uB9CC.. \uC0AC\uC2E4 \uC560\uC815\uD558\uB294 \uC11C\uBE44\uC2A4\uB294 \uC544\uB2C8\uB2E4. \uB2E4\uB9CC \uD06C\uB86C \uC804\uC6A9\uC73C\uB85C \uAE30\uD68D\uB41C \uC11C\uBE44\uC2A4\uB77C\uC11C IE\uB97C \uC2E0\uACBD\uC4F0\uC9C0 \uC54A\uC544\uB3C4 \uB41C\uB2E4\uB294 \uC810!"),E=t("p",null,"\uC9C0\uAE08\uC740 \uB2E4\uB978 \uAC1C\uD3B8 \uC11C\uBE44\uC2A4 \uB54C\uBB38\uC5D0 \uBC29\uCE58\uB41C \uC0C1\uD0DC\uC9C0\uB9CC.. \uC5B8\uC820\uAC04 \uB354 \uC88B\uC740 \uC11C\uBE44\uC2A4\uB85C \uBC1C\uB3CB\uC6C0 \uD560 \uB0A0\uC774 \uC788\uACA0\uC9C0 \uC2F6\uB2E4. \uC9C0\uAE08\uC740 \uAE30\uB2A5\uC774 \uC5C6\uC5B4\uB3C4 \uB108\uBB34 \uC5C6\uB2E4.",-1),B=t("h3",{id:"_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#_2-\u110F\u1173\u1105\u1169\u11B7-\u1112\u116A\u11A8\u110C\u1161\u11BC\u1111\u1173\u1105\u1169\u1100\u1173\u1105\u1162\u11B7","aria-hidden":"true"},"#"),s(" (2) \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8")],-1),H=s("\uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C \uACFC\uC815\uC740 "),N={href:"https://zuminternet.github.io/Zum-Chrome-Extension/",target:"_blank",rel:"noopener noreferrer"},G=s("\uC774 \uB9C1\uD06C"),V=s("\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."),O=t("p",null,[t("img",{src:k,alt:"https://s3-us-west-2.amazonaws.com/secure.notion-static.com/117840f7-67f7-498a-ab6e-7c72feaba3c2/Untitled.png"})],-1),K=t("p",null,"\uC0AC\uC2E4 \uC2A4\uD0C0\uD2B8\uC90C\uC774 \uAE30\uD68D\uB41C \uC774\uC720\uAC00 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uD004\uB9AC\uD2F0\uAC00 \uB098\uC058\uC9C0 \uC54A\uC544\uC11C(?) \uC600\uB2E4\uACE0 \uD558\uB294\uB370.. \uB098\uB294 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC774 \uB354 \uC88B\uB2E4. \uB098\uB984 \uC798 \uC0AC\uC6A9\uD558\uACE0 \uC788\uAE30\uB3C4 \uD558\uACE0. \uAE30\uD68D\uC5D0\uC11C \uB9C8\uC74C\uB9CC \uBA39\uC73C\uBA74 \uC774\uAC83 \uC800\uAC83 \uAE30\uB2A5\uC744 \uBD99\uC77C \uC218 \uC788\uC744\uD150\uB370 \uC9C0\uAE08 \uAE30\uD68D\uC790 \uBD84\uB4E4\uB3C4 \uB108\uBB34 \uC815\uC2E0\uC5C6\uC5B4\uC11C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uB3C4 \uAE30\uC5B5 \uC800 \uD3B8\uC73C\uB85C \uC0AC\uB77C\uC9C4 \uAC83 \uAC19\uB2E4.",-1),F=s("\uB098\uB984 "),M={href:"https://zum.com",target:"_blank",rel:"noopener noreferrer"},Y=s("\uC90C\uB2F7\uCEF4"),R=s("\uACFC "),W={href:"http://start.zum.com",target:"_blank",rel:"noopener noreferrer"},Z=s("\uC2A4\uD0C0\uD2B8\uC90C"),Q=s("\uC744 \uD1B5\uD574 \uD64D\uBCF4\uD558\uBA74\uC11C \uC0AC\uC6A9\uC790\uAC00 \uB9CE\uC774 \uB298\uC5C8\uB2E4. \uADF8 \uACFC\uC815\uC5D0\uC11C \uC790\uC798\uD55C \uBC84\uADF8\uB3C4 \uB9CE\uC774 \uBC1C\uC0DD\uD588\uACE0, \uC720\uC9C0\uBCF4\uC218\uB97C \uC9C4\uD589\uD588\uB2E4."),X=o(`

          \uC81C\uC77C \uC720\uC758\uBBF8\uD55C \uC720\uC9C0\uBCF4\uC218\uB294 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC758 \uAC8C\uC2DC \uAC80\uD1A0 \uC2DC\uAC04\uC744 \uB2E8\uCD95\uD55C \uBD80\uBD84\uC778\uB370, \uAE30\uC874\uC5D0\uB294 \uC804\uCCB4 \uB3C4\uBA54\uC778\uC5D0 \uB300\uD55C policy\uB97C \uC815\uC758\uD588\uB2E4.

          // manifest.json\uC758 \uC77C\uBD80
           {
             // ...\uBD88\uD544\uC694\uD55C \uB0B4\uC6A9 \uC0DD\uB7B5
             "permissions": [ "bookmarks", "topSites", "*://*", "chrome://favicon/*"],
          diff --git a/assets/index.html.f1a80548.js b/assets/index.html.ef780414.js
          similarity index 99%
          rename from assets/index.html.f1a80548.js
          rename to assets/index.html.ef780414.js
          index 4b79d1ef..7665dd3c 100644
          --- a/assets/index.html.f1a80548.js
          +++ b/assets/index.html.ef780414.js
          @@ -1,4 +1,4 @@
          -import{_ as o,r as p,o as r,c as i,a as s,b as t,d as e,e as n}from"./app.800103af.js";const l={},c=e(`

          2020\uB144 2\uC6D4 \uD68C\uACE0

          \uB098\uB294 2\uC6D4 \uD55C \uB2EC\uC744 \uC5B4\uB5BB\uAC8C \uC9C0\uB0C8\uB098? \uC5D0 \uB300\uD55C \uACE0\uCC30\uC774\uB2E4.

          \uACF5\uC801

          \uC0AC\uB0B4\uC5D0\uC11C \uC9C4\uD589\uD588\uB358 \uB0B4\uC6A9\uC744 \uAC04\uB7B5\uD558\uAC8C(?) \uB418\uC0C8\uACA8\uBCF8\uB2E4.

          1. \uC5C5\uBB34\uC5D0 \uC801\uC751\uD558\uB294 \uACFC\uC815

          1-1. \uAC1C\uBC1C\uB9DD(\uBD80\uB4E4\uBD80\uB4E4)

          1\uC6D4 \uB9D0\uC5D0 \uCC98\uC74C\uC73C\uB85C \uBC30\uD3EC\uB97C \uD588\uC5C8\uB294\uB370 \uBC30\uD3EC \uACFC\uC815 \uBCF4\uB2E8 \uAC1C\uBC1C\uB9DD \uB54C\uBB38\uC5D0 \uAD49\uC7A5\uD788 \uC2A4\uD2B8\uB808\uC2A4\uB97C \uBC1B\uC558\uB2E4. \uC778\uD130\uB137\uB9DD\uACFC \uAC1C\uBC1C\uB9DD\uC774 \uBD84\uB9AC\uB418\uC5B4 \uC788\uC5B4\uC11C \uBC30\uD3EC \uC774\uD6C4\uC5D0 \uB514\uBC84\uAE45\uC744 \uD558\uAC70\uB098 API\uC758 \uC815\uC0C1 \uC791\uB3D9 \uD655\uC778 \uACFC\uC815\uC774 \uAF64 \uBC88\uAC70\uB85C\uC6E0\uB2E4. \uAC1C\uBC1C\uB9DD\uC5D0 \uC811\uADFC\uD574\uC11C curl\uB85C \uC9C1\uC811 api\uC744 \uD638\uCD9C \uD574\uC57C \uD558\uB294\uB370, \uC774 \uB54C json\uC774 \uD55C \uC904\uB85C \uB098\uC624\uAE30 \uB54C\uBB38\uC5D0 \uBCF4\uAE30\uAC00 \uAD49\uC7A5\uD788 \uD798\uB4E4\uC5C8\uB2E4.

          # \uB300\uB7B5 \uB2E4\uC74C\uACFC \uAC19\uC740 \uD615\uD0DC\uC774\uB2E4.
          +import{_ as o,r as p,o as r,c as i,a as s,b as t,d as e,e as n}from"./app.d20f8571.js";const l={},c=e(`

          2020\uB144 2\uC6D4 \uD68C\uACE0

          \uB098\uB294 2\uC6D4 \uD55C \uB2EC\uC744 \uC5B4\uB5BB\uAC8C \uC9C0\uB0C8\uB098? \uC5D0 \uB300\uD55C \uACE0\uCC30\uC774\uB2E4.

          \uACF5\uC801

          \uC0AC\uB0B4\uC5D0\uC11C \uC9C4\uD589\uD588\uB358 \uB0B4\uC6A9\uC744 \uAC04\uB7B5\uD558\uAC8C(?) \uB418\uC0C8\uACA8\uBCF8\uB2E4.

          1. \uC5C5\uBB34\uC5D0 \uC801\uC751\uD558\uB294 \uACFC\uC815

          1-1. \uAC1C\uBC1C\uB9DD(\uBD80\uB4E4\uBD80\uB4E4)

          1\uC6D4 \uB9D0\uC5D0 \uCC98\uC74C\uC73C\uB85C \uBC30\uD3EC\uB97C \uD588\uC5C8\uB294\uB370 \uBC30\uD3EC \uACFC\uC815 \uBCF4\uB2E8 \uAC1C\uBC1C\uB9DD \uB54C\uBB38\uC5D0 \uAD49\uC7A5\uD788 \uC2A4\uD2B8\uB808\uC2A4\uB97C \uBC1B\uC558\uB2E4. \uC778\uD130\uB137\uB9DD\uACFC \uAC1C\uBC1C\uB9DD\uC774 \uBD84\uB9AC\uB418\uC5B4 \uC788\uC5B4\uC11C \uBC30\uD3EC \uC774\uD6C4\uC5D0 \uB514\uBC84\uAE45\uC744 \uD558\uAC70\uB098 API\uC758 \uC815\uC0C1 \uC791\uB3D9 \uD655\uC778 \uACFC\uC815\uC774 \uAF64 \uBC88\uAC70\uB85C\uC6E0\uB2E4. \uAC1C\uBC1C\uB9DD\uC5D0 \uC811\uADFC\uD574\uC11C curl\uB85C \uC9C1\uC811 api\uC744 \uD638\uCD9C \uD574\uC57C \uD558\uB294\uB370, \uC774 \uB54C json\uC774 \uD55C \uC904\uB85C \uB098\uC624\uAE30 \uB54C\uBB38\uC5D0 \uBCF4\uAE30\uAC00 \uAD49\uC7A5\uD788 \uD798\uB4E4\uC5C8\uB2E4.

          # \uB300\uB7B5 \uB2E4\uC74C\uACFC \uAC19\uC740 \uD615\uD0DC\uC774\uB2E4.
           curl -H "Accept: application/vnd.github.v3+json" "https://api.github.com/"
           

          \uADF8\uB7EC\uBA74 \uC774\uB807\uAC8C \uD55C \uC904\uB85C \uCD9C\uB825\uC774 \uB41C\uB2E4(\uC0AC\uC2E4 \uC704\uC640 \uAC19\uC774 github api\uB97C \uC694\uCCAD\uD558\uBA74 \uD3EC\uB9F7\uD305\uC774 \uB41C \uD615\uD0DC\uB85C \uBC18\uD658\uD55C\uB2E4.)

          {"current_user_url": "https://api.github.com/user","current_user_authorizations_html_url": "https://github.com/settings/connections/applications{/client_id}","authorizations_url": "https://api.github.com/authorizations","code_search_url": "https://api.github.com/search/code?q={query}{&page,per_page,sort,order}","commit_search_url": "https://api.github.com/search/commits?q={query}{&page,per_page,sort,order}","emails_url": "https://api.github.com/user/emails","emojis_url": "https://api.github.com/emojis","events_url": "https://api.github.com/events","feeds_url": "https://api.github.com/feeds","followers_url": "https://api.github.com/user/followers","following_url": "https://api.github.com/user/following{/target}","gists_url": "https://api.github.com/gists{/gist_id}","hub_url": "https://api.github.com/hub","issue_search_url": "https://api.github.com/search/issues?q={query}{&page,per_page,sort,order}","issues_url": "https://api.github.com/issues","keys_url": "https://api.github.com/user/keys","label_search_url": "https://api.github.com/search/labels?q={query}&repository_id={repository_id}{&page,per_page}","notifications_url": "https://api.github.com/notifications","organization_url": "https://api.github.com/orgs/{org}","organization_repositories_url": "https://api.github.com/orgs/{org}/repos{?type,page,per_page,sort}","organization_teams_url": "https://api.github.com/orgs/{org}/teams","public_gists_url": "https://api.github.com/gists/public","rate_limit_url": "https://api.github.com/rate_limit","repository_url": "https://api.github.com/repos/{owner}/{repo}","repository_search_url": "https://api.github.com/search/repositories?q={query}{&page,per_page,sort,order}","current_user_repositories_url": "https://api.github.com/user/repos{?type,page,per_page,sort}","starred_url": "https://api.github.com/user/starred{/owner}{/repo}","starred_gists_url": "https://api.github.com/gists/starred","user_url": "https://api.github.com/users/{user}","user_organizations_url": "https://api.github.com/user/orgs","user_repositories_url": "https://api.github.com/users/{user}/repos{?type,page,per_page,sort}","user_search_url": "https://api.github.com/search/users?q={query}{&page,per_page,sort,order}"}
           

          \uADF8\uB798\uC11C \uC0AC\uC218\uAC00 \uC54C\uB824\uC900 python script\uB97C \uC774\uC6A9\uD558\uC5EC \uC5B4\uB290 \uC815\uB3C4 \uC751\uB2F5 \uD615\uD0DC\uB97C \uC774\uC058\uAC8C \uB9CC\uB4E4\uC5C8\uB2E4.

          curl -H "Accept: application/vnd.github.v3+json" "https://api.github.com/" | python -c "
          diff --git a/assets/index.html.e9c94cba.js b/assets/index.html.f5acaa00.js
          similarity index 99%
          rename from assets/index.html.e9c94cba.js
          rename to assets/index.html.f5acaa00.js
          index 61e50d3f..7fe96c06 100644
          --- a/assets/index.html.e9c94cba.js
          +++ b/assets/index.html.f5acaa00.js
          @@ -1,4 +1,4 @@
          -import{_ as c,r as o,o as r,c as i,a as n,b as a,w as l,d as e,e as s}from"./app.800103af.js";const u={},d=e('

          2020\uB144 8\uC6D4 \uD68C\uACE0

          7\uC6D4 \uBABB\uC9C0 \uC54A\uAC8C 8\uC6D4\uB3C4 \uAF64\uB098 \uBC14\uC058\uAC8C \uC9C0\uB0B8 \uAC83 \uAC19\uB2E4.

          \uACF5\uC801

          1. Sentry \uC801\uC6A9

          ',4),k={href:"https://sentry.io/welcome/",target:"_blank",rel:"noopener noreferrer"},h=s("Sentry"),_=s("\uB294 \uC11C\uBE44\uC2A4\uB0B4\uC5D0\uC11C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC744 \uB54C \uB2E4\uC591\uD55C \uBC29\uC2DD\uC73C\uB85C \uAC1C\uBC1C\uC790\uC5D0\uAC8C \uC54C\uB824\uC8FC\uB294 \uC81C\uACF5\uD574\uC8FC\uB294 \uC11C\uBE44\uC2A4\uB2E4."),m=e('

          \uC774\uBC88\uC5D0 \uC0AC\uB0B4 \uD504\uB85C\uC81D\uD2B8\uC5D0 Sentry\uB97C \uC801\uC6A9\uD588\uB2E4. \uB0B4\uAC00 \uB2F4\uB2F9\uD558\uACE0 \uC788\uB294 \uD504\uB85C\uC81D\uD2B8\uB294 \uC57D 4\uAC1C \uC815\uB3C4 \uC788\uC5C8\uACE0, \uC801\uC6A9\uD558\uB294 \uAC83\uB3C4 \uB531\uD788 \uC5B4\uB835\uC9C4 \uC54A\uC558\uB2E4.

          Sentry\uB97C \uC801\uC6A9\uD558\uBA74\uC11C \uC88B\uC558\uB358 \uC810\uC740, \uC11C\uBE44\uC2A4\uAC00 \uB0B4\uC7AC\uD558\uACE0 \uC788\uB294 \uBB38\uC81C\uC810\uB4E4\uC744 \uC5B4\uB290\uC815\uB3C4 \uD30C\uC545\uD560 \uC218 \uC788\uB2E4\uB294 \uC810\uC774\uB2E4. \uC0AC\uB0B4 \uC11C\uBE44\uC2A4\uC758 \uACBD\uC6B0 \uB9DD \uBD84\uB9AC\uAC00 \uCCA0\uC800\uD558\uAC8C \uB418\uC5B4\uC788\uAE30 \uB54C\uBB38\uC5D0 \uC9C1\uC811 \uB85C\uADF8\uB97C \uBCF4\uAC70\uB098 \uC5D0\uB7EC\uB97C \uC2E4\uC2DC\uAC04\uC73C\uB85C \uD655\uC778\uD558\uB294\uAC8C \uC218\uC6D4\uD558\uC9C0 \uC54A\uC740 \uC0C1\uD0DC\uC774\uB2E4. \uADF8\uB7F0\uB370 Sentry\uB97C \uC801\uC6A9\uD558\uBA74\uC11C \uC2E4\uC2DC\uAC04\uC73C\uB85C \uC5D0\uB7EC\uB97C \uD655\uC778\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uACE0, \uC5D0\uB7EC \uBC1C\uC0DD\uC2DC\uC5D0 \uC54C\uB9BC\uB3C4 \uC624\uAE30 \uB54C\uBB38\uC5D0 \uC5EC\uB7EC\uAC00\uC9C0 \uBB38\uC81C\uC810\uC744 \uD655\uC778\uD558\uAE30\uAC00 \uC26C\uC6E0\uB2E4.

          Sentry

          \uC704\uC758 \uC0AC\uC9C4 \uCC98\uB7FC \uC5EC\uD0DC\uAE4C\uC9C0 \uD070 \uBB38\uC81C \uC5C6\uC774 \uAD74\uB7EC\uAC00\uACE0 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB358 API\uB4E4\uC774 \uC0AC\uC2E4 \uD3ED\uD0C4 \uD22C\uC131\uC774\uC600\uB2E4. \uADF8\uB798\uC11C \uD574\uB2F9 API\uC758 \uB2F4\uB2F9\uC790\uB4E4\uACFC \uC0C1\uC758\uD558\uC5EC \uC774\uB7EC\uD55C \uD3ED\uD0C4\uC744 \uBBF8\uB9AC \uBBF8\uB9AC \uC81C\uAC70\uD560 \uC218 \uC788\uB294 \uAE30\uD68C\uAC00 \uB418\uC5C8\uB2E4. \uD558\uC9C0\uB9CC \uC6CC\uB099 \uAF2C\uC5EC\uC788\uB294 \uB85C\uC9C1\uB4E4\uC774 \uB9CE\uC740 \uC0C1\uD0DC\uC600\uACE0, \uC5B4\uCA54 \uC218 \uC5C6\uC774 \uBC29\uCE58\uD574\uC57C \uD558\uB294 \uBD80\uBD84\uB4E4\uB3C4 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uC870\uAE08 \uCC1D\uCC1D\uD558\uB2E4.

          \uC5B4\uCA0C\uB4E0 \uACB0\uACFC\uC801\uC73C\uB85C Sentry \uB3C4\uC785\uC73C\uB85C \uC778\uD558\uC5EC \uD574\uACB0 \uAC00\uB2A5\uD55C \uBB38\uC81C\uB4E4\uC740 \uBE60\uB974\uAC8C \uC870\uCE58\uD560 \uC218 \uC788\uC5C8\uACE0, \uB2F9\uC7A5 \uD574\uACB0\uD558\uC9C0 \uBABB\uD55C \uBD80\uBD84\uB3C4 \uC788\uC9C0\uB9CC \uC5B4\uB290 \uC815\uB3C4 \uBB38\uC81C\uC810\uC744 \uC778\uC9C0\uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC7A5\uC560\uAC00 \uBC1C\uC0DD\uD588\uC744 \uB54C \uC5B4\uB290 \uC815\uB3C4 \uC120\uBC29\uC774 \uAC00\uB2A5\uD558\uAC8C \uB418\uC5C8\uB2E4.

          2. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

          ',6),g={class:"custom-container tip"},b=n("p",{class:"custom-container-title"},"TIP",-1),v=s("\uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC5D0 \uB300\uD55C \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),y={href:"https://zuminternet.github.io/Zum-Chrome-Extension/",target:"_blank",rel:"noopener noreferrer"},f=s("\uC90C\uC778\uD130\uB137 \uAE30\uC220\uBE14\uB85C\uADF8 - \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C \uD68C\uACE0"),w=s("\uC5D0\uC11C \uD655\uC778\uD574\uBCFC \uC218 \uC788\uC2B5\uB2C8\uB2E4!"),S=e('

          \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

          \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uBCA0\uD0C0 \uBC84\uC804\uC740 \uC774\uBBF8 \uC9C0\uB09C \uB2EC\uC5D0 \uC644\uC131\uB418\uC5C8\uC73C\uB098 \uC2A4\uD1A0\uC5B4 \uAC8C\uC2DC\uC694\uCCAD\uC774 \uACC4\uC18D \uBC18\uB824\uB418\uBA74\uC11C \uC774\uD6C4\uC758 \uC77C\uC815\uC774 \uACC4\uC18D \uC9C0\uC5F0\uB418\uACE0 \uC788\uC5C8\uB2E4. \uBC18\uB824\uC758 \uC6D0\uC778\uC740 http \uB54C\uBB38\uC778\uB370, \uAC00\uB2A5\uD558\uBA74 \uBAA8\uB4E0 \uC694\uCCAD\uC5D0 SSL\uC744 \uC801\uC6A9\uD558\uB294 \uAC83\uC774 \uC88B\uB2E4. \uBB38\uC81C\uB294 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC5D0\uC11C \uC0AC\uC6A9\uD558\uB294 \uC0AC\uB0B4 \uC11C\uBE44\uC2A4 \uC911\uC5D0 \uC27D\uAC8C https\uB85C \uC804\uD658\uD560 \uC218 \uC5C6\uB294 \uBD80\uBD84\uC774 \uC788\uC5C8\uC73C\uBA70 \uD300 \uB0B4\uC5D0\uC11C \uC790\uCCB4\uC801\uC73C\uB85C \uC774 \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uC218 \uC5C6\uB294 \uC0C1\uD0DC\uC600\uACE0, \uC778\uD504\uB77C\uD300\uC5D0 \uC5C5\uBB34\uC694\uCCAD\uC744 \uD558\uC5EC \uCC98\uB9AC\uD574\uC57C \uD588\uB2E4. \uADFC\uB370 \uC778\uD504\uB77C\uD300\uC5D0\uC11C\uB3C4 \uC774\uAC83 \uC800\uAC83 \uBC00\uB9B0 \uC77C\uC815\uC774 \uB9CE\uB2E4\uBCF4\uB2C8 https \uC804\uD658\uC744 \uBC14\uB85C \uCC98\uB9AC\uD558\uAE30\uAC00 \uACE4\uB780\uD55C \uC785\uC7A5\uC774\uC5C8\uB2E4.

          \uC77C\uB2E8 \uD639\uC2DC\uB098 \uD558\uB294 \uB9C8\uC74C\uC5D0 URL\uB9CC https\uB85C \uBCC0\uACBD\uD558\uC5EC \uAC80\uC218 \uC694\uCCAD\uC744 \uC2DC\uB3C4\uD588\uACE0, \uACB0\uACFC\uB294 \uC608\uC0C1\uACFC \uB2E4\uB974\uAC8C \uD1B5\uACFC\uD588\uB2E4. \uB9C9\uC7A5\uC774\uB124 \uAD6C\uAE00\uB188\uB4E4. \uADF8\uB798\uC11C \uC544\uC608 Apache\uC124\uC815\uC5D0\uC11C https://pass.abc.com\uC73C\uB85C \uC694\uCCAD\uD558\uBA74 http://abc.com\uC73C\uB85C redirect \uB418\uB3C4\uB85D \uC124\uC815\uD574\uB1A8\uB2E4.

          \uADF8\uB807\uAC8C \uAC80\uC218\uB3C4 \uD1B5\uACFC \uD588\uACE0, \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uB3C4 \uBB38\uC81C \uC5C6\uC774 \uC791\uB3D9\uD558\uAC8C \uB418\uC5C8\uB2E4.

          \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC740 \uC0AC\uB0B4\uC5D0\uC11C \uAF64 \uAE0D\uC815\uC801\uC778 \uBC18\uC751\uC744 \uBCF4\uC774\uACE0 \uC788\uACE0, \uC870\uAE08 \uB354 \uC644\uC131\uB3C4\uB97C \uB192\uC5EC \uC0AC\uC6A9\uC790\uC5D0\uAC8C \uC120\uBCF4\uC77C \uC608\uC815\uC774\uB2E4.

          3. Mobile API \uBD84\uB9AC \uC774\uC804

          \uB4DC\uB514\uC5B4 Zum Front Backend Project\uC5D0\uC11C Mobile\uB97C \uAD00\uB828 \uCF54\uB4DC\uB97C \uC644\uC804\uD788 \uBD84\uB9AC\uD558\uC5EC Zum Mobile Backend Project\uB85C \uB9CC\uB4E4\uC5C8\uB2E4. \uB2E4\uC74C\uACFC \uAC19\uC774 \uAE30\uC874\uC5D0\uB294 \uD558\uB098\uC758 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB108\uBB34 \uB9CE\uC740 \uCF54\uB4DC\uAC00 \uC874\uC7AC\uD588\uB2E4.

          uml diagram

          \uB355\uBD84\uC5D0 \uD558\uB098\uC758 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB2F4\uB2F9\uC790\uB3C4 \uB9CE\uC558\uACE0 \uC7A0\uC7AC\uC801\uC778 \uC704\uD5D8\uB3C4 \uC5ED\uC2DC \uBB34\uC2DC\uD560 \uC218 \uC5C6\uC5C8\uB2E4.

          \uC77C\uB2E8 \uC704\uC5D0 \uC5B8\uAE09\uD55C \uCF54\uB4DC \uC911 \uC81C\uC77C \uBE48\uBC88\uD558\uAC8C \uBC30\uD3EC\uC640 \uC218\uC815\uC774 \uBC1C\uC0DD\uD558\uB294 \uBD80\uBD84\uC778 Mobile API\uB97C \uBD84\uB9AC\uD558\uAE30\uB85C \uACB0\uC815\uD588\uB2E4.

          Mobile API\uB294 DB\uB97C \uC0AC\uC6A9\uD558\uACE0 \uC788\uC9C0 \uC54A\uC558\uACE0, Domain \uAD00\uB828 \uCF54\uB4DC\uB3C4 \uC5C6\uC5C8\uB2E4. \uADF8\uB798\uC11C \uC0DD\uAC01\uBCF4\uB2E4 \uC27D\uAC8C \uBD84\uB9AC\uD560\uC218 \uC788\uC5C8\uB2E4.

          \uBD84\uB9AC\uD55C \uB2E4\uC74C\uC758 \uD615\uD0DC\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          uml diagram

          \uBD84\uB9AC \uACFC\uC815\uC5D0\uC11C \uB9AC\uD329\uD1A0\uB9C1\uB3C4 \uC9C4\uD589\uD558\uACE0, \uC2DC\uC2A4\uD15C \uD658\uACBD\uB3C4 \uBCC0\uACBD\uD558\uB294 \uB4F1\uC758 \uCD94\uAC00 \uC791\uC5C5\uB3C4 \uC788\uC5C8\uB2E4. \uC55E\uC11C \uC5B8\uAE09\uD55C Sentry\uB3C4 \uC801\uC6A9\uD588\uB2E4.

          \uC5B4\uCA0C\uB4E0 \uC870\uAE08 \uB354 \uAD00\uB9AC\uD558\uAE30\uAC00 \uC218\uC6D4\uD574\uC9C4 \uAC83\uC740 \uD655\uC2E4\uD558\uB2E4.

          4. CMS \uC791\uC5C5 (feat. Legacy)

          8\uC6D4\uAE4C\uC9C0 \uC791\uC5C5\uD558\uACE0 \uC788\uB358 CMS \uAC1C\uBC1C\uC744 \uB9C8\uBB34\uB9AC\uD574\uC57C \uD588\uB2E4. \uC0AC\uC2E4 7\uC6D4\uC5D0 \uB300\uBD80\uBD84\uC758 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uC5B4\uB194\uC11C 8\uC6D4\uC5D0 \uB0B4\uAC00 \uD560 \uC77C\uC740 \uB9CE\uC9C0 \uC54A\uC558\uB2E4. \uC77C\uB2E8 \uBBF8\uB9AC\uBCF4\uAE30 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uAE30 \uC704\uD574\uC11C CMS\uC640 \uC5EE\uC5EC\uC788\uB294 Zum Lego Project\uB97C \uBD84\uC11D\uD574\uC57C \uD588\uB2E4.

          Zum Lego Project\uB294 \uAD49\uC7A5\uD788 \uC624\uB798\uC804\uBD80\uD130 \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC758 \uC190\uC744 \uAC70\uCCD0 \uAD00\uB9AC\uB418\uC5B4\uC628 \uB808\uAC70\uC2DC \uD504\uB85C\uC81D\uD2B8\uB2E4. \uB355\uBD84\uC5D0 \uC65C \uC774\uB807\uAC8C \uB9CC\uB4E4\uC5B4\uC84C\uB294\uC9C0 \uC758\uBB38\uC744 \uAC16\uAC8C \uB420 \uC218 \uBC16\uC5D0 \uC5C6\uB294 \uCF54\uB4DC\uB4E4\uC774 \uAD49\uC7A5\uD788 \uB9CE\uC558\uACE0, \uAD6C\uC870\uC758 \uBCF5\uC7A1\uB3C4 \uB610\uD55C \uC2EC\uC0C1\uCE58 \uC54A\uC558\uB2E4. \uCC28\uB77C\uB9AC \uCC98\uC74C\uBD80\uD130 \uB9CC\uB4E4\uACE0 \uB9D0\uC9C0

          \uC5B8\uC820\uAC04 \uC0AC\uC218\uAC00 \uC774\uC9C1\uD558\uAC8C \uB41C\uB2E4\uBA74, \uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uB2F4\uB2F9\uC790\uB294 \uB0B4\uAC00 \uB420 \uAC83\uC774\uB2E4. \uC0DD\uAC01\uB9CC\uD574\uB3C4 \uB054\uCC0D\uD558\uB2E4... \u{1F62D}

          \uADF8\uB9AC\uACE0 \uADF8 \uC2DC\uAE30\uB294 \uBA40\uC9C0 \uC54A\uC558\uB2E4.

          \uB9C8\uC74C\uC758 \uC900\uBE44\uB97C \uB2E8\uB2E8\uD788 \uD558\uACE0 \uC788\uC5B4\uC57C\uC9C0..

          \uC5B4\uCA0C\uB4E0 CMS \uC791\uC5C5\uC740 \uC0DD\uAC01\uBCF4\uB2E4 \uB9CE\uC9C0 \uC54A\uC558\uB2E4. QA\uB97C \uC9C4\uD589\uD558\uACE0, \uD574\uB2F9 \uC0AC\uD56D\uC744 \uBC18\uC601\uD558\uB294 \uACFC\uC815\uC744 \uBC18\uBCF5\uD588\uB294\uB370 \uC0AC\uC2E4 \uBC18\uC601\uD558\uB294 \uAC83\uB3C4 \uAD49\uC7A5\uD788 \uAC04\uB2E8\uD588\uAE30 \uB54C\uBB38\uC5D0 \uD070 \uC5B4\uB824\uC6C0\uC740 \uC5C6\uC5C8\uB2E4.

          \uADF8\uB9AC\uACE0 9\uC6D4\uC5D0 \uACE0\uD1B5\uBC1B\uC558\uB2E4

          \uC0AC\uC801

          8\uC6D4\uC5D0\uB294 \uAF64 \uB9CE\uC740 \uC77C\uC744 \uD588\uB2E4. \uADF8\uB798\uC11C \uC0AC\uC2E4 \uAD49\uC7A5\uD788 \uD798\uB4E4\uC5C8\uB2E4.

          1. \uCE74\uCE74\uC624 \uBA74\uC811\uAD00\uB828

          7\uC6D4 \uB9D0\uC5D0 \uBA74\uC811\uC744 \uBD24\uACE0, 8\uC6D4 \uCD08\uC5D0 \uACB0\uACFC\uAC00 \uB098\uC654\uB2E4. \uACB0\uB860\uC801\uC73C\uB85C\uB294 \uB5A8\uC5B4\uC84C\uB2E4. \uC544\uB9C8 \uC5EC\uB7EC\uAC00\uC9C0 \uC774\uC720\uAC00 \uC788\uACA0\uC9C0\uB9CC \uC0AC\uC2E4 \uADF8\uAC74 \uC9C0\uAE08\uC758 \uB098\uC5D0\uAC8C \uC911\uC694\uD558\uC9C0 \uC54A\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

          \uC774\uBC88\uC5D0 \uBA74\uC811 \uC900\uBE44\uB97C \uD558\uBA74\uC11C \uB0B4\uC801\uC73C\uB85C \uC2A4\uD2B8\uB808\uC2A4\uB97C \uB108\uBB34 \uB9CE\uC774 \uBC1B\uC558\uB2E4. \uD569\uACA9\uD574\uB3C4 \uBB38\uC81C\uACE0 \uD569\uACA9\uC744 \uD558\uC9C0 \uC54A\uC544\uB3C4 \uBB38\uC81C\uC778 \uADF8\uB7F0 \uC0C1\uD669\uC774\uC5C8\uB2E4. \uADF8\uB0E5 \uBA74\uC811\uC744 \uBCF8 \uAC83 \uC790\uCCB4\uAC00 \uC798\uBABB \uB41C\uAC8C \uC544\uB2D0\uAE4C?

          • \uC785\uC0AC\uD55C\uC9C0 1\uB144\uB3C4 \uB418\uC9C0 \uC54A\uC558\uB2E4
          • \uC774\uC81C \uB9C9 \uC5C5\uBB34\uC5D0 \uC775\uC219\uD574\uC84C\uACE0, \uD63C\uC790\uC11C\uB3C4 \uC798 \uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4.
          • \uD300\uC6D0\uB4E4\uACFC\uC758 \uD2B8\uB7EC\uBE14\uC774 \uC5C6\uC5C8\uB2E4. \uC624\uD788\uB824 \uC798 \uC9C0\uB0B4\uACE0 \uC788\uB2E4.
          • \uC5F0\uBD09\uB3C4 \uB098\uC058\uC9C0 \uC54A\uC740 \uC0C1\uD0DC\uB2E4.

          \uC774\uB9AC\uBCF4\uACE0 \uC800\uB9AC\uBD10\uB3C4 \uC774\uC9C1\uD560 \uC774\uC720\uAC00 \uC5C6\uC5C8\uB2E4.

          \uADF8\uB798\uC11C \uBA74\uC811\uC744 \uBCFC \uB2F9\uC2DC \uC81C\uC77C \uB300\uB2F5\uD558\uAE30 \uD798\uB4E4\uC5C8\uB358 \uAC83\uC774 \uC774\uC9C1\uC744 \uD558\uB294 \uC774\uC720\uC600\uB2E4. \uC7AC\uBBF8\uB85C \uBCF8 \uCF54\uB529\uD14C\uC2A4\uD2B8 \uB54C\uBB38\uC5D0 \uCD5C\uC885 \uBA74\uC811\uAE4C\uC9C0 \uAC00\uAC8C \uB420 \uC904 \uB204\uAC00 \uC54C\uC558\uACA0\uB294\uAC00?

          \uC774 \uC77C \uB54C\uBB38\uC5D0 \uD300\uC7A5\uB2D8\uACFC \uB9CE\uC740 \uC774\uC57C\uAE30\uB97C \uD588\uB2E4. \uC77C\uB2E8 \uD604\uC7AC\uC758 \uB098\uB294 \uB9CE\uC774 \uBD80\uC871\uD558\uB2E4\uB294 \uAC83\uC744 \uC778\uC815\uD558\uAE30\uB85C \uD588\uB2E4. \uADF8\uB9AC\uACE0 \uC544\uC9C1 \uC0AC\uB0B4\uC5D0\uC11C \uBB34\uC5B8\uAC00\uB97C \uB69C\uB837\uD558\uAC8C \uBCF4\uC5EC\uC8FC\uC9C8 \uBABB\uD588\uB2E4. \uC870\uAE08 \uB354 \uACBD\uD5D8\uC744 \uC313\uACE0, \uACF5\uBD80\uB3C4 \uB9CE\uC774 \uD558\uACE0, \uC774\uC81C \uC815\uB9D0 \uB5A0\uB0A0 \uB54C\uAC00 \uB418\uC5C8\uB2E4\uACE0 \uC0DD\uAC01\uC774 \uB4E4\uBA74 \uC9C4\uC9DC \uC774\uC9C1 \uC900\uBE44\uB97C \uD574\uC57C\uC9C0 \uC544\uC9C1\uC740 \uC544\uB2CC \uAC83 \uAC19\uB2E4.


          \uD300\uC7A5\uB2D8 \uAC00\uB77C\uC0AC\uB300

          • \uB124\uC774\uBC84, \uB77C\uC778, \uCE74\uCE74\uC624 \uAC19\uC740 \uAD6D\uB0B4 \uAE30\uC5C5\uC774 \uC544\uB2CC \uAD6C\uAE00, \uB9C8\uC774\uD06C\uB85C\uC18C\uD504\uD2B8 \uAC19\uC740 \uD574\uC678 \uAE30\uC5C5\uC744 \uBAA9\uD45C\uB85C \uD558\uB4E0\uAC00 \u{1F628}
          • \uD639\uC740 \uC544\uC608 \uD30C\uACA9\uC801\uC778 \uC870\uAC74\uC73C\uB85C \uC2A4\uCE74\uC6C3\uC774 \uB420 \uC815\uB3C4\uC758 \uC5ED\uB7C9\uC744 \uAC16\uCD94\uB4E0\uAC00 \u{1F628}

          \uB458 \uC911\uC758 \uD558\uB098\uAC00 \uC544\uB2C8\uB77C\uBA74 \uADF8\uB0E5 \uC774\uC9C1\uC740 \uC544\uC9C1 \uC0DD\uAC01\uD558\uC9C0 \uB9D0\uB77C\uACE0 \uD558\uC2E0\uB2E4. \uB9D0\uC774 \uC27D\uC9C0


          \uC74C.. \uC77C\uB2E8 \uC774\uAC74 \uD300\uC7A5\uB2D8\uC758 \uBC14\uB78C\uC774\uACE0 \u{1F605} \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uBD80\uC871\uD55C \uBD80\uBD84\uC744 \uACC4\uC18D \uD574\uC11C \uCC44\uC6CC\uB098\uAC00\uC57C\uACA0\uB2E4.

          \uB108\uBB34 \uC870\uAE09\uD558\uAC8C \uC0DD\uAC01\uD558\uC9C0 \uB9D0\uC790. \uAE30\uD68C\uAC00 \uC5B8\uC81C\uB098 \uC624\uC9C4 \uC54A\uC9C0\uB9CC, \uC900\uBE44\uB41C \uC790\uB9CC\uC774 \uADF8\uB7F0 \uAE30\uD68C\uB97C \uC7C1\uCDE8\uD560 \uC218 \uC788\uB294 \uAC83\uC774\uB2E4.

          \uC798 \uC900\uBE44 \uD558\uC790!

          2. Next Step Reviewer

          ',41),R={href:"https://edu.nextstep.camp/c/8fWRxNWU/",target:"_blank",rel:"noopener noreferrer"},q=s("\uD074\uB9B0\uCF54\uB4DC\uB97C \uC704\uD55C TDD, \uB9AC\uD329\uD1A0\uB9C1 with Java"),x=s("\uC758 "),C=n("strong",null,"8\uAE30\uB97C \uC88B\uC740 \uC131\uC801\uC73C\uB85C \uC218\uB8CC\uD558\uAC8C \uB418\uC5B4 9\uAE30\uB294 \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",-1),j=s("\uC744 \uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uC774\uB807\uAC8C \uB9AC\uBDF0\uC5B4\uB85C \uD65C\uB3D9\uD558\uB294\uAC8C \uCC98\uC74C\uC774\uB2E4\uBCF4\uB2C8 \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC744\uC9C0 \uACE0\uBBFC\uC774 \uB9CE\uC558\uC5C8\uB294\uB370, \uC0DD\uAC01\uBCF4\uB2E4 \uC218\uC6D4\uD558\uAC8C \uC9C4\uD589\uD560 \uC218 \uC788\uC5C8\uB2E4."),A=e('

          \uB9AC\uBDF0\uC774

          • 8\uC6D4 \uD55C \uB2EC \uB3D9\uC548 10\uBA85\uC744 \uB9AC\uBDF0\uD588\uC73C\uBA70 \uADF8 \uC911\uC5D0 3\uBA85\uC774 \uBBF8\uC158\uC744 \uC644\uB8CC\uD588\uB2E4.
          • \uC77C\uB2E8 \uAC01 \uBBF8\uC158\uB2F9 5\uBA85, \uC804\uCCB4 \uBBF8\uC158\uC5D0 \uB300\uD574 \uCD5C\uB300 20\uBA85\uC744 \uB9AC\uBDF0\uD574\uC57C \uD55C\uB2E4.
          • \uADF8\uB7F0\uB370 \uC0DD\uAC01\uBCF4\uB2E4 \uC790\uB3D9\uCC28 \uBBF8\uC158\uC5D0\uC11C \uD3EC\uAE30\uD558\uB294 \uC0AC\uB78C\uC774 \uB9CE\uC740 \uAC83 \uAC19\uB2E4.
          • \uC544\uBB34\uB798\uB3C4 \uD68C\uC0AC \uC77C\uACFC \uBCD1\uD574\uD558\uB294 \uC0AC\uB78C\uC774 \uB9CE\uB2E4 \uBCF4\uB2C8 \uBBF8\uC158 \uC218\uD589 \uC790\uCCB4\uAC00 \uAD49\uC7A5\uD788 \uBD80\uB2F4\uC2A4\uB7EC\uC6B8 \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB77C \uC0DD\uAC01\uD55C\uB2E4.

          \uB9AC\uBDF0

          \uC5B4\uCA0C\uB4E0 \uB9AC\uBDF0\uB97C \uD558\uBA74\uC11C \uC2A4\uC2A4\uB85C\uB3C4 \uAD49\uC7A5\uD788 \uB9CE\uC774 \uC131\uC7A5\uD560 \uC218 \uC788\uB294 \uAE30\uD68C\uAC00 \uB418\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 *8\uB9AC\uBDF0\uC774\uAC00 \uC810\uC810 \uC88B\uC740 \uCF54\uB4DC\uB97C \uB9CC\uB4E4\uC5B4\uB0B4\uB294 \uACFC\uC815\uC5D0 \uCC38\uC5EC\uD560 \uC218 \uC788\uB2E4\uB294 \uAC83\uB3C4 \uD070 \uD589\uC6B4**\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

          Javascript\uB3C4 \uC774\uB7F0 \uC2DD\uC73C\uB85C \uCC38\uC5EC/\uC6B4\uC601 \uD574\uBCF4\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD558\uACE0 \uC788\uB2E4.

          3. Boost Camp Reviewer

          8\uC6D4 \uCD08\uC5D0 \uB124\uC774\uBC84\uC758 \uCEE4\uB125\uD2B8 \uC7AC\uB2E8\uC5D0\uC11C \uC6B4\uC601\uD558\uB294 \uBD80\uC2A4\uD2B8 \uCEA0\uD504\uC5D0\uC11C \uB9AC\uBDF0\uC5B4\uB97C \uAD6C\uD55C\uB2E4\uB294 \uC18C\uC2DD\uC744 \uC811\uD588\uB2E4.

          \uBD80\uC2A4\uD2B8 \uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uBAA8\uC9D1 \uACF5\uACE0(1)

          \uB300\uB7B5\uC801\uC778 \uB0B4\uC6A9\uC740 \uB2E4\uC74C\uACFC \uAC19\uC558\uB2E4.

          \uBD80\uC2A4\uD2B8 \uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uBAA8\uC9D1 \uACF5\uACE0(2)

          \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4

          \uB0B4\uC6A9\uC5D0\uB294 6\uC8FC\uB77C\uACE0 \uB418\uC5B4 \uC788\uB294\uB370, \uC6F9 \uACFC\uC815\uC758 \uACBD\uC6B0 \uBC31\uC5D4\uB4DC/\uD504\uB860\uD2B8\uC5D4\uB4DC\uB97C \uACA9\uC8FC\uB85C \uD558\uAE30 \uB54C\uBB38\uC5D0 \uCD1D 3\uC8FC \uB3D9\uC548 \uD65C\uB3D9\uD558\uAC8C \uB41C\uB2E4.

          • \uB9AC\uBDF0\uC5B4\uB9C8\uB2E4 6\uBA85\uC758 \uCEA0\uD37C(\uB9AC\uBDF0\uC774)\uB97C \uBC30\uC815\uD55C\uB2E4.
          • 3\uC8FC\uAC04 \uC8FC 2\uD68C\uC758 \uB9AC\uBDF0\uB97C \uD55C\uB2E4.
          • \uB530\uB77C\uC11C 6\uBA85\uC758 \uCEA0\uD37C\uC5D0\uAC8C \uAC01\uAC01 6\uD68C, \uCD1D 36\uD68C\uC758 \uB9AC\uBDF0\uB97C \uD574\uC57C\uD55C\uB2E4.

          NextStep\uC758 \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9\uC740 java\uC5D0 \uB300\uD55C \uB9AC\uBDF0\uC774\uAE30 \uB54C\uBB38\uC5D0 \uC0AC\uC2E4 \uC2A4\uC2A4\uB85C \uC0DD\uAC01\uD558\uAE30\uC5D0 \uC57D\uAC04 \uC544\uC26C\uC6B4\uC810\uC774 \uC788\uC5C8\uB2E4. \uB098\uC758 \uC8FC\uB825 \uC5B8\uC5B4\uB294 javascript\uC774\uACE0, \uB2F9\uC5F0\uD788 java\uBCF4\uB2E4 javascript\uB97C \uB354 \uC88B\uC544\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

          \uADF8\uB798\uC11C \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC758 \uB9AC\uBDF0\uC5B4 \uBAA8\uC9D1 \uACF5\uACE0\uB294 \uAD49\uC7A5\uD788 \uBC18\uAC00\uC6E0\uB2E4. \uBE60\uB974\uAC8C \uC9C0\uC6D0\uD588\uB2E4.

          ',13),B=s("\uB2E8, \uC9C0\uC6D0\uD558\uAE30 \uC704\uD574\uC11C\uB294 \uBAA8\uC9D1\uACF5\uACE0 \uC800\uC7A5\uC18C\uC5D0 \uC62C\uB77C\uC628 \uCF54\uB4DC\uC5D0 \uB300\uD574 "),E={href:"https://github.com/connectfoundation/review_2020/pull/3",target:"_blank",rel:"noopener noreferrer"},M=s("\uCF54\uB4DC\uB9AC\uBDF0"),P=s("\uB97C \uB0A8\uACA8\uC57C\uD588\uB2E4."),U=n("img",{src:"https://user-images.githubusercontent.com/18749057/95013663-beb24e80-067c-11eb-80f1-73e790f76d5e.png",alt:"\uBD80\uC2A4\uD2B8 \uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uBAA8\uC9D1 \uACF5\uACE0(3)",width:"700"},null,-1),I=n("p",null,[s("\uC77C\uB2E8 \uCF54\uB4DC\uAC00 "),n("code",null,"React"),s("\uB85C \uC791\uC131\uB418\uC5B4 \uC788\uC5B4\uC11C \uC870\uAE08 \uB2F9\uD669\uD588\uB2E4. React\uB294 \uCDE8\uC5C5 \uC900\uBE44\uB97C \uD560 \uB54C \uC544\uC8FC \uC7A0\uAE50 \uACF5\uBD80\uD588\uACE0, hooks\uB294 \uC0AC\uC6A9\uD574\uBCF8\uC801\uB3C4 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4. \uADF8\uB798\uC11C "),n("strong",null,"\uC77C\uB2E8 \uCF54\uB4DC \uC2A4\uD0C0\uC77C, \uBCC0\uC218\uBA85, \uCF54\uB529\uCEE8\uBCA4\uC158 \uC704\uC8FC\uC758 \uB9AC\uBDF0"),s("\uB97C \uD588\uB2E4.")],-1),J=n("p",null,[n("img",{src:"https://user-images.githubusercontent.com/18749057/95013761-544dde00-067d-11eb-8a72-884238a9281a.png",alt:"image"})],-1),D=s("* \uC704\uC758 \uB9AC\uBDF0\uC5D0 \uB300\uD55C \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),T={href:"https://github.com/connectfoundation/review_2020/pull/3",target:"_blank",rel:"noopener noreferrer"},N=s("\uC774 \uB9C1\uD06C"),L=s("\uB97C \uCC38\uACE0\uD574\uC8FC\uC138\uC694."),V=s("\uBA70\uCE60 \uD6C4\uC5D0 "),H={href:"https://codesquad.kr/",target:"_blank",rel:"noopener noreferrer"},O=s("\uCF54\uB4DC\uC2A4\uCFFC\uB4DC"),Y=s(", "),K={href:"https://woowacourse.github.io/",target:"_blank",rel:"noopener noreferrer"},z=s("\uC6B0\uC544\uD55C\uD14C\uD06C\uCF54\uC2A4"),G=s(", "),Q={href:"https://woowabros.github.io/devrel/2020/04/13/techcamp3.html",target:"_blank",rel:"noopener noreferrer"},Z=s("\uC6B0\uC544\uD55C\uD14C\uD06C\uCEA0\uD504"),X=s(" \uB4F1\uC744 \uC6B4\uC601\uD558\uACE0 \uACC4\uC2DC\uB294 "),F={href:"https://github.com/crongro",target:"_blank",rel:"noopener noreferrer"},W=s("\uC724\uC9C0\uC218(\uD06C\uB871)"),$=s(" \uB9C8\uC2A4\uD130\uB2D8\uAED8\uC11C \uD53C\uB4DC\uBC31\uC744 \uB0A8\uACA8\uC8FC\uC168\uB2E4."),nn=n("p",null,[n("img",{src:"https://user-images.githubusercontent.com/18749057/95013767-5ca61900-067d-11eb-8128-111df6f0dbaf.png",alt:"image"})],-1),sn=s("\uC774\uB807\uAC8C \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4\uB85C \uD65C\uB3D9\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uB2E4\uB9CC "),an=n("strong",null,"8\uC6D4 \uAE4C\uC9C0\uB294 \uBAA8\uC9D1\uAE30\uAC04\uC774\uACE0, \uD65C\uB3D9\uC740 9\uC6D4\uBD80\uD130",-1),tn=s(" \uD558\uAE30 \uB54C\uBB38\uC5D0 \uC774\uC5D0 \uB300\uD55C \uAE30\uB85D\uC740 "),en=s("9\uC6D4 \uD68C\uACE0"),on=s("\uC5D0 \uB0A8\uAE38 \uC608\uC815\uC774\uB2E4."),pn=s("\uADF8\uB9AC\uACE0 "),cn={href:"https://github.com/minuukang",target:"_blank",rel:"noopener noreferrer"},rn=s("\uAC1C\uC778\uC801\uC778 \uCE5C\uBD84\uC774 \uC788\uB294 \uC0AC\uB78C"),ln=s("\uC5D0\uAC8C\uB3C4 \uC774 \uBAA8\uC9D1\uACF5\uACE0\uB97C \uC18C\uAC1C\uD588\uACE0 \uACB0\uACFC\uC801\uC73C\uB85C \uAC19\uC774 \uD65C\uB3D9\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uAD49\uC7A5\uD788 \uC874\uACBD\uD558\uB294 \uC9C0\uC778\uC774\uBA70 "),un={href:"https://github.com/connectfoundation/review_2020/pull/22",target:"_blank",rel:"noopener noreferrer"},dn=s("\uCF54\uB4DC\uB9AC\uBDF0"),kn=s(" \uB610\uD55C \uAC10\uD0C4\uC774 \uB098\uC62C \uB9CC\uD07C \uC798 \uC791\uC131\uD574\uC8FC\uC5C8\uB2E4."),hn=n("p",null,"\uAC1C\uC778\uC801\uC73C\uB85C \uB0B4 \uB610\uB798\uC758 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uC911\uC5D0\uC11C \uC774 \uCE5C\uAD6C\uAC00 \uC81C\uC77C \uC798\uD558\uB294 \uC0AC\uB78C\uC774 \uC544\uB2D0\uAE4C \uC0DD\uAC01\uD55C\uB2E4.",-1),_n=n("h3",{id:"_4-react-study",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_4-react-study","aria-hidden":"true"},"#"),s(" 4. React Study")],-1),mn=s("\uC0AC\uB0B4\uC5D0 "),gn=n("strong",null,"\uC774\uC2A4\uD2B8\uC18C\uD504\uD2B8 \uACC4\uC5F4\uC0AC",-1),bn=s("\uC5D0 \uADFC\uBB34\uD558\uB294 \uC0AC\uB78C\uB4E4\uB07C\uB9AC \uC2A4\uD130\uB514\uB97C \uD560 \uC218 \uC788\uB294 \uC2DC\uC2A4\uD15C\uC774 \uB9CC\uB4E4\uC5B4\uC84C\uB2E4. \uC774 \uC911\uC5D0 "),vn={href:"https://github.com/est-react-study",target:"_blank",rel:"noopener noreferrer"},yn=s("\uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514"),fn=s("\uAC00 \uC788\uC5B4\uC11C \uC9C0\uC6D0\uD588\uB2E4. "),wn=n("s",null,"\uC9C0\uC6D0\uD558\uACE0 \uBCF4\uB2C8 \uB098\uB9CC \uC90C\uC778\uD130\uB137 \uC18C\uC18D..",-1),Sn={class:"custom-container tip"},Rn=n("p",{class:"custom-container-title"},"\uC774\uC2A4\uD2B8\uC18C\uD504\uD2B8 \uACC4\uC5F4\uC0AC",-1),qn=n("p",null,"\uB300\uD45C\uC801\uC778 \uC774\uC2A4\uD2B8\uC18C\uD504\uD2B8 \uACC4\uC5F4\uC0AC\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.",-1),xn=n("ul",null,[n("li",null,"\uC774\uC2A4\uD2B8\uC18C\uD504\uD2B8"),n("li",null,"\uC774\uC2A4\uD2B8\uC2DC\uD050\uB9AC\uD2F0"),n("li",null,"\uC774\uC2A4\uD2B8\uAC8C\uC784\uC988"),n("li",null,"\uC90C\uC778\uD130\uB137")],-1),Cn=s("\uC774 \uC678\uC5D0\uB3C4 \uB354 \uC788\uC9C0\uB9CC \uC798 \uC54C\uB824\uC9C0\uC9C0 \uC54A\uC558\uAE30 \uB54C\uBB38\uC5D0 "),jn={href:"https://www.estsoft.ai/company/subsidiary",target:"_blank",rel:"noopener noreferrer"},An=s("\uC5EC\uAE30"),Bn=s("\uB97C \uCC38\uACE0\uD574\uC8FC\uC138\uC694!"),En=s("\uC77C\uB2E8 \uC2A4\uD130\uB514\uC5D0 \uCC38\uC5EC\uD558\uB294 \uC0AC\uB78C\uB4E4 \uC911 \uB300\uBD80\uBD84\uC774 \uB9AC\uC561\uD2B8\uB97C \uC544\uC608 \uD574\uBCF8\uC801\uC774 \uC5C6\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uC558\uAE30 \uB54C\uBB38\uC5D0 \uAC04\uB2E8\uD558\uAC8C \uBB34\uC5C7\uC744 \uB9CC\uB4E4\uC5B4\uC57C \uC88B\uC744\uC9C0 \uD68C\uC758\uD588\uACE0, "),Mn={href:"https://www.postman.com/",target:"_blank",rel:"noopener noreferrer"},Pn=s("Postman"),Un=s(" Clone Coding\uC744 \uD558\uAE30\uB85C \uACB0\uC815\uB418\uC5C8\uB2E4."),In={href:"https://github.com/est-react-study/postman-junil",target:"_blank",rel:"noopener noreferrer"},Jn=s("est-react-study/postman-junil"),Dn={href:"https://est-react-study.github.io/postman-junil/",target:"_blank",rel:"noopener noreferrer"},Tn=s("\uB370\uBAA8 \uD655\uC778\uD574\uBCF4\uAE30"),Nn=n("p",null,[s("\uC11C\uBC84\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uC558\uAE30 \uB54C\uBB38\uC5D0 "),n("code",null,"http reuqest"),s(" \uC694\uCCAD\uC740 "),n("code",null,"github api"),s("\uB97C \uAE30\uC900\uC73C\uB85C \uD14C\uC2A4\uD2B8 \uD588\uB2E4.")],-1),Ln=n("h4",{id:"_1-recoil",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_1-recoil","aria-hidden":"true"},"#"),s(" (1) Recoil")],-1),Vn=s("\uC774\uBC88\uC5D0 \uC2A4\uD130\uB514\uB97C \uD558\uBA74\uC11C "),Hn={href:"https://recoiljs.org/",target:"_blank",rel:"noopener noreferrer"},On=s("Recoil"),Yn=s(" \uC774\uB77C\uB294 \uC0C1\uD0DC\uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC\uB97C \uC0AC\uC6A9\uD588\uB2E4."),Kn=n("div",{class:"custom-container tip"},[n("p",{class:"custom-container-title"},"Recoil"),n("p",null,[s("Recoil\uC740 React(Facebook) \uC9C4\uC601\uC5D0\uC11C "),n("strong",null,"\uC9C1\uC811 \uB9CC\uB4E0"),s(" \uC0C1\uD0DC\uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC\uC774\uB2E4.")])],-1),zn=n("p",null,"\uC77C\uB2E8 Redux\uB098 Mobx\uBCF4\uB2E8 \uD655\uC2E4\uC774 \uD3B8\uB9AC\uD558\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 Hook\uC73C\uB85C \uC27D\uAC8C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB2E4\uBCF4\uB2C8 \uB531\uD788 \uB77C\uC774\uBE0C\uB7EC\uB9AC\uB97C \uC0AC\uC6A9\uD55C\uB2E4\uB294 \uB290\uB08C\uC774 \uB4E4\uC9C0 \uC54A\uC558\uB2E4.",-1),Gn={href:"https://recoiljs.org/",target:"_blank",rel:"noopener noreferrer"},Qn=s("\uACF5\uC2DD\uBB38\uC11C"),Zn={href:"https://medium.com/humanscape-tech/recoil-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0-285b29135d8e",target:"_blank",rel:"noopener noreferrer"},Xn=s("Recoil \uC54C\uC544\uBCF4\uAE30"),Fn={href:"https://dev.to/chandan/recoil-vs-redux-the-ultimate-react-state-management-face-off-35b",target:"_blank",rel:"noopener noreferrer"},Wn=s("Recoil vs Redux | The Ultimate React State Management Face-Off"),$n={href:"https://ui.toast.com/weekly-pick/ko_20200616/",target:"_blank",rel:"noopener noreferrer"},ns=s("Recoil - \uB610 \uB2E4\uB978 React \uC0C1\uD0DC \uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC"),ss={href:"https://github.com/chandan-reddy-k/redux-vs-recoil-example",target:"_blank",rel:"noopener noreferrer"},as=s("\uC0AC\uC6A9 \uC608\uC81C Repository"),ts=e(`

          \uC608\uC2DC \uCF54\uB4DC\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          /** requestStore/index.js **/
          +import{_ as c,r as o,o as r,c as i,a as n,b as a,w as l,d as e,e as s}from"./app.d20f8571.js";const u={},d=e('

          2020\uB144 8\uC6D4 \uD68C\uACE0

          7\uC6D4 \uBABB\uC9C0 \uC54A\uAC8C 8\uC6D4\uB3C4 \uAF64\uB098 \uBC14\uC058\uAC8C \uC9C0\uB0B8 \uAC83 \uAC19\uB2E4.

          \uACF5\uC801

          1. Sentry \uC801\uC6A9

          ',4),k={href:"https://sentry.io/welcome/",target:"_blank",rel:"noopener noreferrer"},h=s("Sentry"),_=s("\uB294 \uC11C\uBE44\uC2A4\uB0B4\uC5D0\uC11C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC744 \uB54C \uB2E4\uC591\uD55C \uBC29\uC2DD\uC73C\uB85C \uAC1C\uBC1C\uC790\uC5D0\uAC8C \uC54C\uB824\uC8FC\uB294 \uC81C\uACF5\uD574\uC8FC\uB294 \uC11C\uBE44\uC2A4\uB2E4."),m=e('

          \uC774\uBC88\uC5D0 \uC0AC\uB0B4 \uD504\uB85C\uC81D\uD2B8\uC5D0 Sentry\uB97C \uC801\uC6A9\uD588\uB2E4. \uB0B4\uAC00 \uB2F4\uB2F9\uD558\uACE0 \uC788\uB294 \uD504\uB85C\uC81D\uD2B8\uB294 \uC57D 4\uAC1C \uC815\uB3C4 \uC788\uC5C8\uACE0, \uC801\uC6A9\uD558\uB294 \uAC83\uB3C4 \uB531\uD788 \uC5B4\uB835\uC9C4 \uC54A\uC558\uB2E4.

          Sentry\uB97C \uC801\uC6A9\uD558\uBA74\uC11C \uC88B\uC558\uB358 \uC810\uC740, \uC11C\uBE44\uC2A4\uAC00 \uB0B4\uC7AC\uD558\uACE0 \uC788\uB294 \uBB38\uC81C\uC810\uB4E4\uC744 \uC5B4\uB290\uC815\uB3C4 \uD30C\uC545\uD560 \uC218 \uC788\uB2E4\uB294 \uC810\uC774\uB2E4. \uC0AC\uB0B4 \uC11C\uBE44\uC2A4\uC758 \uACBD\uC6B0 \uB9DD \uBD84\uB9AC\uAC00 \uCCA0\uC800\uD558\uAC8C \uB418\uC5B4\uC788\uAE30 \uB54C\uBB38\uC5D0 \uC9C1\uC811 \uB85C\uADF8\uB97C \uBCF4\uAC70\uB098 \uC5D0\uB7EC\uB97C \uC2E4\uC2DC\uAC04\uC73C\uB85C \uD655\uC778\uD558\uB294\uAC8C \uC218\uC6D4\uD558\uC9C0 \uC54A\uC740 \uC0C1\uD0DC\uC774\uB2E4. \uADF8\uB7F0\uB370 Sentry\uB97C \uC801\uC6A9\uD558\uBA74\uC11C \uC2E4\uC2DC\uAC04\uC73C\uB85C \uC5D0\uB7EC\uB97C \uD655\uC778\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uACE0, \uC5D0\uB7EC \uBC1C\uC0DD\uC2DC\uC5D0 \uC54C\uB9BC\uB3C4 \uC624\uAE30 \uB54C\uBB38\uC5D0 \uC5EC\uB7EC\uAC00\uC9C0 \uBB38\uC81C\uC810\uC744 \uD655\uC778\uD558\uAE30\uAC00 \uC26C\uC6E0\uB2E4.

          Sentry

          \uC704\uC758 \uC0AC\uC9C4 \uCC98\uB7FC \uC5EC\uD0DC\uAE4C\uC9C0 \uD070 \uBB38\uC81C \uC5C6\uC774 \uAD74\uB7EC\uAC00\uACE0 \uC788\uB2E4\uACE0 \uC0DD\uAC01\uD588\uB358 API\uB4E4\uC774 \uC0AC\uC2E4 \uD3ED\uD0C4 \uD22C\uC131\uC774\uC600\uB2E4. \uADF8\uB798\uC11C \uD574\uB2F9 API\uC758 \uB2F4\uB2F9\uC790\uB4E4\uACFC \uC0C1\uC758\uD558\uC5EC \uC774\uB7EC\uD55C \uD3ED\uD0C4\uC744 \uBBF8\uB9AC \uBBF8\uB9AC \uC81C\uAC70\uD560 \uC218 \uC788\uB294 \uAE30\uD68C\uAC00 \uB418\uC5C8\uB2E4. \uD558\uC9C0\uB9CC \uC6CC\uB099 \uAF2C\uC5EC\uC788\uB294 \uB85C\uC9C1\uB4E4\uC774 \uB9CE\uC740 \uC0C1\uD0DC\uC600\uACE0, \uC5B4\uCA54 \uC218 \uC5C6\uC774 \uBC29\uCE58\uD574\uC57C \uD558\uB294 \uBD80\uBD84\uB4E4\uB3C4 \uC788\uC5C8\uAE30 \uB54C\uBB38\uC5D0 \uC870\uAE08 \uCC1D\uCC1D\uD558\uB2E4.

          \uC5B4\uCA0C\uB4E0 \uACB0\uACFC\uC801\uC73C\uB85C Sentry \uB3C4\uC785\uC73C\uB85C \uC778\uD558\uC5EC \uD574\uACB0 \uAC00\uB2A5\uD55C \uBB38\uC81C\uB4E4\uC740 \uBE60\uB974\uAC8C \uC870\uCE58\uD560 \uC218 \uC788\uC5C8\uACE0, \uB2F9\uC7A5 \uD574\uACB0\uD558\uC9C0 \uBABB\uD55C \uBD80\uBD84\uB3C4 \uC788\uC9C0\uB9CC \uC5B4\uB290 \uC815\uB3C4 \uBB38\uC81C\uC810\uC744 \uC778\uC9C0\uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC7A5\uC560\uAC00 \uBC1C\uC0DD\uD588\uC744 \uB54C \uC5B4\uB290 \uC815\uB3C4 \uC120\uBC29\uC774 \uAC00\uB2A5\uD558\uAC8C \uB418\uC5C8\uB2E4.

          2. \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

          ',6),g={class:"custom-container tip"},b=n("p",{class:"custom-container-title"},"TIP",-1),v=s("\uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC5D0 \uB300\uD55C \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),y={href:"https://zuminternet.github.io/Zum-Chrome-Extension/",target:"_blank",rel:"noopener noreferrer"},f=s("\uC90C\uC778\uD130\uB137 \uAE30\uC220\uBE14\uB85C\uADF8 - \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uAC1C\uBC1C \uD68C\uACE0"),w=s("\uC5D0\uC11C \uD655\uC778\uD574\uBCFC \uC218 \uC788\uC2B5\uB2C8\uB2E4!"),S=e('

          \uD06C\uB86C \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8

          \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8 \uBCA0\uD0C0 \uBC84\uC804\uC740 \uC774\uBBF8 \uC9C0\uB09C \uB2EC\uC5D0 \uC644\uC131\uB418\uC5C8\uC73C\uB098 \uC2A4\uD1A0\uC5B4 \uAC8C\uC2DC\uC694\uCCAD\uC774 \uACC4\uC18D \uBC18\uB824\uB418\uBA74\uC11C \uC774\uD6C4\uC758 \uC77C\uC815\uC774 \uACC4\uC18D \uC9C0\uC5F0\uB418\uACE0 \uC788\uC5C8\uB2E4. \uBC18\uB824\uC758 \uC6D0\uC778\uC740 http \uB54C\uBB38\uC778\uB370, \uAC00\uB2A5\uD558\uBA74 \uBAA8\uB4E0 \uC694\uCCAD\uC5D0 SSL\uC744 \uC801\uC6A9\uD558\uB294 \uAC83\uC774 \uC88B\uB2E4. \uBB38\uC81C\uB294 \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC5D0\uC11C \uC0AC\uC6A9\uD558\uB294 \uC0AC\uB0B4 \uC11C\uBE44\uC2A4 \uC911\uC5D0 \uC27D\uAC8C https\uB85C \uC804\uD658\uD560 \uC218 \uC5C6\uB294 \uBD80\uBD84\uC774 \uC788\uC5C8\uC73C\uBA70 \uD300 \uB0B4\uC5D0\uC11C \uC790\uCCB4\uC801\uC73C\uB85C \uC774 \uBB38\uC81C\uB97C \uD574\uACB0\uD560 \uC218 \uC5C6\uB294 \uC0C1\uD0DC\uC600\uACE0, \uC778\uD504\uB77C\uD300\uC5D0 \uC5C5\uBB34\uC694\uCCAD\uC744 \uD558\uC5EC \uCC98\uB9AC\uD574\uC57C \uD588\uB2E4. \uADFC\uB370 \uC778\uD504\uB77C\uD300\uC5D0\uC11C\uB3C4 \uC774\uAC83 \uC800\uAC83 \uBC00\uB9B0 \uC77C\uC815\uC774 \uB9CE\uB2E4\uBCF4\uB2C8 https \uC804\uD658\uC744 \uBC14\uB85C \uCC98\uB9AC\uD558\uAE30\uAC00 \uACE4\uB780\uD55C \uC785\uC7A5\uC774\uC5C8\uB2E4.

          \uC77C\uB2E8 \uD639\uC2DC\uB098 \uD558\uB294 \uB9C8\uC74C\uC5D0 URL\uB9CC https\uB85C \uBCC0\uACBD\uD558\uC5EC \uAC80\uC218 \uC694\uCCAD\uC744 \uC2DC\uB3C4\uD588\uACE0, \uACB0\uACFC\uB294 \uC608\uC0C1\uACFC \uB2E4\uB974\uAC8C \uD1B5\uACFC\uD588\uB2E4. \uB9C9\uC7A5\uC774\uB124 \uAD6C\uAE00\uB188\uB4E4. \uADF8\uB798\uC11C \uC544\uC608 Apache\uC124\uC815\uC5D0\uC11C https://pass.abc.com\uC73C\uB85C \uC694\uCCAD\uD558\uBA74 http://abc.com\uC73C\uB85C redirect \uB418\uB3C4\uB85D \uC124\uC815\uD574\uB1A8\uB2E4.

          \uADF8\uB807\uAC8C \uAC80\uC218\uB3C4 \uD1B5\uACFC \uD588\uACE0, \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uB3C4 \uBB38\uC81C \uC5C6\uC774 \uC791\uB3D9\uD558\uAC8C \uB418\uC5C8\uB2E4.

          \uD655\uC7A5\uD504\uB85C\uADF8\uB7A8\uC740 \uC0AC\uB0B4\uC5D0\uC11C \uAF64 \uAE0D\uC815\uC801\uC778 \uBC18\uC751\uC744 \uBCF4\uC774\uACE0 \uC788\uACE0, \uC870\uAE08 \uB354 \uC644\uC131\uB3C4\uB97C \uB192\uC5EC \uC0AC\uC6A9\uC790\uC5D0\uAC8C \uC120\uBCF4\uC77C \uC608\uC815\uC774\uB2E4.

          3. Mobile API \uBD84\uB9AC \uC774\uC804

          \uB4DC\uB514\uC5B4 Zum Front Backend Project\uC5D0\uC11C Mobile\uB97C \uAD00\uB828 \uCF54\uB4DC\uB97C \uC644\uC804\uD788 \uBD84\uB9AC\uD558\uC5EC Zum Mobile Backend Project\uB85C \uB9CC\uB4E4\uC5C8\uB2E4. \uB2E4\uC74C\uACFC \uAC19\uC774 \uAE30\uC874\uC5D0\uB294 \uD558\uB098\uC758 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB108\uBB34 \uB9CE\uC740 \uCF54\uB4DC\uAC00 \uC874\uC7AC\uD588\uB2E4.

          uml diagram

          \uB355\uBD84\uC5D0 \uD558\uB098\uC758 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uB2F4\uB2F9\uC790\uB3C4 \uB9CE\uC558\uACE0 \uC7A0\uC7AC\uC801\uC778 \uC704\uD5D8\uB3C4 \uC5ED\uC2DC \uBB34\uC2DC\uD560 \uC218 \uC5C6\uC5C8\uB2E4.

          \uC77C\uB2E8 \uC704\uC5D0 \uC5B8\uAE09\uD55C \uCF54\uB4DC \uC911 \uC81C\uC77C \uBE48\uBC88\uD558\uAC8C \uBC30\uD3EC\uC640 \uC218\uC815\uC774 \uBC1C\uC0DD\uD558\uB294 \uBD80\uBD84\uC778 Mobile API\uB97C \uBD84\uB9AC\uD558\uAE30\uB85C \uACB0\uC815\uD588\uB2E4.

          Mobile API\uB294 DB\uB97C \uC0AC\uC6A9\uD558\uACE0 \uC788\uC9C0 \uC54A\uC558\uACE0, Domain \uAD00\uB828 \uCF54\uB4DC\uB3C4 \uC5C6\uC5C8\uB2E4. \uADF8\uB798\uC11C \uC0DD\uAC01\uBCF4\uB2E4 \uC27D\uAC8C \uBD84\uB9AC\uD560\uC218 \uC788\uC5C8\uB2E4.

          \uBD84\uB9AC\uD55C \uB2E4\uC74C\uC758 \uD615\uD0DC\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          uml diagram

          \uBD84\uB9AC \uACFC\uC815\uC5D0\uC11C \uB9AC\uD329\uD1A0\uB9C1\uB3C4 \uC9C4\uD589\uD558\uACE0, \uC2DC\uC2A4\uD15C \uD658\uACBD\uB3C4 \uBCC0\uACBD\uD558\uB294 \uB4F1\uC758 \uCD94\uAC00 \uC791\uC5C5\uB3C4 \uC788\uC5C8\uB2E4. \uC55E\uC11C \uC5B8\uAE09\uD55C Sentry\uB3C4 \uC801\uC6A9\uD588\uB2E4.

          \uC5B4\uCA0C\uB4E0 \uC870\uAE08 \uB354 \uAD00\uB9AC\uD558\uAE30\uAC00 \uC218\uC6D4\uD574\uC9C4 \uAC83\uC740 \uD655\uC2E4\uD558\uB2E4.

          4. CMS \uC791\uC5C5 (feat. Legacy)

          8\uC6D4\uAE4C\uC9C0 \uC791\uC5C5\uD558\uACE0 \uC788\uB358 CMS \uAC1C\uBC1C\uC744 \uB9C8\uBB34\uB9AC\uD574\uC57C \uD588\uB2E4. \uC0AC\uC2E4 7\uC6D4\uC5D0 \uB300\uBD80\uBD84\uC758 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uC5B4\uB194\uC11C 8\uC6D4\uC5D0 \uB0B4\uAC00 \uD560 \uC77C\uC740 \uB9CE\uC9C0 \uC54A\uC558\uB2E4. \uC77C\uB2E8 \uBBF8\uB9AC\uBCF4\uAE30 \uAE30\uB2A5\uC744 \uB9CC\uB4E4\uAE30 \uC704\uD574\uC11C CMS\uC640 \uC5EE\uC5EC\uC788\uB294 Zum Lego Project\uB97C \uBD84\uC11D\uD574\uC57C \uD588\uB2E4.

          Zum Lego Project\uB294 \uAD49\uC7A5\uD788 \uC624\uB798\uC804\uBD80\uD130 \uB9CE\uC740 \uC0AC\uB78C\uB4E4\uC758 \uC190\uC744 \uAC70\uCCD0 \uAD00\uB9AC\uB418\uC5B4\uC628 \uB808\uAC70\uC2DC \uD504\uB85C\uC81D\uD2B8\uB2E4. \uB355\uBD84\uC5D0 \uC65C \uC774\uB807\uAC8C \uB9CC\uB4E4\uC5B4\uC84C\uB294\uC9C0 \uC758\uBB38\uC744 \uAC16\uAC8C \uB420 \uC218 \uBC16\uC5D0 \uC5C6\uB294 \uCF54\uB4DC\uB4E4\uC774 \uAD49\uC7A5\uD788 \uB9CE\uC558\uACE0, \uAD6C\uC870\uC758 \uBCF5\uC7A1\uB3C4 \uB610\uD55C \uC2EC\uC0C1\uCE58 \uC54A\uC558\uB2E4. \uCC28\uB77C\uB9AC \uCC98\uC74C\uBD80\uD130 \uB9CC\uB4E4\uACE0 \uB9D0\uC9C0

          \uC5B8\uC820\uAC04 \uC0AC\uC218\uAC00 \uC774\uC9C1\uD558\uAC8C \uB41C\uB2E4\uBA74, \uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uB2F4\uB2F9\uC790\uB294 \uB0B4\uAC00 \uB420 \uAC83\uC774\uB2E4. \uC0DD\uAC01\uB9CC\uD574\uB3C4 \uB054\uCC0D\uD558\uB2E4... \u{1F62D}

          \uADF8\uB9AC\uACE0 \uADF8 \uC2DC\uAE30\uB294 \uBA40\uC9C0 \uC54A\uC558\uB2E4.

          \uB9C8\uC74C\uC758 \uC900\uBE44\uB97C \uB2E8\uB2E8\uD788 \uD558\uACE0 \uC788\uC5B4\uC57C\uC9C0..

          \uC5B4\uCA0C\uB4E0 CMS \uC791\uC5C5\uC740 \uC0DD\uAC01\uBCF4\uB2E4 \uB9CE\uC9C0 \uC54A\uC558\uB2E4. QA\uB97C \uC9C4\uD589\uD558\uACE0, \uD574\uB2F9 \uC0AC\uD56D\uC744 \uBC18\uC601\uD558\uB294 \uACFC\uC815\uC744 \uBC18\uBCF5\uD588\uB294\uB370 \uC0AC\uC2E4 \uBC18\uC601\uD558\uB294 \uAC83\uB3C4 \uAD49\uC7A5\uD788 \uAC04\uB2E8\uD588\uAE30 \uB54C\uBB38\uC5D0 \uD070 \uC5B4\uB824\uC6C0\uC740 \uC5C6\uC5C8\uB2E4.

          \uADF8\uB9AC\uACE0 9\uC6D4\uC5D0 \uACE0\uD1B5\uBC1B\uC558\uB2E4

          \uC0AC\uC801

          8\uC6D4\uC5D0\uB294 \uAF64 \uB9CE\uC740 \uC77C\uC744 \uD588\uB2E4. \uADF8\uB798\uC11C \uC0AC\uC2E4 \uAD49\uC7A5\uD788 \uD798\uB4E4\uC5C8\uB2E4.

          1. \uCE74\uCE74\uC624 \uBA74\uC811\uAD00\uB828

          7\uC6D4 \uB9D0\uC5D0 \uBA74\uC811\uC744 \uBD24\uACE0, 8\uC6D4 \uCD08\uC5D0 \uACB0\uACFC\uAC00 \uB098\uC654\uB2E4. \uACB0\uB860\uC801\uC73C\uB85C\uB294 \uB5A8\uC5B4\uC84C\uB2E4. \uC544\uB9C8 \uC5EC\uB7EC\uAC00\uC9C0 \uC774\uC720\uAC00 \uC788\uACA0\uC9C0\uB9CC \uC0AC\uC2E4 \uADF8\uAC74 \uC9C0\uAE08\uC758 \uB098\uC5D0\uAC8C \uC911\uC694\uD558\uC9C0 \uC54A\uB2E4\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

          \uC774\uBC88\uC5D0 \uBA74\uC811 \uC900\uBE44\uB97C \uD558\uBA74\uC11C \uB0B4\uC801\uC73C\uB85C \uC2A4\uD2B8\uB808\uC2A4\uB97C \uB108\uBB34 \uB9CE\uC774 \uBC1B\uC558\uB2E4. \uD569\uACA9\uD574\uB3C4 \uBB38\uC81C\uACE0 \uD569\uACA9\uC744 \uD558\uC9C0 \uC54A\uC544\uB3C4 \uBB38\uC81C\uC778 \uADF8\uB7F0 \uC0C1\uD669\uC774\uC5C8\uB2E4. \uADF8\uB0E5 \uBA74\uC811\uC744 \uBCF8 \uAC83 \uC790\uCCB4\uAC00 \uC798\uBABB \uB41C\uAC8C \uC544\uB2D0\uAE4C?

          • \uC785\uC0AC\uD55C\uC9C0 1\uB144\uB3C4 \uB418\uC9C0 \uC54A\uC558\uB2E4
          • \uC774\uC81C \uB9C9 \uC5C5\uBB34\uC5D0 \uC775\uC219\uD574\uC84C\uACE0, \uD63C\uC790\uC11C\uB3C4 \uC798 \uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4.
          • \uD300\uC6D0\uB4E4\uACFC\uC758 \uD2B8\uB7EC\uBE14\uC774 \uC5C6\uC5C8\uB2E4. \uC624\uD788\uB824 \uC798 \uC9C0\uB0B4\uACE0 \uC788\uB2E4.
          • \uC5F0\uBD09\uB3C4 \uB098\uC058\uC9C0 \uC54A\uC740 \uC0C1\uD0DC\uB2E4.

          \uC774\uB9AC\uBCF4\uACE0 \uC800\uB9AC\uBD10\uB3C4 \uC774\uC9C1\uD560 \uC774\uC720\uAC00 \uC5C6\uC5C8\uB2E4.

          \uADF8\uB798\uC11C \uBA74\uC811\uC744 \uBCFC \uB2F9\uC2DC \uC81C\uC77C \uB300\uB2F5\uD558\uAE30 \uD798\uB4E4\uC5C8\uB358 \uAC83\uC774 \uC774\uC9C1\uC744 \uD558\uB294 \uC774\uC720\uC600\uB2E4. \uC7AC\uBBF8\uB85C \uBCF8 \uCF54\uB529\uD14C\uC2A4\uD2B8 \uB54C\uBB38\uC5D0 \uCD5C\uC885 \uBA74\uC811\uAE4C\uC9C0 \uAC00\uAC8C \uB420 \uC904 \uB204\uAC00 \uC54C\uC558\uACA0\uB294\uAC00?

          \uC774 \uC77C \uB54C\uBB38\uC5D0 \uD300\uC7A5\uB2D8\uACFC \uB9CE\uC740 \uC774\uC57C\uAE30\uB97C \uD588\uB2E4. \uC77C\uB2E8 \uD604\uC7AC\uC758 \uB098\uB294 \uB9CE\uC774 \uBD80\uC871\uD558\uB2E4\uB294 \uAC83\uC744 \uC778\uC815\uD558\uAE30\uB85C \uD588\uB2E4. \uADF8\uB9AC\uACE0 \uC544\uC9C1 \uC0AC\uB0B4\uC5D0\uC11C \uBB34\uC5B8\uAC00\uB97C \uB69C\uB837\uD558\uAC8C \uBCF4\uC5EC\uC8FC\uC9C8 \uBABB\uD588\uB2E4. \uC870\uAE08 \uB354 \uACBD\uD5D8\uC744 \uC313\uACE0, \uACF5\uBD80\uB3C4 \uB9CE\uC774 \uD558\uACE0, \uC774\uC81C \uC815\uB9D0 \uB5A0\uB0A0 \uB54C\uAC00 \uB418\uC5C8\uB2E4\uACE0 \uC0DD\uAC01\uC774 \uB4E4\uBA74 \uC9C4\uC9DC \uC774\uC9C1 \uC900\uBE44\uB97C \uD574\uC57C\uC9C0 \uC544\uC9C1\uC740 \uC544\uB2CC \uAC83 \uAC19\uB2E4.


          \uD300\uC7A5\uB2D8 \uAC00\uB77C\uC0AC\uB300

          • \uB124\uC774\uBC84, \uB77C\uC778, \uCE74\uCE74\uC624 \uAC19\uC740 \uAD6D\uB0B4 \uAE30\uC5C5\uC774 \uC544\uB2CC \uAD6C\uAE00, \uB9C8\uC774\uD06C\uB85C\uC18C\uD504\uD2B8 \uAC19\uC740 \uD574\uC678 \uAE30\uC5C5\uC744 \uBAA9\uD45C\uB85C \uD558\uB4E0\uAC00 \u{1F628}
          • \uD639\uC740 \uC544\uC608 \uD30C\uACA9\uC801\uC778 \uC870\uAC74\uC73C\uB85C \uC2A4\uCE74\uC6C3\uC774 \uB420 \uC815\uB3C4\uC758 \uC5ED\uB7C9\uC744 \uAC16\uCD94\uB4E0\uAC00 \u{1F628}

          \uB458 \uC911\uC758 \uD558\uB098\uAC00 \uC544\uB2C8\uB77C\uBA74 \uADF8\uB0E5 \uC774\uC9C1\uC740 \uC544\uC9C1 \uC0DD\uAC01\uD558\uC9C0 \uB9D0\uB77C\uACE0 \uD558\uC2E0\uB2E4. \uB9D0\uC774 \uC27D\uC9C0


          \uC74C.. \uC77C\uB2E8 \uC774\uAC74 \uD300\uC7A5\uB2D8\uC758 \uBC14\uB78C\uC774\uACE0 \u{1F605} \uC2A4\uC2A4\uB85C\uC5D0\uAC8C \uBD80\uC871\uD55C \uBD80\uBD84\uC744 \uACC4\uC18D \uD574\uC11C \uCC44\uC6CC\uB098\uAC00\uC57C\uACA0\uB2E4.

          \uB108\uBB34 \uC870\uAE09\uD558\uAC8C \uC0DD\uAC01\uD558\uC9C0 \uB9D0\uC790. \uAE30\uD68C\uAC00 \uC5B8\uC81C\uB098 \uC624\uC9C4 \uC54A\uC9C0\uB9CC, \uC900\uBE44\uB41C \uC790\uB9CC\uC774 \uADF8\uB7F0 \uAE30\uD68C\uB97C \uC7C1\uCDE8\uD560 \uC218 \uC788\uB294 \uAC83\uC774\uB2E4.

          \uC798 \uC900\uBE44 \uD558\uC790!

          2. Next Step Reviewer

          ',41),R={href:"https://edu.nextstep.camp/c/8fWRxNWU/",target:"_blank",rel:"noopener noreferrer"},q=s("\uD074\uB9B0\uCF54\uB4DC\uB97C \uC704\uD55C TDD, \uB9AC\uD329\uD1A0\uB9C1 with Java"),x=s("\uC758 "),C=n("strong",null,"8\uAE30\uB97C \uC88B\uC740 \uC131\uC801\uC73C\uB85C \uC218\uB8CC\uD558\uAC8C \uB418\uC5B4 9\uAE30\uB294 \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9",-1),j=s("\uC744 \uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uC774\uB807\uAC8C \uB9AC\uBDF0\uC5B4\uB85C \uD65C\uB3D9\uD558\uB294\uAC8C \uCC98\uC74C\uC774\uB2E4\uBCF4\uB2C8 \uC5B4\uB5BB\uAC8C \uD574\uC57C \uC88B\uC744\uC9C0 \uACE0\uBBFC\uC774 \uB9CE\uC558\uC5C8\uB294\uB370, \uC0DD\uAC01\uBCF4\uB2E4 \uC218\uC6D4\uD558\uAC8C \uC9C4\uD589\uD560 \uC218 \uC788\uC5C8\uB2E4."),A=e('

          \uB9AC\uBDF0\uC774

          • 8\uC6D4 \uD55C \uB2EC \uB3D9\uC548 10\uBA85\uC744 \uB9AC\uBDF0\uD588\uC73C\uBA70 \uADF8 \uC911\uC5D0 3\uBA85\uC774 \uBBF8\uC158\uC744 \uC644\uB8CC\uD588\uB2E4.
          • \uC77C\uB2E8 \uAC01 \uBBF8\uC158\uB2F9 5\uBA85, \uC804\uCCB4 \uBBF8\uC158\uC5D0 \uB300\uD574 \uCD5C\uB300 20\uBA85\uC744 \uB9AC\uBDF0\uD574\uC57C \uD55C\uB2E4.
          • \uADF8\uB7F0\uB370 \uC0DD\uAC01\uBCF4\uB2E4 \uC790\uB3D9\uCC28 \uBBF8\uC158\uC5D0\uC11C \uD3EC\uAE30\uD558\uB294 \uC0AC\uB78C\uC774 \uB9CE\uC740 \uAC83 \uAC19\uB2E4.
          • \uC544\uBB34\uB798\uB3C4 \uD68C\uC0AC \uC77C\uACFC \uBCD1\uD574\uD558\uB294 \uC0AC\uB78C\uC774 \uB9CE\uB2E4 \uBCF4\uB2C8 \uBBF8\uC158 \uC218\uD589 \uC790\uCCB4\uAC00 \uAD49\uC7A5\uD788 \uBD80\uB2F4\uC2A4\uB7EC\uC6B8 \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB77C \uC0DD\uAC01\uD55C\uB2E4.

          \uB9AC\uBDF0

          \uC5B4\uCA0C\uB4E0 \uB9AC\uBDF0\uB97C \uD558\uBA74\uC11C \uC2A4\uC2A4\uB85C\uB3C4 \uAD49\uC7A5\uD788 \uB9CE\uC774 \uC131\uC7A5\uD560 \uC218 \uC788\uB294 \uAE30\uD68C\uAC00 \uB418\uC5C8\uB2E4. \uADF8\uB9AC\uACE0 *8\uB9AC\uBDF0\uC774\uAC00 \uC810\uC810 \uC88B\uC740 \uCF54\uB4DC\uB97C \uB9CC\uB4E4\uC5B4\uB0B4\uB294 \uACFC\uC815\uC5D0 \uCC38\uC5EC\uD560 \uC218 \uC788\uB2E4\uB294 \uAC83\uB3C4 \uD070 \uD589\uC6B4**\uC774\uB77C\uACE0 \uC0DD\uAC01\uD55C\uB2E4.

          Javascript\uB3C4 \uC774\uB7F0 \uC2DD\uC73C\uB85C \uCC38\uC5EC/\uC6B4\uC601 \uD574\uBCF4\uACE0 \uC2F6\uB2E4\uB294 \uC0DD\uAC01\uC744 \uB9CE\uC774 \uD558\uACE0 \uC788\uB2E4.

          3. Boost Camp Reviewer

          8\uC6D4 \uCD08\uC5D0 \uB124\uC774\uBC84\uC758 \uCEE4\uB125\uD2B8 \uC7AC\uB2E8\uC5D0\uC11C \uC6B4\uC601\uD558\uB294 \uBD80\uC2A4\uD2B8 \uCEA0\uD504\uC5D0\uC11C \uB9AC\uBDF0\uC5B4\uB97C \uAD6C\uD55C\uB2E4\uB294 \uC18C\uC2DD\uC744 \uC811\uD588\uB2E4.

          \uBD80\uC2A4\uD2B8 \uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uBAA8\uC9D1 \uACF5\uACE0(1)

          \uB300\uB7B5\uC801\uC778 \uB0B4\uC6A9\uC740 \uB2E4\uC74C\uACFC \uAC19\uC558\uB2E4.

          \uBD80\uC2A4\uD2B8 \uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uBAA8\uC9D1 \uACF5\uACE0(2)

          \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4

          \uB0B4\uC6A9\uC5D0\uB294 6\uC8FC\uB77C\uACE0 \uB418\uC5B4 \uC788\uB294\uB370, \uC6F9 \uACFC\uC815\uC758 \uACBD\uC6B0 \uBC31\uC5D4\uB4DC/\uD504\uB860\uD2B8\uC5D4\uB4DC\uB97C \uACA9\uC8FC\uB85C \uD558\uAE30 \uB54C\uBB38\uC5D0 \uCD1D 3\uC8FC \uB3D9\uC548 \uD65C\uB3D9\uD558\uAC8C \uB41C\uB2E4.

          • \uB9AC\uBDF0\uC5B4\uB9C8\uB2E4 6\uBA85\uC758 \uCEA0\uD37C(\uB9AC\uBDF0\uC774)\uB97C \uBC30\uC815\uD55C\uB2E4.
          • 3\uC8FC\uAC04 \uC8FC 2\uD68C\uC758 \uB9AC\uBDF0\uB97C \uD55C\uB2E4.
          • \uB530\uB77C\uC11C 6\uBA85\uC758 \uCEA0\uD37C\uC5D0\uAC8C \uAC01\uAC01 6\uD68C, \uCD1D 36\uD68C\uC758 \uB9AC\uBDF0\uB97C \uD574\uC57C\uD55C\uB2E4.

          NextStep\uC758 \uB9AC\uBDF0\uC5B4 \uD65C\uB3D9\uC740 java\uC5D0 \uB300\uD55C \uB9AC\uBDF0\uC774\uAE30 \uB54C\uBB38\uC5D0 \uC0AC\uC2E4 \uC2A4\uC2A4\uB85C \uC0DD\uAC01\uD558\uAE30\uC5D0 \uC57D\uAC04 \uC544\uC26C\uC6B4\uC810\uC774 \uC788\uC5C8\uB2E4. \uB098\uC758 \uC8FC\uB825 \uC5B8\uC5B4\uB294 javascript\uC774\uACE0, \uB2F9\uC5F0\uD788 java\uBCF4\uB2E4 javascript\uB97C \uB354 \uC88B\uC544\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.

          \uADF8\uB798\uC11C \uBD80\uC2A4\uD2B8\uCEA0\uD504\uC758 \uB9AC\uBDF0\uC5B4 \uBAA8\uC9D1 \uACF5\uACE0\uB294 \uAD49\uC7A5\uD788 \uBC18\uAC00\uC6E0\uB2E4. \uBE60\uB974\uAC8C \uC9C0\uC6D0\uD588\uB2E4.

          ',13),B=s("\uB2E8, \uC9C0\uC6D0\uD558\uAE30 \uC704\uD574\uC11C\uB294 \uBAA8\uC9D1\uACF5\uACE0 \uC800\uC7A5\uC18C\uC5D0 \uC62C\uB77C\uC628 \uCF54\uB4DC\uC5D0 \uB300\uD574 "),E={href:"https://github.com/connectfoundation/review_2020/pull/3",target:"_blank",rel:"noopener noreferrer"},M=s("\uCF54\uB4DC\uB9AC\uBDF0"),P=s("\uB97C \uB0A8\uACA8\uC57C\uD588\uB2E4."),U=n("img",{src:"https://user-images.githubusercontent.com/18749057/95013663-beb24e80-067c-11eb-80f1-73e790f76d5e.png",alt:"\uBD80\uC2A4\uD2B8 \uCEA0\uD504 \uB9AC\uBDF0\uC5B4 \uBAA8\uC9D1 \uACF5\uACE0(3)",width:"700"},null,-1),I=n("p",null,[s("\uC77C\uB2E8 \uCF54\uB4DC\uAC00 "),n("code",null,"React"),s("\uB85C \uC791\uC131\uB418\uC5B4 \uC788\uC5B4\uC11C \uC870\uAE08 \uB2F9\uD669\uD588\uB2E4. React\uB294 \uCDE8\uC5C5 \uC900\uBE44\uB97C \uD560 \uB54C \uC544\uC8FC \uC7A0\uAE50 \uACF5\uBD80\uD588\uACE0, hooks\uB294 \uC0AC\uC6A9\uD574\uBCF8\uC801\uB3C4 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4. \uADF8\uB798\uC11C "),n("strong",null,"\uC77C\uB2E8 \uCF54\uB4DC \uC2A4\uD0C0\uC77C, \uBCC0\uC218\uBA85, \uCF54\uB529\uCEE8\uBCA4\uC158 \uC704\uC8FC\uC758 \uB9AC\uBDF0"),s("\uB97C \uD588\uB2E4.")],-1),J=n("p",null,[n("img",{src:"https://user-images.githubusercontent.com/18749057/95013761-544dde00-067d-11eb-8a72-884238a9281a.png",alt:"image"})],-1),D=s("* \uC704\uC758 \uB9AC\uBDF0\uC5D0 \uB300\uD55C \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 "),T={href:"https://github.com/connectfoundation/review_2020/pull/3",target:"_blank",rel:"noopener noreferrer"},N=s("\uC774 \uB9C1\uD06C"),L=s("\uB97C \uCC38\uACE0\uD574\uC8FC\uC138\uC694."),V=s("\uBA70\uCE60 \uD6C4\uC5D0 "),H={href:"https://codesquad.kr/",target:"_blank",rel:"noopener noreferrer"},O=s("\uCF54\uB4DC\uC2A4\uCFFC\uB4DC"),Y=s(", "),K={href:"https://woowacourse.github.io/",target:"_blank",rel:"noopener noreferrer"},z=s("\uC6B0\uC544\uD55C\uD14C\uD06C\uCF54\uC2A4"),G=s(", "),Q={href:"https://woowabros.github.io/devrel/2020/04/13/techcamp3.html",target:"_blank",rel:"noopener noreferrer"},Z=s("\uC6B0\uC544\uD55C\uD14C\uD06C\uCEA0\uD504"),X=s(" \uB4F1\uC744 \uC6B4\uC601\uD558\uACE0 \uACC4\uC2DC\uB294 "),F={href:"https://github.com/crongro",target:"_blank",rel:"noopener noreferrer"},W=s("\uC724\uC9C0\uC218(\uD06C\uB871)"),$=s(" \uB9C8\uC2A4\uD130\uB2D8\uAED8\uC11C \uD53C\uB4DC\uBC31\uC744 \uB0A8\uACA8\uC8FC\uC168\uB2E4."),nn=n("p",null,[n("img",{src:"https://user-images.githubusercontent.com/18749057/95013767-5ca61900-067d-11eb-8128-111df6f0dbaf.png",alt:"image"})],-1),sn=s("\uC774\uB807\uAC8C \uBD80\uC2A4\uD2B8\uCEA0\uD504 \uB9AC\uBDF0\uC5B4\uB85C \uD65C\uB3D9\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uB2E4\uB9CC "),an=n("strong",null,"8\uC6D4 \uAE4C\uC9C0\uB294 \uBAA8\uC9D1\uAE30\uAC04\uC774\uACE0, \uD65C\uB3D9\uC740 9\uC6D4\uBD80\uD130",-1),tn=s(" \uD558\uAE30 \uB54C\uBB38\uC5D0 \uC774\uC5D0 \uB300\uD55C \uAE30\uB85D\uC740 "),en=s("9\uC6D4 \uD68C\uACE0"),on=s("\uC5D0 \uB0A8\uAE38 \uC608\uC815\uC774\uB2E4."),pn=s("\uADF8\uB9AC\uACE0 "),cn={href:"https://github.com/minuukang",target:"_blank",rel:"noopener noreferrer"},rn=s("\uAC1C\uC778\uC801\uC778 \uCE5C\uBD84\uC774 \uC788\uB294 \uC0AC\uB78C"),ln=s("\uC5D0\uAC8C\uB3C4 \uC774 \uBAA8\uC9D1\uACF5\uACE0\uB97C \uC18C\uAC1C\uD588\uACE0 \uACB0\uACFC\uC801\uC73C\uB85C \uAC19\uC774 \uD65C\uB3D9\uD560 \uC218 \uC788\uAC8C \uB418\uC5C8\uB2E4. \uAD49\uC7A5\uD788 \uC874\uACBD\uD558\uB294 \uC9C0\uC778\uC774\uBA70 "),un={href:"https://github.com/connectfoundation/review_2020/pull/22",target:"_blank",rel:"noopener noreferrer"},dn=s("\uCF54\uB4DC\uB9AC\uBDF0"),kn=s(" \uB610\uD55C \uAC10\uD0C4\uC774 \uB098\uC62C \uB9CC\uD07C \uC798 \uC791\uC131\uD574\uC8FC\uC5C8\uB2E4."),hn=n("p",null,"\uAC1C\uC778\uC801\uC73C\uB85C \uB0B4 \uB610\uB798\uC758 \uD504\uB7F0\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790 \uC911\uC5D0\uC11C \uC774 \uCE5C\uAD6C\uAC00 \uC81C\uC77C \uC798\uD558\uB294 \uC0AC\uB78C\uC774 \uC544\uB2D0\uAE4C \uC0DD\uAC01\uD55C\uB2E4.",-1),_n=n("h3",{id:"_4-react-study",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_4-react-study","aria-hidden":"true"},"#"),s(" 4. React Study")],-1),mn=s("\uC0AC\uB0B4\uC5D0 "),gn=n("strong",null,"\uC774\uC2A4\uD2B8\uC18C\uD504\uD2B8 \uACC4\uC5F4\uC0AC",-1),bn=s("\uC5D0 \uADFC\uBB34\uD558\uB294 \uC0AC\uB78C\uB4E4\uB07C\uB9AC \uC2A4\uD130\uB514\uB97C \uD560 \uC218 \uC788\uB294 \uC2DC\uC2A4\uD15C\uC774 \uB9CC\uB4E4\uC5B4\uC84C\uB2E4. \uC774 \uC911\uC5D0 "),vn={href:"https://github.com/est-react-study",target:"_blank",rel:"noopener noreferrer"},yn=s("\uB9AC\uC561\uD2B8 \uC2A4\uD130\uB514"),fn=s("\uAC00 \uC788\uC5B4\uC11C \uC9C0\uC6D0\uD588\uB2E4. "),wn=n("s",null,"\uC9C0\uC6D0\uD558\uACE0 \uBCF4\uB2C8 \uB098\uB9CC \uC90C\uC778\uD130\uB137 \uC18C\uC18D..",-1),Sn={class:"custom-container tip"},Rn=n("p",{class:"custom-container-title"},"\uC774\uC2A4\uD2B8\uC18C\uD504\uD2B8 \uACC4\uC5F4\uC0AC",-1),qn=n("p",null,"\uB300\uD45C\uC801\uC778 \uC774\uC2A4\uD2B8\uC18C\uD504\uD2B8 \uACC4\uC5F4\uC0AC\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.",-1),xn=n("ul",null,[n("li",null,"\uC774\uC2A4\uD2B8\uC18C\uD504\uD2B8"),n("li",null,"\uC774\uC2A4\uD2B8\uC2DC\uD050\uB9AC\uD2F0"),n("li",null,"\uC774\uC2A4\uD2B8\uAC8C\uC784\uC988"),n("li",null,"\uC90C\uC778\uD130\uB137")],-1),Cn=s("\uC774 \uC678\uC5D0\uB3C4 \uB354 \uC788\uC9C0\uB9CC \uC798 \uC54C\uB824\uC9C0\uC9C0 \uC54A\uC558\uAE30 \uB54C\uBB38\uC5D0 "),jn={href:"https://www.estsoft.ai/company/subsidiary",target:"_blank",rel:"noopener noreferrer"},An=s("\uC5EC\uAE30"),Bn=s("\uB97C \uCC38\uACE0\uD574\uC8FC\uC138\uC694!"),En=s("\uC77C\uB2E8 \uC2A4\uD130\uB514\uC5D0 \uCC38\uC5EC\uD558\uB294 \uC0AC\uB78C\uB4E4 \uC911 \uB300\uBD80\uBD84\uC774 \uB9AC\uC561\uD2B8\uB97C \uC544\uC608 \uD574\uBCF8\uC801\uC774 \uC5C6\uB294 \uACBD\uC6B0\uAC00 \uB9CE\uC558\uAE30 \uB54C\uBB38\uC5D0 \uAC04\uB2E8\uD558\uAC8C \uBB34\uC5C7\uC744 \uB9CC\uB4E4\uC5B4\uC57C \uC88B\uC744\uC9C0 \uD68C\uC758\uD588\uACE0, "),Mn={href:"https://www.postman.com/",target:"_blank",rel:"noopener noreferrer"},Pn=s("Postman"),Un=s(" Clone Coding\uC744 \uD558\uAE30\uB85C \uACB0\uC815\uB418\uC5C8\uB2E4."),In={href:"https://github.com/est-react-study/postman-junil",target:"_blank",rel:"noopener noreferrer"},Jn=s("est-react-study/postman-junil"),Dn={href:"https://est-react-study.github.io/postman-junil/",target:"_blank",rel:"noopener noreferrer"},Tn=s("\uB370\uBAA8 \uD655\uC778\uD574\uBCF4\uAE30"),Nn=n("p",null,[s("\uC11C\uBC84\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uC558\uAE30 \uB54C\uBB38\uC5D0 "),n("code",null,"http reuqest"),s(" \uC694\uCCAD\uC740 "),n("code",null,"github api"),s("\uB97C \uAE30\uC900\uC73C\uB85C \uD14C\uC2A4\uD2B8 \uD588\uB2E4.")],-1),Ln=n("h4",{id:"_1-recoil",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#_1-recoil","aria-hidden":"true"},"#"),s(" (1) Recoil")],-1),Vn=s("\uC774\uBC88\uC5D0 \uC2A4\uD130\uB514\uB97C \uD558\uBA74\uC11C "),Hn={href:"https://recoiljs.org/",target:"_blank",rel:"noopener noreferrer"},On=s("Recoil"),Yn=s(" \uC774\uB77C\uB294 \uC0C1\uD0DC\uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC\uB97C \uC0AC\uC6A9\uD588\uB2E4."),Kn=n("div",{class:"custom-container tip"},[n("p",{class:"custom-container-title"},"Recoil"),n("p",null,[s("Recoil\uC740 React(Facebook) \uC9C4\uC601\uC5D0\uC11C "),n("strong",null,"\uC9C1\uC811 \uB9CC\uB4E0"),s(" \uC0C1\uD0DC\uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC\uC774\uB2E4.")])],-1),zn=n("p",null,"\uC77C\uB2E8 Redux\uB098 Mobx\uBCF4\uB2E8 \uD655\uC2E4\uC774 \uD3B8\uB9AC\uD558\uB2E4. \uBB34\uC5C7\uBCF4\uB2E4 Hook\uC73C\uB85C \uC27D\uAC8C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB2E4\uBCF4\uB2C8 \uB531\uD788 \uB77C\uC774\uBE0C\uB7EC\uB9AC\uB97C \uC0AC\uC6A9\uD55C\uB2E4\uB294 \uB290\uB08C\uC774 \uB4E4\uC9C0 \uC54A\uC558\uB2E4.",-1),Gn={href:"https://recoiljs.org/",target:"_blank",rel:"noopener noreferrer"},Qn=s("\uACF5\uC2DD\uBB38\uC11C"),Zn={href:"https://medium.com/humanscape-tech/recoil-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0-285b29135d8e",target:"_blank",rel:"noopener noreferrer"},Xn=s("Recoil \uC54C\uC544\uBCF4\uAE30"),Fn={href:"https://dev.to/chandan/recoil-vs-redux-the-ultimate-react-state-management-face-off-35b",target:"_blank",rel:"noopener noreferrer"},Wn=s("Recoil vs Redux | The Ultimate React State Management Face-Off"),$n={href:"https://ui.toast.com/weekly-pick/ko_20200616/",target:"_blank",rel:"noopener noreferrer"},ns=s("Recoil - \uB610 \uB2E4\uB978 React \uC0C1\uD0DC \uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC"),ss={href:"https://github.com/chandan-reddy-k/redux-vs-recoil-example",target:"_blank",rel:"noopener noreferrer"},as=s("\uC0AC\uC6A9 \uC608\uC81C Repository"),ts=e(`

          \uC608\uC2DC \uCF54\uB4DC\uB294 \uB2E4\uC74C\uACFC \uAC19\uB2E4.

          /** requestStore/index.js **/
           import { atom, RecoilState } from "recoil";
           import { Method } from "axios";
           
          diff --git a/assets/index.html.91c988cb.js b/assets/index.html.f6b45456.js
          similarity index 99%
          rename from assets/index.html.91c988cb.js
          rename to assets/index.html.f6b45456.js
          index 54c407b9..7883ae04 100644
          --- a/assets/index.html.91c988cb.js
          +++ b/assets/index.html.f6b45456.js
          @@ -1,4 +1,4 @@
          -import{_ as r,r as l,o as d,c as t,a as n,b as s,d as i,e}from"./app.800103af.js";var o="/TIL/assets/01.7afd4c59.jpg",c="/TIL/assets/02.858a47a7.jpg",p="/TIL/assets/03.5af09d7f.jpg",u="/TIL/assets/04.05de573e.jpg";const v={},m=i('

          Gradle Wrapper

          Gradle Wrapper\uB294 Gradle\uC744 \uAC01 \uAC1C\uBC1C\uC790\uB098 CI \uC11C\uBC84\uC5D0 \uAE54\uC9C0 \uC54A\uACE0, \uD504\uB85C\uC81D\uD2B8\uC5D0 \uD568\uAED8 \uD3EC\uD568\uC2DC\uCF1C \uBC30\uD3EC\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC744 \uC81C\uACF5\uD574\uC900\uB2E4.

          Wrapper\uB97C \uC0AC\uC6A9\uD558\uB294 \uC774\uC720

          Gradle \uBE4C\uB4DC\uB97C \uC2E4\uD589\uD558\uB294 \uB370 \uAD8C\uC7A5\uB418\uB294 \uBC29\uBC95\uC740 Gradle Wrapper\uB97C \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774\uB2E4. Wrapper\uB294 \uC120\uC5B8 \uB41C \uBC84\uC804\uC758 Gradle\uC744 \uD638\uCD9C\uD558\uC5EC \uD544\uC694\uD55C \uACBD\uC6B0 \uBBF8\uB9AC \uB2E4\uC6B4\uB85C\uB4DC\uD558\uB294 \uC2A4\uD06C\uB9BD\uD2B8\uB2E4. \uACB0\uACFC\uC801\uC73C\uB85C \uC218\uB3D9 \uC124\uCE58 \uD504\uB85C\uC138\uC2A4\uB97C \uC218\uD589\uD558\uC9C0 \uC54A\uACE0\uB3C4 Gradle \uD504\uB85C\uC81D\uD2B8\uB97C \uC2E0\uC18D\uD558\uAC8C \uC2DC\uC791\uD560 \uC218 \uC788\uB2E4.

          \uC989, Gradle Wrapper\uB97C \uC0AC\uC6A9\uD558\uBA74 \uC774\uBBF8 \uC874\uC7AC\uD558\uB294 \uD504\uB85C\uC81D\uD2B8\uB97C \uC0C8\uB85C\uC6B4 \uD658\uACBD\uC5D0\uC11C \uBC14\uB85C \uBE4C\uB4DC\uD560 \uC218 \uC788\uB2E4. java\uB098 gardle\uB3C4 \uC124\uCE58\uD560 \uD544\uC694\uAC00 \uC5C6\uB2E4. \uD658\uACBD\uC5D0 \uC885\uC18D\uB418\uC9C0 \uC54A\uB294\uB2E4\uB294 \uC774\uC57C\uAE30\uB2E4.

          Gradle Download

          ',5),g=e("Gradle\uC744 \uC2DC\uC791\uD558\uAE30 \uC774\uC804\uC5D0, Gradle\uC744 "),b={href:"https://gradle.org/releases/",target:"_blank",rel:"noopener noreferrer"},h=e("\uB2E4\uC6B4\uB85C\uB4DC"),k=e(" \uBC1B\uC544\uC57C \uD55C\uB2E4. \uB9C1\uD06C\uC5D0\uC11C \uC6D0\uD558\uB294 \uBC84\uC804\uC744 \uB2E4\uC6B4\uBC1B\uC73C\uBA74 \uB41C\uB2E4. gradle\uC744 \uB2E4\uC6B4 \uBC1B\uC740 \uB2E4\uC74C, \uC6D0\uD558\uB294 \uC704\uCE58\uB85C \uC62E\uAE34 \uD6C4 \uD658\uACBD\uBCC0\uC218\uB97C \uC124\uC815\uD574\uC57C\uB41C\uB2E4."),_=i(`

          Linux & MacOS

          $ mkdir /opt/gradle # gradle \uD3F4\uB354 \uC0DD\uC131
          +import{_ as r,r as l,o as d,c as t,a as n,b as s,d as i,e}from"./app.d20f8571.js";var o="/TIL/assets/01.7afd4c59.jpg",c="/TIL/assets/02.858a47a7.jpg",p="/TIL/assets/03.5af09d7f.jpg",u="/TIL/assets/04.05de573e.jpg";const v={},m=i('

          Gradle Wrapper

          Gradle Wrapper\uB294 Gradle\uC744 \uAC01 \uAC1C\uBC1C\uC790\uB098 CI \uC11C\uBC84\uC5D0 \uAE54\uC9C0 \uC54A\uACE0, \uD504\uB85C\uC81D\uD2B8\uC5D0 \uD568\uAED8 \uD3EC\uD568\uC2DC\uCF1C \uBC30\uD3EC\uD560 \uC218 \uC788\uB294 \uBC29\uBC95\uC744 \uC81C\uACF5\uD574\uC900\uB2E4.

          Wrapper\uB97C \uC0AC\uC6A9\uD558\uB294 \uC774\uC720

          Gradle \uBE4C\uB4DC\uB97C \uC2E4\uD589\uD558\uB294 \uB370 \uAD8C\uC7A5\uB418\uB294 \uBC29\uBC95\uC740 Gradle Wrapper\uB97C \uC0AC\uC6A9\uD558\uB294 \uAC83\uC774\uB2E4. Wrapper\uB294 \uC120\uC5B8 \uB41C \uBC84\uC804\uC758 Gradle\uC744 \uD638\uCD9C\uD558\uC5EC \uD544\uC694\uD55C \uACBD\uC6B0 \uBBF8\uB9AC \uB2E4\uC6B4\uB85C\uB4DC\uD558\uB294 \uC2A4\uD06C\uB9BD\uD2B8\uB2E4. \uACB0\uACFC\uC801\uC73C\uB85C \uC218\uB3D9 \uC124\uCE58 \uD504\uB85C\uC138\uC2A4\uB97C \uC218\uD589\uD558\uC9C0 \uC54A\uACE0\uB3C4 Gradle \uD504\uB85C\uC81D\uD2B8\uB97C \uC2E0\uC18D\uD558\uAC8C \uC2DC\uC791\uD560 \uC218 \uC788\uB2E4.

          \uC989, Gradle Wrapper\uB97C \uC0AC\uC6A9\uD558\uBA74 \uC774\uBBF8 \uC874\uC7AC\uD558\uB294 \uD504\uB85C\uC81D\uD2B8\uB97C \uC0C8\uB85C\uC6B4 \uD658\uACBD\uC5D0\uC11C \uBC14\uB85C \uBE4C\uB4DC\uD560 \uC218 \uC788\uB2E4. java\uB098 gardle\uB3C4 \uC124\uCE58\uD560 \uD544\uC694\uAC00 \uC5C6\uB2E4. \uD658\uACBD\uC5D0 \uC885\uC18D\uB418\uC9C0 \uC54A\uB294\uB2E4\uB294 \uC774\uC57C\uAE30\uB2E4.

          Gradle Download

          ',5),g=e("Gradle\uC744 \uC2DC\uC791\uD558\uAE30 \uC774\uC804\uC5D0, Gradle\uC744 "),b={href:"https://gradle.org/releases/",target:"_blank",rel:"noopener noreferrer"},h=e("\uB2E4\uC6B4\uB85C\uB4DC"),k=e(" \uBC1B\uC544\uC57C \uD55C\uB2E4. \uB9C1\uD06C\uC5D0\uC11C \uC6D0\uD558\uB294 \uBC84\uC804\uC744 \uB2E4\uC6B4\uBC1B\uC73C\uBA74 \uB41C\uB2E4. gradle\uC744 \uB2E4\uC6B4 \uBC1B\uC740 \uB2E4\uC74C, \uC6D0\uD558\uB294 \uC704\uCE58\uB85C \uC62E\uAE34 \uD6C4 \uD658\uACBD\uBCC0\uC218\uB97C \uC124\uC815\uD574\uC57C\uB41C\uB2E4."),_=i(`

          Linux & MacOS

          $ mkdir /opt/gradle # gradle \uD3F4\uB354 \uC0DD\uC131
           $ unzip -d /opt/gradle gradle-6.0.1-bin.zip # \uC555\uCD95 \uD574\uC81C
           $ export PATH=$PATH:/opt/gradle/gradle-6.0.1/bin # \uD658\uACBD\uBCC0\uC218 \uC124\uC815
           


          \xA0

          Window

          C:\\Gradle\uC5D0 \uD3F4\uB354\uB97C \uB9CC\uB4E0 \uD6C4, \uB2E4\uC6B4\uBC1B\uC740 gradle\uC744 \uC62E\uAE34\uB2E4.

          \uC608\uC2DC1

          \uADF8\uB9AC\uACE0 \uCEF4\uD4E8\uD130 > \uC18D\uC131 > \uACE0\uAE09 \uC2DC\uC2A4\uD15C \uC124\uC815 > \uACE0\uAE09 > \uD658\uACBD\uBCC0\uC218\uB85C \uB4E4\uC5B4\uAC04 \uB2E4\uC74C \uC2DC\uC2A4\uD15C \uBCC0\uC218\uC758 Path\uC5D0 C:\\Gradle\\gradle-6.0.1\\bin\uB97C \uCD94\uAC00\uD574\uC900\uB2E4.

          \uC608\uC2DC2

          \uC124\uCE58 \uD655\uC778

          \uD658\uACBD\uBCC0\uC218\uAE4C\uC9C0 \uC124\uC815\uC774 \uC644\uB8CC\uB418\uC5C8\uC73C\uBA74 gradle -v \uBA85\uB839\uC744 \uD1B5\uD574 \uC815\uC0C1\uC801\uC73C\uB85C \uC124\uCE58 \uB418\uC5C8\uB294\uC9C0 \uD655\uC778\uD55C\uB2E4.

          $ gradle -v
          diff --git a/assets/index.html.7711fd0a.js b/assets/index.html.fceceda2.js
          similarity index 97%
          rename from assets/index.html.7711fd0a.js
          rename to assets/index.html.fceceda2.js
          index 8d1d94d9..f9439a8a 100644
          --- a/assets/index.html.7711fd0a.js
          +++ b/assets/index.html.fceceda2.js
          @@ -1 +1 @@
          -import{_ as i,r as _,o as a,c as s,a as t,b as o,w as l,e}from"./app.800103af.js";const r={},C=t("h1",{id:"\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u1100\u1173\u11AF\u110A\u1173\u1100\u1175",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u1100\u1173\u11AF\u110A\u1173\u1100\u1175","aria-hidden":"true"},"#"),e(" \uAC1C\uBC1C\uC790\uC758 \uAE00\uC4F0\uAE30")],-1),E=t("p",null,"\uAC1C\uBC1C\uC740 \uC0DD\uAC01\uBCF4\uB2E4 \uC2EC\uC624\uD55C \uC791\uC5C5\uC774\uB2E4. \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uADF8 \uC790\uCCB4\uC5D0 \uB300\uD55C \uC9C0\uC2DD\uACFC \uACF5\uD559\uC801\uC778 \uC9C0\uC2DD\uB3C4 \uBB3C\uB860 \uC911\uC694\uD558\uC9C0\uB9CC \uCD5C\uADFC\uB4E4\uC5B4 \uC774\uB7EC\uD55C \uC5ED\uB7C9\uBCF4\uB2E4 \uC911\uC694\uD558\uB2E4\uACE0 \uB290\uB07C\uACE0 \uC788\uB294 \uAC8C \uBC14\uB85C \uB9D0\uC744 \uC798 \uD558\uB294 \uAC83, \uD45C\uD604\uC744 \uC798 \uD558\uB294 \uAC83, \uADF8\uB9AC\uACE0 \uC798 \uC4F0\uB294 \uAC83\uC774\uB2E4.",-1),c=t("p",null,"\uB098\uC758 \uC0DD\uAC01\uC744 \uC798 \uC804\uB2EC\uD558\uAE30 \uC704\uD574\uC11C \uAE00 \uC4F0\uB294 \uC5F0\uC2B5\uC744 \uD558\uC790.",-1),d=e("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 - Part 01"),B=e("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 - Part 02"),u=e("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 - Part 03"),h=e("2021 \uACC4\uD68D"),A=e("\uC0DD\uAC01\uC815\uB9AC");function f(m,p){const n=_("RouterLink");return a(),s("div",null,[C,E,c,t("ul",null,[t("li",null,[o(n,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/"},{default:l(()=>[d]),_:1})]),t("li",null,[o(n,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/"},{default:l(()=>[B]),_:1})]),t("li",null,[o(n,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/"},{default:l(()=>[u]),_:1})]),t("li",null,[o(n,{to:"/writing/02-2021-%EA%B3%84%ED%9A%8D/"},{default:l(()=>[h]),_:1})]),t("li",null,[o(n,{to:"/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/"},{default:l(()=>[A]),_:1})])])])}var w=i(r,[["render",f],["__file","index.html.vue"]]);export{w as default};
          +import{_ as i,r as _,o as a,c as s,a as t,b as o,w as l,e}from"./app.d20f8571.js";const r={},C=t("h1",{id:"\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u1100\u1173\u11AF\u110A\u1173\u1100\u1175",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#\u1100\u1162\u1107\u1161\u11AF\u110C\u1161\u110B\u1174-\u1100\u1173\u11AF\u110A\u1173\u1100\u1175","aria-hidden":"true"},"#"),e(" \uAC1C\uBC1C\uC790\uC758 \uAE00\uC4F0\uAE30")],-1),E=t("p",null,"\uAC1C\uBC1C\uC740 \uC0DD\uAC01\uBCF4\uB2E4 \uC2EC\uC624\uD55C \uC791\uC5C5\uC774\uB2E4. \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uADF8 \uC790\uCCB4\uC5D0 \uB300\uD55C \uC9C0\uC2DD\uACFC \uACF5\uD559\uC801\uC778 \uC9C0\uC2DD\uB3C4 \uBB3C\uB860 \uC911\uC694\uD558\uC9C0\uB9CC \uCD5C\uADFC\uB4E4\uC5B4 \uC774\uB7EC\uD55C \uC5ED\uB7C9\uBCF4\uB2E4 \uC911\uC694\uD558\uB2E4\uACE0 \uB290\uB07C\uACE0 \uC788\uB294 \uAC8C \uBC14\uB85C \uB9D0\uC744 \uC798 \uD558\uB294 \uAC83, \uD45C\uD604\uC744 \uC798 \uD558\uB294 \uAC83, \uADF8\uB9AC\uACE0 \uC798 \uC4F0\uB294 \uAC83\uC774\uB2E4.",-1),c=t("p",null,"\uB098\uC758 \uC0DD\uAC01\uC744 \uC798 \uC804\uB2EC\uD558\uAE30 \uC704\uD574\uC11C \uAE00 \uC4F0\uB294 \uC5F0\uC2B5\uC744 \uD558\uC790.",-1),d=e("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 - Part 01"),B=e("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 - Part 02"),u=e("\uC720\uB144\uC2DC\uC808 \uC774\uC57C\uAE30 - Part 03"),h=e("2021 \uACC4\uD68D"),A=e("\uC0DD\uAC01\uC815\uB9AC");function f(m,p){const n=_("RouterLink");return a(),s("div",null,[C,E,c,t("ul",null,[t("li",null,[o(n,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-1/"},{default:l(()=>[d]),_:1})]),t("li",null,[o(n,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-2/"},{default:l(()=>[B]),_:1})]),t("li",null,[o(n,{to:"/writing/01-%EC%9C%A0%EB%85%84%EC%8B%9C%EC%A0%88-%EC%9D%B4%EC%95%BC%EA%B8%B0-3/"},{default:l(()=>[u]),_:1})]),t("li",null,[o(n,{to:"/writing/02-2021-%EA%B3%84%ED%9A%8D/"},{default:l(()=>[h]),_:1})]),t("li",null,[o(n,{to:"/writing/03-%EC%83%9D%EA%B0%81%EC%A0%95%EB%A6%AC/"},{default:l(()=>[A]),_:1})])])])}var w=i(r,[["render",f],["__file","index.html.vue"]]);export{w as default};
          diff --git a/assets/index.html.5a55ce9e.js b/assets/index.html.fd96e33e.js
          similarity index 97%
          rename from assets/index.html.5a55ce9e.js
          rename to assets/index.html.fd96e33e.js
          index 96f8f17c..4f5589ea 100644
          --- a/assets/index.html.5a55ce9e.js
          +++ b/assets/index.html.fd96e33e.js
          @@ -1 +1 @@
          -const e={key:"v-05561bcf",path:"/Review/2020-year/11-November/",title:"2020\uB144 11\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 11\uC6D4 \uD68C\uACE0",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 2020\uB144 11\uC6D4 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-12-29T23:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/172793857-c5e6e774-200c-45ce-ac19-a1f25b64585b.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. CMS \uB9C8\uBB34\uB9AC",slug:"_1-cms-\u1106\u1161\u1106\u116E\u1105\u1175",children:[]},{level:3,title:"2. \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1109\u1175\u11AB\u1100\u1172-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uB125\uC2A4\uD2B8 \uC2A4\uD15D \uB9AC\uBDF0\uC5B4",slug:"_1-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173-\u1109\u1173\u1110\u1166\u11B8-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"2. \uB2E8\uCFE0\uD0A4 \uB9AC\uCFE0\uB974\uD2B8 \uC9C0\uC6D0",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175-\u1105\u1175\u110F\u116E\u1105\u1173\u1110\u1173-\u110C\u1175\u110B\u116F\u11AB",children:[]},{level:3,title:"3. Composition API \uD559\uC2B5",slug:"_3-composition-api-\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[]},{level:3,title:"4. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 2",slug:"_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2",children:[]},{level:3,title:"5. \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 2\uAE30",slug:"_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175",children:[]},{level:3,title:"6. \uAE30\uB2A5\uB300\uD68C\uC6A9 PHP Tutorial",slug:"_6-\u1100\u1175\u1102\u1173\u11BC\u1103\u1162\u1112\u116C\u110B\u116D\u11BC-php-tutorial",children:[]},{level:3,title:"7. \uBAA8\uAC01\uCF54",slug:"_7-\u1106\u1169\u1100\u1161\u11A8\u110F\u1169",children:[]},{level:3,title:"8. \uB124\uC774\uBC84 \uC544\uD3F4\uB85C \uBA74\uC811",slug:"_8-\u1102\u1166\u110B\u1175\u1107\u1165-\u110B\u1161\u1111\u1169\u11AF\u1105\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8",children:[]},{level:3,title:"9. Devears",slug:"_9-devears",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733507e3},filePathRelative:"Review/2020-year/11-November/README.md"};export{e as data};
          +const e={key:"v-05561bcf",path:"/Review/2020-year/11-November/",title:"2020\uB144 11\uC6D4 \uD68C\uACE0",lang:"en-US",frontmatter:{title:"2020\uB144 11\uC6D4 \uD68C\uACE0",description:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C\uC758 2020\uB144 11\uC6D4 \uD68C\uACE0\uC785\uB2C8\uB2E4.",sidebarDepth:2,date:"2020-12-29T23:00:00.000Z",tag:"\uD68C\uACE0",thumbnail:"https://user-images.githubusercontent.com/18749057/172793857-c5e6e774-200c-45ce-ac19-a1f25b64585b.png"},excerpt:"",headers:[{level:2,title:"\uACF5\uC801",slug:"\u1100\u1169\u11BC\u110C\u1165\u11A8",children:[{level:3,title:"1. CMS \uB9C8\uBB34\uB9AC",slug:"_1-cms-\u1106\u1161\u1106\u116E\u1105\u1175",children:[]},{level:3,title:"2. \uC2E0\uADDC \uD504\uB85C\uC81D\uD2B8",slug:"_2-\u1109\u1175\u11AB\u1100\u1172-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173",children:[]}]},{level:2,title:"\uC0AC\uC801",slug:"\u1109\u1161\u110C\u1165\u11A8",children:[{level:3,title:"1. \uB125\uC2A4\uD2B8 \uC2A4\uD15D \uB9AC\uBDF0\uC5B4",slug:"_1-\u1102\u1166\u11A8\u1109\u1173\u1110\u1173-\u1109\u1173\u1110\u1166\u11B8-\u1105\u1175\u1107\u1172\u110B\u1165",children:[]},{level:3,title:"2. \uB2E8\uCFE0\uD0A4 \uB9AC\uCFE0\uB974\uD2B8 \uC9C0\uC6D0",slug:"_2-\u1103\u1161\u11AB\u110F\u116E\u110F\u1175-\u1105\u1175\u110F\u116E\u1105\u1173\u1110\u1173-\u110C\u1175\u110B\u116F\u11AB",children:[]},{level:3,title:"3. Composition API \uD559\uC2B5",slug:"_3-composition-api-\u1112\u1161\u11A8\u1109\u1173\u11B8",children:[]},{level:3,title:"4. \uBE14\uB799\uCEE4\uD53C \uC2A4\uD130\uB514 \uB808\uBCA8 2",slug:"_4-\u1107\u1173\u11AF\u1105\u1162\u11A8\u110F\u1165\u1111\u1175-\u1109\u1173\u1110\u1165\u1103\u1175-\u1105\u1166\u1107\u1166\u11AF-2",children:[]},{level:3,title:"5. \uBE14\uB85C\uADF8 \uC2A4\uD130\uB514 2\uAE30",slug:"_5-\u1107\u1173\u11AF\u1105\u1169\u1100\u1173-\u1109\u1173\u1110\u1165\u1103\u1175-2\u1100\u1175",children:[]},{level:3,title:"6. \uAE30\uB2A5\uB300\uD68C\uC6A9 PHP Tutorial",slug:"_6-\u1100\u1175\u1102\u1173\u11BC\u1103\u1162\u1112\u116C\u110B\u116D\u11BC-php-tutorial",children:[]},{level:3,title:"7. \uBAA8\uAC01\uCF54",slug:"_7-\u1106\u1169\u1100\u1161\u11A8\u110F\u1169",children:[]},{level:3,title:"8. \uB124\uC774\uBC84 \uC544\uD3F4\uB85C \uBA74\uC811",slug:"_8-\u1102\u1166\u110B\u1175\u1107\u1165-\u110B\u1161\u1111\u1169\u11AF\u1105\u1169-\u1106\u1167\u11AB\u110C\u1165\u11B8",children:[]},{level:3,title:"9. Devears",slug:"_9-devears",children:[]}]},{level:2,title:"Summary",slug:"summary",children:[]}],git:{updatedTime:1707733811e3},filePathRelative:"Review/2020-year/11-November/README.md"};export{e as data};
          diff --git a/index.html b/index.html
          index f3bfe310..e80190ef 100644
          --- a/index.html
          +++ b/index.html
          @@ -23,11 +23,11 @@
           			}
               
               개발자 황준일
          -    
          +    
               
             
             
               

          Copyright © 2019 All Right 개발자 황준일

          junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

          - + diff --git a/posts.json b/posts.json index 132315e1..0a29a4f0 100644 --- a/posts.json +++ b/posts.json @@ -1 +1 @@ -[{"path":"/Book/start-with-why/","title":"Start with why 서평","tag":"회고","description":"사람들은","thumbnail":"https://raw.githubusercontent.com/JunilHwang/TIL/master/Book/start-with-why/thumbnail.png","createdAt":1707762600000},{"path":"/Review/2024-year/01/","title":"2024년 1월 회고","tag":"회고","description":"1년치 목표를 정하는건 너무 어려운 일이다. 내가 되고 싶은 모습과, 그 모습이 되었음을 증명하는 것, 참 어렵다.","thumbnail":"https://raw.githubusercontent.com/JunilHwang/TIL/master/Review/2024-year/01/img/5.png","createdAt":1706985000000},{"path":"/writing/개발자-취준/","title":"2023년을 돌아보며 생각한 개발자로 취업하기","tag":"생각","description":"개발자로 취업을 하기 위해선 어떤 방식으로 준비를 해야 좋을까?","createdAt":1705186800000},{"path":"/Review/2023-year/end/","title":"2023년 회고","tag":"회고","description":"나 자신에 대해 참 많은 것들을 알 수 있었던 1년","thumbnail":"https://raw.githubusercontent.com/JunilHwang/TIL/master/Review/2023-year/end/thumbnail.jpg","createdAt":1704794400000},{"path":"/Javascript/Design/Vanilla-JS-Server-Side-Rendering/","title":"프레임워크 없이 만드는 SSR","tag":"javascript, vanilla, ssr","description":"프레임워크를 사용하지 않고 SSR과 CSR을 적용해보면서 프론트엔드에서의 SSR에 대해 학습합니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/218312378-4a6d1e60-813b-4dab-a1aa-a07dcba82411.png","createdAt":1676160000000},{"path":"/Review/2022-year/end/","title":"주니어 개발자의 2022년 회고","tag":"회고","description":"줌인터넷과의 작별, 네이버 입사, 그리고 부스트캠프","thumbnail":"https://user-images.githubusercontent.com/18749057/210173339-3986e61a-5645-4bfc-be71-119d51842809.jpg","createdAt":1672614000000},{"path":"/writing/인프런-심야-FE-후기/","title":"인프런 심야 FE 네트워킹 후기","tag":"일상","description":"인프런의 심야 FE 네트워킹에 참여했습니다. 발표를 보면서 생각했던 내용과 네트워킹에 대한 내용을 다룹니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/174490151-0aa33935-a28c-4157-a7ae-07ec3f506d62.jpg","createdAt":1655675100000},{"path":"/side-project/dku-schedule-manager/","title":"단국대학교 강의 시간표를 제공하는 서비스를 만들자","tag":"project","description":"단국대학교 재학생들을 타겟팅하는 간단한 사이드 프로젝트를 진행했다. 이에 대한 내용을 정리하는 글이다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793209-17b5d1e9-a196-4019-8e36-b7024d533bf2.png","createdAt":1643194800000},{"path":"/Review/2021-year/end/","title":"주니어 개발자의 2021년 회고","tag":"회고","description":"주니어 개발자의 2021년 회고","thumbnail":"https://user-images.githubusercontent.com/18749057/172793231-f0ddc40c-1309-4c64-a74a-4522a4ef4ef2.png","createdAt":1640994000000},{"path":"/Javascript/Design/Vanilla-JS-Make-useSate-hook/","title":"Vanilla Javascript로 React UseState Hook 만들기","tag":"javascript, vanilla","description":"React의 UseState Hook의 작동방식에 대해 고민해보고, 구현해보고, 최적화하는 내용을 다룹니다.","createdAt":1629849600000},{"path":"/Javascript/Design/Vanilla-JS-Virtual-DOM/","title":"Vanilla Javascript로 가상돔(VirtualDOM) 만들기","tag":"javascript, vanilla","description":"React와 Vue에서 사용되고 있는 가상돔(VirtualDOM)을 Vanilla JS로 직접 만드는 과정에 대해 소개합니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793454-927322f5-e7e7-48f4-8aa6-a79350b219e3.png","createdAt":1629244800000},{"path":"/Javascript/Design/Vanilla-JS-Store/","title":"Vanilla Javascript로 상태관리 시스템 만들기","tag":"javascript, vanilla","description":"Vanilla Javascript로 Vuex와 Redux 같은 상태관리 시스템을 만드는 방법에 대해 소개합니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793385-33a57d25-a9e7-4225-9b4e-0b1e70133633.png","createdAt":1627257600000},{"path":"/Javascript/Design/Vanilla-JS-Component/","title":"Vanilla Javascript로 웹 컴포넌트 만들기","tag":"javascript, vanilla","description":"Vanilla Javascript로 간단한 웹 컴포넌트를 만드는 과정에 대해 소개합니다.","createdAt":1627171200000},{"path":"/writing/03-생각정리/","title":"생각정리","tag":"일상","description":"가끔은 나의 개인적인 생각을 정리해보자.","createdAt":1626710400000},{"path":"/Review/2021-year/01-First-Quarter/","title":"주니어 개발자의 2021년 상반기 회고","tag":"회고","description":"주니어 개발자의 2021년 상반기 회고","thumbnail":"https://user-images.githubusercontent.com/18749057/172793670-9f6fe122-b21b-4f77-93c0-f16e67b69c6d.png","createdAt":1626057000000},{"path":"/Review/2020-year/end/","title":"주니어 개발자의 2020년 회고","tag":"회고","description":"주니어 개발자의 2020년 12월 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793727-c9a2ab28-1038-4531-b74e-26ca75d3c6da.png","createdAt":1610017200000},{"path":"/Review/2020-year/12-December/","title":"2020년 12월 회고","tag":"회고","description":"개발자 황준일의 2020년 12월 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793803-a792c72b-82f0-4da7-b8c0-a58978c234e9.png","createdAt":1609352400000},{"path":"/Review/2020-year/11-November/","title":"2020년 11월 회고","tag":"회고","description":"개발자 황준일의 2020년 11월 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793857-c5e6e774-200c-45ce-ac19-a1f25b64585b.png","createdAt":1609282800000},{"path":"/Review/2020-year/10-October/","title":"2020년 10월 회고","tag":"회고","description":"개발자 황준일의 2020년 10월 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172794025-b1f23db1-66d1-44dc-95b2-162defe116df.png","createdAt":1609198200000},{"path":"/writing/02-2021-계획/","title":"2021 새해 계획","tag":"일상","description":"다가오는 2021년에 대한 계획입니다.","createdAt":1608768960000},{"path":"/writing/01-유년시절-이야기-3/","title":"유년시절 이야기 (3)","tag":"일상","description":"짧았지만 강렬했던, 그리운 시절의 이야기입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/99907933-ef307380-2d22-11eb-9058-638754596cf8.jpg","createdAt":1606094280000},{"path":"/writing/01-유년시절-이야기-2/","title":"유년시절 이야기 (2)","tag":"일상","description":"본격적으로 개발을 시작하게 되는 이야기입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/98434003-2130bb80-210f-11eb-80da-f1120f2cea2e.png","createdAt":1604916960000},{"path":"/writing/01-유년시절-이야기-1/","title":"유년시절 이야기 (1)","tag":"일상","description":"개발에 입문하기 이전의 유년시절 이야기입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/97804779-54012c80-1c95-11eb-8c14-067c7506d93e.png","createdAt":1604231100000},{"path":"/Review/2020-year/09-September/","title":"2020년 9월 회고","tag":"회고","description":"개발자 황준일의 2020년 9월 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/96290347-689cbe00-1021-11eb-873c-612efe8ec1d7.png","createdAt":1601424000000},{"path":"/Review/2020-year/08-August/","title":"2020년 8월 회고","tag":"회고","description":"2020년 8월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/95019363-e666de00-069f-11eb-86fe-e5faad159579.png","createdAt":1598832000000},{"path":"/Javascript/Hangul-Consonants-Search/","title":"Javascript 한글 초성검색","tag":"javascript","description":"복잡한 계산식 없이, 간단하게 초성 검색을 구현할 수 있다.","createdAt":1598745600000},{"path":"/Javascript/Domain/Execution-Context/","title":"자바스크립트 실행 컨텍스트","tag":"javascript, domain","description":"자바스크립트 실행 컨텍스트에 대해 다룹니다.","createdAt":1596240000000},{"path":"/Review/2020-year/07-July/","title":"2020년 7월 회고","tag":"회고","description":"2020년 7월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/89124819-d2262980-d514-11ea-9789-e04e715489c8.png","createdAt":1596153600000},{"path":"/Review/2020-year/02-Second-Quarter/","title":"2020년 2분기 회고","tag":"회고","description":"개발자 황준일의 2020년 2분기 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/89799319-4772a980-db68-11ea-8c89-02751f863561.png","createdAt":1593561600000},{"path":"/Review/2020-year/06-June/","title":"2020년 6월 회고","tag":"회고","description":"2020년 6월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/87239161-d778e280-c446-11ea-808f-2f3e2d8966e4.png","createdAt":1593475200000},{"path":"/Review/2020-year/05-May/","title":"2020년 5월 회고","tag":"회고","description":"2020년 5월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/83351912-f59cee80-a382-11ea-8da5-b515e0831ebd.png","createdAt":1590883200000},{"path":"/Review/2020-year/04-April/","title":"2020년 4월 회고","tag":"회고","description":"2020년 4월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/80867623-16185100-8cd0-11ea-99ee-4cba4953c78f.png","createdAt":1588204800000},{"path":"/Review/2020-year/01-First-Quarter/","title":"2020년 1분기 회고","tag":"회고","description":"2020년 1분기 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/80858428-2ca0b700-8c94-11ea-8478-a0b8c665243d.png","createdAt":1585699200000},{"path":"/Review/2020-year/03-March/","title":"2020년 3월 회고","tag":"회고","description":"2020년 3월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/80858554-d54f1680-8c94-11ea-9227-39d1c34e6196.png","createdAt":1585612800000},{"path":"/Review/2020-year/02-February/","title":"2020년 2월 회고","tag":"회고","description":"2020년 2월 회고 입니다.","createdAt":1582934400000},{"path":"/CodeSpitz/Object-Oriented-Javascript/05-Extension/","title":"MVVM System 개선하기 (3)","tag":"코드스피츠, javascript, oop","description":"MVVM System을 최종적으로 어떻게 개선하였는지 설명합니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1582848000000},{"path":"/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/","title":"MVVM System 개선하기 (2)","tag":"코드스피츠, javascript, oop","description":"ISP 원칙, Visitor Pattern 등을 적용하여 MVVM System을 더욱 개선합니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1582329600000},{"path":"/Book/OOP-Principle/02-Java-As-PL/","title":"02 프로그래밍 언어로서의 자바 | 객체지향의 원리와 이해","tag":"책","description":"프로그래밍 언어로서의 Java가 가지고 있는 여러 가지 특성들을 알아보고 이해하여봅시다.","thumbnail":"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg","createdAt":1582117200000},{"path":"/Book/OOP-Principle/01-Loved-Human/","title":"01 사람을 사랑한 기술 | 객체지향의 원리와 이해","tag":"책","description":"객체지향이라는 개념이 나오기 까지의 이유와 간략한 역사를 소개합니다.","thumbnail":"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg","createdAt":1582030800000},{"path":"/Book/OOP-Principle/00-Intro/","title":"00 책 소개 | 객체지향의 원리와 이해","tag":"책","description":"김종민님이 저술한 \"스프링 입문을 위한 (자바) 객체지향의 원리와 이해\"에 대한 소개입니다.","thumbnail":"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg","createdAt":1581944400000},{"path":"/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/","title":"MVVM System 개선하기 (1)","tag":"코드스피츠, javascript, oop","description":"다양한 Design Pattern을 이용하여 MVVM System을 개선하는 방법에 대해 소개합니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1581724800000},{"path":"/CodeSpitz/Object-Oriented-Javascript/02-MVVM/","title":"MVVM System 만들기","tag":"코드스피츠, javascript, oop","description":"객체지향을 통해서 MVVM System을 만드는 과정입니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1581120000000},{"path":"/CodeSpitz/Object-Oriented-Javascript/01-Intro/","title":"객체지향의 기본 이론","tag":"코드스피츠, javascript, oop","description":"객체지향의 원칙과 객체지향을 사용하는 궁극적인 목표에 대해 기술합니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1580515200000},{"path":"/CodeSpitz/None-Blocking-Javascript/Intro/","title":"None Blocking Javascript 소개","tag":"코드스피츠, javascript, domain","description":"거침없는(None Blocking) 자바스크립트의 특징들에 대해 소개합니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1580475600000},{"path":"/Review/2020-year/01-January/","title":"2020년 1월 회고","tag":"회고","description":"2020년 1월 회고 입니다.","createdAt":1580428800000},{"path":"/Gradle/GradleWrapper/","title":"Gradle Wrapper","tag":"개발환경","description":"Gradle Wrapper는 Gradle을 각 개발자나 CI 서버에 깔지 않고, 프로젝트에 함께 포함시켜 배포할 수 있는 방법을 제공해준다.","thumbnail":"https://upload.wikimedia.org/wikipedia/commons/c/cb/Gradle_logo.png","createdAt":1578960000000},{"path":"/vuepress/Plantuml/","title":"markdown-it-plantuml","tag":"vuepress","description":"plantuml은 markdown에서 uml을 사용할 수 있게 해주는 플러그인이다.","createdAt":1578355200000},{"path":"/vuepress/Utterances/","title":"Vuepress + Utterances","tag":"vuepress","description":"Vuepress에 Utterances(GitHub Issue를 이용한 댓글)를 적용하는 방법에 대해 기술합니다.","createdAt":1578355200000},{"path":"/vuepress/Deploy/","title":"github page에 배포하기","tag":"vuepress","description":"Vuepress로 만든 문서를 github page에 배포하는 방법에 대해 기록한 문서이다.","createdAt":1578268800000},{"path":"/vuepress/Theme/","title":"VuePress 테마 설정","tag":"vuepress","description":"현재 페이지는 VuePress에서 Theme를 다루는 방법에 대해 기술한 내용이다.","createdAt":1578182400000},{"path":"/vuepress/Starter/","title":"Vuepress 시작하기","tag":"vuepress","description":"현재 페이지에서 다루고 있는 내용은 vuepress로 TIL 문서를 만들면서 알게된 내용들을 정리한 것이다.","createdAt":1578096000000}] \ No newline at end of file +[{"path":"/Book/start-with-why/","title":"Start with why 서평","tag":"회고","description":"사람들은","thumbnail":"https://raw.githubusercontent.com/JunilHwang/TIL/master/Book/start-with-why/thumbnail.png","createdAt":1707696000000},{"path":"/Review/2024-year/01/","title":"2024년 1월 회고","tag":"회고","description":"1년치 목표를 정하는건 너무 어려운 일이다. 내가 되고 싶은 모습과, 그 모습이 되었음을 증명하는 것, 참 어렵다.","thumbnail":"https://raw.githubusercontent.com/JunilHwang/TIL/master/Review/2024-year/01/img/5.png","createdAt":1706985000000},{"path":"/writing/개발자-취준/","title":"2023년을 돌아보며 생각한 개발자로 취업하기","tag":"생각","description":"개발자로 취업을 하기 위해선 어떤 방식으로 준비를 해야 좋을까?","createdAt":1705186800000},{"path":"/Review/2023-year/end/","title":"2023년 회고","tag":"회고","description":"나 자신에 대해 참 많은 것들을 알 수 있었던 1년","thumbnail":"https://raw.githubusercontent.com/JunilHwang/TIL/master/Review/2023-year/end/thumbnail.jpg","createdAt":1704794400000},{"path":"/Javascript/Design/Vanilla-JS-Server-Side-Rendering/","title":"프레임워크 없이 만드는 SSR","tag":"javascript, vanilla, ssr","description":"프레임워크를 사용하지 않고 SSR과 CSR을 적용해보면서 프론트엔드에서의 SSR에 대해 학습합니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/218312378-4a6d1e60-813b-4dab-a1aa-a07dcba82411.png","createdAt":1676160000000},{"path":"/Review/2022-year/end/","title":"주니어 개발자의 2022년 회고","tag":"회고","description":"줌인터넷과의 작별, 네이버 입사, 그리고 부스트캠프","thumbnail":"https://user-images.githubusercontent.com/18749057/210173339-3986e61a-5645-4bfc-be71-119d51842809.jpg","createdAt":1672614000000},{"path":"/writing/인프런-심야-FE-후기/","title":"인프런 심야 FE 네트워킹 후기","tag":"일상","description":"인프런의 심야 FE 네트워킹에 참여했습니다. 발표를 보면서 생각했던 내용과 네트워킹에 대한 내용을 다룹니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/174490151-0aa33935-a28c-4157-a7ae-07ec3f506d62.jpg","createdAt":1655675100000},{"path":"/side-project/dku-schedule-manager/","title":"단국대학교 강의 시간표를 제공하는 서비스를 만들자","tag":"project","description":"단국대학교 재학생들을 타겟팅하는 간단한 사이드 프로젝트를 진행했다. 이에 대한 내용을 정리하는 글이다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793209-17b5d1e9-a196-4019-8e36-b7024d533bf2.png","createdAt":1643194800000},{"path":"/Review/2021-year/end/","title":"주니어 개발자의 2021년 회고","tag":"회고","description":"주니어 개발자의 2021년 회고","thumbnail":"https://user-images.githubusercontent.com/18749057/172793231-f0ddc40c-1309-4c64-a74a-4522a4ef4ef2.png","createdAt":1640994000000},{"path":"/Javascript/Design/Vanilla-JS-Make-useSate-hook/","title":"Vanilla Javascript로 React UseState Hook 만들기","tag":"javascript, vanilla","description":"React의 UseState Hook의 작동방식에 대해 고민해보고, 구현해보고, 최적화하는 내용을 다룹니다.","createdAt":1629849600000},{"path":"/Javascript/Design/Vanilla-JS-Virtual-DOM/","title":"Vanilla Javascript로 가상돔(VirtualDOM) 만들기","tag":"javascript, vanilla","description":"React와 Vue에서 사용되고 있는 가상돔(VirtualDOM)을 Vanilla JS로 직접 만드는 과정에 대해 소개합니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793454-927322f5-e7e7-48f4-8aa6-a79350b219e3.png","createdAt":1629244800000},{"path":"/Javascript/Design/Vanilla-JS-Store/","title":"Vanilla Javascript로 상태관리 시스템 만들기","tag":"javascript, vanilla","description":"Vanilla Javascript로 Vuex와 Redux 같은 상태관리 시스템을 만드는 방법에 대해 소개합니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793385-33a57d25-a9e7-4225-9b4e-0b1e70133633.png","createdAt":1627257600000},{"path":"/Javascript/Design/Vanilla-JS-Component/","title":"Vanilla Javascript로 웹 컴포넌트 만들기","tag":"javascript, vanilla","description":"Vanilla Javascript로 간단한 웹 컴포넌트를 만드는 과정에 대해 소개합니다.","createdAt":1627171200000},{"path":"/writing/03-생각정리/","title":"생각정리","tag":"일상","description":"가끔은 나의 개인적인 생각을 정리해보자.","createdAt":1626710400000},{"path":"/Review/2021-year/01-First-Quarter/","title":"주니어 개발자의 2021년 상반기 회고","tag":"회고","description":"주니어 개발자의 2021년 상반기 회고","thumbnail":"https://user-images.githubusercontent.com/18749057/172793670-9f6fe122-b21b-4f77-93c0-f16e67b69c6d.png","createdAt":1626057000000},{"path":"/Review/2020-year/end/","title":"주니어 개발자의 2020년 회고","tag":"회고","description":"주니어 개발자의 2020년 12월 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793727-c9a2ab28-1038-4531-b74e-26ca75d3c6da.png","createdAt":1610017200000},{"path":"/Review/2020-year/12-December/","title":"2020년 12월 회고","tag":"회고","description":"개발자 황준일의 2020년 12월 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793803-a792c72b-82f0-4da7-b8c0-a58978c234e9.png","createdAt":1609352400000},{"path":"/Review/2020-year/11-November/","title":"2020년 11월 회고","tag":"회고","description":"개발자 황준일의 2020년 11월 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172793857-c5e6e774-200c-45ce-ac19-a1f25b64585b.png","createdAt":1609282800000},{"path":"/Review/2020-year/10-October/","title":"2020년 10월 회고","tag":"회고","description":"개발자 황준일의 2020년 10월 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/172794025-b1f23db1-66d1-44dc-95b2-162defe116df.png","createdAt":1609198200000},{"path":"/writing/02-2021-계획/","title":"2021 새해 계획","tag":"일상","description":"다가오는 2021년에 대한 계획입니다.","createdAt":1608768960000},{"path":"/writing/01-유년시절-이야기-3/","title":"유년시절 이야기 (3)","tag":"일상","description":"짧았지만 강렬했던, 그리운 시절의 이야기입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/99907933-ef307380-2d22-11eb-9058-638754596cf8.jpg","createdAt":1606094280000},{"path":"/writing/01-유년시절-이야기-2/","title":"유년시절 이야기 (2)","tag":"일상","description":"본격적으로 개발을 시작하게 되는 이야기입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/98434003-2130bb80-210f-11eb-80da-f1120f2cea2e.png","createdAt":1604916960000},{"path":"/writing/01-유년시절-이야기-1/","title":"유년시절 이야기 (1)","tag":"일상","description":"개발에 입문하기 이전의 유년시절 이야기입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/97804779-54012c80-1c95-11eb-8c14-067c7506d93e.png","createdAt":1604231100000},{"path":"/Review/2020-year/09-September/","title":"2020년 9월 회고","tag":"회고","description":"개발자 황준일의 2020년 9월 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/96290347-689cbe00-1021-11eb-873c-612efe8ec1d7.png","createdAt":1601424000000},{"path":"/Review/2020-year/08-August/","title":"2020년 8월 회고","tag":"회고","description":"2020년 8월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/95019363-e666de00-069f-11eb-86fe-e5faad159579.png","createdAt":1598832000000},{"path":"/Javascript/Hangul-Consonants-Search/","title":"Javascript 한글 초성검색","tag":"javascript","description":"복잡한 계산식 없이, 간단하게 초성 검색을 구현할 수 있다.","createdAt":1598745600000},{"path":"/Javascript/Domain/Execution-Context/","title":"자바스크립트 실행 컨텍스트","tag":"javascript, domain","description":"자바스크립트 실행 컨텍스트에 대해 다룹니다.","createdAt":1596240000000},{"path":"/Review/2020-year/07-July/","title":"2020년 7월 회고","tag":"회고","description":"2020년 7월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/89124819-d2262980-d514-11ea-9789-e04e715489c8.png","createdAt":1596153600000},{"path":"/Review/2020-year/02-Second-Quarter/","title":"2020년 2분기 회고","tag":"회고","description":"개발자 황준일의 2020년 2분기 회고입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/89799319-4772a980-db68-11ea-8c89-02751f863561.png","createdAt":1593561600000},{"path":"/Review/2020-year/06-June/","title":"2020년 6월 회고","tag":"회고","description":"2020년 6월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/87239161-d778e280-c446-11ea-808f-2f3e2d8966e4.png","createdAt":1593475200000},{"path":"/Review/2020-year/05-May/","title":"2020년 5월 회고","tag":"회고","description":"2020년 5월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/83351912-f59cee80-a382-11ea-8da5-b515e0831ebd.png","createdAt":1590883200000},{"path":"/Review/2020-year/04-April/","title":"2020년 4월 회고","tag":"회고","description":"2020년 4월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/80867623-16185100-8cd0-11ea-99ee-4cba4953c78f.png","createdAt":1588204800000},{"path":"/Review/2020-year/01-First-Quarter/","title":"2020년 1분기 회고","tag":"회고","description":"2020년 1분기 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/80858428-2ca0b700-8c94-11ea-8478-a0b8c665243d.png","createdAt":1585699200000},{"path":"/Review/2020-year/03-March/","title":"2020년 3월 회고","tag":"회고","description":"2020년 3월 회고 입니다.","thumbnail":"https://user-images.githubusercontent.com/18749057/80858554-d54f1680-8c94-11ea-9227-39d1c34e6196.png","createdAt":1585612800000},{"path":"/Review/2020-year/02-February/","title":"2020년 2월 회고","tag":"회고","description":"2020년 2월 회고 입니다.","createdAt":1582934400000},{"path":"/CodeSpitz/Object-Oriented-Javascript/05-Extension/","title":"MVVM System 개선하기 (3)","tag":"코드스피츠, javascript, oop","description":"MVVM System을 최종적으로 어떻게 개선하였는지 설명합니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1582848000000},{"path":"/CodeSpitz/Object-Oriented-Javascript/04-ISP-Visitor/","title":"MVVM System 개선하기 (2)","tag":"코드스피츠, javascript, oop","description":"ISP 원칙, Visitor Pattern 등을 적용하여 MVVM System을 더욱 개선합니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1582329600000},{"path":"/Book/OOP-Principle/02-Java-As-PL/","title":"02 프로그래밍 언어로서의 자바 | 객체지향의 원리와 이해","tag":"책","description":"프로그래밍 언어로서의 Java가 가지고 있는 여러 가지 특성들을 알아보고 이해하여봅시다.","thumbnail":"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg","createdAt":1582117200000},{"path":"/Book/OOP-Principle/01-Loved-Human/","title":"01 사람을 사랑한 기술 | 객체지향의 원리와 이해","tag":"책","description":"객체지향이라는 개념이 나오기 까지의 이유와 간략한 역사를 소개합니다.","thumbnail":"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg","createdAt":1582030800000},{"path":"/Book/OOP-Principle/00-Intro/","title":"00 책 소개 | 객체지향의 원리와 이해","tag":"책","description":"김종민님이 저술한 \"스프링 입문을 위한 (자바) 객체지향의 원리와 이해\"에 대한 소개입니다.","thumbnail":"http://image.kyobobook.co.kr/images/book/xlarge/940/x9788998139940.jpg","createdAt":1581944400000},{"path":"/CodeSpitz/Object-Oriented-Javascript/03-Strategy-Observer/","title":"MVVM System 개선하기 (1)","tag":"코드스피츠, javascript, oop","description":"다양한 Design Pattern을 이용하여 MVVM System을 개선하는 방법에 대해 소개합니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1581724800000},{"path":"/CodeSpitz/Object-Oriented-Javascript/02-MVVM/","title":"MVVM System 만들기","tag":"코드스피츠, javascript, oop","description":"객체지향을 통해서 MVVM System을 만드는 과정입니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1581120000000},{"path":"/CodeSpitz/Object-Oriented-Javascript/01-Intro/","title":"객체지향의 기본 이론","tag":"코드스피츠, javascript, oop","description":"객체지향의 원칙과 객체지향을 사용하는 궁극적인 목표에 대해 기술합니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1580515200000},{"path":"/CodeSpitz/None-Blocking-Javascript/Intro/","title":"None Blocking Javascript 소개","tag":"코드스피츠, javascript, domain","description":"거침없는(None Blocking) 자바스크립트의 특징들에 대해 소개합니다.","thumbnail":"https://cphinf.pstatic.net/mooc/20171016_5/15081473670537g5Dm_PNG/title.png?type=w760","createdAt":1580475600000},{"path":"/Review/2020-year/01-January/","title":"2020년 1월 회고","tag":"회고","description":"2020년 1월 회고 입니다.","createdAt":1580428800000},{"path":"/Gradle/GradleWrapper/","title":"Gradle Wrapper","tag":"개발환경","description":"Gradle Wrapper는 Gradle을 각 개발자나 CI 서버에 깔지 않고, 프로젝트에 함께 포함시켜 배포할 수 있는 방법을 제공해준다.","thumbnail":"https://upload.wikimedia.org/wikipedia/commons/c/cb/Gradle_logo.png","createdAt":1578960000000},{"path":"/vuepress/Plantuml/","title":"markdown-it-plantuml","tag":"vuepress","description":"plantuml은 markdown에서 uml을 사용할 수 있게 해주는 플러그인이다.","createdAt":1578355200000},{"path":"/vuepress/Utterances/","title":"Vuepress + Utterances","tag":"vuepress","description":"Vuepress에 Utterances(GitHub Issue를 이용한 댓글)를 적용하는 방법에 대해 기술합니다.","createdAt":1578355200000},{"path":"/vuepress/Deploy/","title":"github page에 배포하기","tag":"vuepress","description":"Vuepress로 만든 문서를 github page에 배포하는 방법에 대해 기록한 문서이다.","createdAt":1578268800000},{"path":"/vuepress/Theme/","title":"VuePress 테마 설정","tag":"vuepress","description":"현재 페이지는 VuePress에서 Theme를 다루는 방법에 대해 기술한 내용이다.","createdAt":1578182400000},{"path":"/vuepress/Starter/","title":"Vuepress 시작하기","tag":"vuepress","description":"현재 페이지에서 다루고 있는 내용은 vuepress로 TIL 문서를 만들면서 알게된 내용들을 정리한 것이다.","createdAt":1578096000000}] \ No newline at end of file diff --git a/side-project/dku-schedule-manager/index.html b/side-project/dku-schedule-manager/index.html index 07f1d1f3..33300b67 100644 --- a/side-project/dku-schedule-manager/index.html +++ b/side-project/dku-schedule-manager/index.html @@ -23,7 +23,7 @@ } 단국대학교 강의 시간표를 제공하는 서비스를 만들자 | 개발자 황준일 - + @@ -504,6 +504,6 @@ > git commit -m "build" > git push

          18

          결과적으로 다음과 같은 프로세스를 가지게 된다.

          • github action이 1시간 마다 실행
          • 시간표 데이터 저장 후 commit, push
          • push가 되면, 자동으로 github pages deploy
          • 신규 시간표 데이터 반영

          19

          위에 보이는 것 처럼 Schedule이 실행 된 후에 바로 github pages가 deploy 되는 것을 확인할 수 있다.

          4. 홍보

          서비스가 완성된 다음에 에브리타임에 홍보했다.

          20

          21

          약간의 어그로를 위해서(?) 모시고 있는 주인님 사진을 같이 첨부했다.

          22 23 24 25

          예상대로, 고양이 사진 더 올려달라는 댓글이 많이 달렸다. 정확히는 그런 댓글만 달렸다.

          26

          문제는, 아직 시간표가 공개되기 전이라서 사실 저 타이밍에 홍보해봤자 소용이 없었다는 점..

          그래서 시간표가 공개된 다음에 다시 홍보했다.

          27

          추천수의 차이는.. 아마도 고양이 사진 때문인듯

          후기

          • 나중에 고도화 해서 커뮤니티로 발전시키면 재밌을 것 같다.
          • 근데 귀찮다.
          • 짧은 기간 동안 몰입해서 만들어서 재밌었다.
          • 테스트 코드도 작성해볼껄 하는 아쉬움이 있다.
          • 다음 학기에도 써먹어야지

          기타

          Last Updated:

          Copyright © 2019 All Right 개발자 황준일

          junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

          - + diff --git a/vuepress/Deploy/index.html b/vuepress/Deploy/index.html index b8f6ee90..fc4ee04c 100644 --- a/vuepress/Deploy/index.html +++ b/vuepress/Deploy/index.html @@ -23,7 +23,7 @@ } github page에 배포하기 | 개발자 황준일 - + @@ -155,6 +155,6 @@ sh deploy.sh "$1"

          사용 방법은 다음과 같다.

          sh commit.sh "커밋 메세지"
           

          이러면 문서도 commit해주고 같은 commit message로 배포까지 완료해준다.

          Reference

          Last Updated:

          Copyright © 2019 All Right 개발자 황준일

          junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

          - + diff --git a/vuepress/Plantuml/index.html b/vuepress/Plantuml/index.html index 94051c79..ccbf7a81 100644 --- a/vuepress/Plantuml/index.html +++ b/vuepress/Plantuml/index.html @@ -23,7 +23,7 @@ } markdown-it-plantuml | 개발자 황준일 - + @@ -102,6 +102,6 @@ Crawler <|-- NewsCrawler @enduml
          uml diagram

          plantuml만 있으면 설계문서는 매우 쉽게 작성할 수 있다.

          Reference

          Last Updated:

          Copyright © 2019 All Right 개발자 황준일

          junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

          - + diff --git a/vuepress/Starter/index.html b/vuepress/Starter/index.html index 3e599a6e..b2746a36 100644 --- a/vuepress/Starter/index.html +++ b/vuepress/Starter/index.html @@ -23,7 +23,7 @@ } Vuepress 시작하기 | 개발자 황준일 - + @@ -103,6 +103,6 @@ ### 소제목 2-2 소제목 내용 2-2

          다시 yarn docs:dev 를 실행하여 확인해보자.

          결과 화면 2

          logonavigation, 그리고 sidebar 가 생긴것을 확인할 수 있다. 마치 vue.js 공식문서open in new window 처럼 생겼다. 공식문서도 vuepress로 만들어졌기 때문이다.

          Reference

          Last Updated:

        Copyright © 2019 All Right 개발자 황준일

        junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - + diff --git a/vuepress/Theme/index.html b/vuepress/Theme/index.html index fb4c598d..d9671e28 100644 --- a/vuepress/Theme/index.html +++ b/vuepress/Theme/index.html @@ -23,7 +23,7 @@ } VuePress 테마 설정 | 개발자 황준일 - + @@ -219,6 +219,6 @@ ├─ LICENSE └─ noopModule.js

      이제 이 theme-default 의 내용을 기반으로 직접 수정하면 된다.

      Reference

      Last Updated:

      Copyright © 2019 All Right 개발자 황준일

      junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - + diff --git a/vuepress/Utterances/index.html b/vuepress/Utterances/index.html index 0838135e..cf2c7628 100644 --- a/vuepress/Utterances/index.html +++ b/vuepress/Utterances/index.html @@ -23,7 +23,7 @@ } Vuepress + Utterances | 개발자 황준일 - + @@ -92,6 +92,6 @@ <Comment />

      Reference

      Last Updated:

      Copyright © 2019 All Right 개발자 황준일

      junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - + diff --git "a/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-1/index.html" "b/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-1/index.html" index b4b5188a..11893355 100644 --- "a/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-1/index.html" +++ "b/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-1/index.html" @@ -23,11 +23,11 @@ } 유년시절 이야기 (1) | 개발자 황준일 - +
      Hits bn

      유년시절 이야기 (1)

      첫 번째 글쓰기는 가볍게 성인이 되기 전 기억에 대해 쓰고자 한다.

      책 읽는 소년

      나는 중학교 때까지 책 읽는 것을 참 좋아했다. 사실 책 자체가 좋았던 것 보다 책 읽는 사람으로 보여지는 것이 좋았다. 뭔가 유식해보인다고 해야하나? 그렇게 공부를 잘 하는 것도 아니었고, 남들 보다 무언가 특별한 재능이 있는 것도 아니었다. 그냥 나만의 아이덴티티를 가질 수 있는 편한 방법이 책 읽기 였다.

      나는 자기 계발 관련 서적을 많이 읽었다. 특히 좋아 했던 책이 마시멜로 이야기 였는데, 지금 생각해보면 저걸 왜 좋아했나 싶다.

      판타지 소설을 엄청 좋아하진 않았는데 전민희 작가님의 룬의 아이들세월의 돌을 정말 재밌게 읽었다. 웃기게도 판타지 소설에서 한글의 아름다움을 정말 절절하게 느낄 수 있었다. 소설의 내용도 좋았지만 전민희 작가님의 표현이 참 좋았다.

      이 외에도 셜록홈즈 시리즈도 다 읽었고, 역사와 관련된 책도 많이 읽었다. 천문학과 관련된 책도 많이 읽었다. 우주라는 것 자체가 그 당시에는 판타지보다 더 판타지 같은 느낌이 있어서 뭔 소리인지 모르고 봐도 재밌었다.

      제일 인상 깊었던 책 중 하나가 12살 소년이 쓴 우주 판타지 소설 빅뱅의 비밀open in new window이다. 처음엔 별 생각 없이 읽었는데 스토리가 정말 탄탄했다. 어떻게 13살의 머릿속에서 이런 이야기가 나올까? 하며 감탄하고 봤다.

      자의든 타의든 결국 책을 많이 읽었고, 다독상 같은 것도 몇 번 받았다. 도서부 활동도 열심히 했고, 그 과정에서 친해진 사람들도 많이 있었다.

      고등학교에 올라오면서 핸드폰을 몇 번 박살내기도 했고, 군대에 있을 때 홧김에 연락처를 초기화 하기도 하면서 유년시절 친구들과의 연락처가 다 사라졌다.

      다들 무엇을 하며 지내고 있을까? 무득 궁금하기도 하지만, 그냥 살아가는게 참 바쁘다보니 금새 다시 잊어버린다.

      각설하고 책 읽는 것을 좋아하던 내가, 성적도 중상위 권이었던 내가, 뜬금없이 전문계 고등학교를 간다고 했을 때 주변에서 니가? 왜? 라는 의문을 품었다.

      그래도 나에겐 막연하게 프로그래머가가 되고 싶다 라는 목표가 있었다.

      프로그래머가 되고 싶다

      나의 유년 시절은 평범하다면 평범했고, 어떻게 보면 참 다사다난 했다. 가정형편이 좋지 않아서 이사도 많이 다녔고, 덕분에 동네 친구가 없었다.

      어쩌다 보니 6살 차이 나는 누나랑 떨어져 살기도 했고, 부모님의 다툼에 질려 누나가 18살의 나이로 2년 동안 가출했었다. 막연하게 사는 게 뭔가 힘든거구나 내 맘처럼 되는 게 없구나 라고 생각했다.

      지금은 어느 정도 보기 좋은 중년 부부가 된 우리 부모님도 어릴적 나에겐 이해할 수 없는 대상들이었다. 그냥 부모님도, 하나 뿐인 누나도 그 당시에는 말 그대로 이해를 할 수가 없었다.

      이러한 환경 때문에 나는 무척 소심했고, 겁도 많았고, 화도 많았고, 뭔가 스스로를 많이 초라하고 별 볼일 없는 사람으로 생각했다. 자존감이 아예 없던 것이다. 형성도 되기 전에 밑바닥을 쳐버렸으니..

      덕분에 뭔가 되고 싶은 것도 없었고, 하고 싶은 것도 없었다. 공부는 싫어 했기 때문에 굳이 부모님에게 학원을 보내달라고 조르지도 않았다.

      글을 쓰면서 생각난게 초등학교 1학년 때 컴퓨터 학원을 6개월 정도 다녔었다. 그냥 뜬금없이 아빠가 가서 타자연습이나 해보라면서 컴퓨터 학원에 보내주셨다.

      학원에서 타자연습을 익혔고, 어느 정도 속도가 나자 한글97로 워드프로세서 실기 연습을 했다. 초등학교 1학년 때 500타가 나왔다며 기뻐하던게 생각난다. 2학년 때는 1000타가 나와서 여기저기 자랑하고 다녔다. 그렇게 타자연습이 익숙해지자 한글 문서 만드는 법을 배웠고, 지금의 내가 생각하기에도 어린 나이에 이럴 수 있을까 싶을 정도로 기가막히게 잘 다뤘었다. 덕분에 실기 시험만 보면 항상 1등을 했는데, 문제는 자격증을 취득하기 위해선 일단 필기시험부터 통과해야 했다. 그 당시에 필기 시험이 뭔지도 몰랐고 뭘 공부해야 하는지도 몰라서 자격증 시험은 아예 재꼈다. 아직 까지 재끼고 있음이 진행중이다.

      그렇게 1년 정도 컴퓨터 학원을 다녔는데, 어느 순간 학원 선생님이 학원비가 거의 6개월 이상이 밀리고 있다는 이야기를 들었고 부모님이 학원을 가라고 해도 그냥 가기 싫다며 배째라 식의 태도를 취했다.

      결과적으로 그 당시에 부모님이 나를 컴퓨터 학원에 보낸 것은 탁월한 선택이었지 싶다. 결과만능주의

      어쨌든 이러한 계기로 컴퓨터라는 것에 흥미를 느꼈다. 무엇보다 게임을 할 수 있었다! 그리고 집에 혼자 있는 시간이 많았기 때문에 자연스럽게 컴퓨터를 많이 접했다.

      그 당시에 꼬마들이 그렇듯 나 또한 친구들과 보내는 시간은 즐거웠고, 컴퓨터 게임이 재밌었고, 친구들과 컴퓨터 게임을 하는 것은 더더욱 재밌었다.

      굉장히 많은 게임을 했지만, 인상 깊었던 게임만 나열해보자면 크레이지 아케이드 메이플 스토리 겟앰프드 건즈 등이 있다. 나는 성격이 좀 급해서 메이플 스토리 같은 RPG 게임은 길어야 두 달 정도 했다. 그래도 초등학교 시절 방학 때 마다 나의 시간을 채워 주던 게임이 메이플 스토리였다.

      일찍 자는 날에는 저절로 새벽에 눈이 떠져서 그 때 마다 부모님 몰래 새벽에 메이플 스토리를 했다. 그 때의 스릴과 긴장감을 다시 느끼는 날이 올까? 아마 불법적인을 하는 게 아닌 이상 없겠지 싶다.

      어쨌든 메이플 스토리 때문에 PRG는 내 취향이 아니라는 것을 빨리 깨달았다.

      그 다음으로 즐겨 했던 게임이 건즈 라는 TPS(3인칭) 총 게임이다. 앞서 언급했지만 나는 성격이 급했기 때문에 이 건즈라는 게임은 정말 나에게 딱 맞는 게임이었다. 속도감이 좋았고 화려한 기술들을 익히는 재미도 있었고, 친구들이랑 같이 했기 때문에 더더욱 재밌었다.

      그런데 핵 때문에 망했다.... 빌어먹을 핵쟁이들.. 정말 어떤 방에 들어가도 핵을 쓰는 사람이 존재했고 덕분에 게임을 즐길래야 즐길 수 없었다. 그래서 그냥 나도 이럴 꺼면 빨리 망해라 하는 심정으로 핵을 썼다. 그 당시에 건즈를 하면서 핵을 쓴 사람보다 안 쓴 사람이 더 적을 것이다. 그 만큼 구하기도 쉬웠고 핵 사용자에 대한 조치 자체가 없었다.

      뜬근없는 핵에대한 고찰

      이라는 것을 만들어내는 행위가 사실 프론트 엔드 개발자가 하는 일과 어느 정도 유사하다. 프론트 엔드 개발자는 클라이언트 사이드를 다루는 작업을 한다.

      핵을 만드는 과정도 이미 메모리상에 올라와 있는 프로그램을 조작하는 작업이다. 즉, 클라이언트를 조작하는 작업이다.

      그 다음으로 즐겨 했던 게임이 바로 겟앰프드 라는 격투 게임이었는데, 사실 이 게임 덕분에 지금 내가 개발자로 살아가고 있다고 말할 수 있다. 겟앰프드라는 게임 자체도 재밌었지만 싱글 겟앰프드라는 이름의 베타 버전 리소스가 온라인에 돌아다니고 있었다.

      메이플 스토리로 따지면 프리 메이플 이라고 해야할까? 게임의 클라이언트를 조작할 수 있는 형태의 리소스가 공개되어 있는 것이었다.

      각설하고 내가 이 싱글 겟앰프드 라는 것에 관심을 가지게 된 계기는 안타깝게도 집에서 인터넷이 안 되기 시작할 때 부터였다. 그 당시 집안 형편이 좋지 않았고, 인터넷 요금을 납부하지 않아서 한 2년 가까이 인터넷 없이 생활했었다. 대신 게임을 하고 싶거나 인터넷을 이용 하고 싶을 때는 피시방에 갔다.

      겟앰프드라는 게임을 좋아해서 게임에 대해 찾아보다가 우연히 싱글 겟앰프드라는 것을 접하게 되었는데, 신기했던 것이 직접 리소스를 수정하여 자기 만의 악세사리나 캐릭터를 만들 수 있었다.

      루피의 밀짚모자
      * 이것은 중학교 3학년 때 마지막으로 만들었던 루피의 밀짚모자 라는 악세사리이다.

      그리고 수정하는 방법에 대해 강의가 올라오는 네이버 카페도 존재했다. 그래서 정말 몇 개월 동안 싱글 겟앰프드 캐릭터나 악세사리를 만드는 재미에 빠져 살았다.

      이 때 Hex editor 라는 것을 이용했고, 소스 코드를 수정하는 게 아니라 아예 binary 파일을 수정하는 작업이 필요했다. hex editor

      지금은 내가 했던 일이 컴파일된 Binary 파일을 직접 수정하는 작업이라는걸 알고 있지만, 저 당시에는 그런 개념을 몰랐다. 그냥 hex editor라는 프로그램으로 파일을 열어서 숫자를 수정했더니 게임을 열었을 때 그게 반영 되는구나 정도로만 생각했다.

      지금은 엄두도 낼 수 없는 일을 이미 초딩 때 한 것이다. 어느 정도 가이드라인이 있기에 가능 했지만 어쨌든 몇 년간 에디터를 보는 것이 나의 유년시절 업이었다.

      그렇게 3~4년 정도 싱글 겟앰프드 마스터 라는 카페에서 활동 했고, 여러가지 악세사리를 만들었고, 이 때 부터 막연하게 프로그래머 라는 직업을 목표로 했다.

      공부라는걸 조금이라도 하게 되었다.

      앞서 언급한 경험 때문에 인문계 고등학교를 가는 것 보단 뭔가 고등학교 때 조금 더 재밌고 특별한 일들이 하고 싶었다. 이런 분야에서 좋은 학교가 어디있나 찾아봤는데 선린인터넷고등학교디지털미디어고등학교 등이 있었다.

      문제는 두 학교 모두 성적이 어느정도 받춰줘야 원서를 쓸 수 있었다.

      나는 중학교 1학년 때 까지 공부랑 담을 쌓고 살았다. 사실 공부를 그렇게 열심히 한다고 해서 뭐가 좋은지도 몰랐고, 공부가 그냥 재미 없었다.

      그래도 수업 시간에 선생님들이 해주는 이야기들은 항상 재밌었다. 수업은 열심히 들었고, 시험은 못봐도 이상하게 수행평가는 반에서 항상 1~2등 안에 들었다. 공부하는 것 자체는 좋아하지 않았지만 공부하는 것들을 활용할 수 있는 행위(수행평가)는 좋았던 것 같다. 공부의 의미를 알 수 있기 때문이랄까?

      막연하게 공부하기 보단, 공부에 의미를 부여하고 싶었던걸지도 모른다.

      그래도 내가 평균 이상의 성적이 되기 시작한건 좋아하던 학생 때문이었다. 내가 좋아하던 학생이 공부를 엄청 잘하진 않았지만 그래도 꽤 성실하게 했다.

      지금 생각해보면 조금 동경했던 것 같다. 나도 저렇게 되고 싶다 랄까.

      그렇게 그 친구와 같이 목표를 세우고(평균 점수 90점 넘기기 라던지) 공부를 시작했다. 뭔가 거창한건 없었다. 그냥 평소처럼 수업시간에 수업 열심히 듣고, 평소에는 열심히, 매우 열심히, 격하게 놀았따.

      다만 조금 달라진 점은 시험기간이 되면 흔히들 말하는 벼락치기를 했다. 수업시간에 필기를 꽤 열심히 했기 때문에 시험 2주 전 부터 하루에 한 과목씩 공부하고 복습하면서 시간을 보냈다.

      그렇게 1학년 때는 평균 70점을 넘기면 시험 잘봤다고 좋아하던 내가, 2학년 때 앞서 언급한 그 친구와 목표를 세우고 공부하면서 처음으로 85점이라는 점수를 받았다.

      고백이라는 것을 해본 적도 없었고, 좋아한다는 표현을 해본적도 없었기 때문에 그렇게 그 친구와는 이도 저도 아닌 사이가 되었다. 그래도 점점 공부하는 습관이 생기면서 중학교를 졸업 할 때 쯤엔 95점 정도가 되었다. 이 정도면 인생의 은인이 아닐까?

      하지만 1학년 때 부터 꾸준하게 공부를 잘했던게 아니기 때문에 최종 내신은 200점 만점에 180점 정도였다.

      그 당시에 디지털미디어고등학교에 입학하려면 190점 정도는 되어야 했고, 나에겐 역부족이었다. 선린인터넷고등학교는 내신도 많이 보긴 하지만 내신 보다 프로그래밍 지식에 대해서 많이 봤던 것 같다. 그런데 우습게도 나는 프로그래밍에 대해 아는 것이 정말 아예 없었다. 바이너리 파일을 수정했으면서 프로그래밍은 몰랐다는게 말이 되는가? 내가 바로 그랬다. 이게 바로 시작의 중요성!

      어쨌든 선린인터넷고등학교에도 원서를 쓸 수 없었고, 디지털미디어고등학교에도 원서를 쓸 수 없었다. 그 당시에 나는 경기도 안산에 살았기 때문에 안산공업고등학교에 가고 싶었으나, 이상하게 가족들이 결사 반대를 했다. 안산공고에 갔으면 조금 더 평탄했을지도..

      그러다가 뜬금없이 누나가 수원에 있는 삼일공업고등학교 라는 곳을 소개해줬고 어떻게든 돼라 하는 심정으로 삼일공업고등학교 멀티미디어과에 원서를 썼다. 그런데 정말 웃기게도 과 수석으로 입학하였다.

      공부와 담쌓고 지내던 내가 과 수석이라니! 뭔가 스스로가 대견하기도 했고 나도 노력이라는걸 하면 뭐라도 할 수 있구나 하는 생각을 가지게 되었다.

      게임에 제대로 빠졌다.

      고등학교 시절은 힘들었지만 재밌었다.제일 힘들었던 것은 바로 왕복 3시간이 걸리는 통학 시간이었다.

      2010년 1월에 처음으로 학교를 방문했는데, 하필 눈이 무척 많이 온 날이었다. 눈이 10cm 정도 쌓인 상태에서 안산에서 수원까지 버스를 타고 가야 했으니 첫 등교 부터 험난했다. 쓰고 보니 이게 벌써 10년 전이다. 어제 일처럼 생생한데 어떻게 시간이 이렇게 흘렀을까?

      삼일공업고등학교

      위의 지도를 보면 알 수 있지만, 삼일공업고등학교는 수원 화성 안에 있다. 그리고 바로 옆에 삼일상업고등학교 삼일중학교 매향중학교 매향여자정보고등학교 연무초등학교 가 있었다. 이렇게 한 곳에 6개의 학교가 뭉쳐 있는 것은 처음 봐서 신기했다.

      무엇보다 학교의 위치가 문화제 안에 있었기 때문에 등교를 할 때 마다 일본인/중국인 관광객을 볼 수 있었다. 어쨌든 첫 인상은 나쁘지 않았다.

      학교를 다닌지 얼마 되지 않았을 때 전문계 고등학교에는 기능반 이라는 것이 있다고 했다. 학교 수업에서 배우지 않는 것을 따로 공부하고 대회를 준비하는 동아리라는 것이다.

      나는 처음부터 이걸 하고 싶었는데 선생님이 넌 공부나 해라 하며 바로 퇴짜를 맞았다. 그래서 진짜 공부만 했다. 마음에 드는 동아리도 없었고, 그냥 저냥 친구들이랑 야자도 하고 보충수업도 들으면서 공부하는게 나쁘지 않았다.

      무엇보다 학교 시험이 무척 쉬웠기 때문에, 중학교 때 처럼 공부하지 않아도 손쉽게 1~2등은 할 수 있었다. 시험 문제도 거의 알려주다 싶이 했고, 뭐랄까.. 그냥 말 그대로 쉬웠다.

      고등학교 1학년 때의 일과를 생각해보면

      • 새벽 5시 30분 쯤에 눈을 뜨고
      • 씻고, 밥먹고, 6시 쯤에 버스를 타고
      • 8시 이전에 학교에 도착하고,
        • 웃긴게 6시에 버스를 타면 7시 10 ~ 20분 사이에 도착하고
        • 6시 10 ~ 20분 사이에 버스를 타면 8시 쯤에 도착한다.
        • 그래서 가능하면 1분이라도 빨리 버스를 타려고 뛰어다녔다.
      • 1교시 시작 전까지 한자와 영어 공부를 학고
      • 수업을 들었다.
        • 쓰다보니 생각난건데 우리 학교는 점심시간이 12시 50분 부터였다.
        • 그런데 특이하게 4교시는 선생님들이 10~20분 정도 빨리 끝내주셨는데 이게 이 학교의 문화인가 싶었다.
      • 5교시는 1시 50분 시작했고,
      • 수업이 끝나면 보충수업을 듣고 야자를 9시~10시까지 하고
      • 집에 가면 11시 ~ 12시가 되고
      • 1시 까지 가볍게 게임을 하다가 잤다.

      그리고 중학교 3학년 때 부터 입대하기 전 까지 약 6년 ~ 7년 정도 버블파이터 라는 게임을 했다. 웃기지만 나는 사회성을 버블파이터를 통해서 배웠다.

      버블파이터

      버블파이터크레이지 아케이드에 등장하는 캐릭터들 물총 싸움을 하는 TPS 게임이다. 게임의 기본적인 특징은 다음과 같다.

      • 물총을 통해 적의 피를 전부 깎으면 버블 상태가 된다.
      • 팀원이 버블 상태일 때 터치하면 다시 살아난다.
      • 버블이 5번 되면 저절로 죽는다.
      • 적이 버블 상태일 때 다가가서 터트려야 완전히 죽는다.

      즉, 일반 FPS처럼 피를 깎아서 죽이는게 아니라 다가가서 터트리기 까지 해야 죽는 게임인 것이다. 말 그대로 크레이지 아케이드에 총 게임을 섞어 놓은 컨셉이다.

      초등학교 때 건즈라는 게임을 제일 재밌게 했는데 버블파이터가 딱 건즈 느낌이 났다.

      커뮤니티 활동도 꽤 열심히 했고, 게임 자체도 열심히 했다. 지금의 오버워치로 따지면 경쟁전 랭킹 Top 10 안에 들었었다.

      처음으로 하나의 게임을 1년이상 했다. 게임에 과도한 현질 유도만 없었다면 아마 지금도 즐겁게 하고 있지 않았을까?

      하는 사람도 많지 않은 게임을 오랫동안 하게 되면 게임을 할 때 마다 아는 사람들이 보이게 된다. 그렇게 랜선 친구들을 많이 사귀게 되었는데, 자연스럽게 모든 말과 행동을 신경써야 했고, 게임을 통해서 친해진 친구들과 실제로 만나서 노는 일이 많았다.

      각설하고, 고등학교 1학년 때는 집에 오면 가볍게 1 ~ 2시간 정도 버블파이터를 했고, 주말만 되면 정말 하루 종일 버블파이터를 했다. 게임에 모든 시간을 투자했다고 해도 과언이 아닐 정도로 열심히 했다.

      그래도 가슴 한 켠에는 프로그래머가 되고 싶다 라는 목표가 자리 잡고 있었고, 무언가 내가 허송 세월을 보낼 때 마다 이래도 되는 건가 싶은 생각이 들었다.


      사실 내 인생의 클라이막스는 이 이야기 이후부터 시작된다. 밤이 깊어서 더 이상 길게 쓸 자신이 없으므로, 내일의 나에게 바톤터치!


      다음이야기

      Last Updated:

      Copyright © 2019 All Right 개발자 황준일

      junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - + diff --git "a/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-2/index.html" "b/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-2/index.html" index d98c9efa..83eab709 100644 --- "a/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-2/index.html" +++ "b/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-2/index.html" @@ -23,7 +23,7 @@ } 유년시절 이야기 (2) | 개발자 황준일 - + @@ -214,6 +214,6 @@ } ?>

      lib.php라는 파일의 내용인데, 이 코드들을 이해하지 못하면 다른 코드는 보나 마나했었다. 그런데 이해를 할 수가 없었다. 이해를 하고 싶어도 도저희 저건 프로그래밍을 제대로 해본적도 없는 내 머리로 감당할 수 있는 양의 내용이 아니었다.

      사실 그냥 튜토리얼 수준의 php 코드부터 접했다면 좋아겠지만 내가 받은건 견고하게 짜여진 솔루션 코드였다. 그리고 이 솔루션에는 clean url 이라는 기법이 적용된 상태였는데 /board/view.php?idx=1 이러한 형태의 주소를 /board/view/1 처럼 보일 수 있도록 작업해주는 것이었다.

      뿐만 아니라 메인페이지나 서브페이지를 조회하기 위해서는 DB 설계도 이해하고 있어야 했다.

      • 모든 페이지를 index.php에서 보여줘야한다.
      • DB접속과 라이브러리를 포함한 모든 내용을 index.php에서 가져온다.
      • /index.php로 접근하면 메인페이지를 보여줘야 한다.
      • /index.php/page/1/1로 접근하면 DB에서 메인메뉴 1에 대한 서브메뉴 1의 페이지 정보를 가져와서 보여줘야 한다.
      • /index.php/page/1로 접근하면 DB에서 메인메뉴 1첫 번째 서브메뉴를 가져와서 보여준다.
      • 이 때 메뉴의 타입(컨텐츠, 검색, 게시판, 회원 및 기타 커스텀 페이지)에 따라 보여지는 내용이 달라진다.
      • 각각의 메뉴에는 접근 가능한 레벨이 존재한다. 회원 가입할 때에도 레벨이 존재한다.
      • 메뉴의 레벨이 회원의 레벨보다 높을 경우 접근할 수 없다.
      • /index.php/page/member/join은 DB에 접근하지 않고 바로 회원가입 페이지를 보여준다.
      • /index.php/page/member/login은 DB에 접근하지 않고 바로 로그인 페이지를 보여준다.
      • /index.php/admin/6/1로 접근하면 관리자 수준의 레벨을 가진게 아니라면 접근을 방지한다.
        • 관리자일 경우고 해당 메뉴의 정보와 페이지를 조립하여 사용자에게 보여줘야 한다.

      프레임워크를 사용한다면 무척 간단하지만, 프레임워크를 사용하지 않고 하드 코딩으로 위의 내용을 구현하려면 여간 복잡한게 아니였다.

      누군가가 Step by Step 형태로 교육을 해주었다면 좋았을텐데, 아쉽게도 프로그래밍을 제대로 아는 선배도 없었고, 선생님은 더더욱 없었다. 모든 것을 처음부터 끝까지 혼자 공부해야했다. 이렇게 공부해야 하는 줄 알았다면 나는 인문계 고등학교를 갔을 것이다

      그래서 내가 할 수 있던 일은 거짓말을 보태지 않고 위의 코드(lib.php)를 그대로 외워버렸다. 스페이스바, 따옴표, 여백, 인던트, 라인수 등 모든 내용을 그대로 외웠다. 일단 코드를 제대로 치지 않을 경우 에러가 빵빵 터지는데, 나는 에러를 해석할 줄 몰랐기 때문에 있는 그대로 외워야했다.

      이 당시에는 구글 검색도 제대로 할 줄 몰랐으며(검색을 해도 네이버검색..), 나에게 프로그래밍을 가르쳐줄 선배나 선생님도 없었다. 모든 것을 혼자 해야 했다. 그래서 절망했었고, 내가 할 수 있는 일은 그냥 코드를 외우는 방법 밖에 없었던 것이다.

      문제는 그렇게 애써가며 코드를 외웠는데 앞서 말했던 것 처럼 이 코드를 제대로 사용하는 방법을 몰랐다. 무엇보다 대회가 있다는 것을 인식한게 12월이었고, 대회는 4월에 치루어졌다.

      4개월만에 기획(PPT), 디자인(포토샵,일러스트), 플래시, HTML/CSS, Javascript, PHP 등을 모두 공부해야 했는데 PHP는 고사하고 HTML/CSS도 제대로 할 수 있는 수준이 아니었다.

      그래도 내 생에 그렇게 열심히 공부했던 순간이 있었을까 싶을 정도로 죽어라 공부했다. 사실 지금은 일상이지만

      대회 때문에 수학여행도 못갔고 보내준다고 뭐 달라지냐고! 방학도 주말도 반납하고 왕복 3시간인데.. 맨날 학교에 갔으며 항상 밤 10시 정도에 학교에서 출발했고, 대중교통을 이용하면서도 계속 코드를 봤다.

      그렇게 2011년 4월이 되었고, 성남시에 있는 양영디지털고등학교라는 곳에서 대회를 치루었다. 대회장에서 처음으로 기계식 키보드의 존재를 알았고, 학교 컴퓨터의 사양이 그렇게 좋을 수 있다는 것도 처음 알았다.

      어쨌든 나는 똥손을 이용하여 기획서도 만들고, 디자인도 만들고, 플래시도 만들고, 아 그 당시에는 메뉴도 플래시로 만들었다. 웹에서 JS로 플래시에 메뉴 정보에 대한 변수를 넘겨주면, 플래시가 메뉴 정보를 읽어와서 메뉴로 보여주어야 했었다. 그런데 이것도 이해를 못해서 그냥 통으로 외웠다. 본의 아니게 액션스크립트 까지 공부해야 했다.. 빌어먹을

      사실 코드만 외운게 아니라 이것 저것 할게 많았지만.. 이젠 뭐 플래시를 제대로 아는 사람도 많이 없기 때문에 생략하겠다.

      어쨌든 우여곡절 끝에 플래시까지 어거지로 만들었는데 대회장에서 여태까지 죽어라 외운 코드의 내용이 기억나질 않았다. 그런데 그렇게 외운 코드의 내용이 이제 머릿속에서 어느정도 이해가 되었는지 그냥 내 멋대로 코드를 작성했고 내가 원하는 데이터를 DB에서 뽑아내어 출력하는 것 까지 해낸 것이다.

      입상은 하지 못했지만 그 과정이 정말 신기했다. 내가 한건 외운 것 밖에 없었는데, 나도 모르게 코드가 이해되는 현상이 벌어진 것이다.

      문제는 코드는 이해한다고 쳐도 Web이라는 개념에 대해 이해한게 아니었기 때문에 Request, Response, GET, POST 같은 용어가 낯설고 생소했으며 그 이후에는 정말 어떻게 해야 할지 도통 알 수가 없었다. 이렇게 나의 첫 대회는 마무리 되었고, 그 뒤로는 정말 암울한 생활이 이어졌다.

      방황

      2011년에 4월까지 모든 에너지를 소모하며 달려갔는데 어쨌든 결과는 허탈했다. 어느 정도 코드에 대한 이해도는 좋아졌으나 사실 공부할 여력이 생기질 않았다. 기능대회라는 명목으로 동아리가 만들어져서 공부할 공간이 생기긴 했으나, 선생님도 이 대회에 대해 자세히 아는게 아니었고, 프로그래밍을 잘 하는 선배가 있는 것도 아니었다.

      마땅한 인터넷 강의가 있는 상태도 아니었고, 그냥 뭐랄까 공부하기가 정말 무척 싫었다. 어쩌면 핑계였을지도 모른다. 그냥 내가 하기 싫은 이유를 주변 상황 때문이라고 탓하는 핑계.

      1학년 때는 야자라도 했으나 2학년 때는 기능반을 핑계로 수업이 끝나면 기능반실에서 노닥거렸다. 수행평가가 있으면 수행평가를 했고, 시험기간이면 시험공부를 하고, 그게 아니면 그냥 놀았다. 그 당시에 워크래프트의 랜덤디펜스가 유행이었는데

      나는 원랜디(원피스 랜덤 디펜스)를 굉장히 열심히 했다.

      원랜디

      이 외에도 드라마를 보거나, 애니메이션을 보거나, 혹은 뭐 간간히 게임도 하면서 시간을 보냈다. 정말 허송세월을 보낸 것이다.

      지난 편에 언급했던 버블파이터라는 게임도 열심히 했다. 사실 학교에서 성적이 나쁜 편도 아니었고(졸업할 때 최종 내신이 1.5등급 이었다) 부모님도 공부에 대해 알아서 하겠거니 하며 터치하는 편도 아니었다.

      그렇게 2학년 1학기가 그냥저냥 흘러갔고 여름방학 때 또 집체교육을 갔다.

      2011년 집체교육
      * 사진이고 뭐고 필요 없으니 집에 보내달라고 표정을 통하여 어필하는 중.

      집체교육에서 무언가를 하긴 했으나 사실 제대로 기억 나는 부분은 없었다. 다만 내가 남들 보다 오롯이 혼자서 무언가를 많이 했다는 점을 강사분이 인정해주셨고 어깨를 조금 으쓱했다는 점 정도?

      그런다고 현실적으로 내가 문제를 잘 풀이 할 수 있는 수준도 아니었기 때문에 그렇게 대단한 일도 아니었다.

      그렇게 또 집체교육을 갔다온 후에 여름방학 내내 학교에 나오면서, 무언가 점점 불안감을 느꼈다. 내가 제대로 하고 있다는 생각이 들질 않았다. 그런데 정말 기능대회를 위한 공부를 하기가 너무 싫었다.

      말 그대로 방치된 기분이랄까?

      집에서도 나를 신경 쓰는 편이 아니었고, 기능반 담당 선생님도 거의 기능반 자체를 없는 것 처럼 취급 하셨다.

      생각과는 다르게 또 2학년 2학기도 대충 흘러갔다. 2학년 2학기의 기억은 거의 뿌리채로 없어진 듯한 느낌이다. 그만큼 단조로웠고, 특별할게 없었다고 해야할까?

      2학기가 끝날 때 쯤, 이전에도 기능반을 지도해본 경험이 있는 연로한 선생님으로 기능반 담당 선생님이 교체되었다. 지도교사가 달라진다고 해서 나의 생활이 달라지진 않았다. 어차피 이 대회에 대해 자세히 아는 사람은 우리 학교에 없었다. 그래서 나는 반쯤 포기하고 있었다.

      2학년 2학기 때 그나마 인상 깊었던 기억이 내가 학교 생활을 하면서 유일하게 선생님에게 목소리를 높여가며 이렇게 관리할꺼면 왜 우리에게 기능반을 제안했으며, 왜 이자리에 앉혀놓은 것이냐고, 이렇게 무관심할꺼면 차라리 기능반을 없애는게 낫지 않겠냐고 말하며 반행했다는 것이다.

      처음에는 선생님도 이런 X놈이 어디서 배워먹은 버르장머리야! 라며 화를 내셨지만 그래도 어떻게든 기능반 학생들을 방치하는 수준은 벗어나도록 신경써주셨다.

      그렇게 다시 겨울 방학이 시작되었고, 또 집체교육을 갔다. 이 때의 집체교육을 기준으로 나는 빠르게 성장했다.


      다음이야기

      Last Updated:

      Copyright © 2019 All Right 개발자 황준일

      junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - + diff --git "a/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-3/index.html" "b/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-3/index.html" index 83c72064..e33285c4 100644 --- "a/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-3/index.html" +++ "b/writing/01-\354\234\240\353\205\204\354\213\234\354\240\210-\354\235\264\354\225\274\352\270\260-3/index.html" @@ -23,7 +23,7 @@ } 유년시절 이야기 (3) | 개발자 황준일 - + @@ -177,6 +177,6 @@ </m> </menu>

      심지어 인코딩이 무조건 euc-kr로 되어 있어서 메뉴를 한글로 만들면 전부 깨져서 나온다. 정말 2012년도에나 출력 가능한 플래시랄까..

      참고로 플래시는 올해를 기점으로 크롬에서 조차 지원을 하지 않는다고 한다. 잘가라 고대의 유물이여

      유물 복원

      메뉴와 메인페이지, 배너 등의 플래시를 포함한 형태는 다음과 같다.

      위의 동영상에서 나온 홈페이지에 대한 소스코드는 여기서open in new window 확인할 수 있다. 2012년도에 만든 코드라서 빈틈 투성이다.

      이번에 글을 작성하면서 홈페이지를 띄우려고 MySQL을 Sqlite 마이그레이션하고, DB관련된 부분을 PDO로 고치고, swf 파일 밖에 없는 플래시 파일을 띄우려고 삽질을 많이 했다. 무엇보다 인코딩이 전부 euc-kr로 되어 있어서 파일을 오픈하면 한글이 전부 깨져나왔다. 이걸 전부 utf-8로 고치느라 또 애먹었다..

      약간의 썰

      전국대회를 준비하면서 일어났던 재미난(?) 이야기들을 소개해볼까 한다.

      (0) 하루 일과

      학교가 시골(?)에 있었기 때문에 모든 학생이 기숙사 생활을 했다. 기숙사실 바로 옆이 훈련실이었다.

      훈련실
      • 7시 기상
      • 8시 아침식사
        • 아침은 도시락을 먹었는데, 선택지가 별로 없었다.
        • 어느 시점에 참치마요를 보면 구역질이 나올 정도로 참치마요를 많이 먹었던 것 같다.
      • 식사 후 바로 훈련
      • 점심 식사
      • 점심 식사 후 저녁 먹기 전까지 훈련
      • 저녁 식사
      • 저녁 식사 후 자기 전까지 훈련

      점심/저녁은 학교에서 10분 정도 걸어서 내려가면 있는 식당에서 먹었는데 꽤 맛있었다. 앉아만 있으면 병난다면서 주말에는 가끔 운동회 같은 것도 했다.

      (1) 미친짓

      필자가 풀이했던 전국대회 문제는 여기open in new window서 볼 수 있다.

      스크린샷 2020-11-22 오후 11 36 41

      이렇게 총 18시간 동안 풀이 해야 하는 문제인데, 같이 준비했던 친구들과 우리 이거 하루만에 다 풀어볼까?라는 이야기를 꺼냈고, 18시간 짜리를 대략 10시간 만에 풀이했다. 다시는 이런 미친짓을 하지 말자고 서로 다짐했다. 그 날 전부 녹초가 되어 기절했다.

      (2) 너네가 만든 게임이니?

      한 번은 카트라이더에 빠져서 친구들과 신나게 게임을 하고 있는데 뒤에서 어떤 분이 너네가 만든 게임이니?라고 물어보셨다. 뒤를 돌아보니 교장선생님이었다.

      남에 학교 학생이 전지훈련을 와서 게임을 하고 있는 모습을 보면 어떤 생각이 들까?

      그 이후로는 게임은 쳐다도 보질 않았다.

      (3) 술

      기숙사가 있는 학교에는 보통 사감 선생님이 당직을 서는데, 가끔 사감 선생님이 없는 날도 있었다.

      한 친구가 우리 술먹을까? 라고 해서 어떤 바람이 불었는지 가자!! 라고 외치며 약 10명의 학생들이 기숙사 담벼락을 넘었다. 무리 중에 어느 정도 삭은얼굴에 무게감이 있는 1학년 친구가 편의점을 뚫었고, 그렇게 소주/맥주/콜라를 사들고 다시 기숙사로 갔다. 기숙사 담을 넘으면서 몇 병 술을 깨먹으며 질책을 하고, 우여곡절 끝에 술을 사들고 기숙사로 들어갈 수 있었다.

      다른 학교에 전지훈련가서 술파티를 여는 기분이란.. 묘하게 붕 뜬 느낌이 들었다.

      너무 즐거웠던 나머지 화장실에서 피자파티(?)를 벌렸고, 다음 날은 난생 처음 겪어보는 숙취 때문에 아예 움직일 수 조차 없었다.

      (4) 푹 자고와~

      전국대회는 대구에서 열리는데, 대회 2주전에 우리는 미리 대구로 출발했다. 고등학생 3명이서 좁디 좁은 모텔에 데스크톱을 풀어헤쳐놨더니 정말 미친듯이 좁았다.

      어쨌든 같이 대회를 준비하던 친구의 학교가 대구관광고등학교였는데, 약 2주 동안 해당 학교에서 훈련했다. 그런데 아침 7시까지 학교에 가서 밤 12시까지 훈련하다가 숙소에 돌아오면 대략 1시 정도 됐었고, 이것저것 친구들과 문제 풀이에 대해 이야기하다 보면 2시 ~ 3시가 됐었다.

      그러면 또 6시 정도에 일어나서 부랴부랴 준비하고 또 학교로 출발해야 했는데, 훈련을 마치고 숙소로 돌아갈 때 마다 해당 학교 선생님이 했던 말이 푹 자고와~ 였다. 푹 자게 생겼냐고

      전국대회

      전국대회 경기장은 엑스코였는데, 넓기도 넓었지만 뭐랄까 답답한 느낌이 없어서 상당히 좋았다.

      경기장 1경기장 2경기장 3경기장 4

      문제 난이도는 예상했던 것 보다 더 쉬웠기 때문에 큰 무리없이 풀이할 수 있었다. 다만 내가 해석을 잘못해서 틀린 부분이 조금 있었다.

      함께 대회를 준비한 친구가 1등을 했고, 나는 4등(동메달)을 했다. 1등이 금메달이고, 2 ~ 3등이 은메달인데 내가 3등과 0.01점 차이였다.

      전국대회는 다음과 같이 상금이 조금 쎈 편인데,

      • 금메달: 1200만원
      • 은메달: 800만원
      • 동메달: 400만원

      0.01점 때문에.. 정말 사소한 실수 하나 때문에 메달이 바뀐 것이다. 1등을 했던 친구와도 2점 정도의 근소한 차이였는데, 이는 약 1 ~ 2개 정도의 문제 차이였다. 그래서 한 동안 아쉬워서 잠을 제대로 못잤다. 열심히 했던 만큼 후회와 아쉬움이 남을 수 밖에 없는걸까?

      어쨋든 대회는 끝났고, 모든 에너지를 다 쏟아부었던 우리는 밤을 즐겼다.

      기절추억

      같이 대회를 준비했던 친구들과 밤새도록 시내를 떠돌아다니면서 이야기도 하고, 맛있는 것도 먹고, 그리고 미래를 다짐했다.

      • 한 친구는 국가대표가 된 후에 2013년도에 열리는 세계대회에서 MVP(세계신기록)를 목표로 했다.
        • 그 당시에는 그저 응원한다는 말로 대충 넘겼지만 이 친구가 실제로 MVP라는 칭호를 얻었다.
        • 그래서 같은 나이지만 매 순간 존경하고 있는 친구이다.
      • 2학년 이었던 한 후배는 다음 대회에서의 입상을 목표로 했다.
        • 실제로 그 다음 해(2013년도)에 금메달을 받았다.
        • 이어서 국가대표가 되었으며 2015년도 세계대회에서 입상했다.

      사실 나는 뚜렷한 목표가 없었다. 전국대회가 끝나면 무엇을 어떻게 준비해야할지 막막했다. 딱히 대학을 간절하게 원하지도 않았고, 그렇다고 취업을 간절하게 원하지도 않았다. 그래서 그냥 흐지부지 말하고 끝났는데, 그런 목표가 없었다는 것이 아쉬웠다.

      그렇게 하룻 밤이 지나고, 숙소로 돌아와서 오랜만에 혼자 남겨졌다. 항상 같이 하던 사람들이 없으니까 정말 미친듯이 외로움이 몰려왔다. 타지에서, 선생님도 친구도 없는 곳에서, 홀로 숙소에 남겨졌다.

      그리고 지난 시간들을 되새겼다. 내가 이렇게 열심히 무언가에 몰입했던 순간이 있었을까?

      짧았지만 강렬했던 순간들이 지나갔고

      입상

      대회가 마무리 되는 날, 이렇게 메달 하나를 손에 움켜쥐고 집으로 돌아갔다.

      Last Updated:

      Copyright © 2019 All Right 개발자 황준일

      junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - + diff --git "a/writing/02-2021-\352\263\204\355\232\215/index.html" "b/writing/02-2021-\352\263\204\355\232\215/index.html" index eb288fa4..cb009c88 100644 --- "a/writing/02-2021-\352\263\204\355\232\215/index.html" +++ "b/writing/02-2021-\352\263\204\355\232\215/index.html" @@ -23,11 +23,11 @@ } 2021 새해 계획 | 개발자 황준일 - +
      Hits bn

      2021 새해 계획

      1. 일일 커밋 대신 일일 영어

      계기

      10월에 프로그래머스 스쿨에서 진행하는 리액트 스터디에 참여했었다. 스터디 리더인 **해리(고재도)**님이 싱가폴에서 근무중이셨는데 영어공부를 무척 강조하셨고, 상당히 진정성 있게 다가왔다. 나는 영어가 모든 지식의 도메인이라고 생각한다. 앞으로 평생 공부해야 한다면, 제일 먼저 숙련해야 하는게 영어다.

      계획

      대체로 독해 및 쓰기 위주의 공부를 해볼 생각이다. 일단 내가 해외에 나갈 일이 많지도 않고, 굳이 회화를 해야할 필요가 있을까 싶기 때문이다.

      • 목표
        • 구글 번역기를 사용하지 않고 개발 아티클 빠르게 읽고 이해하기
        • 원서로 된 책을 읽어보기
      • 구체적인 계획
        • 문법 or 단어 공부
          • 많은 단어를 한 번에 많이 외우기보단, 하나의 단어를 깊게 공부하기.
        • 하루에 한 문장 이상 외우기
        • 하루에 한 문장 이상 작문해보기
        • 주 1회 이상 개발 관련 아티클 번역해서 올리기

      사실 영어공부를 제대로 해본 적이 없어서 어떻게 해야 좋을지 막연하다. 토익이라도 준비해야 좋을까?

      2. 개발 서적 위주의 공부

      계기

      2020년에는 일일커밋 위주로 공부를 했다. 덕분에 꾸준히 공부하는 습관은 만들 수 있었지만, 뭐랄까.. 공부와 커밋의 주객전도가 되어버렸다.

      그래서 내년에는 잔디밭을 꾸미기 보단, 스스로를 잘 가꾸기 위한 공부를 해볼 생각이다.

      계획

      • 목표
        • 한 달에 3권 이상
        • 일 주일에 1권 이상
      • 읽고 싶은 책 목록
        • PPP 시리즈
          • 밑바닥 부터 만드는 컴퓨팅 시스템
          • 클린 아키텍쳐
          • 프로그래밍 심리학
          • 실용주의 프로그래머
          • 클린 코드
          • 테스트 주도 개발
          • 생각하는 프로그래밍
        • 소프트웨어 장인
        • 함께 자라기
        • 리팩토링
        • 이펙티브 자바
        • 객체지향의 사실과 오해
        • 오브젝트
        • 함수형 자바스크립트
        • 코틀린 쿡북

      심심할 땐 개발 서적 말고 다른 책도 읽어보자.

      3. 저축

      계기

      올해는 지출이 생각보다 많았다. 사회 초년생이다보니 펑펑(?)까진 아니지만 여기저기 많이 썼다. 내년에는 지출을 조금 줄이고, 배달 음식도 줄이고, 잘 모아보자.

      그래서 내집 마련까진 아니더라도 다른 전셋집으로 이사갈 수 있도록 준비해보자.

      계획

      • 목표
        • 최소 2400만원, 최대 3000만원 모아보기
        • 매달 200만원 이상 저축하기
      • 구체적인 계획
        • 가능하다면 월급을 전부 저축하기
        • 생활비는 다른 일로 대체하기
          • 고등학교 외부강사
            • 방과후 수업
            • 기능경기대회
          • 넥스트스텝 리뷰어
          • 단쿠키 등의 사이드 프로젝트
          • 인터넷 강의

      4. 사이드 프로젝트

      계기

      • 2020년에는 끄적이기만 하고 완성을 못했다.
      • 2021년에는 반드시 완성까지 해보는 것을 목표로 하자.
      • 꼭 돈이 되는 서비스가 아니더라도 만들어보자.

      계획

      • 목표
        • 개발자를 위한 서비스를 만들기.
        • 나를 위한 서비스를 만들기.
        • 타인을 위한 서비스를 만들기.
      • 구체적인 계획

      5. 스터디 운영

      계기

      • 지금은 스터디를 대충 운영중이다.
      • 이번에 인지도가 조금 쌓인 편이라서 이를 제대로 이용해보고자 한다.
      • 알고리즘 뿐만 아니라 다양한 서브 스터디를 만들어서 운영해볼 생각이다.

      계획

      • 스터디 인원 50명까지 만들어보기
      • 기수(1기, 2기, 3기, ...) 제도로 운영하기
      • 멘토를 많이 확보하기

      6. 기타

      • 운동: 자전거 / 수영 / 근력운동
      • 이사: 새로운 전셋집 알아보고 가능하다면 이사하기
      • 식사: 1주일에 3번 이상은 집밥 먹기

      Summary

      • 1순위
        • 일일 영어
        • 개발 서적 공부
      • 2순위
        • 저축
        • 사이드 프로젝트
      • 3순위
        • 스터디 운영
        • 운동
        • 집밥 먹기
        • 이사
      Last Updated:

      Copyright © 2019 All Right 개발자 황준일

      junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - + diff --git "a/writing/03-\354\203\235\352\260\201\354\240\225\353\246\254/index.html" "b/writing/03-\354\203\235\352\260\201\354\240\225\353\246\254/index.html" index 9424c601..382093c9 100644 --- "a/writing/03-\354\203\235\352\260\201\354\240\225\353\246\254/index.html" +++ "b/writing/03-\354\203\235\352\260\201\354\240\225\353\246\254/index.html" @@ -23,11 +23,11 @@ } 생각정리 | 개발자 황준일 - +
      Hits bn

      생각정리

      원래 이번 주에는 회고 성격의 글을 쓰기 보단 기술적인 글을 쓰고자 했는데, 지금 내 상태로는 그러한 성격의 글을 쓰기 힘들 것 같다. 그래서 머릿속에 맴도는 것들을 정리하고자 이렇게 글을 쓴다.

      약 1년만에 주말을 오롯이 나만의 시간으로 사용할 수 있게 되었다. 그냥 평소처럼 게임을 하거나, 공부를하거나 할까 하다가 만나기로 해놓고 못 만나고 있었던 지인들과 약속을 잡았다. 1~2년 동안 못 보던 사람들이고, 시국이 시국인지라 1:1 약속을 잡아야해서 많은 사람들과 만나긴 힘들었다. 오랜만에 만나서 그런지 서로 할 이야기가 많았고, 생각을 정리하면서 다시 생각이 많아졌다.

      학교, 감옥, 그리고 자존감

      최근에 채용을 하는 과정open in new window에서 많은 사람들의 이력서와 자기소개서, 포트폴리오 등을 보고 든 생각이, 많은 사람들이 스스로를 표현하는 것을 어려워 한다는 점이다.

      이건 개개인의 문제라기 보단, 사회 시스템, 특히 학교 의 교육 시스템 문제라고 생각한다. 대한민국의 교육 시스템은 스스로 생각하고 표현할 수 있는 장치가 너무 부족하다. 적어도 내가 경험해온 교육은 그렇다. 혼자서도 이런 생각을 많이 했지만, 다시 생각을 정리할 수 있었던 계기가 얼마전에 유튜브에서 본 감옥 같은 학교건물을 당장 바꿔야 하는 이유open in new window 라는 영상 때문이다.

      우리는 초등학교 6년, 중학교 3년, 고등학교 3년, 합해서 총 12년간 똑같은 공간에서, 똑같은 옷을 입고, 똑같은 밥을 먹고, 똑같은 시간에 일어나서, 똑같은 시간에 등교하고, 정해진 시간 동안 수업을 듣고, 정해진 시간에 하교하고, 시험을 보고, 채점을 하고, 시험 성적으로 순위 매김을 당하며 산다. 조금 극단적으로 말하면 이건 감옥이나 다를바 없다. 아니 감옥보다 못한게 아닐까 싶을 때도 있다. 이에 대한 결과물로 많은 사람들이 자신을 표현할 때 수치화된, 객관화된 모습으로 표현한다.

      • 외모는 어떤지
      • 성적은 어떤지
      • 어떤 대회에 나가서 어떤 상을 받았는지
      • 어떤 학벌을 가지고 있는지

      같은 것들. 쉽게 말해서 스펙 이라고 해야하나? 물론 이런 스펙이 사소한 것은 아니다. 하지만 우리는 모두 똑같은 일을 해야하는 것이 아니고 똑같은 삶을 살아가고 있지도 않다. 이렇게 정량화 되어버린 것들은 개개인의 가치를 죽이고 있다. 그것도 청소년에서 성인으로 접어드는, 대부분의 가치관의 형성되는 매우 중요한 시점에 반대로 개개인의 가치관과 개성을 죽이는 일이 일어나는 것이다.

      나는 대학교를 다닐 때 친해진 사람들에게 항상 묻는 말이 있다.

      • 대학교에 왜 입학했나
      • 그 학과를 왜 선택했나
      • 왜 공부를 하고 있나

      같은 원초적인 질문들이며 남이 아닌 스스로에게 항상 질문했던 것들이다. 하지만 대부분의 사람들은 스스로의 의지라기 보단 남들이 가니까, 남들이 하니까, 혹은 부모님이 시켜서 같이 대체로 수동적인 이유였다.

      12년간 감옥에 갖힌 상태에서 끝나지 않은 경쟁을 지속하다가 대학을 가야 하는 이유도 모르는체 대학에 진학하는 사람이 태반이다. 스스로 정말 공부가 하고 싶어서 대학에 가는 사람이 몇 명이나 있을까? 원하는 학과에 진학하는 사람이 몇 명이나 있을까?

      스스로에 대해 생각을 많이 해야 하는 시기에 교육 시스템 때문에, 경쟁 때문에 목적과 의미 없는 공부만 하다가 갑자기 성인이 되어버린다. 스스로 성인이 되는 것이 아니라 어쩌다 보니 성인이 되어버리는 것이다. 법적으로 성인이 되면 스스로를 책임져야 하는데, 우리가 받아온 고등 교육을 잘 생각해보면 이건 거의 불가능에 가깝다. 대부분의 선택에서 스스로의 의지가 배척되는데 성인이 된다고 이게 쉽게 고쳐질까? 나는 결국 이러한 과정에 대한 결과물이 자존감 결여 라고 생각한다. 선택을 하는 과정에서 내 의사가 결여되는 과정이 반복될 수록 자존감은 결여될 수 밖에 없고, 지금의 학교들은 이를 반복하는 중이다.

      그래서 나는 대학교 후배들에게 학교에서 해주는 모든 심리상담을 다 받아보라고 권유한다. 사회에 나가면 상담 한 번에 꽤 많은 돈이 소모된다. 그래서 정말로 심리 상담이 필요한 사람들은 상담을 못 받는 다는 이야기가 있다. 그래서 받을 수 있을 때, 기회가 있을 때 잡는게 좋다.

      각설하고, 나도 스스로 생각하고 행동하는 부류의 사람은 아니었다. 착한아이 콤플렉스 의 전형적인 표본이 나였다. 그래도 성인이 되고, 군대에서 그리고 학교를 다니면서 스스로에 대해 계속 고민하고, 고뇌하고, 나라는 사람이 어떤 사람인지 정의하고 싶어서 여러가지 상담을 많이 받았고, 심리학 서적도 꽤 많이 읽었다.

      뜬금없지만, 개인적으로 심리학은 살아가는데 있어서 제일 실용적인 학문이 아닐까 생각한다.

      어쨌든 그 과정에서 자존감을 많이 회복할 수 있었고, 지금도 습관적으로 나는 어떤사람인지 고민하고 다시 정의내린다. 나의 장점을 찾아내고, 단점이 있더라도 받아들이고, 그런 과정이 계속되면서 조금씩 조금씩 스스로를 존중하고 있다. 이와 동시에 나를 존중하지 않는 사람들을 굳이 신경쓰지도 않고 마음쓰지도 않고 있다. 그냥 저런 사람도 있구나 하고 넘긴다.

      자존감은 일상의 많은 부분을 차지하고 있다고 생각한다.

      • 스스로를 존중할 수 없는 사람은 타인을 존중할 수 없다.
      • 스스로를 존중하는 만큼 다른 사람도 존중해야한다.
      • 스스로를 존중하지 않는 사람에게 굳이 호의를 베풀고 존중해야할 이유도 없다. 나를 싫어하는 사람들까지 신경쓰고 마음쓸 이유가 없다.
      • 사소한 의견이라도 내 의견 만큼 다른 사람의 의견도 중요하다. 그게 다수의 의견이든 소수의 의견이든 동일하다.
      • 존중을 기반으로 하는 대화와 커뮤니케이션은 결국 긍정적인 방향으로 흘러갈 수 밖에 없다.
      • 타인에 대한 존중이 없으면 개개인이 모여서 유지되고 만들어가는 이 사회에 대한 존중도 없어진다.
      • 스스로에 대한 존중이 없는 사람은 결국 어떤 일을 하더라도 행복함을 느끼기가 어렵다.

      이 외에도 많은 부분들이 있을 것이다. 특히 가까운 인간관계 속에서 자존감이 낮을 수록 균형을 유지하기가 어렵다. 가족, 친한 친구, 그리고 연인 등 우리는 많은 관계를 만들어간다. 자존감이 어느 정도는 자리잡고 있어야 건강한 관계를 유지할 수 있다고 생각한다.

      뭔가 정리되지 않고 횡설수설 이상한 소리를 많으 늘어놓은 것 같다. 대충 정리해보자면,

      12년간 감옥같은 학교에서 생활한다 → 끊임없는 경쟁 속에서 개개인의 개성과 색은 사라지고 수치화된 스펙만 남아버린다 → 이 과정에서 자존감이 점점 소실된다. 스스로를 존중할 수 없는 사람이 다른 사람을 진심으로 존중할 수 있을까? → 스스로에 대해 잘 표현하기가 점점 어려워진다 → 자존감이 결여되면 무슨 일을 하든 행복 해 지기가 어려워진다. → 따라서 자존감을 가꿀 수 있도록 노력하자

      • 시스템이 문제라면 스스로 극복할 수 있는 방법을 찾아보면 된다.
      • 나를 변화시킬 수 없다면 다른 사람도 변화시킬 수 없다.
      • 다른 사람을 변화시킬 수 없다면 결국 제일 큰 문제인 사회도 변화시킬 수 없다.
      • 스스로부터 변하자.

      이건 조직생활에서도 마찬가지라고 생각한다. 큰 변화를 도모하기 전에 나부터 먼저 변해야한다. 그래야 내 옆의 누군가가 변하고, 팀이 변하지 않을까?

      부동산

      지금의 MZ세대는 벼락거지 라는 말이 딱 어울린다. 다른 것 보다 부동산 때문에 너무 와닿는다. 지금 나에게 제일 큰 고민은 부동산 이다. 더 정확히는 내 집 마련 이랄까?

      갑자기 집값이 미친듯이 오르고 있고, 대출 받기도 쉽지 않고, 마음 같아서는 지방에 내려가서 살고 싶은데 직업적인 특성 때문에 이 또한 쉽지 않다.

      그런데 집이 있는 사람들은 또 갑자기 집값이 올라서 세금을 많이 내야하고, 그렇다고 다시 팔고 이사를 가자니 또 세금 때문에 이마저 쉽지 않고, 문제는 내 집의 가격만 오른게 아니라 다른 집의 가격도 올랐기 때문에 이사할 엄두도 나지 않는 그런 상황이다.

      지금 제일 큰 이득을 보고 있는건 세금을 쓸어담고 있는 정부가 아닐까?

      기회가 된다면 재택근무를 할 수 있는 회사로 이직해서 (이미 우리회사는 글렀다.. 아마도..?) 제주도든 강원도든 한적한 곳에서 소소하게 살아가고 싶은 마음이다. 아니, 그랬었다.

      경기도에서 서울에 이사오니 서울 살이도 나쁘지 않아서, 아니 너무 편해서 더 미쳐버리겠다. 도대체 어떻게 살아가야할까?

      주식

      주식을 보고 있으면 돈이 뭘까? 싶은 생각이 든다. 직업을 갖고 일을 하는게 점점 무의미해보인다. 직업적인 보람이 없다면 이제 일을 하는 의미가 있을까? 싶은 생각..

      나는 주식에 큰 관심을 두고 있질 않아서, 특히 주식을 하면 일에 집중이 안 되기 때문에 최대한 멀리 하고 있는 중이다. 안 하면 손해 갖고, 하면 진짜 손해를 보고(?).. 아이러니한 상황이다.

      다만 요즘 드는 생각이, 정말 자식이 돈을 잘 벌도록 만들고 싶으면 학교 공부를 시키기 보단 주식 공부를 시키는게 좋을 것 같다.

      연애

      지금은

      • 연애를 해도 문제, 안 해도 문제
      • 결혼을 해도 문제, 안 해도 문제
      • 아이를 낳아도 문제, 안 낳아도 문제

      인 것 같다.

      지금의 MZ 세대들은 너무 많은 불행을 겪고 있기 때문이라고 생각한다. 정확히는 불행하다고 생각하고 있기 때문이 아닐까?

      연애를 하기 이전에 나는 일단 혼자서도 행복하게 잘 지낼 수 있어야 한다고 생각한다. 그리고 연애를 하면 같이 있어서 더 행복함을 느낄 수 있어야 한다고 생각한다.

      내가 여유가 있고 행복할 수 있어야 타인의 슬픔과 기쁨도 나눌 수 있는게 아닐까?

      자녀를 갖는 것 또한 그렇다. 내가 행복할 수 없으면 내 자식도 행복할 수 없다. 내가 행복을 느끼고 나눌 줄 알아야 내 자식도 그게 가능하다.

      꼭 연애가 아니더라도, 적어도 마이너스가 되는 관계는 만들지 않는게 좋아보인다.

      혼자서 행복하게 잘 살 수 있다면, 그것도 나쁘지 않다. 근데 그게 되는 사람은 이미 주변에 좋은 관계를 유지하고 있는 사람이 많은 것 같다. 행복을 나눌 수 있기 때문이 아닐까?

      이상형

      어쩌다보니 이상형에 대한 이야기가 나왔다. 나는 사실 내 이상형에 대해 생각해본적이 없는 것 같다.

      그냥 좋으면 좋은거고 싫으면 싫은거지!

      그런데 내가 좋아하고 아끼는 사람들은 대체로 비슷한 느낌이 있는데 이걸 말로 형용하기가 어렵다.

      음.. 지금 곰곰히 생각해봤는데, 함께 있을 때 심리적으로 불편하게 하지 않는 사람이 좋다. 대체로 이런 사람은 자존감이 높은 편이다. 혹은 타인에 대한 배려가 습관이 된 사람들이고 존중이 습관이 된 사람들인 것 같다.

      일단 나 부터 그런 사람이 되어보자.. ㅎㅎ

      진로

      다른 사람들과 진로에 대한 이야기를 나눌 때 드는 생각은, 나는 아마 이번 생이 아니었으면 거지로 살았을 것이다. 개발자가 그만큼 나에게 적합한 직업이라고 생각한다. 그리고 참 신기한게, 어렸을 때 부터 막연하게 직업적 진로 혹은 꿈을 적는 항목에 프로그래머를 적었다. 어릴 때의 강박이 지금의 나를 만들어낸게 아닐까?

      그냥 나는 이번 생에 운이 좋게 IT 직군에 적합한 성격과 재능이 있었기 때문에 조금 더 수월하게 입에 풀칠하고 살 정도는 되는 것 같다. 10년만 늦게 태어났거나, 10년만 일찍 태어났어도 달라졌으리라 생각한다. 그런 의미에선 운이 좋은 편인 것 같다.

      독립

      가족이 불편하고 싫은게 아니라면 굳이 독립하지 않아도 된다고 생각한다. 독립을 하면.. 여러모로 피곤한점이 한 둘이 아니기 때문에..

      그래도 혼자서 이 한 몸 책임지며 살아가는 경험을 해보는 것은 나쁘지 않다. 이게 평새 유지되면 또 이야기가 다르겠지만..

      난 이제 본가에 가면 오히려 어색하다. 이제 독립한지도 거의 10년 가까이 되어가고 있으니..

      단국대학교 소프트웨어학과

      우리 학과는 아무리 봐도 타 학교 동일 학과에 비해서 경쟁력이 없다. 아웃풋이 좋은 경우는 그냥 학생들 개개인이 잘나서 잘 된 경우가 대부분이고, 나머지는 학과 생활에 적응하기도 힘들어한다.

      이에 대한 여러가지 원인이 있는데,

      • 너무 많은 정원
        • 기본 정원이 90명인데 학년이 올라갈 수록, 편입생 + 전과생 + 복수전공생 + 교류전공생 때문에 인원이 기하급수적으로 많아진다.
        • 그런데 교수님과 강의실의 숫자는 정해져있다.
        • 결국 질 좋은 강의를 듣기란 하늘의 별따기.
      • 너무 적은 교수님의 숫자 + 너무 고여버린 교수님들
        • 이건 이제 성인이 된 대학생들이 자기 앞가림을 교수님에게 의지하는 것도 문제가 있다.
        • 자기 살 길은 자기가 알아서 찾아야 하는데.. 그 마저도 쉽지 않은 상황
      • 동아리의 부재
      • 소통의 부재
      • 스터디의 부재
      • 개인플레이
      • 이에 따른 최악의 팀플레이 경험

      제일 큰 문제는 동아리가 없다는 것이다. 이미 졸업한 내가 동아리를 만들 수는 없고, 대신 소소하게 스터디를 운영하고 있다.

      선후배를 이어주는 제일 좋은 매개가 동아리인데, 동아리가 없으니 뭘 할 수 있겠는가. 학과나 학생회가 적극적으로 선후배간의 교류에 개입하고 있는 것도 아니다. 그렇다고 졸업생을 데려와서 인사이트를 주고 있는 것도 아니다. 그냥 말 그대로 하는게 없다.

      소프트웨어학과 특성상, 학점이 그렇게 중요한 편도 아니고, 또 학과 공부만 해서는 쉽사리 취업하기도 어렵다. 더 큰 문제는 최악의 팀플레이 경험인데.. 4년 동안 좋게 끝낸 팀플 경험이 거의 없다. 오히려 잘 지내던 친구들이 팀플 때문에 멀어지거나 손절하기도 하고, 여러가지로 문제가 많은 편이다.

      개개인이 책임감과 리더쉽을 어느정도 겸비하고 있어야 사회생활을 하기가 수월한데, 이런 점이 참 아쉽다. 회피하려고 하기 보단 부딪히고 극복해야한다.

      이건 다른 종류의 이야기인데, 소프트웨어학과나 컴퓨터 공학과의 경우 다들 살아가는게 고만고만 한 것 같다.

      • xx가 엄청 잘 산다더라
      • xx가 외제차를 타고 다닌다더라

      와 같은 이야기를 들어본적이 없다. 내가 아싸여서 그런걸지도

      왜 그럴까 혼자서 생각해봤는데, 다들 어릴 때 돈쓰는 취미(?) 대신에 큰 돈을 들이지 않고도 쉽게 즐거움을 느낄 수 있는 컴퓨터 앞에 앉아있는 경우가 많아서라고 생각한다. 현실세계에서 누릴 수 있는 즐거움이 많다면 굳이 컴퓨터 같은 작은 상자 앞에 앉아 있을 필요가 있을까? 이는 요즘에 뜨고 있는 메타버스와도 비슷하다고 생각한다. 초등학생, 중학생들이 즐길 수 있는 현실세계의 놀이거리가 많지 않다. 특히 돈이 있어야 뭘 하든 할 수 있는데 학생들이 무슨 돈이 있겠는가? 그래서 컴퓨터 앞에 앉아 있고, 가상의 세계인 메타버스에 탑승하여 자기들만의 공간을 만들어가는 것이다.

      어쨌든 이러한 이유로, 컴퓨터와 친해진 사람들은 대체로 사는게 고만고만 한 것이다. 그러다보니 막연하게 소프트웨어학과나 컴퓨터 공학과로 지원을 하게 되는게 아닐까?

      코로나

      코로나는 사실 민감한 주제라고 생각한다. 그래도 내 주관적인 내 생각을 조금 정리해보자면, 나는 코로나가 심하게 부풀려진 병이라고 생각한다.

      • 치사율이 그렇게 높은 편도 아니고
      • 코로나에 감염되더라도 대체로 무증상인 경우가 많으며
      • 호흡기 질환인데 혈액에 백신을 투여하는 것도 이상하고
        • 백신을 맞으면 코로나에 감염이 되더라도 증상이 없을 뿐 전파 하는 것은 똑같으며 오히려 변이 바이러스 공장이 되어버린다고 한다.
        • 기본적으로 기저질환이 없는 사람이 백신을 맞는건 거의 무용지물에 가깝다고..
      • 방역 시스템 자체도 말이 안 된다.
        • 특정 집단의 집회만 허용한다. 그 집단은 코로나에 안 걸리는 것인가?
        • 2주 단위의 사회적 거리두기 단계 조정
          • 소상공인을 완전히 죽이는 행위이다.
          • 적어도 한 달 단위로 발표를 해야 임대 계약을 유지하든 파기하든 할게 아닌가?
        • 대형 마트나 백화점에는 사람이 아무리 많아도 문제 없다는 것인가?
        • 출퇴근길 지옥
          • 출근하는 사람들은 코로나에 안걸린다는 이야기인가?
          • 출근하는 사람들이 배달음식을 시켜서 회의실에서 모여먹으면 괜찮다는 이야기인가?
          • 떨어져서 일할 때는 마스크를 쓰고, 같이 모여서 밥먹을땐 결국 마스크를 벗는다.
          • 그럼 밥도 같이 먹지 말아야 하는게 아닌가?
        • 말 그대로 무의미한 거리두기
      • 그리고 원래 감기는 백신이 없다. 감기 증상을 약화시키는(해열제, 두통약 등) 약이 있을 뿐이다.
      • 독감도 백신이 없다. 예방 접종이 있을 뿐이다.

      이 외에도 너무 많지만.. 딱 하나 이해 되는 점이 있다면

      • 전파력, 감염력이 다른 바이러스보다 강하다.
      • 그래서 사람들에게 감염될 수록 변이 바이러스가 나올 확률이 높다.
      • 전파가 계속 될 수록 변이 바이러스가 생겨나고 이에 따라 치사율이 더 높아진다.

      라는데.. 이미 누구나 한 번 쯤 하는 생각이 이미 알바를 하거나 회사 생활을 하는 20~30대는 무증상 감염이 한 번씩 되지 않았을까? 하는 점이다.

      관련 서적

      관련 포스팅

      사실 내가 원하는 것만 보고 싶어서 이런 것들을 접한 걸수도 있다. 매체에는 굉장히 다양한 것들이 매일 매일 쏟아져 나오고 있는데, 그냥 정말 코로나가 위험한 병이라면 오히려 너무 안일하게 대처하고 있는게 아닐까? 싶을 정도로 이 사회가 이상하게 흘러가고 있다고 생각한다.


      이렇게 내 생각을 글로 끄적이는게 무척 오랜만이다. 이제 시간 있을 때 조금씩 끄적여보자.

      Last Updated:

      Copyright © 2019 All Right 개발자 황준일

      junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - + diff --git a/writing/index.html b/writing/index.html index ad41030e..da5447fa 100644 --- a/writing/index.html +++ b/writing/index.html @@ -23,11 +23,11 @@ } 개발자의 글쓰기 | 개발자 황준일 - +
      Hits bn

      개발자의 글쓰기

      개발은 생각보다 심오한 작업이다. 소프트웨어 그 자체에 대한 지식과 공학적인 지식도 물론 중요하지만 최근들어 이러한 역량보다 중요하다고 느끼고 있는 게 바로 말을 잘 하는 것, 표현을 잘 하는 것, 그리고 잘 쓰는 것이다.

      나의 생각을 잘 전달하기 위해서 글 쓰는 연습을 하자.

      Last Updated:

      Copyright © 2019 All Right 개발자 황준일

      junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - + diff --git "a/writing/\352\260\234\353\260\234\354\236\220-\354\267\250\354\244\200/index.html" "b/writing/\352\260\234\353\260\234\354\236\220-\354\267\250\354\244\200/index.html" index 6973f6c0..fdde6247 100644 --- "a/writing/\352\260\234\353\260\234\354\236\220-\354\267\250\354\244\200/index.html" +++ "b/writing/\352\260\234\353\260\234\354\236\220-\354\267\250\354\244\200/index.html" @@ -23,11 +23,11 @@ } 2023년을 돌아보며 생각한 개발자로 취업하기 | 개발자 황준일 - +
      Hits bn

      2023년을 돌아보며 생각한 개발자로 취업하기

      2023년 말에 휴가를 몰아썼습니다. 푹 쉬면서 올해 있었던 일들을 곱씹어봤는데 저와 상담했던 수많은 취준생과 후배들이 생각났습니다. 그러면서 제가 꾸준히 전달해온 내용들을 한 번은 정리를 하고 넘어가야 마음이 편해질 것 같았고 정말 오랜만에 글을 써봅니다.

      핵심 내용 요약

      (1) 양 보단 질, 속도 보단 방향, 넓게 보단 깊게

      • 어떻게해서든 사용자를 확보할 것.
      • 무엇을(what) 왜(why) 어떻게(how) 했고 어떤 결과(result)를 만들어냈는지.
      • 결과보단 과정을 잘 기록할 것.

      (2) 혼자서 할 수 있는 것과 할 수 없는 것

      • 공부는 혼자서 할 수 있지만 커뮤니케이션은 혼자서 할 수 없다.
      • 인간적으로 매력적인 사람이 될 것.
      • 나에 대해서 잘 인지할 것

      (3) 학습 그 자체

      • 내가 제일 좋아하는 방법으로 공부하기.
      • 공부는 즐겁고 행복해야 한다.

      1. 양 보단 질 속도 보단 방향 넓게 보단 깊이

      (1) 경험의 질이 중요하다

      저는 고등학생 때 프로그래밍을 시작했습니다. 초등학교 때 막연하게 프로그래머가 되어야겠다 생각했고 그러다보니 자연스럽게 코딩을 할 수 있는 기회가 있을 때 이를 잡을 수 있었습니다. 전문계 고등학교를 진학했고 학교에서 코딩을 하는 동아리에 들어갔고 대회에 나갔고 입상도 했습니다.

      어찌보면 또래 친구들보다 빠르게 시작했고 꽤 괜찮은 성과도 있던거죠. 20살의 저는 쉽게 말해서 콧대가 높았습니다. 대학교에 입학하고 1학년 때 프로그래밍을 수업을 들으면서

      "이렇게 쉬운 내용을 배울라고 내가 대학교에 온건가?"

      라는 같잖은 생각을 했죠. 이미 코딩 자체에 익숙하고 쉬웠기 때문입니다. 하지만 2학년 때 다양한 전공수업을 들으면서 대학교에 오길 참 잘했다고 생각했어요.

      문제는 "깊게" 공부하지 않았어요.

      PHP Javascript Typescript Node.js Python Java C C++ C# Swift 등 정말 다양한 언어를 공부했고 이것들로 무언가를 구현하라는 요구를 받았을 때 다른 사람들보다 빠르게 결과물을 만들어낼 수 있었습니다.

      django flask spring react vue jquery nestjs express 등 프론트엔드/백엔드 가리지 않고 프레임워크도 꽤 많이 공부했습니다

      수업을 들으면서 수 없이 많은 팀프로젝트를 할 때도, 개인 과제를 할 때도, 연구실에 들어가서 학부생들과 여러가지 프로젝트를 할 때도, 대부분의 프로젝트에 큰 비중으로 기여했습니다. 하지만 저는 "구현"과 "결과물"에 모든 관심이 쏠려있었습니다.

      위에서 언급한 제가 학습했던 언어들이

      • "왜" 만들어졌는지
      • 어떤 "문제"를 해결하기 위해 만들어졌는지
      • 그 과정에서 각 언어별로 어떤 차이와 특성을 가지게 되었는지
      • 어떤 상황에 어떤 언어를 사용하는게 적합한지

      등 꼭 필요한 고민을 아예 해본적이 없었습니다.

      그렇게 시간이 흘러 4학년이 되었고 부랴부랴 취준을 하기 시작했고 여러 기업에 지원했고 어찌저찌 코딩테스트를 통과 후에 기술면접도 볼 수 있었습니다. 정말 다양한 질문을 받았는데 내가 정말 공부를 이상하게 했구나 느낀 질문이 있었습니다.

      Java와 Node.js 둘 다 학습하셨네요. 그럼 혹시 블록킹 논블록킹의 차이점에 대해 알고 있나요? 혹은 File I/O에는 어떤 언어를 사용하는게 더 효과적인가요?

      한 대 맞은 기분이었습니다. 정말 단 한 번도 고민해본적이 없었으니까요.

      18살 때 부터 26살 때 까지 군대에 있던 시간을 제외하면 6년을 거의 매일 공부했는데, 참 허탈했고 너무 바보 같았고 너무 한심했습니다. 하지만 덕분에 앞으로 어떻게 공부해야 좋을지 인지하는 계기가 되기도 했습니다. (이 글을 읽는 분들도 그랬으면 좋겠네요!)

      어떤 언어를 공부하든 상관 없습니다. 단 하나의 언어를 공부하더라도 "깊게" 하는게 중요합니다.

      언어를 공부할 때 처럼 프로젝트를 할 때도 마찬가지입니다. 저의 경우 학교를 다니면서 꽤 많은 프로젝트를 진행했는데 돌이켜보면 매리트가 없었습니다.

      대부분의 현업자 입장에서 제일 중요한건 "서비스 운영"입니다. 하나의 서비스를 출시하는 것 보다 출시 후에 운영하는 게 훨씬 더 큰 미션입니다. 개발자가 필요로 하는 대부분의 지식은 "서비스를 출시 후 운영" 하기 위한 것들에 초점이 맞춰져 있습니다.

      극단적으로 표현하자면 "팀 프로젝트를 해서 어떤 서비스를 출시했다"는 큰 의미가 없습니다. 왜냐하면 너무 뻔하거든요.

      • 어차피 java + spring이나 Node + express 같은 프레임워크를 사용해서 CRUD를 만들었을 것이고
      • javascript + react 같은 것들을 이용해서 UI를 구성했을테니까요.

      서비스 개발에 투입된 인원이 언제 어떻게 교체될지 모르는 상황에서 혹은 서비스가 어떻게 확장될지 모르는 상황에서 "프레임워크"라는 틀이 있다면 어느 정도 속도감 있게 인원 투입 및 교체가 가능합니다. 즉 "규격"을 맞추기 위해 공부한다고 보면 좋습니다. 정해진 규격의 물품은 언제든 쉽게 교체할 수 있으니까요. "프레임" 이라는 단어에 대한 이미지를 생각해보면 와닿으리라 생각합니다.

      다시 본론으로 돌아와서 제일 중요한건 "깊게" 파고들어가는 일입니다.

      그래서 프로젝트를 통해 서비스를 출시해보는 경험은 당연한 것이고, 더 나아가서 서비스 운영을 해봐야합니다. 어떻게든 사용자를 만들어야 합니다. 주제는 크게 중요하지 않아요. 사용자를 확보하고 장애를 겪어보고 사용자의 불폄함을 들어보고 개선해봐야 합니다.

      서버 개발자라면 서버가 수 없이 많이 죽어봐야 합니다. 그래서 어떻게 해야 서버를 계속 살려놓을 수 있는지 고민해야 합니다. 이 때 전공지식이 이용됩니다.

      • 안정적이고 유지보수가 용이한 서비스를 만들기 위해 소프트웨어 공학이 필요합니다.
      • 장애가 발생하고 찾아내기 위해서는 다양한 리눅스 명령어를 알아야 하고
      • 이 때 원인이 어디에 있을지 추측하기 위해 컴퓨터 구조 네트워크 등을 이해해야 합니다.
      • 주어진 자원으로 문제를 효과적으로 풀어내기 위해선 자료구조와 알고리즘을 알아야 합니다.

      그리고 "사용자"가 필요한 이유는 "문제"를 겪어보기 위함이라고 보면 좋습니다. 그 과정에서 내가 어떤 방식으로 문제 찾아냈고 그게 왜 문제였는지 인지를 하고 어떻게 해결했는지 기록을 하고 공유를 하고 긍정적인 영향력을 전파하는 것이 좋습니다.


      (2) 문제해결

      더 본질적인 이야기를 해보자면 결국 개발자에게 필요한 역량은 "문제해결" 입니다.

      어쩌면 살아가는 것은 문제해결의 연속입니다. 문제해결을 하기 위해선 문제를 정의할 수 있어야합니다. 문제를 정의하기 위해선 문제를 인지(발견)해야합니다.

      1. 내가 어떻게 문제를 발견했고
      2. 그게 왜 문제인지 정의할 수 있어야 하고
      3. 그 문제를 어떻게 해결할 수 있었고
      4. 어떤식으로 1 ~ 3의 과정을 사람들에게 이를 공유했는지 ( 영향력을 행사했는지 )
        • 블로그 글이 될 수도 있고
        • 기술 공유(발표)가 될 수도 있고
      5. 결과적으로 어떤 성과를 만들어 낼 수 있었고
        • 사실 회사에서는 이게 가장 중요합니다.
        • 시간(돈)을 사용해서 해결할만한 문제였는지. 그리고 그게 우리 조직에 얼마나 큰 이익 혹은 효과를 가져다줬는지.

      사실 이건 개발자 뿐만 아니라 모든 직군, 모든 사람에게 해당된다고 생각해요. 그냥 인생을 살아가면서 굉장히 당연한 일입니다.

      • 여러분은 왜 개발자가 되고 싶은가요?
      • 왜 코딩을 하는 건가요?
      • 이 과정의 어떤 것들이 여러분을 즐겁게 혹은 힘들게 만들고 있나요?
      • 여러분은 "개발"이라는 행위 혹은 수단으로 달성하고 싶은 궁극적인 목표가 무엇인가요?
      • 이 일을 하는게 정말 여러분을 행복하게 혹은 즐겁게 만들고 있나요?
      • ...

      위와 같은 질문에 꼭 답을 해야하는 것은 아닙니다. 이런 질문에 대한 답이 없어도 개발을 할 수 있고, 코드를 작성할 수 있고, 문제를 해결할 수 있으니까요. 하지만 이런 질문에 대한 답이 없다면, 목적이 없다면, 목표가 없다면, 더 빠르게 지치고 더 느리게 회복할 가능성이 무척 높습니다.

      어차피 우리는 살아가면서 평생 일을 해야합니다. 평생 문제해결을 해야합니다. 평생 살아가야 합니다.

      이 과정에서 묙표, 목적, 본질 등은 무척 중요하다고 생각해요. 그게 우리가 삶을 능동적으로 그리고 행복하게 살아가는 뿌리가 되어줄테니까요.

      엉뚱한 방향으로 이야기를 하게된 것 같은데 어쨌든 문제해결에 대한 딥다이브를 경험해볼 수 있는 제일 좋은 수단이 바로 팀프로젝트입니다. 기술적인 문제도 많이 겪어볼 수 있고, 기술 외의 문제도 많이 더 깊게 겪어볼 수 있으니까요. 이에 대한 이야기는 뒤에서 다루도록 하겠습니다.


      2. 혼자서 할 수 있는 것과 혼자서 할 수 없는 것

      (1) 소프트스킬

      공부는 혼자서도 할 수 있습니다.

      가령 Java, Javascript 같은 프로그래밍 언어는 혼자서도 학습할 수 있습니다. 전공 과목에 대한 지식은 혼자서도 학습할 수 있습니다. 그렇게 학습한 지식들은 현업에서 일을 하거나 문제를 해결할 때 사용됩니다. 일종의 "도구" 인거죠.

      현업에서 일을 하거나 문제를 해결할 때 사용할 수 있는건 여러가지가 있습니다. 그렇다면 일의 주체는 무엇일까요?

      당연하지만 저는 사람 이라고 생각합니다.

      우리가 혼자서 학습하는 지식은 일을 하기 위한 도구일 뿐입니다. 도구보다 더 중요한건 일을 하는 사람 그 자체입니다.

      대부분의 조직에서 목표 달성을 하는 주체는 사람이고, 다양한 도구와 수단을 이용해서 많은 사람들과 효과적이고 효율적으로 일을 하여 성과를 내는 것이 회사에서 하는 일입니다.

      그래서 우리는 일을 시작하면 거의 모든 과정에 소프트스킬이 사용됩니다. 소프트스킬은 일의 종류와 상관 없이 매우 중요합니다.

      소프트스킬

      • 개인이 보유한 고유한 속성, 성격 특성, 의사소통 역량을 의미합니다.
      • 정량화할 수 없지만, 업무에 영향을 미치는 기능을 말합니다.
      • 대인관계, 커뮤니케이션, 인성, 태도 등 특정 업무에 대한 기술은 아니지만, 일하는 데 영향을 미치는 기능을 말합니다.
      • 행동, 태도, 가치에 뿌리를 두고 있습니다.
      • 직장에서 인간적인 유대를 쌓고 문화적, 공동체적 의식을 확립할 때 그 기반이 되어줍니다.
      • 업무의 결과물에도 긍정적인 영향을 미칩니다.
      • 대표적으로 다음과 같은 소프트스킬이 존재합니다.
        • 감성지능
        • 커뮤니케이션 능력
        • 리더십
        • 시간 관리 능력
        • 문제 해결 능력
      • 소프트스킬은 범용적 성격을 띠어 대부분의 직무에 적용되고, 상식적인 부분이 많아 한 사람의 기본기로 간주되기도 합니다.

      개인적으로 소프트스킬은 일을 할 때만 중요한게 아니라 우리가 사회 구성원으로 살아갈 때 필요한 것들이라고 생각합니다.

      다양한 소프트스킬 중에서 특히 개인적으로 중요하다고 생각하는 것은 커뮤니케이션입니다.

      • 설득: 내가 원하는게 있고 이를 달성하기 위해서 어떻게 이야기를 끌고가야 다른 사람을 움직이게 만들 수 있는지.
      • 전달: 내가 생각하는 것들을 정확하게 전달하기 위해서 어떻게 이야기를 해야 좋은지.
      • 공감: 내가 상대방의 생각을 이해하고 있다는 것을 인지시키기 위해 어떻게 해야 좋은지.
      • 성장: 내가 어떤 피드백을 받았을 때 효과적이고, 내 주변 사람에게는 내가 어떤 피드백을 줬을 때 효과가 좋았는지.

      결국 일은 사람이 하는 것이고 사람들을 잘 움직이게 만드는 게 무엇보다 중요합니다.

      (2) 같이 일하고 싶은 사람

      회사에서 면접을 보는 이유가 뭘까요? 그것도 한 번이 아니라 여러 번 보는 이유가 뭘까요?

      단순히 지원자가 가진 성적이나 스펙 같은 수치적인 것들이 아니라 우리와 같이 일을 하게 될 사람이 풍기는 느낌 대화하는 방식 생각하는 방식 가치관 철학 등 "사람" 자체를 구체적으로 보고 판단하기 위해서입니다.

      조금 더 극단적으로 생각해보자면, 사실 스펙은 중요하지 않을 수도 있습니다. 개발자가 되기 위해서 개발 지식 자체는 지금 당장 필요하지 않을 수도 있습니다.

      실제로 생각보다 빈번하게 보는 사례가

      • 지원자가 굉장히 많은 분야의 지식을 공부했으나 결국 면접에서 떨어지는 경우
      • 지원자가 회사에서 일을 할 때 필요한 지식을 많이 공부하지 않은 상태임에도 불구하고 붙는 경우

      사실 제가 했던 경험이기도 합니다.

      제가 면접관일 때 합격을 판단하는 기준이기도 했고, 반대로 제가 지원자일 때 "내가 왜 붙었지?"에 대한 고민의 답이기도 했습니다.

      면접이나 이력서나 자기소개서 혹은 블로그 글 등을 통해서 이미 "같이 일하고 싶은 사람"에 대한 모습이 존재한다고 생각합니다. 지금 당장 내가 지식이 없어도 어차피 회사에서 들어와서 프로젝트에 투입이 되면 자연스럽게 공부하게 됩니다.

      한 우물을 깊게 파본 사람이라면 그 분야가 어떻게 되었든 그 사람이 관심만 가지게 된다면 똑같이 한 우물을 깊게 파고들어갈 확률이 높습니다.

      무언가를 한 가지라도 깊게 몰입해본 사람이라면 그게 무엇이 되었든 관심만 있다면 딥다이브할 확률이 높습니다. 그래서 일에 대해서 깊게 깊게 고민하고 몰입할 확률도 높은거죠. 반대로 뭘 하든 얕게만 해보고 금방 실증을 내는 사람이라면 코딩을 해도 일"을 해도 얕게만 할 확률이 높지 않을까요? 이런 가능성과 성향을 판단하기 위해 면접이라는 장치가 있다고 생각합니다.

      • 내가 어떤 사람인지
      • 어떤 생각을 하는지
      • 어떤 장단점이 있고
      • 어떤걸 잘하며 어떤걸 할 때 몰입하는지
      • 어떤 문제들을 겪었고 어떻게 해결해왔는지

      자기 자신에 대해 구체적으로 이야기할 수 있어야합니다. 나에 대한 구체적인 정보가 많을수록, 나와 같이 일하는 사람들은 일을 할 때 예측하기가 쉬워집니다. 목표를 설정할 때 이를 잘 활용할 수도 있으며 서로간의 문제가 있을 때 어떻게 풀어나가야 좋을지 알 수 있습니다.

      주절주절 떠들었는데, 결국 하고 싶은 이야기는 내가 같이 일하고 싶은 매력적인 사람이 되어야 하는거죠. 이건 회사마다 다를 수 있지만 매력을 보여줄 수 있는 꽤 많은 것들은 소프트스킬이라고 생각합니다.

      공부는 혼자서도 할 수 있지만 다른 사람과의 상호작용을 통해서 "나"를 형성하는 과정은 절대 혼자서는 불가능합니다. 그래서 저는 다양한 사람들과 다양한 경험을 하면서 나만의 가치관과 철학을 만들어 놓는게 무엇보다 중요하다고 생각합니다. 이런 경험은 팀프로젝트, 스터디, 동아리 등을 통해서 시도해볼 수 있겠죠?

      스스로에 대해 알아가는 과정

      대학생이라면 학교에 있는 다양한 상담 프로그램을 이용해보세요. 저는 학교를 다니면서 꽤 많은 심리 상담을 받았습니다. 다양한 심리학 수업을 통해서 받아보기도 했고 집단 심리 상담을 신청해서 받아보기도 했고 수없이 많은 적성검사를 받았습니다.

      그 과정에서 내가 어떤 사람인지 어떤 사람들을 좋아하는지 어떤 상황에 어떤 일을 할 때 행복한지 어떤 가치관을 가지고 있는지 등 다양한 모습을 알게 되었습니다.

      글을 작성하는 지금도 가능하면 매일 1시간 이상 산책을 하면서 오늘의 나는 어제의 나와 어떤 점들이 달라졌는지 고민을 하고 있습니다.


      (3) 나에게 맞는

      앞선 이야기를 토대로, 저는 처음부터 회사에 나 스스로를 맞추려고 하기 보단 나에게 제일 잘 맞는 회사를 찾아내길 바랍니다. 그게 제일 어렵다는게 문제지만요

      사람들이 대기업을 선호하는 이유는 보편적으로 내 가치관에 맞아들어가기 때문입니다. 내가 100% 만족할 순 없지만 70% 정도는 맞기 때문입니다.

      반대로 대부분의 회사가 나에게 맞지 않는거죠.

      나와 맞지 않는 회사에 다니고 싶지 않은거고 그런 곳에서 일을 할 때 즐겁지 않고 행복하지 않기 때문입니다.

      역발상을 해보자면 나에게 100%까진 아니여도 90%는 들어맞는 회사가 분명히 있습니다. 그런 회사를 찾아내기 위해선 결국 나 자신에 대해 잘 알아야 하는거죠.

      회사가 여러분에게 아예 안 맞을 수도 있습니다. 그렇다면 회사가 아닌 다른 길을 찾아야겠죠? 혹은 회사에서 채울 수 없는 것들이 굉장히 많이 있습니다. 그걸 알아야 하는 것도 결국 나의 몫인거죠.


      3. 학습 그 자체

      (1) 내가 좋아하는 공부 방법

      마지막으로 학습하는 방법에 대한 이야기입니다. 앞에서 방향성을 제시했는데요 저는 무엇보다 공부 그 자체가 제일 중요하다고 생각합니다.

      여러분은 공부가 즐겁나요?

      저는 즐거워야 한다고 생각합니다. 공부가 즐겁지 않다면 그건 무언가 잘못된거라고 생각해요.

      저는 책을 읽는 것도 안 좋아하고 인강을 보는 것도 안 좋아합니다. 코딩을 할 때가 제일 재밌습니다.

      책을 읽고 있으면 코딩이 하고싶어지고 인강을 보고 있어도 코딩이 하고싶어집니다. 그래서 코딩을 하면서 학습할 수 있는 스터디나 미션형 강의 등을 토대로 방대한 양의 내용을 단시간에 익히고 활용할 수 있는 방식으로 성장했습니다.

      하지만 이렇게 한다고 누구도 뭐라하지 않아요. 일을 할 때 필요한 최소한의 기초지식을 제외하곤 대부분의 지식은 필요할 때 배우면 됩니다.

      중요한건 내가 얼마나 학습에 대해 몰입하고 잘할 수 있는가 입니다.

      누군가는 혼자서 공부하는게 더 좋을 수도 있고 누군가는 친구들과 같이 공부하는게 더 좋을 수도 있습니다. 누군가는 아침에 공부를 하는게 누군가는 저녁에 공부를 하는게 좋을 수도 있습니다.

      나에게 딱 맞는 학습 방법을 찾아내는 게 제일 중요합니다.

      이전 파트에서 이야기한 맥락과 이어지는 것 같은데

      도대체 나는 어떤 사람인가?

      를 고민해보는거죠. 어떤 상황에 몰입을 하는지 공부를 하는지.

      그리고 주변 사람이 같이 일하는 사람이 나의 이런 모습을 알아야합니다. 그래야 내가 어떤 방식으로 학습하고 몰입하고 일을 하는지, 그걸 어떻게 성과로 연결할 수 있는지 알 수 있으니까요.

      일은 사람과 사람이 같이 하는 것이고 리더의 입장에서는 구성원이 어떤 상황에 몰입하는지 알고 있다면 팀이 좋은 성과를 낼 때 무척 유리합니다.


      (2) 성공의 목적과 수단

      행복한 사람이 성공하는 걸까? 성공한 사람이 행복한 걸까?

      이건 목적과 수단에 대한 이야기입니다.

      목적은 행복이고 수단이 성공이라면, 성공이 꼭 행복의 수단이 될 필요는 없는거죠.

      • 하고 싶은 공부를 하면서
      • 하고 싶은 일을 하면서
      • 즐거움과 행복을 느끼면서

      그렇게 성공 혹은 목표에 도달할 수도 있습니다.

      그리고 꾸준히 행복한 사람은 성공할 확률이 더 높다고 합니다. 하지만 저는 행복한 사람들은 성공을 향해 달려간다고 생각하지 않아요. 이미 행복하기 때문에 그냥 그 일을 계속 하는거죠. 그러다보니 남들이 이야기 하는 "성공"에 도달해 있는거죠. 남들이 이야기 하는 "성공"에 도달하지 못하다고 하더라도 이미 행복하면 그만이니까요!

      어차피 인생은 성공하기 위해 살아간다기보단 많이 그리고 자주 행복하기 위해 살아가는게 아닐까요?

      100억

      요즘 주변 사람들에게 "100억이 있다면 뭘 하고 싶어?" 라는 질문을 자주 던집니다. 사실 제가 다른 사람들에게 들었던 질문이기도 합니다.

      저를 포함하여 대부분의 사람은 결국 이에 대한 답변으로 진정으로 자기가 하고 싶은 일에 대해 이야기합니다.

      반대로 생각해보면, 진정으로 하고 싶은 일을 지금도 하고 있는 사람은 100억이라는 가치를 깔고 앉아 있는 것과 같지 않을까요? 누군가는 100억이 있어야 하는 일을 이미 하고 있는거니까요.


      Summary

      길게 여러가지 이야기를 한 것 같은데 다시 요약해보자면 다음과 같습니다.

      (1) 깊이

      • 넓게 깊게 질적으로 공부할 것.
      • 어떤 언어를 공부할 때도 프로젝트를 할 때도 하나를 깊게 하는게 중요하다.
      • 프로젝트는 만들고 출시해보고 사용자 유입을 유도하고 다양한 장애 상황을 겪어보고 이 과정에서 다양한 문제 상황을 겪어보고 해결하고 정리하는 과정이 필요하다.

      (2) 소프트스킬

      • 우리가 취업을 위해서 공부하는 것들은 대부분 하드스킬이고 일을 하기 위해 필요한 "도구"이다.
      • 그렇다면 "일을 잘 하는 방법"에 대해서도 알고 있으면 좋다.
      • 일을 잘 하기 위해선 "사람"에 대해 이해하는게 무척 중요하다.
      • 일단 나 자신에 대해 이해하고 설명하는 게 제일 중요하다.
      • 같이 일하는 사람이 내가 몰입하는 상황과 환경에 대해 알 수 있게 해야 한다.

      (3) 메타인지

      • 목적과 수단을 항상 인지하자. 무엇(what)을 왜(why) 어떻게(how) 해야 하는지.
      • 어떤 과정을 겪었고 어떤 결과가 있었는지 이야기하고 생각해볼 수 있어야 한다.
      Last Updated:

      Copyright © 2019 All Right 개발자 황준일

      junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - + diff --git "a/writing/\354\235\270\355\224\204\353\237\260-\354\213\254\354\225\274-FE-\355\233\204\352\270\260/index.html" "b/writing/\354\235\270\355\224\204\353\237\260-\354\213\254\354\225\274-FE-\355\233\204\352\270\260/index.html" index 3eae3381..140b8b33 100644 --- "a/writing/\354\235\270\355\224\204\353\237\260-\354\213\254\354\225\274-FE-\355\233\204\352\270\260/index.html" +++ "b/writing/\354\235\270\355\224\204\353\237\260-\354\213\254\354\225\274-FE-\355\233\204\352\270\260/index.html" @@ -23,11 +23,11 @@ } 인프런 심야 FE 네트워킹 후기 | 개발자 황준일 - +
      Hits bn

      인프런 심야 FE 네트워킹 후기

      썸네일

      본 포스트는 인프런 심야 FE 네트워킹open in new window에 대한 후기이다. 주로 필자가 받았던 질문과 이에 대한 답변을 추려서 작성할 것이다.

      진행 과정

      오프라인 행사였고, 네트워킹 전에 인프런 CTO 이동욱open in new window님이 행사의 포문을 열고, 인프런의 FE 개발자인 빠삐코님이 어떻게 랠릿을 만들었을까?에 대한 내용을 발표하고, 카카오 엔터테인먼트의 FE 리드 개발자인 김성호님이 뽑히는 주니어의 조건 이라는 주제로 발표를 해주셨다.

      세션에 대한 내용은 상세하게 작성해주신 분들이 많기 때문에 여기서는 크게 다루진 않을 것이다.

      어떻게 랠릿을 만들었을까?

      빠삐코 bn

      주로 랠릿을 만들면서 어려웠던 부분들에 대해 발표해주셨다. 조금 아쉬운 점을 이야기해보자면, 의사결정 과정에서 왜? 에 대한 부분을 저 자세히 다뤄줬으면 좋았을 것 같다. 랠릿 서비스에 대한 내용은 인프런 기술블로그에 자세히 공유될 예정이라고 한다.

      • 어떤 기술 스택을 사용했는지
      • 프로젝트를 진행하면서 어려웠던 점들
      • 그리고 이걸 어떤 방식으로 해결했는지
      • 그래서 지금은 괜찮은지
      • 앞으로는 어떤 방식으로 진행할 것인지

      아마 이런 내용들 위주일 것 같다.

      되도록 빨리 볼 수 있었으면 좋겠다. 보고 있나요 빠삐고님!?

      뽑히는 주니어의 조건

      김성호님 bn

      필자도 리더의 역할을 수행하며 채용을 경험해본 입장open in new window에서 나만의 생각을 곁들여 이야기해볼 것이다.

      (1) 개발자의 능력치

      김성호님은 개발자의 능력치를 게임 캐릭터의 스탯으로 비유했다.

      스탯창이 전부 기억나는건 아닌데..

      • 리더쉽
      • 커뮤니케이션
      • 엔지니어링(개발)

      일단 이렇게 세 개가 있었고 한 가지는 기억나질 않는다.

      리더쉽과 대비되는 능력으로는 팔로우쉽이 있다고 생각한다.

      내가 생각하는 팔로우쉽은

      • 우리 조직과 리더가 생각하는 것, 의도하는 것들을 잘 인지하는지
      • 인지하고 있다면, 이에 대해 적절한 방향으로 행동하고 있는지

      이렇게 두 가지 이다.

      처음부터 리드하는 사람이 떡밥을 잘 던져주면 좋겠지만(?) 누군가는 리딩하는 능력치가 낮을 수도 있고, 또 리더가 잘 신경쓰지 못하는 부분도 있다.

      그렇기 때문에 내가 리더의 입장에서 내 역할을 잘 인지하고 잘 따라줄 수 있는 능력도 꼭 필요하다고 생각한다.

      필자는 페이스북을 많이 한다. 페이스북의 콘텐츠를 소비하는 입장이랄까? 제일 유익하게 느끼는 것은 신수정open in new window님이 작성해주신 글들이다. 주옥같은 글이 무척 많이 있다. 링크드인open in new window에도 자주 올려주신다.

      각설하고, 무척 인상 깊었던 내용 중 하나를 간략하게 소개해보자면, 스스로 뛰어난 리더가 되기 위해선 무능력한 리더 밑에서도 일을 해봐야 한다 는 내용이다.

      커뮤니케이션 능력이 안 좋을 수도 있고, 개발자라면 개발 능력 자체가 미스일 수도 있을 것이다. 중요한 것은 이런 상황을 극복하고 성과를 내는 것이다. 이를 극복하는 능력치 중 하나가 팔로우쉽이라고 생각한다.

      (2) 이력서

      이력서 부분을 무척 길게 이야기 해주셨는데, 기억나는건 다음과 같다.

      • 단순 기술스택 나열을 최악이다.
      • 해당 기술로 어떤 문제를 해결했는지 작성하면 좋다.
      • 길이도 중요하다.
      • 해당 회사에서 권장하는 양식을 사용하는게 좋다.
        • 가끔 첨부파일로만 이력서를 제출하는 사람이 있는데..
        • 이럴 때 무심코 넘어갈 수 있다.
      • 스펙은 중요하지 않다.
      • 프로젝트에 대한 성과를 이력서에 드러내야한다.
        • 보통 신입 개발자는 무엇이 성과인지 모르는 경우가 많다.
        • 객관적인 지표가 필요하다.
        • 이건 필자의 생각인데, 사용성이 좋은 서비스 를 만들었다고 한다면, 어떻게 사용성이 좋다는 것을 증명할 것인가? 이에 대한 고민이 필요하다.

      여기에 필자의 생각을 곁들이자면,

      1) 문제 해결 과정에 대한 내용이 드러나야 한다.

      현재 시장에 있는 FE 개발자의 경우 전공자를 찾기가 무척 드물다. 필자도 1년 이라는 시간 동안 1000개 가까이 되는 이력서를 봤는데 그 중에 전공자를 찾기가 무척 드물었다.

      일단 전공자를 찾는 이유는 컴퓨터 공학적인 사고를 가지고 있을 확률이 높기 때문이다. 단순히 전공과목(운영체제, 컴퓨터구조, 자료구조, 알고리즘, 객체지향 프로그래밍 등)을 공부했기 때문이 아니라 전공과목을 학습하는 과정에서 왜 이런 이론들이 등장했는지, 이런 해결 방법을 사용했는지 배우기 때문이다. 즉, 비전공자보다 문제 해결 과정에 대해 시간 투자를 했다고 생각하기 때문이다.

      중요한 포인트를 다시 짚어보자면 필자는 문제 해결을 했다 가 아니라 문제 해결을 위해 어떤 방식으로 접근 했는지를 더 중요하게 생각한다. 이럴 경우, 답을 모르거나 답이 없는 상황에서도 크게 당황하지 않고 침착하게 문제 해결을 위한 사고를 할 수 있기 때문이다.

      그래서 굳이 전공자가 아니더라도, 문제 해결을 위해 접근하는 과정에 대한 연습이 잘 되어 있거나 그게 자연스러운 사람이라면 어떤 문제가 발생하더라도 이를 해결할 수 있으리라고 생각한다.

      2) 차별점이 있어야 한다.

      앞서 언급했던 것 처럼 1000개 정도의 이력서를 보면서 느낀 점은, 너무 획일화 되었다는 것이다. 현재 대부분의 FE 취준생은 부트캠프를 거친다.

      • 프로그래머스 데브코스
      • 코드스테이츠
      • 위코드
      • 원티드
      • 바닐라 코딩
      • 우아한테크코스
      • 우아한테크캠프
      • 부스트캠프
      • 코드스쿼드
      • 서울 42
      • 싸피
      • 소프트웨어마에스트로
      • 패스트캠퍼스
      • 항해99
      • 멋쟁이사자들

      굉장히 많지 않은가? 오히려 독학으로 공부하는 경우는 정말 드물다.

      부트캠프에 대한 고찰

      사실 요즘 들어 드는 생각은 독학으로 FE를 공부 했다고 한다면 기술적인 문제보단 커뮤니케이션에 대한 문제 때문에 같이 일하기가 힘들 수 있다는 생각을 하고 있다. 필자가 생각하는 부트캠프의 제일 큰 의의는 커뮤니케이션이다. 공부는 혼자서도 충분히 할 수 있다. 하지만 프로젝트를 하면서 다른 사람과 의견을 나누고 맞춰가는 과정은 혼자서 습득할 수 없기 때문이다.

      대부분의 FE 취준생이 부트캠프 출신이고, 대부분의 사람이 똑같은 기술을 익히는 이 상황에서(Javascript, Typescript, React, Redux, …) 어떻게 내가 다른 사람보다 같이 일하기에 더 좋은 사람이라는 것을 어필할 수 있을까?

      필자가 생각하는 수단은 다음과 같다.

      • 블로그

        • 단순히 기술을 정리하는 것은 불필요하다.
        • 내가 어떤 사람인지를 블로그를 통해서 드러내야 한다.
          • 개발을 할 때 어떤 생각을 하는지
          • 어떤 방식으로 공부했는지
          • 어떤 것들을 공부하고 있는지
          • 실패 혹은 성공에 대한 회고를 하는지
        • 예시
          • 단순 ES6 스펙 나열 → X
          • ES6가 등장했고, 스펙은 어떻게 되고, 어떤 장단점이 있는지 → O
        • 필자는 항상 왜(why) 에 대한 키워드가 필요하다고 생각한다.
      • 스스로를 표현하는 내용이 많을 수록 좋다.

        • 결국 같이 일하고 싶은 사람을 뽑는 것이다.
        • 나에 대해 더욱더 궁금하게 해야한다.
        • 내가 어떤 가치관을 가지고 있는지
        • 어떤 철학을 가지고 있는지
        • 개발을 배워서 뭘 하고 싶은지, 뭘 하고 있는지
      • github

        • github의 잔디가 없는 것 보단 있는게 낫다.
        • 꾸준히 하는 것도 장점이도
        • 특별한 것을 하는 것도 장점이다
        • 결국 개발자이기 때문에 코드로 표현하는 것이 아닐까?

      하고 싶은 이야기는.. 무척 많지만 일단 이정도에서 마무리해야할 것 같다. 나중에 아예 내가 같이 일하고 싶은 개발자에 대한 주제로 글을 쓰면 될듯..?

      (3) 채용 과제

      과제에 대한 내용도 다뤄주셨다.

      • 필수 기능을 구현할 것
      • 구조를 신경쓸 것
      • 네이밍 신경쓸 것
      • 완성도 높일 것
      • node_modules 제거

      요약하자면 이정도?

      필자도 채용 과제를 출제했던 입장에서 무척 공감되는 내용이었다. 다만 조금 다른 시야를 가지고 있는데, 필수 기능 구현 보단 코드의 퀄리티나 구조에 대해 더 높이 평가한다.

      똑같은 기능을 구현하더라도 난이도가 천차만별이기 때문이다. 그래서 과제에서 스스로가 보여줄 수 있는 모든 역량을 보여주는 것이 좋다고 생각한다.

      (4) 기술 면접

      기술 면접에 대한 이야기는 사실 후기도 많고, 인터뷰 질문도 많기 때문에 대부분의 개발자가 아는 내용이었으리라고 생각한다.

      다만, 채용을 했던 입장에서 고민해보자면 김성호님도 이야기 하셨지만, 면접을 보면 볼수록 사람을 판단하기가 어려워진다. 일정 수준 이상을 만족하는 개발자는 많지만 정말 주옥 같은 분을 모셔오는 것은 다른 차원의 문제라고 생각하기 때문이다.

      우리 조직에서 수용할 수 있는 제일 좋은 인력을 뽑는 것이 채용 담당자의 제일 큰 성과가 아닐까?

      그리고 그런 성과를 내기 위해서 더욱 더 주도면밀하게 사람을 파악해야 하는데.. 1~2시간을 통해서 사람을 파악하는 것 자체가 모순적이기 때문이다.

      특히, 필자가 김성호님께 드렸던 질문이 성장성을 높게 평가해서 채용했던 적이 있는가 였는데, 이게 제일 어렵다고 이야기 주셨다.

      신입 개발자의 경우, 취준 과정에서 공부했던 내용들은 사실 실무를 접하게 되면 여태까지 했던 것들은 티끌에 불과했구나 깨닿게 된다. 일단 필자는 그랬다. 내가 아는 것은 정말 티끌에 불과하구나..를 절실하게 깨달았다.

      그래서 1년차였던 2020년에 정말 죽어라 공부했다.

      2020년 깃허브 로그

      https://junilhwang.github.io/TIL/assets/thumbnail.c9a1d3e1.jpg

      정말.. 정말 열심히 공부했다. 공부 과정이 이 링크open in new window 클릭!

      다만, 내가 입사할 당시에 꽤 매력적인 사람이었는가? 를 봤을 때는.. 잘 모르겠다. 내가 채용 담당자였다면 나를 안 뽑았을 것이다. 그렇기 때문에, 스스로 부족한 점을 인지하고 이를 매꾸기 위해서 무던히 노력했던 것이다.

      그렇기 때문에 나는 내가 어떤 사람인지 면접 전에 다양한 방법으로 채용 담당자에게 전달 하는 것이 무척 중요하다고 생각한다. 지금 당장은 부족하더라도 내가 잘 성장할 수 있음을, 포텐셜이 있음을 보여주는 것이다.

      그리고 기술 면접에서 모르는 내용이 있더라도, 외웠던 내용을 뒤적거리며 답변하기 보단, 유추하려고 노력하는 것이 중요하다고 생각한다.

      사실 모르면 그냥 검색해서 적용하면 된다. 그런데 내가 겪고 있는 문제가 검색해서 안나오면 어떻게 할 것인가? 그런 상황에서 어떻게 대처할 수 있는지를 보여줘야 하지 않을까?

      (5) 마지막으로, 나의 생각

      마지막으로 필자가 다룰 내용은 먼저 연락이 오게 만드는 것 이다.

      필자는 스스로가 많이 부족한 개발자라고 생각한다. 세상엔 잘하는 사람이 너무 너무 많기 때문이고, 나는 그들에 비하면 티끌에 불과하다.

      다만 내가 가진 지식을 잘 표현하고, 전달하고, 공유하는 것은 또 다른 문제다.

      필자는 의도했던, 의도하지 않았던 내가 가진 것들을 잘 활용했다고 생각한다.

      그 수단 중 하나가 블로그 였다.

      필자의 경우 Vanilla Javascript로 상태관리 시스템 만들기open in new window 라는 글을 작성 했을 때, 이번에 행사에 연사로 참여해주신 김성호 님이 제일 먼저 같이 이야기해보면 좋겠다고 이야기를 주셨는데.. 필자가 김칫국 한 사발 드링킹 하고 지금은 줌인터넷에서 할 일이 있으니 현재 하는 일에 집중하겠다며 거절 의사를 밝혔다. 그 때로 다시 돌아간다면 성호님을 만나뵙고 다양한 이야기를 나눠보면 더 좋았을 것 같다는 생각이 든다.

      패기 넘치던 후회 가득한 답장

      메일 답장

      어쨌든 그 다음에 더 잘써보자는 생각으로 Vanilla Javascript로 가상돔(VirtualDOM) 만들기open in new window주니어 프론트엔드 개발자의 채용 프로세스 참여 후기open in new window를 작성했다.

      이런 글을 보고 네이버, 우아한형제들, 토스 등 정말 내가 갈 수 있을까? 싶은 기업의 리쿠르터 분들과 여러 스타트업의 리쿠르터 분들이 연락을 주셨다.

      그 당시에는 줌인터넷 프론트엔드 파트를 빌딩한지 얼마 안 된 시점이었기 때문에 눈물을 머금고(?) 지금 당장은 지원하지 않겠다는 의사를 각 기업의 담당자분들께 전달드렸다.

      각설하고, 필자가 괜찮은 방향으로 나아가고 있다는 생각을 가지게 된 계기가 김성호님 덕분이었다.

      그래서 이번 행사에 무척 참여하고 싶었고, 또 직접 인사드리고 싶었는데.. 발표가 끝나자 마자 칼퇴근을 하셔서 인사를 드리지 못한게 제일 아쉬웠다.

      사실 필자는 글을 작성하고 나서 방치한게 아니라 꽤 다양한 방식으로 여러 플랫폼에 홍보했다.

      • 페이스북 페이지
        • 생활코딩
        • 프론트엔드 개발자 그룹
        • VueJS 개발자 그룹
        • React 개발자 그룹
        • Javascript 개발자 그룹
      • 오픈채팅방
        • 출퇴근길 개발 읽기
      • 슬랙, 디스코드 채널
        • 블랙커피 스터디
        • 부스트캠프
      • 에브리타임(대학교 커뮤니티)
      • 링크드인

      그리고 작성한 글이 정말 퀄리티가 좋을 때는 필자가 아닌 독자 분들이 다양한 플랫폼을 통해 공유를 해주는 경우도 많았다.

      먼저 글의 퀄리티를 높여야 하고, 스스로 작성한 글에 자신이 있다면 이를 제대로 홍보할 줄 알아야 한다. 그렇게 여기 이런 사람이 있다 고 알릴 수록 기회가 많아지는 것이다.

      그리고 필자가 선택한 또 다른 수단은 스터디 형태의 강의 플랫폼이다. 사실 대부분의 부트캠프가 스터디 형태의 강의 라고 할 수 있는데, 부트캠프 외에도

      • 코드숨
      • 넥스트스텝
      • 프로그래머스

      등을 통해 참여할 수 있다.

      강의형 스터디에서 미션이 주어질 때 마다 제일 빨리 끝내자 리뷰를 제일 많이 하자 같은 목표를 정해서 미션이 임했다. 이런 과정을 통해서 내가 꽤 개발을 괜찮게 한다 라는 점을 어필하는 것이다.

      강의를 하는 사람도, 강의에 리뷰어로 참여하는 사람도 기업에 근무하는 경우가 대부분이며, 대부분의 기업은 채용을 한다.

      열심히 하는 사람일수록 기억에 강렬하게 남을 수 밖에 없는 것이다. 그래서 필자는 어떤 과정을 참여하든 최대한 적극적으로, 최대한 많은 시간을 투자했다.

      마찬가지로, 이런 경험을 토대로 부스트캠프, 넥스트스텝, 항해99 같은 교육 과정(혹은 플랫폼)에 리뷰어나 멘토로 참여할 수 있었고, 또 이에 대한 회고를 쓰고, 다시 내가 이런 사람이라고 필자의 글을 읽는 사람에게 알릴 수 있었다.

      그리고 이 글 또한 필자는 수단이라고 생각한다.

      • 나는 이런 생각을 가지고 있다.
      • 나는 이런 자세로 개발을 하고 있다.
      • 나는 이런 사람과 일하고 싶다.
      • 나는 이런 역량을 가지고 있다.

      라고 직접적이 아닌 간접적으로 전달하는 것이다.

      물론, 필자가 이야기 하는 것이 정답이 될 순 없다. 어떻게 보면 속 빈 강정이 될 수도 있고, 빈 수레가 요란하다는 말의 표본이 될 수도 있다.

      그럼에도 불구하고 하지 않는 것 보단 하는 게 더 좋다고 생각한다.

      네트워킹

      원래 네트워킹에 대한 내용을 제일 길게 작성할 생각이었는데 급발진(?)을 해서 앞의 내용이 길어졌다.. 갑자기 쓰기 귀찮아지기 시작하네

      (1) 어떤 일을 얼마나 했나요?

      라는 질문을 제일 많이 들었다.

      필자는 대학교 1학년이 끝나고 휴학한 다음에 군대에 가기 전까지 서울디지텍고등학교 라는 곳에서 웹 개발 강사를 했었다.

      필자는 웹 개발을 고등학교 2학년 때 처음 접했다. 구구절절 이야기하면 너무 길어지기 때문에 궁금하다면 이 글들을 읽어주시길..

      어쨌든 21살에 PHP, MySQL, 포토샵(?), javascript, jQuery 등을 고등학생들을 대상으로 교육했다. 약 10개월 정도 했었다. 더불어서 프리랜서를 하면서 다양한 외주를 맡아서 했었는데.. 덕분에 입대하는 날 아침까지 개발을 했었다.

      우여곡절 끝에(?) 전역을 하고 복학하기 전까지 일이나 해보자 라는 생각으로 집앞에 있는 에이전시 회사에 지원했는데, 면접을 보고 내일부터 출근하라고 해서 감사합니다! 하고 일했다.

      당시에는 월급을 150만원 받으면서 일했는데, 첫날 9시까지 야근했다. 첫 날 부터 너무 열심히해서 준일씨 때문에 퇴근하는게 눈치보이잖아요! 라는 이야기를 들었던 기억이 난다(진심은 아니고 장난으로 한 이야기였다 ㅋㅋ)

      그렇게 6개월 정도 일하다가 복학할 때가 되어서 그만두겠다고 이야기 했더니 회사는 안 나와도 좋으니 원격근무로 일하자고 제안주셔서 덮썩 물었고, 1년을 더 일했다.

      에이전시마다 다르겠지만.. 내가 맡았던 업무는 그누보드 + 워드프레스로 쇼핑몰이나 회사사이트를 만들고 반응형으로 구축하는게 대부분이었다. 어쩌다 한 번 스프링으로 된 프로젝트도 진행해보고, Vue.js 같은 프레임워크를 써보기도 했는데 어쨌든 쉽게 말해서 재미도 없고 의욕도 없었다. 그래서 그만 뒀다.

      그렇게 학업에 집중 아닌 집중을 했고, 우여곡절 끝에 막학기에 줌인터넷에 합류하여 2년 6개월을 근무했다.

      사실 프론트엔드를 전문으로 하기 시작한 것은 1년이 안 된다. 줌인터넷에 입사할 때는 서비스 개발자였고, 백엔드 API를 만드는 일을 더 많이 했다. 그래서 Java와 관련된 학습을 꽤 많이 했다.

      그러다 갑자기 프론트엔드 파트가 생겼고, 갑자기 리딩을 하게 되면서 프론트엔드 개발자로 전향하게 된 것이다.

      어쨋든 위와 같은 과정을 통해서 하고 싶은 이야기는, 대학교를 다니면서 굳이 일을 하지 않아도 된다는 점이다. 같은 조에 대학교를 다니면서 일을 하시는 분이 있었는데 내 과거와 겹쳐졌다. 물론 일했던 경험 자체는 도움이 되지만, 이게 학업의 경험보다 도움이 된다고 이야기 한다면 아니라고 생각한다. (관점의 차이가 있다)

      제일 큰 이유 중 하나는, 일은 평생 하게 될 것이다. 그렇기 때문에 여건만 된다면 그냥 학교 생활 자체를 즐기는게 인생을 길게 놓고 봤을 때 더 큰 활력이 되리라 생각한다.

      필자는 대학교를 다닐 때가 제일 힘들었다.

      일은 일대로 하고, 수업은 수업대로 듣고, 과제도 하고 시험도 보고, 시험 끝나면 다시 일하고를 반복했다. 대학교 복학 후 3년 동안 평균 수면 시간이 4시간~5시간 사이였다.

      차라리 그 시간에 마음 맞는 친구들과 프로젝트를 했다면, 동아리를 했다면, 혹은 부스트캠프 같은 교육 과정을 알아보고 준비해서 참여할 수 있었다면 지금보다 더 많은 분들을 뵙고 개발이라는 것의 본질에 더 일찍 다가갈 수 있지 않을까? 하는 생각이 든다.

      후회를 한다고 해도.. 사실 필자에게는 별다른 선택지가 없었다. 스스로 학비와 생활비를 벌어야 했기 때문이다. 공부를 해서 시험을 잘 보고 장학금을 받는다고 해도 생활비까지 나오는건 아니기 때문에.. 울며 겨자먹기로 일을 했다. 어떤 날은 내가 왜 이렇게 살아야하지? 하는 생각에 서러움에 북받쳐서 눈물을 쏟아낸적도 있었다. 정말 필자 처럼 어쩔 수 없는 상황이 아니라면, 굳이 일할 필요는 없다고 생각한다. 대학교에서 할 수 있는 값진 경험이 너무 많기 때문이다.

      (2) Vanilla Javascript에 대한 글을 왜 쓰게 되었나요?

      필자는 프레임워크 라는 것은 내가 아닌 다른 사람이 내 자리를 대체하기 쉽게 만드는 도구라고 생각했다. 즉, 내가 React를 해다가 퇴사했을 때 다른 React 개발자를 구하면 된다. 그런데 내가 React 외적으로 무엇인가 더 중요한 일을 할 수 있다면, 내가 퇴사한다고 했을 때 사측에서는 한 번 이상의 고민을 하게 되지 않을까?

      이 사람을 대체 할 수 있다 가 아니라 이 사람을 대체할 수 있을까? 로 생각할 수 있게 만들어야 한다고 생각했다.

      그래서 쉽게 대체할 수 없는 개발자가 되어야 한다고 생각했다. 그 수단으로 필자는 프레임워크의 기저에 깔린 개념들을 학습해보자는 생각으로 공부를 했다. 내가 프레임워크를 만들 수준이 된다면, 프레임워크에 얽매이는 개발자가 아니라 더 난이도가 높은 일도 할 수 있으리라고 생각했다.

      (3) 사용성이 좋다는 것을 어떻게 판단할 것인가?

      이건 필자가 다른 분들에게 질문드린 내용이다. 김성호 님이 UX를 더 신경쓰는 개발자가 되어라 라고 이야기해주셨는데, 그렇다면 UX가 더 좋다는 것을 어떻게 알 수 있을까? 에 대한 질문도 필요하다고 생각했다.

      내가 만든 서비스가 사용성이 좋다는 것을 객관적으로 알 수 있는 방법이 있을까?

      객관적인 지표를 도출해내는 방법을 생각해보자.

      • 사용자가 브라우저 내에서 발생시키는 이벤트가 존재할 것이다.
      • 어떤 페이지를 조회하는지
      • 어디를 많이 클릭을 하는지
      • 어떤 영역에서 많이 머무르는지

      이에 대한 정보를 수집할 수 있지 않을까? 그리고 이를 수치화 하면 어떨까?

      그럼 이런 생각도 있을 것이다.

      • A라는 UI와 B라는 UI 중에 어떤 UI를 더 많이 쓸까?

      이를 동시에 측정하기 위한 방법도 있지 않을까?

      이에 대해 여기서 자세히 다루진 않겠다. 스스로 한 번 고민해보고, 찾아보는 것을 권유드린다.

      (4) 개발자의 역할은 무엇일까?

      결국 IT 서비스는 인력 사업이다. 가령, 스마트폰을 만든다고 했을 때 스마트폰에 대한 설계도 필요하고 스마트폰에 들어가는 부품도 필요할 것이다.

      그런데 소프트웨어는 어떠한가?

      누구나 컴퓨터만 있다면, 스마트폰만 있다면 웹서비스를 이용할 수 있다. 혹은 앱을 다운받아 사용할 수도 있을 것이다.

      개발자는 현실세계에는 없는, 손에 잡히지 않는 무형의 것을 만드는 직업이다.

      거의 모든 것이 인력사업이라는 것이다.

      이에 대해 자세한 내용은 구멍가게 개발사의 이야기open in new window를 통해 보면 더욱 좋다.

      필자가 하고 싶은 이야기는, 개발자라는 직업 자체가 돈먹는 하마라는 것이다.

      앞서 언급한 프레임워크에 대한 이야기도 여기서 출발한다. 개발자를 채용하고 교육하고 투입하는 것 자체가 돈이다. 그래서 프레임워크를 통해서 획일화 하는 것이다. 최소한의 시간으로 최대의 퍼포먼스를 내려고 하는 것이다.

      그렇다면, 개발자가 시간을 낭비하지 않기 위해서 해야 하는 것은 무엇이 있을까?

      대표적인 수단이 코드리뷰 클린코드 리팩토링 같은 것들이다. 우리는 왜 좋은 코드를 작성해야 하는가? 그건 나를 대체할 수단을 만들기 위함이라고 생각한다.

      내가 없더라고 회사가 굴러갈 수 있도록, 내가 없더라도 지장이 없도록, 내가 아닌 누군가가 들어오더라도 이 조직에 금방 적용할 수 있도록 하는 것이다.

      이런 수단이 잘 작성된 코드와 이를 검증하기 위한 코드리뷰 등으로 드러나는게 아닐까?

      그리고 최소한의 돈(인력/인프라)으로 서비스를 굴리는 것 이라고 생각한다. 똑같은 서비스를 만들어도, 확장하더라도, 유지하더라도 어떤 기술 스택을 사용하냐에 따라 유지비용이 달라진다.

      가령, 요즘 프론트엔드 개발자는 대부분 웹뷰를 만든다. 그런데 왜 웹뷰를 쓰는걸까?

      네이티브 앱을 만들면 속도도 훨씬 빠르고 사용성도 좋다.

      앞서 언급한 것 처럼 사용성이 프론트엔드 개발자에게 중요한 비중을 가진다면, 어째서 앱을 만들 때 네이티브로 모든 기능을 구현하는게 아니라 웹뷰를 활용하는 것일까?

      이유는 돈과 시간 때문이라고 생각한다.

      네이티브로 앱을 만들 경우 안드로이드와 iOS 개발자를 각각 채용해야 한다. 기능 하나를 수정할 때 양쪽 개발자와 커뮤니케이션을 해야 하고, QA를 해야 한다. 무엇보다 앱을 업데이트 하려면 검수과정도 거쳐야 하고, 바로 반영되지도 않는다.

      무언가 문제가 발생했을 때 즉각적으로 대처할 수 있을까? 그렇지 않은 경우가 대부분일 것이다. 변화에 취약한 것이다.

      그러나 웹뷰를 사용한다면 이런 문제 대부분을 해결할 수 있다. 그래서 많은 IT 회사들이 소수의 앱 개발자를 채용하고, 다수의 프론트엔드 개발자를 채용하면서 최소한의 인력으로 최대한의 효과를 보려고 하는 것이다.

      그리고 웹이 많은 플랫폼에서 사용될 수록 웹의 스펙 또한 추가 되는 것이고, 그럴 수록 프론트엔드 개발자가 공부할 것들이 많아지는 것이다.

      우리가 회사에서 일한다는 것은 결국 수익 창출을 위함이다. 최소한의 자본으로 최대한의 이윤을 보기 위함이다. 스스로 이윤을 추구하는 개발자라고 할 수 있을까? 한 번 고민해볼 필요가 있다.

      마치며

      코로나 때문에 대부분의 대외 활동을 온라인으로만 해서 아쉬웠는데, 이렇게 오프라인 행사를 참여할 수 있어서 무척 재밌고 즐거웠습니다. 특히 제가 작성한 글을 생각보다 더 많은 분들이 읽어주셨고, 덕분에 별다른 소개를 하지 않아도 알아봐주고 인사해주시는 분들도 무척 많습니다. 저는 한 인간으로서 나는 그렇게 잘난 사람도 뛰어난 사람도 아니기 때문에 이런 관심 자체는 무척 부끄럽고 부담스럽지만 동시에 더 많이 노력하고, 더 열심히 하자는 생각도 할 수 있게 되었습니다.

      그래도 더 많은 분들과 이야기 할 수 있었는데, 제가 조금 더 적극적이였다면 어땠을까 하는 아쉬움도 있습니다 😭

      그리고 이야기 하고 싶었으나 다 이야기 하지 못했던 것들도 있었고, 다시 한 번 이야기 하고 싶었던 것들도 있었습니다. 그렇게 글을 작성했는데 아쉬운 점도 있지만 어쨌든 제가 전달하고 싶은 이야기는 글에 대부분 담은 것 같습니다 😁

      다음에 이런 자리에 참여하게 된다면 더 많은 분들과 소통하고 싶네요!

      긴 글 읽어주셔서 감사합니다 🙇‍♂️

      Last Updated:

      Copyright © 2019 All Right 개발자 황준일

      junil.h@kakao.com . +82-10-5764-4483 . GitHub . Blog . Repository

      - +