Yeong Jin

onChange={handleCrnChange}: 이 방식은 handleCrnChange 함수를 이벤트 핸들러로 직접 참조합니다. 이벤트가 발생할 때 React는 이 함수를 호출하고, 이벤트 객체를 자동으로 이 함수의 첫 번째 인자로 전달합니다. 이 방식은 이벤트 핸들러에 추가적인 인자가 필요하지 않을 때 일반적으로 사용됩니다 onChange={() => handleCrnChange()}: 이 방식은 새로운 함수를 생성하고, 이 함수 내에서 handleCrnChange를 호출합니다. 이벤트 객체는 자동으로 전달되지 않으며, 필요한 경우 명시적으로 전달해야 합니다. 예: onChange={(e) => handleCrnChange(e)}. 이 방식은 이벤트 핸들러에 추가적인 인자를 전달하거나, 특정 조건에 ..

resolve() 함수는 JavaScript의 Promise 객체와 관련된 함수입니다. Promise 객체는 비동기 작업이 성공적으로 완료되었거나 실패했을 때의 결과를 나타내는데 사용됩니다. Promise 객체는 일반적으로 두 개의 함수를 인자로 받는데, 이들은 resolve와 reject 함수입니다. resolve: 비동기 작업이 성공적으로 완료되었을 때 호출되는 함수입니다. resolve를 호출하면 Promise는 "fulfilled" (이행된) 상태가 되며, 이 경우 연결된 .then() 핸들러가 실행됩니다. reject: 비동기 작업이 실패했거나 오류가 발생했을 때 호출되는 함수입니다. reject를 호출하면 Promise는 "rejected" (거부된) 상태가 되며, 이 경우 연결된 .catch..

왜 어떤건 { } 를 쓰고 어떤건 안쓸까? import 문에서 중괄호 {}의 사용 여부는 가져오려는 모듈이 'default export' 인지, 아니면 'named export'인지에 따라 달라집니다. Default Export 모듈에서 default export로 내보낸 항목은 중괄호 없이 가져옵니다. 모듈당 하나의 default export만 가능합니다. import 문에서 가져올 때 이름을 자유롭게 지정할 수 있습니다. Named Export named export는 중괄호 {}를 사용하여 특정 이름으로 내보낸 항목을 가져옵니다. 모듈당 여러 개의 named export가 가능합니다. 가져올 때는 정확한 이름을 사용해야 합니다 결론 export default 한 경우에는 { } 없이 import하고..

onClick 이벤트 핸들러에 함수를 전달할 때 두 가지 방식이 있습니다 () => handleUpdateClick(product.id) 이 방식은 화살표 함수를 사용하여 handleUpdateClick 함수를 감싸고 있습니다. 여기서 화살표 함수는 이벤트 핸들러로서 호출될 때 실행되며, 그 내부에서 handleUpdateClick(product.id)를 호출합니다. 화살표 함수는 이벤트 객체를 받지 않습니다. 이 방식은 특히 이벤트 핸들러로 전달된 함수에 추가 인자를 넘겨야 할 때 사용됩니다. handleUpdateClick(product.id) 이 방식은 onClick 이벤트가 발생할 때 handleUpdateClick(product.id) 함수가 즉시 호출됩니다. 즉, onClick 이벤트 핸들러로..