[TIL] - 10

React-Quill

• 제품 등록, FAQ, 알림을 새로 작성하서거나 내용을 수정할 때 에디터 라이브러리로 React-Quill을 사용
• toolbar에서 아이콘을 클릭하여 글꼴, 폰트사이즈, 두께, 색상 등의 수정이 가능하고, 이미지삽입도 가능
  
• 수정 시 description 불러올 경우
  • dangerouslySetInnerHTML을 이용하여 문자열로 전달되는 html을 렌더링 -> 코드에서 HTML 설정 시 스크립팅 공격에 노출 될 수 있다는 것을 상기시키기 위함
• 이미지 업로드
  • 이미지 등록 시 먼저 firebase에 이미지를 업로드 하고 업로드한 주소를 받아옴
  • 게시글 등록 시 하나의 객체로 title, description등과 더불어 받아온 주소 또한 imageUrl로 담아서 전송

vercel로 배포하기

• 로그인 -> 배포할 레포선택 -> .env설정이 있다면 환경변수 설정 -> Deploy -> 배포완료(배포가 잘되었는지 확인)
• github pages가 제일 편한 배포방법인줄 알았는데 vercel도 github pages만큼 간단함.

2022.09.02 Daily 회고

오늘 한 일

• 팀 기업과제 진행

느낀 점

• 과제에서 사용한 firebase, react custom hooks, custom axios등을 다시 봐야겠음