kasumil의 코딩 공작소

기존에는 Datatable tbody 자체에 for_each함수를 써서 풀어내곤 했는데, ajax 통신으로 풀어내야 하는 경우가 있었다. 그로인해 js로 append나 html을 한 경우 문제가 발생하더라. 테이블 자체에 데이터가 없기에 빈 테이블입니다 라는 경고문과 아니면 10개 내지 50개 이렇게 갯수 출력을 바꾸니 테이블 tbody 데이터가 사라지는 문제가 발생하였다. 그로인해 ajax를 해야 했는데 DataTables: Cannot read property 'length' of undefined 라는 오류를 내뿜더라. 아무튼 해결함. $(document).ready(function() { $('#테이블 id').DataTable({ ajax: { url: '데이터 통신.php', type: 'GE..

흔히들 보는 이미지 업로드 방식은 바로 input을 이용한 방식일 것이다. 대충 만들었다. 다들 이렇게 해서 파일을 보내리라고 본다. 내가 기존에 작성한 toast ui 업로드 방식에서 이미지서버가 아닌 move file을 이용한 업로드를 구현해야했다. 그러다보니 기존 blob을 사용해야하는데 input에서는 작동하지 않는다.... 이를 위해서 blob으로 바꿔줘야 했다. let file = $('#file').prop("files")[0]; // input file에서 데이터 뽑는 방법 let tmp = new Blob([file], { type: `${file.type}` }); // 타입은 동적으로 보내서 감지할 수 있게 했음. let formData = new FormData(); formData..

/^(?:(010-?([0-9]{4}))|(01[1|6|7|8|9]-?([0-9]{3,4})))-?([0-9]{4})$/ 새로 만든 정규식. 기존에 굴러다니는건 제대로 안되길래 내가 찾아서 수정했다. 왜냐하면 기존 정규식은 010에서도 중간이 4자리, 끝자리 3자리일때도 true가 떠버려서 수정해야만 했다. 기존 건 /^01([0|1|6|7|8|9])-?([0-9]{3,4})-?([0-9]{4})$/ //01%N - 3,4 - 4자리 구성이라 잘못 쳐도 뚫린다. /^(?:(010-\d{4})|(01[1|6|7|8|9]-\d{3,4}))-(\d{4})$/ // 010 - 4자리 - 4자리 // 01%N - 3,4 - 4자리 // 로 뚫리진 않아야하는데, 정규식에 맞는 번호를 쳐도 false. https:/..

input[type="datetime-local"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; display: block; background: url(https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/calendar-16.png) center/80% no-repeat white; // 여기서 중앙정렬과 배경색을 준다. width: 20px; height: 20px; border-width: thin; cursor: pointer; } 아이콘이 마음에 들지 않아 내가 찾아 수정한 것이고, 기본 베이스는 아래코드를 사용했다. input[..

input 창에 밸류를 넣어야한다. 그런데, 제이쿼리 구현하긴 귀찮다. 그러다보니 그런 것을 찾았는데, 결국 찾았다. 바로 datetime-local! 사용 방식은 이러하다. 그런데, 시간 규격이 개떡같다. mysql 시간 규격은 YYYY-MM-DD hh:mm:ss인데, 필요한 시간 규격은 YYYY-MM-DDTHH:MM:SS라 다른 곳에서 쓰는 규격 양식으로 전환해야한다. 출처 https://hianna.tistory.com/319 [HTML] 날짜 입력 항목에 현재 시간을 기본값으로 세팅하기 날짜 시간 입력 항목에 기본값으로 현재 날짜, 시간을 지정하는 방법을 알아보도록 하겠습니다. 날짜 입력 항목에 현재 시간을 기본값으로 세팅하기 지난번에는 HTML의 태그를 이용하여 날짜, 시 hianna.tisto..

기존에 구현했던 것이 화살표였다. 하지만, 과거 이미 보이지 않는 차트의 부분은 구현이 되지 않는다. 정확한 위치를 잡지 않음. 그렇기에 따로 해당 구간을 요청할때 해당 부분을 구현하도록 구현해야하더라. 해당 값을 서버에 저장해서 하는 것도 괜찮은 것 같은데, 연구해봐야겠다. 좀 귀찮...

구형까지만해도 그냥 자체적으로 지원하던 부분이었는데 1.15버전으로 와서는 지원하지 않는다. 아마도 하는것 같은데 내가 구한게 그런건지는 잘 모르겠다. 그래서 귀찮지만 직접 만들었다. @media only screen and (max-width: 900px) { .layout__area--left, .charts-popup-list .separator, .charts-popup-list .title { display: none !important; } .layout__area--top, .layout__area--center, .chart-container { left: 0 !important; width: 100% !important; } .chart-container-border .chart-widg..

https://javafa.gitbooks.io/nodejs_server_basic/content/ README · node.js 서버구축하기 javafa.gitbooks.io https://youtu.be/HeOh-go-fYY?t=253 제일 첫 링크는 get과 post 방식때문에 넣은건데 http모듈을 통해서 작성되어 있다. 두번째는 express 라이브러리를 통해서 작성하는건데, 그냥 현업에 가면 죄다 express 쓰니 하단으로 개념을 이해하자. 필자도 헤맸던 이유가 http는 뭐고 express는 뭔지 둘다 서버를 만드는데 이건 뭘까 했는데, 그냥 다른 이름의 내장 모듈이냐 아니면 외부 모듈이냐 차이다. 그리고 편의성은 외부가 낫고. 그냥 외부인 koa또는 express쓰는 게 좋다. expre..

코드 작동안되는 것도 있고 저자도 이걸 아는데, 깃허브 원본 소스도 안고친다. 아니 웹소켓 만지려고 산건데, 핵심코드가 작동이 안되는 게 말이되나? 진짜 비 엄청와서 책가방이 젖는바람에 책이 젖어서 팔지도 못하고 진짜 trash한 책. 왜 1판때 비추폭탄 맞은건지 이해했다. 쉬운걸 어렵게 설명하는 책이었다. 이걸 왜 파는거지...?

업비트처럼 해당 부분을 기본으로 디폴트 설정하는 부분을 하고 싶었다. 이걸 도저히 못 찾아서 그냥 star_some_intervals_by_default로 해결했었다. 일부분 자동 즐겨찾기 추가 설정모드였는데, 어제 찾아보니 나오더라 ㅎㅎ enabled_features: ["logo_without_link", "star_some_intervals_by_default"], 도저히 찾아도 못 찾았던건데 이번 연휴 지나면서 모두 해결. 뭐지;;;; widgetoption에서 설정하는 부분이었다. 공식문서에서는 유저 저장소를 꺼라고 하는데, 그럴 필요없이 그냥 추가하고, 로컬스토리지 캐쉬값을 삭제해라. 그러면 갱신된다. 노트북에서는 정상적으로 되는데, 데탑에서는 안되길래 뭔 이유인가 헤맸다.