반응형 언어51 [js, ts] 함수를 파일로 따로 빼서 정리하는 방법 [JavaScript, TypeScript] 함수를 파일로 따로 빼서 정리하는 방법 만들고 싶은 함수를 정리한 예를 들면 calculator.ts 파일을 만든다. const plus = (number1: number, number2: number): number => { return number1 + number2; }; const minus = (number1: number, number2: number): number => { return number1 - number2; }; const multiply = (number1: number, number2: number): number => { return number1 * number2; }; const divide = (number1: number,.. 2023. 3. 5. [js] 무작위 날짜 생성하기, 무작위 숫자 생성하기 [Javascript] 무작위 날짜 생성하기, 무작위 숫자 생성하기 1. 무작위 숫자 생성함수(범위) function getRandomNumberRange(min, max) { if(min === max) return ('equal Number'); return Math.floor(Math.random() * (max - min + 1)) + min; } - min이상 max이하인 숫자 생성함수 - min = 1, max = 99일때, 1~99까지 무작위 숫자 반환 - min, max는 숫자(number)여야 하고 다른 값이어야 함 2. 무작위 숫자 생성함수(자리 수 이하) function getRandomNumberDigit(digit) { if(digit < 1) return ('parameter i.. 2023. 2. 21. [js] iterable 객체, Array.from iterable(반복 가능한) 객체, Array.from 메소드 iterable(반복 가능한) 객체란? 1. 반복 가능한(iterable, 이터러블) 객체는 배열을 일반화한 객체이다. 2. for..of 반복문을 적용할 때 Symbol.iterator를 호출하는 데 iterable한 객체가 아니라면 에러가 발생한다. - Symbol.iterator는 반드시 이터레이터(iterator, 메소드 next가 있는 객체) 를 반환해야 한다. - for..of는 반환된 객체(이터레이터)만을 대상으로 동작한다. - for..of에 다음 값이 필요하면, for..of는 이터레이터의 next()메소드를 호출한다. - next()의 반환 값은 {done: Boolean, value: any}와 같은 형태이어야 한다. -.. 2023. 2. 18. [js] Spread(전개 구문), apply(), Object.assign() JavaScript에서 Spread(전개 구문), apply(), Object.assign() 사용, 깊은 복사 사용법 2023.02.16 - [개발 용어 정리] - 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy) 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy) 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy) A = 원본 B = 복사하려는 객체 얕은 복사 새로운 B객체를 생성 후 원본 A객체를 메모리 영역을 참조해서 원본에 종속된 객체를 생성하는 것이 얕은 복사 kfdd6630.tistory.com Spread(전개 구문) 전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자들(iterable 객체) 예를 들어, 1. 0개 이상의 인수 .. 2023. 2. 16. [js] Math (절댓값, 반올림, 올림, 내림, 랜덤 등등) JavaScript_Math 1. javascript에서 Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체이다. 2. javascript에서 Math는 함수 객체가 아니다. 3. Math는 Number 자료형만 지원하며 BigInt와는 사용할 수 없다. 4. 다른 전역 객체와 달리 Math는 생성자가 아니다. 5. Math의 모든 속성과 메서드는 정적이다. 6. 파이 상수는 Math.PI로 참조할 수 있고, 사인 함수는 매개변수 x에 대해 Math.sin(x)와 같이 호출할 수 있다. 7. 상수는 javascript에서 가능한 최대 실수 정밀도로 정의되어 있다. 속성 및 메소드 중 많이 사용한다고 생각되는 순서대로 나열 Math.abs(x) 숫자의 절댓값을 반환한다. Math.rou.. 2023. 2. 15. [Java] PECS(Producer-Extends, Consumer-Super) 공식 Generics PECS(Producer-Extends, Consumer-Super), 생산자-extends, 소비자-super * 제네릭이란? 2023.02.13 - [언어/JAVA] - [Java] 제네릭(Generic) [Java] 제네릭(Generic) 제네릭 = 데이터 타입을 일반화한다, 클래스나 메소드에서 사용하는 내부의 타입을 외부에서 지정해주는 기법 제네릭 클래스 클래스 선언에 타입 매개변수가 쓰이면 이를 제네릭 클래스라 한다 kfdd6630.tistory.com PECS란? Producer-Extends, Consumer-Super의 줄임말이다. Collection으로부터 와일드카드 타입의 객체를 생성 및 만들면(produce) extends를 사용한다. 가지고 있는 객체를 Collect.. 2023. 2. 14. [Java] 와일드카드 <?> 와일드카드의 종류에는 1. 비경계, 2. 한정적(상한,하한 경계) 와일드 카드가 있다. 비경계 와일드카드(Unbounded Wildcards) - ?의 형태로 사용한다. - 기본적으로 와일드카드는 정해지지 않은 unknown type이다. - 예를 들어, List 이다. - 모든 타입이 인자가 될 수 있다. - 상한 경계, 하한 경계 등 경계가 존재하지 않는다. public static void printList(List 비경계 와일드 카드 - Get List에서 Get한 원소는 Object 타입이다. - 비경계 와일드 카드의 원소는 어떤 타입도 될 수 있다. - 어떤 타입이 와도 읽을 수 있도록, 모든 타입의 공통 조상인 Object로 받는다. public static void get(List list.. 2023. 2. 13. [Java] 제네릭(Generic) 제네릭 = 데이터 타입을 일반화한다, 클래스나 메소드에서 사용하는 내부의 타입을 외부에서 지정해주는 기법 제네릭 클래스 클래스 선언에 타입 매개변수가 쓰이면 이를 제네릭 클래스라 한다. 기본형태 class useBook {} 예제) class useBook { List users = new ArrayList(); public void add(T user) { users.add(user); } } 선언) UserBook magicianBook = new UserBook(); 사용하는 이유: 1. 런타임에서 잡히는 에러(자료형에 대한 검증)가 컴파일에서 잡히기 때문에 시간을 절약할 수 있다. 2. 컴파일 타임에 자료형의 오류에 대한 검증을 수행하여 런타임에 자료형에 안전한 코드를 실행한다. 3. 반환값에 대.. 2023. 2. 13. [js] history.back(), history.forward(), history.go() history.back()=뒤로가기, history.forward()=앞으로 가기, history.go()=특정위치로 가기 History.back()history.back();1. history.back() 메소드는 브라우저가 세션 기록의 바로 뒤 페이지로 이동하도록 지시한다.2. history.go(-1)와 같다.3. 이전 페이지가 없는 경우 아무것도 하지 않는다.4. 이 메소드는asynchronous(비동기)로 동작한다.5. popstate 이벤트 처리기를 통해 탐색 완료 시점을 알 수 있다. 다음 예제는 클릭했을 때 뒤로 가는 버튼을 생성한다.HTML뒤로 가기jsdocument.getElementById('goBack').addEventListener('click', () => { window.h.. 2023. 2. 12. [js] 문자열 공백 제거 replace() 함수 replace() 함수와 정규식을 이용한 여러가지 문자열 공백 제거 let 변수 = " a b c "; 변수.replace('바꾸고싶은 이전 값', '바뀌는 이후 값'); x라는 앞, 중간, 뒤에 " "공백이 2자리씩 총 6자리의 공백이 있는 문자열이 있다고 하자. let x = ' aa aaaa '; console.log(x, x.length); 출력값 aa aaaa 12 x는 길이는 6개의 a와 공백 6개로 이루어진 12자리로 이루어진 문자이다. 첫 번째로 공백 하나 제거 = .replace(" ", "") /** * 첫 번째 공백제거 * @param str * @returns */ const trimOne = (str) => { const trimStr = str.replace(" ", ""); r.. 2023. 2. 11. 이전 1 2 3 4 5 6 다음 반응형