React

오늘 만나볼 에러는 iOS target을 "12.0"으로 바꿔야한다는 친구다.iOS target을 작성하는 곳이 많던데 어디를 바꿀것이냐가 이 에러 해결의 포인트인것 같았다. 해당 에러는 Xcode run 으로 실행했을 때, 발생했고에러 문구가 아주 잠깐 뜨고 사라지는

expo 프로젝트를 React Native cli로 이전하기로 했다.React Native cli로 프로젝트를 생성하니오랜만에 watchman을 install 했다. 예전에 선배가 "변화를 감지하는 프로그램" 이라고 얘기해던게 기억난다. watchman은 파일의 변화를

RN 프로젝트를 새로 셋팅하면서 TailWind를 사용하기위해서 NativeWind를 설치했다. 그러나코드에 className이 뜨는걸 확인하기 까지 삽질의 시간이 있었다. NativeWind의 설치방법과 문제해결과정을 담았다.npx tailwindcss init 을

1. 리액트는 왜 나왔는가 초기 웹 개발 jQuery나 Vanilla JavaScript로 DOM을 직접 선택하고 조작하는 방식으로 진행 > 웹개발 등장>Vanilla JavaScript((년도))> jQuery(년도) 1-1. DOM 직접 조작의 한계 상태를 변경

1. Intro React 공식 문서를 열면 가장 먼저 "A JavaScript library for building user interfaces"라는 문구가 눈에 들어온다. 하지만 React를 실제로 사용하다 보면 이런 의문이 들 때가 있다. "이 정도면 프레임워

React의 상태 자동 업데이트는 React를 사용하는 주된 이유 중 하나이다. DOM 자동 업데이트를 위해 나온 라이브러리가 React인 만큼 대부분의 경우 개발자가 신경쓰지 않아도 된다.하지만 React가 모든 데이터의 변경을 상태 변화로 감지하는 것은 아니다.

ref 속성에 useRef 대신 함수를 전달하는 패턴조건부 렌더링처럼 DOM이 동적으로 생기는 상황에서 정확한 타이밍 포착이 필요할 때JSX 평가DOM 연결paintuseEffect 실행 → focus()JSX 평가DOM 연결 → 즉시 callback 실행 → focu