C9의 Powerful한 기능들 (C9 꿀팁) 1 폭풍 같던 1주차 html & css & github의 늪을 지나고 이제 멋사의 A to Z인 ruby on rails의 세계에 들어오신 걸 축하합니다. 이제 좋던 싫던 cloud9 (c9.io)에서 6개월~그 이상 지내실 예정입니다. 그래서 이번에는 C9에 대해, 특히 제가 생각하기에 C9의 꿀 같은 기능들에 대해 이야기해보도록 하겠습니다. 아 먼저 C9에 대해서 간략히 알고 싶은 분들은 이전글인 [멋쟁이 사자처럼 5기] c9과 github이란? 을 참고해주세요! 1. emmet 기능 html 이나 css를 작성할 때 많은 시간을 할애하고 있지 않나요? emmet은 html 코드 작성을 훨씬 빠르게 효율적으로 가능하게 하는 기능입니다. 그리고 이 기능은..

C9 프로젝트 GITHUB 페이지에 올리기 2 이전 글 [멋쟁이 사자처럼 5기] c9과 github이란?[멋쟁이 사자처럼 5기] c9 프로젝트 github 페이지에 올리기 1 실제로 한 번 해보겠습니다. 1. C9 workspace 생성 Create a new workspace를 선택하여 workspace를 생성할 수 있습니다. workspace 이름을 입력하고 choose a template에서 HTML5를 선택하면 됩니다. 이번에는 간단한 자기 소개 페이지를 만들기 때문에 HTML5를 선택했지만 이 후 실습에서는 Ruby를 선택해서 진행할 예정입니다. 2. C9 프로젝트 템플릿 적용 이제 구글에서 'bootstrap free templite'을 검색해서 마음에 드는 템플릿을 받아서 c9 프로젝트에 추..

C9 코드를 github 페이지에 올리기 1 첫 주차 마지막에 c9 코드를 github에 올리는 작업을 했는데 다시 한 번 정리해보겠습니다. C9과 GITHUB에 대해서 궁금하다면 이전 글인 [멋쟁이사자처럼/1학기 보조] c9과 github이란? 을 참고해주세요 일단 우리가 이 작업을 왜 하냐면 C9에서 만든 웹사이트는 계속 켜져 있지 않습니다. run을 누르고 나서 1시간 정도 지나면 이렇게 벚꽃화면을 보게 됩니다.. 웹사이트가 꺼진거죠.. 그렇다면 어떻게 해야 꺼지지 않는 웹사이트를 가질 수 있을까요? 방법은 뭐 AWS 인스턴스 호스팅을 한다던가, 헤로쿠를 사용해 업로드를 한다던가 등등이 있지만 위 방법들은 나중에 배우기로 하구요. 이번에는 github을 이용해서(github 페이지기능) 꺼지지 않는..

1. C9이란? 여러가지 개발 환경들을 클라우드를 통해서 제공하는 웹서비스입니다. 이는 사용자의 컴퓨터의 별도의 설정을 하지 않아도 인터넷만 가능하다면 어디 서든 여러 언어의 개발을 가능하게 합니다. 우리는 이 c9을 통해서 웹사이트 개발을 진행할 겁니다. 간단한 html 작업부터 후에 배울 ruby on rails도 C9을 통해서 개발을 할 수 있습니다. 정말 많은 기능들을 포함하고 있고 멋사에서는 대부분의 개발을 C9을 통해서 할 예정입니다. https://c9.io/?redirect=0 2. GITHUB이란? 개발을 할 때 사용하는 버전 관리 툴입니다. 가장 주요한 기능은 복잡한 코드의 공유와 협업을 쉽게 해주는 겁니다. 간단하게 이해하자면 개발 코드들을 인터넷 상에서 저장 공유하는 서비스라고 생각..

1. emmet이란?emmet(ZenCoding)이란 html이나 css의 작업능률을 올려주는 플러그인으로 코딩 속도를 비약적으로 향상 시켜줍니다. emmet에 대한 자세한 설명은 https://opentutorials.org/course/671/3987 여기를 찾아 보시면 자세히 설명되어 있습니다. emmet 사용방법은 ! 입력 후 tap키를 누르면 html 구조가 생성되고 div이후에 tap을 누르면 div 태그가 생성되는 것처럼특정 값을 입력하고 tap키를 누르면 자동으로 연관된 태그가 생성되어집니다. 2. rails emmet 적용하기rubymine ide를 통해 편리한 emmet기능을 rails의 erb에 적용해보도록 하겠습니다. 루비 온 레일즈를 사용하면서 귀찮은 것 중 하나가 , 나 등을 입..

Hash(해쉬)해쉬는 배열의 일종으로 배열의 인덱스로 문자열이나 심볼 등 임의 객체로 사용할 수 있습니다. 이를 키(key)라고 불립니다. Hash 생성1234567#해시 생성자 표기법my_hash=Hash.newmy_hash["jake"] = 10my_hash["jane"] = 20 #해시 리터럴 표시법my_hash={"jake"=> 10, "jane" => 20}cs해시 생성 방법으로는 크게 두가지 방법이 있습니다.'해시 생성자 표기법'으로는 "해시이름[key] = value" 이 방식으로 기술합니다.'해시 리터럴 표시법'은 {key => value}를 사용해서 기술합니다. Hash 요소 출력1234my_hash={"jake"=> 10, "jane" => 20} puts my_hash["jake"] ..