내가 보려고 만든 블로그

연구과제를 진행하던 중 왼쪽에 메뉴를 만들고 메뉴의 위치를 상단의 로그에 맞게 너비와 margin-top을 수정할 수있게 하고싶었다. 그러려면 로그의 너비와 높이를 가지고 왔어야했는데 그게 생각보다 쉽지않았다. 먼저 페이지가 로드될 때 로그의 너비와 높이를 가져오고 메뉴의 스타일에 값을 지정해야했는데 vue가 익숙하지 않았던 나는 페이지가 로드될 때 어떻게 해야 함수를 실행할 수 있을지부터 검색했다. 이전 게시글에서는 create()라는 함수를 기재해서 페이지가 새로고침 및 로드될 때마다 alert가 뜨게 성공하였다. 그래서 내가 원하는 개체에 ref라는 속성값을 주어 설정을 성공할 수있을줄 알았지만 create() 함수에서는 this.refs.name 이 undefined로 뜨는 오류가 발생했다. 위 ..

html에서 화면이 로드될때 어떤 이벤트를 발생시키고 싶을때 document.addEventListener("DOMContentLoaded", function(){})을 사용했던 기억이 있다. 하지만 vue에서는 사용이 되지 않는다. 그래서 구글링을 열심히 한 결과 vue에서 관련 메소드를 찾았다!! 사용하고자 하는 Vue파일 아래 script 부분에 아래와 같이 기재해주면된다. export default { name:'submenu', created () { alert('새로고침되었습니다.') } } 이제 새로고침할때마다 '새로고침되었습니다'라는 알람이 뜬다! 내가 못하는건지 아니면 vue에서 JQuery를 지원을 하지 않는건지 모르겠지만 JQuery를 사용하려고 할때 마다 $가 뭔지 인식을 못한다. ..

간단하게 버튼을 클릭하면 alert가 생기는 예제를 만들어보았다. 여기서 this는 vue의 인스턴스를 가르키는데 내가 만든 코드에서는 vue인스턴스가 존재하지않아서 alert로 출력을 했을때 undefined로 뜨는 것을 볼 수 있다.

2021년 2월 3일 기준 vue spring 연동하기에 대한 글을 새로 작성했습니다! 2021/02/03 - [SERVER/SPRING] - [vue + spring] 스프링 몰라도 vue랑 스프링 연동하기 [vue + spring] 스프링 몰라도 vue랑 스프링 연동하기 환경 vuejs Egovment Spring Framework vue 랑 스프링을 연동할 일이 생겼다😢 학생때 스프링 했다가 포기했었는데 일을 하다보니 스프링을 다시 만질일도 있고.. 역시 사람일은 모르는건가보다 하지만 become-a-developer.tistory.com vscode를 이용하여 개발할 예정!! 엄청 많은 블로그를 참고했기 때문에 쓸데없는 과정이 들어갈수도있다! Step 1. 스프링부트 설치 https://start..