INGG.

Written byInkyo
Frond-End Developer

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

October 10, 2021โ€ฃ 7 min

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

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

August 15, 2021โ€ฃ 6 min

์ด๋ฒคํŠธ ์œ„์ž„(event delegation)์€ ๋น„์Šทํ•œ ๋ฐฉ์‹์œผ๋กœ ์—ฌ๋Ÿฌ ์š”์†Œ๋ฅผ ๋‹ค๋ค„์•ผ ํ•  ๋•Œ ์‚ฌ์šฉ๋œ๋‹ค. ์ด๋ฒคํŠธ ์œ„์ž„์„ ์‚ฌ์šฉํ•˜๋ฉด ์š”์†Œ๋งˆ๋‹ค ํ•ธ๋“ค๋Ÿฌ๋ฅผ ํ• ๋‹นํ•˜์ง€ ์•Š๊ณ , ์š”์†Œ์˜ ๊ณตํ†ต ์กฐ์ƒ์— ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ๋‹จ ํ•˜๋‚˜๋งŒ ํ• ๋‹นํ•ด๋„ ์—ฌ๋Ÿฌ ์š”์†Œ๋ฅผ ํ•œ๊บผ๋ฒˆ์— ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๋‹ค.

[JS] ํ”„๋กœํ† ํƒ€์ž… ์ฒด์ด๋‹

April 21, 2021โ€ฃ 5 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] ES6 Concepts

March 26, 2020โ€ฃ 9 min

ECMAScript 6๋Š” 2015๋…„ 6์›”์— ์—…๋ฐ์ดํŠธ ๋˜์—ˆ์œผ๋ฉฐ ECMAScript ์–ธ์–ด์˜ 6๋ฒˆ์งธ ํ‘œ์ค€ ์ŠคํŽ™(Spec)์ด๋‹ค. ๊ทธ๋ž˜์„œ ES6 ๋˜๋Š” ES2015๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. ํ˜„์žฌ ์‹œ์ ์—์„œ ๋Œ€๋ถ€๋ถ„ ๊ฐœ๋ฐœ์€ ECMAScript 2015๋ฒ„์ „์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ์ด์ œ ESโ€ฆ

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

ยฉ 2021 INKYO JEONG. All rights reserved.