검색 결과

“Frontend”20건

All Frontend Backend AI DevOps Architecture Etc

DevOps
토스인컴 세금 환급 서비스 : 빠른 속도에서 품질을 지키기 위한 E2E 자동화 여정
토스인컴은 세금 환급 서비스의 빠른 속도와 높은 품질을 유지하기 위해 E2E 자동화 시스템 구축 여정을 공유합니다. 기존 클래스 기반 POM의 유지보수 어려움을 극복하고자, 상태를 가지지 않는 함수형 POM을 도입하여 코드의 단순성, 조립 가능성, 가독성을 높였습니다. 이를 통해 "누구나 실행할 수 있고, 언제나 신뢰할 수 있는 자동화 시스템"을 구축하는 것을 목표로 합니다. QA 팀은 제품팀과 긴밀히 협력하며 초기 기획부터 배포까지 전 과정에 참여하여 리스크를 줄이고 실행 속도를 높이는 역할을 수행하며, 이러한 협업 방식과 함수형 POM이 시너지를 발휘합니다.
E2E 자동화Functional POM테스트 자동화
토스·2025년 12월 2일
DevOps
Istio와 Telepresence로 공용 Kubernetes 클러스터에서 실행할 애플리케이션을 로컬 환경에서 개발하기
이 글은 공용 Kubernetes 클러스터 환경에서 여러 개발자가 협업할 때 발생하는 Telepresence 사용의 문제점을 해결하고, Istio와 Telepresence를 함께 사용하여 로컬 환경에서 애플리케이션을 효율적으로 개발하는 방법을 소개합니다. 기존 Telepresence는 단일 개발자나 독립된 클러스터 환경에서는 유용하지만, 여러 애플리케이션이 상호작용하는 공용 클러스터에서는 다른 개발자의 요청 처리에 예상치 못한 결과를 초래할 수 있습니다. Istio의 강력한 네트워크 요청 라우팅 기능을 활용하면 이러한 문제를 극복하고, 개발자는 클러스터의 실제 서비스 환경과 유사한 조건에서 로컬 개발을 진행할 수 있습니다. 이를 통해 개발 생산성을 높이고 배포 전 오류를 줄이는 데 기여할 수 있습니다.
IstioTelepresenceKubernetes
네이버·2019년 6월 10일
DevOps
BitBar를 사용한 Prometheus 알림 모니터링
이 글은 macOS 메뉴바를 활용하여 Prometheus 알림을 모니터링하는 방법을 소개합니다. LINE Fukuoka의 개발팀 소속인 Paul Traylor는 Prometheus와 Grafana를 이용한 모니터링 시스템 구축 및 개선 업무를 담당하며, 개발자들이 알림을 쉽게 설정하도록 돕는 것을 목표로 합니다. 다양한 환경의 서버를 모니터링하는 과정에서 발생하는 어려움을 해결하기 위해 BitBar라는 툴을 활용합니다. BitBar는 스크립트 출력을 커스텀 메뉴에 표시하는 방식으로 작동하며, 이를 통해 메뉴바에서 알림 상태 스냅샷을 보여주고 클릭 시 상세 정보를 제공하는 플러그인을 Python으로 구현할 수 있습니다. 이 글은 BitBar를 이용한 알림 모니터링의 구현 예시와 함께, 모니터링 시스템의 효율성을 높이는 방법을 제시합니다.
PrometheusGrafanaBitBar
라인·2017년 4월 27일
DevOps
if(kakaoAI)2024, Infra/Network, 그 외 세션 소개
if(kakaoAI)2024 컨퍼런스의 'Infra / Network & 개발 생산성 및 개발 방법론' 세션 내용을 소개합니다. 본 세션은 네트워크 성능 모니터링을 위한 Network Error Logging과 eBPF 활용, GPU 네트워크 드라이버 가속을 통한 데이터 전송 최적화, tree-sitter와 LSP를 활용한 언어 서버 개발 경험, 그리고 C++에서 OOP를 넘어선 value-oriented programming과 immutable 데이터 구조 적용 방안 등 총 4가지 주제를 다룹니다. 인프라 및 네트워크 성능 개선과 개발 생산성 향상을 위한 다양한 기술적 시도와 인사이트를 공유하는 자리입니다.
Network PerformanceeBPFGPU Acceleration
카카오·2024년 10월 21일
DevOps
서비스 운영플랫폼 #4 - 그룹
본 글은 다나와 기술 블로그의 '서비스 운영플랫폼 #4 - 그룹' 게시물에 대한 내용입니다. 제공된 본문은 404 페이지 오류 메시지를 포함하고 있으며, 실제 기술적인 내용은 담고 있지 않습니다. 다만, 블로그의 카테고리 목록을 통해 다나와 기술 블로그에서 주로 다루는 기술 스택을 유추할 수 있습니다. Kubernetes, Docker, GCP, Elastic, GitLab, Spring, Flutter, MachineLearning 등 다양한 기술 분야의 글이 발행되고 있음을 알 수 있습니다. 이 글 자체는 기술적인 내용을 전달하기보다는, 존재하지 않는 페이지에 대한 안내 메시지를 보여주고 있습니다.
KubernetesDockerCI/CD
다나와·2020년 12월 4일
DevOps
AWS S3 활용 및 단점 분석
이 글은 AWS의 객체 스토리지 서비스인 S3의 활용법과 단점을 분석합니다. S3는 확장성, 가용성, 보안, 성능을 제공하며, 버킷이라는 폴더에 객체(파일)를 저장하는 방식으로 작동합니다. 객체 경로는 s3://{버킷명}/{prefix}/{객체명} 형식으로 표현되며, prefix는 실제 폴더가 아닌 경로 역할을 합니다. S3는 객체 다운로드 및 URL을 통한 웹 직접 접근 기능을 제공하며, ACL 및 Presigned URL을 통해 세부적인 권한 관리도 가능합니다. 글에서는 객체 업데이트 및 삭제 방식에 대한 설명도 이어질 것으로 예상됩니다. S3는 다양한 서비스와 연동하여 데이터를 효율적으로 관리할 수 있는 강력한 도구이지만, 사용 시 비용 및 설정에 대한 고려가 필요합니다.
AWSS3객체 스토리지
데보션·2022년 2월 7일
DevOps
Yarn 대신 pnpm으로 넘어간 3가지 이유
이 글은 Airbridge에서 Yarn에서 pnpm으로 패키지 매니저를 전환한 경험을 공유합니다. 필자는 Yarn Berry의 PnP 모드가 Git 저장소에 미치는 잠재적 영향과 패키지 호환성 문제를 겪은 후 pnpm으로 전환했습니다. pnpm은 디스크 공간 효율성, 빠른 설치 속도, 그리고 더 나은 Git 통합을 제공하여 개발 생산성을 향상시켰습니다. 특히, pnpm의 하드 링크 방식은 중복 파일 저장을 방지하고, Git 커밋 히스토리에 패키지 의존성이 직접적으로 영향을 미치는 것을 줄여줍니다. 또한, 잘못된 패키지 참조로 인한 런타임 오류를 방지하는 데에도 기여했습니다. 이 글은 pnpm 도입을 통해 얻은 실질적인 이점들을 설명하며, 다른 개발팀에게도 pnpm 전환을 고려해볼 만한 가치가 있음을 시사합니다.
pnpmYarn패키지 매니저
AB180·2023년 4월 3일
DevOps
서비스 운영플랫폼 #1 - 소개
이 글은 다나와 기술 블로그에서 제공하는 서비스 운영 플랫폼에 대한 소개 글입니다. 블로그는 Kubernetes, Common, GCP, Elastic, GitLab, Docker 등 다양한 기술 카테고리를 다루고 있으며, 각 카테고리별 게시물 수를 보여줍니다. 하지만 본문 내용은 "404 Page not found" 오류 페이지로, 요청한 페이지를 찾을 수 없다는 메시지만 표시됩니다. 따라서 이 글 자체는 서비스 운영 플랫폼의 구체적인 내용을 다루기보다는, 블로그의 기술 스택과 카테고리를 안내하는 역할을 합니다. 실제 운영 플랫폼에 대한 정보는 제공되지 않습니다.
KubernetesDockerCI/CD
다나와·2020년 12월 2일
DevOps
멈춰! 버그 멈춰! E2E 테스트로 버그 멈추기 Feat. Playwright
이 글은 Hyperconnect CPaaS Web Unit 팀이 실시간 Audio/Video Call SDK 개발 과정에서 겪었던 버그 문제를 해결하기 위해 Playwright를 활용한 E2E(End-to-End) 테스트 도입 경험을 공유합니다. 코드베이스가 커지면서 발생하는 사이드 이펙트와 크로스 브라우징 문제를 효과적으로 관리하고, QA 단계에서 발견되던 버그를 개발 과정에서 조기에 발견하여 시간과 비용을 절감하는 것을 목표로 했습니다. Playwright를 통해 테스트 자동화를 구축하고 회귀 테스트를 강화함으로써 안정적인 SDK 제공을 위한 노력을 설명하며, 특히 개발 과정에서의 버그 발견 중요성을 강조합니다.
E2E 테스트Playwright버그
하이퍼커넥트·2022년 1월 28일
DevOps
Nginx를 이용한 forward proxy 구현
이 글은 Google Cloud Platform(GCP)의 App Engine에서 발생하는 외부 IP 부재 문제를 해결하기 위해 Nginx를 이용한 forward proxy 서버를 구축한 경험을 공유합니다. App Engine은 외부 IP를 지원하지 않아 외부 서비스 연동 시 화이트리스트 관리에 어려움이 있었으나, Nginx를 사용하여 GCE 인스턴스에 forward proxy를 구현함으로써 이 문제를 해결했습니다. Caddy와 같은 유료 솔루션이나 Node.js, Python 기반 구현 대신 Nginx를 선택한 이유와 함께, GCE 인스턴스 생성, Nginx 설치(ngx_http_proxy_connect_module 포함), 사용법, 테스트까지 구현 과정을 상세히 설명합니다. 이를 통해 외부 IP를 제공해야 하는 상황에서 효과적인 프록시 서버 구축 방안을 제시합니다.
Nginxforward proxyGCE
휴먼스케이프·2019년 10월 20일
DevOps
Amazon CloudFront를 활용한 미디어 서비스 모니터링 방안, 2부 : 실시간 로그 기반 모니터링
본 글은 Amazon CloudFront를 활용한 미디어 서비스 모니터링 방안의 2부로, 실시간 로그 기반 모니터링 구축 방법을 다룹니다. 이전 1부에서 표준 로그 기반 분석을 소개했다면, 이번 글에서는 Amazon Kinesis Data Streams와 Data Firehose를 사용하여 실시간 로그 데이터를 수집하고 Amazon OpenSearch로 전송하는 과정을 설명합니다. Lambda 함수를 이용한 데이터 변환 후, OpenSearch에서 실시간 대시보드를 구축하고 알람을 설정하여 운영 이슈를 즉각적으로 파악하고 장애에 신속하게 대응하는 방안을 제시합니다. 이를 통해 미디어 서비스의 안정적인 운영과 개선을 위한 인사이트를 얻을 수 있습니다.
CloudFront모니터링실시간 로그
AWS·2023년 4월 28일
DevOps
AWS Serverless 웹서비스 구축 경험 후기 - 1탄
본 글은 AWS Serverless 웹서비스 구축 경험에 대한 1탄 후기입니다. 데보션(DEVOCEAN) 기술 블로그의 일환으로, 개발자 커뮤니티와 소통 및 성장 플랫폼으로서의 역할을 강조합니다. 글의 주요 내용은 AWS의 서버리스 기술을 활용하여 웹서비스를 구축하는 과정에서 얻은 경험과 인사이트를 공유하는 것입니다. 특히, 서버리스 아키텍처의 장점과 실제 구축 시 고려해야 할 사항들에 대해 다룰 것으로 예상됩니다. 이는 개발자들이 클라우드 환경에서 효율적인 웹서비스를 구축하는 데 도움을 줄 수 있는 실질적인 정보를 제공할 것입니다.
AWSServerless웹서비스
데보션·2022년 5월 24일
DevOps
GitHub Actions에서 도커 캐시를 적용해 이미지 빌드하기
이 글은 GitHub Actions 환경에서 Docker 이미지 빌드 시 캐시가 제대로 동작하지 않는 문제를 다룹니다. 일반적으로 Docker는 빌드 속도 향상을 위해 레이어 캐시를 활용하지만, GitHub Actions에서는 이 캐시가 제대로 적용되지 않아 빌드 시간이 길어지는 현상이 발생합니다. 글에서는 Docker 레이어와 캐시의 기본 원리를 설명하고, Dockerfile 작성 시 `&&` 연산자를 사용하여 RUN 명령어를 통합하는 등 이미지 크기를 줄이는 방법을 소개합니다. 또한, Express 앱을 예시로 들어 Docker 빌드 과정을 보여주며, GitHub Actions에서 Docker 캐시 문제를 해결하기 위한 방안을 모색합니다.
GitHub ActionsDockerCache
카카오엔터테인먼트FE·2022년 4월 14일
DevOps
Logic App을 이용하여 Website 모니터링 하기
본 글은 안랩클라우드메이트의 기술 블로그에 게시된 "Logic App을 이용하여 Website 모니터링 하기"라는 제목의 글입니다. 이 글은 Azure Logic App을 활용하여 웹사이트의 상태를 자동으로 모니터링하고, 문제가 발생했을 때 알림을 받을 수 있는 방법을 소개합니다. 구체적으로는 웹사이트의 가용성을 주기적으로 확인하고, 응답이 없거나 오류가 발생할 경우 즉시 담당자에게 알림을 보내는 자동화 워크플로우를 구축하는 과정을 설명합니다. 이를 통해 웹사이트 운영자는 잠재적인 문제를 신속하게 파악하고 대응하여 서비스 안정성을 높일 수 있습니다. 주로 Azure Logic App, 웹훅, 이메일 알림 등의 기술이 활용됩니다. 이 글은 웹사이트 운영 및 관리에 있어 자동화된 모니터링 시스템 구축에 대한 실질적인 가이드라인을 제공합니다.
Logic AppWebsite MonitoringAzure
클라우드메이트·2020년 6월 16일
DevOps
그라파나를 통한 모니터링 대시보드 구성
이 글은 오픈소스 분석 플랫폼인 그라파나를 사용하여 모니터링 대시보드를 구성하는 방법을 다룹니다. 그라파나는 다양한 데이터 소스를 연동하여 데이터를 시각화하고 분석하는 데 도움을 줍니다. 글에서는 먼저 그라파나와 프로메테우스의 메트릭 정보를 연동하는 과정을 설명합니다. 구체적으로는 데이터 소스 생성 단계에서 프로메테우스를 데이터 소스로 추가하고 서버 정보를 입력하여 연결을 테스트하는 방법을 보여줍니다. 이어서 대시보드 생성 단계로 넘어가, 새 대시보드를 만들고 패널을 추가하여 메트릭을 조회하는 과정을 설명합니다. 노드익스포터에서 수집한 항목을 메트릭으로 선택하여 시각화하는 방법을 예시로 제시합니다. 이를 통해 시스템의 상태를 효과적으로 파악하고 관리할 수 있는 모니터링 환경을 구축하는 방법을 배울 수 있습니다.
그라파나Grafana모니터링
다나와·2020년 3월 16일
DevOps
쿠버네티스 고가용성 클러스터 구성
이 글은 쿠버네티스 마스터 노드의 고가용성 클러스터 구성 방법을 다룹니다. 대량의 통신량 발생 시 마스터 노드의 부하로 인한 장애 가능성을 줄이고, 일부 마스터 노드 장애 시에도 워커 노드의 운영에 영향을 최소화하기 위해 고가용성 클러스터를 구성하는 것이 목표입니다. CentOS 7 환경에서 3대의 서버를 사용하여 마스터 노드 3개를 클러스터로 구성하고, 가상 네트워크(weave)와 ceph storage를 적용하는 과정을 설명합니다. 도커 및 쿠버네티스 설치를 위한 사전 작업으로 패키지 업데이트, 방화벽 및 스왑 설정, 필요한 포트 오픈, 호스트네임 설정, 도커 설치 과정을 상세히 안내합니다.
쿠버네티스고가용성클러스터
다나와·2020년 1월 27일
DevOps
GitHub Actions에서 도커 캐시를 적용해 이미지 빌드하기
이 글은 GitHub Actions를 사용하여 Docker 이미지를 빌드할 때 발생하는 캐시 비활성화 문제를 다룹니다. 저자는 카카오웹툰의 배포 방식 변경 과정에서 GitHub Actions 환경에서는 로컬 환경과 달리 Docker 캐시가 제대로 동작하지 않아 빌드 시간이 단축되지 않는 현상을 발견했습니다. 글에서는 Docker 이미지 빌드의 핵심 요소인 레이어와 캐시의 개념을 설명하고, Dockerfile 명령어 최적화를 통해 이미지 크기를 줄이는 방법을 예시와 함께 제시합니다. 이를 통해 CI/CD 파이프라인에서 Docker 이미지 빌드 성능을 개선하기 위한 방안을 모색합니다.
GitHub ActionsDocker캐시
카카오엔터테인먼트FE·2022년 4월 14일
DevOps
올리브영 결제 이야기 Part - 2
본 글은 올리브영에서 주문결제 시스템의 실시간 모니터링 필요성을 느끼고 Datadog을 도입하여 모니터링 대시보드를 구축한 경험을 공유합니다. 기존에는 장애 발생 시 고객센터 문의를 통해 뒤늦게 인지하거나, 주문 실패 문자로 인해 정확한 상황 파악이 어려웠습니다. 이러한 문제를 해결하기 위해 Datadog을 활용하여 단계별 실패 감지, PG사 장애 감지, 주문 실패율 추이 등 다양한 지표를 시각화하는 대시보드를 구축했습니다. 이를 통해 장애 발생 시 영향 범위를 최소화하고 빠르게 복구하여 고객 서비스 신뢰도를 높이는 것을 목표로 합니다.
Datadog모니터링주문결제
올리브영·2022년 9월 28일
DevOps
Google Cloud Monitoring — Dashboard(1)
이 글은 Google Cloud Monitoring의 대시보드 기능에 대해 소개합니다. 과거 StackDriver로 알려졌던 이 서비스는 다양한 모니터링 기능을 제공하며, 특히 커스텀 대시보드 생성의 필요성을 강조합니다. 최근 OpenCensus 오픈소스와의 연동이 가능해지면서 벤더 종속성을 줄이고 개발 편의성을 높인 점을 언급합니다. 하지만 OpenCensus와 Node.js 연동에 대한 자료가 부족하여 실제 적용에 어려움이 있었던 경험을 공유하며, 관련 npm 모듈과 기본적인 코드 예시를 제시합니다.
Google Cloud MonitoringDashboardGCP
꿈많은청년들·2021년 1월 17일
DevOps
if(kakaoAI)2024, DevOps 기술 세션 소개
if(kakaoAI)2024 컨퍼런스의 DevOps 기술 세션 소개 글입니다. 두 개의 세션이 DevOps를 주제로 진행되며, 애플리케이션 성능 관리(APM)와 금융 규제를 만족하는 개발 환경 구축 사례를 다룹니다. 첫 번째 세션에서는 APM Python Agent 개발 경험과 MATRIX 서비스 기능을 공유하며 애플리케이션 모니터링 인사이트를 제공합니다. 두 번째 세션에서는 카카오뱅크가 금융 규제와 개발자 행복을 동시에 잡기 위해 구축한 Cloud-Native, GitOps, CI/CD 기반의 DevOps 파이프라인 사례를 소개합니다. 이를 통해 금융 환경에서의 DevOps 문화 확산 방안을 제시합니다.
DevOpsAPMPython Agent
카카오·2024년 10월 21일