반응형 제이쿼리메소드2 웹 / 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) 자주 쓰이는 함수 모음zip / 제이쿼리 메소드 / 제이쿼리 이벤트 함수/ HTML제어 메소드 매개변수에 따른 이벤트 함수 매개변수가 있을 때의 이벤트 함수는 매개변수를 사용하여 이벤트 함수를 설정한다. 매개변수가 없을 때의 이벤트 함수는 사용자로부터 값을 받아오거나, 사용자가 이벤트를 한 것처럼 설정한다. HTML 제어와 관련된 메소드 .after() 해당 요소 뒤에 내용(html()와 같은 기능)을 추가한다. $("#document").after("뒤에 해당 내용을 추가해주세요."); .before() 선택된 대성의 전에 html을 삽입한다. 해당 요소 앞에 내용( html()와 같은 기능 )을 추가한다. $("#document").before("앞에 해당 내용을 추가해주세요."); .html() .text() 메소드와 기능은 유사하지만 삽입하는 내용에 hmtl 태그가 있다면 태그가 적용되며 .. 2021. 5. 18. 이전 1 다음 반응형
