이번에 소개할 교육용 프로그램은 학생관리 프로그램으로 JQUERY를 이용하여 최대한 간단하게나마 만들어보았다. (사실 만드는데 생각보다 시간이 많이 걸렸다.)
사실 여러 기능들을 넣어서 올려볼까 했는데 db가 아니다 보니 스크립트 처리가 워낙 까다로워서 다음에 좀더 업데이트된 버전으로 올려볼까 한다. 이번 버전은 등록/삭제/조회/다운로드 까지 기능만으로 구성 되었으니 참고 바란다.
소스코드 자체를 올리려했지만 localStorage 기능이 포함되어 파일로 제공되니 예제소스는 아래에서 다운로드 하자
| 예제소스 다운로드
| 실행화면
처음 실행을 하면 위의 이미지와 같이 첫 화면이 노출된다. 물론 목록에 노출되는 데이터는 예제로 2개가 추가되었으며 학생등록을 누를 경우 아래와 같이 학생 등록창이 노출된다.
데이터의 경우 localStorage에 저장하게 되는데 이는 크롬을 이용할 경우 개발자도구를 통해 실시간으로 데이터 확인이 가능하다. 상세 위치의 경우 F12 > Application > Storage > Local Storage 를 통해 확인이 가능하다.
| 테스트