본문 바로가기
  • Coding & Book

Back-End41

3. XHR과 Fetch 1. XMLHttpRequest 보통 XHR이라고 부르며 아래와 같은 형식으로 사용됩니다. 객체를 생성한후 요청이 완료됐을 경우 onload 함수를, 에러가 발생하면 error 함수를 실행하고 req.open을 사용하여 get 요청을 전달하고, req.send를 호출하여 요청을 보냅니다. const req = new XMLHttpRequest(); req.onload = function (){ console.log("IT LOAD"); const data = JSON.parse(this.response); } req.onerror = function () { console.log("error"); console.log(this); } req.open("GET","https://swapi.dev/api/1.. 2023. 6. 21.
2. JSON 이란? JSON 이란? - JSON은 계속해서 데이터를 전송하거나 정보를 전송하는 포맷이다. - 사용자끼리 전송하거나 API에서 브라우저로 전송이 가능하다. - 일관적이고 예측할수 있는데이터를 포맷팅 하는게 특징이다. - JavaScript 객체 구문을 기반으로 하여 중괄호와 key- value 값을 갖는게 비슷하다. - 다른점으로는 모든키는 큰 따옴표 "" 를 가지고 있다. - JSON은 JavaScript에서만 쓸수 있는게 아닌 Ruby,Python 등 다른 언어에도 사용 가능하다. https://jsonformatter.curiousconcept.com/#about JSON Formatter & Validator Format and validate JSON data so that it can easily .. 2023. 6. 20.
01. AJAX란(+API) 1.AJAX란? -AJAX는 비동기식 JavaScript와 XML 이다. -기존의 웹 페이지는 페이지 전체를 새로고침해야지만 서버로부터 데이터를 가져오거나 전송할 수 있었지만, AJAX를 사용하게 되면 페이지의 일부분만 업데이트할 수 있다. -정보를 올리거나 전송하고 어떤 정보를 저장하려면 요청이 필요한데 그것을 웹사이트나 혹은 앱에서 보이지 않게 요청을 하는것이며 서버로 데이터를 원활하게 주고 받을수 있게 해준다. - JavaScript를 사용하여 비동기적으로 서버와 통신하고, XML 또는 JSON 형식으로 데이터를 주고받을 수 있다. 최근에는 XML 보다는 JSON 형식을 많이 사용하고 있다. 예시: 데이터를 서버로 전송하여 백엔드와 상호작용하는 회원가입 양식 제출, 데이터 저장 등이 있으며 실시간 .. 2023. 6. 19.
[AWS] AWS 계정 만드는 방법 1. AWS 홈페이지에 접속해줍니다. https://aws.amazon.com/ko/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services aws.amazon.com 2. 접속 홈페이지에서 AWS 계정 생성을 눌러줍니다. 3. 이메일 주소와 영문이름을 입력 후 클릭해줍니다. 4. 입력한 이메일에서 온 코드를 입력후 확인을 눌러 줍니다. 5. 암호를 만들어줍니다. (암호 입력시 8글자 이상, 대문자 소문자 포함, 특수기호 포함입니다.) 6. 연락처 정보를 입력해줍니다. - 사용 계획이 자체 프로젝트이므로 저는 개인으로 하였습니다. - 영문으로 이름을 써줍니다. - 전화번호는 korea 선택후 전화번호를 넣어주시고 - 주소 와 시, 도를 입력한후 우편번호를 써줍니다. - 맨 마지막.. 2023. 5. 31.
Node.js 설치 방법 Node.js 설치 방법 1. 사이트 접속 사이트에접속해줍니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 파일 다운 - LTS 파일을 다운해줍니다. ++(2023/05 기준입니다.) 3. node 설치 1. 위를 설치 하면서 아까 필요한 도구를 자동으로 설치하는 것에 대해 체크를 했기때문에 cmd 창이 하나 뜹니다. 2. "마지막에 계속하려면 아무키나 누르십시오"가 뜰텐 아무키나 누르면 설치 됩니다. 3. 누르시면 PowerShell로 넘어갑니다. 4. 설치가 완료되면 enter를 눌러 줍니다 2023. 5. 28.