์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- ๋ด์ผ๋ฐฐ์์บ ํ
- ์๋ฐ์คํฌ๋ฆฝํธ
- ํ์ค
- NEXT
- react
- API
- wil
- rn
- type
- ํ์
- ์จ๋ผ์ธ
- JavaScript
- PROJECT
- K-Digital
- trainning
- ์๋ฌ
- ๊ฐ๋ฐ์
- ํ๋ก์ ํธ
- ๋ณ์
- JS
- Firebase
- ์ฝ๋ฉ
- ์๊ณ ๋ฆฌ์ฆ
- native
- ๋ฆฌ์กํธ
- ํจ์
- ๋ด์ผ๋ฐฐ์
- Redux
- ํ๋ก ํธ์๋
- ๋ถํธ์บ ํ
- Today
- Total
Frontend ๊ฐ๋ฐ์ - hyo.loui
(React) WIL - 13์ฃผ์ฐจ ํ๊ณ ๋ณธ๋ฌธ
๐ WIL: Weekly I Learned
Work done this week
์ด๋ฒ ์ฃผ ๋๋ธ ์ผ!
- ํฐ์คํ ๋ฆฌ ํฌ์คํ = ๋งค์ผ TIL ์ผ์ง (๋ชฉ์ , ์ ๋ฆฌ๋ก ์ธ๋ถํ)
- Project : Develife = ํ๋ก์ ํธ ์์ ( ๊ธฐํ >> ์์ด์ดํ๋ ์ >> ๋ ์ด์์(UI)
- javascript ์คํฐ๋ = ๊ฐ์ ๋ฐํ chapter ์ ํ๊ณ ์์(๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ ๊ต์ฌ)
๐ Study review
ํ๋ก์ ํธ ๋ง๋ฌด๋ฆฌ๊ฐ ๋์ด๊ฐ๋ฉด์
์ด๋ฒ์ฃผ๋ ๊ณต๋ถ์ ๋ชฉ์ ์ ๋์ง ๋ชปํ๋ค..
์ด๋ฒ ํ์์ ์ ๋ง๋์
๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ์คํฐ๋๋ฅผ ๊ฒฐ์ฑํ๊ณ
ํ๋ฌ ์ด๋ด์ ๋ชจ๋ ์ฑํฐ๋ฅผ ํ๋์ฉ ๋์๊ฐ๋ฉด์
์ ํด๋ ๋ฐํ์๊ฐ (์ฝ 15๋ถ)์ ๋ฐํ๋ฅผ ํ๊ณ ,
๋๋จธ์ง ์ฑํฐ๋ ์ ๋ ํ๋ฉด์ ์คํฐ๋๋ฅผ ํ๊ธฐ๋ก ๊ฒฐ์ฑ๋์๋ค!
์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๋ด์ฉ์ด ์ด๋ ๊ฒ ๋ง์ ์ค๋ ๋ชฐ๋๊ณ
์ด๋ ๊ฒ ๊น์ ๋ด์ฉ๊น์ง ๋ค๋ค์ง ์์ ์ ์ค๋๋ง์ ๊ตฌ๋งคํ๋ค
ํ์ด์ง๋ ์ฝ 900ํ์ด์ง ์ด์..
ํ ์ฑ ์ ๋ค๊ณ ๋ค๋๊ธฐ์๋ ๋๋ฌด ๋ฒ๊ฒ๋ค๋ ์๊ฐ์ด ๋ค์ด
๋ถ์ ์ ํ๊ณ , ๋์์ค๋ ์ฃผ ์์์ผ์๋ ๋ด๊ฐ ๋ณ์์ฑํฐ๋ฅผ
๋งก๊ฒ๋์ด ๋ฐํํ ์์ ์ด๋ค!
๋ด์ผ์ ๋ฐํ์ค๋น๋ฅผ ํด์ผ๊ฒ ๋ค!
๐งฑ Project Start
ํ๋ก์ ํธ ์งํ์ด ๊ฑฐ์ ๋ง๋ฌด๋ฆฌ ๋์๊ณ ,
์ฐ๋ฆฌ๊ฐ ๋งก๊ฒ ๋ ๋ฉ์ธํ์ด์ง์, Youtube API ํต์ ์
๋๋๊ฒ ๋์๋ค.
๊ทธ๋์ ํ์ ์คํฌ๋ฆฝํธ๋ก ๋ฆฌํํ ๋ง์ ์งํํ๊ณ ,
์ฝ์ง ์์๋ค. ํ์ง๋ง ๊ฐ์ ํฌ์ง์ ์ ๋ด๋น(ํ์ด) ์กฐ์๋ถ๊ณผ
Live Share ๋ฅผ ํ์ฉํด ํ์ด์ฝ๋ฉ์ ์ฒ์ ๊ฒฝํํ๋ค.
๊ทธ๋ฆฌ๊ณ typescript๋ก ์งํํ๋ฉฐ ๋ง๋
์ ๋ง์ ์๋ฌ(ํผ๋ฒ๋ฒ )๋ค์ ๋น ๋ฅด๊ฒ ํด๊ฒฐํด ๋๊ฐ ์ ์์๋ค.
ํ์ผ๋ก ๊ฐ์ ๋ฐฉํฅ์ผ๋ก ํฉ์ ๋ง์ถฐ๊ฐ๋๊ฒ์ ์ด๋ ค์ด ์ผ ์ด์ง๋ง
๋ฐฉํฅ์ด ์ ๋ง์ ์์ฒญ๋ ์๋์งํจ๊ณผ, ์๋๋ฅผ ๊ฒฝํํ๋ ๊ฒ ๊ฐ๋ค.
์๋ก ๋ฐฐ๋ คํ๋ฉด์ ์๊ฐ ๊ฐ๋ ์ค ๋ชจ๋ฅด๊ณ ์ฝ๋ฉ์ ํ๊ณ ,
ํ ์ฌ๋์ด ๋ฌธ์ ์ ๋๋ฌํ์ ๋ ๋ค๋ฅธ ์ฌ๋์ ์์ ์ผ๋ก
ํด๊ฒฐ๋ฐฉ์(์๋ฃจ์ )์ด ๋์ค๋ ๊ฒฝ์ฐ๊ฐ ๋ง์๋ค.
์ด๋ฒ ํ๋ก์ ํธ๋ก ๋ค์ํ๋ฒ ํ์ํฌ์ ์ค์์ฑ์ ๊นจ๋ณ์ ๊ฒ ๊ฐ๋ค.
p.s
์บ ํ ์ต์ข ํ๋ก์ ํธ๊ฐ ์ผ๋ง ์๋จ์๋ค.
์ด๋ฒ ๊ธฐํ๋ก ์ฑ๋ฆฐ์ง ํ์ ์ง์ํด์
์ด์ด ์ข๊ฒ ์ ๋ฐ์ด ๋์๋ค!
์ค๋ ๋ฐ, ๊ธฐ๋๋ฐ
์๋ง์ ๊ฐ์ ๋ค์ด ๋ณต์ก ๋ฏธ๋ฌํ๊ฒ ๋ค๊ฐ์๋ค..ใ ใ
์ด์ฌํ ํ ๋ณด๋์ด ์์๋ ๊ฑธ๊น(?)
๋ด๊ฐ ๋ค์ณ์ง์ง ์๊ณ ์ ํ ์ ์์๊น(?)
์ง์ง ์ ์ด ์ฃผ์ ๊ธฐํ๊ฐ ์๋๊น(?)
๋ง์ ์๊ฐ์ด ๋ค์๊ณ ,
๋ค์ํ๋ฒ ๋ง์์ ๋ค์ก๊ณ ๋ง์ง๋ง๊น์ง
์ต์ ์ ๋คํด๋ณด์๋ ์์์ด ์์๋ค..
์ธ์ ๋ ๊ทธ๋ฌ๋ฏ์ด
๐ฆพ ๋น ์ดํ ๊ทธ.
2023๋ 1์ | 1 week | 2 week | 3 week | 4 week (project) |
ํ์ต ๋ด์ฉ (ํ๋ก์ ํธ) |
RN ์ฌํ ๊ฐ์ ์๊ฐ์ค (react-query, firebase ์ฐ๋ ๋ฑ) ํ๋ก์ ํธ(MZL) ์งํ์ค |
RN ํ๋ก์ ํธ '์์ด๋ณด mz ์์ฑ: mz-language' ๋ฐฐํฌ >> ๋ฐํ |
ํ์
์คํฌ๋ฆฝํธ(์๊ฐ > ๊ณผ์ > ๋ณต์ต), TS ํ๋ก์ ํธ 'Develife'( ๊ธฐํ >> ์์ด์ดํ๋ ์ >> ๋ ์ด์์(UI) |
Project : Develife ( ์์ >> ๋ฐฐํฌ >> TS๋ฆฌํํ ๋ง ) |
์ฌ์ฉ ํด defalut : VS code |
npm, RN, expo, react-query, github | npm, RN, expo, react-query, github | react-query, typescript, Firebase(DB), emotion | react-query (Youtube API), typescript, Firebase(DB), emotion |
'WIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
(React) WIL - 15์ฃผ์ฐจ ํ๊ณ (1) | 2023.02.12 |
---|---|
(React) WIL - 14์ฃผ์ฐจ ํ๊ณ (1) | 2023.02.03 |
(React) WIL - 12์ฃผ์ฐจ ํ๊ณ (3) | 2023.01.21 |
(React) WIL - 11์ฃผ์ฐจ ํ๊ณ (0) | 2023.01.13 |
(React) WIL - 10์ฃผ์ฐจ ํ๊ณ (1) | 2023.01.09 |