Freecodecamp: ํ”„๋กœ์ ํŠธ ๊ณผ์ œ์—์„œ ์ •๋ ฌ ๋œ ๋ชฉ๋ก์„ ์ •๋ ฌ๋˜์ง€ ์•Š์€ ๋ชฉ๋ก์œผ๋กœ ๋ณ€๊ฒฝ

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

๋„์ „ ์ด๋ฆ„

๋ชจ๋“  ํ”„๋กœ์ ํŠธ ์ฑŒ๋ฆฐ์ง€ ํŽ˜์ด์ง€ (์˜ˆ : https://www.freecodecamp.com/challenges/show-the-local-weather)

๋ฌธ์ œ ์„ค๋ช…

ํ˜„์žฌ ํ”„๋กœ์ ํŠธ ์ฑŒ๋ฆฐ์ง€์—๋Š” ์ฑŒ๋ฆฐ์ง€์— ๋Œ€ํ•œ ์š”๊ตฌ ์‚ฌํ•ญ๊ณผ ์ง€์นจ์„ ๋‚˜์—ดํ•˜๋Š” ์ˆœ์„œ๊ฐ€ ์ง€์ •๋œ ๋ชฉ๋ก์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ธ€ ๋จธ๋ฆฌ ๊ธฐํ˜ธ ๋ชฉ๋ก๊ณผ ์ˆซ์ž ๋ชฉ๋ก์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— "๋ชฉ๋ก"์ด ๋„ˆ๋ฌด ๋งŽ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์ฒซ์งธ, ๋‚˜๋Š” ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ์ด์Šˆ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์„ ์ฝ๊ฑฐ๋‚˜ ๊ทœ์น™ ๋ฒˆํ˜ธ๊ฐ€ ์ผ๋ฐ˜์ ์œผ๋กœ ๋ชฉ๋ก ๋ฒˆํ˜ธ์™€ ์ด์ƒํ•œ ๋Œ€์กฐ๋ฅผ ์ด๋ฃจ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์–ธ๊ธ‰ ํ•œ ๊ฒƒ์„ ๊ธฐ์–ตํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, Rule #1 ๊ฐ€ ๋ชฉ๋ก์—์„œ #2 ๋กœ ๋‚˜์—ด๋˜๋Š” ๊ฒฝ์šฐ :

image

๋‘˜์งธ, "๋ชฉ๋ก"์—๋Š” ํ™•์ธ๋ž€์ด ์žˆ์ง€๋งŒ ๋ฒˆํ˜ธ๊ฐ€ ๋งค๊ฒจ์ง„ ๋ชฉ๋ก ํ•ญ๋ชฉ๋„ ์ค‘๋ณต๋˜๋Š” ๊ฒƒ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค. ๊ฐ ํ•ญ๋ชฉ์€ ์ด๋ฏธ ๊ณต๋ฐฑ์œผ๋กœ ๊ตฌ๋ถ„๋˜์–ด ์žˆ์œผ๋ฏ€๋กœ ์ˆซ์ž๊ฐ€ _ ์ •๋ง _ ํ•„์š”ํ•˜์ง€ ์•Š๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์ œ ์ƒ๊ฐ์— ๋ชฉ๋ก์—์žˆ๋Š” ์ˆซ์ž๋Š” ์–ด๋–ค ๊ฒƒ์— ๋Œ€ํ•ด 3 ~ 4 ๊ฐœ์˜ ์š”๊ตฌ ์‚ฌํ•ญ์ด ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ์•„์•ผํ•˜๋Š” ๊ฒƒ๊ณผ ๊ฐ™์€ ์˜๋ฏธ๋ฅผ ๊ฐ€์ ธ์•ผํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜์ด ๊ฒฝ์šฐ ์ˆซ์ž๋Š” ์ฝ์„ ์ค„์ด 10 ๊ฐœ ์ •๋„๋ผ๋Š” ์ ์„ ์ œ์™ธํ•˜๊ณ ๋Š” ์‹ค์ œ๋กœ ๋งŽ์€ ๊ฒƒ์„ ์•Œ๋ ค์ฃผ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ˆซ์ž๋ฅผ ์•„๋Š” ๊ฒƒ์€ ๋„์ „์„ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐ ์ค‘์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ œ์•ˆ ๋œ ์ˆ˜์ •

์ •๋ ฌ ๋œ ๋ชฉ๋ก์„ ์ •๋ ฌ๋˜์ง€ ์•Š์€ ๋ชฉ๋ก์œผ๋กœ ๋ณ€๊ฒฝํ•˜์‹ญ์‹œ์˜ค. ์ด๋Ÿฌํ•œ ๋ณ€๊ฒฝ์„ ์ˆ˜ํ–‰ํ•˜๋ ค๋ฉด ์ด ์ค„ ์„ ol ์—์„œ ul ๋งŒํ•˜๋ฉด๋ฉ๋‹ˆ๋‹ค (ํ‹€ ๋ ธ์œผ๋ฉด ์ˆ˜์ •). ์ „๋ฐ˜์ ์œผ๋กœ ์ด๋Ÿฌํ•œ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ๋ฌธ์ œ๋ฅผ ๋” ๋ช…ํ™•ํ•˜๊ฒŒ ๋ณด์—ฌ์ค„ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ ์ƒท

ํ˜„์žฌ :
image

์ œ์•ˆ ๋œ ๋ณ€๊ฒฝ :
image

cc / @hallaathrad

help wanted UI

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

@ sanskar-modi, ์ง€๊ธˆ์ด ๋ฌธ์ œ๋ฅผ ์ž์œ ๋กญ๊ฒŒ ํ•ด๊ฒฐํ•˜์„ธ์š”! ํ™•์ธ๋ž€๊ณผ ์ˆซ์ž๋ฅผ ์ œ๊ฑฐํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ธฐ์—ฌ ๊ฐ€์ด๋“œ ๋ผ์ธ์„ ํ™•์ธํ•˜๊ณ  ๋„์›€์ด ํ•„์š”ํ•˜๋ฉด ๊ธฐ์—ฌ์ž ์ฑ„ํŒ…๋ฐฉ์œผ๋กœ ๋ฌธ์˜ํ•˜์‹ญ์‹œ์˜ค.

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

๋‚˜๋Š” ์ด๊ฒƒ์ด ํ›จ์”ฌ ๋‚ซ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค!

๋‚ด๊ฐ€ ์ด๊ฒƒ์„ ์‹œ๋„ํ•˜๊ฑฐ๋‚˜ ์ด๊ฒƒ์— ๋Œ€ํ•ด ๋” ๋งŽ์€ ํ† ๋ก ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

@ sanskar-modi @hallaathrad ์˜๊ฒฌ์„ ๊ธฐ๋‹ค๋ฆฌ

ํ  ๋ชจ๋“  ์‚ฌ๋ก€๋ฅผ ํ™•์ธํ•˜์ง€๋Š” ์•Š์•˜์ง€๋งŒ ์ ์–ด๋„ ์ง€๊ธˆ ๋‹น์žฅ์€ ๋‚˜์—๊ฒŒ ๋งŽ์€ ์˜๋ฏธ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚˜๋Š” ์šฐ๋ฆฌ๊ฐ€ ๊ทธ๊ฒƒ์„ ๋ฐ›์•„๋“ค์ด๊ณ , ์–ด๋–ค ํŠน์ •ํ•œ ๋„์ „์— ์ˆœ์„œ๊ฐ€์žˆ๋Š” ๋ชฉ๋ก์ด ํ•„์š”ํ•˜๋‹ค๋ฉด, ์šฐ๋ฆฌ๋Š” ๊ทธ๊ฒƒ์„ ์‚ฌ๋ก€๋ณ„๋กœ ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค.
LGTM.


์ถ”์‹  : ์šฐ๋ฆฌ๊ฐ€ ๊ทธ ๋™์•ˆ ์ฒดํฌ ๋ฐ•์Šค๊ฐ€ ์‹ค์ œ๋กœ ํ•„์š”ํ•œ์ง€ ์•Œ์•„๋‚ผ ์ˆ˜ ์žˆ์„๊นŒ์š”? ๋Œ€๋ถ€๋ถ„์˜ ๊ฒฝ์šฐ ๊ทธ๊ฒƒ๋“ค์€ ์‹ค์งˆ์ ์ธ ์˜๋ฏธ์—์„œ ์ €์—๊ฒŒ ๋ฌด์˜๋ฏธ ํ•ด ๋ณด์˜€์Šต๋‹ˆ๋‹ค.

ํ™•์ธ๋ž€ ์—†์ด๋„ ๊ฐˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

image

๋ชฉ๋ก์„ ์•ฝ๊ฐ„ ์ค‘์•™์— ๋ฐฐ์น˜ ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ป๊ฒŒ ์ƒ๊ฒผ๋Š”์ง€ ๋ณด์—ฌ์ฃผ๊ธฐ ์œ„ํ•ด HTML์„ ๋น ๋ฅด๊ฒŒ ๋ณ€๊ฒฝํ–ˆ์Šต๋‹ˆ๋‹ค.

์™„๋ฒฝํ•ฉ๋‹ˆ๋‹ค. ์ด์ œ ๋ชฉ๋ก์˜ ์™ผ์ชฝ์—์žˆ๋Š” ๊ณต๊ฐ„์„ ์ œ๊ฑฐํ•˜๋ฉด๋ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ํ™ฉ๊ธˆ์ƒ‰์ด์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.
@ FreeCodeCamp / issue-moderators๋ฅผ ์–ด๋–ป๊ฒŒ ์ƒ๊ฐํ•˜์‹ญ๋‹ˆ๊นŒ?

๋„ค, ๋” ๋งŽ์€ ๋ถ€๋™์‚ฐ์„ ์ ˆ์•ฝ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!

@hallaathrad @raisedadead , ๊ทธ๋ž˜ํ•˜์ž!

@ sanskar-modi, ์ง€๊ธˆ์ด ๋ฌธ์ œ๋ฅผ ์ž์œ ๋กญ๊ฒŒ ํ•ด๊ฒฐํ•˜์„ธ์š”! ํ™•์ธ๋ž€๊ณผ ์ˆซ์ž๋ฅผ ์ œ๊ฑฐํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ธฐ์—ฌ ๊ฐ€์ด๋“œ ๋ผ์ธ์„ ํ™•์ธํ•˜๊ณ  ๋„์›€์ด ํ•„์š”ํ•˜๋ฉด ๊ธฐ์—ฌ์ž ์ฑ„ํŒ…๋ฐฉ์œผ๋กœ ๋ฌธ์˜ํ•˜์‹ญ์‹œ์˜ค.

์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ ๋œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋‚ด๊ฐ€ ํ‹€๋ ธ๋‹ค๋ฉด ๋‹ค์‹œ ์—ฝ๋‹ˆ ๋‹ค.

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