React

자바스크립트보다 리액트를 사용하는 이유리액트는 단순한 심상모델을 제공하고 선언형으로 작성, 코드 분석이 보다 편리하다.하지만 자바스크립트는 오류 발생이 쉽고, 번거로우며 수정과 유지보수가 어렵고 명령형으로 작성합니다.React는 (인터랙티브한) UI를 만들어 주는 자바

main entry file (진입점을 가지고 있는데 전체 애플리케이션의 메인 파일)웹사이트가 로딩될 때 main.jsx에 있는 코드가 가장 먼저 실행되죠.node.js가 이용하는 파일인 package.json 외부 의존성 명시 즉,서드파티 라이브러리(패키지)를 이용할

JSX 코드에서 소문자로 시작하는 건 기본 HTML 요소로 간주합니다. 리액트는 해당 이름을 가진 기본 HTML 요소를 찾으려고 하고, 요소 이름이 대문자로 시작한다면,커스텀 컴포넌트로 간주합니다. JSX 코드에는 최상위 컴포넌트가 하나만 있어야 해요. 최상위

사진 출처 :https://webpack.kr/들어가기에 앞서 ...간단히 말하면 각각의 분리된 파일들을 모듈이라고 이라고 합니다. 전체 애플리케이션의 일부를 독립된 코드로 분리한 파일로 나누어 관리하는 것을 모듈화라고 합니다.프로그램을 모듈로 개발하고 배포할

SWR은 "Stale-While-Revalidate"의 약자로, Vercel 팀이 개발한 React Hooks 라이브러리입니다. 이름은 HTTP RFC 5861에 의해 알려진 HTTP 캐시 무효화 전략에서 유래한 이름으로, "오래된 데이터를 보여주면서 새로운 데이터를

React Virtual DOM

리엑트 프로젝트 만드는 도중 마주한 에러 :Switch was not found in 'react-router-dom'.react-router-dom이 v6이상 부터는, Switch 지원을 하지 않게되었다.나는 아래와 같은 버전을 사용한다.react-router-dom

안녕하세요! 오늘은 제가 실제 프로젝트를 진행하면서 겪었던 React 성능 최적화 경험을 공유해보려고 합니다. 특히 대규모 데이터를 다루는 대시보드 프로젝트에서 발생했던 성능 이슈들을 처리하면서 알게된 것들에 대해 적어보겠습니다..처음에는 별 생각 없이 개발했던 대시보