Freecodecamp: Codepen์˜ ํฌํŠธํด๋ฆฌ์˜ค ์ด๋ฏธ์ง€๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

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

ํฌํŠธํด๋ฆฌ์˜ค pen @ codepen์˜ ์ด๋ฏธ์ง€์— ์ƒˆ๋กœ์šด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.
๋ฌธ์ œ๋Š” ๋•Œ๋•Œ๋กœ ํฌํŠธํด๋ฆฌ์˜ค์—์„œ ์—…๋ฐ์ดํŠธํ•˜๋Š” ์ด๋ฏธ์ง€์— ๋Œ€ํ•œ ๊ด‘๋Œ€์—ญ ๊ณผ์ถฉ์ „์„ ํ”ผํ•˜๊ธฐ ์œ„ํ•ด ์„œ๋ฒ„์— ๊ตฌํ˜„ํ•œ ํ•ซ๋งํฌ ๋ณดํ˜ธ์— ์žˆ์Šต๋‹ˆ๋‹ค.

ํ˜„์žฌ htaccess ํŒŒ์ผ์€ ์ ์ ˆํ•œ ์‚ฌ์šฉ์ž ๊ณ„์ •์ด ์ด๋ฏธ์ง€์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ๋„๋ก ํ—ˆ์šฉํ•˜์ง€๋งŒ codepen์€ ์™ธ๋ถ€ ์š”์ฒญ์„ ํ•˜๋Š” ๋™์•ˆ ์‚ฌ์šฉ์ž ์ด๋ฆ„์„ ๋งˆ์Šคํ‚นํ•˜๋Š” ์ผ์ข…์˜ ๋ฒ„ํผ ๋˜๋Š” ์•ˆ์ „ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ด๋กœ ์ธํ•ด ํŠน์ • ํ•ซ๋งํฌ์™€ ์ถฉ๋Œ์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์šฉ๋ˆ.

์ €๋Š” ์ด๋ฏธ codepen์— ์—ฐ๋ฝํ•˜์—ฌ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋„์›€์„ ๋ฐ›๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ–ˆ์Šต๋‹ˆ๋‹ค.
๋‹ต๋ณ€์„ ๋ฐ›๋Š” ๋Œ€๋กœ ์—…๋ฐ์ดํŠธํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ๋‹ค๋ฅธ ์„œ๋ฒ„(github?)์—์„œ ์ด๋ฏธ์ง€๋ฅผ ํ˜ธ์ŠคํŒ…ํ•˜๊ณ  ๊ฑฐ๊ธฐ์—์„œ ๋งํฌํ•˜๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.

projects-frontend

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

๋‹ค๋ฅธ ์„œ๋ฒ„(github?)์—์„œ ์ด๋ฏธ์ง€๋ฅผ ํ˜ธ์ŠคํŒ…ํ•ฉ๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ๊ฐœ์ธ ์„œ๋ฒ„์—์„œ ๋Œ€์—ญํญ์„ ์‚ฌ์šฉํ•˜๋Š” ๋Œ€์‹  ์ œ ์ƒ๊ฐ์—๋Š” ์ข‹์€ ์ƒ๊ฐ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

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

๋‹ค๋ฅธ ์„œ๋ฒ„(github?)์—์„œ ์ด๋ฏธ์ง€๋ฅผ ํ˜ธ์ŠคํŒ…ํ•ฉ๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ๊ฐœ์ธ ์„œ๋ฒ„์—์„œ ๋Œ€์—ญํญ์„ ์‚ฌ์šฉํ•˜๋Š” ๋Œ€์‹  ์ œ ์ƒ๊ฐ์—๋Š” ์ข‹์€ ์ƒ๊ฐ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

@hallaathrad , github ํŽ˜์ด์ง€๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

@raisedadead์— ๋™์˜ํ•ฉ๋‹ˆ๋‹ค.

์ด๊ฒƒ์— ๋Œ€ํ•ด ์•ฝ๊ฐ„์˜ ์ƒ๊ฐ์„ ํ•œ ํ›„์—, ๋‚˜๋Š” ์‹œ์ž‘ํ•˜๊ธฐ ์œ„ํ•ด ํ•ซ๋งํฌ๋ฅผ ์ฐจ๋‹จํ–ˆ๋˜ ์ด์œ ๋ฅผ ๊ธฐ์–ตํ–ˆ์Šต๋‹ˆ๋‹ค: ์ž‘๋…„์— ๋‚˜๋Š” (FCC์™€ ๊ด€๋ จ์ด ์—†๋Š”) ์‹ค์ œ ํฌํŠธํด๋ฆฌ์˜ค์˜ ์ผ๋ถ€๋กœ ๋‚ด ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์–ด๋–ค ์นœ๊ตฌ๋ฅผ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค.

ํ˜„์žฌ ์„ค์ •์€ ๋ชจ๋“  codepen ์‚ฌ์šฉ์ž(๋Œ€๋ถ€๋ถ„ ํ•™์Šต์ž)๋ฅผ ํ—ˆ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ถฉ๋ถ„ํžˆ ์ข‹์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ €๋Š” FCC ์‚ฌ๋žŒ๋“ค์ด ํ•™์Šต ๊ณผ์ •์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ๋ฌธ์ œ๋Š” ์ ์–ด๋„ ์ค‘๊ฐ„์— ํ•ด๊ฒฐ๋ฉ๋‹ˆ๋‹ค.

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