INGG.

Written byInkyo
Frond-End Developer

[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

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

[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)`์ด๋‹ค. ๋ชจ๋“  ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์—๋Š” ๋ธŒ๋žœ์น˜๋ผ๋Š” ๊ฐœ๋…์ด ์žˆ๋‹ค.

ยฉ 2022 INKYO JEONG. All rights reserved.