[TS] React Portalsμ μ΄μ©ν Modal ꡬν κ³Όμ
κΈ μ
λ‘λ[TS] react-hook-formμ μ΄μ©ν νμκ°μ
ꡬν κ³Όμ
κΈ μ
λ‘λ
const add = (a: number, b: number = 1) => a + b;
const printOutput: (a: nubmer | string) => void = output => console.log(output);
printOutput(add(5));
// (a: number = 1, b: number)μΌ κ²½μ° λ§€κ°λ³μλ‘ νλλ§ λ°μΌλ©΄ error!
// why? νλμ 맀κ°λ³μκ° μμμλΆν° ν λΉλλ―λ‘ 5κ° aμκ² μ λ¬λ¨
// => κΈ°λ³Έκ°μ μ μΈν λ μ€λ₯Έμͺ½ μΈμμ!!
const hobbies ['Sports', 'Cooking'];
const activeHobbies = ['Hiking'];
activeHobbies.push(...hobbies);
// activeHobbies: ['Hiking', 'Sports', 'Cooking']
// 맀κ°λ³μ κ°μκ° μ ν΄μ Έ μμ§ μμ λ
const add = (...numbers: number[]) => {
return numbers.reduce((acc, cur) => {
return acc + cur;
}, 0);
}
// 맀κ°λ³μ κ°μλ₯Ό μκ³ μμ λ νν μ¬μ©!
(...numbers: [number, number, number])
λ©΄μ μ€λΉλ κΎΈμ€ν ν΄μΌ νλλ° κ³μ λ―Έλ£¨κ² λλ€..
λΌλΆν΄ λ©΄μ μ€λΉμλ μ΅μ 2μκ° μ΄μ μκ° ν μ νκΈ°!
λ―Έλ€λ¨λ react-hook-formκ³Ό portal modal ꡬν κ³Όμ ν¬μ€νΈλ μ€λ λ€ μ λ‘λνλ€. νλ ¨νλ ¨ π½
λ§ μ¨λ¨λ Velog κΈλ€λ ννν μ‘°κΈμ© λ€λ¬μ΄λ³΄μ π