learning-note
learning-note copied to clipboard
Today I Learned ๐ซง
https://mooneewiki.vercel.app/ <- ์ด์ ์ฌ๊ธฐ์ ๊ธฐ๋ก์ค ๐๐ปโโ๏ธ
๊ณต๋ถ๋ ธํธ๐
- ์๊ณ ๋ฆฌ์ฆ ํ์ด๋ ์๊ธฐ๐
- ๐ฉ๐ปโ๐พ Glossary
๐ซ Computer Science
์ด์์ฒด์
- ์ด์์ฒด์ ๊ฐ๋ , ์ด์์ฒด์ ๊ตฌ์กฐ
- ํ๋ก์ธ์ค์ ์ฐ๋ ๋
- IPC(Interprocess Communication)
- IPC ํต์ ๋ฐฉ๋ฒ (Socket๊ณผ RPC)
- ๋ฉํฐ ์ฐ๋ ๋
- ํ๋ก์ธ์ค ๋๊ธฐํ
- ๋ฎคํ ์ค์ ์ธ๋งํฌ์ด
- ๋์์ฑ ์ ์ด์ ๊ณ ์ ์ ๋ฌธ์ ๋ค
๋คํธ์ํฌ
- OSI 7๊ณ์ธต
- CORS
- TCP/UDP
- HTTP
- HTTP ์ HTTPS ๋น๊ต
- ๋์นญํค์ ๋น๋์นญํค ๋น๊ต
- ์ฟ ํค์ ์ธ์
- ๊ฒ์์ฐฝ์ ๊ตฌ๊ธ์ ์น๋ฉด ์ผ์ด๋๋ ์ผ
- DNS
- CDN
- Stale-While-Revalidate
- ์น์๋ฒ vs WAS
์๋ฃ๊ตฌ์กฐ & ์๊ณ ๋ฆฌ์ฆ
- ๋คํญ์ ๊ณ์ฐ, ํฌ์ํ๋ ฌ
- ๋ฐฐ์ด๋ฆฌ์คํธ์ ์ฐ๊ฒฐ๋ฆฌ์คํธ
- ์ด์ง ํ์ ํธ๋ฆฌ
- ์ฐ์ ์์ ํ
- ๊ธฐ์ด ์ ๋ ฌ ์๊ณ ๋ฆฌ์ฆ - ์ ํ,์ฝ์ ,์,๋ฒ๋ธ
- ๋จธ์ง ์ํธ
- ์ผ๋ฐ ํต์ํธ
- ์ค๊ฐ๊ฐ ํต์ํธ
๋ฐ์ดํฐ๋ฒ ์ด์ค
- ํธ๋์ญ์ ์ด๋
๋์์ธํจํด
- Command-Query Separation (CQS)
- ๋๋ฉํ ๋ฅด ๋ฒ์น - ์ต์ ์ง์ ์์น
๐ซ Frontend
- ๋ธ๋ผ์ฐ์ ๋ ๋๋ง ๊ณผ์
- Critical Rendering Path
- ๋๊ด์ ์ ๋ฐ์ดํธ (Optimistic Update)
- ์น ์ฑ๋ฅ ์ต์ ํ
- ์น ์ฑ๋ฅ ์ต์ ํ ์์ฝ
- HTTP ์บ์ ์ฌ์ฉํ๊ธฐ
- HTML ๋ ๋๋ง ์ค์ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์คํ๋๋ฉด ๋ ๋๋ง์ด ๋ฉ์ถ๋ ์ด์
- npm vs yarn
- Axios Interceptor ์ Cancel Token
- Incremental Static Regeneration ์ฆ๋ถ ์ ์ ๋น๋
- Windowing
- Micro-Frontend
- ๋ชจ๋ ํ๋๋ ์ด์ ์ ๊ณต์ ์์กด์ฑ
- ์ ์ด์ ์ญ์
- ๊ธฐ๋ฅ ๋ถํ ์ค๊ณ (fsd)
๐ซ JavaScript
- ์ด๋ฒคํธ ๋ฃจํ
- JavaScript ์์๋ Object๊ฐ ์๋๋ฐ ์ ๊ตณ์ด Map ์ ๋ง๋ค์์๊น?
- for...in ๊ณผ for...of์ ์ฐจ์ด์
- ์คํ์ปจํ ์คํธ์ ํธ์ด์คํ
- ํ๋กํ ํ์
- ํด๋ก์
- this
- Promise
- ๋ชจ๋ ์์คํ CJS & ESM
๐ซ TypeScript
- ๊ตฌ์กฐ์ ํ์ดํ
- ํ์ ๊ฐ๋
- ํ์ ๋จ์ธ vs ํ์ ์ ์ธ
- ํ์ ์คํฌ๋ฆฝํธ์์ any ์ unknown, never ํ์ ์ ์ฐจ์ด์
๐ซ HTML & CSS
- rem, em ์ฐจ์ด
๐ซ Web
- Realtime web
- SSR๊ณผ CSR
- Restful
๐ซ React
- ๋ฆฌ์กํธ์์ ๋ถ๋ณ์ฑ์ ์ง์ผ์ผํ๋ ์ด์
- ํจ์ํ ์ปดํฌ๋ํธ vs ํด๋์คํ ์ปดํฌ๋ํธ
- key
- State
- Virtual DOM
- ์ด๋ฒคํธ ์์คํ
- React Fiber
- React ์ต์ ํ
๐ซ React-Query
- placeholder data vs initialData
- ๋ฆฌ์กํธ ์ฟผ๋ฆฌ ์ด๋ชจ์ ๋ชจ ๊ธฐ๋ก
- prefetch ์ฌ์ฉํ๊ธฐ
๐ซ Infra
- CF์ lambda function์ด ๋ญ๊น
- ๋ฉํฐ ํ๋์, ์ฑ๊ธ ํ๋์๊ฐ ๋ญ๊น
- Health Check๋ ๋ญ๊น
๐ซ Test
- ํ ์คํธ ๋์ญ์ด๋
- ์ข์ ๋จ์ ํ ์คํธ์ ์์น ๋ช๊ฐ์ง
๐ซ ๋ ์๋ ธํธ
๋ฆฌํฉํฐ๋ง 2ํ
- 2์ฅ ๋ ์๋ ธํธ
- 3์ฅ ๋ ์๋ ธํธ - ์ฝ๋์์ ๋๋ ์ ์ทจ
์ข์ ์ฝ๋ ๋์ ์ฝ๋
- 2์ฅ ์ถ์ํ ๊ณ์ธต
- 10์ฅ ์ข์ ๋จ์ ํ ์คํธ์ ์์น ๋ช๊ฐ์ง
๐ซ Conference & Articles
- Managing React Application State Management - Talk by Kent C. Dodds
- feconf2021 - ๋๋ ์ ๋ฆฌ์กํธ๋ฅผ ์ฌ๋ํ๋๊ฐ
- feconf2021 - Statecharts: ๋ณต์กํ UI ์ํ๋ฅผ ์ง๋ฐฐํ๋ ๋ฐฉ๋ฒ
- feconf2021 - ์ปดํฌ๋ํธ ๋ค์ ์๊ฐํ๊ธฐ
- slash2022 - Effective Component ์ง์ ๊ฐ๋ฅํ ์ฑ์ฅ๊ณผ ์ปดํฌ๋ํธ
- devDive2022 - ๋ด ์ฝ๋์ ํ์ง์ ๋์ฌ์ฃผ๋ Type-Driven Development
- woowa2022 - ์ฐ๋ฆฌ๋ ํ๋๋ค! ๋ชจ๋ ธ๋ ํฌ with pnpm
- feconf2022 - ๋์์ธ ์์คํ , ํํ๋ฅผ ๋์ด์
- feconf2022 - ํ๋ก ํธ์๋, DDD๋ฅผ ๋ง๋๋ค
- feconf2022 - ๋ด import ๋ฌธ์ด ๊ทธ๋ ๊ฒ ์ด์ํ๋์?
- if(kakao)2022 - ์ฌ์ธํ ISFP์ ์ฝ๋ ๊ฐ๋ ์ฑ ๊ฐ์ ๊ฒฝํ
- Why We're Breaking Up with CSS-in-JS (CSS-in-Js ์ฅ๋จ์ )
- feconf2023 - ๋ํ ์น ์ ํ๋ฆฌ์ผ์ด์ Micro Frontend ์ ํ๊ธฐ