내가 쓰려고 만드는 토이 프로젝트
제목: 퇴근 시간 계산기
목적: 퇴근 시간 계산 및 휴일까지 남은 날짜 제공
디자인: 구글에서 발췌
URL : http://cat.dothome.co.kr/ (무료 호스팅)
제약 조건: html 내에서 제공하는 기능만 사용 가능 (무료 호스팅의 한계)
개발 기간: 짬 날 때마다 비정기적으로 수정
1. 제공 기능
1) 출퇴근 시간을 입력한다.
2) 한 번 입력한 출퇴근 시간은 웹 스토리지에 저장한다.
3) 출퇴근 시간은 초기화가 가능하다.
4) 퇴근 시간까지 남은 시간을 알려준다.
5) 출근 후 지난 시간을 알려준다.
6) 다음 휴일까지 남은 날짜를 알려준다.
2. 기능 추가
1) 출퇴근 시간 설정
개발 완료
210617 dev log - 패치 완료
: 출 퇴근 시간을 prompt를 이용해서 입력받도록 개발했다.
alert 형식이 입력받기 힘들다는 카톡이 많아서 수정 예정이다.
210618 bug fix log - 패치 완료
: 분 단위도 입력 가능하도록 수정 요청을 받았다.
간단하게 display none / block 으로 수정하였다.
alert, prompt를 사용하다가 confirm 형태로 변환했다.
= [예], [아니오] 선택이 가능하도록 수정하였다.
2) 웹 페이지 버전 체크 추가
개발 완료
210618 dev log
: 월별로 버전 관리 하려고 추가했다.
이것도 웹 스토리지 사용해서 저장하도록 했다.
3) 시간 체크 기능 추가
개발 완료
: 퇴근 시간 1분 남으면 빨간 글씨로 변경하는 기능 추가
개발 예정
: 알람 기능 추가
: 점심 알림 기능 추가 (점심 시간 입력 받아야 할 듯)
4) 공휴일까지 남은 시간 계산
개발 완료
210617 bug fix log - 패치 완료
: 공휴일 정보를 아래와 같이 공공데이터포털에서 받아와서 갱신이 필요 없다.
210823 bug fix log - 패치 완료
: 공휴일 정보를 10건씩만 읽어 오는 것을 확인하여 &numOfRows=100 추가하여
전체 공휴일 정보 추가 (100건 이상일 경우가 없을 것 같아 100건으로 산정)
올해 총 18건으로 확인 완료
5) 캘린더 기능 추가
개발 예정
: 출근 요일 고르는 기능도 추가하려고 한다.
연차 정보 입력도 추가하려 한다.
연차는 1일에 초기화 하고 한달에 최대 31개를 입력받을 수 있게 하려고 한다.
동적으로 생성할 수 있도록 페이지 조성 예정이다.
아니면 이것을 캘린더에 추가해서 저장할 수도 있을 것 같다.
개발 보류
: 구글 캘린더 연동 기능은 요청이 와서 진행할까 고민중이다.
6) 휴일 정보 입력
개발 보류
연차 정보를 입력할 수 있게 기능 추가할까 고민중이다.
7) 검색 창 활용 가능하도록 수정
개발 보류
안 될 것 같은데 되는 방향으로 수정해보기
210619
수정 필요
주말입니다 & 퇴근시간입니다(수정필요)
하단 파란색 설정 값 안 바뀌는 것 확인
221030
CORS 오류 패치하여 재배포
- https://obfuscator.io/ (난독화 링크용 저장)
- FTP 프로그램 - MobaXterm Portable
- proxy server 필요했으나, 2022년에 확인해보니 패치 불필요하여 삭제
* 추후 패치 예정 사항
: 주말에는 삐 소리 안 나게 수정 (쉬움)
: 출근 요일 선택 기능 추가 (디자인 요소 고려 필요)
: 현재 년도 받아오는 기능 수가 (쉬움)
* 패치 꼭 필요 사항
: 우선 순위 문제로 문자열 혼동스럽게 뜸
퇴근시간입니다 / 2분간의 보안 진단으로 계정 보안을 강화해보세요
수정 필요
230810
수정 필요
[오늘은 안전한 인터넷의 날입니다] 내용 안 바뀜.
ㄴ 공공 포털 정보 확인할 것
9시간 근무 당하는 거니까 선택 옵션 8/9/반차/반반차 만들어서 추가 해 줄 것
반차, 연차 기능 추가해야 할 듯 (내가쓰게)
답글삭제https://www.bubblecat.co.kr/2021/02/blog-post_10.html
답글삭제FTP 경로는 여기 참고