# 리엑트

112개의 포스트

(React) Using the Effect Hook

Effect Hook을 사용하면 함수 컴포넌트에서 side effect를 수행할 수 있다.

2일 전
·
0개의 댓글

[React] States

상황에 따라 가변적인 정보와 UI가 연관될 수 있다. 이런 가변적인 정보를 상태라 부르고, 이 상태를 관리할 수 있는 방법이 바로 state이다.

3일 전
·
0개의 댓글

React : JSX

jsx가 뭐죠?

2021년 5월 8일
·
0개의 댓글

(Redux) Normalizing State Shape

서로 다른 테이블의 아이템을 가지고 싶다면, 그 아이템의 고유 id를 가지면서 이를 주소값을 참조하는 것처럼 활용한다.

2021년 5월 6일
·
0개의 댓글

(React) 리액트의 불변성 immutable.js

리액트를 사용한다면, immutability라는 말을 들어봤을 것이다. 리액트 컴포넌트의 state를 변경해야할 땐, 무조건, setState를 통해서 업데이트 해주어야 하며, 업데이트 하는 과정에서 기존의 객체의 값을 직접적으로 수정하면 절대 안된다.

2021년 5월 4일
·
0개의 댓글

react 함수형하위컴포넌트에서 함수형상위컴포넌트 state변경하기

결론부터 말하겠습니다. react하위컴포넌트에서 상위컴포넌트 state를 변경하기 위해서는 하위 컴포넌트에 상위컴포넌트의 setstate를 props로 받아와서 setstate를 이용해 변경해주면 됩니다. 예시를 들겠습니다. 우선 예시의 컴포넌트들간의 architect

2021년 5월 4일
·
0개의 댓글

기술 면접에서 받은 질문 (2) - React 및 기타

요 근래 몇몇 크고 작은 회사에서 기술 면접을 봤다. 받았던 기술 관련 질문들을 정리해 보았다. 이 글에는 React를 비롯한 여러 라이브러리와 기타 프론트엔드 관련된 내용들을 정리했다. Vanilla JavaScript 관련 글은 이전 글에서 정리했다.

2021년 4월 30일
·
0개의 댓글
post-thumbnail

TIL 15 - React (Component의 State)

What is state? state는 컴포넌트의 상태 값을 말합니다. state와 props는 둘 다 object 이고, 화면에 보여줄 정보(상태)를 가지고 있다는게 매우 비슷합니다. 밑에 example은 버튼을 눌렀을 때, state를 변화시켜서 보여줘야할 텍스트를 바꾸는 코드입니다. click이라는 하나의 state 있지만 여러 개의 state를 ...

2021년 4월 26일
·
0개의 댓글

(React) Youtube View Cloning by React

리액트로 클라이언트를 구성하려면 가장 먼저 컴포넌트 구조를 구상하고, 각 컴포넌트의 스트림을 만드는 것이 가장 중요하다. 리액트는 단방향 데이터 흐름을 가지고 있기 때문에 이 특징을 유념하면서 "데이터가 흘러갈 길"을 만드는 것이 중요하다. props는 리액트에서 컴포

2021년 4월 22일
·
0개의 댓글

(React) React로 사고하기

React는 JavaScript로 규모가 크고 빠른 웹 애플리케이션을 만드는 가장 좋은 방법이다.

2021년 4월 14일
·
0개의 댓글

[React] React.memo를 사용한 컴포넌트 리렌더링 방지

컴포넌트의 props가 바뀌지 않았다면, 리렌더링을 방지해 컴포넌트의 리렌더링 성능 최적화를 해줄수 있는 React.memo라는 함수에 대해서 알아보자.

2021년 4월 9일
·
0개의 댓글

[React] 배열 항목 수정하기

컴포넌트의 users 배열 안의 객체 안에 active라는 속성을 추가한다. App.js에서 onToggle이라는 함수를 구현한다. UserList 컴포넌트에서 onToggle을 받아와서 User에게 전달해준다

2021년 4월 9일
·
0개의 댓글

[React] 배열에 불변성을 지키면서 항목 추가하기

배열에 변화를 줄 때에는 객체와 마찬가지로, 불변성을 지켜주어야 한다.

2021년 4월 9일
·
0개의 댓글
post-thumbnail

[React] Why Virtual DOM

본 글은 원문을 번역한 벨로퍼트님의 글을 참고했습니다. 리엑트의 핵심 개념인 버츄얼 돔에 대해 알아보자.

2021년 4월 9일
·
0개의 댓글
post-thumbnail

[React] 기초부터 배우는 React : Life Cycle

라이프 사이클은 리액트 프로그래밍의 유지보수를 원활하게 만드는 필수요소이다

2021년 4월 9일
·
0개의 댓글

(React) 기초부터 배우는 React : Props & State

Props와 State는 리액트에서 데이터를 다룰 때 사용하는 개념이다.

2021년 4월 8일
·
0개의 댓글

[React] 기초부터 배우는 React : 구동 살펴보기

가상 DOM을 사용하는 리액트는 실제 DOM이 필요하다.

2021년 4월 8일
·
0개의 댓글

[React] about : <Switch>

라우터와 스위치를 구현해보자

2021년 4월 6일
·
0개의 댓글

[React] useCallback / useMemo

본 글은 리엑트 공식 문서를 참고했습니다.

2021년 4월 6일
·
0개의 댓글

(React) useEffect 마운트 / 마운트 / 업데이트 시 할 작업 설정하기

본 글은 벨로퍼트의 모던 자바스크립트를 바탕으로 작성되었습니다.

2021년 4월 6일
·
0개의 댓글