본문 바로가기

component2

[FE] 토스가 정의하는 컴포넌트의 역할과 분리 기준 📄 참고자료 Effective Component 지속 가능한 성장과 컴포넌트 🎇 변화 우리는 제품을 개발하면서 수많은 변경을 마주한다. 사용자는 우리가 만든 제품을 어려움 없이 잘 사용해야 한다. 디자인, API, 제품의 방향 언제든 바뀔 수 있다. 좋은 제품을 만들기 위해서는 변화는 필수다. 우리가 만드는 제품은 변화를 겪으면서 올바른 방향으로 성장한다. 우리는 따지고보면, 제품을 성장시키고 있는 것이다. 제품의 변화란, 놓치고 있었던 고객의 니즈를 발견하는 것과 같다. 무엇이 변경될지 알았으면 정말 좋았을 것이다. 변경은 예측하지 못한다. 우리는 예측하려 하지 말고, 대응하자. 변경에 유연한 컴포넌트 만들기 우리는 컴포넌트를 잘 만들어서 변경에 유연하게 대응할 수 있도록 해야 한다. 변경에 유연한 컴.. 2023. 9. 3.
[React] 렌더링과 컴포넌트 렌더링 순서 렌더링이란 ? 쉽게말하면, 화면에 UI요소가 그려지는 or 보여지는 동작을 말한다. 더 딥하게 설명하자면, 코드상에서 props 와 state 에 기반하여 컴포넌트가 그려지는 과정이 될 것이다. 위의 화면에서 사용자가 검색어를 입력하고, 리스트를 추가하고, 체크하고, 삭제하는 과정을 렌더링된다 라고 말할 수 있다. 리액트의 컴포넌트 렌더링 순서 리액트에서 컴포넌트 렌더링 순서는 최하단 컴포넌트 부터 시작해서 최상단 컴포넌트가 마지막 순서가 된다. 2023. 4. 20.
728x90
반응형