우당탕탕~ 영상 서비스 개발기 3탄 : 플레이어 백엔드 서버와 데이터 수집
앞서 인코더와 라이브 서비스에 관한 내용을 다뤘는데요. 이번 편에서는 플레이어 백엔드 서버와 로그 수집 분석에 대해 다뤄보고자 합니다. 아직 ‘우당탕탕~ 영상 서비스 개발기…
devBlog
카카오엔터테인먼트 기술 블로그
총 50개 글 · 원본 블로그 방문 →
카카오엔터테인먼트의 기술 블로그
우당탕탕~ 영상 서비스 개발기 2탄 : 인코더와 라이브 서비스
앞서 영상 파일 및 메타 관리 시스템 ‘VODKA’에 관한 내용을 다뤘는데요. 이번 편에서는 영상 서비스 인코더와 라이브 서비스에 대해 다뤄보고자 합니다. 아직 ‘우당탕탕~ 영상 서비스 개발기 1탄 : 영상 CMS…
우당탕탕~ 영상 서비스 개발기 1탄 : 영상 CMS
당신의 손에 소녀들의 운명이 달려있습니다. 카카오엔터테인먼트에서 새롭게 도전한 버추얼 걸그룹 데뷔 서바이벌 프로그램! ‘소녀 리버스(RE:VERSE)’ 소녀 리버스는 3…
View Transitions API
View Transitions API에 대해 들어보신 적 있으신가요? 공개된 지 얼마 안 된 따끈따끈한 신상이라서 아무래도 모르시는 분들이 많을 것 같습니다. 알고 계신 분들도 있겠지만, Nomad Coders…
프론트엔드와 SOLID 원칙
안녕하세요 카카오페이지를 개발하고 있는 스티브입니다 🙂 저번 프론트엔드와 THE TWELVE-FACTOR APP…
ChatGPT는 FE개발자를 대체할 수 있을까? (AI로 개발하기)
요즘 ChatGPT가 뜨거운 감자입니다. 출시일 5일 만에 100만 명의 사용자를 모으고 2달 만에 사용자 1억 명에 달했습니다. 블로거, 기자, 유튜버 누구 할 것 없이 ChatGPT…
Webview에서 핀치 줌(pinch zoom) 구현하기
오늘날에는 다양한 곳에서 모바일 웹이 사용되고 있습니다. 일반적인 모바일 브라우저에서 사용되는 것뿐만 아니라, 네이티브 앱의 특정 화면을 담당하기도 하고, 혹은 PWA…
라이브채팅 플랫폼 구현기 2탄 : 아키텍처 및 성능 테스트
앞서 라이브채팅 플랫폼을 구현하기 전 개발언어와 기반기술 조사에 관한 내용을 다뤘는데요. 이번 편에서는 라이브채팅 플랫폼 아키텍처 설계 및 성능 테스트에 대해 다뤄보고자 합니다. 아직 ‘라이브채팅 플랫폼 구현기…
라이브채팅 플랫폼 구현기 1탄 : 개발 언어 및 기반기술 조사
2022년 초, 멜론뮤직어워드(MMA) 2022 행사를 준비하는 과정에서 기존 MMA…
시각적 회귀 테스트 BackstopJS 적용하기 (Visual Regression Test)
시각적 회귀 테스트란 코드 변경에 따른 UI의 변화를 시각적으로 확인하기 위해 진행하는 테스트입니다. 최근에 시각적 회귀 테스트의 필요성을 느껴 테스트 구축을 위해 많은 유료 서비스들(Percy, Chromatic…
나만의 Jest Matchers 만들기
테스트의 중요성이 부각되며 많은 프로젝트에 테스트를 도입하는 시도가 증가하고 있다. 테스트는 코드 변경에 대한 Side Effect…
카카오엔터테인먼트의 첫 번째 사내 해커톤, ENTERTHON 2022! 열정과 재미가 가득했던 무박 2일
안녕하세요 •ᴗ• 카카오엔터테인먼트 Developer Relations 담당자 Selian입니다! 지난 2022년 12월 15~16일, 카카오엔터테인먼트의 첫 번째 사내 해커톤
E2E 테스트 도입 경험기
최근 저희 FE 그룹 내에서 프로젝트들에 E2E 테스트를 도입해 보자는 이야기가 솔솔 나왔고 실제로 적용하는 사례들이 많아지기 시작했습니다. 제가 진행하던 프로젝트에도 E2E…
홈 화면에 웹 바로가기를 추가하기(A2HS)
…
Scroll Snap API를 통해 이미지 캐러셀 완성하기
프로젝트를 개발하는 과정에서 SwiperJS 라이브러리를 통해 여러 슬라이드 UI를 스와이프 할 수 있는 기능을 구현한 적이 있습니다. 공식 문서 가이드에서 cssMode 옵션을 사용하면 Scroll-Snap API…
적정기술 딜레마
적정기술이란? 적정기술(Appropriate Technology…
테스트 코드 자동으로 만들기 feat. Cypress Studio
목차 서문 E2E 테스트하는 개발자와 QA에게 어려운 것 해결사 Cypress Studio의 등장 수동화된 테스트에 날개를 달아주자 비 개발자를 위한 Cypress Studio 테스트 자동화 방법 정리 서문 if…
마크다운에 컴포넌트 추가하기
…
페이지 2 / 3 (총 50개)