React Navigation 사이트 에서 참고한 내용입니다. withNavigation 은 감싸고 있는 컴포넌트에 navigation prop 를 전달해주는 Higher-Order 컴포넌트이다. 이는 navigatio prop 를 컴포넌트로 직접 전달할 수 없거나, 깊게 중첩된 자식 컴포넌트로 전달하고 싶지 않을때 유용하다. 이를 해결하기 위해선, MyBackButton 에 navigation prop 를 전달하면 된다 : . 또는, withNavigation 를 함수를 이용해 navigation prop 를 자동으로 제공해줄 수 있다. 이 함수는 Redux의 connect 함수와 비슷하게 동작하는데, dispatch prop 대신 navigation prop 를 전달한다. 이 방법을 통해, navig..
Redux를 배우는 것은 쉽지 않다. 가파른 러닝 커브를 지닌 복잡한 툴이다. 하지만 이런 러닝커브를 극복하고 Redux를 사용했을때 과연 어떤 점이 편해지는 걸까? 단순히 React의 상태state를 관리해주는 도구일 뿐인걸까, 아니면 그 이상의 무언가가 있는걸까? Redux의 진짜 강점을 알아보자. Redux로 무엇을 할 수 있을까?(현재) React는 상태 관리(state management) 측면에서 부족하다. Redux는 그것을 보완해주기 위해 탄생한 도구이다. 우선, 상태 관리가 무엇을 의미하는지 짚고 넘어가자. 상태state가 무슨 의미인지 이해하기 어렵다면, 단순히 데이터data라고 생각하면 쉽다. 이 상태는 수시로 변경되며, 이 내용을 바탕으로 UI에 표현될 내용을 결정한다. 일반적으로 ..
예제React js 로 예제를 만들어 보았습니다. 소스 코드는 제 깃헙의 https://github.com/yunyong/tui-editor-react-example 여기에서,데모 페이지는 여기 에서 확인하실 수 있습니다. NHN엔터에서 오픈소스로 공개한 에디터가 나왔네요. 이름은 TOAST UI Editor. 2018년 1월 15일 깃허브에 공개 되었습니다.마크다운(Markdown)과 위지윅(WYSIWYG) 기능을 포함한 형태라고 합니다. 엄청나네요.. 특히 엑셀 복붙이랑 그래프 표현은 정말 대단한 것 같습니다. 게시판 만들때 어떤 에디터를 쓰지.. 하는 고민을 덜어줄 것 같습니다. API 문서와 데모 예제 또한 정리가 잘 되어 있습니다. 깃헙을 포함한 모든 페이지가 영어로 되어있는걸 보니 세계시장을 ..
- Total
- Today
- Yesterday