반응형 전체 글202 [javascript] after() after() method는 뒤에 Node를 추가할수 있는 method이다. 화면이 이렇게 있을때 1. 답글쓰기를 누르면 temp에 할당 2. 댓글을 달 수 있는 폼(div)를 만들어서 div라는 변수에 할당을 했다고 가정한다. 답글쓰기를 누르면 이런식으로 누른곳 바로 뒤에 form이 추가된다. 이런식으로 다음 Element가 있다면 다음의 다음의 추가하고 없다면 바로 뒤에 추가하는식으로 응용을 할 수 있다. 2019. 12. 11. [javascript] nextElementSibling 한줄요약 : nextElementSibling method는 다음 Element를 반환해주는 method이다. 응용 : 있는지 없는지, 어떤것이 있는지에 따라서 응용가능 화면에 보면 맨위 댓글의 답글쓰기는 다음 Element가 있고 두번째 댓글의 답글쓰기는 다음 Element가 없다. Javascript의 nextElementSibling는 다음 Element가 있으면 다음 element를 없으면 null을 반환해준다. 2019. 12. 11. [JPA]No serializer found for class org.hibernate.proxy.pojo.bytebuddy.ByteBuddyInterceptor and no properties discovered to create BeanSerializer 로직상으로는 요청을 받고 값을 가공해서 Map객체에 넣어준 후 Return만 하면 끝이라서 전혀 문제가 없어보였다. 허나 돌려보면 No SNo serializer found for class 이라는 오류가 계속 났다. 이유는 ManyToOne의 옵션의 Lazy여서 나는것같다. * LAZY옵션은 필요할때 조회를 해오는 옵션이다. 필요가 없으면 조회를 안해서 비어있는 객체를 serializer 하려고 해서 발생되는 문제인것 같다. 해결방법은 3가지가 있다. 1. application 파일에 spring.jackson.serialization.fail-on-empty-beans=false 설정해주기 2. 오류가 나는 엔티티의 LAZY 설정을 EAGER로 바꿔주기 3. 오류가 나는 컬럼에 @JsonIgnore를.. 2019. 12. 10. [javascript] create button and add function 이러한 function이 있다. 그리고 button을 동적으로 생성한뒤에 onClick 이벤트에 addReplyReply함수를 할당해주려고 하였다. id를 찾지 못한다는 오류가 난다. 이 오류가 왜 발생할까? 정답은 button.onclick = addReplyReply(); 에 있다. addReplyReply()는 함수를 호출한다. 호출된 함수에서 x[0].id를 찾지못해 발생되는 오류이다. button.onclick 에 addReplyReply 함수자체를 할당시키고 싶다면 button.onclick = addReplyReply; 로 바꿔서 함수자체를 할당시켜줘야한다. 이렇게 바꾸고 다시 실행하면 오류가 안나고 정상작동된다! 2019. 12. 8. [JPA] Error executing DDL "alter table board add constraint FKfyf1fchnby6hndhlfaidier1r foreign key (user_id) references user (id)" spring.jpa.hibernate.ddl-auto=create-drop 옵션을 사용해서 테이블을 다시 만들때 하나의 테이블에 데이터가 있는상태에서 다른 테이블의 키를 foreign key로 등록하려고 할때 발생된다. ex) board테이블에 user_id 가 1인 row가 있고 user table에 데이터가 없는 상태에서 추가할때 해결방법 : user table 에 user_id가 1인 row를 삽입하면된다. 2019. 12. 8. [javascript] <input type ="file">을 innerHTML로 하면 발생하는 문제점 문제점 : file을 선택시 새로운 file form을 추가하는상황에서 추가한 file의 값이 할당이 안되는경우 해결법 : innerHTML을 사용하게 되면 기존의 요소들을 모두 삭제하고 다시 할당(재할당)을 하는것이기때문에 추가한 파일을 못가져오는 경우가 발생할 수 있다. 이러한 경우에 innerHTML 대신 appendChild를 사용하여 해결할 수 있다. 2019. 12. 7. [spring boot jpa] Failed to create query for method public abstract java.util.List 오류 이렇게 하고 실행을하면 될것같지만 막상 실행을 시켜보면 Failed to create query for method public abstract java.util.List 오류가 난다. 긴 오류들을 읽어보면 매칭할 컬럼이나 타입이 안맞다고 나온다. 이름을 이것저것 바꾸어보기도해도 안되서 검색을 해보았더니 자바에서는 카멜표기법을 권장하기때문에 카멜표기법으로 변경을 해주면 해결이 된다는글을 찾아서 했더니 실행이 되었다. 결론 : 스네이크표기법 -> 카멜표기법으로 바꾸면 해결! 2019. 12. 5. [javascript] 태그안에 있는 값 가져오기 var innerText = document.getElementById(elementId).innerText; td같은태그는 value로 못 가져와서 innerText로 가져와야한다! 2019. 12. 5. [html + javascript] onclick ="write()"가 동작이 안될 때!! html파일 board.js파일 테스트로 버튼을클릭하면 alert창을 띄워지는걸 의도하고 이렇게 작성하였다. 예상대로라면 dd라는 알림창을 떠야한다. 하지만 돌아오는건 dd창도 아니고 빈화면이 돌아왔다. 이유는 바로 onclick을 했을때 js파일의 write()함수가 아닌 document.write() 함수를 호출하기 때문이다. 이런식으로 표시된다 2019. 12. 3. [javascript] editable select css .test{ display : none; position:absolute; } .editing { } test : select가 초기에 보이지 않도록 설정 editing : select가 열려있는지 안 열려있는지 판단하기 위한 class html 1 2 3 4 5 6 7 8 9 10 text : focus되면 test1 함수 실행 select : option이 클릭되면 changetest 함수 실행 javascript + jquery $(document).on('click', function(e){ var target = $(e.target); var $input = $('.editing'); var class_by_class=''; if(document.getElementsByClassName(.. 2019. 6. 15. 이전 1 ··· 14 15 16 17 다음
