
[1人 프로젝트] 트위터 클론코딩 4회차
2022. 1. 24. 14:18
프로 젝트/트위터
🎉 성과 완성한 부분 파일 업로드하여 데이터베이스에 추가 및 삭제, 트윗삭제시 파일도 연쇄적으로 삭제 ✨ 느낀점 👍 알게 된 점 Firebase를 이용하여 Storage에 파일 생성 완료 업로드한 파일 미리보기 const [File, setFile] = useState(''); const onFileChange = event = > { const {file} = event.target; const myfile = file[0]; const reader = new FileReader(); reader.readAsDataURL(myfile); reader.onloadend = (finished) => { const {result} = finished.current.Target; setFile(result) ..

[1人 프로젝트] 트위터 클론코딩 1회차
2022. 1. 19. 22:51
프로 젝트/트위터
All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 👩💻 이 프로젝트로 정한 이유 React를 학습하면서 React에 대한 실력을 향상하고자 시작하게 되었다. 🎉 성과 완성한 부분 firebase의 Sign-in method 설정 완료 인증 웹페이지 골격 개발 input태그와 form태그, button태그로 기본 골격을 만들었고, copyright와 현재 년도는 밑의 코드로 작성하였다. © {new Date().getFullYear()} twitter ✨ 느낀점 👍 알게 된 점 코드 단축하기 -1- input 태그에 사용되는 value값을 단축코드로 완성했다. 단축코드를 사용하지 않으면 input의 사용 개수가..