JAVA/WEB (4) 썸네일형 리스트형 [css] word-break 회사에서 제작하고 있는 사이트가 Safari 브라우저를 지원하는데 URL을 넣는 부분에서 줄바꿈이 되지 않거나 어색하게 줄바꿈이 되는 현상을 발견했습니다. 찾아보니 Safari 에서 word-break 관련 이슈가 있다는 것을 알 수 있었습니다. word-break: break-all; 여러 속성이 있는데 all르 적용하면 URL줄바꿈이 잘 되는 것을 알 수 있었습니다.. Safari.. 혼자 다른세상.. word-break 관련된 공식문서: https://developer.mozilla.org/ko/docs/Web/CSS/word-break word-break - CSS: Cascading Style Sheets | MDN CSS word-break 속성은 텍스트가 자신의 콘텐츠 박스 밖으로 오버플로 .. [vue.js] 하위 컴포넌트 함수 호출, 새로고침 기능 게시판을 vue로 구현하면서 알림기능을 추가하였다. 알림기능을 추가하면서 DB의 값이 변경되는 부분을 실시간으로 불러올 방법은 찾지 못하였는데 (vuex를 몰라서 그런 것일수도..) 대신 화면이 새로고침 될 때마다 api를 호출하는 것으로 변경하였다. 방법 Home.vue 헤더에 Notification.vue를 하위 컴포넌트로 사용하였는데 이때 Notification의 api를 불러오기 위해서 상위 컴포넌트에서 하위 컴포넌트 함수를 부르는 기능이 필요하게 되었다. 구현 $refs 를 사용하였다. 레퍼런스? 이름을 설정하고 updated() { this.$refs.notification.getAlarmHistory(); this.$refs.notification.$on('reset', this.res.. [Javascript] validation 댓글 수정 부분을 개발할 때 수정을 할 때 특수문자가 제대로 나오지 않는 경우가 있다. 따라서 html의 escape를 처리해줘야한다. escape() 함수를 사용하고 escape로 바뀌지 않는 특수문자는 직접 replace를 사용하여 바꿔주었다. // ex) "" -> "" convertEscapeHtml = function (str) { str = escape(str); let map = { '*':'*', '+':'+', '-':'-', '.':'.', '/':'/', '@':'@', '_':'_' }; return str.replace(/[*+-./@_]/g, function(m) { return map[m]; }); } unescape의 경우도 만들어주었다. replaceAll을 사용하여 바.. [Spring] JPA 사용 시 간단한 처리과정 스프링의 이론을 정확하게 알지 못하는 상태라 이해한 과정만 기록용으로 끄적여봅니다. JPA (Java Persistence API) 자바 ORM 기술의 API 표준 명세 Hibernate JPA를 사용하기 위해서 JPA를 구현한 ORM 프레임워크 (JPA 명세의 구현체) 구현 시 생성할 클래스 Entity, DTO, Repository, Service, Controller(restController), (Mapper) 과정 Contoller에서 view를 띄운다. view 에서 요청이 발생하면 ajax로 요청을 전송한다 (DTO로 전송). RestController에서 요청을 받아 Service단으로 보낸다. DB처리를 위해서 mapstruct를 사용하여 DTO->Entity 로 변환하여 Reposito.. 이전 1 다음
