◆ ESSAY
고차 함수는 함수를 argument로 받아서 함수를 리턴하는 함수를 말한다.
홀수 인지 확인하는 고차함수를 아래와 같이 만들어 보자.
function isOdd(num, fn) {
return fn(num) % 2 === 1
}
fn이라는 argument로 함수를 받고 있고, 그에 대한 결과를 리턴하고 있다. 위 함수는 아래와 같은 형태로 사용 가능하다.
function divideByTwo(num) {
return num / 1
}
isOdd(10, divideByTwo) // true
isOdd(11, divideByTwo) // false
function add(num1) {
return function (num2) {
return num1 + num2
}
}
add(1)(2) // 3
const num = add(1) // 1만 담고 있는 함수를 리턴
num(2) // 을 위해서 호출해서 2를 더함 3
가장 일반적인 예제로는 object validator가 있다. 해당 object가 유효한지를 확인하는 것인데, 회원가입의 그것과도 비슷하다.
예를 들어 아래와 같은 객체가 있다고 가정해보자.
const user = {
age: 18,
password: 'qhdks1234!@#$',
gender: 'F',
agreed: true,
}
age는 18세 이상이어야 한다.password는 10자리 이상이여야 한다.gender는 F 또는 M이여야 한다.agreed는 true 여야 한다.위 요구 사항을 각각 함수로 만들어 보자.
function validAge(user) {
return user.age >= 18
}
function validPassword(user) {
return user.password.length >= 10
}
function agreed(user) {
return user.agreed
}
function validGender(user) {
console.log(user.gender, ['T', 'F'].includes(user.gender))
return ['T', 'F'].includes(user.gender)
}
그리고 isValid라고 불리우는 고차함수를 만들어야 한다. 첫번째 객체로는 user를 받을 것이며, 그 이후에는 n개의 유효성 체크를 하는 함수를 받아서 이를 확인할 것이다.
function isValid(user, ...validators) {
for (const validator of validators) {
if (!validator(user)) return false
}
return true
}
테스트를 한번 해보자.
const user1 = {
age: 18,
password: 'qhdks1234!@#$',
gender: 'F',
agreed: true,
}
isValid(user, validAge, validPassword, agreed, validGender) // true
const user2 = {
age: 12,
password: 'qhdks1234!@#$',
gender: 'F',
agreed: true,
}
isValid(user2, validAge, validPassword, agreed, validGender) // false
const user3 = {
age: 20,
password: 'qhdks1234!@#$',
gender: 'G',
agreed: true,
}
isValid(user3, validAge, validPassword, agreed, validGender) // false
user 외에도 여러 종류의 validator를 만든다면, 이것 또한 고차함수르르 만들어서 해결이 가능하다.
function createValidator(...validators) {
return function (obj) {
for (const validator of validators) {
if (!validator(obj)) return false
}
return true
}
}
const userValidator = createValidator(
validAge,
validPassword,
validGender,
agreed,
)
userValidator(user1) // true
userValidator(user2) // false
userValidator(user3) // false
Next.js 16 turbopack 프로덕션 빌드에서 모듈 스코프 싱글톤이 런타임에 두 개가 됐다. 같은 동기 구간에서 조건 판정이 뒤집히고, 응답이 도착해도 타임아웃이 나는 증상을 번들 산출물로 추적한 기록. scope hoisting의 부분 병합, 순환 import, 이미 고쳐져 있던 upstream 버그, 그리고 뒤늦게 돌린 단일 변수 실험까지.
number-flow가 애니메이션을 켜는 최소 버전은 Chrome 125, Safari 17.2다. 이 하한을 Chrome 66과 WebKit 16.4까지 내리는 포크를 만들면서 내린 결정들과, 뒤집게 된 판단 두 가지, 그리고 자동 강등을 포기한 Safari 버그 조사의 기록.
집필 중인 Node.js Deep Dive의 5.2장(vm 모듈의 함정) 일부를 미리 공개합니다.
많관부22