ABCDEFGHIJKLMNOPQRSTUVWXYZAAABACADAEAF
1
FENo.화면 타입컴포넌트 명구성 항목요구사항 명요구사항 내용예상 작업 기간실제 완료 기간이슈번호백지영우승진이기훈주재우중요도중요도는 신호등
2
1환경 설정redux(나중에 검토). typescript. swreslint, prettier 설정20.11.1820.11.18상 : 빨
3
2폴더 구조 설정중 : 노
4
3React framework 기반으로 개발한다.webpack 설정
- babel loader
- image loader
하 : 초
5
4react-route 설정
6
5테스트코드story book 사용하여 컴포넌트 단위 테스트를 진행한다
7
6atomsButtonbutton 태그버튼 구현style: default, error, primary, disable, transparent
icon?: img
iconPosition?: left | right
text:string
onClick: ()=>void
8
7Inputinput 태그
input 구현onChange: function()
placehoder:string
value: string
9
8Textspan 태그
text 구현onClick: () => void
content: string
10
9Labellabel 태그


label 구현content: string
11
10Optionoption 태그
option 구현value: number
12
11TextAreatextarea 태그
textarea 구현onChange: function()
placehoder:string
value: string
13
12ProfileImgimg 태그profile image 구현img?: string(url?)
onClick: ()=>void
14
13MarkDownmarkdown 뷰어
마크다운 뷰 구현cotent:string
15
14moleculesInputContainerlabel 태그
input 태그
인풋 컨테이너 구현
16
15Selectorselect 태그
Option
select 구현text: "월"|"일"|"년"
17
16IconButtonsvg
span 태그
버튼 구현style: default, error, primary, disable, transparent
iconPosition?: left | right
text?:string
onClick: ()=>void
18
17TitleSubTextText
Text
타이틀 서브
텍스트 구현
title: string
sub: string
19
18Menuinput(radio)
Label
메뉴 구현label: string
onChange: function()
20
19UserInfoProfileImg
TitleSub
유저 정보 구현onClick: function()
21
20UserCardUserInfo
Text
Button
유저 카드 구현introduction: string
onClick: function()
22
21SearchBarInput
Icon
검색 창 구현placehoder: string
value: string
onChange: function()
onKeydown: function()
23
22
FollowNotification
IconButtons
팔로우 알림 구현name: string
onClick: () => void
24
23organismsLoginFormForm 태그
InputContainer
InputContainer
Button
로그인 폼 구현
25
24BirthDayFromdiv 태그
Select
Select
Select
생일 폼 구현
26
25IconButtonsIconButton 여러개
아이콘 버튼들 구현
27
26NewTweet
Container
MainContainer
(ProfileImg
TextArea
IconButtons)
입력 컨테이너 구현
28
27MainContainerProfileImg
? UserInfo
Body
?Footer
메인 컨테이너 구현
29
28TweetContainerMainContainer
(ProfileImg
UserInfo
Markdown view
?ReTweetContainer
IconButtons)
글 컨테이너 구현onClick: ()=>void
30
29NewReTweet
Container
Modal
NewTweetContainer
ReTweetContainer
새로운 리트윗
컨테이너 구현
31
30ModalIconButtons
{?}Container
모달 구현
32
31NewReply
Container
Modal
TweetContainer
NewTweetContainer
새 리플
컨테이너 구현
33
32TabMenu +
탭 구현
34
33TabBoxIconButton
TitleSubText
Tab
탭 박스 구현
35
34UserDetail
Container
UserInfo
Text
TitleSubText
TitleSubText
Button
유저 상세
컨테이너 구현
36
35SideBarIconButton
IconButton
IconButton
Button
SearchBar
ProfileImg + TitleSub
사이드 바 구현
37
36ReTweet
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