Half Road

스크린샷 기능을 도와주는 도구로사각박스, blur, 자르기 등 여러 기능을 손쉽게 이용할 수 있어 매우 편하다.📦 설치https://shottr.cc/ Shottr – screenshot app for pixel professionalsShottr is a free macOS screenshot app with scrolling screenshots, OCR, annotation and measurement instruments.shottr.cc⚙️ 설정기본 기능 단축키 등록나는 F번호 키를 이용해서 단축키를 등록하였다.💡F숫자 설정 시 시스템 키보드 설정 할 것Shottr에 F숫자 등록 시에는 아래와 같이 표준 기능 키 설정을 활성화 해야한다.안 그러면 F숫자 등록 자체가 안됨.⚠️✅ 기타기능 단축..

🍏 MacBook 을 샀다개발자 분들 중에 MackBook을 사용하시는 분들은 전부 다 Mac이 좋다고 바꾸라고 하신다.사실 Windows 에 익숙하기도 하고, 여러 프로그램들과 호환성을 생각하면폐쇄적이라고 생각되는 Mac 에 대한 거부감은 항상 있었다.그러나 최근에 노트북을 바꿀 계기가 생겨서, 불만을 가지더라도 한번 써보고 결정하자는 마음으로Mac 을 지르고 쓰게되었다.그러나 Windows 환경에 익숙해져있고, Windows 기능을 단축키로 많이 이용했던 나에게는너무나 혹독한 적응기가 필요했다.😵‍💫 대환장 한/영 키대부분이 한/영 키에서 엄청 빡칠것 같다. 💢CapsLock 또는 Ctrl + Spacebar 으로 한/영 키 전환을 할 수 있는데, 처음에는 CapsLock단일키로 전환하는 것이..

🛣️ Mac 커스텀 키맵핑을 하자Mac에서 커스텀 하게 단축키를 설정할 때 가장 많이 사용하는 프로그램이다.시작해보자.📦 설치 & 권한 부여사이트: https://karabiner-elements.pqrs.org/ Karabiner-ElementsKarabiner-Elements A powerful and stable keyboard customizer for macOS. Download v15.9.0 Toggle Dropdown Download v15.9.0 For macOS 26 Tahoe For macOS 15 Sequoia For macOS 14 Sonoma For macOS 13 Ventura Download v14.13.0 For macOS 12 Monterey For macOS 11kar..

Vue 프로젝트를 하다 보면 어느 순간 하나의 컴포넌트가 감당할 수 없을 만큼 커지는 시점이 온다.이번에 이미지 처리 프로젝트의 메인 페이지인 ImgPrcPage.vue 가 정확히 그 상태였다.script 블록만 1,500줄.그래프 노드 조작, 프리셋 CRUD, 프로세스 CRUD, 원본 이미지 관리, 썸네일 연산, 확대 팝업, 크롭 관리까지,하나의 페이지에 10개 이상의 관심사가 뒤엉켜 있었다.🤕 왜 문제였나코드가 길다는 것 자체가 문제는 아니다. 진짜 문제는 변경의 파급 범위를 예측할 수 없다는 것이다.프리셋 저장 로직을 수정하려면 스크롤을 내려서 해당 함수를 찾고,그 함수가 참조하는 nodes, edges, oOrigin 같은 상태가 어디서 변경되는지 추적해야 했다.그런데 그 상태들은 썸네일 연산에..

❓ with 절 왜필요한가python을 사용하다보면 with 절 내에서 처리하는 경우가 많다.특히 file 제어나 db 제어 할 때 많이 쓰이는데, 다음 파일을 열고 읽는 예제를 확인해보자.with open("log.txt") as f: print(f.readline)이 코드는 다음과 같은 기능을 하는 코드이다.f = Nonetry: f = open("log.txt") print(f.readline)finally: if f is Not None: f.close()file을 열고 닫지 않은 경우 memory 누수가 발생하고 이러한 경우를 방지하기 위해 편리하게 나온 문법이 with 절이다.❓ with 절은 아무 객체에나 쓸 수 있나?with 절에 대해서 잘 모르는 경우 직면하는 최초 궁금증이라고 생각된다..

차이가 뭔가요?전에 부사수한테 Vue를 교육할 때 Component, Composable 기능들을 설명해준적이 있다.기능적인 측면에서 설명을 하다가 부사수가Composable은 왜 사용하나요?라고 물었는데, 직관은 하고 있지만 설명이 참 어려웠다.그래서 Component와 Composable 차이를 구분하고 Class랑 마지막에 비교하는 방식으로 정리해볼려고 한다1. Composable vs Component 핵심 차이두개의 핵심 차이는 뭘까?결국은 UI가 있냐 없냐가 핵심 차이다.공통점공통점은State(상태)에 따라 동작이 정의가 된다라는 것이다.이게 가장 핵심이 되는 공통점이다.추상화라는 건 항상 단계별로 진행이된다.프로그래밍은 최초에 명령형으로 코드를 작성하여 프로세스 순대로 쭉 코드를 작성하게된다..

🛣️ Pydantic 선택 이유요즘 같은 AI 시대에는 스크립트 언어도 정적 타입을 이용하여 보다 명시적으로 코딩하려는 흐름이 있는 것 같다.명세를 보다 명확히 작성하거나 테스트를 작성하는 일이 예전이면 병목인 작업이였다면,요새는 AI의 도움으로 보다 안정적이며 더 빠르게 개발할 수 있는 수단이 되었다.이런 흐름에 맞춰서 Javascript 진영에는 Typescript,Python 진영에는 Pydantic 인기가 부상한게 아닐까 싶다.그러면 어떤 기능이 있는지 한 번 정리해보도록 하자. ✅ 1. 자동 데이터 파싱단순한 타입 체크를 넘어, 입력된 값을 선언된 타입으로 강제 변환.from pydantic import BaseModelclass Item(BaseModel): id: int name..

🛣️들어가며python을 이제 학습해야겠다고 다짐하며, 셔버에서 많이 사용되는 FastApi를 구축해보기로 결정했다.python 기반 서버구축을 통해 서버단에서 영상처리관련 라이브러리도 사용할 계획을 세웠다.python 뉴비로서 구축 과정을 기록한다. 🛖 Scaffolding📁 Directory 분석현재 구조는 Spring 구조와 비슷하게api 요청 수신 레이어 (api) → 기능 구현 레이어 (services)→ DB 처리 레이어 (repos)로 구성. 📁 apirouter 모음📁 services기능 레이어📁 reposDB 레이어📁 core핵심 기능 모음config.py로 app 설정 코어를 하나 만듦📁 schemastyping 레이어python 타입 힌트와 Pydantic 기능을 이용하..