You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
📚 AXIOS 설치 & 특징 & 문법 💯 정리
Axios 라이브러리 Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 아다. 쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용한다. 이미 자바스크립트에는 fetch api가 있지만, 프레임워크에서 ajax를 구현할땐 axios를 쓰는 편이라고 보면 된다. Axios 특징 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용 Promise(ES6) API 사용 요청과 응답 데이터의 변형 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변경 axios vs fetch axios fetch 써드파티 라이브러리로 설치가 필요 현대 브라우저에 빌트인이라 설치 ..
![[WEB] 🌐 웹 소켓 (Socket) 정리 (역사부터 차근차근)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F0KeSL%2FbtrijUh8EXp%2FGjuzv8R3gVipzT91IdrKeK%2Fimg.png)
[WEB] 🌐 웹 소켓 (Socket) 정리 (역사부터 차근차근)
웹 개발을 처음 배우기 시작했다면 서버와 클라이언트의 통신은 모두 HTTP 프로토콜만 이용해서 이루어진다고 생각할 수 있습니다. 하지만 웹 개발을 하면서 채팅, 게임, 주식 차트 등의 실시간 통신이 필요한 서비스를 구현하려 하면 HTTP 프로토콜이 아닌 웹소켓 프로토콜을 사용하는 것이 좋다는 이야기를 흔히 찾아볼 수 있습니다. HTTP의 한계 [백엔드 로드맵] 🌐 HTTP는 무엇일까요? HTTP (Hyper Text Transfer Protocol) HTTP는 서버와 클라이언트가 서로 데이터를 주고받기 위해 사용되는 통신 규약을 말합니다. TCP/IP(Transmission Control Protocol / Internet Protocol)을 이용하며, 사.. inpa.tistory.com HTTP..
📚 제이쿼리 AJAX 요청 문법 정리
제이쿼리 AJAX 요청 이번 포스팅에는 ajax의 기본개념 간단 정리와 제이쿼리 ajax 메소드를 살펴봅니다. AJAX 란? AJAX란 asynchronous Javascript and XML입니다. 요즘은 XML보다 HTML이나 JSON을 더 많이 쓰지만, 개발 당시 xml이 주류라서 이름이 그렇게 된 것입니다. 기존의 웹에서는 한 번 페이지를 로딩하면 다른 페이지를 로딩하기 위해서 링크를 타고 넘어가야 했습니다. 그렇게 되면 흔히 말하는 페이지 깜빡임이 발생합니다. 구글 검색을 해보면, 페이지를 전환하지 않고도 예상 검색어와 결과를 보여줍니다. Gmail도 마찬가지죠. 바로 AJAX 기술을 사용하였기 때문입니다. 이처럼 비동기적으로 서버에 요청을 하여 페이지 전환 없이도 새로운 데이터를 가져올 수 있..
🌐 Fetch API 으로 AJAX 요청하기
자바스크립트 AJAX 요청 방식 정통적으로 XMLHttpRequest() 객체를 생성하여 요청하는 방법이 있지만 문법이 난해하고 가독성도 좋지 않다. 따라서 이번시간에는 자바스크립트 AJAX 통신의 최신 기술인 fetch() 메서드 사용법에 대해 알아보는 시간을 가져볼 예정이다. XML Http Request 방식 xmlhttprequest 객체를 이용한 정통적인 초창기 비동기 서버 요청 방식이다. 성능에는 문제는 없지만 코드가 복잡하고 가독성이 좋지 않다는 단점이 있었다. var httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function () { if (httpRequest.readyState == XMLHttpReques..
🌐 XMLHttpRequest 으로 AJAX 요청하기
AJAX (Asynchronous Javascript And XML) Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해준다. Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. ajax를 통한 웹 브라우저와 웹 서버 간의 통신 절차는 다음과 같다. 사용자에 의한 요청 이벤트가 발생 요청 이벤트가 발생하면 이벤트 핸들러에 의해 자바스크립트가 호출 자바스크립트는 XMLHttpRequest 객체를 사용하여 서버로 요청을 보냄 서버는 전달받은 XMLHttpRequest 객체를 가지고 요청을 처리 서버는 처리한 결과를 HTML, XML 또는 JSON 형태의 응답 데이터를 생성 웹 브라우저에 전달 이때 전달되는 응..
