akjfal

코드 분할 코드 분할 – React A JavaScript library for building user interfaces ko.reactjs.org 번들링 코드들이 import 로 엮여있는 경우 이를 webpack등 툴을 통해 묶어줍니다. 코드 분할 앱의 크기가 커지면 번들도 커지기 때문에 로드가 오래걸릴 수 있습니다. 이를 통해 초기 로딩 비용을 줄일 수 있습니다. import() 동적 import()문을 통해 코드를 분할하는 것이 가장 좋습니다. import("./math").then(math => { console.log(...)})); webpack이 해당 구문을 만나게 되면 코드를 분할합니다. 또한 Next.js도 이를 지원합니다. 만약 Babel을 사용한다면 동적 import를 다른 것으로..

접근성 접근성 – React A JavaScript library for building user interfaces ko.reactjs.org 별칭 : a11y 표준 및 지침 WCAG(Web Content Accessibility Guidelines) 접근성을 갖춘 웹사이트를 만드는데 필요한 지침을 제공합니다. WAI-ARIA(Web Accessibility Initiative - Accessible Rich Internet Applications) 접근성을 갖춘 javascript 위젯을 만드는데 필요한 기술입니다. → React에서는 aria-* 속성을 통해 제공합니다. → 카멜케이스로 제공되는 다른 속성과 달리 케밥 케이스로 작성되어야 합니다.. 시멘틱 HTML map등의 내부에서 코드를 동작시키..