티스토리 이미지 클릭시 원본 사이즈 모달 구현하기

티스토리는 기본적으로 lightbox를 지원합니다. 그런데 이게 지원하는 정도가 아니라 아에 해당 css와 js 파일을 뺄 수 없을 정도로 못 박아 두었습니다. 뭐 사용하기에만 편하면 된다 생각하는데, 문제는 제가 티스토리를 순수 markdown으로 작성하고, 첨부하는 이미지들도 Github에 올리고 링크를 연결하는 방식으로 올리다 보니, Tistory의 기본 lightbox가 작동하지 않았습니다. 그래서 저는 티스토리 블로그에서 이미지를 클릭 할 때 이미지를 크게 볼 수 있게끔 스스로 구현해야 했는데, 쉽게 될 줄 알았는데 꽤나 헤맸습니다. 처음에는 어차피 강제적으로 들어 가 있으니 lightbox를 사용 해 보려고 했는데 생각처럼 잘 되지 않았습니다. 그 후에는 클릭시 에 정확히 이미지 크기의 새 창..

Development/HTML ⁄ CSS 2021.08.26
IntelliJ IDEA) Devtools 사용해 HTML, CSS 등 정적자원 서버 재시작 없이 새로고침

2022년 1월 1일 기준으로 새로 업데이트 합니다. 인텔리제이 버전이 2021.3으로 업데이트 되며 메뉴 구성이 약간씩 바뀌어서 거기에 맞춰 새로 변화 했습니다. 설정이 자주 변하다보니 인터넷에서 정보를 찾는 입장에서는 많이 불편 할 수 있지만 자세히 보면 결국 위치만 바뀐게 대부분이라서 최대한 변화에 맞춰 글을 업데이트 하는 방향으로 해보겠습니다. 혹시 버전이 바뀌어 메뉴가 또 일치하지 않는 경우가 있다면 댓글로 달아주시면 바로 반영 하도록 하겠습니다. 아래의 문서를 참고 했습니다. https://docs.spring.io/spring-boot/docs/current/reference/html/using.html#using.devtools Intro 스프링 부트 뿐만 아니라 웹 프로젝트를 할 때에 단..

Programming/JPA ⁄ Spring 2021.08.25
Sourcetree 에서 잘못된 비밀번호로 저장소 접근 안될때 해결방법

원인 소스트리에서는 한번 입력된 비밀번호가 잘못 되어도 절대 다시 입력하라고 하지 않고, 계속해서 비밀번호가 틀렸다는 메시지만 주구 장창 띄웁니다. 심지어 8월 13일 부로 Github에서는 password authentication을 공식적으로 제거하고는 personal access token 만을 사용하도록 정책을 변경 했는데요. 이미 오래전 부터 경고해왔기 때문에 갑작스러운 일은 아닙니다. ​ 하지만 Sourcetree에서는 인증에 실패하였을때 새로 비밀번호를 입력하게끔 해주지 않기 때문에 대책이 필요합니다. 예전에도 팀원 분중 한분이 소스트리에 Gitub 비밀번호를 잘못 입력했다가 로그인 되지 않아서 지웠는데도 계속해서 비밀번호 입력하라는 창은 뜨지 않고 인증 실패만 나오니까, 구글에 "소스트리 ..

Development/Git 2021.08.24
MacOS ) HEIC 에서 JPG로 변환하는 매크로 등록하기

맥에서는 기본으로 HEIC 라는 사진 포맷을 사용합니다. 이게 한국에서 다수의 웹 사이트는 지원을 하지 않는 경우가 매우 많다보니 불편한 경우가 많이 생기는데요, 하나 하나 사진을 바꾸기도 참 불편합니다. Mac에서 preview 등으로 간편하게 하는 방법이 있지만 아이에 매크로로 등록을 해놓고 5분 투자로 앞으로 5년 이상 편하게 사용하게끔 한번 함께 등록 해 보셨으면 합니다. ​ Automator를 실행 합니다. Automator는 기본으로 Mac에 모두 깔려있습니다. Applications 쪽에 들어가서 찾아보시거나 Spotlight 를 켜서 automator를 검색해보세요 ​ 하단의 new Document를 눌러 새로운 문서를 생성 합니다. ​ Quick Action을 선택합니다. ​ Copy F..

IT ⁄ Computer/Mac 2021.08.24
java ) Fail-Safe Iterator vs Fail-Fast Iterator

1 소개 이번 글에서는 Fail-fast와 Fail-Safe Iterator의 개념에 대해 알아보겠습니다. 영어로 된 문서를 읽으며 공부하다보니 의미에 맞게 번역하는 과정에서 제가 전문 번역가가 아니라 다소 표현이 딱딱한 느낌이 날 수도 있습니다. 간단한 차이를 말씀드리고 시작하자면, Fail-Fast 시스템에서는 오류가 발생하는 즉시 작업을 중단하고 오류를 알립니다. 또한 진행중이던 전체 작업을 모두 중단시킵니다. 반면에 Fail-Safe 시스템에서는 문제가 생겨도 작업을 중단 하지 않습니다. 해당 시스템에서는 오류 발생을 가능한 피하려고 합니다. ​ ​ 2 Fail-Fast Iterators java의 컬렉션은 modCount 라는 내부의 counter를 운용합니다. Collection에 item이 ..

Programming/Java 2021.08.23