분류 전체보기
[Compose Text] alignByBaseLine 사용해 텍스트 기준선 정렬하기
Text의 기준선이 필요한 이유 우리가 노트 앱을 만든다고 해보자. 노트 앱은 다양한 크기의 문자들이 들어간다. 만약 정해지지 않은 높이의 한 줄에 여러 크기의 Text가 존재한다고 할 때, 이 Text들이 만약 중앙 정렬된다면 어떻게 될까? 이를 코드로 한 번 만들어보자. MultipleTextRow는 Row의 verticalAlignment 속성을 Alignment.Center로 설정해서 두 개의 Text를 중앙 정렬한다. @Composable fun MultipleTextRow() { Row(modifier = Modifier.fillMaxWidth(), verticalAlignment = Alignment.CenterVertically) { Text(text = "Hello", fontSize =..
JavaScript Object과 Map의 차이는 무엇일까?
JavaScript Object과 Map의 공통점과 차이 JavaScript의 Map과 Object는 Key-Value 쌍으로 동작한다는 점에서는 비슷하지만 다른 점이 많다. 공부하면서 이 부분이 많이 헷갈려서 이번 글에서는 이 둘의 차이가 무엇인지에 대해 다뤄보고 어떤 때 Object를 써야 하고 어떤 때 Map을 써야하는지 살펴보고자 한다. Object과 Map의 공통점 Map과 Object의 값에 접근하기 위한 시간 복잡도 먼저 내가 제일 궁금했던 점은 Map과 Object의 값에 접근하기 위해서는 Key를 사용해야 하는데 이때 시간 복잡도가 다른가 하는 점이었다. 알아본 결과 N개의 원소가 있는 Map과 Object의 값의 접근을 위한 시간 복잡도는 O(1)로 같다. 물론 해싱 값이 모두 같은 값..
JavaScript Map 데이터 구조 사용법 한 번에 정리하기 : 생성, set, get, has, delete, clear
JavaScript의 Map 데이터 구조와 의의 JavaScript의 Map 데이터 구조는 키-값(Key-Value) 쌍을 가진 데이터 구조이다. Map 데이터 구조는 키 생성 시 키에 대해 해싱을 사용해서 키의 해시값의 중복이 되지 않는 이상 Value에 접근하기 위해 O(1)의 복잡도를 가질 수 있다는 점에서 프로그램의 최적화를 위해 많이 쓰인다. 또한 키의 해시값이 중복이 되더라도 중복인 대상 K개에 대해서만 O(K)의 복잡도를 가지기 때문에 값 접근을 위한 시간을 매우 낮출 수 있다. 이 때문에 대부분 언어들에서는 무조건 Map 데이터 구조를 지원하고 있다. 가끔 Map 대신 Dictionary로 쓰는 Swift 같은 언어가 있기는 하지만, JavaScript, Java, Kotlin 등의 언어들..
[JavaScript] 객체 사용법 한 번에 정리하기 : 생성, 속성 추가와 삭제, Class 사용해 객체 생성하기, 속성값 접근하기
JavaScript와 객체 Javascript는 객체 기반 스크립트 언어이며, Javascript를 이루는 원시 값(String, Boolean, Number 등)을 제외한 데이터 구조는 객체 기반으로 만들어진다. 앞서 살펴본 Array 또한 push, pop 등이 있는 객체이며, 기본적인 객체와 조금 다르게 동작하는 특별한 객체이다. 이번 글에서는 이러한 객체를 생성하고 조작하고 속성에 접근하고 삭제하는 방법들에 대해 다루려고 한다. 이번 글은 Javascript를 사용하려면 필수적이고 매우 중요한 내용들이다. 꼭 코드를 쳐보면서 익히도록 하자. 객체 생성하기 빈 객체 생성 후 직접 속성 추가하기 JavaScript 객체를 생성하기 위해서는 {}를 사용하면 된다. {}만으로 객체가 선언되며, 객체 내부..
[JavaScript] Array 생성 및 조작 방법 한 번에 정리하기 : push, pop, at, splice, fill, Array.from
JavaScript의 Array란? JavaScript의 Array는 복수의 값을 하나의 변수에 저장하기 위한 자료 구조이다. Java, Kotlin과 같은 다른 언어들에서 Array는 고정된 개수의 원소를 갖는 것과 달리 JavaScript의 Array의 원소 개수는 가변적이다. 즉, JavaScript의 Array는 흔히 말하는 List 자료 구조와 비슷하게 동작한다. 먼저 Array를 생성해 보도록 하자. JavaScript Array 조작하기 Array 생성하기 Javascript의 Array는 Array 생성자인 []에 의해 생성된다. 예를 들어 아래와 같이 Array를 선언할 수 있다. const array = [] 만약 생성 시 1부터 5까지의 원소를 넣고 싶다면 아래와 같이 생성하면 된다...