개발일지

state는 일반 객체인데 랜더링 결과물에 영향을 주는 정보를 가지고 있다. 이 state는 컴포넌트 안에서 관리된다.React 공식문서에서 정의한 State이다.여기서 짚고 넘어가야할 부분은 '랜더링 결과물에 영향을 주는 정보' 부분이라 생각한다.즉, 랜더링 결과물에

React에서 SVG를 사용중이였다.(styled-components 사용중.) 그런데 여러 SVG를 사용하는 상황에서 여러 SVG모두 같은 css를 받던 상황이였다. (심지어 props에대한 로직도 같은 상황)styled-components에서 해당 SVG컴포넌트들

부모 컴포넌트에서 자식컴포넌트에게 props로 함수를 넘기는 상황이다.이 goUrl함수를Child라는 컴포넌트에 props로 넘기는 상황이다.goUrl함수는 호출되면 어떠한 값을 리턴하지 않고 단순히 함수블럭 내에서 router.push(path)만을 실행시킨다.즉,

styled-components wrapper컴포넌트 내에 여러개의 styled-components 컴포넌트들이 존재하는데 이 컴포넌트들에게 동일한 selected라는 props가 전달된다.딱봐도 리팩토링 하고싶어지는 코드이다.사실 처음에는 어느정도 문제있다라는 생각은

React에서 inputRef.current.focus()를 사용하는 상황이였다.input태그에 focus를 주고싶은데 계속 적용이 안되는거였다.이유는 바로 내가 input에다가 disabled속성을 넣었기 때문이다.inputRef.current.focus()를해도 f

내목표는 안드로이드 환경에서 React Native 환경 세팅하는것이다.(Expo아님.)왜냐면 블루투스 통신이 필요해서이다.솔직히 복잡하진않다.https://reactnative.dev/docs/environment-setupReact Native 공식문서에서

side project로 진행하는 todolist들을 drag and drop으로 카드를 재구성할수 있게 하고싶었다.react-dnd, 커스텀하게 직접 dnd를 구현.. 등등 여러방면으로 고민을하면서 codesandbox에서 실습을했는데 너무 어렵고 복잡했다.. 특히

계속해서 사용하고싶은 todoReducer에서 제공하는 타입이 never가 떠서 todoReducer에서 관리하는 상태들을 아무것도 사용못하는 에러를 겪었다.그래서 todoReducer의 리듀서 함수 내부에서 데이터를 잘못 설정한게있나, 타입을 잘못건드린게 있나 마우스