⌚️ 시간관리

☀️ 기상시간 - 8:00
🌕 마감시간 - 22:00
❌ 오전중에 로그인 작업 마무리해서 PR올리려고 했는데 역시나 아침에 아직도 일어나긴 힘들고... 운동도 다녀오느라 또 늦어버렸다..

💻 오늘 배운 것

◉ Side project 기능 구현

error메세지 상황별 구현

기존에는 로그인 실패할 경우에 같은 메세지를 띄우게 했었다.
그러던중, console.log를 통해 error_message를 띄워보는데
input창이 하나라도 비었을 경우에는 다른 메세지가 뜨는 것을 확인했다.

그래서 나도 다르게 메세지를 적용하기로 했다.
아이디와 비밀번호가 틀렸을 경우에는
'존재하지 않는 아이디이거나, 올바르지 않은 비밀번호입니다',
아이디와 비밀번호중 어느 하나라도 비어있을 경우에는
'아이디와 비밀번호를 모두 입력해주세요'
라는 메세지를 띄우게 하기 위해서 조건이 필요했다.

.then(json => {
  if(json.success) {
    props.history.replace('/main')
  } else if((state.id === '') || (state.passwd === '')) {
    setState({
      id : '',
      passwd : '',
      error : '아이디와 비밀번호를 모두 입력해주세요',
    })
  } else {
    setState({
      id : '',
      passwd : '',
      error : '존재하지 않는 아이디이거나, 올바르지 않은 비밀번호입니다'
    })
  }
}

물론 json.error_message를 사용해서 메세지를 띄울 수 있었지만
내가 메세지를 수정할 수 없는 부분이었기 때문에
(서버에 이미 메세지가 설정되어있어서)
내가 직접 조건을 만들어서 메세지 설정을 해주었다.

로그인 버튼 클릭 시 spinner 기능 구현

기능 구현을 다 마치지 못하고 PR을 올리긴 했지만,
포기하고 싶지는 않아서 이것저것 찾아보다 보니
버튼에 onClick을 적용하면 될 것 같은 모양새였다 ;)

그래서 리서치를 해서 코드 적용을 했는데,,,,,
뭐가 문제인건지 이전 error메세지에도 setTimeout이 같이 적용이 되어버려서

setTimeout(함수, 시간)
일정 '시간'이 지나면 '함수'가 실행되게 하는 함수

이전 조건들은 다 무시되고
else조건으로 주었던것만 작동되면서, 메세지까지 시간이 걸려서 없어져버렸다...
state값을 준데에 뭔가 꼬인게 있는 것 같은데
아무리 봐도 뭐가 문제인지 모르겠다ㅠㅠ

앞으로 남은 작업은

spinner 기능 구현 성공작업...
지금 짜둔 코드처럼 props를 받아서 기능을 구현할 경우
css파일을 또 만들어서 스타일링을 해주어야한다ㅠㅠ
다시 방법을 찾아보아야 될 것 같다.
하지만 다음 페이지 작업은 넘어갈거다!

❓오늘의 나는

1. 엄마가 발가락이 좀 괜찮아졌다길래, 비가 오지만 아침산책을 다녀오기로 했다. 역시나 아침에 귀찮음을 이겨내고 나갔다오면 좀 상쾌해지면서 컨디션이 올라오는 기분이 든다.
2. 오늘 뭔가 ethan의 인내심이 한계를 느낀 것 같다. 오전중에 PR을 올리려다가 다 해내지 못해서 오후에 올리려고 했는데, 점심전에 연락이 왔다. 앞으로의 계획을 제대로 알려달라면서... 나도 조금 더 구체적이고 상세한 계획을 세워보아야 할 것 같다.
3. 오늘 꽤 긴시간 집중해서 코드작성을 한 것 같다. 로그인 메세지 구현을 성공하고 난 후엔 로딩기능 작업을 진행했지만, 제대로 되지 않길래... 블로그 작업으로 넘어왔다. 덕분에 오늘 하루만에 몇개의 글을 출간했는지 모르겠네ㅎ
4. 엄마가 집에 계시다보니 밖으로 나와서 공부하는게 더 집중이 되는 것 같다ㅠㅠ 아무래도 다음주엔 잔인하지만 점심먹고서라도 나와서 공부해야지... 돈은 쓸 수 밖에 없지만 집중력 대비 가성비는 좋다고 생각한다?

❗️내일의 나는

1. 주말이지만 내겐 여유로운 주말은 이제 없다고 생각할거다. 조금이라도 작업을 진행 할 예정. 이제 시간도 좀 널널해졌으니 집중해서 주말에도 공부좀 해보아야지.. 작심 삼일이 아니길ㅜ
2. 오늘 피드백이 가능하다면 spinner에 대한 피드백을 받아서 수정한 후 새로 브랜치를 만들어서 다음 페이지로 넘어갈 예정이다. 필요한 데이터가 많은 것 같아서 좀 걱정이지만 해보고 싶다!
3. 내일 진행할 수 있는 사이드프로젝트의 작업이 한정적이면 개인 프로젝트 작업을 할 예정
4. 사이드 프로젝트, 개인 프로젝트에 대한 블로그 시리즈 게시물좀 정리해야 할 것 같다. 깃허브도 좀 정리해둬야겠다.