카카오엔터테인먼트FE

RSS

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

All Frontend Backend AI DevOps Architecture Etc

DevOps
GitHub Actions - JavaScript action 만들기
이 글은 GitHub Actions에서 Shell Script 기반의 Composite action을 JavaScript action으로 전환하는 방법을 다룹니다. 기존 Shell Script 방식은 변수와 조건이 복잡해질수록 코드 가독성이 떨어지고 유지보수가 어려워지는 문제를 안고 있었습니다. 글쓴이는 이러한 문제를 해결하기 위해 JavaScript action으로 전환하는 과정을 상세히 설명하며, 이를 통해 코드의 재사용성과 유지보수성을 높일 수 있음을 보여줍니다. 특히, 복잡한 로직을 JavaScript로 구현함으로써 GitHub Actions 워크플로우를 더욱 효율적으로 관리할 수 있는 방안을 제시합니다.
GitHub ActionsJavaScript actionComposite action
카카오엔터테인먼트FE·2023년 4월 13일
DevOps
GitHub Actions - JavaScript action 만들기
이 글은 GitHub Actions에서 Shell Script 기반 Composite action의 복잡성을 해결하기 위해 JavaScript action으로 전환하는 방법을 다룹니다. 필자는 서비스 확장으로 인해 Shell Script의 조건문과 변수 처리가 복잡해지는 문제를 겪었고, 이를 JavaScript action으로 개선하여 코드의 가독성과 유지보수성을 높이는 과정을 설명합니다. 특히, JavaScript action의 장점을 활용하여 복잡한 로직을 더 명확하고 효율적으로 구현하는 방법을 제시하며, CI/CD 파이프라인의 자동화를 더욱 강화하는 데 기여합니다.
GitHub ActionsJavaScript actionComposite action
카카오엔터테인먼트FE·2023년 4월 13일
DevOps
GitHub Actions workflow를 수동으로 trigger하기(feat. inquirer.js)
이 글은 GitHub Actions의 workflow_dispatch 기능을 활용하여 수동으로 워크플로우를 트리거하고, inquirer.js를 통해 사용자 입력을 받아 배포 과정을 자동화하는 방법을 소개합니다. 기존에는 브랜치 푸시를 통해 배포를 트리거하는 방식의 번거로움을 개선하고자 했습니다. workflow_dispatch를 사용하면 GitHub UI 또는 API를 통해 워크플로우를 직접 실행할 수 있으며, inquirer.js를 연동하면 배포 시 필요한 환경(region)이나 설정값 등을 사용자에게 직접 입력받아 유연하게 배포를 진행할 수 있습니다. 이를 통해 로컬 환경에서의 브랜치 생성 및 푸시 없이도 간편하게 원하는 워크플로우를 실행하고 배포할 수 있게 되어 개발 생산성을 향상시킬 수 있습니다.
GitHub Actionsworkflow_dispatchinquirer.js
카카오엔터테인먼트FE·2022년 9월 29일
DevOps
GitHub Actions workflow를 수동으로 trigger하기(feat. inquirer.js)
이 글은 카카오웹툰 프론트엔드 팀에서 GitHub Actions workflow를 수동으로 트리거하여 배포하는 새로운 방식을 소개합니다. 기존에는 브랜치 이름을 통해 배포를 트리거하는 방식이 로컬에서 브랜치를 생성하고 푸시해야 하는 번거로움이 있었습니다. 이를 개선하기 위해 GitHub Actions의 `workflow_dispatch` 기능을 활용하여 수동으로 workflow를 실행하는 방법을 제시합니다. 특히, `inquirer.js` 라이브러리를 사용하여 사용자에게 배포할 환경(region, env) 등을 질문하고 입력받아, 이를 기반으로 workflow를 실행함으로써 배포 과정을 더욱 편리하고 자동화했습니다. 이 방식은 CI/CD 파이프라인의 유연성을 높이고 개발자의 배포 편의성을 증대시키는 데 기여합니다.
GitHub Actionsworkflow_dispatchCI/CD
카카오엔터테인먼트FE·2022년 9월 29일
DevOps
Lighthouse CI를 알아보고 Github Actions에 적용하기
이 글은 웹 성능 측정 도구인 Lighthouse와 이를 자동화하는 Lighthouse CI에 대해 소개하고, Github Actions에 적용하는 방법을 설명합니다. Lighthouse는 웹 페이지의 성능, 접근성, SEO 등을 종합적으로 평가하며, Lighthouse CI는 코드 변경 시 자동으로 Lighthouse 검사를 수행하여 웹 성능 회귀를 방지하는 데 도움을 줍니다. Github Actions를 활용하면 Pull Request 생성 시 자동으로 Lighthouse 검사를 실행하고 결과를 확인할 수 있어, 개발 초기 단계에서 성능 문제를 발견하고 개선하는 데 효과적입니다. 이를 통해 지속적인 웹 성능 관리를 자동화하고 높은 품질의 웹 서비스를 유지할 수 있습니다.
LighthouseLighthouse CIGitHub Actions
카카오엔터테인먼트FE·2022년 6월 2일
DevOps
GitHub Actions에서 도커 캐시를 적용해 이미지 빌드하기
이 글은 GitHub Actions 환경에서 Docker 이미지 빌드 시 캐시가 제대로 동작하지 않는 문제를 다룹니다. 일반적으로 Docker는 빌드 속도 향상을 위해 레이어 캐시를 활용하지만, GitHub Actions에서는 이 캐시가 제대로 적용되지 않아 빌드 시간이 길어지는 현상이 발생합니다. 글에서는 Docker 레이어와 캐시의 기본 원리를 설명하고, Dockerfile 작성 시 `&&` 연산자를 사용하여 RUN 명령어를 통합하는 등 이미지 크기를 줄이는 방법을 소개합니다. 또한, Express 앱을 예시로 들어 Docker 빌드 과정을 보여주며, GitHub Actions에서 Docker 캐시 문제를 해결하기 위한 방안을 모색합니다.
GitHub ActionsDockerCache
카카오엔터테인먼트FE·2022년 4월 14일
DevOps
GitHub Actions에서 도커 캐시를 적용해 이미지 빌드하기
이 글은 GitHub Actions를 사용하여 Docker 이미지를 빌드할 때 발생하는 캐시 비활성화 문제를 다룹니다. 저자는 카카오웹툰의 배포 방식 변경 과정에서 GitHub Actions 환경에서는 로컬 환경과 달리 Docker 캐시가 제대로 동작하지 않아 빌드 시간이 단축되지 않는 현상을 발견했습니다. 글에서는 Docker 이미지 빌드의 핵심 요소인 레이어와 캐시의 개념을 설명하고, Dockerfile 명령어 최적화를 통해 이미지 크기를 줄이는 방법을 예시와 함께 제시합니다. 이를 통해 CI/CD 파이프라인에서 Docker 이미지 빌드 성능을 개선하기 위한 방안을 모색합니다.
GitHub ActionsDocker캐시
카카오엔터테인먼트FE·2022년 4월 14일
DevOps
[2022 신입공채] 카카오엔터테인먼트 신입 개발자로서의 첫걸음👣 테크 온보딩 프로그램 살펴보기 #2
카카오엔터테인먼트의 신입 개발자 온보딩 프로그램 두 번째 이야기입니다. 이번 편에서는 IT플랫폼그룹의 교육 내용을 상세히 다룹니다. IT플랫폼그룹은 서비스 보안 및 인프라를 담당하며, 신입 개발자들에게 보안 정책, 기술, 개인정보보호, 클라우드, 인프라 등 필수적인 지식을 교육합니다. 특히 클라우드팀의 Kenny는 온프레미스 및 퍼블릭 클라우드 서버 관리, 인프라 운영 과정을 설명했습니다. 보안 사고의 위험성을 인지하고 카카오엔터테인먼트의 보안 정책을 학습하며 개발자 관점에서의 대응 방법을 익혔습니다. 또한, MS Azure, Amazon AWS, GCP 등 다양한 클라우드 서비스와 Data Dog 기술을 배우며 컨테이너 설계 방법에 대한 세션도 진행되었습니다. 이 교육은 신입 개발자들이 실무에 필요한 핵심 역량을 갖추도록 돕는 데 중점을 둡니다.
온보딩신입 개발자IT플랫폼
카카오엔터테인먼트FE·2022년 3월 18일
DevOps
https 프록시로 mitmproxy를 사용해보자.
카카오엔터테인먼트 백엔드 개발자가 HTTPS 트래픽 분석 도구인 mitmproxy 사용 경험을 공유합니다. 유료인 Charles Proxy 대신 무료 오픈소스인 mitmproxy를 선택한 이유와 설치 및 프록시 서버 실행 과정을 설명합니다. 특히 안드로이드 가상 디바이스 환경에서 mitmproxy를 설정하는 방법을 안내하며, Play Store가 없는 가상 디바이스와 SDK 타겟 8 이하 설정을 주의사항으로 강조합니다. mitmproxy는 파이썬 스크립트를 통해 기능을 확장할 수 있다는 장점도 언급합니다. 이 글은 개발자가 HTTPS 통신을 디버깅하고 분석하는 데 유용한 정보를 제공합니다.
mitmproxyHTTPS프록시
카카오엔터테인먼트FE·2022년 3월 7일
DevOps
카카오웹툰은 GitHub Actions를 어떻게 사용하고 있을까?
이 글은 카카오웹툰 프론트엔드 팀에서 GitHub Actions를 어떻게 활용하고 있는지 소개합니다. GitHub Actions는 GitHub 내에서 발생하는 다양한 이벤트(push, pull, merge 등)에 대해 정해진 동작을 자동화하는 도구로, CI/CD 파이프라인 구축에 핵심적인 역할을 합니다. 글에서는 프로젝트 세팅 방법과 함께 GitHub Actions의 주요 키워드(event, trigger, job, step 등)를 설명하며, 실제 적용 예시를 통해 이해를 돕습니다. 특히, 민감한 정보 관리를 위한 GitHub Secrets 활용법과 슬랙 알림 연동 방법도 다루어 실무적인 적용 가이드라인을 제시합니다. 이를 통해 개발 생산성 향상과 안정적인 서비스 운영에 기여하는 GitHub Actions의 중요성을 강조합니다.
GitHub ActionsCI/CDautomation
카카오엔터테인먼트FE·2022년 1월 6일
DevOps
카카오웹툰은 GitHub Actions를 어떻게 사용하고 있을까?
이 글은 카카오웹툰 프론트엔드 팀에서 GitHub Actions를 어떻게 활용하고 있는지 소개합니다. GitHub Actions는 GitHub 내에서 발생하는 다양한 이벤트(push, pull, merge 등)에 반응하여 CI/CD와 같은 워크플로우를 자동화하는 도구로 설명됩니다. 글에서는 프로젝트 세팅 방법과 함께 실제 적용 예제 두 가지, 그리고 개념 설명 두 가지를 제시합니다. 특히, 민감한 정보 관리를 위해 GitHub Secrets를 활용하는 방법과 슬랙 알림 설정 방법 등을 구체적인 예시와 함께 설명하여 독자들이 GitHub Actions를 이해하고 실제 프로젝트에 적용하는 데 도움을 줄 수 있도록 구성되었습니다. React 프로젝트 환경에서의 GitHub Actions 활용 사례를 통해 개발 생산성 향상 방안을 모색합니다.
GitHub ActionsCI/CDAutomation
카카오엔터테인먼트FE·2022년 1월 6일
DevOps
카카오웹툰 서비스 포스트모템 / if(kakao)2021
이 글은 카카오엔터테인먼트의 카카오웹툰 서비스가 AWS 환경에서 어떻게 구성되어 있는지 DevOps 관점에서 소개하고, 향후 해결해야 할 과제들을 공유하는 내용을 담고 있습니다. if(kakao)2021 행사에서 발표된 내용을 기반으로 하며, 서비스의 현재 상태를 진단하고 미래 발전 방향을 모색하는 데 초점을 맞춥니다. 구체적인 서비스 구성 요소와 운영상의 고려 사항, 그리고 개선이 필요한 부분들에 대한 논의를 통해 안정적이고 효율적인 서비스 운영을 위한 인사이트를 제공합니다.
카카오웹툰포스트모템DevOps
카카오엔터테인먼트FE·2021년 11월 18일
DevOps
Terraform을 사용해보았습니다. 나 혼자만 beanstalk / if(kakao)2020
본 글은 카카오엔터테인먼트에서 AWS Elastic Beanstalk과 CircleCI 기반의 기존 인프라 및 배포 시스템을 Terraform, ECS, Jenkins 환경으로 전환한 경험을 공유합니다. 기존 환경의 한계를 극복하고 더 나은 시스템을 구축하기 위해 기술 스택을 변경하게 된 배경, 새로운 기술 스택의 구체적인 활용 방안, 그리고 실제 프로덕션 환경에 적용했을 때의 장단점에 대한 실제적인 경험을 상세히 다룹니다. 특히, 인프라 관리 및 배포 자동화를 위한 Terraform의 도입과 ECS, Jenkins와의 연계를 통해 효율성을 높인 과정을 중점적으로 설명하며, 이러한 변화가 가져온 실질적인 효과와 개선점을 제시합니다.
TerraformAWS Elastic BeanstalkCircleCI
카카오엔터테인먼트FE·2020년 11월 24일