사이드 프로젝트 Ark의 나현님을 통해 2021 프론트엔드 컨퍼런스가 10월 30일(오늘) 열린다는 것을 알았는데 잊어버리고 있다가 우연히 트위터를 통해 다시 알게 되었다.

좋은 영상들이 많아서 시간될때 틈틈히 영상을 보고 글로 정리해보려 한다.

컴포넌트, 다시 생각하기

• 발표자 : 원지혁
  • 당근마켓 소프트웨어 엔지니어
  • GraphQL Korea Organizer
  • Full-Stack Web Developer

1. 바라보기

• 리액트 컴포넌트를 만드는데 필요한 것들
• 유지보수를 하는데 방해하는 것들

케이크를 만드려면 [밀가루, 설탕, 계란]이 필요하다.
케이크는 [밀가루, 설탕, 계란]에 의존한다.
케이크의 의존성 : [밀가루, 설탕, 계란]

React 컴포넌트의 의존성 : ?
React 컴포넌트를 만드려면 ?가 필요하다.

React 컴포넌트의 의존성 파악하기

기능적(Type) 분류

props, hooks => component

특징적(Feature) 분류

• 스타일(내 코드 안)
  • 컴포넌트의 CSS 스타일
  • e.g., styled components
• 로직(내 코드 안)
  • UI 조작에 필요한 커스텀 로직
  • 보통 커스텀 훅 형태로 작성
• 전역 상태(내 코드 안)
  • 현재 UI를 표현하기 위해 유저의 액션을 통해 초래된 상태
  • 로그인 정보, 전체 메뉴 열고 닫기, URI 표현 등
• 리모트 데이터 스키마(내 코드 바깥)
  • API 서버에서 내려주는 데이터의 모양
  • 스키마 : 데이터를 담는 그릇

(나중에 다시 이어서 정리할 예정)