[ async, await ]

기본적으로 javascript는 단일 쓰레드 동기적 처리이다. 그러나 Ajax나 Axios같은 경우로 비동기적 처리를

사용함으로써 페이지 로드 시간 자체를 줄일 수 있다. 근데 비동기 처리의 문제점은

순서를 보장해주지 않는다는 것이다.

 

나의 문제점은 다음과 같았다.

 

 

로그아웃을 했는데 비동기적인 처리로 인해서 logout처리를 통해서 v-if v-else문이 store의 값이 인식하기도 전에

실행되어서 token값이나 JSESSIONID를 비웠지만 화면에서는 Login을 한 것처럼 인식이 되었다.

결국 로그아웃 처리를 async, await 동기적으로 처리해서 해결했다.

 

async로 동기적으로 실행한다고 선언한다.

그리고 await 키워드는 Promise 객체가 완료될 때까지 코드 실행을 일시 중지한다.