AI Platform / Web

0. 들어가면서 우리는 앞에서 버튼을 누르면 get요청으로 데이터를 불러와서 보여는 방식을 구현해 보았다. 가능하면 아래의 링크를 보고 오는 것을 추천한다. han-py.tistory.com/273 [Vue.js] 2. 데이터 받기(get) 0. 들어가면서 우리는 앞에서 Vue를 설치하고 실행하는 방법과 Vue에 사용되는 문법에 대해 알아보았다. 궁금하면 아래의 주소를 따라가면 된다. 이제 배운내용을 바탕으로 적용을 해보자. han-py.ti han-py.tistory.com 1. lifecycle hook 지금까지 Vue에 관한 코드를 작성하였다면 지금부터는 개념 이해를 해보자. 앞에서 구현한 것은 첫 페이지에는 아무것도 없고 버튼을 눌러야 data가 생긴다. 그렇다면, 누르지 않고 처음 페이지를 들어..

0. 들어가면서 우리는 앞에서 Vue를 설치하고 실행하는 방법과 Vue에 사용되는 문법에 대해 알아보았다. 궁금하면 아래의 주소를 따라가면 된다. 이제 배운 내용을 바탕으로 적용을 해보자. han-py.tistory.com/66 [Vue.js] 1. 시작하기 0. 들어가면서 Vue를 처음 배우는 사람이라면 바로 이곳에서 시작해 보길 바란다. 전반적인 개념과 시작하는 방법이 적혀있다. 자바스크립트를 모르더라도 어느정도 구현할 수 있도록 노력했다. han-py.tistory.com Vue는 frontend다. 따라서 frontend인 뷰를 사용하기위해, 서버를 만들어서 데이터를 보내고 하기에는 시간이 너무 많이 든다. 그래서 일단 더미 데이터를 get방식으로 받아서 실습을 해볼까 한다. 더미 데이터(=가짜 ..

0. 들어가면서 기본적으로 파이썬은 깔려있다고 가정하고 진행하겠다. 장고와 굳이 같은 폴더에서 할 필요가 없다. 다른 폴더를 만들고 진행해도 무방하다. 우선 가상환경을 만들고 가상환경으로 들어가자. $ virtualenv venv $ source venv/script/activate 1. Vue.js 설치 $ npm install -g @vue/cli 이 때 -g 를 적는 이유는 로컬 어디에서등 vue-cli를 요청 할 수 있도록 해주는 명령이라고 생각하면 된다. 그리고 설치 하는데 컴퓨터 사항에 따라 시간이 걸릴 수 있다는 점을 참고하자. vue-cli를 통해 vue.js 응용 프로그램을 만들 수 있다. 여기서 cli이란 해당 프레임워크의 명령어를 통해 컴퓨터가 입력받아 출력해 주는 명령어 인터페이스다..