ajax를 써서 기존화면의 html에 붙인다 이것만 놓고보면 쉬운데 가져온 데이터를 바탕으로 html을 조작하려니까

귀찮거나 복잡한건 까다롭죠

그래서 프론트를 완전히분리하고

js가 화면을 전부 렌더링하는 vue 리엑트가 뜬거고요

리엑트는 프론트에서 mvc나 spa하려고 만든게아니라 페북에서 php서버렌더링하다가 돔조작편하게하려고 만든 view담당 라이브러리예요

근데 저는 vue가 편했어요

@메리7 

잘못적은게

돔조작이아니라 데이터상태따라 렌더링쉽게하려고요 ..

뷰같은경우는 cdn 으로도 되고 프레임워크다보니 크게 어려움 없어요 리액트는 라이브러리다보니 사용법이 각자 다르고 매뉴얼을 보시고 공부해야되요 

그리고 제이쿼리 에이작스는 크게 어려운게 없어요 그냥 옵션 사용법만 배우면 되요 

ajax 이론만 이해하시면 금방 적응해요

"내가 필요한 정보만 보내서... " 

그 이후에 "받은 정보를 내가 어떻게 하겠다." 라는 내용만 있으면 됩니다.

예) 로그인 ajax - 아이디 비밀번호만 서버로 보내서 ...성공 실패 정지 탈퇴 블락 등등 에러 반환

그럼 반환된 정보로 너님 로그인 안됨 ㅋㅋㅋ 라고 적용하거나. 로그인 성공 시...데이터 div 를 구성하는 원리라 보시면 됩니다.

또다른 예로 ..

<p> 테스트 게시글 </p> 

있을 때 ..ajax 로 어떠한 데이터를 보내고 받았을 때 저 테스트 게시글이 <p> 데이터 로드 완료!</p> 라고 변경 처리 하는겁니다.

저도 ajax 첨 했을 때 뭔 X소리지....그게 말이되냐? 라는 이해도였는데..

누군가가 저 위에 소리 하는거 보고 아하? 했습니다. 걍 내가 필요한거 보내서 필요한거 받는다...끝...

그리고 지지고 볶는건 개발자 or 프론트가 알아서 할일....

CLI 을 활용한 REACT / VUE 를 그누보드에 직접 적용은 어려울 것 같구요

CDN 을 이용하는건 안하는게 좋을거 같고 ;;

공부를 해야 한다면 REACT입니다; 

그 다음은 NEXTJS 입니다.

단. 또 몇년이 지나면 어떻게 될지는 미지수입니다.

어느분이 그누보드에 VUE CDN 을 얻어 로또 회차별 당첨번호를 구현한건데

코드 보시면 아시겠지만, 안이뻐요 ;;  (소스보기 하면 그대로 노출되요)

https://littlecandle.co.kr/lotto.php

마지막으로 자바스크립트 함수 fetch 쓰시면 되세요

fetch 는 promise를 반환합니다. 

async function test(){

const res = await fetch('주소')

const data = await res.json();

return data;

}

try catch 문은 생략;

젤 쉽게 배우는건 jquery 죠

$.ajax({

url : 주소,

type: 'GET' OR 'POST'

dataType: 'json',

success: function (data){

성공 시 액션

},

error:function(data){

실패 시 액션

}

})

뭐든 모르면 어렵습니다.

@웹랭귀지 멋찌십니다.

axios 가 젤 편하더라구요

위에 미니님a님 말씀대로, fetch 를 사용하시면 깔끔하게 코드 작성이 가능해집니다. 예전에 ajax 사용할때 콜백 지옥을 생각하면 끔찍하네요.

맞아요, 아자씨 어렵더라구요ㅎ

처음에는 wr_3, wr_10 두개 고치는거도 감이안오던데

qa에서 배워서

wr_15까지는 고쳐요 ㅋ 많아지면 머리 아파지구요,,,,ㅜㅜ

그런데 아자씨로 뭘할거냐에 따라 다를거 같습니다,

긁어오는거만 할거냐

수정도 할거냐

뿌려주기도 할거냐

view에서 할거냐

write에서 할거냐

list에서 할거냐 ㅋ

list는 젤 어려워요 ㅜㅜ

그런데 거기서 수정까지 해야 한다면 ㅜㅜ

제일 쉽게 접근한다면 순수스크립트 fetch이나 jquery의 ajax 함수를 쓰시는걸 추천드려요...