c9.io.layout - govl2233/project_studyej GitHub Wiki

์ฃผ์†Œ: https://c9.io/

ํฌ๋กฌ,ํŒŒํญ์—๋งŒ ์ ์šฉ๋จ. ์†Œ์Šค์‰์–ด..(์‹ค๋ฌด์—์„œ ์ ˆ๋Œ€์‚ฌ์šฉ์•ˆ๋จ/์„œ๋น„์Šค๊ฐ€ ์ž์ฃผ๊บผ์ง) ์˜คํ”ˆ์†Œ์Šค๋ฅผ ๋™์‹œ์— ํ”„๋กœ์ ํŠธ๋ฅผํ•˜๊ธฐ์œ„ํ•ด๋งŒ๋“ค์–ด์ง.

์žฅ์ : ๋ฆฌ๋ˆ…์Šค,์šฐ๋ถ„ํˆฌ์„œ๋ฒ„ํ™˜๊ฒฝ์ œ๊ณต,์  ์ฝ”๋”ฉ,1๊ธฐ๊ฐ€ ๋ฌด๋ฃŒ,less๋‚ด์žฅ,๋ฌด์ œํ•œ,๊ฐœ๋ฐœํ™˜๊ฒฝ,๋ชจ๋ฐ”์ผ์ ‘์†๊ฐ€๋Šฅ. ๋‹จ์ : ์ž˜๊บผ์ง.

  • ์‚ฌ์šฉ๋ฒ•

ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ workspaces๋กœ phpํŒŒ์ผ๋กœ ๋งŒ๋“ค๊ธฐ

ftp๊ตฌ๋™(์œ ์ €๊ฐ€ ์–ด๋–ค๋„๋ฉ”์ธ์„ ์น˜๊ณ  ์˜ค๋ฉด ํŠน์ •ํด๋”๋ฅผ ์›น์„œ๋ฒ„๋กœ ๋ณด์—ฌ์คŒ) -> ๋Ÿฐ ํ”„๋กœ์ ํŠธ ํด๋ฆญ (์›น์„œ๋ฒ„ ๊ตฌ๋™๋จ)

  • git bash ์ž‘์„ฑ

์‹ค์ƒํ™ฉ์—์„  php ๊ตฌ๋™์‹œํ‚ฌ๋•Œ service apache2 start ๋Œ๋•Œ๋Š” -service apache2 stop

  • ์ €์žฅ์†Œ ์ €์žฅ (git add/ git commit-m""/push)

  • ํŒŒ์ผ๋งŒ๋“ค๊ธฐ

: ์›น์„œ๋ฒ„๋Š” ์ธ๋ฑ์Šค๊ฐ€ ์žˆ์œผ๋ฉด ๊ฑ”๋ฅผ ๋ฌด์กฐ๊ฑด ์šฐ์„ ์ ์œผ๋กœ ์‹คํ–‰ํ•ด์คŒ

ํŒŒ์ผ ๋Œ์–ด์„œ ๋“œ๋ž˜๊ทธ ํ•˜๋ฉด ๋ฐ”๋กœ ๋„ฃ์–ด์ง„๋‹ค.

  • ์˜ค๋ฅธ์ชฝ ๋งˆ์šฐ์Šค-ํŒŒ์ผ ํžˆ์Šคํ† ๋ฆฌ: ๋‚ด๊ฐ€ ์ž‘์—…ํ•œ๊ฒƒ์„ ์˜ํ™”์ฒ˜๋Ÿผ ๋ณผ์ˆ˜์žˆ์Œ.(๊นƒ์ด์•„๋‹ˆ๊ธฐ๋•Œ๋ฌธ์— ์ €์žฅ์€ํ•ด์ค˜์•ผํ•จ)

  • collaborate : ์˜ค๋ฅธ์ชฝ ์ƒ๋‹จ -> ์‰์–ด ๋ฒ„ํŠผ -> ์ดˆ๋Œ€ํ•  ๊ณ„์ •๋ˆ„๋ฅด๊ณ  ์ดˆ๋Œ€

( Ctrl + + ๊ธ€์”จ์ปค์ง)

*preview :์ž‘์—…์„ ํ•˜๋ฉด์„œ ๋ฐ”๋กœ ๋ณผ์ˆ˜์žˆ๋Š” ๊ฒƒ (live...)

  • ์ €์žฅ์†Œ์‚ญ์ œ : ์›ŒํฌํŽ˜์ด์Šค - ์„ค์ •

	* ์ด๋ฏธ์ง€ ํˆด
	1. ์ž๋ฅผ์ˆ˜๋„ ์žˆ์Œ.์œ„์น˜.

	*๊ฐ„๋‹จํ•œ๋ ˆ์ด์•„์›ƒ
	.div*4 ํ•˜๋ฉด ํด๋ž˜์Šค๊ฐ€ 4๊ฐœ๊ฐ€์ƒ๊น€ 
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        div{border: 1px #F00 solid;}
        .top{height:80px; margin-bottom:10px;}
        .left{width:200px; height:400px;float:left;}
        .right{width:200px; height:400px;float:right;}
        .contents{height:400px; margin-left:210px; margin-right:210px;}
        .footer{height:80px; margin-top:10px;}
        .content_left,.content_right{
            border:1px #F00 solid;
            height:400px; 
        }
        .content_left{width:50%; float:left;}
        .content_right{margin-left:51%;}
    </style>
</head>
<body>
    <div class="top">top</div>
    <div class="left">left</div>
    <div class="right">left</div>
    <div class="contents">
        <div class="content_left">sdf</div>
        <div class="content_right">sdf</div>
    </div>
    <div class="footer">footer</div>
    
</body>
</html>
โš ๏ธ **GitHub.com Fallback** โš ๏ธ