210209 TIL
Today I Learn
- ์ฝ๊ฒ ๋ฐฐ์ฐ๋ ๋คํธ์ํฌ 6๊ฐ
- ์๋ฐ ๊ฐ์ฒด์งํฅ ๊ฐ์ 1~5๊ฐ
- ์ฝ๋์ ๊ธฐ์ด 1๋ฌธ~20๋ฌธ
์ค๋์ ์ด์ผ๊ธฐ
- ์ค๋ ๋คํธ์ํฌ์์ ์ ์ LAN, Ethernet์ ๋ํด์ ๋ฐฐ์ ๋ค. ์ธ์ธ๊ฒ ๋ฌด์ง์ฅ ๋ง๋คโฆ MAC๊ฐ๋ ์ ๋ํด ๋ ์ฐพ์๋ณด๊ณ ๋ธ๋ก๊ทธ์ ํฌ์คํ ํด์ผ๊ฒ ๋ค.
- ์๋ฐ ๊ฐ์ฒด์งํฅ์ ๋ํด ๊ณต๋ถํ๊ณ ์๋ค. ๋~์ถฉ ์ธ์คํด์ค๋ ์ด๋ฐ๊ฑฐ๊ณ ๋~์ถฉ ํจ์๋ ์ฐ๋ฉด ๋๋๊ฑฐ๊ณ ํ๋ ์ง๋๋ ์ ๋ฐ์ฑ์ ํ๊ฒ ๋๋ค ํํโฆ ๊ฐ์ฒด์งํฅ์ ๊ฐ๋
์ด ๋ญ์ง ์์๋ก ์ด๋ ต์ง๋ง ์ฌ๋ฐ๋ค.
๋ธ๋ก๊ทธ์ ํฌ์คํ ํ ๊ฑฐ๋ผ ์๊ฐํ๋ ๊ฐ๋จํ ์์ฝํด์ ์ ๊ธฐ ์ข ๊ทธ๋์ ์ค๊ธ๋ก ํ์ด์ฐ๊ณ ์๋๋ฐ, ํ ๊ฐ๋ง๋ค ์๊ฐ์ด ๋ฌด์ง์ฅ ์์๋๋ค. ๋์ถฉ ์ฑ ๋ฃ๊ณ ๋์ด๊ฐ๋ ์ ์ด๋ ๋ค๋ฅด๊ฒ ๋ณต์ต์ ํ์คํ ๋๋ ๊ฒ ๊ฐ์๋ฐโฆ ์ธ๊ฐ์ ๋ค์๋๋ง๋ค ์ด๋ ๊ฒ ํด์ผํ๋?! ์ผ๋จ ๊ฐ์ฒด์งํฅ์ ์ค์ ๊ฐ๋ ์ด๋ ์ด๋ฐ ์์ผ๋ก ํ๊ณ , ๋ค๋ฅธ ๊ฒ๋ค์ ๊ณ ๋ฏผ์ ์ข ํด๋ด์ผ๊ฒ ๋ค. ์ญ์ ํฌ์คํ ์ ๋๋จํ ๊ฑฐ์์ดโฆ - ์๊ณ ๋ฆฌ์ฆ ๊ณต๋ถ๋ฅผ ์ด๋ป๊ฒ ํ ์ง ์ฐพ์๋ณด๋ค๊ฐ ์ฐ์ ๊ธฐ์ด๋ฌธ์ ๋ถํฐ ํ๊ธฐ๋ก ํ๋ค. ์ฌ์ดํธ์์ java๋ฅผ ์ ๊ณตํ๊ณ ์์ง ์์ง๋ง ๊ฒ์ํ๋ ์ด์ ์ ํธ์ จ๋ ๋ถ๋ค์ ๋ฐ์ดํฐ๊ฐ ๋์์ ๊ฐ์ฌํ ์ฐธ๊ณ ํ๋ฉฐ ๊ณต๋ถ์ค์ด๋ค. ์์งํ ์ค๋๊น์ง ํผ ๋ฌธ์ ๋ ์ฌ์ ๋๋ฐโฆ ๋ด์ผ์ 50๋ฌธ์ ๊น์ง ํ์ด๋ด์ผ์ง.
- ๋ธ๋ก๊ทธ ์ ๋น๊ฐ ๋๋์ง ์๋๋ค. ์นดํ ๊ณ ๋ฆฌ ๋ฉ๋ด์ ๋ค์ด๊ฐ๋ฉด ๋ค์๊ธ์ ๋๋ ์ ๋ ์นดํ ๊ณ ๋ฆฌ์ ๋ฉ๋ด ์์์ ์์ง์ด๊ฒ ํ๊ณ ์ถ์๋ฐ pagination2 ๋ฅผ ์ ์ฉํ๋ฉด ํด๊ฒฐ๋๋ ค๋?;; ์ผ๋จ ์ค๋์ ๊ฐ๋ ์ฑ ์ข๊ฒ ํฌ์คํ css ๋ถ๋ถ์ ์์ ํ๋ค. ๋ฌธ์ ๋ ์์ ํ ๋ง์๋ค์ง ์๋๋คใ ใ ๊ทธ๋ฅ velog๋ ํ ๊ฑธ ๊ทธ๋ฌ๋ ํํ๊ฐ ๋๊ณ ์๋คโฆ
-
์ ํ๋ธ์์ 2021 ์น๊ฐ๋ฐ ํธ๋ ํธ ์์์ ๋ณด๊ณ ๋์ถฉ ์ ๋ฆฌํด๋ดค๋ค.
- TypeScript
- State management : React hooks / React Context API > Redux
- ๋ง์ด ์ฐ์ด๋ web framework : react, angular, vue.js / Svelte
- Svelte : ์ปดํฌ๋ํธ ํ๋ ์์ํฌ. VDOM์ ์์ฑํ์ง ์๊ณ ์ปดํ์ผ ์๊ฐ, ๋น๋ ํ์๋ ํ์ํ DOM์์๋ฅผ ๋ฏธ๋ฆฌ ์์ฑํจ. ๋์ฌ๊ฒจ ๋ณผ ํ์๊ฐ ์์.
- ์๋ฐ์คํฌ๋ฆฝํธ : Runtime Environment(Node js)
๋ฐฑ์๋๋ฅผ NodeJs ํตํด ๊ฐ๋ฐํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์์ง, ๋จ์ ์ด ๋ณด์๋ Deno - No Code, Less Code : Bubble, Airtable
- Serverless : AWS, Netlify, Google Cloud Platformโฆ
- JAM Stack : ์๋ฒ์์ด ๋ฐฑ์๋ ์ง์ ์์ด๋ ํ์คํ ๊ตฌํํ ์ ์๊ฒ ๋์์ค.
์๋ฐ์คํฌ๋ฆฝํธ(NextJS, Gastby) + APIs(Headless CMS) + MarkUP - SPA(Single Page Application) : ์ฌ์ฉ์๊ฐ ์น์ฌ์ดํธ์ ํ ๋ฒ ์ ์ํ ๋ค๋ก ๋ค์ ํ์ด์ง๋ฅผ ๋ฆฌ๋ก๋ฉํ ํ์ ์์ด ํ ํ์ด์ง ๋ด์์ ์ํ๋ฆฌ์ผ์ด์ ์ฌ์ฉ ๊ฐ๋ฅ. facebook, pinterest, gmailโฆ
- PWA(Progressive Web Apps) : ์น๊ธฐ์ ์ด์ฉํด ๋ง๋ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ ๋ชจ๋ฐ์ผ ํ๋ก๊ทธ๋๋ฐ ์์ด ์น ์ดํ๋ฆฌ์ผ์ด์ ์์ฒด๋ฅผ ๋ชจ๋ฐ์ผ์ ๋ค์ด๋ฐ์ ๋ชจ๋ฐ์ผ ๊ด๋ จ API ์ด์ฉ, ๊ธฐ๊ธฐ๊ฐ ์คํ๋ผ์ธ ์ผ ๋๋ ๋์์์ด ์ดํ๋ฆฌ์ผ์ด์ ์ฌ์ฉ ๊ฐ๋ฅํ๋๋ก ํด์ค
- Web Assembly : ์ ์์ค์ ์ํ๋ C, C++, Rust ๊ฐ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก ๋ธ๋ผ์ฐ์ ์์์ ๋์ํ๋ ์ดํ๋ฆฌ์ผ์ด์ ๋ง๋ค ์ ์์. ์ฑ๋ฅ up, ์ปดํฉํธํ ๋ฐ์ด๋๋ฆฌ ํฌ๋งท. ex) Figma(C++)
- AI, ML
- Voice Search and Navigation
- Motion Design
์ญ์ TypeScript๋ ํ๋ฃจ๋นจ๋ฆฌ ๋ฐฐ์์ผ ๊ฒ ๋ค๋ ์๊ฐ.
์๋ฐ์คํฌ๋ฆฝํธ๋ ํ๋ก ํธ๋ผ๊ณ ์๊ฐํด์ ํฌ๊ฒ ๋น์ค์ ์ ๋์๋๋ฐ^^ใ ใ .. ํ์ ์คํฌ๋ฆฝํธ ๊ณต๋ถํ๋ ค๋ฉด ์ด์ฐจํผ ๊ณต๋ถํด์ผ ํ๊ธด ํ๋๊น..^_ใ ใ ๊ฐ๋ฐ์ ์ง์ง ๊ณต๋ถํ ๊ฒ ๋๋์์ด ๋ฐ์ด ๋ฅ์น๋ ๊ฒ ๊ฐ๋คโฆ
๊ทธ๋ฆฌ๊ณ ์ ์์ค ์ธ์ด๋ ์ธ์ ๊ฐ ๊ณต๋ถ๋ฅผ ํด์ผํ ๊ฒ ๊ฐ๋ค. Web Assembly ์ค๋ช ๋ณด๋ฉด์ ๋๋ฌด ๊ณต๋ถํ๊ณ ์ถ์ด์ก์! ๋ด๊ฐ ์ง ์ฝ๋๋ก ํ๋ก๊ทธ๋จ ์ฑ๋ฅ์ด ํ์ฐํ ์ ๋๋ก ์ข์์ง๋ฉด ๋์ฒด ๋ฌด์จ ๊ธฐ๋ถ์ผ๊นโฆ ๋๊ปด๋ณด๊ณ ์ถ๋ค.
๋๊ธ๋จ๊ธฐ๊ธฐ