웹 개발 언어54 영화진흥위원회 Open API를 이용한 JSON 실습 Ajax - 웹페이지 전체가 아닌 일부분 갱신할 수 있도록 서버에 request 해주는 기술이다 - 웹 페이지 전체를 응답받는게 아니라 해당하는 데이터만 주고 받을수있기때문에 자원과 시간을 아낄 수 있다 -> 더 편리해보임 JSON - key와 value로 구성된 가장 간단한 파일 포맷 영화진흥위원회에서 제공하고있는 OPEN API 서비스를 이용해서 JSON실습을 해보자! https://www.kobis.or.kr/kobisopenapi/homepg/main/main.do 영화진흥위원회 오픈API OPEN API 서비스 영화진흥위원회 영화관입장권통합전산망에서 제공하는 오픈API 서비스로 더욱 풍요롭고 편안한 영화 서비스를 즐겨보세요. www.kobis.or.kr OPEN API를 클릭해서 들어가보면 가장.. 2022. 4. 3. Ajax와 JSON Ajax란? - Asynchronous Javascript and XML - 필요한 데이터만을 웹 서버에 요청해서 받은 후 클라이언트에서 데이터에 대한 처리를 진행하는 비동기적인 웹 어플리케이션을 제작하기 위한 웹 개발 기법 동기 vs 비동기 통신 차이 - 동기적 통신 동기적 통신은 통신 과정에서 Blocking이라는 과정을 거치면서 페이지가 새로고침된다 - 비동기적 통신 비동기적 통신은 Blocking 과정을 거치지 않기 때문에 통신 과정에 페이지 새로고침이 일어나지 않는다. Ajax의 필요성 사용자 입장에서는 화면갱신도 없고, 요청과 응답 사이 시간에도 다른 일을 할 수 있어 편리하고 빠른듯한 환경을 느낄 수 있다. Ajax 장점 - 웹 페이지 전체를 다시 로딩하지 않고, 웹 페이지의 일부분만을 갱신.. 2022. 4. 3. eclipse 에 WAS 환경 만들기 eclipse에서 아파치톰캣이라는 WAS를 이용하기 위한 설정을 해보자! https://tomcat.apache.org/ Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifications. These specifications are part of the tomcat.apache.org 위 링크에 들어가서 1. 어떤 버전으로 다운로드 받을 것.. 2022. 3. 31. jQuery 이용해서 이미지 움직이기! 이렇게 생긴 배경 이미지에서 이렇게 킹받게 생긴 말이 움직이게 만드는 웹페이지를 만들어보자..!! CSS는 외부 방식을 사용하였고 이 css파일에 보면 배경이미지가 width: 1280px, height: 720px 의 크기로 설정되어있다. 그리고 left, right라는 클래스 이름으로 버튼 스타일도 정해져있다. 이 클래스를 이용해서 왼쪽으로 가는 버튼, 오른쪽으로 가는 버튼을 만들어주었다. 그리고 div 태그에 말 이미지를 가져왔다 LEFT RIGHT 실행화면 2022. 3. 31. 이전 1 ··· 3 4 5 6 7 8 9 ··· 14 다음
