728x90 WireFrame1 (1-5) React 기초 - Wireframe Wireframe은 디자인에 들어가기 전 단계로 선(wire)를 이용해 윤곽선(frame)을 잡는 것을 말한다. 이 작업을 통해 개발자는 디자인 컨셉과 사이트 기능에 대한 이해를 할 수 있다. 그리고 목업(mockup) 은 데스크톱, 스마트폰의 프레임을 덧씌워 직관적으로 이해하기 쉽게 디자인한 것을 말한다. 자, 이제 유튜브 개발자인 여러분이 React를 이용해 어떻게 애플리케이션을 만들지 설계를 한다고 상상해 보자. 컴포넌트 기반 개발 방법을 학습하였기 때문에, 페이지를 먼저 만들기 보다는 어떤 컴포넌트를 만들고 이들을 조합할지부터 구상할 계획이다. 먼저 화면 상단의 경우 상단 전체를 아우르는 Header라는 컴포넌트가 있고 그의 자식으로 Search와 Setting이라는 컴포넌트를 만들기로 하였다. .. 2021. 8. 14. 이전 1 다음