profile
๐Ÿ’ป ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๋ชฉํ‘œ๋กœ ์„ฑ์žฅ ์ค‘! (์•Œ์•„๋ดค๋˜ ๋‚ด์šฉ ๋“ฑ์„ ์ •๋ฆฌํ•˜๊ธฐ)
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (127)์ฝ”๋“œ์Šคํ…Œ์ด์ธ (82)ํ”„๋ก ํŠธ์—”๋“œ(80)๋ถ€ํŠธ์บ ํ”„(79)์ฝ”๋”ฉํ…Œ์ŠคํŠธ(22)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค(21)๊ธฐ์ดˆ(17)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(14)React(13)JavaScript(12)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ_๊ธฐ์ดˆ(9)ํ”„๋กœ์ ํŠธ(6)์ฝ”๋”ฉํ…Œ์ŠคํŠธ ๊ธฐ์ดˆ(6)State(4)ํšŒ๊ณ (4)Props(4)์†”๋กœํ”„๋กœ์ ํŠธ(4)์›น ์ ‘๊ทผ์„ฑ(3)๋ณ€์ˆ˜(3)ํ”„๋กœํ† ํƒ€์ž…(3)styled component(3)redux(3)์กฐ๊ฑด๋ฌธ(3)๋ฐ˜๋ณต๋ฌธ(3)typescript(3)๋„คํŠธ์›Œํฌ(2)DOM(2)object(2)stack(2)CSS(2)๋””์ž์ธ ์‹œ์Šคํ…œ(2)html(2)hook(2)REST API(2)๋ฆฌ์•กํŠธ(2)figma(2)์ฝ”ํ…Œ(2)๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ•(2)์†”๋กœ ํ”„๋กœ์ ํŠธ(2)์Šคํƒ(2)array(2)Fetch(2)Event(2)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ(2)API(2)Prototype(2)์ผ๊ธฐ(2)instance(1)push(1)Message State(1)Graph(1)๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(1)ํ”„๋ ˆ์ž„์›Œํฌ(1)๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž(1)React Hooks(1)OOP(1)๊ฐ์ฒด์ง€ํ–ฅํ”„๋กœ๊ทธ๋ž˜๋ฐ(1)JSON.stringify(1)์˜ˆ์‹œ ๋‹ต์•ˆ ์ค€๋น„(1)์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•๋ก (1)์Šค์ฝ”ํ”„(1)flex box(1)catch(1)๋ธ”๋กœ๊น… ๋ฆด๋ ˆ์ด(1)http(1)์ƒํƒœ(1)css ๋ณ€์ˆ˜(1)queue(1)๋น„๊ต์—ฐ์‚ฐ์ž(1)REST(1)className(1)Section2 ํšŒ๊ณ (1)์„ธ์…˜(1)์ฟ ํ‚ค(1)JSON.parse(1)boolean(1)Reacr Intro(1)oAuth(1)ํŒจํ‚ค์ง€(1)finally(1)๊ฐ์ฒด(1)์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ(1)์œ ํŠœ๋ธŒ(1)amazon web service(1)๊ทธ๋ƒฅ ํšŒ๊ณ (1)๊ธฐ์ˆ ๋ฉด์ ‘(1)router(1)ํŠธ๋ฆฌ(1)CSS๊ธฐ์ดˆ(1)์ฐธ์กฐ ์ž๋ฃŒํ˜•(1)์œ ์šฉํ•œ ์‚ฌ์ดํŠธ(1)uxui(1)์„œ๋ฒ„(1)storybook(1)ํด๋ก  ๋””์ž์ธ(1)component library(1)ux(1)ํ”„๋กœ์ ํŠธ ์š”๊ตฌ ๋ถ„์„(1)Fetch API(1)number(1)package.json(1)๋น„๋™๊ธฐ(1)node.js(1)await/async(1)return(1)class(1)ํƒœ๊ทธ(1)๋ฒค์น˜๋งˆํ‚น ์‚ฌ์ดํŠธ(1)ํด๋ก (1)๊ณ ์ฐจํ•จ์ˆ˜(1)UI(1)ip(1)tcp(1)ํ”„๋ก ํŠธ์—”๋“œ๋ถ€ํŠธ์บ ํ”„(1)๋ ˆ์ด์•„์›ƒ(1)Underber(1)ํƒ€์ดํ•„ ํšจ๊ณผ(1)์œ ์š”์„ฑ๊ฒ€์‚ฌ(1)์ฝ”๋“œ์Šคํ…Œ์ดํ”„(1)intervals(1)classList(1)OAuth2.0(1)UDP(1)cli(1)์ธ์Šคํ„ด์Šค(1)https(1)json(1)React SPA(1)ํด๋กœ์ €(1)evnet(1)๊ฐ€์ƒ ๋”(1)String(1)tree(1)์ข…ํ•ฉํ€ด์ฆˆ(1)์žฌ๊ท€ํ•จ์ˆ˜(1)ํƒ€์ž…(1)nano(1)ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €(1)๊ณ„์‚ฐ๊ธฐ ๋ชฉ์—…(1)๋ฆฌ์—‘ํŠธ(1)useMemo(1)useRef(1)๋ฆฌํŒฉํ† ๋ง(1)ํ•จ์ˆ˜(1)setTimeout(1)๋งˆํฌ์—…(1)axios(1)๊ตญ๋น„์ง€์›(1)nvm(1)Custom Hooks(1)ํ”Œ๋ž˜๋‹(1)์ฝ”ํ”Œ๋ฆฟ(1)section1 ํšŒ๊ณ (1)useCallback(1)์ˆ˜์ฝ”๋”ฉ(1)type(1)localstorage(1)IP Packet(1)ํด๋ž˜์Šค(1)์ฐธ๊ณ  ์‚ฌ์ดํŠธ(1)์•„๊ณ ๋ผ์Šคํ…Œ์ด์ธ  ๋งŒ๋“ค๊ธฐ(1)์–•์€ ๋ณต์‚ฌ(1)Then(1)userEffect(1)์˜ต์…”๋„ ์ฒด์ด๋‹ ์—ฐ์‚ฐ์ž(1)๋ฉด์ ‘ ์ค€๋น„(1)๋ฐ˜๋”ง๋ถˆ์ด๋ฐ˜(1)spa(1)aws(1)ํŠน๊ฐ•(1)toggle(1)cookie(1)express(1)๋ธ”๋กœ๊ทธ ๋ฆด๋ ˆ์ด(1)Code Spliting(1)๋žœ๋”ฉํŽ˜์ด์ง€(1)๊ทธ๋ž˜ํ”„(1)ํ† ํฐ(1)Token(1)postman(1)๊ณ„์‚ฐ๊ธฐ ๋ชฉ์—… ๋งŒ๋“ค๊ธฐ(1)๋„ทํ”Œ๋ฆญ์Šค ํด๋ก (1)ํ(1)else(1)if(1)๊ณ„์‚ฐ๊ธฐ๊ตฌํ˜„(1)ํ”ผ๊ทธ๋งˆ(1)๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋”ฅ ๋‹ค์ด๋ธŒ(1)ํ”„๋กœํ† ํƒ€์ž… ์ฒด์ธ(1)์›น ํ‘œ์ค€(1)์ƒํƒœ๊ด€๋ฆฌ(1)ํ•ด์‹ฑ(1)session(1)์›นํ‘œ์ค€(1)์•„์ฝ”๋ผ์Šคํ…Œ์ด์ธ (1)ํ”„๋ก ํŠธ์—”๋“œ๊ตญ๋น„์ง€์›(1)git(1)sop(1)ํด๋ผ์ด์–ธํŠธ(1)์œˆ์‹œ ์ž๋ฃŒํ˜•(1)์ž๋ฐ”ํฌ์Šค๋ฆฝํŠธ๊ธฐ์ดˆ(1)์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ(1)์ฝ”๋“œ๋ถ„ํ• (1)์ฝ”๋”ฉ ๊ธฐ์ดˆ ํŠธ๋ ˆ์ด๋‹(1)virtual DOM(1)๋ฐฐ์—ด(1)timeout(1)cors(1)์•ผ๊ฐ„์ž์œจํ•™์Šต๋ฐ˜(1)variable(1)์ฝ”๋“œํ…Œ์ด์ธ (1)๊นŠ์€ ๋ณต์‚ฌ(1)์‹œ๋ฉ•ํ‹ฑ(1)ํด๋ก ์ฝ”๋”ฉ(1)proto(1)promise(1)๋ฐฑ์—”๋“œ(1)else if(1)lifting state up(1)๋™๊ธฐ(1)์˜ค๋ฆฌ์—”ํ…Œ์ด์…˜(1)์ž๋ฃŒ๊ตฌ์กฐ(1)clock(1)npm(1)
post-thumbnail

[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ][Deploy] Amazon Web Service

๋ฐฐํฌ์— ๋Œ€ํ•ด ํ•™์Šตํ•˜๊ณ  ์‹ค์Šตํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋‹ค.๊ธฐ์กด ์„œ๋ฒ„์˜ ๊ฒฝ์šฐ ์ „์‚ฐ์‹ค ๋“ฑ์— ์ปดํ“จํ„ฐ๋ฅผ ๋ฐฐ์น˜ํ•˜๊ณ  ์ธํ„ฐ๋„ท์„ ์—ฐ๊ฒฐํ•ด ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ–ˆ๋‹ค.์ˆ˜์šฉ ๋Šฅ๋ ฅ์— ํ•œ๊ณ„(์ฃผ๊ธฐ์ „์ธ ์œ ์ง€ ๊ด€๋ฆฌ, ๊ณต๊ฐ„์˜ ํ•œ๊ณ„)๋ฅผ ๋Š๊ผˆ๊ณ  ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ํด๋ผ์šฐ๋“œ๊ฐ€ ๋“ฑ์žฅํ–ˆ๋‹ค.์ด๋Š” ๊ฐ€์ƒํ™”(Virtualization)

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค-๊ธฐ์ดˆ]n๊ฐœ ๊ฐ„๊ฒฉ์˜ ์›์†Œ๋“ค

n๊ฐœ ๊ฐ„๊ฒฉ์˜ ์›์†Œ๋“ค ๋ฌธ์ œ ์„ค๋ช… ์ •์ˆ˜ ๋ฆฌ์ŠคํŠธ numlist์™€ ์ •์ˆ˜ n์ด ์ฃผ์–ด์งˆ ๋•Œ, numlist์˜ ์ฒซ ๋ฒˆ์งธ ์›์†Œ๋ถ€ํ„ฐ ๋งˆ์ง€๋ง‰ ์›์†Œ๊นŒ์ง€ n๊ฐœ ๊ฐ„๊ฒฉ์œผ๋กœ ์ €์žฅ๋˜์–ด์žˆ๋Š” ์›์†Œ๋“ค์„ ์ฐจ๋ก€๋กœ ๋‹ด์€ ๋ฆฌ์ŠคํŠธ๋ฅผ returnํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. ์ œํ•œ์‚ฌํ•ญ 5 โ‰ค num

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค-๊ธฐ์ดˆ]๊ผฌ๋ฆฌ ๋ฌธ์ž์—ด

๋ฌธ์ž์—ด๋“ค์ด ๋‹ด๊ธด ๋ฆฌ์ŠคํŠธ๊ฐ€ ์ฃผ์–ด์กŒ์„ ๋•Œ, ๋ชจ๋“  ๋ฌธ์ž์—ด๋“ค์„ ์ˆœ์„œ๋Œ€๋กœ ํ•ฉ์นœ ๋ฌธ์ž์—ด์„ ๊ผฌ๋ฆฌ ๋ฌธ์ž์—ด์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๊ผฌ๋ฆฌ ๋ฌธ์ž์—ด์„ ๋งŒ๋“ค ๋•Œ ํŠน์ • ๋ฌธ์ž์—ด์„ ํฌํ•จํ•œ ๋ฌธ์ž์—ด์€ ์ œ์™ธ์‹œํ‚ค๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ๋ฌธ์ž์—ด ๋ฆฌ์ŠคํŠธ "abc", "def", "ghi"๊ฐ€ ์žˆ๊ณ  ๋ฌธ์ž์—ด "ef"๋ฅผ ํฌ

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

[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ]TypeScript - 3

โœ”๏ธ ์‹œ์ž‘ ๐Ÿ“ ๋ฐฐ์šด ๊ฒƒ โœ๏ธ ๋งˆ์น˜๋ฉฐ

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

[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ]TypeScript - 2

โœ”๏ธ ์‹œ์ž‘ ๐Ÿ“ ์•Œ๊ฒŒ ๋œ ์  ์ˆซ์žํ˜• ์—ด๊ฑฐํ˜•(Enum) ํŠน์ • ๊ฐ’์˜ ์ง‘ํ•ฉ์„ ์ •์˜ํ•  ๋•Œ ์‚ฌ์šฉ๋œ๋‹ค. ์ˆซ์žํ˜•, ๋ฌธ์ž์—ด ๋˜๋Š” ์ด ๋‘๊ฐ€์ง€์˜ ์กฐํ•ฉ์œผ๋กœ ์ •์˜๋  ์ˆ˜ ์žˆ๋‹ค. ๊ธฐ๋ณธ ๊ฐ’์€ ์ˆซ์ž ํ˜•์„ ์‚ฌ์šฉํ•œ๋‹ค. ๊ฐ ๊ฐ’์€ ์ž๋™์œผ๋กœ 0๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด 1์”ฉ ์ฆ๊ฐ€ํ•œ๋‹ค. (์ˆ˜๋™์œผ๋กœ ๊ฐ’์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

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

[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ]TypeScript - 1

๋งˆ์ดํฌ๋กœ ์†Œํ”„ํŠธ์—์„œ ๊ฐœ๋ฐœํ•œ JavaScript์˜ ์ƒ์œ„ ์ง‘ํ•ฉ(Superset)์–ธ์–ด์ด๋‹ค.JavaScript์— ์ •์  ํƒ€์ž… ๊ฒ€์‚ฌ์™€ ํด๋ž˜์Šค ๊ธฐ๋ฐ˜ ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋“ฑ์˜ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•ด ๊ฐœ๋ฐœ๋œ ์–ธ์–ด์ด๋‹ค.JavaScript๊ฐ€ ๋ฐœ์ „ํ•˜๋ฉด์„œ ์ƒ๊ธด ๋‹จ์ (ํƒ€์ž…์˜ ๋ช…์‹œ์„ฑ์ด ๋ถ€์กฑํ•œ ๋‹จ์ ์œผ๋กœ ์ธ

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค-๊ธฐ์ดˆ] ๋ฐฐ์—ด์˜ ์›์†Œ๋งŒํผ ์ถ”๊ฐ€ํ•˜๊ธฐ

์•„๋ฌด ์›์†Œ๋„ ๋“ค์–ด์žˆ์ง€ ์•Š์€ ๋นˆ ๋ฐฐ์—ด X๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์–‘์˜ ์ •์ˆ˜ ๋ฐฐ์—ด arr๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, arr์˜ ์•ž์—์„œ๋ถ€ํ„ฐ ์ฐจ๋ก€๋Œ€๋กœ ์›์†Œ๋ฅผ ๋ณด๋ฉด์„œ ์›์†Œ๊ฐ€ a๋ผ๋ฉด X์˜ ๋งจ ๋’ค์— a๋ฅผ a๋ฒˆ ์ถ”๊ฐ€ํ•˜๋Š” ์ผ์„ ๋ฐ˜๋ณตํ•œ ๋’ค์˜ ๋ฐฐ์—ด X๋ฅผ return ํ•˜๋Š” solution ํ•จ์ˆ˜๋ฅผ ์ž‘์„ฑํ•ด

2023๋…„ 5์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค-๊ธฐ์ดˆ] ์กฐ๊ฑด์— ๋งž๊ฒŒ ์ˆ˜์—ด ๋ณ€ํ™˜ํ•˜๊ธฐ 1

์กฐ๊ฑด์— ๋งž๊ฒŒ ์ˆ˜์—ด ๋ณ€ํ™˜ํ•˜๊ธฐ 1 ๋ฌธ์ œ ์„ค๋ช… ์ •์ˆ˜ ๋ฐฐ์—ด arr๊ฐ€ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. arr์˜ ๊ฐ ์›์†Œ์— ๋Œ€ํ•ด ๊ฐ’์ด 50๋ณด๋‹ค ํฌ๊ฑฐ๋‚˜ ๊ฐ™์€ ์ง์ˆ˜๋ผ๋ฉด 2๋กœ ๋‚˜๋ˆ„๊ณ , 50๋ณด๋‹ค ์ž‘์€ ํ™€์ˆ˜๋ผ๋ฉด 2๋ฅผ ๊ณฑํ•ฉ๋‹ˆ๋‹ค. ๊ทธ ๊ฒฐ๊ณผ์ธ ์ •์ˆ˜ ๋ฐฐ์—ด์„ return ํ•˜๋Š” solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด ์ฃผ์„ธ์š”.

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

[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ]๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ•ํ•˜๊ธฐ ๊ณผ์ œ - 2

์ผ๋‹จ ๊ณ„์† ์ง„ํ–‰์€ ํ–ˆ์ง€๋งŒ... ๋ชจ๋ฅด๊ฒ ๋‹ค.. ์ด๊ฒŒ ๋งž๋‚˜..?๊ฒฐ๋ก ๋งŒ ๋งํ•˜์ž๋ฉด ์†”์งํžˆ ๋งŽ์ด ์ง„ํ–‰ํ•˜์ง€ ๋ชปํ–ˆ๋‹ค.๋˜ํ•œ ์ด๊ฒŒ ๋งž๋‚˜? ์‹ถ๊ธฐ๋„ ํ•˜๋‹ค. ๊ทธ๋ž˜์„œ ๊ฐ„๋žตํ•˜๊ฒŒ๋งŒ ์ž‘์„ฑํ•˜๋ ค๊ณ  ํ•œ๋‹ค.Logo.jsLogo.stories.js์‚ฌ์‹ค ๋กœ๊ณ ์˜ "Coz Shopping" ๋ถ€๋ถ„์„ label๋กœ ๋ฐ”

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

[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ]๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ•ํ•˜๊ธฐ ๊ณผ์ œ - 1

๊ธฐ์กด์— ๊ตฌํ˜„ํ•œ ์†”๋กœ ํ”„๋กœ์ ํŠธ์— Storybook์„ ์‚ฌ์šฉํ•ด ํ”„๋กœ์ ํŠธ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋””์ž์ธ ์‹œ์Šคํ…œ์œผ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ์ž‘์—…์„ ์ง„ํ–‰ํ–ˆ๋‹ค.Storybook ๋จผ์ € ์„ค์น˜ํ•ด์•ผํ•˜์ง€๋งŒ ๊ทธ ๋ถ€๋ถ„์€ ์ด์ „ ํ•™์Šต์—์„œ ๋™์ผํ•œ ๋ฐฉ์‹์œผ๋กœ ์ง„ํ–‰๋˜์–ด ๊ตณ์ด ์ž‘์„ฑํ•˜์ง€ ์•Š์•˜๋‹ค.๊ธฐ์กด์˜ ํ”„๋กœ์ ํŠธ์—์„œ ์‚ฌ์šฉ ์ค‘์ธ ๋ชจ๋“  U

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค-๊ธฐ์ดˆ]๋งˆ์ง€๋ง‰ ๋‘ ์›์†Œ

์ •์ˆ˜ ๋ฆฌ์ŠคํŠธ num_list๊ฐ€ ์ฃผ์–ด์งˆ ๋•Œ, ๋งˆ์ง€๋ง‰ ์›์†Œ๊ฐ€ ๊ทธ์ „ ์›์†Œ๋ณด๋‹ค ํฌ๋ฉด ๋งˆ์ง€๋ง‰ ์›์†Œ์—์„œ ๊ทธ์ „ ์›์†Œ๋ฅผ ๋บ€ ๊ฐ’์„ ๋งˆ์ง€๋ง‰ ์›์†Œ๊ฐ€ ๊ทธ์ „ ์›์†Œ๋ณด๋‹ค ํฌ์ง€ ์•Š๋‹ค๋ฉด ๋งˆ์ง€๋ง‰ ์›์†Œ๋ฅผ ๋‘ ๋ฐฐํ•œ ๊ฐ’์„ ์ถ”๊ฐ€ํ•˜์—ฌ returnํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”.2 โ‰ค num_list

2023๋…„ 5์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค-๊ธฐ์ดˆ]ํŠน์ •ํ•œ ๋ฌธ์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ๋ฐ”๊พธ๊ธฐ

์˜์†Œ๋ฌธ์ž๋กœ ์ด๋ฃจ์–ด์ง„ ๋ฌธ์ž์—ด my_string๊ณผ ์˜์†Œ๋ฌธ์ž 1๊ธ€์ž๋กœ ์ด๋ฃจ์–ด์ง„ ๋ฌธ์ž์—ด alp๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, my_string์—์„œ alp์— ํ•ด๋‹นํ•˜๋Š” ๋ชจ๋“  ๊ธ€์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ๋ฐ”๊พผ ๋ฌธ์ž์—ด์„ return ํ•˜๋Š” solution ํ•จ์ˆ˜๋ฅผ ์ž‘์„ฑํ•ด ์ฃผ์„ธ์š”.1 โ‰ค my_string์˜

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

[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ] [UX/UI] Design System, Component Library ๊ณผ์ œ

๋””์ž์ธ ์‹œ์Šคํ…œ, ์•„ํ† ๋ฏน ๋””์ž์ธ, storybook์„ ํ™œ์šฉํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ ๋“ฑ์— ๋Œ€ํ•ด ํ•™์Šตํ–ˆ๋‹ค.๋””์ž์ธ ์›์น™ ๋ถ€ํ„ฐ ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” UI ํŒจํ„ด๊ณผ ์ปดํฌ๋„ŒํŠธ ์ฝ”๋“œ๋กœ ๊ตฌ์„ฑ๋œ ์‹œ์Šคํ…œ์ „์ฒด ์„œ๋น„์Šค์— ํšจ์œจ์ ์ด๊ณ  ์ผ๊ด€๋œ ๋””์ž์ธ์„ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค€๋‹ค.๋””์ž์ธ ์›์น™, ์Šคํƒ€์ผ ๊ฐ€์ด๋“œ,

2023๋…„ 5์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์˜ต์…”๋„ ์ฒด์ด๋‹ ์—ฐ์‚ฐ์ž

๋ชจ.์ž.๋”ฅ.๋‹ค ๊ณต๋ถ€ ์ค‘ ์˜ต์…”๋„ ์ฒด์ด๋‹ ์—ฐ์‚ฐ์ž ๋•๋ถ„์— ์œ ์šฉํ•˜๊ฒŒ ํ•ด๊ฒฐํ•œ ์ ์ด ์žˆ๊ธฐ๋„ ํ•˜๊ณ ์•Œ์•„๋ถ€๋ฉด ์ดํ›„ TypeError๋ฅผ ๋ฐฉ์ง€ํ•˜๊ธฐ๋„ ์ข‹์„ ๊ฑฐ ๊ฐ™์•„ ๊ฐ€์ง€๊ณ  ์™”๋‹ค.์ขŒํ•ญ์— ?.์„ ๋ถ™์—ฌ ์ค€๋‹ค.ES11์—์„œ ๋„์ž…๋˜์—ˆ๋‹ค.a?.b ์ขŒํ•ญ์˜ ํ”ผ์—ฐ์‚ฐ์ž๊ฐ€ null์ด๊ฑฐ๋‚˜ undefined์ธ ๊ฒฝ์šฐ

2023๋…„ 5์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค-๊ธฐ์ดˆ] rny_string

'm'๊ณผ "rn"์ด ๋ชจ์–‘์ด ๋น„์Šทํ•˜๊ฒŒ ์ƒ๊ธด ์ ์„ ํ™œ์šฉํ•ด ๋ฌธ์ž์—ด์— ์žฅ๋‚œ์„ ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์ž์—ด rny_string์ด ์ฃผ์–ด์งˆ ๋•Œ, rny_string์˜ ๋ชจ๋“  'm'์„ "rn"์œผ๋กœ ๋ฐ”๊พผ ๋ฌธ์ž์—ด์„ return ํ•˜๋Š” solution ํ•จ์ˆ˜๋ฅผ ์ž‘์„ฑํ•ด ์ฃผ์„ธ์š”.1 โ‰ค rny_strin

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

[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ] React ์‹ฌํ™” - [๊ณผ์ œ]React Hooks ์ ์šฉํ•˜๊ธฐ

๊ทธ๋™์•ˆ ๋ฐฐ์› ๋˜ Hook์„ ์ด์šฉํ•ด ๊ณผ์ œ๋ฅผ ํ‘ธ๋Š” ํ˜•์‹์˜ ๊ณผ์ œ๋ฅผ ์ง„ํ–‰ํ–ˆ๋‹ค.json ํŒŒ์ผ์„ ์ด์šฉํ•ด REST API ์„œ๋ฒ„๋ฅผ ๊ตฌ์ถ•ํ•ด ์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค.์ „์—ญ์— ์„ค์น˜ํ•ด ์ค€๋‹ค.React ์•ฑ ํŒŒ์ผ ๋‚ด์— ์„ค์น˜ํ•˜๋ฉด ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ๋‹ค.data ํด๋”๋กœ ์ด๋™ ๋’ค \--port 30

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค-๊ธฐ์ดˆ] ์กฐ๊ฑด ๋ฌธ์ž์—ด

๋ฌธ์ž์—ด์— ๋”ฐ๋ผ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋‘ ์ˆ˜์˜ ํฌ๊ธฐ๋ฅผ ๋น„๊ตํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.๋‘ ์ˆ˜๊ฐ€ n๊ณผ m์ด๋ผ๋ฉด">", "=" : n >= m"<", "=" : n <= m">", "!" : n > m"<", "!" : n < m๋‘ ๋ฌธ์ž์—ด ineq์™€ eq๊ฐ€ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. ine

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

[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ] React ์‹ฌํ™” - Custom Hooks, Code Spliting

Custom Hooks, ์ฝ”๋“œ ๋ถ„ํ• ์— ๋Œ€ํ•ด ํ•™์Šตํ–ˆ๋‹ค.๊ฐœ๋ฐœ์ž๊ฐ€ ์Šค์Šค๋กœ ์ปค์Šคํ…€ํ•œ Hook์„ ์˜๋ฏธํ•œ๋‹ค. \- ์ด๋ฅผ ์ด์šฉํ•ด ๋ฐ˜๋ณต๋˜๋Š” ๋กœ์ง์„ ํ•จ์ˆ˜๋กœ ๋ฝ‘์•„๋‚ด์–ด ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์ฃผ๋กœ ์—ฌ๋Ÿฌ url์„ fetchํ•  ๋•Œ, ์—ฌ๋Ÿฌ input์— ์˜ํ•œ ์ƒํƒœ ๋ณ€๊ฒฝ ๋“ฑ ๋ฐ˜๋ณต๋˜๋Š” ๋กœ์ง์„ ๋™์ผํ•œ

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

[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ] React ์‹ฌํ™” - Virtual DOM

React์— ๋Œ€ํ•ด ์ข€ ๋” ์‹ฌํ™”์ ์ธ ๋ถ€๋ถ„์— ํ•™์Šตํ–ˆ๋‹ค.React๋Š” UI์˜ ์ƒํƒœ๋ฅผ ์ถ”์ ํ•˜๊ณ  ๋ณ€ํ™”๊ฐ€ ์ผ์–ด๋‚œ ์š”์†Œ๋“ค์„ ๋น ๋ฅด๊ฒŒ ์—…๋ฐ์ดํŠธํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ฐ€์ƒ DOM์ด๋ผ๋Š” ๊ฐ€์ƒ์˜ DOM ๊ฐ์ฒด๋ฅผ ํ™œ์šฉํ•œ๋‹ค.๊ฐ€์ƒ DOM์ด ์ƒ๊ธฐ๊ฒŒ ๋œ ์ด์œ ๋Š” ์ด์ „ DOM์œผ๋กœ ๋ถ€ํ„ฐ ๊ฑฐ์Šฌ๋Ÿฌ ์˜ฌ๋ผ๊ฐ€์•ผํ•œ๋‹ค.๋ฌธ์„œ ๊ฐ์ฒด

2023๋…„ 5์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท