항해 99 웹 개발 2주차 -교육

웹개발 2주차 교육

jQuery란?

1. HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리!

.

자바스크립트를 좀 더 직관적으로 사용 하게 해준다.

음.. 예를 들면

자바스트립는 같은 경우의 코드를 사용하면

[document.getElementById("element").style.display = "none";]

이런식으로 사용하는 반면 제이커리는 이것을 좀더 간편하고 함축적으로

표현 한 것으로 생각하면 좋을 것 같다.

자바스크립트에서 제이커리로 변환하면

[$('#element').hide();]

이런 식으로 변신이 되는 신기한(?) 기능을 가진 녀석이다.

일을 할 때 좀더 간결하고 깔끔하게 할 수 있는 것 같다.

Ajax 배우기

아젝스 같은 경우에는 첫번째로 제이커리를 임포트한 페이지에서만 가능하다.

그리고 open apl 을 이용한 실시간 데이터를

활용하는 작업인데. 생각보다 간단 하면서도

뭔가 복잡한? 하지만 한번 복습하고 또 복습하면

'아~ 이런 원리구나~'라는 생각을 하게 될 것이다.

결국엔 실시간 데이터에서 내가 원하는 정보를

자바스크립트와 제이커리를

이용하여 정보를 가져 올 수있게 하는 방식을 배웠다.

($.ajax({

type: "GET", url: "여기에URL을입력",

data: {},

success: function(response){ console.log(response) } }))

빨간색으로 표현한 부분이 바로 아젝스의 기본 골격이 된다.

위의 사진과 같이 저런식으로 활용 하는 시스템이다.

아젝스를 이용한 실시간 환율 정보를 이용한 api를 사용한 것인다.

위 사진이 2주차 마지막 숙제인 자바스크립트,제이커리를 이용하여

실시간 달려 환율을 바꿔주게 하는 방법을 배운 것이다.

새로고침을 하게되면 숫자배열이 환율에 맞게 변환해서 보여주는 방식이다.

 

느낀점

아직도 어색하다.. 하지만 뭔가 새로운걸 배울때마다 너무

재미있다. 이해하려면 시간은 좀 걸리겠지만

그래도 하다보면 반복학습을 하다보면

조금씩 아~이런거구나 하는 것을 느끼고 있다. 

좀더 반복학습을 하여 오늘 배운것을 잘 응용 할 수 있도록

해야겠다.