SUIN

[TIL] 21.11.26 4주차 개인프로젝트 최종 배포 완료했뜨아!!! 본문

TIL

[TIL] 21.11.26 4주차 개인프로젝트 최종 배포 완료했뜨아!!!

choi suin 2021. 11. 26. 22:42
728x90

 

 

오전 _ 팀원들과 팀 과제 최종 정리 및 제출

오후에는 개인과제 제출을 위해 오전에 팀 과제를 마무리 지었다. 

기본문제의 답변은 중요도 순으로 뽑아서 정리를 하며 하나씩 변경했고  DIY 내용은 5가지 주제를 함께 뽑아서 정리하며 마무리했다 

 

부트캠프 4주차 React 숙련

공지사항

puzzled-empress-d3f.notion.site


오후 _개인 과제  코드 수정 후 firebase 배포 

 1. 단어 수정   

- 단어카드에 수정버튼 클릭 시 useParams()로 받아온 데이터 index 찾아 defaultValue 값으로 넣어주기

- 수정한 data 수정 button click시  updateDoc 으로  firebase 값 변경하기 

 

 

 


 

2. 단어 입력시  조건 추가 

-  단어 ,설명 , 예시 내용이 하나라도 없을 시 alert("내용을 모두 입력해주세요") 알림 실행 

-  텍스트의 앞뒤 공백 제거 후 데이터 추가  

 


 3.  css 수정  

- 모바일 사이즈에 맞게 가로 값 스타일 수정


저녁 _ 개인과제 firebase 배포 

 

- Firebase Hosting 

배포 정리 : https://suinchoi.tistory.com/34

 

[Firebase] Firebase Hosting 하기

파이어베이스 사이트 Hosting > 시작하기 CLI 설치 yarn add global firebase-tools 구글 아이디로 로그인 #웹브라우저가 열리고 내 구글 계정을 물어볼거예요. 로그인해줍니다. yarn firebase login 로그인..

suinchoi.tistory.com

사이트 LINK : https://my-dictionary2.firebaseapp.com/

 

React App

 

my-dictionary2.firebaseapp.com

 

 


역시 css 너무 재미있고 파이어베이스랑 리덕스는 아직 어렵지만 머리를 쥐어짜며 열심히 하는 중....🙀

내일은 리엑트.리덕스 개념 공부 , 알고리즘 공부 예정!!! 퐈이링!!!!