Uncaught TypeError: Illegal invocation 오류와 해결 방법

에러메세지 const fData = new FormData($("#formdata")[0]); $.ajax({ type: "POST", url: url, data : fData, dataType: "html", success: function(data) { console.log('success!'); }, error: function (request, status, error) { console.log("request.responseText",request.responseText); } });}Jquery를 이용해 FormData에 데이터를 담아 $.ajax로..

• format_list_bulleted developer life/error
• · 2024. 7. 16.
• textsms

Uncaught SyntaxError: "[object Object]" is not valid JSON 오류와 해결 방법

에러 메세지Uncaught SyntaxError: "[object Object]" is not valid JSON    at JSON.parse ()    at Object. (addCorsJson:53:25)    at j (jquery-latest.min.js:2:27244)    at Object.fireWith [as resolveWith] (jquery-latest.min.js:2:28057)    at x (jquery-latest.min.js:4:21843)    at XMLHttpRequest.b (jquery-latest.min.js:4:25897) json 데이터를 파싱 하다 보면 위와 같은 오류를 만날 때가 있다.  var jsonData = JSON.parse(data);이 메세지는..

• format_list_bulleted developer life/error
• · 2024. 7. 11.
• textsms

ROW_NUMBER() OVER PARTITION BY을 이용한 컬럼 별 순위 정하기

랭크함수를 이용하면 손쉽게 순위를 매길 수 있다. PATITON BY는 분석함수를 사용할 때 그룹으로 묶어서 연산을 할 수 있게 해 준다. ROW_NUMBER()와 PARTITION by를 이용해 순위 정하기 select idx,cate1,cnt,rn from( SELECT idx,cate1,cnt, ROW_NUMBER() over(PARTITION by cate1 order by cnt desc) as rn from tt_board ) c where rn < 3랭크함수를 이용해 카테고리별로 cnt가 높은 2개의 데이터만 조회해 봤다. 랭크함수는 여러 가지가 있지만 ROW_NUMBER()만 순위 중복 허용을 하지 않기에 사용했다.쿼리를 실행해 보면 카테고리별로 cnt가 높은 데이터가 2개씩 조회되는 것을..

• format_list_bulleted developer life/database
• · 2024. 7. 7.
• textsms

[javascript] 웹사이트 무료 구글 번역 api 사용법

Google의 사이트 번역 기능을 이용하면 손쉽게 내 사이트를 다국어 사이트로 변신시킬 수 있다.기존에는 API 키를 발급해 사용이 가능 하였으나 현재는 더 이상 제공 되지 않는다.그래서 우리는 다른 방법을 통해 사이트 번역기능을 이용 해야만 한다. 구글 기본 UI를 이용해 번역 기능 사용하기  위 태그를 ()   구글 번역기능이 필요한 페이지에 넣으면 언어 선택이 가능한 샐랙트 박스가 생성이 된다.사용자가 바꾸고 싶은 언어를 선택하면 내 사이트는 구글 번역 기능을 통해 바뀐 언어의 사이트로 탈바꿈되게 된다. 내가 원하는 언어만 표시하기구글 번역에서 사용 가능한 언어는 100여가지가 넘는다.그렇기에 내가 원하는 언어를 찾기가 힘들수 있는데 구글에서는 그런 사용자들을 위해 옵션값을 제공한다. functio..

• format_list_bulleted developer life/javascript
• · 2024. 4. 19.
• textsms

카카오뱅크 SWIFT 코드를 이용한 애드 센스 결제 수단 추가 방법

애드센스를 통해 광고수익 총액이 100달러에 이르면 월별로 내 수입을 은행 계좌로 지급받을 수 있다. 하지만 지급 받기 위해선 먼저 해야 할 일이 있는데 그건 지급받기 위한 결제 수단을 입력하는 것이다. 애드센스 결제 수단 추가 방법 [지급]-[지급정보]탭에서 지급받을 방법으로 결제 수단 추가를 클릭한다. 결제 수단 추가를 누르면 2개의 세부 정보추가 항목이 나오는데 새 은행 송금 세부 정보 추가를 클릭해 준다. 결제 수단 추가 작성하기 예금주의 이름 - 먼저 예금주의 이름을 은행뱅크앱 내 정보에 등록된 영문 이름을 띄어쓰기까지 정확하게 입력해야 한다. 은행 이름 - 은행의 영문명을 기입한다. 카카오뱅크의 영문명은 ( KAKAOBANK CORP)이다. SWIFT 은행 식별코드(BIC) - SWIFT 식별..

• format_list_bulleted tips
• · 2024. 4. 14.
• textsms

[Spring Security] 로그인 성공 실패시 사용자 ip 로그 저장

WebAuthenticationDetails webAuthenticationDetails = ((WebAuthenticationDetails) authentication.getDetails()); String ipAddr = webAuthenticationDetails.getRemoteAddress(); Spring Security에서는 WebAuthenticationDetails의 getRemoteAddress()를 이용해 클라이언트의 ip를 알아낼 수 있다. 하지만 getRemoteAddress만으로는 실제 클라이언트의 헤더값 ip정보를 정확히 알아낼 수 없다. 그렇기에 클라이언트의 정확한 ip를 알아내기 위해서는 HttpServletRequest가 담긴 메소드 파라미터를 사용해야 한다. 1. Sec..

• format_list_bulleted developer life/java
• · 2023. 12. 28.
• textsms

[IntelliJ] 콘솔창 한글 깨짐 해결 방법 UTF-8 설정

인텔리제이에서 콘솔 창에 한글 깨짐이 발생할 경우에 해결방법은 여러 가지가 있다. 1. [File] - [Settings] - [File Encodings] Global Encoding과 Project Encoding, 그리고 Default encoding for properties files를 확인하고 UTF-8로 바꾸어준다. 2. [File] - [Settings] - [Editor] - [General] - [Console] Default Encoding이 Utf-8로 설정이 안되있으면 바꿔준다. 3. [Help] -> [Edit Custom VM Options..] 해당 메뉴를 클릭하면 인텔리제이 옵션 설정파일이 열리는데 아래 구문을 추가해 준다. -Dfile.encoding=UTF-8 -Dcon..

• format_list_bulleted developer life/java
• · 2023. 12. 18.
• textsms

Microsoft Visual C++ Runtime Library 런타임 오류 해결 방법 (2023년 12월 window 10)

며칠 전부터 집 컴퓨터에 런타임 오류가 생겼다.게임을 하거나 작업을 하는데 문제가 생기는 건 아니었지만 자주 창이 뜨다 보니 여간 신경 쓰는 것이 아니었다. 인터넷을 검색해보니 Runtime Library를 업데이트하거나 window 클린 부팅을 하라고 쓰여있는데..이번에 생긴 오류는 이걸로는 해결이 되지 않았다. 런타임오류 해결방법  [프로그램 추가/제거]-[앱 및 기능] 메뉴에서 nprotect를 검색하면  nProtect Online Security가 검색이 된다. 프로그램을 클릭한 후 제거 버튼을 누르면 간단하게 문제가 해결이 된다.

• format_list_bulleted developer life/error
• · 2023. 12. 7.
• textsms

유튜브 썸네일 추출 및 다운로드 방법

유튜브란?유튜브는 2005년 서비스를 시작한 이후 2006년부터 구글이 유튜브를 인수하여 운영하고 있는 동영상 공유 플랫폼이다. 어도비 플래시 플레이어와 H.264 영상코덱, HTML5 플레이어, WebM 코덱을 지원함으로써 기존의 웹 브라우저 플러그인 이나 코덱처럼 일일이 다운로드하여 설치하지 않더라도 좋은 영상 재생 품질을 제공한다. 사이즈별 유튜브 썸네일 추출방법유튜브 썸네일은 별다른 프로그램이 없어도 주소를 통해 간단하게 썸네일을 추출할 수 있다.  - 영상 진행별 썸네일 주소플레이어 배경(480x360) https://img.youtube.com/vi/동영상고유아이디/0.jpg동영상 시작(120x90) https://img.youtube.com/vi/동영상고유아이디/1.jpg동영상 중간(120x..

• format_list_bulleted tips
• · 2023. 12. 7.
• textsms

[java] map과 gson 이용한 json 객체 반환 방법

Map을 이용한 json 객체 반환 @ResponseBody @RequestMapping(value = "/jsondata") public LinkedHashMap getJson(HttpServletRequest request, HttpServletResponse response, Model model) throws IOException { LinkedHashMap resultMap = new LinkedHashMap(); resultMap.put("title", "인포메이크"); resultMap.put("link", "https://letsplaycoding.tistory.com"); resultMap.put("description", "티스토리 블로그"); ArrayList itemArray = n..

• format_list_bulleted developer life/java
• · 2023. 11. 27.
• textsms

컴퓨터 노트북 화면 녹화 프로그램 오캠

윈도우에서 컴퓨터나 노트북 화면을 녹화하는 방법은 여러 가지가 존재한다. 가장 간단한 방법으로는 윈도우 내장 스크린 레코더를 사용하는 방법이 있다.(단축키 window키 + G) 컴퓨터 화면 녹화 프로그램 오캠오캠은 pc를 통해 모니터에 플레이되는 영상을 녹화할 수 있는 오소프트의 대표적인 프로그램이다.라이선스는 비영리 개인은 무료이며 기업이나 단체, 공공기관, 교육기관, pc방에서 사용 시에는 라이선스를 구매 후 이용을 해야 한다. 이용금액은 1pc당 44,000원. 어떻게 보면 다소 비싼 가격이지만 영구적인 라이선스와 광고가 없다는 점은 상당한 매리트가 있는 점이다. OH!SOFT - Downloader캡처플러스 누구나 무료! 세상에서 가장 쉽고 빠른 스크린캡처 다운로드ohsoft.net 프로그램을 ..

• format_list_bulleted tips
• · 2023. 11. 25.
• textsms

[java] 정규식을 이용한 html 태그 제거

문자열에 포함된 html 태그를 지우고 싶을 때에는 정규표현식을 많이 이용한다. 정규표현식이란 문자열 데이터에서 원하는 조건을 패턴의 형식으로 찾아내는 것을 말한다. 정규식은 전화번호, 주민등록번호, 이메일처럼 특정한 패턴이 있는 경우에 특히 많이 이용하게 된다. 정규식을 이용한 문자열 html 제거 기본 앱 '메시지'에 RCS 규격 추가…애플 기기간 '아이메시지'는 유지 아이폰에 기본 탑재된 문자메시지 전송 앱 '메시지'에 한 세대 전 규격인 SMS/MMS만 고집하던 애플이 구글과 유럽연합(EU) 압박에 결국 백기를 들었다. html 태그가 들어있는 샘플 코드이다. 태그 안에 텍스트와 태그가 골고루 들어 있다. contents.replaceAll("]*)?(\\s)*(/)?>", ""); 정규식을 만들..

• format_list_bulleted developer life/java
• · 2023. 11. 17.
• textsms