본문 바로가기

Web/Javascript

(2)
AJAX, JSON, XML이 뭘까? AJAX 정의 Asynchronous Javascript And XML의 약자로, 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능을 의미한다. AJAX가 가진 장점은 페이지 전체를 새로고침 하지 않아도 된다는 "비동기성"에 있다. 기존에는 화면이 전환될 때 마다, 서버로부터 매번 새로운 HTML을 받아오고 렌더링했었는데, AJAX를 통해 웹 페이지에서 변경할 필요가 없는 부분은 다시 렌더링하지 않고, 서버로부터 필요한 데이터를 전송받아 변경해야하는 부분만 한정적으로 렌더링하는 방식으로 발전했다. 사용법 1. XMLHttpRequest XMLHttpRequest 객체를 사용하여 인스턴스를 만들어 인스턴스의 open() , send() 등의 메소드를 이용한다. 2. fetch IE를 지..
[Javascript] html에서 script 태그의 위치 html에서 script 태그의 적절한 위치 script 태그의 위치는 렌더링에 많은 영향을 끼치기 때문에, 코드를 작성할 때 script 태그를 어디에 삽입해야할지 충분히 생각을 해야한다. body 끝 부분에 넣으면 된다고 얘기를 들었지만, 실제로 다른 분들의 코드를 봤을 때 head에 있는 경우가 많아서 관련 강의를 찾아봤다. 잘 알려져있는 방법으로는 총 4가지가 있다. ⓐ head 안에 존재하는 경우 ⓑ body 끝 부분에 존재하는 경우 ⓒ head + async ⓓ head + defer ⓐ head 안에 존재하는 경우 가장 피해야하는 방법으로, html을 파싱하다가 중간에 멈추고 js를 가져오게 된다. ⓑ 바디 끝 부분에 존재하는 경우 장점 : 기본적인 html 태그들을 빠르게 볼 수 있다. 단..