JSP에서 Ajax와 JSON 활용하기 강좌

ref. https://www.youtube.com/playlist?list=PLRx0vPvlEmdD2mcWus8hakX103PwcSJe8

1강 - 프로젝트 소개 및 기초 화면 구성하기 (JSP Ajax Basic Tutorial #1)

• Dynamic web project 생성
• bootstrap 적용(ver 3.3.7) 압축 풀고 프로젝트폴더/WebContent 에 복사
• index.jsp 추가 - language="java" 제거 charset,encoding "UTF-8" 변경
• doctype -> html5으로 변경
• viewport 반응형 웹을 위한 해상도 처리
• index.jsp
  • bootstrap, JQuery 연결
  • bootstrap 활용, 인라인 스타일, table 태그

---

2강 - 데이터베이스 구축하기 (JSP Ajax JSON Tutorial #2)

• Mysql 이슈
  • 한글 데이터 입력 문제
  • error 1366 (hy000) incorrect string value
  • 원인: client, connector 모듈 캐릭터셋 셋팅 문제
  • 해결: mysql 서버 디렉터리에 db_files/my.ini 복사
• db_files/schema.sql 파일 활용하여 db생성하세요.
  • mysql> source {프로젝트경로}/db_files/schema.sql
• src -> 패키지 생성(소문자)
• 패키지 -> 클래스 생성(대문자 시작)
• 멤버 변수 만들고 이클립스 이용시, 에디터 우클릭 소스 - 게터, 세터 생성

---

3강 - 데이터베이스 연동하기 (JSP Ajax JSON Tutorial #3)

• DAO 작성
  • 디비와 JSP 연동 시 디비에 접근하게 해주는 클래스
• 이클립스 이용 시 외부 라이브러리 추가(Ctrl + Shift + o)
• Class.forName() 드라이버를 검색하게 하는 역할(reflection)
• jdbc for mysql 적용
  • mysql jdbc 드라이버 jar file WEB-INF/lib에 복사
  • 프로젝트 우클릭 - 빌드패스 - add JARs

---

4강 - JSON을 활용해 서블릿 구현하기 (JSP Ajax JSON Tutorial #4)

• servlet: 요청을 제어(동작 수행, 로직 처리)하는 클래스
• new - servlet
• 생성자, doGet() 제거 -> 간단히 post 요청만 처리

---

5강 - Ajax를 이용해 서블릿과 통신하기 (JSP Ajax JSON Tutorial #5)

• 클라이언트 AJAX 처리
• SQL like 와일드카드

---

6강 - 회원 등록 양식과 함수 구현하기 (JSP Ajax JSON Tutorial #6)

• 회원 등록 폼 화면
  • registerFunction() 구현 필요
• 회원 등록 DAO 메소드
  • pstmt.executeUpdate() - SQL이 실행하여 업데이트된 행의 수를 리턴

---

7강 - 회원 등록 기능 구현 및 프로젝트 완료 (JSP Ajax JSON Tutorial #7)

• 클라이언트 Ajax 회원등록 요청 및 성공 시 화면 조작, 실패시 알림 팝업
• 받은 요청 컨트롤러가 처리 후 처리상태 리턴

---