profile
Junior Front-End Developer๐Ÿ˜Ž
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (40)React(13)JavaScript(9)CSS(4)WeCode(4)git(4)Map(3)style component(3)๊ณต๋ถ€(3)github(3)์ฝ”๋“œ์นดํƒ€(3)์•Œ๊ณ ๋ฆฌ์ฆ˜(3)ES6(2)component(2)branch(2)JOIN(2)DOM(2)Event(2)html(2)์œ„์ฝ”๋“œ(2)ํ”„๋กœ์ ํŠธ(2)API(1)link(1)npm(1)indexOf(1)relative(1)GET(1)POST(1)git commit(1)git push(1)querySelector(1)checked(1)git rebase(1)library(1)radio(1)git master(1)์ž์ฃผ์‚ฌ์šฉํ•˜๋Š” ์ •๊ทœ์‹(1)CRA(1)git status(1)for๋ฌธ(1)๋งˆ์šดํŠธ(1)include(1)์ตœ๋Œ€๊ฐ’๊ตฌํ•˜๊ธฐ(1)๋Œ“๊ธ€์ฐฝ(1)router(1)Arrow_Function(1)useEffect(1)ํ™˜๊ฒฝ๋ณ€์ˆ˜(1)Side Effect(1)fixed(1)mock data(1)git init(1).scss(1)ref(1)์Šคํ”„๋ ˆ๋“œ๋ฌธ๋ฒ•(1)useParams(1)nesting(1)UI(1)method(1)login(1)git log(1)cli(1)Node(1)์ž๊ธฐ์†Œ๊ฐœ(1)arrow(1)String(1)config(1)key(1)javascipr(1)instagram(1)์‚ผํ•ญ์—ฐ์‚ฐ์ž(1)State(1)useRef(1)inline block(1)body(1)Sass(1)button(1)git branch(1)API ๋ณ€์ˆ˜(1)hook(1)์ •๊ทœ์‹(1)์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž(1)storage(1)block(1)inline(1)console(1)reverse(1)clean up effect(1)master(1)array(1)๋กœ๊ทธ์ธ ์ •๊ทœ์‹(1)Fetch(1)addEventListener(1)spa(1)display(1)style(1)render(1)git add .(1)JSX(1)react.js(1)Advanced Router(1)semantic web(1)useNavigate(1)abs(1)ํšŒ์›๊ฐ€์ž… ์ •๊ทœ์‹(1)Props(1)grid(1)attrs(1).then()(1)๋ธŒ๋žœ์น˜(1)git clone(1)function(1)์ •๊ทœํ‘œํ˜„์‹(1)1์ฐจํ”„๋กœ์ ํŠธ(1)mixin(1)์ž์œ ํ˜•์‹(1)web(1)position(1)math(1)์ƒ์ˆ˜๋ฐ์ดํ„ฐ(1)semantic tag(1)promise(1)absolute(1)
post-thumbnail

React - ์ด๋ฏธ์ง€, ๋™์˜์ƒ ์—…๋กœ๋“œ ํ›„ ๋ฏธ๋ฆฌ๋ณด๊ธฐ

์ด๋ฏธ์ง€,๋™์˜์ƒ ์—…๋กœ๋“œ ํ›„ ๋ฏธ๋ฆฌ๋ณด๊ธฐ

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

React - ๋ฒ„ํŠผํด๋ฆญ์œผ๋กœ ์›ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ ๋ Œ๋”๋งํ•˜๊ธฐ

๋ฒ„ํŠผํด๋ฆญ์œผ๋กœ ์›ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ ๋ Œ๋”๋งํ•˜๋Š” ๋ฐฉ๋ฒ•

3์ผ ์ „
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

React - useRef()

useRef๋ž€ React์—์„œ ์ œ๊ณตํ•˜๋Š” hook ์ค‘์— ํ•˜๋‚˜์ด๋ฉฐDOM์— ์ ‘๊ทผ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๊ฐ€์ง„ hook์ด๋ผ๊ณ  ๋ณด๋ฉด ๋œ๋‹ค.React์—์„œ ์ œ๊ณต์„ ํ•ด์ฃผ๋Š” hook์ด๊ธฐ ๋•Œ๋ฌธ์—์ปดํฌ๋„ŒํŠธ ์ตœ์ƒ๋‹จ์— react์™€ ๊ฐ™์ด import๋ฅผ ํ•ฉ๋‹ˆ๋‹ค.์ปดํฌ๋„ŒํŠธ ๋‚ด ์ƒ๋‹จ์— useRef(

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

Style-component - ์Šคํƒ€์ผ ์žฌ์‚ฌ์šฉ

์Šคํƒ€์ผ๋ง์„ ํ•˜๊ฒŒ๋˜๋ฉด ์ผ์ •ํ•œ ์Šคํƒ€์ผ์„ ๋ฐ˜๋ณตํ•˜๊ฒŒ ์‚ฌ์šฉ ๋  ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค.์˜ˆ์‹œ๋กœ ์•„๋ž˜ ์ฝ”๋“œ๋Š” ์™„์ „ํžˆ ๋™์ผํ•œ ์Šคํƒ€์ผ์ด ์ ์šฉ๋˜์–ด ์žˆ๋‹ค.์ด๋ ‡๊ฒŒ ์™„์ „ํžˆ ๋˜‘๊ฐ™์€ ์Šคํƒ€์ผ์„ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค๋ฉด ๊ฐ™์€ ์ฝ”๋“œ์˜ ์–‘์ด 2๋ฐฐ๊ฐ€ ๋œ๋‹ค...์ฝ”๋“œ์˜ ์–‘์„ ์ค„์ด๊ธฐ ์œ„ํ•ด style-component ์—์„œ๋Š” ๋˜‘๊ฐ™

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

์œ„์ฝ”๋“œ ๊ธฐ์—…ํ˜‘์—… - ํšŒ๊ณ ๋ก

๊ธฐ์—…ํ˜‘์—…์ด๋ž€ 4์ฃผ ๋™์•ˆ ์‹ค์ œ ๊ธฐ์—…์˜ ํ”„๋กœ์ ํŠธ์— ํˆฌ์ž…๋˜์–ด์ด์ œ๊นŒ์ง€ ๋ฐฐ์šด๊ฒƒ๋“ค์„ ํ™œ์šฉํ•˜๋ฉฐ ์‹ค๋ฌด๊ฒฝํ—˜์„ ์Œ“๋Š” ํ”„๋กœ๊ทธ๋žจ์ž…๋‹ˆ๋‹ค.์ด๋ฒˆ์— 4์ฃผ ๋™์•ˆ ํ˜‘์—…์„ ์ง„ํ–‰ ํ•˜๊ฒŒ๋œ ํšŒ์‚ฌ๋Š” PANOMIX(ํŒŒ๋…ธ๋ฏน์Šค) ์˜€์Šต๋‹ˆ๋‹ค.ํŒŒ๋…ธ๋ฏน์Šค๋Š” ๋งˆ์ผ€ํŒ… ๊ธฐ์—…์œผ๋กœ ๋ฐ์ดํ„ฐ ์‹œ์Šคํ…œ ์ž๋™ํ™” ๋ฐ API๋ฅผ ํ™œ์šฉํ•œ ์ž๋™ํ™” ๊ธฐ

6์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Style-component - ์Šคํฌ๋กค๋ฐ” ๋””์ž์ธ

์Šคํƒ€์ผ์ปดํฌ๋„ŒํŠธ - ์Šคํฌ๋กค๋ฐ” ๋””์ž์ธ &::-webkit-scrollbar { display: none; }

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

git - rebase

git rebase๋Š” ๋ถˆํ•„์š”ํ•œ merge commit๊ณผ๋‹ค์ˆ˜์˜ commit์„ ์ •๋ฆฌ ํ•  ์ˆ˜ ์žˆ๋Š” ๋ช…๋ น์–ด ์ž…๋‹ˆ๋‹คํšŒ์‚ฌ๋งˆ๋‹ค merge / rebase๋ฅผ ํ•˜๋Š” ๋ฐฉ์‹์ด ๋‹ค๋ฅด๋‹ˆ ์ฃผ์˜!git rebase -igit rebase๋ฅผ ํ•˜๊ฒŒ๋˜๋ฉดํ„ฐ๋ฏธ๋„์— ์ด๋Ÿฌํ•œ ํ…์ŠคํŠธ๊ฐ€ ๋‚˜์˜ฌ ๊ฒƒ ์ด๋‹ค.์ตœ์ƒ๋‹จ์—

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

React - ์ปดํฌ๋„ŒํŠธ ์žฌ์‚ฌ์šฉ

๋ฆฌ์•กํŠธ์—์„œ ์ปดํฌ๋„ŒํŠธ๋ž€ ์žฌ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•œ UI๊ตฌ์„ฑ ๋‹จ์œ„๋‹ค!ํ•ต์‹ฌ ํ‚ค์›Œ๋“œ๋Š” ์žฌ์‚ฌ์šฉ์ด๋‹ค!UI๊ตฌ์„ฑ ๋‹จ์œ„๋ผ๊ณ  ํ•˜์ง€๋งŒ ์–ด๋–ป๊ฒŒ ์žฌ์‚ฌ์šฉ์„ ํ•  ๊ฒƒ์ธ๊ฐ€?๋ฐ”๋กœ props ๋ฅผ ์ด์šฉํ•ด์„œ ๋™์ผํ•œ ์ปดํฌ๋„ŒํŠธ์— ๋ณ€ํ™”๋ฅผ ์ค„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!๋™์ผํ•˜๊ฒŒ ์‚ฌ์šฉ๋  UI๋ฅผ ์ œ์ž‘ํ•ฉ๋‹ˆ๋‹ค๋ถ€๋ชจ์—๊ฒŒ ์ „๋‹ฌ ๋ฐ›๋Š” props๋ฅผ ๊ตฌ์กฐ

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

Quest 101 - ํ”„๋กœ์ ํŠธ ํšŒ๊ณ ๋ก

Quest 101 ํ”„๋กœ์ ํŠธ ํšŒ๊ณ ๋ก ๋‘๋ฒˆ์งธ ํ”„๋กœ์ ํŠธ๋Š” ์ผ์ •๊ด€๋ฆฌ์™€ ์ฒด๋ ฅ๊ด€๋ฆฌ๊ฐ€ ํž˜๋“ค์—ˆ๋˜ ๋ถ€๋ถ„์ด ์žˆ์—ˆ์ง€๋งŒ ๋ฐœํ‘œ ์ „ ๋‚  ํŒ€์›๋“ค๊ณผ ๋ฐค์„ ์ƒˆ๋ฉฐ ํ”„๋กœ์ ํŠธ๋ฅผ ์„ฑ๊ณต์ ์œผ๋กœ ๋งˆ๋ฌด๋ฆฌ ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ์žŠ์„ ์ˆ˜ ์—†๋Š” ๋‚˜์˜ ๋‘ ๋ฒˆ์งธ ํ”„๋กœ์ ํŠธ ์ข‹์€ ์‚ฌ๋žŒ๋“ค๊ณผ ๋งŒ๋‚˜์„œ ๋œป ๊นŠ์€ ์‹œ๊ฐ„์ด์˜€๋‹ค. Sprint

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

React - useParams()

Advanced Router

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

Quest 101 - 2์ฐจ ํ”„๋กœ์ ํŠธ

ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ ๐Ÿ–ฅ 1์ฐจ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋๋‚˜๊ณ  ์‰ด ํ‹ˆ ์—†์ด ๋ฐ”๋กœ 2์ฐจ ํ”„๋กœ์ ํŠธ๊ฐ€ ์‹œ์ž‘๋˜์—ˆ๋‹ค.. ์šฐ๋ฆฌ ํŒ€์ด ๋งก์€ ์‚ฌ์ดํŠธ๋Š” "class101" ๋ผ๋Š” ์ˆ˜๊ฐ• ์‚ฌ์ดํŠธ๋กœ ์„ ์ •๋˜์—ˆ๋‹ค. https://class101.net/ Quest 101 ํ”„๋ก ํŠธ์—”๋“œ : 3๋ช… ๋ฐฑ์—”๋“œ : 3๋ช…

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

React - Style Component ์‹œ์ž‘ํ•˜๊ธฐ

๋ฆฌ์•กํŠธ์—์„œ ์Šคํƒ€์ผ์„ ์ค„ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ๋” ์žˆ๋‹ค.Style Component ๋ฅผ ์‚ฌ์šฉ ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค!SASS๋„ ์ข‹์•˜์ง€๋งŒ Style Component ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๊ฐ€ ์žˆ๋‹ค.ํด๋ž˜์Šค ์ด๋ฆ„์˜ ์ค‘์ฒฉ์„ ์ค„์—ฌ์คŒattribute ์ถ”๊ฐ€๊ฐ€ ๊ฐ€๋Šฅ์Šคํƒ€์ผ์— props๋ฅผ ์ ์šฉ ํ•  ์ˆ˜ ์žˆ๋‹คS

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

React - config (ํ™˜๊ฒฝ๋ณ€์ˆ˜)

์ด๋ฒˆ 1์ฐจ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ์ƒˆ๋กœ ๋ฐฐ์šด๊ฒƒ์ด ์žˆ๋‹ค.๋ฐ”๋กœ API ์ฃผ์†Œ๋ฅผ JavaScriptํŒŒ์ผ์„ ์ƒˆ๋กœ ๋งŒ๋“ค์–ด ๋ณ€์ˆ˜์ฒ˜๋ฆฌํ•ด์„œ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด๋‹ค.์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋Š” 3๋ช…์˜ ๋ฐฑ์—”๋“œ ๋ถ„๋“ค์ด ์žˆ์–ด ์„œ๋ฒ„๋ฅผ ํ•˜๋‚˜๋กœ ํ•ฉ์น˜๊ธฐ ์ „ ๊นŒ์ง€3๋ช…์˜ API ์ฃผ์†Œ๋ฅผ ๋ฐ”๊พธ๋ฉด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋งž์ถฐ๋ด์•ผ ํ–ˆ๋‹ค.์ด ์–ผ๋งˆ๋‚˜

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

Branch - ํ”„๋กœ์ ํŠธ ํšŒ๊ณ ๋ก

Branch ํ”„๋กœ์ ํŠธ ํšŒ๊ณ ๋ก 2์ฃผ ๋ผ๋Š” ์‹œ๊ฐ„์ด ์ •๋ง ๋นจ๋ฆฌ ์ง€๋‚˜๊ฐ”๋‹ค. ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋กœ ๋‚˜์˜ ๋ฏธ์ˆ™ํ–ˆ๋˜ ์ ์„ ๋ฐ”๋ผ ๋ณด๊ณ  ์„ฑ์žฅ ํ•  ์ˆ˜ ์žˆ๋Š” ์ข‹์€ ๊ณ„๊ธฐ๊ฐ€ ๋  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ ๊ฐ™๋‹ค. Sprint ์ผ์ • 1์ฃผ์ฐจ์—๋Š” ํ•„์ˆ˜ ๊ตฌํ˜„ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค. ๋‚ด๊ฐ€ ๋งก์€ ๋กœ๊ทธ์ธ๊ณผ, ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€๋Š”

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

Branch - 1์ฐจ ํ”„๋กœ์ ํŠธ

ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ ๐Ÿ–ฅ ์ด์ œ 2์ฃผ ๋™์•ˆ ํ”„๋ก ํŠธ์™€ ๋ฐฑ์—”๋“œ๊ฐ€ ์†Œํ†ตํ•˜๋ฉด์„œ ํ•˜๋‚˜์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ์‹œ๊ฐ„์ด๋‹ค! ์šฐ๋ฆฌ ํŒ€์ด ๋งก์€ ์‚ฌ์ดํŠธ๋Š” "brunch" ๋ผ๋Š” ์นด์นด์˜ค์—์„œ ์„œ๋น„์Šค์ค‘์ธ ๋ธ”๋กœ๊ทธ ์‚ฌ์ดํŠธ๋‹ค. https://brunch.co.kr/ Branch ํ”„๋ก ํŠธ์—”๋“œ : 3๋ช… ๋ฐฑ์—”๋“œ

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

JavaScript - ์ •๊ทœ ํ‘œํ˜„์‹ (ํšŒ์›๊ฐ€์ž…,๋กœ๊ทธ์ธ)

์ •๊ทœํ‘œํ˜„์‹์€ ๋ฌธ์ž์—ด์—์„œ ํŠน์ • ๋ฌธ์ž์กฐํ•ฉ์„ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค!(ex : ๋Œ€์†Œ๋ฌธ์ž๊ฐ€ ํฌํ•จ๋œ 8์ž ์ด์ƒ, ๋Œ€์†Œ๋ฌธ์ž,์ˆซ์ž,ํŠน์ˆ˜๋ฌธ์ž๋ฅผ ํฌํ•จํ•œ 8์ž์ด์ƒ)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์ •๊ทœ์‹์€ ๊ฐ์ฒด์ž…๋‹ˆ๋‹ค. RegExp์˜ ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•ด ๋ฌธ์ž์—ด์„ ๊ฒ€์‚ฌ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!RegExp ์ƒ์„ฑ์ž๋Š” ํŒจ

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

React - SASS

SASS ๐ŸŽจ > sass๋Š” css ์ „ ์ฒ˜๋ฆฌ๊ธฐ ์ž…๋‹ˆ๋‹ค. sass ๋ฌธ๋ฒ•์ด css๋กœ ๋ณ€ํ™˜ํ•ด์ฃผ๋Š” ๊ฒƒ! nesting, mixin, ๋ณ€์ˆ˜ ๋ฅผ ์ด์šฉํ•ด ์Šคํƒ€์ผ์‹œํŠธ์˜ ์œ ์ง€๋ณด์ˆ˜์™€ ๊ฐ€๋…์„ฑ์„ ์ข‹๊ฒŒ ๋งŒ๋“ค์–ด ์ค๋‹ˆ๋‹ค. ์„ค์น˜๋ฐฉ๋ฒ• --save ๋ฅผ ์ ๋Š”์ด์œ ๋Š” package.json ์„ค์น˜๋œ ํŒจํ‚ค

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

JavaScript - fetch API

fetch() ๐Ÿ‘จโ€๐Ÿ’ป fetchํ•จ์ˆ˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌ ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” javascript ๋‚ด์žฅํ•จ์ˆ˜์ž…๋‹ˆ๋‹ค! > fetch์—์„œ API ์ฃผ์†Œ๋ฅผ ๋ฐ›๊ณ  then์€ promise ๋ฅผ ์ฒ˜๋ฆฌ ํ•  ๋•Œ ์‚ฌ์šฉ๋˜๋Š” ๋ฉ”์„œ๋“œ๋‹ค. promise ๊ฐ์ฒด๋Š” ๋น„๋™๊ธฐ ์ž‘์—…์ด ๋งž์ดํ•  ๋ฏธ๋ž˜์˜ ์™„๋ฃŒ ๋˜

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

React - ์ƒ์ˆ˜๋ฐ์ดํ„ฐ, Mock Data

์ƒ์ˆ˜๋ฐ์ดํ„ฐ ๐Ÿ‘จโ€๐Ÿ’ป ์ƒ์ˆ˜๋ฐ์ดํ„ฐ๋ž€ ๋ณ€ํ•˜์ง€ ์•Š๋Š” ๋ฐ์ดํ„ฐ, UI ๊ตฌ์„ฑ์— ํ•„์š”ํ•˜์ง€๋งŒ ๋™์ ์œผ๋กœ ๋ณ€ํ•˜์ง€ ์•Š์•„์„œ ๋ฐฑ์—”๋“œ API๋“ฑ์„ ํ†ตํ•ด์„œ ๊ฐ€์ ธ์˜ฌ ํ•„์š”๊ฐ€ ์—†๋Š” ์ •์ ์ธ ๋ฐ์ดํ„ฐ 1๏ธโƒฃ ์ƒ์ˆ˜๋ฐ์ดํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  ๋ฐ˜๋ณต์ ์ธ ๊ตฌ์กฐ๊ฐ€ ๋ณด์ผ ๋•Œ ๋‹ฌ๋ผ์ง€๋Š” ๋ถ€๋ถ„๋“ค์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐฐ์—ดํ˜•ํƒœ๋กœ ๋ถ„๋ฆฌ์‹œ์ผœ

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

React - useEffect()

์–ด๋–ค ํ•จ์ˆ˜๊ฐ€ input / output์ด์™ธ์˜ ๋‹ค๋ฅธ ๊ฐ’์„ ์กฐ์ž‘ํ•œ๋‹ค๋ฉด, ์ด ํ•จ์ˆ˜๋Š”Side Effect๊ฐ€ ์žˆ๋‹ค๊ณ  ํ‘œํ˜„ํ•ฉ๋‹ˆ๋‹ค!ํ•จ์ˆ˜์ปดํฌ๋„ŒํŠธ์—์„œ๋Š” ์™ธ๋ถ€์„ธ๊ณ„์— ์˜ํ–ฅ์„ ์ฃผ๋Š” ์–ด๋– ํ•œ ํ–‰์œ„์ž…๋‹ˆ๋‹ค.๋Œ€ํ‘œ์ ์œผ๋กœ Data Fetching, DOM์— ์ง์ ‘ ์ ‘๊ทผ(ex. Event Listener

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