[DAY63] Ajax

Controller 2개 완성

-> ajax 3번 jsp -> ajax 1번이나 ajax 2번 내용으로 바꾸기

-> ajaxcontroller3번 제작하기

-> 생성자 추가하는 방법(source메뉴 또는

-> 기본적으로 argument처리가 전달되느냐 전달되지 않느냐에 따라서
error 처리방식의 차이임



-> autowired 자동주입하기 위해서


-> 데이터 베이스에 저장된 아이들 (목록 요청이 버튼 list 클릭했을때 동작하는 ajax 요청들)

-> 2버전 개발된 애들 구경 x

-> 비슷한거 자바에도 있었음

-> 성공이냐 실패냐 따라서 ajax 갔을때 성공과 실패 손쉽게 받아서 처리할 수 있게끔 spring에서 신경써서 만듦

-> method를 생략하고

-> responseentity를 사용함으로써 정상으로 알려주는것

★list를 자동으로 바꿔주는 library는 jackson 라이브러리임

-> 리스트를 바꿀때는 자동으로 배열로 바꿔준다.

각 목록마다 data속성을 집어넣어서 data속성의 이름으로 조회가 가능하도록 상세보기 구현이

요청시 jason 자체를 보낼 수 있음 -> 그때 필요한것은?

-> 데이터 다시 만들려고 없앴음

받는건 많이 했지만 보내는걸 해보려고 함

post는 요청본문에 data를 실어서 보낸다

-> 로그인하거나 하는건 post방식으로 함

POST 방식으로 데이터 보내는방식 : 서버로 보내는 데이터방식이 본문에 포함되어있다 -> 받을때도 '요청본문' 찾기

-> 뒤에는 저장할 장소를 찾는다

-> 자바측에 객체필드는 JAVASCRIPT의 객체 property와 일대일 대응되어서 javascript의 필드

-> dto가 가능하면

-> dto가능하면 Map도 가능하다

★★★Javascript의 대표주자 : jason 제이슨 data는 java측의 DTO, MAP과 일대일 매칭할 수 있다.

3개짜리 쓰러면 미리 하나 만들어놓기

-> 보내고자 하는 데이터부터

-> getDto 안에 ajaxDto.getName

-> 실제 개발시에는 빨리 오류를 찾기위해서 돌리는것

Jsp 하나 만들기

-> 경로 복사하기 위해서 옴

-> path가 자바로 넘어가면 문제가 발생함


-> 원래 이미지 태그 사용시 그렇게 했었음

서버에 어딘가 저장된 이미지들 표시하는것이 불가능함(아직도 할줄 모르는 작업임)

-> 웹 페이지 구성에 필요한 이미지 : logo같은건 resource에 넣어놓으면 됨
-> webpage구성할 때 필요한 이미지들 (만들때 필요한 이미지) - 사용자들이 첨부한것들은 여기다가 보관x
-> 특정 하드디스크 영역 잡아서 보관함(이미지들 표시할 줄 모름)
-> 하드디스크에 어떤 경로를 쭉 적어주는건 표시가 안됨
(responseEntity쓰면 간단하게 해결가능함)

★★★ 할줄알아야 프로젝트에 어려움이 없다!!!

-> 어떤 경로에 무슨 이미지들 이미지들은 원래 표시가 안되서 처리할 수 있는 자바측으로 요청을 한다

-> 자바 스크립트에서 encoding할때 쓰는

-> path하고 filename쓰면 끝임

-> byte배열이 반환값으로 나오는것


-> 파일 자체 application

-> 파일첨부용으로 관찰가능

-> controller가 작업해서 반환한다 !

★★★ 실무 - 이미지 number을 serivce로 보내서 dao로 가서 number 넘겨서 select로 가지고 옴

-> DB에서 가지고 올 Path하고 filename을 임의로 전달해서 확인하는 중

-> 바꿔도 지우는 코드 안넣어서 바뀌는 게 아니라 추가해짐
-> 전체경로를 이미지 태그는 원래 인식하지 못해서 자바에게 업무를 맡겨서 자바는 byte배열로 바꾼 다음에 보내주기
(ajax비동기 기술이 사용되는 부분이 있음)

오디오 태그로 바꾸면 됨 -> 저장된 이미지 기술을 서버측에서 뿌려서 표시가능(멀티미디어에서 쓸수있는 방법이니까 체크해두기)
-> append하기 전에 기존 이미지 지우기

-> 이미지가 하나씩만 나오게 됨(지우고 뿌리기 때문에)

1.pom xml : 7장꺼 8장으로

2.인코딩, 메이븐 update

3. delete 2개

4.7장 index jsp 복사해서 쓰기

5.ajax 1,2,3 지우기

6.index 본문 새로 만들기

MemberDto

-> db에는 키하고 몸무게만

MemberDao

AutoWired 방법 : 3가지 -> setter쓰겠음

->db가 없지만 db가 있는것처럼 쓰고 있음

MemberService - interface

MemberServiceImpl - interface잡고

RequiredArgsConstructor : dao객체를 만드는 행위는 dao객체의 repository가 하고 만들어진 dao 객체 가지고 오는 행위는 AutoWeird가 함

-> 그냥 생성자 들어가있고 autowired 적혀있고 spring 4부터는 autowired생략할 수 있음

★★★(둘이같은일을 하고있음) : @RequiredArgsConstructor = @Autowired

MemberController

-> 기존 데이터를 지워주고 추가 들어가기

-> function fnProfile도 표시하기

-> db에서 가지고 오는 select로 정보를 얻어낼 수 있음

-> dao는 안감(db에서 할건없음)

-> byte배열을 직접 반환하는 방식으로 같이 받아오게 했음

Naver Api

-> 테이블 밑에 목록이 풀리기 시작함

-> 제목이나 썸네일은 클릭하면 넘어가는 것


-> 4개를 보고 화면 4개가 만들어짐
-> 응답 결과로 본 json data는

-> api 문서 뜯어서 만든것 -> 사용된 정보들임

-> 다지우고 새로 짜기

springstudy 바로 보이는 자리에 둠