react
-
react에서 회원가입 form입력받기 (react-hook-form + yup)React 2022. 5. 29. 22:23
개인 프로젝트를 할때든, 실제 앱/웹 서비스를 만들든 꼭 처음에 만들게 되는 화면이있다. 바로 로그인/회원가입 화면! 물론 요즘에는 소셜 로그인이 생기면서 입력할게 점점 줄어들고 있긴 하지만, 아직 이메일로 회원가입 하는 창도 있어야하는건 마찬가지다. useState Hook 사용하기 보통 처음에 react에 입문할때는 useState hook 을 이용해서 입력값을 받아오는 법을 배운다. function App() { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const handleSubmit = (e) => { e.preventDefault(); console.log(`submit! ${ema..
-
video src의 썸네일을 추출할 때 canvas의 CORS 이슈(SecurityError) 우회하는 방법기타 2022. 4. 20. 21:13
(코드는 맨 밑에 있으니 코드만 확인하실 분은 맨 밑으로 내리시면 됩니다) React 웹에서 고객이 업로드할 영상을 골랐을 때, 썸네일 파일을 자동으로 생성하는 코드를 작성할 일이 있었다. 원래 React Native에선 라이브러리를 통해 뚝딱 해결했던 일이라 마찬가지로 React 라이브러리를 찾아보려했는데 생각외로 쉽지 않았다. 일단 구글링으로 알아낸 로직은 다음과 같았다. 이미지 파일 추출 로직 특정한 가 존재한다. 에 그 의 src를 그린다. canvas.toDataURL() 을 통해 이미지 데이터를 얻는다. 얻은 이미지 데이터로 파일을 생성한다. 첫번째 문제 : SecurityError 방법을 알고 신나게 시도를 해보았으나.. 아래와 같이 canvas.toDataURL() 부분에서 Security..