profile
Junior Front-End Developer๐Ÿ˜Ž
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (52)React(15)JavaScript(12)WeCode(5)typescript(4)git(4)CSS(4)Map(3)๊ณต๋ถ€(3)์•Œ๊ณ ๋ฆฌ์ฆ˜(3)์ฝ”๋“œ์นดํƒ€(3)github(3)style component(3)String(2)html(2)JOIN(2)์œ„์ฝ”๋“œ(2)Event(2)ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(2)Props(2)DOM(2)ํ”„๋กœ์ ํŠธ(2)ES6(2)component(2)branch(2)promise(1)absolute(1)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)Symbol(1)์ž์ฃผ์‚ฌ์šฉํ•˜๋Š” ์ •๊ทœ์‹(1)CRA(1)git status(1)for๋ฌธ(1)mac(1)๋งˆ์šดํŠธ(1)boolean(1)include(1)์ตœ๋Œ€๊ฐ’๊ตฌํ•˜๊ธฐ(1)๊ฐ์ฒด(1)๋Œ“๊ธ€์ฐฝ(1)router(1)ํ”„๋ก ํŠธ์—”๋“œ(1)Arrow_Function(1)null(1)useEffect(1)ํ™˜๊ฒฝ๋ณ€์ˆ˜(1)Side Effect(1)fixed(1)mock data(1)git init(1)js(1)number(1).scss(1)defaultProps(1)node.js(1)ํƒ€์ž…์ข…๋ฅ˜(1)ref(1)์Šคํ”„๋ ˆ๋“œ๋ฌธ๋ฒ•(1)useParams(1)nesting(1)UI(1)method(1)login(1)git log(1)cli(1)Node(1)์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ(1)ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ(1)abs(1)interface(1)์ธํ„ฐํŽ˜์ด์Šค(1)arrow(1)config(1)key(1)javascipr(1)instagram(1)์‚ผํ•ญ์—ฐ์‚ฐ์ž(1)State(1)useRef(1)Promis(1)inline block(1)body(1)Sass(1)button(1)git branch(1)API ๋ณ€์ˆ˜(1)hook(1)์ •๊ทœ์‹(1)์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž(1)type(1)storage(1)block(1)wanted(1)๋ฐ์ดํ„ฐํƒ€์ž…(1)inline(1)console(1)reverse(1)์ž๊ธฐ์†Œ๊ฐœ(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)clean up effect(1)ํšŒ์›๊ฐ€์ž… ์ •๊ทœ์‹(1)์—…๋ฐ์ดํŠธ(1)์›์‹œ(1)grid(1)attrs(1).then()(1)ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํ•จ์ˆ˜(1)๋ธŒ๋žœ์น˜(1)git clone(1)function(1)์ •๊ทœํ‘œํ˜„์‹(1)์ฐธ์กฐ(1)undefined(1)1์ฐจํ”„๋กœ์ ํŠธ(1)mixin(1)ํ•จ์ˆ˜์ •์˜(1)object(1)์ž์œ ํ˜•์‹(1)web(1)position(1)math(1)์ƒ์ˆ˜๋ฐ์ดํ„ฐ(1)semantic tag(1)
post-thumbnail

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

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

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

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

React๐Ÿ‘จโ€๐Ÿ’ป ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ ์—์„œ ๋น ์งˆ ์ˆ˜ ์—†๋Š” ๊ธฐ์ˆ  React ๋ฅผ ์ตํžˆ๋Š” ์ฒซ ๋‚ ์ด๋‹ค! React๋Š” Javascript ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค (UI) ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ผ๊ณ  ๋ณด๋ฉด ๋œ๋‹ค. ํ”„๋ ˆ์ž„์›Œํฌ์™€ ์ฐฉ๊ฐ ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์—„์—ฐํžˆ ๋‹ค๋ฅด๋‹ค.

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