후기 2

파이널 프로젝트 후기 -3-

1달 기간의 한 기업의 웹페이지 리뉴얼 하는 파이널 프로젝트중 커뮤니티 게시글(CRUD) 에서 추후에 리팩토링 하면 좋을것? 작성해보겠습니다. 일단 커뮤니티 페이지에서 들어가야할 기능을 알아봅시다. 1. 커뮤니티 페이지 네이션 - 처음에는 공부한다는 생각으로 라이브러리 없이 구현을 했었습니다. 구현 방법은 아래와 같이 이용하여 만들었습니다. 총 페이지가 만들어지는 수를 구한후 Array를 만든다 slice를 사용하여 보여주기 원하는만큼 자른다. 10보다 크면 block 넘버를 증가시켜 슬라이스 되는 범위를 재조정 랜더링 - 다만 데이터가 얼마 없을경우에는 프론트엔드에서 처리를해도 성능에 크게 차이가 없지만 백엔드 개발자 분과 얘기해본 결과 페이지네이션에 필요한 값들을 보내주겠다고 하셔서 더 손쉽게 구현할..

React 2022.11.13

파이널 프로젝트 후기 -2-

1달 기간의 한 기업의 웹페이지 리뉴얼 하는 파이널 프로젝트중 회원가입 에서 추후에 리팩토링 하면 좋을것? 작성해보겠습니다. 일단 react-hook-form 을 처음 사용해보았습니다. 처음 접한걸 바로 학습하고 사용하다보니 공식문서를 통하여 학습 및 적용을 하였는데 공식문서가 친절하게 잘 안내해주어 사용하는데에 크게 문제가 없었던것 같습니다. onChange를 사용하게되면 매번 바뀔때마다 렌더링이 되어 불필요하다고 생각이 들었습니다. 나중에 리펙토링할때는 굳이 렌더링되게끔 하지말고 Submit 버튼을 눌렀을때 하이픈(-) 에 따라 값을 바꾸어서 서버에 보내준다면 불필요한 렌더링 없이 사용할 수 있지않을까? 생각이 듭니다. 처음 회원가입부터 작업하다보니 여기서는 AsyncThunk를 적용하지 못했었습니다..

React 2022.11.06