TIL - 2022.08.01

TIL - 2022.08.01

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

[React] SubwayTour - 4. ๋กœ๊ทธ์ธํ•˜๊ธฐ(2)

์ง€๊ธˆ๊นŒ์ง€ ์ž‘์„ฑํ•œ ์ฝ”๋“œ์—๋Š” ์•„์ฃผ ํฐ ๋ฌธ์ œ์ ์ด ์กด์žฌํ•œ๋‹ค! ๋กœ๊ทธ์ธ ์„ธ์…˜์ด ์œ ์ง€๋˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋กœ๊ทธ์ธ์„ ํ•˜๊ณ  ๋‚˜์„œ ์ƒˆ๋กœ๊ณ ์นจ์„ ํ•˜๊ณ  ๋‚˜๋ฉด ๋กœ๊ทธ์•„์›ƒ ์ƒํƒœ๋กœ ๋ฐ”๋€Œ์–ด๋ฒ„๋ฆฐ๋‹ค.

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

[React] SubwayTour - 3. ๋กœ๊ทธ์ธํ•˜๊ธฐ

์ง€ํ•˜์ฒ  ์—ญ ๊ด€๋ฆฌ์— ๋ฌด์Šจ ๋กœ๊ทธ์ธ๊นŒ์ง€ ํ•„์š”ํ•˜๋‚˜ ์‹ถ์„์ง€๋„ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ, ์ถ”ํ›„์— ์‚ฌ์ง„์ด๋‚˜ ๊ธ€๊ท€๋ฅผ ์—…๋กœ๋“œํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๋„ฃ์„ ์ˆ˜๋„ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ๋„ ๊ตฌํ˜„ํ•ด์•ผ ํ•œ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ์ง์ ‘ ๋กœ๊ทธ์ธ ๋ฐฉ์‹์„ ๊ตฌํ˜„ํ•˜๊ธฐ๋ณด๋‹ค๋Š” Firebase์˜ Authentication ๊ธฐ๋Šฅ์„ ์ด์šฉํ•˜

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

[React] SubwayTour - 2. Firebase ์—ฐ๋™(2)

1ํŽธ์— ์ด์–ด Firebase ์—ฐ๋™์„ ๊ณ„์†ํ•ด๋ณด์ž.

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

[React] SubwayTour - 1. Firebase ์—ฐ๋™

์—ฌ์ž์นœ๊ตฌ์™€ ๋ฐ์ดํŠธ๋ฅผ ํ•˜๋˜ ์ค‘, ์„œ์šธ์˜ ์ง€ํ•˜์ฒ  ์—ญ์„ ๋ชจ๋‘ ํ•œ๋ฒˆ์”ฉ ๋†€๋Ÿฌ๊ฐ€์ž๋Š” ์–˜๊ธฐ๊ฐ€ ๋‚˜์™”๋‹ค. ๊ฐ€๋ดค๋˜ ์—ญ๋“ค์„ ์ผ์ผํžˆ ์„ค์ •ํ•˜๊ธฐ๋„ ์–ด๋ ต๊ณ , ์ƒˆ๋กœ์šด ์—ญ์„ ์ •ํ•˜๋Š” ๊ฒƒ๋„ ์–ด๋ ต๋‹ค๊ณ  ์ƒ๊ฐํ•ด ๊ฐœ๋ฐœ์ž์˜ ์žฅ์ ์„ ์‚ด๋ ค ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค!

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

React - Styled Components ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

React์—๋Š” ์—ฌ๋Ÿฌ ๋ฐฉ๋ฒ•์„ ํ†ตํ•ด CSS๋ฅผ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ ์ค‘์—์„œ๋„ ๊ฐœ์ธ์ ์œผ๋กœ ๊ฐ€์žฅ ์ข‹๋‹ค๊ณ  ์ƒ๊ฐ๋˜๋Š” Styled-Components์˜ ์—ฌ๋Ÿฌ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

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

React์— CSS๋ฅผ ์ ์šฉํ•˜๋Š” ์—ฌ๋Ÿฌ ๋ฐฉ๋ฒ•

React๋Š” ๋‹ค์–‘ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ์กฐํ•ฉ์œผ๋กœ ์ƒ์‚ฐ์„ฑ์ด ๋†’์•„์ง€๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. ๋”ฐ๋ผ์„œ ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์—๋„ ๊ธฐ์กด์˜ import๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ ์ด์™ธ์— ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์ด ์žˆ๋‹ค.

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

Redux๊ฐ€ ํ•„์š”ํ•œ ์ด์œ 

Redux๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด state๋ฅผ ์ „์—ญ์œผ๋กœ ์„ ์–ธํ•ด์„œ ๊ด€๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•ด์ง„๋‹ค. state๊ฐ€ ์—…๋ฐ์ดํŠธ๋˜๋Š” ์‹œ๊ธฐ, ์œ„์น˜ ๋“ฑ๊ณผ ๊ทธ ๋กœ์ง์— ๋Œ€ํ•ด ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์›Œ์ง„๋‹ค.

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