tool + it tool draw.io wireframe How to Create a Wireframe in Draw.io (Step-by-Step Tutorial) 2025YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다. wono | discuss | tweet + it tool draw.io wireframe Creating App Wireframes in Draw.io (Diagrams.net)YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다. wono | discuss | tweet + it tool draw.io wireframe Creating a Website Wireframe in draw.ioYouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다. wono | discuss | tweet + it tool draw.io vscode VSCode Draw.io Integration default setting 변경VSCode 익스텐션에서 Draw.io Integration을 받고 실행하니 화살표가 Orthogonal이 아니라 Straight으로 되어 있었고, Orthogoal로 변경하니 화살표 기본 설정이 Rounded로 되어 있었습니다. VSCode에서 해당 설정을 바꾸려면 다음과 같은 단계로 직접 설정 JSON 파일을 수정해야 합니다. 1/ Visual Studio Code를 열고, 상단 메뉴에서 파일(File) > 기본 설정(Preferences) > 설정(Settings)을 선택합니다. 2/ 설정 창의 상단에 있는 검색 상자에 "Draw.io"를 입력하여 Draw.io Integration 설정을 검색합니다. 3/ Edit in settings.json 파일을 클릭한 후에, 아래 부분은 지웁니다. 4/ 아.. wono | discuss | tweet + it tool draw.io vscode Code diagram tool - drawioCode diagram? code diagram은 어떠한 코드가 주어졌을 때 흐름과 구조를 파악할 수 있는 구조다. 하나의 소스코드 내에서 알고리즘이 어떻게 구현되는지 시각적으로 확인할 수 있다. 대형 프로젝트의 경우 클래스와 함수, 구조체 등 복잡한 관계로 연결되어 작동하게 된다. 이런 상황에서 데이터의 흐름이 어떻게 진행되는지 시각적으로 아는데 code diagram이 도움 된다. GVINS라는 하나의 알고리즘을 drawio로 code diagram을 작성한 적이 있다. 그때는 웹에서 Github와 연동해서 했는데 잘 작동하지 않아 상당히 불편했었다. 하지만 이번에 vscode에 drawio 비공식적 extention을 지원하는 걸 알았고 사용해 보았다. 진짜 너무 좋다. 편의성 vscode환경에서 .. wono | discuss | tweet + it tool draw.io vscode VSCode에 Draw.io (Diagram) 연동목적 : VSCode에서 Draw.io를 연동해서 써보자 미국 기준으로 6월 1일에 VSCode Diagrams Plugin에 대한 Post가 올라왔다. 요즘은 주로 Software Design을 할 때 Draw.io를 쓰고 있는 나로써는 굉장히 좋은 소식이어서 글을 남겨 보려고 한다. https://www.diagrams.net/blog/embed-diagrams-vscode VS Code에 Diagrams Plugin 설치하기 Extension 버튼을 눌러서 Plugin 조회 창에 Draw.io를 조회한다. Henning Dieterichs 라는 이름을 갖은 개발자가 만든 Plugin을 install 하면 되는데.. 업데이트 log를 보니 작년부터 사용 가능했던 것 같다. 왜 이제서 이 내용을 Pos.. wono | discuss | tweet + it tool github projects roadmap 프로젝트 로드맵 사용 방법 알아보기 - github 체크아웃YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다. wono | discuss | tweet + it tool github learn Learn Git and GitHubStep by step guide to learn Git and GitHub in 2025 wono | discuss | tweet + it tool github projects Best practices for Projects - GitHub DocsLearn tips for managing your projects. wono | discuss | tweet + it tool erd 간단한 스케치용 프로그램 비교: FigJam, Excalidraw, Draw.io, Lucidchart찾는 이유소프트웨어 공학 수업을 들으면 꼭 Flow Chart나 ERD Diagram을 그리는 법을 배웁니다. 그리고 이게 중요하다고 강조합니다. 솔직히 현업에서 일하면서 최근까지도 이 말에 공감이 잘 안 됐습니다. 그런데 정말 복잡한 도메인과 비즈니스 로직을 몇 번 만났을 때 동료 분이 Flow Chart를 그리며 도메인을 파악하시는 걸 보며 1번 시도해 봤는데 너무 좋아서 저도 Flow Chart를 그리는 습관을 들이기로 하였습니다.이렇게 Flow Chart든 다른 차트든 그리고 싶은 요구가 저 혼자만의 수요는 아닐 테니 당연히 시중에는 이미 여러 다양한 도구들이 넘쳐 납니다. 그중에서도 가장 유명하다고 생각하는 4가지 도구를 써 보고 비교해 보면서 어떤 도구를 쓸지 정했습니다. 우선 4가지 차트 앱.. wono | discuss | tweet + it tool erd Online FlowChart & Diagrams Editor - Mermaid Live EditorSimplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript. wono | discuss | tweet + it tool erd Flowchart Maker & Online Diagram Softwaredraw.io is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams wono | discuss | tweet + it tool erd Excalidraw — Collaborative whiteboarding made easyExcalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them. wono | discuss | tweet + it tool github projects GitHub Projects 기초 가이드들어가기 전 wono | discuss | tweet + it tool github projects GitHub로 프로젝트 관리하기프로그래밍 노트 wono | discuss | tweet + it tool messanger rocketchat mattermost zulip Rocket.Chat vs Mattermost vs Zulip요즘 슬슬 사내 커뮤니케이션 툴을 자급자족할 수 있는 self-hosted 오픈소스 솔루션에 눈이 간다. 그래서 많이 언급되는 세 가지—Rocket.Chat, Mattermost, Zulip—를 직접 Proxmox 위에서 테스트해 보았다. Rocket.Chat Mattermost Zulip 비교 설치 환경:테스트 Hypervisor: ProxmoxZulip: 공식 스크립트로 LXC에 설치 성공 (깔끔하게 한방에 잘 설치됨)Rocket.Chat / Mattermost: LXC에서 직접 설치하기에는 다소 불편한 점이 있어 있어 LXC에 Docker를 설치하고 컨테이너에 설치설치 및 구성 요소 Zulip설치: 스크립트로 간단히 설치 가능구성 요소:python / type(java)script 혼합 기반Post.. wono | discuss | tweet + it tool rocketchat 시놀로지 도커에 rocket.chat 설치하기Rocket.Chat: Communications Platform You Can Fully Trust 로켓챗 시놀챗 시놀챗을 쓰다가 뭔가 좀 부족해서 찾아보니 로켓챗이라는 프로젝트가 있더라고요 셀프호스팅이 가능하지만 사용자 51명 이상은 결제 해야... wono | discuss | tweet + it dev tool mattermost opensource messanger having_fun_learning_about_mattermost wono | discuss | tweet + it dev tool mattermost opensource messenger GitHub - mattermost/mattermost: Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..Mattermost is an open source platform for secure collaboration across the entire software development lifecycle.. - mattermost/mattermost wono | discuss | tweet + it tool 협업 메신저 NASA와 삼성이 선택한 메신저 ‘Mattermost’ 알아보기Mattermost는 글로벌 정부 기관과 빅테크 기업이 즐겨 쓰는 기업용 메신저입니다. 이 도구는 코딩 협업, DevOps 도구 통합, 인시던트 대응 지원, 플레이북, AI 기반 메시지 요약 등 다양한 기능을 제공합니다. 또 맞춤형 보안, 컴플라이언스, 액세스 제어로 데이터를 안전하게 지키도록 돕습니다. 이 글은 기술 조직과 정부·금융기관에 유용한 Mattermost 기능을 다뤘습니다. wono | discuss | tweetNext
+ it tool draw.io wireframe How to Create a Wireframe in Draw.io (Step-by-Step Tutorial) 2025YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다. wono | discuss | tweet
+ it tool draw.io wireframe Creating App Wireframes in Draw.io (Diagrams.net)YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다. wono | discuss | tweet
+ it tool draw.io wireframe Creating a Website Wireframe in draw.ioYouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다. wono | discuss | tweet
+ it tool draw.io vscode VSCode Draw.io Integration default setting 변경VSCode 익스텐션에서 Draw.io Integration을 받고 실행하니 화살표가 Orthogonal이 아니라 Straight으로 되어 있었고, Orthogoal로 변경하니 화살표 기본 설정이 Rounded로 되어 있었습니다. VSCode에서 해당 설정을 바꾸려면 다음과 같은 단계로 직접 설정 JSON 파일을 수정해야 합니다. 1/ Visual Studio Code를 열고, 상단 메뉴에서 파일(File) > 기본 설정(Preferences) > 설정(Settings)을 선택합니다. 2/ 설정 창의 상단에 있는 검색 상자에 "Draw.io"를 입력하여 Draw.io Integration 설정을 검색합니다. 3/ Edit in settings.json 파일을 클릭한 후에, 아래 부분은 지웁니다. 4/ 아.. wono | discuss | tweet
+ it tool draw.io vscode Code diagram tool - drawioCode diagram? code diagram은 어떠한 코드가 주어졌을 때 흐름과 구조를 파악할 수 있는 구조다. 하나의 소스코드 내에서 알고리즘이 어떻게 구현되는지 시각적으로 확인할 수 있다. 대형 프로젝트의 경우 클래스와 함수, 구조체 등 복잡한 관계로 연결되어 작동하게 된다. 이런 상황에서 데이터의 흐름이 어떻게 진행되는지 시각적으로 아는데 code diagram이 도움 된다. GVINS라는 하나의 알고리즘을 drawio로 code diagram을 작성한 적이 있다. 그때는 웹에서 Github와 연동해서 했는데 잘 작동하지 않아 상당히 불편했었다. 하지만 이번에 vscode에 drawio 비공식적 extention을 지원하는 걸 알았고 사용해 보았다. 진짜 너무 좋다. 편의성 vscode환경에서 .. wono | discuss | tweet
+ it tool draw.io vscode VSCode에 Draw.io (Diagram) 연동목적 : VSCode에서 Draw.io를 연동해서 써보자 미국 기준으로 6월 1일에 VSCode Diagrams Plugin에 대한 Post가 올라왔다. 요즘은 주로 Software Design을 할 때 Draw.io를 쓰고 있는 나로써는 굉장히 좋은 소식이어서 글을 남겨 보려고 한다. https://www.diagrams.net/blog/embed-diagrams-vscode VS Code에 Diagrams Plugin 설치하기 Extension 버튼을 눌러서 Plugin 조회 창에 Draw.io를 조회한다. Henning Dieterichs 라는 이름을 갖은 개발자가 만든 Plugin을 install 하면 되는데.. 업데이트 log를 보니 작년부터 사용 가능했던 것 같다. 왜 이제서 이 내용을 Pos.. wono | discuss | tweet
+ it tool github projects roadmap 프로젝트 로드맵 사용 방법 알아보기 - github 체크아웃YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다. wono | discuss | tweet
+ it tool github learn Learn Git and GitHubStep by step guide to learn Git and GitHub in 2025 wono | discuss | tweet
+ it tool github projects Best practices for Projects - GitHub DocsLearn tips for managing your projects. wono | discuss | tweet
+ it tool erd 간단한 스케치용 프로그램 비교: FigJam, Excalidraw, Draw.io, Lucidchart찾는 이유소프트웨어 공학 수업을 들으면 꼭 Flow Chart나 ERD Diagram을 그리는 법을 배웁니다. 그리고 이게 중요하다고 강조합니다. 솔직히 현업에서 일하면서 최근까지도 이 말에 공감이 잘 안 됐습니다. 그런데 정말 복잡한 도메인과 비즈니스 로직을 몇 번 만났을 때 동료 분이 Flow Chart를 그리며 도메인을 파악하시는 걸 보며 1번 시도해 봤는데 너무 좋아서 저도 Flow Chart를 그리는 습관을 들이기로 하였습니다.이렇게 Flow Chart든 다른 차트든 그리고 싶은 요구가 저 혼자만의 수요는 아닐 테니 당연히 시중에는 이미 여러 다양한 도구들이 넘쳐 납니다. 그중에서도 가장 유명하다고 생각하는 4가지 도구를 써 보고 비교해 보면서 어떤 도구를 쓸지 정했습니다. 우선 4가지 차트 앱.. wono | discuss | tweet
+ it tool erd Online FlowChart & Diagrams Editor - Mermaid Live EditorSimplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript. wono | discuss | tweet
+ it tool erd Flowchart Maker & Online Diagram Softwaredraw.io is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams wono | discuss | tweet
+ it tool erd Excalidraw — Collaborative whiteboarding made easyExcalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them. wono | discuss | tweet
+ it tool messanger rocketchat mattermost zulip Rocket.Chat vs Mattermost vs Zulip요즘 슬슬 사내 커뮤니케이션 툴을 자급자족할 수 있는 self-hosted 오픈소스 솔루션에 눈이 간다. 그래서 많이 언급되는 세 가지—Rocket.Chat, Mattermost, Zulip—를 직접 Proxmox 위에서 테스트해 보았다. Rocket.Chat Mattermost Zulip 비교 설치 환경:테스트 Hypervisor: ProxmoxZulip: 공식 스크립트로 LXC에 설치 성공 (깔끔하게 한방에 잘 설치됨)Rocket.Chat / Mattermost: LXC에서 직접 설치하기에는 다소 불편한 점이 있어 있어 LXC에 Docker를 설치하고 컨테이너에 설치설치 및 구성 요소 Zulip설치: 스크립트로 간단히 설치 가능구성 요소:python / type(java)script 혼합 기반Post.. wono | discuss | tweet
+ it tool rocketchat 시놀로지 도커에 rocket.chat 설치하기Rocket.Chat: Communications Platform You Can Fully Trust 로켓챗 시놀챗 시놀챗을 쓰다가 뭔가 좀 부족해서 찾아보니 로켓챗이라는 프로젝트가 있더라고요 셀프호스팅이 가능하지만 사용자 51명 이상은 결제 해야... wono | discuss | tweet
+ it dev tool mattermost opensource messanger having_fun_learning_about_mattermost wono | discuss | tweet
+ it dev tool mattermost opensource messenger GitHub - mattermost/mattermost: Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..Mattermost is an open source platform for secure collaboration across the entire software development lifecycle.. - mattermost/mattermost wono | discuss | tweet
+ it tool 협업 메신저 NASA와 삼성이 선택한 메신저 ‘Mattermost’ 알아보기Mattermost는 글로벌 정부 기관과 빅테크 기업이 즐겨 쓰는 기업용 메신저입니다. 이 도구는 코딩 협업, DevOps 도구 통합, 인시던트 대응 지원, 플레이북, AI 기반 메시지 요약 등 다양한 기능을 제공합니다. 또 맞춤형 보안, 컴플라이언스, 액세스 제어로 데이터를 안전하게 지키도록 돕습니다. 이 글은 기술 조직과 정부·금융기관에 유용한 Mattermost 기능을 다뤘습니다. wono | discuss | tweet