반응형 전체 글232 [Kotlin 강의] Map 응용 예제 실전에서 사용할 수 있는 Map 응용 예제 모음 1. Basic Read-Only Map fun main() { // Creating a read-only Map using `mapOf` val number2word: Map = mapOf(1 to "One", 2 to "Two", 3 to "Three") // Retrieving a value by key val n = 2 println("$n is spelled as ${number2word[n]}") // Checking if a key exists in the map val keyToCheck = 4 println("Does key $keyToCheck exist? ${keyToCheck in number.. 2025. 1. 21. [Kotlin 강의] Collections: List, Set, Map 코틀린 CollectionsCollections란 한국어로 표현하기가 애매한 것 같다. 수집한다는 표현보다는 여러 변수들을 담는 바구니라고 생각하면 될 것 같다. 값들만 주르륵 담는 것은 List, 동일한 값이 또 들어가지 않게 하는 List는 Set, Key 값을 주어 나중에 골라쓰기 편하게 하기 위한 Map이 있다고 생각하면 되겠다. 참고로, 모든 Collection들은 수정불가한 형태가 기본이고, 수정이 가능하도록 하는 mutable을 페어로 갖고 있다. 1. ListList는 더하는 순서데로 쌓이고, 중복을 허용한다.그리고, 두가지 종류가 있는데 수정을 할 수 없는 listOf 리스트와 수정을 할 수 있는 mutableListOf로 구분된다.파이썬에서는 [ ]는 수정가능 리스트, ( )는 수정불.. 2025. 1. 21. [Kotlin 강의] Variable Types 1. 코틀린 타입코틀린은 기본적으로 Int, Float, Boolean, Char, String 등이 있으며 상세 타입은 아래의 표와 같다. 2. 코틀린 타입 추론 (Type Inference)코틀린은 선언문을 통해 기본적으로 추론할 수 있는 타입은 별도로 선언하지 않아도 자동으로 추론하여 사용한다. 오히려, 추론이 가능한데도 타입을 선언하면 명시적 선언은 불필요하다고 알람을 준다. 아래의 예시를 보면 일반적으로 숫자를 Byte로 선언하지 않기 때문에 Byte로 선언한 것은 올바른 표현이지만, 2라는 숫자를 Int로 선언하는 것은 당연한 것을 선언하였다고 하여 redundant 라고 알림을 준다. 하지만, 실행하면 경고까지 주지는 않는다. 그러므로, 아래와 같은 표현이 올바른 방식이다. val b.. 2025. 1. 21. [Kotlin 강의] 2025년 최신버전으로 마스터하기 최신버전으로 코틀린을 새해 초에 마스터해보기로 하겠습니다.2025년 1월 현재 코틀린 버전은 2.1.0이고, JDK 버젼은 23.0.1입니다. 1. 코틀린 코드 처음 만들어보기- 프로젝트 시작아래와 같이 기본으로 두고 "Hello World" 프로젝트를 시작합니다. - 클래스 생성코틀린 클래스를 생성한다. - "Hello World" 프린트class로 생성했지만 아래와 같이 function을 선언해준다. Kotlin으로 작성되었지만 콘솔 로그를 보면 Java로 compile 되는 것을 알 수 있다.타입스크립트가 자바스크립트에 타입을 입혀 결국 자바스크립트가 나오는 것 처럼, 코틀린과 자바도 유사한 관계인 것 같다. 2. 코틀린 변수 이해하기- var일반적인 변수와 같이 처음 할당한 뒤에도 계속 수정할 .. 2025. 1. 20. Vue 화면이 안보이는 이유 Vue가 localhost에서는 되는데 상용서버에 올리면 안되는 이유Vue 화면이 안보이는 이유는 Vue를 Github pages 같은 곳에서 사용할때에 Javascript를 담고 있는 assets 경로가 절대 경로를 사용하지 못하기 때문이다. 즉, local에서는 address 바로 밑에 /assets이 존재하지만, 상식적으로 github pages나 다른 hosting 서비스에서는 다수의 사용자들에게 서비스를 제공하기 때문에 중간에 여러 라우팅 경로가 있기 때문이다. 말로 설명하면 다소 어려울 수 있으나 아래의 화면을 보면 바로 이해될 것이다. cd distvi index.html 1. 수정 전: 화면이 안보이는 문제 코드assets 경로가 "/assets" 과 같이 루트 밑에 존재한다고 지정하고 .. 2025. 1. 11. Vue에서 Tailwind를 사용하는 가장 쉬운 방법 (데모 포함) Vue 3에서 Tailwind CSS를 사용할 수 있는 가장 쉽고 정확한 방법 정리 1. Vue 3 설치 방법npm 으로 사용해도 동일하지만 dependancy 관리가 잘 되는 pnpm 사용을 추천한다.pnpm create vue@latest 자유롭게 원하는 환경으로 세팅한다. 참고로, 아래는 내가 자주 사용하는 옵션이다. 프로젝트가 생성되면 관련 Node 라이브러리들을 설치한다. cd hello-vue pnpm install 라이브러리들까지 설치가 완료되었으면, 바로 실행해본다. npm run dev 와 같은 의미이다.pnpm dev 브라우저를 열어 http://localhost:5173 으로 접속하면 아래와 같이 깔끔하고 예쁜 Vue 샘플 페이지를 볼 수 있다. 나중에 Tailwind CSS가 정.. 2025. 1. 11. 이전 1 2 3 4 5 6 ··· 39 다음 반응형
