logoStephen's 기술블로그

포스트 검색

제목, 태그로 포스트를 검색해보세요

#AJAX 코드 스니펫 설정하기

#AJAX 코드 스니펫 설정하기
JavaScriptAJAX
성훈 김
2024년 2월 22일
목차

1️⃣ 첫 번째 단계

💡
세팅에 들어간다.
notion image
 
 
 

2️⃣ 두 번째 단계

💡
🔹 검색창에 live templates를 검색해서 🔹 아래의 live templates속성을 연다.
notion image
 
 
💡
🔹 JavaScript 섹션을 찾는다. 🔹 + 버튼을 클릭한다. 🔹 Live Templates를 클릭한다.
notion image
 
 
 

3️⃣ 세 번째 단계

💡
아래 코드블록에 있는 코드를 붙여넣고, 자신만의 키워드를 정해서 붙여넣는다. 저는 ajj로 선택했습니다.
notion image
JavaScript
$.ajax({
    url: "",
    type: "",
    data: "",
    contentType: "",
}).done((  )=>{

}).fail((  )=>{

});
 
 
 

4️⃣ 네 번째 단계

💡
🔹 아래에 define을 클릭한다. 🔹 JavaScript에 체크 해주고 OK를 누르고 창을 닫는다.
notion image
 
 
 

5️⃣ 사용 확인

💡
이제 ajj만 눌려도 아래처럼 자동완성창이 뜬다. 클릭하면 설정한 ajax코드가 자동완성된다.
notion image
 
 
💡
요렇게 🙂
notion image