😎 Things I Learned
✓ Set innerHTML in React
React에서 HTML 태그를 텍스트가 아닌 태그 형태로 렌더시키려면dangerouslySetInnerHTML이라는 props에 입력하면 된다. 하지만, 이 방법은 유저가 직접 코드를 삽입할 수 있기 때문에 위험하다.
✓ sanitize-html
sanitize-html이라는 라이브러리를 사용하여, HTML 태그 삽입을 제어할 수 있다. 먼저 내용을 한번 sanitizeHtml로 검열한 후, 허용된 태그만 걸러서 렌더시킨다.
✓ cache.modify
writeFragment 없이 훨씬 더 간결한 방법으로 Apollo cache의 데이터를 쓰는 것이 가능하다.
🤔 Things To Remember
✓ 빈 태그에 key 삽입하기
빈 태그 (Fragment)에 key를 부여하기 위해선, <>가 아닌 <React.Fragment> 를 사용해야한다.
✓ Apollo Cache = 두 번째 DB
Apollo Cache를 조작하면, 백엔드에서 refetch를 하지 않아도 프론트에서 바로 Mutation으로 인해 변동된 데이터를 반영할 수 있다. 단, Apollo Cache와 DB의 상태가 같아야한다. Apollo Cache를 두 번째 DB라고 생각하자.
🤓 Things To Do
✓ 백신 때문에 무기력해지지 말기
✓ Feed 블로깅
✓ PROFILE 시작하기
작지만 꾸준하게 성장하는 개발자🌳