VS Code: JSON 파일에서 컬러 피커(color picker)가 사라졌을 때 해결 방법
·
Dev
CSS나 스타일 작업을 할 때 코드 옆에 조그맣게 표시되는 색상 상자(Color Decorator)와 이를 클릭하면 나타나는 `컬러 피커(Color Picker)`는 개발 생산성을 높여주는 유용한 도구다. 하지만 잘 사용하던 이 기능이 어느 순간부터 JSON 파일에서만 동작하지 않는 현상이 발생하곤 한다. 정확한 시점은 알 수 없으나, 한 번 시작된 이 문제는 자연적으로 해결되지 않고 계속해서 불편함을 초래하였다.분명 C#이나 HTML, CSS 파일에서는 문제없이 동작하는데 유독 JSON 환경에서만 이런 현상이 나타난다면, 이는 VS Code의 기본 설정이 다른 확장 프로그램이나 테마 설정에 의해 우선순위에서 밀렸을 가능성이 크다. 문제 현상 파악하기일반적으로 VS Code는 설정된 컬러 스키마에 따라..
JSON Schema로 코딩의 품질을 높이는 방법: 에디터의 능력을 100% 활용하기
·
Dev
JSON은 데이터를 저장하고 전달하는 데 있어 가장 널리 쓰이는 형식이지만, 자유도가 너무 높다는 단점이 있다. 필드 이름을 잘못 적거나, 숫자여야 할 곳에 문자열을 넣는 실수는 비일비재하다. 이러한 휴먼 에러를 사전에 방지하고 데이터의 일관성을 유지하고 싶다면 JSON Schema를 도입해야 한다.단순히 데이터 구조를 정의하는 것에 그치지 않고, VS Code와 같은 에디터와 결합했을 때 얻을 수 있는 강력한 이점들을 살펴보자. JSON Schema를 사용하면 무엇이 좋아질까?JSON Schema는 JSON 데이터의 구조를 정의하는 일종의 `설계도`다. 이 설계도를 작성하면 다음과 같은 이점을 얻는다.자동 완성 및 툴팁 제공: 에디터에서 JSON을 편집할 때 사용 가능한 속성을 미리 보여주고, 각 속..
Github Personal Access Token 발급 및 환경변수 등록 가이드
·
Dev
개발자라면 깃허브(Github)를 매일같이 사용하지만, 여전히 비밀번호를 이용해 git push를 시도하는 경우가 있다. 깃허브는 보안상의 이유로 아이디/비밀번호를 이용한 Git 접근을 중단하고, 대신 Personal Access Token(PAT, 개인용 액세스 토큰)을 사용할 것을 권장하고 있다. PAT는 계정 비밀번호보다 훨씬 안전하며, 특정 권한만 부여할 수 있어 보안에 강력한 이점을 제공한다.이번 글에서는 깃허브 PAT를 발급받는 명확한 절차를 설명하고, Mac 맥 환경에서 이 토큰을 `환경 변수`로 등록하여 터미널을 사용할 때마다 안전하고 편리하게 접근하는 방법을 소개한다. Github Personal Access Token (PAT) 발급받기PAT는 깃허브 계정에 대한 암호 역할을 하는 긴..
VS Code 개발 생산성을 높이는 나만의 컬러 테마 3종 소개
·
Dev
매일 들여다보는 코드 에디터의 색감은 개발자의 생산성과 눈의 피로도에 지대한 영향을 미친다. 코드를 읽는 시간을 줄이고 집중력을 높이는 데 기여하는 건 물론, 단순히 시각적인 즐거움까지 선사하기도 한다. 여기 개인적으로 가장 선호하며 꾸준히 사용하고 있는 세 가지 컬러 테마를 소개한다. Palenight Theme: 깊은 밤하늘의 고요함Palenight 테마는 Material Design 팔레트에서 영감을 받았다고 한다. 전반적으로 짙은 남색 계열의 배경에 대비되는 다채로운 색상의 구문 강조가 특징이다. 이 테마는 눈을 편안하게 하면서도 코드의 각 요소를 명확하게 구분해주는 뛰어난 가독성을 제공한다. 특히, 어두운 환경에서 작업하는 것을 선호하는 개발자에게 적합하며, 차분하면서도 깊이 있는 색감이 코딩..
npx/uvx 사용 시 캐시 누적 문제와 해결 방법
·
Dev
Node.js 나 Python 을 다뤄봤다면 `npx`나 `uvx` 같은 도구를 한번쯤 들어봤을거다. 프로젝트를 뚝딱 시작하거나 특정 명령줄 도구를 툭 던져 실행할 때 이들만큼 유용한 게 또 있을까? 하지만 이런 도구들을 꾸준히 쓰다 보면 눈치채지 못하는 문제가 하나 숨어 있다. 바로 지속적으로 쌓이는 캐시 파일들이다. 실제로 캐시 폴더를 확인해본 결과 거의 1GB 에 육박하는 캐시파일들이 공간을 차지하고 있었다. 이번 글에서는 npx와 uvx가 캐시를 다루는 방식과, 이 때문에 불거질 수 있는 문제들, 그리고 내 개발 환경을 언제나 산뜻하게 유지하기 위한 캐시 정리 꿀팁을 전해준다. npx와 uvx, 그 편리함 뒤에 숨은 캐시의 그림자`npx` (Node.js, npm)와 `uvx` (Python, ..