profile
๋‹จ์ˆœํžˆ ๊ฐœ๋ฐœ์ž๋กœ์„œ ์ œ๊ฒŒ ์žˆ์—ˆ๋˜ ์ผ์„ ์ ๋Š” ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค โœ๐Ÿป

TIL. firestore

๋‚˜์˜ ๋ชฉ์  ์š”์•ฝ : ํ•œ ์ฝœ๋ ‰์…˜์•ˆ์— documents ์™€ ๋‚ด๊ฐ€ ๊ฐ€์ง„ array ๋ฅผ ๋น„๊ตํ•ด์„œ ์—†๋Š” ์š”์†Œ๋Š” ์ƒˆ๋กœ์šด doc ์„ ์ƒ์„ฑํ•˜๊ณ  ์žˆ๋Š” ์š”์†Œ๋Š” doc.count ๋ฅผ +1 ํ•ด์ค€๋‹ค. ๊ณผ์ •(๋ฌธ์ œ์ ) : firestore ์—์„œ transaction ์„ ์‚ฌ์šฉ๊ธฐ๋กœ ๋งˆ์Œ๋จน๊ณ  ๋‹ค์–‘ํ•˜๊ฒŒ

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

TIL. setState in object array

์˜ˆ๋ฅผ๋“ค์–ด ์•„๋ž˜์™€ ๊ฐ™์€ Array ๊ฐ€ ์žˆ๋‹ค๊ณ  ๊ฐ€์ •ํ•ด๋ณด์ž ์ด tagsArr ์ค‘ ์„ธ๋ฒˆ์งธ ์š”์†Œ์˜ select ์˜ false ๋ฅผ true ๋กœ ๋ฐ”๊ฟ”์ฃผ๊ณ  ์‹ถ๋‹ค๋ฉด?convertSelectedTag ๋ผ๋Š” ํ•จ์ˆ˜๋ฅผ ํ•˜๋‚˜ ๋งŒ๋“ค์–ด์„œ ๊ทธ ์ธ์ž๋กœ ๊ฐ ์š”์†Œ๋ฅผ ๋„ฃ์–ด์ค€๋‹ค. convertSelected

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

TIL. this

This ๋ž€?ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•  ๋•Œ ์ƒ๊ธฐ๋Š” ๋ฐ”๋ผ๋ณด๊ณ  ์žˆ๋Š” ๊ฐ์ฒด๋ฅผ ๋งํ•œ๋‹ค. (๊ฐ€์žฅ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šด๋ฐฉ๋ฒ•์ด ์ด๊ฒŒ ์•„๋‹Œ๊ฐ€...)this ๋Š” ์ด 4๊ฐ€์ง€์˜ ๊ฐ๊ฐ ๋‹ค๋ฅธ ๋œป? ๋ฐ”๋ผ๋ณด๊ณ ์žˆ๋Š” ๊ณณ์ด ์žˆ๋‹ค.window ๊ทธ๋ƒฅ this ๋ฅผ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜ ํ•จ์ˆ˜ ์•ˆ์—์„œ this๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด window ๋ฅผ ๊ฐ€๋ฅด

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

TIL. ๋ฐ์ดํ„ฐํƒ€์ž…

๋ฐ์ดํ„ฐ ํƒ€์ž…์˜ ์ข…๋ฅ˜๋ถˆ๋ณ€๊ฐ’, ๊ฐ€๋ณ€๊ฐ’์–•์€๋ณต์‚ฌ, ๊นŠ์€๋ณต์‚ฌnull, undefined์˜ ์ฐจ์ด๊ธฐ๋ณธํ˜•(์›์‹œํ˜•) : Boolean, Number, String, null, undefined, symbol์ฐธ์กฐํ˜• : ๊ฐ์ฒด, ๋ฐฐ์—ด, ํ•จ์ˆ˜, ๋‚ ์งœ, ์ •๊ทœํ‘œํ˜„์‹๋“ฑ๊ฐ’์ด ๋ณ€ํ•˜์ง€ ์•Š๋Š”๋‹ค. ์ƒ์ˆ˜ =

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

TIL. ๋ฐ์ดํ„ฐํƒ€์ž…์— ๋Œ€ํ•œ ์ดํ•ด

DATA TYPE์— ๋Œ€ํ•œ ์ดํ•ด์ฝ”์–ด์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ฝ๊ณ .. ๋ฐ์ดํ„ฐ ํƒ€์ž…์—๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ 2๊ฐ€์ง€๊ฐ€์žˆ๋‹ค. ๊ธฐ๋ณธํ˜•(์›์‹œํ˜•) : Boolean, Number, String, null, undefined, symbol์ฐธ์กฐํ˜• : ๊ฐ์ฒด, ๋ฐฐ์—ด, ํ•จ์ˆ˜, ๋‚ ์งœ, ์ •๊ทœํ‘œํ˜„์‹๋“ฑ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณต์ œ๋ฅผ

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

TIL. ATOMIC DESIGN

์•„ํ† ๋ฏน ๋””์ž์ธ์„ ์ฒ˜์Œ ์ ‘ํ–ˆ์„๋•Œ๋Š” ๊ทธ๋ž˜ ๋‹ค ์ชผ๊ฐœ์•ผํ•ด ์›์ž, ๋ถ„์ž๋‹จ์œ„๋กœ ๋‹ค ์ชผ๊ฐœ์•ผ๋ผ์ด๋Ÿฐ ์ƒ๊ฐ์œผ๋กœ ์ ‘๊ทผ์„ ํ–ˆ์—ˆ๋‹ค. ์•„ํ† ๋ฏน ๋””์ž์ธ์„ ํ•˜๋‹ค๋ณด๋‹ˆ ๋‚˜์ค‘์—๋Š” ์ด๊ฒŒ ์•„ํ† ๋ฏน์ด ๋งž๋‚˜..? ๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ์˜ˆ๋ฅผ๋“ค์–ด ATOMS, MOLECULES๋Š” ์ž˜ ์ชผ๊ฐฐ๋Š”๋ฐ ORGANISM๋ถ€๋ถ„์ด ๊ต‰์žฅ

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

TIL. login ์ด๋Œ€๋กœ ๊ดœ์ฐฎ์€๊ฐ€?

์•„๋ฌด๊ฒƒ๋„ ๋ชจ๋ฅด๊ณ  ๊ทธ๋ƒฅ fetch๋งŒ ์ฃผ๊ตฌ์žฅ์ฐฝ ํ–ˆ์—ˆ๋˜ ์ ์ด์žˆ์—ˆ๋‹ค.์ž‘๋™ํ•˜๋‹ˆ๊นŒ! response message ์—์„œ SUCCESS ๊ฐ€ ๋–ด์œผ๋‹ˆ๊นŒ! ์ด๋Ÿฐ๋งˆ์Œ์œผ๋กœ ๋กœ๊ทธ์ธ๊ณผ ํšŒ์›๊ฐ€์ž…์„ ํ–ˆ์—ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฉด์„œ ๋งค๋ฒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ํ• ๋•Œ๋งˆ๋‹ค ํšŒ์›๊ฐ€์ž… ๋กœ๊ทธ์ธ์„ ์–ผ๋ฅธ ๋๋‚ด๊ณ  ๋‹ค๋ฅธ ๋ฉ‹์ง„ ๊ธฐ๋Šฅ๋“ค์„ ๊ตฌํ˜„ํ•˜

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

TIL. async await

ํ•ญ์ƒ fetch ๋งŒ ์‚ฌ์šฉํ•˜๋‹ค๊ฐ€ ์ด๋ฒˆ์—๋Š” async await ๋ฅผ ์‚ฌ์šฉํ•ด๋ดค๋‹ค.promise ์™€ then ์„ ์‰ฝ๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ES8 ๋ฌธ๋ฒ•์ด๋‹ค.์šฐ์„  async ์„ ์–ธ ๋ฐฉ๋ฒ•์€ function ์•ž์— ์จ์ฃผ๊ฑฐ๋‚˜ arrow function์•ž์— ์‚ฌ์šฉํ•ด์ฃผ๋ฉด ๋œ๋‹ค.์›๋ž˜๋Œ€๋กœ๋ผ๋ฉด ํ•จ์ˆ˜์•ˆ์— ์ฝ”๋“œ

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

TIL. Promise

promise ์— ๋Œ€ํ•ด ์–ด๋ ดํ’‹์ด ์•Œ๊ณ  fetch ๋ผ๋Š” ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ–ˆ๊ณ  ๋” ๋‚˜์•„๊ฐ€ async await , axois ๊นŒ์ง€ ์‚ฌ์šฉํ–ˆ๋‹ค. async await ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์‚ฌ์šฉ๋ฐฉ๋ฒ• ๋ณด๋‹ค๋Š” ๊ทผ๋ณธ์ ์œผ๋กœ ์–ด๋–ป๊ฒŒ ์ž‘๋™์„ ํ•˜๋Š”์ง€ ์•Œ์•„์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ–ˆ๋‹ค.์šฐ์„  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋™๊ธฐ์‹(

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

TIL. gitlab

Today I learned์ด๋ฒˆํ”„๋กœ์ ํŠธ์—์„œ github ๋Œ€์‹  gitlab์„ ์‚ฌ์šฉํ•˜๊ณ ์žˆ๋‹ค.์™œ ๊นƒ๋žฉ์„ ์‚ฌ์šฉํ•˜์ง€? ์–ด๋–ค ์ด์ ์ด ์žˆ์ง€? ๋ผ๋Š” ๊ถ๊ธˆ์ฆ๋•Œ๋ฌธ์— ์ฐพ์•„๋ดค๋‹ค.์ฒ˜์Œ์—๋Š” ๊นƒํ—™์€ ๋””๋ ‰ํ† ๋ฆฌ๊ฐ€ ๊ณต์œ ๊ฐ€ ๋˜๊ณ  ๊นƒ๋žฉ์€ ๋น„๊ณต์œ ๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹ค๋Š” ์ ์ด๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค.์ตœ๊ทผ์— ๊นƒํ—™์ด ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ์—

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

TIL. docker

Today I learnedโœ๏ธdocker๋ฅผ ์™œ ์‚ฌ์šฉํ•˜๋Š”๊ฐ€?์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ docker์— ๋„์ „ํ–ˆ๋‹ค.์‚ฌ์‹ค ์‚ฌ์šฉํ•˜๋ฉด ๋ญ๊ฐ€ ์ข‹์€์ง€ ์ž˜ ๋ชจ๋ฅธ์ƒํƒœ์—์„œ ์‹œ์ž‘ํ–ˆ๊ธฐ๋•Œ๋ฌธ์— ๋ญ๊ฐ€ ์ข‹์„๊นŒ์—๋Œ€ํ•ด ๊ถ๊ธˆํ–ˆ๋‹ค.์ •ํ™•ํžˆ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์–ด๋–ค ์ด์ ์ด ์žˆ๋Š”๊ฑด๊ฐ€์— ๋Œ€ํ•ด ๊ถ๊ธˆํ–ˆ๋‹ค.๊ทธ๋ž˜์„œ ์ฐพ์•„

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

TIL. atomic design

Today I learned์•„ํ† ๋ฏน ๋””์ž์ธ์ด๋ž€?Atom(์›์ž) ๋ผ๋Š” ์ด๋ฆ„์—์„œ ์•Œ ์ˆ˜ ์žˆ๋“ฏ์ด ์•„์ฃผ ์ž‘๊ฒŒ ์ปดํฌ๋„ŒํŠธ๋กœ ์ชผ๊ฐœ๊ณ  ์ชผ๊ฐœ์„œ ๊ฐœ๋ฐœํ•˜๋Š” ๊ฒƒ์„ ๋งํ•œ๋‹ค.atom(์›์ž) -> molecules(๋ถ„์ž) -> organism(์œ ๊ธฐ์ฒด) ์ด๋ ‡๊ฒŒ 3๋‹จ๊ณ„๋กœ component ๋ฅผ ๊ตฌ์„ฑํ•˜๊ณ 

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

TIL . driven

Today I learnedโœ๏ธ CRM์„ ๋งŒ๋“ค๋•Œ ์–ด๋–ค ์‹์œผ๋กœ ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ ํ•  ๊ฒƒ ์ธ๊ฐ€?์ด๋ฒˆ์— ์‚ฌ์ˆ˜๋ถ„๊ณผ ๊ธฐํšํšŒ์˜๋ฅผ ํ•˜๋ฉด์„œ ์ด ๋‘๊ฐ€์ง€๋ฅผ ๋ง์”€ํ•˜์…จ๋‹ค.์ด๋Ÿฐ ๋‹จ์–ด๋ฅผ ์ฒ˜์Œ ๋“ค์–ด๋ณด๊ธฐ๋„ ํ•˜์ง€๋งŒ ๋ง๋กœ ๋“ค์—ˆ์„ ๋•Œ ์–ด๋Š์ •๋„ ๊ฐ์ด ์™”๋‹ค. ๋ˆ„๊ฐ€ ๋ฆฌ๋“œ๋ฅผ ํ•ด์„œ ์ง„ํ–‰ ํ•˜๋Š”๊ฐ€์— ๋Œ€ํ•ด ์—ฌ์ญค๋ณด์…จ๊ณ ..

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

TIL. Loading

Today I learned์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋•Œ๋Š” ๊ผญ animation์ ์ธ ์š”์†Œ๋ฅผ ๋„ฃ์–ด๋ณด์ž๊ณ  ํ˜ผ์ž ๋‹ค์งํ–ˆ๋Š”๋ฐ ๋‹คํ–‰์ด ์„ฑ๊ณตํ–ˆ๋‹ค! ์—ฌ๊ธฐ์ €๊ธฐ ์ฐพ์•„๋ณด๋ฉฐ ํ–ˆ๋Š”๋ฐ ๋„ˆ๋ฌด ๋งŒ์กฑ์Šค๋Ÿฝ๋‹ค.๋ฌผ๋ก ,, ์•ˆ์–ด์šธ๋ฆฌ๋Š” ๊ฐ์ด ์—†์ง€์•Š์•„ ์žˆ์ง€๋งŒ ๋‹ค์Œ์— ์ข€ ๋” ์‹ ๊ฒฝ์จ๋ด์•ผ๊ฒ ๋‹ค.์ „์ฒด์ ์œผ๋กœ ํ๋ฆ„์€ ํฌ๊ธฐ๊ฐ€ ๋‹ค๋ฅธ div

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

TIL. stepper line

Today I learned์ด๋ฒˆ์—๋Š” stepper line์— ๋Œ€ํ•ด์„œ ์ž‘์„ฑํ•˜๋ ค๊ณ  ํ•œ๋‹ค.์ด ๋ถ€๋ถ„์€ ๋‚ด๊ฐ€ ๊ฝค ์‹œํ–‰์ฐฉ์˜ค๋ฅผ ๋งŽ์ด ๊ฒช์€ ๋ถ€๋ถ„์ด๋ผ์„œ ๊ผญ ๊ธฐ์–ตํ•ด๋‘๊ณ  ์‹ถ์–ด์„œ ๋ธ”๋กœ๊ธ€์— ๊ธ€์„ ์“ด๋‹ค.survey์˜ ์งˆ๋ฌธ์ด ๋ฐ”๋€”๋•Œ๋งˆ๋‹ค currentQ ๋ผ๋Š” ์ž„์˜์˜ ์ˆซ์ž๊ฐ€ 1์”ฉ ์ฆ๊ฐํ•˜๊ฒŒ๋” ์„ ์–ธํ•ด์ฃผ

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

TIL. survey form

Today I learnedTIL. survey form

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

TIL. transform

Today I learned(๋ณ„๋„์˜ ์ฝ”๋“œ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค)์ด๋ฒˆ์— ์ˆจ๊ณ ๋ผ๋Š” ๊ณ ์ˆ˜๋งค์นญ ์‚ฌ์ดํŠธ๋ฅผ ๋ชจํ‹ฐ๋ธŒ๋กœํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ–ˆ๋‹ค.๋‚˜๋Š” ๊ณ ๊ฐ์ด ์›ํ•˜๋Š” ์œ ํ˜•์„ ์„ ํƒํ•˜๋Š” survey page๋ฅผ ๋งก์•„์„œ ์ง„ํ–‰ํ–ˆ๋Š”๋ฐ ๋‹น์—ฐํžˆ ์ € ๋นจ๊ฐ„์ƒ‰ ๋ฐ•์Šค๋ฅผ position absolute ๋ฅผ ์ค˜์„œ ์ €๋ ‡๊ฒŒ ๋ฐฐ

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

TIL. ์กฐ๊ฑด๋ถ€ ๋ Œ๋”๋ง

Today I learnedTIL ์กฐ๊ฑด๋ถ€ ๋ Œ๋”๋ง ์ด์ œ๊ป ์กฐ๊ฑด๋ถ€ ๋ Œ๋”๋ง์„ ์ง„์งœ ๋ Œ๋”๋ง์ด ๋˜๋Š” ๋ถ€๋ถ„์—๋งŒ ์‚ฌ์šฉํ•ด์คฌ๋‹ค. ๋‹ค์‹œ๋งํ•ด ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ ์กฐ๊ฑด๋ถ€ ๋ Œ๋”๋ง์„ ์‚ฌ์šฉํ•ด์คฌ๋‹ค.์˜ˆ๋ฅผ๋“ค์–ด์ด๋Ÿฐ์‹์œผ๋กœ ๋ฐ–์— ์‚ฌ์šฉ์„ ์•ˆํ–ˆ๋Š”๋ฐ ๋งŒ์•ฝ ์žฌ์‚ฌ์šฉ์„ฑ์„ ๊ณ ๋ คํ•ด์„œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค๋ฉด ์†์„ฑ๊ฐ’๋งŒ ๋ฐ”๊ฟ”์ฃผ๋ฉด

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

TIL. Styled-components

Today I learned์ง€๊ธˆ๊นŒ์ง€ styled-components๋ฅผ ์‚ฌ์šฉํ• ๋•Œ ๋ฏธ์ฒ˜ ์ƒ๊ฐ์ง€๋„ ๋ชปํ–ˆ๋˜ ๋ถ€๋ถ„์— ๋Œ€ํ•ด์„œ ์จ๋ณด๋ ค๊ณ  ํ•œ๋‹ค.๊ฐœ์ธ์ ์œผ๋กœ ๋‚˜๋Š” ํ•œ ํŒŒ์ผ์—์„œ component์™€ styled-component๋ฅผ ๊ฐ™์ด ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ์„ ํ˜ธํ•˜์ง€์•Š๋Š”๋‹ค. ์ด์œ ๋Š” ํŒŒ์ผ์ด ๋„ˆ๋ฌด ๊ธธ์–ด

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

TIL

Today I learned fetch ์š”์ฒญ์„ ํ• ๋•Œ ์ถ”๊ฐ€์ ์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰์‹œํ‚ค๊ณ  ์‹ถ์„๋•Œ .then().then() ์ด๋Ÿฐ์‹์œผ๋กœ ์‚ฌ์šฉํ•ด์•ผ๋งŒ ํ•˜๋Š”์ค„์•Œ์•˜๋‹ค. ์‚ฌ์‹ค then์„ ๊ณ„์† ์‚ฌ์šฉํ–ˆ์„๋•Œ ์ง€์ €๋ถ„ํ•œ ๋Š๋‚Œ์ด ๋“ค์—ˆ๋‹ค. ์•Œ์•„๋‚ธ ๋ฐฉ๋ฒ•์€ .then()์•ˆ์—์„œ return ๋ฌธ์„ ํ™œ์šฉํ•˜๋Š”

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