"사이드 이펙트"라는 용어들을 종종 듣게 되었다. 사이드 이펙트는 번역하면 "부작용"인데, 음 도대체 어쩌라는거지... 뭔소리지.. 라는 의문을 가졌다. Side-effect란 보통 함수형 프로그래밍에서 주로 쓰이는 용어로 순수 함수와 다른말이다. 📌 Pure Function 순수함수 1. 함수의 리턴값은 예측 가능하며 동일하다 2. 함수 외부의 값이나 함수에 전달된 값을 변경하지 않는 함수 위의 이미지처럼 addNum에 a와 b를 넣었을때 리턴되는 값은 3이라는걸 예측할 수 있다. 이를 순수 함수라고 부른다. 이와 반대되는 Side-effect는 무엇일까? 📌Side-effect 예측되지 않은 것 Side-effect는 항상 같은 결과를 리턴하지 않는, 즉 예측할 수 없는 특징을 가지고 있다. 예를들어..

리액트 라이프사이클이란 리액트 앱이 실행되고 종료되는 과정을 마운트, 업데이트, 언마운트로 나눈 것 Q. 마운트, 업데이트, 언마운트란? 마운트 : 컴포넌트가 실제 DOM에 삽입되는 것 업데이트 : 컴포넌트가 변하는 것 언마운트 : 컴포넌트가 DOM 상에서 제거되는 것 Q. 렌더링이란? 컴포넌트 내에 Element 요소들(HTML, React 사용자 정의 태그)을 화면에 그리는 동작 React의 라이프사이클 (16.3 >= ) [1] 컴포넌트 생성 constructor → render → componentDidMount 1. constructor 컴포넌트가 만들어지면 가장 먼저 실행되는 생성자 메서드 초기값을 설정할때 주로 사용 2. render constructor()에서 정의한 state 값의 접근 ..

안녕하세요. 미루고 미뤄왔던 지난번 프로젝트를 이번에 이어서 작업중에 있습니다. React-Native 차트 라이브러리를 좀 찾다보니 무료 라이브러리 중 'svg'라는 라이브러리를 많이 사용하는듯 보이더라구요. www.npmjs.com/package/react-native-svg react-native-svg SVG library for react-native www.npmjs.com 별 생각없이 평소 하던데로 받으려니 > npm i react-native-svg 왠걸.... 어디서 많이 본듯한 안본듯한 에러가 발생하더랍니다. package-lock.json 지우기 cache clean.. 등 작업을 했는데도 증상이 같았습니다. npm install throws "Could not resolve depe..

더보기 네비게이션이란? 웹에서는 React-router로 컴포넌트를 구분했지만, React Native(반응형 앱)에서는 별도의 URL이 존재하지 않기 때문에 React-Navigation을 이용하여 구분합니다. React-Navigation V5를 사용하여 앱에서 각각의 버튼이나 이벤트가 발생될 때, 어느 공간으로 이동할 것인지 먼저 따라해봅시다. https://reactnavigation.org/ React Navigation | React Navigation Routing and navigation for your React Native apps reactnavigation.org 가장 먼저 해야할 것은, React-Navigation 설치겠죠? 1. React-Navigation Install 위..