Web
[간단한 웹 프로젝트/2,3일차] 구조 설계, UI 구현
도도고영
2023. 5. 24. 20:47
열심히 작성했는데... 글을 날렸다. 기억나는 거 간략하게 적고 그냥 마무리해야지... 우선, 뭐부터 해야 할지 모르겠어서 gtp한테 물어봤다!
페이지 구성
main.html: 몇 자리수의 비밀번호가 필요한지 입력받는다. 4~8 사이의 수 입력 가능.
loading.html: 사용자에게 비밀번호가 생성되고 있다는 느낌을 주기 위해 3초의 loading 화면을 보여준다.
result.html: 생성된 비밀번호를 보여준다. 단, 비밀번호 보호를 위해 blank에 마우스를 가져다 둘 때만 비밀번호를 보여준다.
와이어 프레임
https://ovenapp.io/view/b2Q21AXTPTFB9K0t4yOabYR2eIUoekzk/ieaih
UI 구현
오늘은 우선 한 페이지 구현 완료했다! 내일도 틈틈이 해봐야지.