디자인 시스템을 만드는 과정에서 다른 디자인 시스템들을 참고하기 위하여 검색하고, 원하는 컴포넌트로 스크롤해서 원하는 문서 페이지를 찾아가곤 합니다. 이젠 더 이상 그런 고생을 할 필요가 없습니다! 컴포넌트 갤러리에서 특정 컴포넌트를 다양한 디자인 시스템에서 어떻게 구현했는지 더 편하게 확인할 수 있습니다.
React를 위한 아주 이쁜 타임라인 라이브러리가 나왔습니다! 자세한 사항은 공식 홈페이지를 참고해주세요
Sonic은 Rust로 만들어진 검색엔진입니다. 30MB의 램으로도 돌아갈 수 있을정도로 아주 가볍습니다. 검색엔진을 구축할 때 좋은 선택지가 될 수 있을 것 같네요.
토스 앱에서 UX 개선을 위해 불필요한 클릭을 줄여주는 작업을 한 사례에 대해서 공유하는 포스트입니다. 불필요한 클릭을 줄이는 이유 사용자는 더 빠르게 태스크를 수행 가능 빠른 속도나 빠르다는 인상을 주어 사용자 경험이 좋아짐 정보를 하나만 입력받을 땐 CTA 없애기 자리수가 정해져있는 정보를 받는 경우 CTA 없애기 올바른 키보드가 처음부터 세팅되어 있도록 하기 Focus 상태로 진입하기
리액트에서 조건부 렌더링할 때 && 를 사용하곤 합니다. 짧은 코드로 조건부 렌더링을 할 수 있어서 편해보일수도 있지만 사용하지 않는 것을 권장합니다. 이 포스트에서는 다음 내용을 다룹니다. &&가 어떻게 작동하는지 &&를 쓰지 말아야 하는 이유 && 대신 써야 하는 것
각 알고리즘 파트별로 이미지와 동작 원리를 이해하기 쉽게 작성되어 있습니다. 파이썬/자바/C/C++로 각 파트에 해당하는 알고리즘을 구현한 코드도 제공되어 있어 참고하며 학습하기 굳굳굳
Next.js 13 버전 변경점을 번역해서 정리해주신 글이 있어서 공유합니다~
Figma 커뮤니티에 올라와있는 Design System 들의 목록입니다. Figma로 바로 사본을 열어서 볼 수 있어서 프로젝트들이 어떻게 관리되고 있는지 참고할 수 있어서 굉장히 유익합니다.
개발 조직의 구성원들과 아키텍처 시스템 디자인을 할 때, 합리적인 의사 결정을 통해 기술 부채와 오버엔지니어링의 위험을 피하기 위해 어떻게 해야 할까요? 기술 의사 결정 과정을 기록하세요 해결하려는 문제를 정확히 파악하세요 문제 해결 기술 후보를 선정하고 테스트하세요
CSS 스펙도 브라우저가 계속 패치되면서 늘어나고 있죠. 요즘의 모던 브라우저엔 어떤 CSS 스펙이 탑재되었을까요? 다양한 CSS 규칙들을 예시 코드와 이미지와 함께 한 눈에 확인할 수 있는 포스트입니다.
이소영님이 FEConf 2022에서 발표한 "디자인 시스템, 형태를 넘어서"라는 주제의 슬라이드입니다.