배열 배열의 기초 Array 생성자로 만들어진 객체 데이터 군 여러 데이터 참고) 자바(Collection - 데이터 군 - 자료)배열 X 같은 자료형 순차적인 나열 구조 → 자바스크립트는 배열 X → 배열 객체 참고) 컬렉션 프레임워크 배열 리터럴로 생성하기 const 배열명 = [....]; // new Array(...) length 프로퍼티 배열 객체 공간의 갯수 참고)→ 규칙에서 벗어나면 → [’속성명’] 객체의 속성명이 변수명 규칙과 동일 .(마침표)로 접근 가능 Array 생성자로 생성하기 const 배열명 = new Array(3); 매개변수가 1개일때는 배열 공간의 갯수 양의 정수 숫자 가능 매개변수가 여러개 일때는 갯수만큼 공간이 생성, 값이 순서대로 추가 배열 요소의 참조 배열은 객체..
Languages/JavaScript
생성자 함수 객체 → 다른 객체 생산 new 연산자 : 메모리에 공간을 생성 연산자 생성자 함수명 첫 시작 문자 대문자 객체가 생성되는 과정 함수 객체에 정의된 prototype 객체의 상속 this 값을 상속을 받은 객체로 변경함으로써 초기화 function … new Funtion(() apply(thisArg, …) call(thisArg, …) 생성자 함수 객체의 상속 연산자 instanceof : 객체의 출철르 체크 (프로토타입 체인) 3/27 마지막 시간 앞에 3분 영상 못 찍으심! 그게 저 위에 사진이당! 자바스크립트 객체 위에 부분은 전 페이지에 밑에 생성자 부분과 겹침 왔다 갔다 하기 귀찮아서 그냥 위에 복붙해서 이어서 공부함 정리할 땐 알아서 하기~~ 생성자 함수 객체 객체 → 객체를 ..
실습 방법: 구글 브라우저 들어가서 오른쪽 마우스, 검색(F12), 콘솔들어가기 enter : 실행 SHIFT + 엔터 : 줄 개행(다음줄로 이동) 위쪽 방향키 : 입력했던 코드 보기 ctrl +R, F5 : 코드 다 없어짐 객체 (object) 사물, 대상 객체 리터럴 객체는 이름과 값을 한쌍을 묶은 데이터를 여러개 모은 것 객체는 데이터 여러개를 하나로 모은 복합 데이터로 연관배열 또는 사전(Diction) 이라고 부릅니다. { 이름:값, 이름:값, 이름:값, … } 이름 → 속성(property) → 변수와 동일 값 : 숫자, 문자, 논리값, undefined, null, 객체 → 전부 값으로 사용 가능 변수명.속성명; 변수명[’속성명’]; 객체 리터럴로 객체 생성하기CRUDR - READ : 조회..
제어문 조건문 if (조건식) { // 논리, 비교 연산자가 주로.. // 조건식이 참일때 실행되는 코드 }if (조건식1) { // 조건식1이 참일때 실행되는 코드} else if (조건식3) { // 조건식1, 조건식2 -> 거짓, 조건식3이 참일때 실행되는 코드} else { // 모든 조건이 거짓일때 실행되는 코드 } } ... } else if (조건식2) { // 조건식1이 거짓이고 조건식2가 참일때 실행되는 코드 if (조건식) { // 조건식이 참일때 실행되는 코드 } else { // 조건식이 거짓일때 실행되는 코드 } 선택문→ 강사님은 조건문 잘 안 쓰고 선택문 많이 쓰신대! 구조가 좋음! 값의 일치 여부 체크, 선택 키워드 값과 일치하는 시점 -> 실행 시점, break를 만날때까지 ..
실습 방법: 구글 브라우저 들어가서 오른쪽 마우스, 검색(F12), 콘솔들어가기 enter : 실행 SHIFT + 엔터 : 줄 개행(다음줄로 이동) 위쪽 방향키 : 입력했던 코드 보기 ctrl +R, F5 : 코드 다 없어짐 자바스크립트 → 자바보다 이걸 더 잘하면 회사에서 사랑받음 워낙 다 써서 HTML - 뼈대 CSS - 스타일 JS - 기능 해석 엔진 -렌더링 엔진 : Webkit/bink : 스타일 해석 -자바 스크립트 엔진 :V8 실습방법 안내 브라우저 - 콘솔 렌더링 엔진 + 자바스크립트 해석 엔진(V8) → 구글 브라우저 들어가서 오른쪽 마우스, 검색(F12), 콘솔들어가기ctrl +R, F5 하면 코드 다 없어짐 콘솔에서 alert("알림!"); 엔터 하면 창이 뜬다. SHIFT + 엔터 ..