코드잇의 자바스크립트 객체지향 기본기 강의를 듣고 정리한 내용입니다. 문제가 될 시 삭제하겠습니다. 코드잇 자바스크립트 객체지향 기본기 1. 객체와 클래스 01. 객체 지향 프로그래밍이란 ? 객체 : 객체의 상태를 나타내는 변수와 함수가 있음 객체 지향 프로그래밍 : 프로퍼티와 메소드로 이루어진 각 객체들의 상호 작용을 중심으로 코드를 작성하는 것 절차 지향 프로그래밍 : 변수와 함수를 가지고 작업의 순서에 맞게 코드를 작성하는 것 02. 1-1. object literal Object Literal : 객체를 나타내는 문자열 index.html index.js console.log('test'); const user = { // property 속성 : 객체의 상태를 담음 email: 'chris@go..
코드잇의 자바스크립트 웹 개발 기본기 강의를 듣고 정리한 내용입니다. 문제가 될 시 삭제하겠습니다. 자바스크립트 웹 개발 기본기 3. 비동기 실행과 Promise 객체 01. fetch 함수와 비동기 실행 then 메소드로 등록했던 callback 들이 response가 오면 출력됨 then 메소드로 등록만하고, 그 아래 코드가 실행됨 비동기 실행 : 시작된 작업이 완료되기 전에 다음 코드를 실행하는 것 동기 실행 : 시작한 작업을 다 처리하고 나서야 다음코드를 실행하는 것 console.log('Start'); fetch 함수(리퀘스트 보내기 및 콜백 등록) console.log('End'); 리스폰스가 오면 2. 에서 then 메소드로 등록해뒀던 콜백 실행 console.log('Start!'); f..
코드잇의 모던 자바스크립트 강의를 듣고 정리한 내용입니다. 문제가 될 시 삭제하겠습니다. 코드잇 모던 자바스크립트 1. 모던 자바스크립트 이해하기 현시점에서 사용하기 적합한 범위 내에서 최신 버전의 표준을 준수하는 자바스크립트 ECMAScript의 첫 버전은 1997년에 등장했지만, 매년 새로운 버전들을 출시하진 않았음 하지만 여섯 번째(ES6)부터는 매년 새로운 버전들이 출시되면서 ECMAScript의 버전을 부를 때 연호를 붙여 ES2015(ES6), ES2016(ES7) ****으로 부르게 되었음 자바스크립트 개발자들 사이에서는 ES2015 이후에 매년 출시된 버전들을 통칭하기 위해서 ES2015+ 혹은 ES6+라는 용어를 사용 ES6부터는 연호를 사용해서 ES2015, ES2016이라고도 부른다 ..
코드잇의 인터랙티브 자바스크립트를 보면서 정리한 내용입니다. 문제가 될 시 삭제하겠습니다. 인터랙티브 자바스크립트 1. 인터랙티브 자바스크립트 시작하기 03. id로 태그 선택하기 // id로 태그 선택하기 // 존재하지 않는 id를 선택하면 null로 나옴 document.getElementById('id'); 05. class로 태그 선택하기 // class로 태그 선택하기 document.getElementsByClassName('class'); // class로 태그 선택하기 const test = document.getElementsByClassName('class'); console.log(test[1]); for (let value of test) { console.log(value); } ..
프로그래밍과 데이터 in JavaScript 해당 내용은 코드잇의 '프로그래밍과 데이터 in JavaScript' 를 보고 정리한 내용입니다. 문제가 될 시 삭제하겠습니다. 01. 객체 01. 객체와 프로퍼티 객체는 {} 로 만들 수 있음 property name 작성 시 따옴표로 감싸지 않을 수 있지만, 그러려면 아래의 조건을 만족해야 함 첫번째는 글자는 반드시 문자, 밑줄(_), 달러기호($) 중 하나로 시작해야 함 띄어쓰기 금지 하이픈(-) 금지 { 키 : value, property name : property value } 03. 객체에서 데이터 접근하기 let codeit = { name: '코드잇', 'born Year': 2017, isVeryNice : true, wortCourse: n..
해당 내용은 코드잇 '프로그래밍 핵심 개념 in javascript'을 보면서 정리한 내용입니다. 문제가 될 시 삭제하겠습니다. 1. 자료형 01. 숫자형 // 나머지 console.log(7 % 3); // 1 // 거듭제곱 consloe.log(2 ** 3); // 8 // 덧셈 console.log(1 + 8); // 9 // 뺄셈 console.log(6 - 7); // -1 // 곱셈 console.log(2 * 2 * 2); // 8 // 나눗셈 console.log(5 / 2); // 2.5 // 사칙연산에 맞게 계산 됨 console.log(2 + 3 * 2); // 8 console.log((2 + 3) * 2); // 10 03. 문자열 기본 // 문자열 // 문자열은 같은 따옴표로 작..