본문 바로가기

전체 글217

[011] DOM 이란? DOM? (★★★)- Document Object Model 의 약자- HTML 문서에 대한 인터페이스이다. (HTML 문서 형태를 시각화)- 웹 페이지와 스크립트 사이의 다리 역할을 한다.- JS을 통해 DOM의 요소를 조작할 수 있기 때문에 DOM 구조를 잘 파악하는 것이 중요하다. 2024. 5. 29.
[010] CDN이란? CDN (★★★)- Content Delivery Network 의 약자- 지리적인 제약 없이 전 세계 사용자에게 안전하게 컨텐츠를 전송할 수 있는 기술- 물리적으로 멀리 떨어져 있는 사용자에게 컨텐츠를 더 빠르게 제공하기 위해 고안된 기술 [활용 사례]넷플릭스(Netflix)에서는 온라인 동영상 스트리밍 서비스를 전세계로 제공하는 업체로서 최대한 지연 없이 안정적이고 빠르게 컨텐츠를 제공하기 위해서 CDN 기술이 활용된다.부트스트랩을 이용할 때 외부 사이트에 있는 파일을 링크하게 되는데 전 세계에서 링크를 하게 된다. 외부 사이트에 있는 파일을 링크할 때 CDN 기술이 활용된다. 2024. 5. 29.
[009] 자바스크립트 화살표 함수 화살표 함수?- 함수를 더 간단하게 정의하기 위해 사용한다.- => 기호를 사용하여 function 키워드를 생략할 수 있다. // 일반 함수function call1() { alert('OK');}// 화살표 함수let call1 = () => {alert("OK")};let call1 = () => alert("OK");call1(); // 일반 함수function call2(x) { return x+100;}function call3() { return 100;}// 화살표 함수let call2 = (x) => (x+100);let call2 = x => (x+100);let call2 = (x) => x+100;let call2 = x => x+100; // 파라미터가 한 개만 있.. 2024. 5. 29.
[008] Javascript 콜백 함수 콜백 함수 (Callback function)- 파라미터로 함수를 전달하는 함수 2024. 5. 29.
[007] JavaScript 객체 클래스, 인스턴스 (Class, Instance)- 클래스 : 붕어빵 틀- 인스턴스 : 붕어빵 틀에 찍혀서 나온 붕어빵 (객체와 인스턴스는 유사)  객체 리터럴 (==객체 표현식)- 객체 자체가 아니라 객체를 정의하는 변수이다. => 그냥 정의된거 사용하는건 가능- 즉, 붕어빵 틀처럼 새롭게 객체를 찍어내서 생성하는 것이 불가능하다. => (let p = new product()) 불가능  - this는 해당 객체를 의미- . 연산자는 접근 연산자 ex) this.상품명 이면, this 객체인 product 객체의 상품명에 접근한다는 의미이다. 내장 객체- JS에서 자주 사용하는 것을 클래스로 미리 정의해둔 것 - window 객체웹 브라우저 자체를 의미내장 객체 중 최상위 객체- document .. 2024. 5. 28.

티스토리툴바