Navigate back to the homepage

주간 콘텐츠 리뷰 - 2021년 1월 3주차

younho9
January 24th, 2021 · 2 min read

읽기 목록

폰트

Adobe Spectrum 을 따라서 웹페이지를 개발하고 있는데, Source Han Sans Korean 폰트를 사용하고 싶어서 웹 폰트에 대해서 자료를 조금 찾아봤다.

디자인 시스템

  • Introducing React Spectrum : 어도비에서 만든 React Spectrum 라이브러리에 대한 소개 블로그 글. Adobe-Spectrum이 어도비의 디자인 시스템이라면, React-Spectrum은 디자인 시스템의 리액트 구현체이고, 이는 리액트 훅으로 접근성을 따로 다루는 React-Aria, 크로스 플랫폼을 다루는 React-Stately를 포함한다. Material-UIAnt Design이 웹 개발을 빠르고 쉽게 해주는 리액트 컴포넌트 라이브러리, 디자인 시스템이 주요 컨셉인 것과 달리 React-Spectrum은 주요 컨셉으로, 접근성, 크로스 플랫폼(적응성), 국제화까지를 목표로 한다는 점에서 차별점이 있다고 느껴졌고 어도비니까 가능하다고 느껴졌다.

    2021-01-24-주간-콘텐츠-리뷰-2021년-1월-3주차-image-0

    2021-01-24-주간-콘텐츠-리뷰-2021년-1월-3주차-image-1

    2021-01-24-주간-콘텐츠-리뷰-2021년-1월-3주차-image-2

  • Naming Tokens in Design Systems : 디자인 시스템에서의 네이밍에 대해 다룬 글.

    • Medium - Nathan Curtis : 미디엄에 디자인 시스템 관련 양질의 글을 다량으로 작성해주셨다.

개발하면서 참고한 자료

Github

  • storybook-addon-designs : 스토리북을 Figma와 함께 사용할 때 유용한 애드온.

  • storybook-dark-mode : 스토리북에서 다크모드를 사용할 때 유용한 애드온.

  • React Spectrum Libraries : 위에서 소개한 @adobe/react-spectrum

  • git-open : git remote 레포지토리를 바로 브라우저에서 열어준다.

  • react-if : 리액트의 조건부 렌더링을 JSX의 선언적 형태로 작성할 수 있게 도와준다.

Youtube

More articles from younho9

주간 콘텐츠 리뷰 - 2021년 1월 1주차 & 2주차

깃헙, 페이스북, 트위터, 유튜브, 미디움 등에서 매일마다 흥미로운 콘텐츠를 소비하고 있다. 하지만 콘텐츠에서 소개하는 기술을 실제로 적용하거나, 인사이트를 얻어내기 위해서는 단순히 소비하는 것에서 그치지 않고, 스스로 생각하는 시간이 필요한 것 같다.

January 16th, 2021 · 2 min read

2020년 회고

올해는 프론트엔드 공부를 시작하고, 우아한테크캠프와 이어진 취업 연계를 통한 면접들을 경험하면서 많이 성장했고, 장벽을 느끼기도 했던 한 해였다. 나는 올해를 어떻게 보냈는지 3가지 포인트로 되돌아보기로 한다.

December 4th, 2020 · 6 min read
© 2020–2021 younho9
Link to $https://github.com/younho9Link to $https://www.instagram.com/younho_9/Link to $https://www.notion.so/younho9-Blog-9ed630c8603541bab20662b4854a891f