React.js 기초
1.React에서 {}(중괄호)의 의미
TL; DR(요약) > {}(중괄호)는 자바스크립트 식을 의미한다. 즉, jsx/tsx 파일 내에서 js 식을 사용하고 싶으면 {} 안에 작성하면 된다. ✅ 코드 중간에 js 식을 넣고 싶을 때는 (백틱)${}(백틱)을 사용한다. {}는 자바스크립트 식이다 1. 왜
2023년 7월 25일
2.[React Hook] useState
useState에 대해서!
2023년 8월 13일
3.리액트에서의 렌더링( React rendering) / 렌더링과 state(상태)
렌더링이라는 용어를 자주 사용하는 데 그 의미가 무엇인 지 알아보자
2023년 8월 13일
4.[React Hook] useEffect
react에서 자주 쓰이는 useEffect란 무엇인가
2023년 8월 13일
5.[React Hook] useReducer
좀 더 복잡한 상태 관리를 위한 훅, useReducer
2023년 8월 13일
6.[React Hook] 성능 개선을 위한 훅; useCallback, useMemo
성능 개선을 위한 훅; useCallback, useMemo
2023년 8월 13일
7.React Hook이란?
React Hook이란 무엇인가
2023년 8월 13일
8.[React Hook] useLayoutEffect
렌더링이 시작되고, 코드의 UI 구현부가 DOM에 추가되기 전에 호출되는 훅 렌더링 시작 ➡️ useLayoutEffect 호출 ➡️ DOM에 UI 엘리먼트 추가 ➡️ useEffect 호출 호출이 되는 시점때문에 이 훅으로 추가할 effect가 화면 구성에 필수일 경
2023년 8월 13일
9.[React Hook] Custom Hook
Custom Hook이란 무엇인가
2023년 8월 13일
10.React Context API vs. Recoil
intro > 둘 다 어느 컴포넌트에서든 특정 변수에 접근할 수 있기 때문에 유사해보여서, 둘 사이의 확실한 차이를 알아보려고 한다! React Context API > Context의 가장 큰 목적은 prop drilling을 피하는 것이다 ➡️ 즉, prop을 자
2023년 8월 13일
11.컴포넌트 성능 개선을 위한 React memo API
순수 컴포넌트에 대해 성능 개선을 할 수 있는 React memo API는 무엇인가
2023년 8월 13일
12.[React] 조건부 렌더링 / && 연산자를 사용해서 렌더링할 때의 원리
React에서 &&연산자를 활용한 조건부 렌더링의 원리를 알아보자
2023년 8월 21일
13.[React] React에서 불변성(immutability)이 중요한 이유
React에서 중요한 개념인 불변성에 대해 알아보자
2023년 12월 7일