삼성전자

RSS

게시글: 145
등록: 2026년부터

All Frontend Backend AI DevOps Architecture Etc

Frontend
Stereoscopy의 이해: 무안경 3D 게임 개발 방법론
이 글은 안경 없이 3D 경험을 제공하는 무안경 3D 기술과 오디세이 3D 모니터를 활용한 게임 개발 방법론을 다룹니다. 기존 안경 3D 및 VR 헤드셋의 불편함을 넘어, 렌티큘러 패널과 소프트웨어 기술을 통해 사용자에게 몰입감 있는 3D 경험을 제공합니다. 특히, 실시간 아이 트래킹과 양안 시차, 뷰 매핑 기술을 활용하여 사용자의 시점에 맞춰 동적으로 이미지를 조정함으로써 정확한 깊이 인식을 가능하게 합니다. 이를 통해 헤드셋이나 안경 없이도 자연스러운 3D 게임 플레이를 구현하는 방법을 소개합니다.
무안경 3DStereoscopy게임 개발
삼성전자·2026년 4월 7일
Frontend
부서 내 효율적 협업을 위한 Playground 개발
본 글은 Next.js 기반의 Playground 개발을 통해 부서 내 협업 및 업무 효율성을 증대시킨 경험을 공유합니다. 웹 기술의 높은 접근성을 활용하여 개발자 친화적인 환경을 구축했으며, 특히 Next.js는 복잡한 웹 개발 과정을 간소화하여 풀스택 개발 표준으로 자리 잡고 있음을 강조합니다. `create-next-app` 명령어로 손쉽게 프로젝트를 시작할 수 있으며, 폴더 구조 기반의 페이지 라우팅 기능은 개발 편의성을 높입니다. 또한, Next.js의 핵심인 React의 컴포넌트 기반 아키텍처와 단방향 데이터 흐름은 코드의 재사용성과 유지보수성을 극대화하여 효율적인 개발을 가능하게 합니다. 이 사례를 통해 웹 기술을 활용한 업무 자동화 및 효율화에 대한 동기 부여와 실질적인 첫걸음을 제시하고자 합니다.
Next.jsReactPlayground
삼성전자·2024년 11월 18일
Frontend
부서 내 효율적 협업을 위한 Playground 개발
이 글은 Next.js 기반의 Playground 개발을 통해 부서 내 협업 효율성을 높인 경험을 공유합니다. 웹 기술의 높은 접근성을 활용하여 개발자들이 업무 효율화를 이룰 수 있도록 돕는 것을 목표로 합니다. Next.js는 복잡한 웹 개발을 간소화하는 풀스택 웹 개발 프레임워크로, `create-next-app` 명령어를 통해 쉽게 시작할 수 있으며, 폴더 구조 기반의 페이지 라우팅 기능을 제공합니다. 또한, Next.js의 핵심 라이브러리인 React는 컴포넌트 기반 아키텍처와 단방향 데이터 흐름을 특징으로 하며, JSX를 반환하는 함수를 통해 재사용 가능한 UI 컴포넌트를 쉽게 만들 수 있습니다. 이를 통해 반복적인 업무를 자동화하고 팀원 간의 소통 및 협업을 증진시키는 Playground를 성공적으로 구축했습니다.
Next.jsReactPlayground
삼성전자·2024년 11월 18일
Frontend
Any의 함정 TypeScript와 Zod를 활용한 Type 명세로 해소
이 글은 JavaScript의 동적 타이핑으로 인해 발생하는 복잡한 프로젝트에서의 문제점을 개선하기 위해 TypeScript와 Zod를 활용하는 방법을 다룹니다. TypeScript는 정적 타이핑을 도입하여 코드 안정성과 유지보수성을 높이지만, 'any' 타입의 남용은 여전히 문제를 야기할 수 있습니다. 이를 해결하기 위해 Zod 라이브러리를 사용하여 세밀한 타입 지정과 유효성 검사를 수행하는 것이 중요합니다. Zod는 런타임 시점에 데이터 유효성을 검사하여 TypeScript의 타입 시스템을 보완하며, 생성형 AI의 도움을 받아 이러한 과정을 더욱 간소화할 수 있습니다. 글에서는 JavaScript의 특징과 TypeScript의 등장 배경을 설명하고, 'any' 타입의 함정을 피하고 타입 안전성을 강화하는 실질적인 방안을 제시합니다.
TypeScriptZodany 타입
삼성전자·2024년 8월 20일
Frontend
Any의 함정 TypeScript와 Zod를 활용한 Type 명세로 해소
이 글은 TypeScript의 'any' 타입 사용으로 인해 발생할 수 있는 문제점을 지적하고, 이를 해결하기 위한 방안으로 Zod 라이브러리를 소개합니다. JavaScript의 동적 타이핑 단점을 보완하기 위해 등장한 TypeScript는 정적 타이핑을 통해 코드 안정성과 유지보수성을 높이지만, 'any' 타입의 남용은 여전히 문제를 야기할 수 있습니다. Zod는 세밀한 타입 지정과 강력한 유효성 검증 기능을 제공하여 이러한 TypeScript의 한계를 극복하는 데 도움을 줍니다. 또한, 생성형 AI를 활용하여 이러한 타입 명세 및 유효성 검사 작업을 간소화할 수 있는 가능성도 제시합니다. 이를 통해 복잡한 프로젝트에서도 코드의 안정성과 가독성을 확보하고 개발 생산성을 향상시킬 수 있습니다.
TypeScriptZodany 타입
삼성전자·2024년 8월 20일
Frontend
Chromium 프로젝트 Contribution Tip 공유
이 글은 Chromium 프로젝트에 대한 소개와 오픈소스 개발자로서 기여하는 노하우를 공유합니다. Chromium은 Chrome 웹 브라우저의 기반이 되는 오픈소스 프로젝트로, 웹 표준 준수, 보안 강화, 성능 개선을 목표로 합니다. C++로 작성되었으며 Aura, Skia, V8 JavaScript 엔진, Blink 레이아웃 엔진 등을 활용합니다. MS Edge, 삼성 인터넷, 네이버 웨일 등 다양한 브라우저 개발에도 사용됩니다. SDC23 Korea 발표 내용을 바탕으로 Chromium 프로젝트 Committer에 도전하며 얻은 기여 경험과 팁을 소개하며, 오픈소스 커뮤니티 참여의 중요성을 강조합니다.
Chromium오픈소스웹 브라우저
삼성전자·2023년 12월 20일
Frontend
Chromium 프로젝트 Contribution Tip 공유
이 글은 Chromium 프로젝트에 대한 소개와 함께, 해당 프로젝트에 기여(Contribution)하는 노하우를 공유합니다. Chromium은 구글 크롬 웹 브라우저의 기반이 되는 오픈소스 프로젝트로, 웹 표준 준수, 보안 강화, 성능 개선을 목표로 합니다. C++로 작성되었으며 Aura, Skia 라이브러리, V8 JavaScript 엔진, Blink 레이아웃 엔진을 사용합니다. MS Edge, 삼성 인터넷, 네이버 웨일 등 다양한 브라우저 개발에도 활용되는 중요한 프로젝트입니다. SDC23 Korea 발표 내용을 바탕으로 Chromium 프로젝트 Committer에 도전하며 얻은 실질적인 기여 방법을 소개하여, 오픈소스 개발자로 성장하고자 하는 이들에게 유용한 정보를 제공합니다.
ChromiumChrome오픈소스
삼성전자·2023년 12월 20일
Frontend
앱 개발자를 위한 현명한 선택: Android App Bundle과 Dynamic Feature Module 활용 전략
본 글은 Android App Bundle(AAB)의 개념과 도입 목적, 그리고 Dynamic Feature Module을 활용한 하위 호환성 문제 해결 사례를 소개합니다. AAB는 앱 용량을 효율화하기 위해 각 요소를 개별 APK로 나누고, 설치 기기에 필요한 APK만 묶음으로 전달하는 포맷입니다. Google Play Store는 2021년 8월부터 신규 앱에 AAB만 허용하고 있습니다. AAB는 Base Module, Configuration Module, Dynamic Feature Module로 구성되며, 특히 Dynamic Feature Module은 필요에 따라 선택적 설치 및 삭제가 가능합니다. 또한, Google Play Store의 Play Feature Delivery 기능을 통해 모듈을 조건부, 주문형, 즉시 전송할 수 있습니다. 마지막으로, Watch Face Studio를 활용하여 Wear OS 워치 페이스를 개발하는 사례를 통해 AAB의 실제 적용 가능성을 보여줍니다.
Android App BundleDynamic Feature ModuleWear OS
삼성전자·2023년 12월 5일
Frontend
앱 개발자를 위한 현명한 선택: Android App Bundle과 Dynamic Feature Module 활용 전략
본 글은 Android 앱 개발자를 위한 Android App Bundle(AAB)과 Dynamic Feature Module 활용 전략을 소개합니다. AAB는 앱 용량 효율화를 위해 기기별 최적화된 APK를 생성하는 포맷으로, Google Play Store는 신규 앱 업로드 시 AAB 사용을 의무화했습니다. AAB는 Base Module, Configuration Module, Dynamic Feature Module로 구성되며, 특히 Dynamic Feature Module은 특정 기능을 분리하여 필요에 따라 설치 및 삭제할 수 있게 합니다. 또한, Google Play Store의 Play Feature Delivery 기능을 통해 모듈을 조건부, 주문형, 즉시 전송하는 방식을 설명합니다. 마지막으로 Watch Face Studio를 활용한 Wear OS 워치 페이스 개발 사례를 통해 AAB의 실질적인 적용 가능성을 보여줍니다.
Android App BundleAABDynamic Feature Module
삼성전자·2023년 12월 5일
Frontend
러스트로 만나는 WebAssembly 톺아보기: 개념부터 예제까지
이 글은 웹 어셈블리(WebAssembly, Wasm)의 개념과 혁신적인 기술로서의 가능성을 탐구합니다. Wasm은 C, C++, Rust 등 다양한 언어로 작성된 코드를 웹 브라우저에서 고성능으로 실행할 수 있게 하며, JavaScript를 보완하여 이전에는 불가능했던 복잡하고 기능이 풍부한 웹 애플리케이션 구축을 가능하게 합니다. 언어 중립적인 바이트 코드로 컴파일되어 웹 브라우저에서 빠르게 실행되며, 스택 기반 가상 머신에서 동작하여 실행 효율성과 메모리 관리, 언어 호환성을 높입니다. 글에서는 특히 Rust 언어에 익숙한 독자를 대상으로 Wasm의 작동 과정과 장단점을 소개하며, Rust를 활용한 간단한 Wasm 애플리케이션 작성 방법을 다룰 예정입니다. 이를 통해 개발자는 다양한 언어와 도구를 활용하여 더욱 빠르고 안전하며 풍부한 웹 경험을 사용자에게 제공할 수 있습니다.
WebAssemblyWasmRust
삼성전자·2023년 11월 12일
Frontend
러스트로 만나는 WebAssembly 톺아보기: 개념부터 예제까지
이 글은 웹 어셈블리(WebAssembly, Wasm)의 개념과 혁신적인 가능성을 소개합니다. Wasm은 C, C++, Rust 등 다양한 언어로 작성된 코드를 웹 브라우저에서 고성능으로 실행할 수 있게 하는 언어 중립적인 바이트 코드 포맷입니다. JavaScript를 보완하여 복잡한 계산, 그래픽 처리, 게임 등 이전에는 불가능했던 고성능 웹 애플리케이션 구현을 가능하게 합니다. 스택 기반 가상 머신에서 동작하며, 빠른 실행 속도와 효율적인 메모리 관리가 특징입니다. 글에서는 특히 Rust 언어에 익숙한 독자를 대상으로 Wasm의 장점을 설명하며, 웹 개발의 새로운 패러다임을 제시합니다.
WebAssemblyWasmRust
삼성전자·2023년 11월 12일