ABBO 기술 블로그

웹 개발을 할 때 ajax 통신을 자주 사용합니다. ajax를 사용할 때 XHR, JQuery, Fetch 등의 선택지가 있지만 셋 다 사용해봤을 때 JQuery와 Fetch가 당연한 소리지만 압도적으로 좋은 것 같습니다. (생산성 측면에서) 앞으로 추세가 JQuery를 쓰지 말자는 추세이기 때문에 Fetch를 사용해야겠습니다. 이번 기회에 Promise, async, await, fetch에 대해서 기록하고 다음 부터는 문법만 검색해보도록 하겠습니다. MDN 문서 읽어보기 Fetch는 네트워크 요청/응답에 관련된 일반적인 Request/Response Object를 제공하는데 즉 범용성이 좋다는 말입니다. 캐시, 웹 서비스 핸들링 등 Response를 프로그래밍 언어로 조작하는 모든 것을 허용한다는 뜻..

콤보박스를 만들 때 흔히 사용하는 select 태그와 관련해 유용한 플러그인을 하나 소개해드릴까 합니다. select 태그에는 일반적으로 option 값에 대한 검색이 불가능합니다. 하지만 select2 플러그인을 추가하면 option 값을 검색할 수 있습니다. 클라이언트의 요청으로 어떻게 구현하면 좋을지 구글링하던 중 발견한 플러그인으로 사용법이 간단하여 편하고 유용하게 잘 사용했던 기억이 납니다. 1) 프로젝트에 Import 하는 방법이 있고, 파일을 내려받아 Import 하는 방법이 있습니다. 아래 사이트에서 자세한 설명 확인이 가능합니다. Installation | Select2 - The jQuery replacement for select boxes Installation In order to..