분류 전체보기 124

[TS] Overloading

Function/Method Overloading 하나의 함수가 서로 다른 여러 개의 call signature를 가졌을 때 발생한다. 1. 같은 기능을 하는 메소드를 하나의 이름으로 사용할 수 있다. 2. 메소드의 이름을 절약할 수 있다. 직접 작성하기보다 외부 패키지/라이브러리에서 빈번하게 발견될 수 있다 패키지나 라이브러리는 아래와 같이 두 가지 경우의 overloading으로 디자인돼있을 것이다 Case1. 매개변수 타입이 다른 경우 ex. in Next.js // object Router.push({ path: "/home", state: 1 }) // string Router.push("/home") type Config = { path: string, state: number } type P..

[TS] Call Signatures

함수의 parameter type과 return type을 미리 지정하는 것 the type of the arguments and return value of a function 🙆🏻‍♀️ the implementaion(이행, 실행) of a function ❌ 그 함수를 구현하기 전에 먼저 함수의 타입을 설명하고, 함수가 어떻게 작동하는지 서술해둘 수 있다. before // normal function function add(a: number, b: number) { return a+b } // arrow function const add = (a: number, b: number) => a+b after type Add = (a: number, b: number) => number const ad..

Why JS

1. 대체할 수 있는 언어가 없다 - 1995년 12월 Brendan Eich가 넷스케이프(HTML, CSS로만 이루어진 브라우저)를 더욱 interactive하게 하기 위해 10일만에 만든 프로그래밍 언어 -> 이후 인터넷 붐이 크게 일어났고, 새롭게 또 다른 프로그래밍 언어를 개발하기보다는 이미 존재하는 JS를 채택함으로써 기존 웹사이트를 망가뜨리지 않도록 선택 => 가장 훌륭한 언어X 프론트엔드에 쓸 수 있는 유일한 언어O 2. 모든 브라우저에 내장되어 있다 설치할 필요가 없다 즉, 브라우저 사용하는 모든 사람들이 JS를 실행할 수 있다. 3. React Native - 크로스 플랫폼 모바일앱 Electron - 데스크탑앱 백엔드도 구현할 수 있다. ∴ FE 개발자는 선택지가 없고 JS만 배우면 된다!

Front-end/Vanila JS 2023.12.13

[JS/알고리즘] 백준 2903. 중앙 이동 알고리즘 (안 풀릴 땐 멈춰보자)

이럴 때는 역시 문과 출신인 게 맞나 싶기도 하다 나는 문제에서 말한 순서대로 초기 4개의 점은 중앙점 없으니까 따로 더해서 추가하고 일단 나누는 사각형별로 추가되는 5개의 점들 중복해서 추가하고 그 후에 중복점들만 제거하기 그리하여 타생한 기과한 공식 4 + (4+1)(4⁰+4¹+...+4ⁿ⁻¹) - 2ⁿ(2ⁿ⁻¹-1) 어쩐지 N=1 || 2인 경우에는 잘 되는데 (아마 3도?) 5인 경우에 오답이 나더라. 부끄럽지만 이걸로 한 두시간 넘게 붙잡은 듯ㅜ 너무 어렵다 이걸 어떻게 풀어? 하면서 정답률을 보는데 71%...? 구글링하고 다른 분의 풀이를 보니 이렇게 간단한 것을 ㄴㅇㄱ 오늘의 교훈 : 집요함이 좋을 때도 있고, 휴식이 좋을 때도 있다. ref. 2903번: 중앙 이동 알고리즘 상근이는 친구..

A-HA💡/JS 2023.11.29

[JS/알고리즘] 나눗셈 몫 구할 때 parseInt와 Math.floor의 차이점

- 결론 - 양수일 때는 동일한 결과. 음수일 때, 값의 소수점만 버리고 싶다면 parseInt(string, radix) 소수점 아래에서 -1 내림한 값을 원한다면 Math.floor(number) parseInt('12') // 12 Math.floor('12') // 12 parseInt('12 34 56') // 12 Math.floor('12 34 56') // NaN ref. parseInt() - JavaScript | MDN The parseInt() function parses a string argument and returns an integer of the specified radix (the base in mathematical numeral systems). developer.m..

A-HA💡/JS 2023.11.28

[JS] 깊은 복사(deep copy)와 얕은 복사(shallow copy)

1. 객체 복사란 / 중첩 객체 복사 참조에 의한 객체 복사 ko.javascript.info 2. 깊은 복사와 얕은 복사의 차이점 [JavaScript] 얕은 복사(shallow copy) vs 깊은 복사(deep copy) - 하나몬 💡 얕은 복사(shallow copy) vs 깊은 복사(deep copy) ❗️얕은 복사(shallow copy)란? const obj1 = { a: 1, b: 2}; const obj2 = obj1; console.log( obj1 === obj2 ); // true 위의 예시처럼 객체를 직접 대입하는 경우 참조에 의 hanamon.kr

A-HA💡/JS 2023.11.27

그끄저께, 그저께, 글피, 그글피 / 금일, 명일, 당일, 익일 그외

그끄저께 그끄제 삼작일 재재작일 : 오늘로부터 사흘 전 그제 그저께 전전날 재작일 거거일 : 어제의 전날 cf. 전전날 1. 특정일의 이틀 전 2. 어제의 전날 어제 어저께 작일 : 오늘의 바로 하루 전 날 cf. 전날 선시 : 특정일 바로 앞 날 오늘 금일 : 지금 지나가고 있는 이날 cf. 당일 즉일 : 특정일 바로 그 날 차일 그날 : 앞서 언급한 날 크리스마스 당일에 우리 만나자. 차일엔 눈이 올 거래. 내일 명일 : 오늘의 바로 다음 날 어제 cf. 익일 이튿날 궐명 : 특정일 다음 날 익일 배송 샴푸는 이튿날부터 가능하세요. 모레 내일모레 : 내일의 다음 날 그저께 글피 삼명일 : 모레의 다음 날 그글피

A-HA!/국어사전 2023.11.27