SMALL Front end16 영화진흥위원회 API Kaka API 활용 박스오피스 만들어 보기 BoxOffice.html BoxOffice Search!! Daily BoxOffice List Rank poster Title Open Data 상세보기 삭제 BoxOffice.js $(function(event) { $('#searchBtn').on('click',function (event){ let targetDt= ($('#targetDt').val()).replace(/-/g,''); $.ajax({ async: true, url: 'http://www.kobis.or.kr/kobisopenapi/webservice/rest/boxoffice/searchDailyBoxOfficeList.json', type: 'GET', timeout: 3000, data: { key: '개인키', targ.. 2021. 8. 16. 0715 Ajax 기반의 single page application model client side server side web browser(web client) → web server(program) request get 가져옴 post 생성 WAS put 수정 back-end web application delet 삭제 ← response ↓ Front-end (HTML,CSS,Javascript) Database web application front-end web application HTML,CSS,Javascript request ← (URL) ←url은 길이제한이 있어요 protocol://IP:port/was의어떤program을 호출할지 (HTTP) rest program을 실행시키기 위한request는 일반적으로 program에 전달한 data를 포함 Ajax(J.. 2021. 7. 15. 0715 web application model 전통적인 web application model (round trip 방식) client side server side URL (protocol://IP:port/path) web client(web browser) HTML,CSS, get Javascript,Engine request → post Web server progrm put (project1,project2,project3) Delete python program 통칭 Web application ↓↑ WAS ( Web application Server) mySQL "Database" ←response HTML code CDN ↓ Network사용량이 많아져요. Mobile Network 시대가 되면서packet은 money!! 2021. 7. 15. 0715_jQuery_event HTML, Javascript 파일을 만듭니다. 0715_jQuery_event HTML 각각의 element마다 event 처리를 할 수 있어요 Javascript function () 람다 함수안에 첫 번째 변수는 일반적으로 event이름으로 써요 parameter event의 의미는 → Event 객체 1. Event Source → Event 가 발생된 객체(문서)를 지칭 2. Event 속성 → on + Event이름(onclick) 순수 Javascript의 event처리방식 3.Event Handler → Event가 발생했을 때 호출되는 Javascript 함수 4.Event 객체 →Event 가 발생했을 때 Browser에 의해 자동적으로 만들어지고 Event에 대한 세부사항이 객체 안에.. 2021. 7. 15. 이전 1 2 3 4 다음 LIST
