khg0712

function Animal(name) {
  this.name = name;
  this.species = "frog"
}

var frog = new Animal("James");
Animal.prototype = {
  country: "Korea"
};//Animal 생성자의 프로토타입 객체 변경

khg0712

1 .toString();//1과 .을 띄어쓰기해서 소수가 아님을 알린다.
1..toString();//1.에서 .을 미리 써두어 뒤에 있는 .이 소수를 표현하는 것이 아니라 참조 연산자임을 알린다.

khg0712

console.log("전역 코드");
//전역 코드 출력
function1() {
  console.log("function1");
}

function2() {
  function1();
  console.log("function2");
}

khg0712

var a = 'k';
console.log(a);//k 출력
console.log(window.a);//k 출력

khg0712

var a = 10, b = 2;
function exampleFunc(a,b) {
  var c = 1, d = 2;
  function child() {
      return a+b;
  }
  return child()+c+d;
}
exampleFunc(3,4);

khg0712

typeof undefined === "undefined"; //true
typeof true === "boolean"; //true
typeof 42 === "number"; //true
typeof "s" === "string"; //true
typeof {a:1} === "object"; //true
typeof Symbol() === "symbol"; //true
typeof null === "null"; //false
typeof null === "object" //true

khg0712

var a = null;
!a && (typeof a === "object"); //true

khg0712

function a() {
  console.log('a func');
}
typeof a === "function"; //true

khg0712

확장 프로그램이란?

확장 프로그램들은 브라우징 경험을 커스터마이징하는 작은 소프트웨어 프로그램이다. 이를 통해서 사용자는 Chrome의 기능과 동작을 개인의 필요나 기호에 따라 조정할 수 있다. 확장 프로그램은 HTMTL, CSS, JavaScript같은 웹 기술을 기반으로 한다.

확장 프로그램은 확실하게 정의되고 이해하기 쉬운 단일 목적을 충족시켜야 한다. 하나의 확장 프로그램은 모든 컴포넌트와 기능들이 공통 목적에 기여한다면, 여러 컴포넌트와 기능들을 가질 수 있다.

사용자 인터페이스(User Interface)는 최소한이면서 의도가 있어야 한다.

khg0712

$ npm install -g create-react-app //cra 설치
$ create-react-app react-test //react-test 리액트 앱 생성