Freecodecamp: Random - codepen์˜ Qoute-Machine ์ฝ”๋“œ

์— ๋งŒ๋“  2016๋…„ 07์›” 09์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: freeCodeCamp/freeCodeCamp

๊ณผ์ œ ๋ฌด์ž‘์œ„ ๊ฒฌ์  ๊ธฐ๊ณ„ ๊ตฌ์ถ•์— ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:46.0) Gecko/20100101 Firefox/46.0 .
์ด ๋ฌธ์ œ๋ฅผ ์žฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•˜๊ณ  ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ ์Šคํฌ๋ฆฐ์ƒท์— ๋Œ€ํ•œ ๋งํฌ๋ฅผ ํฌํ•จํ•˜์‹ญ์‹œ์˜ค.
์•ˆ๋…•ํ•˜์„ธ์š”
๋‚˜๋Š” Vaibhav Sharma์ž…๋‹ˆ๋‹ค. ์ตœ๊ทผ์— Random Quote Machine API ๊ธฐ๋ฐ˜ ํ”„๋กœ์ ํŠธ๋ฅผ ์ˆ˜ํ–‰ํ•˜๋Š” ๋™์•ˆ ํ”„๋กœ์ ํŠธ์˜ ์ฐธ์กฐ ์ฝ”๋“œ(์ฐธ์กฐ์šฉ์œผ๋กœ๋งŒ ์—ด์—ˆ์Šต๋‹ˆ๋‹ค)์—์„œ ๊ฒฌ์ ์— ์˜ฌ๋ฐ”๋ฅธ ๊ฒฌ์  ์•„์ด์ฝ˜์ด ๋ˆ„๋ฝ๋˜์—ˆ์Œ์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค.
์ฒจ๋ถ€ํŒŒ์ผ์—์„œ ๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
screenshot from 2016-07-09 17 39 05 .
๋‚˜๋Š” ๋‹น์‹ ์ด ์ด ๋ฒ„๊ทธ๋ฅผ ๊ฒ€ํ† ํ•˜๊ธฐ๋ฅผ ์›ํ•ฉ๋‹ˆ๋‹ค(๋‹น์‹ ์ด ์ž์œ ๋กœ์›Œ์ง€๋ฉด).
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

bike shedding

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋‚˜๋Š” ์ธ์šฉ๋ฌธ์„ ์ œ์‹œํ•˜๋Š” ๋…ํŠนํ•œ ๋””์ž์ธ์ด๋ผ๊ณ  ๋งํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค :smirk:

์ฆ‰์‹œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” UI ๋””์ž์ธ ๊ฒฐ์ •์ž…๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

๋‚˜๋Š” ์ธ์šฉ๋ฌธ์„ ์ œ์‹œํ•˜๋Š” ๋…ํŠนํ•œ ๋””์ž์ธ์ด๋ผ๊ณ  ๋งํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค :smirk:

์ฆ‰์‹œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” UI ๋””์ž์ธ ๊ฒฐ์ •์ž…๋‹ˆ๋‹ค.

์‹œ๊ฐ์ ์œผ๋กœ ๋ฉ‹์ง„ ํšจ๊ณผ๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ๋˜ํ•œ ์‚ฌ๋žŒ๋“ค์ด ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๋‹ซ๋Š” ๋”ฐ์˜ดํ‘œ๋ฅผ ์ฐพ๋Š” ๊ฒƒ์€ ์ผ์ข…์˜ ๊ธฐ๋ณธ ๋ฌธ๋ฒ•์ด๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์‹ค์ž…๋‹ˆ๋‹ค.

๋ฐ”๋กœ ๋น„์ฃผ์–ผ ์Šคํƒ€์ผ์ž…๋‹ˆ๋‹ค. ๋งŽ์€ ๊ฒฌ์  ์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉํ•˜๊ณ  ๋งŽ์ด ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
์˜ˆ๋ฅผ ๋“ค์–ด:

image

์ž์ „๊ฑฐ ๋ณด๊ด€์†Œ๋กœ ๋งˆ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰