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

[박운성] week5 #217

Open
wants to merge 4 commits into
base: part1-박운성
Choose a base branch
from

Conversation

Useong0
Copy link
Collaborator

@Useong0 Useong0 commented Nov 20, 2023

요구사항

기본

  • https://bootcamp-api.codeit.kr/docs 에 명세된 “/api/sign-in”으로 { “email”: “[email protected]”, “password”: “sprint101” } POST 요청해서 성공 응답을 받고 “/folder”로 이동하나요?
  • 이메일 input에서 “[email protected]”으로 “/api/check-email” 이메일 중복 확인 POST 요청하면 이메일 중복 에러를 확인할 수 있나요?
  • 유효한 회원가입 형식의 경우 “/api/sign-up” POST 요청하고 성공 응답을 받으면 “/folder”로 이동하나요?

심화

  • 로그인/회원가입시 성공 응답으로 받은 accessToken을 로컬 스토리지에 저장했나요?
  • 로그인/회원가입 페이지에 접근시 로컬 스토리지에 accessToken이 있는 경우 “/folder” 페이지로 이동하나요?

주요 변경사항

  • week4 폴더에 직접 구현한 4주차 위클리 미션이 있습니다.
  • week5 폴더는 4주차 템플릿 코드를 사용해서 구현했습니다.

멘토에게

  • 늦어서 죄송합니다!!
  • 4주차 템플릿 코드를 보니까 제가 구현한 게 정말 ... 같잖아 보였습니다..

@Useong0 Useong0 requested a review from lunaticscode November 20, 2023 00:59
@Useong0 Useong0 added the 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. label Nov 20, 2023
} else {
if(emailInput.parentElement.querySelector('.error')) {
emailInput.classList.remove('error');
emailInput.parentElement.lastElementChild.remove();
Copy link
Collaborator

Choose a reason for hiding this comment

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

parentElement, lastElementChild 이런 종류의 property는 html 구조에 의존하게 됩니다. 즉, 추가적인 요구사항에 따라 구조가 바뀌게 되는 경우 해당 코드를 다시 수정해야하는 번거로움이 생기죠.

해당 태그를 한번에 찾아갈 수 있게 적절히 class, id를 부여해서 직접 접근하는 방법으로 사용해주세요.

}
}

const eyeEvent = function (eyes) {
Copy link
Collaborator

Choose a reason for hiding this comment

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

함수명은 setEyeEvent 가 자연스럽네요.

};

if (isTestUser) {
fetch('https://bootcamp-api.codeit.kr/api/sign-in', {
Copy link
Collaborator

Choose a reason for hiding this comment

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

then / catchcallback 형식으로 처리한다고하면 마지막 then() 끝에 catch()까지 체이닝해주셔야 예외처리가 가능합니다.

차라리 async/await 패턴으로 바꾸셔서 try/catch로 적용해보시는 것이 요즘 트렌드긴 합니다.

Comment on lines +4 to +6
const eyeClass = e.target.parentElement.classList;
const pwdText = e.target.parentElement.parentElement.firstElementChild;
console.log('o');
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

너무 parentElement랑 elementChild 종류를 많이 쓰는 것 같습니다.

console.log('o'); 코드가 꼭 필요한 게 아니면 지우는 게 좋을 것 같습니다

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants