개발 독학 일기

[Kotlin] 코틀린 람다 표현식 (후행 람다)

람다 표현식이름이 없는 익명함수를 표현하는 방식변수에 저장하거나 인자로 전달하기에 편리함val sum = { a: Int, b: Int -> a + b }println(sum(3, 5)) // 출력: 8 이벤트 처리, filter나 forEach같은 함수들에 주로 사용됨 람다에 매개변수가 하나라면 ->를 생략하고 매개변수를 it으로 접근할 수 있음val numbers = listOf(1, 2, 3)val squared = numbers.map { it * it } // [1, 4, 9] 후행 람다함수의 마지막 인자가 람다 함수인 경우 괄호 밖으로 뺼 수 있음fun greet(name: String, callback: () -> Unit) { println("Hello, $name!") c..

[Kotlin] 코틀린 JecPack Compose Surface

SurfaceComposable의 컨테이너다른 컨테이너 (Row, Box 등)과 다르게 배치 방법이 아닌 디자인 효과를 나타낼 수 있음 Surface 매개변수1. modifier: Modifier [Kotlin] 코틀린 JetPack Compose ModifierModifierJetpack Compose에서 사용하는 메서드Text, Box같은 Compose 기본 컴포저블 함수에 기본적으로 modifier 파라미터를 가지고 있음UI 요소를 다루기 위한 도구로 XML보다 편리하게 사용 가능 Text( text = "Clmyhappycoding.tistory.com 2. shape: Shape컨테이너의 모양 정의CircleShape : 원형 RectangleShape : 사각형RoundedCornerShap..

[Kotlin] 코틀린 JetPack Compose - Column[Kotlin] 코틀린 Compose - RowText와 같은 UI요소들을 그냥 적용하면 요소들끼리 겹치고, 배치를 맞추기 힘듦Row, Column, Box 등으로 레이아웃을 지정할 수 있음UI요소들을 레이아웃 안에 넣어 사용@Composablmyhappycoding.tistory.com Box여러 UI요소들을 겹쳐서 놓을 수 있는 레이아웃아래 버튼을 만들거나 할때 유용요소가 겹칠때 기본적으로 Box안에서 아래로 있을수록 화면 위로 올라옴 Box의 매개변수1. modifier: Modifier = Modifier [Kotlin] 코틀린 JetPack Compose ModifierModifierJetpack Compose에서 사용하는 메서드..

[Kotlin] 코틀린 Compose - RowText와 같은 UI요소들을 그냥 적용하면 요소들끼리 겹치고, 배치를 맞추기 힘듦Row, Column, Box 등으로 레이아웃을 지정할 수 있음UI요소들을 레이아웃 안에 넣어 사용@Composablefun TestView(){ Column() { textmyhappycoding.tistory.com Column화면에 UI요소들을 수직으로 배치하기 위한 레이아웃Row와 마찬가지로 4개의 매개변수를 가지고, 각각 기본값이 있음 1. modifier: Modifier = Modifier [Kotlin] 코틀린 Compose ModifierModifierJetpack Compose에서 사용하는 메서드Text, Box같은 Compose 기본 컴포저블 함수에 기본적으로..

Text와 같은 UI요소들을 그냥 적용하면 요소들끼리 겹치고, 배치를 맞추기 힘듦Row, Column, Box 등으로 레이아웃을 지정할 수 있음UI요소들을 레이아웃 안에 넣어 사용@Composablefun TestView(){ Column() { text1() text2() }} Row화면에 수평으로 배치하기 위한 레이아웃4개의 매개변수를 가짐 (각각 기본값이 존재) 1. modifier : Modifier = Modifier [Kotlin] 코틀린 Compose ModifierModifierJetpack Compose에서 사용하는 메서드Text, Box같은 Compose 기본 컴포저블 함수에 기본적으로 modifier 파라미터를 가지고 있음UI 요소를 다루기 위한 도..

ModifierJetpack Compose에서 사용하는 메서드Text, Box같은 Compose 기본 컴포저블 함수에 기본적으로 modifier 파라미터를 가지고 있음UI 요소를 다루기 위한 도구로 XML보다 편리하게 사용 가능 Text( text = "Click me!", modifier = Modifier .padding(16.dp) // 16dp만큼 패딩을 줌 .background(Color.Yellow) // 배경을 노란색으로 .clickable { println("Clicked!") } // 클릭이벤트 설정) 위와 같이 Text함수의 modifier 파라미터에 전달하면 됨.을 여러번 사용하여 여러 속성을 한번에 다루는 체이닝 방식을 사용 기본적으..

Jetpack Compose코틀린에서 사용하는 도구로 UI개발을 도와줌자바에서는 사용이 불가능하고, 기존의 XML로 작성한 UI를 코틀린으로 작업할 수 있음 구성 가능한 함수 : Compose에서 UI의 기본 블록1. 무엇도 반환하지 않음2. UI 일부를 설명3. 함수 앞에 @Composable 주석을 달아야함@Composablefun Greeting(name: String) { Text(text = "Hello $name!")}* Text는 라이브러리에서 제공하는 텍스트를 띄우는 구성 가능한 함수

일반적인 싱근톤 패턴의 정의singleton - 싱글톤클래스의 생성을 하나만 하기위한 방법최초 한번만 메모리에 할당되어 사용됨여러번의 생성자 호출이 일어나도 처음에 생성된 객체를 반환하게 됨*한번 생성된 싱글톤 인스턴스는 반납되지않음 -> 메모리를 차지하게 됨코틀린에서의 싱글톤 구현object : 코틀린에서 싱글톤 패턴을 구현하기 위한 키워드class 키워드 대신 사용object singletonClass { val num = mutableListOf() }fun main() { singletonClass.num.add(1) singletonClass.num.add(2) println(a.x) //[1, 2]} 주 생성자, 부 생성자 사용불가프로세스가 실행될 때 인스턴스가 생성됨->..

HTML요소의 class속성을 다루기위한 배열 const btn = document.querySelector("button");btn.className = "clicked";위와 같이 단순히 className을 변경할 경우 원래 있던 클래스는 무시하고 변경된 클래스만 가지게 된다.classList는 요소가 가지고 있는 클래스의 배열이다.btn.classList.contains("clicked"); //truebtn.classList.add("overed");btn.classList.remove("clicked");contains는 해당 클래스명을 가지고있는지 판단할 수 있고add와 remove로 classList에 삽입, 삭제할 수 있다.btn.classList.toggle("clicked");toggl..