사람과 AI 사이 그 어딘가

Windows 카카오톡 DB를 여는 데 성공해도 명령줄 네 개를 외워야 한다면 다른 사람이 쓰기는 어렵습니다.2026년 7월 개발 기록에서는 Tauri 패키징을 미루고 React·Vite 화면과 Python 로컬 서버를 붙여 버튼 두 개로 흐름을 줄였습니다.4부작 세 번째 편은 복호화 스크립트를 처음 사용자도 다룰 수 있는 로컬 도구로 바꾼 과정입니다.첫 버전에서 중요한 것은 설치 파일 모양이 아니라 복구·복호화·수집 상태를 사용자가 이해하고 다시 시도할 수 있게 만드는 일이었습니다.Tauri 대신 로컬 웹을 선택한 이유처음에는 Mac에서 쓰던 흐름처럼 Tauri 데스크톱 앱을 생각했습니다.하지만 Windows 초판의 가장 큰 위험은 패키징이 아니라 DB 키 복구와 통합 수집의 안정성이었습니다.화면은 R..

서버·개발/코드 노트 2026. 7. 26. 17:32

yarn과 pnpm은 npm과 똑같이 "코드 부품"을 설치하는 도구이고, 차이는 더 빠르거나 저장 공간을 아낀다는 점입니다.2026년 7월 기준, 셋 다 여전히 현역이고 하는 일은 거의 같습니다.이 글을 읽으면 npm·yarn·pnpm이 뭐가 다른지, 초보는 뭘 골라 쓰면 되는지, 그리고 AI가 프로젝트마다 다른 명령어를 주는 이유까지 한 번에 정리됩니다.npm·yarn·pnpm은 같은 일을 하는 경쟁 도구입니다. 코드 부품을 설치·관리한다는 목적은 같고, 속도와 저장 방식만 다릅니다. 초보는 셋 중 하나만 정해 쓰면 됩니다.셋 다 하는 일은 똑같습니다이 셋은 전부 "패키지 매니저"입니다.패키지 매니저는 쉽게 말해, 남이 만들어둔 코드 부품(라이브러리)을 내 프로젝트에 설치하고 관리해주는 도구입니다.이게..

서버·개발/코드 노트 2026. 7. 21. 13:05

JSX는 자바스크립트 파일 안에서 HTML처럼 생긴 화면 코드를 함께 쓰게 해주는 문법으로, 주로 React에서 씁니다.2026년 7월 기준, AI에게 웹 화면을 만들어 달라고 하면 십중팔구 이 JSX가 섞인 코드가 돌아옵니다.그런데 자바스크립트 파일 안에 갑자기 같은 HTML 태그가 튀어나오면, 처음 보는 사람은 당황하기 쉽습니다.이 글을 읽고 나면 JSX가 왜 이렇게 생겼는지, AI가 준 React 코드를 봤을 때 뭐가 뭔지 감이 잡힙니다.JSX는 원래 따로 놀던 로직(자바스크립트)과 화면(HTML)을 한 파일에서 같이 쓰게 묶어 주는 문법입니다. React로 화면을 만들 때 거의 항상 등장합니다.JSX가 뭐야?JSX는 JavaScript XML의 줄임말입니다.이름 그대로 자바스크립트(JavaScr..

서버·개발/코드 노트 2026. 7. 21. 09:55