Page 20 -
P. 20

let y = parseFloat(this.y);
                                          if (isNotNumericValue(y))
                                            return this.lastResult;
                                                                                                          1
                                          this.lastResult = x + y;                                        Vue.js 소개


                                          return this.lastResult;
                                      }
                                    }
                                  });
                              </script>
                            </body>
                          </html>






                        1.1.6  자바스크립트와 Vue 비교


                        앞의 두 계산기 구현 코드는 많은 부분이 다릅니다. 그림 1-3의 각 샘플은 길벗출판사 깃허브
                        (https://github.com/gilbutITbook/007024)에서 찾아볼 수 있으니 실행해서 어떻게 작동하는
                        지 비교해 보세요.


                           그림 1-3 바닐라 자바스크립트(왼쪽)와 Vue(오른쪽)를 사용한 반응형 계산기 비교






























                                                                                                      031




         Vue.js 코딩 공작소(본문)최종.indd   31                                                           2019-09-07   오후 8:43:25
   15   16   17   18   19   20   21   22   23   24   25