infer, never만 보면 두려워지는 당신을 위한 타입 추론 - 응용 문제
infer, never만 보면 두려워지는 당신을 위한 타입 추론 - 응용 문제
TypeScript 조건부 타입과 `infer`를 이용해 중첩 객체를 평탄화하는 타입을 단계적으로 설계했습니다. 실무에서 과도할 수 있지만 라이브러리 개발에는 유용한 정밀 타입 추론을 다뤘습니다.
#TypeScript
2000
프론트엔드 기술 블로그 최신 글
필터 0
infer, never만 보면 두려워지는 당신을 위한 타입 추론 - 고급 타입 추론
infer, never만 보면 두려워지는 당신을 위한 타입 추론 - 고급 타입 추론
TypeScript가 타입 검사로 안전하지 않은 대입과 참조를 어떻게 잡아내는지 설명했습니다. 제네릭 추론, 조건부 타입, infer와 never의 동작과 주의점도 함께 정리했습니다.
#TypeScript#generics
2900
infer, never만 보면 두려워지는 당신을 위한 타입 추론 - 기초 타입 이론
infer, never만 보면 두려워지는 당신을 위한 타입 추론 - 기초 타입 이론
TypeScript 타입 추론의 기초를 타입 이론 관점에서 설명했습니다. 서브타입 관계, 함수 타입, never·unknown·any·void의 의미를 정리했습니다.
#TypeScript#타입 이론
4400
모닥불 | EP.2 함수형 프로그래밍, 프론트엔드 개발에 진짜 도움 될까?
토스 프론트엔드 개발자들이 함수형과 객체지향의 장단점과 선호도를 두고 토론했습니다. 프론트엔드에서 객체지향을 어떻게 활용할 수 있는지도 함께 살펴봤습니다.
#함수형 프로그래밍#객체지향 프로그래밍
5100
목록 가상화의 마법 “우리 DOM이 달라졌어요”
무한 스크롤 피드에서 DOM 증가로 인한 성능 저하를 해결하기 위해 가상화를 도입했습니다. 동적 높이와 스크롤 복원을 고려해 react-virtuoso를 선택하고 직접 복원 로직도 구현했습니다.
#React#Next.js
2600
신규 서비스 "꿀템"을 만들기 위한 여정(네? 다음달까지요?) -1편
신규 서비스 꿀템 피드를 만들기 위해 개념 정의부터 테이블 설계, ERD 구성까지의 과정을 소개했습니다. 확장성과 정합성을 고려해 커뮤니티 기능과 데이터 구조를 설계했습니다.
#PostgreSQL#Oracle
2100
신규 서비스 "꿀템"을 만들기 위한 여정(네? 다음달까지요?) -1편
신규 서비스 ‘꿀템’ 피드의 첫 론칭과 구축 여정을 소개하는 글입니다.
#web#React
2100
웹폰트 최적화를 통한 CDN 비용절감
웹폰트 최적화를 통해 CDN 비용을 절감한 사례를 소개했습니다. 불필요한 리소스 사용을 줄이기 위한 세밀한 비용 관리가 핵심입니다.
#CDN#웹폰트
2300
보낼 로그가 1000개가 되는동안 겪었던 고민들
보낼 로그가 1000개가 되는동안 겪었던 고민들
Android 로그 전송을 1000개까지 관리하며 겪은 고민과 개선 과정을 다룬 세션입니다. 컴포넌트 노출 시점의 로그 설계와 수치 조정 사례를 공유했습니다.
#Android#logging
2500
SSR 서버 최적화로 비용 아끼기
SSR 서버 최적화를 위해 측정 환경을 먼저 정비하고, RPS와 Event Loop 지표로 병목을 찾았습니다. serializer 제거, Yarn 업그레이드, Express 제거로 CPU 사용률을 낮춰 서버 수를 줄였습니다.
#SSR#Next.js
4800
모닥불 | EP.1 토스에서 말하는 “가독성 좋은 코드” 란 무엇일까?
토스 프론트엔드 개발자들이 가독성 좋은 코드의 의미와 코드 퀄리티의 필요성을 이야기했습니다. 동료를 위한 코드라는 관점에서 가독성의 요소와 챙기는 방법을 공유했습니다.
#UI/UX#가독성
4700
코드 퍼스트로 스키마 변경이 일어났을 때 확인하는 과정을 자동화해보자
코드 퍼스트 GraphQL 스키마 변경으로 인한 프론트엔드 빌드 실패 확인 과정을 GitHub Actions로 자동화한 사례입니다. 서버 PR 반영 전에 코드젠과 타입 체크를 돌려 영향 범위를 빠르게 검증했습니다.
#GraphQL#GitHub Actions
2800
디자인시스템을 개발에서 적용 하는법
디자인시스템을 개발에서 적용 하는법
피그마와 깃헙을 활용해 자동화된 디자인 시스템 구축 방법을 소개했습니다. 디자인 토큰 변환과 GitHub Action 코드 변환 흐름, 사용 소감까지 다뤘습니다.
#design#GitHub Actions
11700
NEXT.JS와 CDN, 그리고 도커 이미지 경량화
Next.js를 ECS나 EKS에서 직접 운영할 때 CDN 연동과 도커 이미지 경량화 방법을 정리했습니다. 정적 자산은 CDN으로 분리하고, standalone 출력으로 배포 이미지를 줄이는 노하우를 소개했습니다.
#Next.js#CDN
4500