본문 바로가기

전체 글

 (211)
JavaScript_주문 정보와 배송 정보 동일 기능 주문 정보와 배송 정보 동일 기능 주문 정보 이름 : 연락처 : 주소 : 배송 정보 주문 정보와 배송 정보가 같습니다. 이름 : 연락처 : 주소 : 결제하기
JavaScript_브라우저 객체 모델 BOM 브라우저 객체 모델이란 : 자바스크립트 프로그램을 통해 브라우저 창을 관리할 수 있도록 브라우저 요소를 객체화해 놓은 것 자주 사용하는 브라우저 내장 객체 객체 설명 Window 브라우저 창이 열릴 때마다 하나씩 만들어지는 객체이다. 브라우저 창 안에 존재하는 모든 요소의 최상위 객체이다. Document 웹 문서에서 태그를 만나면 만들어지는 객체이다. HTML 문서 정보를 가지고 있다. History 현재 창에서 사용자 방문 기록을 저장하고 있는 객체이다. Location 현재 페이지에 대한 URL 정보를 가지고 있는 객체이다. Navigator 현재 사용 중인 웹 브라우저 정보를 가지고 있는 객체이다. Screen 현재 사용 중인 화면 정보를 다루는 객체이다. History 객체 : 브라우저에서 '뒤..
JavaScript_이벤트 등록 처리 이벤트 등록 처리 - 이미지 변경하기 예제 1 이미지 변경하기 이벤트 등록 처리 - 이미지 변경하기 예제 2 이미지 변경하기
JavaScript_문서 객체 모델 DOM과 DOM 접근 기술 DOM 트리 : DOM은 웹 문서의 요소를 부모 요소와 자식 요소로 구분 id 선택자로 노드에 접근하기 - document.getElementById() 후미진 언덕 그 어디 class 선택자로 노드에 접근하기 - document.getElementsByClassName() 후미진 언덕 그 어디 querySelector 사용해서 노드에 접근하기 후미진 언덕 그 어디 그 기억.. 구름 나드리 오늘 날씨는 좀 그래
JavaScript_객체 내장 객체 : 미리 정의되어 있는 객체 → 문서 객체 모델(DOM) : 문서 뿐만 아니라 웹 문서 안에 포함된 이미지, 링크, 텍스트, 필드 등 모두 객체로 관리된다. → 브라우저 객체 모델(BOM) : 웹 브라우저에 정보를 객체로 관리 DOM은 HTML, XML 등의 웹 문서의 내용과 구조를 객체로 관리하는 반면에 BOM은 웹 브라우저의 창, 화면, URL 등과 같은 브라우저 정보를 객체로 관리한다. DOM과 BOM은 역할이 다르며 둘 다 사용해야 한다. 사용자 정의 객체 (스스로 생성) 객체 리터럴 타입 예제
JavaScript_이벤트 마우스 이벤트 키보드 이벤트 폼 이벤트 문서 로딩 이벤트 이벤트 예제 - click 상세보기 열기 멍멍 왈왈 상세보기 닫기
JavaScript_함수 함수 선언 (함수 정의) : function 예약어를 사용하고, { }안에 실행해야 할 명령어를 작성 함수 선언시 주의해야 할 것 ! 함수 호출 시 HTML 요소 중 렌더링이 완료되기 전에 호출하는 코드를 실행한다면 요소를 찾을 수 없어 오류가 발생한다. 함수 호출 (함수 실행) : 함수 이름을 사용해서 함수를 실행 let과 const let - 프로그램 안에서 값이 변할 수 있는 변수 const - 프로그램 안에서 값이 변하지 않는 상수 매개변수(parameter)와 인수(argument) 차이점 매개변수 (parameter) - 함수를 실행하기 위해 필요하다고 지정하는 값 - 함수를 선언할 때 함수 이름 옆의 괄호 안에 매개변수 이름을 넣음 function addNumber(a, b) { // 매개변..
JavaScript_자료형 JavaScript 자료형 : 컴퓨터가 처리하는 자료의 형태 숫자형 정수 - 소수점이 없는 숫자, 표현 방법에 따라 8진수, 10진수, 16진수 실수 - 소수점이 있는 숫자, 자바스크립트에서는 정밀한 실수 계산을 못함 ! .toFixed() 사용 예제 문자형 : 홑따옴표, 쌍따옴표로 표기한다. 논리형 : true, false undefined : 자료형이 정의되지 않았을 때의 상태 null : 처음에 할당된 값이 더이상 유효하지 않다는 의미 배열 : 하나의 변수에 여러 값을 저장, 인덱스 0부터 시작, [ ] 대괄호를 사용한다. → 자바에서 배열은 연관된 데이터를 통으로 관리하기 위해 사용하고, 자바스크립트에서 배열은 서로 연관되지 않은 데이터를 담아 사용할 수 있다. 객체 : 여러 자료형을 중괄호 { ..

티스토리툴바