-
Notifications
You must be signed in to change notification settings - Fork 10
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
16주차 Assignment - 김무빈 #1
base: main
Are you sure you want to change the base?
Conversation
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
요런 기본적은 meta태그 말고도 og태그도 있씁니다.
og태그는 썸네일같은 건데요..링크 공유 할 떄 보이는 친구가 og태그입니당
password: | ||
<input type="password" id="signInPassword" required /> | ||
</div> | ||
<button id="signInButton" type="submit">로그인</button> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
버튼의 type의 기본 값이 submit이라 요건 명시적으로 안적어줘도 됩니당
</div> | ||
<div> | ||
password: | ||
<input type="password" id="signInPassword" required /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
만약 비밀번호가 8글자 이상 16글자 이하다 라는 요구사항이 추가되면 요 input에 어떤 것을 넣어주면 될까요!??
</div> | ||
</form> | ||
|
||
<script type="module"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
type module을 적어주신 이유가 있을까요~?!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
추가로 script파일을 따로 분리 안하신 이유가 있을까요!
signInWithEmailAndPassword, | ||
} from 'https://www.gstatic.com/firebasejs/11.0.1/firebase-auth.js'; | ||
|
||
const firebaseConfig = { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
요런 중요한 값들 개인토큰이나 서버의 API주소는 보통 환경변수로 주입하기도 한답니다
document | ||
.getElementById('signupButton') | ||
.addEventListener('click', (event) => { | ||
event.preventDefault(); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
event.preventDefault를 주신 이유가 있을까요오!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
script태그 안에 여러 비동기 함수들이 쭉 늘어져 있는데요 then catch체이닝 말고 async/await란 문법으로 더 깔끔하게 짜보는 것도 시도할 법할 것 같아요!
Description
<!— 구현 및 작업 내용을 적어주세요(지우고 작성해주세요) —>
Important content
<!— 주의 깊게 봐줬으면 하는 부분을 적어주세요(지우고 작성해주세요) —>
Question
<!— 궁금한 점을 적어주세요(지우고 작성해주세요) —>
Reference
<!— 참고한 레퍼런스가 있다면 공유해 주세요(지우고 작성해주세요) —>