영프로 개발

1달 기간의 한 기업의 웹페이지 리뉴얼 하는 파이널 프로젝트중 커뮤니티 댓글(CRUD) 에서 추후에 리팩토링 하면 좋을것? 작성해보겠습니다. 1. 댓글에 이모티콘을 사용 - 다양한 이모티콘 라이브러리를 검색하다보니 Emoji-Picker-React 라는 라이브러리를 찾았고 사용법을 LiveDemo를 해보면서 익혔습니다. - React-hook-form 을 사용했기에 이모티콘을 클릭해서 넣었을때 바로 들어갈수 있게끔 setValue를 이용하여 값을 변경 시킨 후 Emoji창을 닫도록 하였다. 2. 댓글 읽기,등록, 수정, 삭제 - 댓글 읽기 : 콘텐츠 페이지에 들어오자마자 댓글을 읽어 들일수 있게끔 설정하였습니다. - 댓글 수정 : 대댓글은 로그인 한사람만, 댓글 작성자만 수정,삭제할수 있게끔 설정하였습니..

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

1달 기간의 한 기업의 웹페이지 리뉴얼 하는 파이널 프로젝트가 끝이났다. 나는 로그인, 회원가입, 커뮤니티(CRUD) , 댓글(CRUD) 초기의 메인 Carousel 을 맡아서 진행하였다. 위의 기능들은 다 내가 처음 구현을 해보는 것 들이라 상당히 많은 삽질을 하였다 ㅜㅜ.. 프로젝트를 하면서 팀원들을 많이 가르쳐 보기도하고 도움을 많이 줘보기도 하고 작은 감정상함? 디자이너, 백엔드 와의 소통을 해보는 귀한 경험을 했다. 이러한 과정속 어떻게 소통했는지? 어떻게 해결해나갔는지, 어떤 고민을 하였는지 앞으로 리펙토링의 방향 에 대해 나눠서 서술을 해보려고 합니다. 아래 사진들은 제가 구현한 홈페이지의 사진들 입니다.