profile
Front-end Developer ๐Ÿ‘ฉโ€๐Ÿ’ป
post-thumbnail

[RoR/React] ์‡ผํ•‘๋ชฐ ๊ตฌํ˜„ํ•˜๊ธฐ

2021.03.15 ~ 2021.04.07ํ”„๋ก ํŠธ์•ค๋“œ๋Š” ๋ฆฌ์•กํŠธ, ๋ฐฑ์•ค๋“œ๋Š” ๋ฃจ๋น„์˜จ๋ ˆ์ผ์ฆˆ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ƒํ’ˆ๋ฆฌ์ŠคํŠธ, ์ƒ์„ธํŽ˜์ด์ง€, ์ฐœ๋ฆฌ์ŠคํŠธ, ์žฅ๋ฐ”๊ตฌ๋‹ˆ๊ฐ€ ์žˆ๋Š” ์‡ผํ•‘๋ชฐ ์›น์•ฑ ๊ตฌํ˜„ํ•˜๊ธฐReact.jsFramework7Tailwind CSSRubyOnRailsUseEffect๋Š” categ

2021๋…„ 4์›” 4์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€

[Recoil] Facebook์ด ์‹คํ—˜์ค‘์ธ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ Part.2

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ์›น์•ฑ์˜ ํŠน์„ฑ์ƒ history.push๋ฅผ ํ•˜๋ฉด์„œ ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋กœ ์•ˆ๋„˜์–ด๊ฐ€๊ณ  ํƒญ์„ ์ด์šฉํ•ด์„œ ๋„˜์–ด๊ฐ€๊ธฐ ๋•Œ๋ฌธ์— ์ƒํ’ˆ๋ฆฌ์ŠคํŠธ์—์„œ ์ƒํ’ˆ์„ ๋‹ด๊ณ  ์žฅ๋ฐ”๊ตฌ๋‹ˆ ํƒญ์œผ๋กœ ๋„˜์–ด๊ฐ€๋ฉด ๋ฐ”๋กœ ์—…๋ฐ์ดํŠธ๊ฐ€ ์•ˆ๋˜์–ด์žˆ๊ณ  ์ƒˆ๋กœ๊ณ ์นจ์„ ํ•ด์•ผ ์žฅ๋ฐ”๊ตฌ๋‹ˆ๊ฐ€ ์—…๋ฐ์ดํŠธ๋˜๋Š” ๋ฌธ์ œ๋ฅผ ๊ฒฝํ—˜ํ–ˆ๋‹ค. ๋ฌผ๋ก  f

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

[Recoil] Facebook์ด ์‹คํ—˜์ค‘์ธ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ Part.1

2020๋…„์— ์†Œ๊ฐœ๋œ Facebook์—์„œ ์‹คํ—˜์šฉ์œผ๋กœ ๋งŒ๋“  React ์ƒํƒœ ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌRecoil์€ state๋ฅผ ์—…๋ฐ์ดํŠธํ• ๋•Œ ๊ณตํ†ต ๋ถ€๋ชจ๋กœ ์ƒํƒœ๋ฅผ ๊ณ„์† ๋Œ์–ด์˜ฌ๋ฆฌ๋ฉด์„œ ๋„ˆ๋ฌด ํฐ dom tree๊ฐ€ ๊ณ„์†ํ•ด์„œ re-render ๋˜๊ณ  ์ƒํƒœ๊ฐ€ ๋งŒ๋“ค์–ด์ง€๊ณ  ๋ฆฌ๋•์Šค๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์œ ์ €๋“ค์˜ ๋ถˆ

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

[RoR] Class vs Instance

Class๋Š” ๊ฐ์ฒด๋‹คInstance๋Š” ๊ฐ์ฒด๋‹คClass๋Š” ์ž์‹ ๋งŒ์˜ ๋ฉ”์†Œ๋“œ๊ฐ€ ์žˆ์œผ๋ฉฐ ๋…๋ฆฝ์ ์ด๋‹ค. ์ธ์Šคํ„ด์Šค์™€ ์ด๋Ÿฐ๊ฒƒ๋“ค์„ ๋‚˜๋ˆ„์ง€ ์•Š๋Š”๋‹ค.ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ• ๋•Œ๋Š” def ํ•จ์ˆ˜๋ช…์œผ๋กœ ์„ ์–ธํ•œ๋‹คํด๋ž˜์Šค์— ์ •์˜๋œ ๋ฉ”์†Œ๋“œclass๋กœ ์‹œ์ž‘ํ•˜์—ฌ end๋กœ ๋๋‚œ๋‹ค์•ž์— self๋ฅผ ๋ถ™์—ฌ์ค„์ˆ˜ ์žˆ๋‹ค@@์œผ๋กœ ์‹œ์ž‘

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

[RoR] 500? ๋ฐฑ์•ค๋“œ ๋ˆ„๊ตฌ์•ผ...๋‚˜๋„ค? Part. 2

rake db:migrate๋ผ๋Š” ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•˜๋ฉด schema.rb์— ๋‚ด๊ฐ€ ๋งŒ๋“  db ํ…Œ์ด๋ธ”๋“ค์ด ๋‹ค์Œ๊ณผ ๊ฐ™์ด migrate ๋œ๋‹ค.schema.rb๋ฅผ ํ™•์ธํ•ด๋ณด๋ฉด ํ˜„์žฌ ์–ด๋–ค ํŒŒ์ผ๋“ค๊นŒ์ง€ migrate ๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ• ์ˆ˜ ์žˆ๋‹ค. ์ด์ œ ํ…Œ์ด๋ธ”๋“ค์„ ๋‹ค schema.rb ํŒŒ์ผ์—

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

[RoR] 500? ๋ฐฑ์•ค๋“œ ๋ˆ„๊ตฌ์•ผ...๋‚˜๋„ค? Part. 1

์ด์ œ 3๊ฐœ์›”์ฐจ๋ถ€ํ„ด ๊ธฐ์—…ํ˜‘์—…์ด ์‹œ์ž‘๋˜์—ˆ๋‹ค. ๋‚˜๋Š” ์ธ์ธ๋‹ˆ์•„๋ผ๋Š” ์›น์„œ๋น„์Šค ๋ฐ ๋ณด๋ฐ”์ผ์•ฑ ๊ฐœ๋ฐœ์„ ํ•˜๋Š” ์Šคํƒ€ํŠธ์—… ํšŒ์‚ฌ๋กœ ๊ฐ€๊ฒŒ๋˜์—ˆ๋‹ค. ์ธ์ธ๋‹ˆ์•„๋Š” ํ’€์Šคํƒ๊ฐœ๋ฐœ์ž๋“ค์„ ์ง€ํ–ฅํ•˜๊ณ  ๊ฐœ์ธํ”„๋กœ์ ํŠธ๋กœ ์ง„ํ–‰๋˜๊ธฐ๋•Œ๋ฌธ์— ์—ฌ๊ธฐ์„œ ํ•œ๋‹ฌ๋งŒ ์ผํ•ด๋„ ์ •๋ง ๋งŽ์€๊ฒƒ์„ ๋ฐฐ์šธ์ˆ˜ ์žˆ์„๊ฒƒ ๊ฐ™์•˜๋‹ค.์ธ์ธ๋‹ˆ์•„์—์„œ ์šฐ๋ฆฌ์—๊ฒŒ ์ฃผ์–ด

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

ShockX | 2์ฐจ ํ”„๋กœ์ ํŠธ Part.2

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ useParams()์™€ useLocation()์„ ํ™œ์šฉ์„ ๋งŽ์ดํ–ˆ์—ˆ๋‹ค.useParams() ์™€ useLocation() ๊ณต์‹๋ฌธ์„œํด๋ž˜์Šคํ˜•์—์„œ๋Š” match, location, history์— ์ ‘๊ทผํ•˜๋ ค๋ฉด withRouter HOC๋กœ ๊ฐ์‹ธ์ค˜์•ผํ–ˆ์ง€๋งŒ use

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

ShockX | 2์ฐจ ํ”„๋กœ์ ํŠธ Part.1

์ด๋ฒˆ 2์ฐจ ํ”„๋กœ์ ํŠธ๋•Œ ์ฒ˜์Œ์œผ๋กœ ์‹œ๋„ํ•ด๋ณธ ์นด์นด์˜ค ์†Œ์…œ ๋กœ๊ทธ์ธ! ํ”„๋ก ํŠธ์•ค๋“œ <-> ๋ฐฑ์•ค๋“œ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์นด์นด์˜ค๊นŒ์ง€ ์—ฐ๊ฒฐ์„ ์‹œ๋„๋ฅผ ํ•ด์•ผํ•˜๋Š”๊ฑฐ์—ฌ์„œ ๋‚ฏ์„ค์—ˆ์ง€๋งŒ ์žฌ๋ฐŒ์—ˆ๋‹ค ใ…‹ใ…‹๋จผ์ € ์นด์นด์˜ค developers์„ ํ†ตํ•ด localhost:3000์„ ๋“ฑ๋กํ•˜๊ณ  JS Key๋ฅผ ๋ฐœ๊ธ‰ ๋ฐ›๋Š”๋‹ค

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

ShockX | 2์ฐจ ํ”„๋กœ์ ํŠธ ์ตœ์ข…ํ›„๊ธฐ

์ง€๋‚œ 3์›” 2์ผ ํ™”์š”์ผ๋ถ€ํ„ฐ 3์›” 12์ผ ๊ธˆ์š”์ผ๊นŒ์ง€ ์ง„ํ–‰ํ–ˆ๋˜ 2์ฐจ ํ”„๋กœ์ ํŠธ - StockX ํด๋ก ์ฝ”๋”ฉ์ด ๋ฌด์‚ฌํžˆ ๋๋‚ฌ๋‹ค. ์ด๋ฒˆ์—๋Š” 1์ฐจ๋•Œ ์•ˆ์ผ๋˜ ํ•จ์ˆ˜ํ˜• hooks์™€ styled components๋ฅผ ์“ฐ๊ฒŒ ๋˜์–ด์„œ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ๋“ค๋กœ ๊ตฌํ˜„ํ•ด์•ผํ•˜๋‹ˆ๊น ์ตœ๋Œ€ํ•œ ํ˜„์‹ค์ ์œผ๋กœ ๋ชฉํ‘œ๋ฅผ ์žก์ž!

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

CodeKata | Week 4 Day 2

prices๋Š” ๋ฐฐ์—ด์ด๋ฉฐ, ๊ฐ ์š”์†Œ๋Š” ๋งค์ผ์˜ ์ฃผ์‹ ๊ฐ€๊ฒฉ์ž…๋‹ˆ๋‹ค.๋งŒ์•ฝ ํ•œ ๋ฒˆ๋งŒ ๊ฑฐ๋ž˜ํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด = ์‚ฌ๊ณ  ํŒ” ์ˆ˜ ์žˆ๋‹ค๋ฉด,์ œ์ผ ํฐ ์ด์ต์€ ์–ผ๋งˆ์ผ๊นŒ์š”?์„ค๋ช…: 2์ผ(๊ฐ€๊ฒฉ=1)์— ์ƒ€๋‹ค๊ฐ€ 5์ผ(๊ฐ€๊ฒฉ=6)์— ์‚ฌ๋Š” ๊ฒƒ์ด 6-1์ด๋ผ ์ œ์ผ ํฐ ์ˆ˜์ต7-1=6 ์€ ์•ˆ ๋˜๋Š”๊ฑฐ ์•„์‹œ์ฃ ? ๋จผ์ € ์‚ฌ์•ผ

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

CodeKata | Week 4 Day 1

์–‘์ˆ˜ N์„ ์ด์ง„๋ฒ•์œผ๋กœ ๋ฐ”๊ฟจ์„ ๋•Œ, ์—ฐ์†์œผ๋กœ ์ด์–ด์ง€๋Š” 0 ์ค‘์—์„œ ๊ฐ€์žฅ ํฐ ๊ฐ’์„ returnํ•ด ์ฃผ์„ธ์š”.์ด์–ด์ง€๋Š” 0์€ 1๊ณผ 1์‚ฌ์ด์— ์žˆ๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.1๊ณผ 1์‚ฌ์ด์— ์žˆ๋Š” 0์„ binary gap ์ด๋ผ๊ณ  ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.์„ค๋ช…: 9์˜ ์ด์ง„์ˆ˜๋Š” 1001 ์ž…๋‹ˆ๋‹ค. 1๊ณผ 1์‚ฌ์ด์— ์žˆ๋Š”

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

๋ฐฐ๋ฏผ๋ฌธ๋ฐฉ๊ตฌ | 1์ฐจ ํ”„๋กœ์ ํŠธ ์ตœ์ข… ํ›„๊ธฐ

์ง€๋‚œ 2์›” 15์ผ ์›”์š”์ผ๋ถ€ํ„ฐ 2์›” 26์ผ ๊ธˆ์š”์ผ๊นŒ์ง€ ์ง„ํ–‰ํ–ˆ๋˜ 1์ฐจ ํ”„๋กœ์ ํŠธ - ๋ฐฐ๋ฏผ๋ฌธ๋ฐฉ๊ตฌ ํด๋ก ์ฝ”๋”ฉ์ด ๋ฌด์‚ฌํžˆ ๋๋‚ฌ๋‹ค. ์œ„์ฝ”๋“œ์— ๋‹ค๋‹ˆ๊ธฐ์ „์—๋Š” ์ •๋ง ์ฝ”๋”ฉ์— ๋Œ€ํ•ด์„œ 1๋„.. ๋‹จ 1๋„ ๋ชจ๋ฅด๋˜ ๋‚ด๊ฐ€ 6์ฃผ๋งŒ์— ํ•œ ์‚ฌ์ดํŠธ๋ฅผ ํ†ต์งธ๋กœ ํด๋ก ์ฝ”๋”ฉํ•˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ํ• ์ˆ˜์žˆ์„๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐ์น˜๋„ ๋ชปํ–ˆ

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

๋ฐฐ๋ฏผ๋ฌธ๋ฐฉ๊ตฌ | 1์ฐจ ํ”„๋กœ์ ํŠธ Part. 4

์†”์งํžˆ ๋งˆ์ดํŽ˜์ด์ง€... ์ฒ˜์Œ์—๋Š” ์ •๋ง ์ถ”๊ฐ€๊ตฌํ˜„ of ์ถ”๊ฐ€๊ตฌํ˜„์ด๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋Š”๋ฐ ํ•˜๋‹ค๋ณด๋‹ˆ ์š•์‹ฌ๋‚˜๊ณ  ์™ ์ง€ ํ• ์ˆ˜ ์žˆ์„๊ฒƒ ๊ฐ™์€ ์ƒ๊ฐ์ด ๋“ค๊ณ , ์ƒ๊ฐ๋ณด๋‹ค ํ•„์ˆ˜๊ตฌํ˜„์ด ์ผ์ฐ ๋๋‚˜์„œ ๋” ์š•์‹ฌ๋‚ด์„œ ๊ตฌํ˜„ํ•ด๋ณด์•˜๋‹ค. ์ด๋ฐฑ๋ฌธ๋ฐฉ๊ตฌ์˜ ๋งˆ์ดํŽ˜์ด์ง€์˜ ์ฃผ๋ฌธ๋ชฉ๋ก ํŽ˜์ด์ง€๋‹ค. ์œ„์— header์™€ ์˜†์— ๋ฉ”๋‰ดํƒญ

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

๋ฐฐ๋ฏผ๋ฌธ๋ฐฉ๊ตฌ | 1์ฐจ ํ”„๋กœ์ ํŠธ Part. 3

๊ฐœ์ธ์ ์œผ๋กœ ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๊ฐ€์žฅ ํž˜๋“ค์—ˆ๋˜ ํŒŒํŠธ๋ฅผ ๊ณ ๋ฅด๋ผ๋ฉด ์žฅ๋ฐ”๊ตฌ๋‹ˆ์˜€๋‹ค. ์ƒ๊ฐ๋ณด๋‹ค ์ƒ๊ฐํ•ด์•ผํ• ๊ฒŒ ๋„ˆ๋ฌด ๋งŽ์•˜๊ณ  ์ฒดํฌ๋ฐ•์Šค ๊ตฌํ˜„์„ ์–•๋ดค๋‹ค๊ฐ€ ํฐ์ฝ” ๋‹ค์ณค๋‹ค...๐Ÿ˜ญ ์ด๊ฑฐ ๊ตฌํ˜„ ์•ˆํ•ด๋ณธ ์‚ฌ๋žŒ์€ ๋ชจ๋ฅธ๋‹ค.. ์ฒดํฌ๋ฐ•์Šค๊ฐ€ ์ง„์งœ ์ƒ๊ฐ๋ณด๋‹ค ๋„ˆ๋ฌด ๋ณต์žกํ•˜๋‹ค... ๋ถ„๋ช… ๋‚ด๊ฐ€ ๊ตฌํ˜„ํ•œ๊ฒŒ ๊ฐ€์žฅ

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

CodeKata | Week 3 Day 5

์žฌ๊ท€๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํŒฉํ† ๋ฆฌ์–ผ(factorial)์„ ๊ตฌํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ ๊ตฌํ˜„ํ•ด์ฃผ์„ธ์š”.ํŒฉํ† ๋ฆฌ์–ผ์ด๋ž€ 1์—์„œ๋ถ€ํ„ฐ n๊นŒ์ง€์˜ ์ •์ˆ˜๋ฅผ ๋ชจ๋‘ ๊ณฑํ•œ๊ฒƒ์„ ๋งํ•ฉ๋‹ˆ๋‹ค....๋กœ๋”ฉ์ด ์•ˆ๋œ๋‹ค...์™œ๋ƒ..! n์ด ๋๋‚˜๋Š” ์ง€์ ์„ ์•ˆ์ •ํ•ด์ค˜์„œ!n=0์ด๋ฉด ๋๋‚˜\~~ ๋ผ๊ณ  ์ง€์ •ํ•ด์คฌ๋”๋‹ˆ ๐Ÿ‘ ์„ฑ๊ณต ๐Ÿ‘

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

CodeKata | Week 3 Day 4

์ฃผ์–ด์ง„ ์ˆซ์ž ๋ฐฐ์—ด์—์„œ, 0์„ ๋ฐฐ์—ด์˜ ๋งˆ์ง€๋ง‰์ชฝ์œผ๋กœ ์ด๋™์‹œ์ผœ์ฃผ์„ธ์š”.์›๋ž˜ ์žˆ๋˜ ์ˆซ์ž์˜ ์ˆœ์„œ๋Š” ๋ฐ”๊พธ์ง€ ๋ง์•„์ฃผ์„ธ์š”.(์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ์ƒ์„ฑํ•ด์„œ๋Š” ์•ˆ ๋ฉ๋‹ˆ๋‹ค.)์‘ ์•ˆ๋ผ ,,,, ๋Œ์•„๊ฐ€,,,, ๋ฐฐ์—ด์•ˆ์— 0์ด ํ•˜๋‚˜์ธ๊ฒฝ์šฐ๋Š” ๊ฐ€๋Šฅํ•˜์ง€๋งŒ 0์ด ๋œจ๋Š” ์ˆœ๊ฐ„ ๋๋‚˜๋ฒ„๋ ค์„œ 0์ด ๋‘๊ฐœ์ด์ƒ์ผ ๊ฒฝ์šฐ for

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

๋ฐฐ๋ฏผ๋ฌธ๋ฐฉ๊ตฌ | 1์ฐจ ํ”„๋กœ์ ํŠธ Part. 2

๋ฉ”์ธ์„ ๋งก์œผ๋ฉด์„œ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ Nav Bar์™€ Footer๊นŒ์ง€ ๋งŒ๋“ค๊ฒŒ ๋˜์—ˆ๋‹ค. ์‚ฌ์‹ค Nav Bar ๊ฐ™์€ ๊ฒฝ์šฐ ์•„์ง ๋งํฌ๋ฅผ ๊ฑด๊ฒŒ ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ๋Šฅ ๊ตฌํ˜„์„ ์ง€๊ธˆ ๋‹น์žฅ ํ• ์ˆ˜์žˆ๋Š”๊ฑด ์—†์—ˆ์ง€๋งŒ ๋„์ „ํ•ด๋ณด๊ณ  ์‹ถ์—ˆ๋˜ '์Šคํฌ๋กค์„ ๋‚ด๋ฆฌ๋ฉด ์œ„๋กœ ์ญ‰ ์˜ฌ๋ผ๊ฐ€๋Š” nav bar'๋ฅผ ๋งŒ๋“ค์ˆ˜์žˆ์—ˆ๋‹ค.๐Ÿ”Ž

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

๋ฐฐ๋ฏผ๋ฌธ๋ฐฉ๊ตฌ | 1์ฐจ ํ”„๋กœ์ ํŠธ Part. 1

2์›” 15์ผ ์›”์š”์ผ๋ถ€ํ„ฐ ์‹œ์ž‘๋œ 1์ฐจ ํ”„๋กœ์ ํŠธ ๋ฐฐ๋ฏผ๋ฌธ๋ฐฉ๊ตฌ~ ์ง€๊ธˆ๊นŒ์ง€ ๊ธฐ๋Šฅ ๋ฐ UI ๊ตฌํ˜„ํ•œ๊ฒƒ๋“ค์„ ์ •๋ฆฌํ•ด๋ณด์•˜๋‹ค.๐Ÿ”Ž ์‹ค์ œ ๋ฉ”์ธํŽ˜์ด์ง€๋ฐฐ๋ฏผ๋ฌธ๋ฐฉ๊ตฌ์˜ UI๋Š” ์‹ฌํ”Œํ•˜๊ณ  ํ™”๋ คํ•œ hoverํšจ๊ณผ ๊ฐ™์€๊ฒŒ ์—†์—ˆ๋‹ค. ํ•ญ์ƒ ์„ค์น˜ํ•ด์„œ ์“ฐ๊ณ  ์‹ถ์—ˆ๋˜ react-slick์„ ์ด์šฉํ•˜์—ฌ ์Šฌ๋ผ์ด๋“œ๋ฅผ ๊ตฌํ˜„ํ–ˆ๋‹ค

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

"๋ฏธ๋ž˜์˜ ๋‚˜" ๋ณด๋ผ๊ณ  ์“ฐ๋Š” ๊ธฐ๋ก

1๋…„์ „ ๋‚˜์˜ ์ƒํ™ฉ๐ŸŽˆ 2020๋…„ 2์›”์— ๋‚˜๋Š” ๋ช‡๋…„๊ฐ„ ๋ฏธ๋ฃจ๋˜ ์ด์ง์ค€๋น„๋ฅผ ์—ด์‹ฌํžˆํ•ด์„œ ๋‹ค๋ฅธ์ฃผ! ๋‹ค๋ฅธํšŒ์‚ฌ!๋กœ๋ถ€ํ„ฐ ์ธํ„ฐ๋ทฐ ์ œ์˜๋ฅผ ๋ฐ›๊ณ  ์—ด์‹ฌํžˆ ์ธํ„ฐ๋ทฐ ์ค€๋น„์ค‘์ด์˜€๋‹ค. ๊ทธ๋Ÿฌ๋‹ค๊ฐ€ 3์›”์— ๋ฏธ๊ตญ๋‚ด ์ฝ”๋กœ๋‚˜๊ฐ€ ์•„์ฃผ ์‹ฌ๊ฐํ•ด์ง€๋ฉด์„œ ๋ชจ๋“  ํšŒ์‚ฌ์˜ ์ฑ„์šฉ์ ˆ์ฐจ๊ฐ€ STOPโ›” ์ธํ„ฐ๋ทฐ 3๋ฒˆ ํ•ด๋†“๊ณ  ๋งˆ์ง€๋ง‰ ํ˜„์žฅ

2021๋…„ 2์›” 20์ผ
ยท
4๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Programmers | #13

๋ฌธ์ œ ์„ค๋ช… ์ž์—ฐ์ˆ˜ N์ด ์ฃผ์–ด์ง€๋ฉด, N์˜ ๊ฐ ์ž๋ฆฟ์ˆ˜์˜ ํ•ฉ์„ ๊ตฌํ•ด์„œ return ํ•˜๋Š” solution ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์–ด ์ฃผ์„ธ์š”. ์˜ˆ๋ฅผ๋“ค์–ด N = 123์ด๋ฉด 1 + 2 + 3 = 6์„ return ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์ œํ•œ์‚ฌํ•ญ N์˜ ๋ฒ”์œ„ : 100,000,000 ์ดํ•˜์˜ ์ž์—ฐ์ˆ˜ ์ž…์ถœ๋ ฅ ์˜ˆ ๋‚˜์˜ ํ’€์ด ์™€~ ํ•œ์ค„๋งŒ์— ๋๋ƒˆ๋‹ค๐Ÿฅณ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์˜ ํ’€์ด๋ฅผ ๋ณด๊ณ  ๋ฆฌ๋ทฐ ` ์ฒ˜์Œ ๋ฐ›์€ ...

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