[250625] TIL
DI ํจํด ์ ์ฉ ์ฌ๋ก ์ ๋ฆฌ
DI ํจํด ์ ์ฉ ์ฌ๋ก ์ ๋ฆฌ
Container/Presentational ํจํด
๋ํ v2 ์ถ์ ์ดํ ์ค๋ฅ ์์
๋ํ v2 ๊ธฐ๋ฅ ๊ตฌํ
๋ํ v2 QA ์งํ
๋ํ v2 QA ์งํ
๋ํ v2 ๊ธฐ๋ฅ ๊ตฌํ
๋ํ v2 ๊ธฐ๋ฅ ๊ตฌํ
IntersectionObserver๋ก ๋ฌดํ ์คํฌ๋กค ๊ตฌํํ๊ธฐ
๋ํ v2 ๊ธฐ๋ฅ ๊ตฌํ
๋ํ v2 ๊ธฐ๋ฅ ๊ตฌํ
๋ํ v2 ๊ธฐ๋ฅ ๊ตฌํ
๋ํ v2 ๊ธฐ๋ฅ ๊ตฌํ
๋ํ v2 ๊ธฐ๋ฅ ๊ตฌํ
๋ฆฌ์กํธ ์๋ฒ ์ปดํฌ๋ํธ ์ดํดํ๊ธฐ ์งํ์ค
๋ํ ํ ํฌ๋ฌธ์ ์์ฑ
๋ํ ์ฌ์ฉ์ํํ ๋ฐ์ ํผ๋๋ฐฑ ๋ฐ์ ์๋ฃ
๋ํ ์ฌ์ฉ์ํํ ๋ฐ์ ํผ๋๋ฐฑ ๋ฐ์ ์งํ์ค
๋ํ ๋ฒ๊ทธ๋ก ์จ๋ฆ์ค .. ๋๋์ด ํด๊ฒฐ !!
๋ํ ๋ฒ๊ทธ๋ก ์จ๋ฆ์ค .. ํ๋ ํด๊ฒฐ
๋ํ ๋ฒ๊ทธ๋ก ์จ๋ฆ์ค ..
ํ๋ก ํธ์๋ ๋ก์ปฌ ํ๊ฒฝ์์ ๋ฐฑ์๋ ์๋ฒ ์ฐ๋ํ๊ธฐ (์ํ์ด ์ฟ ํค)
๋ํ ํ๋ก์ ํธ ์์ - MVP ์ถ์ !
๋ํ ํ๋ก์ ํธ ์์ - MVP ํ ์คํธ ๋ฐ ๋ฒ๊ทธ ์์
๋ํ ํ๋ก์ ํธ ์์ - MVP ํ ์คํธ ๋ฐ ๋ฒ๊ทธ ์์
๋ํ ํ๋ก์ ํธ ์์ - ๋์ค์ฝฐ์ด์ MVP ๋ฐฐํฌ
๋ํ ํ๋ก์ ํธ ์์ - ๋์ค์ฝฐ์ด์ MVP ๋ฐฐํฌ
๋ํ ํ๋ก์ ํธ ์์
๋ํ ํ๋ก์ ํธ ์์
๋ํ ํ๋ก์ ํธ ์์
๋ํ ํ๋ก์ ํธ ์์
๋ํ ํ๋ก์ ํธ ์์
๋ํ ํ๋ก์ ํธ ์์
ํ๋ก์ ํธ ์ค๊ณ ๋จ๊ณ ์์ - ๊ธฐ์ ์คํ ์ ์ ๋ง์ผ์คํค
ํ๋ก์ ํธ ์ค๊ณ ๋ฌธ์ ์์ฑ
ํ๋ก์ ํธ ์ค๊ณ ๋ฌธ์ ์์ฑ
ํ๋ก์ ํธ ์ค๊ณ ๋ฌธ์ ์์ฑ
ํ๋ก์ ํธ ์ค๊ณ ๋ฌธ์ ์์ฑ
์๋ฐ์คํฌ๋ฆฝํธ ์ ์ถ๋ ฅ, ํจํค์ง ์์กด์ฑ ๊ด๋ฆฌ, TypeScript ๋ธ๋๋ ํ์ , ํ๋ก์ ํธ ์์ด๋์ด ํ์
์นด์นด์คํ ํฌ ํ ํ๋ก์ ํธ ์์ด๋์ด ํ์
๊ธฐ์ ๋ฉด์ ์ค๋น, ์นด์นด์คํ ํฌ ํ ํ๋ก์ ํธ ์์ด๋์ด ํ์
๊ฐ์ธ ํ๋ก์ ํธ ๊ณผ์ ์ ์ถ ๋ฐ ํ๊ณ
๊ฐ์ธ ํ๋ก์ ํธ ์์
React ํจ์ํ ์ปดํฌ๋ํธ์ ํด๋์คํ ์ปดํฌ๋ํธ๋ ์ํ๊ด๋ฆฌ์ ๋ผ์ดํ ์ฌ์ดํด ์ฒ๋ฆฌ ๋ฐฉ์์์ ์ฐจ์ด
Spring boot ์์ JWT ํ ํฐ ์ฟ ํค๋ก ๊ด๋ฆฌํ๊ธฐ (HttpOnly)
๋ฉ๋ชจ๋ฆฌ ๋์ ์์ธ๊ณผ ํด๊ฒฐ ๋ฐฉ๋ฒ
Vanilla JS๋ก Virtual dom์ ๊ตฌํํ๋ค๋ฉด ๊ณ ๋ คํด์ผํ ๋ด์ฉ
ERD ์์ฑ
ERD ํ์ต
ํด์ปคํค ์งํ - ์นด์นด์ค๋ํ์ด์ฌ์ ์์ !
์ฝ๋ ์์
JS ๋ฏธ๋ํ์คํธ ํ๊ธฐ
๋ฆฌํ๋ก์ฐ์ ๋ฆฌํ์ธํธ๋ฅผ ์ค์ผ ์ ์๋ ๋ฐฉ๋ฒ
JS ์์ฉ ํค์๋ ์ ๋ฆฌ 2
JS ์์ฉ ํค์๋ ์ ๋ฆฌ
HTTP ํค์๋ ์ ๋ฆฌ
๋ฐ๋๋ผ JS ํ๋ก์ ํธ ์งํ
ํฌ๋จํด๋ฆฐ IDE ํน๊ฐ, ์นด์นด์คํ ํฌ 2์ฃผ์ฐจ ๊ณผ์ ๋ง๋ฌด๋ฆฌ
์ค๋ ๋ ํ์ต ๋ฐ CIL ํ๋ก๊ทธ๋จ ํด๋์ค ๋ค์ด์ด๊ทธ๋จ ๊ทธ๋ฆฌ๊ธฐ
Java GC
Java ๊ธฐ๋ณธ ๊ฐ๋ ๊ณผ JVM ์ํคํ ์ฒ
์ฌ์ด๋ ํ๋ก์ ํธ ์ค๋ฅ
์ฌ์ด๋ ํ๋ก์ ํธ ๋ฐฐํฌ
์ฌ์ด๋ ํ๋ก์ ํธ ์์
์ฌ์ด๋ ํ๋ก์ ํธ ์์
nextjs Optimistic Updates
nextjs cashing
์๋ฐํด ์ปคํผ์ฑ, ์บ๋ฟ๋ง์ผ Authentication ๊ตฌํ, iron-session
๋ ธ๋ง๋์ฝ๋ ๋ชจ๊ฐ์ฝ, ์บ๋ฟ๋ง์ผ, bcrypt
prisma
์บ๋ฟ๋ง์ผ ๊ณผ์ , zod, validator
์บ๋ฟ๋ง์ผ ๊ณผ์ ์ ์ถ
์ปจํผ๋ฐ์ค, ์บ๋ฟ๋ง์ผ
์๊ณ ๋ฆฌ์ฆ๊ณผ ์๋ฃ๊ตฌ์กฐ
tailwindcss
ํด์ฌ, ํด์, ๋ ธ๋ง๋์ฝ๋ ์คํฐ๋ ํ๋
์ ๋ฐ๋ฏธ 100์ผ ์ฝ๋ฉ (9-14์ผ์ฐจ)
์ ๋ฐ๋ฏธ 100์ผ ์ฝ๋ฉ (4-8์ผ์ฐจ)
์ ๋ฐ๋ฏธ 100์ผ ์ฝ๋ฉ (3์ผ์ฐจ)
์ ๋ฐ๋ฏธ 100์ผ ์ฝ๋ฉ (1~2์ผ์ฐจ)
๋ฐ๋ธ์ฝ์ค 7์ผ์ฐจ
๋ฐ๋ธ์ฝ์ค 6์ผ์ฐจ
๋ฐ๋ธ์ฝ์ค 5์ผ์ฐจ
๋ฐ๋ธ์ฝ์ค 4์ผ์ฐจ
๋ฐ๋ธ์ฝ์ค 3์ผ์ฐจ, git config core.pager
๋ฐ๋ธ์ฝ์ค 2์ผ์ฐจ
ํ๋ก๊ทธ๋๋จธ์ค ๋ฐ๋ธ์ฝ์ค ๊ฐ๊ฐ
๋ฅ๋ค์ด๋ธ 49๊ฐ ์ค์ต, ES.NEXT ๋ฒ๋ค๋ง ์ฉ์ด
์ํฐํด ์ฝ๊ณ (์๋ฐ์คํฌ๋ฆฝํธ์์ง๊ณผ ๋ฐํ์์ ์ฐจ์ด์ )
ํด๋์ค์์ static ์ฐ๋ฉด ์๋๋ ์ด์
์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ ๋ต ํจํด ์ด์ฉํด์ ์ปจํธ๋กค ํ๊ธฐ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
getServerSideProps
Tree-shaking, as const
Nullish Coalescing Operator
git pull ์ ๋ฐ์ํ๋ warning ํด๊ฒฐํ๊ธฐ
๋ฆฌํํ ๋ง ํ ๊ฒ, ์คํ ๋ฆฌ๋ถ
ํ์คํ ๋ฆฌ์กํธ ๋ผ์ด๋ธ์ฝ๋ฉ ๋ฃ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
Deep Dive๋ฅผ ์ฝ๊ณ
์ผํ๋ฉด์ ๋ฐฐ์ด ๊ฒ๋ค
์ผํ๋ฉด์ ๋ฐฐ์ด ๊ฒ๋ค
์ฝ๋ ๋ฆฌ๋ทฐ ๋ฐ๊ณ ๋ฐฐ์ด ๊ฒ
์ฝ๋ ๋ฆฌ๋ทฐ ๋ฐ๊ณ ๋ฐฐ์ด ๊ฒ
Deep Dive ๋ฅผ ์ฝ๊ณ
Deep Dive ๋ฅผ ์ฝ๊ณ
Deep Dive ๋ฅผ ์ฝ๊ณ
typescript ๊ด๋ จ ํ
typescript ๊ด๋ จ ํ
typescript ๊ด๋ จ ํ
ํฐ๋ฏธ๋ ์์๊ฒ ๊พธ๋ฏธ๊ธฐ (iTerm2)
Nextjs ์์ ์ ๊ณตํ๋ ๊ตฌ๊ธํฐํธ ์ ์ฉ
typescript ์๋ก ์๊ฒ ๋ ๊ฒ
lint ๊ด๋ จ ํ
Storybook ์ด๋ฏธ์ง ๊นจ์ง๋ ์ค๋ฅ
์ผํ๋ฉด์ ๋ฐฐ์ด ๊ฒ๋ค
์ผํ๋ฉด์ ๋ฐฐ์ด ๊ฒ๋ค
์ผํ๋ฉด์ ๋ฐฐ์ด ๊ฒ๋ค
์ผํ๋ฉด์ ๋ฐฐ์ด ๊ฒ๋ค
Deep Dive ์ฝ๊ณ
typescript ์๋ก ์๊ฒ ๋ ๊ฒ
react mui ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ
js, ts ์ฌํ
์ผํ๋ฉด์ ๋ฐฐ์ด ๊ฒ๋ค
์ผํ๋ฉด์ ๋ฐฐ์ด ๊ฒ๋ค
ํน์ ์ปค๋ฐ์ ํ์ฌ ๋ธ๋์น๋ก ๊ฐ์ ธ์ค๊ธฐ
react hook
react swr hook
typescript
์์ ๋ฐ ์ ๋ฆฌ
์์ ๋ฐ ์ ๋ฆฌ
์ฝํ ๋ฌธ์ ํ์ด
์ฝํ ๋ฌธ์ ํ์ด
git commit ์๋ชป ์์์ ๋
์ฝํ ๋ฌธ์ ํ์ด
์ฝํ ๋ฌธ์ ํ์ด
์ฝํ ๋ฌธ์ ํ์ด
์ฝํ ๋ฌธ์ ํ์ด, ํ์ต๋ด์ฉ ์ ๋ฆฌ
์ฝํ ๋ฌธ์ ํ์ด, ํ์ต๋ด์ฉ ์ ๋ฆฌ
์ฝํ ๋ฌธ์ ํ์ด, JS ํ์ดํ, ์ผ๋ฐํจ์ ์ฐจ์ด์
์ฝํ ๋ฌธ์ ํ์ด, JS AbortController ๊ฐ์ฒด
์ฝํ ๋ฌธ์ ํ์ด
์ฝํ ๋ฌธ์ ํ์ด, JS ๋ฌธ๋ฒ, ์ค๋ณต ํด๋ฆญ ๋ฐฉ์ง
React ๋ฌธ๋ฒ
๊ตฌ์กฐ ๋ถํด ํ ๋น
๊ตญ๊ฐ ๋ณ ์๊ฐ
ios safari ์์ vh ์ค๋ฅ ํด๊ฒฐํ๊ธฐ
ios ๊ณ ์ ํด๋ฆญ ์ด๋ฒคํธ ์ด์ ํด์, ๋ฒ๋ธ๋ง ์บก์ฒ๋ง
css ์ ์ฒ๋ฆฌ๊ธฐ, css ํ์ฒ๋ฆฌ๊ธฐ, css-in-js
๋ชจ๋ฐ์ผ์ ์ฐ์ ์ ์ผ๋ก ๊ณ ๋ คํ๋ ๋์์ธ ๋ฐ ๊ฐ๋ฐ์ ์ ๊ทผ ๋ฐฉ์
๋์์ธ ํจํด - ๋ฐ์ฝ๋ ์ดํฐ
๋์์ธ ํจํด - ๋ฐ์ฝ๋ ์ดํฐ
ํ๋ก ํธ์๋ ํ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
UI ์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
์ค์ ์์ ๋ฐ๋ก ์ฐ๋ Next.js ์ฝ๊ณ ์ ๋ฆฌ
์ค์ ์์ ๋ฐ๋ก ์ฐ๋ Next.js ์ฝ๊ณ ์ ๋ฆฌ
๋ฌธ์์ด์์ ์ปดํฌ๋ํธ ํ์ ๋ฃ๊ณ ์ถ์ถํ๋ ํฌํผ ํจ์ ๋ง๋ค๊ธฐ
stash ์์์ ์ฅํ๊ธฐ, merge โno-ff ์ต์
pt์ px , word-breack
typesciprt is as
์ฌ๋ฆํด๊ฐ, react
Mapped Types
Indexed Access Types, Conditional Types
์ฌ์ด๋ ํ๋ก์ ํธ - ๊ฐค๋ฌ๋ฆฌ ๋ง๋ค๊ธฐ
์ฌ์ด๋ ํ๋ก์ ํธ ์์ ์ค์ ๋ผ์ฐํฐ ์ค๋ฅ
next.js ์๊ฐ์์ ์์ฒญ ๋ฐ ๊ฐ๋จํ ์ค์ต
ํ์ ์คํฌ๋ฆฝํธ ํธ๋๋ถ ๋ฐํ ๋ฐ ๋ณต์ต
์ธ๋ฑ์ค ์๊ทธ๋์ฒ, ์ ๋๋ฆญ, JS ํ๋กํผํฐ, ํด๋ก์
์ ๋๋ฆญ, ํจ์ ์ค๋ฒ๋ก๋ ๋ฑ
์ ๋๋ฆญ, ํจ์ ์ค๋ฒ๋ก๋ ๋ฑ
ํ์ ์งํ
axios api ์์
type ์ ์ขํ๋ ๊ณผ์
Literal Types, ๋ฆฌํฐ๋ด ์ถ๋ก , Enums
Primitive type, Union, Type alias, Interface ๋ฑ
์ ์ ํ์ ๊ฒ์ฌ, ์๊ฒฉ๋
ํธ๋๋ถ ํ์ต ์์
์ฌ์ฉ๋ฒ ๋ฐ ํ ์คํธ
์ฟ ํค, ์ธ์ , JWT, Cache
react ์ฝ๋๋ฆฌ๋ทฐ
์ํ ๋ฏน ๋์์ธ(Atomic), ์ค๋ฐ๊ฟ
callback promise
๋๋ฆผ์ฝ๋ฉ ์์ฒญ
css-flex , jira ํ์ ํด
prettier , react ๊ฒ์๋ฌผ ๋ง๋ค๊ธฐ
react router, link to
react, styled-components, branch & merge ๊ท์น
menorepo ์ค์ต