profile
Here and Now. ๐Ÿง—โ€โ™‚๏ธ
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (45)React(12)JavaScript(5)Firebase(3)CSS(3)js(3)todo(2)JSON Server(2)grid(2)Fetch(2)router(2)GET(2)POST(2)JSDoc(1)function(1)Event(1)์ •๊ทœํ‘œํ˜„์‹(1)scss(1)๋ฐฐ์—ด(1)mui(1)Root(1)semantic tag(1)badge(1)Internalization(1)promise(1)API(1)npm(1)slide(1)ํƒ€์ž๊ธฐํšจ๊ณผ(1)์„œ์šธ์‹œ ๊ณต๊ณต API(1)http(1)๋ฆฌ์•กํŠธ(1)coords(1)vueํ”„๋กœ์ ํŠธ๊ตฌ์กฐ(1)๋ฐ˜์‘ํ˜•(1)responsive(1)realtime(1)yarn(1)FE interview(1)XMLHTTPRequest(1)Regularexpression(1)Accordion(1)์˜๋ฏธ์žˆ๋Š” ํƒœ๊ทธ(1)์Šคํฌ๋ฆฐ๋ฆฌ๋”(1)๋ฆฌ์•กํŠธ ๋ผ์šฐํ„ฐ(1)CSS์ ์šฉ์ˆœ์œ„(1)await(1)useEffect(1)useState(1)img(1)Fetch API(1)redux-toolkit-thunk(1)async(1)vuecli(1)Intl(1)method(1)layout(1)slideNavigation(1)์˜ค๋ฅ˜ํ•ด๊ฒฐ(1)mailing(1)vuejs(1)json(1)redux-toolkit(1)64bit(1)thunk(1)calc()(1)put(1)delete(1)context(1)RealtimeDB(1)State(1)useMemo(1)useReducer(1)useRef(1)this(1)CSS์ ์šฉ๋ฐฉ๋ฒ•(1)๋ถ€๋™์†Œ์ˆ˜์ (1)์นด์นด์˜ค ์ง€๋„ API(1)Sass(1)html(1)useCallback(1)ํ˜‘์—…(1)typewriter-effect(1)๊ธฐ๋ณธ๊ตฌ์กฐ์„ค๊ณ„(1)Markdown(1)array(1)v5(1)react typescript(1)v6(1)vue์‹คํ–‰๊ตฌ์กฐ(1)๊ฒ€์ƒ‰์—”์ง„์ตœ์ ํ™”(1)seo(1)InternalizationAPI(1)vanillajs(1)Map(1)CRUD(1)redux(1)CallbackHell(1)area(1)react router(1)vscode(1)authentication(1)git(1)typescript(1)์ฃผ์„(1)Comment(1)Auth(1)
post-thumbnail

[SeSAC Front-end] [JS] ์ˆซ์ž, ์‹œ๊ฐ„, ๋‚ ์งœ ํ˜•์‹ ์‰ฝ๊ฒŒ ๋งŒ๋“ค๊ธฐ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•ด์„œ ์ˆซ์ž, ์‹œ๊ฐ„, ๋‚ ์งœ ํ˜•์‹์„ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ๋‚˜ํƒ€๋‚ด๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค.์ด๋•Œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋‚ด์žฅ ๊ฐ์ฒด(Intl)์„ ์‚ฌ์šฉํ•˜๋ฉด ์ข‹์Šต๋‹ˆ๋‹ค.Intl ๊ฐ์ฒด๋Š” ๋ฌธ์ž์—ด ๋น„๊ต, ์ˆซ์ž ํ˜•์‹, ๋‚ ์งœ ๋ฐ ์‹œ๊ฐ„ ํ˜•์‹์„ ์ œ๊ณตํ•˜๋Š” ECMAScript ๊ตญ์ œํ™” API์˜ ๋„ค์ž„์ŠคํŽ˜์ด์Šค

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

[SeSAC Front-end] JavaScript ๋ฉ”์ผ๋ง ์„œ๋น„์Šค ํ† ์ด ํ”„๋กœ์ ํŠธ

์ƒˆ์‹น ์˜ˆ๋น„ & ์‹ ์ž… ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๊ตฌ์ธํšŒ์‚ฌ ์ •๋ณด ๋ฉ”์ผ๋ง ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค์–ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค.๋งŒ๋“  ์„œ๋น„์Šค์˜ ๊ฐœ์š”์™€ ๊ตฌ์„ฑ์„ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.GitHub ์ฃผ์†Œ๋Š” ํ•ด๋‹น ๋งํฌ๋ฅผ ํด๋ฆญํ•˜์‹œ๋ฉด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

[SeSAC Front-end] VSCode์—์„œ '์ฃผ์„'์„ ์–ด๋–ป๊ฒŒ ํšจ์œจ์ ์œผ๋กœ ๋‹ฌ๊นŒ? (with JSDoc)

0. Intro ์ด๋ฒˆ ์žฅ์—์„œ๋Š” VSCode์—์„œ javascript ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•  ๋•Œ, ์ฃผ์„์„ ๋” ํšจ์œจ์ ์œผ๋กœ ๋‹ค๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด ์žฅ์„ ๋ณด๋ฉด, JSDoc ์ด๋ผ๋Š” ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ ํ•จ์ˆ˜๋‚˜ ๋ณ€์ˆ˜, ๊ฐ์ฒด์— ํƒ€์ž…์ด๋‚˜ ์„ค๋ช… ๋“ฑ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์ •

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

JavaScript ์ •๊ทœํ‘œํ˜„์‹ ์ˆ˜๋ฐ• ๊ฒ‰ํ•ฅ๊ธฐ๐Ÿ˜‰

์ด๋ฒˆ ์žฅ์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ •๊ทœํ‘œํ˜„์‹์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ •๊ทœํ‘œํ˜„์‹์€ ์ž๋ฐ”์Šค๋ฆฝํŠธ์˜ ๊ณ ์œ ํ•œ ๋ฌธ๋ฒ•์€ ์•„๋‹™๋‹ˆ๋‹ค. ๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์— ๋‚ด์žฅ๋˜์–ด์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋งŒํผ ๋ฒ”์šฉ์„ฑ์ด ์žˆ๋Š” ๊ธฐ๋Šฅ์ด๋ฉฐ, ์ •๊ทœํ‘œํ˜„์‹์„ ์ž˜ ์•Œ๊ณ  ์žˆ์œผ๋ฉด ๋ฌธ์ž ๊ฒ€์ƒ‰๊ณผ ๊ต์ฒด๋ฅผ ์›ํ•˜๋Š” ๋Œ€๋กœ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ

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

JavaScript์—์„œ this ํ‚ค์›Œ๋“œ๋ž€?๐Ÿค”

์ด๋ฒˆ ๊ธ€์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํ—ท๊ฐˆ๋ฆฌ๋Š” ๊ฐœ๋… ์ค‘์— ํ•˜๋‚˜์ธ this ํ‚ค์›Œ๋“œ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ this ํ‚ค์›Œ๋“œ๋Š” ๊ฐœ์ฒด๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค.this์˜ ๊ฐ’์€ ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๋ฐฉ๋ฒ•์— ์˜ํ•ด ๊ฒฐ์ •๋ฉ๋‹ˆ๋‹ค. ์‹คํ–‰์ค‘์—๋Š” ํ• ๋‹น์œผ๋กœ ์„ค์ •ํ•  ์ˆ˜ ์—†๊ณ  ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•  ๋•Œ ๋งˆ๋‹ค ๋‹ค

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