useCallback Example(Hook)
특정 함수를 재사용하는 useCallback예제
useMemo Example는 특정 결과값을 재사용하는 반면, useCallback은 특정 함수를 새로 만들지 않고 재사용한다.
send me email if you have any questions.
Array Modify Example(Hook)
Start React project - 프로젝트만들기
JSX Example - 컴포넌트를 만드는 법과 JSX문법
state and props - State와 props
리엑트에서 배열에 원소를 수정하는 예제
리액트애서는 state 내부의 값을 직접적으로 수정하면 절대로 안되며 이를 불변성 유지라고 한다.
push, splice, unshift, pop 같은 내장함수는 배열 자체를 직접 수정하게 되므로 적합하지 않다.
그 대신에, 기존의 배열에 기반하여 새 배열을 만들어내는 함수인 concat, slice, map, filter 같은 함수를 사용해야한다.
Array Append Example
Array Delet...
Array Delete Example(Hook)
Start React project - 프로젝트만들기
JSX Example - 컴포넌트를 만드는 법과 JSX문법
state and props - State와 props
리엑트에서 배열에 원소를 제거하는 예제
리액트애서는 state 내부의 값을 직접적으로 수정하면 절대로 안되며 이를 불변성 유지라고 한다.
push, splice, unshift, pop 같은 내장함수는 배열 자체를 직접 수정하게 되므로 적합하지 않다.
그 대신에, 기존의 배열에 기반하여 새 배열을 만들어내는 함수인 concat, slice, map, filter 같은 함수를 사용해야한다.
Array_Append_Example
send me em...
Arrow function(화살표함수)
Arrow function(화살표 함수)는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있다.
하지만 모든 경우 화살표 함수를 사용할 수 있는 것은 아니다.
send me email if you have any questions.
Array Append Example(Hook)
Start React project - 프로젝트만들기
JSX Example - 컴포넌트를 만드는 법과 JSX문법
state and props - State와 props
리엑트에서 배열에 원소를 추가하는 예제
리액트애서는 state 내부의 값을 직접적으로 수정하면 절대로 안되며 이를 불변성 유지라고 한다.
push, splice, unshift, pop 같은 내장함수는 배열 자체를 직접 수정하게 되므로 적합하지 않다.
그 대신에, 기존의 배열에 기반하여 새 배열을 만들어내는 함수인 concat, slice, map, filter 같은 함수를 사용해야한다.
send me email if you have any qu...
Phone book Example(Hook)
Start React project - 프로젝트만들기
JSX Example - 컴포넌트를 만드는 법과 JSX문법
state and props - State와 props
전화번호 입력 예제
send me email if you have any questions.
Class vs Hook
React 컴포넌트는 클래스형 컴포넌트(Class Component)와 함수형 컴포넌트(Functional Component)로 나뉜다.
기존의 개발방식은 함수형 컴포넌트를 주로 사용하되 state나 Life Cycle method를 사용해야 할 때 클래스형 컴포넌트를 사용
하지만 React버전 16.8에 새로 Hook이라는 개념이 추가되며 함수형 컴포넌트에서 클래스형 컴포넌트의 작업을 할 수 있게됨
이 포스팅에서는 Class와 Hook을 비교하고 Hook을 소개한다.
send me email if you have any questions.
Array Rendering Example(Hook)
Start React project - 프로젝트만들기
JSX Example - 컴포넌트를 만드는 법과 JSX문법
state and props - State와 props
리엑트에서 배열을 렌더링하는 예제
send me email if you have any questions.
248 post articles, 31 pages.