티스토리

Reference

검색하기

블로그 홈

Reference

hanseom.tistory.com/m

Developer를 위한 Reference 블로그 입니다.

구독자: 3

방명록 방문하기

반응형

주요 글 목록

19강. 코틀린의 이모저모 Type Alias와 as import구조분해와 componentN 함수Jump와 LabelTakeIf와 TakeUnless Type Alias와 as import Type Alias는 긴 이름의 클래스 혹은 함수 타입이 있을 때 축약하거나 더 좋은 이름을 쓰고 싶을 때 사용합니다.// 함수typealias FruitFilter = (Fruit) -> Booleanfun filterFruits(fruits: List, filter: FruitFilter) {}// 클래스data class UltraSuperGuardianTribe( val name: String)typealias USGTMap = Map as import는 어떤 클래스나 함수를 임포트 할 때 이름을 바꾸는 기능입니다. 다음.. 공감수 0 댓글수 0 2024. 5. 1.
18강. 코틀린에서 컬렉션을 함수형으로 다루는 방법 filter와 map 다양한 컬렉션 처리 기능 groupBy / associateBy flatten / flatMap filter와 map fun main() { val fruits = listOf( Fruit("사과", 1_000), Fruit("사과", 1_200), Fruit("사과", 1_200), Fruit("사과", 1_500), Fruit("바나나", 3_000), Fruit("바나나", 3_200), Fruit("바나나", 2_500), Fruit("수박", 10_000), ) val apples = fruits.filter { fruit -> fruit.name == "사과" } // filter 에서 인덱스가 필요하다면 filterIndexed 사용합니다. val apples2 = fr.. 공감수 0 댓글수 0 2024. 4. 14.
17강. 코틀린에서 람다를 다루는 방법 Kotlin 람다 Closure Kotlin 람다 Kotlin의 람다는 Java와 근본적으로 다른 한 가지가 있습니다. Java: 함수는 변수에 할당되거나 파라미터로 전달할 수 없습니다. (2급 시민) Kotlin: 함수가 그 자체로 값이 될 수 있습니다. 변수에 할당할 수도, 파라미터로 넘길 수도 있습니다. (1급 시민) 다음은 Kotlin에서 람다를 만드는 방법과 호출하는 방법입니다. fun main() { val fruits = listOf( Fruit("사과", 1_000), Fruit("사과", 1_200), Fruit("사과", 1_200), Fruit("사과", 1_500), Fruit("바나나", 3_000), Fruit("바나나", 3_200), Fruit("바나나", 2_500), Fr.. 공감수 0 댓글수 1 2024. 4. 7.
16강. 코틀린에서 다양한 함수를 다루는 방법 확장함수 infix 함수 inline 함수 지역함수 확장함수 확장함수는 Kotlin의 목표인 Java와의 100% 호환을 기반으로 기존 Java로 만들어진 라이브러리를 유지보수, 확장할 때 Kotlin 코드를 덧붙이기 위해 만들어 졌습니다. 클래스 안에 있는 메서드처럼 호출할 수 있지만, 함수는 밖에 만들 수 있습니다. 다음은 String 클래스의 확장함수 lastChar() 코드입니다. fun main() { val str = "ABC" println(str.lastChar()) // 멤버 함수처럼 사용합니다. } fun String.lastChar(): Char { // fun 확장하려는클래스.함수이름(파라미터): 리턴타입 return this[this.length - 1] // this를 이용해 실.. 공감수 0 댓글수 0 2024. 4. 6.
15강. 코틀린에서 배열과 컬렉션을 다루는 방법 배열(Array) 컬렉션(Collection) - List, Set, Map 컬렉션의 null 가능성 Java와 함께 사용할 때 주의할 점 배열 배열은 잘 사용하지 않습니다. Effective Java에도 '배열보다 리스트를 사용하라'라고 되어 있습니다. 다음은 배열을 사용한 Java 코드입니다. int[] array = {100, 200}; for (int i = 0; i < array.length; i++) { System.out.printf("%s %s", i, array[i]); } Kotlin으로 구현하면 다음과 같습니다. val array = arrayOf(100, 200) for (i in array.indices) { println("${i} ${array[i]}") } for ((idx,.. 공감수 0 댓글수 0 2024. 3. 21.
14강. 코틀린에서 다양한 클래스를 다루는 방법 Data Class Enum Class Sealed Class Data Class 다음은 계층간의 데이터를 전달하기 위한 Java의 DTO(Data Transfer Object) 클래스입니다. DTO 클래스에는 다음과 같은 항목들이 존재하며, IDE를 활용하거나 lombok을 사용해 생성할 수 있습니다. 데이터(필드) 생성자와 getter equals, hashCode toString public class JavaPersonDto { private final String name; private final int age; public JavaPersonDto(String name, int age) { this.name = name; this.age = age; } public String getName.. 공감수 0 댓글수 0 2024. 3. 13.
13강. 코틀린에서 중첩 클래스를 다루는 방법 중첩 클래스의 종류 코틀린의 중첩 클래스와 내부 클래스 중첩 클래스의 종류 static을 사용하는 중첩 클래스 밖의 클래스 직접 참조 불가 static을 사용하지 않는 중첩 클래스 내부 클래스(Inner Class) 밖의 클래스 직접 참조 가능 지역 클래스(Local Class) 메서드 내부에 클래스 정의 익명 클래스(Anonymous Class) 일회성 클래스 클래스 안에 클래스가 있는 종류는 두 가지입니다. static을 사용하는 중첩 클래스 static을 사용하지 않는 내부 클래스(Inner Class) 다음은 JavaHouse 안에 LivingRoom 내부 클래스(Inner Class)가 존재하는 Java 코드입니다. public class JavaHouse { private final Strin.. 공감수 0 댓글수 0 2024. 3. 8.
12강. 코틀린에서 object 키워드를 다루는 방법 static 함수와 변수 싱글톤 익명 클래스 static 함수와 변수 다음은 static 함수와 변수를 가지는 JavaPerson 클래스입니다. public class JavaPerson { private static final int MIN_AGE = 1; // static 변수 private final String name; private final int age; private JavaPerson(String name, int age) { this.name = name; this.age = age; } public static JavaPerson newBaby(String name) { // static 함수 return new JavaPerson(name, MIN_AGE); } } Kotlin으로.. 공감수 0 댓글수 0 2024. 3. 7.
11강. 코틀린에서 접근 제어를 다루는 방법 자바와 코틀린의 가시성 제어 코틀린 파일의 접근 제어 다양한 구성요소의 접근 제어 자바와 코틀린을 함께 사용할 경우 주의할 점 자바와 코틀린의 가시성 제어 접근 지시어 Java Kotlin public 모든 곳에서 접근 가능 protected 같은 패키지 또는 하위 클래스에서만 접근 가능 선언된 클래스 또는 하위 클래스에서만 접근 가능 default 같은 패키지에서만 접근 가능 X internal X 같은 모듈에서만 접근 가능 private 선언된 클래스 내에서만 접근 가능 Kotlin에서 패키지는 namespace 관리용이기 때문에 Java의 protected와 의미가 다릅니다. Kotlin에서는 default가 사라지고, 모듈간의 접근을 통제하는 internal이 생겼습니다. 모듈: 한 번에 컴파일 .. 공감수 0 댓글수 0 2024. 3. 7.
10강. 코틀린에서 상속을 다루는 방법 추상 클래스 인터페이스 클래스를 상속할 때 주의할 점 상속 관련 지시어 정리 추상 클래스 다음은 추상클래스인 JavaAnimal 코드입니다. public abstract class JavaAnimal { protected final String species; protected final int legCount; public JavaAnimal(String species, int legCount) { this.species = species; this.legCount = legCount; } abstract public void move(); public String getSpecies() { return species; } public int getLegCount() { return legCount; .. 공감수 0 댓글수 0 2024. 3. 4.
9강. 코틀린에서 클래스를 다루는 방법 클래스와 프로퍼티 생성자와 init 커스텀 getter, setter 클래스와 프로퍼티 프로퍼티(property) = 필드(field) + getter + setter 다음은 개명이 불가능한 Java 클래스입니다. public class JavaPerson { private final String name; private int age; public JavaPerson(String name, int age) { this.name = name; this.age = age; } public String getName() { return name; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } } Kot.. 공감수 0 댓글수 0 2024. 3. 3.
8강. 코틀린에서 함수를 다루는 방법 함수 선언 문법 default parameter named argument 같은 타입의 여러 파라미터 받기 (가변인자) 함수 선언 문법 다음은 두 정수를 받아 더 큰 정수를 반환하는 Java 코드입니다. public int max(int a, int b) { if (a > b) { return a; } return b; } Kotlin으로 작성하면 다음과 같습니다. fun max(a: Int, b: Int): Int { return if (a > b) { a } else { b } } 접근 지시어, public은 생략 가능합니다. fun: 함수를 의미하는 키워드입니다. max: 함수 이름입니다. (a: Int, b: Int): 함수의 파라미터는 파라미터명: 타입 입니다. : Int: 함수의 반환 타입입니.. 공감수 0 댓글수 0 2024. 2. 21.
7강. 코틀린에서 예외를 다루는 방법 try catch finally 구문 Checked Exception과 Unchecked Exception try with resources try catch finally 구문 try catch finally 문법 자체는 Java와 Kotlin 모두 동일합니다. 단, Kotlin의 try catch는 if-else 혹은 if-else if-else 처럼 하나의 Expression 으로 간주됩니다. 다음은 Java로 작성된 예외를 처리하는 예제 코드입니다. private int parseIntOrThrow(@NotNull String str) { try { return Integer.parseInt(str); } catch (NumberFormatException e) { throw new Illegal.. 공감수 0 댓글수 0 2024. 2. 7.
6강. 코틀린에서 반복문을 다루는 방법 for-each문(향상된 for문) 전통적인 for문 while문 for-each문 다음은 숫자가 들어 있는 리스트를 하나씩 출력하는 Java 코드입니다. List numbers = Arrays.asList(1L, 2L, 3L); for (long number : numbers) { System.out.println(number); } Kotlin으로 구현하면 다음과 같습니다. val numbers = listOf(1L, 2L, 3L) for (number in numbers) { println(number) } 컬렉션을 만드는 방법(listOf) 과 콜론(:) 대신 in을 사용했다는 점 외 모두 동일합니다. 즉, Java는 콜론(:) Kotlin은 in을 사용합니다. 전통적인 for문 Kotlin에서 .. 공감수 0 댓글수 0 2024. 2. 5.
5강. 코틀린에서 조건문을 다루는 방법 if문 Expression과 Statement switch와 when if문 if / if-else / if-else if-else 모두 Java와 문법이 동일합니다. 다음은 Java와 Kotlin if문 코드입니다. // Java private void validateScoreIsNotNegative(int score) { if (score < 0) { throw new IllegalArgumentException(String.format("%s는 0보다 작을 수 없습니다.", score)); } } // Kotlin fun validateScoreIsNotNegative(score: Int) { if (score < 0) { throw IllegalArgumentException("${score}는 .. 공감수 0 댓글수 1 2024. 2. 4.
4강. 코틀린에서 연산자를 다루는 방법 단항 연산자 / 산술 연산자 비교 연산자와 동등성, 동일성 논리 연산자 / 코틀린에 있는 특이한 연산자 연산자 오버로딩 단항 연산자 / 산술 연산자 Java와 Kotlin 완전 동일합니다. 단항 연산자: ++, -- 산술 연산자: +, -, *, /, % 산술대입 연산자: +=, -=, *=, /=, %= 비교 연산자와 동등성, 동일성 Java와 Kotlin 완전 동일합니다. 비교 연산자: >, =, 0) { System.out.println("Money1이 Money2보다 금액이 큽니다."); } } } Kotlin에서는 비교 연산자 사용 시 자동으로 compareTo를 호출해 줍니다. fun main() { val money1 = JavaMoney(2_000L) val money2 = JavaMone.. 공감수 0 댓글수 0 2024. 1. 31.
3강. 코틀린에서 Type을 다루는 방법 기본 타입 타입 캐스팅 Kotlin의 3가지 특이한 타입 String Interpolation, String indexing 기본 타입 Kotlin에도 Java와 동일하게 다음과 같은 타입들이 존재합니다. Byte, Short, Int, Long Float, Double, 부호 없는 정수들 Kotlin에서는 선언된 기본값을 보고 타입을 추론합니다. val number1 = 3 // Int val number2 = 3L // Long val number3 = 3.0f // Float val number4 = 3.0 // Double 기본 타입간 변환은 Java와 Kotlin이 상이합니다. Java: 암시적 Kotlin: 명시적 // Java int number1 = 4; long number2 = numb.. 공감수 0 댓글수 0 2024. 1. 30.
2강. 코틀린에서 null을 다루는 방법 Kotlin에서의 null 체크 Safe Call과 Elvis 연산자 널 아님 단언 있는 (!!) 플랫폼 타입 다음은 null 을 처리하는 자바 코드입니다. public boolean startsWithA1(String str) { if (str == null) { throw new IllegalArgumentException("null이 들어왔습니다"); } return str.startsWith("A"); } public Boolean startsWithA2(String str) { if (str == null) { return null; } return str.startsWith("A"); } public boolean startsWithA3(String str) { if (str == null) .. 공감수 0 댓글수 0 2024. 1. 27.
1강. 코틀린에서 변수를 다루는 방법 변수 선언 키워드 - var과 val의 차이점 Kotlin에서의 Primitive Type Kotlin에서의 nullable 변수 Kotlin에서의 객체 인스턴스화 다음은 변수를 다루는 방법에 대한 Java 및 Kotlin 코드 입니다. 코드에 대한 상세 설명은 하단 글을 참고하시면 됩니다. 글자가 너무 작아 보이지 않는 경우, 이미지 하단 첨부된 git commit history 참고 부탁 드립니다. 변수 선언 키워드 - var과 val의 차이점 var(variable)은 값을 바꿀 수 있습니다. val(value)은 값을 바꿀 수 없습니다. (read-only) 코틀린에서는 타입을 자동으로 컴파일러가 추론해 주기 때문에 의무적으로 작성하지 않아도 됩니다. 초기값을 지정해주지 않은 경우, 컴파일러가 .. 공감수 0 댓글수 0 2024. 1. 27.
0강. 코틀린에 관한 34가지 TMI (feat. Java와의 비교) #1. 코틀린이라는 프로그래밍 언어는 IntelliJ를 만든 JetBrains라는 회사에서 만들었다. #2. IntelliJ는 Java 및 Kotlin을 이용한 프로젝트에서 널리 사용되는 통합개발환경(IDE)이다. #3. JetBrains는 체코의 회사이다. #4. JetBrains는 IntelliJ 외에도 PyCharm, WebStorm 등 Python, JS를 위한 IDE도 만들고 있으며 많이 사용되는 추세이다. #5. Kotlin이라는 이름은 코틀린 섬에서 따왔는데 이는 JetBrains의 R&D 센터가 상트페테르부르크에 있기 때문이다. #6. Kotlin이 구동되는 JVM의 대표언어 Java가 인도네시아 Java(Jawa) 섬에서 이름을 따왔음을 감안해보면 타겟으로 하는 언어가 분명한 셈이다. #.. 공감수 0 댓글수 1 2024. 1. 27.
Start Java to Kotlin 자바 개발에 익숙한 개발자를 위한 코틀린 학습 포스팅입니다. 자바 코드를 코틀린 코드로 바꿔보며 코틀린에 대해 학습합니다. 본 포스팅은 인프런의 자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide) 강의 내용을 정리합니다. 프로젝트 환경설정 IntelliJ IDEA 기반으로 진행되며, 다음 git repository의 자바 코드를 코틀린 코드로 바꾸며 학습합니다. git clone 또는 zip download 받으시면 됩니다. https://github.com/HanseomKim/java-to-kotlin-starter-guide 다음 버튼을 클릭하여 URL 을 복사합니다. IntelliJ > File > New > Project From Version Control 클릭.. 공감수 0 댓글수 0 2024. 1. 27.
Next.js Next.js React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 프레임워크입니다. React는 SPA(Single Page Application)로 CSR(Client Side Rendering)을 하기 때문에 검색 엔진 최적화(SEO) 부분에 단점이 존재합니다. Client Side Rendering을 하면 첫페이지에서 빈 html을 가져와 JS 파일을 해석하여 화면을 구성하기 때문에 포털 검색에 노출될 일이 거의 없습니다. Next.js에서는 Pre-Rendering을 통해 페이지를 미리 렌더링하며 완성된 HTML을 가져오기 때문에 사용자와 검색 엔진 크롤러에게 바로 렌더링 된 페이지를 전달할 수 있습니다. SSR (Server Side Rendering) .. 공감수 0 댓글수 0 2023. 12. 7.
React TDD React Testing Library React Testing Library는 에어비앤비에서 만든 Enzyme을 대처하는 솔루션으로, 리액트 컴포넌트를 테스트하는 가벼운 솔루션입니다. Enzyme은 구현 주도 테스트(Implementation Driven Test)인 반면에, React Testing Library는 행위 주도 테스트(Behavior Driven Test)입니다. React Testing Library는 React 구성 요소 작업을 위한 API를 추가하여 DOM Testing Library 위에 구축됩니다. DOM Testing Library란 DOM 노드(Node)를 테스트하기 위한 가벼운 솔루션입니다. Create React App으로 생성된 프로젝트는 React Testing Li.. 공감수 0 댓글수 0 2023. 12. 6.
Custom Hooks (useDebounce, useRef) Debounce Debounce function은 사용자가 미리 결정된 시간 동안 타이핑을 멈출 때까지 keyup 이벤트의 처리를 지연시킵니다. Debounce function을 사용하면, 검색어 입력 시 모든 문자에 대한 이벤트 처리를 일정 시간의 delay을 적용하여 서버로 전송되는 API 호출 수도 줄이고 성능도 향상시킬 수 있습니다. useDebounce Hooks import { useState, useEffect } from 'react' export const useDebounce = (value, delay) => { // State and setters for debounced value. const [debounceValue, setDebounceValue] = useState(val.. 공감수 0 댓글수 1 2023. 12. 6.
React Router DOM React Router DOM을 사용하면 웹 앱에서 동적 라우팅을 구현할 수 있습니다. 라우팅이 실행 중인 앱 외부의 구성에서 처리되는 기존 라우팅 아키텍처와 달리 React Router DOM은 앱 및 플랫폼의 요구 사항에 따라 컴포넌트 기반 라우팅을 용이하게 합니다. React Router DOM 설치 npm install react-router-dom --save yarn add react-router-dom React Router 설정 앱 어디에서나 React Router를 사용할 수 있도록 src\index.js 파일을 열고 react-router-dom에서 BrowserRouter를 가져온 다음 루트 구성 요소(App 구성 요소)를 그 안에 래핑합니다. import { BrowserRouter.. 공감수 0 댓글수 0 2023. 12. 1.
Todo App 최적화 List 컴포넌트 분리하기 components 이하 List.js 파일을 생성합니다. 함수형 컴포넌트를 생성합니다. Lists.js 파일에서 UI 부분과 함수를 List 컴포넌트로 이동합니다. Lists 컴포넌트에서 List 컴포넌트를 import하고 props를 내려줍니다. List 컴포넌트에서 props를 받아옵니다. List.js import React from "react"; const List = ({ id, title, completed, todoData, setTodoData, provided, snapshot, }) => { const handleClick = (id) => { let newTodoData = todoData.filter((data) => data.id !== id); se.. 공감수 0 댓글수 0 2023. 11. 23.
react-beautiful-dnd react-beautiful-dnd 모듈을 사용하여 TodoApp에 Drap and Drop 기능을 추가합니다. react-beautiful-dnd npm install react-beautiful-dnd --save index.js(StrictMode 제거) const root = ReactDOM.createRoot(document.getElementById("root")); root.render( // // ); Lists.js import React from "react"; import { DragDropContext, Draggable, Droppable } from "react-beautiful-dnd"; export default function Lists({ todoData, setTodoD.. 공감수 0 댓글수 0 2023. 11. 22.
TailwindCSS TailwindCss란 HTML 안에서 CSS 스타일을 만들 수 있게 해주는 CSS 프레임워크 입니다. TailwindCSS 장점 부트스트랩과 비슷하게 m-1, flex와 같이 미리 셋팅된 Utility Class를 활용하는 방식으로 HTML에서 스타일링을 할 수 있습니다. 빠른 스타일링 작업이 가능합니다. class 혹은 id 명을 작성하기 위한 고생을 하지 않아도 됩니다. IntelliSense 플러그인이 제공되어 금방 익숙해질 수 있습니다. Tailwind CSS 살펴보기 Todo App에 Tailwind CSS 적용 https://tailwindcss.com/docs/guides/create-react-app Install Tailwind CSS with Create React App - Tail.. 공감수 0 댓글수 0 2023. 11. 16.
컴포넌트 분리 이번 포스팅에서는 ToDo App의 컴포넌트를 분리합니다. 컴포넌트를 분리할 때는 최대한 재사용이 가능하도록 합니다. ToDo App에서는 할 일 목록을 보여주는 List 컴포넌트와 할 일을 입력하는 Form 컴포넌트를 분리합니다. List Component components 폴더를 생성하고 Lists.js 파일을 생성합니다. 리스트에 관련된 UI 부분을 가져옵니다. 필요한 state, 함수 등을 가져옵니다. Lists 컴포넌트에 props를 내려줍니다. props로 필요한 데이터, 함수를 가져옵니다. Lists.js import React from 'react' export default function Lists({ todoData, setTodoData }) { const btnStyle = { .. 공감수 0 댓글수 1 2023. 11. 16.
React Hooks React Hooks는 ReactConf 2018에서 발표된 class 없이 state를 사용할 수 있는 새로운 기능입니다. 주로 Class Component로 사용되어온 React에서 느껴왔던 불편함이나 문제점들을 해결하기 위해 개발되었습니다. React Hooks는 Functional Component를 사용합니다. Class Component VS Functional Componenet Class Component Functional Component 더 많은 기능 제공 더 적은 기능 제공(리액트의 생명주기를 사용하지 못함) 더 긴 코드 양 짧은 코드 양 더 복잡한 코드 더 심플한 코드 더딘 성능 더 빠른 성능 import React, { Component } from 'react' export d.. 공감수 0 댓글수 0 2023. 11. 11.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.