HwangInJi
Preview Image

JAVASCRIPT Lexical

1. ๋ ‰์‹œ์ปฌ ํ™˜๊ฒฝ(Lexical Environment)์ด๋ž€? โ–ถ ๋ ‰์‹œ์ปฌ ํ™˜๊ฒฝ์€ ๋ณ€์ˆ˜์™€ ํ•จ์ˆ˜์˜ ์Šค์ฝ”ํ”„๋ฅผ ์ •์˜ํ•˜๋Š” ๊ฐœ๋…์ ์ธ ๊ตฌ์กฐ๋กœ, ์ฝ”๋“œ๊ฐ€ ์ž‘์„ฑ๋œ ์œ„์น˜(๋ฌธ๋งฅ)์—์„œ ๋ณ€์ˆ˜์™€ ํ•จ์ˆ˜๊ฐ€ ์–ด๋–ป๊ฒŒ ์—ฐ๊ฒฐ๋˜๊ณ  ์ ‘๊ทผ๋˜๋Š”์ง€๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” ์ค‘์š”ํ•œ ์š”์†Œ์ž…๋‹ˆ๋‹ค. ์ด์œ ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ธฐ ์ „์— ๋ ‰์‹œ์ปฌ ํ™˜๊ฒฝ์„ ์„ค์ •ํ•˜์—ฌ ๊ฐ ๋ณ€์ˆ˜์™€ ํ•จ์ˆ˜์˜ ์œ ํšจ ๋ฒ”์œ„์™€ ์—ฐ๊ฒฐ์„ ๋ฏธ๋ฆฌ ๊ฒฐ์ •ํ•˜๊ธฐ ๋•Œ...

Preview Image

๋ฉ”๋ชจ์ด์ œ์ด์…˜(memoization)

๋ฉ”๋ชจ์ด์ œ์ด์…˜(memoization)์ด๋ž€? โ–ถ ๋ฉ”๋ชจ์ด์ œ์ด์…˜(Memoization)์€ ๋™์ผํ•œ ๊ณ„์‚ฐ์„ ๋ฐ˜๋ณตํ•˜์ง€ ์•Š๋„๋ก ํ•จ์ˆ˜์˜ ๊ฒฐ๊ณผ๋ฅผ ์บ์‹œ(์ €์žฅ)ํ•˜์—ฌ ์„ฑ๋Šฅ์„ ์ตœ์ ํ™”ํ•˜๋Š” ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค. React์—์„œ ๋ฉ”๋ชจ์ด์ œ์ด์…˜์€ ์ปดํฌ๋„ŒํŠธ์˜ ์žฌ๋ Œ๋”๋ง์„ ์ตœ์†Œํ™”ํ•˜๊ณ  ์ปดํฌ๋„ŒํŠธ ๋‚ด์—์„œ ๋ถˆํ•„์š”ํ•œ ์—ฐ์‚ฐ์„ ๋ฐฉ์ง€ํ•˜์—ฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์„ฑ๋Šฅ์„ ๊ฐœ์„ ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š”๋ฐ React.memo, useMe...

Preview Image

Pure Component

1. Pure Component๋ž€? โ–ถ Pure Component๋Š” React์—์„œ ์ปดํฌ๋„ŒํŠธ์˜ ์„ฑ๋Šฅ์„ ์ตœ์ ํ™”ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ์ค‘์š”ํ•œ ๊ฐœ๋… ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. Pure Component๋Š” ์ปดํฌ๋„ŒํŠธ์˜ ์ƒํƒœ ๋˜๋Š” props๊ฐ€ ๋ณ€๊ฒฝ๋˜์ง€ ์•Š์œผ๋ฉด ๋ถˆํ•„์š”ํ•œ ๋ Œ๋”๋ง์„ ๋ฐฉ์ง€ํ•˜์—ฌ ์„ฑ๋Šฅ์„ ์ตœ์ ํ™”ํ•˜๋ฉฐ, ์ด๋ฅผ ํ†ตํ•ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ํšจ์œจ์„ฑ์„ ํฌ๊ฒŒ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 2. P...

Preview Image

Restful API

1. RESTful API(Representational State Transferful Application Programming Interface)๋ž€? โ–ถ RESTful API๋Š” REST ์›์น™์„ ๋”ฐ๋ฅด๋Š” API๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. RESTful API๋Š” ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ๊ฐ„์˜ ํ†ต์‹ ์„ ์œ„ํ•ด HTTP๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ, ์›น ์„œ๋น„์Šค ์„ค๊ณ„์˜ ๊ธฐ๋ณธ ์›์น™์„ ์ค€์ˆ˜ํ•ฉ๋‹ˆ๋‹ค. ...

Preview Image

REST API

1. REST API(Representational State Transfer Application Programming Interface)๋ž€? โ–ถ REST API๋Š” ํ˜„๋Œ€ ์›น ์„œ๋น„์Šค์˜ ํ•ต์‹ฌ ๊ตฌ์„ฑ ์š”์†Œ ์ค‘ ํ•˜๋‚˜๋กœ, ์‹œ์Šคํ…œ ๊ฐ„์˜ ์ƒํ˜ธ ์ž‘์šฉ์„ ๊ฐ„ํŽธํ•˜๊ณ  ์ผ๊ด€๋˜๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ์†Œํ”„ํŠธ์›จ์–ด ์Šคํƒ€์ผ์ž…๋‹ˆ๋‹ค. REST API๋Š” ์›น ๊ธฐ๋ฐ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐ„์— ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ ๋ฐ›...

Preview Image

URI & URL

โ–ถ ์›น ๊ฐœ๋ฐœ์—์„œ ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” URI์™€ URL์€ ์ข…์ข… ํ˜ผ๋™๋˜๊ธฐ ์‰ฌ์šด ๊ฐœ๋…์ž…๋‹ˆ๋‹ค. URI๋Š” ๋” ๋„“์€ ๋ฒ”์ฃผ๋กœ ๋ชจ๋“  ์œ ํ˜•์˜ ๋ฆฌ์†Œ์Šค ์‹๋ณ„์ž๋ฅผ ํฌํ•จํ•˜๋ฉฐ, URL์€ ๊ทธ ํ•˜์œ„ ๊ฐœ๋… ์ค‘ ํ•˜๋‚˜๋กœ ํŠนํžˆ ์œ„์น˜๋ฅผ ์ง€์ •ํ•˜๋Š” ๋ฐ ์ค‘์ ์„ ๋‘ก๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ ์ด ๋‘ ๊ฐœ๋…์˜ ์ฐจ์ด์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. 1. URI(Uniform Resource Identifier) โ–ถ UR...

Preview Image

GET & POST ๋ฐฉ์‹

โ–ถ ์›น ๊ฐœ๋ฐœ์—์„œ ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ๊ฐ„์˜ ๋ฐ์ดํ„ฐ ์ „์†ก์€ HTTP ํ”„๋กœํ† ์ฝœ์„ ํ†ตํ•ด ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค. HTTP์—๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ๋ฉ”์„œ๋“œ๊ฐ€ ์žˆ์œผ๋ฉฐ, ๊ทธ ์ค‘์—์„œ๋„ ๊ฐ€์žฅ ํ”ํžˆ ์‚ฌ์šฉ๋˜๋Š” ๋‘ ๊ฐ€์ง€๊ฐ€ GET๊ณผ POST์ž…๋‹ˆ๋‹ค. ์ด ๋‘ ๊ฐ€์ง€ ๋ฉ”์„œ๋“œ๋Š” ๋ชจ๋‘ ์„œ๋ฒ„๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†กํ•˜์ง€๋งŒ, ๊ทธ ๋ฐฉ์‹๊ณผ ์‚ฌ์šฉ๋˜๋Š” ๋ชฉ์ ์—๋Š” ํฐ ์ฐจ์ด๊ฐ€ ์žˆ๋Š”๋ฐ์š”, ์˜ค๋Š˜์€ ์ด ๋‘๊ฐ€์ง€์— ๋Œ€ํ•ด ํ•œ๋ฒˆ ์•Œ์•„๋ณผ๊นŒํ•ฉ๋‹ˆ๋‹ค....

Preview Image

์ฟ ํ‚ค, ์„ธ์…˜, ์›น์Šคํ† ๋ฆฌ์ง€

01. ์ฟ ํ‚ค(Cookies)๋ž€? โ–ถ ์ฟ ํ‚ค๋Š” ํด๋ผ์ด์–ธํŠธ(์ฃผ๋กœ ์›น ๋ธŒ๋ผ์šฐ์ €)์— ์ €์žฅ๋˜๋Š” ์ž‘์€ ๋ฐ์ดํ„ฐ ์กฐ๊ฐ์ž…๋‹ˆ๋‹ค. ์ฟ ํ‚ค๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์„œ๋ฒ„๊ฐ€ ํด๋ผ์ด์–ธํŠธ์— ํŠน์ • ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋„๋ก ์ง€์‹œํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํด๋ผ์ด์–ธํŠธ๋Š” ํ•ด๋‹น ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญํ•  ๋•Œ๋งˆ๋‹ค ์„œ๋ฒ„์— ์ž๋™์œผ๋กœ ์ „์†กํ•ฉ๋‹ˆ๋‹ค. ์ฟ ํ‚ค(Cookies)์˜ ํŠน์ง• ํฌ๊ธฐ ์ œํ•œ: ์ฟ ํ‚ค๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ ์ตœ๋Œ€ 4KB์˜ ๋ฐ์ดํ„ฐ๋ฅผ ...

Preview Image

API์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ

API๋ž€? โ–ถ API(Application Programming Interface, ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ์ธํ„ฐํŽ˜์ด์Šค)๋Š” ์†Œํ”„ํŠธ์›จ์–ด์™€ ์„œ๋น„์Šค ๊ฐ„์˜ ์ƒํ˜ธ ์ž‘์šฉ์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๋Š” ๋„๊ตฌ ๋ฐ ํ”„๋กœํ† ์ฝœ์˜ ์ง‘ํ•ฉ์œผ๋กœ ์‰ฝ๊ฒŒ ๋งํ•ด, API๋Š” ๋‘ ๊ฐœ์˜ ์†Œํ”„ํŠธ์›จ์–ด๊ฐ€ ์„œ๋กœ ํ†ต์‹ ํ•˜๊ณ  ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ ๋ฐ›์„ ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋Š” ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งํ•ฉ๋‹ˆ๋‹ค. API๋Š” ๋‹ค์–‘ํ•œ ํ˜•ํƒœ๋กœ ์กด์žฌํ•˜์ง€๋งŒ ๊ฐ€์žฅ ์ผ...

Preview Image

REACT useEffect

useEffect๋ž€? โ–ถ useEffect๋Š” ๋ฆฌ์•กํŠธ ํ›… ์ค‘ ํ•˜๋‚˜๋กœ, ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ ๋ถ€์ˆ˜ ํšจ๊ณผ(side effects)๋ฅผ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ ๋งํ•˜๋Š” ๋ถ€์ˆ˜ ํšจ๊ณผ๋Š” ๋ฐ์ดํ„ฐ ๊ฐ€์ ธ์˜ค๊ธฐ(fetching data), ๊ตฌ๋…(subscription), DOM ์ง์ ‘ ์กฐ์ž‘, ํƒ€์ด๋จธ ์„ค์ • ๋“ฑ์„ ๋งํ•ฉ๋‹ˆ๋‹ค. useEffect์˜ ์žฅ์  โ–ถ useEffec...