Javascript 7

자바스크립트의 비동기 처리

자바스크립트 비동기 처리란? 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성 필요한 이유? 서버로 데이터를 요청했을 때 언제 줄지 모르는 응답을 마냥 기다릴 수 없기 때문! 비동기 처리의 사례1 제이쿼리의 ajax function getData() { var tableData; $.get('https://domain.com/products/1', function(response) { tableData = response; }); return tableData; } console.log(getData()); // undefined http get 요청으로 정보를 요청해 받아온 데이터가 response에 담겨 tableData라는 변수에 저장. 데이터..

Javascript 2023.05.08

Javascript의 비교 연산자

== 동등 비교 연산자 두 값이 같으면 true 값의 타입을 비교하지 않는다 === 일치 비교 연산자 두 값과 타입이 모두 같으면 true 1 === 1 # true '1' === 1 # false != 부등 비교 연산자 두 값이 다르면 true 값의 타입을 비교하지 않는다 !== 불일치 비교 연산자 두 값이 값 또는 타입 중 하나라도 다르면 true > 왼쪽 피연산자가 오른쪽 피연산자보다 크면 true >= 왼쪽 피연산자가 오른쪽 피연산자보다 크거나 같으면 true

Javascript 2023.05.01

innerHTML innerText textContent 차이점

innerText, innerHTML, textContent 세 친구 모두 DOM(Document Object Model)의 텍스트를 조작하는 프로퍼티(Property, 객체의 속성 중에서 값을 반환하거나 설정할 수 있는 속성. 다른 값과 연관되어 있는 어떤 값?) innerHTML 의 속성 HTML 코드 자체를 반환 태그, 속성 등이 모두 함께 반환되는 것 response_json.forEach(todo => { if (todo.is_complete == false) { content.innerHTML += "" + todo.title + " 생성일 : " + todo.created_at.substr(0, 10) + " 수정일 : " + todo.updated_at.substr(0, 10) + "" +..

Javascript 2023.05.01

Javascript Broken pipe from error

Django 8000 포트 runserver와 프론트에서 live server를 돌려 확인하는 과정에서 발생한 에러 발생 원인 잦은 입출력 호출 : HttpThread가 완료되기 전 재요청을 여러번 보내는 경우 데이터를 적절한 타이밍에 처리하지 못해 생성된 소켓이 끊어지고 두번째 요청의 소켓이 생성되며 나타나는 Exception HttpThread : http 요청을 처리하기 위한 스레드 해결 방법 응답(Response)이 올 때까지 기다리기 Exception 무시하기(비추천 but, 최선의 방법) 중복 요청 확인 후 Block : 연속 버튼 클릭 방지 or Exception 처리 부분에서 오류 뱉지 않게 하기 form 태그 삭제하기?

Javascript 2023.04.28