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

์•Œ๊ณ ๋ฆฌ์ฆ˜ | codewars | ์ค‘๊ฐ„ ๊ธ€์ž ์ฐพ๊ธฐ (Get the Middle Character)

์ฃผ์–ด์ง„ ๋‹จ์–ด์˜ ์ค‘๊ฐ„ ๊ธ€์ž๋ฅผ ๋ฆฌํ„ดํ•˜๋Š” ๋ฌธ์ œ์ด๋‹ค. ํ™€์ˆ˜์˜ ๊ฒฝ์šฐ ์ค‘๊ฐ„ ๊ธ€์ž 1๊ฐœ, ์ง์ˆ˜์˜ ๊ฒฝ์šฐ๋Š” ์ค‘๊ฐ„ ๊ธ€์ž 2๊ฐœ๋ฅผ ๋ฆฌํ„ดํ•ด์•ผํ•œ๋‹ค.

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

์•Œ๊ณ ๋ฆฌ์ฆ˜ | codewars | ๋ชจ์Œ ๊ฐฏ์ˆ˜ ์ฐพ๊ธฐ (Vowel Count)

์ฃผ์–ด์ง„ string์— ๋ชจ์Œ์ด ๋ช‡ ๊ฐœ ๋“ค์–ด๊ฐ€์žˆ๋Š”์ง€ ํ™•์ธํ•˜๋Š” ๋ฌธ์ œ์ด๋‹ค.

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

์•Œ๊ณ ๋ฆฌ์ฆ˜ | codewars | list filtering

codewars ๋ผ๋Š” ํ”Œ๋žซํผ์—์„œ ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ํ’€์–ด๋ณด๊ธฐ๋กœ ์ •ํ•˜๊ณ  ์ƒˆ ํ”Œ๋žซํผ์—์„œ ์‹œ์ž‘ํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค. ๋ฐฐ์—ด์—์„œ string๊ณผ ์ˆซ์ž๊ฐ€ ์ฃผ์–ด์ง„ ๋ฐฐ์—ด์—์„œ string๋งŒ ์ œ์™ธํ•œ ์ˆซ์ž๋งŒ ํฌํ•จ๋œ ์ƒˆ ๋ฐฐ์—ด์„ ๋ฆฌํ„ดํ•˜๋Š” ๋ฌธ์ œ์ด๋‹ค.

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

์•Œ๊ณ ๋ฆฌ์ฆ˜ | Node.js | ๋ฐฑ์ค€ 10171, 10172 ๋ฌธ์ œ

๋ฐฑ ์Šฌ๋ž˜์‹œ ์‚ฌ์šฉํ•˜๊ธฐ `\n` : ์ค„ ๋ฐ”๊ฟˆ (Enter) `\\` : ๋ฐฑ ์Šฌ๋ž˜์‹œ `\'` : ์ž‘์€ ๋”ฐ์˜ดํ‘œ `\"` : ํฐ ๋”ฐ์˜ดํ‘œ

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

JavaScript | Promise

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

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

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

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๊ฐœ์˜ ๋Œ“๊ธ€

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๊ฐœ์˜ ๋Œ“๊ธ€