일상 생각

React 프로젝트 기획/개발 흐름 요약

onwah 2021. 1. 10. 13:46

0. 어플리케이션의 목적 / 컨셉 정의하기

 

1. 기능 정의하기

어플리케이션에 어떤 기능이 있어야하는지 정의한다.

 

2. 플로우차트 그리기

어떤 화면이나 기능이 어떤 논리적인 순서로 유저에게 노출되는지를 플로우차트를 통해 정의한다.

 

3. 컴포넌트 설계하기

어떤 컴포넌트가 필요할지 생각한다.

 

4. 와이어프레임 그리기

컴포넌트의 적절한 배치를 구상한다

 

5. UI 만들기

사용자에게 보이는 UI를 먼저 만든다.

 

6. API 연동하기

API 연동이 필요할 경우 필요한 코드를 준비한다.

 

7. 상태 관리하기

리덕스, 컴포넌트 자체 상태등을 관리하고 필요하면 Container Component를 만든다.

 

 

 

+@ 리액트 공식 문서 - 리액트로 사고하기

ko.reactjs.org/docs/thinking-in-react.html