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..

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

구현에 성공했다. 막상 구현해보니 내가 이전에 구현했던 기능이랑 다른 기능이었네. 힌트를 주자면 createMultipointShape를 이용하자.

방법은 그리 어렵지 않다. 대신 php를 이용한 방식인지는 모르나 기본적으로 서버 통신을 통해, 가져온다. 원래는 기본적으로 호출하는 부분이 있다. 위처럼 하드 코딩으로 붙이는 게 아니라. 자동적으로 마크를 가져오는데 부분이 있고 이를 나도 구현했는데, 저렇게 데이터를 넣는 부분에서 에러가 났는데, 경로가 없다는 에러를 뿜어내는 것보니 어디서 문제인지 모르겠다. 실서버가 아니라 그냥 더미 데이터 응답이라 그런건가? https://stackoverflow.com/questions/66099680/creating-shape-or-marks-in-custom-indicator-tradingview-charting-library-pine Creating shape or marks in custom indicat..