React
1.React
[NOW SOPT] WEB 3주차 복습
2.[React] Component, Rendering
Component Component 소프트웨어를 독립적인 하나의 부품으로 만드는 방법 HTML 요소를 반환해주는 JavaScript 함수 비즈니스 로직 + 시각적인 부분(UI) 적절하게 분리 클래스형 컴포넌트 Component 상속 필요 render() 메소드 필요 props 조회시 this.props 조회 state lifecycle API 사용 ...
3.[React] 컴포넌트를 분리하는 기준과 방법
리액트 컴포넌트를 분리하는 기준 재사용성 (Reusability) 다른 부분에서도 사용될 수 있는지 여부 재사용 가능한 컴포넌트 → 효율성 증가 코드 중복 감소 ex. 버튼, 입력필드, 툴팁 단일 책임 원칙 (Single Responsibility Principle, SRP) 각 컴포넌트는 하나의 기능만 수행 컴...
4.[React] useState
React상태관리, useState 특징 및 사용법
5.[React] useReducer
useReducer 정의, 사용법, useState와의 비교
6.[React] useMemo, useCallback
useMemo, useCallback, 메모이제이션
7.[React] useEffect, useLayoutEffect
useEffect 사용법, side-effect 관리, clean-up, useLayoutEffect
8.[React] Custom Hook
Custom Hook 사용법
9.[React] reactQuery
VISLab 이진 - 240312 발표 [reactQuery]
10.[React] Router
Router a 태그의 문제점 해당하는 HTML 새로 로드 → 깜빡임 현상 발생 React는 SPA (하나의 HTML) 컴포넌트 조건부 렌더링 : 새로고침 시 최초 렌더링된 메인으로 이동 → 특정 url 접속 불가 외부 링크로 이동시에는 `` 태그 필요 Router Routing : 사용자가 요청한 URL에 따라 알맞은 페이지 표시 Rea...
11.[React] 한글자씩 입력받는 블럭 컴포넌트
input 박스 숨기고 한글자씩 display하기!
12.[React] React19
React19
13.[React] animation 작동 안 되는 이슈 (feat. key)
TypeScript + emotion에서 animation이 작동되지 않을 때
14.[React] light/dark mode 구현 (TypeScript + emotion)
TypeScript + emotion으로 light/dark mode 구현하기 (feat. Context API)
15.[React] useEffect로 backdrop 구현하면 안 되는 이유
useEffect로 backdrop 구현하면 안 되는 이유, event handler를 활용하자 !
16.[React] 스크린샷 클립보드에 복사하는 방법
[React + TypeScript] event handler로 현재 화면 스크린샷 클립보드에 복사하는 방법
17.[React] 왜 Error Boundary는 비동기 코드 에러를 잡지 못할까?
React, Error Boudnary, 실행 컨텍스트, 이벤트 루프