javascript4 MySQL 'max_allowed_packet' 설정 필요성 데이터베이스 작업을 하면서 DB에 데이터를 넣으면서 난 오류가 있었다.사용자 NAS에서 파일을 DB로 복사한 뒤 DB에 있는 내용을 전달하는 과정 중 NAS에서 DB에 저장을 완료했다고 log가 있으나(Response Status 200)...DB에 정보가 없어서 전달이 되지 않는 경우였다(Not Found 404).해결방안으로 모든 로직이 끝나는 시점에 log.error 를 찍어보는 수밖에... 나는 신입이다..내가 만든 로직도 아니고 API연동이라 사용자 로직은 보지도 못한다..오직 error를 찾기 위해 노가다 log를 찍어야한다!!.*회사 로직과 로그는 보여주지 못해서 예로 google에서 정보를 찾아 작성합니다. NAS와 DB연동 때 log가 없었다;; 물론 누가 개발했는지 모른다. 실패해도 저.. 2024. 5. 24. JavaScript Ajax이해하기 AJAX(Asynchronous JavaScript and XML)는 웹페이지를 새로 고침하지 않고도 서버와 데이터를 주고 받을 수 있게 해주는 기술입니다. Ajax를 사용하면 웹 애들리케이션의 성능과 사용자 경험을 크게 향상시킬 수 있습니다. 1. Ajax란? Ajax는 다음의 약자입니다.Asynchronous: 비동기적으로 서버와 통신하여 페이지 새로고침 없이 데이터를 주고받습니다.JavaScript: JavaScript를 사용하여 Ajax요청을 만듭니다.XML: 초기에는 XML를 사용했으나, 현재는 JSON 형식을 더 많이 사용합니다Ajax의 기본 과정은 다음과 같습니다.클라이언트(웹 브라우저)가 이벤트(예:버튼클릭)를 트리거합니다.JavaScript가 서버로 요청을 보냅니다.서버가 요청을 처리하고.. 2024. 5. 22. JavaScript 언어의 가상 DOM(Virtual DOM) 이해하기 웹 개발의 복잡성이 증가하면서 효율적인 UI 업데이트가 중요해졌습니다. 이 글에서는 자바스크립트 언어에서 중요한 개념 중 하나인 가상 DOM(Virtual DOM)에 대해 설명하고, 이를 통해 어떻게 웹 애플리케이션의 성능을 향상시킬 수 있는지 알아보겠습니다. 1. DOM(Document Object Model)란? DOM은 HTML, XML 문서의 구조를 트리 구조로 표현한 것으로, 자바스크립트를 통해 문서의 내용, 구조, 스타일을 동적으로 조작할 수 있게 해줍니다. 하지만, DOM을 직접 조작하는 것은 성능 저하를 일으킬 수 있습니다. 특히, 많은 요소가 변경되는 경우, 브라우저는 이를 다시 렌더링해야 하므로 느려질 수 있습니다. 예제 코드: DOM 조작 Hello, World! Upd.. 2024. 5. 20. JavaScript - 이벤트(Event) 이벤트웹 페이지 내 마우스, 키 입력 시 상호작용으로 일어나는 이벤트 1. 마우스 이벤트이벤트설명 click마우스 클릭 시 발생dbclick마우스 더블클릭했 시 동작 mouseover마우스 특정 위치에 가져다 놨을 때 mouseout마우스 특정 위치에서 벗어났을 때 mousedown마우스 클릭 유지 할 시 mouseup마우스 유지 끝났을 때 mousemove마우스 움직였을 때 contextmenu마우스 우클릭 시 메뉴가 나오는 동작 2.키보드 이벤트이벤트설명keydown키 눌렀을 때 발생keyup키 떼을 때 발생keypress키 누름 유지시 발생 3.폼 이벤트이벤트설명focus포커스가 이동되었을 때 발생blur포커스가 벗어났을 때 발생change값이 변경 되었을 때 발생submitsubmit 버튼을 .. 2024. 4. 30. 이전 1 다음
