📰 IT 소식

개발/기술 관련된 소식 중 주로 프론트엔드 관련 소식을 전합니다.
SNAX

AWS S3 Object Lambda로 이미지 리사이징 비용 효율 높이기

https://techblog.pet-friends.co.kr/aws-s3-object-lambda%EB%A1%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%A6%AC%EC%82%AC%EC%9D%B4%EC%A7%95-%EB%B9%84%EC%9A%A9-%ED%9A%A8%EC%9C%A8-%EB%86%92%EC%9D%B4%EA%B8%B0-4637ed7c2f6b
techblog.pet-friends.co.kr
Reaction
Comment
Share
SNAX

toss가 만든 고성능 유틸리티 라이브러리

lodash와 같이 배열이나 객체, 함수 등을 다루는 등의 일에 사용될 수 있는 유틸리티 라이브러리입니다.
lodash와 비교했을 때 es-toolkit은 같은 함수 기준 최대 97% 작은 번들 사이즈 를 제공하며, 2~3배 빠른 속도로 동작한다고 합니다.
es-toolkit
빠른 성능, 작은 번들 사이즈를 가지는 현대적인 JavaScript 유틸리티 라이브러리
es-toolkit.slash.page
Reaction
Comment
Share
SNAX

shadcn/ui Blocks, Charts 추가

Blocks

shadcn/ui를 바탕으로 만들어진 일종의 템플릿 코드입니다. tailwindUI를 생각하면 쉽습니다.

Charts

리액트용 차트 라이브러리인 recharts를 기반으로 shadcn의 감각이 가미된 차트 컴포넌트입니다.
라이브러리가 아닌 컬렉션을 표방하는 shadcn/ui 답게 스스로는 의존성을 전혀 갖고 있지 않고, 코드를 복사해서 사용할 수 있도록 해놨습니다.
Reaction
Comment
Share
SNAX

TanStack Form 출시

TanStack Query(React Query)의 개발자 TanStack이 내놓은 새로운 양식(Form) 관리 라이브러리
출시일: 2024년 4월 27일
•
Framework Agnostic: React, Vue, Angular 등 여러 프레임워크 지원
•
Isolate Re-renders: React Hook Form과 동일하게 Uncontrolled 방식으로 리렌더링을 최소화한다.
•
Validation: zod, yup, valibot 등의 유효성 검사 라이브러리를 함께 사용할 수 있도록 adaptor 제공.
•
SSR: Next.js Server Action을 지원하여 서버 사이드에서 유효성 검사가 가능해진다.
•
Granular reactivity: 세분화된 반응성을 지원하여 원하는 영역만 상태를 구독, 리렌더링을 보다 최소화할 수 있다.
•
Linked Fields: 유효성 검사 스키마에서 다른 필드의 값도 참조할 수 있다.

개인적인 의견

•
전체적으로 디자인이 React Hook Form과 비슷하나 좀 더 다듬어진 느낌이 든다. 귀찮고, 거슬리고, 불편한 부분들이 개선되었다.
•
TanStack이라는 스타 개발자가 주도하는 라이브러리인 만큼 출시된지 몇개월되지 않았는데도 3.5k의 스타를 받았다.
See more...
Reaction
Comment
Share
Share
SNAX

Framer로 하루만에 팀을 위한 웹 제품 만들기

https://aldadesign.medium.com/framer%EB%A1%9C-%ED%95%98%EB%A3%A8%EB%A7%8C%EC%97%90-%ED%8C%80%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%9B%B9-%EC%A0%9C%ED%92%88-%EB%A7%8C%EB%93%A4%EA%B8%B0-29252eda41ce
aldadesign.medium.com
👍