[DAY69] editor(에디터)

1.파일쪽에서 첫번째로 배운것

-> 파일업로드 쪽에 작업을 수행시에

2. ajax으로 비동기처리로 업로드 파일 처리 할 수 있었음

첨부파일을 spring에서 받을때 파일 자체
Multipart파일로 받음

-> 편집할 수 있는 에디터(editor) : 만들어져있는 에디터 (js 기능, css기능 불러서 사용하는것)
-> js 파일 , css파일 다운로드 받아서 class에 잘 포함시키고 경로만 잘 잡으면 화면에 나오는건 어렵지 않음








-> 올해 6월 이후 x
-> 더이상 update안해주겠다(있는 기능그대로 쓰기)


->Fullpackage

-> js와 css로 구성되었다

-> 정적파일 두기로 한곳이 있음


-> 바꾸지 않고 여기다가 보관하는것










-> bootstrap도 이런식으로 하면 됨
-> 필요한 css,js 받아서 resources에 두고 시키면 됨


-> 호출먼저하기

-> 함수이름 복붙

-> 중가로 열고 닫으면 javascript객체임











-> 첨부를 하면 이미지를 byte코드로 잡아서 byte코드를 여기 내부에 심어서 database가 그림하나만 집어넣어도 몇mega씩 됨
(data비용이 더 비쌈)
-> bootstrap 쓸때 충돌은 없음

###14_rest_api


-> 13장 기준으로 만들기

DB해야함

1.pox, web 작업
2.package작업

-> logback으로 바꾼상태

->index jsp 가져오기

sql.developer열기

-> F5(전체) 실행하기

MemberDto 만들기

memberMapper

-> package경로와 Memeber 맞아야함

★★★CRUD 많이 할 수 있음

-> interface가 호출하는 method이름을 가지고 연결함

















db측 layer레어이는 끝남

service쌓기

interface만들고 구현체 만들기

ajax 할것 -> 반환타입은 JSON이어야함

-> javascript 객체

-> 자바에서는 Map을 만들고 반환시켜주기

-> 값을 넘기는 SERVICE를 JASON을 받는 SERVICE로 만들어놓음

-> 자바코드는 그래도 있음
-> react로 바뀔 가능성이 큼
-> ajax이라고 했던 jqeury문법이 문법이 바뀌면 됨(개념이 달라지는것이 아니라)

-> DB가 JSON으로 되어있을 수도 있음



-> responsebody 붙이면 응답데이터 반환하는거다
-> responsebody안붙일 수 있는 방법


-> 언제나 필요한것 @Responsebody

안적어주기위한 방법
1. Restcontroller로 적어주기
2. responseentity를 쓰기

-> catch block에서의 응답

HttpServletResponse : 2번째 파라미터

MemberServiceImpl

->

MemberController

★★★RestController ->

★★★ 외우기!!!!

★Mapper만든다 -> service에서 우리가 부름

★service만든다 -> controller가 부름

★controller는 servlet context에 기입된 내용을 바탕으로 spring이 부름

contorller라고 붙여주면 spring이 controller라 인식해서 spring이 동작함








-> pathvariable 방식 사용해서 처리하는 방식

api 개발은 json을 반환하는것





-> 자바스크립트에서는 내장객체 JSON 쓸 수 있음
(서버측으로 보내주기 위해서 문자열로 바꿔줄수 있는 함수 하나쓰고)

->누가받을것인가




-> 우리가 하려는 건이게 아님
-> 이건, form의 data를 보내는것

-> jason을 문자열로 만들어서 보내야함

-> ajax이 아니었다면 이게 정답임(MVC pattern이어서)
-> 보충) 이렇게 설명

ajax은 위에 것 아님

POST 방식 : 요청할 data를 본문에 포함시킴

JSP -> 서버 : 요청 (Request)그리고 본문 body를

파라미터 전달받는 3가지 방법

form은 command객체로 받기 때문에 이게 가능했음
-> json과의 변환과정에서 받겠다는 것

requestbody데이터로 받을때 parameter로 오는것이 아니라 json 덩어리가 POST방식으로 본문에 포함되어서 전달되고 있음을 의미함






-> 14장 실행하기!!

-> 요청보내줄때 contentType 적어줌

-> content Type임
(보내는 data의 type적어주기)

----> 여기까지는 등록에 대한 코드밖에 없음
(분석해야함)
(ajax이지만 mvc하고 다르지 않음)
(분석이 끝나면 직접 구현연습해보기!!)

등록하기

입력받아서 보내는것만 구성하면 됨

-> 실행하기

-> 새로고침

번호는 몇번의 실패가 있었는지에 따라서 달라지는것 이라 신경 x

-> 확인되면

db돌려서 초기화하기!!

paging처리해서 begin 부터 end사이의 데이터가 조회할 수 있게금 목록보기 수정하기

-> 번호 뿌리기를 ajax에서 어떻게 할 것인가

-> 이와유사한 태그조합을 만들어서 String으로 이어붙여서 jsp가 받아서 표시해줌

-> json의 도움으로 받아올 수 있는 형태 : 대괄호 안에 중괄호

-> 이런데이터 받아와서 목록으로 뿌림

중간에 하나가 회원한명의 정보 -> 여러개 담아있는 배열의 형태로 받아오면 하나씩 받아와서 표시를 해줌

mvc pattern에서 paging하는것
jsp에서 하는대로 하면됨

ajax에서 paging처리하는것은 바꿔줘야함

-> 링크를 클릭시 이동하는것이 아니라 javascript가 실행되면서 javascript가 번호를 새로 만든다 (어려움: javascript콜론을 붙여주고 함수를 호출함)-> function이 돌아감

(function은 같은 페이지에서 돌음: 목록을 가져와서 페이지를 만드는 함수임)=> 새로운 번호 조합으로 바뀔 수 있음
(jsp에서 썼던 것 + 오늘 만들어주는것 : 하나의 class에 method2개로 가지고 있으면 평소에 가져다가 쓸 수 있음)

-> 첫2개 : 처음거 2개

-> BETWEEN AND 값을 줘서 어디서 어디까지 가져오세요 수행

-> 이 조합을 member가 없어도 괜찮으니까 짜보기!!

-> 쿼리 오류 없기를 바래야함



-> 파라미터 타아비이 있다는것 (parameter는 1과 2를 가지고 있어야하는 데이터)

-> mybatis 쿼리문 작성할때는 {} 쓰면 x
-> 이전까지는 #쓰기

-> map에 들어있는 key값 2개는 begin, end로 하기

-> 반환하는 행위 갯수가 1나이든 여러개이든 상관없이 Dto 작업함


-> 타입은 String object로 잡기!



-> 몇페이지는

-> 페이지 정보를 service는 받아와야한다

-> service가서 자리잡기

->싹 다 계산하는것

-> 전체 가지고 갔다가 약간 다른방식으로 바꾸기

-> display는 우리가 임의로 정하려고 함







-> pageutil값이 가져갈 수 있나?

-> service에서 service선언하고 controller로 가져가는것과 똑같음

-> 목록을 가져오기 위해서 Map을 만듦

-> 가져다가 map이랑 end로 만들기만 하면됨

-> page번호를 어떻게 보낼건지 rest방식으로 이야기하기

-> path variable annoatoin으로 값을 꺼낼 수 있음

-> 페이지번호 없을때는 1페이지 보여주는것

-> 필수가아닌데 실제로보내지 않으면 null값임

path variable의 결과로 page

optional 준비

pathvariable은 default 지정하지 않아서 수동작업을 함



-> 별도 event없음 그냥 ajax임

숫자는 전역변수로 빼기



-> 확인해보기

-> 등록 후 새로고침하기


-> 몇개 순차적으로 넣어놓기!!




-> 다시 페이지 1로 돌려놓기






-> 아직 만드는건 안함(pageutil가서 할것)



-> page바꿔놓으면 css하기 편함
-> a태그가 hyperreference 속성없으면 아무일 안함




-> a태그를 만든다


복붙한 후에 수정하기 !!

-> 변수자리 잘라내고 ""따움표 2개 붙여놓기



-> + 더하기 앞뒤로 공백주는거 함

-> 변수부분만

-> map을 반환해서 controller까지 영향을 미쳤음
(serivce가 잘못한게 아니라 반환타입이 잘못된것)

-> memberlist만드는것과 paging 2가지

-> 만드는것 끝남(memberlist에 추가만하기)

-> 함수끝났으니까 만들어주기 !!



-> fnMemberList를 다시 호출하기





-> spring의 paging처리를 하려니까

목록처리방법은 ajax과 모두 완성되는 형태가 됨

-> Div는 화면의 가운데로 보내려면 margin값 좌우 auto를 줘야함

-> 얼마 크기를 줘야함

function 2개
1.전체선택을 클릭시 function 1개
2.
-> jquery로 한것 있음 -> 가져오기!!

★★공부하기!!

요즘트랜드 : 이전버튼 누르면 살짝 가는것 (page번호)