INGG.

Written byInkyo
Frond-End Developer

[React] Zustand ๋™์ž‘ ์›๋ฆฌ์™€ ExternalStore

January 17, 2023โ€ฃ 7 min

์ตœ๊ทผ zustand๋ฅผ ์ด์šฉํ•˜์—ฌ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ํ•ด๋ณด์•˜๋Š”๋ฐ ์‚ฌ์šฉ๋ฒ•์ด ์ •๋ง ๊ฐ„๋‹จํ•˜๋‹ค๊ณ  ๋Š๊ผˆ๋‹ค. ํŠน์ดํ•œ ์ ์€ redux, recoil ๊ณผ ๋‹ฌ๋ฆฌ ์•ฑ์„ ๊ฐ์‹ธ๋Š” ๋ณ„๋„์˜ providerโ€ฆ

[CSS] Flexbox ๋” ์ž˜ ํ™œ์šฉํ•˜๊ธฐ

January 14, 2023โ€ฃ 5 min

flexbox๋ฅผ ์ •ํ™•ํžˆ ์ดํ•ดํ•˜๊ณ  ๋‹ค์–‘ํ•œ ์†์„ฑ์„ ํ™œ์šฉํ•ด ๋ณด์ž.

[React] Next.js ์ด๋ฏธ์ง€์ปดํฌ๋„ŒํŠธ์™€ ์ด๋ฏธ์ง€์ตœ์ ํ™”

December 19, 2022โ€ฃ 3 min

Next์˜ ์ด๋ฏธ์ง€์ปดํฌ๋„ŒํŠธ ๋Š” ์•„๋ž˜์™€ ๊ฐ™์€ ๋‹ค์–‘ํ•œ ์„ฑ๋Šฅ ์ตœ์ ํ™” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค. ํ–ฅ์ƒ๋œ ์„ฑ๋Šฅ: ์ตœ์‹  ์ด๋ฏธ์ง€ ํ˜•์‹์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ ๋””๋ฐ”์ด์Šค์— ๋Œ€ํ•œ ์˜ฌ๋ฐ”๋ฅธ ํฌ๊ธฐ์˜ ์ด๋ฏธ์ง€ ์ œ๊ณต ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ: ์ž๋™์œผ๋กœ layout shiftโ€ฆ

[JS] ํ˜ธ์ด์ŠคํŒ…๊ณผ TDZ์— ๋Œ€ํ•˜์—ฌ

November 13, 2022โ€ฃ 4 min

ํ˜ธ์ด์ŠคํŒ…(Hoisting)์ด๋ž€ ๋ณ€์ˆ˜๋‚˜ ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ–ˆ์„ ๋•Œ ์ฝ”๋“œ ๋ฒ”์œ„(scope) ๋‚ด์˜ ์ตœ์ƒ๋‹จ์œผ๋กœ ๋Œ์–ด์˜ฌ๋ ค์ง€๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ด๋Š” ํ˜„์ƒ์ด๋‹ค. ํ”ํžˆ var ๋Š” ํ˜ธ์ด์ŠคํŒ…์ด ๋ฐœ์ƒํ•˜๋ฉฐ, const ์™€ letโ€ฆ

[React] Hook์˜ ๋™์ž‘ ์›๋ฆฌ ์ดํ•ดํ•˜๊ธฐ

December 19, 2021โ€ฃ 9 min

React Hook์€ ์–ด๋–ค ๋ฐฉ์‹์œผ๋กœ ๋™์ž‘ํ• ๊นŒ? Hook์„ ๊ฐ„๋‹จํžˆ ๊ตฌํ˜„ํ•ด๋ณด๋ฉฐ ๋™์ž‘ ๋ฐฉ์‹์„ ์ดํ•ดํ•ด๋ณด์ž.

[Web] CORS ๋™์ž‘ ๋ฐฉ์‹๊ณผ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

October 10, 2021โ€ฃ 7 min

๊ต์ฐจ ์ถœ์ฒ˜ ๋ฆฌ์†Œ์Šค ๊ณต์œ (Cross-Origin Resource Sharing)์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

[JS] ์ด๋ฒคํŠธ ์ „ํŒŒ์™€ ์ด๋ฒคํŠธ ์œ„์ž„ ์ดํ•ดํ•˜๊ธฐ

August 15, 2021โ€ฃ 6 min

์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง๊ณผ ์บก์ณ๋ง, ๊ทธ๋ฆฌ๊ณ  ์ด๋ฒคํŠธ ์œ„์ž„์€ ๋ฌด์—‡์ธ์ง€ ๊ตฌํ˜„ํ•ด๋ณด๋ฉฐ ์ดํ•ดํ•ด๋ณด์ž.

[React Native] ๋นŒ๋“œ ๋ฐ ๋ฐฐํฌํ•˜๊ธฐ

November 27, 2020โ€ฃ 7 min

React Native CLI(0.60+)๋กœ ๊ฐœ๋ฐœํ•œ ์•ฑ์„ ๋นŒ๋“œํ•˜๊ณ  ๋ฐฐํฌํ•ด๋ณด์ž.

[React Native] Splash Screen ์ ์šฉํ•˜๊ธฐ

November 14, 2020โ€ฃ 7 min

React Native CLI(0.60+)์—์„œ Splash Screen์„ ์ ์šฉํ•ด๋ณด์ž.

[JS] Javascript ๋™์ž‘ ์›๋ฆฌ์™€ ๋น„๋™๊ธฐ์ฒ˜๋ฆฌ

March 29, 2020โ€ฃ 10 min

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ์ด๋‹ค. ์–ด๋–ป๊ฒŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ์ด๋ฉด์„œ ๋น„๋™๊ธฐ์ธ ๊ฒƒ์ผ๊นŒ? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ๋‚ด๋ถ€ ์›๋ฆฌ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

[JS] ESLint ์ ์šฉํ•˜๊ธฐ

March 01, 2020โ€ฃ 3 min

Lint๋Š” ๋ณดํ‘ธ๋ผ๊ธฐ๋ผ๋Š” ๋œป์ธ๋ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ชฝ์—์„œ๋Š” ์—๋Ÿฌ๊ฐ€ ์žˆ๋Š” ์ฝ”๋“œ์— ํ‘œ์‹œ๋ฅผ ๋‹ฌ์•„๋†“๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค. ์ฆ‰ ESLintโ€ฆ

[JS] Babel ์ด๋ž€?

February 29, 2020โ€ฃ 5 min

Babel์€ ์ตœ์‹ ์˜ js์ฝ”๋“œ๋ฅผ normalํ•œ ์˜ˆ์ „์˜ js์ฝ”๋“œ๋กœ ๋ณ€ํ™˜ํ•ด์ค€๋‹ค. ๋งŽ์€ ๋ชจ๋˜ ์›น ๋ธŒ๋ผ์šฐ์ €๋“ค์ด ES6 ๋ฌธ๋ฒ•์„ ์–ด๋Š์ •๋„ ์ง€์› ํ•˜์ง€๋งŒ ๋ถ€์กฑํ•œ ์ƒํ™ฉ์ด๋‹ค. ๋”ฐ๋ผ์„œ ๋ฐ”๋ฒจ์„ ํ†ตํ•ด ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•(Cross Browsingโ€ฆ

[JS] Webpack์„ ์“ฐ๋Š” ์ด์œ 

February 23, 2020โ€ฃ 10 min

Webpack์€ ์—ฌ๋Ÿฌ๊ฐœ ํŒŒ์ผ์„ ํ•˜๋‚˜์˜ ํŒŒ์ผ๋กœ ํ•ฉ์ณ์ฃผ๋Š” ๋ชจ๋“ˆ ๋ฒˆ๋“ค๋Ÿฌ(Module bundler)์ด๋‹ค. Webpack์„ ์“ฐ๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ผ๊นŒ? ํ‘œ์ค€ํ™”๋œ ๋ชจ๋“ˆํ™” ๊ธฐ๋ฒ•์ด ๋“ฑ์žฅํ•œ ๊ฒƒ์€ ES2015๋ถ€ํ„ฐ์ธ๋ฐ, Webpackโ€ฆ

[Git] Branch ํ™œ์šฉํ•˜๊ธฐ

January 21, 2020โ€ฃ 9 min

๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ์ ํŠธ์—์„œ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ๊ณผ ์—๋Ÿฌ ์ˆ˜์ •์ด ์ˆœ์ฐจ์ ์ธ ํ๋ฆ„์œผ๋กœ ์ง„ํ–‰๋˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ์ž‘์—…์„ ๋ณ‘๋ ฌ๋กœ ์ง„ํ–‰ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ณ„๋„์˜ ๊ธฐ๋Šฅ์ด ํ•„์š”ํ•˜๋‹ค. ๊ทธ๋ž˜์„œ ํ•„์š”ํ•œ ๊ฒƒ์ด `๋ธŒ๋žœ์น˜(Branch)`์ด๋‹ค.

ยฉ 2023 INKYO JEONG. All rights reserved.