기술 블로그 모음

국내 IT 기업들의 기술 블로그 글을 한 곳에서 모아보세요

전체 프론트엔드 백엔드 데브옵스 AI 아키텍처 DB 네트워크 보안 기타
100년 가는 프론트엔드 코드, SDK
토스
100년 가는 프론트엔드 코드, SDK

SDK를 개발하며 마주한 다양한 상황과 기술적 어려움, 그리고 이를 해결하기 위해 우리가 설정한 핵심 가치와 달성해온 과정을 공유합니다.

글로벌웹툰 안드로이드 Large Screen 적용기
네이버 D2
글로벌웹툰 안드로이드 Large Screen 적용기

네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2025(10월)에서 발표되었던 세션을 공개합니다. 발표 내용 Large Screen을 대응해야 하는 이유와 품질 가이드라인을 소개합니다. 글로벌웹툰이 View와 Compose 환경에서 Large Screen 최적화를 적용한 내용을 일부 공유합니다. 발표 대상 Large Screen...

수직 중앙 정렬한 텍스트가 치우쳐 보이는 이유
NHN 클라우드
수직 중앙 정렬한 텍스트가 치우쳐 보이는 이유

[![NHN Cloud_meetup banner_fontAlign_202511.png](https://image.toast.com/aaaadh/real/2025/techblog/NHN%20Cloudmeetup%20bannerfontAlign202511.png)](https://www.nhncloud.com/kr) 혹시 어떤 요소에 넣은 텍스트를 예쁘게...

대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 3. Nx를 활용한 마이크로프론트엔드
올리브영
대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 3. Nx를 활용한 마이크로프론트엔드

안녕하세요! 발레를 좋아하는 올리브영의 프론트엔드 개발자 개발레리나🩰 입니다. 마이크로프론트엔드(Micro Frontend Architecture,이하 MFE…

FE News 25년 11월 소식을 전해드립니다!
네이버 D2
FE News 25년 11월 소식을 전해드립니다!

주요소식 다음과 같은 유용한 정보들을 만나보실 수 있습니다. 1. React Conf 2025 - React의 대규모 업데이트 React 19.2에서 컴포넌트와 useEffectEvent() 훅을 도입하고 React Compiler 1.0을 정식 출시하여 자동 최적화를 제공합니다. 특히 Meta Quest 스토어 앱에서 로드 시간 12% 개선과 2배 ...

대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 2. 모듈 페더레이션 PoC
올리브영
대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 2. 모듈 페더레이션 PoC

📖 목차 개요 모듈 페더레이션(Module Federation - MF) 넌 뭐니? MF의 특징은 뭐가 있을까? MF의 구현 방법은? MF…

하이브리드 앱에 구축하는 iOS 개발자모드
올리브영
하이브리드 앱에 구축하는 iOS 개발자모드

안녕하세요! 올리브영의 iOS Junior Engineer Ted입니다. 저는 오늘, 올리브영 iOS…

SDUI로 네이티브 운영 민첩성 높이기
올리브영
SDUI로 네이티브 운영 민첩성 높이기

SEO 주도 개발 실천기: 구글이 인정한 ‘좋은 URL’ 99% 달성 여정
원티드
SEO 주도 개발 실천기: 구글이 인정한 ‘좋은 URL’ 99% 달성 여정

원티드 엔지니어분들은 원티드 플랫폼을 개발하고 운영하며, 더 나은 사용자 경험을 제공하기 위해 끊임없이 노력하고 있습니다.그 노력의 일환으로, 저희는 ‘SEO 주도 개발’을 실천하고 있습니다.‘SEO 주도 개발’이란, Google Search Console (이하 GSC)과 도구를 통해 SEO 관련 지표를 주기적으로 관찰하고, 이를 개선하는 것을 개발...

Server-Sent Events로 실시간 알림 전달하기
우아한형제들
Server-Sent Events로 실시간 알림 전달하기

들어가며 식당에 있다 보면 “배달의민족 주문~!” 알림을 한 번쯤 들어보셨을 거예요. 이 알림은 주문이 들어올 때 사장님이 빠르게 확인하고 처리할 수 있도록 도와주는 주문 접수 프로그램에서 발생합니다. 이 프로그램을 만드는 팀이 바로 주문접수채널팀으로, Windows·macOS PC, 모바일 앱(Android, iOS), Android POS 등 다양...

우아한 디버깅 툴 2부: 좀 더 편하게 일하기 위한 개선들
우아한형제들
우아한 디버깅 툴 2부: 좀 더 편하게 일하기 위한 개선들

지난 글 "우아한 디버깅 툴 1부: 웹뷰/웹페이지 원격으로 디버깅하기"에서는 이슈 정보를 쉽게 기록하고 공유하는 방법에 대해 다뤘습니다. 하지만 QA를 더 원활하게 진행하기 위해서는 아직 개선해야 할 부분이 많았습니다. 이번 글에서는 QA 업무 생산성 향상을 위해 추가한 기능들을 소개합니다. 들어가기 전 복습하기 기록방 : 원격 디바이스에서 기록한 데...

우아한 디버깅 툴 1부: 웹뷰/웹페이지 원격으로 디버깅하기
우아한형제들
우아한 디버깅 툴 1부: 웹뷰/웹페이지 원격으로 디버깅하기

버그 재현, 생각보다 쉽지 않습니다 버그가 발견되었을 때 프론트엔드 개발자가 가장 많이 하는 말이 있습니다. “제 기기에선 잘 되는데요…?” 이슈가 발생하면 우리는 가장 먼저 상황을 똑같이 재현해보려 합니다. 하지만 재현이 항상 되는 건 아닙니다. 간헐적으로만 나타나거나, 특정 계정·환경에서만 발생하는 경우도 많죠. 예시 상황으로 알아보기 예를 들어,...

핀테크그룹의 GraphQL 기반 BFF와 프론트엔드 활용기
마켓컬리
핀테크그룹의 GraphQL 기반 BFF와 프론트엔드 활용기

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

[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기
요기요
[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기

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

한 달짜리 과제, 바이브 코딩으로 5일 만에!(ChatGPT·Cursor)
라인
한 달짜리 과제, 바이브 코딩으로 5일 만에!(ChatGPT·Cursor)

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

FE News 25년 10월 소식을 전해드립니다!
네이버 D2
FE News 25년 10월 소식을 전해드립니다!

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

"이 버튼 왜 안 눌려요?" 물류 현장의 목소리로 PDA 시스템 완성하기
올리브영
"이 버튼 왜 안 눌려요?" 물류 현장의 목소리로 PDA 시스템 완성하기

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

FE 최적화, 비즈니스로 시작해서 엔지니어링으로 끝내기
당근마켓
FE 최적화, 비즈니스로 시작해서 엔지니어링으로 끝내기

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

FE News 25년 9월 소식을 전해드립니다!
네이버 D2
FE News 25년 9월 소식을 전해드립니다!

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

올리브영, 블록 기반 CMS로 콘텐츠 제작 시간을 99% 줄이다
올리브영
올리브영, 블록 기반 CMS로 콘텐츠 제작 시간을 99% 줄이다

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

[FE Ground] 'AI x Front-End: 코딩의 미래를 묻다' 밋업이 열립니다.
네이버 D2
[FE Ground] 'AI x Front-End: 코딩의 미래를 묻다' 밋업이 열립니다.

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

토스의 접근성 문서 A11y Fundamentals 을 소개합니다 (오픈 기념 이벤트 ~9/10)
토스
토스의 접근성 문서 A11y Fundamentals 을 소개합니다 (오픈 기념 이벤트 ~9/10)

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

게임 회사에서 클라이언트 프로그래머가 하는 일
데브시스터즈
게임 회사에서 클라이언트 프로그래머가 하는 일

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

FE News 25년 8월
네이버 D2
FE News 25년 8월

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

바닥부터 시작하는 웹앱 에디터 개발기
당근마켓
바닥부터 시작하는 웹앱 에디터 개발기

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

윈도잉(windowing) 기법을 적용한 고성능 표 컴포넌트 개발기
네이버 D2
윈도잉(windowing) 기법을 적용한 고성능 표 컴포넌트 개발기

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

주니어 클라이언트 개발자의 성장 노트
데브시스터즈
주니어 클라이언트 개발자의 성장 노트

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

접근성을 지원한다는 착각
뱅크샐러드
접근성을 지원한다는 착각

Docusaurus를 이용한 API 문서 플랫폼의 진화
네이버 D2
Docusaurus를 이용한 API 문서 플랫폼의 진화

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

Web Worker로 이미지 처리 최적화하기
올리브영
Web Worker로 이미지 처리 최적화하기

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