인텔리제이 - 단축키 편 아니 개발한지 4년차나 되었는데, 이렇게나 단축키를 모를 일인가? 진짜 심각하다 심각해. 어디가서 개발자라고 말도 못 할 지경이다. 나보다 어린 chat GPT도 다 알고 았다. 너무 심각한 상황이다. 이제라도 하나씩 배워가야만 한다. 파일 관련 새 파일 만들기: 프로젝트 위치에서, Cmd + N 기존 ...
Spring @Converter -데이터 변환을 더 깔끔하게!
1. @Converter란? 왜 필요할까? 📌 @Converter는 JPA에서 특정 데이터 타입을 다른 타입으로 변환하는 기능을 제공하는 어노테이션이다. 예를 들어, Boolean 값을 데이터베이스의 Y/N 형식으로 변환하고 싶다면? 각 컬럼마다 변환 로직을 직접 적용하는 것은 비효율적이다. ✅ 기존 방식의 문제점 서비스에서 데이터를...
HTML 텍스트 나타낼 시, p 태그 간격주기
Tiptap 에디터로 작성된 컨텐츠를 getHTML로 받아서 저장된 게시물을 표현해보니 <p>태그가 빈 값일 때, 줄띄움이 적용되지 않고 있어 수정해봤습니다. # Vue 컴포넌트 <template> ... <div class="tiptap-view" v-html="data.detail">&l...
Axios errorHandler에서 요청 다시 보내기 (feat. Refreash Token을 받아보자)
로그인 Refreash Token을 적용하기 위해서 Axios errorHandler를 구현하게 되었습니다. interceptors 안에서 error 발생 시, API 서버에서 날려주는 에러 status값에 따라 대응하도록 코딩했는데, 몰랐던 개념들이 많아서 정리겸 포스팅을 합니다. 🤟 axios 파일 구성 axios interceptors ...
Vue3에서 Tiptap (WYSIWYG Editor) 사용하기
Tiptap 특징 Headless It’s headless and comes without any CSS. You are in full control over markup, styling and behaviour. Framework-agnostic Out of the box, Tiptap works with Vanilla JavaScript and ...