티스토리 뷰
728x90
오늘 할 일 : frontend main.html, show.html 만들기
원래는 로그인 페이지를 따로 구현하려했는데 로그인을 따로 구현하기보다는 한 페이지 내에서 모든걸 해결하는게 낫다고 판단했습니다. 그 이유는 로그인을 통해서 할 수 있는 서비스가 현재는 출석률 확인밖에 없는데 그 작업은 로그인을 하지 않아도 충분히 해결할 수 있기 때문입니다.
이름, 전화번호, 인증번호 입력 부분은 부트스트랩을 이용해서 클릭할 경우 디자인이 변경되도록 설정했습니다.
프론트엔드는 디자인 측면에서 고민했던 부분은 많았지만 구현이 어려웠던 부분은 없었습니다. 심플하게 제작해야 깔끔하고 예쁘게 나와서 최대한 깔끔하게 디자인했습니다.
main.html에서 인증을 완료할 경우 show.html로 넘어가면서 자신의 출석률을 알 수 있습니다.
1. main.html
2. show.html
728x90
'개발 프로젝트 정리 > 출석체크 자동화' 카테고리의 다른 글
[2023/04/27 개발일지] 구글 스프레드시트 데이터 처리하기(2) (0) | 2023.04.27 |
---|---|
[2023/04/25 개발일지] 구글 스프레드시트 데이터 처리하기 (2) | 2023.04.25 |
[2023/04/23 개발 일지] 구글 스프레드 연동하기 (1) | 2023.04.23 |
[2023/04/17 개발 일지] 개발 환경 세팅 (0) | 2023.04.18 |
출석체크 자동화 프로젝트 설계 (0) | 2023.04.17 |
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- JS
- 개발
- 교환학생
- SQL
- 개발일지
- googleapis
- 깃 예제
- 프로젝트
- JavaScript
- C++
- 혼공단 SQL
- MySQL
- 스페인 교환학생
- 백엔드 개발
- 혼공단 9기
- 혼공
- 리눅스
- 운영체제
- 자바스크립트
- Process
- 해커톤
- 백준
- nodejs
- 혼공학습단
- Linux
- Signal
- 스페인
- 공룡책
- AWS
- 혼공단
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
글 보관함