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

Expo-notification & Firebase

Client ์—์„œ expoPushToken ๋ฐ›๊ธฐexpoPushToken ์„ Firebase์— ์ €์žฅCloudFunction ์—์„œ ํŠน์ • ์กฐ๊ฑด์— ๋”ฐ๋ผ expo.sendPushNotificationsAsync() ์„ ์‚ฌ์šฉํ•ด์„œ ์•Œ๋ฆผ ๋ณด๋‚ด๊ธฐ.Cada ์—์„œ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘

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

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. D-day ๊ตฌํ•˜๊ธฐ

ํšŒ์‚ฌ ํ”„๋กœ์ ํŠธ ์ค‘ ๊ฒŒ์‹œ๋ฌผ์ด ์ž‘์„ฑ๋œ์ง€ ์–ผ๋งŒํผ ์‹œ๊ฐ„์ด ์ง€๋‚ฌ๋Š”์ง€,๋˜ ๊ฒŒ์‹œ๋ฌผ์ด ์—†์–ด์ง€๊ธฐ๊นŒ์ง€ due date ๊ฐ€ ์–ผ๋งˆ๋‚˜ ๋‚จ์•˜๋Š”์ง€๋ฅผ ๊ณ„์‚ฐํ–ˆ๋‹ค.

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

TIL. this

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

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

TIL. ์‹คํ–‰ ์ปจํ…์ŠคํŠธ

์‹คํ–‰์ปจํ…์ŠคํŠธ๋ž€? ์‹คํ–‰ํ•  ์ฝ”๋“œ์— ์ œ๊ณตํ•  ํ™˜๊ฒฝ ์ •๋ณด๋“ค์„ ๋ชจ์•„๋†“์€ ๊ฐ์ฒด๋กœ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋™์  ์–ธ์–ด๋กœ์„œ์˜ ์„ฑ๊ฒฉ์„ ๊ฐ€์žฅ ์ž˜ ํŒŒ์•… ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐœ๋…์ด๋‹ค. ์šฐ์„  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ ์–ธ์–ด์ด๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ์ฝ”๋“œ๋ฅผ ์ฝ์–ด ๋‚ด๋ ค๊ฐ€๋ฉด์„œ ์‹คํ–‰ํ•ด์•ผํ•  ํ•จ์ˆ˜๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค๋ฉด ์ปจํ…์ŠคํŠธ

2021๋…„ 10์›” 3์ผ
ยท
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๊ฐœ์˜ ๋Œ“๊ธ€