Vue.js와 React.js의 사용 경험 비교
React와 Vue의 컴포넌트 작성 방식, 반응성·상태 관리·SSR 생태계를 비교했습니다.\n경량 환경의 생산성과 협업성을 고려한 Vue 선택 경험을 공유했습니다.
#React#Vue.js#TypeScript
5900
태그
TypeScript 기술 블로그 글
TypeScript 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 187개최신 20개 표시
관련 태그
최신 게시글
20개 표시
역할 기반 라우팅에서 Episode 분리로
Banjang 웹 프론트엔드를 역할 기반 단일 앱에서 기능별 Episode 독립 배포 구조로 재정립한 회고입니다.\n모바일 Shell과 웹 Episode의 책임을 나누고, 로딩·전환 정책도 함께 정리했습니다.
#React#TypeScript#Vite
1400
[구현사례] 신규 프로젝트를 복제 한 번으로 시작하기: 보일러플레이트 템플릿 표준화
신규 프로젝트의 반복 작업을 줄이기 위해 보일러플레이트 템플릿을 표준화한 사례였습니다. 사람과 AI가 같은 규칙으로 개발하고, API·Bot·MCP·Batch를 하나의 코어에 연결하는 구조를 제시했습니다.
#Kotlin#Spring Boot#TypeScript
1800
![[구현사례] 신규 프로젝트를 복제 한 번으로 시작하기: 보일러플레이트 템플릿 표준화](https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FSDXKO%2FdJMcacEPnJE%2FAAAAAAAAAAAAAAAAAAAAADeP3JWNdI4fEsM2Qkn8Z1XaDxmztcfMmdG_nwqzg34D%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1790780399%26allow_ip%3D%26allow_referer%3D%26signature%3D4FxCuP2LLwBVMeVQyvdEW70WMiQ%253D)
SpreadJS 엑셀 로딩 성능 최적화2
React와 TypeScript 기반 SpreadJS Excel 상세 화면의 초기 로딩 지연을 단계별 측정으로 분석했습니다. 모든 시트에 바인딩하던 구조를 필요한 시트만 처리하도록 바꿔 로딩 시간을 약 40~50% 줄였습니다.
#React#TypeScript#SpreadJS
2600
AI가 만든 코드가 어드민이 되기까지
AI가 만든 코드를 어드민 화면으로 보여 주기 위해 브라우저 기반 Preview Runtime을 구축한 과정을 소개했습니다. 가상 파일 시스템, esbuild-wasm, import map, 패키지 사전 빌드로 격리성과 속도를 함께 해결했습니다.
#React#esbuild#TypeScript
9700
Claude와 함께한 행사용 웹앱 개발기
오프라인 행사 운영을 웹앱으로 전환하며 1인 개발과 Claude 협업 방식을 정리했습니다. 설계, 디버깅, 리팩토링에서 AI를 파트너처럼 활용한 실무 인사이트를 공유했습니다.
#React#TypeScript#Next.js
4600
Android WebView 본인인증 오류 개선
React Native Android WebView에서만 발생한 본인 인증 실패를 분석했습니다. 외부 인증 앱 URL 처리 로직을 보완해 인증 흐름을 정상화했습니다.
#Android#WebView#React Native
2500
React Hook Form, Zod로 Form 관리하기
복잡한 다단계 폼을 React Hook Form, Zod, Jotai로 전략적으로 관리하는 방법을 정리했습니다. 조건별 스키마 분리, 임시 저장, 단계별 검증과 값 초기화 흐름을 설명했습니다.
#React#TypeScript#Zod
2300
자가 발전하는 유저 인터뷰 에이전트 개발기
똑닥 AI 모더레이터의 인터뷰 에이전트 구조와 자가 발전 루프를 설명한 글입니다. 안전 규칙은 코드에 고정하고 전략만 스킬로 재합성하는 설계를 다뤘습니다.
#TypeScript#AWS#Bedrock
500
자가 발전하는 유저 인터뷰 에이전트 개발기
똑닥 AI 모더레이터의 유저 인터뷰 에이전트 설계와 자가 발전 구조를 공유했습니다. 안전은 코드로 고정하고 전략은 스킬 세트로 분리해 피드백 기반 재합성을 구현했습니다.
#TypeScript#LLM#prompt
500
자가 발전하는 유저 인터뷰 에이전트 개발기
AI가 읽는 디자인 시스템: 추상화를 다시 설계한 이유
AI가 디자인 시스템을 사용할 때는 규칙을 설명하는 것보다 잘못된 상태를 만들 수 없게 하는 추상화가 중요하다고 다뤘습니다. 목적별 컴포넌트 분리와 타입 계약으로 접근성과 상호작용을 시스템이 직접 소유하는 방법을 소개했습니다.
#디자인 시스템#TypeScript#접근성
8400
토스는 어떻게 광고 속에 게임을 넣었을까
토스는 게임 광고 소재를 받지 못하던 문제를 해결하기 위해 MRAID 기반 플레이어블 광고 SDK를 직접 만들었습니다. 실제 호출 범위만 구현하고 렌더 완료 감지와 배포 계약을 분리해 운영했습니다.
#MRAID#JavaScript#TypeScript
8800
RxJS로 우아하게 사이드 이펙트 통제하기
RxJS와 zustand로 비동기 사이드 이펙트를 하나의 흐름으로 통제한 개편 사례를 소개했습니다. 액션 완료 기준과 구독 해제를 명확히 해 타이밍 버그와 성능 저하를 해결했습니다.
#RxJS#비동기#zustand
7400
모노리포 희망편, 절망의 리포가 희망의 리포로 부활하기까지 걸린 1년
토스는 대규모 프론트엔드 모노리포의 의존성 파편화를 해결하기 위해 카탈로그를 도입했습니다. 이를 통해 설치 속도와 개발 경험을 개선하고 최신 플랫폼 변경을 안정적으로 전파했습니다.
#모노리포#React#Next.js
7400
2. 유스케이스를 격리하고 의존성을 나누어 Lint로 규칙 세우기
Mock 의존을 줄이기 위해 유스케이스 분리, 리포지토리 포트화, 트랜잭션 정리를 단계적으로 진행했습니다. 문서보다 lint·타입·CI 같은 강제 규칙으로 사람과 AI의 관성을 막았습니다.
#Lint#TypeScript#mock
2300
1. 통과하는 테스트 뒤에 숨어 있던 것들
통합 테스트가 없던 코드베이스에서 Mock이 급증한 원인과, AI가 그 관성을 더 키우는 구조를 정리했습니다. 실제 DB와 기록형 대역, 스냅샷, lint로 검증 기반을 바꿔 Mock 의존을 줄인 과정을 공유했습니다.
#TypeScript#test#Mock
3900
타입스크립트(TypeScript) 파헤치기
타입스크립트의 핵심 개념과 컴파일러 동작, 구조적 타이핑, 타입 추론을 설명했습니다. 또한 런타임 한계와 TSConfig 옵션, 실무 적용 시 주의점을 정리했습니다.
#TypeScript#JavaScript#컴파일러
7200
FE News 26년 7월 소식을 전해드립니다.
네이버 FE News에서 TypeScript 7.0 RC, 정책 전달 방식, AI 에이전트 루프 설계와 React 코드 점검 도구를 소개했습니다. 대규모 코드베이스 성능 개선과 규칙 일관성, 자동 검증 관점의 실무 아이디어를 정리했습니다.
#TypeScript#React#Next.js
57900
FE News 26년 7월 소식을 전해드립니다.
TVING의 새로운 백오피스 Refine 구축기 — (1)
TVING이 Refine과 AI Agent를 활용해 백오피스 개발 속도를 높인 과정을 소개했습니다. 모노레포와 GraphQL, 자동화 규칙으로 컨벤션 기반 생산성을 강화했습니다.
#Refine#React#TypeScript
18300
TVING의 새로운 백오피스 Refine 구축기 — (1)
코드에서 1급 시민으로 다룬다는 것
AI에게 기능만 요청하면 조건문이 늘어나기 쉽다고 설명했습니다. 개념을 1급 시민으로 다루게 해야 설계와 운영까지 연결된다고 말했습니다.
#TypeScript#설계#도메인 모델
5300
코드에서 1급 시민으로 다룬다는 것