분류 전체보기
-
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(..
-
코틀린 - 함수의 정의와 호출Kotiln 2019. 7. 24. 11:23
코틀린에서 컬렉션 만들기 setOf, arrayListOf, hashMapOf 등의 함수를 이용하여 컬렉션을 생성할 수 있다. 코틀린은 자신만의 컬렉션을 기능을 제공하지 않는다. 기존 자바의 컬렉션을 활용할 수 있다. 함수를 호출하기 쉽게 만들기 이름 붙인 인자 함수 호출 부분의 가독성을 늘리기 위해 인자에 이름을 붙일 수 있다. joinToString(collection, separator = " ", prefix = " ", postfix = ".")호출 시 인자 중 어느 하나라도 이름을 명시하고 나면 혼동을 막기 위해 그 뒤에 오는 모든 인자는 이름을 꼭 명시해야 한다. 디폴트 파라미터 값 fun joinToString( collection: Collection, separator: String =..
-
코틀린 기초Kotiln 2019. 7. 23. 15:33
코틀린의 특성 함수를 선언할 때 fun 키워드를 사용한다. 파라미터 이름 뒤에 그 파라미터의 타입을 쓴다. 함수를 최상위 수준에 정의할 수 있다. 배열로 일반적인 클래스와 마찬가지다. 여러 가지 표준 자바 라이브러리 함수를 간결하게 사용할 수 있게 wrapper 를 제공한다. (System.out.println -> println ) 줄 끝에 세미콜론을 붙이지 않아도 된다. 함수 함수 선언은 fun 키워드로 시작하며 fun 다음에는 함수 이름이 온다. 함수 이름 뒤에는 괄호 안에 파라미터 목록이 온다. 함수의 반환 타입은 파라미터 목록의 닫는 괄호 다음에 오는데 괄호와 반환 타입 사이를 콜론(:)으로 구분해야 한다. fun max(a: Int, b: Int) : Int { return if (a > b)..
-
코틀린 - 연산자 오버로딩과 기타 관례Kotiln 2019. 7. 23. 10:54
어떤 언어 기능과 미리 정해진 이름의 함수를 연결해주는 기법을 관례 라고 부른다 이항 산술 연산 오버로딩 연산자를 오버로딩하는 함수 앞에는 꼭 operator 키워드를 붙여야 한다. operator 키워드를 붙임으로써 어떤 함수가 관례를 따르는 함수임을 명확히 할 수 있다. 코틀린에서는 직접 연산자를 만들어 사용할 수 없고 언어에서 미리 정해둔 연산자만 오버로딩할 수 있으며 관례에 따르기 위해 클래스에서 정의해야 하는 이름이 연산자별로 정해져 있다. 식 함수 이름 a * b times a / b div a % b mod (1.1 부터 rem) a + b plus a - b minus 코틀린은 표준 숫자 타입에 대해 비트 연산자를 정의하지 않는다. 따라서 커스텀 타입에서 비트 연산자를 정의할 수도 없다. ..
-
코틀린 타입 시스템 - 컬렉션과 배열Kotiln 2019. 7. 22. 10:03
null 가능성과 컬렉션 컬렉션 타입 인자에 ? 를 붙이면 컬렉션에 null 을 저장할 수 있 다. List 는 리스트 안의 각 값이 null이 될 수 있다 는 의미이고 List? 는 전체 리스트가 null이 될 수 있다는 의미이기 때문에 조심해야 한다. filterNotNull 함수는 null이 될 수 있는 값으로 이뤄진 컬렉션에서 null 값을 걸러준다. 읽기 전용과 변경 가능한 컬렉션 코틀린은 컬렉션 안의 데이터에 접근하는 인터페이스와 컬렉션 안의 데이터를 변경하는 인터페이스가 분리되어 있다. kotlin.collections.Collection 인터페이스 와 kotlin.collections.MutableCollection 인터페이스로 나뉜다. 객체의 배열과 원시 타입의 배열 코틀린 배열은 타입 ..