์›น ๊ฐœ๋ฐœ์ž๋„, ์›น ๋””์ž์ด๋„ˆ๋„ ์ฝ์–ด๋ณผ ๋งŒํ•œ UI์˜ ๊ธฐ์ดˆ: Refactoring UI

์›น ๊ฐœ๋ฐœ์ž๋„, ์›น ๋””์ž์ด๋„ˆ๋„ ์ฝ์–ด๋ณผ ๋งŒํ•œ UI์˜ ๊ธฐ์ดˆ: Refactoring UI

์šฐ๋ฆฌ CTO๋‹˜์ด CPO๋‹˜๊ป˜ ์ถ”์ฒœํ•ด์ฃผ๊ณ , CPO๋‹˜์ด ๋‚ด๊ฒŒ ์ถ”์ฒœํ•ด์ฃผ์‹  ์ฑ…, Refactoring UI๋ฅผ ์ฝ์–ด๋ดค๋‹ค.

๋™์˜์ƒ ๋กœ๋”ฉ์ด ๋„ˆ๋ฌด ๋А๋ ค์š”๐Ÿ˜ข!: ์›์ธ ๋ถ„์„๊ณผ ํ•ด๊ฒฐ ๊ณผ์ •(Feat. ์••์ถ•)

๋™์˜์ƒ ๋กœ๋”ฉ์ด ๋„ˆ๋ฌด ๋А๋ ค์š”๐Ÿ˜ข!: ์›์ธ ๋ถ„์„๊ณผ ํ•ด๊ฒฐ ๊ณผ์ •(Feat. ์••์ถ•)

๋™์˜์ƒ์„ ์žฌ์ƒํ–ˆ์„ ๋•Œ ๋กœ๋”ฉ ์†๋„์— ๊ฐœ์„ ์ด ํ•„์š”ํ•˜๋‹ค๋Š” ์ด์•ผ๊ธฐ๊ฐ€ ๋“ค๋ ค์™”๋‹ค.
์ด๋ฅผ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด ์›์ธ์„ ๋ถ„์„ํ•˜๊ณ , ์กฐ์น˜๋ฅผ ์ทจํ•œ ๊ณผ์ •์„ ๊ธฐ๋กํ–ˆ๋‹ค.
ํ™”์งˆ์„ ์ตœ๋Œ€ํ•œ ๋ณด์กดํ•˜๋ฉฐ ํŒŒ์ผ ํฌ๊ธฐ๋ฅผ ์ตœ๋Œ€ํ•œ ์ค„์ด๋Š” ์ตœ์ ํ™”๋ฅผ ํ†ตํ•ด, ์ €์žฅ ๋น„์šฉ๊ณผ ์†๋„ ์ธก๋ฉด์—์„œ 87%์˜ ๊ฐœ์„ ์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์—ˆ๋‹ค.

Fetch ๋ง๊ณ  Axios (Feat.Refresh Token, Context)

Fetch ๋ง๊ณ  Axios (Feat.Refresh Token, Context)

Refresh Token์„ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์š”์ฒญ๋“ค์ด ํ•œ ๊ณณ์—์„œ ๊ด€๋ฆฌ๋˜์–ด์•ผ ํ–ˆ๋‹ค.
์—ฌ๊ธฐ์ €๊ธฐ ์‚ฐ์žฌ๋˜์–ด ์žˆ๋Š” fetch๋“ค์„ Axios๋ฅผ ์‚ฌ์šฉํ•ด ์‹น ๋ฐ”๊ฟ”๋ณธ ํ›„๊ธฐ.

JavaScript์˜ ๋น„๋™๊ธฐ์— ๋Œ€ํ•ด ๋‹น์‹ ์ด ์•Œ์•„์•ผ ํ•  ํ•„์ˆ˜ ์š”์†Œ: Promise, Async, Await, Event Loop

JavaScript์˜ ๋น„๋™๊ธฐ์— ๋Œ€ํ•ด ๋‹น์‹ ์ด ์•Œ์•„์•ผ ํ•  ํ•„์ˆ˜ ์š”์†Œ: Promise, Async, Await, Event Loop

์ด ์ •๋„๋Š” ์•Œ์•„์•ผ ๋น„๋™๊ธฐ์˜ ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ๋™์ž‘์— ์šธ์ง€ ์•Š๊ณ  ํ”„๋กœ๊ทธ๋ž˜๋ฐํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋œ๋‹ค.

React(JavaScript)์—์„œ ์ธ๋„ค์ผ ์ƒ์„ฑํ•˜๊ธฐ (Feat.๋น„๋™๊ธฐ)

React(JavaScript)์—์„œ ์ธ๋„ค์ผ ์ƒ์„ฑํ•˜๊ธฐ (Feat.๋น„๋™๊ธฐ)

์—„์ฒญ๋‚œ ํ™•๋Œ€๋กœ ํ™”์งˆ์€ ์ข€ ๊นจ์กŒ์ง€๋งŒ,, ์š”๋ ‡๊ฒŒ ์ธ๋„ค์ผ์„ ๋งŒ๋“ค๊ณ  ์„ ํƒํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

React Native, Expo๋ฅผ ํ™œ์šฉํ•œ ์•ฑ ๋งŒ๋“ค๊ธฐ - Part 3. OpenWeatherAPI Free Plan ๋ฐ์ดํ„ฐ ๊ฐ€๊ณตํ•˜๊ธฐ

React Native, Expo๋ฅผ ํ™œ์šฉํ•œ ์•ฑ ๋งŒ๋“ค๊ธฐ - Part 3. OpenWeatherAPI Free Plan ๋ฐ์ดํ„ฐ ๊ฐ€๊ณตํ•˜๊ธฐ

Nomad Coders์˜ ๊ฐ•์˜์™€ ๋‹ฌ๋ฆฌ ํ˜„์žฌ๋Š” Free Plan์„ ์‚ฌ์šฉํ•ด ์ผ๊ธฐ์˜ˆ๋ณด๋ฅผ ๋ฐ›์œผ๋ ค๋ฉด
Current Weather Data API์™€ 5 Day / 3 Hour Forecast API๋ฅผ ์‚ฌ์šฉํ•ด ์ ์ ˆํžˆ ๊ฐ€๊ณตํ•ด์•ผ ํ•œ๋‹ค.
๋ฌผ๋ก  ๊ทธ๋ƒฅ 8์ผ์น˜ ์˜ˆ๋ณด ์ฃผ๋Š” One Call API ์จ๋„ ํ•˜๋ฃจ 1,000 ์ฝœ ๊นŒ์ง€๋Š” ๋ฌด๋ฃŒ๋‹ค๋งŒ ๊ทธ๋ƒฅ ์ด๊ฒŒ ๋” ์žฌ๋ฐŒ์„ ๊ฑฐ ๊ฐ™์•„์„œ,, ~

React Native, Expo๋ฅผ ํ™œ์šฉํ•œ ์•ฑ ๋งŒ๋“ค๊ธฐ (Feat. Nomad Coders) - Part 1. Set Up & Create an APP

์ผ์„ ์‰ฌ๊ฒŒ ๋œ ๊น€์— ์•ฑ์ด๋‚˜ ํ•˜๋‚˜ ๋งŒ๋“ค์–ด๋ณผ๊นŒ ํ•ด์„œ ์‹œ์ž‘ํ•˜๊ฒŒ ๋œ ํ”„๋กœ์ ํŠธ
์ฃผ๋กœ ์›น ๊ฐœ๋ฐœ์„ ํ•˜๋Š” ํ„ฐ๋ผ, ์•ฑ๊ณผ ๊ด€๋ จ๋œ ๊ฒฝํ—˜์ด๋ผ๊ณค ์ด์ „ ํšŒ์‚ฌ์—์„œ ๋ณต์žกํ•œ ๊ตฌ์กฐ์˜ Android App์„ ๊ฐ„์†Œํ™”ํ•˜๋Š” ์ž‘์—… ์ •๋„๋ฟ์ด์—ˆ๋‹ค.
์ต์ˆ™์น˜ ์•Š์•„์„œ ๊ทธ๋Ÿฐ์ง€, ์•ฑ ๊ฐœ๋ฐœ์˜ ํŠน์„ฑ์ธ์ง€, ์•ˆ๋“œ๋กœ์ด๋“œ ์•ฑ ๊ฐœ๋ฐœ ๊ฒฝํ—˜์€ ์ฉ ์œ ์พŒํ•˜์ง€ ์•Š์•˜๋‹ค.
๊ทธ์œผ๋Ÿฐ๋ฐ React๋กœ ์•ฑ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค? ๋ƒ…๋‹ค ํ•ด๋ด์•ผ์ง€.

๋งˆ์นจ Nomad Coders์— ์™•์ดˆ๋ณด๋ฅผ ์œ„ํ•œ React Native 101 ์ด๋ž€ ๋ฌด๋ฃŒ ๊ฐ•์˜๊ฐ€ ์˜คํ”ˆ๋˜์–ด ์žˆ์—ˆ๋‹ค.
๋ญ”๊ฐ€๋ฅผ ์ƒˆ๋กœ ์‹œ์ž‘ํ•  ๋•Œ๋Š” ์ด๋Ÿฐ์‹์œผ๋กœ ๊ฐ•์˜๋ฅผ ์ฐพ์•„๋ณด๋Š” ๊ฑธ ์„ ํ˜ธํ•˜๋Š” ํŽธ์ธ๋ฐ,

Pagination