2022-02-17 TIL

Fact

• react-quill을 사용해서 퀴즈를 추가할 때 텍스트 편집기를 사용하도록 했다. react-quill 사용법
• 로그인 상태일 때 로그인 페이지에 들어갈 경우 메인 페이지로 리다이렉트 하도록 구현, 회원가입 성공 페이지를 만들고 회원가입이 성공하면 해당 페이지로 가도록 구현
• 카테고리 이미지를 어디에 넣을까? firebase storage를 사용할지 고민하다 이미지 5개를 사용하려고 firebase storage 넣기엔 좀 과한 느낌이 있어 로컬 폴더에 넣기로 했다.
• 오늘 배가 너무 아파서 화장실 갔다가 기절해서 잔디를 못 심었다.. 이런

Feelings

• 로그인 상태일 때 접근 제한 페이지 설정이 꼭 필요할까?라는 생각이 들었다. 실제로 다른 웹사이트들을 살펴본 결과 로그인 상태여도 회원가입 페이지를 들어갈 수 있는 웹사이트들이 있었다.
• 요즘 12시간씩 책상에 앉아있다 보니 소화기관에 이상이 생기는 걸 느낀다. 1시간만 투자해서 걷기 운동을 해야 할까?

Findings

quill을 사용해서 텍스트 에디터를 설정해 주었다. 여기까지는 문제가 없었다. 기존의 자바스크립트에서는 innerHTML를 사용해서 넣어준다면 정상적으로 동작하겠지만, React에서는 아래와 같이 텍스트를 추가한다면 원하는 결과가 나오지 않습니다.

React에서 텍스트로 된 HTML 코드를 추가하고 싶은 경우에는 React에서 정해진 규칙을 사용해야 합니다.

<div dangerouslySetInnerHTML={{ __html: question.quizText }}></div>

Future Action

• 갑작스러운 설사에 commit도 못하고 기절했다. 날씨가 춥더라도 운동으로 건강은 챙기자.