profile
Frontend Developer ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป๐Ÿ‘ฉโ€๐Ÿ’ป

์‚ฝ์งˆ ๊ธฐ๋ก | ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ํ†ต์‹ 

form์„ ๋ˆ„๋ฅด๋Š”๋ฐ ๋˜์ง€ ์•Š๋Š”๋‹ค? ํ•จ์ˆ˜๋ฅผ ์ฐพ์ง€ ๋ชปํ•œ๋Œ€,,, ์•„๋‹ˆ ์™œ...? ๊ทธ๋ž˜์„œ formik์—์„œ form์„ ์–ด๋–ป๊ฒŒ submitํ•˜๋Š”์ง€๋ฅผ ์ฐพ์•„๋ดค๋Š”๋ฐ ๋„์›€์ด ๋˜์ง€ ์•Š์•˜๋‹ค. toast์™€ sleep ์ปดํฌ๋„ŒํŠธ๋ฅผ importํ•˜๊ณ  ์žˆ๋Š”๋ฐ ๋‚ด์šฉ์ด ์—†์—ˆ๋‹ค. ๋‚ด์šฉ์„ ์ถ”๊ฐ€ํžˆ๋‹ˆ ์—ฐ๊ฒฐ!

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

Framework7 | Stepper

quantity๋ฅผ useState๋กœ ์„ ์–ธํ•ด๋‘๊ณ  stepper๊ฐ€ ๋ฐ”๋€Œ๋ฉด quantity๋ฅผ ๋ฐ”๋€Œ๊ฒŒ ์„ค์ •์„ ํ•ด๋‘์—ˆ๋‹ค. ์ˆ˜๋Ÿ‰์— ๋”ฐ๋ผ ๋ฐ”๋€ ๊ฐ€๊ฒฉ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๊ฒŒ ๊ตฌํ˜„์„ ํ–ˆ๋Š”๋ฐ stepper์˜ +, -๋ฅผ ๋ˆ„๋ฅผ ๋•Œ 0์˜ ์ˆซ์ž๊ฐ€ ๋ฐ”๋€Œ์ง€ ์•Š์•˜๋‹ค. value ์†์„ฑ์—์„œ ์„ค์ •ํ•˜๋‹ˆ ๋˜์—ˆ๋‹ค.

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

Ruby on Rails | Blocked host: localhost ์—๋Ÿฌ ํ•ด๊ฒฐ

ํฌ์ŠคํŠธ๋งจ์„ ํ†ตํ•ด์„œ ์šฐ์„  ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„๋ณด๋ ค๊ณ  ํ•˜๋Š”๋ฐ ์•„๋ž˜ ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ๋–ด๋‹ค. Blocked host: localhost To allow requests to localhost, add the following to your environment configuration:

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

JavaScript | ๋น„๋™๊ธฐ callback ํ•จ์ˆ˜

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋™๊ธฐ์ ์ธ ์–ธ์–ด synchronous ํ˜ธ์ด์ŠคํŒ…์ด ๋œ ์ดํ›„ ์ฝ”๋“œ๊ฐ€ ๋‚˜ํƒ€๋‚˜๋Š” ์ˆœ์„œ๋Œ€๋กœ ํ•˜๋‚˜ ํ•˜๋‚˜ ์‹คํ–‰ ๋น„๋™๊ธฐ๋Š” ์ฝœ๋ฐฑํ•จ์ˆ˜๋กœ๋„ ์ฒ˜๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•˜์ง€๋งŒ ์ฝœ๋ฐฑ ์ง€์˜ฅ์ด๋ผ ์‚ฌ์šฉํ•˜์ง€ ๋ง ๊ฒƒ

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

class200ok | day9

Kakao.init ๊ณผ ๊ด€๋ จ๋œ ์˜ค๋ฅ˜๋ฅผ ์ˆ˜์ •ํ•œ ํ”Œ๋กœ์šฐ๋ฅผ ์ ์–ด๋‘์—ˆ๋‹ค.

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

๊พธ๊นŒ | Day 9

์‚ฌ์šฉํ•œ class๋ช…์ด ๊ฐ™์•„ css๊ฐ€ ๊นจ์ง€๋Š” ๊ฒƒ์ด์—ˆ๋‹ค. ์•ž์œผ๋กœ class๋ช…์€ ์กฐ๊ธˆ ๋” ๋ฒ”์œ„๊ฐ€ ์ข๊ฒŒ ์žก์•„์•ผ๊ฒ ๋‹ค. class๋ช…์ด ์–ด๋–ค ํŽ˜์ด์ง€์—์„œ๋„ ์“ฐ์ผ ์ˆ˜ ์žˆ๋Š” upperbox, lowerbox๋กœ ์ž‘์„ฑํ•˜๋‹ค ๋ณด๋‹ˆ ์—ฌ๋Ÿฌ ํŽ˜์ด์ง€์—์„œ ๊ฐ™์€ class์˜์„ ์“ฐ๋‹ค๋ณด๋‹ˆ ์ค‘๋ณต๋˜์–ด ๊นจ์กŒ๋‹ค.

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

๊พธ๊นŒ | Day 8

๊ฐ€์ž…์„ ํ•˜๋ฉด ๊ฐ€์ž…์ž์˜ ์ด๋ฆ„์ด ์œ„ ์ด๋ฏธ์ง€์ฒ˜๋Ÿผ url์ด ๋‹ค๋ฅธ ์ถ•ํ•˜ ํŽ˜์ด์ง€์—์„œ ๋ณด์—ฌ์ ธ์•ผํ•œ๋‹ค. ๊ฐ™์€ ํŽ˜์ด์ง€ ๋‚ด์—์„œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ˜ธ์ถœ ํ•ด ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์ด ์•„๋‹Œ url์ด ๋‹ค๋ฅธ ์ƒˆ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•ด์•ผํ•ด์„œ ์ด ๋ถ€๋ถ„์— ๋Œ€ํ•œ ๊ณ ๋ฏผ์ด ์žˆ์—ˆ๋‹ค.

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

TIL #17

์ปดํฌ๋„ŒํŠธ๋Š” ์žฌํ™œ์šฉ ๊ฐ€๋Šฅํ•œ UI ๋‹จ์œ„์ด๋‹ค. ์ค‘๋ณต์„ ์ค„์ด๊ธฐ ์œ„ํ•ด ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ๊ทธ๋ž˜์„œ map ํ•จ์ˆ˜๋Š” ์›๋ž˜ ํŒŒ์ผ์— ๋‘๊ณ  li๊ฐ€ ๋ฐ˜๋ณต ์ƒ์„ฑ๋˜๊ฒŒ ๋กœ์ง์„ ๊ตฌํ˜„ํ–ˆ์–ด์•ผํ•œ๋‹ค. ๋‚˜๋Š” `state` ๊ฐ’ ์ „์ฒด๋ฅผ ์ „๋‹ฌํ•ด์„œ ์ปดํฌ๋„ŒํŠธ ๋‹จ์—์„œ map์„ ๋Œ๋ ธ๋‹ค. ์žฌํ™œ์šฉ์ด ๊ฐ€๋Šฅํ•˜

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

TIL #16

์˜ค๋Š˜์˜ ์ ์šฉ์ : ์ฝ”๋“œ๋ฅผ ์น  ๋•Œ ๊ณ„์† console.log์— ๊ณ„์† ์ฐ์–ด๋ณด๋ฉด์„œ ํ•˜๊ธฐ, ๋‚ด๊ฐ€ ์“ฐ๋Š” ์ฝ”๋“œ๊ฐ€ ์–ด๋–ค ๊ธฐ๋Šฅ์„ ํ•˜๋Š”์ง€ ๋ช…ํ™•ํžˆ ์•Œ๊ณ  ์ž‘์„ฑํ•˜๊ธฐ

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

TIL #15

์ ์€ ๋‚ด์šฉ์ด์ง€๋งŒ ์ด๋ ‡๊ฒŒ๋ผ๋„ ๋ธ”๋กœ๊ทธ์— ์ ์ง€ ์•Š์œผ๋ฉด ํ•˜๋ฃจ์— ๋ญ˜ ํ–ˆ๊ณ  ๊ทธ ๋‚  ๋ฐฐ์šฐ๊ฑฐ๋‚˜ ๋Š๋‚€ ์ ์„ ํ”ผ๋“œ๋ฐฑ ํ•˜์ง€ ๋ชปํ•ด ๊ณ„์† ์จ๋ณด๋ ค๊ณ  ํ•œ๋‹ค.

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

TIL #14

TIL: State, Props ์„ธ์…˜, git ๋ณต์Šต

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

TIL #13

์ฝ”ํŠธ์นดํƒ€: ์–ด๋ ต๊ธฐ๋„ ํ•˜๊ณ  ๊ตฌ๊ธ€์„ ์ฐธ๊ณ ํ•ด๋„ ๋˜๋Š”์ง€๋„ ๋ชจ๋ฅด๊ฒ ๊ณ  ์ค‘์š”ํ•œ๊ฑด ๋‘˜์ด ์ž˜ ํ•˜๊ณ  ์žˆ๋Š”์ง€๋„ ๋ชจ๋ฅด๊ฒ ๋‹ค. ์•ž์œผ๋กœ ๊ณ„์† ํ•˜๋ฉด ์ž˜ ํ•  ์ˆ˜ ์žˆ๊ฒ ์ง€...?์ธ์Šคํƒ€๊ทธ๋žจ ๋Œ“๊ธ€ ๊ธฐ๋Šฅ ๊ตฌํ˜„: getElements์—์„œ class์™€ id๋ฅผ ์ž˜๋ชป ๋„ฃ์–ด ์—๋Ÿฌ๊ฐ€ ๋‚ฌ์—ˆ๋‹ค ์ด ๋ถ€๋ถ„์€ ๋‘ ์„ธ๋ฒˆ ํ™•์ธํ• 

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

TIL #12

์—ญ์‹œ ๋ธ”๋กœ๊ทธ๋Š” ์ƒˆ๋ฒฝ์— ์“ฐ๊ฒŒ ๋˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ๊ณ ์ •๋œ ๋ฃจํ‹ด์ด ๋˜์–ด๊ฐ€๋Š” ๊ฒƒ ๊ฐ™์•„ ๊ณ ๋ฏผ์ด ํ•„์š”ํ•ด๋ณด์ธ๋‹ค.์ฝ”๋“œ์นดํƒ€: ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ๋ฅผ ์ง์„ ์ง€์–ด ํ’€์–ด๊ฐ€๋Š”๋ฐ ์ƒ๊ฐ๋ณด๋‹ค ์–ด๋ ค์› ๋‹ค. ์ฒซ ๋ฌธ์ œ๋ถ€ํ„ฐ ์ด๋Ÿฌ๋ฉด ๋‚˜์ค‘์—๋Š” ์–ด๋–ป๊ฒŒ ๋ ์ง€... ์ƒ๊ฐ์ด ๋งŽ์•„์กŒ๋‹ค.๋ฆฌ์•กํŠธ ์„ธ์…˜: what is react, w

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

TIL #11

์ธ๊ฐ„์€ ๊ฐ™์€ ์‹ค์ˆ˜๋ฅผ ๋ฐ˜๋ณตํ•œ๋‹ค. ์–ด์ œ ํฌ์ŠคํŒ…ํ•œ ๊ธ€์— ์—๋Ÿฌ๋ฅผ ํ•ด๊ฒฐํ•œ ๋ฐฉ๋ฒ•์„ ์ด์•ผ๊ธฐํ•˜๋ฉฐ ์•ž์œผ๋กœ ํ•ด๋‹น ๋ถ€๋ถ„์ด ๋‚˜์˜ค๋ฉด ์ž˜ ์ƒ๊ฐํ•ด๋ณด์ž๊ณ  ํ–ˆ๋Š”๋ฐ ์˜ค๋Š˜๋„ ๊ฐ™์€ ์‹ค์ˆ˜๋ฅผ ๋ฐ˜๋ณตํ–ˆ๋‹ค. repl.it ๋ฌธ์ œ๋กœ ๋ฏธ๋ฆฌ ๊ตฌํ˜„ ๋˜์–ด์žˆ๋Š” html ํƒœ๊ทธ์— DOM์œผ๋กœ ์ ‘๊ทผํ•˜์—ฌ ๋‚ด์šฉ์„ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฌธ์ œ์˜€๋‹ค.

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

TIL #10 | Westagram ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ๊ตฌํ˜„

Westagram ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ๊ตฌํ˜„ ์ค‘ ์—๋Ÿฌ๊ฐ€ ๋‚˜ ์ฐพ์•˜๋˜ ๋ถ€๋ถ„ ์ค‘ ๊ธฐ์–ตํ•˜๊ณ  ์‹ถ์€ ํฌ์ธํŠธ๋ฅผ ์ •๋ฆฌ ํ•ด๋ณด์•˜๋‹ค.

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

TIL #8

Document Object Model: ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ HTML๋กœ ์ ‘๊ทผํ•˜์—ฌ ์š”์†Œ๋ฅผ ์ƒ์„ฑ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. DOM์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ HTML์„ ์—ฐ๊ฒฐํ•˜๋Š” ์—ญํ• ์„ ํ•œ๋‹ค.DOM์€ HTML์„ ๊ณ„์ธตํ™”ํ•˜์—ฌ ํŠธ๋ฆฌ ๊ตฌ์กฐ๋กœ ๋งŒ๋“  ๊ฐ์ฒด ๋ชจ๋ธ์ด๋‹ค.

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

TIL #7

repl.it (object ๋ฌธ์ œ ์‚ฝ์งˆ์ค‘,,)DB ์„ธ์…˜JS Q&A ์„ธ์…˜DB ์Šคํƒ€๋ฒ…์Šค ์Œ๋ฃŒ ๋ฐ์ดํ„ฐ ๋ชจ๋ธ๋งDB ๊ณต๋ถ€ํ•œ ๋ถ€๋ถ„DOM๊ณ„์† reference ์—๋Ÿฌ๊ฐ€ ๋‚˜์„œ ์–ด๋””๊ฐ€ ํ‹€๋ ธ๋Š”์ง€ ๋ชฐ๋ž๋Š”๋ฐ console.log๋ฅผ ์ฐ์–ด๋ณด๋‹ˆ ๋ณ€์ˆ˜ ์„ ์–ธ ์œ„์น˜๊ฐ€ ์ž˜๋ชป๋˜์—ˆ์—ˆ๋‹ค. ํ™•์‹คํžˆ ์ฐ์–ด๋ณด๋‹ˆ ์–ด๋–ค

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

TIL #6

repl.it ๊ฐ์ฒด๋Š” reference๋กœ ์ €์žฅ๋œ๋‹ค > ๊ฐ์ฒด ๋ฆฌํ„ฐ๋Ÿด ์ž์ฒด๋ฅผ ์ €์žฅํ•˜๋Š”๊ฒŒ ์•„๋‹Œ reference๊ฐ€ ์ €์žฅ๋จtext๋Š” ๊ทธ ์ž์ฒด๊ฐ€ ์ €์žฅ๋˜์ง€๋งŒ ๊ฐ์ฒด๋Š” reference๋กœ ์ €์žฅํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ์ฒด ์ž์ฒด๋ฅผ ๊ฐ™์€์ง€ ๋น„๊ตํ•˜๋ฉด False๋กœ ํ‘œ๊ธฐํ•จ (์•„๋ฌด๋ฆฌ ํ”„๋กœํผํ‹ฐ๊ฐ€ ๊ฐ™์•„๋„)re

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

TIL #5

repl.it ๊ฐ€๋ณ€์ธ์ˆ˜๊ฐœ๋ฐœ์ž ๋„๊ตฌ ์Šคํ„ฐ๋””์ ์‹ฌ (w/์žฌ์šฑ๋‹˜, ์ƒ์—ฐ๋‹˜ @ํ•˜์–ผ๋นˆ๊ฐ€์ •์‹)๊ฐœ๋ฐœ์ž ๋„๊ตฌ ํŒ€ ์Šคํ„ฐ๋””๊ฐœ๋ฐœ์ž ๋„๊ตฌ ์„ธ์…˜repl.it 19๋ฒˆ ๊นŒ์ง€๊ฐ€๋ณ€์ธ์ž์ตœ์†Œ๊ฐ’ ๊ตฌํ•˜๊ธฐ (in array)์ผ์ฃผ์ผ ํšŒ๊ณ repl.it ๋ฌธ์ œ๋ฅผ ๋„์›€์„ ๋ฐ›์•˜๋Š”๋ฐ ์ฝ”๋“œ๋ฅผ ์“ธ ๋•Œ ๊ณ„์† ์ƒ๊ฐํ•ด๋ณด๋Š”๊ฒŒ ์•„๋‹Œ

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

TIL #4

Repl.it CSS ๋งˆ์ง€๋ง‰ ๋ฌธ์ œ ๊ตฌํ˜„Javascript Repl.it๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ํ•˜๋Š” ์ผ ์„ธ์…˜String๊ณผ Numberํ˜•์„ ๋”ํ•˜๋ฉด ํ•ญ์ƒ String ํ˜•์œผ๋กœ ๋ณ€ํ™˜์กฐ๊ฑด๋ฌธ์€ ์œ„์—์„œ ์ฐจ๋ก€๋กœ ๋‚ด๋ ค์˜ด > ์กฐ๊ฑด๋ฌธ์€ ์ˆœ์„œ๊ฐ€ ์ค‘์š”ํ•จ=== ์—„๊ฒฉ(์ผ์น˜) ๋น„๊ต vs == ์ถ”์ƒ(๋™๋“ฑ)

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