Keep Going

Step1 : 디자인을 보고 컴포넌트 계층 구성하는 방법 programming 관점으로 생각하기 새 함수, 객체 생성 여부를 결정할 때는 같은 techniques를 사용 해야 한다. 단일 책임 원칙을 따르게 하자. 컴포넌트는 이상적으로 1가지 일만 해야 한다. 왜냐하면, 계속해서 커져 가는 상황이 생기면 smaller 컴포넌트로 분해 해야 하기 때문이다. CSS 관점으로 생각하기 어떤 class selector를 만들어야 하는지 생각해보면서 컴포넌트를 구성하자. Design 관점으로 생각하기 디자인의 레이어를 어떻게 구성할지 생각하기. Step2 : 정적인 UI를 React로 구현하기 Step3 : minimal but complete한 UI state 찾기 state를 사용하는 이유 UI를 상호작용하게..

reason of study 좋은 프론트엔드 개발이란 무엇일까를 고민하며, 프론트엔드 성능에 대한 관심이 생겼다. 모든 코드를 하나의 번들로 묶어서 만들 때 1. 프로젝트가 커지면서 유저에게 전달해야하는 파일이 커지고, 2. 유저의 브라우저가 파싱해야하는 데이터도 많아지기 때문에 => 퍼포먼스(페이지 로딩 속도, 렌더링)에 문제들이 생길 수 있다. ; 유저가 필요한 정보에 우선순위를 두어 순서대로 로딩하기 ; 아직 로딩중이더라도 유저에게 티가 나지 않게 하기 = 좋은 UX ; code splitting으로 SPA 성능 향상을 이루기(light house 평가로 확인 가능) 1. 사용자에게 제공하고 있는 JS가 무엇인지 파악하여 라이브러리의 가벼운 대안을 찾기 : 가벼운 라이브러리 찾기 2. 사용자가 있는..