본문 바로가기

728x90

vite

(5)
Rust로 파싱하고 JavaScript로 확장하는 Markdown 도구, Satteri Rust로 파싱하고 JavaScript로 확장하는 Markdown 도구, SatteriAI 뉴스 썸네일Satteri는 Markdown과 MDX를 Rust에서 파싱하고, JavaScript나 TypeScript로 플러그인을 작성할 수 있게 만든 오픈소스 도구예요. 콘텐츠 빌드 속도를 높이면서 기존 JavaScript 개발 방식과 AST 구조를 이어 쓰려는 접근이에요. 1핵심 요약구분핵심왜 볼 만한가요실행 구조파싱과 컴파일은 Rust가 맡고 플러그인은 JavaScript에서 실행해요빠른 네이티브 처리와 익숙한 플러그인 개발 방식을 함께 쓸 수 있어요지원 형식CommonMark, GFM, MDX와 frontmatter, 수식, directive를 다뤄요기술 문서와 콘텐츠 사이트에 필요한 문법을 한 파이프라인에..
PostgreSQL 내부를 3D 도시로 걷는 PGSimCity PostgreSQL 내부를 3D 도시로 걷는 PGSimCityIT & AI 뉴스 썸네일PostgreSQL 서버 안에서 벌어지는 일을 도시의 움직임으로 볼 수 있는 프로젝트가 나왔어요. PGSimCity는 연결부터 버퍼 교체, WAL 기록, 체크포인트, autovacuum, 복제까지 눈에 보이는 건물과 애니메이션으로 바꿔 보여줘요. 1핵심 요약구분핵심왜 볼 만한가요교육 방식PostgreSQL 내부 구조를 탐험 가능한 3D 도시로 표현해요문서의 추상적인 개념을 공간과 움직임으로 연결할 수 있어요관찰 대상shared_buffers, WAL, 체크포인트, vacuum, 복제 지연을 느린 속도로 보여줘요설정 하나가 지연과 테이블 팽창에 미치는 영향을 비교하기 쉬워요정확성 범위실제 PostgreSQL을 실행하지 않..
한화비전 카메라 펌웨어에 GitHub 관리자 토큰이 들어간 이유 한화비전 카메라 펌웨어에 GitHub 관리자 토큰이 들어간 이유한화비전 카메라 펌웨어 보안 썸네일한화비전 보안 카메라의 웹 관리 화면을 구성하는 펌웨어 파일에서 GitHub 관리자 토큰이 발견됐어요. 연구자가 확인한 토큰은 조직 내 수백 개 저장소에 관리자 권한을 갖고 있었어요. 원인은 Vite 자체보다 빌드 설정에 있었어요. CI 작업의 환경 변수 전체를 웹 결과물에 넣으면서 외부에 나가면 안 될 자격 증명까지 함께 묶였어요. 1핵심 요약구분확인된 내용실무에서 볼 점노출 범위웹 관리 UI 파일 약 30개에서 같은 GitHub 토큰이 나왔어요같은 비밀이 여러 결과물에 복제되면 폐기 전까지 노출 지점이 늘어나요권한토큰이 조직 내 수백 개 저장소의 관리자 권한을 갖고 있었어요제품 빌드용 자격 증명에는 필요한..
버튼 하나로 돌아본 프론트엔드 20년 버튼 하나로 돌아본 프론트엔드 20년AI 뉴스 썸네일2008년 무렵 웹 개발을 떠났다가 지금 돌아오면 `` 하나를 만드는 과정부터 낯설 수 있어요. jQuery, React, TypeScript, Vite, 서버 렌더링, 코딩 에이전트까지 여러 층이 더해졌기 때문이에요. David Poblador의 글은 각 도구가 어떤 불편을 해결하려고 등장했고, 그 해결책이 어떤 새 비용을 만들었는지 한 개의 버튼을 따라가며 보여줘요. 1핵심 요약시기해결하려던 문제뒤따른 비용jQuery와 AJAX브라우저 차이를 줄이고 페이지 일부만 바꿨어요데이터와 DOM 상태를 개발자가 직접 맞춰야 했어요컴포넌트 프레임워크상태에 따라 화면을 선언적으로 그렸어요런타임과 프레임워크 학습 비용이 커졌어요번들러와 고속 툴링모듈, 구형 브라우..
Vite+ 베타, 프런트엔드 도구 조립을 한 줄 명령으로 줄일 수 있을까요 Vite+ 베타, 프런트엔드 도구 조립을 한 줄 명령으로 줄일 수 있을까요AI 뉴스 썸네일프런트엔드 프로젝트를 새로 만들 때마다 비슷한 고민이 반복돼요. 개발 서버는 Vite로 띄우고, 테스트는 Vitest로 맞추고, 린트와 포맷터를 고른 뒤, 라이브러리 빌드와 작업 캐시까지 따로 엮어야 해요. Vite+ 베타는 이 조립 과정을 `vp` 명령 하나로 묶겠다는 제안이에요. 1핵심 요약구분핵심왜 볼 만한가요개발 도구Vite+, Vitest, Rolldown, tsdown, Oxlint, Oxfmt를 `vp` 명령으로 묶어요프로젝트마다 빌드·테스트·검사 설정을 다시 맞추는 비용을 줄일 수 있어요팀 운영알파 이후 12개 이상 버전과 500개 이상 PR을 거쳤어요캐싱, 마이그레이션, 조직 템플릿, 기업 네트워크 ..

728x90