Async to Sync in JavaScript 누구나 웹개발을 하다보면 HTTP 통신을 통해 데이터를 가져오고 가공하고 사용하게됩니다. 그리고 동기, 비동기 처리 때문에 골치가 아파집니다. (만약 골치가 아프지 않다면.. 부럽습니다..) 더 이상 골치아프기 싫어서 정리해봅시다.👍
*동기, 비동기 설명은 이전 포스팅으로 갈음합니다.
Async(비동기) to Sync(동기) 방법 자바스크립트에서의 비동기를 동기로 동작시키는 대표적인 3가지의 방법을 알아보겠습니다.
Callback
Promise
Async / Await
1. Callback 개발자들 마다 정의가 조금씩 다르겠지만, 저는 어떤 이벤트가 발생한 후, 수행될 함수로 정의해보겠습니다.
Interpreter VS Compiler_Language web 개발을 하다보면 javascript를 공부하게 되고, javascript를 공부하다보면, 어려워지죠ㅎ.
더 어려워 지기 전에 기초적인 지식?인 인터프리터 언어와 컴파일 언어의 특징과 차이에 대하여 알아봅시다!
뜬금없이 프로그래밍 언어란 무엇인지 우선 알아봅시다. 컴퓨터는 이진수만 이해할 수 있습니다. 즉 컴퓨터는 우리가 사용하는 언어가 아닌 ‘0’, ‘1’만 이해합니다.
근데 이게 프로그래밍 언어랑 무슨 상관일까요? 상관이 아주 많습니다…ㅎ.. 프로그래밍 언어로 프로그램을 만들고 실행 할 때 우리는 ‘0’, ‘1’ 같은 명령어로 코딩을 하지 않습니다.
React-Native google login 서비스를 개발하다보면 로그인 기능이 새삼 대단해보입니다. 신경쓸 것도 많고, 하지만 이런 수고를 sns로그인 기능으로 대신한다면 편의성이 많이 높아집니다. 하여 해보겠습니다.
*google login을 하기 위해 firebase(모바일 및 웹 애플리케이션 개발 플랫폼)을 사용합니다.
개발환경
npm으로 진행
react-native_cli (✨expo로 진행하지 않습니다.)
android 기준
함수형 컴포넌트로 진행 (✨ 클래스 컴포넌트로 진행하지 않습니다.)
RN 버전 0.60이상에서 진행
React-Native navigation vue는 router를 사용해 화면을 이동합니다. 그렇다면, react-native는 어떻게 화면을 이동할까요?
바로 react-native navigation을 사용합니다. 어떻게 사용하는건지 기록합시다.
공식홈페이지의 Getting started로 알아봅시다.
*새로운 프로젝트를 만들고 root폴더에서 진행.
개발환경
npm으로 진행
react-native_cli (✨expo로 진행하지 않습니다.)
android 기준
함수형 컴포넌트로 진행 (✨ 클래스 컴포넌트로 진행하지 않습니다.)
RN 버전 0.60이상에서 진행
react-native-cli: 2.0.1
react-native: 0.