React

객체에서 특정 key의 value값을 변경시켜야 하는데 if문으로 조건문을 걸다보니 반복되는 코드가 발생했다함수를 이용해서 코드를 줄여보기로 했다obj 객체의 c 속성의 값을 30으로 변경하기useEffect를 이용하여 결과를 확인해보면 제대로 변경되었다하나 또는 동시

개요 > 리액트를 사용할 때 올바른 방향으로 하고있는지 더 나은 방법은 없는지 의구심이 들었는데 예전에 읽으려고 했던 공문을 발견했다. 왜 이제야 봤는지 조금 후회가 됐지만.. 앞으로 개발하면서 참고하기 위해 요약해보았다! 요약 목업으로 시작하기 JSON API와

작업 시 배열이나 개체에 포함된 항목 중 일부만 필요하다.Destructuring은 필요한 것만 추출하기 쉽게 한다.배열을 구조화할 때 변수가 선언되는 순서가 중요하다.car와 suv만 원하는 경우 트럭은 생략하고 쉼표는 유지하면 된다.구조화는 함수가 배열을 반환할 때

state를 변경할 때 주로 useState를 사용하였는데 아래의 경우에 관리하기 힘들다고 느꼈다.state 가 늘어날수록객체가 중첩될수록state 가 자주 변경될수록내가 주로 관리하던 state는 다음과 비슷한 형태를 가지는데이번에 맡은 일이 input도 많고 sta

clearTimeout브라우저 내장 함수타이머를 지운다.return () ⇒ {};익명함수로 useEffect 내부에서 클린업 함수로 실행된다.새로운 타이머를 설정하기 전에 타이머를 지운다.타이핑 시 클린업 함수는 여러번 실행되지만 identifier 함수는 한번만 실

이전 버전의 react-router-dom을 사용해본 사람에게는 좀 더 익숙한 방법이다.두 방법 중 무엇을 사용해도 상관없으나예제에서는 createBrowserRouter를 사용함【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScrip

【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript

element가 children의 부모 라우트이며 래퍼 역할을 한다.Outlet자식 라우트 요소가 렌더링되어야 할 장소를 표시한다.【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript

Link에 이벤트 발생 시 스타일링 적용하기현재 활성된 라우트의 경로가 NavLink의 경로로 시작하는지 확인한다. 해당 경로로 시작하면 isActive = true모든 라우트는 ‘/’로 시작하기 때문에 경로를 루트로 설정할 경우 모든 라우트는 항상 true 로 반환된