[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"page\u002Fko\u002Fdocs\u002Fcore\u002Ftext-diff\u002Fexamples":3,"page-\u002Fdocs\u002Fcore\u002Ftext-diff\u002Fexamples-ko":473,"surroundings\u002Fdocs\u002Fcore\u002Ftext-diff\u002Fexamples-ko":4203},[4],{"title":5,"ignore":6,"path":7,"stem":8,"children":9,"page":25},"문서",true,"\u002Fko\u002Fdocs","ko\u002F01.docs",[10,26,465],{"title":11,"path":12,"stem":13,"children":14,"page":-1},"환영합니다","\u002Fko\u002Fdocs\u002Fwelcome","ko\u002F01.docs\u002F01.welcome\u002F01.index",[15,16],{"title":11,"path":12,"stem":13},{"title":17,"path":18,"stem":19,"children":20,"page":25},"Get Started","\u002Fko\u002Fdocs\u002Fwelcome\u002Fget-started","ko\u002F01.docs\u002F01.welcome\u002F01.get-started",[21],{"title":22,"path":23,"stem":24},"설치","\u002Fko\u002Fdocs\u002Fwelcome\u002Fget-started\u002Finstallation","ko\u002F01.docs\u002F01.welcome\u002F01.get-started\u002F02.installation",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"핵심 도구","\u002Fko\u002Fdocs\u002Fcore","ko\u002F01.docs\u002F02.core",[31,56,68,77,86,94,102,124,156,188,197,205,213,222,231,239,250,271,295,324,354,381,409,436],{"title":32,"path":33,"stem":34,"children":35,"page":25},"MD5","\u002Fko\u002Fdocs\u002Fcore\u002Fmd5","ko\u002F01.docs\u002F02.core\u002F01.md5",[36,40,44,48,52],{"title":37,"path":38,"stem":39},"소개","\u002Fko\u002Fdocs\u002Fcore\u002Fmd5\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F01.md5\u002F01.introduction",{"title":41,"path":42,"stem":43},"기본 사용법","\u002Fko\u002Fdocs\u002Fcore\u002Fmd5\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F01.md5\u002F02.basic-usage",{"title":45,"path":46,"stem":47},"고급 기능","\u002Fko\u002Fdocs\u002Fcore\u002Fmd5\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F01.md5\u002F03.advanced-features",{"title":49,"path":50,"stem":51},"보안 고려사항","\u002Fko\u002Fdocs\u002Fcore\u002Fmd5\u002Fsecurity-considerations","ko\u002F01.docs\u002F02.core\u002F01.md5\u002F04.security-considerations",{"title":53,"path":54,"stem":55},"API 참조","\u002Fko\u002Fdocs\u002Fcore\u002Fmd5\u002Fapi-reference","ko\u002F01.docs\u002F02.core\u002F01.md5\u002F05.api-reference",{"title":57,"path":58,"stem":59,"children":60,"page":25},"UUID","\u002Fko\u002Fdocs\u002Fcore\u002Fuuid","ko\u002F01.docs\u002F02.core\u002F02.uuid",[61,64],{"title":37,"path":62,"stem":63},"\u002Fko\u002Fdocs\u002Fcore\u002Fuuid\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F02.uuid\u002F01.introduction",{"title":65,"path":66,"stem":67},"API","\u002Fko\u002Fdocs\u002Fcore\u002Fuuid\u002Fapi","ko\u002F01.docs\u002F02.core\u002F02.uuid\u002F02.api",{"title":69,"path":70,"stem":71,"children":72,"page":25},"Beyond Compare","\u002Fko\u002Fdocs\u002Fcore\u002Fbeyond-compare","ko\u002F01.docs\u002F02.core\u002F06.beyond-compare",[73],{"title":74,"path":75,"stem":76},"Introduction","\u002Fko\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F0.introduction",{"title":78,"path":79,"stem":80,"children":81,"page":25},"Clock","\u002Fko\u002Fdocs\u002Fcore\u002Fclock","ko\u002F01.docs\u002F02.core\u002F06.clock",[82],{"title":83,"path":84,"stem":85},"Clock Tool","\u002Fko\u002Fdocs\u002Fcore\u002Fclock\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F06.clock\u002F0.introduction",{"title":87,"path":88,"stem":89,"children":90,"page":25},"Screenshot Tool","\u002Fko\u002Fdocs\u002Fcore\u002Fscreenshot-tool","ko\u002F01.docs\u002F02.core\u002F07.screenshot-tool",[91],{"title":74,"path":92,"stem":93},"\u002Fko\u002Fdocs\u002Fcore\u002Fscreenshot-tool\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F07.screenshot-tool\u002F0.introduction",{"title":95,"path":96,"stem":97,"children":98,"page":25},"Svg Placeholder Generator","\u002Fko\u002Fdocs\u002Fcore\u002Fsvg-placeholder-generator","ko\u002F01.docs\u002F02.core\u002F07.svg-placeholder-generator",[99],{"title":74,"path":100,"stem":101},"\u002Fko\u002Fdocs\u002Fcore\u002Fsvg-placeholder-generator\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F07.svg-placeholder-generator\u002F0.introduction",{"title":103,"path":104,"stem":105,"children":106,"page":25},"Area Converter","\u002Fko\u002Fdocs\u002Fcore\u002Farea-converter","ko\u002F01.docs\u002F02.core\u002F08.area-converter",[107,110,113,116,120],{"title":74,"path":108,"stem":109},"\u002Fko\u002Fdocs\u002Fcore\u002Farea-converter\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F08.area-converter\u002F0.introduction",{"title":41,"path":111,"stem":112},"\u002Fko\u002Fdocs\u002Fcore\u002Farea-converter\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F08.area-converter\u002F02.basic-usage",{"title":45,"path":114,"stem":115},"\u002Fko\u002Fdocs\u002Fcore\u002Farea-converter\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F08.area-converter\u002F03.advanced-features",{"title":117,"path":118,"stem":119},"예시","\u002Fko\u002Fdocs\u002Fcore\u002Farea-converter\u002Fexamples","ko\u002F01.docs\u002F02.core\u002F08.area-converter\u002F04.examples",{"title":121,"path":122,"stem":123},"자주 묻는 질문","\u002Fko\u002Fdocs\u002Fcore\u002Farea-converter\u002Ffaq","ko\u002F01.docs\u002F02.core\u002F08.area-converter\u002F05.faq",{"title":125,"path":126,"stem":127,"children":128,"page":25},"Camera Recorder","\u002Fko\u002Fdocs\u002Fcore\u002Fcamera-recorder","ko\u002F01.docs\u002F02.core\u002F08.camera-recorder",[129,132,136,140,144,148,152],{"title":74,"path":130,"stem":131},"\u002Fko\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F0.introduction",{"title":133,"path":134,"stem":135},"Basic Usage","\u002Fko\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F02.basic-usage",{"title":137,"path":138,"stem":139},"Advanced Features","\u002Fko\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F03.advanced-features",{"title":141,"path":142,"stem":143},"Examples","\u002Fko\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Fexamples","ko\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F04.examples",{"title":145,"path":146,"stem":147},"Frequently Asked Questions","\u002Fko\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Ffaq","ko\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F05.faq",{"title":149,"path":150,"stem":151},"Related Tools","\u002Fko\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Frelated-tools","ko\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F06.related-tools",{"title":153,"path":154,"stem":155},"Security Considerations","\u002Fko\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Fsecurity-considerations","ko\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F07.security-considerations",{"title":157,"path":158,"stem":159,"children":160,"page":25},"Todo List","\u002Fko\u002Fdocs\u002Fcore\u002Ftodo-list","ko\u002F01.docs\u002F02.core\u002F09.todo-list",[161,164,167,170,174,177,181,184],{"title":74,"path":162,"stem":163},"\u002Fko\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F09.todo-list\u002F0.introduction",{"title":41,"path":165,"stem":166},"\u002Fko\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F09.todo-list\u002F02.basic-usage",{"title":45,"path":168,"stem":169},"\u002Fko\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F09.todo-list\u002F03.advanced-features",{"title":171,"path":172,"stem":173},"보안 고려 사항","\u002Fko\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fsecurity-considerations","ko\u002F01.docs\u002F02.core\u002F09.todo-list\u002F04.security-considerations",{"title":53,"path":175,"stem":176},"\u002Fko\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fapi-reference","ko\u002F01.docs\u002F02.core\u002F09.todo-list\u002F05.api-reference",{"title":178,"path":179,"stem":180},"사용 예","\u002Fko\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fexamples","ko\u002F01.docs\u002F02.core\u002F09.todo-list\u002F06.examples",{"title":121,"path":182,"stem":183},"\u002Fko\u002Fdocs\u002Fcore\u002Ftodo-list\u002Ffaq","ko\u002F01.docs\u002F02.core\u002F09.todo-list\u002F07.faq",{"title":185,"path":186,"stem":187},"관련 도구","\u002Fko\u002Fdocs\u002Fcore\u002Ftodo-list\u002Frelated-tools","ko\u002F01.docs\u002F02.core\u002F09.todo-list\u002F08.related-tools",{"title":189,"path":190,"stem":191,"children":192,"page":25},"Keycode Info","\u002Fko\u002Fdocs\u002Fcore\u002Fkeycode-info","ko\u002F01.docs\u002F02.core\u002F13.keycode-info",[193],{"title":194,"path":195,"stem":196},"키코드 정보 - 소개","\u002Fko\u002Fdocs\u002Fcore\u002Fkeycode-info\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F13.keycode-info\u002F0.introduction",{"title":198,"path":199,"stem":200,"children":201,"page":25},"Toml To Json","\u002Fko\u002Fdocs\u002Fcore\u002Ftoml-to-json","ko\u002F01.docs\u002F02.core\u002F14.toml-to-json",[202],{"title":74,"path":203,"stem":204},"\u002Fko\u002Fdocs\u002Fcore\u002Ftoml-to-json\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F14.toml-to-json\u002F0.introduction",{"title":206,"path":207,"stem":208,"children":209,"page":25},"Xml To Json","\u002Fko\u002Fdocs\u002Fcore\u002Fxml-to-json","ko\u002F01.docs\u002F02.core\u002F16.xml-to-json",[210],{"title":74,"path":211,"stem":212},"\u002Fko\u002Fdocs\u002Fcore\u002Fxml-to-json\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F16.xml-to-json\u002F0.introduction",{"title":214,"path":215,"stem":216,"children":217,"page":25},"Text Replacer","\u002Fko\u002Fdocs\u002Fcore\u002Ftext-replacer","ko\u002F01.docs\u002F02.core\u002F19.text-replacer",[218],{"title":219,"path":220,"stem":221},"텍스트 교체 도구 - 소개","\u002Fko\u002Fdocs\u002Fcore\u002Ftext-replacer\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F19.text-replacer\u002F01.introduction",{"title":223,"path":224,"stem":225,"children":226,"page":25},"Case Converter","\u002Fko\u002Fdocs\u002Fcore\u002Fcase-converter","ko\u002F01.docs\u002F02.core\u002F20.case-converter",[227],{"title":228,"path":229,"stem":230},"케이스 변환기","\u002Fko\u002Fdocs\u002Fcore\u002Fcase-converter\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F20.case-converter\u002F0.introduction",{"title":232,"path":233,"stem":234,"children":235,"page":25},"Temperature Converter","\u002Fko\u002Fdocs\u002Fcore\u002Ftemperature-converter","ko\u002F01.docs\u002F02.core\u002F20.temperature-converter",[236],{"title":74,"path":237,"stem":238},"\u002Fko\u002Fdocs\u002Fcore\u002Ftemperature-converter\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F20.temperature-converter\u002F0.introduction",{"title":240,"path":241,"stem":242,"children":243,"page":25},"Black Wallpaper","\u002Fko\u002Fdocs\u002Fcore\u002Fblack-wallpaper","ko\u002F01.docs\u002F02.core\u002F23.black-wallpaper",[244,247],{"title":74,"path":245,"stem":246},"\u002Fko\u002Fdocs\u002Fcore\u002Fblack-wallpaper\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F23.black-wallpaper\u002F0.introduction",{"title":41,"path":248,"stem":249},"\u002Fko\u002Fdocs\u002Fcore\u002Fblack-wallpaper\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F23.black-wallpaper\u002F02.basic-usage",{"title":251,"path":252,"stem":253,"children":254,"page":25},"Text Diff","\u002Fko\u002Fdocs\u002Fcore\u002Ftext-diff","ko\u002F01.docs\u002F02.core\u002F23.text-diff",[255,259,263,267],{"title":256,"path":257,"stem":258},"Text Diff 도구 - 소개","\u002Fko\u002Fdocs\u002Fcore\u002Ftext-diff\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F23.text-diff\u002F0.introduction",{"title":260,"path":261,"stem":262},"기본 사용법 - Text Diff 도구","\u002Fko\u002Fdocs\u002Fcore\u002Ftext-diff\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F23.text-diff\u002F02.basic-usage",{"title":264,"path":265,"stem":266},"고급 기능 - Text Diff 도구","\u002Fko\u002Fdocs\u002Fcore\u002Ftext-diff\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F23.text-diff\u002F03.advanced-features",{"title":268,"path":269,"stem":270},"예제 - Text Diff 도구","\u002Fko\u002Fdocs\u002Fcore\u002Ftext-diff\u002Fexamples","ko\u002F01.docs\u002F02.core\u002F23.text-diff\u002F04.examples",{"title":272,"path":273,"stem":274,"children":275,"page":25},"M3u8 Player","\u002Fko\u002Fdocs\u002Fcore\u002Fm3u8-player","ko\u002F01.docs\u002F02.core\u002F26.m3u8-player",[276,279,282,285,288,292],{"title":74,"path":277,"stem":278},"\u002Fko\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F0.introduction",{"title":41,"path":280,"stem":281},"\u002Fko\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F02.basic-usage",{"title":45,"path":283,"stem":284},"\u002Fko\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F03.advanced-features",{"title":53,"path":286,"stem":287},"\u002Fko\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Fapi-reference","ko\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F05.api-reference",{"title":289,"path":290,"stem":291},"샘플 코드","\u002Fko\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Fexamples","ko\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F06.examples",{"title":121,"path":293,"stem":294},"\u002Fko\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Ffaq","ko\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F07.faq",{"title":296,"path":297,"stem":298,"children":299,"page":25},"Markdown To Pdf","\u002Fko\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf","ko\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf",[300,303,306,309,312,315,318,321],{"title":74,"path":301,"stem":302},"\u002Fko\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F0.introduction",{"title":41,"path":304,"stem":305},"\u002Fko\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F02.basic-usage",{"title":45,"path":307,"stem":308},"\u002Fko\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F03.advanced-features",{"title":171,"path":310,"stem":311},"\u002Fko\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fsecurity-considerations","ko\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F04.security-considerations",{"title":53,"path":313,"stem":314},"\u002Fko\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fapi-reference","ko\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F05.api-reference",{"title":178,"path":316,"stem":317},"\u002Fko\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fexamples","ko\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F06.examples",{"title":121,"path":319,"stem":320},"\u002Fko\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Ffaq","ko\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F07.faq",{"title":185,"path":322,"stem":323},"\u002Fko\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Frelated-tools","ko\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F08.related-tools",{"title":325,"path":326,"stem":327,"children":328,"page":25},"Screen Dead Pixel Detector","\u002Fko\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector","ko\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector",[329,333,336,339,343,347,351],{"title":330,"path":331,"stem":332},"화면 불량 픽셀 검출기","\u002Fko\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F0.introduction",{"title":41,"path":334,"stem":335},"\u002Fko\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F02.basic-usage",{"title":45,"path":337,"stem":338},"\u002Fko\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F03.advanced-features",{"title":340,"path":341,"stem":342},"보안 및 개인정보","\u002Fko\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Fsecurity-considerations","ko\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F04.security-considerations",{"title":344,"path":345,"stem":346},"사용 예시","\u002Fko\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Fexamples","ko\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F06.examples",{"title":348,"path":349,"stem":350},"FAQ","\u002Fko\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Ffaq","ko\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F07.faq",{"title":185,"path":352,"stem":353},"\u002Fko\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Frelated-tools","ko\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F08.related-tools",{"title":355,"path":356,"stem":357,"children":358,"page":25},"Survey Tool","\u002Fko\u002Fdocs\u002Fcore\u002Fsurvey-tool","ko\u002F01.docs\u002F02.core\u002F31.survey-tool",[359,363,366,369,372,375,378],{"title":360,"path":361,"stem":362},"설문조사 도구","\u002Fko\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F0.introduction",{"title":41,"path":364,"stem":365},"\u002Fko\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F02.basic-usage",{"title":45,"path":367,"stem":368},"\u002Fko\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F03.advanced-features",{"title":49,"path":370,"stem":371},"\u002Fko\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Fsecurity-considerations","ko\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F04.security-considerations",{"title":344,"path":373,"stem":374},"\u002Fko\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Fexamples","ko\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F06.examples",{"title":348,"path":376,"stem":377},"\u002Fko\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Ffaq","ko\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F07.faq",{"title":185,"path":379,"stem":380},"\u002Fko\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Frelated-tools","ko\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F08.related-tools",{"title":382,"path":383,"stem":384,"children":385,"page":25},"Vue Office","\u002Fko\u002Fdocs\u002Fcore\u002Fvue-office","ko\u002F01.docs\u002F02.core\u002F32.vue-office",[386,390,393,396,400,403,406],{"title":387,"path":388,"stem":389},"Vue Office 문서 미리보기","\u002Fko\u002Fdocs\u002Fcore\u002Fvue-office\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F32.vue-office\u002F0.introduction",{"title":41,"path":391,"stem":392},"\u002Fko\u002Fdocs\u002Fcore\u002Fvue-office\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F32.vue-office\u002F02.basic-usage",{"title":45,"path":394,"stem":395},"\u002Fko\u002Fdocs\u002Fcore\u002Fvue-office\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F32.vue-office\u002F03.advanced-features",{"title":397,"path":398,"stem":399},"보안","\u002Fko\u002Fdocs\u002Fcore\u002Fvue-office\u002Fsecurity-considerations","ko\u002F01.docs\u002F02.core\u002F32.vue-office\u002F04.security-considerations",{"title":344,"path":401,"stem":402},"\u002Fko\u002Fdocs\u002Fcore\u002Fvue-office\u002Fexamples","ko\u002F01.docs\u002F02.core\u002F32.vue-office\u002F06.examples",{"title":348,"path":404,"stem":405},"\u002Fko\u002Fdocs\u002Fcore\u002Fvue-office\u002Ffaq","ko\u002F01.docs\u002F02.core\u002F32.vue-office\u002F07.faq",{"title":185,"path":407,"stem":408},"\u002Fko\u002Fdocs\u002Fcore\u002Fvue-office\u002Frelated-tools","ko\u002F01.docs\u002F02.core\u002F32.vue-office\u002F08.related-tools",{"title":410,"path":411,"stem":412,"children":413,"page":25},"Event Calendar","\u002Fko\u002Fdocs\u002Fcore\u002Fevent-calendar","ko\u002F01.docs\u002F02.core\u002F33.event-calendar",[414,418,421,424,427,430,433],{"title":415,"path":416,"stem":417},"이벤트 캘린더","\u002Fko\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F0.introduction",{"title":41,"path":419,"stem":420},"\u002Fko\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F02.basic-usage",{"title":45,"path":422,"stem":423},"\u002Fko\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F03.advanced-features",{"title":49,"path":425,"stem":426},"\u002Fko\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Fsecurity-considerations","ko\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F04.security-considerations",{"title":344,"path":428,"stem":429},"\u002Fko\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Fexamples","ko\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F06.examples",{"title":348,"path":431,"stem":432},"\u002Fko\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Ffaq","ko\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F07.faq",{"title":185,"path":434,"stem":435},"\u002Fko\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Frelated-tools","ko\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F08.related-tools",{"title":437,"path":438,"stem":439,"children":440,"page":25},"Base64","\u002Fko\u002Fdocs\u002Fcore\u002Fbase64","ko\u002F01.docs\u002F02.core\u002Fbase64",[441,444,447,450,453,456,459,462],{"title":74,"path":442,"stem":443},"\u002Fko\u002Fdocs\u002Fcore\u002Fbase64\u002Fintroduction","ko\u002F01.docs\u002F02.core\u002Fbase64\u002F0.introduction",{"title":41,"path":445,"stem":446},"\u002Fko\u002Fdocs\u002Fcore\u002Fbase64\u002Fbasic-usage","ko\u002F01.docs\u002F02.core\u002Fbase64\u002F02.basic-usage",{"title":45,"path":448,"stem":449},"\u002Fko\u002Fdocs\u002Fcore\u002Fbase64\u002Fadvanced-features","ko\u002F01.docs\u002F02.core\u002Fbase64\u002F03.advanced-features",{"title":49,"path":451,"stem":452},"\u002Fko\u002Fdocs\u002Fcore\u002Fbase64\u002Fsecurity-considerations","ko\u002F01.docs\u002F02.core\u002Fbase64\u002F04.security-considerations",{"title":53,"path":454,"stem":455},"\u002Fko\u002Fdocs\u002Fcore\u002Fbase64\u002Fapi-reference","ko\u002F01.docs\u002F02.core\u002Fbase64\u002F05.api-reference",{"title":117,"path":457,"stem":458},"\u002Fko\u002Fdocs\u002Fcore\u002Fbase64\u002Fexamples","ko\u002F01.docs\u002F02.core\u002Fbase64\u002F06.examples",{"title":121,"path":460,"stem":461},"\u002Fko\u002Fdocs\u002Fcore\u002Fbase64\u002Ffaq","ko\u002F01.docs\u002F02.core\u002Fbase64\u002F07.faq",{"title":185,"path":463,"stem":464},"\u002Fko\u002Fdocs\u002Fcore\u002Fbase64\u002Frelated-tools","ko\u002F01.docs\u002F02.core\u002Fbase64\u002F08.related-tools",{"title":466,"path":467,"stem":468,"children":469,"page":25},"Troubleshooting","\u002Fko\u002Fdocs\u002Ftroubleshooting","ko\u002F01.docs\u002F06.troubleshooting",[470],{"title":121,"path":471,"stem":472},"\u002Fko\u002Fdocs\u002Ftroubleshooting\u002Fcommon-issues","ko\u002F01.docs\u002F06.troubleshooting\u002F01.common-issues",{"id":474,"title":268,"body":475,"description":4197,"extension":4198,"meta":4199,"navigation":6,"path":269,"seo":4200,"sitemap":4201,"stem":270,"__hash__":4202},"content_ko\u002Fko\u002F01.docs\u002F02.core\u002F23.text-diff\u002F04.examples.md",{"type":476,"value":477,"toc":4162},"minimark",[478,483,487,491,499,504,653,658,793,798,806,812,817,1389,1394,1833,1837,1843,1848,2009,2014,2188,2194,2199,2317,2322,2438,2442,2448,2453,2702,2707,3435,3438,3444,3449,3502,3505,3519,3522,3535,3541,3544,3547,3562,3565,3585,3588,3592,3621,3624,3650,3654,3663,3666,3684,3687,3694,3700,3705,4067,4071,4077,4103,4109,4129,4135,4155,4158],[479,480,482],"h2",{"id":481},"실용적인-예제","실용적인 예제",[484,485,486],"p",{},"Text Diff 도구가 다양한 시나리오에서 어떻게 사용될 수 있는지 보여주는 실용적인 예제 모음입니다.",[479,488,490],{"id":489},"코드-개발","코드 개발",[492,493,495],"h3",{"id":494},"javascript-함수-업데이트",[496,497,498],"strong",{},"JavaScript 함수 업데이트",[484,500,501],{},[496,502,503],{},"파일 A (원본):",[505,506,511],"pre",{"className":507,"code":508,"language":509,"meta":510,"style":510},"language-javascript shiki shiki-themes github-light github-light dark-plus","function calculateTotal(items) {\n  let total = 0;\n  for (let i = 0; i \u003C items.length; i++) {\n    total += items[i].price;\n  }\n  return total;\n}\n","javascript","",[512,513,514,538,559,607,631,637,647],"code",{"__ignoreMap":510},[515,516,519,523,527,531,535],"span",{"class":517,"line":518},"line",1,[515,520,522],{"class":521},"sGiLm","function",[515,524,526],{"class":525},"sqMzV"," calculateTotal",[515,528,530],{"class":529},"svVIm","(",[515,532,534],{"class":533},"szM7h","items",[515,536,537],{"class":529},") {\n",[515,539,541,544,548,552,556],{"class":517,"line":540},2,[515,542,543],{"class":521},"  let",[515,545,547],{"class":546},"szTj3"," total",[515,549,551],{"class":550},"sGmsN"," =",[515,553,555],{"class":554},"sewGd"," 0",[515,557,558],{"class":529},";\n",[515,560,562,566,569,572,575,577,579,582,585,588,591,594,598,600,602,605],{"class":517,"line":561},3,[515,563,565],{"class":564},"srAhW","  for",[515,567,568],{"class":529}," (",[515,570,571],{"class":521},"let",[515,573,574],{"class":546}," i",[515,576,551],{"class":550},[515,578,555],{"class":554},[515,580,581],{"class":529},"; ",[515,583,584],{"class":546},"i",[515,586,587],{"class":550}," \u003C",[515,589,590],{"class":546}," items",[515,592,593],{"class":529},".",[515,595,597],{"class":596},"sSQ6O","length",[515,599,581],{"class":529},[515,601,584],{"class":546},[515,603,604],{"class":550},"++",[515,606,537],{"class":529},[515,608,610,613,616,618,621,623,626,629],{"class":517,"line":609},4,[515,611,612],{"class":546},"    total",[515,614,615],{"class":550}," +=",[515,617,590],{"class":546},[515,619,620],{"class":529},"[",[515,622,584],{"class":546},[515,624,625],{"class":529},"].",[515,627,628],{"class":546},"price",[515,630,558],{"class":529},[515,632,634],{"class":517,"line":633},5,[515,635,636],{"class":529},"  }\n",[515,638,640,643,645],{"class":517,"line":639},6,[515,641,642],{"class":564},"  return",[515,644,547],{"class":546},[515,646,558],{"class":529},[515,648,650],{"class":517,"line":649},7,[515,651,652],{"class":529},"}\n",[484,654,655],{},[496,656,657],{},"파일 B (개선됨):",[505,659,661],{"className":507,"code":660,"language":509,"meta":510,"style":510},"function calculateTotal(items) {\n  if (!items || items.length === 0) {\n    return 0;\n  }\n\n  return items.reduce((total, item) => {\n    return total + (item.price || 0);\n  }, 0);\n}\n",[512,662,663,675,703,712,716,721,753,777,788],{"__ignoreMap":510},[515,664,665,667,669,671,673],{"class":517,"line":518},[515,666,522],{"class":521},[515,668,526],{"class":525},[515,670,530],{"class":529},[515,672,534],{"class":533},[515,674,537],{"class":529},[515,676,677,680,682,685,687,690,692,694,696,699,701],{"class":517,"line":540},[515,678,679],{"class":564},"  if",[515,681,568],{"class":529},[515,683,684],{"class":550},"!",[515,686,534],{"class":546},[515,688,689],{"class":550}," ||",[515,691,590],{"class":546},[515,693,593],{"class":529},[515,695,597],{"class":596},[515,697,698],{"class":550}," ===",[515,700,555],{"class":554},[515,702,537],{"class":529},[515,704,705,708,710],{"class":517,"line":561},[515,706,707],{"class":564},"    return",[515,709,555],{"class":554},[515,711,558],{"class":529},[515,713,714],{"class":517,"line":609},[515,715,636],{"class":529},[515,717,718],{"class":517,"line":633},[515,719,720],{"emptyLinePlaceholder":6},"\n",[515,722,723,725,727,729,732,735,738,741,744,747,750],{"class":517,"line":639},[515,724,642],{"class":564},[515,726,590],{"class":546},[515,728,593],{"class":529},[515,730,731],{"class":525},"reduce",[515,733,734],{"class":529},"((",[515,736,737],{"class":533},"total",[515,739,740],{"class":529},", ",[515,742,743],{"class":533},"item",[515,745,746],{"class":529},") ",[515,748,749],{"class":521},"=>",[515,751,752],{"class":529}," {\n",[515,754,755,757,759,762,764,766,768,770,772,774],{"class":517,"line":649},[515,756,707],{"class":564},[515,758,547],{"class":546},[515,760,761],{"class":550}," +",[515,763,568],{"class":529},[515,765,743],{"class":546},[515,767,593],{"class":529},[515,769,628],{"class":546},[515,771,689],{"class":550},[515,773,555],{"class":554},[515,775,776],{"class":529},");\n",[515,778,780,783,786],{"class":517,"line":779},8,[515,781,782],{"class":529},"  }, ",[515,784,785],{"class":554},"0",[515,787,776],{"class":529},[515,789,791],{"class":517,"line":790},9,[515,792,652],{"class":529},[484,794,795],{},[496,796,797],{},"Diff 결과:",[505,799,804],{"className":800,"code":802,"language":803},[801],"language-text","+ 2   2 |     if (!items || items.length === 0) {\n+ 3   3 |         return 0;\n+ 4   4 |     }\n+ 5   5 |\n- 2   6 |     let total = 0;\n- 3   7 |     for (let i = 0; i \u003C items.length; i++) {\n- 4   8 |         total += items[i].price;\n- 5   9 |     }\n- 6  10 |     return total;\n+ 6   7 |     return items.reduce((total, item) => {\n+ 7   8 |         return total + (item.price || 0);\n+ 8   9 |     }, 0);\n","text",[512,805,802],{"__ignoreMap":510},[492,807,809],{"id":808},"react-컴포넌트-리팩토링",[496,810,811],{},"React 컴포넌트 리팩토링",[484,813,814],{},[496,815,816],{},"파일 A (클래스 컴포넌트):",[505,818,822],{"className":819,"code":820,"language":821,"meta":510,"style":510},"language-jsx shiki shiki-themes github-light github-light dark-plus","import React, { Component } from 'react';\n\nclass UserProfile extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      user: null,\n      loading: true,\n    };\n  }\n\n  componentDidMount() {\n    this.fetchUser();\n  }\n\n  fetchUser = async () => {\n    try {\n      const response = await fetch(`\u002Fapi\u002Fusers\u002F${this.props.userId}`);\n      const user = await response.json();\n      this.setState({ user, loading: false });\n    } catch (error) {\n      console.error('Error fetching user:', error);\n      this.setState({ loading: false });\n    }\n  };\n\n  render() {\n    const { user, loading } = this.state;\n\n    if (loading) return \u003Cdiv>로딩 중...\u003C\u002Fdiv>;\n    if (!user) return \u003Cdiv>사용자를 찾을 수 없습니다\u003C\u002Fdiv>;\n\n    return (\n      \u003Cdiv>\n        \u003Ch1>{user.name}\u003C\u002Fh1>\n        \u003Cp>{user.email}\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    );\n  }\n}\n","jsx",[512,823,824,850,854,871,883,895,909,920,930,935,940,945,954,967,972,977,995,1003,1051,1072,1100,1116,1137,1154,1160,1166,1171,1179,1209,1214,1251,1283,1288,1296,1307,1337,1363,1373,1379,1384],{"__ignoreMap":510},[515,825,826,829,832,835,838,841,844,848],{"class":517,"line":518},[515,827,828],{"class":564},"import",[515,830,831],{"class":546}," React",[515,833,834],{"class":529},", { ",[515,836,837],{"class":546},"Component",[515,839,840],{"class":529}," } ",[515,842,843],{"class":564},"from",[515,845,847],{"class":846},"sjj1j"," 'react'",[515,849,558],{"class":529},[515,851,852],{"class":517,"line":540},[515,853,720],{"emptyLinePlaceholder":6},[515,855,856,859,863,866,869],{"class":517,"line":561},[515,857,858],{"class":521},"class",[515,860,862],{"class":861},"s_0E6"," UserProfile",[515,864,865],{"class":521}," extends",[515,867,868],{"class":861}," Component",[515,870,752],{"class":529},[515,872,873,876,878,881],{"class":517,"line":609},[515,874,875],{"class":521},"  constructor",[515,877,530],{"class":529},[515,879,880],{"class":533},"props",[515,882,537],{"class":529},[515,884,885,889,891,893],{"class":517,"line":633},[515,886,888],{"class":887},"sLV08","    super",[515,890,530],{"class":529},[515,892,880],{"class":546},[515,894,776],{"class":529},[515,896,897,900,902,905,907],{"class":517,"line":639},[515,898,899],{"class":887},"    this",[515,901,593],{"class":529},[515,903,904],{"class":546},"state",[515,906,551],{"class":550},[515,908,752],{"class":529},[515,910,911,914,917],{"class":517,"line":649},[515,912,913],{"class":546},"      user:",[515,915,916],{"class":887}," null",[515,918,919],{"class":529},",\n",[515,921,922,925,928],{"class":517,"line":779},[515,923,924],{"class":546},"      loading:",[515,926,927],{"class":887}," true",[515,929,919],{"class":529},[515,931,932],{"class":517,"line":790},[515,933,934],{"class":529},"    };\n",[515,936,938],{"class":517,"line":937},10,[515,939,636],{"class":529},[515,941,943],{"class":517,"line":942},11,[515,944,720],{"emptyLinePlaceholder":6},[515,946,948,951],{"class":517,"line":947},12,[515,949,950],{"class":525},"  componentDidMount",[515,952,953],{"class":529},"() {\n",[515,955,957,959,961,964],{"class":517,"line":956},13,[515,958,899],{"class":887},[515,960,593],{"class":529},[515,962,963],{"class":525},"fetchUser",[515,965,966],{"class":529},"();\n",[515,968,970],{"class":517,"line":969},14,[515,971,636],{"class":529},[515,973,975],{"class":517,"line":974},15,[515,976,720],{"emptyLinePlaceholder":6},[515,978,980,983,985,988,991,993],{"class":517,"line":979},16,[515,981,982],{"class":525},"  fetchUser",[515,984,551],{"class":550},[515,986,987],{"class":521}," async",[515,989,990],{"class":529}," () ",[515,992,749],{"class":521},[515,994,752],{"class":529},[515,996,998,1001],{"class":517,"line":997},17,[515,999,1000],{"class":564},"    try",[515,1002,752],{"class":529},[515,1004,1006,1009,1013,1015,1018,1021,1023,1026,1030,1033,1036,1038,1040,1043,1046,1049],{"class":517,"line":1005},18,[515,1007,1008],{"class":521},"      const",[515,1010,1012],{"class":1011},"sdRU0"," response",[515,1014,551],{"class":550},[515,1016,1017],{"class":564}," await",[515,1019,1020],{"class":525}," fetch",[515,1022,530],{"class":529},[515,1024,1025],{"class":846},"`\u002Fapi\u002Fusers\u002F",[515,1027,1029],{"class":1028},"s7eq4","${",[515,1031,1032],{"class":887},"this",[515,1034,593],{"class":1035},"sXkxF",[515,1037,880],{"class":546},[515,1039,593],{"class":1035},[515,1041,1042],{"class":546},"userId",[515,1044,1045],{"class":1028},"}",[515,1047,1048],{"class":846},"`",[515,1050,776],{"class":529},[515,1052,1054,1056,1059,1061,1063,1065,1067,1070],{"class":517,"line":1053},19,[515,1055,1008],{"class":521},[515,1057,1058],{"class":1011}," user",[515,1060,551],{"class":550},[515,1062,1017],{"class":564},[515,1064,1012],{"class":546},[515,1066,593],{"class":529},[515,1068,1069],{"class":525},"json",[515,1071,966],{"class":529},[515,1073,1075,1078,1080,1083,1086,1089,1091,1094,1097],{"class":517,"line":1074},20,[515,1076,1077],{"class":887},"      this",[515,1079,593],{"class":529},[515,1081,1082],{"class":525},"setState",[515,1084,1085],{"class":529},"({ ",[515,1087,1088],{"class":546},"user",[515,1090,740],{"class":529},[515,1092,1093],{"class":546},"loading:",[515,1095,1096],{"class":887}," false",[515,1098,1099],{"class":529}," });\n",[515,1101,1103,1106,1109,1111,1114],{"class":517,"line":1102},21,[515,1104,1105],{"class":529},"    } ",[515,1107,1108],{"class":564},"catch",[515,1110,568],{"class":529},[515,1112,1113],{"class":546},"error",[515,1115,537],{"class":529},[515,1117,1119,1122,1124,1126,1128,1131,1133,1135],{"class":517,"line":1118},22,[515,1120,1121],{"class":546},"      console",[515,1123,593],{"class":529},[515,1125,1113],{"class":525},[515,1127,530],{"class":529},[515,1129,1130],{"class":846},"'Error fetching user:'",[515,1132,740],{"class":529},[515,1134,1113],{"class":546},[515,1136,776],{"class":529},[515,1138,1140,1142,1144,1146,1148,1150,1152],{"class":517,"line":1139},23,[515,1141,1077],{"class":887},[515,1143,593],{"class":529},[515,1145,1082],{"class":525},[515,1147,1085],{"class":529},[515,1149,1093],{"class":546},[515,1151,1096],{"class":887},[515,1153,1099],{"class":529},[515,1155,1157],{"class":517,"line":1156},24,[515,1158,1159],{"class":529},"    }\n",[515,1161,1163],{"class":517,"line":1162},25,[515,1164,1165],{"class":529},"  };\n",[515,1167,1169],{"class":517,"line":1168},26,[515,1170,720],{"emptyLinePlaceholder":6},[515,1172,1174,1177],{"class":517,"line":1173},27,[515,1175,1176],{"class":525},"  render",[515,1178,953],{"class":529},[515,1180,1182,1185,1188,1190,1192,1195,1197,1200,1203,1205,1207],{"class":517,"line":1181},28,[515,1183,1184],{"class":521},"    const",[515,1186,1187],{"class":529}," { ",[515,1189,1088],{"class":1011},[515,1191,740],{"class":529},[515,1193,1194],{"class":1011},"loading",[515,1196,840],{"class":529},[515,1198,1199],{"class":550},"=",[515,1201,1202],{"class":887}," this",[515,1204,593],{"class":529},[515,1206,904],{"class":546},[515,1208,558],{"class":529},[515,1210,1212],{"class":517,"line":1211},29,[515,1213,720],{"emptyLinePlaceholder":6},[515,1215,1217,1220,1222,1224,1226,1229,1232,1236,1239,1242,1245,1247,1249],{"class":517,"line":1216},30,[515,1218,1219],{"class":564},"    if",[515,1221,568],{"class":529},[515,1223,1194],{"class":546},[515,1225,746],{"class":529},[515,1227,1228],{"class":564},"return",[515,1230,587],{"class":1231},"skpqk",[515,1233,1235],{"class":1234},"sq2bZ","div",[515,1237,1238],{"class":1231},">",[515,1240,1241],{"class":529},"로딩 중...",[515,1243,1244],{"class":1231},"\u003C\u002F",[515,1246,1235],{"class":1234},[515,1248,1238],{"class":1231},[515,1250,558],{"class":529},[515,1252,1254,1256,1258,1260,1262,1264,1266,1268,1270,1272,1275,1277,1279,1281],{"class":517,"line":1253},31,[515,1255,1219],{"class":564},[515,1257,568],{"class":529},[515,1259,684],{"class":550},[515,1261,1088],{"class":546},[515,1263,746],{"class":529},[515,1265,1228],{"class":564},[515,1267,587],{"class":1231},[515,1269,1235],{"class":1234},[515,1271,1238],{"class":1231},[515,1273,1274],{"class":529},"사용자를 찾을 수 없습니다",[515,1276,1244],{"class":1231},[515,1278,1235],{"class":1234},[515,1280,1238],{"class":1231},[515,1282,558],{"class":529},[515,1284,1286],{"class":517,"line":1285},32,[515,1287,720],{"emptyLinePlaceholder":6},[515,1289,1291,1293],{"class":517,"line":1290},33,[515,1292,707],{"class":564},[515,1294,1295],{"class":529}," (\n",[515,1297,1299,1302,1304],{"class":517,"line":1298},34,[515,1300,1301],{"class":1231},"      \u003C",[515,1303,1235],{"class":1234},[515,1305,1306],{"class":1231},">\n",[515,1308,1310,1313,1316,1318,1322,1324,1326,1329,1331,1333,1335],{"class":517,"line":1309},35,[515,1311,1312],{"class":1231},"        \u003C",[515,1314,1315],{"class":1234},"h1",[515,1317,1238],{"class":1231},[515,1319,1321],{"class":1320},"stLzX","{",[515,1323,1088],{"class":546},[515,1325,593],{"class":529},[515,1327,1328],{"class":546},"name",[515,1330,1045],{"class":1320},[515,1332,1244],{"class":1231},[515,1334,1315],{"class":1234},[515,1336,1306],{"class":1231},[515,1338,1340,1342,1344,1346,1348,1350,1352,1355,1357,1359,1361],{"class":517,"line":1339},36,[515,1341,1312],{"class":1231},[515,1343,484],{"class":1234},[515,1345,1238],{"class":1231},[515,1347,1321],{"class":1320},[515,1349,1088],{"class":546},[515,1351,593],{"class":529},[515,1353,1354],{"class":546},"email",[515,1356,1045],{"class":1320},[515,1358,1244],{"class":1231},[515,1360,484],{"class":1234},[515,1362,1306],{"class":1231},[515,1364,1366,1369,1371],{"class":517,"line":1365},37,[515,1367,1368],{"class":1231},"      \u003C\u002F",[515,1370,1235],{"class":1234},[515,1372,1306],{"class":1231},[515,1374,1376],{"class":517,"line":1375},38,[515,1377,1378],{"class":529},"    );\n",[515,1380,1382],{"class":517,"line":1381},39,[515,1383,636],{"class":529},[515,1385,1387],{"class":517,"line":1386},40,[515,1388,652],{"class":529},[484,1390,1391],{},[496,1392,1393],{},"파일 B (훅을 사용한 함수 컴포넌트):",[505,1395,1397],{"className":819,"code":1396,"language":821,"meta":510,"style":510},"import React, { useState, useEffect } from 'react';\n\nconst UserProfile = ({ userId }) => {\n  const [user, setUser] = useState(null);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    const fetchUser = async () => {\n      try {\n        const response = await fetch(`\u002Fapi\u002Fusers\u002F${userId}`);\n        const userData = await response.json();\n        setUser(userData);\n      } catch (error) {\n        console.error('Error fetching user:', error);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchUser();\n  }, [userId]);\n\n  if (loading) return \u003Cdiv>로딩 중...\u003C\u002Fdiv>;\n  if (!user) return \u003Cdiv>사용자를 찾을 수 없습니다\u003C\u002Fdiv>;\n\n  return (\n    \u003Cdiv>\n      \u003Ch1>{user.name}\u003C\u002Fh1>\n      \u003Cp>{user.email}\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  );\n};\n",[512,1398,1399,1423,1427,1448,1478,1504,1508,1520,1537,1544,1571,1590,1602,1615,1634,1643,1655,1660,1664,1668,1675,1685,1689,1717,1747,1751,1757,1766,1790,1814,1823,1828],{"__ignoreMap":510},[515,1400,1401,1403,1405,1407,1410,1412,1415,1417,1419,1421],{"class":517,"line":518},[515,1402,828],{"class":564},[515,1404,831],{"class":546},[515,1406,834],{"class":529},[515,1408,1409],{"class":546},"useState",[515,1411,740],{"class":529},[515,1413,1414],{"class":546},"useEffect",[515,1416,840],{"class":529},[515,1418,843],{"class":564},[515,1420,847],{"class":846},[515,1422,558],{"class":529},[515,1424,1425],{"class":517,"line":540},[515,1426,720],{"emptyLinePlaceholder":6},[515,1428,1429,1432,1434,1436,1439,1441,1444,1446],{"class":517,"line":561},[515,1430,1431],{"class":521},"const",[515,1433,862],{"class":525},[515,1435,551],{"class":550},[515,1437,1438],{"class":529}," ({ ",[515,1440,1042],{"class":533},[515,1442,1443],{"class":529}," }) ",[515,1445,749],{"class":521},[515,1447,752],{"class":529},[515,1449,1450,1453,1456,1458,1460,1463,1466,1468,1471,1473,1476],{"class":517,"line":609},[515,1451,1452],{"class":521},"  const",[515,1454,1455],{"class":529}," [",[515,1457,1088],{"class":1011},[515,1459,740],{"class":529},[515,1461,1462],{"class":1011},"setUser",[515,1464,1465],{"class":529},"] ",[515,1467,1199],{"class":550},[515,1469,1470],{"class":525}," useState",[515,1472,530],{"class":529},[515,1474,1475],{"class":887},"null",[515,1477,776],{"class":529},[515,1479,1480,1482,1484,1486,1488,1491,1493,1495,1497,1499,1502],{"class":517,"line":633},[515,1481,1452],{"class":521},[515,1483,1455],{"class":529},[515,1485,1194],{"class":1011},[515,1487,740],{"class":529},[515,1489,1490],{"class":1011},"setLoading",[515,1492,1465],{"class":529},[515,1494,1199],{"class":550},[515,1496,1470],{"class":525},[515,1498,530],{"class":529},[515,1500,1501],{"class":887},"true",[515,1503,776],{"class":529},[515,1505,1506],{"class":517,"line":639},[515,1507,720],{"emptyLinePlaceholder":6},[515,1509,1510,1513,1516,1518],{"class":517,"line":649},[515,1511,1512],{"class":525},"  useEffect",[515,1514,1515],{"class":529},"(() ",[515,1517,749],{"class":521},[515,1519,752],{"class":529},[515,1521,1522,1524,1527,1529,1531,1533,1535],{"class":517,"line":779},[515,1523,1184],{"class":521},[515,1525,1526],{"class":525}," fetchUser",[515,1528,551],{"class":550},[515,1530,987],{"class":521},[515,1532,990],{"class":529},[515,1534,749],{"class":521},[515,1536,752],{"class":529},[515,1538,1539,1542],{"class":517,"line":790},[515,1540,1541],{"class":564},"      try",[515,1543,752],{"class":529},[515,1545,1546,1549,1551,1553,1555,1557,1559,1561,1563,1565,1567,1569],{"class":517,"line":937},[515,1547,1548],{"class":521},"        const",[515,1550,1012],{"class":1011},[515,1552,551],{"class":550},[515,1554,1017],{"class":564},[515,1556,1020],{"class":525},[515,1558,530],{"class":529},[515,1560,1025],{"class":846},[515,1562,1029],{"class":1028},[515,1564,1042],{"class":546},[515,1566,1045],{"class":1028},[515,1568,1048],{"class":846},[515,1570,776],{"class":529},[515,1572,1573,1575,1578,1580,1582,1584,1586,1588],{"class":517,"line":942},[515,1574,1548],{"class":521},[515,1576,1577],{"class":1011}," userData",[515,1579,551],{"class":550},[515,1581,1017],{"class":564},[515,1583,1012],{"class":546},[515,1585,593],{"class":529},[515,1587,1069],{"class":525},[515,1589,966],{"class":529},[515,1591,1592,1595,1597,1600],{"class":517,"line":947},[515,1593,1594],{"class":525},"        setUser",[515,1596,530],{"class":529},[515,1598,1599],{"class":546},"userData",[515,1601,776],{"class":529},[515,1603,1604,1607,1609,1611,1613],{"class":517,"line":956},[515,1605,1606],{"class":529},"      } ",[515,1608,1108],{"class":564},[515,1610,568],{"class":529},[515,1612,1113],{"class":546},[515,1614,537],{"class":529},[515,1616,1617,1620,1622,1624,1626,1628,1630,1632],{"class":517,"line":969},[515,1618,1619],{"class":546},"        console",[515,1621,593],{"class":529},[515,1623,1113],{"class":525},[515,1625,530],{"class":529},[515,1627,1130],{"class":846},[515,1629,740],{"class":529},[515,1631,1113],{"class":546},[515,1633,776],{"class":529},[515,1635,1636,1638,1641],{"class":517,"line":974},[515,1637,1606],{"class":529},[515,1639,1640],{"class":564},"finally",[515,1642,752],{"class":529},[515,1644,1645,1648,1650,1653],{"class":517,"line":979},[515,1646,1647],{"class":525},"        setLoading",[515,1649,530],{"class":529},[515,1651,1652],{"class":887},"false",[515,1654,776],{"class":529},[515,1656,1657],{"class":517,"line":997},[515,1658,1659],{"class":529},"      }\n",[515,1661,1662],{"class":517,"line":1005},[515,1663,934],{"class":529},[515,1665,1666],{"class":517,"line":1053},[515,1667,720],{"emptyLinePlaceholder":6},[515,1669,1670,1673],{"class":517,"line":1074},[515,1671,1672],{"class":525},"    fetchUser",[515,1674,966],{"class":529},[515,1676,1677,1680,1682],{"class":517,"line":1102},[515,1678,1679],{"class":529},"  }, [",[515,1681,1042],{"class":546},[515,1683,1684],{"class":529},"]);\n",[515,1686,1687],{"class":517,"line":1118},[515,1688,720],{"emptyLinePlaceholder":6},[515,1690,1691,1693,1695,1697,1699,1701,1703,1705,1707,1709,1711,1713,1715],{"class":517,"line":1139},[515,1692,679],{"class":564},[515,1694,568],{"class":529},[515,1696,1194],{"class":546},[515,1698,746],{"class":529},[515,1700,1228],{"class":564},[515,1702,587],{"class":1231},[515,1704,1235],{"class":1234},[515,1706,1238],{"class":1231},[515,1708,1241],{"class":529},[515,1710,1244],{"class":1231},[515,1712,1235],{"class":1234},[515,1714,1238],{"class":1231},[515,1716,558],{"class":529},[515,1718,1719,1721,1723,1725,1727,1729,1731,1733,1735,1737,1739,1741,1743,1745],{"class":517,"line":1156},[515,1720,679],{"class":564},[515,1722,568],{"class":529},[515,1724,684],{"class":550},[515,1726,1088],{"class":546},[515,1728,746],{"class":529},[515,1730,1228],{"class":564},[515,1732,587],{"class":1231},[515,1734,1235],{"class":1234},[515,1736,1238],{"class":1231},[515,1738,1274],{"class":529},[515,1740,1244],{"class":1231},[515,1742,1235],{"class":1234},[515,1744,1238],{"class":1231},[515,1746,558],{"class":529},[515,1748,1749],{"class":517,"line":1162},[515,1750,720],{"emptyLinePlaceholder":6},[515,1752,1753,1755],{"class":517,"line":1168},[515,1754,642],{"class":564},[515,1756,1295],{"class":529},[515,1758,1759,1762,1764],{"class":517,"line":1173},[515,1760,1761],{"class":1231},"    \u003C",[515,1763,1235],{"class":1234},[515,1765,1306],{"class":1231},[515,1767,1768,1770,1772,1774,1776,1778,1780,1782,1784,1786,1788],{"class":517,"line":1181},[515,1769,1301],{"class":1231},[515,1771,1315],{"class":1234},[515,1773,1238],{"class":1231},[515,1775,1321],{"class":1320},[515,1777,1088],{"class":546},[515,1779,593],{"class":529},[515,1781,1328],{"class":546},[515,1783,1045],{"class":1320},[515,1785,1244],{"class":1231},[515,1787,1315],{"class":1234},[515,1789,1306],{"class":1231},[515,1791,1792,1794,1796,1798,1800,1802,1804,1806,1808,1810,1812],{"class":517,"line":1211},[515,1793,1301],{"class":1231},[515,1795,484],{"class":1234},[515,1797,1238],{"class":1231},[515,1799,1321],{"class":1320},[515,1801,1088],{"class":546},[515,1803,593],{"class":529},[515,1805,1354],{"class":546},[515,1807,1045],{"class":1320},[515,1809,1244],{"class":1231},[515,1811,484],{"class":1234},[515,1813,1306],{"class":1231},[515,1815,1816,1819,1821],{"class":517,"line":1216},[515,1817,1818],{"class":1231},"    \u003C\u002F",[515,1820,1235],{"class":1234},[515,1822,1306],{"class":1231},[515,1824,1825],{"class":517,"line":1253},[515,1826,1827],{"class":529},"  );\n",[515,1829,1830],{"class":517,"line":1285},[515,1831,1832],{"class":529},"};\n",[479,1834,1836],{"id":1835},"설정-관리","설정 관리",[492,1838,1840],{"id":1839},"docker-compose-설정",[496,1841,1842],{},"Docker Compose 설정",[484,1844,1845],{},[496,1846,1847],{},"파일 A (개발):",[505,1849,1853],{"className":1850,"code":1851,"language":1852,"meta":510,"style":510},"language-yaml shiki shiki-themes github-light github-light dark-plus","version: '3.8'\nservices:\n  web:\n    build: .\n    ports:\n      - '3000:3000'\n    environment:\n      - NODE_ENV=development\n      - DATABASE_URL=postgresql:\u002F\u002Flocalhost:5432\u002Fmyapp_dev\n    volumes:\n      - .:\u002Fapp\n      - \u002Fapp\u002Fnode_modules\n\n  database:\n    image: postgres:13\n    environment:\n      - POSTGRES_DB=myapp_dev\n      - POSTGRES_USER=dev\n      - POSTGRES_PASSWORD=dev123\n    ports:\n      - '5432:5432'\n","yaml",[512,1854,1855,1866,1874,1881,1891,1898,1906,1913,1920,1927,1934,1941,1948,1952,1959,1969,1975,1982,1989,1996,2002],{"__ignoreMap":510},[515,1856,1857,1860,1863],{"class":517,"line":518},[515,1858,1859],{"class":1234},"version",[515,1861,1862],{"class":529},": ",[515,1864,1865],{"class":846},"'3.8'\n",[515,1867,1868,1871],{"class":517,"line":540},[515,1869,1870],{"class":1234},"services",[515,1872,1873],{"class":529},":\n",[515,1875,1876,1879],{"class":517,"line":561},[515,1877,1878],{"class":1234},"  web",[515,1880,1873],{"class":529},[515,1882,1883,1886,1888],{"class":517,"line":609},[515,1884,1885],{"class":1234},"    build",[515,1887,1862],{"class":529},[515,1889,1890],{"class":554},".\n",[515,1892,1893,1896],{"class":517,"line":633},[515,1894,1895],{"class":1234},"    ports",[515,1897,1873],{"class":529},[515,1899,1900,1903],{"class":517,"line":639},[515,1901,1902],{"class":529},"      - ",[515,1904,1905],{"class":846},"'3000:3000'\n",[515,1907,1908,1911],{"class":517,"line":649},[515,1909,1910],{"class":1234},"    environment",[515,1912,1873],{"class":529},[515,1914,1915,1917],{"class":517,"line":779},[515,1916,1902],{"class":529},[515,1918,1919],{"class":846},"NODE_ENV=development\n",[515,1921,1922,1924],{"class":517,"line":790},[515,1923,1902],{"class":529},[515,1925,1926],{"class":846},"DATABASE_URL=postgresql:\u002F\u002Flocalhost:5432\u002Fmyapp_dev\n",[515,1928,1929,1932],{"class":517,"line":937},[515,1930,1931],{"class":1234},"    volumes",[515,1933,1873],{"class":529},[515,1935,1936,1938],{"class":517,"line":942},[515,1937,1902],{"class":529},[515,1939,1940],{"class":846},".:\u002Fapp\n",[515,1942,1943,1945],{"class":517,"line":947},[515,1944,1902],{"class":529},[515,1946,1947],{"class":846},"\u002Fapp\u002Fnode_modules\n",[515,1949,1950],{"class":517,"line":956},[515,1951,720],{"emptyLinePlaceholder":6},[515,1953,1954,1957],{"class":517,"line":969},[515,1955,1956],{"class":1234},"  database",[515,1958,1873],{"class":529},[515,1960,1961,1964,1966],{"class":517,"line":974},[515,1962,1963],{"class":1234},"    image",[515,1965,1862],{"class":529},[515,1967,1968],{"class":846},"postgres:13\n",[515,1970,1971,1973],{"class":517,"line":979},[515,1972,1910],{"class":1234},[515,1974,1873],{"class":529},[515,1976,1977,1979],{"class":517,"line":997},[515,1978,1902],{"class":529},[515,1980,1981],{"class":846},"POSTGRES_DB=myapp_dev\n",[515,1983,1984,1986],{"class":517,"line":1005},[515,1985,1902],{"class":529},[515,1987,1988],{"class":846},"POSTGRES_USER=dev\n",[515,1990,1991,1993],{"class":517,"line":1053},[515,1992,1902],{"class":529},[515,1994,1995],{"class":846},"POSTGRES_PASSWORD=dev123\n",[515,1997,1998,2000],{"class":517,"line":1074},[515,1999,1895],{"class":1234},[515,2001,1873],{"class":529},[515,2003,2004,2006],{"class":517,"line":1102},[515,2005,1902],{"class":529},[515,2007,2008],{"class":846},"'5432:5432'\n",[484,2010,2011],{},[496,2012,2013],{},"파일 B (프로덕션):",[505,2015,2017],{"className":1850,"code":2016,"language":1852,"meta":510,"style":510},"version: '3.8'\nservices:\n  web:\n    build: .\n    ports:\n      - '80:3000'\n    environment:\n      - NODE_ENV=production\n      - DATABASE_URL=${DATABASE_URL}\n    restart: unless-stopped\n    depends_on:\n      - database\n\n  database:\n    image: postgres:13\n    environment:\n      - POSTGRES_DB=${POSTGRES_DB}\n      - POSTGRES_USER=${POSTGRES_USER}\n      - POSTGRES_PASSWORD=${POSTGRES_PASSWORD}\n    volumes:\n      - postgres_data:\u002Fvar\u002Flib\u002Fpostgresql\u002Fdata\n    restart: unless-stopped\n\nvolumes:\n  postgres_data:\n",[512,2018,2019,2027,2033,2039,2047,2053,2060,2066,2073,2080,2090,2097,2104,2108,2114,2122,2128,2135,2142,2149,2155,2162,2170,2174,2181],{"__ignoreMap":510},[515,2020,2021,2023,2025],{"class":517,"line":518},[515,2022,1859],{"class":1234},[515,2024,1862],{"class":529},[515,2026,1865],{"class":846},[515,2028,2029,2031],{"class":517,"line":540},[515,2030,1870],{"class":1234},[515,2032,1873],{"class":529},[515,2034,2035,2037],{"class":517,"line":561},[515,2036,1878],{"class":1234},[515,2038,1873],{"class":529},[515,2040,2041,2043,2045],{"class":517,"line":609},[515,2042,1885],{"class":1234},[515,2044,1862],{"class":529},[515,2046,1890],{"class":554},[515,2048,2049,2051],{"class":517,"line":633},[515,2050,1895],{"class":1234},[515,2052,1873],{"class":529},[515,2054,2055,2057],{"class":517,"line":639},[515,2056,1902],{"class":529},[515,2058,2059],{"class":846},"'80:3000'\n",[515,2061,2062,2064],{"class":517,"line":649},[515,2063,1910],{"class":1234},[515,2065,1873],{"class":529},[515,2067,2068,2070],{"class":517,"line":779},[515,2069,1902],{"class":529},[515,2071,2072],{"class":846},"NODE_ENV=production\n",[515,2074,2075,2077],{"class":517,"line":790},[515,2076,1902],{"class":529},[515,2078,2079],{"class":846},"DATABASE_URL=${DATABASE_URL}\n",[515,2081,2082,2085,2087],{"class":517,"line":937},[515,2083,2084],{"class":1234},"    restart",[515,2086,1862],{"class":529},[515,2088,2089],{"class":846},"unless-stopped\n",[515,2091,2092,2095],{"class":517,"line":942},[515,2093,2094],{"class":1234},"    depends_on",[515,2096,1873],{"class":529},[515,2098,2099,2101],{"class":517,"line":947},[515,2100,1902],{"class":529},[515,2102,2103],{"class":846},"database\n",[515,2105,2106],{"class":517,"line":956},[515,2107,720],{"emptyLinePlaceholder":6},[515,2109,2110,2112],{"class":517,"line":969},[515,2111,1956],{"class":1234},[515,2113,1873],{"class":529},[515,2115,2116,2118,2120],{"class":517,"line":974},[515,2117,1963],{"class":1234},[515,2119,1862],{"class":529},[515,2121,1968],{"class":846},[515,2123,2124,2126],{"class":517,"line":979},[515,2125,1910],{"class":1234},[515,2127,1873],{"class":529},[515,2129,2130,2132],{"class":517,"line":997},[515,2131,1902],{"class":529},[515,2133,2134],{"class":846},"POSTGRES_DB=${POSTGRES_DB}\n",[515,2136,2137,2139],{"class":517,"line":1005},[515,2138,1902],{"class":529},[515,2140,2141],{"class":846},"POSTGRES_USER=${POSTGRES_USER}\n",[515,2143,2144,2146],{"class":517,"line":1053},[515,2145,1902],{"class":529},[515,2147,2148],{"class":846},"POSTGRES_PASSWORD=${POSTGRES_PASSWORD}\n",[515,2150,2151,2153],{"class":517,"line":1074},[515,2152,1931],{"class":1234},[515,2154,1873],{"class":529},[515,2156,2157,2159],{"class":517,"line":1102},[515,2158,1902],{"class":529},[515,2160,2161],{"class":846},"postgres_data:\u002Fvar\u002Flib\u002Fpostgresql\u002Fdata\n",[515,2163,2164,2166,2168],{"class":517,"line":1118},[515,2165,2084],{"class":1234},[515,2167,1862],{"class":529},[515,2169,2089],{"class":846},[515,2171,2172],{"class":517,"line":1139},[515,2173,720],{"emptyLinePlaceholder":6},[515,2175,2176,2179],{"class":517,"line":1156},[515,2177,2178],{"class":1234},"volumes",[515,2180,1873],{"class":529},[515,2182,2183,2186],{"class":517,"line":1162},[515,2184,2185],{"class":1234},"  postgres_data",[515,2187,1873],{"class":529},[492,2189,2191],{"id":2190},"packagejson-의존성",[496,2192,2193],{},"Package.json 의존성",[484,2195,2196],{},[496,2197,2198],{},"파일 A (업데이트 전):",[505,2200,2203],{"className":2201,"code":2202,"language":1069,"meta":510,"style":510},"language-json shiki shiki-themes github-light github-light dark-plus","{\n  \"dependencies\": {\n    \"react\": \"^17.0.2\",\n    \"react-dom\": \"^17.0.2\",\n    \"axios\": \"^0.21.1\",\n    \"lodash\": \"^4.17.20\"\n  },\n  \"devDependencies\": {\n    \"@types\u002Freact\": \"^17.0.0\",\n    \"typescript\": \"^4.2.3\",\n    \"webpack\": \"^5.24.0\"\n  }\n}\n",[512,2204,2205,2210,2218,2230,2241,2253,2263,2268,2275,2287,2299,2309,2313],{"__ignoreMap":510},[515,2206,2207],{"class":517,"line":518},[515,2208,2209],{"class":529},"{\n",[515,2211,2212,2215],{"class":517,"line":540},[515,2213,2214],{"class":596},"  \"dependencies\"",[515,2216,2217],{"class":529},": {\n",[515,2219,2220,2223,2225,2228],{"class":517,"line":561},[515,2221,2222],{"class":596},"    \"react\"",[515,2224,1862],{"class":529},[515,2226,2227],{"class":846},"\"^17.0.2\"",[515,2229,919],{"class":529},[515,2231,2232,2235,2237,2239],{"class":517,"line":609},[515,2233,2234],{"class":596},"    \"react-dom\"",[515,2236,1862],{"class":529},[515,2238,2227],{"class":846},[515,2240,919],{"class":529},[515,2242,2243,2246,2248,2251],{"class":517,"line":633},[515,2244,2245],{"class":596},"    \"axios\"",[515,2247,1862],{"class":529},[515,2249,2250],{"class":846},"\"^0.21.1\"",[515,2252,919],{"class":529},[515,2254,2255,2258,2260],{"class":517,"line":639},[515,2256,2257],{"class":596},"    \"lodash\"",[515,2259,1862],{"class":529},[515,2261,2262],{"class":846},"\"^4.17.20\"\n",[515,2264,2265],{"class":517,"line":649},[515,2266,2267],{"class":529},"  },\n",[515,2269,2270,2273],{"class":517,"line":779},[515,2271,2272],{"class":596},"  \"devDependencies\"",[515,2274,2217],{"class":529},[515,2276,2277,2280,2282,2285],{"class":517,"line":790},[515,2278,2279],{"class":596},"    \"@types\u002Freact\"",[515,2281,1862],{"class":529},[515,2283,2284],{"class":846},"\"^17.0.0\"",[515,2286,919],{"class":529},[515,2288,2289,2292,2294,2297],{"class":517,"line":937},[515,2290,2291],{"class":596},"    \"typescript\"",[515,2293,1862],{"class":529},[515,2295,2296],{"class":846},"\"^4.2.3\"",[515,2298,919],{"class":529},[515,2300,2301,2304,2306],{"class":517,"line":942},[515,2302,2303],{"class":596},"    \"webpack\"",[515,2305,1862],{"class":529},[515,2307,2308],{"class":846},"\"^5.24.0\"\n",[515,2310,2311],{"class":517,"line":947},[515,2312,636],{"class":529},[515,2314,2315],{"class":517,"line":956},[515,2316,652],{"class":529},[484,2318,2319],{},[496,2320,2321],{},"파일 B (업데이트 후):",[505,2323,2325],{"className":2201,"code":2324,"language":1069,"meta":510,"style":510},"{\n  \"dependencies\": {\n    \"react\": \"^18.0.0\",\n    \"react-dom\": \"^18.0.0\",\n    \"axios\": \"^1.3.0\",\n    \"lodash\": \"^4.17.21\"\n  },\n  \"devDependencies\": {\n    \"@types\u002Freact\": \"^18.0.0\",\n    \"typescript\": \"^4.9.0\",\n    \"webpack\": \"^5.75.0\",\n    \"vite\": \"^4.0.0\"\n  }\n}\n",[512,2326,2327,2331,2337,2348,2358,2369,2378,2382,2388,2398,2409,2420,2430,2434],{"__ignoreMap":510},[515,2328,2329],{"class":517,"line":518},[515,2330,2209],{"class":529},[515,2332,2333,2335],{"class":517,"line":540},[515,2334,2214],{"class":596},[515,2336,2217],{"class":529},[515,2338,2339,2341,2343,2346],{"class":517,"line":561},[515,2340,2222],{"class":596},[515,2342,1862],{"class":529},[515,2344,2345],{"class":846},"\"^18.0.0\"",[515,2347,919],{"class":529},[515,2349,2350,2352,2354,2356],{"class":517,"line":609},[515,2351,2234],{"class":596},[515,2353,1862],{"class":529},[515,2355,2345],{"class":846},[515,2357,919],{"class":529},[515,2359,2360,2362,2364,2367],{"class":517,"line":633},[515,2361,2245],{"class":596},[515,2363,1862],{"class":529},[515,2365,2366],{"class":846},"\"^1.3.0\"",[515,2368,919],{"class":529},[515,2370,2371,2373,2375],{"class":517,"line":639},[515,2372,2257],{"class":596},[515,2374,1862],{"class":529},[515,2376,2377],{"class":846},"\"^4.17.21\"\n",[515,2379,2380],{"class":517,"line":649},[515,2381,2267],{"class":529},[515,2383,2384,2386],{"class":517,"line":779},[515,2385,2272],{"class":596},[515,2387,2217],{"class":529},[515,2389,2390,2392,2394,2396],{"class":517,"line":790},[515,2391,2279],{"class":596},[515,2393,1862],{"class":529},[515,2395,2345],{"class":846},[515,2397,919],{"class":529},[515,2399,2400,2402,2404,2407],{"class":517,"line":937},[515,2401,2291],{"class":596},[515,2403,1862],{"class":529},[515,2405,2406],{"class":846},"\"^4.9.0\"",[515,2408,919],{"class":529},[515,2410,2411,2413,2415,2418],{"class":517,"line":942},[515,2412,2303],{"class":596},[515,2414,1862],{"class":529},[515,2416,2417],{"class":846},"\"^5.75.0\"",[515,2419,919],{"class":529},[515,2421,2422,2425,2427],{"class":517,"line":947},[515,2423,2424],{"class":596},"    \"vite\"",[515,2426,1862],{"class":529},[515,2428,2429],{"class":846},"\"^4.0.0\"\n",[515,2431,2432],{"class":517,"line":956},[515,2433,636],{"class":529},[515,2435,2436],{"class":517,"line":969},[515,2437,652],{"class":529},[479,2439,2441],{"id":2440},"api-개발","API 개발",[492,2443,2445],{"id":2444},"openapi-사양",[496,2446,2447],{},"OpenAPI 사양",[484,2449,2450],{},[496,2451,2452],{},"파일 A (버전 1.0):",[505,2454,2456],{"className":1850,"code":2455,"language":1852,"meta":510,"style":510},"openapi: 3.0.0\ninfo:\n  title: User API\n  version: 1.0.0\n  description: 사용자 관리를 위한 API\n\npaths:\n  \u002Fusers:\n    get:\n      summary: 모든 사용자 가져오기\n      responses:\n        '200':\n          description: 사용자 목록\n          content:\n            application\u002Fjson:\n              schema:\n                type: array\n                items:\n                  $ref: '#\u002Fcomponents\u002Fschemas\u002FUser'\n\ncomponents:\n  schemas:\n    User:\n      type: object\n      properties:\n        id:\n          type: integer\n        name:\n          type: string\n        email:\n          type: string\n",[512,2457,2458,2468,2475,2485,2495,2505,2509,2516,2523,2530,2540,2547,2554,2564,2571,2578,2585,2595,2602,2612,2616,2623,2630,2637,2647,2654,2661,2671,2678,2687,2694],{"__ignoreMap":510},[515,2459,2460,2463,2465],{"class":517,"line":518},[515,2461,2462],{"class":1234},"openapi",[515,2464,1862],{"class":529},[515,2466,2467],{"class":554},"3.0.0\n",[515,2469,2470,2473],{"class":517,"line":540},[515,2471,2472],{"class":1234},"info",[515,2474,1873],{"class":529},[515,2476,2477,2480,2482],{"class":517,"line":561},[515,2478,2479],{"class":1234},"  title",[515,2481,1862],{"class":529},[515,2483,2484],{"class":846},"User API\n",[515,2486,2487,2490,2492],{"class":517,"line":609},[515,2488,2489],{"class":1234},"  version",[515,2491,1862],{"class":529},[515,2493,2494],{"class":554},"1.0.0\n",[515,2496,2497,2500,2502],{"class":517,"line":633},[515,2498,2499],{"class":1234},"  description",[515,2501,1862],{"class":529},[515,2503,2504],{"class":846},"사용자 관리를 위한 API\n",[515,2506,2507],{"class":517,"line":639},[515,2508,720],{"emptyLinePlaceholder":6},[515,2510,2511,2514],{"class":517,"line":649},[515,2512,2513],{"class":1234},"paths",[515,2515,1873],{"class":529},[515,2517,2518,2521],{"class":517,"line":779},[515,2519,2520],{"class":1234},"  \u002Fusers",[515,2522,1873],{"class":529},[515,2524,2525,2528],{"class":517,"line":790},[515,2526,2527],{"class":1234},"    get",[515,2529,1873],{"class":529},[515,2531,2532,2535,2537],{"class":517,"line":937},[515,2533,2534],{"class":1234},"      summary",[515,2536,1862],{"class":529},[515,2538,2539],{"class":846},"모든 사용자 가져오기\n",[515,2541,2542,2545],{"class":517,"line":942},[515,2543,2544],{"class":1234},"      responses",[515,2546,1873],{"class":529},[515,2548,2549,2552],{"class":517,"line":947},[515,2550,2551],{"class":846},"        '200'",[515,2553,1873],{"class":529},[515,2555,2556,2559,2561],{"class":517,"line":956},[515,2557,2558],{"class":1234},"          description",[515,2560,1862],{"class":529},[515,2562,2563],{"class":846},"사용자 목록\n",[515,2565,2566,2569],{"class":517,"line":969},[515,2567,2568],{"class":1234},"          content",[515,2570,1873],{"class":529},[515,2572,2573,2576],{"class":517,"line":974},[515,2574,2575],{"class":1234},"            application\u002Fjson",[515,2577,1873],{"class":529},[515,2579,2580,2583],{"class":517,"line":979},[515,2581,2582],{"class":1234},"              schema",[515,2584,1873],{"class":529},[515,2586,2587,2590,2592],{"class":517,"line":997},[515,2588,2589],{"class":1234},"                type",[515,2591,1862],{"class":529},[515,2593,2594],{"class":846},"array\n",[515,2596,2597,2600],{"class":517,"line":1005},[515,2598,2599],{"class":1234},"                items",[515,2601,1873],{"class":529},[515,2603,2604,2607,2609],{"class":517,"line":1053},[515,2605,2606],{"class":1234},"                  $ref",[515,2608,1862],{"class":529},[515,2610,2611],{"class":846},"'#\u002Fcomponents\u002Fschemas\u002FUser'\n",[515,2613,2614],{"class":517,"line":1074},[515,2615,720],{"emptyLinePlaceholder":6},[515,2617,2618,2621],{"class":517,"line":1102},[515,2619,2620],{"class":1234},"components",[515,2622,1873],{"class":529},[515,2624,2625,2628],{"class":517,"line":1118},[515,2626,2627],{"class":1234},"  schemas",[515,2629,1873],{"class":529},[515,2631,2632,2635],{"class":517,"line":1139},[515,2633,2634],{"class":1234},"    User",[515,2636,1873],{"class":529},[515,2638,2639,2642,2644],{"class":517,"line":1156},[515,2640,2641],{"class":1234},"      type",[515,2643,1862],{"class":529},[515,2645,2646],{"class":846},"object\n",[515,2648,2649,2652],{"class":517,"line":1162},[515,2650,2651],{"class":1234},"      properties",[515,2653,1873],{"class":529},[515,2655,2656,2659],{"class":517,"line":1168},[515,2657,2658],{"class":1234},"        id",[515,2660,1873],{"class":529},[515,2662,2663,2666,2668],{"class":517,"line":1173},[515,2664,2665],{"class":1234},"          type",[515,2667,1862],{"class":529},[515,2669,2670],{"class":846},"integer\n",[515,2672,2673,2676],{"class":517,"line":1181},[515,2674,2675],{"class":1234},"        name",[515,2677,1873],{"class":529},[515,2679,2680,2682,2684],{"class":517,"line":1211},[515,2681,2665],{"class":1234},[515,2683,1862],{"class":529},[515,2685,2686],{"class":846},"string\n",[515,2688,2689,2692],{"class":517,"line":1216},[515,2690,2691],{"class":1234},"        email",[515,2693,1873],{"class":529},[515,2695,2696,2698,2700],{"class":517,"line":1253},[515,2697,2665],{"class":1234},[515,2699,1862],{"class":529},[515,2701,2686],{"class":846},[484,2703,2704],{},[496,2705,2706],{},"파일 B (버전 2.0):",[505,2708,2710],{"className":1850,"code":2709,"language":1852,"meta":510,"style":510},"openapi: 3.0.0\ninfo:\n  title: User API\n  version: 2.0.0\n  description: 사용자 관리를 위한 향상된 API\n\npaths:\n  \u002Fusers:\n    get:\n      summary: 모든 사용자 가져오기\n      parameters:\n        - name: limit\n          in: query\n          schema:\n            type: integer\n            default: 10\n        - name: offset\n          in: query\n          schema:\n            type: integer\n            default: 0\n      responses:\n        '200':\n          description: 페이지네이션된 사용자 목록\n          content:\n            application\u002Fjson:\n              schema:\n                $ref: '#\u002Fcomponents\u002Fschemas\u002FUserList'\n        '400':\n          description: 잘못된 요청\n          content:\n            application\u002Fjson:\n              schema:\n                $ref: '#\u002Fcomponents\u002Fschemas\u002FError'\n\n  \u002Fusers\u002F{id}:\n    get:\n      summary: ID로 사용자 가져오기\n      parameters:\n        - name: id\n          in: path\n          required: true\n          schema:\n            type: integer\n      responses:\n        '200':\n          description: 사용자 세부 정보\n          content:\n            application\u002Fjson:\n              schema:\n                $ref: '#\u002Fcomponents\u002Fschemas\u002FUser'\n        '404':\n          description: 사용자를 찾을 수 없음\n\ncomponents:\n  schemas:\n    User:\n      type: object\n      properties:\n        id:\n          type: integer\n        name:\n          type: string\n        email:\n          type: string\n        createdAt:\n          type: string\n          format: date-time\n        updatedAt:\n          type: string\n          format: date-time\n    UserList:\n      type: object\n      properties:\n        users:\n          type: array\n          items:\n            $ref: '#\u002Fcomponents\u002Fschemas\u002FUser'\n        total:\n          type: integer\n        limit:\n          type: integer\n        offset:\n          type: integer\n    Error:\n      type: object\n      properties:\n        message:\n          type: string\n        code:\n          type: string\n",[512,2711,2712,2720,2726,2734,2743,2752,2756,2762,2768,2774,2782,2789,2801,2811,2818,2827,2837,2848,2856,2862,2870,2879,2885,2891,2900,2906,2912,2918,2928,2935,2944,2950,2956,2962,2971,2975,2982,2988,2997,3003,3014,3024,3035,3042,3051,3058,3065,3075,3082,3089,3096,3105,3113,3123,3128,3135,3142,3149,3158,3165,3172,3181,3188,3197,3204,3213,3221,3230,3241,3249,3258,3267,3275,3284,3291,3299,3308,3316,3326,3334,3343,3351,3360,3368,3377,3385,3394,3401,3409,3418,3426],{"__ignoreMap":510},[515,2713,2714,2716,2718],{"class":517,"line":518},[515,2715,2462],{"class":1234},[515,2717,1862],{"class":529},[515,2719,2467],{"class":554},[515,2721,2722,2724],{"class":517,"line":540},[515,2723,2472],{"class":1234},[515,2725,1873],{"class":529},[515,2727,2728,2730,2732],{"class":517,"line":561},[515,2729,2479],{"class":1234},[515,2731,1862],{"class":529},[515,2733,2484],{"class":846},[515,2735,2736,2738,2740],{"class":517,"line":609},[515,2737,2489],{"class":1234},[515,2739,1862],{"class":529},[515,2741,2742],{"class":554},"2.0.0\n",[515,2744,2745,2747,2749],{"class":517,"line":633},[515,2746,2499],{"class":1234},[515,2748,1862],{"class":529},[515,2750,2751],{"class":846},"사용자 관리를 위한 향상된 API\n",[515,2753,2754],{"class":517,"line":639},[515,2755,720],{"emptyLinePlaceholder":6},[515,2757,2758,2760],{"class":517,"line":649},[515,2759,2513],{"class":1234},[515,2761,1873],{"class":529},[515,2763,2764,2766],{"class":517,"line":779},[515,2765,2520],{"class":1234},[515,2767,1873],{"class":529},[515,2769,2770,2772],{"class":517,"line":790},[515,2771,2527],{"class":1234},[515,2773,1873],{"class":529},[515,2775,2776,2778,2780],{"class":517,"line":937},[515,2777,2534],{"class":1234},[515,2779,1862],{"class":529},[515,2781,2539],{"class":846},[515,2783,2784,2787],{"class":517,"line":942},[515,2785,2786],{"class":1234},"      parameters",[515,2788,1873],{"class":529},[515,2790,2791,2794,2796,2798],{"class":517,"line":947},[515,2792,2793],{"class":529},"        - ",[515,2795,1328],{"class":1234},[515,2797,1862],{"class":529},[515,2799,2800],{"class":846},"limit\n",[515,2802,2803,2806,2808],{"class":517,"line":956},[515,2804,2805],{"class":1234},"          in",[515,2807,1862],{"class":529},[515,2809,2810],{"class":846},"query\n",[515,2812,2813,2816],{"class":517,"line":969},[515,2814,2815],{"class":1234},"          schema",[515,2817,1873],{"class":529},[515,2819,2820,2823,2825],{"class":517,"line":974},[515,2821,2822],{"class":1234},"            type",[515,2824,1862],{"class":529},[515,2826,2670],{"class":846},[515,2828,2829,2832,2834],{"class":517,"line":979},[515,2830,2831],{"class":1234},"            default",[515,2833,1862],{"class":529},[515,2835,2836],{"class":554},"10\n",[515,2838,2839,2841,2843,2845],{"class":517,"line":997},[515,2840,2793],{"class":529},[515,2842,1328],{"class":1234},[515,2844,1862],{"class":529},[515,2846,2847],{"class":846},"offset\n",[515,2849,2850,2852,2854],{"class":517,"line":1005},[515,2851,2805],{"class":1234},[515,2853,1862],{"class":529},[515,2855,2810],{"class":846},[515,2857,2858,2860],{"class":517,"line":1053},[515,2859,2815],{"class":1234},[515,2861,1873],{"class":529},[515,2863,2864,2866,2868],{"class":517,"line":1074},[515,2865,2822],{"class":1234},[515,2867,1862],{"class":529},[515,2869,2670],{"class":846},[515,2871,2872,2874,2876],{"class":517,"line":1102},[515,2873,2831],{"class":1234},[515,2875,1862],{"class":529},[515,2877,2878],{"class":554},"0\n",[515,2880,2881,2883],{"class":517,"line":1118},[515,2882,2544],{"class":1234},[515,2884,1873],{"class":529},[515,2886,2887,2889],{"class":517,"line":1139},[515,2888,2551],{"class":846},[515,2890,1873],{"class":529},[515,2892,2893,2895,2897],{"class":517,"line":1156},[515,2894,2558],{"class":1234},[515,2896,1862],{"class":529},[515,2898,2899],{"class":846},"페이지네이션된 사용자 목록\n",[515,2901,2902,2904],{"class":517,"line":1162},[515,2903,2568],{"class":1234},[515,2905,1873],{"class":529},[515,2907,2908,2910],{"class":517,"line":1168},[515,2909,2575],{"class":1234},[515,2911,1873],{"class":529},[515,2913,2914,2916],{"class":517,"line":1173},[515,2915,2582],{"class":1234},[515,2917,1873],{"class":529},[515,2919,2920,2923,2925],{"class":517,"line":1181},[515,2921,2922],{"class":1234},"                $ref",[515,2924,1862],{"class":529},[515,2926,2927],{"class":846},"'#\u002Fcomponents\u002Fschemas\u002FUserList'\n",[515,2929,2930,2933],{"class":517,"line":1211},[515,2931,2932],{"class":846},"        '400'",[515,2934,1873],{"class":529},[515,2936,2937,2939,2941],{"class":517,"line":1216},[515,2938,2558],{"class":1234},[515,2940,1862],{"class":529},[515,2942,2943],{"class":846},"잘못된 요청\n",[515,2945,2946,2948],{"class":517,"line":1253},[515,2947,2568],{"class":1234},[515,2949,1873],{"class":529},[515,2951,2952,2954],{"class":517,"line":1285},[515,2953,2575],{"class":1234},[515,2955,1873],{"class":529},[515,2957,2958,2960],{"class":517,"line":1290},[515,2959,2582],{"class":1234},[515,2961,1873],{"class":529},[515,2963,2964,2966,2968],{"class":517,"line":1298},[515,2965,2922],{"class":1234},[515,2967,1862],{"class":529},[515,2969,2970],{"class":846},"'#\u002Fcomponents\u002Fschemas\u002FError'\n",[515,2972,2973],{"class":517,"line":1309},[515,2974,720],{"emptyLinePlaceholder":6},[515,2976,2977,2980],{"class":517,"line":1339},[515,2978,2979],{"class":1234},"  \u002Fusers\u002F{id}",[515,2981,1873],{"class":529},[515,2983,2984,2986],{"class":517,"line":1365},[515,2985,2527],{"class":1234},[515,2987,1873],{"class":529},[515,2989,2990,2992,2994],{"class":517,"line":1375},[515,2991,2534],{"class":1234},[515,2993,1862],{"class":529},[515,2995,2996],{"class":846},"ID로 사용자 가져오기\n",[515,2998,2999,3001],{"class":517,"line":1381},[515,3000,2786],{"class":1234},[515,3002,1873],{"class":529},[515,3004,3005,3007,3009,3011],{"class":517,"line":1386},[515,3006,2793],{"class":529},[515,3008,1328],{"class":1234},[515,3010,1862],{"class":529},[515,3012,3013],{"class":846},"id\n",[515,3015,3017,3019,3021],{"class":517,"line":3016},41,[515,3018,2805],{"class":1234},[515,3020,1862],{"class":529},[515,3022,3023],{"class":846},"path\n",[515,3025,3027,3030,3032],{"class":517,"line":3026},42,[515,3028,3029],{"class":1234},"          required",[515,3031,1862],{"class":529},[515,3033,3034],{"class":887},"true\n",[515,3036,3038,3040],{"class":517,"line":3037},43,[515,3039,2815],{"class":1234},[515,3041,1873],{"class":529},[515,3043,3045,3047,3049],{"class":517,"line":3044},44,[515,3046,2822],{"class":1234},[515,3048,1862],{"class":529},[515,3050,2670],{"class":846},[515,3052,3054,3056],{"class":517,"line":3053},45,[515,3055,2544],{"class":1234},[515,3057,1873],{"class":529},[515,3059,3061,3063],{"class":517,"line":3060},46,[515,3062,2551],{"class":846},[515,3064,1873],{"class":529},[515,3066,3068,3070,3072],{"class":517,"line":3067},47,[515,3069,2558],{"class":1234},[515,3071,1862],{"class":529},[515,3073,3074],{"class":846},"사용자 세부 정보\n",[515,3076,3078,3080],{"class":517,"line":3077},48,[515,3079,2568],{"class":1234},[515,3081,1873],{"class":529},[515,3083,3085,3087],{"class":517,"line":3084},49,[515,3086,2575],{"class":1234},[515,3088,1873],{"class":529},[515,3090,3092,3094],{"class":517,"line":3091},50,[515,3093,2582],{"class":1234},[515,3095,1873],{"class":529},[515,3097,3099,3101,3103],{"class":517,"line":3098},51,[515,3100,2922],{"class":1234},[515,3102,1862],{"class":529},[515,3104,2611],{"class":846},[515,3106,3108,3111],{"class":517,"line":3107},52,[515,3109,3110],{"class":846},"        '404'",[515,3112,1873],{"class":529},[515,3114,3116,3118,3120],{"class":517,"line":3115},53,[515,3117,2558],{"class":1234},[515,3119,1862],{"class":529},[515,3121,3122],{"class":846},"사용자를 찾을 수 없음\n",[515,3124,3126],{"class":517,"line":3125},54,[515,3127,720],{"emptyLinePlaceholder":6},[515,3129,3131,3133],{"class":517,"line":3130},55,[515,3132,2620],{"class":1234},[515,3134,1873],{"class":529},[515,3136,3138,3140],{"class":517,"line":3137},56,[515,3139,2627],{"class":1234},[515,3141,1873],{"class":529},[515,3143,3145,3147],{"class":517,"line":3144},57,[515,3146,2634],{"class":1234},[515,3148,1873],{"class":529},[515,3150,3152,3154,3156],{"class":517,"line":3151},58,[515,3153,2641],{"class":1234},[515,3155,1862],{"class":529},[515,3157,2646],{"class":846},[515,3159,3161,3163],{"class":517,"line":3160},59,[515,3162,2651],{"class":1234},[515,3164,1873],{"class":529},[515,3166,3168,3170],{"class":517,"line":3167},60,[515,3169,2658],{"class":1234},[515,3171,1873],{"class":529},[515,3173,3175,3177,3179],{"class":517,"line":3174},61,[515,3176,2665],{"class":1234},[515,3178,1862],{"class":529},[515,3180,2670],{"class":846},[515,3182,3184,3186],{"class":517,"line":3183},62,[515,3185,2675],{"class":1234},[515,3187,1873],{"class":529},[515,3189,3191,3193,3195],{"class":517,"line":3190},63,[515,3192,2665],{"class":1234},[515,3194,1862],{"class":529},[515,3196,2686],{"class":846},[515,3198,3200,3202],{"class":517,"line":3199},64,[515,3201,2691],{"class":1234},[515,3203,1873],{"class":529},[515,3205,3207,3209,3211],{"class":517,"line":3206},65,[515,3208,2665],{"class":1234},[515,3210,1862],{"class":529},[515,3212,2686],{"class":846},[515,3214,3216,3219],{"class":517,"line":3215},66,[515,3217,3218],{"class":1234},"        createdAt",[515,3220,1873],{"class":529},[515,3222,3224,3226,3228],{"class":517,"line":3223},67,[515,3225,2665],{"class":1234},[515,3227,1862],{"class":529},[515,3229,2686],{"class":846},[515,3231,3233,3236,3238],{"class":517,"line":3232},68,[515,3234,3235],{"class":1234},"          format",[515,3237,1862],{"class":529},[515,3239,3240],{"class":846},"date-time\n",[515,3242,3244,3247],{"class":517,"line":3243},69,[515,3245,3246],{"class":1234},"        updatedAt",[515,3248,1873],{"class":529},[515,3250,3252,3254,3256],{"class":517,"line":3251},70,[515,3253,2665],{"class":1234},[515,3255,1862],{"class":529},[515,3257,2686],{"class":846},[515,3259,3261,3263,3265],{"class":517,"line":3260},71,[515,3262,3235],{"class":1234},[515,3264,1862],{"class":529},[515,3266,3240],{"class":846},[515,3268,3270,3273],{"class":517,"line":3269},72,[515,3271,3272],{"class":1234},"    UserList",[515,3274,1873],{"class":529},[515,3276,3278,3280,3282],{"class":517,"line":3277},73,[515,3279,2641],{"class":1234},[515,3281,1862],{"class":529},[515,3283,2646],{"class":846},[515,3285,3287,3289],{"class":517,"line":3286},74,[515,3288,2651],{"class":1234},[515,3290,1873],{"class":529},[515,3292,3294,3297],{"class":517,"line":3293},75,[515,3295,3296],{"class":1234},"        users",[515,3298,1873],{"class":529},[515,3300,3302,3304,3306],{"class":517,"line":3301},76,[515,3303,2665],{"class":1234},[515,3305,1862],{"class":529},[515,3307,2594],{"class":846},[515,3309,3311,3314],{"class":517,"line":3310},77,[515,3312,3313],{"class":1234},"          items",[515,3315,1873],{"class":529},[515,3317,3319,3322,3324],{"class":517,"line":3318},78,[515,3320,3321],{"class":1234},"            $ref",[515,3323,1862],{"class":529},[515,3325,2611],{"class":846},[515,3327,3329,3332],{"class":517,"line":3328},79,[515,3330,3331],{"class":1234},"        total",[515,3333,1873],{"class":529},[515,3335,3337,3339,3341],{"class":517,"line":3336},80,[515,3338,2665],{"class":1234},[515,3340,1862],{"class":529},[515,3342,2670],{"class":846},[515,3344,3346,3349],{"class":517,"line":3345},81,[515,3347,3348],{"class":1234},"        limit",[515,3350,1873],{"class":529},[515,3352,3354,3356,3358],{"class":517,"line":3353},82,[515,3355,2665],{"class":1234},[515,3357,1862],{"class":529},[515,3359,2670],{"class":846},[515,3361,3363,3366],{"class":517,"line":3362},83,[515,3364,3365],{"class":1234},"        offset",[515,3367,1873],{"class":529},[515,3369,3371,3373,3375],{"class":517,"line":3370},84,[515,3372,2665],{"class":1234},[515,3374,1862],{"class":529},[515,3376,2670],{"class":846},[515,3378,3380,3383],{"class":517,"line":3379},85,[515,3381,3382],{"class":1234},"    Error",[515,3384,1873],{"class":529},[515,3386,3388,3390,3392],{"class":517,"line":3387},86,[515,3389,2641],{"class":1234},[515,3391,1862],{"class":529},[515,3393,2646],{"class":846},[515,3395,3397,3399],{"class":517,"line":3396},87,[515,3398,2651],{"class":1234},[515,3400,1873],{"class":529},[515,3402,3404,3407],{"class":517,"line":3403},88,[515,3405,3406],{"class":1234},"        message",[515,3408,1873],{"class":529},[515,3410,3412,3414,3416],{"class":517,"line":3411},89,[515,3413,2665],{"class":1234},[515,3415,1862],{"class":529},[515,3417,2686],{"class":846},[515,3419,3421,3424],{"class":517,"line":3420},90,[515,3422,3423],{"class":1234},"        code",[515,3425,1873],{"class":529},[515,3427,3429,3431,3433],{"class":517,"line":3428},91,[515,3430,2665],{"class":1234},[515,3432,1862],{"class":529},[515,3434,2686],{"class":846},[479,3436,3437],{"id":3437},"문서화",[492,3439,3441],{"id":3440},"readme-markdown",[496,3442,3443],{},"README Markdown",[484,3445,3446],{},[496,3447,3448],{},"파일 A (기본 버전):",[505,3450,3454],{"className":3451,"code":3452,"language":3453,"meta":510,"style":510},"language-markdown shiki shiki-themes github-light github-light dark-plus","# 내 프로젝트\n\nReact로 구축된 간단한 웹 애플리케이션.\n\n## 설치\n\n```bash\nnpm install\n```\n","markdown",[512,3455,3456,3462,3466,3471,3475,3480,3484,3489,3497],{"__ignoreMap":510},[515,3457,3458],{"class":517,"line":518},[515,3459,3461],{"class":3460},"sdyrH","# 내 프로젝트\n",[515,3463,3464],{"class":517,"line":540},[515,3465,720],{"emptyLinePlaceholder":6},[515,3467,3468],{"class":517,"line":561},[515,3469,3470],{"class":529},"React로 구축된 간단한 웹 애플리케이션.\n",[515,3472,3473],{"class":517,"line":609},[515,3474,720],{"emptyLinePlaceholder":6},[515,3476,3477],{"class":517,"line":633},[515,3478,3479],{"class":3460},"## 설치\n",[515,3481,3482],{"class":517,"line":639},[515,3483,720],{"emptyLinePlaceholder":6},[515,3485,3486],{"class":517,"line":649},[515,3487,3488],{"class":529},"```bash\n",[515,3490,3491,3494],{"class":517,"line":779},[515,3492,3493],{"class":525},"npm",[515,3495,3496],{"class":846}," install\n",[515,3498,3499],{"class":517,"line":790},[515,3500,3501],{"class":529},"```\n",[479,3503,3504],{"id":3504},"사용법",[505,3506,3510],{"className":3507,"code":3508,"language":3509,"meta":510,"style":510},"language-bash shiki shiki-themes github-light github-light dark-plus","npm start\n","bash",[512,3511,3512],{"__ignoreMap":510},[515,3513,3514,3516],{"class":517,"line":518},[515,3515,3493],{"class":525},[515,3517,3518],{"class":846}," start\n",[479,3520,3521],{"id":3521},"기능",[3523,3524,3525,3529,3532],"ul",{},[3526,3527,3528],"li",{},"사용자 인증",[3526,3530,3531],{},"데이터 시각화",[3526,3533,3534],{},"반응형 디자인",[505,3536,3539],{"className":3537,"code":3538,"language":803},[801],"\n**파일 B (확장 버전):**\n```markdown\n# 내 프로젝트\n\n실시간 데이터 시각화와 고급 사용자 관리 기능을 갖춘 React와 TypeScript로 구축된 현대적인 웹 애플리케이션.\n\n## 목차\n\n- [설치](#설치)\n- [사용법](#사용법)\n- [기능](#기능)\n- [API 문서](#api-문서)\n- [기여](#기여)\n- [라이선스](#라이선스)\n\n## 설치\n\n### 전제 조건\n\n- Node.js 16.0 이상\n- npm 8.0 이상\n\n### 설정\n\n```bash\n# 저장소 클론\ngit clone https:\u002F\u002Fgithub.com\u002Fuser\u002Fmy-project.git\ncd my-project\n\n# 의존성 설치\nnpm install\n\n# 환경 변수 설정\ncp .env.example .env\n",[512,3540,3538],{"__ignoreMap":510},[479,3542,3504],{"id":3543},"사용법-1",[492,3545,3546],{"id":3546},"개발",[505,3548,3550],{"className":3507,"code":3549,"language":3509,"meta":510,"style":510},"npm run dev\n",[512,3551,3552],{"__ignoreMap":510},[515,3553,3554,3556,3559],{"class":517,"line":518},[515,3555,3493],{"class":525},[515,3557,3558],{"class":846}," run",[515,3560,3561],{"class":846}," dev\n",[492,3563,3564],{"id":3564},"프로덕션",[505,3566,3568],{"className":3507,"code":3567,"language":3509,"meta":510,"style":510},"npm run build\nnpm start\n",[512,3569,3570,3579],{"__ignoreMap":510},[515,3571,3572,3574,3576],{"class":517,"line":518},[515,3573,3493],{"class":525},[515,3575,3558],{"class":846},[515,3577,3578],{"class":846}," build\n",[515,3580,3581,3583],{"class":517,"line":540},[515,3582,3493],{"class":525},[515,3584,3518],{"class":846},[479,3586,3521],{"id":3587},"기능-1",[492,3589,3591],{"id":3590},"주요-기능","주요 기능",[3523,3593,3594,3599,3604,3609,3615],{},[3526,3595,3596,3598],{},[496,3597,3528],{},": JWT 토큰을 사용한 안전한 로그인",[3526,3600,3601,3603],{},[496,3602,3531],{},": 대화형 차트와 테이블",[3526,3605,3606,3608],{},[496,3607,3534],{},": 모바일 우선 접근법",[3526,3610,3611,3614],{},[496,3612,3613],{},"실시간 업데이트",": WebSocket 통합",[3526,3616,3617,3620],{},[496,3618,3619],{},"API 통합",": GraphQL 지원이 있는 RESTful API",[492,3622,45],{"id":3623},"고급-기능",[3523,3625,3626,3632,3638,3644],{},[3526,3627,3628,3631],{},[496,3629,3630],{},"다크 모드",": 라이트 테마와 다크 테마 전환",[3526,3633,3634,3637],{},[496,3635,3636],{},"국제화",": 다국어 지원",[3526,3639,3640,3643],{},[496,3641,3642],{},"접근성",": WCAG 2.1 AA 준수",[3526,3645,3646,3649],{},[496,3647,3648],{},"성능",": 최적화된 번들 크기와 로딩 시간",[479,3651,3653],{"id":3652},"api-문서","API 문서",[484,3655,3656,3657,3662],{},"자세한 API 문서는 ",[3658,3659,3661],"a",{"href":3660},".\u002Fdocs\u002FAPI","API.md","를 참조하세요.",[479,3664,3665],{"id":3665},"기여",[3667,3668,3669,3672,3675,3678,3681],"ol",{},[3526,3670,3671],{},"저장소 포크",[3526,3673,3674],{},"기능 브랜치 생성",[3526,3676,3677],{},"변경사항 적용",[3526,3679,3680],{},"테스트 추가",[3526,3682,3683],{},"풀 리퀘스트 제출",[479,3685,3686],{"id":3686},"라이선스",[484,3688,3689,3690,3662],{},"MIT 라이선스 - 자세한 내용은 ",[3658,3691,3693],{"href":3692},".\u002FLICENSE","LICENSE",[505,3695,3698],{"className":3696,"code":3697,"language":803},[801],"\n## 데이터 분석\n\n### **JSON 설정**\n\n**파일 A (개발 설정):**\n```json\n{\n  \"database\": {\n    \"host\": \"localhost\",\n    \"port\": 5432,\n    \"name\": \"myapp_dev\",\n    \"username\": \"dev_user\",\n    \"password\": \"dev_password\"\n  },\n  \"redis\": {\n    \"host\": \"localhost\",\n    \"port\": 6379,\n    \"password\": null\n  },\n  \"logging\": {\n    \"level\": \"debug\",\n    \"file\": \"logs\u002Fapp.log\"\n  },\n  \"features\": {\n    \"enableAnalytics\": false,\n    \"enableDebugMode\": true,\n    \"enableExperimentalFeatures\": true\n  }\n}\n",[512,3699,3697],{"__ignoreMap":510},[484,3701,3702],{},[496,3703,3704],{},"파일 B (프로덕션 설정):",[505,3706,3708],{"className":2201,"code":3707,"language":1069,"meta":510,"style":510},"{\n  \"database\": {\n    \"host\": \"prod-db.example.com\",\n    \"port\": 5432,\n    \"name\": \"myapp_prod\",\n    \"username\": \"prod_user\",\n    \"password\": \"${DB_PASSWORD}\",\n    \"ssl\": true,\n    \"pool\": {\n      \"min\": 5,\n      \"max\": 20\n    }\n  },\n  \"redis\": {\n    \"host\": \"prod-redis.example.com\",\n    \"port\": 6379,\n    \"password\": \"${REDIS_PASSWORD}\",\n    \"cluster\": {\n      \"enabled\": true,\n      \"nodes\": [\"redis-1.example.com:6379\", \"redis-2.example.com:6379\", \"redis-3.example.com:6379\"]\n    }\n  },\n  \"logging\": {\n    \"level\": \"info\",\n    \"file\": \"\u002Fvar\u002Flog\u002Fmyapp\u002Fapp.log\",\n    \"maxSize\": \"100MB\",\n    \"maxFiles\": 5\n  },\n  \"features\": {\n    \"enableAnalytics\": true,\n    \"enableDebugMode\": false,\n    \"enableExperimentalFeatures\": false\n  },\n  \"monitoring\": {\n    \"enabled\": true,\n    \"endpoint\": \"https:\u002F\u002Fmonitoring.example.com\",\n    \"apiKey\": \"${MONITORING_API_KEY}\"\n  }\n}\n",[512,3709,3710,3714,3721,3733,3745,3757,3769,3781,3792,3799,3811,3821,3825,3829,3836,3847,3858,3869,3876,3887,3911,3915,3919,3926,3938,3950,3962,3972,3976,3983,3994,4005,4015,4019,4026,4037,4049,4059,4063],{"__ignoreMap":510},[515,3711,3712],{"class":517,"line":518},[515,3713,2209],{"class":529},[515,3715,3716,3719],{"class":517,"line":540},[515,3717,3718],{"class":596},"  \"database\"",[515,3720,2217],{"class":529},[515,3722,3723,3726,3728,3731],{"class":517,"line":561},[515,3724,3725],{"class":596},"    \"host\"",[515,3727,1862],{"class":529},[515,3729,3730],{"class":846},"\"prod-db.example.com\"",[515,3732,919],{"class":529},[515,3734,3735,3738,3740,3743],{"class":517,"line":609},[515,3736,3737],{"class":596},"    \"port\"",[515,3739,1862],{"class":529},[515,3741,3742],{"class":554},"5432",[515,3744,919],{"class":529},[515,3746,3747,3750,3752,3755],{"class":517,"line":633},[515,3748,3749],{"class":596},"    \"name\"",[515,3751,1862],{"class":529},[515,3753,3754],{"class":846},"\"myapp_prod\"",[515,3756,919],{"class":529},[515,3758,3759,3762,3764,3767],{"class":517,"line":639},[515,3760,3761],{"class":596},"    \"username\"",[515,3763,1862],{"class":529},[515,3765,3766],{"class":846},"\"prod_user\"",[515,3768,919],{"class":529},[515,3770,3771,3774,3776,3779],{"class":517,"line":649},[515,3772,3773],{"class":596},"    \"password\"",[515,3775,1862],{"class":529},[515,3777,3778],{"class":846},"\"${DB_PASSWORD}\"",[515,3780,919],{"class":529},[515,3782,3783,3786,3788,3790],{"class":517,"line":779},[515,3784,3785],{"class":596},"    \"ssl\"",[515,3787,1862],{"class":529},[515,3789,1501],{"class":887},[515,3791,919],{"class":529},[515,3793,3794,3797],{"class":517,"line":790},[515,3795,3796],{"class":596},"    \"pool\"",[515,3798,2217],{"class":529},[515,3800,3801,3804,3806,3809],{"class":517,"line":937},[515,3802,3803],{"class":596},"      \"min\"",[515,3805,1862],{"class":529},[515,3807,3808],{"class":554},"5",[515,3810,919],{"class":529},[515,3812,3813,3816,3818],{"class":517,"line":942},[515,3814,3815],{"class":596},"      \"max\"",[515,3817,1862],{"class":529},[515,3819,3820],{"class":554},"20\n",[515,3822,3823],{"class":517,"line":947},[515,3824,1159],{"class":529},[515,3826,3827],{"class":517,"line":956},[515,3828,2267],{"class":529},[515,3830,3831,3834],{"class":517,"line":969},[515,3832,3833],{"class":596},"  \"redis\"",[515,3835,2217],{"class":529},[515,3837,3838,3840,3842,3845],{"class":517,"line":974},[515,3839,3725],{"class":596},[515,3841,1862],{"class":529},[515,3843,3844],{"class":846},"\"prod-redis.example.com\"",[515,3846,919],{"class":529},[515,3848,3849,3851,3853,3856],{"class":517,"line":979},[515,3850,3737],{"class":596},[515,3852,1862],{"class":529},[515,3854,3855],{"class":554},"6379",[515,3857,919],{"class":529},[515,3859,3860,3862,3864,3867],{"class":517,"line":997},[515,3861,3773],{"class":596},[515,3863,1862],{"class":529},[515,3865,3866],{"class":846},"\"${REDIS_PASSWORD}\"",[515,3868,919],{"class":529},[515,3870,3871,3874],{"class":517,"line":1005},[515,3872,3873],{"class":596},"    \"cluster\"",[515,3875,2217],{"class":529},[515,3877,3878,3881,3883,3885],{"class":517,"line":1053},[515,3879,3880],{"class":596},"      \"enabled\"",[515,3882,1862],{"class":529},[515,3884,1501],{"class":887},[515,3886,919],{"class":529},[515,3888,3889,3892,3895,3898,3900,3903,3905,3908],{"class":517,"line":1074},[515,3890,3891],{"class":596},"      \"nodes\"",[515,3893,3894],{"class":529},": [",[515,3896,3897],{"class":846},"\"redis-1.example.com:6379\"",[515,3899,740],{"class":529},[515,3901,3902],{"class":846},"\"redis-2.example.com:6379\"",[515,3904,740],{"class":529},[515,3906,3907],{"class":846},"\"redis-3.example.com:6379\"",[515,3909,3910],{"class":529},"]\n",[515,3912,3913],{"class":517,"line":1102},[515,3914,1159],{"class":529},[515,3916,3917],{"class":517,"line":1118},[515,3918,2267],{"class":529},[515,3920,3921,3924],{"class":517,"line":1139},[515,3922,3923],{"class":596},"  \"logging\"",[515,3925,2217],{"class":529},[515,3927,3928,3931,3933,3936],{"class":517,"line":1156},[515,3929,3930],{"class":596},"    \"level\"",[515,3932,1862],{"class":529},[515,3934,3935],{"class":846},"\"info\"",[515,3937,919],{"class":529},[515,3939,3940,3943,3945,3948],{"class":517,"line":1162},[515,3941,3942],{"class":596},"    \"file\"",[515,3944,1862],{"class":529},[515,3946,3947],{"class":846},"\"\u002Fvar\u002Flog\u002Fmyapp\u002Fapp.log\"",[515,3949,919],{"class":529},[515,3951,3952,3955,3957,3960],{"class":517,"line":1168},[515,3953,3954],{"class":596},"    \"maxSize\"",[515,3956,1862],{"class":529},[515,3958,3959],{"class":846},"\"100MB\"",[515,3961,919],{"class":529},[515,3963,3964,3967,3969],{"class":517,"line":1173},[515,3965,3966],{"class":596},"    \"maxFiles\"",[515,3968,1862],{"class":529},[515,3970,3971],{"class":554},"5\n",[515,3973,3974],{"class":517,"line":1181},[515,3975,2267],{"class":529},[515,3977,3978,3981],{"class":517,"line":1211},[515,3979,3980],{"class":596},"  \"features\"",[515,3982,2217],{"class":529},[515,3984,3985,3988,3990,3992],{"class":517,"line":1216},[515,3986,3987],{"class":596},"    \"enableAnalytics\"",[515,3989,1862],{"class":529},[515,3991,1501],{"class":887},[515,3993,919],{"class":529},[515,3995,3996,3999,4001,4003],{"class":517,"line":1253},[515,3997,3998],{"class":596},"    \"enableDebugMode\"",[515,4000,1862],{"class":529},[515,4002,1652],{"class":887},[515,4004,919],{"class":529},[515,4006,4007,4010,4012],{"class":517,"line":1285},[515,4008,4009],{"class":596},"    \"enableExperimentalFeatures\"",[515,4011,1862],{"class":529},[515,4013,4014],{"class":887},"false\n",[515,4016,4017],{"class":517,"line":1290},[515,4018,2267],{"class":529},[515,4020,4021,4024],{"class":517,"line":1298},[515,4022,4023],{"class":596},"  \"monitoring\"",[515,4025,2217],{"class":529},[515,4027,4028,4031,4033,4035],{"class":517,"line":1309},[515,4029,4030],{"class":596},"    \"enabled\"",[515,4032,1862],{"class":529},[515,4034,1501],{"class":887},[515,4036,919],{"class":529},[515,4038,4039,4042,4044,4047],{"class":517,"line":1339},[515,4040,4041],{"class":596},"    \"endpoint\"",[515,4043,1862],{"class":529},[515,4045,4046],{"class":846},"\"https:\u002F\u002Fmonitoring.example.com\"",[515,4048,919],{"class":529},[515,4050,4051,4054,4056],{"class":517,"line":1365},[515,4052,4053],{"class":596},"    \"apiKey\"",[515,4055,1862],{"class":529},[515,4057,4058],{"class":846},"\"${MONITORING_API_KEY}\"\n",[515,4060,4061],{"class":517,"line":1375},[515,4062,636],{"class":529},[515,4064,4065],{"class":517,"line":1381},[515,4066,652],{"class":529},[479,4068,4070],{"id":4069},"모범-사례","모범 사례",[492,4072,4074],{"id":4073},"효과적인-사용",[496,4075,4076],{},"효과적인 사용",[3667,4078,4079,4085,4091,4097],{},[3526,4080,4081,4084],{},[496,4082,4083],{},"정기적인 비교",": 변경사항을 추적하기 위해 파일을 정기적으로 비교",[3526,4086,4087,4090],{},[496,4088,4089],{},"설명적인 이름",": 파일에 의미 있는 이름 사용",[3526,4092,4093,4096],{},[496,4094,4095],{},"기록 활용",": 중요한 비교를 기록에 저장",[3526,4098,4099,4102],{},[496,4100,4101],{},"옵션 조정",": 다양한 비교 옵션 실험",[492,4104,4106],{"id":4105},"성능-팁",[496,4107,4108],{},"성능 팁",[3667,4110,4111,4117,4123],{},[3526,4112,4113,4116],{},[496,4114,4115],{},"파일 크기",": 최적의 성능을 위해 10,000줄 미만의 파일 유지",[3526,4118,4119,4122],{},[496,4120,4121],{},"브라우저 캐시",": 문제가 있을 경우 브라우저 캐시 지우기",[3526,4124,4125,4128],{},[496,4126,4127],{},"최신 브라우저",": 최신 브라우저 버전 사용",[492,4130,4132],{"id":4131},"보안-주의사항",[496,4133,4134],{},"보안 주의사항",[3667,4136,4137,4143,4149],{},[3526,4138,4139,4142],{},[496,4140,4141],{},"민감한 데이터",": 비밀번호나 API 키 비교 피하기",[3526,4144,4145,4148],{},[496,4146,4147],{},"로컬 처리",": 모든 처리가 브라우저에서 로컬로 실행",[3526,4150,4151,4154],{},[496,4152,4153],{},"기록 정리",": 기록을 정기적으로 삭제",[484,4156,4157],{},"이러한 예제는 Text Diff 도구의 다양성과 다양한 애플리케이션 시나리오에서의 위력을 보여줍니다.",[4159,4160,4161],"style",{},"html pre.shiki code .sGiLm, html code.shiki .sGiLm{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#569CD6}html pre.shiki code .sqMzV, html code.shiki .sqMzV{--shiki-default:#6F42C1;--shiki-light:#6F42C1;--shiki-dark:#DCDCAA}html pre.shiki code .svVIm, html code.shiki .svVIm{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#D4D4D4}html pre.shiki code .szM7h, html code.shiki .szM7h{--shiki-default:#E36209;--shiki-light:#E36209;--shiki-dark:#9CDCFE}html pre.shiki code .szTj3, html code.shiki .szTj3{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#9CDCFE}html pre.shiki code .sGmsN, html code.shiki .sGmsN{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#D4D4D4}html pre.shiki code .sewGd, html code.shiki .sewGd{--shiki-default:#005CC5;--shiki-light:#005CC5;--shiki-dark:#B5CEA8}html pre.shiki code .srAhW, html code.shiki .srAhW{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#C586C0}html pre.shiki code .sSQ6O, html code.shiki .sSQ6O{--shiki-default:#005CC5;--shiki-light:#005CC5;--shiki-dark:#9CDCFE}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sjj1j, html code.shiki .sjj1j{--shiki-default:#032F62;--shiki-light:#032F62;--shiki-dark:#CE9178}html pre.shiki code .s_0E6, html code.shiki .s_0E6{--shiki-default:#6F42C1;--shiki-light:#6F42C1;--shiki-dark:#4EC9B0}html pre.shiki code .sLV08, html code.shiki .sLV08{--shiki-default:#005CC5;--shiki-light:#005CC5;--shiki-dark:#569CD6}html pre.shiki code .sdRU0, html code.shiki .sdRU0{--shiki-default:#005CC5;--shiki-light:#005CC5;--shiki-dark:#4FC1FF}html pre.shiki code .s7eq4, html code.shiki .s7eq4{--shiki-default:#032F62;--shiki-light:#032F62;--shiki-dark:#569CD6}html pre.shiki code .sXkxF, html code.shiki .sXkxF{--shiki-default:#032F62;--shiki-light:#032F62;--shiki-dark:#D4D4D4}html pre.shiki code .skpqk, html code.shiki .skpqk{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#808080}html pre.shiki code .sq2bZ, html code.shiki .sq2bZ{--shiki-default:#22863A;--shiki-light:#22863A;--shiki-dark:#569CD6}html pre.shiki code .stLzX, html code.shiki .stLzX{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#569CD6}html pre.shiki code .sdyrH, html code.shiki .sdyrH{--shiki-default:#005CC5;--shiki-default-font-weight:bold;--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#569CD6;--shiki-dark-font-weight:bold}",{"title":510,"searchDepth":540,"depth":540,"links":4163},[4164,4165,4169,4173,4176,4179,4180,4181,4185,4189,4190,4191,4192],{"id":481,"depth":540,"text":482},{"id":489,"depth":540,"text":490,"children":4166},[4167,4168],{"id":494,"depth":561,"text":498},{"id":808,"depth":561,"text":811},{"id":1835,"depth":540,"text":1836,"children":4170},[4171,4172],{"id":1839,"depth":561,"text":1842},{"id":2190,"depth":561,"text":2193},{"id":2440,"depth":540,"text":2441,"children":4174},[4175],{"id":2444,"depth":561,"text":2447},{"id":3437,"depth":540,"text":3437,"children":4177},[4178],{"id":3440,"depth":561,"text":3443},{"id":3504,"depth":540,"text":3504},{"id":3521,"depth":540,"text":3521},{"id":3543,"depth":540,"text":3504,"children":4182},[4183,4184],{"id":3546,"depth":561,"text":3546},{"id":3564,"depth":561,"text":3564},{"id":3587,"depth":540,"text":3521,"children":4186},[4187,4188],{"id":3590,"depth":561,"text":3591},{"id":3623,"depth":561,"text":45},{"id":3652,"depth":540,"text":3653},{"id":3665,"depth":540,"text":3665},{"id":3686,"depth":540,"text":3686},{"id":4069,"depth":540,"text":4070,"children":4193},[4194,4195,4196],{"id":4073,"depth":561,"text":4076},{"id":4105,"depth":561,"text":4108},{"id":4131,"depth":561,"text":4134},"Text Diff 도구의 실용적인 예제와 사용 사례","md",{},{"title":268,"description":4197},{"loc":269},"OeZQJoBqvFQGKjh8Aqsy4KyJs9HO16ajZmM0E_XaqoI",[4204,4204],null]