비브로스

RSS

게시글: 58
등록: 2026년부터

All Frontend Backend AI DevOps Architecture Etc

Frontend
똑닥닷컴 SEO(a.k.a. 네이버 월 노출 수 1000만 달성기)
똑닥닷컴의 프론트엔드 개발자가 네이버와 구글 검색 노출 성과를 획기적으로 개선한 경험을 공유하는 글입니다. 이전에는 검색 결과에 거의 노출되지 않던 커뮤니티 페이지들이 검색엔진 최적화(SEO) 작업을 통해 네이버 월 노출 수 2만 건에서 1,000만 건으로, 구글 월 노출 수 7천 건에서 90만 건으로 증가했습니다. 글에서는 SEO의 기본 개념인 크롤링과 인덱싱을 설명하고, 검색엔진에 페이지를 효과적으로 등록하는 방법을 다룹니다. 이를 통해 웹사이트의 검색 가시성을 높이고 더 많은 사용자에게 도달하는 전략을 소개하며, 관련 문서 및 개발 도구도 함께 안내합니다.
SEO검색엔진 최적화네이버
비브로스·2025년 3월 4일
Frontend
병원 상세 웹뷰 통신 및 크로스 브라우징
본 글은 비브로스 웹프론트엔드팀에서 작성한 것으로, 똑닥 앱의 하이브리드 앱 구조에서 웹뷰와 네이티브 앱 간의 통신 방식 및 웹뷰 개발 시 고려사항에 대해 다룹니다. 특히 병원 상세 화면을 예시로 들어 웹에서 안드로이드로 통신하는 JavaScript Interface 활용법을 설명합니다. 하이브리드 앱은 네이티브 앱의 장점과 웹의 장점을 결합한 형태로, 웹뷰는 앱 내 다양한 화면을 제공하는 데 사용됩니다. 글에서는 웹뷰와 앱 간의 통신을 위한 JavaScript Interface의 개념과 안드로이드에서의 구현 예시를 보여주며, 웹뷰 개발 시 발생할 수 있는 문제점과 개선 방안에 대한 간략한 논의를 예고합니다.
웹뷰하이브리드앱JavaScript Interface
비브로스·2023년 3월 13일
Frontend
비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.
비브로스 웹 프론트엔드 팀은 사용자 경험 개선을 위해 웹 성능 관리를 팀 문화로 정착시키기 시작했습니다. 핵심 과제 중 하나로 웹뷰로 전환되는 페이지 개발 시, Lighthouse 도구를 활용하여 성능을 측정하고 개선하는 과정을 병행했습니다. Lighthouse는 웹 성능뿐만 아니라 접근성, 검색 엔진 최적화 등 다양한 측면에서 피드백을 제공하는 도구입니다. 이 글은 성능 관리에 관심을 갖게 된 배경과 이를 팀 문화로 만들기 위한 노력들을 소개하며, 개발 과정에서 성능 측정을 통해 더 나은 사용자 경험을 제공하고자 하는 팀의 의지를 보여줍니다.
웹 성능FrontendLighthouse
비브로스·2022년 12월 28일
Frontend
리팩터링 가이드 - 좋은 코딩 습관을 기르자
이 글은 비브로스 웹 프론트엔드팀의 한혜경님이 작성한 리팩터링 가이드입니다. 리팩터링의 정의와 목적을 명확히 설명하며, 기능 변경, 버그 수정, 성능 개선, 버전 업데이트 없이 코드의 내부 구조를 개선하는 기법임을 강조합니다. 리팩터링 2판(JavaScript)을 참고하여 작성되었으며, 리팩터링 시 기능은 그대로 유지해야 한다는 점을 중요하게 다룹니다. 좋은 코딩 습관을 기르기 위한 방법론으로서 리팩터링의 중요성을 알리고, 독자들이 코드를 더 쉽게 이해하고 유지보수할 수 있도록 돕는 것을 목표로 합니다. 리팩터링을 통해 코드의 가독성과 유지보수성을 높이는 방법을 소개합니다.
리팩토링코드 품질가독성
비브로스·2022년 11월 23일
Frontend
웹 성능 최적화 - 렌더링 최적화
이 글은 웹 앱의 성능을 최적화하는 두 가지 주요 방법, 즉 렌더링 성능 최적화와 로딩 성능 최적화에 대해 다룹니다. 특히 렌더링 성능 최적화 기법 중 애니메이션 최적화(Reflow, Repaint)와 로딩 성능 최적화 기법 중 컴포넌트 Lazy Loading(Code Splitting)을 소개합니다. 실제 병원 어드민 웹앱에 이러한 최적화 기법을 적용하는 과정을 보여주며, 웹 성능 개선의 중요성과 구체적인 방법을 제시합니다. 이를 통해 사용자 경험을 향상시키고 더 나은 웹 서비스를 제공하는 것을 목표로 합니다.
웹 성능 최적화렌더링 최적화로딩 성능 최적화
비브로스·2022년 7월 22일
Frontend
신입 웹프론트엔드 개발자 2개월 차 후기
비브로스 웹프론트엔드팀 신입 개발자가 2개월간의 온보딩 과정을 통해 새롭게 학습한 내용을 공유하는 글입니다. 특히 Next.js의 pre-rendering 방식인 SSG(Static Generation)와 SSR(Server-side Rendering)에 대해 설명하고, 동적 라우팅 페이지에서 fallback 옵션의 활용 방안을 다룹니다. 온보딩 과정에서 배운 점과 느낀 점을 바탕으로 앞으로의 성장에 대한 기대를 표현하며 마무리합니다.
신입 개발자온보딩Next.js
비브로스·2022년 7월 14일
Frontend
함수형 프로그래밍 (Functional Programming) 어떻게 적용할까?
본 글은 함수형 프로그래밍(FP)에 대한 개념과 실제 적용 방법에 대해 다룹니다. 객체 지향 프로그래밍(OOP)과 비교하며 FP의 특징을 설명하고, 왜 FP가 최근 개발 트렌드로 주목받는지 배경을 설명합니다. 함수형 프로그래밍은 '프로그래머가 일하는 패러다임' 중 하나로, 순수 함수, 불변성, 고차 함수 등의 개념을 통해 코드의 예측 가능성과 유지보수성을 높이는 데 기여합니다. 글에서는 FP의 핵심 원칙들을 소개하고, 이를 실제 개발 과정에서 어떻게 활용할 수 있는지에 대한 고민을 공유하며, FP가 더 적합한 상황에 대한 탐구를 제안합니다.
함수형 프로그래밍Functional ProgrammingFP
비브로스·2022년 6월 27일
Frontend
7주차 신입 프론트엔드 개발자, 온보딩 적응기
비브로스 웹프론트엔드팀에 합류한 신입 개발자가 7주간의 온보딩 경험을 공유하는 글입니다. 체계적인 10단계 온보딩 프로세스를 통해 기술 적응 기간을 충분히 가질 수 있었으며, 각 챕터별 명확한 목표 설정으로 성취감을 느꼈다고 합니다. 특히 처음 접하는 Angular 프레임워크에 대한 불안감이 있었지만, 온보딩 과정을 통해 이를 극복하고 실무에 대한 이해도를 높일 수 있었습니다. 이 글은 신입 개발자가 새로운 환경과 기술에 적응해나가는 과정을 생생하게 보여줍니다.
온보딩신입 개발자Frontend
비브로스·2022년 6월 22일
Frontend
웹 접근성이란?
본 글은 비브로스 웹 프론트엔드팀에서 웹 접근성에 대해 학습한 내용을 공유합니다. 웹 접근성은 장애 유무와 관계없이 모든 사용자가 웹사이트를 동등하게 이용할 수 있도록 하는 것을 의미합니다. 단순히 신체적 장애뿐만 아니라 다양한 브라우저, 디바이스 환경에서도 동일한 경험을 제공하는 것을 포함합니다. 또한, 웹 접근성 보장은 '국가정보화기본법' 및 '장애인차별금지법' 등 법률에 명시된 의무 사항이며, 불이행 시 처벌 규정이 있을 수 있음을 강조합니다. 이를 통해 사용자가 웹을 사용하는 모든 상황을 고려하여 동등한 경험을 제공하기 위한 노력이 중요함을 알 수 있습니다.
웹 접근성웹 표준Frontend
비브로스·2022년 5월 31일
Frontend
웹프론트엔드 개발자의 Rust 돌려까기 🥊
이 글은 웹프론트엔드 개발자가 Rust를 학습한 경험을 공유합니다. 필자는 현재 주력 언어로 Typescript를 사용하고 있으며, Typescript의 안정성과 협업 장점을 높이 평가합니다. 하지만 개발자 선호도 조사에서 꾸준히 상위권을 차지하는 Rust에 대한 궁금증으로 학습을 시작했습니다. 특히 2015년부터 스택오버플로우 설문조사에서 가장 사랑받는 언어로 선정되는 Rust의 매력에 대해 탐구하며, 웹프론트엔드 개발자의 관점에서 Rust를 바라보고 경험을 공유하는 내용입니다.
RustTypeScript웹프론트엔드
비브로스·2022년 3월 28일