익명의 개발노트

브라우저가 Html파일을 랜더링 할 때, 맨 위에서 아래로 한줄한줄 읽으면서 실행한다. script 태그가 없으면, 브라우저는 parsing HTML만 진행을 할 것이다. 그럼 아래와 같이 head 부분에 script가 있으면?? 위와 같이 HTML을 먼저 파싱하고, 자바스크립트를 fetch, executing 하는동안 HTML 파싱은 잠시 중지하고, 스크립트 실행이 끝나면 남은 HTML을 파싱한다. 아래와 같이 Body에 있는 경우는 어떠할까? 위와 같이 HTML 파싱이 다 끝나면, 스크립트를 fetch, executing한다. body에는 위와 같은 순서대로 진행되기때문에 async, defer가 거의 의미가 없다. 그러면, async와 defer를 쓰면 무슨차이가 있을까? 우선 Async를 먼저 보..

왼쪽과 같은 브라우져에서 email을 입력하고, 제출또는 ajaxsend 버튼을 누르면 서버와 ajax 방식으로 데이터 주고 받기. 노드에서 ajax 방식은 크게 3가지이다. email : ajaxsend 아래에서 설명 email안에 input값 (inputdata)를 ajax함수를 만들어서 전달하고자 한다. 사전에 노드 +Express로 4000포트를 이용하여 서버을 열었고, 라우터는 아래와 같다. document.querySelector('.ajaxsend').addEventListener('click', function(){ var inputdata = document.forms[0].elements[0].value; console.log(inputdata); sendAjax('http://loca..