My Coding World

아, 이거 처음 겪어본결과 3시간을 그냥 날려보냈습니다. 혹시 이런거 처음 겪어보는 분들에게 도움이 되도록 해결과정을 chatGPT와 시름한 내용을 공유합니다. 누군가에게는 도움이 되지 않을까 싶은 마음과 또 겪으면 찾아봐야겠다는 의도로 작성했습니다.갑자기 잘되던  https://cdn.jsdelivr.net/npm/toastify-js@1.12.0/src/toastify.min.cssscript 참조가 안되면서 아래의 오류가 나온다. Failed to load resource: net::ERR_CERT_DATE_INVALID ChatGPT net::ERR_CERT_DATE_INVALID 오류는 웹 리소스를 로드하려는 시도가 실패했을 때 발생하는 SSL/TLS 인증서 관련 문제를 나타냅니다. 이 오류는 ..

페이지의 특정 부분만 인쇄하고 싶은 경우, 일반적인 접근 방법은 인쇄할 내용만 포함하는 새로운 팝업 창을 열고, 그 창에 인쇄할 요소의 HTML을 복사한 후 인쇄하는 것입니다. 아래는 특정 요소를 선택하여 인쇄하는 예제입니다: javascript Copy code function printElement(elem) {     var domClone = elem.cloneNode(true);     var $printSection = document.getElementById("printSection");     if (!$printSection) {         var printSection = document.createElement("div");         printSection.id = "pri..

엔터키를 치면 바로 버튼의 검색을 누른것과 같은 효과를 만들기 위한 코드입니다. 위의 창에서 서울이라고 쓰고 엔터치면? 검색버튼효과를 낼 수 있다면? $(document).ready(function() { // Existing code... // Event listener for keydown on #search $("#search").keydown(function(event) { // Check if the pressed key is 'Enter' if (event.key === "Enter" || event.keyCode === 13) { // Prevent the default action to stop form submission event.preventDefault(); // Trigger cl..

한글이 계속 깨져서... 너무 힘들었다. chatGPT로 해결책을 찾아봤지만... 내가 원하는 결과를 주지 못했다. document.getElementById("csvDownload").addEventListener("click", function() { const table = document.getElementById("csvTable"); const theadRow = table.querySelector("thead tr"); const rows = table.querySelectorAll("tbody tr"); const csvRows = []; // Include the header row const headerData = []; theadRow.querySelectorAll("th").forE..

토너먼트16강 16강 토너먼트 경기룰

대진표의 td요소만 저장하면 문제가 있다. 누가 1라운드를 통과했는지. 2라운드 진출자는? 이런 내용을 class에 저장하는 것이 가장 합리적이란 생각이 든다. 그 클래스 내용을 저장하기 위한 나와의 싸움... // Get all the tables var tables = $("table[id^='matchlist']"); var tableDataArray = []; var nameArray = []; var resultArray = []; tables.each(function(tableIndex, table) { // 데이터를 추출하여 변수에 저장하고 서버로 전송하기 위한 작업을 수행합니다. var tdElements = $(table).find('td'); var tdTextArray = []; fo..

자바스크립트나 php 언어로 svg 파일의 면적을 구하는 프로그램을 만드는 연구 프로젝트 GPT4를 통한 개념정리 면적을 계산하기 위해서는 각 도형의 면적을 계산하고 합산해야 합니다. 주요 도형은 사각형(rect), 폴리라인(polyline), 그룹(g), 그리고 경로(path) 등이 있습니다.다음 단계를 따라 계산하겠습니다:SVG 파일에서 도형별로 정보를 추출합니다.각 도형의 면적을 계산합니다.전체 면적을 합산합니다.이를 위해서 각 도형의 면적을 계산하는 함수를 작성하겠습니다.먼저, 직사각형(rect)의 면적을 계산하는 함수를 작성해보겠습니다. Finished workingShow work 앗, 직사각형(rect)의 면적 계산에 문제가 발생한 것 같습니다. SVG 내용을 다시 확인해보니, 네임스페이스가..

let advancingPlayers = []; let matchListTable = document.getElementById(parentTableId); let rowCount = matchListTable.rows.length; let cellIndex = (parentTableId === 'matchlistA') ? 3 : 4 ; // 예: matchlistB에서는 cells[5]을 사용 (승) 찾음 for(let i = 0; i