[Node.js_4기] Today_I_Learn : 팀 프로젝트 - 기존 코드 리팩토링 (24/01/11)

목차

 

1. 문제

2. 시도

3. 결과

4. 배운점

 

1. 문제 

 

기존 코드를 모듈화

함수들의 실행 순서를 보장하기 위해 async await 사용

 

 

2. 시도 

 

(1) script.js 를 src폴더 속의 main.js, search.js, movie.js 세 파일로 나누었습니다.

main.js

movies.js

search.js

- 개인과제 해설 참조.

 

(2) async await함수를 사용한 실행 순서 보장

 - async함수는 항상 promise를 반환하며, await 뒤는 항상 promise입니다.

 - await promise는 promise result를 반환하며, promise가 이행될 때 까지 다른 함수들이 대기함으로서 함수의 실행 순서를 보장합니다.

 

 

3. 결과 

 

리팩토링 결과, 해당 js에서 선언되지 않은 함수를 import하여, 비동기 함수로서 실행할 수 있게 되었습니다.

(외적인 부분은 달라진게 없습니다.)

 

4. 배운점 

 

export, import의 사용법

async, await의 사용법을 실습해볼 수 있었습니다.