분류 전체보기164 emailJs 메일 보내기 기능 메일 보내기 기능을 만들어보자. https://dashboard.emailjs.com/admin Email Services -> 서비스 추가 (난 구글로함) Email Templates -> 여기서 이렇게 템플릿을 만들어주고, Account-> 'Public Key' Email Services -> 'service ID' Email Templates -> 'template ID' emailjs.sendForm('service ID', 'template ID', form.current, 'Public Key') const ContactForm = () => { const formRef = useRef(null); const handleSubmit = (e: React.FormEvent) => { e.pre.. 2023. 11. 7. EmailJS 오류 시키는 대로 했더니 뭐가 안되노 const ContactForm = () => { const formRef = useRef(null); const sendEmail = (e: { preventDefault: () => void }) => { e.preventDefault(); emailjs.sendForm("***", "***", form.current, "***").then( (result) => { alert("성공적으로 이메일이 전송되었습니다."); form.current.reset(); }, (error) => { console.log(error.text); alert("이메일이 전송이 실패되었습니다."); } ); }; return ( 답변 받으실 이메일 문의 제목 문의 내용 ); }; expo.. 2023. 11. 6. Next.js - 코드 수정 후 실시간으로 브라우저에 적용 안됨 Next.js 프로젝트에서 코드를 수정하고 저장한 후, 변경사항이 실시간으로 브라우저에 적용되지 않는 문제 파일이 대문자여서 2023. 10. 28. 4. NextJs - 기본 내보내기(default export) export default function Detail() { return ( 상세페이지임 글제목 글내용 ); } 오류가 떴다. 이유는 명명된 내보내기(named export)로, 페이지로 사용될 수 없다. const Detail = () => { return Detail Page Content; }; export default Detail; 페이지 컴포넌트는 반드시 기본 내보내기(default export)로 내보내야 한다. 명명된 내보내기(named export)를 사용하여 컴포넌트를 다른 곳에서 재사용할 수 있다. 페이지가 아니라 단순한 React 컴포넌트로 사용할 때에는 두 번째 형식을 사용할 수 있다. 2023. 10. 24. 이전 1 ··· 7 8 9 10 11 12 13 ··· 41 다음