FE/React & RN36 [ React ] Redux @ 궁금증이 왜 생겼나? Context API 를 먼저 접했던 나는 class componet 에서 자주 사용했던 Redux에 대해서 궁금증이 생겼다 과연 Context API 와 기능적으로 차이가 없는데 그럼 옛날에도 있었던 Context API 를 사용하지 않고 왜 Redux 를 사용했는지 그럼 요즘 왜 Context API 가 인기 인지에 대한 궁금증을 해결 하고 싶어서 ## Redux ## Redux-Saga ## RxJS 2019. 9. 4. [ React ] Hook 정리 @ 어디서 궁금했는가? 리엑트 프로젝트를 하고 있다보니까 useState, useReducer, useContext 등은 잘 사용했지만 계속 되는 오류로 건들지 못하고 어디서 본 걸로 사용을 하고 에러가 뜨면 더이상 건들지 않는 경우가 많았다. 그래서 제대로 좀 정리해 보고 이것 저것 실험을 해보면서 공부를 하기 위해서 작성하게 되었다. @ 공부 ## Hook 이란? Hooks 는 리액트 v16.8 에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해줍니다. ## 우선 Hook 에 대한 규칙 Hooks 규칙 1. 리액트.. 2019. 8. 30. [ React ] Context API context 를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다. 일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 (예를 들면 선호 로케일, UI 테마) 이 과정이 번거로울 수 있습니다. context를 이용하면, 트리 단 계마다 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 이러한 값을 공유하도록 할 수 있습니다. [ 참고 공식문서 ] https://ko.reactjs.org/docs/context.html Context – React A JavaScript library for building use.. 2019. 8. 18. [React] 억음 표시 ( grave accent ) ` 변수에 템플릿 문자열 삽입 후 사용 가 let story = `Hello, World! I'm "24"` console.log(story) // Hello, World! I'm "24" 출력 위와 같이 변수 뒤에 내용들을 `(grave accent)로 감싸면 공백, 따옴표 등 작성한 그대로 출력할 수 있음 템플릿 문자열 안에 변수 삽입 가능 const a = "takeU"; const b = 24; ES5에서는 위에서 선언한 상수 a,b를 문자열 안에 출력하려면 아래와 같이 작성했다. console.log("Hello " + a + " I'm " + b + " year's old") 보는것과 같이 띄어쓰기도 일일이 해야하고 +로 이어줘야 하므로 번거롭다. 하지만 ES6는 아주 편하게 할 수 있음. con.. 2019. 8. 3. 이전 1 ··· 5 6 7 8 9 다음
