codestates / codestates/aneun-dongne

[Dev-Log] 1201 / 윤해용

Open
#56 0 comments 0 reactions 1 assignee Claimed by @haeyong9701 View on GitHub
Dev Log
Dominant language
JavaScript
Stars
6
Forks
7
PR merge metrics
No merged PRs in 30d

Description

> ### 오늘은 어떻게 프로젝트에 기여했나요?
> * 기능을 가진 파일들을 관심사 분리를 했다. (에러메세지, 유효성검사, css, 기능구현)
> * 로그인, 회원가입 기능 구현을 마쳤고, 유효성 검사도 만들었다.

> ### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
> * 모달창 뒤에 있는 배경에 모달창이 닫히는 함수를 넣었다. 그런데 모달창 배경컴포넌트의 후손 컴포넌트도 모두 함수가 적용이 되어버려서 모달창을 누르면 모달창도 꺼져버렸다. 이 부분을 이벤트 버블링이라고 한다. 자식 컴포넌트에 ```Event.stopPropagation()``` 을 해줘서 버블링을 막아주었다.
> * 모달창 기능 구현은 금방 끝났는데, 유효성 검사가 어려워서 오늘 하루 동안 고생했다... 다른 프로젝트 코드를 보면서 해결했다.
> * 유효성 검사에서 텍스트가 변경될 때마다 검사하려고 했다. ```useEffect```를 쓸지, ```onChange```를 쓸 지 헷갈렸는데 ```onChange```로 해결했다.

```js

{isLoginOpen ? (
<>

e.stopPropagation()}>




) : null}

```
> ### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

> * [ ] 2주차 중간점검 발표를 준비해야한다.
> * [ ] 서버에서 로그인, 회원가입을 구현해야한다.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.