2022.05.02 공부정리

https://jquery.com/download/

Download jQuery | jQuery

위 사이트로 이동해서 다운로드

 

https://releases.jquery.com/

jQuery CDN

 

 

Ajax를 사용하기 위한 사전작업이다 

Ajax : Asynchronous Jvacascript And XML : 비동기식 자바스크립트 xml

html만으로 어려운 다양한 작업을 웹페이지에 구현해

       이용자가 웹페이지와 자유롭게 상호작용을 할 수 있도록 하는 기술 

 

jsp페이지 이동없이 데이터베이스에서 정보를 가져올 수 있다. 

 

JSON : JanaScript Obeject Notation

-JavaScript에서 객체를 만들 때 사용하는 표현식

-데이터 포맷 x , 문법x , 통신방법x

-단순하게 데이터를 표시하는 표현 방법

- 중괄호 - key값 과 value로 구분, key는 ""를 사용해서 표시, value는 데이터에 맞게 표시  

{ 

"key" : value,

"String" : 문자열,

"int" : 1234,

"boolean": true, false

"mId" : "wnd13"       }  

 

 

 

Ajax 사용법 : 

$.{ajax}(

{ type  : 통신타입(GET, POST중 선택),

url : 요청할 주소 (Contriller에서 RequestMapping으로 받을 값),

data : 서버에 요청시 보낼 파라미터 (매개변수) 

       {"keyName" : keyValue} ,

        dataType : 응답받을 데이터의 타입 (text, html, xml, json 등등),

        success : gunction(data){

             요청 및 응답에 성공했을 시 data를 가져온다

           },

          errir : function(){

                 요청 및 응답에 실패했을 경우

                 }

}

);

 

버튼을 눌렷다가 땠을때 반응이 생긴다. 

 

 

 

---------------------------------------------------------------------------------------------------------------------------

 

다시 한 번 짚고 넘어가는 id와 name의 차이

 

id는 중복이 불가능하다. 

name는 중복이 가능하다. 

id는 script에서 사용하고 

                          name는 controller이나 service에서 사용한다. 

 

confirmId는 span이라는 공간 자체이기 때문에 value값을 사용하지 않는다. 

jsp작업 끝

 

controller 작업 끝

service 작업 끝

dao 작업 끝

\

mapper작업 끝

 

작업순서 jsp- controller -> service ->doa -> mapper

 

오류가 있었다. 스크립트에서 아무런 반응이 업을 때 오타를 의심해봐야 한다. 

서버와 연결하는 Controller, service, dao, mapper등이 오류가 있을 때는 오류 메시지가 나오지만 

스크립트, jsp에 오류가 있을 경우는 오류 메시지가 나오지 않는 경우가 있다.

이 때는 '오타'!!!!'를 강력하게 의심해봐야한다

 

---------------------------------------------------------------------------

게시물에 댓글을 남기기

 

댓글을 테이블을 따로 만들어준다 이때

PK값은 댓글 번호CNUM이고 

FK값을 게시글번호 BOARD의 BNUM 을 CNUM에

          MEMBER의  작성자 MID를 CWRITER에 지정해준다. 

 

여기서 댓글이 있어도 게시글을 삭제가능한 테이블을 만드려면 

ON DELETE CASCADE;를 선언해주면 된다. ALTER에서 해줘도 되고 처음 TABLE를 생성할 때

FK문 : CONSTRAINT COMM_ME_KF FOREIGN KEY (CBNUM) REFERENCES BOARD(BNUM)

뒤에 넣어줘도 된다. 

 

CONSTRAINT COMM_ME_KF FOREIGN KEY (CBNUM) REFERENCES BOARD(BNUM) ON DELETE CASCADE;

 

테이블 작업 이후 JAVA 프로젝트에 적용하기 위한순서

 

jackson-core 2.13.1

jackson-databind 2.13.2.2

json-simple 1.1.1

위 세 가지를 mvnrepository.com에서 가져오기 

 

빨간 네모 부분의 코드를 복사해서

pom.xml파일의 dependency부분에 넣으면 된다

 

그리고 필수적으로 Maven Update Progect를 해주면 오류가 사라진다. 

Maven Dependencies에 추가된 것을 확인하면 끝 추가는 끝

 

 

 

게시글 상세보기 jsp에 똑같이 넣어준다. 

 

 

그럼 ajas를 적용하기 위한 작업이 시작된다. 

-------------------------------------------

 

Controller 작업

 

Service 작업

 

 

Mapper로 가기 직전인 DAO작업이 들어간다. 

 Mapper의 cList 라는 id를가진 sql문을   cbNum 값을 가지고 가서 작업하겠다. 

 

 

 

Mapper에서 선언해준 sql문 cList cbNum을 가지고 왔으니

paramterType 타입은 int이고 resultType는 mybatis에서 설정해준 comm으로 설정 

 

최종적으로 컨트롤러로 return된 commentList는 ajax문의 function의 (list)로 들어간다. 

 

콘솔로 확인하기

그리고 위의 DATA : 에서 안에 , 가 아닌 : 이다

 

 

COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT;COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT;COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT; COMMIT;

 

커밋을 안 해서 안 됐다 습관화 하자 1시간 날렸음