![]()
script 태그를 만났을 때 브라우저에서 스크립트를 다운로드하고 실행하는 과정에 대해서 간략하게 알아보고, script 태그에 줄 수 있는 옵션별 차이는 어떤 것인지 정리해 보겠습니다. 브라우저의 동작 방식 모던 웹브라우저에서 돌아가는 스크립트들은 대부분 HTML보다 무겁습니다. 용량이 커서 다운로드받는 데 오랜 시간이 걸리고, 처리하는 것 역시 마찬가지입니다. 사용자가 HTML파일을 다운로드 받았을 때 브라우저는 HTML을 한줄씩 읽으며 CSS와 병합하여 DOM 요소로 변환하는 과정을 거칩니다. HTML을 파싱하다가 태그를 만나면 HTML 파싱을 잠시 멈추고 스크립트를 먼저 실행해야 하므로 DOM 생성을 멈추죠. 를 만났을 때 외부에서 스크립트를 다운받고 실행한 후에 남은 페이지를 처리합니다. 이런 ..
![]()
react에서 네트워크 통신을 도와주는 api인 axios와 fetch. 이것은 어떨 때 사용하고, 무슨 차이가 있는지, 그래서 사용법은 어떤지에 대해서 정리해보려한다. 저는 camp-us프로젝트를 하면서 axios를 먼저 써보고, 회사 프로젝트인 Hisms에서는 fetch를 써봤었는데, 정확하게 둘의 차이를 알고 한게 아니라 일처리하기 급급해서 개념정리를 미룬 상태였습니다.ㅠ 그래서 약간의 여유가 있을 때 정리해두려고 합니다. Axios Axios란? Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. axios 지원하는 브라우저 사용하기 좀 더 편리하다. -> 개인적인 생각으로는 사용법이 살짝 다르지만, 전체적으로 비슷한데, axios 가..
