| A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | AB | AC | AD | AE | AF | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | FE | No. | 화면 타입 | 컴포넌트 명 | 구성 항목 | 요구사항 명 | 요구사항 내용 | 예상 작업 기간 | 실제 완료 기간 | 이슈번호 | 백지영 | 우승진 | 이기훈 | 주재우 | 중요도 | 중요도는 신호등 | ||||||||||||||||
2 | 1 | 환경 설정 | redux(나중에 검토). typescript. swr | eslint, prettier 설정 | 20.11.18 | 20.11.18 | 상 : 빨 | |||||||||||||||||||||||||
3 | 2 | 폴더 구조 설정 | 중 : 노 | |||||||||||||||||||||||||||||
4 | 3 | React framework 기반으로 개발한다. | webpack 설정 - babel loader - image loader | 하 : 초 | ||||||||||||||||||||||||||||
5 | 4 | react-route 설정 | ||||||||||||||||||||||||||||||
6 | 5 | 테스트코드 | story book 사용하여 컴포넌트 단위 테스트를 진행한다 | |||||||||||||||||||||||||||||
7 | 6 | atoms | Button | button 태그 | 버튼 구현 | style: default, error, primary, disable, transparent icon?: img iconPosition?: left | right text:string onClick: ()=>void | ||||||||||||||||||||||||||
8 | 7 | Input | input 태그 | input 구현 | onChange: function() placehoder:string value: string | |||||||||||||||||||||||||||
9 | 8 | Text | span 태그 | text 구현 | onClick: () => void content: string | |||||||||||||||||||||||||||
10 | 9 | Label | label 태그 | label 구현 | content: string | |||||||||||||||||||||||||||
11 | 10 | Option | option 태그 | option 구현 | value: number | |||||||||||||||||||||||||||
12 | 11 | TextArea | textarea 태그 | textarea 구현 | onChange: function() placehoder:string value: string | |||||||||||||||||||||||||||
13 | 12 | ProfileImg | img 태그 | profile image 구현 | img?: string(url?) onClick: ()=>void | |||||||||||||||||||||||||||
14 | 13 | MarkDown | markdown 뷰어 | 마크다운 뷰 구현 | cotent:string | |||||||||||||||||||||||||||
15 | 14 | molecules | InputContainer | label 태그 input 태그 | 인풋 컨테이너 구현 | |||||||||||||||||||||||||||
16 | 15 | Selector | select 태그 Option | select 구현 | text: "월"|"일"|"년" | |||||||||||||||||||||||||||
17 | 16 | IconButton | svg span 태그 | 버튼 구현 | style: default, error, primary, disable, transparent iconPosition?: left | right text?:string onClick: ()=>void | |||||||||||||||||||||||||||
18 | 17 | TitleSubText | Text Text | 타이틀 서브 텍스트 구현 | title: string sub: string | |||||||||||||||||||||||||||
19 | 18 | Menu | input(radio) Label | 메뉴 구현 | label: string onChange: function() | |||||||||||||||||||||||||||
20 | 19 | UserInfo | ProfileImg TitleSub | 유저 정보 구현 | onClick: function() | |||||||||||||||||||||||||||
21 | 20 | UserCard | UserInfo Text Button | 유저 카드 구현 | introduction: string onClick: function() | |||||||||||||||||||||||||||
22 | 21 | SearchBar | Input Icon | 검색 창 구현 | placehoder: string value: string onChange: function() onKeydown: function() | |||||||||||||||||||||||||||
23 | 22 | FollowNotification | IconButtons | 팔로우 알림 구현 | name: string onClick: () => void | |||||||||||||||||||||||||||
24 | 23 | organisms | LoginForm | Form 태그 InputContainer InputContainer Button | 로그인 폼 구현 | |||||||||||||||||||||||||||
25 | 24 | BirthDayFrom | div 태그 Select Select Select | 생일 폼 구현 | ||||||||||||||||||||||||||||
26 | 25 | IconButtons | IconButton 여러개 | 아이콘 버튼들 구현 | ||||||||||||||||||||||||||||
27 | 26 | NewTweet Container | MainContainer (ProfileImg TextArea IconButtons) | 입력 컨테이너 구현 | ||||||||||||||||||||||||||||
28 | 27 | MainContainer | ProfileImg ? UserInfo Body ?Footer | 메인 컨테이너 구현 | ||||||||||||||||||||||||||||
29 | 28 | TweetContainer | MainContainer (ProfileImg UserInfo Markdown view ?ReTweetContainer IconButtons) | 글 컨테이너 구현 | onClick: ()=>void | |||||||||||||||||||||||||||
30 | 29 | NewReTweet Container | Modal NewTweetContainer ReTweetContainer | 새로운 리트윗 컨테이너 구현 | ||||||||||||||||||||||||||||
31 | 30 | Modal | IconButtons {?}Container | 모달 구현 | ||||||||||||||||||||||||||||
32 | 31 | NewReply Container | Modal TweetContainer NewTweetContainer | 새 리플 컨테이너 구현 | ||||||||||||||||||||||||||||
33 | 32 | Tab | Menu + | 탭 구현 | ||||||||||||||||||||||||||||
34 | 33 | TabBox | IconButton TitleSubText Tab | 탭 박스 구현 | ||||||||||||||||||||||||||||
35 | 34 | UserDetail Container | UserInfo Text TitleSubText TitleSubText Button | 유저 상세 컨테이너 구현 | ||||||||||||||||||||||||||||
36 | 35 | SideBar | IconButton IconButton IconButton Button SearchBar ProfileImg + TitleSub | 사이드 바 구현 | ||||||||||||||||||||||||||||
37 | 36 | ReTweet Container | MainContainer (ProfileImg UserInfo MarkDown) | 리트윗 컨테이너 구현 | onClick: ()=>void | |||||||||||||||||||||||||||
38 | ||||||||||||||||||||||||||||||||
39 | ||||||||||||||||||||||||||||||||
40 | ||||||||||||||||||||||||||||||||
41 | ||||||||||||||||||||||||||||||||
42 | ||||||||||||||||||||||||||||||||
43 | ||||||||||||||||||||||||||||||||
44 | ||||||||||||||||||||||||||||||||
45 | ||||||||||||||||||||||||||||||||
46 | ||||||||||||||||||||||||||||||||
47 | ||||||||||||||||||||||||||||||||
48 | ||||||||||||||||||||||||||||||||
49 | ||||||||||||||||||||||||||||||||
50 | ||||||||||||||||||||||||||||||||
51 | ||||||||||||||||||||||||||||||||
52 | ||||||||||||||||||||||||||||||||
53 | ||||||||||||||||||||||||||||||||
54 | ||||||||||||||||||||||||||||||||
55 | ||||||||||||||||||||||||||||||||
56 | ||||||||||||||||||||||||||||||||
57 | ||||||||||||||||||||||||||||||||
58 | ||||||||||||||||||||||||||||||||
59 | ||||||||||||||||||||||||||||||||
60 | ||||||||||||||||||||||||||||||||
61 | ||||||||||||||||||||||||||||||||
62 | ||||||||||||||||||||||||||||||||
63 | ||||||||||||||||||||||||||||||||
64 | ||||||||||||||||||||||||||||||||
65 | ||||||||||||||||||||||||||||||||
66 | ||||||||||||||||||||||||||||||||
67 | ||||||||||||||||||||||||||||||||
68 | ||||||||||||||||||||||||||||||||
69 | ||||||||||||||||||||||||||||||||
70 | ||||||||||||||||||||||||||||||||
71 | ||||||||||||||||||||||||||||||||
72 | ||||||||||||||||||||||||||||||||
73 | ||||||||||||||||||||||||||||||||
74 | ||||||||||||||||||||||||||||||||
75 | ||||||||||||||||||||||||||||||||
76 | ||||||||||||||||||||||||||||||||
77 | ||||||||||||||||||||||||||||||||
78 | ||||||||||||||||||||||||||||||||
79 | ||||||||||||||||||||||||||||||||
80 | ||||||||||||||||||||||||||||||||
81 | ||||||||||||||||||||||||||||||||
82 | ||||||||||||||||||||||||||||||||
83 | ||||||||||||||||||||||||||||||||
84 | ||||||||||||||||||||||||||||||||
85 | ||||||||||||||||||||||||||||||||
86 | ||||||||||||||||||||||||||||||||
87 | ||||||||||||||||||||||||||||||||
88 | ||||||||||||||||||||||||||||||||
89 | ||||||||||||||||||||||||||||||||
90 | ||||||||||||||||||||||||||||||||
91 | ||||||||||||||||||||||||||||||||
92 | ||||||||||||||||||||||||||||||||
93 | ||||||||||||||||||||||||||||||||
94 | ||||||||||||||||||||||||||||||||
95 | ||||||||||||||||||||||||||||||||
96 | ||||||||||||||||||||||||||||||||
97 | ||||||||||||||||||||||||||||||||
98 | ||||||||||||||||||||||||||||||||
99 | ||||||||||||||||||||||||||||||||
100 |