탐구하는 취르미

Safari 브라우저 개발자 도구 세팅 방법 Safari 브라우저의 개발자 도구는 웹 개발을 보다 효과적으로 수행할 수 있게 도와주는 강력한 도구입니다. Safari의 개발자 도구를 활성화하는 방법에 대해서 알아보겠습니다. 1. Safari 브라우저를 여세요. 2. Safari의 상단 메뉴에서 '설정'을 클릭한 후, '고급' 탭으로 이동합니다. 3. 메뉴 막대에서 개발자용 메뉴 보기를 체크합니다. 4. 단축키 cmd + option + i로 개발자 도구를 활성화시킵니다. 개발자 도구에서는 다양한 설정과 기능을 제공하고 있습니다. 예를 들어, 네트워크 조건을 시뮬레이션하는 기능, 모바일 기기에서 웹 페이지를 테스트하는 기능 등이 있습니다. 필요에 따라 해당 기능들을 찾아보고 활용해 보세요. 이렇게 초보..

Prettier(프리티어)에 대해서 프리티어는 vs code 확장 프로그램으로 제공되는 코드 포매터(code formatter)인데요~ 팀 프로젝트에서 정의한 코드 컨벤션(code convention)을 지키는데 매우 효과적입니다. 들여 쓰기, 공백, 따옴표 사용 등과 같은 스타일을 가이드에 포함하여 자동으로 코드를 일관된 형식으로 유지해 줍니다. 수동으로 코드를 정리하거나 스타일 규칙을 준수하려면 작업 생산성이 굉장히 떨어지므로 프리티어를 통해 코드의 일관성을 유지하면서 버그 또한 줄일 수 있는 장점이 있습니다. 프리티어 설치 방법 VS Code > 마켓플레이스에서 Prettier 검색 > install 클릭으로 간단하게 설치할 수 있습니다. 프리티어(Prettier)가 반영될 수 있도록 하는 기본 ..

스니페이스트(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..

사용자 맞춤형으로 작업 습관과 선호에 따라 화면 공간을 더욱 효율적으로 활용할 수 있습니다. 그와 관련하여 몇 가지 방법에 대해서 소개하겠습니다. 1. Dock bar 가리기 아무래도 작업할 때는 화면 공간이 크면 더 효율적이게 사용할 수 있기 때문에 Dock bar를 필요할 때 나타내고 숨기는 것이 좋더라고요~ 설정 방법은 다음과 같습니다. 위의 사진은 전체 화면에서의 Dock 영역입니다. 시스템 설정 > 데스크탑 및 Dock > 자동으로 Dock 가리기와 보기에서 on/off 기능을 on으로 켜주시면 됩니다. 마우스를 갖다 대면 나타나고 숨겨지는 토글(Toggle) 형식입니다. 단, Dock을 숨기면 특정 앱의 알림이 눈에 띄지 않을 수 있으므로 알림 설정을 배너 형태로든 해주는 것이 좋습니다. Do..

README.md 파일 작성 시, Markdown 문법(Syntax) 사용법에 대해서 알아봅시다. README.md 파일 이란? README.md 파일은 주로 소프트웨어 프로젝트의 루트(Root) 디렉터리에 위치하며, Github, Gitlab, Bitbucket 등의 코드 호스팅 플랫폼에서 프로젝트의 정보를 제공하기 위해 사용됩니다. 프로젝트에 대한 소개, 설치 방법, 사용법, 예시 코드, 기여 방법, 라이선스 등의 정보를 담고 있어 프로젝트를 이해하고 사용하는 데 도움을 주는 중요한 문서로 활용됩니다. README.md 파일은 자체 프로젝트뿐만 아니라 라이브러리, 패키지, 프레임워크, 템플릿 등의 다양한 형태의 소프트웨어 프로젝트에서 사용됩니다. Markdown 문법(Syntax)을 활용하여 READ..

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 사이트 ..