본문 바로가기

프론트-엔드

[React] React에서 setState를 지양하라구요? " 기껏 Life Cycle을 공부했는데, React의 state 메커니즘을 쓰지 말라구요? " 어제 보냈던 Merge Request(Github에서 Pull Request)에서 setState는 쓰지 않는 게 좋겠다는 피드백을 받고 멘붕이 왔습니다. 왜 React의 state 메커니즘을 지양하는 게 좋겠다고 하는 걸까요? 그렇다면 어떻게 해야 할까요? setState는 비동기적이다. setState 메소드는 호출되는 즉시 실행되는 것이 아닌, 하나의 요청이라고 이해하고 있어야 합니다. 비동기적으로 실행되기 때문이죠. 많은 분들이 setState로 state를 변경한 직후에 this.state에 접근하는 것이 아무 문제가 없을 것이라고 생각할 겁니다. 하지만, setState는 비동기 메소드이기 때문에 ..
[RN] React Navigation Docs(7) - Tab Navigator React Navigation Docs시리즈에서는 React Navigation 공식 홈페이지(https://reactnavigation.org)에 있는 내용을 정리해 보고자 합니다. 자세한 내용은 링크를 참고해주세요. [RN] React Navigation Docs(1) - navigate[RN] React Navigation Docs(2) - params[RN] React Navigation Docs(3) - navigationOptions[RN] React Navigation Docs(4) - App containers[RN] React Navigation Docs(5) - Switch Navigator[RN] React Navigation Docs(6) - Drawer Navigator Note:..
[RN] React Navigation Docs(6) - Drawer Navigator React Navigation Docs시리즈에서는 React Navigation 공식 홈페이지(https://reactnavigation.org)에 있는 내용을 정리해 보고자 합니다. 자세한 내용은 링크를 참고해주세요. [RN] React Navigation Docs(1) - navigate[RN] React Navigation Docs(2) - params[RN] React Navigation Docs(3) - navigationOptions[RN] React Navigation Docs(4) - App containers[RN] React Navigation Docs(5) - Switch Navigator [RN] React Navigation Docs(7) - Tab Navigator 아래에 보이는..
[RN] React Navigation Docs(5) - Switch Navigator React Navigation Docs시리즈에서는 React Navigation 공식 홈페이지(https://reactnavigation.org)에 있는 내용을 정리해 보고자 합니다. 자세한 내용은 링크를 참고해주세요. [RN] React Navigation Docs(1) - navigate[RN] React Navigation Docs(2) - params[RN] React Navigation Docs(3) - navigationOptions[RN] React Navigation Docs(4) - App containers [RN] React Navigation Docs(6) - Drawer Navigator[RN] React Navigation Docs(7) - Tab Navigator Stack N..
[RN] React Navigation Docs(4) - App containers React Navigation Docs시리즈에서는 React Navigation 공식 홈페이지(https://reactnavigation.org)에 있는 내용을 정리해 보고자 합니다. 자세한 내용은 링크를 참고해주세요. [RN] React Navigation Docs(1) - navigate[RN] React Navigation Docs(2) - params[RN] React Navigation Docs(3) - navigationOptions[RN] React Navigation Docs(5) - Switch Navigator[RN] React Navigation Docs(6) - Drawer Navigator[RN] React Navigation Docs(7) - Tab Navigator 컨테이너는 ..
[RN] React Navigation Docs(3) - navigationOptions React Navigation Docs시리즈에서는 React Navigation 공식 홈페이지(https://reactnavigation.org)에 있는 내용을 정리해 보고자 합니다. 자세한 내용은 링크를 참고해주세요. [RN] React Navigation Docs(1) - navigate[RN] React Navigation Docs(2) - params[RN] React Navigation Docs(4) - App containers[RN] React Navigation Docs(5) - Switch Navigator[RN] React Navigation Docs(6) - Drawer Navigator[RN] React Navigation Docs(7) - Tab Navigator Sharing c..
[RN] React Navigation Docs(2) - params React Navigation Docs시리즈에서는 React Navigation 공식 홈페이지(https://reactnavigation.org)에 있는 내용을 정리해 보고자 합니다. 자세한 내용은 링크를 참고해주세요. [RN] React Navigation Docs(1) - navigate[RN] React Navigation Docs(3) - navigationOptions[RN] React Navigation Docs(4) - App containers[RN] React Navigation Docs(5) - Switch Navigator[RN] React Navigation Docs(6) - Drawer Navigator[RN] React Navigation Docs(7) - Tab Navigato..
[RN] React Navigation Docs(1) - navigate React Navigation Docs시리즈에서는 React Navigation 공식 홈페이지(https://reactnavigation.org)에 있는 내용을 정리해 보고자 합니다. 자세한 내용은 링크를 참고해주세요. [RN] React Navigation Docs(2) - params[RN] React Navigation Docs(3) - navigationOptions[RN] React Navigation Docs(4) - App containers[RN] React Navigation Docs(5) - Switch Navigator[RN] React Navigation Docs(6) - Drawer Navigator[RN] React Navigation Docs(7) - Tab Navigator ..