<div><span style="font-size:9pt;line-height:1.5;">이미 알고 계시면  패스~</span></div> <div><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div><br></div> <div><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div><span style="font-size:9pt;line-height:1.5;">제목에서 보신것처럼 클라우드 개발환경입니다.</span></div> <div><br></div> <div><span style="font-size:9pt;line-height:1.5;">이런 저런 개발언어등을 공부 해보고 싶거나 테스트 해보고 싶은데</span></div> <div><br></div> <div>환경 구축이 여의치 않거나, 귀찮거나 하실때 </div> <div><br></div> <div>그리고 개발을 시작하시는 관심있으신 분들에게 아주 좋을듯 싶습니다.</div> <div><br></div> <div>Unix환경이 익숙하신 분이면 더욱 괜찮을듯하네요.</div> <div><br></div> <div><br></div> <div><a target="_blank" href="https://c9.io/" target="_blank">https://c9.io/</a> </div> <div><br></div> <div>(되도록 IE브라우져 외의 브라우저가 좋을듯 합니다.)</div> <div><br></div> <div>에 접속을 하시면</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201505/1431434020H7CAIzapb2A9l.png" width="800" height="665" alt="c9io_1.PNG" class="chimg_photo" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">위와 같은 화면이 나오는데 </div> <div style="text-align:left;"><br></div> <div style="text-align:left;">github계정이 있으신 분이면 github계정으로 연동해서 로그인 하시면 되고, 아니면 계정 파시면 됩니다.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">로그인 하고 나시면</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201505/1431434023b9TNlYvnP2kJTVzMxpQqC.png" width="800" height="688" alt="c9io_2.PNG" class="chimg_photo" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">이런 데쉬보드로 이동합니다.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">초기 기본 으로 Demo-project가 있습니다.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><span style="font-size:9pt;line-height:1.5;">Demo</span>-project를 클릭하시고 나서 </div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201505/14314340243Fvoo5ILH.png" width="800" height="752" alt="c9io_3.PNG" class="chimg_photo" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">오른쪽의 START EDITING를 눌러볼까요??</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">아래와 같은 새창이 뜹니다.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201505/14314340251NXESsm3hICv6.png" width="800" height="409" alt="c9io_4.PNG" class="chimg_photo" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">화면을 특별히 설명 안드려도 이해 하실듯 싶네요.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">좌측은 현재 프로젝트 디렉토리</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">우측상단은 파일 Edit창</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">하단 제일 왼쪽텝은 Unix bash 창입니다.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">Unix명령어 사용 가능</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><span style="font-size:9pt;line-height:1.5;">Demo</span>-project에서 이것저것 둘러 보셨으면</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">프로젝트를 생성해 볼까요?</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">전전 이미지에서 Create New Workspace를 누르시면</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">아래와 같은 팝업이 뜹니다.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">여기에서 </div> <div style="text-align:left;"><br></div> <div style="text-align:left;">해보고 싶은 언어를 선택하시면 해당 좌측에 demo-porjcet 밑에 </div> <div style="text-align:left;"><br></div> <div style="text-align:left;">프로젝트 workspace가 생성 됩니다.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">그 workspace 선택 후 아까와 같이  START EDITING </div> <div style="text-align:left;"><br></div> <div style="text-align:left;">시작하시면 되겠습니다.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201505/1431434028fik7XthMVKXktE.png" width="800" height="592" alt="c9io_5.PNG" class="chimg_photo" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">기본적으로 어렵지는 않으니 이것저것 해보시면 좋을듯 하네요.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">이런 글은 처음이라 ㄷㄷㄷㄷㄷㄷ</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">두서없이 생각나는데로 막캡춰 떠서 올렸는데</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">어설프더라도 이해바랍니다.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div></div> <div style="text-align:left;">P.S 자세한 내용은 문서보세여~ 영어가 약해서 전 패스</div>