
ํธ๋ฆฌ ์์ดํน ๋ฒ์ญ ๊ธ
tree shaking (patterns.dev)

์ํ๊ณผ๊ฑด๊ฐ - 10๊ฐ. ์คํธ๋ ์ค์ ์ดํด์ ๊ด๋ฆฌ
์ํ๊ณผ๊ฑด๊ฐ - 10๊ฐ. ์คํธ๋ ์ค์ ์ดํด์ ๊ด๋ฆฌ

์ํํธ์จ์ด๊ณตํ - 7๊ฐ. ์ํํธ์จ์ด ์ค๊ณ
์ํํธ์จ์ด๊ณตํ - 7๊ฐ. ์ํํธ์จ์ด ์ค๊ณ

์ํ๊ณผ๊ฑด๊ฐ - 11๊ฐ. ์ฐ์ธ์ฆ์ ์ดํด์ ๊ด๋ฆฌ
์ํ๊ณผ๊ฑด๊ฐ - 11๊ฐ. ์ฐ์ธ์ฆ์ ์ดํด์ ๊ด๋ฆฌ

์ํ๊ณผ๊ฑด๊ฐ - 8๊ฐ. ๊ฑด๊ฐํ ์ํ์ต๊ด(2)
์ํ๊ณผ๊ฑด๊ฐ - 8๊ฐ. ๊ฑด๊ฐํ ์ํ์ต๊ด(2)

Fastlane iOS - match ์์ duplicate profiles ์ค๋ฅ๊ฐ ๋ฐ ๋์ ํด๊ฒฐ๋ฒ
match ์์ duplicate profiles ์ค๋ฅ๊ฐ ๋ฐ ๋์ ํด๊ฒฐ๋ฒ

์๋ก์ด ์ถ์ผ๋ก์ ์ ์๊ธฐ
์ผ์์ด ๋ฐ๋์๋ค

์ํ๊ณผ๊ฑด๊ฐ - 6๊ฐ. ์ ์ฒด๊ฑด๊ฐ ๋ฌธ์ ์ ๊ด๋ฆฌ(5)
์ํ๊ณผ๊ฑด๊ฐ - 6๊ฐ. ์ ์ฒด๊ฑด๊ฐ ๋ฌธ์ ์ ๊ด๋ฆฌ(5)

์ปดํจํฐ๋ณด์ - 7๊ฐ. ๋ณด์ ์์คํ I
์ปดํจํฐ๋ณด์ - 7๊ฐ. ๋ณด์ ์์คํ I

patterns.dev ๋ ๋๋ง ํจํด ์๊ฐ
patterns.dev ๋ ๋๋ง ํจํด ์๊ฐ ๊ธ ๋ฒ์ญ

๋ชจ๋ฐ์ผ์ฑํ๋ก๊ทธ๋๋ฐ- 7๊ฐ. ๋ ์ด์์์ ์ค์ฒฉ
๋ชจ๋ฐ์ผ์ฑํ๋ก๊ทธ๋๋ฐ- 7๊ฐ. ๋ ์ด์์์ ์ค์ฒฉ

์ํํธ์จ์ด๊ณตํ 6๊ฐ. ์ฌ์ฉ์ ์๊ตฌ ๋ถ์
์ํํธ์จ์ด๊ณตํ 6๊ฐ. ์ฌ์ฉ์ ์๊ตฌ ๋ถ์

์ํ๊ณผ๊ฑด๊ฐ - 12๊ฐ. ์๊ธ์ฒ์น(1)
์ํ๊ณผ๊ฑด๊ฐ - 12๊ฐ. ์๊ธ์ฒ์น(1)

์ํ๊ณผ๊ฑด๊ฐ - 7๊ฐ. ๊ฑด๊ฐํ ์ํ์ต๊ด(1)
์ํ๊ณผ๊ฑด๊ฐ - 7๊ฐ. ๊ฑด๊ฐํ ์ํ์ต๊ด(1)

์ปดํจํฐ๋ณด์ 6๊ฐ. ๋คํธ์ํฌ ๋ณด์
์ปดํจํฐ๋ณด์ 6๊ฐ. ๋คํธ์ํฌ ๋ณด์

Rust๋ก ์์ฑ๋ ์ธ์ด๋ฅผ wasm-pack์ผ๋ก js๋ก ๋น๋ํ๊ธฐ
Rust๋ก ์์ฑ๋ ์ธ์ด๋ฅผ wasm-pack์ผ๋ก js๋ก ๋น๋ํ๊ธฐ

์ปดํจํฐ๊ทธ๋ํฝ์ค - 7๊ฐ. ๊ธฐํ๋ณํ
์ปดํจํฐ๊ทธ๋ํฝ์ค - 7๊ฐ. ๊ธฐํ๋ณํ

๋ชจ๋ฐ์ผ์ฑํ๋ก๊ทธ๋๋ฐ - 6๊ฐ. RelativeLayout
๋ชจ๋ฐ์ผ์ฑํ๋ก๊ทธ๋๋ฐ - 6๊ฐ. RelativeLayout

์ํ๊ณผ๊ฑด๊ฐ - 9๊ฐ. ์ ์ ๊ฑด๊ฐ์ ์ดํด์ ๊ด๋ฆฌ
์ํ๊ณผ๊ฑด๊ฐ - 9๊ฐ. ์ ์ ๊ฑด๊ฐ์ ์ดํด์ ๊ด๋ฆฌ

์ ๋ณดํต์ ๋ง - 7๊ฐ. ๋ฐ์ดํฐ ํต์ ์ ๊ธฐ๋ฅ(III)
์ ๋ณดํต์ ๋ง - 7๊ฐ. ๋ฐ์ดํฐ ํต์ ์ ๊ธฐ๋ฅ(III)

์ ๋ณดํต์ ๋ง - 6๊ฐ. ๋ฐ์ดํฐ ํต์ ์ ๊ธฐ๋ฅ(II)
์ ๋ณดํต์ ๋ง - 6๊ฐ. ๋ฐ์ดํฐ ํต์ ์ ๊ธฐ๋ฅ(II)

๊ฐ๋ฐ์ 2์ฐจ ๋ฉด์ ํ๊ธฐ (ํํ๊ณผ์ ๋ฉด์ )
ํํ๊ณผ์ ๋ฉด์ ์์ ๊ฐ์ฅ ๋ง์ด ๋ณด๋ ๊ฒ

์ปดํจํฐ๊ทธ๋ํฝ์ค - 6๊ฐ. ๊ทธ๋ํฝ์ค ๊ธฐ๋ณธ์์์ ์์ฑ
์ปดํจํฐ๊ทธ๋ํฝ์ค - 6๊ฐ. ๊ทธ๋ํฝ์ค ๊ธฐ๋ณธ์์์ ์์ฑ

์ํ๊ณผ๊ฑด๊ฐ - 5๊ฐ. ์ ์ฒด๊ฑด๊ฐ ๋ฌธ์ ์ ๊ด๋ฆฌ(4)
์ํ๊ณผ๊ฑด๊ฐ - 5๊ฐ. ์ ์ฒด๊ฑด๊ฐ ๋ฌธ์ ์ ๊ด๋ฆฌ(4)

์ํํธ์จ์ด๊ณตํ - 5๊ฐ. ์ํํธ์จ์ด ํ ์คํธ
์ํํธ์จ์ด๊ณตํ - 5๊ฐ. ์ํํธ์จ์ด ํ ์คํธ

์ ๋ณดํต์ ๋ง - 5๊ฐ. ๋ฐ์ดํฐ ํต์ ์ ๊ธฐ๋ฅ(I)
์ ๋ณดํต์ ๋ง - 5๊ฐ. ๋ฐ์ดํฐ ํต์ ์ ๊ธฐ๋ฅ(I)

๋ชจ๋ฐ์ผ์ฑํ๋ก๊ทธ๋๋ฐ 5๊ฐ. LinearLayout
๋ชจ๋ฐ์ผ์ฑํ๋ก๊ทธ๋๋ฐ 5๊ฐ. LinearLayout

์ปดํจํฐ๋ณด์ - 5๊ฐ. ์๋ฒ ๋ณด์
์ปดํจํฐ๋ณด์ - 5๊ฐ. ์๋ฒ ๋ณด์

์ปดํจํฐ๊ทธ๋ํฝ์ค - 5๊ฐ. ๊ทธ๋ํฝ์ค ๊ธฐ๋ณธ์์์ ์์ฑ (1)
์ปดํจํฐ๊ทธ๋ํฝ์ค - 5๊ฐ. ๊ทธ๋ํฝ์ค ๊ธฐ๋ณธ์์์ ์์ฑ (1)

mac์ Rust ์ค์นํ๊ธฐ
Rust Lang ์ mac์ ์ค์นํด๋ณด๊ธฐ

์ ์ ์งํ (๋ํ๊ต ๊ณผ์ )
์ ์ ์งํ (๋ํ๊ต ๊ณผ์ )

ํ์ด ํ๋ก๊ทธ๋๋ฐ๊ณผ ๊ฒฐํจ ํ ์คํ , ๊ฒ์ฆ ํ ์คํ
ํ์ด ํ๋ก๊ทธ๋๋ฐ๊ณผ ๊ฒฐํจ, ๊ฒ์ฆ ํ ์คํ

Lean ๊ฐ๋ฐ ๋ฐฉ๋ฒ๋ก
Lean ํ๊ฒ ๊ฐ๋ฐํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด์

์๊ฒฉ์๋ฃ (U-Health)
์๊ฒฉ์๋ฃ์ ๋ํด์ ์์๋ณด์

๊ฐ๋ฐ์ 1์ฐจ (๊ธฐ์ ) ๋ฉด์ ํ๊ธฐ
๊ธฐ์ ๋ฉด์ ์ผ๋ก ๋๋ ์

IntersectionObserver ์ ๊น ์์๋ณด๊ธฐ
IntersectionObserver๋ฅผ ์ด์ง ํ์ด๋ณด๊ณ , react์์ ์ฌ์ฉ๋ฒ ์์๋ณด๊ธฐ

์ํ๊ณผ๊ฑด๊ฐ - 4๊ฐ. ์ ์ฒด๊ฑด๊ฐ ๋ฌธ์ ์ ๊ด๋ฆฌ(3)
์ํ๊ณผ๊ฑด๊ฐ - 4๊ฐ. ์ ์ฒด๊ฑด๊ฐ ๋ฌธ์ ์ ๊ด๋ฆฌ(3)

์ฐ๋ฆฐ ํญ์ ์ด๋๊ฐ์ ์ซ๊ฒจ ์ฌ๋ ๊ฒ์ ์๋์ง...
์ฐ๋ฆฐ ํญ์ ์ด๋๊ฐ์ ์ซ๊ฒจ ์ฌ๋ ๊ฒ์ ์๋์ง...

๋์๊ฒ ๋ง๋ ๊ธฐ์ ์ ์ด๋ค ๊ธฐ์ ์ผ๊น
๋ด๊ฐ ์ถ๊ตฌํ๋ ๋ฌธํ๋ฅผ ๊ฐ์ง ๊ธฐ์ ๊ณผ ํ

Event Loop in Browser ๋ฒ์ญ (feat. Macro Task์ Micro Task)
Macro Task์ Micro Task์ ์ฐจ์ด

๋์ ์๊ฐ์ ์ด๋์์ ์์ ์ด๋๋ก ์ฌ๋ผ์ง๋ ๊ฒ ์ผ๊น
์๊ฐ, inspiration. ๊ทธ๋ฆฌ๊ณ ์กฐ๊ธ ๋ ์ง์์ ์ด๊ฒ.

2022๋ ๋ 1๋ถ๊ธฐ๋ฅผ ๋ง์น๋ฉฐ
2022๋ 1๋ถ๊ธฐ ํ๊ณ

์ํํธ์จ์ด๊ณตํ - 4๊ฐ. ์ํํธ์จ์ด ํ์ง
์ํํธ์จ์ด๊ณตํ - 4๊ฐ. ์ํํธ์จ์ด ํ์ง

์ปดํจํฐ๊ทธ๋ํฝ์ค - 4๊ฐ. ์ปดํจํฐ ๊ทธ๋ํฝ์ค ๊ธฐ๋ณธ์์
์ปดํจํฐ๊ทธ๋ํฝ์ค - 4๊ฐ. ์ปดํจํฐ ๊ทธ๋ํฝ์ค ๊ธฐ๋ณธ์์

์ ๋ณดํต์ ๋ง - 4๊ฐ. ๋ฐ์ดํฐ ํต์ ์ ์์(II)
์ ๋ณดํต์ ๋ง - 4๊ฐ. ๋ฐ์ดํฐ ํต์ ์ ์์(II)

๋ชจ๋ฐ์ผ์ฑํ๋ก๊ทธ๋๋ฐ - 4๊ฐ. Button๊ณผ EditText
๋ชจ๋ฐ์ผ์ฑํ๋ก๊ทธ๋๋ฐ - 4๊ฐ. Button๊ณผ EditText

React memo๋ฅผ ์ธ ๋ ์ฃผ์ํด์ผ ํ ์ (feat. ๋ฐฐ์ด์ ์์ดํ ์ index๋ก ๊ฐ์ ธ์ค๊ธฐ)
React์ memo๋ฅผ ์ฐ๋ค๊ฐ ๋ ์ฅ์ ํ๊ณ

์๊ณ ๋ฆฌ์ฆ - number array flat ์ํค๊ธฐ
depth์ ๊ด๊ณ์์ด number array๋ฅผ ๋ชจ๋ flat ์์ผ๋ณด์

์ปดํจํฐ๋ณด์ - 4๊ฐ. ์ฌ์ด๋ฒ ๊ณต๊ฒฉ
์ปดํจํฐ๋ณด์ - 4๊ฐ. ์ฌ์ด๋ฒ ๊ณต๊ฒฉ

useEffect์ useLayoutEffect
์ด๊ธฐ๊ฐ ์ค์ ์ ๋ฐ๋ผ์ ์ธ์ ์ด๋ ๊ฒ์ ์ฌ์ฉํ์ฌ์ผ ํ ๊น?

์ปดํจํฐ ๊ทธ๋ํฝ์ค - 3๊ฐ. ์ปดํจํฐ ๊ทธ๋ํฝ์ค ๊ธฐ๋ณธ์์
์ปดํจํฐ ๊ทธ๋ํฝ์ค - 3๊ฐ. ์ปดํจํฐ ๊ทธ๋ํฝ์ค ๊ธฐ๋ณธ์์

Virtual DOM
Virtual DOM์ ๋ฌด์์ผ๊น?

์ํ๊ณผ๊ฑด๊ฐ 3๊ฐ. ์ ์ฒด๊ฑด๊ฐ ๋ฌธ์ ์ ๊ด๋ฆฌ(2)
์ ์ฒด๊ฑด๊ฐ ๋ฌธ์ ์ ๊ด๋ฆฌ(2)

Welcome to ColdSurf blog
์ด์์ค์ธ์

dialog ํ๊ทธ
modal์ ์ํ ์น ํ์ค ํ๊ทธ

Web Storages
localStorage์ sessionStorage

๋ธ๋ก๊ทธ ํ๋ก์ ํธ (proj. surf-log)
๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ ํ๊ธฐ

JS Asynchronous ๊ฐ๋ต ์ค๋ช
promise, worker, animation

์ ๋ณดํต์ ๋ง - 3๊ฐ. ๋ฐ์ดํฐ ํต์ ์ ๊ธฐ์ด(II) ๋ฐ์ดํฐ ํต์ ์ ์์(I)
3๊ฐ. ๋ฐ์ดํฐ ํต์ ์ ๊ธฐ์ด(II) ๋ฐ์ดํฐ ํต์ ์ ์์(I)

HTTP Status Code
http ์ํ ์ฝ๋์ ๋ํด์ ์์๋ด ์๋ค

JAM Stack ๊ทธ๋ฆฌ๊ณ SPA, CSR, SSR
์น ํด๋ผ์ด์ธํธ๋ฅผ ๊ตฌ์ฑํ๋ ๋ฐฉ์๋ค์ ๋ฌด์์ด ์์๊น? ๊ทธ๋ฆฌ๊ณ ์ด๋ป๊ฒ ๋ค๋ฅธ๊ฐ?

SOLID ์์น
๊ฐ๋จํ SOLID ์์น ์ ๋ฆฌ

react + pwa + webpack PWA ์ ์ฉํ๊ธฐ
react + pwa + webpack PWA ์ ์ฉํ๊ธฐ

๋์ ์ด์ง๊ธฐ
๋์ ์ด์ง๊ธฐ

3 > but 4 <
๋๋ ์ค๋์ด ๊ฐ๋ฐ์๋ค. ๋ฐ๋ผ์ ๊ณ ์ฐฐํด๋ณด์๋ค.

react + pwa + webpack ํฌ๋ ๋ฆฌ์คํธ ๋ง๋ค๊ธฐ
react + pwa + webpack ํฌ๋ ๋ฆฌ์คํธ ๋ง๋ค๊ธฐ

react + pwa + webpack ๋ฆฌ์กํธ ํ๋ก์ ํธ๋ฅผ ์นํฉ์ผ๋ก ์ค์ ํ๊ธฐ.
react + pwa + webpack ๋ฆฌ์กํธ ํ๋ก์ ํธ๋ฅผ ์นํฉ์ผ๋ก ์ค์ ํ๊ธฐ.

Event Loop??? ๊ทธ๊ฒ ๋ญ๋ฐ??
Event Loop??? ๊ทธ๊ฒ ๋ญ๋ฐ??

2018๋ ๊ฒจ์ธ์ ๋ง์ดํ๋ฉฐ ๋จ๊ธฐ๋ ๊ธ
2018๋ ๊ฒจ์ธ์ ๋ง์ดํ๋ฉฐ ๋จ๊ธฐ๋ ๊ธ

2018๋ ๊ฐ์์ ๋ง์ดํ๋ฉด์ ๋๋ ์๊ฐ๋ค
2018๋ ๊ฐ์์ ๋ง์ดํ๋ฉด์ ๋๋ ์๊ฐ๋ค

Dnote 5 - 1. Django - ๊ถํ ์ค์ ๋ฐ ๋ก๊ทธ์ธ / ํ์๊ฐ์ ๊ตฌํ
Dnote 5 - 1. Django - ๊ถํ ์ค์ ๋ฐ ๋ก๊ทธ์ธ / ํ์๊ฐ์ ๊ตฌํ

Dnote 7. React - 404ํ์ด์ง ์์ฑ ๋ฐ ๋น๋๋ ๋ฆฌ์กํธ ๋์ฐ๊ธฐ
Dnote 7. React - 404ํ์ด์ง ์์ฑ ๋ฐ ๋น๋๋ ๋ฆฌ์กํธ ๋์ฐ๊ธฐ

Mongodb ๋คํํ๊ณ ๋ฐฑ์ ํ๊ธฐ
Mongodb ๋คํํ๊ณ ๋ฐฑ์ ํ๊ธฐ

Dnote 6 - 1. React - ๋ฌดํ ์คํฌ๋กค๋ง ๊ธฐ๋ฅ ๊ตฌํ.
Dnote 6 - 1. React - ๋ฌดํ ์คํฌ๋กค๋ง ๊ธฐ๋ฅ ๊ตฌํ.

Dnote 5 - 3. React - ๋ก๊ทธ์ธ ์ ์ง ๋ฐ ๋ก๊ทธ์์ ๊ธฐ๋ฅ ๊ตฌํ.
Dnote 5 - 3. React - ๋ก๊ทธ์ธ ์ ์ง ๋ฐ ๋ก๊ทธ์์ ๊ธฐ๋ฅ ๊ตฌํ.

Dnote 4 - 5. React - ๋ ธํธ ์์ฑ ์ ์๋ฌ ์ฒ๋ฆฌ.
Dnote 4 - 5. React - ๋ ธํธ ์์ฑ ์ ์๋ฌ ์ฒ๋ฆฌ.

Dnote 4 - 3. React - ์ ๋ ฅ ํผ ๋ง๋ค๊ณ ์ํ ๊ด๋ฆฌ.
Dnote 4 - 3. React - ์ ๋ ฅ ํผ ๋ง๋ค๊ณ ์ํ ๊ด๋ฆฌ.

Dnote 4 - 4. React - ๋ ธํธ ์์ฑ ๊ธฐ๋ฅ ๊ตฌํ.
Dnote 4 - 4. React - ๋ ธํธ ์์ฑ ๊ธฐ๋ฅ ๊ตฌํ.

Dnote 5 - 2. React - ๋ก๊ทธ์ธ ๋ฐ ํ์๊ฐ์ ๊ธฐ๋ฅ ๊ตฌํ.
Dnote 5 - 2. React - ๋ก๊ทธ์ธ ๋ฐ ํ์๊ฐ์ ๊ธฐ๋ฅ ๊ตฌํ.

Dnote 3 - 3. React - ๊ฐ๋ฐ ํ๊ฒฝ ์ค์ ๋ฐ ๊ตฌ์กฐ ์ก๊ธฐ. (Redux ์ค์ ํ๊ธฐ)
Dnote 3 - 3. React - ๊ฐ๋ฐ ํ๊ฒฝ ์ค์ ๋ฐ ๊ตฌ์กฐ ์ก๊ธฐ. (Redux ์ค์ ํ๊ธฐ)

Dnote 4 - 2. React - ํ์ด์ง ๊ตฌ์กฐ ์์ฑ.
Dnote 4 - 2. React - ํ์ด์ง ๊ตฌ์กฐ ์์ฑ.

Dnote 4 - 1. Django - CRUD API ์์
Dnote 4 - 1. Django - CRUD API ์์

Dnote 3 - 2. React - ๊ฐ๋ฐ ํ๊ฒฝ ์ค์ ๋ฐ ๊ตฌ์กฐ ์ก๊ธฐ.(ํ๋ก์ ํธ ๊ตฌ์กฐ์ก๊ธฐ)
Dnote 3 - 2. React - ๊ฐ๋ฐ ํ๊ฒฝ ์ค์ ๋ฐ ๊ตฌ์กฐ ์ก๊ธฐ.(ํ๋ก์ ํธ ๊ตฌ์กฐ์ก๊ธฐ)

Dnote 4 - 6. React - ๋ ธํธ ๋ฆฌ์คํธ ๊ตฌํ ๋ฐ ์์ / ์ญ์ ๊ธฐ๋ฅ ๊ตฌํ.
Dnote 4 - 6. React - ๋ ธํธ ๋ฆฌ์คํธ ๊ตฌํ ๋ฐ ์์ / ์ญ์ ๊ธฐ๋ฅ ๊ตฌํ.

Dnote 2. React / Django ํ๋ก์ ํธ ์์ฑ.
Dnote 2. React / Django ํ๋ก์ ํธ ์์ฑ.

Dnote 3 - 1. React - ๊ฐ๋ฐ ํ๊ฒฝ ์ค์ ๋ฐ ๊ตฌ์กฐ ์ก๊ธฐ.(sass ์ค์ )
Dnote 3 - 1. React - ๊ฐ๋ฐ ํ๊ฒฝ ์ค์ ๋ฐ ๊ตฌ์กฐ ์ก๊ธฐ.(sass ์ค์ )

๊ฐ๋ฐ์ ๋ํ ํผ๋ก๋๋ฅผ ํธ๋ ๋์ ๋ฐฉ๋ฒ? ๋ฐ ์์ฆ ๋๋ ์๊ฐ๋ค..
๊ฐ๋ฐ์ ๋ํ ํผ๋ก๋๋ฅผ ํธ๋ ๋์ ๋ฐฉ๋ฒ? ๋ฐ ์์ฆ ๋๋ ์๊ฐ๋ค..

Dnote 1. ์๊ฐ
Dnote 1. ์๊ฐ

Django + React ๋ก ์ฒซ ํ๋ฉด ๋์๋ณด๊ธฐ
Django + React ๋ก ์ฒซ ํ๋ฉด ๋์๋ณด๊ธฐ