주요 기능:

• 학생(도서) 등록
  • (이름, 학번, 주소, 전화번호, 이메일, 생년월일)
• 학생(도서) 목록 조회
• 학생(도서) 정보 수정
• 학생(도서) 삭제
• 입력 데이터 유효성 검사
• Ajax 통신을 통한 REST API 호출

사용된 기술:

• HTML5: 구조적인 마크업
• CSS3: 반응형 레이아웃과 스타일링
• JavaScript (ES6+): 동적 기능과 Ajax API 통신

주요 특징:

• 점진적 개발 방식으로 단계별 완성
• 에러 처리 및 사용자 피드백
• 로딩 상태 표시
• 수정 모드와 등록 모드 전환
• 입력 필드별 실시간 유효성 검사(js)

각 Step별 기능:

step1 - html page 작성 step2 - form 내부의 input과 table에 CSS 추가 step3 - form.css 파일로 분리하기 - form 내부의 input에 form-group, form-grid css 추가 - form.css.에 form-group, form-grid 클래스 추가하기