AI Platform / Web

0. 들어가면서 Vue 프로젝트를 진행하다보면 bable.config.js파일이 있는 것을 알 수있다. 1. babel.config.js module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ] } 들어가보면 위와 같은 코드가 적혀져 있다. 바벨이라는 것은 무엇일까? 2. babel babel이란 무엇일까? 그리고 왜 babel을 사용하는 것일까? 구글에 babel을 쳐보면 홈페이지는 아래와 같이 나온다. babeljs.io/ Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io 쉽게 말해서 Babel은 최신버전의..

0. 들어가면서 우리가 왜 computed를 배우는 가에 대한 이야기부터 해볼까 한다. 우리가 프로그래밍을 하는 목적이 있고, 그 목적에 따라 다양한 데이터가 들어갈 것이다. 그리고 데이터를 가공하기 위해서 구조화를 해야 하는데 이때 필요한 것이 computed라고 할 수 있다. methods에 함수가 들어가는 것과 비슷하게 computed에도 함수가 들어간다. 그렇다면 어떤 목적의 함수인지에 따라 computed와 methods에 나눠서 들어가는지를 중점으로 파악해 보자. 공식문서에 보면 computed와 watch에 대해 나오고 캐싱이라는 이야기도 나오지만, 초보자 수준에서는 위에서 이야기 한 부분만 이해하고 넘어가자. 왜냐하면 이 글을 읽는고 있다는 건 다른 어려운 용어들도 이해가 안 돼서 들어왔을..

0. 들어가면서 지금까지 뷰에 대한 기초와 axios에 대해 실습을 해보고 lifecycle hook에 대해서도 적용을 해보았다. 이제 우리가 버튼을 누르면 5개씩 사진과 설명을 가져오는 형태에서, 페이스북처럼 무한 스크롤을 적용시켜보자. 이전 코드에서 추가를 시킬 예정이기 때문에 이전 코드를 아래의 url을 타고 보고 오자. han-py.tistory.com/280 [Vue.js] 3. lifecycle hook 적용하기 0. 들어가면서 우리는 앞에서 버튼을 누르면 get요청으로 데이터를 불러와서 보여는 방식을 구현해 보았다. 가능하면 아래의 링크를 보고 오는 것을 추천한다. han-py.tistory.com/273 [Vue.js] 2. 데이터 han-py.tistory.com 이번에 우리가 사용할 것..