profile
Frontend Engineer ๐ŸŒฑ
post-thumbnail

[TIL] AJAX, Callbackํ•จ์ˆ˜, Promise, Async/await

๐Ÿ‘ฉโ€๐Ÿ’ป ์ด ํฌ์ŠคํŒ…์—์„œ๋Š” ๋น„๋™๊ธฐ์™€ ๊ด€๋ จ๋œ ๊ฐœ๋…๋“ค์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค.๋น„๋™๊ธฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ(- ๋น„๋™๊ธฐ ๋ฐฉ์‹(- AJAX(- ์ฝœ๋ฐฑํ•จ์ˆ˜(- Promise(- async / await(๋™๊ธฐ์‹ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ด๋– ํ•œ ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋˜๊ณ  ์™„๋ฃŒ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ ธ๋‹ค๊ฐ€ ๋‹ค์Œ ์ฝ”๋“œ๊ฐ€ ์ˆœ์ฐจ์ ์œผ๋กœ ์ฒ˜

2022๋…„ 4์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] OOP

OOP๋ž€? Object Oriented Programming ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ฐ์ฒด์˜ ๊ด€์ ์—์„œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ•˜๋Š” ๊ฒƒ ๊ฐ์ฒด๋“ค์„ ์œ ๊ธฐ์ ์œผ๋กœ ์—ฐ๊ฒฐํ•ด์„œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ•˜๋Š” ๊ฒƒ OOP์˜ ํŠน์ง• 4๊ฐ€์ง€ ์ƒ์† : ํด๋ž˜์Šค๊ฐœ๋…์—์„œ ์ƒ์œ„ ํด๋ž˜์Šค(๋ถ€๋ชจ)๋กœ ๋ถ€ํ„ฐ ํ•˜์œ„ ํด๋ž˜์Šค(์ž์‹)์ด ์œ ์‚ฐ

2022๋…„ 3์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] Cookie์™€ Session

Cookie์™€ Session ์‚ฌ์šฉ ์ด์œ ? HTTP ํ”„๋กœํ† ์ฝœ์—๋Š” ๋น„์—ฐ๊ฒฐ์„ฑ(Connectionless)๊ณผย ๋น„์ƒํƒœ์„ฑ(Stateless)์ด๋ผ๋Š” ํŠน์ง•์ด ์žˆ๋‹ค. ์ด๋Š” ์„œ๋ฒ„์˜ ์ž์›์„ ์ ˆ์•ฝํ•˜๊ธฐ ์œ„ํ•ด ๋ชจ๋“  ์‚ฌ์šฉ์ž์˜ ์š”์ฒญ์ด ์—ฐ๊ฒฐ๊ณผ ํ•ด์ฒด์˜ ๊ณผ์ •์„ ๊ฑฐ์น˜๊ธฐ ๋•Œ๋ฌธ์—, ์ •๋ณด๊ฐ€ ์ €์žฅ๋˜์ง€ ์•Š๋Š”

2022๋…„ 3์›” 25์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] ๋ณ€์ˆ˜ var, let, const ์ฐจ์ด

ํ•จ์ˆ˜ ๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„(Function-level scope) - var ํ•จ์ˆ˜ ๋‚ด์—์„œ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜ ๋‚ด์—์„œ๋งŒ ์œ ํšจํ•˜๋ฉฐ ํ•จ์ˆ˜ ์™ธ๋ถ€์—์„œ๋Š” ์ฐธ์กฐํ•  ์ˆ˜ ์—†๋‹ค. ์ฆ‰, ํ•จ์ˆ˜ ๋‚ด๋ถ€์—์„œ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋Š” ์ง€์—ญ ๋ณ€์ˆ˜์ด๋ฉฐ ํ•จ์ˆ˜ ์™ธ๋ถ€์—์„œ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋Š” ๋ชจ๋‘ ์ „์—ญ ๋ณ€์ˆ˜์ด๋‹ค. โœ”๏ธ๋Œ€๋ถ€๋ถ„์˜ ํ”„

2022๋…„ 3์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] ์ผ๋ฐ˜ ํ•จ์ˆ˜์˜ this์™€ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์˜ this

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ES6์—์„œ ์ƒˆ๋กœ ์ถ”๊ฐ€๋˜์—ˆ๋‹ค. ์•„๋ž˜ ์˜ˆ์‹œ์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋Š” ์–ธ์ œ ์“ธ๊นŒ? ์ด๋ฆ„์ด ์—†๋Š” ์ต๋ช… ํ•จ์ˆ˜๋กœ, ์ฆ‰์‹œ ์‹คํ–‰์ด ํ•„์š”ํ•  ๊ฒฝ์šฐ ์‚ฌ์šฉํ•œ๋‹ค. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ์™œ ์“ฐ๋Š”์ง€? ์ฝ”๋“œ์˜ ๊ฐ„๊ฒฐ์„ฑ ๊ธฐ์กด ํ•จ์ˆ˜ ํ‘œํ˜„์‹๊ณผ ๋น„๊ตํ•˜๋ฉด ๊ฐ„๋‹จํ•˜๊ฒŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅ ๋ณธ๋ฌธ์ด

2022๋…„ 3์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] React - Virtual DOM

๐Ÿ‘ฉโ€๐Ÿ’ป ์ด ํฌ์ŠคํŒ…์—์„œ๋Š” Virtual DOM์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค. Virtual DOM? ๐Ÿ“ ์‹ค์ œ DOM ๋ณ€ํ™”๋ฅผ ์ตœ์†Œํ™” ์‹œ์ผœ์ฃผ๋Š” ์—ญํ• ์„ ํ•œ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๋Š” HTMLํŒŒ์ผ์„ ๋ณด์—ฌ์ฃผ๊ธฐ์œ„ํ•ด ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ • DOM ํŠธ๋ฆฌ ์ƒ์„ฑ โ†’ ๋ Œ๋” ํŠธ๋ฆฌ ์ƒ์„ฑ โ†’ Layout โ†’

2022๋…„ 3์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] ํ˜ธ์ด์ŠคํŒ…(Hoisting)

๐Ÿ‘ฉโ€๐Ÿ’ป ์ด ํฌ์ŠคํŒ…์—์„œ๋Š” ํ˜ธ์ด์ŠคํŒ…์— ๋Œ€ํ•ด ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค. ํ˜ธ์ด์ŠคํŒ…(Hoisting)์ด๋ž€? ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๊ณ  ์ดˆ๊ธฐํ™”ํ–ˆ์„ ๋•Œ, ์„ ์–ธ ๋ถ€๋ถ„์ด ์ตœ์ƒ๋‹จ์œผ๋กœ ๋Œ์–ด์˜ฌ๋ ค์ง€๋Š” ํ˜„์ƒ. > โœจ ๋ณ€์ˆ˜ ์„ ์–ธ 3๋‹จ๊ณ„ ์„ ์–ธ โ†’ ์ดˆ๊ธฐํ™” โ†’ ํ• ๋‹น ํ˜ธ์ด์ŠคํŒ… ๋Œ€์ƒ var ๋ณ€์ˆ˜ ์„ ์–ธ, ํ•จ์ˆ˜์„ ์–ธ๋ฌธ l

2022๋…„ 3์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] ๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง ๊ณผ์ •

๐Ÿ‘ฉโ€๐Ÿ’ป ์ด ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ •์„ ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค.User Interface: ์ฃผ์†Œ ํ‘œ์‹œ์ค„, ์ด์ „/๋‹ค์Œ ๋ฒ„ํŠผ, ๋ถ๋งˆํฌ ๋ฉ”๋‰ด ๋“ฑ. ํŽ˜์ด์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ์ฐฝ ์™ธ ๋ชจ๋“  ๋ถ€๋ถ„Browser Engine: User Interface์™€ Rendering Engine ์‚ฌ์ด

2022๋…„ 3์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

npm ERR! code ELIFECYCLE ์—๋Ÿฌ ํ•ด๊ฒฐ

ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ ์ค‘์— ์•Œ ์ˆ˜ ์—†๋Š” npm ์—๋Ÿฌ๊ฐ€ ๋‚˜์„œ ํ•ด๊ฒฐ๋ฒ•์„ ์ •๋ฆฌํ•ด๋ณด์•˜๋‹ค.npm ์บ์‹œ, node_modules, package-lock.json์„ ์ œ๊ฑฐ ํ›„๋‹ค์‹œ npm์„ ์„ค์น˜ํ•ด์ฃผ๋ฉด ๋œ๋‹ค.rm ๋””๋ ‰ํ† ๋ฆฌ ์‚ญ์ œ\-rf ํ•˜์œ„ ๋””๋ ‰ํ† ๋ฆฌ๊นŒ์ง€ ๊ฐ•์ œ๋กœ ์‚ญ์ œ

2022๋…„ 3์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[Project] Quest101

ํด๋ž˜์Šค๋ฅผ ํ†ตํ•ด ์ž์‹ ์„ ํ‚ค์šฐ๋Š” ํ˜„์‹ค ์บ๋ฆญํ„ฐ ๋นŒ๋“œ์—… ์„œ๋น„์Šคํด๋ž˜์Šค101 ์‚ฌ์ดํŠธ๋ฅผ ๋ชจํ‹ฐ๋ธŒ๋กœ ํ•œ ํ”„๋กœ์ ํŠธuseNavigate ์ฟผ๋ฆฌ ์ŠคํŠธ๋ง ํŽ˜์ด์ง€ ์ด๋™2์ฐจ ํ”„๋กœ์ ํŠธ์—์„œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ฒ˜์Œ ์‚ฌ์šฉํ•ด๋ณด์•˜๋‹ค! slick ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ด์šฉํ•ด์„œ ๋ฉ”์ธ ํŽ˜์ด์ง€์— ๋‚˜ํƒ€๋‚˜๋Š” ๋ฐฐ๋„ˆ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค. ์ด๋ฒˆ์—

2021๋…„ 12์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] AWS

ํด๋ผ์šฐ๋“œ ์„œ๋น„์Šค. ์œ ์ €๊ฐ€ ์ง์ ‘ ์„œ๋ฒ„๋ฅผ ๊ตฌ์ž…ํ•˜๊ณ  ์„ค์น˜ํ•  ํ•„์š” ์—†์ด AWS์ƒ์—์„œ ์„œ๋ฒ„๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.์ผ๋ฐ˜์ ์œผ๋กœ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๊ฐœ๋…๊ณผ ๊ธฐ๋Šฅ๋“ค์— ๋Œ€ํ•œ ์ •๋ฆฌ!AWS ์ƒ์—์„œ ์‚ฌ์šฉํ•˜๋Š” Server. EC2 ์„œ๋ฒ„์— API๋ฅผ ๋ฐฐํฌํ•˜๊ฒŒ ๋œ๋‹ค.๋‹ค์–‘ํ•œ ์‚ฌ์–‘ ์˜ต์…˜ ์ œ๊ณต. ํ•„์š”ํ•œ

2021๋…„ 12์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] React - Styled Components

์Šคํƒ€์ผ์„ ์ œ๊ณตํ•˜๋Š” CSS-in-JS ์Šคํƒ€์ผ๋ง์„ ์œ„ํ•œ ํ”„๋ ˆ์ž„์›Œํฌstyled-components ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•ด์„œ React ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ณ , CSS๊ตฌ์„ฑ ์š”์†Œ์˜ ์Šคํƒ€์ผ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.css-in-js๋Š” 2018๋…„ ์ดํ›„ ํญ๋ฐœ์ ์œผ๋กœ ์„ฑ์žฅํ•ด์™”๊ณ , ๊ทธ ์ค‘ S

2021๋…„ 12์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

[Project] 2์ฐจ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘

ํด๋ž˜์Šค๋ฅผ ํ†ตํ•ด ์ž์‹ ์„ ํ‚ค์šฐ๋Š” ํ˜„์‹ค ์บ๋ฆญํ„ฐ ๋นŒ๋“œ์—… ์„œ๋น„์Šคํด๋ž˜์Šค101 ์‚ฌ์ดํŠธ ํด๋กœ๋‹๋‹ค์–‘ํ•œ ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ฐ•์˜๋ฅผ ์ œ๊ณต๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์ž์‹ ์˜ ์—ญ๋Ÿ‰์ด ๋นŒ๋“œ์—… ๋˜๋Š” ๊ฒƒ์„ ์‹œ๊ฐ์ ์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ์Œ์†Œ์…œ ์ปค๋จธ์Šค๋กœ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋กœ๊ทธ์ธ ๊ฐ€๋Šฅ๊ฐœ๋ฐœ ๊ธฐ๊ฐ„ - 2021/12/13 - 2021/12/24ํ”„๋ก ํŠธ

2021๋…„ 12์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[React] useLocation ์‚ฌ์šฉ

baGETTT ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๊ฒฐ์ œ์™„๋ฃŒ ํŽ˜์ด์ง€ ๊ตฌํ˜„์„ ๋‹ด๋‹นํ–ˆ๋‹ค.์žฅ๋ฐ”๊ตฌ๋‹ˆ ํŽ˜์ด์ง€์—์„œ ๊ฒฐ์ œํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด,๊ตฌ๋งค ์ •๋ณด ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒฐ์ œ ์™„๋ฃŒ ํŽ˜์ด์ง€๋กœ ์ด๋™์„ ํ•˜๊ฒŒ ๋œ๋‹ค.๊ทธ ๊ณผ์ •์—์„œ ๊ตฌ๋งค ์ •๋ณด ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„์™€์•ผ ํ•˜๋Š”๋ฐ ๋ฐฑ์—”๋“œ์—์„œ GETํ•˜๋Š” ๋ฐฉ์‹์ด ์•„๋‹Œ,์žฅ๋ฐ”๊ตฌ๋‹ˆ์—

2021๋…„ 12์›” 12์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[Project] 1์ฐจ ํ”„๋กœ์ ํŠธ ํšŒ๊ณ 

๊ฐ€๊ตฌ ์˜๋ฅ˜ ์žฅ๊ธฐ,๋‹จ๊ธฐ ๋ Œํƒˆ ์„œ๋น„์Šค ์‚ฌ์ดํŠธ GETTTโ€˜๋ฐ”โ€™ + ๊ฒŸํŠธ๋กœ ํŒ€ ๋ช… ๋ณ€๊ฒฝ. ๋นต ์ •๊ธฐ ๊ตฌ๋… ์„œ๋น„์Šค ํด๋ก ํ”„๋กœ์ ํŠธ ์ง„ํ–‰.๊ฐœ๋ฐœ ๊ธฐ๊ฐ„ - 2021/11/29 - 2021/12/10ํ”„๋ก ํŠธ์—”๋“œ - ์›์†Œ์—ฐ, ๊น€์žฌํ˜ธ, ๊ฐ•์ธ์›…๋ฐฑ์—”๋“œ - ๊น€์€ํ˜œ, ์ด์žฌ๋ฌธReact.js, JavaSc

2021๋…„ 12์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[Project] 1์ฐจ ํ”„๋กœ์ ํŠธ ์ค‘๊ฐ„ ๋ฐœํ‘œ

ํ”„๋กœ์ ํŠธ๊ฐ€ ์ง„ํ–‰๋˜๊ณ  2์ฃผ์ฐจ ์›”์š”์ผ ์ค‘๊ฐ„๋ฐœํ‘œ๊ฐ€ ์žˆ์—ˆ๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ/๋ฐฑ์—”๋“œ ๋‚˜๋ˆ ์„œ ์ง„ํ–‰๋˜์—ˆ๊ณ  ์šฐ๋ฆฌ ํŒ€ ํ”„๋ก ํŠธ ๋ฐœํ‘œ๋ฅผ ๋งก์•„ ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์ค‘๊ฐ„ ๋ฐœํ‘œ๋Š” ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ณด๋‹ค ํŒ€ ๋ณ„ ํ”„๋กœ์ ํŠธ์˜ ์ง„ํ–‰ ๊ณผ์ • ์†Œ๊ฐœ์™€Sprint Routine์„ ์ž˜ ์ง€ํ‚ค๊ณ  ์žˆ๋Š”์ง€? Trello ๊ด€๋ฆฌ๊ฐ€ ์ œ๋Œ€๋กœ

2021๋…„ 12์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[React] Modal ๊ตฌํ˜„

1์ฐจ ํ”„๋กœ์ ํŠธ GETTT์‚ฌ์ดํŠธ ํด๋กœ๋‹ ์ค‘ '๊ตฌ๋… ํ•˜๊ธฐ' ๋ฒ„ํŠผ์„ ๋ˆŒ๋ €์„ ๋•Œ ๋ฐ”๋กœ ์žฅ๋ฐ”๊ตฌ๋‹ˆ๋กœ ์ด๋™ํ•˜์ง€ ์•Š๊ณ , ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋ชจ๋‹ฌ์ฐฝ์ด ๋œจ๋ฉด์„œ์‡ผํ•‘ ๊ณ„์†ํ•˜๊ธฐ or ์žฅ๋ฐ”๊ตฌ๋‹ˆ๋กœ ์ด๋™ ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ ๊ตฌํ˜„ํ–ˆ๋‹ค.๋ณด์—ฌ์งˆ ๋ชจ๋‹ฌ์ฐฝ ๋‚ด์šฉ์„SubscriptionModal ์ปดํฌ๋„ŒํŠธ๋กœ ๋ถ„๋ฅ˜๋ฒ„ํŠผ์„

2021๋…„ 12์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

1์ฐจ ํ”„๋กœ์ ํŠธ ์ง„ํ–‰ ๊ตฌํ˜„ ์‚ฌํ•ญ

์ƒํ’ˆ ์ƒ์„ธํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๋ฐ ๋กœ์ง ๊ตฌํ˜„์ƒ์„ธํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๊ตฌํ˜„์ƒํ’ˆ์ •๋ณด/๋ฆฌ๋ทฐ/๋ฐฐ์†ก์ •๋ณด/์ด์šฉ์•ˆ๋‚ด Tap ๊ตฌํ˜„์ƒํ’ˆ ์ฃผ๋ฌธ ์˜ต์…˜ ๋ถ€๋ถ„ (์ƒํ’ˆ๋ช…/๊ฐ€๊ฒฉ/์˜ต์…˜/์ˆ˜๋Ÿ‰/๊ตฌ๋…ํ•˜๊ธฐ ๋ฒ„ํŠผ) ๋ฒ„ํŠผ๊ตฌ๋…ํ•˜๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋ชจ๋‹ฌ์ฐฝ ๊ตฌํ˜„ ์ƒํ’ˆ์ •๋ณด/๋ฆฌ๋ทฐ/๋ฐฐ์†ก์ •๋ณด/์ด์šฉ์•ˆ๋‚ด Tap ํด๋ฆญ์‹œ e.target.

2021๋…„ 12์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

RESTful API

REpresentation State Tramsger์˜ ์•ฝ์ž์›น์ด ์กด์žฌํ•˜๋Š” ๋ชจ๋“  ์ž์›์— ๊ณ ์œ ํ•œ URI๋ฅผ ๋ถ€์—ฌํ•ด ์ฃผ์†Œ๋ฅผ ์ง€์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•๋ก , ๊ทœ์น™์„ ๋งํ•œ๋‹ค. RESTful API๋Š” REST ํŠน์ง•์„ ์ง€ํ‚ค๋ฉด์„œ API๋ฅผ ์ œ๊ณตํ•œ๋‹ค๋Š” ์˜๋ฏธ์ด๋‹ค.url ์€ page ๊ธฐ์ค€์ด ์•„๋‹Œ resou

2021๋…„ 12์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[React] useEffect hook

์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๋‹ค ๋ณด๋ฉด ํ™”๋ฉด์— ๋ณด์ผ ์ˆ˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์„œ๋ฒ„์—์„œ ๋ฐ›์•„์˜ค๊ธฐ๋„ ํ•ด์•ผ ํ•˜๊ณ , state๊ฐ€ ๋ฐ”๋€” ๋•Œ๋งˆ๋‹ค ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰์‹œํ‚ค๊ฑฐ๋‚˜, ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ on off ํ•˜๋Š” ๋™์ž‘์ด ํ•„์š”ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด ๋•Œ useEffect hook์ด ํ•„์š”ํ•˜๋‹ค!๊ณต์‹ ๋ฌธ์„œ์—์„œ useEffect๋ฅผ

2021๋…„ 11์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท