profile
몰입하는 개발자

[Computer Science] Redux란?

👉 Redux란 javascript 상태관리 라이브러리이다.👉 상태란?React에서 state는 component 안에서 관리되는 것이다.👉 Component 간의 정보 공유자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능하다.자식 컴포넌트들 간의 데이터를 주고

2022년 4월 19일
·
0개의 댓글

[Computer Science] React 렌더링 성능 최적화

이제는 클래스형 컴포넌트를 사용하지 않고 함수형 컴포넌트를 사용하기 때문에 함수형 컴포넌트 기반 성능 최적화에 대한 방법을 알아보자.리액트는 특정 state가 변경되면 그 state가 선언된 컴포넌트와 그 하위 컴포넌트들을 모두 리렌더링 시킨다. 따라서 state가 선

2022년 4월 19일
·
0개의 댓글

[React] Throttle 와 Debounce

Throttle 와 Debounce 는 자주 사용되는 이벤트나 함수들의 실행되는 빈도를 줄여 성능상의 유리함을 가져오기 위한 개념이다. 즉 이벤트를 제어하는 방법이다.예를 들어 스크롤 이벤트에서 사용자가 스크롤을 움직일 때 마다 스크롤 이벤트가 발생한다.매번 스크롤 이

2022년 2월 8일
·
0개의 댓글

[React] 미들웨어

기존의 리덕스는 액션이 발생하게 되면, 디스패치를 통해 스토어에서 상태 변화의 필요성을 알리게 된다. 하지만, 디스패치된 액션을 스토어로 전달하기 전에 처리하고 싶은 작업이 있을 수 있다. 예를 들면, 단순히 어떤 액션이 발생했는지 로그를 남길 수도 있고, 액션을 취소

2022년 2월 2일
·
0개의 댓글

[React] 서버리스

서버리스는 직역하자면 "서버가 없다"라는 의미가 있다. 하지만 실제로 서버가 없는건 아니다.대신 특정 작업을 수행하기 위해 컴퓨터나 가장머신에 서버를 설정하고, 이를 통해 처리하는 것이 아님을 의미한다. 그 대신, BaaS(Backend as a Servie) 혹은 F

2022년 2월 2일
·
0개의 댓글

[React] JSX의 정의와 사용법

HTML 태그는 .js 파일 안에서 쓸 수 없어서 나온것이 JSX이다.JSX는 자바스크립트의 확장 문법이다. XML과 매우 비슷하게 생겼으며, 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다.브라우저에서 실행하기 전에 바벨을 사용하여 일반

2022년 1월 24일
·
0개의 댓글