- Learning Patterns๋ฅผ ๊ฐ์ด ์ฝ์ผ๋ฉด์ FE ๋์์ธ ํจํด์ ๋ํด ํ์ตํ๋ค.
- https://www.patterns.dev
- ์ ํด์ง ์ฑํฐ์ ๋ํด ๋ฐ์ ํ๊ณ ์ถ์ ๋ถ๋ถ์ด๋ ๊ณต์ ํ๊ณ ์ถ์ ์๋ฃ๊ฐ ์๋ ๊ฒฝ์ฐ ์ ์ฅ์ ์ด์๋ก ๋ฑ๋กํ๋ค.
- ์คํฐ๋ ๋ง์คํฐ(์ดํ ์ค๋ง)๐ด๊ฐ ์คํฐ๋ ์งํ ๋ด์ฉ์ ๋งํฌ๋ค์ด์ผ๋ก ๊ธฐ๋กํ๋ค.
- ๊ด๋ จ๋ ์ํฐํด์ ๊ณต์ ํ๋ค.
- ๊ฒฐ์ ์ ๋ฒ๊ธ์ 1๋ง์
- ์คํฐ๋ ์งํ ๊ธฐ๊ฐ์ ๋๋ต 2๋ฌ ๊ฐ ์งํํ๋ค.
- ์ฃผ 1ํ ์งํ๋๋ฉฐ, ์ํฉ์ ๋ฐ๋ผ ํ ์์ผ ๋ฐค 9์์ 30๋ถ ~ 1์๊ฐ ์ ๋ ์งํํ๋ค. (์ํฉ์ ๋ฐ๋ผ ์กฐ์ ๊ฐ๋ฅ)
- ์ค๋ง๋ ์ฑ ์๊ฐ์๊ฒ ์ฝ์ด์จ๋ค.
- ์คํฐ๋ ํจ์ค๊ถ์ ๊ฐ์ 1๊ฐ์ฉ ๊ฐ์ง๋ค.
- ์คํฐ๋๋ฅผ ์งํํ ๋ ์นด๋ฉ๋ผ๋ฅผ ONํ๋ค.
์ฃผ์ฐจ | ์ฑํฐ | ๊ด๋ จ ์ด์ | ์ค๋ง๐ฆนโโ๏ธ |
---|---|---|---|
1 | Singleton Pattern | issue | sbyeol3 |
2 | Proxy Pattern, Provider Pattern | issue | hyunahOh |
3 | Prototype Pattern, Container/Presentational Pattern | humonnom | |
4 | Observer Pattern, Module Pattern | Choozii | |
5 | Mixin Pattern, Mediator/Middleware Pattern | sbyeol3 | |
6 | Render Props, Hooks pattern | hyunahOh | |
7 | Flyweight, Factory pattern | Choozii | |
8 | Compound, Command pattern | humonnom | |
9 | -- | sbyeol3 | |
10 | Rendering Introduction, Next.js, React.js | hyunahOh |