[Dev Log] 1130 / 윤해용

> ### 오늘은 어떻게 프로젝트에 기여했나요?
> * 회원가입, 로그인 모달창 구현
> * 로그인 모달창 유효성 검사 구현

> ### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
> * 지도 api 이해하기 힘들었는데 나중에 더 공부해봐야 할 듯.
> * 아직 recoil의 전역변수를 언제 써야될지 헷갈린다.
> * 코드를 보면 스타일 코드랑 기능구현 코드가 한 파일에 같이 있다. 나중에 기능구현 코드만 변경하려고 할 때 고생할듯.
분리하는 방법을 생각해봐야겠다.
```js
const FormContainer = styled.div`
display: flex;
align-items: center;
flex-direction: column;

form {
display: flex;
flex-direction: column;
align-items: center;
}

input {
margin: 20px 0px;
width: 300px;
height: 30px;
}

.login-button {
cursor: pointer;
width: 60px;
height: 40px;
background-color: #a3dcf3;
}

.signup-link {
cursor: pointer;
color: #a3dcf3;
}

.alert-box {
color: red;
}
`;

const ModalLogin = ({ handleResponseSuccess, ToSignupModal }) => {
const [loginInfo, setLoginInfo] = useState({
email: "",
password: "",
});
const [errorMessage, setErrorMessage] = useState("");

const handleInputValue = (key) => (e) => {
setLoginInfo({ ...loginInfo, [key]: e.target.value });
};>
```
>
> ### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
> * [ ] 클라이언트 회원가입 유효성 검사를 구현
> * [ ] 서버 로그인, 회원가입 구현하기
> * [ ] 스타일, 기능구현 코드 분리

Locate the ModalLogin component and the client and server entry points for the signup and login flows. Review the existing validation and modal behavior first, then identify how the listed signup validation, server authentication, and style/logic separation tasks are currently organized. Done means the requested flows work and the style and feature code are separated, but the issue does not define detailed acceptance criteria.

Written by the indexing model from the issue text.