공부기록

로딩 페이지 구현 어떤 식으로 구현하면 좋을지 챗 gtp한테 물어봄. 3번 방법으로 구현하기로 결정! 로딩 이미지를 사용하지 않고 페이지(html)를 만들거기에 한 번 더 물어봄. 로딩 페이지는 아래 링크의 코드를 긁어 사용했다. 귀엽다... https://codepen.io/olliex/pen/BaRYLG loading.html에 해당 스크립트도 추가해서 자동으로 결과창으로 이동되게 구현 완료. 결과 페이지 구현 마우스를 네모 박스에 올려야지만 결과값이 보여지게 구현 완료.

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