본문 바로가기

Refactoring2

본문 이미지 저장 로직을 개선해서 서버 성능 개선하기. 아래 글에서 프론트엔드에 웹 에디터를 적용한 후, 본문 이미지를 처리하면서 생긴 문제를 해결한 방법을 기록한 포스팅 입니다. 아래 글을 먼저 보시고 오시면 이해에 도움이 되니 참고바랍니다. https://byunsw4.tistory.com/46 [React-Quill] 웹 에디터 적용기 사이드 프로젝트를 진행하면서 웹 에디터를 구현할 사항이 발생했습니다. 제 사이드 프로젝트의 Front 는 React 기반으로 되어있기에, React 에서 사용할 수 있는 웹 에디터를 찾던 중 react-quill 이라 byunsw4.tistory.com 1. react-quill 을 이용해 본문 이미지를 삽입하는 경우 발생하는 문제 웹 에디터의 주요 기능 중 하나인 "본문 이미지" 기능을 react-quill 를 통해 사.. 2024. 1. 28.
[나홀로 리팩토링] 카테고리 리팩토링 해보기 쇼핑몰을 토이 프로젝트로 만들고 틈틈히 리팩토링도 병행하는 중이었다. 평소에 되게 신경쓰였던 부분이 있어 리팩토링을 하게 됐는데 그 과정을 기록해보려 한다. (보는 사람 관점에선 오류 수정일 수 도 있고, 리팩토링 일수도 있고 좀 애매한 부분이라고 생각한다.) 1. 계기 리팩토링을 하게된 계기는 postman을 통해 api 결과를 보다가 마음에 안드는 부분이 있어서 였다. 바로 아래 결과였다. 좌측메뉴 같은 곳에서 카테고리의 전체목록을 조회하기 위해 호출되는 GET API 였다. 카테고리 구성을 1Depth 와 2Depth 만 있다고 정의하고 개발을 진행했는데, 위 결과를 보면 하위 카테고리 정보에도 subCategories 라는 데이터가 비어있는 List로 넘어오는 것을 알 수 있다. 최하위 카테고리는.. 2023. 3. 16.