javascript3 module과 text/javascript의 차이 module (ES6이후부터 지원) 성능이 더 좋다. 모듈 시스템을 이용하면 불필요한 요소들을 빼고 사용을 하는 요소만 모듈 형태로 불러온다. 장점 : 이 방법은 모듈 로더에 의해 JS 파일이 로드되며, 각 모듈은 자체적으로 캡슐화되므로 충돌이나 네임스페이스의 문제를 방지할 수 있습니다. 다른 페이지에서 같은 모듈을 가져올 경우 브라우저가 이미 캐시된 모듈을 사용할 수 있어 불필요한 다운로드를 방지할 수 있습니다. 단점: 모듈 시스템은 현재 모든 주요 브라우저에서 지원되지만, 일부 구형 브라우저에서는 지원되지 않는다. 이 경우에는 트랜스파일링이나 폴리필(polyfill)을 사용하여 이 문제를 해결할 수 있습니다. 모듈 시스템을 사용하면 추가적인 HTTP 요청이 필요하므로, 초기 로드 속도가 느려질 수 있.. 2023. 4. 28. 변수 타입 확인 (typeof) 연산자 typeof 연산자는 변수의 데이터 타입을 리턴하는 연산자다. 문법 : typeof(variable), typeof variable 리턴되는 값의 종류: undefined : 변수가 정의되지 않거나, 값이 없을때 number : 데이터 타입이 수일때 string : 데이터 타입이 문자,(열)일때 boolean: 데이터 타입이 true, false(불리언)일때 object : 데이터 타입이 객체일때 (배열, 클래스 등) function : 데이터 타입이 함수일때 symbol : 데이터 타입이 심볼일때 예시 2023. 3. 29. DOM(Document Object Model) DOM(Documnet Object Modal, 문서 객체 모델) : 객체지향 모델로, 구조화된 문서를 표현하는 방식이다. 즉, 문서의 각 부분을 구조화 시키고 객체로 표현하여 프로그래밍 언어(ex JavaScript)가 해당하는 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 인터페이스의 일종이다. 웹 브라우저와 Javascript, css간의 상호작용을 가능 하게 해준다. 문서 객체 : ,와 같은 html문서의 태그를 JavaScript가 이용할 수 있는 객체(Object)로 만든 것. DOM은 node구조로 tree형태로 표현되는데 이 트리가 DOM트리다. DOM트리 출처 - GURU99.com DOM의 기본 인터페이스 Document Node (문서) DOM tree의 최상위 노드.. 2023. 3. 29. 이전 1 다음
