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

JavaScript - Promise

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

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

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

์›์‹œ ๊ฐ’๊ณผ ๊ฐ์ฒด

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

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

๋ฐ์ดํ„ฐ ํƒ€์ž… ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ชจ๋“  ๊ฐ’์€ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ES6 ๊ธฐ์ค€์œผ๋กœ 7๊ฐœ์˜ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ  ํฌ๊ฒŒ 2๊ฐ€์ง€๋กœ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

JavaScript - fetch API

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

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 =

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

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

twoSumํ•จ์ˆ˜์— ์ˆซ์ž๋ฐฐ์—ด๊ณผ 'ํŠน์ • ์ˆ˜'๋ฅผ ์ธ์ž๋กœ ๋„˜๊ธฐ๋ฉด, ๋”ํ•ด์„œ 'ํŠน์ • ์ˆ˜'๊ฐ€ ๋‚˜์˜ค๋Š” index๋ฅผ ๋ฐฐ์—ด์— ๋‹ด์•„ returnํ•ด ์ฃผ์„ธ์š”.nums : ์ˆซ์ž ๋ฐฐ์—ดtarget : ๋‘ ์ˆ˜๋ฅผ ๋”ํ•ด์„œ ๋‚˜์˜ฌ ์ˆ˜ ์žˆ๋Š” ํ•ฉ๊ณ„return : ๋‘ ์ˆ˜์˜ index๋ฅผ ๊ฐ€์ง„ ์ˆซ์ž ๋ฐฐ์—ดex)num

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

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

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

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

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

์˜ˆ์‹œ๋ฌธ์ œ๋Š” ๋ฐฐ์—ด์•ˆ์˜ "string" ์ค‘์—์„œ ๊ฐ€์žฅ ๊ธด ๊ฐ’์„ ๊ตฌํ•˜๋Š” ๊ฒƒ!Array ๋ฉ”์„œ๋“œ ์ค‘ map, Math์˜ max ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ indexOf ๋กœ ์ตœ๋Œ€๊ฐ’์˜ ๋ฐฐ์—ด์„ ์ฐพ์•˜์Šต๋‹ˆ๋‹ค.map() ๋ฉ”์„œ๋“œ๋Š” ๋ฐฐ์—ด ๋‚ด์˜ ๋ชจ๋“  ์š”์†Œ ๊ฐ๊ฐ์— ๋Œ€ํ•˜์—ฌ ์ฃผ์–ด์ง„ ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•œ ๊ฒฐ๊ณผ๋ฅผ ๋ชจ์•„ ์ƒˆ

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

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

์ธ์Šคํƒ€๊ทธ๋žจ ํด๋ก ์ฝ”๋”ฉ์œผ๋กœ ์‹ค์งˆ์ ์ธ๊ฒƒ์„ ๋งŽ์ด ์ ‘ํ–ˆ๋‹ค๊ณ  ๋Š๋‚€๋‹ค.DOM์œผ๋กœ HTML๊ณผ Javascript๋ฅผ ์—ฐ๊ฒฐํ•˜์—ฌ ๋™์ ์ธ ํšจ๊ณผ๋ฅผ ๋ถ€์—ฌ ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

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

JavaScript - createElement(), appendChild(), innerText

Javascript - createElement(), appendChild(), innerText

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

JavaScript [ES6] - arrow function

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜(arrow)ํ‘œํ˜„์€ ์ „ํ†ต์ ์ธ ํ•จ์ˆ˜ํ‘œํ˜„(function)์˜ ๊ฐ„ํŽธํ•œ ๋Œ€์•ˆ์ž…๋‹ˆ๋‹ค.

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