어반베이스

RSS

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

All Frontend Backend AI DevOps Architecture Etc

Etc
블렌더 스크립트를 이용한 간단한 모델링과 렌더링
해당 글은 '블렌더 스크립트를 이용한 간단한 모델링과 렌더링'이라는 제목을 가지고 있지만, 실제 본문 내용은 '404 File not found' 오류 메시지만을 포함하고 있습니다. 따라서 블렌더 스크립트를 이용한 모델링이나 렌더링에 대한 기술적인 내용은 전혀 다루어지지 않습니다. GitHub Pages와 관련된 파일 경로 또는 권한 문제로 인해 페이지를 찾을 수 없다는 오류 메시지와 함께 관련 문서를 참고하라는 안내만 제공됩니다. 본문 내용이 비어있으므로 기술적인 요약이나 결론을 도출할 수 없습니다.
블렌더스크립트모델링
어반베이스·2021년 5월 20일
Backend
Class vs Factory Function, 더 나은 선택은?
이 글은 JavaScript의 Class Function과 Factory Function의 차이점을 비교하고, 어떤 것을 선택해야 할지에 대한 고민을 다룹니다. Class Function은 ES6에서 도입되었으며, Factory Function은 JavaScript에서 객체를 생성하는 전통적인 방식입니다. 두 방식의 기본 사용법을 예시 코드로 보여주고, 특히 캡슐화 측면에서의 차이점을 집중적으로 설명합니다. Class Function은 내부 변수나 함수에 직접 접근이 가능하여 캡슐화가 기본적으로 되지 않는 반면, Factory Function은 클로저를 활용하여 내부 상태를 숨기고 필요한 메서드만 외부에 노출함으로써 캡슐화를 효과적으로 구현할 수 있습니다. Node.js 12.0.0 버전부터 Private class fields가 도입되어 Class Function에서도 캡슐화가 가능해졌음을 언급하며, 개발자는 프로젝트의 요구사항과 상황에 맞춰 더 적합한 방식을 선택해야 함을 시사합니다.
ClassFactory FunctionJavaScript
어반베이스·2021년 3월 28일
Frontend
프론트엔드 에러 로그 시스템 Sentry 적용기
이 글은 프론트엔드 개발자가 클라이언트 사이드 에러 로그 트래킹 시스템인 Sentry를 도입한 경험을 공유합니다. SPA(Single Page Application)와 CSR(Client Side Rendering) 환경에서 발생하는 예기치 못한 오류를 효과적으로 파악하고 대응하기 위해 Sentry의 필요성을 강조합니다. 기존의 번거로운 오류 확인 방식(원격 접속, 사용자 요청) 대신, Sentry를 통해 오류 발생 시 메일이나 슬랙 알림을 받고 상세 정보를 즉시 확인할 수 있음을 설명합니다. Sentry는 JavaScript, Vue.js 등 다양한 언어와 프레임워크를 지원하며, 오류 발생 장비 정보 등 다양한 데이터를 제공하여 에러 모니터링을 일원화하고 이슈 대응을 효율적으로 할 수 있도록 돕습니다.
Sentry에러 트래킹Frontend
어반베이스·2021년 3월 4일
Etc
익숙해지면 좋을 깃(git) 명령어 모음집
이 글은 개발자들이 자주 사용하는 버전 관리 시스템인 Git의 기본적인 명령어들을 정리한 모음집입니다. `git init`으로 저장소를 초기화하고, `git status`로 파일 상태를 확인하며, `git add`로 변경 사항을 스테이징 영역에 추가하는 방법을 설명합니다. 또한, `git rm`으로 파일을 삭제하거나 스테이징을 해제하고, `git restore`로 변경 사항을 복원하는 방법, 그리고 `git clean`으로 추적되지 않는 파일을 삭제하는 유용한 명령어들을 소개합니다. 각 명령어 뒤에 `--help` 옵션을 사용하면 더 많은 활용법을 알 수 있다는 팁도 제공합니다.
git버전 관리명령어
어반베이스·2021년 1월 15일
Frontend
롯데하이마트 앱은 AR을 어떻게 도입하게 됐을까?
롯데하이마트가 자사 앱에 AR(증강현실) 서비스를 도입한 과정을 소개하는 글입니다. 어반베이스의 AR Viewer SDK를 활용하여 롯데하이마트 앱에 AR 기능을 적용했으며, 이 과정에서 요구사항 정의, 역할 분담, 개발 단계를 거쳤습니다. AR Viewer SDK는 제품 로드, 회전, 확대 등 기본적인 AR 기능을 제공하고, UI는 롯데하이마트 측에서 브랜드 톤에 맞게 구현했습니다. 이를 통해 사용자들은 앱 내에서 가구를 배치해보는 등 AR 경험을 할 수 있게 되었습니다. 글에서는 실제 코드 예시와 함께 AR 기능 구현 과정을 설명하며, AR 기술이 비대면 서비스 도입에 어떻게 기여하는지 보여줍니다.
AR증강현실SDK
어반베이스·2020년 12월 16일
DevOps
아직도 Amazon GuardDuty 도입을 안 하셨다면?
이 글은 AWS 계정과 워크로드를 보호하는 지능형 위협 탐지 서비스인 Amazon GuardDuty의 도입 및 설정 방법을 다룹니다. 서비스가 안정화되면서 중요해진 보안 이슈에 대응하기 위해 GuardDuty 도입을 고려하게 된 배경을 설명하고, GuardDuty가 AWS CloudTrail, VPC 플로우 로그, DNS 로그 데이터를 처리하여 잠재적 위협을 탐지하는 원리를 소개합니다. 특히, Amazon CloudWatch Events 트리거를 활용하여 이메일 알림(Amazon SNS)과 사내 텔레그램 알림(AWS Lambda 함수)을 받는 두 가지 방식의 설정 과정을 상세히 안내합니다. 이를 통해 AWS 환경의 보안 수준을 한층 강화하는 방법을 공유합니다.
Amazon GuardDutyAWS보안
어반베이스·2020년 10월 31일
Frontend
[AR개발 Tip] Sceneform에서 바닥인식 벗어난 곳으로 Node 이동 시키기
본 글은 Android AR 개발 시 Google의 Sceneform 라이브러리를 사용하여 겪었던 문제와 해결 과정을 공유합니다. Sceneform은 ARCore의 높은 기술 장벽을 낮춰 AR 개발에 집중할 수 있도록 돕는 도구입니다. 특히, 카메라 상에서 멀리 떨어진 곳까지 Node를 자연스럽게 이동시키는 요구사항을 해결하는 데 초점을 맞춥니다. 기존 Sceneform은 바닥 인식을 기반으로 Node를 배치하므로 멀리 떨어진 곳은 인식되지 않아 이동이 제한되는 문제가 있었습니다. 이 글에서는 이러한 제약을 극복하고 Node를 원하는 위치로 이동시키는 노하우를 다룹니다.
ARCoreSceneformAndroid
어반베이스·2020년 3월 6일
Etc
유니티 스크립트 활용해 절차지향 모델링 기본요소 구성하기
본 글은 유니티 엔진의 스크립트를 활용하여 절차지향 모델링의 기본 구성 요소를 만드는 방법을 다룹니다. 라이브 스케치(Live Sketch) 툴 개발 경험을 바탕으로, 비전문가도 쉽게 건물 단면도를 모델링할 수 있는 절차지향 모델링의 필요성을 설명합니다. 기존 모델링 툴의 한계를 지적하며, 유니티 엔진이 게임뿐만 아니라 건축, 영화 등 비게임 분야에서도 활용될 수 있음을 강조합니다. 특히, 3D 그래픽스의 기본 표현 단위인 폴리곤, 엣지, 페이스, 메쉬 등의 구성 요소를 유니티의 C# 스크립트를 통해 직접 구현하는 예제를 제시하여, 프로그래밍 코드로 모델링을 구현하는 기본 원리를 이해하도록 돕습니다.
UnityScriptProcedural Modeling
어반베이스·2020년 1월 21일
AI
Sagemaker에서 PyTorch를 활용한 딥러닝 이미지 분류 모델 학습 및 배포
본 글은 AWS SageMaker를 활용하여 PyTorch로 딥러닝 이미지 분류 모델을 학습하고 배포하는 과정을 다룹니다. 특히, Computer Vision 분야에서 유용한 torchvision 패키지를 사용하여 사용자 정의 데이터셋으로 고양이 이미지 분류 모델을 구축하는 방법을 설명합니다. 데이터셋 구성부터 모델 학습, 그리고 Serverless API 개발까지 두 파트로 나누어 설명하며, 오늘은 딥러닝 모델 개발 부분인 SageMaker에서의 학습 및 배포 과정을 집중적으로 다룹니다. 이를 통해 딥러닝 모델 개발 및 클라우드 환경에서의 배포 과정을 이해하는 데 도움을 줄 것입니다.
SageMakerPyTorch딥러닝
어반베이스·2019년 12월 16일
Frontend
AWS S3 정적호스팅 SPA에 동적 메타태그 적용하기
본 글은 프론트엔드 개발자가 SPA(Single Page Application)의 한계점인 검색엔진 및 SNS 봇 노출 문제와 동적 메타태그 적용의 필요성을 설명합니다. SPA는 클라이언트 측 렌더링(CSR)으로 인해 초기 로딩 성능이 우수하지만, 검색엔진이나 SNS 스크랩 시 페이지 정보를 제대로 가져오지 못하는 단점이 있습니다. 이를 해결하기 위한 방안으로 서버 측 렌더링(SSR)을 소개하며, AWS S3 정적 호스팅 환경에서 SPA에 동적 메타태그를 적용하는 방법에 대한 논의를 시작합니다. 글은 SPA의 문제점과 SSR의 필요성을 강조하며, 구체적인 해결책 제시를 예고합니다.
SPAAWS S3정적 호스팅
어반베이스·2019년 11월 25일
AI
클라우드 환경에서 머신러닝 서비스 프로토타입 빠르게 만들어보기
이 글은 머신러닝 엔지니어가 AWS SageMaker를 활용하여 머신러닝 서비스 프로토타입을 빠르게 구축하는 과정을 소개합니다. 특히 컴퓨터 비전 영역의 딥러닝 기술을 활용하여 공간 분류, 사물 검출, 공간 특성 분석 서비스를 제공하는 어반베이스의 'Space' 프로젝트를 예시로 듭니다. SageMaker는 모델 학습부터 배포까지 전 과정을 관리하며, Google의 Tensorflow Object Detection API와 Oxford-IIIT Pets dataset, Faster R-CNN Resnet-101 모델을 사용하여 object detection 모델의 정확도를 높이는 방법을 다룹니다. 복잡한 데이터 형식 처리 등 시행착오를 거쳐 모델 학습부터 배포까지 프로토타입을 신속하게 만드는 튜토리얼을 제공합니다.
머신러닝프로토타입AWS SageMaker
어반베이스·2019년 10월 23일
Frontend
모바일에서 3D Viewer 구축하기_안드로이드 웹뷰 편
본 글은 모바일 앱에서 3D 콘텐츠를 효과적으로 보여주기 위한 방법으로 안드로이드 WebView 활용 방안을 소개합니다. AR Viewer SDK, Sketch Viewer 개발 경험을 바탕으로, 게임 개발자가 아닌 일반 앱 개발자도 쉽게 접근할 수 있는 WebView 방식의 장점을 설명합니다. 특히, 안드로이드 5.0 롤리팝 이후 버전부터 WebGL 지원이 안정화되어 3D 콘텐츠 구현이 용이해졌음을 강조합니다. WebView는 HTML5, CSS3, JavaScript 등 웹 표준 기술을 지원하며, 크로미엄 기반으로 성능이 향상되었고 리모트 디버깅도 가능합니다. OpenGL이나 Unity 방식보다 기술 난이도가 낮아 모바일 3D 콘텐츠 도입을 고려하는 개발자들에게 유용한 정보를 제공합니다.
3D ViewerAndroid WebViewWebGL
어반베이스·2019년 9월 28일
Etc
AR 개발 얼마면 되겠니?
이 글은 증강현실(AR) 기술의 현재와 미래 전망에 대해 다룹니다. AR이 아직 주류 기술로 자리 잡지는 못했지만, Gartner Hype Cycle 2018에 따르면 2023년~2028년경 상용화될 것으로 예상됩니다. AR은 경험하지 않아도 경험한 것과 같은 효과를 제공하며, 생활 전반을 편리하고 효율적으로 만들 잠재력을 지니고 있습니다. 이미 많은 기업들이 AR 기술의 가능성을 인지하고 발빠르게 움직이고 있으며, 이를 통해 소비자들은 의류 피팅, 메이크업 시뮬레이션 등 다양한 분야에서 AR 기술의 혜택을 경험하고 있습니다. 글은 AR 기술이 단순한 오락을 넘어 실생활에 유용하게 활용될 수 있음을 강조하며, 미래 사회에서의 AR의 중요성을 시사합니다.
증강현실ARGartner Hype Cycle
어반베이스·2019년 8월 5일
Frontend
Geometry Shader Effect로 데이터 아름답게 표현하기
본 글은 어반베이스의 3D 그래픽스 엔지니어가 Unite Seoul 2019 컨퍼런스 참가 후기를 공유하며, 특히 Geometry Shader Effect를 활용한 데이터 시각화와 실시간 VFX 제작 방법에 대해 다룹니다. Unity를 기반으로 3D Home Design 및 Viewer 개발 경험을 소개하며, NVIDIA RTX를 이용한 Real-time Ray Tracing과 Visual Effect Graph를 활용한 실시간 VFX 제작 세션 내용을 중심으로 설명합니다. 이를 통해 3D 데이터를 사용자에게 더욱 아름답고 효과적으로 표현하는 기술적 접근과 가능성을 보여줍니다.
Geometry Shader3D GraphicsUnity
어반베이스·2019년 7월 1일
DevOps
AWS CodePipeline을 활용한 빌드/배포 자동화
백엔드 개발자가 젠킨스(Jenkins)의 서버 관리 이슈와 비효율성을 해결하기 위해 AWS CodePipeline을 활용한 빌드/배포 자동화 환경을 구축한 경험을 공유합니다. 젠킨스는 구동을 위한 서버가 필요하고 플러그인, 계정 관리 등 부가적인 서버 관리 부담이 발생하지만, AWS CodePipeline은 서버리스 구조로 이러한 부담을 없애줍니다. 실제 작업 외에는 고정 비용이 발생하지 않으며 서버 관리 이슈도 사라져 스타트업 환경에 효율적입니다. 글에서는 AWS CodePipeline의 구조와 단계별 서비스 활용 방안을 설명하며, 소스 변경부터 빌드, 테스트, 배포까지 이어지는 CI/CD 과정을 자동화하는 방법을 제시합니다.
AWS CodePipeline빌드 자동화배포 자동화
어반베이스·2019년 7월 1일
Architecture
[이론편] 플랫폼, 알고 개발하자
이 글은 '플랫폼'의 개념과 중요성을 설명하며, 특히 디지털 기술이 플랫폼의 발전에 미친 영향을 강조합니다. 플랫폼은 생산자와 소비자가 상호작용하여 가치를 창출하는 공간을 제공하며, 디지털 기술은 이러한 상호작용을 위한 인프라를 구축하고 플랫폼의 범위, 속도, 편의성, 효율성을 증대시킵니다. 전통적인 '파이프라인' 모델이 가치의 단계적 이동에 초점을 맞추는 반면, 플랫폼은 다양한 이용자들이 자원을 활용하여 가치를 창출하고 교환하는 복잡하고 다면적인 구조를 가집니다. 궁극적으로 기술과 데이터를 활용하여 가치를 더할 수 있다면 성공적인 플랫폼 구축의 잠재력을 지닌다고 설명합니다.
플랫폼플랫폼 레볼루션파이프라인
어반베이스·2019년 4월 1일
AI
공간분석 AI 서비스 Taker
이 글은 공간 분석 AI 서비스인 Taker를 소개합니다. Taker는 Computer Vision과 CNN 기반 Deep Learning 기술을 활용하여 공간 이미지를 분석하고, 사물을 인식하며 공간을 분류합니다. 특히, 거실, 방, 주방, 욕실 등으로 공간을 분류하는 정확도는 약 96%에 달하며, Faster-RCNN 기반의 Object Detection 기술로 가구, 전자제품 등의 위치와 종류를 파악합니다. 또한, 사용자 데이터를 이용한 Retraining 프로세스를 통해 지속적으로 정확도를 개선하며, 성별, 연령, 주거 형태, 스타일 선호도 등 사용자의 취향 분석까지 발전시키고 있습니다. Taker는 사용하기 쉬운 API를 통해 웹, 모바일, 애플리케이션 등 다양한 서비스에 쉽게 통합될 수 있어 공간 이미지 분석 서비스의 활용성을 높입니다.
Computer Vision딥러닝CNN
어반베이스·2019년 3월 12일
Etc
3D 객체를 AR로 핸들링할 수 있는 AR Viewer
이 글은 3D 객체를 증강현실(AR) 환경에서 쉽게 다룰 수 있도록 돕는 AR Viewer 라이브러리에 대해 소개합니다. ARCore와 ARKit를 기반으로 개발되었으며, 3D 객체의 이동, 회전, 확대, 화면 캡처 및 공유와 같은 추가 기능을 제공합니다. 몇 줄의 코드로 3D 모델링 파일을 불러올 수 있으며, Android 7.0 이상을 지원하는 단말기에서 사용 가능합니다. Urbanbase는 이 기술을 활용하여 3D 공간 데이터 플랫폼을 구축하고 있으며, 도면 변환, AR, VR 뷰어 기술을 API와 SDK 형태로 제공합니다.
ARARCoreARKit
어반베이스·2019년 3월 12일
Frontend
3D 객체들의 렌더링을 담당하는 3D Viewer
본 글은 3D 객체 렌더링을 위한 '3D Viewer' SDK 및 API에 대해 소개합니다. 3D Viewer는 Web, HMD, iOS/Android 등 다양한 디바이스 환경에서 추가 개발 없이 3D 객체를 손쉽게 렌더링할 수 있는 기능을 제공합니다. PBR(Physically Based Rendering)을 적용하여 고품질 그래픽 구현이 가능하며, 렌더링 품질에 따라 Basic과 Pro 버전으로 나뉩니다. 또한, VR/AR 환경에서 고용량 고화질 3D 모델을 빠르고 매끄럽게 처리하기 위한 최적화된 퍼포먼스를 제공합니다. 함께 소개된 Crane은 Unity 기반의 뷰어인 Urbanbase Core의 기능을 웹 기반 플랫폼에서 사용할 수 있게 해주는 SDK로, 다양한 모드를 지원하여 웹 상에서 3D 렌더링 및 HomeDesign 기능을 활용할 수 있도록 합니다.
3D ViewerSDKAPI
어반베이스·2019년 3월 6일
Frontend
3D로 즐기는 가상의 인테리어 3D Home Design
본 글은 어반베이스의 3D Home Design 기능과 이를 웹에서 사용할 수 있게 하는 Crane SDK에 대해 소개합니다. 3D Home Design은 사용자가 가상 공간에서 7,000개 이상의 3D 제품을 배치하고 조도 조절을 통해 일조량을 미리 확인하는 등 실제 매장 방문 없이 인테리어를 체험할 수 있게 합니다. 또한, 줄자, 면적 계산기, 충돌 방지 기능 등을 제공하여 편리한 제품 배치를 돕습니다. Crane SDK는 Unity 기반의 Core 기능을 웹 플랫폼에서 활용할 수 있도록 하며, Viewer, Product Viewer, Editor, Floor Planner 등 4가지 모드를 지원하여 3D 건축물 보기, 제품 보기, 직접 제품 배치, 2D 도면을 3D로 변환하는 기능을 제공합니다. 이 기술은 인테리어, 건축, 영화, 게임 등 다양한 산업군에서 도입을 검토 중입니다.
3DHome DesignSDK
어반베이스·2019년 3월 6일