필터 1
Jest 활용 경험: 테스팅에 대한 고민과 통찰
IMQA
프론트엔드

Jest 활용 경험: 테스팅에 대한 고민과 통찰

Jest를 선택한 배경과 실제 활용 경험을 바탕으로 테스트 작성과 구조화 방법을 정리했습니다. 코드 품질 향상 효과와 함께 일부 성능 이슈도 함께 살펴보았습니다.

#Jest#test
26005분
카카오엔터테인먼트FE
데브옵스

GitHub Actions - JavaScript action 만들기

조건문이 많은 Composite action을 Map 기반 JavaScript action으로 리팩터링하는 과정을 정리했습니다. @actions/core, @actions/github와 캐싱을 활용해 GitHub Actions에서 안정적으로 실행하는 방법도 다뤘습니다.

#GitHub Actions#JavaScript
142005분
리디에서 Kafka를 사용하는 법
RIDI
백엔드

리디에서 Kafka를 사용하는 법

리디에서 내부 API를 Kafka 기반 이벤트 버스로 전환한 활용 사례를 소개했습니다. 실시간 랭킹, 분석, 작업 큐, 이벤트 처리에 Kafka를 적용한 방식과 예시 코드를 다뤘습니다.

#Kafka#event bus
46005분
유연하게 프로젝트별 개발환경 자동 설정하기(nvm) - nvm deeper shell integration 활용
카카오헤어샵
프론트엔드

유연하게 프로젝트별 개발환경 자동 설정하기(nvm) - nvm deeper shell integration 활용

여러 프론트엔드 프로젝트의 Node.js 버전 차이로 개발환경 관리가 필요한 상황을 다뤘습니다. nvm deeper shell integration으로 프로젝트별 환경을 자동 설정하는 방법을 소개했습니다.

#node.js
12005분
뱅크샐러드 Web chapter에서 GitHub Action 기반의 CI 속도를 개선한 방법
뱅크샐러드
데브옵스

뱅크샐러드 Web chapter에서 GitHub Action 기반의 CI 속도를 개선한 방법

GitHub Action 기반 CI 속도 개선 사례를 소개한 글입니다. Node.js와 Npm을 사용하는 웹 프론트엔드 환경에서의 개선 맥락을 다룹니다.

#GitHub Actions#node.js
20005분
ZUM
프론트엔드

Zum Portal Core JS 소개

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

#Vue.js#node.js
4005분
ZUM
프론트엔드

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

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

#Vue#SSR
4005분
ZUM
백엔드

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

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

#Spring Boot#node.js
4005분