21day - props, el, prev, gql-variables

이주영·2022년 12월 3일
0
const func1 = (param) => {
	console.log(param)
    }
    
   func1(argu)
   
   // 결과
   // param.argu

argu는 함수에 들어가고 함수의 param은 argu를 받아온다.
함수에 들어가는 것은 인자(argu), 기다리는 것은 매개변수(param)이다.
매개변수의 이름은 아무렇게나 지어도 되지만 관례를 따르는 것이 좋다.

Props

count가 함수의 인자 부분에 들어가있고 aaa로 넘겨주면 aaa.count가 된다. 그런데 aaa는 props의 자리이다. 즉 props는 함수의 파라미터이다.

el

map으로 여러 개의 인자를 순서대로 넘겨주는데, 이 순서는 배열의 value값 - 해당 value의 index값 순으로 들어가게 된다.
즉 map도 함수이고 el, index도 함수의 파라미터이다.

Prev

setCount의 qqq를 실행시키면 화살표 함수 자체가 qqq 안으로 들어오게 된다. 즉 prev도 함수의 파라미터이다.

Graphql-variables


variables도 변수이다. variables에 적어준 $writer: MyWriter가 위의 $writer의 값으로 들어가게 된다.

REST-API는 요청하면 데이터를 전부 받아와야 하고 (REST-API의 오버페칭 문제점) GRAPHQL은 필요한 데이터만 골라받아올 수 있는 장점이 있었다.
또, REST-API는 필요한 데이터마다 일일이 한 개씩 요청해야 한다. (REST-API의 언더페칭 문제점)
GRAPHQL은 한 번에 묶음으로 여러 개의 API를 받아올 수 있다. 그것에 대한 타입을 그룹핑하기 위해 위에 $변수: 타입을 적어주었던 것이다.
GRAPHQL은 endpoint가 하나인 post 방식의 REST-API인 것이다.

0개의 댓글