하루y

A. 개발

1. Developer Roadmaps (https://roadmap.sh/)
2. 웹개발정보(css, javascript, etc..) (https://developer.mozilla.org/ko/)
3. Html (https://www.w3schools.com/)
   • 설명이 별로 없고, 실습이 가능함
4. 자바스크립트 (https://developer.mozilla.org/en-US/docs/Learn/JavaScript)
   • 한글을 제공하고, 설명이 잘되어 있음
5. CSS (https://developer.mozilla.org/en-US/docs/Web/CSS)
6. reactjs (https://reactjs.org) (https://ko.legacy.reactjs.org/)
7. javascript compiler (https://babeljs.io/)
   • 브라우저에서 호환성 높은 코드로 변환하기 위해서 자바스크립트를 컴파일한다.

Z. 문서작업

100. markdown 문서 양식 Basic formating systax Pages
101. Mermaid (https://mermaid.js.org/), syntax
     • text로 그래프를 그릴 수 있다. visual studio code에서 meraid가 모두 지원되는 plugin이 있다.
     • Markdown Preview Mermaid Support Plug-In Link
     • 설치 하면 vscode의 build-in Markdown preview 에서 그래프를 지원된다.(Shift+Ctrl+v) 그래프가 안나오면, vscode를 다시 시작해본다.

::: mermaid
graph TD;
    A([AA])-->|aa|B;
    A-->C;
    subgraph cluster1
    B-->D;
    B-->E;
    end
    subgraph cluster2
    C-->F;
    C-->G;
    end    
 classDef plain fill:#ddd,stroke:#fff,stroke-width:4px,color:#000;
 class B plain;     
:::

Markdown에서 mermaid사용예(VSCODE에서 Markdown Preview Mermaid Support 이용한 경우)

<pre class="mermaid">
graph TD;
    A([AA])-->|aa|B;
    A-->C;
    subgraph cluster1
    B-->D;
    B-->E;
    end
    subgraph cluster2
    C-->F;
    C-->G;
    end    
 classDef plain fill:#ddd,stroke:#fff,stroke-width:4px,color:#000;
 class B plain;
</pre>
<script type="module">import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';</script>

Html에서 mermaid 사용예

102. SVG Edit

• Boxy SVG (https://boxy-svg.com/app) : 그림을 그린 후, Ctrl+A, Ctrl+C 하면 태그가 복사된다.

1. 온라인에서 download 사이트 이용 (유사 사이트 많음)

 - https://www.y2mate.com/kr465

2. download 프로그램 이용

 - 유튜브가 인기라서 관련 프로그램이 많음.

 - https://www.4kdownload.com/ko/

   4kdownload 경우 무료는 일일 다운로드 제한 횟수 있음.

1) 인터넷 주소를 복사 후, "링크복사" 버튼을 누른다.

2) 동영상 또는 오디오 추출을 선택하고 다운로드(추출) 한다.

3. 인터넷에서 mp3 수정

 - https://mp3cut.net/ko/

1) mp3 파일 드랍하고,

2) 좌우측 소리를 자름. (볼륨변경, 속도변경, 이퀄라이즈, 페이드인/아웃 기능 제공)

end.

https://www.sumatrapdfreader.org/free-pdf-reader

PDF, eBook (epub, mobi), comic book (cbz/cbr), DjVu, XPS, CHM, image viewer for Windows.Small, fast, customizable, free.

VisualVM

VisualVM은 명령줄 JDK 도구와 경량 프로파일링 기능을 통합하는 시각적 도구입니다.

■ 후기

1. 사용하게 된 동기는 어플리케이션 튜닝이 필요해서 정보를 넣기 위해서 사용함.
2. 편리한 점은 Java 프로세스가 올라오면, Local에서는 프로세스가 감지되어 선택 시 바로 접속이 가능했음.
3.  CPU, 메모리 기본적으로 모니터링 되고,
4. Class의 메소드별 호출 횟수, 누적 사용시간을 알 수 있음.
5. JDBC 경우에는 호출되는 SQL를 알 수 있고, 호출 (누적?) 사용시간을 알 수 있음.

4. 기능을 찾던 중에 지원이 되서 감사했네요.

https://visualvm.github.io/index.html