profile
๐Ÿผ newbie frontend developer
post-thumbnail

CSS | perspective๋ฅผ ํ™œ์šฉํ•œ tarot card

3์ฐจ์›์˜ ๊ณต๊ฐ„์„ ์œ„ํ•ด์„œ๋Š” ์›๊ทผ๊ฐ์ด ํ•„์š”ํ•˜๋‹ค. ์ด๋•Œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” arribute๋Š” perspective์ด๋‹ค. ์ตœ๊ทผ์—๋Š” ๋ฉ”ํƒ€๋ฒ„์Šค์˜ ๋“ฑ์žฅ์œผ๋กœ ๋”์šฑ ์ฃผ๋ชฉ๋ฐ›๊ณ  ์žˆ๋Š” arribute์ธ perspective์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ณด์ž

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

CSS | display:grid; ๊ทธ๋Ÿฐ๋ฐ mini-project๋ฅผ ๊ณ๋“ค์ธ

flex๋ฅผ ์•Œ๋ฉด ๋” ์ˆ˜์›”ํ•˜๊ฒŒ ๊ณต๋ถ€ํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋˜ grid, ๋ง‰์ƒ ์ ์šฉํ•˜๋ ค๋‹ˆ ์‰ฝ์ง€ ์•Š์•„์„œ mini-project๋ฅผ ํ†ตํ•ด์„œ ์—ฐ์Šตํ•ด๋ณด์•˜๋‹ค.

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

CSS |flex-basis, flex-grow, flex-shrink

flex๋ฅผ ์‹ฌ๋„ ์žˆ๊ฒŒ ๊ณต๋ถ€ํ•˜๊ณ  ์‹ถ์–ด์„œ ๋ ˆ์ด์•„์›ƒ ์žก๋Š” ๊ฒƒ ์™ธ์— flex item์— ์ ์šฉํ•˜๋Š” ์†์„ฑ๋“ค์— ๋Œ€ํ•˜์—ฌ ํ•™์Šตํ•˜๊ธฐ๋กœ ํ•˜์˜€๋‹ค.์œ ์—ฐํ•œ ๋ฐ•์Šค์˜ ๊ธฐ๋ณธ ์˜์—ญ. flex item๋“ค์˜ ๊ธฐ๋ณธ ์ ์œ  ํฌ๊ธฐ๋ฅผ ์„ค์ •ํ•œ๋‹ค.width, height ์™€ ๋‹ค๋ฅธ์ ์€ axis ๋ฐฉํ–ฅ์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง„๋‹ค๋Š”

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

Algorithm | ์‹ ๊ทœ ์•„์ด๋”” ์ถ”์ฒœ

๋ฌธ์ œ ๋กœ๋˜์˜ ์ตœ๊ณ  ์ˆœ์œ„์™€ ์ตœ์ € ์ˆœ์œ„ ๋ฌธ์ œ ํ™•์ธ ๐Ÿ‘‰ https://programmers.co.kr/learn/courses/30/lessons/72410 ๋‚˜์˜ ํ’€์ด ๋ฌธ์ œ๋ฅผ ๋ณด๊ณ , 1-7 ๋‹จ๊ณ„๋ฅผ ํ•˜๋‚˜์”ฉ ํ•ด๊ฒฐํ•˜์ž๊ณ  ์ƒ๊ฐํ•˜์˜€๋‹ค. 1๋‹จ๊ณ„ ์†Œ๋ฌธ์ž๋กœ ์น˜ํ™˜ : toLowe

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

Algorithm | H-Index

๋ฌธ์ œ ์–ด๋–ค ๊ณผํ•™์ž๊ฐ€ ๋ฐœํ‘œํ•œ ๋…ผ๋ฌธ์˜ ์ธ์šฉ ํšŸ์ˆ˜๋ฅผ ๋‹ด์€ ๋ฐฐ์—ด citations๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, ์ด ๊ณผํ•™์ž์˜ H-Index๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”. ์ œํ•œ์‚ฌํ•ญ ๊ณผํ•™์ž๊ฐ€ ๋ฐœํ‘œํ•œ ๋…ผ๋ฌธ์˜ ์ˆ˜๋Š” 1ํŽธ ์ด์ƒ 1,000ํŽธ ์ดํ•˜์ž…๋‹ˆ๋‹ค. ๋…ผ๋ฌธ๋ณ„ ์ธ์šฉ ํšŸ์ˆ˜๋Š” 0ํšŒ ์ด์ƒ 10,000ํšŒ ์ดํ•˜์ž…๋‹ˆ๋‹ค. ์ž…์ถœ๋ ฅ ์˜ˆ |citations|re...

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

CSS Attribute Selector(CSS ์†์„ฑ ์„ ํƒ์ž)

SCSS๋กœ UI๋ฅผ ์Šคํƒ€์ผ๋งํ•˜๋ฉด์„œ ๊ณตํ†ต์˜ attribute๊ฐ€ ์žˆ๋‹ค๋ฉด ์ด๋ฅผ ํ†ตํ•˜์—ฌ ์Šคํƒ€์ผ ์†์„ฑ์„ ์ง€์ •ํ•˜๋Š” ๊ฒƒ์ด ํŽธ๋ฆฌํ•  ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐ์„ ํ•˜์˜€๋‹ค. class, lang, href ๋“ฑ ๋‹ค์–‘ํ•œ attribute๋ฅผ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.\-\[attr] : attr์ด๋ผ๋Š” ์ด๋ฆ„์˜ ํŠน์„ฑ์„

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

Core Javascript | ๋ฐ์ดํ„ฐ ํƒ€์ž…

์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ณด๋ฉฐ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.

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

Core Javascript | ํด๋ž˜์Šค

์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ณด๋ฉฐ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.

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

Core Javascript | ํด๋กœ์ €

์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ณด๋ฉฐ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. 1. ํด๋กœ์ €๋ž€? : ํด๋กœ์ €๋Š” ํ•จ์ˆ˜์™€ ๊ทธ ํ•จ์ˆ˜๊ฐ€ ์„ ์–ธ๋  ๋‹น์‹œ์˜ Lexical environment์˜ ์ƒํ˜ธ๊ด€๊ณ„์— ๋”ฐ๋ฅธ ํ˜•์ƒ (MDN)

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

Algorithm | K๋ฒˆ์งธ์ˆ˜

Algorithm | K๋ฒˆ์งธ์ˆ˜

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

Core Javascript | ์ฝœ๋ฐฑํ•จ์ˆ˜

์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ณด๋ฉฐ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.

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

Unit Test

โœ”๏ธ Unit test

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

React | Kakao ์†Œ์…œ ๋กœ๊ทธ์ธ

Kakao Developers ๋ฌธ์„œ๋ฅผ ์ฐธ๊ณ ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

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

Git - Rebase

git merge๋ผ๋Š” ๋ช…๋ น์–ด ๋Œ€์‹  git rebase ์‚ฌ์šฉ๊ธฐ Goal Git flow๊ฐ€ ์–ด๋–ค ๋ฐฉ์‹์œผ๋กœ ์šด์˜ ๋˜๋Š”์ง€ ์•Œ๊ณ , main, develop, feature, release, hotfix ๋ธŒ๋žœ์น˜๋ฅผ ๊ฐ๊ฐ ๊ตฌ๋ถ„ํ•˜์—ฌ ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋‹ค. ํ”„๋กœ๋•์…˜ ๋ ˆ๋ฒจ์˜ ์ฝ”๋“œ๋„ ๊ฐœ๋ฐœ ์ฝ”

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

AWS - Frontend ๋ฐฐํฌ

ํ”„๋กœ์ ํŠธ๋ฅผ ๋งˆ๋ฌด๋ฆฌํ•˜๊ณ  AWS๋ฅผ ํ†ตํ•ด ํ”„๋กœ์ ํŠธ ์—…๋กœ๋“œ ํ•˜๊ธฐ 1. AWS ๊ณ„์ • ์ƒ์„ฑ ๋จผ์ € AWS์— ๊ฐ€์ž…์„ ํ•œ๋‹ค. ์ด๋•Œ ์‹ ์šฉ์นด๋“œ ์ •๋ณด๊ฐ€ ํ•„์š”ํ•จ์œผ๋กœ ์นด๋“œ ์ค€๋น„ ํ›„, ๊ฐ€์ž… ์ง„ํ–‰ํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. 2. Application ๋ฐฐํฌ ๐Ÿ‘‰๐Ÿป ๋กœ๊ทธ์ธ ๋กœ๊ทธ์ธ์„ ํ•˜๋ฉด ๊ด€๋ฆฌ ์ฝ˜์†”์—์„œ

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

First-Project | Team Villy - ๊ธฐ๋Šฅ ๊ตฌํ˜„๐Ÿ’Š

First-Project | Team Villy - ๊ธฐ๋Šฅ ๊ตฌํ˜„ ๐Ÿ’Š

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

First-Project | Team Villy - ํšŒ๊ณ ๋ก ๐Ÿ’Š

First-Project | Team Villy - ํšŒ๊ณ ๋ก ๐Ÿ’Š

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

TIL 30 | setState ๋น„๋™๊ธฐ ํŠน์„ฑ

setState ๋น„๋™๊ธฐ ํŠน์„ฑ

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

TIL 29 | RESTful API

RESTful API

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

First-Project | Team Villy - ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๐Ÿ’Š

์œค๊ฒฝ๋‹˜, ์ฐฝ์›๋‹˜, ์ง€์šฐ๋‹˜, ํƒœ์˜๋‹˜, ๋ช…์ค€๋‹˜๊ณผ ํ•จ๊ป˜ํ•˜๋Š” ๋‚˜์˜ ์ฒซ ๋ฒˆ์งธ ํ”„๋กœ์ ํŠธ โœจ

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