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

JavaScript | Promise

Promise Promise: ๋น„๋™๊ธฐ๋ฅผ ๊ฐ„ํŽธํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์ œ๊ณตํ•˜๋Š” object ์ •ํ•ด์ง„ ์‹œ๊ฐ„๋™์•ˆ ๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•˜๊ณ  ๋‚˜์„œ ์„ฑ๊ณต ํ–ˆ๋‹ค๋ฉด ์„ฑ๊ณต ๋ฉ”์„ธ์ง€ & ์ฒ˜๋ฆฌ ๊ฒฐ๊ณผ ๊ฐ’์„ ๋ณด์—ฌ์ฃผ๊ณ  ์—๋Ÿฌ๊ฐ€ ๋‚ฌ๋‹ค๋ฉด ์—๋Ÿฌ๋ฅผ ๋ณด์—ฌ์คŒ

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

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

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

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

Framework7 | Stepper

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

5์ผ ์ „
ยท
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๊ฐœ์˜ ๋Œ“๊ธ€

Ruby on Rails | RESTful API ์ƒ์„ฑ ๋ฐ ์‚ฌ์šฉ

RESTful: ๊ฒฝ๋กœ์™€ ๋ฉ”์†Œ๋“œ ๋งŒ์œผ๋กœ ์–ด๋–ค ํ–‰์œ„๋ฅผ ํ•˜๋Š”๊ฑด์ง€ ์•Œ ์ˆ˜ ์žˆ๋Š” ๊ฒƒRESTful API: RESTful ๊ทœ์น™์œผ๋กœ ๋งŒ๋“ค์–ด์ง„ apicontroller: ๊ฒฝ๋กœ์— ๋“ค์–ด์™”์„ ๋•Œ ํ”„๋ก ํŠธ ๋‹จ์— ์ ํ•ฉํ•œ ์ƒํ’ˆ์„ ๋ฟŒ๋ ค์ค˜์•ผํ•˜๋Š”๋ฐ ๊ทธ ์ž‘์—…์„ ํ•˜๋Š”๊ฒŒ controller

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

Backend | Migration, ORM

Backend ์˜์ƒ ๊ฐ•์˜ ์ •๋ฆฌ > Database Migration, ORM ๊ด€๋ จ ์ •์˜ ๋ฐ ์‚ฌ์šฉ ๋ฐฉ๋ฒ• ์ •๋ฆฌ

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

Ruby on Rails & Modeling

Ruby Legacy DRY (Don't Repeat Yourself) ์ž๊ธฐ ์ž์‹ ์„ ๋ฐ˜๋ณตํ•˜์ง€ ๋ง์ž COC (Convention Over Configuration) ์„ค์ •๋ณด๋‹ค ๊ทœ์•ฝ์ด ์ค‘์š”ํ•˜๋‹ค Modeling: ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ์„ค๊ณ„ํ•˜๋Š” ์ผ๋ จ์˜ ๊ณผ์ • Dependency

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

๊ธฐ์—…ํ˜‘์—… ์ดˆ๊ธฐ์„ธํŒ…

Ruby On Rails์™€ PostgreSQL ์ดˆ๊ธฐ์„ธํŒ… ํ”Œ๋กœ์šฐ

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

class200ok | day9

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

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

class200ok | day 8

ํŽ˜์ด์ง€๋ฅผ ์ƒˆ๋กœ๊ณ ์นจ ํ•˜๋Š”๊ฑด ๋ถˆํ•„์š”ํ•œ ๋ฐฉ๋ฒ•์ด๋‹ค. ์ด๋ฅผ ์–ด๋–ป๊ฒŒ ๋ฆฌํŒฉํ† ๋ง ํ–ˆ๋Š”์ง€ ์ ์–ด๋‘์—ˆ๋‹ค.

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

class200ok | Day 3

classํ˜•์œผ๋กœ ๋˜์–ด์žˆ๋˜ ๊ฑธ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ๋กœ ๋ฐ”๊พธ๋Š”๋ฐ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋œจ์ง€ ์•Š๋Š”๋‹ค. ๊ทธ๋ž˜์„œ ์ด ๋ถ€๋ถ„์— ๋Œ€ํ•ด ์–ด๋–ป๊ฒŒ ๊ณ ๋ฏผํ•œ ๊ฑด์ง€ ์ด์•ผ๊ธฐ ํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค.

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

class200ok | day2

styled component๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๊ณ  ๊ธ€๋กœ๋ฒŒ ์Šคํƒ€์ผ.js๋ฅผ ์ ์šฉํ–ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋‹ค๋ฅธ ์ปดํฌ๋„ŒํŠธ์— ์ ์šฉํ•˜๋ ค๋‹ˆ ๋ Œ๋”๋ง์ด ๋˜์ง€ ์•Š๋Š”๋‹ค? ๊ฐœ๋ฐœ์ž ๋„๊ตฌ๋ฅผ ์ผœ๋ณด๋‹ˆ ๊ธ€๋กœ๋ฒŒ์Šคํƒ€์ผ.js๋Š” ์‹คํ–‰ํ•˜๊ณ  ์žˆ๋Š”๋ฐ ๊ตฌํ˜„ํ•˜๊ณ  ์žˆ๋Š” ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์‹คํ–‰์ด ๋˜์งˆ ์•Š๋Š”๋‹ค.

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

class200ok | Day 1

2์ฐจ ํ”„๋กœ์ ํŠธ๋กœ class101 ํด๋ก  ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ํ”„๋ก ํŠธ 4๋ช…, ๋ฐฑ์—”๋“œ 3๋ช…์œผ๋กœ ๋‚˜ ํฌํ•จ ์ด 7๋ช…๊ณผ ํ•œ ํŒ€์ด ๋˜์—ˆ๋‹ค.

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

๊พธ๊นŒ | ํ”„๋กœ์ ํŠธ ํ›„๊ธฐ

- ํ”„๋กœ์ ํŠธ ๋‚ด์šฉ KUKKA ์›น์‚ฌ์ดํŠธ ํ”„๋กœ์ ํŠธ - ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„ 1์ฐจ ๊ตฌํ˜„: 2021.03.15 ~ 2021.03.26 - ํŒ€ ๊ตฌ์„ฑ ํ”„๋ก ํŠธ์—”๋“œ 3๋ช… (๊ถŒ์˜๊ท , ๋‚จ๊ถ์„ ์•„, ๐Ÿ™‹โ€โ™€๏ธ์ด๊ทผํ™”๐Ÿ™‹โ€โ™€๏ธ) ๋ฐฑ์—”๋“œ 2๋ช… (์ด์ˆ˜์ง„, ์ดํ˜ธ์—ด) - ํŒ€ ์ด๋ฆ„ ๊นŒ๊นŒ (KKAKKA)

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

๊พธ๊นŒ | Day 9

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

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

๊พธ๊นŒ | Day 8

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

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

๊พธ๊นŒ | Day 4 ~ 7

ํ”„๋กœ์ ํŠธ 4์ผ์ฐจ๋ถ€ํ„ฐ 7์ผ์ฐจ ๊ธฐ๊ฐ„ ๋™์•ˆ ์ž‘์—…ํ•œ ๋‚ด์šฉ๊ณผ ๋ฐฐ์šด ๋‚ด์šฉ์„ ์ ์—ˆ๋‹ค. ์ปดํฌ๋„ŒํŠธ์˜ ๋ผ์ดํ”„ ์‚ฌ์ดํด, RESTful API, ๋™์  ๋ผ์šฐํŒ…์„ ๋ฐฐ์› ๋‹ค. 6,7์ผ์ฐจ์—๋Š” ๋ฐฑ์—”๋“œ์™€ ํ†ต์‹ ๋„ ์‹œ๋„ํ–ˆ๋‹ค.

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

๊พธ๊นŒ | Day 2, 3

๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€๋ฅผ ๋งก์•„์„œ ๊ตฌํ˜„ํ•˜๊ณ  ์žˆ๋‹ค. ๊พธ๊นŒ ํŽ˜์ด์ง€๋ฅผ ํด๋ก  ํ•˜๋ ค๊ณ  ํŽ˜์ด์ง€๋ฅผ ํ™•์ธํ•˜๋‹ˆ ์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ๋ฅผ ์ž˜ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ๋‚ด๊ฐ€ ์•Œ์ง€ ๋ชปํ–ˆ๋˜ ํƒœ๊ทธ๋“ค์„ ๋ฐฐ์šฐ๊ณ  ๋‚ด๊ฐ€ ๊ตฌํ˜„ํ•˜๋Š” ํŽ˜์ด์ง€์— ๋ฐ”๋กœ ์ ์šฉํ•ด๋ณด๊ณ  ์žˆ๋Š” ์ค‘์ด๋‹ค.

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

๊พธ๊นŒ Project | Day1

๋“œ๋””์–ด 1์ฐจ ํ”„๋กœ์ ํŠธ๋‹ค! ์ฒซ ๋ฒˆ์งธ ํŒ€ ํ”„๋กœ์ ํŠธ๋ผ ์ž˜ ํ•  ์ˆ˜ ์žˆ์„์ง€ ๊ฑฑ์ •๋„ ๋˜์ง€๋งŒ ํ•œ ํŽธ์œผ๋กœ๋Š” ๊ธฐ๋Œ€๋„ ๋๋‹ค.๋‚˜ ํฌํ•จ 5๋ช…์˜ ํŒ€์›์œผ๋กœ ์˜๊ท ๋‹˜, ์„ ์•„๋‹˜, ๋‚˜๋ฅผ ํฌํ•จํ•œ ํ”„๋ก ํŠธ 3๋ช…๊ณผ ์ˆ˜์ง„๋‹˜, ํ˜ธ์—ด๋‹˜์ธ ๋ฐฑ์—”๋“œ 2๋ช…์œผ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.

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