사소한 불편함에서 시작했는데, 정신을 차려보니 구현한 도구가 어느덧 50+개에 달하게 되었습니다. 도구들을 한 번에 소개하기엔 양이 너무 많아, 총 3회에 걸쳐 연재해 보려고 합니다. 오늘 그 첫 번째 순서는 업무의 기초 체력이 되는 계산기(Calculator), 데이터의 형태를 바꾸는 변환기(Converter), 그리고 시각적 요소를 다듬는 디자인(Designer) 도구들입니다. Part #1 - Calculator, Converter, DesignerPart #2 - Generator, Developer, EncoderPart #3 - Formatter, Security, Other, AI 1. CALCULATOR: 인프라부터 SEO까지, 영리한 13가지 계산기단순한 사칙연산은 계산기 앱으로도 충분..

이 프로젝트의 가장 베이스인 부분으로 생각을 하고 구현을 했습니다. 다만 오프라인이다 보니 협업에서 사용하는 툴은 거의 없습니다. 협업보다는 오히려 스스로 작업 계획을 하고, 오히려 인수인계를 위한 자료 같은게 될 것 같습니다.사실 제가 사용하는 방법도 원맨쇼를 위한 툴에 가깝습니다.그리고 보면 사실 크게 특별할 것도 없는 기능들입니다. 그리고 굳이 여기 이렇게 만들 필요가 있어? 라고 생각 할 수 도 있는 부분이지만 구현항목을 보면 거의 내가 작업한 히스토리를 남기고 내가 작업하기 조금 편하게 하기 위한 내용들이 대부분입니다. https://zafrem.github.io/Desk-tools/작업의 흐름을 한눈에: 칸반보드 (Kanban Board)작업 생성: "New Task" 버튼으로 새 작업 추가진..

지난 포스팅에서 Desk-tools를 기획하게 된 배경과 '직장인으로서의 고민'을 말씀드렸습니다. 이번에는 그 고민을 실제 어떻게 기술적으로 구현했는지, 프로젝트의 뼈대를 이루는 기술 스택과 설정에 대해 공유하고자 합니다.설계의 핵심: "Zero-Server, Zero-Trust"이 프로젝트의 가장 큰 기술적 도전은 '백엔드 없이 모든 기능을 브라우저 내에서 완결짓는 것'이었습니다. 서버가 없다는 것은 관리할 인프라가 없다는 뜻이기도 하지만, 무엇보다 사용자의 데이터가 외부로 유출될 물리적 통로 자체를 없앤다는 보안적 의미가 큽니다.이를 실현하기 위해 선택한 기술 스택은 다음과 같습니다.Framework & Runtime: Next.js & Static Export가장 현대적이고 안정적인 프레임워크를 선..