LOGIN 페이지

로그인 페이지 구현

📢 요구사항

• 아이디와 패스워드를 입력하는 박스와 로그인 버튼 생성
• 아이디, 패스워드 값 임의 지정
• 로그인 버튼 클릭 시 아이디/패스워드 일치 여부 확인
  1. 오기재시 팝업 또는 토스트 알림 추가 또는 입력 박스 아래에 이유 표기
  2. 아이디/패스워드 일치할 때 팝업 또는 토스트 알림 ( ex) 로그인 성공 ! )

결과물

부족하지만 그래도 뿌듯 !!!

++ 토스트 알림이라는 말은 처음 들어보는데 궁금해서 찾아 보니
기존에 프로젝트 할 때도 적용해봤던 메세지를 동적으로 띄워주는 기능과 유사한 것이었다!

🥪 토스트 알림은 화면 상단이나 하단에 일정 시간 동안
나타나는 간단한 메시지를 말한다.
일반적으로 사용자에게 어떤 동작의 성공 또는 실패를 간결하게 알려줄 때 사용된다.

토스트메세지 추가

테스트

얏호 !

2주간의 챌린지가 끝났다.
챌린지 하면서 프로젝트랑 시험 공부, 알바 등등
여러가지 겹쳐 있어서 조금 빡시긴 했는데 그래도
나에게 필요한 시간이었던 것 같다.
반응형 헤더나 로그인 페이지도 백엔드랑 연결해서
내 프로젝트에 요모조모 적용해보면 좋을 것 같다.
다음 공부할 스터디도 알아보고 신청해두었는데 뽑혔으면 좋겠다요
꾸준히 고고고 🛬