RSS Mozilla Hacks – 웹 개발자 블로그 노트

RSS Mozilla Hacks – 웹 개발자 블로그

hacks.mozilla.org은 웹 브라우저 Firefox를 개발하는 Mozilla 조직의 공식 블로그입니다. 이 블로그는 다양한 웹 기술, 코딩 기법 및 베스트 프랙티스를 보여주는 데 초점을 맞추고 있습니다. 튜토리얼, 실험 및 케이스 스터디를 자주 특징으로 하여 웹 개발자, 디자이너 및 웹 기술에 관심이 있는 모든 사람에게 유용한 정보를 제공합니다. 사이트에는 Mozilla 개발자, 엔지니어 및 기타 업계 전문가들이 작성한 기사가 포함되어 있습니다. 주제는 웹 개발, 보안, 성능 최적화에서 WebVR, WebAssembly와 같은 새로운 기술까지 다양합니다. 웹사이트는 깨끗하고 최소화된 디자인으로 구성되어 있어 콘텐츠를 쉽게 탐색하고 읽을 수 있습니다. 기사들은 코드 스니펫, 데모 및 상호작용 예제를 포함하여 독자들이 실제로 실험하고 학습할 수 있도록 합니다. 사이트의 주요 카테고리 중 일부는 다음과 같습니다. - 웹 개발: 웹 개발 베스트 프랙티스, 새로운 기능 및 새로운 기술에 대한 기사 - Mozilla: Mozilla 프로젝트, 제품 및 이니셔티브에 대한 업데이트 - 개발자 도구: Firefox Developer Edition과 같은 개발자 도구 사용에 대한 튜토리얼 및 팁 - 새로운 기술: 새로운 웹 기술 및 실험 기술에 대한 기사 따라서 Mozilla Hacks 블로그는 웹 개발자, 디자이너 및 웹 기술과 트렌드에 관심이 있는 모든 사람에게 가치 있는 자원입니다.

노트 스레드

Firefox에서 웹 시리얼 지원 발표

Firefox 151 데스크톱용 Firefox에서 웹 시리얼 지원 데스크톱용 Firefox 151부터 웹에서 마이크로컨트롤러, 개발 보드, 3D 프린터, 전력계 및 기타 시리얼 연결 하드웨어에 직접 연결할 수 있습니다. Firefox 151 데스크톱용부터 웹 시리얼 API 지원을 통해 웹 애플리케이션은 네이티브 소프트웨어를 요구하지 않고도 호환되는 장치와 통신할 수 있습니다. 웹 시리얼 [...]
CdXz5zHNQW_X4gMomydvp.jpeg

클로드 미토스 프리뷰와 함께 파이어폭스 강화 비하인드 스토리

2주 전, 저희는 Claude Mythos Preview 및 기타 AI 모델의 도움으로 Firefox에서 전례 없는 수의 잠재적 보안 버그를 식별하고 수정했음을 발표했습니다. 이 게시물에서는 저희가 이 작업을 어떻게 수행했는지, 무엇을 발견했는지, 그리고 다른 프로젝트에 대한 조언을 더 자세히 설명할 것입니다.
CdXz5zHNQW_aRDdbwM5rt.png

오픈 웹을 위한 신뢰할 수 있는 자바스크립트

오픈 웹은 개인 통신부터 금융 거래, 의료 기록에 이르기까지 매우 민감한 데이터를 처리하는 애플리케이션을 위한 중요한 플랫폼입니다. 전통적으로 서버는 웹 애플리케이션에 대한 적절한 코드와 리소스를 브라우저에 제공하는 역할을 하며, 브라우저는 이를 실행하기 위한 안전하고 격리된 환경을 제공합니다. 특정 상황에서는 이러한 […]
CdXz5zHNQW_N9Wd6c6QU3.png

Firefox 개발자 에디션 및 베타: Mozilla의 .rpm 패키지를 사용해 보세요!

1월에, 우리는 RPM 기반 리눅스 배포판을 위한 Nightly 패키지를 출시했습니다. 오늘, Firefox Beta에서도 사용할 수 있게 되어 매우 기쁩니다! Firefox Beta는 몇 주 안에 일반 사용자에게 배포될 Firefox 버전을 통해 여러분의 사이트를 테스트하기에 좋습니다. 문제가 발견되면, […](해당 부분에 문제 보고 링크나 방법이 들어갈 것으로 예상)에 보고해주세요.

WebAssembly를 웹에서 일류 언어로 만들기

이 게시물은 2025년 뮌헨에서 열린 WebAssembly CG 회의에서 발표했던 내용을 확대한 것입니다. WebAssembly는 2017년 첫 출시 이후 많은 발전을 이루었습니다. WebAssembly의 첫 번째 버전은 이미 C 및 C++와 같은 저수준 언어에 매우 적합했으며, 즉시 많은 새로운 종류의 [...]를 가능하게 했습니다.
CdXz5zHNQW_ky5vd6zzuY.jpeg

안녕, innerHTML. 인사, setHTML: 파이어폭스 148에서 더 강력한 XSS 보호

크로스 사이트 스크립팅(XSS)은 여전히 웹에서 가장 흔한 취약점 중 하나입니다. 새로운 표준화된 Sanitizer API는 웹 개발자가 DOM에 삽입하기 전에 신뢰할 수 없는 HTML을 쉽게 제거할 수 있는 방법을 제공합니다. 파이어폭스 148은 이 표준화된 보안 강화 API를 제공하는 첫 번째 브라우저로, 모든 사람을 위한 더 안전한 웹을 발전시킵니다. 우리는 [...]

Interop 2026 출시

Interop 프로젝트는 사용자 및 개발자 모두에게 가장 큰 이점을 제공하는 영역에서 웹 호환성을 개선하기 위한 브라우저 간 협력 이니셔티브입니다. Apple, Google, Igalia, Microsoft, Mozilla를 포함한 이 그룹은 충분히 안정적인 웹 표준으로 잘 정의되고, 훌륭한 테스트 스위트 커버리지를 갖춘 기능 제안을 받습니다. 그런 다음, 우리는 […]

CRLite: Firefox에서 빠르고, 프라이빗하며, 포괄적인 인증서 폐기 확인

Firefox는 이제 빠르고 포괄적인 인증서 해지 확인을 배포한 최초이자 유일한 브라우저로서, 사용자의 브라우징 활동을 누구에게도 (심지어 Mozilla에게도) 공개하지 않습니다. 매일 수천만 개의 TLS 서버 인증서가 발급되어 브라우저와 웹사이트 간의 통신을 안전하게 보호합니다. 이러한 인증서는 보편적인 [...]

기업 환경에서 DLL 삽입 감소를 통한 Firefox 안정성 향상

138 버전부터 Firefox는 기업 환경의 데이터 유출 방지(DLP) 배포를 위해 DLL 주입의 대안을 제공할 예정입니다. DLL 주입은 Firefox에 DLL을 주입하는 것으로, 저희 Hacks 블로그에서 이전에 다룬 적이 있습니다. 2023년에는 사용자가 타사 DLL의 로딩을 차단할 수 있는 Firefox 기능에 대해 블로그에 게시했습니다. 저희는 [...]

인터옵 2025 출시

Interop 2025는 브라우저 간 웹 일관성을 높이기 위한 미션을 지속합니다. 2024년 95%의 상호운영성 점수를 기반으로, 올해 19개의 초점 영역이 주요 개발자 요구 사항과 오래된 문제를 해결하는 것을 목표로 합니다. 이를 통해 WebRTC 개선, Storage Access API 및 CSS Zoom 등의 영역에서 발전을 이룰 수 있습니다.
CdXz5zHNQW_rMA1E8cFkd.png

리액트 네이티브를 위한 유니피 소개: 러스트 기반 터보 모듈

오늘 Mozilla와 Filament는 공개 소스 라이선스에 따라 React Native Turbo Module을 Rust에서 구축하는 데 사용하고 있는 새로운 툴인 React Native용 Uniffi를 출시합니다. 이는 크로스 플랫폼 React Native 앱을 작성하는 수백만 명의 개발자가 Rust를 사용할 수 있게 해줍니다. Rust는 안전성과 성능으로 잘 알려진 현대적인 프로그래밍 언어입니다. […]

Llamafile v0.8.14: 새로운 UI, 성능 향상 및 기타 기능

Mozilla Builders의 오픈 소스 AI 도구 Llamafile 0.8.14의 최신 버전을 발견하세요. 새로운 명령줄 채팅 인터페이스, 향상된 성능 및 강력한 모델 지원으로 Llamafile은 자체 하드웨어에서 대규모 언어 모델(LLMs)을 쉽게 실행할 수 있습니다. 이 혁신적인 프로젝트에 참여하고 업데이트에 대해 자세히 알아보세요.

0Din: 미래의 AI를 함께 안전하게 하는 GenAI 버그 바운티 프로그램

AI가 계속 진화함에 따라, 그것에 대한 위협도 증가합니다. 이러한 GenAI 시스템이 더 정교해지고 널리 채택됨에 따라, 그들의 보안 및 윤리적 사용을 보장하는 것이 가장 중요해집니다. 0Din은 GenAI 시스템 및 그 너머를 안전하게 하기 위해 전념하는 획기적인 GenAI 버그 바운티 프로그램입니다. 이 블로그에서, 0Din에 대해, 어떻게 작동하는지, 그리고 어떻게 참여하여 AI 미래를 안전하게 하는 데 기여할 수 있는지에 대해 배울 수 있습니다.

파이어폭스 공식 퍼피티어 지원 발표

우리는 버전 23부터 파피티어(Puppeteer) 브라우저 자동화 라이브러리가 파이어폭스(Firefox)에 대한 1등급 지원을 제공한다고 발표하게 되어 기쁩니다. 이는 파피티어를 사용하여 자동화 및 엔드 투 엔드 테스트를 작성하고 크롬과 파이어폭스 모두에서 실행하는 것이 더 쉬워졌다는 것을 의미합니다.

IPC(Inter-Process Communication) 퍼징을 위한 스냅샷

파이어폭스의 보안 모델에서 프로세스 분리는 가장 중요한 부분 중 하나로, 서로 다른 프로세스 간의 권한을 분리하는 데 IPC(프로세스 간 통신) 인터페이스의 보안이 핵심입니다. 이러한 인터페이스에 있는 취약점을 찾는 최신 도구 - 스냅샷 퍼징에 대해 자세히 살펴보겠습니다.

sqlite-vec 후원하여 더 강력한 로컬 AI 애플리케이션을 가능하게 하기

오늘 우리는 Mozilla Builders 프로젝트의 다음 단계를 발표하게 되어 자랑스럽습니다: sqlite-vec. 독립 개발자 Alex Garcia가 이끄는 이 프로젝트는 사랑받는 SQLite 임베디드 데이터베이스에 벡터 검색 기능을 추가합니다. Alex는 이 문제에 대해 오랫동안 작업해 왔고, 그의 최신 접근 방식이 로컬 AI 애플리케이션을 구축하는 애플리케이션 개발자들에게 새로운 강력한 도구를 제공할 것이라고 생각합니다.

파이어폭스 나이틀리에서 지역별 대체 텍스트 생성 실험

Firefox 130은 완전히 개인적인 온-디바이스 AI 모델을 사용하여 이미지에 대한 대체 텍스트를 자동 생성하는 새로운 실험적 기능을 도입합니다. 이 기능은 Firefox의 기본 PDF 편집기 일부로 제공되며, 최종 목표는 화면 판독기 사용자를 위해 일반 브라우징에서 사용할 수 있도록 하는 것입니다.

라마파일의 진행, 4개월째

모질라의 혁신 그룹이 지난해 말에 llamafile 프로젝트를 처음 출시했을 때, 오픈 소스 AI 개발자들로부터 즉각적인 긍정적인 반응을 받았습니다. 이는 모질라의 깃허브에서 가장 인기 있는 저장소 3위에 올랐으며, 다수의 기여자들, 우수한 PR들, 디스코드 서버에서 성장하는 커뮤니티를 끌어모았습니다.

크로스 플랫폼 GUI 애플리케이션을 러스트로 포팅하기

이 블로그 게시물에서는 크래시 리포터에 러스트를 선택한 동기를 살펴보고, 브라우저가 실패했을 때 작동하는 애플리케이션을 설계하는 고유한 도전을 설명하며, 새로운 아키텍처를 구현한 내용을 논의합니다. 또한 구현의 기술적인 세부 사항에 대한 통찰력을 공유하여 러스트의 기능이 어떻게 더 효과적이고 안전하게 크래시를 처리하는지 보여줍니다.

피그마 컴포넌트 라이브러리의 Gradio UI로 더 빠르게 프로토타입을 제작하세요

생성형 AI의 빠르게 변화하는 세계에서 앞서 나가는 것은 신속하고 똑똑하게 움직이는 것을 의미합니다. 그래서 우리는 새로운 아이디어를 현실화하기 위해 Hugging Face의 저코드 프로토타입 툴킷인 Gradio를 우리의 주요 툴로 채택했습니다.

파이어폭스 및 웹 전체에서 Speedometer 3로 성능 개선

다른 주요 브라우저 엔진 개발자들과의 협력을 통해 모질라는 오늘 스피드미터 3를 발표하게 되어 기쁘게 생각합니다. 이전 버전의 스피드미터와 마찬가지로, 이 벤치마크는 온라인 성능에 가장 중요한 것을 측정합니다. 즉, 반응성입니다. 그러나 오늘 발표된 버전은 이전보다 더 개방적이고 더 도전적이며, 브라우저 성능 개선을 위한 최고의 도구입니다.

Interop 2024 발표

Interop 2023의 성공에 이어 2024년에 새로운 초점 영역을 선정하여 프로젝트를 지속하게 되어 기쁩니다. 웹 플랫폼의 이러한 영역에서는 사용자와 웹 개발자에게 가장 긍정적인 영향을 미칠 수 있다고 생각합니다.

라마파일 소개

우리는 열린 소스 커뮤니티가 이 혁신적인 프로젝트에 참여할 것을 초대하는 llamafile의 첫 번째 출시를 발표하게 되어 기쁩니다. llamafile을 사용하면 대용량 언어 모델(LLM) 가중치를 실행 파일로 쉽게 변환할 수 있습니다. 4GB의 LLM 가중치 파일을 6가지 다른 운영 체제에서 원활하게 실행되는 바이너리로 변환하는 것을 상상해보세요. 설치가 필요하지 않습니다.

Mozilla AI 가이드 출시와 요약 코드 예시

Mozilla는 방금 AI 가이드를 출시했습니다. 이는 개발자가 힘을 합치고 서로에게 영감을 주며 획기적인 생성 AI 발전에서 선두를 이끌 수 있는 협력적 허브입니다. AI 가이드의 초기 초점은 언어 모델에서 시작하여 다른 유형의 모델을 포함하는 협력적이고 커뮤니티 주도적인 리소스가 되고자 합니다.

아래로 그리고 오른쪽으로: 2023년에 실제 사용자들을 위해 Firefox가 실제로 더 빨라졌습니다.

우리의 비전을 실현하고 모든 사람에게 더 나은 온라인 경험을 제공하기 위해, 우리는 파이어폭스를 훨씬 더 빠르게 만들기 위해 열심히 노력해 왔다. 지난 1년에 걸쳐 속도가 크게 개선된 것을 매우 기쁘게 보고 있다.

개인 정보 보호를 위해 구축: Firefox에서 Oblivious HTTP 및 Prio 배포를 위한 파트너쉽

사용자 프라이버시 보호는 Mozilla의 웹 및 인터넷 전반에 대한 비전의 핵심 요소입니다. 이러한 비전을 추구하는 과정에서, 우리는 Firefox에서 프라이버시 보호 기술을 배포하는 새로운 파트너쉽을 Fastly 및 Divvi Up와 함께 발표하게 되어 기쁩니다.

파이어폭스에서 더 빠른 Vue.js 실행

Firefox에서 Vue.js의 성능이 올해 내내 크게 개선되었습니다. 가장 최근에는 Proxy 최적화를 통해 반응성을 개선했습니다. 이 변경 사항은 Firefox 118에 적용되었으므로 현재 베타 버전에 있으며 9월 말까지 릴리즈 버전으로 업데이트될 예정입니다.

UniFFI를 사용하여 러스트-자바스크립트 바인딩 자동 생성

이 블로그 게시물에서는 UniFFI를 개발한 방법에 대해 설명합니다. UniFFI는 자동으로 외부 언어 바인딩을 생성하는 러스트 라이브러리입니다. 개발 과정에서 발생한 몇 가지 문제와 어떻게 해결했는지에 대해 설명합니다.

자, ChatGPT 스타일의 오픈 소스 챗봇을 직접 만들고 싶으신가요...

인공 지능은 수년 동안 등장한 기술 중 가장 큰 영향을 미치고 파괴적인 기술 중 하나일 수 있습니다. 우리는 이러한 노력을 이해하고 지원하며 기여하고 싶습니다. 왜냐하면 우리는 이러한 노력이 진정으로 신뢰할 수 있는 AI 시스템이 등장하는 것을 보장하는 데 가장 좋은 방법 중 하나를 제공하기 때문입니다. 이러한 생각을 염두에 두고 Mozilla의 혁신 그룹 내에 있는 작은 팀은 최근 샌프란시스코에 있는 본사에서 해커톤을 진행했습니다. 우리의 목표는 Mozilla 내부 챗봇 프로토타입을 구축하는 것이었습니다.