inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 게임을 만들며 배우는 Vue

8-3. 데이터 가공해 화면 그리기

cellDataStyle 질문입니다.

215

Taesung Yun

작성한 질문수 3

0

cellDataStyle(){

   let count = 1;

   console.log("cellDataStylee 실행 횟수:", count);

   return (row, cell) => {

         console.log("실행 횟수:", count++);
         ....

         }
}

위 코드를 실행시켰을 때, cellDataStyle  함수의 실행횟수는 1번인 반면에, 리턴 함수의 실행횟수는 100번 이더군요.

공식 문서를 읽어보니, computed 속성은 해당 속성이 종속된 대상이 변경될 때만 함수를 실행한다는 내용이 있었습니다.

저는 cellDataStyle 함수는 굳이 리턴 함수를 쓰지 않더라도 td 태그에 종속되어 있기 때문에 v-for에 의해 100번 실행될 것이라고 예상했지만,  한 번만 실행되고, 리턴 함수가 100 번 실행되네요. 이유가 있을까요?

*  그 외로, cellDataStyle의 매개변수인 state를 찍어보니, state의 $el 속성이 table 태그를 가리키는 것을 확인했습니다. 

vuex 웹팩 vuejs

답변 2

1

제로초(조현영)

컴포넌트를 보시면

cellDataStyle(rowIndex, cellIndex)

하고 있습니다.

이 것은 cellDataStyle 자체가 아닌 return (row, cell) => {}을 호출하는 것입니다.

computed 내의 cellDataStyle 함수는 처음 한 번만 호출됩니다.

0

Taesung Yun

이해됐습니다. 감사합니다.

Lottball.vue에서 궁금한점이 있어 질문드립니다.

0

48

0

npm run build 시 강사님같은 app.js가 생성되지 않음

0

82

2

숫자 야구 npm run build시 오류

0

296

2

webpack - npm run build 시 오류

0

1053

1

webpack-dev-server 설정 후 에러 발생 처리 도와주세요.

0

613

1

Vue3으로 강의를 듣고 있는데 마지막 router에서 막혔습니다

0

757

1

Vue.Js 3를 사용하시면 Vue.set , this.$set 메서드가 없습니다.

0

1354

1

Vue@3에서의 $set 관련 Typeerror $set is not function에 대한 대처

3

1049

0

vuex관련질문이용

0

318

0

LottoBall 컴포넌트 computed의 return 부분에 대해 질문 있습니다.!

1

364

1

this 디스트럭처링 관련 질문있습니다!

0

277

1

app.vue안에 있는 nav를 따로 분리하고 싶은데 잘안됩니다..

1

426

2

3-3 웹팹 로더 사용하기

1

1166

3

한번만 봐주세요..

0

528

1

``<-- 안의 내용이 스트링

0

341

2

ajax 통신으로 부모 자식 컴포넌트 간의 데이터를 주고 받는 방식에 대해 문의드립니다.

0

285

1

npm run build

0

413

1

안녕하세요. vue-loader 오류 질문드립니다.

0

826

2

webpack 문제 질문드립니다.

0

309

1

Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor

0

2779

2

watch를 회원가입, 비밀번호 확인 등의 값 검증에 사용하는건 어떤가요?

0

301

1

1:19

0

245

1

9-1. Vue Router 설정하기 질문드립니다.

0

494

1

url

9

305

0