보통 우리가 .xml에서 parameterType이나 resultType에 값을 넣을 때 Alias를 사용하여 전체경로를 안적는 방법을 쓴다. Alias가 없다면 아래와 같이 전체경로를 써줘야 해서, 코드 가독성이 떨어질 수 있기 때문이다. ............. 하지만 Alias를 지정해주면 아래와 같이 쓸 수 있는데.. ............. 기존 스프링에서 Alias를 지정해줬던 방식과 조금 달라 한번 정리해본다.. 1. application.properties 설정 # 패키지 명을 생략할 수 있도록 alias 설정 # 실제 VO가 들어가는 경로를 작성해주면 됨. mybatis.type-aliases-package=com.example.demo.vo 2. @Alias("") 추가 Alias를 등..

이번에는 유튜브 검색 기능을 구현하였다. 바뀐 건 많이 없고 헤더 부분 추가하고, component화 시킨 후 list 컴포넌트 안에 자식 컴포넌트로 추가해주었고, 기존 fetch함수의 then을 async와 await을 활용하여 기능구현 하는 쪽으로 수정해주었다. 그럼 바로 정리해보자. youHeader.js 추가 const url = 'https://www.googleapis.com/youtube/v3/search'; const key = 'AIzaSyBoB2ooooooooooooYTyuk--9pEUOj5Nfo' export default{ template : ` Carousel Home Link Disabled -- 엔터 또는 클릭시 search함수 호출 Search `, data () { retu..

생각해보니 지금까지 스프링부트로 프로젝트를 생성해본 적이 한번도 없는 겸 + Gradle 프로젝트를 해본 적이 없어서 이번에 할 게 없어서 한번 해보려고 한다. 일단 Vue프레임워크는 쓰되, axios와 같은 외부라이브러리는 최대한 배제를 하고 ES6 문법을 중심으로한 순수 자바스크립트 언어를 사용해보려고 한다.. 프로젝트 생성은 아래 글에서 참조 하도록 하자. Maven대신 Gradle을 선택할 것! 스프링부트 프로젝트 생성 처음 프로젝트를 생성하면 이런 느낌일텐데. 이제 Controller와 jsp를 만들어서 한번 붙여보도록 하자. src/main/java/com/example/demo 경로에 controller폴더와 IndexController를 생성해준다. 그리고 src/main/webapp/WE..