react

왜 리액트를 사용할까

리액트의 클래스 vs 함수 컴포넌트와 생명주기에 대해서 다뤄보기

리액트의 components, elements, instance에 대한 개념 정리하기

비동기문제를 깔끔하게 처리할 수 있다. 동기상태를 다루듯이 처리하고, 귀찮은 비동기상태 처리는 Suspense에 위임한다. 코드의 복잡도를 줄일 수 있다. 단순하다 리덕스의 action, dispatch, reducer, store 구조의 복잡성 비동기를 위한

브라우저 외부에서 자바스크립트를 실행할 수 있게 해주는 자바스크립트 실행환경server side renderingcommand line tools패키지 매니저로 노드 설치시 자동으로 설치된다.외부 라이브러리를 쉽게 설치하고 버전을 관리할 수 있게 해준다.package.

CSS를 전통적인 방법보다 효율적으로 사용하기 위해 만들어진 언어입니다. CSS는 웹 프로젝트 규모가 커지면 커질수록 코드가 복잡해지고 유지보수도 불편해집니다. 계속해서 동일한 코드를 복사하고 붙여넣는 과정을 반복해야 하기 때문이죠. Human Error를 줄이려는 노

해보면 좋은기능들로그인(소셜)이메일인증지도다중이미지업로드다크모드ui/ux무한스크롤캐러셀슬라이드아코디언토글네비게이션드롭다운자동완성모달기능좋아요별점https://velog.io/@oneook/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%

웹사이트를 구성할때 프로젝트의 요구사항과 목표에 따라 적절한 렌더링 방식을 선택해야 한다. 각 렌더링 방식을 특징을 이해하고 장단점을 고려해 최적의 UX와 성능을 제공할 수 있다. 렌더링 방식을 이해하기 위해서는 애플리케이션의 페이지 구성 방식인 SPA, MPA의

설치하기 ESLint ESLint에 airbnb 규칙을 사용하기 위해서는 eslint-config-airbnb를 설치해야한다. 이 패키지가 의존하고 있는 패키지들도 함께 설치해야하기 때문에 다음의 명령어를 사용해서 먼저 의존성 패키지들을 확인한다. > $ yarn i

🔑 배치업데이트setState 호출을 모아서 한 번의 배치 업데이트로 처리함으로써 성능을 최적화하기 위함입니다.🔑 side effect, 주소값 비교리액트는 이전과 현재의 참조값을 비교해 상태변화를 감지하고 업데이트합니다.불변성을 유지하면 상태의 변경이 예측 가능하

useEffect는 컴포넌트들이 render와 paint 된 후(렌더링 이후) 비동기적으로 실행paint 이후 실행되기 때문에 useEffect 내부에 DOM 에 영향을 주는 코드가 있을 경우, 화면을 다시 그리므로 사용자 입장에서는 화면 깜빡임을 보게 됩니다.이펙트

❗ 커스텀 훅(Custom Hook)React에서 커스텀 훅(Custom Hook)은 상태 로직(stateful logic)을 재사용할 수 있도록 하는 기능이다.이는 여러 컴포넌트에서 공통적으로 사용되는 상태 로직을 추출하여 하나의 함수로 만들어 사용할 수 있도록 한다