React
-
material-ui pickers, luxon 사용시 달력에서 일요일부터 시작되게 하기React 2020. 1. 13. 17:27
material-ui pickers 와 luxon 을 이용하여 picker 를 구현하면 날짜 선택시 월요일부터 시작하게 된다 보통의 달력처럼 일요일부터 시작하게 하려면 LuxonUtils 를 상속하여 CustomLuxonUtils 를 생성하여 사용하면 된다. class CustomLuxonUtils extends LuxonUtils { public getWeekdays(): string[] { const weekDays = LuxonUtils.prototype.getWeekdays(); const lastDay = weekDays.pop(); if (lastDay != null) { weekDays.unshift(lastDay); } return weekDays; } public getWeekArray(..
-
React 주요 개념React 2019. 9. 18. 10:00
React 주요 개념 JSX JSX는 JavaScript를 확장한 문법으로 React Element를 생성한다. 중괄호를 이용하여 JavaScript 표현식을 넣을 수 있다. const name = 'React'; const element = Hello, {name};HTML 어트리뷰트 대신 camelCase를 네이밍 컨벤션으로 사용하며 class 어트리뷰트는 className으로 작성한다. Hello ;Element Element는 React 앱의 가장 작은 단위이며 화면에 표시할 내용을 기술한다. 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리하며 이것을 루트 DOM 노드라고 부른다. React 엘리먼트를 루트 DOM 노드에 렌더링하려면 둘 다 ReactDOM.render(..