# getJson
Front-end 국비지원 #056일
JQuery AJAX 01. AJAX를 이용하여 Gallery 만들기 > 결과 >HTML >CSS >script를 보기전에 이거 부터 설정하고 배워보자 ImageLoaded 와 masonry 사용 ImageLoaded 사용 >ImageLoaded는 이미지를 masonry를 사용하기전 충분히 로딩을 한 후 작동되게 하려고 사용한다. 이미지를 충분히 로딩하지 못한채로 masonry를 사용하면 겹치는 현상도 발생함. >1. https://imagesloaded.desandro.com/#install 에 들어간다. 
Front-end 국비지원 #046일
반응형 디자인 2-5 디자인호텔스 >결과 >탭 메뉴를 클릭하면 해당 메뉴에 해당하는 비디오 목록들이 바뀐다. >HTML (탭 메뉴의 구성) >script >click 함수를 사용하여 변수 tabs와 tabContents를 사용하였다. li 의 하위 find'a' 태그를 찾아 removeClass 'addTap' 이라는 클래스를 지우고 this 의 하위 'a'에게 addClass를 사용하여 클래스를 추가한다. 그외의 div 는 display를 none 하고 e
좋아요 기능, SQL
좋아요 기능 구현중. id=ContentDiv에 쌓인 a id=likeBtn > img 태그를 클릭하면 정상적으로 js 로직및 span 태그에 나타나는 좋아요 개수가 정상적으로 동작하지 않았다. 간단하게 클릭한 타겟이 img라면 alt 속성을 가져와서 like1,like2와 같다면 좋아요 함수를 return 시켜 주었더니 해결했다. 가장 조회수가 많은 게시물 5개를 가져오는 로직. SQL 얻어온 bno(pk)로 게시물을 가지고 오는 로직 게시물 5개를 가져와서 jsp단에 뿌려주었다.
Spring 비동기 통신
비동기 통신: AJAX ajax란 : 즉 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간의 XML 데이터를 주고 받는 기술이라고 할 수있다. 출처 :https://kdevkr.github.io/understanding-asynchronos-javascript-and-xml-with-spring/ ajax를 사용할 떄는 데이터 형식을 주로 JSON을 사용한다. Annotations 스프링 컨트롤러에서 사용되는 어노테이션 @RequestMapping @RequestMapping에는 요청과 응답과 관련한 프로퍼티를 설정할 수 있습니다. produces와 consumes ! method=RequestMethod.GET method는 어떠한 요청 타입을 처리할 것인가를 결정하는 부분입니다. produces=MediaType.APPLICATIONJSONVALUE produces는 어떠한 데이터 형식으로 응답할 것인가를 결정하는 부분입니다. consumes=M
json 파일을 읽어올 때 getJSON() 과 ajax() 차이
배경 ajax를 사용하던 도중 getJSON() 과 ajax() 에 대한 차이가 궁금해졌다. getJSON()'s problem async 옵션, type 옵션을 활용할 수 없다! 😮😮 async 옵션은 기본적으로 true 가 default 인데, false 로 하면 백그라운드로 진행하는게 아니라 순차적으로 진행되어 제대로된 .ajax 를 사용하는게 아닐지 모르지만 화면을 보는 관점에서는 더자연스럽게 느껴진다. jQuery의 Ajax호출은 async: true가 기본이며, 이 속성을 기입하지 않는다면 기본적으로 비동기식으로 동작한다. 을 false로 설정하게되면 동기식 식으로 이제 ajax를 호출하여 서버에서 응답을 기다렸다가 응답을 모두 완료한 후 다음 로직을 실행하는 동기식으로 변
jQuery - getJson() 메서드
배경 제이쿼리는 ajax() 함수외에도 다양한 단축메소드가 있다. 이중에서도 getJSON() 메소드에 대하여 알아보려고 한다. 😀😀 ajax 단축 메소드는 이외에는 get(), post(), load()등의 메소드가 존재한다. getJSON()란? getJSON()은 비동기식으로 서버와 접속해 데이터를 불러올 때 사용하는 점은 같으나 JSON 타입의 데이터를 불러온다. ajax() 메소드의 dataType: 'json' 과 동일한 역할을 수행한다. getJSON() 예제 javascript text.json 결과 json 파일이 불려지고 body 안에 담겨 알맞게 출력된 모습을 볼 수 있다.