Velopers
모든 블로그
ZUM

ZUM

도메인zuminternet.github.io
주요 카테고리 백엔드 · 프론트엔드 · AI

활동 요약

대표 인기 포스트Tuist 도입부터 적용까지 알려ZUM요! (feat. 모듈화)23 조회
최근 30일
0개
평균 조회
10
누적 조회
288
전체 글
30개
마지막 발행
2023. 7. 11.
블로그 방문

ZUM 기술 블로그 글 (11)

프론트엔드

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

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

#Tuist#iOS#module
2300

프론트엔드

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

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

#Next.js#d3#TypeScript
900

프론트엔드

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

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

#JavaScript#Vue.js#TypeScript
900

프론트엔드

Zum Portal Core JS 소개

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

#Vue.js#node.js#SSR
1100

프론트엔드

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

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

#Vue.js#SSR#CSR
1000

프론트엔드

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

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

#Vue.js#TypeScript#SSR
700

프론트엔드

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

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

#Chrome Extension#Vue.js#JavaScript
1500

프론트엔드

Webpack Dev Server를 이용한 개발 환경 구성 Part1

Webpack Dev Server로 프론트엔드 단독 개발 모드를 구성하는 방법을 설명했습니다. Axios와 stub 파일, before 훅을 활용해 백엔드 없이도 API 응답을 모사했습니다.

#Webpack#Webpack Dev Server#Axios
800

프론트엔드

알람 서비스 - 파일럿 프로젝트

4주 파일럿 프로젝트로 알림 서비스를 구현한 경험을 정리했습니다. Vue.js, Spring Boot, SSE, Vuex 등을 활용한 구성과 시행착오를 공유했습니다.

#Vue.js#Spring Boot#MySQL
300

프론트엔드

개발 컨텐츠 공유 서비스 - 파일럿 프로젝트

6주 동안 개발 컨텐츠 공유 서비스를 만든 신입 개발자의 파일럿 프로젝트 경험을 정리한 글입니다. JPA, Vue.js, QueryDSL, 무한 스크롤과 랭킹 집계를 구현하며 설계와 일정 관리의 중요성을 배웠습니다.

#Java#Spring Boot#JPA
600

프론트엔드

카페 형식 게시판 구현 - 파일럿 프로젝트

Spring Boot와 Vue.js로 카페 형식 게시판을 구현한 파일럿 프로젝트를 정리했습니다. Vuex, Spring Security, OAuth2로 상태 관리와 인증·권한 제어 구조를 다뤘습니다.

#Spring Boot#Vue.js#Vuex
400