qwef

public Member findById(String memberId) throws SQLException { String sql = "select * from member where member_id = ?"; Connection con = null; PreparedStatement pstmt = null; ResultSet rs = null; try { con = getConnection(); pstmt = con.prepareStatement(sql); pstmt.setString(1, memberId); rs = pstmt.executeQuery(); if(rs.next()){ Member member =new Member(); member.setMemberId(rs.getString("membe..

먼저, 테이블 만들어야 함. 기존에 h2에 member 테이블은 만들었었음. 그걸로 함. 먼저 DB에 들어갈 객체를 만들어 놓음 @Data public class Member { private String memberId; private int money; public Member() { } public Member(String memberId, int money) { this.memberId = memberId; this.money = money; } } 그 다음 Repository라는 디렉토리를 만듦. 리포지토리가 DB와 소통하는 친구임. @Slf4j public class MemberRepositoryV0 { public Member save(Member member) throws SQLExcept..

변수 비스무리 하지만 변수는 아니고, 값을 참조하는 거라고 한다. 원래 {{ 변수명(걍 편의상 변수라 부름.) }} 이거는 html 태그의 속성에다 사용 못한다. 근데 쓸 수 있는 방법이 있다. {{ msg2 }} export default { data(){ return { msg : 'active', msg2 : 'Hello Vue!!' } }, } v-bind:속성명="변수명" 이렇게 하면 된다. 참고로 위에는 그냥 :만 있는데, 이거 축약형이다. 그냥 :속성명="변수명" 이렇게도 사용이 가능하다. 중괄호 하지말아야 한다. v-bind가 좀 만능이다. naver export default { data(){ return { attributeName:'href', url:'https://www.naver..

export default { data(){ return { htmlMsg : 'Hello h3' } }, } 저렇게 태그에 v-html="태그및데이터" 저렇게 안하면 그냥 그대로 읽혀짐. 이스케이프를 안시켜준다.

{{ msg }} export default { data(){ return { msg : 'Hello Vue?!' } }, methods:{ add(){ this.msg += '!' } } } h1{color : royalblue} 저거 처음에만 딱 한번 랜더링 되고 그 이후로 저 부분은 안바뀜. 그냥 딱 처음에 랜더링 한번 하고 마는거임.

const dropZone = document.getElementById('file-box'); dropZone.addEventListener('dragover', e=>{ e.stopPropagation(); e.preventDefault(); }); dropZone.addEventListener('drop', e=>{ e.stopPropagation(); e.preventDefault(); const files = e.dataTransfer.files; Array.from(files) .filter(file => file.type.match('image.*')) .forEach(file=>{ const reader = new FileReader(); reader.onload = e=>{ const $..

$box2.getBoundingClientRect() 태그.getBoundingClientRect() DOMRect 객체를 가져오는 데, 여기에는 left, right, bottom, top이 있고 x, y가 있다. width, height도 있다. left, right, top, bottom, x, y 이건 다 뷰포트 기준으로 상대위치이다. 뷰포트 기준의 상대위치를 가져오는 것이다. 그러므로, 만약 절대 위치를 가져오고 싶다면, console.log($box2.getBoundingClientRect().top + window.scrollY); 이렇게 스크롤 값을 더해주면 된다. top의 뷰포트 위쪽의 가장자리를 나타내므로. y는 좀 다르다고 한다. y는 현재 창 기준 y좌표 비슷해 보이지만 같지는 않다..

그냥 $li.tagName 태그.tagName 하면 됨. 근데 대문자여서 조건문으로 쓸 데는 if($li.tagName === 'LI') 이렇게 써야 함.

jay data-커스텀속성 이거 접근하려면, const name = $li.dataset.name; 태그.dataset.속성이름 이렇게 접근 가능