텍스트에디터 기능 추가하기

  1. 라이브러리 사용(리액트 텍스트에디터라고 검색해서 나오는것들 중 하나 사용)
  2. https://code.tutsplus.com/ko/tutorials/create-an-inline-text-editor-with-the-contenteditable-attribute--cms-25655 // 참고하여 div에 contenteditable 속성같은걸 부여하여 간단하게 자체제작

https://www.bucketplace.co.kr/post/2020-09-18-원활한-콘텐츠-작성을-위한-에디터-개발기/ ← 레퍼런스

프로그래스 바 / 별점 : 역시 패키지 검색하기

커스텀 훅으로 기능과 화면 분리하고 재사용성 높이기

https://nomadcoders.co/ // 노마드코더의 실전리액트훅 10가지 (무료강의)

useInput처럼 텍스트 유효성검사해주는 커스텀훅을 제작하여 import해서 사용가능

또는 npm에서 다른 유저들이 만든 훅을 다운가능

자바스크립트 vs 타입스크립트

상태관리 툴 : 리덕스툴킷 or 리코일

통신 : axios

ui라이브러리 사용여부 : 머테리얼!? 그냥하기?

https://yozm.wishket.com/magazine/detail/806/ / 프론트엔드 화면에넣으면 좋은 인터랙션들

css : styled components → tailwind로 변환가능(나중에 한번에도 가능 호환가능 병행도 가능)