All
23 posts
💙
JsonMappingException Unexpected character ('0' (code 48)) was expecting a colon to separate field name and value

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

December 11, 2024
js
🤍
💙
a.b와 a[b]의 차이

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]의 의미가 달라진다. 동적 타이핑 언어 란 : …

December 06, 2024
js
🤍
💙
su -와 su root 의 차이

su -와 su root 의 차이 리눅스에서 su 는 Switch User의 약자 계정 전환에 사용된다. root 계정으로 전환에 많이 사용되는데, su - su root 는 차이가 있다. 몰랐었다. 일단 이번에 왜 su -와 su root 의 차이를 알게되었냐면 회사에서 팀장님이 root 계정으로 들어가면 composer update를 날려야하는데, 내가 들어갔을때만 composer가 설치가 안되어있는 것이었다. 나중에 알고보니, 환경변수 셋팅 값이 달라서 composer 를 못찾았던것!!! su root는 기존의 로그인 사용자의 환경변수를 그대로 유지하고 root 계정으로 전환 됨 su -는 root의 환경 변수를 완전히 불러와 적용. root 계정으로 완벽하게 전환하여 root 계정의 PATH, HOME 디렉토리 등 모든 환경 설정을 사용하게 됨. 환경변수 로그인 쉘 작업 디렉토리 su root 는 root 전 사용자의 환경변수로 유지되고, 로그인 쉘도 변경 안되고, 작업 디…

December 04, 2024
linux
🤍
💙
clickhouse에서 order by

오늘은 일을하다가 생긴 오류에 대해 보면서 is not under aggregate function and not in GROUP BY. Have columns: 집계 함수 및 GROUP BY에 속하지 않습니다. 열이 있습니다: 이렇게 java 디버깅시 clickhouse DB 오류가 나왔다. 이거는 이건 CLICKHOUSE에서 GROUP BY를 제대로 안한거임 !!!! -> 그냥 쿼리 다시 살펴보면되는 문제 클릭하우스에서 테이블을 생성할때 order by 는 우리가 아는 관계형 db 에서 order by 가 아니다. 클하는 컬럼형 디비로 데이터의 인덱싱 및 압축을 좋게 하기 위해 데이터를 특정 순서대로 저장할 필요가 있어서 create 할 때 order by 는 데이터를 어떤 순서로 저장할기를 정하는 것이다. abc 테이블을 만들때 userId 기준으로 먼저 정렬하고, userName이 같을 경우 userId를 기준으로 추가 정렬해서 저장함 이렇게 되면 userId나 userN…

September 13, 2024
clickhouse
🤍
💙
java tomcat port 충돌 org.springframework.boot.web.embedded.tomcat.TomcatWebServer.addPreviouslyRemovedConnectors

org.springframework.boot.web.embedded.tomcat.TomcatWebServer.addPreviouslyRemovedConnectors 이렇게 java 디버깅시 포트번호가 출동했다고 나올때 cmd 를 연다 netstat -ano | findstr 48080 로컬 포트 번호를 검색한다 taskkill /F /PID포트번호 해당 포트를 kill 시킨다

September 13, 2024
java
🤍
💙
DOMContentLoaded

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

September 11, 2024
js
🤍
💙
TS2345 Argument of type (prev string) => string | undefined is not assignable to parameter of type SetStateAction 어쩌구 타입스크립트 오류

TS2345 : Argument of type (prev: string) => string | undefined is not assignable to parameter of type SetStateAction 이렇게 했을때 계속 이 오류가 뜨면서 안됐다. 근데 이렇게 하니까 해결 why? if 문 안에만 return 이 있어서 else 에는 없잖니… wow… 타입스크립트 이렇게 빡빡하게 굴거야? (근데 이렇게 빡빡하게 굴어서 소스가 버그가 현저히 줄겠지? 타입스크립트 열심히 겅부해야디!!)

August 12, 2024
ts
🤍
💙
highchart pie dataLabel ... 으로 나올때

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]

August 12, 2024
js
css
🤍
💙
radio button 의 name 값

radio button 라디오 버튼에서 name 값은 라디오 버튼의 정체성 이라고 할수 있다. name 값이 있을때 name 값이 없을때 name 값이 없이 사용할거면 그냥 checkbox 를 사용하는게 맞을것이다.

July 11, 2024
html
🤍
💙
javascript isNan? 너 숫자 맞니?

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

May 07, 2024
js
🤍
💙
gitlab runner 갑자기 failed

gitlab runner야 왜 그래 failed 나지마… gitlab runner의 갑작스런 failed 잘 나와야하는 gitlab-runner가 갑자기 이상해져 버렸다. 다행이 master는 괜찮은데, dev이 말썽 나 개발에 반영 해야 할거 있는데… 왜이러는 거니 갑자기 개발에 빨간불… 일단 CI/CD 고치는것 보다 웹서버에 적용하는게 급하기 때문에 그냥 서버에 들어가서 git pull 받기로 결정 but 그것 마져 되지 않았다. 그래서 telnet 으로 확인해보니, 아~ 너 그냥 방화벽이 막혔구나~~ 이후 방화벽 다시 뚫으니 이렇게나 정상으로 돌아왔다. 왜 갑자기 방화벽이 막혔는지 의문이지만, 일단 딴길로 좀 새보자면 *telnet 이란? 텔넷은 네트워크 프로토콜(통신 프로토콜은 컴퓨터나 원거리 통신 장비 사이에서 메세지를 주고 받는 양식과 규칙을 체계)로, 인터넷이나 로컬 영역 네트워크 연결에 쓰인다. window os 에서도 telnet이 있는데 dafault가 비활성화라…

April 29, 2024
git
🤍
💙
object%20Object error

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…

February 01, 2024
js
🤍
💙
자주쓰는 GIT 명령어

내가 자주쓰는 git 명령어 들 초기화 저장소 추가 해당 브랜치 pull 해당 브랜치 checkout 변경 된 내용 걍 되돌리기 변경 된 특정 파일만 되돌리기

January 31, 2024
git
🤍
💙
Did you accidentally export a JSX literal instead of a component?

오늘의 문제 봉착! 갑자기 왜 jsx 타입이 유효하지 않은거니? 그래서 바로 번역기로…가봤다. Did you accidentally export a JSX literal instead of a component? 구성 요소 대신 JSX 리터럴을 실수로 내보냈습니까? 리터럴? 리터럴이라 하믄 문자 그대로의, 기본적인, 일반적인 이라는 뜻 컴퓨터에서 리터럴은 소스 코드의 고정된 값을 나타내는 표기법 이라고 하는데, 음… 예를 들어 상수, number = 123; 문자열, string = ‘안녕하세요’; 배열, arr = []; 오브젝트, obj = {}; 에서 123, ‘안녕하세요’, [], {} => 가 리터럴이라고 한다. 값 그자체를 말한다고 하는데, 그렇다면 에러 메세지에서 컴포넌트 대신 JSX 리터럴을 실수로 내보냈습니까? 라고 하는 이유는 export 를 잘 못 시켰다는 뜻? 그래서 다시 jsx로 가보니… 에휴… export 시킬때 함수명만 적어야하는데 함수명()까지 적고 있…

March 20, 2023
react
🤍
💙
Java Debugging 중 Failed to start connector

Java Debugging 중 Failed to start connector ERROR(40580)[main] [o.a.c.core.StandardService:182] Failed to start connector [Connector[HTTP/1.1-18080]] 자바 디버깅 중 소스 문제가 아니고, 빌드 문제도 아닌데, 갑자기 그냥 Stopping service가 되고, Shut Down 이 될때! 왜인지 몰라서 일단 인텔리제이를 꺼보고 삽질하다가 겨우 컴퓨터를 재부팅하니 해결… 자세히 보니, 정상적으로 디버깅이 되고, jvm 이 올라왔을때 상단과 같은 Java(TM) Platform SE binary 가 올라오고, 아마도 인텔리제이에서 디버깅하던중 중지하고 재실행할때 제대로 꺼지지 않고, 실행되서 port를 하나더 물고 있었을 가능성이 농후함. 암튼 다음번엔 이런 현상이 나오면 당황하지 말고 작업관리자를 열어 자바 실행 파일이 떠있는게 있는지 잘 체크하면 될것 같다! (Ad…

March 03, 2023
java
🤍
💙
netlify deploy, build 오류

방치되다시피 한 넷리파이 기술 블로그에 post 작성 할일이 생겨 오랜만에 Markdown을 작성하고 commit and push를 했다. 하지만 오류가 났다… (왜…why…나 진짜 오랜만에 마크다운 작성해서 기분좋게 커밋 하고 푸시했는데..왜..) netlify deploy error 유투브에서 개발 강의 보다가 봤다. 개발자는 문제 해결 능력이 중요하다고, 이렇게 아래와 같은 문제를 직면했다. 일단 gatsby version 과 react 버전이 안 맞다는 얘기 인것으로 추론. 로컬에서는 잘되는데 netlify 에 배포만 한되는 것이기 때문에 netlify 환경 설정을 위해 구글링을 열심히 해보았고, npm run build, npm install, npm start 안될땐 무조건 아래와 같이 하고 있어서, 다시 시도했다. node_modules 폴더 지우기 package-lock.json 파일 지우기 npm cache clean —force 캐시 지우기 npm install …

December 06, 2022
netlify
🤍
💙
Maximum call stack size exceeded 에러

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(…

November 29, 2022
js
🤍
💙
앗, 이런! 이 웹페이지를 표시하는 도중 문제가 발생했습니다.

앗, 이런! 이 웹페이지를 표시하는 도중 문제가 발생했습니다. 갑자기 데이터 다운로드 부분을 개발하는데 이런 화면이 로컬에서 발생했다. 뭐지? 라라벨에서 이런식으로 오류가 난적은 없었던것 같은데? 오류 코드: Out of Memory out of memory -> 크롬의 메모리 부족 에러, 사실 api 에서 받는 엑셀 다운로드될 data가 4.8초나 걸리는 9MB의 데이터이긴 했다. 그리고 로컬에서도 이렇게 오류가 났다. PHP Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 20480 bytes) in 내 파일 경로… php의 치명적인 오류, 134217728바이트의 허용된 메모리 크기가 소진되다? * 여기서 134217728은 128에 1024의 2승을 곱한 값이라고 함. (20480바이트 할당을 시도함) phpinfo() 에서 메모리 제한 설정값을 확인해보면, 128M로 기…

September 19, 2022
php
🤍
💙
php에서 동적변수 사용하기

php에서 동적변수 사용하는 방법 예를 들어 controller단에서 api를 2번 호출하여 blade 화면 단에서 활용하고 싶을때 foreach를 두번 돌리기 싫을때 구글링해도 안나오길래 주워들어서 사용하였고, 까먹을까봐 기록 controller에서 $reportData라는 Object를 받아 다른 Object인 $branchCode의 key 값과 매칭 할때 이런식으로 활용할 수 있다. {$변수명}을 잘 기억해두자 php에서 동적변수 사용하는 방법

September 19, 2022
php
🤍
💙
e.preventDefault() 란

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

September 19, 2022
js
🤍
💙
php 오류 undefined index 가 날때

Undefined index 오류 발생 시 요런 오류가 발생했다. 분명히 array에 해당 ‘key’의 값이 있는데,,, 왜 못 찾는 걸까? {% highlight php linenos %} //sampleCodeList는 대충 api 에서 받아온 list $sampleApiUrl = ”http://10.10.10.10:8040/api/sample/url/code/list”; $sampleCodeList = CommonLib::getCurl($sampleApiUrl); $sampleCodeList = json_encode($sampleCodeList); $allList = []; {% endhighlight %} 이런식으로 $sampleCodeList에 값을 넣은 상태에서 해당 code값을 key로 사용하고자 할때, allList에 예를 들어 abc, def, ghi 와 같은 코드를 0으로 초기화해서 사용할때, 28번째 줄에서 오류가 났다. 왜 undefined ‘code’라고 …

September 19, 2022
php
🤍
💙
json_encode(), json_decode()에 대해서

json_encode(); php에서 json 형태로 인코딩에 필요한 json_encode($변수명); 옵션 없이 기본값으로 encoding 시 json_encode($변수명); string(문자열) 형태로 결과 값이 출력된다. php 에서 배열을 사용할때 배열을 json 형식으로 변환하는데, 이때 json이란? json 이란? JavaScript Object Notation 데이터 전송 및 저장 시 자주 쓰이는 형식이다. JavaScript에서 객체를 만들때, 사용하는 표현식의 의미하고, 데이터 포맷이다. json 예시 json에서는 javascript와 비슷하게 key와 value값이 존재 할 수 있고, key와 value값은 ” 쌍따옴표로 표기한다. string, array, object, boolean 등등 사용할 수 있다. json 형식의 텍스르를 script 문법에서 object로 변환해서 사용할수 있다. console.log(parse_type) -> json 을 ja…

September 19, 2022
php
🤍
💙
iframe 활용시 postMessage() 로 값 넘기는 방법

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

September 18, 2022
js
🤍