본문 바로가기

Frontend

(2)
[ExtJS] ExtJS란, 설치 방법, 기초문법, Theme 종류 ExtJS 란? ExtJS는 Client-Side 기반의 JavaScript Framework 으로 상용 프레임워크입니다. 수백가지가 넘는 강력한 UI 컴포넌트를 지원하며, Classic, Gray, Crisp 등의 여러 테마 또한 지원하고 있습니다. 컴포넌트 제작은 key value 형태를 가진 JSON 구조로 생성됩니다. 예시) 컴포넌트의 일부입니다. ... { xtype : 'panel', border : true, flex : 1, region : 'center' } ... .. 하지만 React, Vue.js, Angular에 비해 상용 프레임워크로 자료들을 구글에서 많이 찾을 수는 없습니다. 공식문서를 참고하여 개발을 하거나 현재 인프런에서 ExtJS 무료 강의가 오픈되어있어 기본기를 쌓을 수..
[Ajax] 200 response을 받았지만 ajax fail, error가 발생하는 문제 문제 상황: 로그인 Spring Security + JWT을 이용하여 구현하던 중 Ajax로 응답결과로 "로그인 성공"에 관한 메시지, 토큰값을 받았지만 .error 부분 .fail 메소드가 실행되는 현상이였다. 수정 결과: 응답결과로 dataType을 적어주지 않아서 발생한 문제였다. dataType은 response을 받을때 어떤 타입으로 받을지 지정하는곳이다. ajax 코드에 dataType = "text" 수정해주니 정상적으로 .success .done 메소드가 실행되었다. 문제가 되었던 ajax코드 $.ajax({ type: "POST", url: `/api/user/login`, contentType: "application/json", data: JSON.stringify({userId: u..