이전 프로젝트 리팩토링하기

5년전 아무것도 모를 때, 진행했던 프로젝트 소스가 있었다.
db도 없고.. deprecated된 함수도 있어서 하나하나씩 구현해보려고 한다.

그 당시 구현하였던 기능들이다.

🔩 관리자

• 회원 관리
  • 회원 목록 조회
    • 학생 조회
    • 선생님 계정 승인
• 게시물 관리
  - 게시판 목록 조회
  - 불량 게시글 삭제
  - 명예훼손성 글 관리

🔩 학생 / 선생님

• 회원가입, 로그인, 마이페이지
  • 회원가입/로그인
    • 마이페이지
      • 회원정보 수정
      • 회원 탈퇴
      • 클래스 관리 ( 선생님 )
• 게시판 기능
  • 게시판 목록 조회
  • 게시글 작성
  • 게시물 보기
    • 게시글 수정
    • 게시글 삭제
• 채팅 기능
  • 전체 채팅 조회
    • 채팅 작성
    • 채팅 알림
• 자리바꾸기 / 오늘의 당첨자 기능
  • 현재 자리 정보 조회
    • 자리 바꾸기
    • 오늘의 당첨자 발표
• 채팅 기능
  • 전체 채팅 조회
    • 채팅 작성
    • 채팅 알림
• 다했어요 기능
  • 선생님 - 푸시 버튼
  • 학생 - 다했다 버튼
  • 다했음 알림
• 게시판 기능
  - 게시판 목록 조회
  - 게시글 작성
  - 게시물 보기
  - 게시글 수정
  - 게시글 삭제

요런 기능을 제공했는데

그중 게시글 작성할 때, 에디터 비스무리한 걸 만들었더랬다.

이걸 먼저 컴포넌트화 해서 최신화 해보려고 한다.

우선 버튼들을 가져왔다.(왜냐면.. 내가 뭘 구현했었는지.. 기억이 안났기에..;;)

맙소사.. styled-component로 css를 구현한 대로 넣으려다가 구조도, 스타일도 마음에 들지 않았다.

암튼.. 내가 저때 제공하는 기능으로 제공하려 했던 기능을 우선 파악은 했다.

• 폰트 사이즈
• 폰트 굵기
• 기울임
• 밑줄
• 폰트 색상
• 폰트 배경색상
• 정렬
• 이미지 첨부
• 링크 첨부
• html 소스 추가

나름 뭐 같이 보였음 하는 메뉴들을 묶으려 했던 모양이다.
당시에 참고로 하던 에디터의 버튼 구조를 따라한 것인가..
하나하나 컴포넌트가 독립적으로 동작하게 해 이상적인 모습으로 만들어야지!