728x90
반응형
SMALL

프로젝트(Project) 12

리액트 프로젝트 3주차 학습회고

- 로그인 화면 부분 '회원가입' 클릭 시 회원가입 모달 창 ui 구현 및 열고 닫기 기능 추가- 회원 가입 step 2, 3 화면 ui 구현 - 구내 식당 로딩 중 및 로딩 성공 이후 화면 ui 홈페이지 작업 진행 중 아래는 진행한 상황에 대한 결과물 및 사진입니다.  이제까지 구현한 내용 코드 : https://github.com/JeonYongHak/KKongGui/tree/feature/OFF-111

리액트 프로젝트 2주차 학습회고

주어진 피그마 디자인을 보고 수정된 로그인 화면 ui를 구축 완료하였습니다. 또한 로그인 상태 관리 및 유효성 검증을 위해서 react hook form을 이용하여 로그인 화면에 유효성 검증 기능을 추가완료하였습니다. 이번 주차에는 로그인 화면에 비밀 번호 및 인증 키에 대한 경고를 주는 등 로그인 화면에 대한 검증 기능과 상태 업데이트에 대한 기능을 많이 추가해 놓았습니다.다음은 구현한 로그인 화면 ui와 관련 영상입니다.  수정된 로그인 ui 화면 구현 tailwindcss로 구현 완료로그인을 할 때, 이메일 주소에 @가 들어가지 않으면 경고 메시지를 보여주면서 로그인 주의사항을 표시비밀번호를 입력할 때, 비밀번호가 6자리 이상이 되지 않으면 경고 표시를 보여주면서 비밀번호는 6자리 이상으로 작성하도..

728x90
반응형
LIST