AJAX 정리-2 (javascript,ECMA,jquery,axios / async~await) jquery 엔진 가져옴https://www.jsdelivr.com/package/npm/axios 여기서 axios 가져옴 - ajax.htmlJavascript - AJAX데이터값 : ECMA - AJAX데이터값 : Jquery - AJAX데이터값 : Axios - AJAX데이터값 : html은 동일axos 원래 npm으로 설치 👀 ①. javascript - ajax.js/* javascript ajax 통신 */function js_ajax(){ var datainfo = document.getElementById("test").value; var send_data = {name : "datainfo"}; var ajax = new XMLHttpRequest(); ajax.onread.. 2024. 9. 27. AJAX 정리-1 👀 Front-end (송신 - 파일,배열,문자,숫자 => 수신)XMLhttprequest $.ajax(jquery) - $.get (ajax의 get), $.post(ajax의 post)fetch (ES, Vue, React)axios (Post,Get....) 👀 Back-end (Rest API 구축 , 수신 => 재송신) REST annotation @RestController - class에 사용하여 Controller 명시@Responsebody - jsp view에 전달되는 사항이 아니며 , data 자체를 송신 시 사용@PathVariable - url 경로에 대한 파라미터 값을 추출시 사용@CrossOrigin - CORS 문제 해결@RequestBody - JSON 데이터를 원하는 .. 2024. 9. 27. #5-1 / websocket 통신... socketFront ( 가 어려움... ㅎ ), Back new Websocket : 소켓 라이브러리를 인스턴스로 신규 오픈=> socket.io 대체 가능 (양방향 통신을 사용하는 서버를 구축하는 형태 ) Client(1) Client(2) ===> 이 2개가 socket.io에 접속 => connect() => back으로 전송 => back에서 각 Client로 return 터미널로 실행..;;; (node.js에 npm으로 설치해야함) 👀 타이틀 dependencies { //socket - 요거 추가 implementation 'org.springframework.boot:spring-boot-starter-websocket' } - index.html .. 2024. 9. 26. AWS-1 AWS NAVERGoogle 👀 클라우드 서버 관련 상식VPC or VPN IPv4 or IPv6네트워크 보안 장비(T1, T2, T3, T4, E1, E2, E3) EC2 - Web ServerCDN - File Server (컨텐츠 전송 전용 서비스 - 무조건 유료임ㅋ)EC2에 만드는게 아니고 별도로 만들어야 함aws 공홈에서 무료 계정 생성 🔽 카드등록까지 다 해야함 🔽root 로그인 후 EC2 검색해서 들어간 후 인스터스 생성 🔽애플리케이션 및 OS 이미지(Amazon Machine Image)centos9 로 해볼거임 - 검색 - 지금 구독하기 🔽 인스턴스 유형 t3.small 함 🔽키페어 생성파일이 다운받아짐 - > 보관 잘할것 ! 🔽 네트워크 설정퍼블릭 ip 자동 할당 .. 2024. 9. 25. 이전 1 2 3 4 5 6 ··· 77 다음