Programming/React Native(4)
-
React Hook 이란?
React Hook 이란? 함수형 프로그래밍을 가능하게 해줌. 그말은 즉슨, 리액트에서 클래스를 벗어나서 함수로 사용할 수 있게 된다는 것 ! why? 기존의 리액트는, 컴포넌트 사이에서 state와 관련된 로직을 재사용하기가 어려웠다. state관리가 어려웠기때문에 항상 변경시에는 컴포넌트를 재사용해야하며, 클래스의 계층을 이리저리 왔다갔다해야만 했다. wrapper hell 이라고도 불리는, 이리저리 this 파티와 어떤클래스를 가리키는 this인지 헷갈리는, 그러한 지옥에 빠지게 되는것이다. 그래서 리액트 상태 관련 로직을 공유하기위해서, 훅을 사용하면 여러가지장점이 생긴다. Hook을 사용하면, 생명주기 메서드를 기반으로 쪼개는데 초점을 맞추기보다는 로직에 기반을 둔 작은 함수로 컴포넌트를 나눌 ..
2020.02.24 -
[리액트네이티브(RN)] OAuth 2.0 과 소셜로그인(네이버아이디로로그인[네아로])
리액트 네이티브로 프로젝트를 진행하기로 했다. 그렇게 회원가입/로그인 구현 시 소셜로그인이야 워낙 api이용을 위한 가이드라인도 꼼꼼하게 되어있어 큰 걱정을 하지 않았으나, 허허 우리는 expo cli 를 사용하고있었어서, and, ios로 앱을 export 하지 않을 것이기 때문에 사용하고있는 프레임워크들에서 네아로 구현을 했어야만 했다 ㅎㅎ 그래! 네이티브앱 내에서 웹을 porting하는 방식으로 소셜로그인을 구현하자! 그렇게 해서 이 대장정이 시작되었다... 소셜로그인 React native expo로 개발을 진행하면서, 소셜로그인을 구현하는데 알아야 할 개념들을 먼저 알자. OAuth 2.0이란? API(or 서비스) 이용시 인증, 리소스(제공 서비스)에 대한 권한부여방법 중 하나. 비유하자면, ..
2019.11.19 -
[리액트 네이티브] 참고할만한 사이트
[페이스북의 리액트 네이티브 공식문서 깃헙(facebook react native)] 정리가 정말 잘되어있기때문에, 이곳의 공식문서로도 대부분은 당연히! 해결가능 기능, 컴포넌트가 있을까? 싶은 것들 검색하면 거의 다 나온다 https://facebook.github.io/react-native/docs/components-and-apis.html React Native · A framework for building native apps using React A framework for building native apps using React facebook.github.io [리액트 네이티브 깃헙커뮤(react native github community)] 정말 리액트를 하기 좋은 이유는, 깃헙 커..
2019.05.29 -
[리액트네이티브] npm으로 expo cli가 다운로드 완료되었지만 -bash: command not found(찾을수없음) 의 현상
react native를 사용해보고싶어 셋팅을 하다, expo xde의 지원이 종료된지 거의 1년이 되었다는 사실을 1분만에 접함!! 하지만 다행히도 expo cli를 설치하면 이제 따로 xde의 필요 없이 터미널에서 보여주는 qr코드를 촬영만 하면!! 사실은 촬영하지 않아도 기기 내 expo 앱에서 로그인만 하면 바로 테스트 가능하다고한다!! ㅎㅎ 그래서 기쁘고 감사한 마음을 갖고 홈페이지에서 하라는 대로 진행. (참고로, expo cli 앱을 사용할 디바이스와 개발 PC는 같은 네트워크를 사용하고있어야합니다) Expo - Get Expo tools 진촤 핵편하다.. 갓 npm... 하라는대로 해본다. 일단 설치! 일단 설치해본다 npm install expo-cli --global 2. ㅎㅎㅎㅎㅎ하지..
2019.05.28