Report

Signs of Progress: Aug 26 ~ Sep 1, 2019

dhk.party / Reanimated

Signs of Progress: Aug 26 ~ Sep 1, 2019

Signs of Progress

dhk.party

  • SEO를 위해 루트 도메인(@)이 서브 도메인(www)으로 리다이렉트되도록 설정했다.
    • dhk.party www.dhk.party
    • now.json — routes
  • 뉴스레터 구독 기능을 추가했다.
  • 하이퍼링크의 스타일을 변경했다.
    • The Outline의 구불구불한 선 효과를 따라했다. 이것 외에도 흥미로운 요소들이 많은 사이트다.
  • 블로그 포스트의 슬러그를 이용해서 아이덴티콘을 표시하도록 했다.
  • 모바일 사이즈에서 네비게이션 링크들을 숨기고 햄버거 버튼을 표시하도록 했다. 한동안 위시리스트에 들어있었던 애니메이션 라이브러리 Framer Motion을 여기에 한번 사용해보았다.

Reanimted 학습

  • Krzysztof Magiera⟨Simple physics with Reanimated⟩를 읽고 따라했다. 내용이 제목 그대로라서 읽고 나서 괜히 감탄했다. 세 편으로 구성된 글이고, 애니메이션에 이용되는 간단한 물리를 설명하면서 스프링 애니메이션을 구현하는 내용이다. Reanimated에 대한 이해를 높이는 데 가장 좋은 자료라고 생각한다.
  • Airbnb 앱 등에서 사용되는 Collapsible Header를 Reanimated로 구현했다.

Join the Newsletter

I will send you only good things.

Your thoughts? Please leave a reply.