동기/비동기 문제인거 같은데...제가 완전 초짜라 해결이 안되서요....

Question

Signin.js const _handleSigninBtnPress = async () => { console . log ( 'sign in' ); try { console . log ( 'console.log : ' + signin ()); } catch ( e ){ Alert . alert ( 'Signin Error' , e . message ); } finally { spinner . stop (); } } firebase.js export const signin = async ( data ) => { console . log ( "위치 1" ); await fetch ( 'http://192.168.0.311:3000/auth/login' , { method: 'POST' , body: JSON . stringify ( this . state ), headers: { 'Content-Type' : 'application/x-www-form-urlencoded;charset=UTF-8' , }, }) . then (( response ) => response . json ()) . then (( responseJson ) => { console . log ( "위치 2" ); if ( responseJson . status == 'success' ) { console . log ( "위치 3" ); return ; } else { console . log ( "위치 4" ); return ; } }) . catch (( error ) => { console . error ( error ); return ; }); console . log ( "위치 5" ); }; 위 Signin.js의 _handleSigninBtnPress에서 signin()을 호출하면 콘솔에 로그 찍히는 순서가 다음과 같습니다. > sign in > 위치 1 > console.log : [object Object] > 위치 2 > 위치 3 > 위치 5 위치1과 위치2 사이의 저 로그가 Signin.js의 signin() 부분인데....어떻게 해야 할지 모르겠어요... 서버를 따로 구성해서 로그인은 만들어보고 있습니다. node.js에서 로그인 처리하고 데이터를 리턴하여 채팅앱 소스에 녹여보려고 하는데 해결이 안되네요....

beomjun · Answer

안녕하세요, 강의에서 벗어나는 질문에는 답변하지 않는점 이해해 주시면 감사하겠습니다. 문제를 해결하기 위해서는 async-await와 Promise에 대해 찾아보는것을 추천합니다. async-await Promise 추가적으로, API를 호출할 때, fetch 등을 이용해서 호출해도 되지만, Axios 같은 라이브러리를 이용하면 혹시 모를 코드 실수도 줄이고 조금 더 편하게 호출할 수 있습니다. 감사합니다.

jylee197409028047 · Answer

조언 감사드립니다. 좀더 학습해보도록 하겠습니다.