์ธํ„ฐ๋ฏธ์…˜ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งˆ์น˜๋ฉฐ
728x90

ํ”„๋กœ์ ํŠธ๋ฅผ ๋งˆ์น˜๋ฉฐ

์œ ๋… ํž˜๋“ค๊ณ  ๊ณ ํ†ต์ด์—ˆ๋˜ ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋๋‚ฌ๋‹ค!.. ๋„ค์ดํ‹ฐ๋ธŒ.. ๋„ˆ๋ฌด๋‚˜ ํž˜๋“ค์—ˆ๋‹ค..
๊ฐ€์žฅ ํž˜๋“ค์—ˆ๋˜ ๋ถ€๋ถ„์€ ๋ฐฐํฌ ํ›„ ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ์—๋Ÿฌ๊ฐ€ ์—ฐ๋‹ฌ์•„ ํ„ฐ์กŒ์„ ๋•Œ์˜€๋˜ ๊ฒƒ ๊ฐ™๋‹ค ^^..

์šฐ๋ฆฌ์˜ ์„œ๋น„์Šค๋Š” ์•„๋ž˜ ๋ ˆํฌ์ง€ํ† ๋ฆฌ์— ์ž˜ ์ •๋ฆฌํ•ด ๋‘์—ˆ๋‹ค!
https://github.com/yujleee/intermission

 

GitHub - yujleee/intermission: ๊ณต์—ฐ์˜ˆ์ˆ ํ†ตํ•ฉ์ „์‚ฐ๋ง(KOPIS)์˜ OPEN API๋ฅผ ํ™œ์šฉํ•œ ๋ฎค์ง€์ปฌ ์ •๋ณด ์ œ๊ณต ๋ฐ ๋ฆฌ๋ทฐ

๊ณต์—ฐ์˜ˆ์ˆ ํ†ตํ•ฉ์ „์‚ฐ๋ง(KOPIS)์˜ OPEN API๋ฅผ ํ™œ์šฉํ•œ ๋ฎค์ง€์ปฌ ์ •๋ณด ์ œ๊ณต ๋ฐ ๋ฆฌ๋ทฐ ์•ฑ. Contribute to yujleee/intermission development by creating an account on GitHub.

github.com

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋„ ๊ฐœ์ธ์ ์ธ ํšŒ๊ณ ๋ฅผ ์ž‘์„ฑํ•ด ๋ณธ๋‹ค.

 

 

์•„์‰ฌ์› ๋˜ ์ 

๊ฒฐ๊ตญ ๋Œ€๋ถ€๋ถ„์€ ๋ฐ•์Šค์˜คํ”ผ์Šค API๋กœ๋ถ€ํ„ฐ...

๋ชจ๋“  ๊ณต์—ฐ์ด๋ผ๋˜๊ฐ€, ๋‹ค์–‘ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์“ธ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™์•˜์ง€๋งŒ 2016๋…„์— ๋ฐฐํฌ๋œ API๋‹ค ๋ณด๋‹ˆ ํ˜„์žฌ๊นŒ์ง€ ์œ ์ง€๋ณด์ˆ˜๊ฐ€ ์ž˜ ์•ˆ ๋˜๋Š” ๊ฒƒ์ธ์ง€?
์ƒ๊ฐ์ง€ ๋ชปํ–ˆ๋˜ ๋ถ€๋ถ„์ด ๋งŽ์•„ ๊ฒฐ๊ตญ ๋Œ€๋ถ€๋ถ„์˜ API ํ˜ธ์ถœ์€ ๋ฐ•์Šค์˜คํ”ผ์Šค ๋ฐ์ดํ„ฐ๋ฅผ ์ด์šฉํ–ˆ๋‹ค.

๋˜ ์žฅ๋ฅด๋ฅผ ๊ฑธ๋Ÿฌ์ฃผ๋Š” ์ฟผ๋ฆฌ์ŠคํŠธ๋ง์ด ์ œ๋Œ€๋กœ ๋™์ž‘ํ•˜์ง€ ์•Š์•„ ๋”ฐ๋กœ ํ•จ์ˆ˜๋กœ ๊ฑธ๋Ÿฌ์ฃผ์—ˆ๋˜ ์ .. ๊ฐ™์€ ๊ฒƒ์ด ์šฐ๋ฆฌ ์„œ๋น„์Šค์˜ ๋กœ๋”ฉ ์†๋„๊ฐ€ ๋Š๋ฆฐ ์ด์œ ๊ฐ€ ์•„๋‹Œ์ง€ ๐Ÿค”... ํ•œ ๋ฒˆ์— ๋ฐ์ดํ„ฐ๋ฅผ ๋ชจ๋‘ ๊ฐ€์ ธ์˜ค๋‹ค ๋ณด๋‹ˆ ๋ฌดํ•œ ์Šคํฌ๋กค ๊ฐ™์€ ๊ฒƒ์„ ์ ์šฉํ•˜์ง€ ๋ชปํ•œ ์ ๋„ ์•„์‰ฌ์› ๋‹ค.

 

 

๋ฐ•์Šค์˜คํ”ผ์Šค ๋ฆฌ์ŠคํŠธ

์ด ๋ถ€๋ถ„์„ ํ”ผ๊ทธ๋งˆ์— ํ•œ ๋””์ž์ธ ๋Œ€๋กœ๋ผ๋ฉด 1,2,3.. ๊ฐ€๋กœ์ •๋ ฌ์ด ๋˜์–ด์•ผ ํ–ˆ๋Š”๋ฐ FlatList์˜ numColumns ์ œ์•ฝ์ƒ ์™„๋ฒฝํ•˜๊ฒŒ ๊ตฌํ˜„ํ•˜์ง€ ๋ชปํ–ˆ๋‹ค.
์‚ฌ์‹ค ๋ฐ์ดํ„ฐ๋ฅผ ์ข€ ๋” ๋‹ค๋ฃจ๋Š” ์ž‘์—…์„ ์ง„ํ–‰ํ–ˆ๋‹ค๋ฉด ๊ฐ€๋Šฅํ–ˆ๊ฒ ์ง€๋งŒ ์‹œ๊ฐ„์ด ๋น ๋“ฏํ–ˆ๊ณ .... ๊ทธ๋žฌ๋‹ค ใ…Ž.
์•„์‰ฌ์›€์ด ๋‚จ๋Š”๋‹ค.

 

์ปค์Šคํ…€ ํ›…์„ ์‚ฌ์šฉํ•˜์ง€ ๋ชปํ•จ

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

 

 

์ข‹์•˜๋˜ ์ 

API, util ํ•จ์ˆ˜ ๋ถ„๋ฆฌ

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

 

 

React-Query ์‚ฌ์šฉ

์–ด๋ ต๊ฒŒ๋งŒ ๋Š๊ปด์กŒ๋˜ ๋ฆฌ์•กํŠธ ์ฟผ๋ฆฌ๊ฐ€ ์ด์ œ ๊ธฐ๋ณธ์ ์ธ ๊ธฐ๋Šฅ์€ ์“ธ๋งŒํ•˜๋‹ค๊ณ  ๋ณผ ์ˆ˜ ์žˆ๊ฒ ๋‹ค!..
๋ฌผ๋ก  ๋ฆฌ์•กํŠธ ์ฟผ๋ฆฌ๊ฐ€ ๊ฐ–๊ณ  ์žˆ๋Š” ๊ธฐ๋Šฅ์ด ์•„์ฃผ ๋งŽ์•„์„œ ๋‚ด๊ฐ€ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์€ ๊ฝค ๊ธฐ์ดˆ์ ์ธ ๋ถ€๋ถ„์ด์ง€๋งŒ!..
์ƒˆ๋กœ๊ณ ์นจ์ด๋‚˜ ๋กœ๋”ฉ ์ค‘ ๊ฐ™์€ ๋ถ€๋ถ„์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์–ด์„œ ์•„์ฃผ ์ข‹์•˜๋‹ค.

 

 

 

 

KPT ํšŒ๊ณ 

Keep

  • ๋…ธ์…˜์œผ๋กœ ํ”„๋กœ์ ํŠธ ์ •๋ฆฌํ•œ ๊ฒƒ
  • ํŒ€์› ๊ฐ„์˜ ์›ํ™œํ•œ ์†Œํ†ต๊ณผ ํ˜„์žฌ ์ƒํ™ฉ ๊ณต์œ 
  • ๊ฐ™์ด ๊นƒํ—ˆ๋ธŒ ์ถฉ๋Œ์„ ํ•ด๊ฒฐํ•ด ๋‚˜๊ฐ„ ๊ฒƒ

Problem

  • ๊นƒํ—ˆ๋ธŒ ์ถฉ๋Œ์ด ์žฆ์•˜๋˜ ์ 
  • API๋ฅผ ์‚ฌ์šฉํ•˜๊ธด ํ–ˆ์ง€๋งŒ ์„ ํƒ ๋ฏธ์Šค๋กœ ์‚ฌ์šฉํ•œ ๋ฐ์ดํ„ฐ๊ฐ€ ๋„ˆ๋ฌด ํ•œ์ •์ ์ด์—ˆ๋˜ ์ 

Try

  • PR ์Šน์ธ ์‹œ ๋ณ‘ํ•ฉ๋˜๋Š” ๋ธŒ๋žœ์น˜ ๋‘ ๋ฒˆ ํ™•์ธํ•˜๊ธฐ
  • ์ œ๋•Œ pull ๋ฐ›๊ธฐ
  • ๊ธฐ๋Šฅ๋งˆ๋‹ค ๋ธŒ๋žœ์น˜ ์ƒ์„ฑ ํ›„ ํ๊ธฐํ•˜๊ธฐ
  • API๋ฅผ ์ž˜ ์‚ดํŽด๋ณด๊ณ  ์„ ํƒํ•˜๊ธฐ!..

Feel

  • ์ •๋ง ๋‹ค์–‘ํ•œ ๊นƒํ—ˆ๋ธŒ ์ถฉ๋Œ์„ ๋งŒ๋‚ฌ๊ณ , ๋ฆฌ๋ฒ„ํŠธ๋„ ํ•ด๋ณด๊ณ .. ์›น๊ณผ ๋‹ค๋ฅธ ํ™˜๊ฒฝ ๋•Œ๋ฌธ์— ์œ ๋… ํž˜๋“ค์—ˆ๋˜ ํ”„๋กœ์ ํŠธ์ง€๋งŒ ๋ฐฐํฌ๊นŒ์ง€ ์ž˜ ๋งˆ์น˜๊ฒŒ ๋˜์–ด์„œ ๋ฟŒ๋“ฏํ•ฉ๋‹ˆ๋‹ค!.. ํŒ€์›๋“ค ๋‹ค ๊ฐ™์ด ๊ธฐ๋Šฅ๊ณผ ์˜ค๋ฅ˜์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•ด ๋ณด๋Š” ๊ฒฝํ—˜์ด ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ๋‹ค๋“ค ๋„ˆ๋ฌด ๊ณ ์ƒํ•˜์…จ์Šต๋‹ˆ๋‹ค. ๐Ÿ™Œ
728x90