Editor.js 노션 스타일의 에디터를 제공, 블로그같은 곳에 사용하기 적합하다. 📃 공식 문서 Editor.js Free block-style editor with a universal JSON output editorjs.io 써머노트 일반 게시판에 사용하기 적합한 에디터 ! 📃 공식 문서 Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors online. summernote.org CKEditor5 문서 가져오기, 내보내기 등 .. 사무용도에 적합한 에디터 이와 비슷한 사이냅 ..

간단한 코드 작성은 Vue SFC Playground 지원되는 기능이 적지만, 코드 입력시 반영되는 속도가 빠른편이다. 덕분에 간단한 코드 테스트용으로 좋다. 👉 해당 사이트로 이동하기 조금 더 많은 기능을 원한다면, Javascript Playground 기본적인 Vue 프로젝트 외에도, Element-plus 라이브러리를 적용한 프로젝트로 코드 작성을 해볼 수도 있다 👏👏 다양한 기능을 포함해서 코드를 작성해볼 수 있다는 장점이 있다. 대신, 속도가 조금 느릴순 있다 😅 👉 해당 사이트로 이동하기 블로그를 운영한다면 CodePen 본 티스토리 블로그처럼, 블로거하시는 분들이 많이 사용하는 CodePen 👉 해당 사이트로 이동하기 CodePen An online code editor, learning ..

라이브러리 소개 데이터 시각화를 제공하는 무료 라이브러리 📊 다양한 모양(막대바, 선, 동그란 도넛모양 ..등)을 손쉽게 나타내줄 수 있다. 📃 Chart.js 공식 문서 보기 라이브러리 사용 chart.js 설치하기 npm install chart.js 예시 및 설명 기본 옵션을 변경하고싶다면 Chart.js 공식 문서의 좌측 General, Configuration, Chart Types 메뉴에 각각에 대한 세부 옵션들을 확인할 수 있다. 참고로 상단 네비바 우측에 있는 "Sample" 버튼을 누르면 다양한 예시와 코드를 확인할 수 있다. 참고문서 Chart.js | Chart.js (chartjs.org) Chart.js | Chart.js Chart.js Welcome to Chart.js! Wh..

네이티브 쿼리(Native Query) JPQL을 사용하지않고, 순수 SQL 문법으로 쿼리를 직접 작성해서 사용하는 것을 네이티브 쿼리라고 부른다. 단점 : 실무에서 쓰이지 않는 편 💦 사용하는 방법 사용하는 방법은 매- 우 간단하다. 다음과 같이, 레파지토리에서 @Query(nativeQuery=true, value="쿼리내용") 을 사용하면 된다. // public interface 레파지토리명Repository extends JpaRepository { public interface UserRepository extends JpaRepository { /* @Query(nativeQuery=true, value="쿼리내용") 리턴타입 메소드명(@Param("매개변수명") 타입 매개변수명) *. 참고..

마우스 우클릭시 Code(으)로 열기가 없는 이유는 ? 처음 VScode를 설치할때 테두리친 부분에 체크가 풀려있었기때문이다 .. 😅 따라서, 해결방법은 VScode를 다시 설치하는 방ㅂ... 재설치없이 해결할 수 있는 방법은? 레지스트리를 직접 만들면 되는데, 이미 정해진 내용에서 경로만 VScode가 설치된 위치로 고쳐주면되서 그리 어렵진않다. 이미 정해진 내용을 메모장으로 복붙하기 새로운 메모장을 열어서, 다음 내용을 복붙해주자 Windows Registry Editor Version 5.00 ; Open files [HKEY_CLASSES_ROOT\*\shell\Open with VS Code] @="Edit with VS Code" "Icon"="vscode경로작성,0" [HKEY_CLASSES..