prop과 state는 부모컴포넌트와 자식컴포넌트가 연결된 상태에서 데이터 공유를 위해 사용. 반면 Context는 부모컴포넌트와 자식컴포넌트가 연결되어 있지 않아도 데이터를 공유 할 때 사용. Context는 옵저버패턴을 사용. 옵저버 패턴은 공급자(Provider)와 소비자(Consumer)가 존재하며 공급자는 데이터를 보관, 변경, 소비자에게 공급하는 역할을 한다. 소비자는 공급자를 구독하며 데이터를 소비하는 역할을 한다. 간단히 유튜브 구독 서비스를 생각해보자. 소비자는 공급자보다 낮은 계층에 있어야 한다. 소비자는 공급자가 제공하는 콜백 함수로 데이터를 변경할 수 있다. 소비자가 공급자의 데이터를 변경할 때는 직접 데이터를 변경하는게 아닌 데이터 변경 요청을 한다. 데이터 변경 요청을 통해 데이..

Window 환경에서 Node 관련 작업을 하다보면 PSSecurity Exception가 발생한다. PSSecurity란 신뢰하지 않는 스크립트로부터 사용자 보호목적으로 만들어 졌으며 해당 기능을 해지 해야한다. Powershell을 관리자 화면으로 실행한다. 그리고 아래 명령어를 입력한다. Set-ExecutionPolicy Unrestricted 그리고 Y를 입력 한다.

ReactDOM.render( , document.getElementById('root'), ); StrictMode에서 호출시 자동으로 문제를 찾아주는것은 불가능하다. 하지만 조금 더 부작용을 예측할 수 있게끔 만들어서 문제가 되는 부분을 발견할 수 있도록 도와준다. 그래서 React는 아래의 함수를 의도적으로 두번씩 호출한다. 클래스 컴포넌트의 constructor, render 그리고 shouldComponentUpdate 메서드 클래스 컴포넌트의 getDerivedStateFromProps static 메서드 함수 컴포넌트 바디 State updater 함수 (setState의 첫 번째 인자) useState, useMemo 그리고 useReducer에 전달되는 함수 자세한 사항은 여기를 참조하기..

Ipad 브라우저에서 IOS13 버전과 이전 버전과의 UserAgent값이 틀립니다. 그로 인해서 현재 2020년 04월 08일에 맥북, 아이폰, 아이패드에서 어떻게 UserAgent가 표시되는지 확인을 위해서 각각 디바이스별로 테스트 했으며 테스트한 결과를 아래와 같이 정리 해보았습니다. 테스트 결과 기종 : 맥북 브라우저 : 크롬 내용 : Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36 기종 : 맥북 브라우저 : 사파리 내용 : Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit..