Velopers
모든 블로그
ZUM

ZUM

도메인zuminternet.github.io
주요 카테고리 Backend · Frontend · AI

활동 요약

대표 인기 포스트리다이렉트 서버와 FCM 푸시 연동0 조회
최근 30일
0개
평균 조회
0
누적 조회
0
전체 글
30개
마지막 발행
2023. 7. 11.
블로그 방문

최신 게시글 (20)

2023년 7월 11일

백엔드

리다이렉트 서버와 FCM 푸시 연동

푸시 클릭·노출 통계를 위해 리다이렉트 서버와 FCM 푸시를 연동하고 로그 적재 구조를 설계했습니다. 웹 푸시 노출은 아이콘 이미지 응답을 활용해 수집하는 방식으로 보완했습니다.

#FCM#DynamoDB#Vue.js
000

2023년 7월 7일

백엔드

제목은 Spring Session 도입기로 하겠습니다. 근데 이제 Redis를 곁들인

분산 환경의 회원 서비스에서 세션 저장소를 Aerospike에서 Redis로 교체하며 Spring Session을 도입한 과정을 정리했습니다. 모듈별 ID 생성과 직접 호출 문제를 캐시, 헤더 전달, Nginx 설정으로 개선했습니다.

#Spring Boot#Redis#Spring Session
000

2023년 5월 24일

프론트엔드

Tuist 도입부터 적용까지 알려ZUM요! (feat. 모듈화)

Tuist를 이용해 iOS 프로젝트 생성과 모듈화를 체계화한 경험을 공유했습니다. 여러 차례 구조를 개선해 빌드 속도를 높이고 의존 관계를 정리했습니다.

#Tuist#iOS#module
000

2023년 5월 18일

프론트엔드

Next, d3로 서버 사이드 지도 렌더링하기

Next.js와 d3로 부동산 데이터 시각화 지도를 만들며 구조를 개선한 과정을 정리했습니다. 지도와 시각화 레이어를 분리하고 d3 의존을 줄여 서버 사이드 렌더링도 가능하게 했습니다.

#Next.js#d3#TypeScript
000

2023년 2월 14일

백엔드

Redirect 서버 리팩토링 - 파일럿 프로젝트

레거시 Redirect 서버를 Spring Boot 기반으로 리팩토링해 클릭 요청, 캐시, 로그 구조를 개선했습니다. 푸시 연동과 Short URL 처리까지 통합해 확장 가능한 형태로 설계했습니다.

#Spring Boot#AWS#cache
000

2023년 2월 6일

백엔드

FCM 푸시 파헤치기

FCM 푸시의 TOKEN, TOPIC 개념과 발송 흐름을 정리하고 서버 설계 사례를 소개했습니다. 또한 멀티 FirebaseApp 관리, iOS APNs 이슈, FCM의 한계점까지 함께 다뤘습니다.

#FCM#Spring Boot#Kafka
000

2022년 11월 1일

아키텍처

OOP 기반 선착순 투표 시스템 아키텍처

일반 투표와 선착순 투표를 분리해 OOP 기반 확장형 아키텍처를 설계했습니다.\nDecorator와 Named Lock으로 공통 기능 재사용과 동시성 제어를 함께 다뤘습니다.

#OOP#Decorator#동시성
000

2022년 10월 23일

기타

WorkStory - 개발자와 함께 성장하는 줌인터넷, 김태기 CTO님 편

줌인터넷 CTO 인터뷰를 통해 개발실의 역할과 조직 문화를 소개했습니다. 주니어와 시니어 모두가 자율성과 실무 경험 속에서 함께 성장하는 환경을 강조했습니다.

#포털#금융#채용
000

2022년 3월 25일

백엔드

검색 데이터 서빙 플랫폼 구축

검색 대상 문서를 Kafka와 Solr로 색인·서빙하는 플랫폼 구축 과정을 소개했습니다. 기본 검색, 시간 범위 검색, 필터 검색과 성능 검증까지 함께 다루었습니다.

#검색#Solr#Kafka
000

2022년 2월 21일

AI

BentoML 을 활용하여 딥러닝 모델 API 서빙하기

BentoML로 딥러닝 모델을 API 형태로 서빙한 경험과 패키징, 도커라이징 과정을 정리했습니다.\nSwagger UI 제공과 성능 개선, 운영 편의성 측면의 장단점도 함께 공유했습니다.

#BentoML#ML#API
000

2022년 1월 6일

프론트엔드

댓글 모듈 레거시 걷어내기 with TDD

JavaScript와 jQuery 기반의 댓글 모듈을 Vue와 TypeScript로 재구성했습니다. TDD와 컴포넌트 분리를 통해 SPA에 맞는 사내 라이브러리로 배포했습니다.

#JavaScript#Vue#TypeScript
000

2021년 12월 20일

백엔드

AWS DynamoDB 모델링

DynamoDB의 핵심 개념과 설계 기준을 RDBMS ERD 관점에서 정리했습니다. Access Pattern을 먼저 정의하고 Reverse Modeling으로 테이블과 인덱스를 설계하는 흐름을 설명했습니다.

#AWS#DynamoDB#NoSQL
000

2021년 12월 6일

프론트엔드

Zum Portal Core JS 소개

줌인터넷 프론트엔드 파트의 표준화 코어 패키지 도입과 분리 과정을 소개했습니다.\nSSR, 캐시, 설정 표준화로 유지보수와 배포 시간을 개선한 내용을 정리했습니다.

#Vue.js#node.js#SSR
000

2021년 11월 11일

백엔드

NestJS Custom Caching Decorator 만들기

NestJS 서비스 메소드에 캐시와 cron 로직을 반복 작성하는 문제를 줄이기 위해 커스텀 `@ZumCache` 데코레이터를 설계했습니다.\nDiscoveryService와 MetadataScanner를 활용해 Provider 인스턴스를 탐색하고, 메타데이터 기반으로 캐시와 주기 갱신을 자동화했습니다.

#NestJS#Decorator#cache
000

2021년 10월 1일

프론트엔드

Vue SSR 제대로 적용하기 (feat. Vanilla SSR)

SSR의 개념부터 Vanilla JS와 Vue를 이용한 적용 흐름까지 단계적으로 설명했습니다. 또한 Hydration, state 동기화, 선택적 SSR과 실패 시 CSR 대체 방법까지 정리했습니다.

#Vue#SSR#CSR
000

2021년 7월 21일

프론트엔드

INVESTING.COM 클론 코딩(feat. Vue JS SSR, CANVAS API)

Vue.js SSR과 Canvas API로 INVESTING.COM 클론 코딩 파일럿 프로젝트를 진행한 경험을 정리했습니다. 실시간 시세, 차트, 검색, 댓글 기능과 함께 협업 방식과 기술적 고민을 공유했습니다.

#Vue.js#TypeScript#SSR
000

2021년 7월 1일

기타

주니어 프론트엔드 개발자의 채용 프로세스 참여 후기

채용 과정에서 프론트엔드 신입을 평가하기 위해 과제, 채점표, 코드리뷰를 도입한 사례를 정리했습니다. 지원자에게 객관적 피드백을 주며 원리 이해와 구현 역량을 확인한 과정입니다.

#채용#채용 과제#JavaScript
000

2021년 1월 25일

백엔드

Quartz Scheduler Admin 고도화 - 파일럿 프로젝트

서비스별 Scheduler DB 분산으로 중단된 Quartz Scheduler Admin을 다시 사용할 수 있게 고도화했습니다.\n동적 DataSource 관리, 즉시 실행, 구글 OAuth 로그인, 실행 이력 관리와 RoutingDataSource 구조를 구현했습니다.

#Spring Boot#JPA#Vue.js
000

2020년 9월 11일

프론트엔드

크롬 확장프로그램 개발⛏️ 회고

크롬 확장프로그램을 Vue와 Chrome API로 개발하고 배포한 과정을 회고했습니다. 검수 과정에서 권한, HTTPS, CSP, 리소스 처리 같은 실무 이슈를 정리했습니다.

#Chrome Extension#Vue.js#JavaScript
000

2020년 6월 20일

백엔드

모바일 줌 SpringBoot → NodeJS 전환기 (feat. VueJS SSR)

모바일 줌의 Spring Boot 백엔드를 Node.js Express와 Vue SSR 기반으로 전환했습니다. 검색엔진 유입과 TPS가 개선되고 코드와 메모리 사용량도 줄었습니다.

#Spring Boot#node.js#Vue.js
000