목록Web/JS (3)
Joon's Space
생성자 함수 객체를 여러개 만들어야할 때 사용하는 함수 생성자 함수는 일반 함수와 크게 차이는 없지만 두 가지 관례를 따른다. 1. 함수의 첫 이름은 대문자로 시작한다. 2. 반드시 'new' 연산자를 붙여 실행한다. // 생성자 함수 이름 첫 글자는 대문자로 function User(name, age) { // this = {} this.name = name; this.age = age; // return this; } // new 연산자를 사용해서 호출 let user1 = new User("Mike", 30); let user2 = new User("Jane", 22); let user3 = new User("Tom", 17); 생성자 함수 작동 순서 new 함수명(); 으로 생성을 하면, 함수 ..
변수 - 한번 선언된 변수를 다시 선언할 수 있다. (let은 두 번 선언할 시에 error 발생) var name = "Mike"; console.log(name); // Mike var name = "Jane"; console.log(name); // Jane - 선언하기 전에 사용할 수 있다. -> 호이스팅(hoisting) 선언은 호이스팅 되지만, 할당은 호이스팅 되지 않는다. 호이스팅 이란? 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동 var name; console.log(name); // undefined 할당은 호이스팅 되지 않기때문에 값은 undefined name = 'Mike'; // 할당 console.log(name); // ReferenceError let na..
프로젝트 생성 yarn init yarn init git init git init git remote add origin https://github.com/jyojun/movieql git commit -m 'setup' git branch -M main git push -u origin main graphql server setup graphql-yoga 패키지 설치 yarn add graphql-yoga ※graphql-yoga : graphql 서버를 쉽게 셋팅할 수 있게 만들어진 패키지 graphql을 사용하면서 해결되는 문제들 -> graphql을 처음 사용하면서 왜 graphql 을 사용하는지에 대해 물어본다면 알아야 할 다음 두가지 개념은 'over-fetching', 'under-fetch..