React Native #5 비동기 / 애니메이션 / 네이티브 컴포넌트

Explanation

이제 가장 처음에 해볼만한 몇가지를 준비해봤습니다. 제목에서 보시다 싶이 비동기 통신과 애니메이션, 그리고 네이티브 컴포넌트 사용에 대해 짧게, 코드에서 바로 적어보려 합니다.

역시 예제 소스를 만들어서 깃헙에 올렸습니다. https://github.com/falsy/react-native-example/tree/native-components를 참고하시면 좋을 것 같습니다.
이전 글을 보셨다면, ./src/views/Dashboard.js 만 보셔도 될 거 같아요.

바로 코드로 갑니다.

사실 위 부분들은 아주 간단하게 React Native 공홈을 확인하시면 쉽게 해보실 수 있어요.
(그 밖에도 쉽게 사용할 수 있는 것들이 많습니다.)
참고 링크.
알림창
데이트 피커
애니메이션

짜짠 사실 여기까지가 준비한 리액트 네이티브의 첫걸음? 정도인 거 같아요.

(여기서부터는 약간 아주 짧은 개인적인 생각인데요.) 리액트 네이티브는 정말 신기할 정도로 리액트에 익숙하다면 쉽게 다가갈 수 있는거 같습니다. 하지만 여기에는 적지 않았지만 디바이스의 권한이 필요한 기능들이나 조금만 깊은 네이티브 요소들을 사용하기는 정말 쉽지 않아요. 안드로이드 스튜디오나 Xcode에 대한 지식과 기본 네이티브 언어(자바, 오브젝트씨, 등.. )나 애플리케이션에 대한 이해가 있으면 좋을 거 같아요.

이제.. 많은 계란을 준비해야 할 것 같습니다.

Leave a Reply

  1. sofkaints

    웹앱에서 본인인증을해야 캘린더 정보를 볼수 있는데
    퀵스타터는 실행하면 주는 url접속후 인증하고 뱉어내는 code를 입력해야 정보가 나옵니다.
    다른 유저가 이 기능을 쓰려면 어떻게 해야하죠?
    url을 클라한테 보내줘서 인증하게 해야하나요?

    간단히 말해 응용방법을 모르겠습니다 ㅠ

    • 안녕하세요, sofkaints님.
      실제로 서비스에서 사용하시려면 몇가지 수정이 필요할 것 같습니다. sofkaints님이 말씀하신 것처럼 구글 사용자 인증을 위해서 (문서상 변수)’authUrl’로 클라이언트에서 새로 페이지를 띄우거나 리다이렉션 시켜서 사용자가 인증절차를 걸칠 수 있게 해야 합니다. 그리고 인증이 완료되면 구글 API 프로젝트에서 사용자 인증에서 ‘승인된 리디렉션 URI’부분에 등록된 URI로 리다이렉션이 되는데 이때 스트링 파라미터로 ?code=… 라는 값이 함께 옵니다.
      ‘승인된 리디렉션 URI’에 등록된 URI의 로직에서는 스트링 파라미터로 code가 있는지 확인하고, 있다면 code를 이용해서 ‘getToken’ 하여 토큰을 만들어서 ‘storeToken’ 토큰을 등록하고 다음 이벤트 로직을 실행하면 됩니다.
      짧게 글로만 적으려니, 더 복잡하게 느껴지는거 같네요. 조금이나마 도움이 되었을지 모르겠습니다…
      댓글 감사합니다 :)

  2. 잘봤습니다!!

    글 정말 잘봤습니다 근데… 한대로 그대로 따라했는데
    Error: ENOENT: no such file or directory, mkdir

    이런오류가 계속 나네요.. 혹시 왜그런지 아세요 ?ㅠㅠ

    • 안녕하세요? 댓글 확인이 늦었네요.
      파일이나 디렉토리를 찾을 수 없다는 것으로 보아, 예제에서 디렉토리 파일을 읽어오는 부분.
      ‘ var TOKEN_DIR= ‘ 토큰을 저장할 디렉토리를 선언하는 부분이나
      ‘ client_secret.json ‘ 파일의 위치에서 문제가 생긴게 아닐까 싶습니다.
      ‘client_secret.json’ 파일을 올바른 디렉토리에 넣었는지, 또는 파일 디렉토리 경로를 수정하시거나
      생성하신 서버의 환경에 맞게 토큰을 저장할 디렉토리(‘TOKEN_DIR’)를 새로 지정하시면 되지 않을까 싶습니다.