devBlog
Frontend 글 모음
기업 기술블로그의 Frontend 관련 글 580개
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
[구현사례] 신규 프로젝트를 복제 한 번으로 시작하기: 보일러플레이트 템플릿 표준화
@keyframes kttblink { 50% { opacity:0; } } .ktt-cursor { animation:kttblink 1.05s step-end infinite; } @keyframes kttlive { 0% { box-shadow:0 0 0 0 rgba(63,185,80,0.55); } 70% { box-shadow:0 0 0 6px rgba(63,185,80,0); } 100% { box-shadow:0 0 0 0 rgba
AI와 함께 만든 키비주얼과 시네마틱 오프닝 필름
채널콘 2026 디자인 비하인드 두번째
항공 프론트엔드 구축기 (10/10): 폴더 이름 앞의 기호 하나
항공 프론트엔드 구축기 (9/10): 쓰자고 해 놓고 안 썼습니다
항공 프론트엔드 구축기 (8/10): 토큰이 세 군데서 온다
App Router의 장점은 우리에게도 장점일까요?
App Router가 토스뱅크에도 좋은 선택일지, 직접 측정한 결과와 도입 여부를 판단한 기준을 공유해요.
한 명의 개발자가 여러 전문가와 일하는 방법: 역할형 AI 에이전트로 AWS 인프라 포털 만들기
여러 AWS 콘솔과 CLI 결과를 오가며 인프라 관계를 확인하던 문제를 '읽기 전용 Snapshot 기반 웹 포털'로 풀었습니다. 이 글에서는 단일 만능 프롬프트 대신 업무 분석·설계·UI·프론트엔드·테스트 역할을 나누고, 프로젝트 지식·도구·안전 규칙·검증 게이트를 에이전트에 넣은 과정을 소개합니다. 나아가 PoC 작업 기록 기준으로 4~6주가 예상되던 초기 구현을 약 5시간으로 단축하게 된 성과와 함께, 빠른 코드 생성보다 역할과 완료 조건
이제 디자이너가 PR을 올립니다
이 글은 영문 원본을 바탕으로 작성되었습니다. 6개월, 432개의 pull request, 디자인팀 하나. 무엇이 좋아졌고 무엇을 치렀는지 정리했습니다. 얼마 전, 저희 디자이너 한 명이 광고 참여 플로우에서 행운뽑기 컨셉을 살펴보고 있었습니다. 뭘 고치던 참은 아니었습니다. 방향이 아직 잡히기 전에 이리저리 둘러보는, 그런 시간이었습니다. 그런데 화면이…
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
How Documents Find Developers at Toss
The Toss Frontend team no longer has to dig through documents to find what they need. We’re building an environment where developers can get immediate answers to their questions through docs and AI. Here’s how we built a new documentation system that
AI가 만든 코드가 어드민이 되기까지
실시간으로 생성되는 코드를 어드민 화면으로 보여 주기 위해, 개발 환경을 브라우저 안으로 옮긴 이야기를 소개해요.
여기어때 홈 카드 개선기 (2)
여기어때 홈 카드 개선기 (1)
프롬프트를 쓰는 PM과 AI를 이해시키려는 개발자
올리브영은 2026년 3월 24일, 카카오와의 협업으로 올리브영의 뷰티 상품을 카카오톡 대화방에서 바로 추천받을 수 있는 MCP를 선보였습니다. 그리고 이때 다진 MCP 구조를 토대로, 2026년 8월에는 챗GPT…
[고객사례] 국내 1위 배달앱 배민은 지도 API를 어떻게 활용할까?
안녕하세요, 누구나 쉽게 시작하는 클라우드 네이버클라우드 ncloud.com입니다. 여러분은 음식을 주문하거나 택시를 잡을 때 어떻게 하시나요? 저는 스마트폰을 가장 먼저 꺼내드는데요. 스마트폰 없이 배달을 시키거나 택시를 부르는 건 이제 상상할 수도 없는 일이 되었죠. 특히 딜리버리 또는 모빌리티 서비스를 이용할 땐 내 위치와 주문/호출 정보가 지도 위에서 시각화되는 순간이 많습니다. 이 때 활용되는 기술이 바로 ‘지도 API’입니다. 국내
Unity를 모르는 프론트엔드 개발자가 AI로 Unity 서비스를 React로 옮긴 방법
서론 Unity + WebGL로 운영 중인 한컴타자 ‘필사’ 서비스를 React/Next로 마이그레이션하는 일을 맡았습니다. 문제는 제가 C#/Unity 경험이 없는 프론트엔드 개발자라는 점이었습니다. 옮겨야 할 코드를 온전히 이해할 수 없는 상태에서 시작한 것입니다. 이 글은 그 문제를 AI로 어떻게 풀었는지의 기록입니다. 단순히 AI로 코드를 생성한 이야기가 아니라, 온전히 이해하지 못하는 코드의 ‘번역’을 AI에게 맡기고, 그 결과를 개발
페이지 1 / 33 (총 580개)