전체 글(107)
-
[Utility] Snipaste - 무료 캡쳐 도구, 핀(Pin) 고정, 클립보드(Clipboard), 색상 추출(Color Picker)
스니페이스트(Snipaste)는 화면 캡쳐부터 다양한 편집 기능을 제공하여 작업 효율성을 높여주는 도구입니다. 가장 매력적인 기능으로 핀 고정이 있고, 스크린샷을 저장할 수 있음은 물론이고, 클립보드를 통해 간편하게 공유할 수 있습니다. 그 밖에 다양한 기능은 아래 포스팅을 참고하셔서 활용해 보세요~ Snipaste 다운로드 및 설치 스니페이스트 홈페이지에 가서 다운로드 해봅시다. Windows, macOS 모두 지원합니다. Snipaste Downloads Download from Microsoft Store: Download for Windows (portable):SHA-1 32-bit 64-bit v1.16.2 (2018.01.22) XP 32-bit 64-bit Files hosted by Bi..
2023.08.24 -
[macOS] 화면 공간을 더 넓게 사용하는 방법은?
사용자 맞춤형으로 작업 습관과 선호에 따라 화면 공간을 더욱 효율적으로 활용할 수 있습니다. 그와 관련하여 몇 가지 방법에 대해서 소개하겠습니다. 1. Dock bar 가리기 아무래도 작업할 때는 화면 공간이 크면 더 효율적이게 사용할 수 있기 때문에 Dock bar를 필요할 때 나타내고 숨기는 것이 좋더라고요~ 설정 방법은 다음과 같습니다. 위의 사진은 전체 화면에서의 Dock 영역입니다. 시스템 설정 > 데스크탑 및 Dock > 자동으로 Dock 가리기와 보기에서 on/off 기능을 on으로 켜주시면 됩니다. 마우스를 갖다 대면 나타나고 숨겨지는 토글(Toggle) 형식입니다. 단, Dock을 숨기면 특정 앱의 알림이 눈에 띄지 않을 수 있으므로 알림 설정을 배너 형태로든 해주는 것이 좋습니다. Do..
2023.08.22 -
[git] README.md 파일 작성시, Markdown 문법(Syntax) 사용법
README.md 파일 작성 시, Markdown 문법(Syntax) 사용법에 대해서 알아봅시다. README.md 파일 이란? README.md 파일은 주로 소프트웨어 프로젝트의 루트(Root) 디렉터리에 위치하며, Github, Gitlab, Bitbucket 등의 코드 호스팅 플랫폼에서 프로젝트의 정보를 제공하기 위해 사용됩니다. 프로젝트에 대한 소개, 설치 방법, 사용법, 예시 코드, 기여 방법, 라이선스 등의 정보를 담고 있어 프로젝트를 이해하고 사용하는 데 도움을 주는 중요한 문서로 활용됩니다. README.md 파일은 자체 프로젝트뿐만 아니라 라이브러리, 패키지, 프레임워크, 템플릿 등의 다양한 형태의 소프트웨어 프로젝트에서 사용됩니다. Markdown 문법(Syntax)을 활용하여 READ..
2023.04.24 -
[git] Github Desktop으로 아주 쉽게 저장소(repository)를 로컬에 클론(clone)하기
Github Desktop으로 아주 쉽게 저장소(repository)를 로컬에 클론(clone)하는 방법에 대해서 알아보겠습니다. Github Desktop 사이트 바로가기 Github에서 제공하는 애플리케이션으로 GUI(Graphical User Interface)로 소스 코드를 보다 쉽게 관리하고 협업할 수 있도록 도와줍니다. Git의 복잡한 명령어를 사용하지 않아도 쉽게 코드를 관리할 수 있습니다. Windows 및 Mac 용으로 제공되며, Github 계정만 있으면 무료로 사용 가능합니다. GitHub Desktop Simple collaboration from your desktop desktop.github.com 다운로드해서 Github 계정으로 로그인 처리를 해봅시다. Github 사이트 ..
2023.04.18 -
[Javascript] 브라우저 창 크기를 측정하는 주요 속성들에 대해서 알아보자
window.screen.width, window.screen.height, window.outerWidth, window.outerHeight, window.innerWidth, window.innerHeight, document.documentElement.clientWidth, document.documentElement.clientHeight 이러한 속성들은 모두 창의 크기를 나타내지만, 반환하는 값이 서로 다르므로 사용하는 상황에 따라 적합한 속성을 선택해야 합니다. 반응형 웹 페이지를 구현할 때, 브라우저 창의 크기에 따라 다른 레이아웃을 적용해야 하거나 스크롤 이벤트와 함께 화면에 보이는 영역에 따라 다른 기능을 구현할 때 알아야 할 주요한 속성들입니다. 어떻게 다른지 알아봅시다. windo..
2023.04.14 -
[Utility] Microsoft Designer로 쉽게 디자인하기
Microsoft Designer는 간편하고 직관적인 인터페이스를 갖춘 AI(인공지능) 생성 디자인 툴입니다. 사용자가 전문적인 디자인 지식 없이도 손쉽게 다양한 디자인 작업을 할 수 있도록 다양한 템플릿과 기능을 제공합니다. 디자인 작업뿐만 아니라 로고, 브랜딩, 프레젠테이션, 소셜 미디어 등 다양한 용도로 사용할 수 있습니다. 어떻게 쉽게 디자인하는지 알아봅시다. Microsoft Designer 사이트 바로가기 Microsoft Designer - Stunning designs in a flash A graphic design app that helps you create professional quality social media posts, invitations, digital postcards..
2023.04.13