기술 스택

• react-query

[번역] #1: 현실적인 리액트 쿼리

• msw

Mocking으로 생산성까지 챙기는 FE 개발

Browser - Getting Started

• 리프레시 토큰

  axios interceptors로 토큰 리프레시 하기

• adobe spectrum

  • 디자인 가이드의 기반을 제공해준다.

    Spectrum, Adobe's design system

  • 사용성에 맞춰서 어떻게 디자인하는 것이 좋은지

    Spectrum, Adobe's design system

    • 레이아웃을 어떻게 잡고, 모바일과 PC에서는 어떤 방식으로 디자인을 제공하는 것이 좋은지.

  • 미디어 쿼리에 대한 표준- break point

Breakpoints

⇒ 모바일은 촘촘하게 잡으면 잡을수록 좋다

단위 이야기 — 필수

• rem, em 적극적으로 활용하기

  • rem extention 을 사용하면 좋다.

    ⇒ px to rem

  • 참고하기 좋은 예시

    • 그린랩스, 쿠키런 킹덤

  • 특히 대상자가 다양할 수록 반응형을 많이 적용

• vw, vh 적극적으로 활용하기
  • 레이아웃잡을때 어떻게 반응형으로 적용시킬지
  • 모바일의 경우 특히 기기 마다 정교하게 고려해야한다.