[TIL] 20211208 react hook form yup/ position absolute/classnames

1. react hook form with yup

https://codesandbox.io/s/react-hook-form-apply-validation-q5m00?file=/src/index.js

react-hook-form-apply-validation - CodeSandbox

 

2. position absolute align center

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

 

 

3. local환경에 저장된 이미지를 url로 바꾸기

https://kyounghwan01.github.io/blog/JS/JSbasic/Blob-url/#createobjecturl

image Blob 객체를 url로 바꾸어 img 띄우기, javascript, JavaScript, blob, createObjectUrl, revokeObjectUrl, react, vue,

 

4. classnames

https://chanhuiseok.github.io/posts/react-14/

[React] 리액트 classnames 활용하기 (classnames, !! 연산자)