New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Feature/MainPage] #5

Open

2 tasks

hyosin-Jang opened this issue Jan 5, 2022 · 0 comments

Member

hyosin-Jang commented Jan 5, 2022

📑 이슈 내용

메인페이지의 카메라 입력&미리보기 기능

📝 상세 내용

WebAPI로 사용자 기기에 있는 카메라로 사진을 찍고 업로드함
useRef로 찍은 사진에 대한 참조를 imgInput으로 얻고 이미지를 업로드하는 버튼에 연결시킴
호출순서
- CameraButton 클릭 (material ui의 camera icon 이용)
- ref로 input 태그 클릭
- onChange로 camInput의 state 값 변경
- && 연산자로 결과보기와 삭제하기 버튼 조건부 렌더링함

✔ 체크리스트

github.io로 배포해서 모바일 환경에서 카메라로 입력 받을 수 있는지 테스트하기
사진 업로드 될 때 미리보기에 로딩 스피너 적용하기

📍 레퍼런스

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment