전체 글231 jstree contextmenu plugins 우클릭 안되는 현상 jstree contextmenu plugins 우클릭 안되는 현상 해결기 기존에 jstree 라이브러리를 통해 만든 트리를 잘 사용하던 도중 contextmenu 기능이 작동을 하지 않는 일이 발생하였다. 아무 에러 증상도 없고 찾는데 은근히 시간이 걸렸어서 혹시나 같은 고충을 겪고 있는 사람을 위해 해당 경험을 남겨둔다. 먼저 크롬 디버거를 통해 확인해본 결과 어떤 에러 사항도 나타나지 않는다. 그 다음으로는 해당 부분만 따로 빼서 기능을 작동해봤더니 이번엔 잘된다. 트리 부분에 관련된 로직에서는 문제가 없는 것을 확인했고 다음으로 연관이 있는 부분은 모달창 관련 스크립트였다. 일단 모달창 관련 스크립트를 지우니 동적으로 모달창 크기를 세팅해주던 기능이 사라져 모달창이 아주 작아졌다. 그 상태에서 우.. 2021. 9. 30. Thymeleaf - 서버에서 전달된 값 select box에 선택하기 들어가며 앞단 작업을 하다가 컨트롤러에서 넘겨준 값을 select 박스에 반영을 했어야 했는데 좀 헤매다가 방법을 찾아서 남겨둔다. 해결방법 먼저 컨트롤러에서 값을 모델에 담아 전달한다. input 박스 같은 경우는 간단히 th:value를 이용하면 값이 들어가는 것을 확인할 수 있다. 하지만 select box 같은 경우는 th:value만 한다고 값이 바뀌지 않는다. selected를 추가를 해줘야하는데 방법은 다음과 같다. 1개 2개 3개 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 2021. 9. 28. 사용자 비밀번호 암호화 - Hash & Salt 들어가며 웹 프로젝트를 하다보면 사용자의 비밀번호를 다루게 되는 일이 생긴다. 이 프로젝트가 실제로 서비스가 되고 있는 프로젝트라면 사용자의 비밀번호를 다루는 일은 보안상에 있어서 아주 중요한 부분일 것이다. 만약 이러한 비밀번호를 디비에 그냥 평문으로 저장하게 된다면 해커에 의해서 디비가 털리는 순간 큰 문제가 생길 것이다. 그렇기 때문에 사용자 비밀번호를 저장하는 것은 중요한 일이다. 들어가기 앞서 해싱과 암호화에 차이를 먼저 짚고 넘어간다. 사용자 비밀번호 암호화 - Hash & Salt 해싱과 암화화는 일상 생활에서 어느정도 의미가 통용되지만 암호학적으로 볼때는 차이가 있다. 그 차이는 바로 방향성에 차이인데 암호화는 양방향에 방향성을 가지고 있기에 암호화 복호화 가 가능하다. 해싱은 단방향이기 .. 2021. 9. 23. jQuery - 동적으로 CSS 속성 추가하기 jQuery - 동적으로 CSS 속성 추가하기 기존에 하나씩 css의 속성을 추가할 일만 있었는데 여러개 속성을 추가할 일이 생겼다. 속성 갯수가 적다면 상관없지만 많다면 기존방법으로 여러번하는 일은 비효율적이라 방법을 찾아봤는데 아주 간편한 방법이 있어 정리한다. 속성 1개 추가 속성이 하나 뿐일때는 다음과 같이 간편하게 가능하다. $('#test').css('display', 'none'); 속성이 여러개 이때는 위 방법같이 하게 된다면 속성에 갯수에 따라 코드라인이 증가하며 가독성도 떨어트리게 될 것이다. 아래와 같이 css에 적용된 class 자체를 넣어준다. jQuery $("#test").attr({ "class" : "testClass" }); Document document.getEleme.. 2021. 9. 17. JAVA8 IntStream을 이용한 반복문 JAVA8 IntStream을 이용한 반복문 Stream이란 다양한 데이터를 표준화된 방법으로 다루기 위한 라이브러리이며 자바8부터 추가되었다. 여러 종류(LongStream, DoubleStream..)에 스트림이 있지만 오늘은 그중에 IntStream에 대해 정리한다. IntStream을 이용하여 반복문을 처리하게 되면 코드가 줄고 가독성이 좋아진다. 그렇지만 모든 상황에서 IntStream을 사용하는 것보단 상황에 따라 적절한 반복문을 쓰는 것이 필요하다. 간단한 예제를 통해 차이를 알아본다. for & IntStream 아래는 일반적인 1부터 10까지 차례대로 출력하는 for문이다. public void loop() { for (int i = 1 ; i { //수정 if (i >= 5) { ret.. 2021. 9. 15. Slack webHooks를 이용하여 알람 메시지 받기 들어가며 슬렉에서 제공하는 webHooks을 이용한 알림 서비스 구현 방법에 대해서 정리한다. Spring boot - Slack webHooks를 이용하여 알람 메시지 받기 순서는 아래와 같은 순서로 진행된다. Slack 설치 WebHooks 설치 코드 구현 Slack 설치 먼저 슬렉을 설치해준다. 가입이 안되어 있다면 가입도 해준다. https://apps.apple.com/kr/app/slack-for-desktop/id803453959?mt=12 Slack for Desktop Slack은 기업의 규모와 상관없이 팀 커뮤니케이션과 협업을 위한 하나의 공간을 제공하여 더 많은 일을 할 수 있도록 지원합니다. 할 일을 적어 둔 목록을 하나씩 지워나가고 알맞은 사람들, 대 apps.apple.com.. 2021. 9. 13. 이전 1 ··· 22 23 24 25 26 27 28 ··· 39 다음
