반응형 OpenAPI5 웹 / 나만의 영화저장 웹 만들기 / 영화 OpenAPI / Ajax와 jQuery를 활용한 예제/ 영화 API 활용한 웹 개발 웹 / 제이쿼리(jQuery)란 무엇인가/유용한공부사이트/함께해보는예제/쉬운설명/ w3schools 웹 / 제이쿼리(jQuery)란 무엇인가/유용한공부사이트/함께해보는예제/쉬운설명/ w3schools 다음은 자바스크립트보다 더욱 간결하게 웹 기능을 사용할 수 있는 '제이쿼리(jQuery)'에 대해 알아볼 것이다. jQuery 란 무엇인가? 제이쿼리는 '경량의 JavaScript 라이브러리'라고도 한다. 기존과 다 parkjh7764.tistory.com 이번에는 이전 글에서 잠깐 포스팅했던 골격을 활용할 것이다. 이전에는 '포스팅박스 닫기' 버튼을 누르면 아래의 URL 과 기사 내용을 입력하는 부분이 사라지는 것을 연습했다면 이번에는 그 아래, 포스트들을 이전부터 다뤘던 jQuery와 Ajax를 통해 다.. 2021. 5. 26. 웹 / 쇼핑몰 기능 추가하기 / Ajax와 jQuery로 쇼핑몰에 환율추가 해보기/ 환율 API 활용한 쇼핑몰 이전에 HTML, CSS, JavaScript에 요소들로만 제작하였던 웹 쇼핑몰(?) 비스무리한 것을 다시 한번 더 활용해보고자 한다. HTML, CSS, JavaScript와 함께 이전 글에서 쭉 다뤄왔던 Ajax와 jQuery를 사용해서 쇼핑몰에 기능을 추가하고자 한다. 이전에 간단하게 제작하였던 웹 쇼핑몰 주문 부분에 대한 코드 전부를 맨 아래에 첨부해놓겠다. 아직 미숙한 부분이 많아 불필요한 코드 부분이 있을 가능성이 있으니 복사해서 사용하시는 분은 효율적으로 고쳐서 써보면 좋을 것 같다. 혹시나 못 본 분들을 위해 이전 글에 어떤 방식으로 제작을 해보았는지 참고하면 좋을 것 같다. 웹 / 처음 제작해보는 나만의 웹 쇼핑몰 사이트 - HTML CSS JS / 자세한 설명 웹 / 처음 제작해보는 나.. 2021. 5. 22. 웹 / jQuery와 Ajax 예제 연습/ 고양이 사진 API 랜덤으로 바뀌는/ 강아지 사진 API/ OpenAPI/ 쉬운 예제와 설명 이번에 활용할 API에서는 고양이 사진을 데이터로 주는 API를 활용하는 것이다. 여기서 특이한 점은 해당 API에서 고양이 사진을 랜덤으로 준다. 이를 활용해볼 것이다. 아래의 구조는 API URL을 타고 들어가면 볼 수 있는 구조인데 이전에 다뤘던 API와 다른 점은 여러 개의 딕셔너리가 아니라 리스트 형태로 넘어온다. 그렇기 때문에 사진 주소를 활용하기 위해서는 API 주소는 아래에 첨부해 놓았다. 취향에 따라 고양이, 강아지를 선택하여 활용해보면 좋을 듯하다. 고양이 사진을 랜덤으로 주는 API API URL : https://api.thecatapi.com/v1/images/search 강아지 사진을 랜덤으로 주는 API https://api.thedogapi.com/v1/images/searc.. 2021. 5. 22. 웹 / jQuery와 Ajax 예제 연습/ 따릉이 API 활용해보기/ 서울시 OpenAPI/ 쉬운 예제와 설명 이전 글들에서 다뤘던 jQuery와 Ajax를 사용해보자. 이번에는 서울시에서 사용되고 있는 공유 자전거 '따릉이' API를 활용해 연습을 해볼 것이다. url : 서울시 열린 데이터 광장 / 공공자전거 실시간 정보 http://data.seoul.go.kr/dataList/OA-15493/A/1/datasetView.do 서울특별시 공공자전거 실시간 대여정보 서울특별시 공공자전거 실시간 대여정보입니다. 대여소별 실시간 자전거 대여가능 건수, 거치율, 대여소 위치정보를 제공합니다. 호출시 시스템 부하로 한번에 최대 1,000건를 초과할수 data.seoul.go.kr 위의 주소로 들어가게 되면 '서울 열린 데이터 광장' 사이트가 열린다. 서울특별시 공공자전거인 '따릉이'의 OpenAPI를 가져올 수 있다.. 2021. 5. 22. 웹 / Ajax란? / Ajax를 이용한 미세먼지 API 이용해보기 / Ajax 동작방식/동기 비동기 방식 차이점/ 실습 예제 AJAX란? ( Asynchronous JavaScript and XML ) 자바스크립트를 사용한 '비동기적' 통신을 뜻하며 서버와 클라이언트 간의 XML 데이터를 주고 받는 데 사용한다. 비동기란? 여러 가지 일이 동시적으로 발생한다는 뜻이다. 동기 방식과는 다르게 업무를 처리 하는 중에 다른 업무를 처리할 수가 있다. 통신을 위해 서버에 데이터를 요청을 하는데, 요청 한 후에 멈추어 있는 것이 아니라 프로그램은 계속적으로 작동하고 있는 것이다. AJAX 동작 방식 AJAX를 활용해 클라이언트와 서버가 통신을 한다. 동작 방식에는 서버로부터 데이터를 가져오는 "GET" 요청 방식 서버에 데이터를 등록하는 "POST" 요청 방식이 있다. AJAX의 GET 방식과 POST 방식을 활용하여 클라이언트에서 서.. 2021. 5. 20. 이전 1 다음 반응형
