승상의 코딩 블로그

매번 각 폴더를 VSCode 를 켜서 왔다갔다 하면 너무 귀찮다.그렇다고 Workspace 에 추가하면, 사이드바에 너무 많은 파일들이 시현된다. Project Manager 를 활용하면 각 프로젝트간 이동을 쉽게 할 수 있다.https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager Project Manager - Visual Studio MarketplaceExtension for Visual Studio Code - Easily switch between projectsmarketplace.visualstudio.com Project Manager 패널에서 저장해놓은 프로젝트들 간에 쉽게 이동 할 수 있다.저장 버튼..

개인적으로 나는 개발환경을 통합하는 것을 좋아한다.웹서비스로 가능한 구축해서 브라우저에서 접근가능하게 하던가.VSCode 에 통합해서 VSCode 에서 모두 처리하게 하던가. 사내 환경에 OpenWeb UI 를 통해 AI 챗을 구축했다할지라도,코드 작성할 때, 코드를 붙이고 복사하고... 왔다갔다 옮기는 것이 쉽지 않았다.코드를 작성하는 건 코드를 개발하는 툴에서 하는게 좋은게 아니겠는가?유사한 작업들을 한곳에서 처리하면 더 좋은 기능이 탄생한다고 생각한다. 그래서 이번엔 VSCode 에 AI 모델을 사용할 수 있게 해주는 VSCode Extension 인 Continue 를 소개하고자 한다.https://marketplace.visualstudio.com/items?itemName=Continue.co..

개발이나 공부환경 세팅할 때, 화면 분할을 하면 매우 유용하다. ex. 좌측 화면은 코딩, 우측화면은 레퍼런스자료윈도우에서는 "Window 키 + 방향키" 조합으로 쉽게 화면분할을 할 수 있다. 맥에서는 어플리케이션의 분할 버튼을 사용할 수 있다.그러나 상단바가 숨겨진다. 분할시 전체화면이 되기 때문에 약간의 이질감을 느낄 수 있다. 앱스토에 마그넷이 있지만 굳이 화면분할을 돈을 주고 지불하기에는 아쉬운 감이 있으니,무료프로그램 Rectangle 을 추천하고자 한다.결과  설치 - Rectangle1. 앱스토어에 Rectangle 어플리케이션이 등록되어 있지 않으므로, 홈페이지 직접들어가서 다운로드 버튼을 눌러 설치한다.https://rectangleapp.com/ RectangleMove and res..

텍스트보다는 시각적으로 보여주는 것이 더 쉽고 간편히 이해시킬 수 있다.(미래에 까먹은 나를 이해시킬 때 매우 유용하다.)  공부나 메모에서는 긴 영상이 아닌, 짧은 영상으로 보관해야하는 경우가 많다.(예를 들어, 코드로 구현된 위젯의 동작이 있을 것이다.) 맥에서는 GIPHY Caputure 라는 프로그램을 통해 간단한 영상을 녹화하고 편집할 수 있다.설치 - GIPHY Capture앱스토어에서 GIPHY Capture 를 설치한다. 설치 후 사용하려고 하면 화면 기록에 대한 접근권한을 설정해달라는 알림창이 뜹니다.시스템 설정 열기를 클릭합니다.💡 알림창에서 시스템 설정을 누르지 못했다면 화면 좌측 상단의 사과모양을 누르시고, 시스템 설정 → 개인정보 보호 및 보안을 누릅니다. 개인정보 보호 및 보안..

가끔 "내가 사용하고 있는 환경에 너무 익숙해서 개선하지 못하는게 아닐까?" 하고 생각한다.그래서 다양한 강사의 강의를 듣고, 다양한 사람의 유튜브를 본다.다른 사람들의 개발환경을 보고 내 개발환경을 개선할 수 있기 때문이다! 그렇게 이번에 소개해줄 앱은 Fuwari 이다.일본 개발자가 만들었기 때문에, Fuwari (일본어로 떠있다. 깃털이 바람에 떠다니는 느낌) 이다.사용이유유튜브 영상을 보다보면, 코드를 제공하지 않을 때가 많다. 화면의 왼쪽은 Code Editor 를 오른쪽은 웹브라우저의 유튜브 앱을 켜놓고 하는 경우가 많은데,Fuwari 를 사용하면 쉽게 캡쳐해서 화면 제일 상단에서 자유롭게 이동시키면서 코딩을 할 수가 있다.설치 - 애플 앱스토어애플 앱스토어에서 설치가능하다.단축키 적용설치가 ..