기술 블로그 모음

BFF의 탄생 배경과 핀테크그룹 프론트엔드에서 BFF를 어떻게 활용하는지 소개합니다

YDS(Yogiyo Design System)는 요기요에서 운영하는 디자인 시스템입니다. 요기요에서는 YDS를 구축하여 개발자와 디자이너의 생산성을 향상시키고, 사용자에게는 일관된 경험을 제공하고 있습니다.요기요 FE팀은 YDS version 2를 재구축하는 과정에서 얻은 인사이트를 세 편의 글로 나누어 공유하고자 합니다.아이콘 라이브러리 만들기sty...

왜 이 일을 시작했나요?음식 배달 서비스의 점주님용 앱을 운영하는 동안 꾸준히 같은 피드백이 들어왔습니다."메뉴 등록이 너무 어려워요. 더 쉽게 해주세요."문제는 옵션과 사이즈, ...

주요소식 다음과 같은 유용한 정보들을 만나보실 수 있습니다. 1. React 생태계 혁신 정체 논란 React가 프런트엔드 개발의 사실상 표준이 되면서 오히려 기술 혁신이 정체되고 있다는 흥미로운 관점이 제기되었습니다. 채용 시장에서 React 경험을 우선시하는 경향과 기업들의 안전한 선택 성향이 다른 프레임워크 탐색을 저해하고 있다는 분석입니다. 프...

"삐빅, 삐빅." 1분 1초가 급박하게 돌아가는 물류센터. 이곳에서 현장 작업자의 손에 들린 PDA(산업용 단말기)의 작은 화면은 전쟁터의 레이더와 같습니다. 하지만 이 레이더가 낡고 해상도가 낮다면? 브라우저 툴바가 화면의 1…

안녕하세요 Local Business 프론트플랫폼팀의 Joon이에요.Continue reading on 당근 테크 블로그 »

주요소식 다음과 같은 유용한 정보들을 만나보실 수 있습니다. Augmented vs Vibe Coding: Kent Beck은 BPlusTree3 라이브러리를 통해, Vibe Coding보다 코드 품질과 복잡성을 중시하는 Augmented Coding의 중요성을 설명했습니다. Rust, Python, C 등 다양한 언어로도 구현했습니다. Code w/...

안녕하세요! 올리브영 프론트엔드 개발자 쩡다입니다. "하나의 콘텐츠를 만드는 데 정말 7일이나 걸려야 할까요?" 이 질문에서 시작된 올리브영의 콘텐츠 제작 프로젝트를 소개합니다. 직접 구축한 블록 기반 CMS로 제작 시간을 7일에서 2…

안녕하세요! 네이버 프런트엔드 개발자 모임 H26y입니다. 매달 FE News를 통해 찾아뵈었는데요, 8월 29일(금), “[FE Ground] AI × Front-End: 코딩의 미래를 묻다.”라는 주제로 첫 공개 개발자 밋업을 진행하게 되어 안내드립니다. 진행일시 일시: 8월 29(금), 19시 ~ 21시 건물 보안 지침 상 사전 입장이 불가하며,...

'접근성은 어려운 것' 이라고 느끼는 분들을 위해 실무에서 바로 적용할 수 있는 접근성의 핵심 개념과 실수하기 쉬운 패턴을 알려주는 문서, A11y Fundamentals 을 소개합니다.

게임 회사에서 클라이언트 프로그래머가 하는 일을 게임 업데이트 루틴과 함께 소개합니다.

주요소식 25년 8월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. 링크 & 읽을거리 JSNation 2025: GitNation이 주최하는 JavaScript 컨퍼런스로, JavaScript관련된 다양한 주제의 세션들을 볼 수 있다. Tech-Verse 2025: 라인야후애서 주최한 최신 기술 트렌드와 개발 방법론을 공유하는 ...

안녕하세요, 커뮤니티실 모임팀의 프론트엔드 엔지니어 Louie(루이)예요. 오늘은 모임 서비스의 ‘웹앱’ 환경에 에디터를 적용했던 경험을 공유하려고 해요.모바일 앱에서 게시글을 올려보신 적 있으신가요? 그때 텍스트를 꾸미고 이미지를 글 사이사이에 자유롭게 배치하셨다면 ‘에디터’를 사용하신 거예요. 에디터는 볼드체, 취소선, 밑줄 같은 리치텍스트 기능은...

이 글은 '윈도잉(windowing) 기법'을 적용한 고성능 표 컴포넌트를 개발하여 네이버 사내 로그 시스템의 로그 뷰 성능을 개선한 사례를 공유합니다. 다음과 같은 순서로 구성되었습니다. 윈도잉 기법이란 윈도잉 기법을 기반으로 만들어진 React 오픈소스 라이브러리 자체 개발 고성능 표 컴포넌트 Big Table 1. 윈도잉 기법이란 윈도잉 기법은 ...

주니어 클라이언트 개발자로서 겪어본 경험을 나눠봅니다.

…

네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2025(5월)에서 발표되었던 세션을 공개합니다. 발표 내용 Docusaurus와 Typesense를 통해 기존 Redoc 기반 커머스API 문서 사이트를 변경하면서 정리한 Docusaurus 채택 배경과 특징, Typesense 특징 및 인프라 구성, 그리고 배포프로세스 등을 설명...

안녕하세요! 올리브영에서 리뷰/SNS 프론트엔드 개발을 담당하고 있는 d9입니다. 저희 조직에서는 올리브영의 SNS…

LY Corporation에서는 2024년 10월에 사내 웹 프런트엔드 개발에 관여하는 사내 구성원을 대상으로 본인이 생각하는 2024년의 웹 프런트엔드 관련 근황 및 관련 툴 이...

안녕하세요! 리멤버앤컴퍼니 파운데이션 크루에서 Web Frontend Software Engineer로 일하고 있는 성정민입니다.최근 저는 사용자가 검색창에 키워드를 입력할 때마다 실시간으로 UI를 업데이트하는 기능을 개발했습니다. 그런데 문제가 발생했어요. 검색창에 글자를 입력할 때마다 수천 개의 데이터를 필터링하고 화면에 표시해야 하는데, 이 과정...

안녕하세요! 네이버 프런트엔드 개발자 모임(H26y & FE News)입니다. 국내 프런트엔드 러버 여러분들 반갑습니다. 이 설문조사는 국내 개발자들이 어떤 FE/JS 환경에서 개발하고 있는지를 파악하고, 이를 공유해 국내 생태계에 도움을 주고자 기획하게 되었습니다. 설문조사의 주요 목적은 다음과 같습니다. 어떤 기술 영역에서 집중이 필요한지 ...

이력서 작성에 고민해보신 적이 있나요? 토스에는 여러분의 고민한 내용이 남긴 GitHub 저장소 링크 하나만 제출하면 돼요.

주요내용 25년 4월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. A Categorical Archive of ChatGPT Failures ChatGPT와 같은 대형 언어 모델의 한계를 분석한 내용이다. 논리는 크게 11개의 실패 유형으로 구분되며, 논리적 추론, 수학적 계산, 사실 오류, 편견 및 차별, 코딩 오류 등 다양한 영역...

왓챠 웹은 2016년부터 react + node(express)기반으로 운영되었지만, 최근 대중적인 프레임워크의 발전으로 인해 우리의 기존 구조를 유지하는 것이 점점 부담되고 있었습니다. 이에 따라 Remix로 마이그레이션을 결정한 과정과 경험을 공유하려 합니다.왓챠 웹 구조 소개 & 마이그레이션을 고려한 이유왓챠는 오랜 역사를 가진 서비스입니...

오늘은 토스 자체 React Native 프레임워크 Bedrock가 어떻게 파일 기반 라우팅의 문제를 해결했는지 소개해드릴게요.

토스의 디자인 편집기 데우스(Deus)! 이번 모닥불에서는 토스의 자체 디자인 편집기 데우스(Deus) 프로젝트를 소개합니다! 디자인과 개발 사이의 경계를 넘나드는 새로운 가능성을 만나보세요! 데우스(Deus)가 풀어낸 기술적 도전과 그 여정을 통해, 우리가 함께 만들어갈 미래를 이야기합니다.

프로그래밍을 하다 보면 테스트의 필요성을 통감하는 순간이 찾아옵니다. 하지만 테스트를 꾸준히 작성하는 팀은 많지 않습니다. 만일 팀의 룰로 인해 강제로 테스트를 작성하고 있더라도, 업계의 구루가 말하는 TDD의 이점은 별로 와닿지 않고, 프로그램 코드보다 테스트 코드를 작성하는 데 더 많은 시간을 소모하고 있는 자신을 보며 자괴감을 느끼고 있을지도 모...

프론트엔드 개발 경험을 향상시키는 HMR(Hot Module Replacement)의 원리와 다양한 번들러가 HMR을 어떻게 지원하는지 살펴보고, ESBuild 기반 번들러를 직접 개발한 과정을 소개드려요.

왜 토스증권 PC의 그리드 레이아웃을 왜 직접 구현하게 되었는지, 그리고 어떻게 만들어져 있는지를 이제부터 소개해 드릴게요.