Programming/JavaScript7 [JavsScript] API 활용 [JavaScript] 비동기 AJAX [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Fle hong-study.tistory.com API API는 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘이다. 예를 들어 카카오 소프트웨어 시스템에는 지도나 메신저 등의 데이터가 들어있고 이를 활용해 어려가지 기능을 구현 및 데이터를 받아서 사용할 수 있다. API는 Application Programming Interface .. 2024. 3. 7. [JavaScript] 비동기 AJAX [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 hong-study.tistory.com [JavaScript] 이벤트핸들러 ( BOM ) [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Fle h.. 2024. 3. 7. [JavaScript] 이벤트핸들러 ( BOM ) [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 hong-study.tistory.com BOM ( Browser Object Model ) BOM은 앞 선 DOM 문서에서 한 번 소개했듯이 브라우저 객체 모델이라 하고, 내장 객체들을 의미한다. window, location, history, document 등이 포함된다. BOM은 자바스크립트의 두 번째 강력한 기능이다. window 객체는 웹브라우저에 대한 전반적인 정보 취득이나.. 2024. 3. 7. [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 hong-study.tistory.com 이벤트 핸들러의 종류는 BOM과 DOM이 있는데, 해당 문서는 DOM을 먼저 다룬다. BOM ( Browser Object Model ) BOM은 브라우저 객체 모델로, 내장 객체를 의미한다. ▶ window, location, history, document 등이 포함된다. DOM ( Document Object Model ) DOM은 문서 객체 모델로, .. 2024. 3. 7. [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 배분과 정렬을 유연하게 관리 hong-study.tistory.com 이벤트 핸들러 이벤트 이벤트란 화면에서 클릭이나 동작이 발생하는 동적인 기능이다. ▶ 자바 스크립트의 첫번째 강력한 기능이며, 사용방법만 암기한다면 충분히 적용이 가능하다. 태그와 스크립트의 이벤트를 연결하는 방식 ( 이벤트 앞에 ON 을 붙인다 ) 인라인 이벤트 모델 기본 이벤트 모델 표준 이벤트 모델 이벤트 종류 인라인 이벤트 모델 인라인 이벤트 모델은 HTML 요소에 직접 .. 2024. 3. 6. [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 배분과 정렬을 유연하게 관리합니다. 이를 통해 반응형 디자 hong-study.tistory.com 함수(선언적 함수) 자바스크립트에서 함수는 1급 최상위 함수이다. 객체지향 프로그래밍 언어에서 메서드의 기능보다 훨씬 더 많은 기능을 담당한다. 선언적 함수 반환 유형은 적지 않으며 매개변수도 적지 않을 수 있다. 매개 변수는 데이터 타입을 적지 않는다. 리턴은 적어도 되며 적지 않아도 된다. 선언적 함수는 함수 선언 이전에 호출하여도 에러를 발생시키지 않는다. 익명 함수 익명 함수는 변수에 .. 2024. 3. 6. [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 배분과 정렬을 유연하게 관리합니다. 이를 통해 반응형 디자인 레이아웃이 쉬워 hong-study.tistory.com 자바스크립트 자바스크립트란 프로토타입 기반의 객체 지향 언어이다. 스크립트 언어의 특성 상 플랫폼에 독립적이며 모든 웹 브라우저에서 동일한 실행 결과를 얻을 수 있다. 프로그램 코드가 직접 html 문서에 삽입, 브라우저에서 html 파일을 읽을 때 같이 해석되고 실행된다. 클라이언트에서만 실행 ▶ 정보를 서버에 보낼 필요 없이 처리가 가능하다. Type Check 가 철저하기 않다. ▶ 즉, 변수들의 타입에 있어서.. 2024. 3. 6. 이전 1 다음 반응형
