Thymeleaf에서 onclick 함수에 매개변수 넘기기

다음과 같이 a태그에 직접 링크를 글어서 이동하는 방법도 있지만, 자바스크립트에서 처리해주는 방법도 있다.th:변수이름을 통해서 타임리프에서 쓰일 수 있는 변수를 태그에 저장한 다음에 onclick함수에서 this를 통해 변수를 호출해 사용할 수 있다. 그리고 전에 말

2022년 6월 23일
·
0개의 댓글

타임리프 변수를 자바스크립트에서 사용하기

먼저 스크립트에 th:inlime="javascript"를 입려해 주어야 한다.그리고 만약에 타임리프로 넘어온 데이터가 ${items}라고 하면 자바스크립트 안에서는 이렇게 사용해야 한다.

2022년 6월 23일
·
0개의 댓글

타임리프에서 pathvariable, querystring 넘기기

thymeleaf에서 @는 링크 이동 시에 사용한다. 스프링 부트에서 만약 @{/basic/test.css} @{/basic/test2.js} @{/basic/test3.html}과 같이 정적인 요소에 링크를 걸면 resources 폴더의 static폴더가 기준점이 된

2022년 6월 23일
·
0개의 댓글

promise 사용시 주의사항

매우 간단한 promise 예시이다.이 경우에 console에는 이렇게 찍힌다. console.log(num \* 2) 에 의해 12가 나오고, console.log(test)에 의해서 promise가 나온다.promise.then(callback)을 반환한 값은 계속

2022년 6월 22일
·
0개의 댓글

자바에서 서버간 api 통신하기

2022년 6월 16일
·
0개의 댓글

자바스크립트, 제이쿼리로 form 만들기

제이쿼리로 하면 다음과 같다.

2022년 5월 27일
·
0개의 댓글

인텔리제이에서 스프링 MVC 프로젝트 설정 방법

https://1-day-1-coding.tistory.com/48

2022년 5월 23일
·
0개의 댓글

바닐라 자바스크립트로 동적 태그에 이벤트 연결

제이쿼리에서는 이렇게 동적 바인딩을 한다. 여기에서 .list 클래스는 생성되는 동적 태그를 가지고 있는 상위 태그를 의미한다. 바닐라 자바스크립트에서도 같은 방식을 사용할 수 있다.list라는 태그 클래스 안에서 생성되는 동적 태그들이 클릭되면 해당 이벤트를 발생시킨

2022년 4월 15일
·
0개의 댓글
post-thumbnail

vuex에서 여러개의 스토어 사용시 unknown getters

예를 들어 demoStore.js와 store.js를 모두 스토어로 사용한다고 하자. 그러면 각각의 export 함수 내에 namespaced: true를 지정해 주어야 한다.그리고 사용할 때는 그 네임스페이스를 명시해 주어야 한다.그렇게 하지 않으면 module na

2022년 4월 1일
·
0개의 댓글
post-thumbnail

vscode에서 검색해서 내용 바꾸기

저 화살표 모양을 클릭하면 14.51.14.13에 해당하는 문자열을 전체 14.51.14.209로 변경할 수 있다.

2022년 3월 16일
·
0개의 댓글
post-thumbnail

gradle, maven에서 의존성을 추가했는데 무시될 때

그럴 때는 Invalidate Caches를 선택한 다음 재시작하면 제대로 의존성이 추가되는 것을 확인할 수 있다.

2022년 3월 14일
·
0개의 댓글

html template 태그

template 태그가 있으면 자바스크립트 문자열로 html 코드를 작성해서 붙여넣기하는 것의 수고가 줄어든다. template 태그에 클래스나 아이디를 붙인 후, 자바스크립트 함수에서 태그를 선택해서 제어할 수 있다.<template> 요소는 특정 HTML 요소

2022년 3월 8일
·
0개의 댓글

No tests found for given includes 인텔리제이에서 JUnit테스트 실패

해결 방법ctrl + Alt + S로 설정에 들어간다.그리고 Build, Execution, Deployment에 들어간 후, Build Tools를 선택해서 Maven이나 Gradle 중에서 사용하는 빌드 툴을 선택한다. 그리고 Run tests using 목록을 G

2022년 3월 8일
·
0개의 댓글

v-html

{{}}로 컴포넌트 안에 내용을 표시할 때, <p></p>, <div></div> 등의 태그가 해석되어 표시되지 않고 텍스트 그대로 표시된다. html 태그들을 해석해서 표시하려면 v-html="{{}}안에 표시했던 변수" 옵션을 태그에 사용한다.

2022년 3월 7일
·
0개의 댓글

vue의 router-link에 대해서

출처: https://router.vuejs.org/api/

2022년 3월 7일
·
0개의 댓글

자바스크립트의 this에 대하여

let 변수 = new 함수명(); 으로 생성하는 함수를 생성자 함수라고 하고 생성자 함수는 다른 함수와 구분하기 위해서 첫글자를 대문자로 하는 것이 일반적이다.생성자 함수와 객체의 메서드를 제외한 모든 함수 내부의 this는 전역 객체를 기리킨다. 만약에 콜백 함수

2022년 3월 4일
·
0개의 댓글

fetch vs axios

2022년 3월 4일
·
0개의 댓글

[vuex] store must be called with the new operator. 오류

여기에서 new를 빼먹으면 이런 오류가 난다.

2022년 3월 4일
·
0개의 댓글

vue router에 대해서

라우터를 주입하였으므로 this.$router와 현재 라우트를 this.$route로 접근할 수 있습니다.문서 전체에서 router를 자주 사용했습니다. this.$router는 정확히 router와 동일합니다. this.$router를 사용하는 이유는 라우터를 조작해

2022년 3월 3일
·
0개의 댓글