React 18 버전부터 virtualDom은 업데이트의 우선순위를 부여해준다.(ex. 애니메이션과 text 중 우선순위를 선정)Fiber는 리엑트 렌더링/업데이트의 가장 작은 단위이다.(react컴포넌트보다 작은 단위)Reconciliation(재조정)시, DFS(깊

원티드 프리온보딩 프론트엔드 챌린지4월 사전과제 중, React 18 버전의 업데이트관련사항 정리가 있어 해당 내용을 다시 정리해본다.React 17버전까지는 이벤트 핸들러 내부에서 발생하는 상태변경만 하나로 통합하여 처리 후 리렌더링을 진행했다. 이 경우, 이벤트 핸

아래의 errorElement를 각 routing마다 지정해준다면 해당 페이지의 에러가 다른페이지에 영향을 주지 않는다.위의 파일을 작성 후 , index.tsx파일을 아래와 같이 변경한다.마지막으로 App.tsx를 수정한다.Next.js의 router.query.id

이전 회사에서 거래명세서와 같이 특정 형식을 엑셀로 다운받는 기능을 구현하는 경우가 있었다.구글링을 통해 exceljs 라이브러리를 사용하는것이 그나마 간단히 구현 가능하다고 판단되어아래와 같이 구현했다.라이브러리 공식 페이지를 참고하여 위와 같이 구성해주면된다.그러나

이전 회사에서 작업 시 , 특정 화면 혹은 특정 모달내의 화면을 PDF로 다운받는 기능을 구현한 경우가 있다.난 해당 기능은 jsPDF라이브러리와 html2canvas라이브러리로 간단히 구현했다.rootElementId는 PDF로 다운 받을 엘리먼트의 id이며,down

클라이언트에서 사진을 업로드할 시,서버에 바로 저장하지 않고 미리보기로 업로드한 사진을 보여줄 경우가 있다.이를 구현한 코드는 아래와 같다.위의 함수를 input의 onChange이벤트에 아래와 같이 적용시켜준다.

react 사용 시 , 무한스크롤을 구현할 때 아래와 같은 방법으로 구현이 가능하다.

React는 SPA(Single Page Application)를 위해 사용되는 오픈소스 JS라이브러리이다.SPA는 전체 페이지를 하나의 페이지로 구현한 것으로 동적으로 화면을 바꾸면서 표현하는 것이다.모든 정적 리소스를 클라이언트 브라우저에서 한번에 다운받고 이후 새