[항해99] 미니프로젝트(Day1)

지난 주 금요일에 api설계하고 멘토링 받고 크게 수정할 부분은 없어서 주말에 로그인/회원가입 어떻게 해야되는지 흐름 공부했다.

2021.04.12(월)
1. Setting
1) git fork

• 팀원 repo에서 fork 하면, 내 깃허브에 동일한 repo가 생성된다.
  ex) 팀원깃허브/리포이름 -> 내깃허브/리포이름

• 다시 내 로컬로 git clone을 받는다.
  -> yarn install!! 그래야 클론받은 프로젝트에 설치된 패키지들이 동일하게 설치된다.
  -VScode다시 클론받은 폴더에서 열어서 커밋해본다.

• 커밋(푸쉬) 되었으면 Pull Request 요청

• 팀원이 merge하면 내 깃허브와 팀원 깃허브에 동일한 작업 파일이 있음
  *merge하기전에 충돌 확인~

• 다음 작업전에 pull해서 작업하면 된다.

2. view : 최소단위 컴포넌트부터~페이지
   -element:Grid, Text, Input
   -pages:Signup, Login
   

3. 회원가입

4. email
   -> 사용자는 input창에 이메일을 입력하고, 중복확인 버튼을 누른다.
   1.1 사용자가 값을 입력하고,

<Input _onChange={(e) => {setEmail(e.target.value)}} />

1.2 중복확인 버튼을 클릭했을때, input으로 받은 값이 common.js에 만들어 놓은 이메일 정규식에 맞지 않으면 alert을 띄운다. 그리고 checkEmailAPI를 통해 이미 가입한 이메일이 아닌지 중복확인 요청을 보낸다.

<Button _onClick={( ) => {
   if(!emailCheck(email)) {alert('이메일 형식을 지켜주세요!`);
  return false; 
}
checkEmailAPI(email); }}>중복확인</Button>

📍 어떤 값들을 props로 받아와서 사용하고 작성하는지 순서는 조금 익숙해짐