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 - 양라윤 #3

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

Conversation

rryuuni
Copy link

@rryuuni rryuuni commented Nov 9, 2024

Description

  • 회원가입 및 로그인 구현

Important content

  • UI 수정

Question

Reference

강의자료

Copy link

Choose a reason for hiding this comment

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

요 파일은 처음 봤는데, 아래와 같은 역할을 한다구 하네요!

웹앱 매니페스트란 앱에 대한 정보를 담고 JSON 파일이다. 
배경색은 어떠한 색인지, 앱의 이름은 무엇인지, 홈스크린 화면에 추가할 때 아이콘은 어떤 것인지 등의 정보를 담고 있다.

return;
}

createUserWithEmailAndPassword(auth, email, password)
Copy link

Choose a reason for hiding this comment

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

만약 요 비동기 함수를 끝내고 또 다른 비동기 함수를 then, catch로 호출하면 들여쓰기도 많아지고, 읽기도 힘들어질거에요.

그래서 주로 가독성이나, 너무 많은 then 체이닝을 방지하기 위해 async await문법을 쓰기도 해요!

async awiat에 대해서 공부해도 좋을 것 같아요

const email = document.getElementById("signupEmail").value.trim();
const password = document.getElementById("signUpPassword").value;

if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
Copy link

Choose a reason for hiding this comment

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

요런 검증부 로직은 개인적으로 독립적인 공간에 있으면 좋다고 생각하는데요.

예를 들어 특정 컴포넌트 -> 이메일 형식의 input이 필요함

요 경우에는 컴포넌트에서 검증부 로직을 위치하는 것보다 validation을 모아두는 계층을 만드는 것도 방법이랍니다


// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
Copy link

Choose a reason for hiding this comment

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

리액트를 만약 쓴다고 하면 요런 값들은 꼭 환경변수로 주입해주세욜

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