Velopers
모든 블로그
비브로스

비브로스

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

활동 요약

대표 인기 포스트예약 시스템 개편기: 우리는 왜 '예약 레고'를 만들었나130 조회
최근 30일
0개
평균 조회
24
누적 조회
1,616
전체 글
68개
마지막 발행
2026. 10. 7.
블로그 방문

비브로스 기술 블로그 글 (20)

프론트엔드

똑닥닷컴 SEO(a.k.a. 네이버 월 노출 수 1000만 달성기)

똑닥닷컴 커뮤니티 페이지의 검색 노출을 크게 늘린 SEO 개선 사례를 정리한 글입니다. 사이트맵, robots.txt, 메타데이터, 구조화된 데이터, Next.js SEO 트러블슈팅까지 함께 소개했습니다.

#SEO#sitemap.xml#robots.txt
200

프론트엔드

똑닥닷컴 SEO(a.k.a. 네이버 월 노출 수 1000만 달성기)

네이버와 구글 검색 노출을 높이기 위한 SEO 실무 경험을 정리했습니다. Next.js에서의 동적 사이트맵, 메타데이터 설정과 함께 색인 수 확대 방법도 소개했습니다.

#SEO#sitemap.xml#robots.txt
3400

프론트엔드

Backend , Frontend 공통 IDL 적용

백엔드와 프론트엔드의 API 타입을 공통 IDL로 통일한 도입 사례를 소개했습니다. 중복 작업을 줄이고 인터페이스 히스토리와 통신 규약을 함께 관리한 과정도 정리했습니다.

#TypeScript#API#REST API
600

프론트엔드

병원 상세 웹뷰 통신 및 크로스 브라우징

하이브리드 앱에서 병원 상세 웹뷰의 웹-네이티브 통신 방식을 정리했습니다. 또한 OS별 UX, 크로스 브라우징, 딥링크와 상태 동기화 개선 포인트를 함께 다루었습니다.

#웹뷰#iOS#Android
100

프론트엔드

병원 상세 웹뷰 통신 및 크로스 브라우징

병원 상세 웹뷰를 사례로 웹-앱 통신 방식과 OS별 UX 차이를 정리했습니다. 또한 크로스 브라우징과 유지보수 개선 포인트까지 함께 다뤘습니다.

#웹뷰#JavaScript#iOS
3200

프론트엔드

비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.

웹 프론트엔드 팀이 Lighthouse와 Web Vitals로 성능을 측정하며 개선 문화를 만들었습니다. 또한 측정 결과의 변동성을 줄이기 위한 모니터링 방식도 함께 고민했습니다.

#React#Next.js#Lighthouse
300

프론트엔드

비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.

웹 프론트엔드 팀이 Lighthouse와 Web Vitals로 성능 관리를 문화로 도입한 과정을 소개했습니다. 이미지 로딩, 코드 분할, 스크립트 전략으로 개선하고 측정 변동성까지 다뤘습니다.

#성능#Lighthouse#Next.js
1800

프론트엔드

리팩터링 가이드 - 좋은 코딩 습관을 기르자

리팩터링의 의미와 코드 악취, 적용 시점을 정리한 글입니다. 함수 추출부터 조건문 분해까지 기본 기법을 예시와 함께 소개했습니다.

#refactoring#Java#JavaScript
200

프론트엔드

리팩터링 가이드 - 좋은 코딩 습관을 기르자

리팩터링을 기능은 그대로 두고 코드 구조를 개선하는 방법으로 정리했습니다. 함수 추출, 조건문 분해, 특이 케이스 추가 같은 기본 기법과 적용 흐름을 소개했습니다.

#refactoring#Java#JavaScript
2400

프론트엔드

웹 성능 최적화 - 렌더링 최적화

웹 성능 최적화를 렌더링과 로딩으로 나누고, 이번 글에서는 애니메이션 최적화에 초점을 맞추었습니다. Reflow와 Repaint 개념을 정리한 뒤 transform 활용과 Performance 탭 측정 결과를 비교했습니다.

#웹 성능#렌더링#Reflow
300

프론트엔드

웹 성능 최적화 - 렌더링 최적화

브라우저 렌더링 경로와 Reflow·Repaint가 애니메이션 성능에 미치는 영향을 설명했습니다. 사운드 미터 비교를 통해 transform 기반 구현의 Layout 비용 감소를 확인했습니다.

#성능#렌더링#CSS
3700

프론트엔드

신입 웹프론트엔드 개발자 2개월 차 후기

2개월 온보딩에서 Next.js 렌더링, 모노레포, Storybook의 동작과 활용 방식을 학습했습니다. 빌드·배포·협업 흐름을 경험하고 온보딩 문서화와 과제 구성 개선점을 제안했습니다.

#Next.js#SSG#SSR
3800

프론트엔드

함수형 프로그래밍 (Functional Programming) 어떻게 적용할까?

함수형 프로그래밍의 순수 함수·불변성·선언적 추상화·커링 개념을 설명했습니다. RxJS와 React Custom Hook 사례로 OOP와 FP를 상황에 맞게 혼용하는 방법을 소개합니다.

#JavaScript#함수형 프로그래밍#RxJS
2500

프론트엔드

7주 차 신입 프론트엔드 개발자, 온보딩 적응기

7주 온보딩에서 Angular와 RxJS를 학습하고 코드 리뷰·스크럼으로 실무 적응 경험을 공유했습니다. 공식 문서 정독, 학습 기록 체계화, IDE 메모리 조정의 개선점을 정리했습니다.

#Angular#RxJS#NgRx
2600

프론트엔드

신입 웹프론트엔드 개발자 1개월 차 후기

웹프론트엔드 신입의 온보딩 경험을 통해 스크럼, 코드 리뷰, WebStorm, Angular 학습 과정을 공유했습니다. 컨벤션 문서 정비와 리뷰어 자동 태그로 협업 흐름을 개선할 지점을 제안했습니다.

#Angular#RxJS#WebStorm
2200

프론트엔드

웹 접근성이란?

웹 접근성과 웹 표준의 공통점과 상호 보완 관계를 설명했습니다. 대체 텍스트, WAI-ARIA, 시맨틱 태그 적용 방법을 소개했습니다.

#웹 접근성#웹 표준#WAI-ARIA
3200

프론트엔드

지금은 맞고 그때는 틀리다 (기술 블로그 개편 여정)

Jekyll 기반 기술 블로그의 기능·확장 한계를 분석하고 Docusaurus로 재구축했습니다. 태그, 목차, 다크 모드와 URL 리다이렉트 기반 마이그레이션을 적용했습니다.

#Docusaurus#Jekyll#Gatsby
2600

프론트엔드

[WPF] XAML Styler

XAML Styler로 WPF 팀의 XAML 서식 규칙을 통일하는 방법을 소개했습니다. 설정 파일과 일괄 포맷 기능으로 기존 코드의 가독성을 개선합니다.

#WPF#XAML#Visual Studio
3500