반응형 Dev Tools14 [Chrome] 크롬 전체 화면 캡쳐 방법 내가 자꾸 까먹어서 쓰는 간단한 크롬 전체 화면 캡쳐하는 방법확장 프로그램 없이 바로 가능하다. 개발자 도구 (F12) → Ctrl + Shift + P → '캡처' 검색 → 원본 크기 스크린샷 캡처 선택 클릭하면 스크롤 있는 웹페이지 전체 화면 스크린샷 이미지가 저장된다. 2026. 4. 26. [GitHub] 백준 깃허브 연동하기 (백준허브) 백준허브를 사용하면 백준에서 푼 문제를 자동으로 깃허브에 올릴 수 있습니다.1. 백준허브 설치아래 링크에서 "Chrome에 추가"를 클릭해 설치합니다.https://chromewebstore.google.com/detail/%EB%B0%B1%EC%A4%80%ED%97%88%EB%B8%8Cbaekjoonhub/ccammcjdkpgjmcpijpahlehmapgmphmk?hl=ko 백준허브(BaekjoonHub) - Chrome 웹 스토어Automatically integrate your BOJ submissions to GitHubchromewebstore.google.com 2. 깃허브와 연동설치 후 퍼즐 아이콘을 눌러 백준허브를 찾아 누릅니다.Authenticate를 클릭해 깃허브와 연동합니다. 3. .. 2025. 10. 26. [Gemini CLI] 간단한 설치 및 사용 방법 (Windows) Gemini CLI를 활용하면 따로 파일을 업로드하지 않아도,로컬 폴더 내의 파일을 자동으로 탐색해서 편하게 AI의 도움을 받을 수 있습니다.또한 토큰 제한이 있으나 pro를 무료로 활용할 수 있다는 큰 장점이 있습니다!1. Node.js 설치Gemini CLI를 사용하기 위해 Node.js가 필요합니다. https://nodejs.org/ko/download Node.js — Node.js® 다운로드Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.nodejs.org 2. G.. 2025. 10. 12. [Mermaid] 무료 AI로 플로우차트 빠르게 그리기 (GPT + Gemini + Mermaid 활용) 프로젝트를 하다가 갑자기 플로우차트가 필요한 상황이 생겼습니다.저는 한 번도 그려본 적이 없어서, 짧은 시간 안에 간단히 만들 수 있는 방법을 찾아야 했습니다. 그때 찾은 방법이 바로 AI와 Mermaid를 활용하는 것이었습니다.MermaidMermaid는 코드로 다이어그램을 작성하는 툴입니다.실시간 미리보기 사이트가 있어 코드를 입력하면 바로 결과를 확인할 수 있습니다. 👉🏻 Mermaid Live Editor 사이트 Online FlowChart & Diagrams Editor - Mermaid Live Editor mermaid.live AI로 코드 뽑기챗GPT나 Gemini에게 서비스나 프로세스를 설명하면, 자동으로 Mermaid 플로우차트 코드를 생성해 줍니다. 예시 프롬프트:"회원 가입 .. 2025. 9. 28. [Notion] 노션 PDF 가로로 내보내기 노션으로 문서 작성을 하는 경우가 종종 있는데,PDF로 내보내기 시 가로 레이아웃이 세로로 강제 적용되고 비율이 깨지는 경우가 있습니다. 가로로 작성한 표를 그대로 내보내면 아래처럼 세로로 출력됩니다.찾아보니 가로로 출력할 수 있는 방법이 있어 정리해 봤습니다! 📌 해결 방법: HTML로 내보낸 뒤 가로 PDF로 변환하기 1. 노션에서 오른쪽 상단의 점 3개 버튼 클릭 2. 내보내기 선택 3. 내보내기 형식 HTML로 선택 후 내보내기 4. 다운로드된 HTML 파일을 열고, 마우스 우클릭 → 인쇄 (또는 Ctrl+P) ⭐ 5. 인쇄 설정- 대상 PDF로 저장, 레이아웃 가로모드 선택- 설정 더보기에서 배율을 60~70 정도로 조정 ✅ 저장 결과 이렇게 하면 배율을 100%로 저장했을 때보다,노션에 작업.. 2025. 9. 28. [Figma] 화면설계서(스토리보드) 작성 플러그인: Annotate it! 팀 프로젝트 산출물로 화면설계서를 만들어야 하는데, Annotate it이라는 플러그인을 발견했습니다.실제로 사용해 보니 깔끔하고 직관적이라서 만족도가 높았습니다.다만 아쉬운 점은 1주일 무료 체험 후 유료 전환이라는 점입니다...1. Annotate it!기능: 화면 요소에 번호와 주석을 달고, 이를 문서 형태로 정리해 주는 플러그인장점: 사용법이 단순하고 인터페이스가 깔끔해 바로 활용 가능단점: 1주 무료만 제공, 이후 유료 구독 필요2. 설치 및 실행 방법피그마 하단 메뉴에서 Actions → Plugins & widgets 선택“Annotate it” 검색 후 설치화면에서 우클릭 → Plugins → Annotate it 실행설치가 끝나면 바로 화면에서 사용할 수 있습니다.3. Annotate i.. 2025. 8. 17. 이전 1 2 3 다음 반응형
