JsonMappingException: Unexpected character (‘0’ (code 48)): was expecting a colon to separate field name and value Postman으로 API test 중 위와 같은 에러가 났다. 확인해보니 이런식으로 쌍따옴표가 들어가야할 곳에 안들어가 있을 때 나는 에러였다.

a.b와 a[b]의 차이를 자세히 알아보자 일단 지미니에게 물어보니, 비슷해보이지만 전혀 다른 의미를 가진다고 했다. property = 속성 1. a.b 객체의 프로퍼티 접근 : a가 객체일때, a.b는 a객체의 b라는 이름의 프로퍼티에 접근하는 방법으로, 주로 속성의 이름이 고정되어 있을때 사용된다. a의 속성 b에 직접 접근하는 방법 b는 반드시 유효한 식별자여야함 공백이나 특수문자 X 2. a[b] 배열 요소나 객체의 동적 프로퍼티 접근 : 배열 : a가 배열일때 a[b]는 b 인덱스에 해당하는 배열 요소를 반환함 객체 : b가 문자열일때, a[b]는 a객체의 b라는 이름의 프로퍼티에 접근하는 또다른 방법(동적으로 프로퍼티 이름을 지정할떄 유용) 그리고 숫자 인덱스의 경우도 a[b] javascript는 동적 타이핑 언어이기 때문에, 같은 변수에 배열이나 객체를 할당할수 있다. 그래서 a가 어떤 타입인지에 따라 a.b와 a[b]의 의미가 달라진다. 동적 타이핑 언어 란 : …

DOMContentLoaded 무엇이 무엇이 먼저일까? 하면 이렇게 나온다. document.addEventListener(“DOMContentLoaded”, function () { 는 html이 완전히 분석되고, 스크립트들이 다 다운받아지고, 실행될떄 발생한다. 이미지, 비동기 까지는 기다리지 않는 시점! (젤 빠름) 그리고 이 둘을 별 차이 없고 그냥 $(function ()) 간단하게 쓰는 것일 뿐이고, 하면 이렇게 나온다. 2번은 없는거고, 3번은 제일 늦게 뜨는거고, 1번과 4번의 차이를 알아봐야겠다 javascript의 순차 실행때문에 1번에 먼저 뜬건 아닐까? 해서 순서를 바꿔 봤지만 아니었다. 먼저 DOMContentLoaded 과 load 의 차이는 DOMContentLoaded은 말그대로 dom 요소만 다 로드되면 호출되는 반면에 load는 dom 내의 모든 리소스들까지 다 로드 되었을떄 호출된다. load - image, script, html 등등 그러면 d…

highchart pie dataLabel … 으로 생략 되서 나올때 chart의 data label 이 숫자가 커져서 … 으로 나오는 현상이 발생했다. 왜이러지? z-index 도 주고 해봤지만 실패 계속 해서 구글링 요거 한줄 추가하니까 성공 근데 css 에서 text-overflow clip이 뭐였더라? 아항 이렇게 css 까지 배우고 갑니다~ 참고 : [https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow] 참고 : [https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/pie-datalabels-overflow/] 참고 : [https://api.highcharts.com/highcharts/plotOptions.series.dataLabels]

javascript 숫자가 맞는지 확인하고 싶을떄 isNaN 을 사용하기 gpt에게 정확히 DO YOU KNOW JAVASCRIPT ISNAN? 이렇게 물어봤다. ㅎㅎ 내가 알고 있는게 정확할까해서, 정확했다. 다행이다.

object%20Object [object%20Object] 문제 현상 이런식으로 new FormData 생성하여 file 을 비동기로 호출한 뒤 다른 비동기 get, post 들이 원래는 Query String Parameters 로 잘 들어갔었는데, 갑자기 이렇게 Form Data로 변경되면서 내가 설정한 data object 가 전송이 안되고, object%20Object 만 나오는 현상이 발생… 왜이렇까 갑자기… 사실 근복적으로는 File Data를 보내면서 뭐가 변경이 된것 같긴한데… 그렇게 근본적인 문제까지는 해결에 도달하지 못했고, 일단 이 상황을 해결하는게 급선무. 열심히 구글링 … $.get -> $.ajax 라는 소리에 바꿔도 보고 했지만, FAIL… ajax 셋팅 기본값 : true 기본적으로 object를 key : value 형식으로 query String으로 변경하는데 그 부분을 false 시킴 file 업로드 시킬땐 false해야 함. 기본값 : appl…

Maximum call stack size exceeded JavaScript RangeError: Maximum Call Stack Size Exceeded 오늘도 순조로운 화면달 개발 도중 click event 에서 아래와 같은 에러가 발생했다. Uncaught RangeError: Maximum call stack size exceeded exceed : 초과하다, 초월하다, 넘어서다 exceeded : 초과 (과거형) 최대 콜백 구조 사이즈가 초과 됐다 라는데 이런 비슷한 오류를 몇 번 본적이 있었지만 생각이 나지 않아 구글링을 진행했다. 첫번째!! 잘못된 콜백이나 event 로 인해 계속 무한대의 이벤트가 발생할때 해당 에러가 발생! 두번째!! function 이 너무 많은 호출이 일어날때 해당 에러가 발생!!! 예를 들어 이런식으로 id값이 someButton 이라는 버튼을intellij. 클릭했을때, thisValue가 true 이면 다음 anotherFunction(…

e.preventDefault() html에서 고유의 동작을 중단 시킬 때 사용되는 e.preventDefault는 보통 우리가 태그 나 과 같은 태그들은 고유의 동작(기본 동작)들을 중단시키는 역할을 한다. 위와 같은 방식으로 click event 에서 e로 사용하는데, 여기서 function (e) 란 function 괄호 열고 e 괄호닫고는(^^) addEventListener에서 이벤트가 발생했을떄 실행되는 함수에 click 이벤트가 발생하면 이벤트 객체가 생성되고, 이 이벤트 객체가 e라는 파라미터에 할당 된다. 그래서 이벤트 객체가 필요한 이유는 발생항 이벤트에 관한 정보들이 담겨 우리가 그 정보들을 알 수 있기, 때문에 이벤트 객체를 이용하여 이벤트 객체의 여러 부분들을 활용 할 수 있다. e.preventDefault()와 같이 e.stopPropagation() 도 많이 사용되는데, stopPropagation은 현재의 이벤트가 다른 이벤트로 전달되지 않도록 하는 …

iframe 에서 같은 도메인끼리 값을 넘길때, 같은 도메인 다른 도메인 1. iframe 내부의 소스 2. iframe을 사용하는 부분의 소스 같은 도메인 다른 도메인 1. iframe 내부의 소스 2. iframe을 사용하는 부분의 소스