CINXE.COM
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.6d29befaf7dedb8bdf6c.css" id="gatsby-global-css">/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.sr-only{border:0;clip:rect(0 0 0 0);clip-path:polygon(0 0,0 0,0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.capture .sr-only{display:none!important}@keyframes svgAnts{to{stroke-dashoffset:100%}}code,pre{font-family:IBM Plex Mono,monospace}code,pre,strong{font-weight:800}.first-letter{float:left;display:block;font-size:7rem;margin-right:20px;line-height:1}.conclusion__byline{text-align:right;display:block;font-weight:800}.error{color:#fe6a6a;border:3px solid #f8a8a8;padding:20px}.error-data{font-size:.8rem}.Tooltip{z-index:1000}.mosaic{display:grid;grid-template-columns:repeat(15,1fr)}.mosaic__image{height:50px;overflow:hidden}.mosaic__image img{display:block;width:100%}.capture .pagelayout__inner{display:block}.capture .Sidebar{display:none!important}.capture .Overview__Chart__SwitchContainer{display:none}.capture .Awards__Block{display:block}.capture .Award{width:1000px;height:500px;justify-content:center}.capture .Quadrants__Block .Block__Description{margin-bottom:0}.capture .Quadrants__Chart__Legend{padding-top:60px}.capture .Quadrants__Chart__Legend__Item{font-size:1rem}.capture #connections{width:1000px;height:500px}.capture #participation-by-country{width:1128px}.capture #salaries{width:648px}.capture #salary-per-country{width:1128px}.capture #gender-breakdown{width:892px}.capture #overview{width:988px}.capture #results-over-time{width:728px}.capture #dislikes,.capture #likes{width:1168px}.capture #quadrants{width:1458px}.capture #tool-pairing{width:880px}.capture #tool-usage-by-country{width:1428}.capture #tools-salary-range{width:1140px}.capture #tools-company-size{width:1216px}.capture #tools-years-of-experience{width:1124px}.capture #happiness{width:808px}.capture #other_languages{width:1408px}.capture #browser_apis{width:928px}.capture #build_tools{width:1088px}.capture #utility_libraries{width:768px}.capture #text_editors{width:1164px}.capture #opinion-building_js_apps_overly_complex,.capture #opinion-enjoy_building_js_apps,.capture #opinion-js_ecosystem_changing_to_fast,.capture #opinion-js_moving_in_right_direction,.capture #opinion-js_over_used_online,.capture #opinion-survey_too_long,.capture #opinion-would_like_js_to_be_main_lang{width:728px}.capture.PageLayout--javascript-flavors #other-tools{width:1068px}.capture.PageLayout--front-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--data-layer #other-tools{width:1068px}.capture.PageLayout--back-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--testing #other-tools{width:1308px}.capture.PageLayout--mobile-and-desktop #other-tools{width:908px}@keyframes appear{to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes popspin{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(800deg)}to{transform:scale(1) rotate(2turn)}}@keyframes slideleft{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideright{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slidetop{0%{opacity:0;transform:translateY(-200px) rotate(180deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}@keyframes blob{0%{opacity:0;transform:translateX(-100%)}20%{opacity:1}80%{opacity:1;transform:translateX(-20px)}to{opacity:1;transform:translateX(-40px)}}.Logo__Container{overflow:hidden;display:flex;justify-content:center;align-items:center;margin-bottom:40px}@media screen and (max-width:599px){.Logo__Container .Logo{text-shadow:none;width:240px;height:120px;position:relative}.Logo__Container .Logo>*{position:absolute}.Logo__Container .Logo .letter{font-size:86.4px;color:#f649a7;font-weight:800;line-height:1}.Logo__Container .Logo .c{top:50%;transform:translateY(-50%);left:28.8px;text-shadow:3px 3px 0 #3c52d1}.Logo__Container .Logo .s1{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .s2{top:50%;transform:translateY(-50%);right:28.8px}.Logo__Container .Logo .s2 div{text-align:right;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 15 15" xml:space="preserve" height="3px" width="3px"><g ><circle r="4.5" cx="4.5" cy="4.5" fill="%23EC2F95"/></g></svg>');-webkit-background-clip:text;background-clip:text;color:transparent}.Logo__Container .Logo .text{font-size:14.4px;font-style:italic;color:#a3cacd}.Logo__Container .Logo .stateof{top:0;left:0}.Logo__Container .Logo .year{bottom:0;right:0;text-align:right}.Logo__Container .Logo .triangle{width:43.2px;top:54px;left:4.8px}.Logo__Container .Logo .triangle .inner{width:100%;border:30px solid transparent;border-bottom-color:#3c52d1;border-width:0 21.6px 30px}.Logo__Container .Logo .stripe{height:1.5px;width:30px;background:#a3cacd}.Logo__Container .Logo .stripe1{top:74.4px;left:28.8px}.Logo__Container .Logo .stripe2{top:80.4px;left:26.4px}.Logo__Container .Logo .stripe3{top:86.4px;left:24px}.Logo__Container .Logo .stripe4{top:92.4px;left:26.4px}.Logo__Container .Logo .blobs{-webkit-filter:url(#blob);filter:url(#blob);left:30px;top:36px;transform:rotate(-20deg);width:120px;height:60px;display:flex;justify-content:center;align-items:center}.Logo__Container .Logo .blob{width:50%;height:100%;background:#a3cacd;border-radius:50%}.Logo__Container .Logo .blob2{transform:translateX(-12px)}.Logo__Container .Logo .circle{width:76.8px;top:50%;left:calc(50% - 3px)}.Logo__Container .Logo .circle .inner{transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .circle .inner div{width:100%;height:0;padding-bottom:100%;border:3px dashed #3c52d1;border-radius:100%;box-sizing:content-box}.Logo__Container .Logo .frame{width:64.8px;right:26.4px;top:50%}.Logo__Container .Logo .frame .inner{transform:translateY(-50%) rotate(45deg)}.Logo__Container .Logo .frame .inner div{border:3px solid #3c52d1;width:100%;height:0;padding-bottom:100%;box-sizing:content-box;box-shadow:2.1px 2.1px 0 0 #a3cacd}.Logo__Container .Logo .tilde{font-size:33.6px;line-height:1}.Logo__Container .Logo .tilde1{top:24px;right:12px}.Logo__Container .Logo .tilde2{top:30px;right:9.6px}.Logo__Container .Logo .tilde3{top:36px;right:7.2px}.Logo__Container .Logo--animated .c>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s1>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s2>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.3s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .circle>div>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .frame{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slidetop;animation-duration:.6s;animation-delay:.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0) translateY(-60px) rotate(180deg)}.Logo__Container .Logo--animated .blob1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .blob2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:blob;animation-duration:.5s;animation-delay:1.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-100%)}.Logo__Container .Logo--animated .stripe1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.4s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(12px)}.Logo__Container .Logo--animated .stripe2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(12px)}.Logo__Container .Logo--animated .stripe3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.6s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(12px)}.Logo__Container .Logo--animated .stripe4{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.7s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(12px)}.Logo__Container .Logo--animated .tilde1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:1.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-12px)}.Logo__Container .Logo--animated .tilde2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-12px)}.Logo__Container .Logo--animated .tilde3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-12px)}.Logo__Container .Logo--animated .triangle{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:2.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .stateof{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}.Logo__Container .Logo--animated .year{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}}@media screen and (min-width:600px) and (max-width:999px){.Logo__Container .Logo{text-shadow:none;width:400px;height:200px;position:relative}.Logo__Container .Logo>*{position:absolute}.Logo__Container .Logo .letter{font-size:144px;color:#f649a7;font-weight:800;line-height:1}.Logo__Container .Logo .c{top:50%;transform:translateY(-50%);left:48px;text-shadow:5px 5px 0 #3c52d1}.Logo__Container .Logo .s1{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .s2{top:50%;transform:translateY(-50%);right:48px}.Logo__Container .Logo .s2 div{text-align:right;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 25 25" xml:space="preserve" height="5px" width="5px"><g ><circle r="7.5" cx="7.5" cy="7.5" fill="%23EC2F95"/></g></svg>');-webkit-background-clip:text;background-clip:text;color:transparent}.Logo__Container .Logo .text{font-size:24px;font-style:italic;color:#a3cacd}.Logo__Container .Logo .stateof{top:0;left:0}.Logo__Container .Logo .year{bottom:0;right:0;text-align:right}.Logo__Container .Logo .triangle{width:72px;top:90px;left:8px}.Logo__Container .Logo .triangle .inner{width:100%;border:50px solid transparent;border-bottom-color:#3c52d1;border-width:0 36px 50px}.Logo__Container .Logo .stripe{height:2.5px;width:50px;background:#a3cacd}.Logo__Container .Logo .stripe1{top:124px;left:48px}.Logo__Container .Logo .stripe2{top:134px;left:44px}.Logo__Container .Logo .stripe3{top:144px;left:40px}.Logo__Container .Logo .stripe4{top:154px;left:44px}.Logo__Container .Logo .blobs{-webkit-filter:url(#blob);filter:url(#blob);left:50px;top:60px;transform:rotate(-20deg);width:200px;height:100px;display:flex;justify-content:center;align-items:center}.Logo__Container .Logo .blob{width:50%;height:100%;background:#a3cacd;border-radius:50%}.Logo__Container .Logo .blob2{transform:translateX(-20px)}.Logo__Container .Logo .circle{width:128px;top:50%;left:calc(50% - 5px)}.Logo__Container .Logo .circle .inner{transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .circle .inner div{width:100%;height:0;padding-bottom:100%;border:5px dashed #3c52d1;border-radius:100%;box-sizing:content-box}.Logo__Container .Logo .frame{width:108px;right:44px;top:50%}.Logo__Container .Logo .frame .inner{transform:translateY(-50%) rotate(45deg)}.Logo__Container .Logo .frame .inner div{border:5px solid #3c52d1;width:100%;height:0;padding-bottom:100%;box-sizing:content-box;box-shadow:3.5px 3.5px 0 0 #a3cacd}.Logo__Container .Logo .tilde{font-size:56px;line-height:1}.Logo__Container .Logo .tilde1{top:40px;right:20px}.Logo__Container .Logo .tilde2{top:50px;right:16px}.Logo__Container .Logo .tilde3{top:60px;right:12px}.Logo__Container .Logo--animated .c>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s1>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s2>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.3s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .circle>div>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .frame{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slidetop;animation-duration:.6s;animation-delay:.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0) translateY(-100px) rotate(180deg)}.Logo__Container .Logo--animated .blob1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .blob2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:blob;animation-duration:.5s;animation-delay:1.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-100%)}.Logo__Container .Logo--animated .stripe1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.4s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(20px)}.Logo__Container .Logo--animated .stripe2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(20px)}.Logo__Container .Logo--animated .stripe3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.6s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(20px)}.Logo__Container .Logo--animated .stripe4{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.7s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(20px)}.Logo__Container .Logo--animated .tilde1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:1.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-20px)}.Logo__Container .Logo--animated .tilde2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-20px)}.Logo__Container .Logo--animated .tilde3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-20px)}.Logo__Container .Logo--animated .triangle{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:2.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .stateof{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}.Logo__Container .Logo--animated .year{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}}@media screen and (min-width:1000px){.Logo__Container .Logo{text-shadow:none;width:640px;height:320px;position:relative}.Logo__Container .Logo>*{position:absolute}.Logo__Container .Logo .letter{font-size:230.4px;color:#f649a7;font-weight:800;line-height:1}.Logo__Container .Logo .c{top:50%;transform:translateY(-50%);left:76.8px;text-shadow:8px 8px 0 #3c52d1}.Logo__Container .Logo .s1{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .s2{top:50%;transform:translateY(-50%);right:76.8px}.Logo__Container .Logo .s2 div{text-align:right;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 40 40" xml:space="preserve" height="8px" width="8px"><g ><circle r="12" cx="12" cy="12" fill="%23EC2F95"/></g></svg>');-webkit-background-clip:text;background-clip:text;color:transparent}.Logo__Container .Logo .text{font-size:38.4px;font-style:italic;color:#a3cacd}.Logo__Container .Logo .stateof{top:0;left:0}.Logo__Container .Logo .year{bottom:0;right:0;text-align:right}.Logo__Container .Logo .triangle{width:115.2px;top:144px;left:12.8px}.Logo__Container .Logo .triangle .inner{width:100%;border:80px solid transparent;border-bottom-color:#3c52d1;border-width:0 57.6px 80px}.Logo__Container .Logo .stripe{height:4px;width:80px;background:#a3cacd}.Logo__Container .Logo .stripe1{top:198.4px;left:76.8px}.Logo__Container .Logo .stripe2{top:214.4px;left:70.4px}.Logo__Container .Logo .stripe3{top:230.4px;left:64px}.Logo__Container .Logo .stripe4{top:246.4px;left:70.4px}.Logo__Container .Logo .blobs{-webkit-filter:url(#blob);filter:url(#blob);left:80px;top:96px;transform:rotate(-20deg);width:320px;height:160px;display:flex;justify-content:center;align-items:center}.Logo__Container .Logo .blob{width:50%;height:100%;background:#a3cacd;border-radius:50%}.Logo__Container .Logo .blob2{transform:translateX(-32px)}.Logo__Container .Logo .circle{width:204.8px;top:50%;left:calc(50% - 8px)}.Logo__Container .Logo .circle .inner{transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .circle .inner div{width:100%;height:0;padding-bottom:100%;border:8px dashed #3c52d1;border-radius:100%;box-sizing:content-box}.Logo__Container .Logo .frame{width:172.8px;right:70.4px;top:50%}.Logo__Container .Logo .frame .inner{transform:translateY(-50%) rotate(45deg)}.Logo__Container .Logo .frame .inner div{border:8px solid #3c52d1;width:100%;height:0;padding-bottom:100%;box-sizing:content-box;box-shadow:5.6px 5.6px 0 0 #a3cacd}.Logo__Container .Logo .tilde{font-size:89.6px;line-height:1}.Logo__Container .Logo .tilde1{top:64px;right:32px}.Logo__Container .Logo .tilde2{top:80px;right:25.6px}.Logo__Container .Logo .tilde3{top:96px;right:19.2px}.Logo__Container .Logo--animated .c>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s1>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s2>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.3s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .circle>div>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .frame{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slidetop;animation-duration:.6s;animation-delay:.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0) translateY(-160px) rotate(180deg)}.Logo__Container .Logo--animated .blob1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .blob2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:blob;animation-duration:.5s;animation-delay:1.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-100%)}.Logo__Container .Logo--animated .stripe1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.4s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(32px)}.Logo__Container .Logo--animated .stripe2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(32px)}.Logo__Container .Logo--animated .stripe3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.6s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(32px)}.Logo__Container .Logo--animated .stripe4{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.7s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(32px)}.Logo__Container .Logo--animated .tilde1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:1.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-32px)}.Logo__Container .Logo--animated .tilde2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-32px)}.Logo__Container .Logo--animated .tilde3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-32px)}.Logo__Container .Logo--animated .triangle{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:2.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .stateof{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}.Logo__Container .Logo--animated .year{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}}.Feature__Links,.Feature__Support{font-size:.9rem;font-weight:400}.FTBlock__Links__Item{margin-bottom:6.66667px}.Features__Overview{display:flex;flex-wrap:wrap;justify-content:space-between}.Features__Overview__Item{width:240px;height:260px;margin-bottom:40px;display:grid;grid-template-rows:210px 50px}.Features__Overview__Item__Footer{border-top:2px solid #9ac6c9;border-bottom:2px solid #9ac6c9;font-size:.9rem;font-weight:800;display:flex;justify-content:center;align-items:center}.Features__Overview__Item__Footer:hover{background:#9ac6c9;color:#fff;cursor:pointer}.capture .FTBlock__Description{grid-column:1/3}@media screen and (max-width:599px){.FTBlock__Resources{margin-top:20px}}.FTBlock__Resources h3{margin-bottom:10px;font-size:1rem}.FTBlock__Resources ul{padding-left:20px}.capture .FTBlock__Resources{display:none}.OpinionScaleChart{padding-top:20px}.OpinionScaleChart svg{overflow:visible}.FeaturesOverviewChart{height:100%}@media screen and (max-width:599px){.FeaturesSectionOverviewChart{height:200px;height:400px}}@media screen and (min-width:600px) and (max-width:999px){.FeaturesSectionOverviewChart{height:500px}}@media screen and (min-width:1000px){.FeaturesSectionOverviewChart{height:500px}}.ToolsOverviewCirclePackingChart svg{overflow:visible}@media screen and (max-width:599px){.TechnologiesOverviewChart{height:800px}}@media screen and (min-width:600px) and (max-width:999px){.TechnologiesOverviewChart{height:800px}}@media screen and (min-width:1000px){.TechnologiesOverviewChart{height:800px}}.Quadrant__Label{color:#41c7c7;fill:#41c7c7;text-transform:uppercase;letter-spacing:3px;opacity:.75;font-size:1.3rem}.Scatterplot__Node{transition:all .5s ease-out}.Scatterplot__Node--active .Scatterplot__Node__Crosshairs{opacity:1;transition:all .2s ease-out}.Scatterplot__Node--active .Scatterplot__Node__Label{transform:translateX(30px);transition:all .2s ease-out}.Scatterplot__Node--active .Scatterplot__Node__Label__Background{opacity:.75;transition:all .2s ease-out}.Scatterplot__Node--active .Scatterplot__Node__Label__Text{fill:#232840;transition:all .2s ease-out}.Scatterplot__Node--active .Scatterplot__Node__Crosshair__Line{stroke-dasharray:8,4;animation:svgAnts 50s linear infinite;animation-fill-mode:forwards}.Scatterplot__Node--inactive{opacity:.3;transition:all .5s ease-out}.Scatterplot__Node__Label{pointer-events:none;transition:all .2s ease-out}.Scatterplot__Node__Label__Background{opacity:0;transition:all .2s ease-out}.Scatterplot__Node__Label__Text{font-size:.8rem;transition:all .2s ease-out}.Scatterplot__Node__Crosshairs{pointer-events:none;opacity:0;transition:all .2s ease-out}.Scatterplot__Node__PointHover{opacity:.75}.Scatterplot__Node__Crosshair__Label{font-size:.8rem}.text-highlight{background:#41c7c7;background:#000}.text-green,.text-highlight{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-green{background:#41c7c7;background:#85eba2}.text-pink{background:#41c7c7;background:#f649a7}.text-pink,.text-pink-light{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-pink-light{background:#41c7c7;background:#ec75cb}.text-pink-lighter{background:#41c7c7;background:#d68df0}.text-pink-lighter,.text-red{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-red{background:#41c7c7;background:#fe6a6a}.text-teal{background:#41c7c7}.text-teal,.text-teal-dark{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-teal-dark{background:#41c7c7;background:#2ba7a7}.text-teal-darker{background:#41c7c7;background:#1d7e7e}.text-blue,.text-teal-darker{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-blue{background:#41c7c7;background:#3c52d1}.text-blackred{display:inline-block;background:#41c7c7;color:#232840;border-radius:15px;padding:0 12px;background:rgba(0,0,0,.3);color:#41c7c7;border:1px solid #fe6a6a}.text-blackred,.text-bold{font-weight:800}.Chip{display:block;margin-right:7px;position:relative;overflow:hidden;height:12px;width:12px}.Chip__Inner{height:100%;width:100%;display:block}.Chip--split .Chip__Inner{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.Chip--split .Chip__Inner:last-child{z-index:2;width:200%;height:100%;transform:translateX(-3px) translateY(5px) rotate(-45deg)}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{box-shadow:0 0 5px #0188fe;border-color:#0188fe;outline:none}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.ToolsArrowsChart{position:relative;margin:auto;display:flex}@media (max-width:800px){.ToolsArrowsChart{padding-left:0;padding-right:0}}.ToolsArrowsChart svg{fill:#e0e4e4;overflow:visible}.ToolsArrowsChart__svg{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ToolsArrowsChart__axis{stroke:#484f73;stroke-width:1px}.ToolsArrowsChart__axis__label{text-transform:uppercase;letter-spacing:.1em;font-size:.66em;font-weight:600;fill-opacity:.5;dominant-baseline:middle}@keyframes gradientLineSegmentIn{0%{stroke-opacity:0}to{stroke-opacity:1}}.ToolsArrowsChart__tool--is-hidden{opacity:0;pointer-events:none}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line{stroke-opacity:0;animation:gradientLineSegmentIn .2s ease-out;animation-fill-mode:forwards}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-0{animation-delay:0s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-1{animation-delay:.03s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-2{animation-delay:.06s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-3{animation-delay:.09s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-4{animation-delay:.12s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-5{animation-delay:.15s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-6{animation-delay:.18s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-7{animation-delay:.21s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-8{animation-delay:.24s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-9{animation-delay:.27s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-10{animation-delay:.3s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-11{animation-delay:.33s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-12{animation-delay:.36s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-13{animation-delay:.39s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-14{animation-delay:.42s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-15{animation-delay:.45s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-16{animation-delay:.48s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-17{animation-delay:.51s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-18{animation-delay:.54s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-19{animation-delay:.57s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-20{animation-delay:.6s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-21{animation-delay:.63s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-22{animation-delay:.66s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-23{animation-delay:.69s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-24{animation-delay:.72s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-25{animation-delay:.75s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-26{animation-delay:.78s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-27{animation-delay:.81s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-28{animation-delay:.84s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-29{animation-delay:.87s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-30{animation-delay:.9s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-31{animation-delay:.93s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-32{animation-delay:.96s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-33{animation-delay:.99s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-34{animation-delay:1.02s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-35{animation-delay:1.05s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-36{animation-delay:1.08s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-37{animation-delay:1.11s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-38{animation-delay:1.14s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-39{animation-delay:1.17s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-40{animation-delay:1.2s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-41{animation-delay:1.23s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-42{animation-delay:1.26s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-43{animation-delay:1.29s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-44{animation-delay:1.32s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-45{animation-delay:1.35s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-46{animation-delay:1.38s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-47{animation-delay:1.41s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-48{animation-delay:1.44s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-49{animation-delay:1.47s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-50{animation-delay:1.5s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-51{animation-delay:1.53s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-52{animation-delay:1.56s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-53{animation-delay:1.59s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-54{animation-delay:1.62s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-55{animation-delay:1.65s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-56{animation-delay:1.68s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-57{animation-delay:1.71s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-58{animation-delay:1.74s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-59{animation-delay:1.77s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-60{animation-delay:1.8s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-61{animation-delay:1.83s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-62{animation-delay:1.86s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-63{animation-delay:1.89s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-64{animation-delay:1.92s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-65{animation-delay:1.95s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-66{animation-delay:1.98s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-67{animation-delay:2.01s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-68{animation-delay:2.04s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-69{animation-delay:2.07s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-70{animation-delay:2.1s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-71{animation-delay:2.13s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-72{animation-delay:2.16s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-73{animation-delay:2.19s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-74{animation-delay:2.22s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-75{animation-delay:2.25s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-76{animation-delay:2.28s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-77{animation-delay:2.31s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-78{animation-delay:2.34s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-79{animation-delay:2.37s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-80{animation-delay:2.4s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-81{animation-delay:2.43s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-82{animation-delay:2.46s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-83{animation-delay:2.49s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-84{animation-delay:2.52s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-85{animation-delay:2.55s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-86{animation-delay:2.58s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-87{animation-delay:2.61s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-88{animation-delay:2.64s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-89{animation-delay:2.67s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-90{animation-delay:2.7s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-91{animation-delay:2.73s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-92{animation-delay:2.76s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-93{animation-delay:2.79s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-94{animation-delay:2.82s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-95{animation-delay:2.85s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-96{animation-delay:2.88s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-97{animation-delay:2.91s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-98{animation-delay:2.94s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-99{animation-delay:2.97s}.ToolsArrowsChart__tool--is-hovering .ToolsArrowsChart__year{fill-opacity:1}.ToolsArrowsChart__tool--is-hovering-other text{fill-opacity:0;stroke-opacity:0}.ToolsArrowsChart__tool--is-hovering-other .ToolsArrowsChart__gradient-line{stroke:#232840;stroke-width:1!important}.ToolsArrowsChart__tool--is-hovering-other .ToolsArrowsChart__now{fill-opacity:.2!important}.ToolsArrowsChart__hover-background{stroke-width:30px;stroke:transparent;fill:none}.ToolsArrowsChart__year{fill-opacity:0}.ToolsArrowsChart__gradient-line{fill:none;stroke-width:4.5px;mix-blend-mode:lighten;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}@keyframes fadeInSlideUp{0%{fill-opacity:0;transform:translateY(1em)}to{fill-opacity:1;transform:translateY(0)}}.ToolsArrowsChart__year{font-size:.8em;font-weight:600;pointer-events:none}.ToolsArrowsChart__label-background{font-size:.8em;font-weight:600;stroke:#1a1f35;stroke-width:3px}.ToolsArrowsChart__label{font-size:.8em;font-weight:600}.ToolsArrowsChart__label__box{cursor:default}.ToolsArrowsChart__label__box text{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ToolsArrowsChart__listener{fill:transparent}.ToolsArrowsChart__label{cursor:pointer}.ToolsArrowsChart__label:hover{fill:#fff}</style><meta name="generator" content="Gatsby 2.27.0"/><title data-react-helmet="true">State of JS 2020: 구문</title><link data-react-helmet="true" rel="shortcut icon" href="/images/favicon.png"/><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:300,300i,500,600" rel="stylesheet"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="description" content="자바스크립트 생태계의 최신 동향에 대한 연례 설문 조사입니다."/><meta data-react-helmet="true" name="viewport" content="width=device-width, initial-scale=1"/><meta data-react-helmet="true" name="google-site-verification" content="hrTRsz9fkGmQlVbLBWA4wmhn0qsI6_M3NKemTGCkpps"/><meta data-react-helmet="true" property="og:type" content="article"/><meta data-react-helmet="true" property="og:url" content="https://2020.stateofjs.com/ko-KR/features/syntax/"/><meta data-react-helmet="true" property="og:image" content="https://2020.stateofjs.com/images/stateofjs2020_socialmedia.png"/><meta data-react-helmet="true" property="og:title" content="State of JS 2020: 구문"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:image:src" content="https://2020.stateofjs.com/images/stateofjs2020_socialmedia.png"/><meta data-react-helmet="true" name="twitter:title" content="State of JS 2020: 구문"/><style data-styled="" data-styled-version="5.2.1">body{background:#222429;color:#e0e4e4;padding:0;font-feature-settings:'liga' 0;line-height:1.7;font-family:'IBM Plex Mono',monospace;font-weight:300;}/*!sc*/ @media screen and (max-width:599px){body{font-size:13px;}}/*!sc*/ @media screen and (min-width:1000px){body{font-size:17px;min-height:100vh;}}/*!sc*/ html{box-sizing:border-box;}/*!sc*/ *,*:before,*:after{box-sizing:inherit;}/*!sc*/ h1,h2,h3,h4,h5,h6{font-family:'IBM Plex Mono',monospace;font-weight:800;margin:0 0 20px 0;}/*!sc*/ a{-webkit-text-decoration:none;text-decoration:none;font-weight:800;}/*!sc*/ a,a:link,a:visited,a:active,a:focus{color:#41c7c7;}/*!sc*/ a:hover,a:focus{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ p,ul,ol{margin:0 0 20px 0;}/*!sc*/ @media screen and (max-width:599px){p,ul,ol{line-height:1.6;}}/*!sc*/ @media screen and (min-width:600px){p,ul,ol{line-height:1.8;}}/*!sc*/ pre,code{font-family:'IBM Plex Mono',monospace;font-weight:800;}/*!sc*/ @media screen and (max-width:599px){.desktop{display:none;}}/*!sc*/ @media screen and (min-width:600px){.mobile{display:none;}}/*!sc*/ iframe{display:none;}/*!sc*/ .ModalContent{outline:none;}/*!sc*/ .ReactModal__Overlay{z-index:6000;}/*!sc*/ .ReactModal__Body--open{overflow:hidden;}/*!sc*/ .Page--awards .Page__Introduction{margin:0;}/*!sc*/ .Page--awards .Page__Introduction p{margin:0;}/*!sc*/ @media screen and (min-width:600px){.Page--awards .Page__Contents{width:100%;display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:120px;column-gap:120px;row-gap:80px;}.Page--awards .Page__Contents .Page__Introduction{grid-column:1 / 3;}}/*!sc*/ .t-modkeydown.t-fallback,.t-modkeydown.t-missing{text-shadow:0px 2px 7px rgba(133,235,162,0.95);}/*!sc*/ .t-modkeydown.t-fallback:hover,.t-modkeydown.t-missing:hover{cursor:pointer;text-shadow:0px 2px 7px rgba(246,73,167,0.95);}/*!sc*/ .hint-export-button{display:inline-block;font-weight:800;border:1px dashed;font-size:0.8rem;padding:4px 10px;}/*!sc*/ .hint-completion-indicator{display:inline-block;color:#41c7c7;font-size:1.4rem;}/*!sc*/ data-styled.g1[id="sc-global-IPRrj1"]{content:"sc-global-IPRrj1,"}/*!sc*/ .fIONJq{stroke:#41c7c7;}/*!sc*/ data-styled.g2[id="Hamburger__Container-j038hg-0"]{content:"fIONJq,"}/*!sc*/ .bYXlbR{left:50%;position:absolute;padding:4px 8px;white-space:nowrap;-webkit-transform:translate(-50%,-130%);-ms-transform:translate(-50%,-130%);transform:translate(-50%,-130%);opacity:0;font-size:0.8rem;border-radius:3px;-webkit-transition:all 200ms ease-in;transition:all 200ms ease-in;pointer-events:none;background:#e0e4e4;color:#222429;}/*!sc*/ .bYXlbR:after{bottom:-15px;left:50%;content:' ';height:0;width:0;position:absolute;pointer-events:none;margin-left:-8px;border:8px solid rgba(136,183,213,0);border-top-color:#e0e4e4;}/*!sc*/ .bHsPNt{left:50%;position:absolute;padding:4px 8px;white-space:nowrap;-webkit-transform:translate(-50%,-130%);-ms-transform:translate(-50%,-130%);transform:translate(-50%,-130%);opacity:0;font-size:0.8rem;border-radius:3px;-webkit-transition:all 200ms ease-in;transition:all 200ms ease-in;pointer-events:none;background:#41c7c7;color:#222429;}/*!sc*/ .bHsPNt:after{bottom:-15px;left:50%;content:' ';height:0;width:0;position:absolute;pointer-events:none;margin-left:-8px;border:8px solid rgba(136,183,213,0);border-top-color:#41c7c7;}/*!sc*/ data-styled.g3[id="BlockCompletionIndicator__Tooltip-sc-13goqqp-0"]{content:"bYXlbR,bHsPNt,"}/*!sc*/ .htZHAE{margin-left:10px;position:relative;padding:2px;}/*!sc*/ .htZHAE:focus{outline:5px auto -webkit-focus-ring-color;}/*!sc*/ .htZHAE:hover .BlockCompletionIndicator__Tooltip-sc-13goqqp-0,.htZHAE:focus .BlockCompletionIndicator__Tooltip-sc-13goqqp-0{opacity:1;-webkit-transform:translate(-50%,-140%);-ms-transform:translate(-50%,-140%);transform:translate(-50%,-140%);-webkit-transition:all 200ms ease-in;transition:all 200ms ease-in;}/*!sc*/ data-styled.g4[id="BlockCompletionIndicator__Container-sc-13goqqp-1"]{content:"htZHAE,"}/*!sc*/ .kiGCwo{display:block;}/*!sc*/ data-styled.g5[id="BlockCompletionIndicator__Chart-sc-13goqqp-2"]{content:"kiGCwo,"}/*!sc*/ .khMAWA{fill:#cecdcc;opacity:0.5;}/*!sc*/ .hNsnqo{fill:#41c7c7;opacity:0.5;}/*!sc*/ data-styled.g6[id="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3"]{content:"khMAWA,hNsnqo,"}/*!sc*/ .dozdiy{stroke:#cecdcc;}/*!sc*/ .cJwfmm{stroke:#41c7c7;}/*!sc*/ data-styled.g7[id="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4"]{content:"dozdiy,cJwfmm,"}/*!sc*/ .hfkwXz{display:grid;grid-template-columns:auto auto;grid-column-gap:30px;grid-row-gap:30px;}/*!sc*/ data-styled.g8[id="Locales__Container-sc-1lgl2z3-0"]{content:"hfkwXz,"}/*!sc*/ .fiDitP{text-align:center;font-size:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/ @media screen and (max-width:999px){.fiDitP{font-size:0.8rem;}}/*!sc*/ @media screen and (min-width:1000px){.fiDitP{font-size:1rem;}}/*!sc*/ .fiDitP._is-current{font-weight:800;}/*!sc*/ data-styled.g9[id="Locales__Item-sc-1lgl2z3-1"]{content:"fiDitP,"}/*!sc*/ @media screen and (max-width:999px){.Pagination .Popover__Container-sc-3zqg9-0{display:none;}}/*!sc*/ .Sidebar .Popover__Container-sc-3zqg9-0{margin-bottom:20px;border:1px solid #5c6069;}/*!sc*/ @media screen and (min-width:1000px){.Sidebar .Popover__Container-sc-3zqg9-0{display:none;}}/*!sc*/ data-styled.g10[id="Popover__Container-sc-3zqg9-0"]{content:"fxzssI,"}/*!sc*/ .iFJNkp{position:relative;}/*!sc*/ .Sidebar .Popover__PopoverInner-sc-3zqg9-1{padding:8px 12px;}/*!sc*/ data-styled.g11[id="Popover__PopoverInner-sc-3zqg9-1"]{content:"iFJNkp,"}/*!sc*/ .hwouLV{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;color:#e0e4e4;font-size:1rem;cursor:pointer;outline:none;border:none;box-sizing:border-box;}/*!sc*/ .hwouLV span{display:block;margin-right:5px;}/*!sc*/ .hwouLV svg{display:block;width:12px;position:relative;}/*!sc*/ .hwouLV svg polygon{fill:#e0e4e4;}/*!sc*/ .Pagination .Popover__PopoverToggle-sc-3zqg9-2{padding:20px;}/*!sc*/ @media screen and (max-width:999px){.hwouLV{font-size:0.8rem;}}/*!sc*/ .hwouLV:focus{outline:5px auto -webkit-focus-ring-color;}/*!sc*/ data-styled.g12[id="Popover__PopoverToggle-sc-3zqg9-2"]{content:"hwouLV,"}/*!sc*/ .edvQGu{position:absolute;top:125%;left:50%;padding:20px;background:#2a2d33;border:1px solid #5c6069;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:5000;box-shadow:0px 6px 16px rgba(0,0,0,0.3),0px 2px 6px rgba(0,0,0,0.2);}/*!sc*/ @media screen and (max-width:599px){.edvQGu{width:100%;}}/*!sc*/ @media screen and (min-width:600px){.edvQGu{width:300px;}}/*!sc*/ .edvQGu:before{left:50%;border:solid transparent;content:' ';height:18px;width:18px;background:#2a2d33;position:absolute;pointer-events:none;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;border:1px solid #5c6069;top:0;-webkit-transform:translate(-9px,-9px) rotate(-45deg);-ms-transform:translate(-9px,-9px) rotate(-45deg);transform:translate(-9px,-9px) rotate(-45deg);border-bottom:0;border-left:0;}/*!sc*/ @media screen and (max-width:999px){.edvQGu{top:145%;}}/*!sc*/ @media screen and (max-width:599px){.edvQGu{max-width:90vw;}}/*!sc*/ .Popover._is-closed .Popover__PopoverPopup-sc-3zqg9-3{display:none;}/*!sc*/ data-styled.g13[id="Popover__PopoverPopup-sc-3zqg9-3"]{content:"edvQGu,"}/*!sc*/ .khubsu{font-size:0.8rem;padding-top:20px;margin-top:20px;border-top:1px solid #5c6069;}/*!sc*/ data-styled.g14[id="LanguageSwitcher__LanguageSwitcherHelp-sc-1dnlai8-0"]{content:"khubsu,"}/*!sc*/ .isboRP{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding:20px;}/*!sc*/ @media screen and (max-width:999px){.isboRP{font-size:0.7rem;}.isboRP span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;text-align:center;}}/*!sc*/ @media screen and (min-width:1000px){.isboRP{font-size:1rem;}}/*!sc*/ .isboRP:hover,.isboRP:focus{background:#2a2d33;}/*!sc*/ .kyWIcc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:20px;}/*!sc*/ @media screen and (max-width:999px){.kyWIcc{font-size:0.7rem;}.kyWIcc span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;text-align:center;}}/*!sc*/ @media screen and (min-width:1000px){.kyWIcc{font-size:1rem;}}/*!sc*/ .kyWIcc:hover,.kyWIcc:focus{background:#2a2d33;}/*!sc*/ data-styled.g15[id="PaginationLink__StyledLink-sc-15wpe8c-0"]{content:"isboRP,kyWIcc,"}/*!sc*/ .jdyKgW{display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:1000;position:relative;}/*!sc*/ .jdyKgW:last-child{margin-right:0;}/*!sc*/ .jdyKgW svg{height:100%;width:100%;}/*!sc*/ .jdyKgW svg circle,.jdyKgW svg path{fill:#e0e4e4;}/*!sc*/ .jdyKgW:hover svg path,.jdyKgW:focus svg path,.jdyKgW:hover svg circle,.jdyKgW:focus svg circle{fill:#41c7c7;}/*!sc*/ @media screen and (max-width:599px){.jdyKgW{top:0;left:0;position:absolute;}}/*!sc*/ .ShareBlock .ShareLink__Link-sc-1qpv5j1-0{height:24px;width:24px;opacity:0;display:none;}/*!sc*/ .ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0{pointer-events:auto;display:block;}/*!sc*/ @media screen and (max-width:599px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--twitter{-webkit-animation:cARFhl 500ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:cARFhl 500ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (min-width:600px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--twitter{-webkit-animation:bPXDEJ 500ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:bPXDEJ 500ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (max-width:599px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--facebook{-webkit-animation:ljWKCc 500ms 100ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:ljWKCc 500ms 100ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (min-width:600px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--facebook{-webkit-animation:cMBegx 500ms 100ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:cMBegx 500ms 100ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (max-width:599px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--linkedin{-webkit-animation:kZHiaN 500ms 200ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:kZHiaN 500ms 200ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (min-width:600px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--linkedin{-webkit-animation:fKEkIt 500ms 200ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:fKEkIt 500ms 200ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (max-width:599px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--email{-webkit-animation:ewHXmC 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:ewHXmC 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (min-width:600px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--email{-webkit-animation:kxSgkt 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:kxSgkt 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (max-width:599px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--image{-webkit-animation:ieWsjv 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:ieWsjv 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (min-width:600px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--image{-webkit-animation:bdkvTi 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:bdkvTi 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ .ShareSite .ShareLink__Link-sc-1qpv5j1-0{-webkit-transition:none;transition:none;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;padding:20px 6.6000000000000005px;}/*!sc*/ .ShareSite .ShareLink__Link-sc-1qpv5j1-0:not(:last-child){border-right:1px solid #5c6069;}/*!sc*/ .ShareSite .ShareLink__Link-sc-1qpv5j1-0:hover,.ShareSite .jdyKgW:focus{background:#2a2d33;}/*!sc*/ .ShareSite .ShareLink__Link-sc-1qpv5j1-0 svg{display:block;margin:0 auto;height:24px;width:24px;}/*!sc*/ @media screen and (max-width:599px){.ShareSite .ShareLink__Link-sc-1qpv5j1-0{position:static;}}/*!sc*/ data-styled.g16[id="ShareLink__Link-sc-1qpv5j1-0"]{content:"jdyKgW,"}/*!sc*/ .jxqLoD{border-top:1px solid #5c6069;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:relative;z-index:1;}/*!sc*/ data-styled.g17[id="ShareSite__Container-ayv7ct-0"]{content:"jxqLoD,"}/*!sc*/ .gTZSEw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;margin:0 0 6.6000000000000005px 0;font-size:1rem;font-weight:800;position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all ease-in 300ms;transition:all ease-in 300ms;}/*!sc*/ @media screen and (max-width:999px){.gTZSEw{margin-bottom:10px;display:block;}}/*!sc*/ @media screen and (min-width:1000px){.gTZSEw{margin-left:0;}.gTZSEw > span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block;}}/*!sc*/ .gTZSEw._is-active span span::before{content:'> ';}/*!sc*/ @media screen and (max-width:999px){.gTZSEw._is-active span span::after{content:' <';}}/*!sc*/ .gTZSEw,.gTZSEw:link,.gTZSEw:visited,.gTZSEw:active,.gTZSEw:focus{color:#41c7c7;text-shadow:0px 2px 3px rgba(65,199,199,0.4);}/*!sc*/ .gTZSEw > span{display:inline-block;position:relative;}/*!sc*/ .gTZSEw > span::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#41c7c7;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.5s ease;-webkit-transition:transform 0.5s ease;transition:transform 0.5s ease;}/*!sc*/ .gTZSEw._is-active{color:#94eeee;text-shadow:0px 2px 3px rgba(148,238,238,0.4);}/*!sc*/ .gTZSEw._is-active > span::before{background-color:#94eeee;}/*!sc*/ .gTZSEw:hover,.gTZSEw:focus{-webkit-text-decoration:none;text-decoration:none;text-shadow:0px 2px 7px rgba(65,199,199,0.9);}/*!sc*/ .gTZSEw:hover > span::before,.gTZSEw:focus > span::before{-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}/*!sc*/ .gbRils{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;margin:0 0 6.6000000000000005px 0;font-size:0.9rem;font-weight:400;position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all ease-in 300ms;transition:all ease-in 300ms;}/*!sc*/ @media screen and (max-width:999px){.gbRils{margin-bottom:10px;display:block;}}/*!sc*/ @media screen and (min-width:1000px){.gbRils{margin-left:20px;}.gbRils > span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block;}}/*!sc*/ .gbRils._is-active span span::before{content:'> ';}/*!sc*/ @media screen and (max-width:999px){.gbRils._is-active span span::after{content:' <';}}/*!sc*/ .gbRils,.gbRils:link,.gbRils:visited,.gbRils:active,.gbRils:focus{color:#e0e4e4;text-shadow:0px 2px 3px rgba(224,228,228,0.4);}/*!sc*/ .gbRils > span{display:inline-block;position:relative;}/*!sc*/ .gbRils > span::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#e0e4e4;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.5s ease;-webkit-transition:transform 0.5s ease;transition:transform 0.5s ease;}/*!sc*/ .gbRils._is-active{color:#94eeee;text-shadow:0px 2px 3px rgba(148,238,238,0.4);}/*!sc*/ .gbRils._is-active > span::before{background-color:#94eeee;}/*!sc*/ .gbRils:hover,.gbRils:focus{-webkit-text-decoration:none;text-decoration:none;text-shadow:0px 2px 7px rgba(224,228,228,0.9);}/*!sc*/ .gbRils:hover > span::before,.gbRils:focus > span::before{-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}/*!sc*/ .jJODYN{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;margin:0 0 6.6000000000000005px 0;font-size:0.9rem;font-weight:400;position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all ease-in 300ms;transition:all ease-in 300ms;}/*!sc*/ @media screen and (max-width:999px){.jJODYN{margin-bottom:10px;display:block;}}/*!sc*/ @media screen and (min-width:1000px){.jJODYN{margin-left:20px;display:none;}.jJODYN > span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block;}}/*!sc*/ .jJODYN._is-active span span::before{content:'> ';}/*!sc*/ @media screen and (max-width:999px){.jJODYN._is-active span span::after{content:' <';}}/*!sc*/ .jJODYN,.jJODYN:link,.jJODYN:visited,.jJODYN:active,.jJODYN:focus{color:#e0e4e4;text-shadow:0px 2px 3px rgba(224,228,228,0.4);}/*!sc*/ .jJODYN > span{display:inline-block;position:relative;}/*!sc*/ .jJODYN > span::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#e0e4e4;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.5s ease;-webkit-transition:transform 0.5s ease;transition:transform 0.5s ease;}/*!sc*/ .jJODYN._is-active{color:#94eeee;text-shadow:0px 2px 3px rgba(148,238,238,0.4);}/*!sc*/ .jJODYN._is-active > span::before{background-color:#94eeee;}/*!sc*/ .jJODYN:hover,.jJODYN:focus{-webkit-text-decoration:none;text-decoration:none;text-shadow:0px 2px 7px rgba(224,228,228,0.9);}/*!sc*/ .jJODYN:hover > span::before,.jJODYN:focus > span::before{-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}/*!sc*/ data-styled.g18[id="Nav__StyledPageLink-uo6ep0-0"]{content:"gTZSEw,gbRils,jJODYN,"}/*!sc*/ .iskZBJ{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:30px 20px;overflow-y:auto;}/*!sc*/ @media screen and (max-width:999px){.iskZBJ{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-y:scroll;}}/*!sc*/ data-styled.g19[id="Nav__NavContainer-uo6ep0-1"]{content:"iskZBJ,"}/*!sc*/ .bXJgCf{position:relative;width:100%;}/*!sc*/ data-styled.g20[id="Nav__LanguageSwitcherWrapper-uo6ep0-2"]{content:"bXJgCf,"}/*!sc*/ .edOkpG{width:67px;height:67px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:26px;position:relative;border-left:1px solid #5c6069;background:#222429;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .Logo:hover .LogoCell__Container-n9we24-0{background:#2a2d33;}/*!sc*/ @media screen and (max-width:999px){.edOkpG:last-child{border-right:1px solid #5c6069;}}/*!sc*/ @media screen and (min-width:1000px){.edOkpG:first-child{border-left:0;}}/*!sc*/ data-styled.g21[id="LogoCell__Container-n9we24-0"]{content:"edOkpG,"}/*!sc*/ .iWHLb{position:absolute;top:0;left:0;font-size:12px;line-height:12px;padding:6px 8px;color:#e0e4e4;opacity:0.35;font-weight:300;}/*!sc*/ data-styled.g22[id="LogoCell__Index-n9we24-1"]{content:"iWHLb,"}/*!sc*/ .hZEPJH{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;}/*!sc*/ data-styled.g23[id="SidebarLogo__Container-qwaf9p-0"]{content:"hZEPJH,"}/*!sc*/ .hHlUQl{border-right:1px solid #5c6069;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/ @media screen and (min-width:1000px){.hHlUQl{width:270px;height:100vh;position:fixed;}}/*!sc*/ @media screen and (max-width:999px){.hHlUQl{width:100%;top:0;bottom:0;left:0;right:0;background:#222429;z-index:1000;text-align:center;position:fixed;display:none;}}/*!sc*/ data-styled.g24[id="Sidebar__SidebarContainer-sc-1u4yidz-0"]{content:"hHlUQl,"}/*!sc*/ .eRTXyl{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);clip-path:polygon(0px 0px,0px 0px,0px 0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;}/*!sc*/ data-styled.g25[id="Sidebar__SidebarScreenReadersTitle-sc-1u4yidz-1"]{content:"eRTXyl,"}/*!sc*/ .kbZNhn{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);clip-path:polygon(0px 0px,0px 0px,0px 0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;}/*!sc*/ data-styled.g26[id="Sidebar__ScreenReadersHint-sc-1u4yidz-2"]{content:"kbZNhn,"}/*!sc*/ .kWZfrr{display:grid;grid-template-columns:0 1fr 0;grid-template-areas:'left logo right';border-bottom:1px solid #5c6069;}/*!sc*/ @media screen and (max-width:999px){.kWZfrr{grid-template-columns:50px 1fr 50px;}}/*!sc*/ data-styled.g27[id="Sidebar__SidebarHeader-sc-1u4yidz-3"]{content:"kWZfrr,"}/*!sc*/ .dAEVjl{grid-area:logo;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/ .dAEVjl svg{max-height:76px;}/*!sc*/ .dAEVjl:hover{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ data-styled.g28[id="Sidebar__SidebarLogoLink-sc-1u4yidz-4"]{content:"dAEVjl,"}/*!sc*/ .bpKdro{grid-area:right;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;cursor:pointer;border:none;position:absolute;box-sizing:border-box;width:calc(calc(100vw - 270px) / 2);height:68px;}/*!sc*/ .bpKdro svg{stroke:#41c7c7;}/*!sc*/ @media screen and (min-width:1000px){.bpKdro{display:none;}}/*!sc*/ .bpKdro:hover,.bpKdro:focus{background-color:#2a2d33;}/*!sc*/ data-styled.g29[id="Sidebar__SidebarCloseButton-sc-1u4yidz-5"]{content:"bpKdro,"}/*!sc*/ .eyWRuW{border-bottom:1px solid #5c6069;z-index:10;position:relative;display:grid;grid-template-columns:1fr auto 1fr;}/*!sc*/ @media screen and (max-width:999px){.eyWRuW{border-bottom:none;grid-template-columns:1fr 0px 1fr;}.eyWRuW > *:first-child{border-left:1px solid #5c6069;border-right:1px solid #5c6069;}}/*!sc*/ data-styled.g30[id="Pagination__Container-fmwu6l-0"]{content:"eyWRuW,"}/*!sc*/ .iZEAbN{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:1px solid #5c6069;border-right:1px solid #5c6069;}/*!sc*/ @media screen and (max-width:999px){.iZEAbN{border-left:none;border-right:none;}}/*!sc*/ data-styled.g31[id="Pagination__MiddleContent-fmwu6l-1"]{content:"iZEAbN,"}/*!sc*/ .iMYawq{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);clip-path:polygon(0px 0px,0px 0px,0px 0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;}/*!sc*/ data-styled.g33[id="MainLayout__ScreenReadersHint-uwvjad-0"]{content:"iMYawq,"}/*!sc*/ .koUIH{display:block;padding:1rem 1rem;position:absolute;top:-900px;left:-900px;}/*!sc*/ .koUIH:focus{display:inline-block;position:static !important;top:0 !important;left:0 !important;border:2px solid white;}/*!sc*/ data-styled.g34[id="MainLayout__Skip-uwvjad-1"]{content:"koUIH,"}/*!sc*/ @media screen and (max-width:999px){.hQFQAx{padding-left:5rem;border-bottom:1px solid #5c6069;}}/*!sc*/ data-styled.g35[id="MainLayout__PaginationWrapper-uwvjad-2"]{content:"hQFQAx,"}/*!sc*/ .gxaSHK{display:block;background-color:transparent;outline:none;border:none;position:absolute;top:0;left:0;cursor:pointer;padding:0.825rem 1rem 0.5rem 1rem;width:5rem;height:3.71rem;box-sizing:border-box;}/*!sc*/ .gxaSHK svg{width:2rem;height:auto;}/*!sc*/ @media screen and (min-width:1000px){.gxaSHK{display:none;}}/*!sc*/ .gxaSHK:focus{border:2px solid #ACFFC3;outline:5px auto -webkit-focus-ring-color;}/*!sc*/ .gxaSHK:hover,.gxaSHK:focus{background:#2a2d33;}/*!sc*/ data-styled.g36[id="MainLayout__MenuToggle-uwvjad-3"]{content:"gxaSHK,"}/*!sc*/ .kngwcV{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/ data-styled.g37[id="MainLayout__PageContent-uwvjad-4"]{content:"kngwcV,"}/*!sc*/ .dMDcdD{min-height:100vh;position:relative;}/*!sc*/ @media screen and (min-width:1000px){.dMDcdD{display:grid;grid-template-columns:270px calc(100% - 270px);}}/*!sc*/ @media screen and (max-width:999px){.dMDcdD{grid-template-columns:5rem auto;}}/*!sc*/ data-styled.g38[id="MainLayout__Page-uwvjad-5"]{content:"dMDcdD,"}/*!sc*/ .fpohRl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow-x:hidden;overflow-y:visible;}/*!sc*/ @media screen and (max-width:999px){.fpohRl{padding:20px;}}/*!sc*/ @media screen and (min-width:1000px){.fpohRl{padding:60px;}}/*!sc*/ data-styled.g39[id="MainLayout__PageMain-uwvjad-6"]{content:"fpohRl,"}/*!sc*/ .ctbAJh{font-size:2rem;}/*!sc*/ @media screen and (max-width:599px){.ctbAJh{font-size:1.3rem;}}/*!sc*/ @media screen and (min-width:600px){.ctbAJh{font-size:2rem;}}/*!sc*/ data-styled.g43[id="PageHeader__PageTitle-sc-1i3f46f-0"]{content:"ctbAJh,"}/*!sc*/ @media screen and (max-width:599px){.dRuaES{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}/*!sc*/ @media screen and (min-width:600px){.dRuaES{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;}}/*!sc*/ data-styled.g44[id="ButtonGroup-sc-1k32jr0-0"]{content:"dRuaES,"}/*!sc*/ .jrlGls{background:none;cursor:pointer;display:block;text-align:center;font-weight:800;border:1px dashed;box-shadow:0 0 0 rgba(0,0,0,0);-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;padding:10px 20px;}/*!sc*/ .jrlGls,.jrlGls:link,.jrlGls:visited{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ @media screen and (max-width:599px){.jrlGls{font-size:0.8rem;}}/*!sc*/ @media screen and (min-width:600px){.jrlGls{font-size:1rem;}}/*!sc*/ .jrlGls,.jrlGls:link,.jrlGls:visited{border-color:#e0e4e4;color:#e0e4e4;}/*!sc*/ .jrlGls:hover,.jrlGls:focus{border-style:solid;border-color:#41c7c7;color:#41c7c7;}/*!sc*/ .jrlGls:hover,.jrlGls:focus{-webkit-text-decoration:none;text-decoration:none;box-shadow:0 3px 0 rgba(0,0,0,0.3);background:#2a2d33;}/*!sc*/ .jrlGls.Button--selected{background:#2a2d33;cursor:default;pointer-events:none;border-style:solid;}/*!sc*/ @media screen and (max-width:599px){.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0{width:100%;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;border-top-width:0;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:first-child{border-top-width:1px;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:hover,.ButtonGroup-sc-1k32jr0-0 .jrlGls:focus{border-top-color:#5c6069;border-bottom-color:#5c6069;}}/*!sc*/ @media screen and (min-width:600px){.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0{border-left-width:0;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:first-child{border-left-width:1px;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:hover,.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:focus{border-left-color:#5c6069;border-right-color:#5c6069;}}/*!sc*/ .jrlGls .ButtonGroup-sc-1k32jr0-0--active{cursor:default;pointer-events:none;}/*!sc*/ .dwxRHq{background:none;cursor:pointer;display:block;text-align:center;font-weight:800;border:1px dashed;box-shadow:0 0 0 rgba(0,0,0,0);-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;font-size:0.8rem;padding:4px 10px;}/*!sc*/ .dwxRHq,.dwxRHq:link,.dwxRHq:visited{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .dwxRHq,.dwxRHq:link,.dwxRHq:visited{border-color:#e0e4e4;color:#e0e4e4;}/*!sc*/ .dwxRHq:hover,.dwxRHq:focus{border-style:solid;border-color:#41c7c7;color:#41c7c7;}/*!sc*/ .dwxRHq:hover,.dwxRHq:focus{-webkit-text-decoration:none;text-decoration:none;box-shadow:0 3px 0 rgba(0,0,0,0.3);background:#2a2d33;}/*!sc*/ .dwxRHq.Button--selected{background:#2a2d33;cursor:default;pointer-events:none;border-style:solid;}/*!sc*/ @media screen and (max-width:599px){.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0{width:100%;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;border-top-width:0;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:first-child{border-top-width:1px;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:hover,.ButtonGroup-sc-1k32jr0-0 .dwxRHq:focus{border-top-color:#5c6069;border-bottom-color:#5c6069;}}/*!sc*/ @media screen and (min-width:600px){.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0{border-left-width:0;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:first-child{border-left-width:1px;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:hover,.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:focus{border-left-color:#5c6069;border-right-color:#5c6069;}}/*!sc*/ .dwxRHq .ButtonGroup-sc-1k32jr0-0--active{cursor:default;pointer-events:none;}/*!sc*/ data-styled.g45[id="Button-tirokp-0"]{content:"jrlGls,dwxRHq,"}/*!sc*/ @media screen and (max-width:599px){.jEYWnh{margin-top:80px;}}/*!sc*/ @media screen and (min-width:600px){.jEYWnh{margin-top:120px;}}/*!sc*/ data-styled.g46[id="PageFooter__Container-pu9659-0"]{content:"jEYWnh,"}/*!sc*/ @media screen and (max-width:599px){.dBJAfU{display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:20px;column-gap:20px;}}/*!sc*/ @media screen and (min-width:600px){.dBJAfU{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}/*!sc*/ data-styled.g47[id="PageFooter__Nav-pu9659-1"]{content:"dBJAfU,"}/*!sc*/ .efIfui{font-size:0.8rem;text-align:center;}/*!sc*/ @media screen and (max-width:599px){.efIfui{margin-top:80px;}}/*!sc*/ @media screen and (min-width:600px){.efIfui{margin-top:120px;}}/*!sc*/ data-styled.g48[id="PageFooter__Notes-pu9659-2"]{content:"efIfui,"}/*!sc*/ @media screen and (max-width:599px){.fLCcbb{display:block;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;}}/*!sc*/ data-styled.g49[id="PageFooter__FooterLink-pu9659-3"]{content:"fLCcbb,"}/*!sc*/ @media screen and (min-width:600px){.ecDXdZ{margin-right:20px;}}/*!sc*/ data-styled.g50[id="PageFooter__PreviousLink-pu9659-4"]{content:"ecDXdZ,"}/*!sc*/ @media screen and (max-width:599px){.hEKYIR{display:none;}}/*!sc*/ data-styled.g52[id="PageFooter__LinkLabel-pu9659-6"]{content:"hEKYIR,"}/*!sc*/ .eghido{position:relative;}/*!sc*/ .capture .ShareBlock__Container-awxqfs-0{display:none;}/*!sc*/ data-styled.g53[id="ShareBlock__Container-awxqfs-0"]{content:"eghido,"}/*!sc*/ @media screen and (min-width:600px){.cAwBhT{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}}/*!sc*/ data-styled.g54[id="ShareBlock__ButtonWrapper-awxqfs-1"]{content:"cAwBhT,"}/*!sc*/ .hnxXLV{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:300px;margin:0 auto;pointer-events:none;}/*!sc*/ @media screen and (max-width:599px){.hnxXLV{left:50%;top:50%;}}/*!sc*/ @media screen and (min-width:600px){.hnxXLV{top:0;left:110%;}}/*!sc*/ data-styled.g57[id="ShareBlock__Popup-awxqfs-4"]{content:"hnxXLV,"}/*!sc*/ .capture .BlockExport__ButtonWrapper-sc-1gwpler-2{display:none;}/*!sc*/ data-styled.g63[id="BlockExport__ButtonWrapper-sc-1gwpler-2"]{content:"hjHqeU,"}/*!sc*/ @media screen and (min-width:600px){.jOWEGs{margin-left:10px;}}/*!sc*/ data-styled.g64[id="BlockExport__ExportButton-sc-1gwpler-3"]{content:"jOWEGs,"}/*!sc*/ .gJOVcJ{float:left;opacity:0;line-height:1;width:22px;margin-left:-30px;margin-right:8px;-webkit-transition:none;transition:none;position:relative;}/*!sc*/ @media screen and (max-width:599px){.gJOVcJ{display:none;}}/*!sc*/ @media screen and (min-width:600px){.gJOVcJ{top:1px;}}/*!sc*/ .gJOVcJ path{fill:rgba(255,255,255,0.4);}/*!sc*/ data-styled.g68[id="SharePermalink__Link-ndc8lc-0"]{content:"gJOVcJ,"}/*!sc*/ .dbINfu{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);clip-path:polygon(0px 0px,0px 0px,0px 0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;}/*!sc*/ data-styled.g69[id="BlockTitle__ScreenReadersHint-nuxb31-0"]{content:"dbINfu,"}/*!sc*/ .jDLsKE{padding:0px 8px;}/*!sc*/ @media screen and (min-width:600px){.jDLsKE{display:none;}}/*!sc*/ .jDLsKE svg{display:block;width:18px;}/*!sc*/ .jDLsKE g{stroke:#e0e4e4;}/*!sc*/ data-styled.g70[id="BlockTitle__MoreButton-nuxb31-1"]{content:"jDLsKE,"}/*!sc*/ .dAAPyT{border-bottom:1px solid #5c6069;padding-bottom:10px;margin-bottom:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ .dAAPyT:hover .SharePermalink{opacity:1;}/*!sc*/ .dAAPyT .PopoverInner{position:static;}/*!sc*/ .dAAPyT .PopoverPopup:before{left:auto;right:0;}/*!sc*/ data-styled.g71[id="BlockTitle__StyledBlockTitle-nuxb31-2"]{content:"dAAPyT,"}/*!sc*/ .iivsMM{margin-bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}/*!sc*/ @media screen and (max-width:599px){.iivsMM{opacity:1;-webkit-transition:all 300ms ease-in;transition:all 300ms ease-in;-webkit-flex:1;-ms-flex:1;flex:1;}}/*!sc*/ data-styled.g72[id="BlockTitle__BlockTitleText-nuxb31-3"]{content:"iivsMM,"}/*!sc*/ .iCAAeX{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}/*!sc*/ data-styled.g73[id="BlockTitle__LeftPart-nuxb31-4"]{content:"iCAAeX,"}/*!sc*/ @media screen and (max-width:599px){}/*!sc*/ @media screen and (min-width:600px){.bcoAoM{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}}/*!sc*/ .capture .BlockTitle__BlockChartControls-nuxb31-6{display:none;}/*!sc*/ data-styled.g75[id="BlockTitle__BlockChartControls-nuxb31-6"]{content:"bcoAoM,"}/*!sc*/ .fNQoWU .ShareBlock,.fNQoWU .BlockChartControls{margin-top:20px;}/*!sc*/ data-styled.g76[id="BlockTitle__PopoverContents-nuxb31-7"]{content:"fNQoWU,"}/*!sc*/ @media screen and (max-width:599px){.bzxYzw{display:none;}}/*!sc*/ @media screen and (min-width:600px){.bzxYzw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.bzxYzw .ShareBlock{margin-left:10px;}}/*!sc*/ data-styled.g77[id="BlockTitle__BlockTitleActionsWrapper-nuxb31-8"]{content:"bzxYzw,"}/*!sc*/ @media screen and (max-width:599px){.aNaBd{display:none;}}/*!sc*/ data-styled.g78[id="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9"]{content:"aNaBd,"}/*!sc*/ .hhWSdE{cursor:default;}/*!sc*/ .hhWSdE:last-child{margin-bottom:0;}/*!sc*/ data-styled.g80[id="BlockLegendsItem__Container-sc-9fsuse-0"]{content:"hhWSdE,"}/*!sc*/ .cunMmr{padding:5px 10px 5px 0;}/*!sc*/ data-styled.g81[id="BlockLegendsItem__ChipWrapper-sc-9fsuse-1"]{content:"cunMmr,"}/*!sc*/ .cngVNh{padding:5px 10px 5px 0;width:100%;}/*!sc*/ data-styled.g84[id="BlockLegendsItem__Label-sc-9fsuse-4"]{content:"cngVNh,"}/*!sc*/ .eZbJfN{font-size:0.8rem;margin-top:20px;margin-bottom:0;width:100%;border:1px solid #5c6069;padding:10px;}/*!sc*/ @media screen and (max-width:599px){.eZbJfN{padding:10px;}}/*!sc*/ data-styled.g86[id="BlockLegends__Container-x2sx8r-0"]{content:"eZbJfN,"}/*!sc*/ @media screen and (min-width:600px){.dxTlgm{display:grid;}}/*!sc*/ @media screen and (min-width:600px) and (max-width:999px){.dxTlgm{grid-template-columns:1fr 1fr;-webkit-column-gap:20px;column-gap:20px;}}/*!sc*/ @media screen and (min-width:1000px){.dxTlgm{grid-template-columns:repeat(auto-fit,minmax(120px,auto));-webkit-column-gap:20px;column-gap:20px;}}/*!sc*/ data-styled.g87[id="BlockLegends__ContainerInner-x2sx8r-1"]{content:"dxTlgm,"}/*!sc*/ @media screen and (max-width:599px){.bglUIQ{margin-bottom:40px;}}/*!sc*/ @media screen and (min-width:600px){.bglUIQ{margin-bottom:80px;}}/*!sc*/ .bglUIQ:last-child{margin-bottom:0;}/*!sc*/ data-styled.g88[id="Block__Container-sc-11g8wz8-0"]{content:"bglUIQ,"}/*!sc*/ .cUpOwA{position:relative;}/*!sc*/ data-styled.g89[id="ChartContainer__ChartContainerOuter-edfgx0-0"]{content:"cUpOwA,"}/*!sc*/ .xUamw svg{display:block;}/*!sc*/ @media screen and (max-width:999px){.xUamw{overflow-x:scroll;}}/*!sc*/ data-styled.g90[id="ChartContainer__Container-edfgx0-1"]{content:"xUamw,"}/*!sc*/ @media screen and (max-width:599px){}/*!sc*/ @media screen and (max-width:999px){.gpvRnu.ChartContainerInner--expand{min-width:800px;padding-bottom:20px;}}/*!sc*/ data-styled.g91[id="ChartContainer__ChartContainerInner-edfgx0-2"]{content:"gpvRnu,"}/*!sc*/ @media screen and (min-width:1000px){.dvUnOd{display:grid;grid-template-columns:auto auto;grid-gap:40px;}}/*!sc*/ data-styled.g103[id="RecommendedResourcesBlock__List-sc-3eimjm-0"]{content:"dvUnOd,"}/*!sc*/ .gDvwNJ{margin-bottom:0;}/*!sc*/ data-styled.g104[id="RecommendedResourcesBlock__Title-sc-3eimjm-1"]{content:"gDvwNJ,"}/*!sc*/ .gLKNHc{font-size:0.9rem;}/*!sc*/ data-styled.g105[id="RecommendedResourcesBlock__Description-sc-3eimjm-2"]{content:"gLKNHc,"}/*!sc*/ .jvUgjO{margin-bottom:20px;}/*!sc*/ @media screen and (min-width:600px){.jvUgjO{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}/*!sc*/ data-styled.g106[id="RecommendedResourcesBlock__Resource-sc-3eimjm-3"]{content:"jvUgjO,"}/*!sc*/ @media screen and (max-width:599px){.gvBpbm{width:60px;float:right;margin:0 0 20px 20px;}}/*!sc*/ @media screen and (min-width:600px){.gvBpbm{width:130px;margin-right:20px;}}/*!sc*/ .gvBpbm a{display:block;width:100%;padding-bottom:90%;height:0;background-position:center center;background-size:cover;line-height:0;font-size:0;color:transparent;}/*!sc*/ .gvBpbm img,.gvBpbm svg{display:block;width:100%;border:3px solid white;}/*!sc*/ data-styled.g107[id="RecommendedResourcesBlock__ResourceImage-sc-3eimjm-4"]{content:"gvBpbm,"}/*!sc*/ .iQtyKk{background:#e0e4e4;position:relative;z-index:10;border:2px solid #e0e4e4;}/*!sc*/ data-styled.g108[id="RecommendedResourcesBlock__ResourceImageInner-sc-3eimjm-5"]{content:"iQtyKk,"}/*!sc*/ .iBBKFF{-webkit-flex:1;-ms-flex:1;flex:1;}/*!sc*/ data-styled.g109[id="RecommendedResourcesBlock__ResourceContent-sc-3eimjm-6"]{content:"iBBKFF,"}/*!sc*/ .eQdAit{font-weight:800;font-size:0.7rem;text-align:center;margin-top:20px;}/*!sc*/ data-styled.g110[id="RecommendedResourcesBlock__Sponsoring-sc-3eimjm-7"]{content:"eQdAit,"}/*!sc*/ .dKEKtB{text-align:center;margin-top:10px;font-size:0.8rem;}/*!sc*/ data-styled.g111[id="RecommendedResourcesBlock__ResourceTeacher-sc-3eimjm-8"]{content:"dKEKtB,"}/*!sc*/ @media screen and (max-width:999px){.kTMCA-d{margin-bottom:40px;}}/*!sc*/ @media screen and (min-width:1000px){.kTMCA-d{font-size:1.1rem;margin-bottom:80px;}}/*!sc*/ data-styled.g112[id="PageIntroductionBlock__Introduction-l8rkyc-0"]{content:"kTMCA-d,"}/*!sc*/ .cYuaXP{margin-bottom:40px;}/*!sc*/ data-styled.g134[id="PicksBlock__PicksContainer-sc-1gvg25p-0"]{content:"cYuaXP,"}/*!sc*/ .cdOtqu{margin-bottom:80px;}/*!sc*/ data-styled.g135[id="PicksBlock__Pick-sc-1gvg25p-1"]{content:"cdOtqu,"}/*!sc*/ .cCluWS{position:relative;}/*!sc*/ data-styled.g136[id="PicksBlock__PickContentWrapper-sc-1gvg25p-2"]{content:"cCluWS,"}/*!sc*/ .bLKAGu{background:#FBFAE1;color:#222429;position:relative;margin-bottom:15px;}/*!sc*/ @media screen and (max-width:599px){.bLKAGu{padding:15px 20px 20px 20px;}}/*!sc*/ @media screen and (min-width:600px){.bLKAGu{padding:20px 30px 30px 30px;}}/*!sc*/ .bLKAGu:after{content:' ';-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);background:#FBFAE1;position:absolute;width:40px;height:20px;bottom:-20px;left:40px;}/*!sc*/ data-styled.g137[id="PicksBlock__PickContent-sc-1gvg25p-3"]{content:"bLKAGu,"}/*!sc*/ .lbqpCO{margin-bottom:10px;}/*!sc*/ data-styled.g138[id="PicksBlock__PickTitle-sc-1gvg25p-4"]{content:"lbqpCO,"}/*!sc*/ .cfLpek{font-size:0.9rem;}/*!sc*/ data-styled.g139[id="PicksBlock__Description-sc-1gvg25p-5"]{content:"cfLpek,"}/*!sc*/ .fDFspd{font-size:0.8rem;text-align:center;margin-bottom:10px;color:#cecdcc;}/*!sc*/ @media screen and (min-width:600px){.fDFspd{display:none;}}/*!sc*/ data-styled.g140[id="PicksBlock__PicksIntroMobile-sc-1gvg25p-6"]{content:"fDFspd,"}/*!sc*/ .dKNzCY{font-size:0.8rem;text-align:right;position:absolute;bottom:-30px;right:0;color:#cecdcc;}/*!sc*/ @media screen and (max-width:599px){.dKNzCY{display:none;}}/*!sc*/ data-styled.g141[id="PicksBlock__PicksIntro-sc-1gvg25p-7"]{content:"dKNzCY,"}/*!sc*/ .hvSaKz{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-left:30px;}/*!sc*/ data-styled.g142[id="PicksBlock__PickPerson-sc-1gvg25p-8"]{content:"hvSaKz,"}/*!sc*/ .jDSoMn{margin-right:15px;width:60px;}/*!sc*/ .jDSoMn div{background:#5c6069;border:2px solid #5c6069;position:relative;z-index:10;overflow:hidden;border-radius:100%;}/*!sc*/ .jDSoMn a{display:block;width:100%;padding-bottom:100%;height:0;background-position:center center;background-size:cover;line-height:0;font-size:0;color:transparent;border-radius:100%;}/*!sc*/ .jDSoMn img,.jDSoMn svg{display:block;width:100%;border:3px solid white;}/*!sc*/ data-styled.g143[id="PicksBlock__PickImage-sc-1gvg25p-9"]{content:"jDSoMn,"}/*!sc*/ .bcsAFx{margin:0;}/*!sc*/ data-styled.g145[id="PicksBlock__PickName-sc-1gvg25p-11"]{content:"bcsAFx,"}/*!sc*/ .fahdyF{font-size:0.9rem;}/*!sc*/ data-styled.g146[id="PicksBlock__PickBio-sc-1gvg25p-12"]{content:"fahdyF,"}/*!sc*/ .gfPJQQ{margin-bottom:40px;background:#2a2d33;display:grid;-webkit-column-gap:20px;column-gap:20px;}/*!sc*/ @media screen and (max-width:599px){.gfPJQQ{padding:20px;grid-template-columns:30px auto;}}/*!sc*/ @media screen and (min-width:600px){.gfPJQQ{padding:20px;grid-template-columns:60px auto;}}/*!sc*/ data-styled.g179[id="HintBlock__HintContainer-l010fp-0"]{content:"gfPJQQ,"}/*!sc*/ .fwuaPp{display:grid;place-items:center;}/*!sc*/ @media screen and (max-width:599px){.fwuaPp{margin-bottom:10px;}}/*!sc*/ data-styled.g180[id="HintBlock__HintBulb-l010fp-1"]{content:"fwuaPp,"}/*!sc*/ .liqROl{position:relative;}/*!sc*/ .liqROl .bulb{display:block;font-size:2rem;text-shadow:0px 2px 4px #fce49100;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);}/*!sc*/ .liqROl .spark{display:block;position:absolute;}/*!sc*/ .liqROl .spark span{display:block;border-radius:500px;background:#fce49166;width:4px;height:14px;box-shadow:0px 2px 4px #fce49166;opacity:0;}/*!sc*/ .liqROl .spark-1{top:-20%;left:-10%;-webkit-transform:translateX(-50%) rotate(-30deg);-ms-transform:translateX(-50%) rotate(-30deg);transform:translateX(-50%) rotate(-30deg);}/*!sc*/ .liqROl .spark-2{top:-30%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}/*!sc*/ .liqROl .spark-3{top:-20%;right:-10%;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);}/*!sc*/ data-styled.g181[id="HintBlock__HintBulbInner-l010fp-2"]{content:"liqROl,"}/*!sc*/ .eOCPcp{font-size:0.9rem;}/*!sc*/ .eOCPcp p:last-child{margin:0;}/*!sc*/ data-styled.g182[id="HintBlock__HintContent-l010fp-3"]{content:"eOCPcp,"}/*!sc*/ .hfkBgM{display:grid;grid-template-columns:auto 1fr;-webkit-column-gap:20px;column-gap:20px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;}/*!sc*/ data-styled.g183[id="FeatureExperienceBlock__Row-sc-1rrr2zp-0"]{content:"hfkBgM,"}/*!sc*/ .eBigms{margin:0;}/*!sc*/ data-styled.g184[id="FeatureExperienceBlock__RowYear-sc-1rrr2zp-1"]{content:"eBigms,"}/*!sc*/ @-webkit-keyframes cARFhl{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-50%) translateY(-275%);-ms-transform:translateX(-50%) translateY(-275%);transform:translateX(-50%) translateY(-275%);}}/*!sc*/ @keyframes cARFhl{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-50%) translateY(-275%);-ms-transform:translateX(-50%) translateY(-275%);transform:translateX(-50%) translateY(-275%);}}/*!sc*/ data-styled.g219[id="sc-keyframes-cARFhl"]{content:"cARFhl,"}/*!sc*/ @-webkit-keyframes bPXDEJ{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);}}/*!sc*/ @keyframes bPXDEJ{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);}}/*!sc*/ data-styled.g220[id="sc-keyframes-bPXDEJ"]{content:"bPXDEJ,"}/*!sc*/ @-webkit-keyframes ljWKCc{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-200%) translateY(-200%);-ms-transform:translateX(-200%) translateY(-200%);transform:translateX(-200%) translateY(-200%);}}/*!sc*/ @keyframes ljWKCc{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-200%) translateY(-200%);-ms-transform:translateX(-200%) translateY(-200%);transform:translateX(-200%) translateY(-200%);}}/*!sc*/ data-styled.g221[id="sc-keyframes-ljWKCc"]{content:"ljWKCc,"}/*!sc*/ @-webkit-keyframes cMBegx{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(60%);-ms-transform:translateX(60%);transform:translateX(60%);}}/*!sc*/ @keyframes cMBegx{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(60%);-ms-transform:translateX(60%);transform:translateX(60%);}}/*!sc*/ data-styled.g222[id="sc-keyframes-cMBegx"]{content:"cMBegx,"}/*!sc*/ @-webkit-keyframes kZHiaN{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-275%) translateY(-50%);-ms-transform:translateX(-275%) translateY(-50%);transform:translateX(-275%) translateY(-50%);}}/*!sc*/ @keyframes kZHiaN{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-275%) translateY(-50%);-ms-transform:translateX(-275%) translateY(-50%);transform:translateX(-275%) translateY(-50%);}}/*!sc*/ data-styled.g223[id="sc-keyframes-kZHiaN"]{content:"kZHiaN,"}/*!sc*/ @-webkit-keyframes fKEkIt{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(130%);-ms-transform:translateX(130%);transform:translateX(130%);}}/*!sc*/ @keyframes fKEkIt{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(130%);-ms-transform:translateX(130%);transform:translateX(130%);}}/*!sc*/ data-styled.g224[id="sc-keyframes-fKEkIt"]{content:"fKEkIt,"}/*!sc*/ @-webkit-keyframes ewHXmC{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-200%) translateY(100%);-ms-transform:translateX(-200%) translateY(100%);transform:translateX(-200%) translateY(100%);}}/*!sc*/ @keyframes ewHXmC{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-200%) translateY(100%);-ms-transform:translateX(-200%) translateY(100%);transform:translateX(-200%) translateY(100%);}}/*!sc*/ data-styled.g225[id="sc-keyframes-ewHXmC"]{content:"ewHXmC,"}/*!sc*/ @-webkit-keyframes kxSgkt{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);}}/*!sc*/ @keyframes kxSgkt{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);}}/*!sc*/ data-styled.g226[id="sc-keyframes-kxSgkt"]{content:"kxSgkt,"}/*!sc*/ @-webkit-keyframes ieWsjv{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-50%) translateY(175%);-ms-transform:translateX(-50%) translateY(175%);transform:translateX(-50%) translateY(175%);}}/*!sc*/ @keyframes ieWsjv{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-50%) translateY(175%);-ms-transform:translateX(-50%) translateY(175%);transform:translateX(-50%) translateY(175%);}}/*!sc*/ data-styled.g227[id="sc-keyframes-ieWsjv"]{content:"ieWsjv,"}/*!sc*/ @-webkit-keyframes bdkvTi{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(270%);-ms-transform:translateX(270%);transform:translateX(270%);}}/*!sc*/ @keyframes bdkvTi{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(270%);-ms-transform:translateX(270%);transform:translateX(270%);}}/*!sc*/ data-styled.g228[id="sc-keyframes-bdkvTi"]{content:"bdkvTi,"}/*!sc*/ </style><link as="script" rel="preload" href="/webpack-runtime-bacbb8227f7a3f462f8b.js"/><link as="script" rel="preload" href="/framework-4f6f4628cf10d856b9b4.js"/><link as="script" rel="preload" href="/7616da28-658a2ca7170fc512347f.js"/><link as="script" rel="preload" href="/app-eaa307f84b08943b892a.js"/><link as="script" rel="preload" href="/styles-407fe62976dc5310c43e.js"/><link as="script" rel="preload" href="/component---src-core-pages-page-template-js-2b78a8da8c7848bf20bb.js"/><link as="fetch" rel="preload" href="/page-data/ko-KR/features/syntax/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/216024313.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/216024313.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="modKeyUp"><a href="#page-main" class="MainLayout__Skip-uwvjad-1 koUIH">[ko-KR] general.skip_to_content</a><div class="MainLayout__Page-uwvjad-5 dMDcdD Page--syntax nocapture"><div><button aria-haspopup="menu" aria-expanded="false" class="MainLayout__MenuToggle-uwvjad-3 gxaSHK"><span class="MainLayout__ScreenReadersHint-uwvjad-0 iMYawq">[ko-KR] general.open_nav</span><svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" class="Hamburger__Container-j038hg-0 fIONJq"><g id="Outline_Icons"><line fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="8" x1="15" y1="25" x2="85" y2="25"></line><line fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="8" x1="15" y1="50" x2="85" y2="50"></line><line fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="8" x1="15" y1="75" x2="85" y2="75"></line></g></svg></button><nav id="sidebar" class="Sidebar__SidebarContainer-sc-1u4yidz-0 hHlUQl Sidebar"><button aria-haspopup="menu" aria-expanded="false" class="Sidebar__SidebarCloseButton-sc-1u4yidz-5 bpKdro"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><line x1=".5" y1=".5" x2="23.5" y2="23.5"></line><line x1="23.5" y1=".5" x2=".5" y2="23.5"></line></g></svg><span class="Sidebar__ScreenReadersHint-sc-1u4yidz-2 kbZNhn">[ko-KR] general.close_nav</span></button><h1 class="Sidebar__SidebarScreenReadersTitle-sc-1u4yidz-1 eRTXyl">State of JS 2020</h1><div class="Sidebar__SidebarHeader-sc-1u4yidz-3 kWZfrr"><a class="Sidebar__SidebarLogoLink-sc-1u4yidz-4 dAEVjl" href="/ko-KR/"><span class="SidebarLogo__Container-qwaf9p-0 hZEPJH"><span class="LogoCell__Container-n9we24-0 edOkpG LogoCell" style="color:#e0e4e4"><span class="LogoCell__Index-n9we24-1 iWHLb">0</span>St</span><span class="LogoCell__Container-n9we24-0 edOkpG LogoCell" style="color:#e0e4e4"><span class="LogoCell__Index-n9we24-1 iWHLb">1</span>Js</span><span class="LogoCell__Container-n9we24-0 edOkpG LogoCell" style="color:#FE6A6A"><span class="LogoCell__Index-n9we24-1 iWHLb">2</span>20</span><span class="LogoCell__Container-n9we24-0 edOkpG LogoCell" style="color:#FE6A6A"><span class="LogoCell__Index-n9we24-1 iWHLb">3</span>20</span></span><span class="Sidebar__ScreenReadersHint-sc-1u4yidz-2 kbZNhn">[ko-KR] general.back_to_intro</span></a></div><div class="Nav__NavContainer-uo6ep0-1 iskZBJ"><div class="Nav__LanguageSwitcherWrapper-uo6ep0-2 bXJgCf"><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button class="Popover__PopoverToggle-sc-3zqg9-2 hwouLV PopoverToggle" aria-label="한국어" aria-haspopup="menu" aria-expanded="false"><span>한국어</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50"><polygon stroke="#000" points="0,0 100,0 50,50"></polygon></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="Locales__Container-sc-1lgl2z3-0 hfkwXz Locales"><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ca-ES/features/syntax/">Català</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>81<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>81<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(81 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/cs-CZ/features/syntax/">Česky</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>46<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>46<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(46 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/de-DE/features/syntax/">Deutsch</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>60<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>60<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(60 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/en-US/features/syntax/">English</a></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/es-ES/features/syntax/">Español</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>89<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>89<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(89 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/fa-IR/features/syntax/">فارسی</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>26<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>26<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(26 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/fr-FR/features/syntax/">Français</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>69<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>69<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(69 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/gl-ES/features/syntax/">Galego</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>89<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>89<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(89 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/hi-IN/features/syntax/">Hindi</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>4<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>4<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(4 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/it-IT/features/syntax/">Italiano</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>41<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>41<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(41 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/pt-PT/features/syntax/">Português</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>38<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>38<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(38 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ru-RU/features/syntax/">Русский</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>93<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>93<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(93 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ua-UA/features/syntax/">Українська</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>80<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>80<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(80 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/sv-SE/features/syntax/">Svenska</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>38<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>38<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(38 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/tr-TR/features/syntax/">Türkçe</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>66<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>66<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(66 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/id-ID/features/syntax/">Indonesia</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>41<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>41<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(41 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/zh-Hans/features/syntax/">简体中文</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>85<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>85<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(85 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/zh-Hant/features/syntax/">正體中文</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>64<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>64<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(64 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ja-JP/features/syntax/">日本語</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>77<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>77<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(77 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/pl-PL/features/syntax/">Polski</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>78<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>78<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(78 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a aria-current="page" class="" href="/ko-KR/features/syntax/">한국어</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>86<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>86<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(86 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/nl-NL/features/syntax/">Nederlands</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>80<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>80<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(80 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ro-RO/features/syntax/">Română</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>84<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>84<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(84 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span></div><div class="LanguageSwitcher__LanguageSwitcherHelp-sc-1dnlai8-0 khubsu LanguageSwitcherHelp"><a href="https://github.com/StateOfJS/state-of-js-graphql-results-api/issues/50"><span data-key="general.help_us_translate" class="t">설문 번역을 도와주세요 »</span></a></div></div></div></div></div><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/ko-KR/"><span><span data-key="sections.introduction.title" class="t">소개</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/ko-KR/tshirt/"><span><span data-key="sections.tshirt.title" class="t">티셔츠</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/ko-KR/demographics/"><span><span data-key="sections.demographics.title" class="t">인구 통계</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/ko-KR/features/"><span><span data-key="sections.features.title" class="t">기능</span></span></a><a aria-current="page" class="Nav__StyledPageLink-uo6ep0-0 gbRils _is-active" href="/ko-KR/features/syntax/"><span><span data-key="sections.syntax.title" class="t">구문</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gbRils" href="/ko-KR/features/language/"><span><span data-key="sections.language.title" class="t">언어</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gbRils" href="/ko-KR/features/data-structures/"><span><span data-key="sections.data_structures.title" class="t">자료 구조</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gbRils" href="/ko-KR/features/browser-apis/"><span><span data-key="sections.browser_apis.title" class="t">브라우저 API</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gbRils" href="/ko-KR/features/other-features/"><span><span data-key="sections.other_features.title" class="t">기타 기능</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/ko-KR/technologies/"><span><span data-key="sections.technologies.title" class="t">기술</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/ko-KR/technologies/javascript-flavors/"><span><span data-key="sections.javascript_flavors.title" class="t">자바스크립트 취향</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/ko-KR/technologies/front-end-frameworks/"><span><span data-key="sections.front_end_frameworks.title" class="t">프론트엔드 프레임워크</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/ko-KR/technologies/datalayer/"><span><span data-key="sections.datalayer.title" class="t">데이터 계층</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/ko-KR/technologies/back-end-frameworks/"><span><span data-key="sections.back_end_frameworks.title" class="t">백엔드 프레임워크</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/ko-KR/technologies/testing/"><span><span data-key="sections.testing.title" class="t">테스팅</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/ko-KR/technologies/build-tools/"><span><span data-key="sections.build_tools.title" class="t">빌드 도구</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/ko-KR/technologies/mobile-desktop/"><span><span data-key="sections.mobile_desktop.title" class="t">모바일 & 데스크탑</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/ko-KR/other-tools/"><span><span data-key="sections.tools_others.title" class="t">기타 도구</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/ko-KR/resources/"><span><span data-key="sections.resources.title" class="t">리소스</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/ko-KR/opinions/"><span><span data-key="sections.opinions.title" class="t">의견</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/ko-KR/awards/"><span><span data-key="sections.awards.title" class="t">시상식</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/ko-KR/conclusion/"><span><span data-key="sections.conclusion.title" class="t">결론</span></span></a></div><div class="ShareSite__Container-ayv7ct-0 jxqLoD ShareSite"><a href="https://twitter.com/intent/tweet/?text=State%20Of%20CSS%202020%20%EA%B2%B0%EA%B3%BC%EC%9D%98%20%EB%B0%9C%EA%B2%AC%20https%3A%2F%2F2020.stateofjs.com%20%23StateOfCSS" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com&title=StateOf CSS 2020 결과의 발견&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20JavaScript%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4%3A%20https%3A%2F%2F2020.stateofjs.com" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a></div></nav></div><div class="MainLayout__PageContent-uwvjad-4 kngwcV PageContent"><div class="MainLayout__PaginationWrapper-uwvjad-2 hQFQAx"><div class="Pagination__Container-fmwu6l-0 eyWRuW Pagination"><a class="PaginationLink__StyledLink-sc-15wpe8c-0 isboRP pagination__link pagination__previous" href="/ko-KR/features/"><span><span>« <!-- -->기능</span></span></a><div class="Pagination__MiddleContent-fmwu6l-1 iZEAbN"><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button class="Popover__PopoverToggle-sc-3zqg9-2 hwouLV PopoverToggle" aria-label="한국어" aria-haspopup="menu" aria-expanded="false"><span>한국어</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50"><polygon stroke="#000" points="0,0 100,0 50,50"></polygon></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="Locales__Container-sc-1lgl2z3-0 hfkwXz Locales"><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ca-ES/features/syntax/">Català</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>81<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>81<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(81 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/cs-CZ/features/syntax/">Česky</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>46<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>46<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(46 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/de-DE/features/syntax/">Deutsch</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>60<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>60<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(60 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/en-US/features/syntax/">English</a></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/es-ES/features/syntax/">Español</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>89<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>89<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(89 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/fa-IR/features/syntax/">فارسی</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>26<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>26<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(26 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/fr-FR/features/syntax/">Français</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>69<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>69<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(69 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/gl-ES/features/syntax/">Galego</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>89<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>89<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(89 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/hi-IN/features/syntax/">Hindi</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>4<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>4<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(4 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/it-IT/features/syntax/">Italiano</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>41<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>41<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(41 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/pt-PT/features/syntax/">Português</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>38<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>38<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(38 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ru-RU/features/syntax/">Русский</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>93<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>93<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(93 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ua-UA/features/syntax/">Українська</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>80<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>80<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(80 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/sv-SE/features/syntax/">Svenska</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>38<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>38<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(38 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/tr-TR/features/syntax/">Türkçe</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>66<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>66<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(66 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/id-ID/features/syntax/">Indonesia</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>41<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>41<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(41 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/zh-Hans/features/syntax/">简体中文</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>85<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>85<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(85 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/zh-Hant/features/syntax/">正體中文</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>64<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>64<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(64 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ja-JP/features/syntax/">日本語</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>77<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>77<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(77 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/pl-PL/features/syntax/">Polski</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>78<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>78<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(78 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a aria-current="page" class="" href="/ko-KR/features/syntax/">한국어</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>86<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>86<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(86 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/nl-NL/features/syntax/">Nederlands</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>80<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>80<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(80 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ro-RO/features/syntax/">Română</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">완료율:<!-- --> <strong>84<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>84<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(84 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span></div><div class="LanguageSwitcher__LanguageSwitcherHelp-sc-1dnlai8-0 khubsu LanguageSwitcherHelp"><a href="https://github.com/StateOfJS/state-of-js-graphql-results-api/issues/50"><span data-key="general.help_us_translate" class="t">설문 번역을 도와주세요 »</span></a></div></div></div></div></div><a class="PaginationLink__StyledLink-sc-15wpe8c-0 kyWIcc pagination__link pagination__next" href="/ko-KR/features/language/"><span><span>언어<!-- --> »</span></span></a></div></div><main id="page-main" class="MainLayout__PageMain-uwvjad-6 fpohRl"><h2 class="PageHeader__PageTitle-sc-1i3f46f-0 ctbAJh"><span data-key="sections.syntax.title" class="t">구문</span></h2><div class="Page__Contents"><div class="PageIntroductionBlock__Introduction-l8rkyc-0 kTMCA-d Page__Introduction"><div data-key="sections.syntax.description" class="t"><p>자바스크립트의 문법입니다.</p></div></div><div id="destructuring" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--destructuring"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/ko-KR/features/syntax/destructuring" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">Destructuring</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bHsPNt CompletionIndicator__Tooltip">완료율:<!-- --> <strong>96<!-- -->%</strong> <span>(<!-- -->22814<!-- -->)</span></div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>96<!-- -->%</strong> <span>(<!-- -->22814<!-- -->)</span></div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 hNsnqo"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(96 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 cJwfmm"></circle></svg></div></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[ko-KR] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Destructuring%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fdestructuring" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fdestructuring" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fdestructuring&title=Destructuring&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Destructuring)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fdestructuring" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/destructuring.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Destructuring%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fdestructuring" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fdestructuring" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fdestructuring&title=Destructuring&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Destructuring)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fdestructuring" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/destructuring.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div><div class="Block__Contents"><div class="FeatureExperienceBlock__Row-sc-1rrr2zp-0 hfkBgM"><h4 class="FeatureExperienceBlock__RowYear-sc-1rrr2zp-1 eBigms">2019</h4><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter FeatureChart" style="height:40px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:40px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner" style="height:40px"><div style="width:100%;height:100%"></div></div></div></div></div><div class="FeatureExperienceBlock__Row-sc-1rrr2zp-0 hfkBgM"><h4 class="FeatureExperienceBlock__RowYear-sc-1rrr2zp-1 eBigms">2020</h4><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter FeatureChart" style="height:40px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:40px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner" style="height:40px"><div style="width:100%;height:100%"></div></div></div></div></div></div><table class="BlockLegends__Container-x2sx8r-0 eZbJfN Block__Legends"><tbody class="BlockLegends__ContainerInner-x2sx8r-1 dxTlgm"><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#41c7c7" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">사용해본 적 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#1d7e7e" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">조금 알고 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#cecdcc" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">들어본 적 없음</td></tr></tbody></table></div><div class="HintBlock__HintContainer-l010fp-0 gfPJQQ Block"><div class="HintBlock__HintBulb-l010fp-1 fwuaPp"><div class="HintBlock__HintBulbInner-l010fp-2 liqROl"><span class="bulb" role="img" aria-label="Lightbulb Emoji">💡</span><span class="spark spark-1"><span></span></span><span class="spark spark-2"><span></span></span><span class="spark spark-3"><span></span></span></div></div><div class="HintBlock__HintContent-l010fp-3 eOCPcp"><div data-key="hints.export_hint" class="t"><p>각 블록 상단에 있는 <span class="hint-export-button">내보내기</span> 버튼을 사용하면 모든 차트에 대한 원시 JSON 데이터나 우리의 공개 API로 실행할 수 있는 GraphQL 쿼리를 얻을 수 있습니다.</p></div></div></div><div id="spread_operator" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--spread_operator"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/ko-KR/features/syntax/spread_operator" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax">Spread Operator</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bHsPNt CompletionIndicator__Tooltip">완료율:<!-- --> <strong>95.7<!-- -->%</strong> <span>(<!-- -->22753<!-- -->)</span></div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>95.7<!-- -->%</strong> <span>(<!-- -->22753<!-- -->)</span></div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 hNsnqo"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(95.7 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 cJwfmm"></circle></svg></div></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[ko-KR] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Spread%20Operator%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fspread_operator" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fspread_operator" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fspread_operator&title=Spread Operator&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Spread%20Operator)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fspread_operator" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/spread_operator.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Spread%20Operator%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fspread_operator" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fspread_operator" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fspread_operator&title=Spread Operator&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Spread%20Operator)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fspread_operator" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/spread_operator.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div><div class="Block__Contents"><div class="FeatureExperienceBlock__Row-sc-1rrr2zp-0 hfkBgM"><h4 class="FeatureExperienceBlock__RowYear-sc-1rrr2zp-1 eBigms">2019</h4><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter FeatureChart" style="height:40px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:40px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner" style="height:40px"><div style="width:100%;height:100%"></div></div></div></div></div><div class="FeatureExperienceBlock__Row-sc-1rrr2zp-0 hfkBgM"><h4 class="FeatureExperienceBlock__RowYear-sc-1rrr2zp-1 eBigms">2020</h4><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter FeatureChart" style="height:40px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:40px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner" style="height:40px"><div style="width:100%;height:100%"></div></div></div></div></div></div><table class="BlockLegends__Container-x2sx8r-0 eZbJfN Block__Legends"><tbody class="BlockLegends__ContainerInner-x2sx8r-1 dxTlgm"><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#41c7c7" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">사용해본 적 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#1d7e7e" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">조금 알고 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#cecdcc" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">들어본 적 없음</td></tr></tbody></table></div><div id="arrow_functions" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--arrow_functions"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/ko-KR/features/syntax/arrow_functions" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Arrow Functions</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bHsPNt CompletionIndicator__Tooltip">완료율:<!-- --> <strong>95.5<!-- -->%</strong> <span>(<!-- -->22695<!-- -->)</span></div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>95.5<!-- -->%</strong> <span>(<!-- -->22695<!-- -->)</span></div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 hNsnqo"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(95.5 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 cJwfmm"></circle></svg></div></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[ko-KR] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Arrow%20Functions%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Farrow_functions" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Farrow_functions" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Farrow_functions&title=Arrow Functions&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Arrow%20Functions)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Farrow_functions" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/arrow_functions.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Arrow%20Functions%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Farrow_functions" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Farrow_functions" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Farrow_functions&title=Arrow Functions&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Arrow%20Functions)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Farrow_functions" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/arrow_functions.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div><div class="Block__Contents"><div class="FeatureExperienceBlock__Row-sc-1rrr2zp-0 hfkBgM"><h4 class="FeatureExperienceBlock__RowYear-sc-1rrr2zp-1 eBigms">2019</h4><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter FeatureChart" style="height:40px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:40px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner" style="height:40px"><div style="width:100%;height:100%"></div></div></div></div></div><div class="FeatureExperienceBlock__Row-sc-1rrr2zp-0 hfkBgM"><h4 class="FeatureExperienceBlock__RowYear-sc-1rrr2zp-1 eBigms">2020</h4><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter FeatureChart" style="height:40px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:40px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner" style="height:40px"><div style="width:100%;height:100%"></div></div></div></div></div></div><table class="BlockLegends__Container-x2sx8r-0 eZbJfN Block__Legends"><tbody class="BlockLegends__ContainerInner-x2sx8r-1 dxTlgm"><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#41c7c7" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">사용해본 적 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#1d7e7e" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">조금 알고 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#cecdcc" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">들어본 적 없음</td></tr></tbody></table></div><div class="PicksBlock__PicksContainer-sc-1gvg25p-0 cYuaXP Block"><div class="PicksBlock__PicksIntroMobile-sc-1gvg25p-6 fDFspd">우리는 자바스크립트 커뮤니티 회원들에게 "올해의 선택"을 공유해 줄 것을 요청했습니다.</div><div class="pick"><div class="PicksBlock__Pick-sc-1gvg25p-1 cdOtqu"><div class="PicksBlock__PickContentWrapper-sc-1gvg25p-2 cCluWS"><div class="PicksBlock__PickContent-sc-1gvg25p-3 bLKAGu"><h3 class="PicksBlock__PickTitle-sc-1gvg25p-4 lbqpCO"><span>2020 저의 선택: </span><a href="https://a11y.coffee/">A11y Coffee</a></h3><div class="PicksBlock__Description-sc-1gvg25p-5 cfLpek"><p>이것은 웹 접근성에 대해 배우기 위한 환상적인 소개 리소스입니다! 저는 JS 개발자로서 우리가 만든 사이트가 단순히 키보드, 마우스 사용자만 보는 것이 아니라 모든 사람이 사용할 수 있도록 하는 일이기 때문에 이것을 선택했습니다.</p></div></div><div class="PicksBlock__PicksIntro-sc-1gvg25p-7 dKNzCY">우리는 자바스크립트 커뮤니티 회원들에게 "올해의 선택"을 공유해 줄 것을 요청했습니다.</div></div><div class="PicksBlock__PickPerson-sc-1gvg25p-8 hvSaKz"><div class="PicksBlock__PickImage-sc-1gvg25p-9 jDSoMn"><div><a href="https://twitter.com/joshwcomeau" style="background-image:url(/images/picks/joshwcomeau.jpg)" title="Josh W. Comeau">Josh W. Comeau</a></div></div><div class="PicksBlock__PickCredit-sc-1gvg25p-10 bhRhhm"><h4 class="PicksBlock__PickName-sc-1gvg25p-11 bcsAFx"><a href="https://twitter.com/joshwcomeau">Josh W. Comeau</a></h4><div class="PicksBlock__PickBio-sc-1gvg25p-12 fahdyF">Software-engineer-turned-educator</div></div></div></div></div></div><div id="nullish_coalescing" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--nullish_coalescing"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/ko-KR/features/syntax/nullish_coalescing" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator">Nullish Coalescing</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bHsPNt CompletionIndicator__Tooltip">완료율:<!-- --> <strong>95.7<!-- -->%</strong> <span>(<!-- -->22737<!-- -->)</span></div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>95.7<!-- -->%</strong> <span>(<!-- -->22737<!-- -->)</span></div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 hNsnqo"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(95.7 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 cJwfmm"></circle></svg></div></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[ko-KR] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Nullish%20Coalescing%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fnullish_coalescing" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fnullish_coalescing" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fnullish_coalescing&title=Nullish Coalescing&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Nullish%20Coalescing)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fnullish_coalescing" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/nullish_coalescing.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Nullish%20Coalescing%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fnullish_coalescing" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fnullish_coalescing" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fnullish_coalescing&title=Nullish Coalescing&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Nullish%20Coalescing)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fnullish_coalescing" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/nullish_coalescing.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div><div class="Block__Contents"><div class="FeatureExperienceBlock__Row-sc-1rrr2zp-0 hfkBgM"><h4 class="FeatureExperienceBlock__RowYear-sc-1rrr2zp-1 eBigms">2020</h4><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter FeatureChart" style="height:40px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:40px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner" style="height:40px"><div style="width:100%;height:100%"></div></div></div></div></div></div><table class="BlockLegends__Container-x2sx8r-0 eZbJfN Block__Legends"><tbody class="BlockLegends__ContainerInner-x2sx8r-1 dxTlgm"><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#41c7c7" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">사용해본 적 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#1d7e7e" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">조금 알고 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#cecdcc" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">들어본 적 없음</td></tr></tbody></table></div><div id="optional_chaining" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--optional_chaining"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/ko-KR/features/syntax/optional_chaining" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining">Optional Chaining</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bHsPNt CompletionIndicator__Tooltip">완료율:<!-- --> <strong>95.7<!-- -->%</strong> <span>(<!-- -->22746<!-- -->)</span></div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>95.7<!-- -->%</strong> <span>(<!-- -->22746<!-- -->)</span></div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 hNsnqo"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(95.7 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 cJwfmm"></circle></svg></div></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[ko-KR] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Optional%20Chaining%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Foptional_chaining" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Foptional_chaining" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Foptional_chaining&title=Optional Chaining&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Optional%20Chaining)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Foptional_chaining" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/optional_chaining.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Optional%20Chaining%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Foptional_chaining" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Foptional_chaining" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Foptional_chaining&title=Optional Chaining&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Optional%20Chaining)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Foptional_chaining" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/optional_chaining.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div><div class="Block__Contents"><div class="FeatureExperienceBlock__Row-sc-1rrr2zp-0 hfkBgM"><h4 class="FeatureExperienceBlock__RowYear-sc-1rrr2zp-1 eBigms">2020</h4><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter FeatureChart" style="height:40px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:40px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner" style="height:40px"><div style="width:100%;height:100%"></div></div></div></div></div></div><table class="BlockLegends__Container-x2sx8r-0 eZbJfN Block__Legends"><tbody class="BlockLegends__ContainerInner-x2sx8r-1 dxTlgm"><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#41c7c7" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">사용해본 적 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#1d7e7e" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">조금 알고 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#cecdcc" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">들어본 적 없음</td></tr></tbody></table></div><div id="private_fields" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--private_fields"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/ko-KR/features/syntax/private_fields" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Private_class_fields">Private Fields</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bHsPNt CompletionIndicator__Tooltip">완료율:<!-- --> <strong>95.9<!-- -->%</strong> <span>(<!-- -->22786<!-- -->)</span></div><div class="CompletionIndicator__Data sr-only">완료율:<!-- --> <strong>95.9<!-- -->%</strong> <span>(<!-- -->22786<!-- -->)</span></div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 hNsnqo"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(95.9 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 cJwfmm"></circle></svg></div></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[ko-KR] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Private%20Fields%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fprivate_fields" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fprivate_fields" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fprivate_fields&title=Private Fields&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Private%20Fields)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fprivate_fields" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/private_fields.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">내보내기</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">공유</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfCSS%202020%3A%20Private%20Fields%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fprivate_fields" target="_blank" rel="noopener noreferrer" aria-label="트위터에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">트위터에 공유</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fprivate_fields" target="_blank" rel="noopener noreferrer" aria-label="페이스북에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">페이스북에 공유</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fprivate_fields&title=Private Fields&summary=" target="_blank" rel="noopener noreferrer" aria-label="링크드인에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">링크드인에 공유</span></a><a href="mailto:?subject=State%20Of%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC&body=%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%96%BC%EB%A7%88%EC%9D%98%20%ED%9D%A5%EB%AF%B8%EB%A1%9C%EC%9A%B4%20CSS%20%EC%A1%B0%EC%82%AC%20%EA%B2%B0%EA%B3%BC%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.%20(Private%20Fields)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fko-KR%2Ffeatures%2Fsyntax%2Fprivate_fields" target="_self" aria-label="이메일에 공유" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">이메일에 공유</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/ko-KR/private_fields.png" target="_blank" rel="noopener noreferrer" aria-label="이미지 보기" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">이미지 보기</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">백분율</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">총계</span></button></div></div></div></div><div class="Block__Contents"><div class="FeatureExperienceBlock__Row-sc-1rrr2zp-0 hfkBgM"><h4 class="FeatureExperienceBlock__RowYear-sc-1rrr2zp-1 eBigms">2020</h4><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter FeatureChart" style="height:40px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:40px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner" style="height:40px"><div style="width:100%;height:100%"></div></div></div></div></div></div><table class="BlockLegends__Container-x2sx8r-0 eZbJfN Block__Legends"><tbody class="BlockLegends__ContainerInner-x2sx8r-1 dxTlgm"><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#41c7c7" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">사용해본 적 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#1d7e7e" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">조금 알고 있음</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 hhWSdE Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#cecdcc" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">들어본 적 없음</td></tr></tbody></table></div><div class="Block"><div class="resources"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/ko-KR/features/syntax/syntax_resources" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><span data-key="blocks.recommended_resources.title" class="t">추천하는 리소스</span></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[ko-KR] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"></div></div><div class="RecommendedResourcesBlock__List-sc-3eimjm-0 dvUnOd Resources__list"><div class="RecommendedResourcesBlock__Resource-sc-3eimjm-3 jvUgjO Resource"><div class="RecommendedResourcesBlock__ResourceImage-sc-3eimjm-4 gvBpbm Resource__image"><div class="RecommendedResourcesBlock__ResourceImageInner-sc-3eimjm-5 iQtyKk"><a href="https://frontendmasters.com/learn/javascript/?utm_source=stateofjs&utm_medium=website&utm_campaign=stateofjs2020&utm_content=textlink" style="background-image:url(https://static.frontendmasters.com/assets/teachers/sentance/thumb@2x.jpg)" title="Professional JavaScript Learning Path">Professional JavaScript Learning Path</a></div><div class="RecommendedResourcesBlock__ResourceTeacher-sc-3eimjm-8 dKEKtB">Will Sentance</div></div><div class="RecommendedResourcesBlock__ResourceContent-sc-3eimjm-6 iBBKFF Resource__content"><h4 class="RecommendedResourcesBlock__Title-sc-3eimjm-1 gDvwNJ Resource__title"><a href="https://frontendmasters.com/learn/javascript/?utm_source=stateofjs&utm_medium=website&utm_campaign=stateofjs2020&utm_content=textlink">Professional JavaScript Learning Path</a></h4><div class="RecommendedResourcesBlock__Description-sc-3eimjm-2 gLKNHc Resource__description">From JavaScript foundations, all the way to Hardcore Functional JavaScript, find out how far you can go with your JavaScript abilities in this comprehensive learning path. </div></div></div></div><div class="RecommendedResourcesBlock__Sponsoring-sc-3eimjm-7 eQdAit Resources__sponsoring"><span data-key="partners.thanks" class="t">우리를 지원해 준 파트너들께 감사 드립니다!</span> <a href="/ko-KR/support"><span data-key="partners.learn_more" class="t">더 알아보기.</span></a></div></div></div></div><div class="PageFooter__Container-pu9659-0 jEYWnh"><div class="PageFooter__Nav-pu9659-1 dBJAfU"><a class="Button-tirokp-0 PageFooter__FooterLink-pu9659-3 PageFooter__PreviousLink-pu9659-4 jrlGls fLCcbb ecDXdZ PageFooter__Link PageFooter__Link--previous Button PageFooter__Link PageFooter__Link--previous" href="/ko-KR/features/">«<!-- --> <span class="PageFooter__LinkLabel-pu9659-6 hEKYIR"><span data-key="page.previous" class="t">이전:</span></span> <!-- -->기능</a><a class="Button-tirokp-0 PageFooter__FooterLink-pu9659-3 PageFooter__NextLink-pu9659-5 jrlGls fLCcbb PageFooter__Link PageFooter__Link--next Button Button PageFooter__Link PageFooter__Link--next Button" href="/ko-KR/features/language/"><span class="PageFooter__LinkLabel-pu9659-6 hEKYIR"><span data-key="page.next" class="t">다음:</span></span> <!-- -->언어<!-- --> »</a></div><div class="PageFooter__Notes-pu9659-2 efIfui"><span data-key="general.charts_nivo" class="t">차트는 <a href="https://nivo.rocks/">Nivo</a>로 만들어졌습니다.</span> <span data-key="general.netlify_link" class="t"><a href="https://www.netlify.com">Netlify</a>가 호스팅합니다.</span><br/><span data-key="general.leave_issue" class="t">질문이 있나요? 버그를 발견하셨나요? <a href="https://github.com/StateOfJS/StateOfJS-2020" target="_blank">이슈를 남겨주세요</a>.</span> <span data-key="general.join_discord" class="t"><a href="https://discord.gg/zRDb35jfrt">디스코드</a> 에서 함께 해 주세요.</span><br/><span data-key="general.translator_mode" class="t">option/alt 키를 누르시면 번역 모드가 활성화 됩니다.</span> </div></div></main></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/ko-KR/features/syntax/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-092c4c6a41bb38cca3d9.js"],"app":["/app-eaa307f84b08943b892a.js"],"component---src-core-pages-page-template-js":["/component---src-core-pages-page-template-js-2b78a8da8c7848bf20bb.js"],"component---src-core-share-share-block-template-js":["/component---src-core-share-share-block-template-js-5c6d182ad6eb170b733d.js"]};/*]]>*/</script><script src="/polyfill-092c4c6a41bb38cca3d9.js" nomodule=""></script><script src="/component---src-core-pages-page-template-js-2b78a8da8c7848bf20bb.js" async=""></script><script src="/styles-407fe62976dc5310c43e.js" async=""></script><script src="/app-eaa307f84b08943b892a.js" async=""></script><script src="/7616da28-658a2ca7170fc512347f.js" async=""></script><script src="/framework-4f6f4628cf10d856b9b4.js" async=""></script><script src="/webpack-runtime-bacbb8227f7a3f462f8b.js" async=""></script></body></html>