반응형 바닐라 자바스크립트2 바닐라 자바스크립트(Javascript) + 타임리프(Thymeleaf) 이용 AJAX 구현 예제 안녕하세요, 오늘은 스프링 부트(Spring Boot)의 대표 템플릿 엔진인 타임리프(Thymeleaf)와 바닐라(순수) Javascript를 활용하여 Ajax를 구현해보는 예제를 작성해보도록 하겠습니다. 바닐라 자바스크립트를 활용하여 Ajax를 구현하는 방법은 아래 포스팅을 참고해주세요~! 2021.12.10 - [[IT] Javascript] - 순수 (바닐라) JavaScript로 AJAX Get/Post 구현 (JSON 응답/요청) 먼저 타임리프(Thymeleaf)에 대해 간단히 설명을 하면, 스프링 부트(Spring Boot)의 대표 템플릿 엔진입니다. 템플릿 엔진이란 Html Markup + 데이터를 결합하여 동적인 화면을 구현할 수 있도록 하는 도구입니다. 기존에는 JSP를 활용하여 구현을 .. 2021. 12. 17. 순수 (바닐라) JavaScript로 AJAX Get/Post 구현 (JSON 응답/요청) 안녕하세요, 오늘은 순수 자바스크립트(Javascript)만으로 ajax를 구현하는 법을 작성하도록 하겠습니다. jQuery 같은 다른 라이브러리를 사용하지 않고, 오직 Javascript만 사용하여 구현하는 것을 바닐라(vanilla) Javascript 혹은 퓨어(Pure) 자바스크립트라고 하는데, jQuery가 너무도 많이 쓰이고 강력한 라이브러리이지만 최근 여러 이유로 탈제이쿼리를 하는 프로젝트들이 많아지고 있는 추세입니다. 그래서 jquery의 $.ajax 기능을 바닐라 Javasxcript를 이용하여 간단히 구현하도록 하겠습니다. 1. ajax - GET 방식 구현 (JSON 응답 및 요청) 구현할 기능은 간단합니다. html 페이지에서 name을 입력받고, 서버에 ajax 요청을 하여 해당 .. 2021. 12. 10. 이전 1 다음 반응형
