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

16주차 Assignment - 김무빈 #1

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

kimmubin0318
Copy link

@kimmubin0318 kimmubin0318 commented Nov 7, 2024

Description

<!— 구현 및 작업 내용을 적어주세요(지우고 작성해주세요) —>

  • 회원가입 로그인 기능 구현 + 중간정렬함

Important content

<!— 주의 깊게 봐줬으면 하는 부분을 적어주세요(지우고 작성해주세요) —>

  • 없습니다,

Question

<!— 궁금한 점을 적어주세요(지우고 작성해주세요) —>

  • 없습니다

Reference

<!— 참고한 레퍼런스가 있다면 공유해 주세요(지우고 작성해주세요) —>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
Copy link

Choose a reason for hiding this comment

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

요런 기본적은 meta태그 말고도 og태그도 있씁니다.
og태그는 썸네일같은 건데요..링크 공유 할 떄 보이는 친구가 og태그입니당

https://blog.ab180.co/posts/open-graph-as-a-website-preview

password:
<input type="password" id="signInPassword" required />
</div>
<button id="signInButton" type="submit">로그인</button>
Copy link

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 />
Copy link

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">
Copy link

Choose a reason for hiding this comment

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

type module을 적어주신 이유가 있을까요~?!

Copy link

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 = {
Copy link

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();
Copy link

Choose a reason for hiding this comment

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

event.preventDefault를 주신 이유가 있을까요오!

Copy link

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란 문법으로 더 깔끔하게 짜보는 것도 시도할 법할 것 같아요!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants