이번에는 Jquery 의 비동기통신 방법인 ajax 에 대해서 알아 봅시다 ajax 비동기 통신은 페이지의 이동없이 서버와 데이터를 주고 받는 것을 의미 합니다. 예를 들면, 실시간 으로 되는 것들이 있겠네요 java script 에서는 fetch 라는 걸 썻었는데, Jquery 에서는 ajax 라는 걸 사용하면 됩니다. 이번에는 어제 배운 REST API 를 이용해서, 비동기 서버를 만들고, 만든 비동기 서버에 접속해서 데이터를 가져와 볼겁니다. 실습하는데 필요한 건, 이클립스 , 서버(Tomcat) , visual studio code 가 되겠습니다. 서로 다른 툴을 사용하는 이유는, 서버를 다르게 하기 위해서 입니다. 현재 이클립스는 8181 포트, vs code 는 5501 포트 를 실행하게 되어..

이번에는 어제 알아본 java script의 비동기에 대해서 조금 더 알아 봅시다. 비동기 어제 알아본 비동기 방식은 fetch 를 이용해서, text() 를 사용해서 문자열로 바꿔주는 걸 봤었죠? fetch는 text 뿐 아니라, json 을 사용할 수 있습니다. .json 파일을 json 형식으로 만드는 것이기도 하고, json(객체) 으로 된 것을 가져오는 것 이기도 합니다. 먼저, "hi.json" 이라는 파일을 만들어서 아래와 같이 데이터를 작성해 줍시다. ( {"키":"값"} ) 의 형태 ※ 실제로, 비밀번호를 파일에 명시되도록 저장하지는 않음. 그리고 fetch 를 사용하는 곳에서, 아래와 같은 공간을 만들어 줍니다. 어제 .text() 가 들어가는 자리에, .json() 으로 바뀌었을 뿐 ..

이번에는 java scirpt의 비동기 fetch 에 대해서 알아 봅시다. 비동기 fetch fetch 는 java script 에서 지원하는 비동기 방식 인데요 비동기 방식은 페이지의 이동이 일어나지 않고, 특정한 곳에 데이터를 전달하는 방법 입니다. 해당 방식은 콜백함수를 이용해서, 다른 작업을 처리하는 도중에 이루어집니다. 이는 해당 코드를 처리하는데 시간이 얼마나 걸릴지 모르기 때문에, 그 뒤에 있는 코드를 먼저 처리하라는 것 입니다. 비동기 방식에는 여러가지가 있는데, 그 중에 fetch 를 이용해서 알아 봅시다. 먼저, 특정한 데이터를 만들어 주기 위해서 "hi.txt" 라는 파일을 만들고, 안에 데이터를 아무렇게나 작성을 했습니다. 위처럼 작성을 해주면 되는데요, 하나씩 보도록 합시다. 먼저..