props로 전달하는 값들이 너무 많거나, 각각 다 다를텐데 어떻게 전달해야 효율적일까?react-hook-form의 register함수나, errors들도 전달이 가능한걸까?rest문법을 사용해서 props값 받아오기register 함수의 경우 input을 제어하는
아래 내용은 이전에 영화 프로젝트에서 진행했을때함께했던 팀원이 로그인/회원가입에서 사용하던 방식을 토대로 작성했다.내가 작성했던 코드가 아니여서코드 하나하나 이렇게 작성한 이유와 좋은점을 되짚어보면서 공부하기 위해서 언젠가 또 백엔드 연결하려 할때 헤매지 않기 위해서
프로필이미지 업로드프로필이미지 미리보기input 태그 display:none; 시키기label의 htmlFor 속성에 input id값을 주기 (📍이러면, label을 눌러도 파일 업로드 가능함)button 태그 추가: register함수에서 받아온 값중에서 ref를
: input은 컴포넌트(별도의 파일안에서)로 관리하고 있기 때문에 drag&drop에 대한 처리를 추가하기 보다input 상위 태그 영역에서 drag&drop 이벤트를 인식했으면 좋겠음.🌺 drop이벤트가 발생하기 위해서는 dragOver이벤트를 추가해줘야함 ! ⭐
모달창 밑에 있는 외부 컨텐츠들(예시코드에서 mainContent)은 가리고(스타일상으로 가려지는것뿐만 아닌 접근성 측면에서도 외부 컨텐츠들과 분리하려면)이런식으로 마크업이 되어야할텐데, 메인컨텐츠 내부 컴포넌트 어딘가에서 버튼을 클릭할때마다Modal창을 제대로 위치시