본문 바로가기

JavaScript5

[Ajax]GET을 이용하여 정보 읽어오기 그렇다면, Ajax를 활용하여 정보를 어떻게 읽어올 수 있을 지 방법을 살펴보도록 하겠습니다! (*Ajax는 JQueary 를 import한 페이지에서만 사용이 가능합니다) 먼저 Ajax의 기본 코드는 아래와 같습니다. $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) type에 GET이 들어가있으니, read를 위한 ajax임을 알 수 있겠죠? 먼저 url 란에 정보를 얻을 url주소를 넣어주겠습니다. $.ajax({ type: "GET", url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/j.. 2021. 8. 28.
[JavaScript]JQuery 기능 사용해보기! 어떤 기능들이 있을까? 1. input 박스 안의 값 가져오기 : $('가져올 것의 아이디 or 클래스').val() i.g. '주문자 이름' input box에 'Hi'라고 쓴 뒤, 해당 input box의 id 인 'name-inputBox'를 이용해 $('#name-inputBox').val() 을 console 창에 쳐보면 input box안에 적혀있던 Hi 를 가져오는 것을 알 수 있다. 또한, input box안의 값을 바꿔치기 할 수도 있다. val() 안에 바꾸고 싶은 내용을 적고 엔터를 쳐보면, 아래처럼 Hi가 안녕? 으로 바뀌었음을 볼 수 있다! 2.div 보이기 / 숨기기 display속성을 사용하면, 해당 요소를 보이게 할 수도 숨길수도 있다. 3.css의 값 가져와보기 만약에, 상자나 그림, input .. 2021. 8. 28.
[JavaScript]JQeury란? JQuery사용하기! JQuery란 JavaScript의 기능을 편리하게 사용하도록 미리 작성된 JavaScript코드 라이브러리 입니다. 타 개발자들이 미리 짜둔 코드를 사용하는 것이기 때문에 JQuery를 사용하기 위해서는 반드시 import해 주어야 합니다. 어느 정도로 간략해지는 지 살펴볼까요? 하나를 숨기는 기능을 JS 와 JQuery로 각각 어떻게 쓰이는 지 볼게요. JavaScript : document.getElementById("element").style.display = "none"; JQuery : $('#element').hide(); 이렇게 차이가 납니다. 어떻게 import를 할까요? https://www.w3schools.com/jquery/jquery_get_started.asp jQuery G.. 2021. 8. 27.
[JavaScript]JavaScript활용하기 그렇다면 JavaScript는 어떻게 활용할 수 있을까요? JS를 사용하면, 아래와 같이 리스트 안에 들어있는 자료 중에 내가 원하는 부분만 골라내는 작업을 할 수 있습니다. i.g.) let mise_list = [ { MSRDT: "201912052100", MSRRGN_NM: "도심권", MSRSTE_NM: "중구", PM10: 22, PM25: 14, O3: 0.018, NO2: 0.015, CO: 0.4, SO2: 0.002, IDEX_NM: "좋음", IDEX_MVL: 31, ARPLT_MAIN: "O3", }, { MSRDT: "201912052100", MSRRGN_NM: "도심권", MSRSTE_NM: "종로구", PM10: 24, PM25: 18, O3: 0.013, NO2: 0.016.. 2021. 8. 27.
[JavaScript 배우기] JavaScript란? JavaScript란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 (유일한) 언어다. (클라이언트가 서버에 요청 시, 서버는 HTML+CSS+JS를 클라이언트에게 주게되는 것) JavaScript를 사용하려면? HTML파일 안에서 tag를 사용하면 된다. 2021. 8. 27.
반응형

티스토리툴바