-
Notifications
You must be signed in to change notification settings - Fork 11
2020 11 23 ํ๊ณ
-
์์ง
-
์ฌ์ค(fact)
-
[1] Icon Component ์คํ ๋ฆฌ๋ฅผ ์์ฑํ ๋, knobs๋ฅผ ์ฌ์ฉํด์ ์ฌ์ด์ฆ๋ฅผ ์ ํํ๊ธฐ ์ฉ์ดํ๊ฒ ํ์๋ค.
-
[2] Icon Button ์ปดํฌ๋ํธ๋ฅผ ์์ฑํ๋ ค๋๋ฐ, ์คํ ๋ฆฌ๊ฐ ๋ณด์ด์ง ์๋๋ค.
-
[3] react-icons๊ฐ ์๋ค๋ ๊ฒ์ ์๊ฒ ๋์๋ค.
-
[4] ์ค๋ ๋ด๊ฐ ๋งก์ ๊ฒ์ nav bar์ด๊ณ , ์ฌ๊ธฐ์ ๊ณตํต์ ์ผ๋ก ์ฐ์ด๋ Icon Button component๋ฅผ ๋ง๋ค ๊ฒ์ด๋ค.
-
[5] interface๋ ์ฌ๋ฌ ๊ฐ ์์ ๋ฐ์ ์ ์๋ค.
interface Square extends Shape, PenStroke { sideLength: number; }
-
-
๋๋(Feeling)
-
Fact[1] ์ ์๊ฒ ๋์์ผ๋, ์์ผ๋ก props๋ก ๋ค์ํ ๊ฐ์ ํธ๋ฆฌํ๊ฒ ๋ฃ์ ์ ์์ ๊ฒ ๊ฐ๋ค.
-
Fact[2]๋ก ์ธํ์ฌ, ํ๊ฐ ์์ฃผ ์กฐ๊ธ ๋๋ค.
-
Fact[3] ๋ก ์ธํ์ฌ, Svg๋ฅผ ์ผ์ผ์ด ์ฐพ์ง ์์๋ ๋ ๊ฒ ๊ฐ๋ค.
๊ทธ๋ฌ๋, ์ด๋ฏธ svg๊ฐ ์๋ค๊ณ ๊ฐ์ ํ๊ณ icon component๋ฅผ ๋ง๋ค์๋๋ฐ...
react-icons์ icon component๋ฅผ ๊ฐ์ด ์ธ ์ ์์์ง ์๊ณ ์ถ๋ค.
-
์คํ ๋ฆฌ๋ถ์ ๋๋ฌด ์ข์๋ฐ, ๋๋ฌด ์ซ๋ค.
-
-
๊ตํ(finding)
- ์ฌ๊ธฐ์ ๊ธฐ ๋ ํฌ์งํ ๋ฆฌ๋ฅผ ๊ธฐ์๊ฑฐ๋ฆฌ๋ฉด ์ข์ ์์ค๋ค์ ์ป์ ์ ์๋ค.
-
ํฅํ ํ๋(Future action)
- ์ค๋ icon button component ๋ค ๋๋ธ๋ค.
-
ํผ๋๋ฐฑ(Feedback)
- icon ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฐ๋ ํ๋จ ์์ฃผ ์ข์ต๋๋ค.
- ๋ชฝ๊ณ ๋๋น ์๋ฒ๋ฅผ ์ฃผ์ ์ ๊ฐ์ฌํ์ต๋๋ค.
- ๋ฆฌ๋ทฐ๋ฅผ ๊ผผ๊ผผํ๊ฒ ํด์ฃผ์๊ณ DB์คํค๋ง ์ง๋๋ผ ํ๋์ จ์ ํ ๋ฐ ๊ฐ์ฌํ์ต๋๋ค.
-
-
์์
-
์ฌ์ค(fact)
-
...props
๊ฐ ๊ฑฐ์ฌ๋ ค์ ์ง์ฐ๊ณ ์ปดํฌ๋ํธ ๋ง๋ค์๋๋ฐ ์ปดํฌ๋ํธ ์์๋ฐ์ ์๋ก ๋ง๋๋๊น ์คํ์ผ์ด ์ ์ฉ์ด ์๋๋ค. -
...props
๊ฐ ์คํ์ผ ์ ์ฉํ ์ ์๊ฒ ํด์ฃผ๋ ์ญํ ์ ํด์คฌ๋ค. ๊ณ ๋ง์ด ๋ ์์ด์๋ค. - Date ์
๋ ฅ์ ๋ฐ์
'23์ผ ์์์ผ'
์ฒ๋ผ ์ถ๋ ฅํด์ฃผ๋ utilํจ์๋ฅผ ์ ๋ง๋ค์๋ค. - ๊ฐ๋ฐ ์ค์ develop์ด update๋๋ฉด mergeํ๊ณ ๊ฐ๋ฐํด๋ ๋ณ ๋ฌธ์ ์๋ค๋ ๊ฑธ ์์๋ค.
-
-
๋๋(Feeling)
- ํ ์ผ์ด ๋๋ฌด ๋ง์ ๋ณด์ธ๋ค. ๐ฅ
- Atomic Design์ผ๋ก ์ง๊ณ ์๋๋ฐ ๋๋ฌด ์ข์ ๊ฒ ๊ฐ๋ค.
- Storybook์ผ๋ก ๋ฐ๋ก ํ์ธํ๋ฉด์ ์ปดํฌ๋ํธ ๋ง๋๋๊น ๋๋ฌด ํธํ๋ค.
-
๊ตํ(finding)
-
...props
๋ฅผ ๋ณด๊ณ ๋๋ ๊ฒ : ์๋ฏธ ์๋ ์ฝ๋๋ ์๋ค.
-
-
ํฅํ ํ๋(Future action)
-
...props
์ฒ๋ผ ๋ฏ์ ๋ ์์ด ๋ณด์ด๋ฉด ์ง์ฐ์ง ๋ง๊ณ ์์๋ณด์ - ๊ฐ๋ฐํ๋ค๊ฐ develop์ด update๋๋ฉด merge ํ์
-
-
ํผ๋๋ฐฑ(Feedback)
- ์์ ๋์ ๊ธ์ ์ ์ธ ๋ง์ ๋ง์ด ํด์ฃผ์ ์ "์ข์ ๊ฒ ๊ฐ์ต๋๋ค" ๐
- ํญ์ ์ํต์ ์ํํ๊ฒ ํด์ฃผ์๊ณ ์ง๋ฌธ์ ๋ํด ์ฆ๊ฐ์ ์ผ๋ก ํผ๋๋ฐฑ ํด์ฃผ์ ์ ๊ฐ์ฌํ๋ค.
- ์ ํธ ํจ์ ๋ถ๋ฆฌํ๋ ๊ฒ ์ข์ ์ต๊ด์ธ ๊ฒ ๊ฐ์ต๋๋ค ๐ฏ.
-
-
์์ฃผ
- ์ฌ์ค(fact)
- router ๋ถ๋ฆฌ์์ ์ ์งํํ์๋ค.
- passport-github์ ์ด์ฉํด github login์ ๊ตฌํํ๊ณ ์๋ค.
- ๋๋(Feeling)
- passport์ OAuth์ ๋ํด ์กฐ๊ธ ๋ ์ดํดํ ์ ์๊ฒ ๋์๋ค.
- express์ koa๋ฅผ ์ฌ์ฉํ ๋์ ์ฐจ์ด์ ์ด ์์ด์ ์ ์ํ๋๋ฐ ์๊ฐ์ด ๊ฑธ๋ฆฌ๋ ๊ฒ ๊ฐ๋ค.
- typescript๋ ์ด๋ ต๋ค
- ๊ตํ(finding)
- ๊ธฐ์กด์ ์๋ ๋ฐฉ์์ ๋ฏฟ๊ณ ๊ทธ๋๋ก ์ฝ๋ฉํ์ง ๋ง๊ณ ์๋ก์ด ๋ด์ฉ์ ๋ํด ๋ ์ฐพ์๋ณด๊ณ ์ฝ๋ฉํ๋ค.
- ํฅํ ํ๋(Future action)
- koa, typescript, passport์ ๋ํด ๋ ๊ณต๋ถํ๋ค.
- ํผ๋๋ฐฑ(Feedback)
- passport, OAuth, koa ์ ๋ฐฐ์์ ๋ฉํ ๋งํด์ฃผ์ธ์ ๐
- ์ด์ ์ ํด๋ณด์ง ์์ ๊ฒ์ ๋์ ํด๋ณด๋ ๊ฒ, ์ข์์ !
- ์ค๋งํธํ์ ์ ๋๋ฌด ์ข์ต๋๋ค.
- ์ฌ์ค(fact)
-
์นํ
- ์ฌ์ค(fact)
- ์ฌ์ฌ์ฉ๋๋ ์ปดํฌ๋ํธ๋ฅผ ๋ถ๋ฆฌ ํ์๋ค.
- css ๋ฅผ ๋ฅ๋์ ์ผ๋ก ์ฌ์ฉํ์ง ๋ชปํ์๋ค.
-
pulished
๋ผ์ด๋ธ๋ฌ๋ฆฌ ์กด์ฌ๋ฅผ ์๊ฒ ๋์๋ค. โ ์คํ์ผ ์ ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ- hex ๋ฅผ rgb ๊ฐ์ผ๋ก ๋ณํํ๋ ๋ฐ ์ฌ์ฉ.
- PM์ผ๋ก ์ ๋๋ก ์ธ๋ํ์ง ๋ชปํ์๋ค.
- ๋๋(Feeling)
- ๋ฅ์ด๋ฒ์ฏ ( ~== ๋๋ (์ฌํ์ฉ) ์ฐ๋ ๊ธฐ๋ค)
- ์ํ ๋ฏน ๋๋ฌด ์ด๋ ต๊ตฌ๋
- ๊ตํ(finding)
- ์ด๋ ๊น์ง ๋ฆฌ์กํธ๋ฅผ ์ ๋๋ก ์ฌ์ฉํ์ง ์์ ๊ฒ ๊ฐ๋ค.
- ๊ณ ๋ฏผ ๋ ๋ npmjs ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ค์ ธ๋ณด์
- ํฅํ ํ๋(Future action)
- css ๋ ์ด์์ ๊ณต๋ถ๋ฅผ ํด์ผ๊ฒ ๋ค.
- issue๋ฅผ ์ฐธ๊ณ ํ์ฌ ์ปดํฌ๋ํธ ์์ฑํ๊ธฐ.
- ํผ๋๋ฐฑ(Feedback)
- CS์ ์ธ ์ง์์ด ๊น์ผ์ ๊ฒ ๊ฐ์์ ํ์๋ค์ ๋ํ ํผ๋๋ฐฑ์ด ์ ํํ๊ณ ์ข์ต๋๋ค.
- ์นํ๋๋งํ PM์ ๋ณธ ์ ์ด ์์ต๋๋ค!!!! ์ต๊ณ ์ต๊ณ ๐ค
- MongoDB๋ฅผ ์ ๋ค๋ฃจ์ ์ DB ์ค๊ณ์ ๊ฐ๋ฐ์ด ์์ฃผ ๋ง์กฑ์ค๋ฝ๊ฒ ์๋์ ์ข์ต๋๋ค๐
- ์ฌ์ค(fact)
- API ์์
- API ์ค๊ณ
- DB ๋ชจ๋ธ๋ง
- ๊ธฐ์ ์ ์ ์ด์
- Feature list
- ํ๋ฉด ๋ช ์ธ์
- ํ๋ก์ ํธ ๊ตฌ๋ ๋ฐฉ๋ฒ
- ๊ธฐ์ ํน์ฅ์
- ์ฃผ์ ๊ธฐ๋ฅ ์๊ฐ
- Optimistic Update
- ์ํ๊ด๋ฆฌ๋ฅผ ์ด๋ป๊ฒ ํ ๊น
- Atomic Design ์ค๊ณ
- Mongoose Atomic Update ๋ฐฉ์์ ์ฐพ์์
- MobX Best Practices๋ ์ด๋์
- ๊ฑฐ๋๋ด์ญ ์คํ ์ด ๊ด๋ฆฌ
- user-account DB๊ด๊ณ ์์
- ์๋ฆผ ๊ธฐ๋ฅ ๊ตฌํ
1 ์ฃผ์ฐจ
- ๋ฐ์ผ๋ฆฌ์คํฌ๋ผ
- ํ๊ณ
2 ์ฃผ์ฐจ
- ๋ฐ์ผ๋ฆฌ์คํฌ๋ผ
- ํ๊ณ
3 ์ฃผ์ฐจ
- ๋ฐ์ผ๋ฆฌ์คํฌ๋ผ
- ํ๊ณ
4 ์ฃผ์ฐจ
5 ์ฃผ์ฐจ
- ๋ฐ์ผ๋ฆฌ์คํฌ๋ผ
- ํ๊ณ