Project 썸네일형 리스트형 [spring boot+vue.js+mariaDB] 프로젝트 해보기-3(axios를 이용한 통신) INTRO 이번 포스팅에서는 axios를 활용하여 controller에서 보내주는 값을 받아 화면단에 뿌려볼것이다. 1. vue 기본 생성 템플릿 수정 --> vue -> src/components폴더 내 Helloworld.vue파일을 연다. 현재 구조는 main.js에서 router호출 -> router 에서 view 호출 -> view 에서 component 호출 이런 방식이다. 우리는 component에서 DB 값을 받을것이다. --> Helloworld.vue파일 상단의 template 태그 내, 다음과 같이 추가해준다. 코드를 설명하자면, v-for 지시문으로, for문을 돌려 users를 탐색한다는 것이다. {{user.name}} For a guide and recipes on how to.. 더보기 [spring boot+vue.js+mariaDB] 프로젝트 해보기-2(Spring boot 서버 구축) INTRO Spring boot 서버를 구축해볼것이다. User 테이블을 지난 포스팅에서 생성하였다. 해당 테이블 기반으로 서버를 만들어 보자. 1. DB 연동 -->DB와 연결이 잘 되는지 먼저 테스트할 것이다. --> application.properties 파일에 아래와 같이 DB정보를 적어준다. spring.datasource.driver-class-name=org.mariadb.jdbc.Driver spring.datasource.url=jdbc:mariadb://localhost:3306/test1 spring.datasource.username=root spring.datasource.password=root mybatis.type-aliases-package=com.gg.dto mybati.. 더보기 [spring boot+vue.js+mariaDB] 프로젝트 해보기-1(개발환경 구축) INTRO 1편으로 개발환경을 구축할 것이다. 서버로는 Spring boot, 프론트엔드는 Vue.js DB는 MariaDB를 사용한다. 궁극적으로 해볼 프로젝트는 단말 관리 프로젝트이다. 구체적으로 어떤 단말인지는 밝히기가 힘드니 양해 부탁.. 이 프로젝트는 미리 연습하는 프로젝트임. 나도 초보이기 때문에, 최대한 초보의 입장에서 따라하기 쉽게 글을 적을것이다. 틀린 부분이 보인다면 댓글을 주시길 바란다. 1. DB구축 - mariaDB 설치 --> 마리아디비를 설치한다. 설치 방법으로는 아래 포스팅을 참고한다. rangsub.tistory.com/94 [MariaDB] MariaDB(마리아디비) 설치하기 INTRO 마리아디비를 설치하는 과정. 마리아디비는 오픈 소스 RDBMS이다. MySQL과 동일한.. 더보기 이전 1 다음
