반응형 Dev Tools13 [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. [GitHub] 원격 브랜치가 삭제됐을 때 로컬 브랜치 복구하는 방법 개발하다 보면, GitHub에 있던 브랜치가 누군가의 실수나 정책 변경으로 삭제되는 경우가 있습니다.그런데 내 로컬에는 아직 작업 내용이 남아 있는 상황이라면, 당황하지 말고 아래 순서대로 복구하면 됩니다. 상황로컬에서 특정 브랜치에서 작업 중이었음원격 저장소에서 해당 브랜치가 삭제됨내 로컬에는 커밋과 작업 내용이 그대로 남아 있음작업을 이어가거나, 원격에 다시 올려야 함 해결 방법1. 현재 브랜치 확인먼저 내가 어디서 작업 중인지 확인해야 합니다.git branch 현재 브랜치 앞에 * 표시가 붙습니다.예시:* feat/my-task develop main 여기서는 feat/my-task 브랜치에서 작업 중이라는 뜻입니다. 2. 작업 내용이 있는지 확인혹시 아직 커밋하지 않은 변경사항이 있다면 먼저.. 2025. 8. 10. 이전 1 2 3 다음 반응형
