# 리액트를 다루는 기술

43개의 포스트

Component Styling

컴포넌트를 스타일링하는 방식

2020년 9월 9일
·
0개의 댓글

prop-types

내가 전달받은 props가 원하는 props인지 확인할 수 있다.package.json 추가 npm install prop-typescomponent 추가 import PropTypes from 'prop-types';꼭 있어야하는 필수 체크가 아님. 그렇기 때문에 값

2020년 8월 26일
·
0개의 댓글

React console key error

Warning: Each child in a list should have a unique "key" prop.react에서는 각각 list 내의 child는 unique한 key prop를 가져야한다. 모든 엘리먼트들은 유일해야 하는데, 컴포넌트들을 묶어주면서 안으로

2020년 8월 26일
·
0개의 댓글

React event handler

이벤트 이름은 카멜 표기법으로 작성합니다onclick → onClickonkeyup → onKeyUp이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라, 함수 형태의 값을 전달함수 형태의 객체를 전달한다. 화살표 함수 문법으로 함수를 만들어 전달해도 되고, 렌더링

2020년 8월 26일
·
0개의 댓글

React ref로 DOM에 이름 달기

특정 DOM에 작업을 해야 할 때 ref를 사용한다 즉 DOM을 꼭 직접적으로 건드려야 할 때React 외 자바스크립트 및 jQuery로input을 검증할 때는 특정 id를 가진 input에 클래스를 설정한다.하지만 리액트에서 이런 작업은 굳이 DOM에 접근하지 않아도

2020년 8월 26일
·
0개의 댓글

React map() 동적인 배열 렌더링

자바스크립트 배열 객체의 내장 함수인 map 함수를 사용하여 반복되는 컴포넌트를 렌더링할 수 있다. map 함수는 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과로 새로운 배열을 생성한다.arr.map(callback, \[

2020년 8월 26일
·
0개의 댓글

React LifeCycle

constructor 초기 state 정의getDerivedStateFromProps props로 받아 온 값을 state에 동기화shouldComponentUpdate 리렌더링 여부 지정(true, false)render view 렌더링getSnapshotBe

2020년 8월 26일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (17)

redux 미들웨어 중 redux-thunk에 대해 알아보겠습니다.

2020년 7월 24일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (16)

리덕스 미들웨어를 통한 비동기 작업관리 👀

2020년 7월 21일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (14)

상태 관리 redux 라이브러리에 대한 내용입니다.

2020년 7월 17일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (13)

React 상태 관리 Context API에 대해 알아보겠습니다.

2020년 7월 15일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (12)

news viewer 마무리~🙇🏻

2020년 7월 13일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (11)

뉴스 뷰어를 만들어 보겠습니다🔥

2020년 7월 12일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (10)

비동기 작업에 이해...🤔

2020년 7월 10일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (9)

Route 를 내용을 작성해 보겠습니다👀

2020년 7월 9일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (8)

immer 를 이용해서 불변성을 쉽게 유지 해보자

2020년 7월 9일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (7)

todo app의 성능 최적화를 해보겠습니다 💥

2020년 7월 9일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (6)

지겨운(?) todo app을 만들어 보겠습니다😭

2020년 7월 8일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (5)

오늘은 컴포넌트 스타일링을 적어보겠습니다🔥

2020년 7월 8일
·
0개의 댓글