서울땅콩의 취미생활

개발자로그/JavaScript : 「3」건

  1. fetch API를 이용하여 REST API 호출
    2021.07.27
  2. [javascript] 자바스크립트에서 replace를 replaceAll처럼 사용하기
    2021.07.17
  3. [Jquery] Selector 모음
    2020.07.14

fetch API를 이용하여 REST API 호출

AJAX란 무엇인가? AJAX는 XMLHttpRequest(XHR)과 Javascript와 DOM을 이용하여 서버에서 추가 정보를 비동기적으로 가져올 수 있게 해주는 포괄적인 기술을 나타내는 용어다. 하지만 만들어진지 꽤 오래되기도 했고, 이보다 사용하기 쉬운 표준 API가 등장했다. fetch API 별도의 라이브러리는 필요 없고 최신 브라우저에 내장되어 있다. 사용이 아주 쉽고 Primise타입의 객체를 반환한다. 반환된 객체는, API 호출이 성공했을 경우에는 응답(response) 객체를 resolve하고, 실패했을 경우에는 예외(error) 객체를 reject한다. fetch API는 다양한 주문 전송, 사용자 정보 읽기, 서버에서 최신 변경분 가져오기 등등 다양한 일을 페이지 새로고침 없이 수..
개발자로그/JavaScript 2021. 7. 27. 18:05

[javascript] 자바스크립트에서 replace를 replaceAll처럼 사용하기

문제점 자바스크립트에서 replaceAll을 하면 존재하지 않는 함수라고 오류를 뱉어낸다. Internet Explorer에서 문제가 되는 것으로 보인다. 예를 들자면 다음과 같다. "aaa aaa aaa aaa".replaceAll(" ", ".") replaceAll함수를 이용하여 결과가 aaa.aaa.aaa.aaa 출력되기를 기대하였다. 하지만 오류를 뱉어내었다. 두둥.... 개체가 replaceAll 속성이나 메소드를 지원하지 않습니다. Explorer 정말 놀랍다. 해결 그래서 자바스크립트에서 replace를 replaceAll처럼 사용해야 하는데 간단히 정규식으로 해결이 된다. [정규식 이용해서 gi 로 감싸기] // #를 감싼 따옴표를 슬래시로 대체하고 뒤에 gi 를 붙이면 // replac..
개발자로그/JavaScript 2021. 7. 17. 10:29

[Jquery] Selector 모음

프로젝트를 진행하면서 사용했었던 Jquery Selector를 조금씩 조금씩 모아두었다. 가끔씩 기억나지 않을때가 있는데 참고하기 좋아서 저장해둔다. ​ Ctrl + F로 검색하여 필요한부분 참고하면 되겠다. //모든 엘리먼트를 획득 $("*") //현재 HTML 엘리먼트를 획득 $(this) //모든 엘리먼트에 class가 intro인것을 획득 $("p.intro") //첫번쨰 엘리먼트를 획득 $("p:first") //첫번쨰 엘리먼트의 첫번쨰 를 획득 $("ul li:first") //모든 엘리먼트의 첫번째 를 획득 $("ul li:first-child") //모든 태그를 선택하여 target속성값이 $("a[target='_blank']") _blank인것 획득 //모든 태그를 선택하여 target..
개발자로그/JavaScript 2020. 7. 14. 18:55
◀ 1 ▶

티스토리툴바