Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/#575 스크립트를 로드하는 유틸 함수 구현 #576

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

cruelladevil
Copy link
Collaborator

📝작업 내용

이번 PR에서 작업한 내용을 간략히 설명(이미지 첨부 가능)

스크립트를 로드하는 유틸 함수 구현

💬리뷰 참고사항

원활한 리뷰를 위해 전달하고 싶은 맥락(특정 파일, 디렉터리 등등)
리뷰어가 특별히 봐주었으면 하는 부분

#️⃣연관된 이슈

연관된 이슈 번호를 모두 작성

close #575

@cruelladevil cruelladevil added [ 🌞 FE ] 프론트엔드 크루들의 빛나는 개발 이야기 하나둘셋 호! ✨ Feat 꼼꼼한 기능 구현 중요하죠 labels Nov 11, 2024
@cruelladevil cruelladevil self-assigned this Nov 11, 2024
Copy link

Unit Test Results

  98 files    98 suites   10s ⏱️
389 tests 388 ✔️ 1 💤 0
394 runs  393 ✔️ 1 💤 0

Results for commit 5647dcf.

Copy link
Collaborator

@ukkodeveloper ukkodeveloper left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

loadScript 를 유틸로 빼어낸 거 너무 좋은 것 같아요! 👍

다만 util에서 사용하려면, 디테일에서 조금 더 신경을 써주어야할 것 같습니다. 우선 제가 봤을 때 고쳐야할 곳에 코멘트 달아두었어요.

Comment on lines +11 to +12
script.async = true;
script.defer = true;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

script.async = true; 만 있어도 될 것 같아요. (참고)

Comment on lines +14 to +15
script.onload = () => resolve();

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
script.onload = () => resolve();
script.onerror = (error) => reject(error);

script 로드에 실패했을 때 에러 처리가 필요해 보입니다.

Comment on lines +2 to +7
const element = document.querySelector(`script[src="${source}"]`);

if (element) {
return Promise.resolve();
}

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

같은 src로 동시에 여러번 loadScript를 호출하면 어떻게 되나요?

load중일 때에는 아직 element가 만들어지기 전이라서, 같은 script를 여러 개를 만들 것 같아요. flag를 두어서 중복생성하지 않도록 막아주는 게 좋을 것 같습니다

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[ 🌞 FE ] 프론트엔드 크루들의 빛나는 개발 이야기 하나둘셋 호! ✨ Feat 꼼꼼한 기능 구현 중요하죠
Projects
Status: In Code Review
Development

Successfully merging this pull request may close these issues.

[FEAT] 스크립트를 로드하는 유틸 함수 구현
2 participants