profile
Junior Front-End Developer๐Ÿ˜Ž
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (71)React(19)JavaScript(16)WeCode(5)git(4)CSS(4)typescript(4)Map(3)style component(3)๊ณต๋ถ€(3)์ฝ”๋“œ์นดํƒ€(3)github(3)์•Œ๊ณ ๋ฆฌ์ฆ˜(3)JOIN(2)html(2)boolean(2)ES6(2)Event(2)object(2)ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(2)String(2)ํ”„๋กœ์ ํŠธ(2)DOM(2)Props(2)component(2)js(2)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(2)branch(2)์œ„์ฝ”๋“œ(2)์ž์œ ํ˜•์‹(1)web(1)JavaScript ์ด๋ฒคํŠธ๋ฃจํ”„(1)position(1)math(1)์ƒ์ˆ˜๋ฐ์ดํ„ฐ(1)headless ui(1)semantic tag(1)promise(1)absolute(1)API(1)link(1)npm(1)indexOf(1)relative(1)GET(1)POST(1)git commit(1)Portal(1)git push(1)querySelector(1)์‹ฑ๊ธ€์Šค๋ ˆ๋“œ(1)checked(1)git rebase(1)library(1)๊ฐ์ฒด ํ”„๋กœํผํ‹ฐ ์‚ญ์ œ(1)radio(1)git master(1)Symbol(1)์ž์ฃผ์‚ฌ์šฉํ•˜๋Š” ์ •๊ทœ์‹(1)CRA(1)git status(1)๋ฆฌ์•กํŠธ(1)for๋ฌธ(1)browser(1)mac(1)๋งˆ์šดํŠธ(1)include(1)์ตœ๋Œ€๊ฐ’๊ตฌํ•˜๊ธฐ(1)๊ฐ์ฒด(1)intersection(1)์ปดํฌ๋„ŒํŠธ(1)๋ธŒ๋ผ์šฐ์ €(1)์ ˆ๋Œ€์œ„์น˜ ์ฐพ๊ธฐ(1)getBoundingClientRect(1)๋Œ“๊ธ€์ฐฝ(1)React Tic Tac Toe(1)router(1)ํ”„๋ก ํŠธ์—”๋“œ(1)Arrow_Function(1)null(1)ํ•ฉ์„ฑ์ปดํฌ๋„ŒํŠธ(1)styled-component switch(1)useEffect(1)๋ฆฌ์•กํŠธ ํ‹ฑํƒํ† (1)ํ™˜๊ฒฝ๋ณ€์ˆ˜(1)Side Effect(1)fixed(1)mock data(1)git init(1)scrollY(1)number(1).scss(1)defaultProps(1)js property delete(1)node.js(1)ํƒ€์ž…์ข…๋ฅ˜(1)ref(1)์Šคํ”„๋ ˆ๋“œ๋ฌธ๋ฒ•(1)์ธํ„ฐ์„น์…˜ ์˜ต์ €๋ฒ„(1)useParams(1)nesting(1)UI(1)method(1)login(1)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ด๋ฒคํŠธ๋ฃจํ”„(1)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด(1)git log(1)cli(1)Node(1)next(1)ํด๋กœ์ €(1)์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ(1)ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ(1)filter(1)abs(1)React ์ปดํฌ๋„ŒํŠธ ์ ˆ๋Œ€์œ„์น˜ ์ฐพ๊ธฐ(1)React ์Šคํฌ๋กค(1)๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ •(1)interface(1)์ธํ„ฐํŽ˜์ด์Šค(1)arrow(1)config(1)key(1)javascipr(1)instagram(1)์‚ผํ•ญ์—ฐ์‚ฐ์ž(1)์Šคํฌ๋กค ํผ์„ผํŠธ ๊ตฌํ•˜๊ธฐ(1)๋ ‰์‹œ์ปฌ์Šค์ฝ”ํ”„(1)Observer(1)State(1)useRef(1)Promis(1)inline block(1)React Potal(1)body(1)React ์Šคํฌ๋กค ํผ์„ผํŠธ(1)Sass(1)button(1)git branch(1)API ๋ณ€์ˆ˜(1)hook(1)@property(1)React ์ ˆ๋Œ€์œ„์น˜ ์ฐพ๊ธฐ(1)์ •๊ทœ์‹(1)์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž(1)type(1)storage(1)block(1)wanted(1)๋ฐ์ดํ„ฐํƒ€์ž…(1)inline(1)console(1)styled component(1)์ปดํฌ๋„ŒํŠธ ์ ˆ๋Œ€์œ„์น˜(1)clean up effect(1)master(1)array(1)๋กœ๊ทธ์ธ ์ •๊ทœ์‹(1)Fetch(1)addEventListener(1)spa(1)display(1)style(1)IntersectionObserver(1)render(1)getStaticProps(1)git add .(1)JSX(1)next.js(1)react.js(1)Advanced Router(1)semantic web(1)์•„ํ† ๋ฏน ๋””์ž์ธ(1)ํ‹ฑํƒํ† (1)useNavigate(1)reverse(1)์ž๊ธฐ์†Œ๊ฐœ(1)ํšŒ์›๊ฐ€์ž… ์ •๊ทœ์‹(1)์—…๋ฐ์ดํŠธ(1)์›์‹œ(1)๊ตฌ์กฐ๋ถ„ํ•ด ํ• ๋‹น(1)grid(1)attrs(1).then()(1)ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํ•จ์ˆ˜(1)๋ธŒ๋žœ์น˜(1)createPortal(1)์Šคํฌ๋กค ํผ์„ผํŠธ(1)headless(1)js boolean(1)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ ‰์‹œ์ปฌ์Šค์ฝ”ํ”„(1)git clone(1)switch๋ฌธ(1)function(1)์ง€์†๊ฐ€๋Šฅํ•œ ์ปดํฌ๋„ŒํŠธ(1)์ •๊ทœํ‘œํ˜„์‹(1)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ(1)์ฐธ์กฐ(1)undefined(1)1์ฐจํ”„๋กœ์ ํŠธ(1)mixin(1)ํ•จ์ˆ˜์ •์˜(1)๋น„๊ตฌ์กฐํ™” ํ• ๋‹น(1)
post-thumbnail

JavaScript - ๊ฐ์ฒด property ์‚ญ์ œ

๋ณต์‚ฌ์‚ฌ์šฉ ํ•˜๊ธฐ ๋ฐ์ดํ„ฐ ์›๋ณธ์„ ๊ทธ๋Œ€๋กœ ์ˆ˜์ •ํ•œ๋‹ค๋ฉด ์˜๋„์น˜ ์•Š์€ ์‚ฌ์ด๋“œ ์ดํŽ™ํŠธ๋ฅผ ๋ฐฉ์ง€ํ•˜๊ธฐ์œ„ํ•ด์„œ ๋ฐ์ดํ„ฐ์˜ ์›๋ณธ์„ ๋ฐ”๋กœ ์ˆ˜์ •ํ•˜๊ฒƒ์€ ์ง€์–‘ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ๋ณต์‚ฌ๋ฅผ ํ•˜์—ฌ ์นดํ”ผ๋ณธ์„ ๋งŒ๋“ค์–ด์„œ ์‚ฌ์šฉํ•˜๋Š” ์Šต๊ด€์„ ๊ฐ€์ง€๋Š”๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. propery ์‚ญ์ œ ๋ฐฉ๋ฒ• (๊ตฌ์กฐ๋ถ„ํ•ด ํ• ๋‹น, delete ๋ฉ”์†Œ๋“œ) ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น์„ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์ง€์›ํ•˜๋Š” ๋ฉ”์†Œ๋“œ ์ค‘์— delete ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐ์ฒด ๋‚ด ์›ํ•˜๋Š” propery (key, value)๋ฅผ ์‚ญ์ œ์‹œํ‚ฌ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. delete ์‚ฌ์šฉํ•˜๋ฉด ์›๋ณธ ๊ฐ์ฒด์˜ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ฐ”๋€Œ๊ฒŒ ๋˜์–ด ๋ณต์‚ฌํ›„ ์‚ฌ์šฉํ•˜๋Š”๊ฒƒ์ด ๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ์— ์ข‹๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น delete ๋ฉ”์†Œ๋“œ

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

JavaScript - filter(Boolean)

Array.filter() JavaScript์˜ ๋ฐฐ์—ด ๋ฉ”์„œ๋“œ์ค‘์— filter๋ฅผ ์ด์šฉํ•˜๋ฉด ์ง€์ •ํ•œ์กฐ๊ฑด์„ ๋ฐฐ์—ด์˜ ๊ธธ์ด ๋งŒํผ ๋ฐ˜๋ณตํ•ฉ๋‹ˆ๋‹ค. ์›๋ณธ ๋ฐฐ์—ด์„ ํ•ด์น˜์ง€ ์•Š๊ณ  ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋งŒ๋“ค์–ด์ฃผ๋Š” ๋ฉ”์„œ๋“œ์ž…๋‹ˆ๋‹ค. filter ๋ฉ”์„œ๋“œ๋Š” ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ๋ฉ”์„œ๋“œ ์ค‘์— ํ•˜๋‚˜๋ผ๊ณ  ์ƒ๊ฐ๋ฉ๋‹ˆ๋‹ค. filter(Boolean) ์„ ์ด์šฉํ•œ falsyํ•œ ๊ฐ’ ํ•„ํ„ฐ filter๋ฉ”์„œ๋“œ ์ฝœ๋ฐฑํ•จ์ˆ˜ ์•ˆ์— Boolean์„ ๋„ฃ๋Š”๋‹ค๋ฉด truthyํ•œ ๊ฐ’ ๋งŒ์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. truthy : ๋ฌธ์ž, ๊ฐ์ฒด, ์ˆซ์ž, true, ๋ฐฐ์—ด falsy : null, 0, false, undefined truthyํ•œ ๊ฐ’๋งŒ์„ ๋ฐ˜ํ™˜ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

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

JavaScript - Intersection Observer API

Intersection Observer์˜ ์‚ฌ์šฉ๋ฒ• 1. new IntersectionObserver() ์ƒ์„ฑ >new IntersectionObserver()๋ฅผ ํ†ตํ•ด ์ƒ์„ฑํ•œ ์ธ์Šคํ„ด์Šค io๋Š” ๊ด€์ฐฐ์ž๋ฅผ ์ดˆ๊ธฐํ™”ํ•˜๊ณ  ๊ด€์ฐฐ ๋Œ€์ƒ target์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค. callback : ์กฐ๊ฑด์ด ๋˜๋ฉด ์‹คํ–‰๋˜๋Š” ์ฝœ๋ฐฑํ•จ์ˆ˜ option : ๊ด€์ฐฐ์ž ์˜ต์…˜ target : ๊ด€์ฐฐํ•  ๋Œ€์ƒ ๋“ฑ๋ก 2. option ์„ค์ • > new IntersectionObserver์— ๋“ค์–ด๊ฐˆ ์ธ์ž์ค‘ ํ•˜๋‚˜์ธ option์€ ๊ต์ฐจ์˜ ๊ธฐ์ค€์„ ์ •ํ•ฉ๋‹ˆ๋‹ค. root : ๊ต์ฐจ๋˜๋Š”๊ธฐ์ค€์ด ๋˜๋Š” ์š”์†Œ์ž…๋‹ˆ๋‹ค. ๊ธฐ๋ณธ๊ฐ’์€ viewport ์ž…๋‹ˆ๋‹ค. rootMargin : ์ผ๋ฐ˜ margin๊ณผ ๋™์ผํ•˜๊ฒŒ ์ ์šฉํ•  ์ˆ˜ ์žˆ๊ณ  -๊ฐ’๋„ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. threshold : ์—˜๋ฆฌ๋จผํŠธ์˜ ๊ฐ€์‹œ์„ฑ ์—ฌ๋ถ€๋ฅผ ํŒ๋‹จํ•˜๊ธฐ ์œ„ํ•œ ๊ฐ’์œผ๋กœ 0~1๊ฐ’์ด

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

JavaScript - ์ด๋ฒคํŠธ ๋ฃจํ”„, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ

์ด๋ฒคํŠธ ๋ฃจํ”„ > ์ด๋ฒคํŠธ ๋ฃจํ”„๋Š” ๋ธŒ๋ผ์šฐ์ €๋‚ด์— ๋‚ด์žฅ๋œ ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค. Call Stack ๋‚ด์—์„œ ํ˜„์žฌ ์‹คํ–‰์ค‘์ธ task๊ฐ€ ์žˆ๋Š”์ง€ ๊ทธ๋ฆฌ๊ณ  Event Queue์— task๊ฐ€ ์žˆ๋Š”์ง€ ๋ฐ˜๋ณตํ•˜์—ฌ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. > >๋งŒ์•ฝ Call Stack์ด ๋น„์–ด์žˆ๋‹ค๋ฉด Event Queue ๋‚ด์˜ task๊ฐ€ Call Stack์œผ๋กœ ์ด๋™ํ•˜๊ณ  ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค. Call Stack (ํ˜ธ์ถœ ์Šคํƒ) ํ•จ์ˆ˜๊ฐ€ ํ˜ธ์ถœ๋˜๋ฉด ์š”์ฒญ๋œ ์ž‘์—…์€ ์ˆœ์ฐจ์ ์œผ๋กœ Call Stack์— ์Œ“์ด๊ฒŒ ๋˜๊ณ  ์ˆœ์ฐจ์ ์œผ๋กœ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ํ•˜๋‚˜์˜ Call Stack์„ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ•ด๋‹น task๊ฐ€ ์ข…๋ฃŒํ•˜๊ธฐ ์ „๊นŒ์ง€๋Š” ๋‹ค๋ฅธ task๋ฅผ ์ž‘์—…ํ•˜์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค. Event Queue(Task Queue) ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ํ•จ์ˆ˜์˜ ์ฝœ๋ฐฑ ํ•จ์ˆ˜, ๋น„๋™๊ธฐ

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

JavaScript - Promise

Promis Promis๋Š” ๋น„๋™๊ธฐ์ฒ˜๋ฆฌ๋ฅผ ์ˆ˜ํ–‰ํ•  ์ฝœ๋ฐฑ ํ•จ์ˆ˜๋ฅผ ์ธ์ˆ˜๋กœ ์ „๋‹ฌ ๋ฐ›๊ณ  resolve, reject ๋‘ ํ•จ์ˆ˜๋ฅผ ์ธ์ˆ˜๋กœ ์ „๋‹ฌ ๋ฐ›๋Š”๋‹ค. ํ›„์†์ฒ˜๋ฆฌ ๋ฉ”์„œ๋“œ .then : ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ๊ฐ€ ์„ฑ๊ณตํ–ˆ์„ ๋•Œ ํ˜ธ์ถœ .catch : ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ๊ฐ€ ์‹คํŒจ ํ–ˆ์„๋•Œ ํ˜ธ์ถœ .finally : ์„ฑ๊ณต,์‹คํŒจ ์—ฌ๋ถ€ ์—†์ด ๋ฌด์กฐ๊ฑด ํ•œ ๋ฒˆ ํ˜ธ์ถœ (๊ณตํ†ต์ ์œผ๋กœ ์ฒ˜๋ฆฌ ํ•  ๋‚ด์šฉ์ด ์žˆ์„ ๋•Œ ์œ ์šฉํ•˜๋‹ค.)

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

JavaScript - ์›์‹œ ๊ฐ’๊ณผ ๊ฐ์ฒด(์ฐธ์กฐ)์˜ ๋น„๊ต

์›์‹œํƒ€์ž…๊ณผ ๊ฐ์ฒดํƒ€์ž… > ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” 7๊ฐ€์ง€ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ์ œ๊ณตํ•œ๋‹ค. ํฌ๊ฒŒ ์›์‹œํƒ€์ž…, ๊ฐ์ฒดํƒ€์ž…์œผ๋กœ ๊ตฌ๋ถ„ํ•œ๋‹ค. ์›์‹œํƒ€์ž…(primitive type) ์ˆซ์ž ๋ฌธ์ž์—ด ๋ถˆ๋ฆฌ์–ธ null undefined ์‹ฌ๋ฒŒ ๊ฐ์ฒดํƒ€์ž…(object/reference type) ๊ฐ์ฒด ์›์‹œ ํƒ€์ž… ์›์‹œํƒ€์ž…์˜ ๊ฐ’์€ ๋ณ€๊ฒฝ ๋ถˆ๊ฐ€๋Šฅํ•œ ๊ฐ’์ด๋‹ค. ์›์‹œ ๊ฐ’์„ ๋ณ€์ˆ˜์— ํ• ๋‹นํ•˜๋ฉด ๋ณ€์ˆ˜์— ํ™•๋ณด๋œ ๋ฉ”๋ชจ๋ฆฌ๊ณต๊ฐ„์—๋Š” ์‹ค์ œ ๊ฐ’์ด ์ €์žฅ๋œ๋‹ค. ์›์‹œ ๊ฐ’์„ ๊ฐ–๋Š” ๋ณ€์ˆ˜๋ฅผ ๋‹ค๋ฅธ ๋ณ€์ˆ˜์— ํ• ๋‹นํ•˜๋ฉด ์›์‹œ ๊ฐ’์ด ๋ณต์‚ฌ๋˜์–ด ์ „๋‹ฌ๋œ๋‹ค. ์ด๋ฅผ ๊ฐ’์— ์˜ํ•œ ์ „๋‹ฌ์ด๋‹ค. ๊ฐ์ฒด ํƒ€์ž… ๊ฐ์ฒด(์ฐธ์กฐ) ํƒ€์ž…์˜ ๊ฐ’์€ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•œ ๊ฐ’์ด๋‹ค. ๊ฐ์ฒด๋ฅผ ๋ณ€์ˆ˜์— ํ• ๋‹นํ•˜๋ฉด ๋ณ€์ˆ˜์— ํ™•๋ณด๋œ ๋ฉ”๋ชจ๋ฆฌ๊ณต๊ฐ„์—๋Š” ์ฐธ์กฐ ๊ฐ’์ด ์ €์žฅ๋œ๋‹ค. ๊ฐ์ฒด๋ฅผ ๊ฐ€๋ฆฌํ‚ค๋Š” ๋ณ€์ˆ˜๋ฅผ ๋‹ค๋ฅธ ๋ณ€์ˆ˜์— ํ• ๋‹นํ•˜๋ฉด ์›๋ณธ์˜ ์ฐธ์กฐ ๊ฐ’์ด ๋ณต์‚ฌ๋˜์–ด ์ „๋‹ฌ๋œ๋‹ค. ์ด๋ฅผ ์ฐธ์กฐ์— ์˜ํ•œ

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

JavaScript - ๋ฐ์ดํ„ฐ ํƒ€์ž…

๋ฐ์ดํ„ฐ ํƒ€์ž… >์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ชจ๋“  ๊ฐ’์€ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ES6 ๊ธฐ์ค€์œผ๋กœ 7๊ฐœ์˜ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ  ํฌ๊ฒŒ 2๊ฐ€์ง€๋กœ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 1. ์›์‹œ ํƒ€์ž… (๊ธฐ๋ณธํ˜•, Primitive Type) ์ˆซ์ž ํƒ€์ž… (number) : ์ˆซ์ž ๋ฌธ์ž์—ด ํƒ€์ž… (string) : ๋ฌธ์ž์—ด ๋ถˆ๋ฆฌ์–ธ ํƒ€์ž… (boolean) : true / fulse undefined ํƒ€์ž… : var ํ‚ค์›Œ๋“œ๋กœ ์„ ์–ธ๋œ ๋ณ€์ˆ˜์— ์•”๋ฌต์ ์œผ๋กœ ํ• ๋‹น๋˜๋Š” ๊ฐ’ nullํƒ€์ž… : ๊ฐ’์ด ์—†๋‹ค๋Š” ๊ฒƒ์„ ์˜๋„์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฐ’ symbol ํƒ€์ž… : ES6์—์„œ ์ถ”๊ฐ€๋œ 7๋ฒˆ์งธ ํƒ€์ž… 2 ๊ฐ์ฒด ํƒ€์ž… (์ฐธ์กฐํ˜•, Reference Type) ๊ฐ์ฒด ํƒ€์ž… : ๊ฐ์ฒด, ํ•จ์ˆ˜, ๋ฐฐ์—ด, ์ •๊ทœํ‘œํ˜„์‹ ๋“ฑ ์ˆซ์ž ํƒ€์ž… (number) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ˆซ์žํƒ€์ž…์€ ๋ชจ๋“  ์ˆ˜๋ฅผ ์‹ค์ˆ˜๋กœ ์ฒ˜๋ฆฌํ•œ๋‹ค. ์ •์ˆ˜๋กœ ํ‘œํ˜„์„ ํ•ด๋„ ์‚ฌ์‹ค์€ ์‹ค์ˆ˜๋ผ๋Š” ๊ฒƒ! ํŠน๋ณ„ํ•œ ์„ธ ๊ฐ€์ง€ ๊ฐ’๋„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค.

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

JavaScript - fetch API

fetch() ๐Ÿ‘จโ€๐Ÿ’ป fetchํ•จ์ˆ˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌ ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” javascript ๋‚ด์žฅํ•จ์ˆ˜์ž…๋‹ˆ๋‹ค! fetch์—์„œ API ์ฃผ์†Œ๋ฅผ ๋ฐ›๊ณ  then์€ promise ๋ฅผ ์ฒ˜๋ฆฌ ํ•  ๋•Œ ์‚ฌ์šฉ๋˜๋Š” ๋ฉ”์„œ๋“œ๋‹ค. promise ๊ฐ์ฒด๋Š” ๋น„๋™๊ธฐ ์ž‘์—…์ด ๋งž์ดํ•  ๋ฏธ๋ž˜์˜ ์™„๋ฃŒ ๋˜๋Š” ์‹คํŒจ์™€ ๊ทธ ๊ฒฐ๊ณผ ๊ฐ’์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. 1. method fetch ํ•จ์ˆ˜์—์„œ method๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๋ฐฉ์‹์„ ์ •ํ•˜๋Š” ๋ฉ”์„œ๋“œ์ž…๋‹ˆ๋‹ค. "GET" , "POST" ๋‘ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ธฐ๋ณธ๊ฐ’์€ "GET" ์ƒํƒœ์ž…๋‹ˆ๋‹ค. GET ๋ฉ”์„œ๋“œ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ฌ ๋•Œ๋งŒ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. POST ๋ฉ”์„œ๋“œ๋Š” ์„œ๋ฒ„๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†กํ•ฉ๋‹ˆ๋‹ค. 2. body ํ”„๋ก ํŠธ์—”๋“œ์—์„œ method๋ฅผ POST ๋ฐฉ์‹์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•ด์•ผ ํ•œ๋‹ค๋ฉด fetch์˜ ๋‘ ๋ฒˆ์งธ ์ธ์ž์— method ์™€ body**๋ฅผ ์ž…๋ ฅํ•ฉ๋‹ˆ๋‹ค. *method

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

JavaScript - ์•Œ๊ณ ๋ฆฌ์ฆ˜ return: true or false

๋ฌธ์ œ4 ๐Ÿ‘จโ€๐Ÿ’ป > ์ˆซ์ž์ธ num์„ ์ธ์ž๋กœ ๋„˜๊ฒจ์ฃผ๋ฉด, ๋’ค์ง‘์€ ๋ชจ์–‘์ด num๊ณผ ๋˜‘๊ฐ™์€์ง€ ์—ฌ๋ถ€๋ฅผ ๋ฐ˜ํ™˜ํ•ด์ฃผ์„ธ์š”. num: ์ˆซ์ž return: true or false (๋’ค์ง‘์€ ๋ชจ์–‘์ด num์™€ ๋˜‘๊ฐ™์€์ง€ ์—ฌ๋ถ€) ex) ์˜ˆ๋ฅผ ๋“ค์–ด, num = 123 return false => ๋’ค์ง‘์€ ๋ชจ์–‘์ด 321 ์ด๊ธฐ ๋•Œ๋ฌธ num = 1221 return true => ๋’ค์ง‘์€ ๋ชจ์–‘์ด 1221 ์ด๊ธฐ ๋•Œ๋ฌธ num = -121 return false => ๋’ค์ง‘์€ ๋ชจ์–‘์ด 121- ์ด๊ธฐ ๋•Œ๋ฌธ num = 10 return false => ๋’ค์ง‘์€ ๋ชจ์–‘์ด 01 ์ด๊ธฐ ๋•Œ๋ฌธ ํ•ด๊ฒฐ๋ฐฉ๋ฒ• >์ˆซ์ž๋ฅผ ๋’ค์ง‘๊ธฐ์œ„ํ•ด String ํƒ€์ž…์œผ๋กœ ๋ณ€ํ™˜ > ์Šคํ”„๋ ˆ๋“œ ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•ด ๋ฐฐ์—ด๋กœ ๋ณ€ํ™˜ > a.reverse() : ์ˆœ์„œ๊ฐ€ ๋ฐ˜์ „๋œ ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค. > arr.join([separator]) ๋ฐ˜์ „๋œ ๋ฐฐ์—ด result ๋ณ€์ˆ˜์— result.join("")์„ ํ•˜๊ฒŒ๋˜๋ฉด "1221

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

JavaScript - ์•Œ๊ณ ๋ฆฌ์ฆ˜ reverse

๋ฌธ์ œ2 ๐Ÿ‘จโ€๐Ÿ’ป > reverse ํ•จ์ˆ˜์— ์ •์ˆ˜์ธ ์ˆซ์ž๋ฅผ ์ธ์ž๋กœ ๋ฐ›์Šต๋‹ˆ๋‹ค. ๊ทธ ์ˆซ์ž๋ฅผ ๋’ค์ง‘์–ด์„œ returnํ•ด์ฃผ์„ธ์š”. x : ์ˆซ์ž return: ๋’ค์ง‘์–ด์ง„ ์ˆซ์ž๋ฅผ ๋ฐ˜ํ™˜! ex) ์˜ˆ๋“ค ๋“ค์–ด, x: 1234 return: 4321 x: -1234 return: -4321 x: 1230 return: 321 ํ•ด๊ฒฐ๋ฐฉ๋ฒ• >x๊ฐ€ ์Œ์ˆ˜๊ฐ€ ์•„๋‹๋•Œ --> ์–‘์ˆ˜์ผ๋•Œ > Math.abs() : ์ฃผ์–ด์ง„ ์ˆซ์ž์˜ ์ ˆ๋Œ€๊ฐ’์„ ๋ฐ˜ํ™˜ํ•˜๋Š” ๋ฉ”์„œ๋“œ x์˜ ์ ˆ๋Œ€๊ฐ’์„ ๋ฌธ์ž์—ด๋กœ ๋ฐ”๊พธ๊ธฐ ์œ„ํ•ด String ๋ฉ”์„œ๋“œ ์‚ฌ์šฉ ๋ฌธ์ž์—ด๋กœ ๋ฐ”๊พธ๋Š” ์ด์œ ๋Š” ์ฃผ์–ด์ง„ ์ธ์ž ์ˆซ์ž์œ„์น˜๋ฅผ ๋ฐ”๊พธ๊ธฐ์œ„ํ•ด์„œ๋‹ค. reverse ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ์œ„ํ•ด์„  ๋ฐฐ์—ด์ด์–ด์•ผ ํ•˜๊ธฐ๋•Œ๋ฌธ์— ์ด์ „์— ๋ฏธ๋ฆฌ []๊ฐ์‹ธ๋ฉฐ ๊ฐ๊ฐ์˜ ์ธ๋ฑ์Šค๋กœ ๋งŒ๋“ค๊ธฐ์œ„ํ•ด ์Šคํ”„๋ ˆ๋“œ ๋ฌธ๋ฒ•[...]์„ ์‚ฌ์šฉํ–ˆ๋‹ค. > a.reverse() : ์ˆœ์„œ๊ฐ€ ๋ฐ˜์ „๋œ ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค. > arr.join([separator]) : ๋ฐฐ

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

JavaScript - ์•Œ๊ณ ๋ฆฌ์ฆ˜ twoSum

๋ฌธ์ œ1 > twoSumํ•จ์ˆ˜์— ์ˆซ์ž๋ฐฐ์—ด๊ณผ 'ํŠน์ • ์ˆ˜'๋ฅผ ์ธ์ž๋กœ ๋„˜๊ธฐ๋ฉด, ๋”ํ•ด์„œ 'ํŠน์ • ์ˆ˜'๊ฐ€ ๋‚˜์˜ค๋Š” index๋ฅผ ๋ฐฐ์—ด์— ๋‹ด์•„ returnํ•ด ์ฃผ์„ธ์š”. nums : ์ˆซ์ž ๋ฐฐ์—ด target : ๋‘ ์ˆ˜๋ฅผ ๋”ํ•ด์„œ ๋‚˜์˜ฌ ์ˆ˜ ์žˆ๋Š” ํ•ฉ๊ณ„ return : ๋‘ ์ˆ˜์˜ index๋ฅผ ๊ฐ€์ง„ ์ˆซ์ž ๋ฐฐ์—ด ex) nums์€ [4, 9, 11, 14] target์€ 13 nums[0] + nums[1] = 4 + 9 = 13 ํ•ด๊ฒฐ๋ฐฉ๋ฒ• >for๋ฌธ์„ ๋‘๋ฒˆ ์‚ฌ์šฉํ•œ ์ด์œ ๋Š” ๋ฐฐ์—ด์•ˆ์˜ ๋‘ ์ˆซ์ž๋ฅผ ๋น„๊ตํ•˜๊ธฐ ์œ„ํ•ด์„œ๋‹ค. if๋ฌธ์—์„œ nums[i],nums[j] ๋ฅผ ๋”ํ•ด target ์ธ์ž์™€ ๊ฐ™์€ ์ˆซ์ž๊ฐ€ ๋‚˜์˜จ๋‹ค๋ฉด return์œผ๋กœ ๋ฐฐ์—ด์˜ index๋ฅผ ๊ตฌํ•  ์ˆ˜ ์žˆ๋‹ค.[i,j]

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

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

React๐Ÿ‘จโ€๐Ÿ’ป ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ ์—์„œ ๋น ์งˆ ์ˆ˜ ์—†๋Š” ๊ธฐ์ˆ  React ๋ฅผ ์ตํžˆ๋Š” ์ฒซ ๋‚ ์ด๋‹ค! React๋Š” Javascript ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค (UI) ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ผ๊ณ  ๋ณด๋ฉด ๋œ๋‹ค. ํ”„๋ ˆ์ž„์›Œํฌ์™€ ์ฐฉ๊ฐ ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์—„์—ฐํžˆ ๋‹ค๋ฅด๋‹ค. > ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ๋‹ค๋ฅธ์‚ฌ๋žŒ๋“ค์ด ๋งŒ๋“ค์–ด๋‘” ํ‹€ ์•ˆ์—์„œ ์ž‘์—…์„ ํ•˜๋Š”๊ฒƒ ex) Vue,Angular > ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ๋‚ด ์ž‘์—…์— ๋‹ค๋ฅธ์‚ฌ๋žŒ์ด ๋งŒ๋“ค์–ด๋‘” ์ฝ”๋“œ๋ฅผ ๊ฐ€์ ธ์™€ ์‚ฌ์šฉํ•˜๋Š”๊ฒƒ ex)React ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ธ React๋Š” ๊ธฐ์ˆ ์ ์ธ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜๊ธฐ ์œ„ํ•ด third-party๋ฅผ ์„ค์น˜ํ•˜๊ณ  React-Router ๋“ฑ ์—ฌ๋Ÿฌ ๊ธฐ์ˆ ์„ ์‚ฌ์šฉ ํ•  ์ˆ˜ ์žˆ๋‹ค. Node & NPM Node.js Node.js๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ ๋ฐ–(ex:์„œ๋ฒ„)์—์„œ๋„ ์ž‘์—… ํ•  ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ์ด๋‹ค. ํ”„๋กœ์ ํŠธ๋ฅผ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ์ฃผ์š” ๋„๊ตฌ๋“ค(ex. ๋ฐ”๋ฒจ, ์›นํŒฉ)์ด Node.js ๊ธฐ๋ฐ˜์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ฐ˜๋“œ์‹œ ์„ค

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

JavaScript - ๋ฐฐ์—ด์ค‘ ์ตœ๋Œ€๊ฐ’ ๊ตฌํ•˜๊ธฐ

์ตœ๋Œ€๊ฐ’ ๊ตฌํ•˜๊ธฐ ๐Ÿ‘จโ€๐Ÿ’ป ์˜ˆ์‹œ๋ฌธ์ œ๋Š” ๋ฐฐ์—ด์•ˆ์˜ "string" ์ค‘์—์„œ ๊ฐ€์žฅ ๊ธด ๊ฐ’์„ ๊ตฌํ•˜๋Š” ๊ฒƒ! ์‚ฌ์šฉํ•œ ๋ฉ”์„œ๋“œ Array ๋ฉ”์„œ๋“œ ์ค‘ , Math์˜ max ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ indexOf ๋กœ ์ตœ๋Œ€๊ฐ’์˜ ๋ฐฐ์—ด์„ ์ฐพ์•˜์Šต๋‹ˆ๋‹ค. map() > map() ๋ฉ”์„œ๋“œ๋Š” ๋ฐฐ์—ด ๋‚ด์˜ ๋ชจ๋“  ์š”์†Œ ๊ฐ๊ฐ์— ๋Œ€ํ•˜์—ฌ ์ฃผ์–ด์ง„ ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•œ ๊ฒฐ๊ณผ๋ฅผ ๋ชจ์•„ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. indexOf() >๋ฌธ์ž์—ด ๋‚ด์— ์žˆ๋Š” ๋ฌธ์ž๋“ค์€ ์™ผ์ชฝ์—์„œ ์˜ค๋ฅธ์ชฝ ๋ฐฉํ–ฅ์œผ๋กœ ์ˆœ๋ฒˆ์ด ๋งค๊ฒจ์ง‘๋‹ˆ๋‹ค. ์ œ์ผ ์ฒ˜์Œ ๋ฌธ์ž๋Š” 0๋ฒˆ์งธ ์ˆœ๋ฒˆ(index)์ด๋ฉฐ, stringName ๋ฌธ์ž์—ด์˜ ๋งˆ์ง€๋ง‰ ๋ฌธ์ž์˜ ์ˆœ๋ฒˆ stringName.length -1 ์ž…๋‹ˆ๋‹ค. indexOf ๋ฉ”์„œ๋“œ๋Š” ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ถ„ํ•ฉ๋‹ˆ๋‹ค. Math.max() >Math.max()ํ•จ์ˆ˜๋Š” ์ž…๋ ฅ๊ฐ’์œผ๋กœ ๋ฐ›์€ 0๊ฐœ ์ด์ƒ์˜ ์ˆซ์ž ์ค‘ ๊ฐ€์žฅ ํฐ ์ˆซ์ž๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž ... >์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž๋ฅผ...์‚ฌ์šฉํ•˜๋ฉด ๋ฐฐ์—ด,

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

JavaScript - ์ธ์Šคํƒ€๊ทธ๋žจ ๋กœ๊ทธ์ธ ํ™”๋ฉด

Instagram ์ธ์Šคํƒ€๊ทธ๋žจ ํด๋ก ์ฝ”๋”ฉ์œผ๋กœ ์‹ค์งˆ์ ์ธ๊ฒƒ์„ ๋งŽ์ด ์ ‘ํ–ˆ๋‹ค๊ณ  ๋Š๋‚€๋‹ค. DOM์œผ๋กœ HTML๊ณผ Javascript๋ฅผ ์—ฐ๊ฒฐํ•˜์—ฌ ๋™์ ์ธ ํšจ๊ณผ๋ฅผ ๋ถ€์—ฌ ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ๋กœ๊ทธ์ธ ํ™”๋ฉด ๊ตฌ์„ฑ์ด๋‹ค. querySelector() ์šฐ์„  Javascript์—์„œ HTML์„ ๊ฐ€์ ธ์˜ค๋Š” ๊ฒƒ ๋ถ€ํ„ฐ ์‹œ์ž‘๋œ๋‹ค. ๊ทธ ๋•Œ ์‚ฌ์šฉ ๋˜๋Š” ๋ฉ”์„œ๋“œ์ธ querySelector()์ด๋‹ค. ๋ถˆ๋Ÿฌ์˜ค๊ธฐ ์œ„ํ•ด์„  ์œ ํšจํ•œ CSS ์„ ํƒ์ž์—ฌ์•ผํ•œ๋‹ค. > const nam

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

JavaScript - createElement(), appendChild(), innerText

์ธ์Šคํƒ€๊ทธ๋žจ ๋Œ“๊ธ€๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ธฐ์œ„ํ•ด* ์„ธ๊ฐ€์ง€ ๋ฉ”์„œ๋“œ*๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค. createElement() Document.createElement() ๋ฉ”์„œ๋“œ๋Š” ์ง€์ •ํ•œ tagName์˜ HTML ์š”์†Œ๋ฅผ ๋งŒ๋“ค์–ด ๋ฐ˜ํ™˜ํ•œ๋‹ค. ์ด๋ ‡๊ฒŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ pํƒœ๊ทธ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. ํ•˜์ง€๋งŒ ํƒœ๊ทธ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค๊ณ  ํ•ด๋„ ํ•  ์ผ์ด ๋‚จ์•„์žˆ์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ์€ ํƒœ๊ทธ๋งŒ ๋งŒ๋“ค์—ˆ์„ ๋ฟ ์–ด๋Š ์œ„์น˜์— ๋‘˜์ง€, ํƒœ๊ทธ ์†์— ์–ด๋–ค ๋‚ด์šฉ์„ ๋„ฃ์„์ง€ ์•ˆ์ •ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. appendChild() Node.appendChild() ๋ฉ”์†Œ๋“œ๋Š” ํ•œ ๋…ธ๋“œ๋ฅผ ํŠน์ • ๋ถ€๋ชจ ๋…ธ๋“œ์˜ ์ž์‹ ๋…ธ๋“œ ๋ฆฌ์ŠคํŠธ ์ค‘ ๋งˆ์ง€๋ง‰ ์ž์‹์œผ๋กœ ๋ถ™์ž…๋‹ˆ๋‹ค. ์ด๋ฏธ ๋ฌธ์„œ์— ์กด์žฌํ•˜๋Š” ๋…ธ๋“œ๋ฅผ ์ฐธ์กฐํ•˜๊ณ  ์žˆ๋‹ค๋ฉด appendChild() ๋ฉ”์†Œ๋“œ๋Š” ๋…ธ๋“œ๋ฅผ ํ˜„์žฌ ์œ„์น˜์—์„œ ์ƒˆ๋กœ์šด ์œ„์น˜๋กœ ์ด๋™์‹œํ‚ต๋‹ˆ๋‹ค. appendChild()์˜ ์ธ์ž์†์— ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ์€ ๋ณ€์ˆ˜๋ฅผ ๋„ฃ๊ณ . appendChild()์•ž์— ์ž์‹์œผ๋กœ ์†ํ•˜๊ณ  ์‹ถ์€ ์œ„์น˜๋ฅผ ๋„ฃ๋Š”๋‹ค. innerTe

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

JavaScript [ES6] - arrow function

arrow function ํ™”์‚ดํ‘œ ํ•จ์ˆ˜(arrow)ํ‘œํ˜„์€ ์ „ํ†ต์ ์ธ ํ•จ์ˆ˜ํ‘œํ˜„(function)์˜ ๊ฐ„ํŽธํ•œ ํ‘œํ˜„๋ฒ•์ด๋‹ค. ์ด๋ฆ„์ด ์—†๋Š” ํ•จ์ˆ˜ ์ด๋ฆ„์ด ์žˆ๋Š” ํ•จ์ˆ˜ ์ธ์ž๋ฅผ ๋ฐ›๋Š” ๊ฒฝ์šฐ ๊ธฐ์กด์˜ ์“ฐ๋˜ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋˜ ๋ฐฉ์‹ ์ฒ˜๋Ÿผ ์ธ์ž๋ฅผ ๋„ฃ์„ ์ˆ˜๋„ ์žˆ๋‹ค. ์ธ์ž๊ฐ€ ํ•˜๋‚˜๋ผ๋ฉด ์†Œ๊ด„ํ˜ธ ์ƒ๋žต์ด ๊ฐ€๋Šฅํ•˜๋‹ค. ์ธ์ž๊ฐ€ ๋‘ ๊ฐœ ์ด์ƒ์ด๋ผ๋ฉด ์ƒ๋žต ํ•  ์ˆ˜ ์—†๋‹ค. return ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋‚ด์šฉ์ด ๋”ฑํžˆ ์—†์ด return๋งŒ ํ•œ๋‹ค๋ฉด return ํ‚ค์›Œ๋“œ์™€ ์ค‘๊ด„ํ˜ธ๊ฐ€ ์ƒ๋žต๊ฐ€๋Šฅํ•˜๋‹ค.

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