AJAX3 [JavaScript] AJAX를 위한 Fetch API 웹 프로그래밍을 하다보면 사용자 경험 관점에서 AJAX(Asynchronous Javascript And XML)가 꼭 필요한 경우가 생기게된다. AJAX를 위해 일반적으로 XMLHttpRequest 객체를 많이 사용했었는데 ES6(EcmaScript Ver.6), 2015년 부터 Fetch라는 새로운 API가 사용되기 시작했고 2021년 기준으로 최신 브라우저들은 Fetch API를 모두 지원한다. Fetch API는 XMLHttpRequest 객체와 마찬가지로 요청이 완료되었을 때 해야할 일들을 '요청 완료' 이벤트가 발생했을 때 처리하지만 XMLHttpRequest 객체를 사용했을 때와 달리 프로미스promise를 활용한다. fetch('AJAX 처리 URL', { //AJAX 설정 및 데이터 설정.. 2021. 6. 24. 3. AJAX와 플라스크 AJAX(Asynchronous JavaScript and XML)는 자바스크립트JavaScript를 이용하여 서버와 클라이언트 사이에 비동기적으로 데이터를 교환하는 방식이다. 말이 어렵다. 조금 풀어서 이야기해보자. 서버와 클라이언트가 데이터를 주고받는 기본적인 방식은 페이지 단위로 주고받는 것이다(정확히는 클라이언트가 요청하면 서버가 페이지 단위로 준다). 만약 페이지 내용이 몇 글자 밖에 바뀌지 않았다고 가정하자. 이러한 일이 자주 일어나면 매번 페이지를 새로 받는 것은 낭비라고 할 수 있다. 더불어 페이지가 바뀔 때(새로고침될 때) 웹 브라우저의 뷰(view)전체가 바뀌는 것도 사용자에게 좋은 경험을 주지는 못한다(화면이 깜빡거리고 웹 브라우저에서 딸깍하는 소리를 낸다). AJAX를 이용하면 페이.. 2020. 12. 16. Advanced? 고급? 제목에 관해서 고학년 과목 혹은 대학원에서 개설하는 과목 중에 '고급'이라는 수식어가 붙는 과목들이 있다. 영어로 'advanced + 주제 이름'에서 번역된 것 같은데 그 내용을 살펴보면 기본적인 부분들은 어느 정도 알고 있다고 가정하고 다양한 응용 사례들을 다루는 경우가 많다. 이 카테고리에서 이야기하려는 주제들은 파이썬과 플라스크를 이용하여 웹 서비스를 구성하는데 반드시 필요한 내용은 아니다. 하지만 웹 서비스가 제공하려는 내용들이 늘어남에 따라 필요하게 될 기능들이라고 할 수 있다. 따라서 그 이름이라도 알고 있으면 필요할 때 찾아 볼 수 있다. 다루려는 구체적인 주제들을 아래와 같다. - 쿠키와 세션 - 세션과 데이터베이스(DB) - 플라스크와 AJAX(Asynchronous JavaScript And XML.. 2020. 12. 3. 이전 1 다음
