도찐개찐

interface VS type 공통점 구조적 타이핑: 둘다 구조적 타이핑을 지원합니다. 즉, 객체의 형태가 중요하며, 이름이 아닌 구조로 타입이 결정 됩니다. 확장 가능성: type과 interface는 모두 확장 가능 합니다. 즉, 기존의 타입이나 인터페이스에 새로운 속성을 추가하여 새로운 타입이나 인터페이스를 만들 수 있습니다. 타입 체킹: 둘다 TypeScript의 타입 체킹에 사용되어 오류를 사전에 방지할 수 있게 합니다. 차이점 확장(extends) 방식 interface: 선언 병합을 통해 확장 됩니다. 동일한 이름으로 여러번 선언할 경우, 자동으로 병합되어 확장 됩니다. type: 인터섹션(교차 타입)을 사용해 확장 됩니다. 새로운 타입을 만들어 기존 타입과 합쳐야 합니다. 선언 방식 in..

Type Aliases 타입스크립트 코드 작성시 아래와 같이 길고 복잡하게 타입을 나열하는 경우가 많습니다. let animal: string | number | undefined; type 키워드 = 타입을 변수처럼 만드는 것 type 키워드를 사용하는 것을 type alias 라고 합니다. 일반적 선언 방법 type {변수명} = {타입종류1} | {타입종류2} .... type Animal = string | number | undefined; let animal:Animal = 1234; typeof(animal) // 결과 : 'number' let animal2:Animal = 'Hello, animal'; typeof(animal2) // 결과: 'string' let animal3:Anim..

자바스크립트 유용한 연산자 자바스크립트에서는 다양한 연산자를 제공하여 코드를 더 간결하고 가독성 있게 작성할 수 있습니다. 그중에서도 물음표, 느낌표, 물결 연산자에 대해서 알아보고, 어떤 상황에서 사용하는 것이 좋은지 그리고 각각의 연산자를 사용할 때 주의할 점 등에 대해 다루며 예시 코드도 같이 소개할 예정입니다. 물음표 한 개 - 삼항 연산자, 옵셔널 체이닝 연산자 물음표 두 개 - Null 병합 연산자 느낌표 한 개 느낌표 두 개 물결 한 개 - 틸드 연산자 물결 두 개 물음표 한 개(?) 물음표 한 개 연산자는 자바스크립트에서 가장 일반적으로 사용되는 연산자 중에 하나이며 삼항 연산자와 옵셔널 체이닝 연산자에서 사용됩니다. 1) 삼항 연산자(Ternary operator) 조건식 ? 참일 때의 ..

let hello: string = "helloWorld!"; 1-2. 숫자 let tripleSeven: number = 777; 1-3. 배열 let arr1: number[] = [10, 20, 30]; let arr2: Array = [10 , 20, 30]; let arr3: Array = ["hello", "world"]; let arr4: [string, number] = ["jinyoung", 24]; 1-4. 객체 let jinyoung: object = { name: "jinyoung", age: 24 }; let person: { name: string; age: number } = { name: "jinyoung", age: 24 }; 1-5. 불리언 (Boolean) let isT..

https://github.com/dev-truly/depth-picker GitHub - dev-truly/depth-picker Contribute to dev-truly/depth-picker development by creating an account on GitHub. github.com 다중 뎁스 형태의 개체, 배열 형태의 데이터를 전달 해서 동적 셀렉트 박스를 생성할 수 있는 Javascript 코드를 작성 해봤습니다. 뎁스 구분없이 사용이 가능 하니 상단 예제 소스와 아래 풀어진 예제 소스를 참고 부탁 드립니다. 사용법1 : 공백 선택 추가, 뎁스 상관 없이 데이터 생성 사용법 2 : 공백 선택 옵션제거, 권역, 시도, 시군구 선택 아래 코딩 내용을 확인 해 보시면 공백 데이터 삽입 여부..

In its current state, there is no "direct” way to create a private variable in JavaScript. -> 현재 상태에서 자바스크립트 private 변수를 (은닉화) 만드는 "직접적인" 방법은 없습니다. In other languages, you can use the private keyword or double-underscores and everything works, -> 다른 언어에서, private 키워드(자바 등) 또는 __ 이중 underscore 를 사용하는 등의 방법을 사용할 수 있지만 but variable privacy in JavaScript carries characteristics that make it seem mor..

​1) for( ) 초깃값부터 시작해서 증가 또는 감소하면서 조건에 부합하면 계속 순회합니다. 중간에 "break;" 문을 만나면 반복문을 중단합니다. for ([initialization]; [condition]; [final-expression]) statement for( )은 인덱스 0부터 시작해서 배열의 길이만큼 순회하면서 배열의 각 원소들을 출력합니다. const animals = ["lion", "tiger"]; for (let i=0; i { console.log(animal); }); // [콘솔 출력 결과] // lion // tiger ​ ​3) map( ) 배열의 각 요소에 대해 callback을 실행하고 실행결과를 모은 새 배열을 리턴합니다. 배열을 순회하므로 중간에 "break;..

1. 화살표 함수의 선언 화살표 함수(Arrow function)는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있다. 하지만 모든 경우 화살표 함수를 사용할 수 있는 것은 아니다. 화살표 함수의 기본 문법은 아래와 같다. // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 경우 x => { ... } // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있다. (x, y) => { ... } // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없다. // 함수 몸체 지정 방법 x => { return x * x } // single line block x => x * x // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암..