[Kotlin] 유용한 표준 라이브러리 함수 정리

원문 : [MEDIUM] Kotlin library useful functions

유지 보수가 용이하며 가독성이 높은 코드를 작성할 때 유용한 Kotlin 라이브러리의 몇 가지 함수의 예제를 설명합니다.

먼저 아래와 같이 Shape 데이터 클래스를 선언합니다.

indexOfFirst

주어진 조건에 맞는 리스트, 세트 또는 맵의 첫 번째 요소의 인덱스를 반환하며, 그런 요소가 없으면 -1을 반환합니다.

이 예제에서, shape의 이름이 “Square”와 같으면 첫 번째 요소의 인덱스를 반환하고, 그렇지 않으면 -1을 반환합니다.

find

주어진 조건에 맞는 리스트, 세트 또는 맵의 첫 번째 요소(객체)를 반환하며, 그런 요소가 없으면 null을 반환합니다.

이 예제에서, shape의 이름이 “Square”와 같으면 그 Shape 객체를 반환하고, 그렇지 않으면 null을 반환합니다.

any

리스트, 세트 또는 맵에 주어진 조건에 맞는 요소가 하나라도 있으면 true를 반환합니다.

이 예제에서, shape의 이름이 “Square”와 같으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

출력: hasSquareElement = true
listOfShape에 “Square” shape이 있기 때문입니다.

none

리스트, 세트 또는 맵의 요소 중 주어진 조건에 맞는 요소가 하나도 없으면 true를 반환합니다.

이 예제에서, 모든 shape의 이름이 “Square”와 같지 않으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

출력: isNotSquare = false
listOfShape에 “Square” shape이 하나 있기 때문입니다.

all

리스트, 세트 또는 맵의 모든 요소가 주어진 조건에 맞으면 true를 반환합니다.

이 예제에서, 모든 shape의 이름이 “Square”와 같으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

출력: hasSameName = false
모든 요소의 이름이 “Square”가 아니기 때문입니다.

count

컬렉션의 요소 수를 반환합니다.

출력: totalElement = 4
listOfShape에 총 4개의 요소가 있기 때문입니다.

또한, 주어진 조건에 맞는 요소의 수를 반환합니다.

출력: totalSquareElement = 1
listOfShape에 “Square” shape이 하나 있기 때문입니다.

fold

초기 값을 시작으로 왼쪽에서 오른쪽으로 현재 누적 값과 각 요소에 대해 주어진 연산을 적용하여 값을 누적합니다.

출력: Sum of numbers: 15

foldIndexed

fold와 유사하지만, 추가적으로 인덱스 매개변수를 제공합니다.

출력: Result: [0: apple] [1: banana] [2: cherry]

slice

지정된 인덱스를 기반으로 컬렉션에서 부분 리스트를 추출합니다.

출력: Result: [3, 5, 7]

핵심 요약 및 용어 정리

  • indexOfFirst: 조건에 맞는 첫 번째 요소의 인덱스를 반환하며, 없으면 -1을 반환합니다.
  • find: 조건에 맞는 첫 번째 요소를 반환하며, 없으면 null을 반환합니다.
  • any: 조건에 맞는 요소가 하나라도 있으면 true를 반환합니다.
  • none: 조건에 맞는 요소가 하나도 없으면 true를 반환합니다.
  • all: 모든 요소가 조건에 맞으면 true를 반환합니다.
  • count: 요소의 총 개수 또는 조건에 맞는 요소의 개수를 반환합니다.
  • fold: 초기 값을 시작으로 요소에 대해 연산을 적용하여 누적 값을 계산합니다.
  • foldIndexed: fold와 유사하지만, 인덱스를 추가로 제공합니다.
  • slice: 지정된 인덱스를 기반으로 부분 리스트를 추출합니다.
카테고리: Kotlin | 댓글 남기기

[JavaScript] Promise와 async/await

개요

JavaScript의 비동기 프로그래밍은 웹 개발에서 매우 중요한 부분입니다. 비동기 작업을 효율적으로 관리하기 위해 JavaScript는 Promiseasync/await라는 두 가지 주요 기능을 제공합니다. 이 글에서는 Promise 체인과 async/await의 개념을 설명하고, 각각의 장단점을 비교해 보겠습니다.


Promise 체인

배경 설명

Promise는 JavaScript에서 비동기 작업을 처리하기 위한 객체입니다. Promise는 비동기 작업의 완료 또는 실패를 나타내며, 그 결과값을 나중에 사용할 수 있게 해줍니다. Promise는 세 가지 상태를 가집니다:

  1. Pending (대기): 비동기 작업이 아직 완료되지 않은 상태.
  2. Fulfilled (이행): 비동기 작업이 성공적으로 완료된 상태.
  3. Rejected (거부): 비동기 작업이 실패한 상태.

개념 설명

Promise 체인은 여러 비동기 작업을 순차적으로 수행하기 위해 사용됩니다. 각 비동기 작업은 then 메서드를 사용하여 연결되며, catch 메서드를 통해 오류를 처리할 수 있습니다.

예제 코드

async/await

배경 설명

async/awaitES2017(ES8)에서 도입된 비동기 프로그래밍의 새로운 문법입니다. async/await를 사용하면 비동기 코드를 마치 동기 코드처럼 작성할 수 있습니다.

개념 설명

async 키워드는 함수가 Promise를 반환하도록 만들어주며, await 키워드는 Promise가 해결될 때까지 함수 실행을 일시 정지시킵니다. 이를 통해 비동기 작업의 가독성과 유지보수성을 높일 수 있습니다.

예제 코드

Promise 체인 vs. async/await

Promise 체인의 장점

  • 명확한 구조: then, catch 메서드를 사용하여 비동기 작업의 흐름을 명확하게 표현할 수 있습니다.
  • 병렬 처리: Promise.all을 사용하여 여러 비동기 작업을 병렬로 실행할 수 있습니다.

Promise 체인의 단점

  • 복잡한 코드: 중첩된 then 메서드 호출로 인해 코드가 복잡해질 수 있습니다.
  • 가독성 저하: 긴 체인으로 인해 가독성이 떨어질 수 있습니다.

async/await의 장점

  • 간결한 코드: 동기 코드처럼 작성할 수 있어 코드가 간결하고 이해하기 쉽습니다.
  • 가독성 향상: 코드의 흐름이 명확하여 가독성이 높아집니다.

async/await의 단점

  • 에러 처리: try/catch 블록을 사용해야 하므로 코드가 길어질 수 있습니다.
  • 호환성: 오래된 브라우저에서는 지원되지 않을 수 있습니다.

핵심 요약

  • Promiseasync/await는 JavaScript에서 비동기 작업을 처리하는 두 가지 주요 방법입니다.
  • Promise 체인은 thencatch 메서드를 사용하여 비동기 작업을 순차적으로 처리하며, 병렬 처리도 가능합니다.
  • async/await는 동기 코드처럼 비동기 작업을 작성할 수 있게 해주며, 코드의 가독성과 유지보수성을 높입니다.
  • Promise 체인은 구조가 명확하지만 코드가 복잡해질 수 있고, async/await는 코드가 간결하지만 에러 처리 코드가 길어질 수 있습니다.

용어 정리

  • Promise: 비동기 작업의 완료 또는 실패를 나타내는 객체.
  • Pending: Promise가 아직 완료되지 않은 상태.
  • Fulfilled: Promise가 성공적으로 완료된 상태.
  • Rejected: Promise가 실패한 상태.
  • async/await: 비동기 코드를 동기 코드처럼 작성할 수 있게 해주는 JavaScript 문법.
카테고리: JavaScript/TypeScript | 댓글 남기기

[JavaScript] 키-값 쌍을 저장하고 관리하는 방법 (Map, 일반 객체)

JavaScript에는 키-값 쌍을 저장하고 관리하기 위해 다양한 방법이 있습니다. 그 중에서도 Map 객체와 일반 객체({})는 많이 사용되는 두 가지 주요 방법입니다. 이 글에서는 Map과 일반 객체의 차이점, 선언 및 사용 방법, 그리고 성능 비교에 대해 자세히 살펴보겠습니다.

Map과 일반 객체의 차이점

객체 ({}) Map
키의 유형 키는 문자열 또는 심볼만 가능 키는 문자열, 객체, 함수 등 모든 유형 가능
순서 보장 키의 순서가 보장되지 않음 삽입된 순서대로 키의 순서를 유지
크기 Object.keys(obj).length와 같은 방법으로 크기 측정 size 속성이 있어 map.size로 크기 확인
성능

Map은 대용량 데이터 처리에서 더 나은 성능을 제공

Map과 객체의 선언 차이점

객체 ({})

객체 리터럴로 초기화된 빈 객체를 만듭니다. 키-값 쌍을 추가하는 방식은 다음과 같습니다.

Map

Map 객체로 초기화된 빈 맵을 만듭니다. 키-값 쌍을 추가하는 방식은 다음과 같습니다.

예제: Map을 사용하여 키-값 쌍 저장 및 로그 출력

다음은 Map을 사용하여 주어진 코틀린 코드를 JavaScript로 변환하고 결과를 로그로 출력하는 예제입니다.

예제: 일반 객체를 사용하여 키-값 쌍 저장 및 로그 출력

다음은 일반 객체를 사용하여 동일한 작업을 수행하는 예제입니다.

객체와 Map의 성능 차이

JavaScript에서 일반 객체와 Map의 성능 차이는 특정 시나리오에 따라 다를 수 있습니다. 두 자료형은 서로 다른 목적으로 설계되었으며, 성능 특성도 다릅니다. 여기 몇 가지 중요한 성능 관련 차이점을 설명합니다.

삽입 및 삭제 성능

  • 객체 ({}): 삽입 및 삭제가 매우 빠르며, 객체 크기에 관계없이 상수 시간(O(1))이 걸립니다. 객체의 키는 문자열이나 심볼이어야 합니다.
  • Map: Map 역시 삽입 및 삭제가 빠르며 상수 시간(O(1))이 걸립니다. 다양한 유형의 키를 지원하며, 객체 키나 함수 키도 사용할 수 있습니다.

검색 및 접근 성능

  • 객체 ({}): 키를 사용한 값 접근 및 검색은 상수 시간(O(1))이 걸립니다. 객체에 포함된 키의 개수가 많아질수록 성능이 약간 저하될 수 있습니다.
  • Map: Map의 검색 및 접근도 상수 시간(O(1))이 걸립니다. Map은 해시 테이블을 사용하므로, 많은 양의 데이터를 처리할 때 더 일관된 성능을 제공합니다.

순회 성능

  • 객체 ({}): 객체의 키를 순회하려면 for...in 루프 또는 Object.keys(), Object.values(), Object.entries()와 같은 메서드를 사용해야 합니다. 순회 성능은 키의 개수에 비례합니다(O(n)).
  • Map: Map은 forEach 메서드를 제공하며, Map의 키, 값, 엔트리를 직접 순회할 수 있는 이터레이터(map.keys(), map.values(), map.entries())를 제공합니다. 순회 성능은 키의 개수에 비례합니다(O(n)).

메모리 사용

  • 객체 ({}): 일반 객체는 메모리를 효율적으로 사용하지만, 내부적으로 해시 테이블 구조를 사용하지 않습니다.
  • Map: Map은 해시 테이블을 사용하여 키와 값을 저장하므로, 매우 많은 데이터를 다룰 때 메모리 사용량이 더 많을 수 있습니다.

기타 기능

  • 객체 ({}): 단순한 키-값 저장에 적합합니다. 프로토타입 체인 상속의 영향을 받을 수 있습니다.
  • Map: 다양한 키 유형을 지원하며, 삽입 순서를 유지합니다. size 속성으로 항목의 개수를 쉽게 알 수 있습니다. 추가 기능(map.set(), map.get(), map.has(), map.delete(), map.clear())을 제공합니다.

실제 성능 테스트

간단한 성능 테스트를 통해 차이를 확인할 수 있습니다.

위 코드는 객체와 Map의 삽입 및 검색 성능을 비교하는 간단한 테스트입니다. 실제 성능은 브라우저 또는 JavaScript 엔진의 구현에 따라 다를 수 있습니다.

결론

  • 객체는 단순한 키-값 쌍 저장에 유용하며, 키는 문자열 또는 심볼로 제한됩니다.
  • Map은 더 다양한 유형의 키를 지원하고, 삽입 순서가 유지되며, 크기 확인과 같은 추가 기능을 제공합니다.
  • 특정 시나리오에서 성능이 중요한 경우, 객체와 Map의 성능 특성을 고려하여 적합한 자료형을 선택하는 것이 좋습니다.

핵심 요약

  • 객체는 키-값 쌍을 저장하는 데 유용하며, 키는 문자열 또는 심볼만 될 수 있습니다.
  • Map은 다양한 유형의 키를 지원하고, 삽입 순서를 유지하며, 크기를 쉽게 확인할 수 있는 size 속성을 제공합니다.
  • 성능: Map은 대용량 데이터 처리에서 더 나은 성능을 제공할 수 있으며, 다양한 유형의 키를 지원합니다.

용어 정리

  • 객체 ({}): 키-값 쌍을 저장하는 JavaScript의 기본 자료형으로, 키는 문자열 또는 심볼만 가능합니다.
  • Map: ES6에서 도입된 키-값 쌍을 저장하는 객체로, 모든 유형의 키를 지원하고 삽입 순서를 유지합니다.
  • 해시 테이블: 데이터를 키-값 쌍으로 저장하고 검색하는 자료 구조로, Map의 내부 구현 방식 중 하나입니다.
  • 프로토타입 체인: JavaScript 객체가 상속을 구현하는 메커니즘으로, 객체의 키-값 접근 시 체인을 따라 검색합니다.
카테고리: JavaScript/TypeScript | 댓글 남기기

[Software Development] BASE 인코딩 개념 정리

BASE16 인코딩

BASE16 인코딩은 16진수(Hexadecimal) 인코딩이라고도 하며, 0-9와 A-F로 이루어진 16개의 문자로 데이터를 표현합니다. 각 16진수 문자는 4비트의 정보를 나타냅니다. 예를 들어, 바이트 값 255는 16진수로 “FF”로 표현됩니다.

BASE32 인코딩

BASE32 인코딩은 32개의 문자(일반적으로 A-Z와 2-7)를 사용하여 데이터를 표현합니다. 이는 주로 길이가 더 길고, 대소문자를 구분하지 않아야 하는 경우에 사용됩니다. BASE32는 5비트 단위로 데이터를 표현합니다.

BASE64 인코딩

BASE64 인코딩은 64개의 문자(A-Z, a-z, 0-9, +, /)를 사용하여 데이터를 표현합니다. 이는 8비트 바이트를 6비트 단위로 나누어 처리합니다. BASE64는 바이너리 데이터를 텍스트 형식으로 변환하는 데 주로 사용되며, 이메일 전송, 데이터 URI 스키마, 그리고 JSON 웹 토큰(JWT) 등에 사용됩니다.

BASE 인코딩의 등장 배경과 사용처

BASE 인코딩은 바이너리 데이터를 텍스트 형식으로 안전하게 변환하기 위해 등장하였습니다. 이는 텍스트 데이터만을 전송하거나 저장할 수 있는 환경에서 유용합니다. 예를 들어, 이메일 전송(전통적으로 7비트 ASCII만 허용), URL 또는 파일 이름에 바이너리 데이터를 포함해야 하는 경우에 사용됩니다.

주요 사용처

  • 이메일 전송(MIME 인코딩): 바이너리 데이터를 텍스트로 인코딩하여 이메일 첨부 파일로 전송합니다.
  • URL 인코딩: 바이너리 데이터를 텍스트 형식으로 변환하여 URL에 안전하게 포함합니다.
  • 데이터 저장: 바이너리 데이터를 텍스트 형식으로 변환하여 데이터베이스나 파일 시스템에 저장합니다.
  • JWT(JSON Web Token): 데이터 서명을 위한 토큰에서 BASE64를 사용하여 데이터를 인코딩합니다.

핵심 요약

  • BASE16, BASE32, BASE64 인코딩: 바이너리 데이터를 텍스트 형식으로 변환하는 방법.
  • 등장 배경: 바이너리 데이터를 텍스트 기반 시스템에서 안전하게 전송 및 저장하기 위해.
  • 주요 사용처: 이메일 전송, URL 인코딩, 데이터베이스 저장, JWT 등.

용어 정리

  • BASE16 인코딩: 16진수 인코딩, 0-9와 A-F 사용.
  • BASE32 인코딩: 32진수 인코딩, A-Z와 2-7 사용.
  • BASE64 인코딩: 64진수 인코딩, A-Z, a-z, 0-9, +, / 사용.
  • 인코딩: 데이터를 다른 형식으로 변환하는 과정.
  • 디코딩: 인코딩된 데이터를 원래 형식으로 변환하는 과정.
카테고리: Software Development | 댓글 남기기

[JavaScript] 싱글톤 패턴(Singleton Pattern)의 이해와 구현 방법

싱글톤 패턴(Singleton Pattern)이란?

싱글톤 패턴(Singleton Pattern)은 특정 클래스의 인스턴스가 오직 하나만 생성됨을 보장하는 디자인 패턴입니다. 이는 전역적으로 유일한 인스턴스를 제공하여, 동일한 객체를 여러 번 생성하지 않고도 어디서든 접근할 수 있게 합니다. 이러한 특성 덕분에 설정 값이나 공통으로 사용되는 자원을 관리하는 데 유용합니다. 싱글톤 패턴은 주로 다음과 같은 상황에서 사용됩니다:

  1. 공통 자원 관리: 데이터베이스 연결, 설정 파일, 로그 등.
  2. 글로벌 상태 관리: 애플리케이션의 전역 상태를 관리하고 접근하기 위해.

JavaScript에서 싱글톤 패턴 구현

JavaScript에서 싱글톤 패턴을 구현하는 방법에는 여러 가지가 있습니다. 가장 일반적인 방법은 클래스와 클로저를 사용하는 방법입니다.

클래스와 정적 메서드를 사용한 싱글톤 패턴

위 코드에서는 Singleton 클래스의 인스턴스를 처음 생성할 때 Singleton.instance에 저장하고, 이후에 Singleton 클래스의 인스턴스를 다시 생성하려고 하면 기존 인스턴스를 반환합니다.

클로저를 사용한 싱글톤 패턴

위 코드에서는 즉시 실행 함수 표현식(IIFE)을 사용하여 Singleton 객체를 정의하고, getInstance 메서드를 통해 유일한 인스턴스를 생성하고 반환합니다.

결론

싱글톤 패턴은 특정 클래스의 인스턴스가 하나만 존재하도록 보장하는 디자인 패턴입니다. 이는 전역적으로 유일한 인스턴스를 제공하여, 동일한 객체를 여러 번 생성하지 않고도 어디서든 접근할 수 있게 합니다. JavaScript에서는 클래스와 정적 메서드를 사용하거나 클로저를 사용하여 싱글톤 패턴을 구현할 수 있습니다. 이 두 가지 방법 모두 특정 상황에 따라 유용하게 사용할 수 있습니다.

카테고리: JavaScript/TypeScript | 댓글 남기기

[JavaScript] var, let, const 선언 및 호이스팅(Hoisting) 개념 이해

JavaScript는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나로, 변수를 선언하는 방법으로 var, let, const를 제공합니다. 각각의 키워드는 고유한 특성과 사용 목적을 가지며, 이를 잘 이해하고 적절히 사용하는 것이 중요합니다. 이번 글에서는 var, let, const의 개념과 함께 도입된 시기와 이유, 그리고 호이스팅 개념에 대해 자세히 알아보겠습니다.

var, let, const의 기본 개념

var

JavaScript의 초기 버전부터 존재해 온 키워드로, 변수를 선언할 때 사용합니다. var 키워드는 함수 스코프(function scope)를 가지며, 같은 함수 내에서 재선언과 재할당이 가능합니다.

let

ECMAScript 2015 (ES6)에서 도입된 키워드로, 블록 스코프(block scope)를 가집니다. let 키워드는 동일한 블록 내에서 재선언이 불가능하며, 재할당은 가능합니다.

const

let과 마찬가지로 ES6에서 도입되었으며, 블록 스코프를 가집니다. const 키워드는 재선언과 재할당이 모두 불가능합니다. 초기화 시 값을 반드시 할당해야 합니다.

const와 let의 도입 시기와 이유

const와 let은 ES6(ECMAScript 2015)에서 새롭게 도입되었습니다. 그 이유는 다음과 같습니다.

  • 변수의 스코프 관리: var는 함수 스코프만을 가지므로, 블록 레벨 스코프가 필요한 경우에는 혼란을 초래할 수 있습니다. let과 const는 블록 레벨 스코프를 지원하여, 코드의 가독성과 유지보수성을 높입니다.
  • 재선언 방지: var로 선언된 변수는 동일한 스코프 내에서 여러 번 선언될 수 있어 의도치 않은 버그를 발생시킬 수 있습니다. let과 const는 이를 방지합니다.
  • 안정성: const는 상수를 선언할 때 사용되며, 선언 후 값이 변경되지 않도록 보장합니다. 이는 코드의 안정성을 높이고, 의도하지 않은 값의 변경을 막아줍니다.

호이스팅(Hoisting) 개념

호이스팅은 JavaScript의 변수 선언과 함수 선언이 해당 스코프의 최상단으로 끌어올려지는 동작을 의미합니다. var 키워드는 호이스팅이 발생하지만, let과 const는 호이스팅되더라도 초기화가 되지 않습니다. 이를 이해하면 예기치 않은 오류를 예방할 수 있습니다.

var의 호이스팅 예제

위 코드에서 var x는 선언이 최상단으로 끌어올려지지만, 초기화는 그렇지 않기 때문에 첫 번째 console.log에서 undefined가 출력됩니다.

let과 const의 호이스팅 예제

let과 const는 선언과 초기화가 분리되지 않기 때문에, 선언 이전에 접근하려고 하면 ReferenceError가 발생합니다.

결론

JavaScript에서 변수를 선언할 때 var, let, const를 적절히 사용하는 것은 매우 중요합니다. 각 키워드는 고유한 특성과 목적을 가지고 있으며, 이를 올바르게 이해하고 사용하는 것이 중요합니다. 특히, 호이스팅 개념을 이해하면 변수 선언과 초기화 과정에서 발생할 수 있는 오류를 예방할 수 있습니다.

핵심 요약

  • var: 함수 스코프, 재선언과 재할당 가능, 호이스팅 발생
  • let: 블록 스코프, 재선언 불가, 재할당 가능, 호이스팅 시 초기화되지 않음
  • const: 블록 스코프, 재선언 및 재할당 불가, 호이스팅 시 초기화되지 않음
  • 호이스팅: 변수와 함수 선언이 스코프의 최상단으로 끌어올려지는 현상, var는 초기화되지 않은 상태로 호이스팅됨

용어 정리

  • 스코프(Scope): 변수나 함수가 유효한 범위
  • 블록 레벨 스코프(Block-level scope): 코드 블록(중괄호) 내에서만 유효한 범위
  • 함수 스코프(Function scope): 함수 내에서만 유효한 범위
  • 호이스팅(Hoisting): 변수나 함수 선언이 스코프의 최상단으로 끌어올려지는 동작
카테고리: JavaScript/TypeScript | 댓글 남기기

[Web Development] Window, Document, Navigator, Location, History 객체 정리

웹 개발을 하면서 자주 접하게 되는 중요한 객체들로는 window, document, navigator, location, history가 있습니다. 이 객체들은 웹 브라우저와 상호 작용하는 데 필수적인 요소들로, 각각의 역할과 기능이 명확히 구분되어 있습니다. 이번 글에서는 각 객체의 개념과 주요 속성, 메서드에 대해 포괄적으로 설명하고, 예제 코드를 통해 이해를 돕고자 합니다.

Window 객체

개념

window 객체는 브라우저 창 또는 프레임을 나타내는 최상위 객체입니다. 모든 전역 객체와 함수는 window 객체의 속성으로 간주됩니다. 따라서, 전역 변수는 자동으로 window 객체의 속성이 됩니다.

주요 속성 및 메서드

속성

메서드

예제 코드

Document 객체

개념

document 객체는 현재 로드된 HTML 문서를 나타내며, 문서의 내용을 프로그래밍적으로 접근하고 조작할 수 있게 해줍니다.

주요 속성 및 메서드

속성

메서드

예제 코드

Navigator 객체

개념

navigator 객체는 브라우저의 정보와 상태에 대한 정보를 제공합니다. 사용자의 브라우저와 관련된 많은 정보에 접근할 수 있습니다.

주요 속성 및 메서드

속성

메서드

    • navigator.geolocation.getCurrentPosition(success, error): 사용자의 현재 위치를 가져옵니다.

예제 코드

Location 객체

개념

location 객체는 현재 문서의 URL을 나타내며, URL을 변경하거나 새 문서로 이동할 수 있는 방법을 제공합니다.

주요 속성 및 메서드

속성

메서드

예제 코드

History 객체

개념

history 객체는 브라우저의 세션 기록을 나타내며, 사용자가 방문한 페이지의 목록을 유지합니다. 이 객체를 사용하여 페이지 탐색을 제어할 수 있습니다.

주요 속성 및 메서드

  1. 속성
  2. 메서드

예제 코드

핵심 요약

  • window 객체는 브라우저 창을 나타내며, 전역 객체와 함수에 접근할 수 있습니다.
  • document 객체는 현재 로드된 HTML 문서를 나타내며, 문서 내용을 조작할 수 있습니다.
  • navigator 객체는 브라우저의 정보와 상태에 대한 정보를 제공합니다.
  • location 객체는 현재 문서의 URL을 나타내며, URL을 변경하거나 새 문서로 이동할 수 있습니다.
  • history 객체는 브라우저의 세션 기록을 관리하며, 페이지 탐색을 제어할 수 있습니다.
카테고리: Web Development | 댓글 남기기

[Network] MTU(Maximum Transmission Unit, 최대 전송 단위)

배경설명

인터넷을 통해 데이터를 전송할 때, 데이터를 일정한 크기로 쪼개어 보내는 과정을 거치게 됩니다. 이러한 과정에서 중요한 개념이 바로 MTU입니다. 이 글에서는 MTU가 무엇인지, 그리고 관련된 개념인 MSS에 대해서도 함께 설명하겠습니다.

MTU란?

MTUMaximum Transmission Unit의 약자로, 한 번에 전송할 수 있는 데이터의 최대 크기를 의미합니다. 네트워크 인터페이스에서 설정된 이 값은 패킷을 구성할 때의 최대 크기를 결정합니다. MTU가 너무 크면 네트워크에서 패킷이 분할되는 오버헤드가 발생할 수 있고, 반대로 너무 작으면 불필요한 패킷이 많이 생성되어 비효율적일 수 있습니다.

MTU의 예시

  • 이더넷의 기본 MTU는 1500바이트입니다.
  • PPPoE(초기 인터넷 접속 방식)의 MTU는 1492바이트로 설정되어 있습니다.

MTU 설정의 중요성

MTU는 네트워크의 성능에 직접적인 영향을 미치기 때문에 적절히 설정하는 것이 중요합니다. 올바르지 않은 MTU 설정은 다음과 같은 문제를 초래할 수 있습니다:

  • 프래그멘테이션(Fragmentation): 너무 큰 패킷이 전송될 때, 네트워크에서 이를 분할해야 하는 과정을 의미합니다. 이 과정은 추가적인 오버헤드를 발생시키며, 패킷이 유실될 가능성을 높입니다.
  • 패킷 드랍(Packet Drop): 설정된 MTU보다 큰 패킷은 전송되지 못하고 드랍될 수 있습니다. 이는 연결의 신뢰성을 떨어뜨립니다.

MSS란?

MSSMaximum Segment Size의 약자로, TCP에서 사용하는 데이터의 최대 크기를 의미합니다. MSSMTU에서 TCP와 IP 헤더 크기를 뺀 값으로 결정됩니다. 기본적으로 MSSMTU보다 작아야 하며, 이를 통해 패킷이 전송 중 분할되는 것을 방지합니다.

MSS 계산 방법

  • 기본 이더넷 MTU: 1500바이트
  • IP 헤더: 20바이트
  • TCP 헤더: 20바이트

따라서, 기본 이더넷 환경에서의 MSS는 다음과 같이 계산됩니다:

다이어그램: MTU와 MSS의 관계

아래 다이어그램은 MTUMSS의 관계를 시각적으로 나타낸 것입니다.

200932-Ethernet-MTU-and-TCP-MSS-Adjustment-Conc-00.png

결론

MTUMSS는 네트워크 성능과 신뢰성에 중요한 영향을 미치는 요소입니다. 적절한 MTU 설정을 통해 프래그멘테이션을 최소화하고, 효율적인 데이터 전송을 가능하게 할 수 있습니다. 또한, MSS를 통해 TCP 패킷의 크기를 조절하여 네트워크 전송 효율을 최적화할 수 있습니다.

핵심 요약

  • MTU: 한 번에 전송할 수 있는 데이터의 최대 크기.
  • MSS: TCP에서 사용하는 데이터의 최대 크기, MTU에서 IP와 TCP 헤더 크기를 뺀 값.
  • 올바른 MTUMSS 설정은 네트워크 성능과 신뢰성에 매우 중요함.

용어 정리

  • MTU (Maximum Transmission Unit): 네트워크 인터페이스에서 설정된 한 번에 전송할 수 있는 최대 데이터 크기.
  • MSS (Maximum Segment Size): TCP에서 사용할 수 있는 데이터의 최대 크기, MTU에서 IP와 TCP 헤더를 제외한 값.
  • 프래그멘테이션 (Fragmentation): 큰 패킷이 네트워크에서 여러 개의 작은 패킷으로 분할되는 과정.
  • 패킷 드랍 (Packet Drop): MTU보다 큰 패킷이 전송되지 못하고 버려지는 현상.

참조

카테고리: Network | 댓글 남기기

[BOJ 백준] 1904번 : 01타일 – Kotlin[코틀린]

문제

백준(BOJ) 1904번 : 01타일

요구사항은 간단합니다. 타일은 두 종류가 주어지는데, 1 한 개로 이루어진 1타일과 0 두 개로 이루어진 00타일이며, 00타일은 분해할 수 없습니다. 이러한 타일들은 무한대로 주워지며, 자연수 N이 주어졌을 때, 위 타일들을 조합하여 모든 가짓수를 세야 합니다.

풀이

이러한 문제가 주어졌을 때, 가능한 범위 까지 경우의 수를 따져보면 패턴이 보이는 경우가 있습니다. 아래는 N = 6 까지 경우의 수를 따져본 것입니다.

개수를 살펴보면, N = 3은 N = 1과 N = 2의 합임을 알 수 있는데, 이는 피보나치 수열의 점화식과 동일합니다.

DP[n] = DP[n-1] + DP[n-2]

피보나치 수열은 반복문 혹은 동적 계획법으로 풀 수 있는데, 여기서는 문제의 취지에 맞게 동적 계획법으로 풀이를 합니다.

코드

테스트 코드

프로덕션 코드

문제 요구사항에 따라 결과 값은 15746로 나눕니다.

 

카테고리: Algorithm, BOJ(백준) | 댓글 남기기

[Java] ConcurrentModificationException의 원인과 해결책

개요

ConcurrentModificationException은 Java 프로그래밍에서 다중 스레드 환경이나 컬렉션의 동시 수정 시 자주 발생하는 예외입니다. 이 예외는 주로 컬렉션의 구조가 반복 중에 변경될 때 발생합니다. 이 글에서는 ConcurrentModificationException의 원인과 이를 해결하기 위한 방법들을 설명하겠습니다.

ConcurrentModificationException의 원인

ConcurrentModificationException은 일반적으로 다음과 같은 상황에서 발생합니다.

  1. 다중 스레드 환경에서의 동시 수정: 여러 스레드가 하나의 컬렉션을 동시에 수정할 때 발생합니다. 예를 들어, 한 스레드가 반복문을 통해 컬렉션을 순회하는 동안 다른 스레드가 해당 컬렉션을 수정하면 예외가 발생할 수 있습니다.
  2. 단일 스레드에서의 부적절한 수정: 단일 스레드에서도 반복문 내에서 컬렉션을 직접 수정하는 경우 발생할 수 있습니다. 예를 들어, for-each 반복문을 사용하면서 컬렉션의 요소를 추가하거나 제거하려고 하면 ConcurrentModificationException이 발생합니다.

해결책

Iterator 사용

Iterator를 사용하면 반복 중 안전하게 컬렉션의 요소를 제거할 수 있습니다. Iteratorremove 메서드를 사용하여 요소를 제거하면 ConcurrentModificationException을 방지할 수 있습니다.

CopyOnWriteArrayList 사용

CopyOnWriteArrayList는 쓰기 시에 새로운 복사본을 생성하므로, 다중 스레드 환경에서도 안전하게 컬렉션을 수정할 수 있습니다. 그러나 쓰기 작업이 빈번하지 않은 경우에만 사용하는 것이 좋습니다.

동기화 사용

컬렉션을 동기화하여 한 번에 하나의 스레드만 접근하도록 할 수 있습니다. Collections.synchronizedList 메서드를 사용하면 간단하게 동기화된 리스트를 생성할 수 있습니다.

핵심 요약

용어 정리

  • ConcurrentModificationException: 자바에서 반복 중 컬렉션이 수정될 때 발생하는 예외.
  • Iterator: 컬렉션의 요소를 순회할 수 있는 객체.
  • CopyOnWriteArrayList: 쓰기 작업 시 새로운 복사본을 생성하는 스레드 안전한 리스트.
  • 동기화: 여러 스레드가 동시에 하나의 자원에 접근하지 못하도록 제어하는 방법.
카테고리: Java | 댓글 남기기