์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- PROJECT
- ๋ถํธ์บ ํ
- type
- API
- react
- ํ์ค
- ์จ๋ผ์ธ
- NEXT
- rn
- ๋ณ์
- ๊ฐ๋ฐ์
- native
- ๋ด์ผ๋ฐฐ์
- trainning
- JavaScript
- ๋ด์ผ๋ฐฐ์์บ ํ
- Firebase
- ํ๋ก์ ํธ
- ๋ฆฌ์กํธ
- ํ๋ก ํธ์๋
- JS
- ํจ์
- ์๋ฌ
- K-Digital
- wil
- ์ฝ๋ฉ
- ์๋ฐ์คํฌ๋ฆฝํธ
- Redux
- ํ์
- ์๊ณ ๋ฆฌ์ฆ
- Today
- Total
Frontend ๊ฐ๋ฐ์ - hyo.loui
(React) WIL - 9์ฃผ์ฐจ ํ๊ณ ๋ณธ๋ฌธ
๐ WIL: Weekly I Learned
Work done this week
์ด๋ฒ ์ฃผ ๋๋ธ ์ผ!
- ํฐ์คํ ๋ฆฌ ํฌ์คํ = ๋งค์ผ TIL ์ผ์ง (๋ชฉํ, ์ค๋ฅ, ์ ๋ฆฌ๋ก ์ธ๋ถํ)
- Project : helprogrammer = ํ๋ก์ ํธ ์์ฑ ( ๋ฐฐํฌ >> ๋ฐํ )
- React Native ๊ฐ์ ๋ฐ ์ค์ต = Todo-List (Local >> FireStore)
Project review
๋ฆฌ๋์ค๋ฅผ ํ์ฉํด ํ๋ก์ ํธ๋ฅผ ํด๋ณด๋
๋์ฑ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ฃจ๋ ๋ถ๋ถ์ด ์ค์ํ๋ค๊ณ ๋๊ผ๋ค..
๋ฐ์ดํฐ๊ฐ ์ด๋ป๊ฒ ์๊ฒผ๋์ง, ์ด๋ค์ํ์ธ์ง ๋ณธ์ธ์ด ์ ํ์ ํ๊ณ ์์ด์ผ
์์ธ ๋ชจ๋ฅผ ์๋ฌ ์์ด ์ ๋์ํ ๊ฒ์ด๋ค
๊ทธ๋์ redux-devTool ์ ์ฌ์ฉํ๋๋ฐ,
์ด๋ฒ ํ๋ก์ ํธ์์ devTool ์ฌ์ฉ์ ๊ฐ๊ณผํ๊ณ ,
๋ด๊ฐ ๋งก์ ์ญ์ ๋ถ๋ถ์์ ์ค๋ฅ๊ฐ ๋ฌ๋ค.
ํด๋น ๋ถ๋ถ์ด ๊ธด๋ฐํ ์ํฉ์ด๋ผ ๋ฐ๋ก TIL ์ ๋จ๊ธฐ์ง ๋ชปํ์ง๋ง,
๋ค์ ์ฃผ๋ง์ ๋ค์ ํ๋ฒ ๋ณด๋ฉด์ ๋ฆฌ๋ทฐ๋ฅผ ํด์ผ๊ฒ ๋ค!
๋ Redux๋ฅผ ๊ณ์ ๋ค๋ฃจ๋ฉด์ ์ต์ํด์ง๋ค๋ฉด
์ ๋ง ์ ์ธ์ ์์ ๊ฒ ๊ฐ๋ค! ๐
์ง๊ธ๊น์ง,
์ฐ๋ฆฌ๋ฅผ ์ด๋์ด์ค ํ์ฅ๋๊ณผ,
๋ฌต๋ฌตํ ํ์๋ค ์ ๋์์ค ์*๋๊ป ๋๋ฌด๋๋ฌด ๊ฐ์ฌ๋๋ฆฌ๋ฉฐ
๋ชจ๋ ํ์ ํฉ์ณ ํฐ ๋ฌธ์ ์์ด ํ๋ก์ ํธ ์์ฑํ
'์ฌ์ค์ ๋ง์ด์กฐ'
๋๋ฌด ๊ณ ์ํ์
จ์ต๋๋ค!
์ฐ๋ฆฌ ์๋น์ค๋ฅผ ์ ํ์ฉํ๋ฉด ์์ ์ ์ผ๋ก ์ด์ฉ ๊ฐ๋ฅํ ๊ฒ ๊ฐ๋ค๋ ํํฐ๋์ ํผ๋๋ฐฑ์
์์ ๊ฐ์ ์ป์๋ค
๊พธ์คํ ๋ฐฐ์ฐ๊ณ , ๋ ธ๋ ฅํ๊ณ , ๊ธฐ๋กํ์
Study review
๋ด๊ฐ ์ ๋ง ํฅ๋ฏธ๋กญ๊ฒ ์๊ฐํ๋ React Native ๋ฅผ ๋ฐฐ์ฐ๋
๋๋ฌด ์ฌ๋ฏธ์์ด์ ์๊ฐ ๊ฐ๋ ์ค ๋ชจ๋ฅด๊ณ ์ ์ ์์ด ๊ณต๋ถํ๋ค
ํํธ์ผ๋ก๋, ๋ค๋ฅธ ํ์ต์์ ์ด ์ ๋๋ก ์ง์คํ๋ค๋ฉด..
'์ฝ๋ฉ๊ดด๋ฌผ์ด ๋์์ ํ ๋ฐ'๐ ์์ฝ์ง๋ง,
๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ต๋ํ๋ฉด์ ๋ด ์ฌ๊ณ ์ ํญ์ด ๋ ๋์ด์ง๊ณ ์์์ ๋๋๋ค
๊ทธ๋ฆฌ๊ณ ๋ฐฐ์ฐ๋ ์๋๋ ํจ์ฌ ๋นจ๋ผ์ง๊ณ ์๋ค.
๋จ์ํ todo-list ๋ผ์ ๋ค๋ฅธ ์๊ฐ์๋ค์ ์ง๋ฃจํจ์ ํ ๋กํ๊ณค ํ์ง๋ง,
๊ทธ๋งํผ ๊ธฐ๋ณธ๊ธฐ๊ฐ ๋ด๊ฒจ์๋ ํ๋ก์ ํธ๋ผ๋ ์๊ฐ์ด ์ค์ณค๋ค..
์๋ ๋ค๋ฅธ ์๋น์ค๋ฅผ ๋ค์ด๊ฐ๋ ๋ชจ๋ CRUD์ ์งํฉ์ด์๋ค..
๊ฒฐ๊ตญ ๋ชจ๋ ๋ด์ฉ์ todo-list ๋ก์ง๊ณผ ๊ฐ์ง ์์๊น(?)
ํ๋ ์๊ฐ์ ํ๋ค
๋ ๊ณต๋ถํ๊ณ , ์ค๋ ฅ์ ์์์
๋ ํฐ ํ๋ก์ ํธ์ ๊ธฐ์ฌํ๊ณ ์ถ๋ค!
์์ง ๋ถ์กฑํ ๋ถ๋ถ์ ๊ฝ ์ฑ์ฐ๊ณ ์ถ์ ์๊ตฌ๊ฐ ์์์ ๊ฐ์ฌํ๋ค๐
ํญ์ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ง์์ด ์์์ง๋ง, ์ธ์ ๊ฐ ์์ด๊ณ ์์ฌ์
์ ๋ง ํํํ ๊ฐ๋ฐ์๊ฐ ๋ ๊ฒ ๊ฐ๋ค!
์ง๊ธ ๋น์ฅ์ ์ด๊ฒ์ ๊ฒ ์ฌ๋ฌ ๋ถ์ผ๋ฅผ ๋ฐฐ์ฐ๋ค ๋ณด๋๊น ๋จธ๋ฆฟ์์์
์ ๋ฆฌ๊ฐ ์๋๋ ๊ฒ ๋ฟ์ด๋ผ๊ณ ์๊ฐํ๋ค.. ๋ค๋ฅธ ์๊ฐ์๋ ๋์ ๊ฐ์ ๊ณ ์ถฉ์ ๊ฒช๊ณ ์๊ณ
์ ๋ฐฐ ๊ฐ๋ฐ์๋ถ๋ค์ ์ด ๋ํ ๋ค ๊ฒช๊ณ ์ง๋๊ฐ ๊ณผ์ ์ด๊ธฐ์ ์ถฉ๋ถํ ๋๋ ํ ์ ์๋ค!
๋ฒ์จ ๋ด๋ฐฐ์บ ์์ํ์ง 2๋ฌ์ด ์ง๋ฌ๊ณ ,
์ ๋ฐ ๊ฐ๊น์ด ํ๋ค
์ฌํด๋ ๋ฐฐ์ฐ๋ ๋ชจ๋ ๊ฒ์ ๋์ ์ง์์ผ๋ก ์ต๋ํ๊ณ ํ์ฉํ์
2023 ์ฌ ํํด๋ ๋ชจ๋ ๊ฒ์ ์์ ๋ชฐ์ ํด๋ณด์!
๐ฆพ ๋น ์ดํ ๊ทธ.
2022๋ 12์ | 1 week | 2 week | 3 week | 4 week (project) |
ํ์ต ๋ด์ฉ (ํ๋ก์ ํธ) |
๋ฆฌ์กํธ ๊ธฐ์ด๊ฐ์ ์๊ฐํ์ฌ (component, props, state) ์ฌํ๊ฐ์ ์ฒญ๊ฐ ์ค(redux ๋ฑ) ๋ฏธ๋ ํ๋ก์ ํธ(ํฌ๋๋ฆฌ์คํธ) ์๋ฃ |
๋ฆฌ์กํธ ์๋ จ๊ฐ์ ์๊ฐ(redux, router, styled-component) ๋ฏธ๋ ํ๋ก์ ํธ2(ํฌ๋๋ฆฌ์คํธ) ์๋ฃ |
๋ฆฌ์กํธ ์ฌํ ๊ฐ์ ์ฒญ๊ฐ์ค (redux-toolkit / axios / thunk) ํ ํ๋ก์ ํธ ( helprogrammers ) |
React : redux-toolkit / axios / thunk ํ์ฉํ ํ ํ๋ก์ ํธ ( helprogrammers ) ์๋ฃ >> ๋ฐํ |
์ฌ์ฉ ํด defalut : VS code |
React, yarn, styled-components | React, yarn, styled-component, Redux, Router | styled-component, Redux, Router, redux-toolkit, axios, json-server, thunk | styled-component, Redux, Router, redux-toolkit, axios, json-server, thunk |
'WIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
(React) WIL - 11์ฃผ์ฐจ ํ๊ณ (0) | 2023.01.13 |
---|---|
(React) WIL - 10์ฃผ์ฐจ ํ๊ณ (1) | 2023.01.09 |
(React) WIL - 8์ฃผ์ฐจ ํ๊ณ (4) | 2022.12.25 |
(React) WIL - 7์ฃผ์ฐจ ํ๊ณ (0) | 2022.12.18 |
2022 ํฐ์ผ ์ด์์ฆ - ์ปค๋ฆฌ์ด๋ถ๋ฌธ ์์!! (0) | 2022.12.16 |