OhGun's Blog

Google Creative Labs의 새로운 프로젝트 Coder for Raspberry Pi가 공개되었다는 소식에 이참에 설치해보자 했습니다.

Coder는 Raspberry Pi를 기본 웹 서버 + 웹 기반 개발환경으로 바꿔주는 오픈 소스 개발도구라고 할 수 있습니다. 아이들에게 웹 개발의 기초를 가르치는 것을 목표로 만들어졌다고 합니다.

구글 검색으로 해당 웹페이지를 찾았습니다.

http://googlecreativelab.github.io/coder/#download

한페이지에 A부터 Z까지 모든걸 설명하고 있습니다. 헐~! 대박~! 쩔어~!

암튼 라즈베리파이를 가지고 있기에 설치해보려 합니다.

우선 홈페이지에서 Coder를 다운받습니다.

Download Coder를 클릭하여 내려받습니다.

다운로드시 기본은 Mac용입니다. 윈도우용은 Windows-specific Instructions을 별도로 클릭하여 다운받도록 합니다.

영문으로만 되어있어서... 우리나라 교육기관이 이런걸 좀 본받았음 싶네요... 죄다 영어라니...

전  Mac이라 그냥 다운 받았습니다.

다운이 완료된후 coder_0.4.zip 파일을 압축해제한후 CoderSetup을 실행합니다.

SD Card에 설치하고 있는 화면입니다.

일단... SD Card를 미리 넣지 마시고 넣으라고 할 때 넣어야 인식이 되었습니다. 몇번의 삽질끝에 성공...

깔끔한 인스톨 화면이 끝나고...

방에 유선랜선이 없는 관계로 USB 무선 랜카드를 라즈베리 파이에 꼽고 SD Card도 꼽은 뒤에 전원을 넣었습니다.

그리고 무선 공유기에 연결하여 네트워크에 어떻게 물렸는지... 확인을 했습니다.

헐... 네트워크에 연결이 안되었습니다. 하지만 상태는... 랜카드 LED가 연결됨을 나타내고 있습니다.

ㅡ_ㅡ; 뭐냐... 혹시나 하고 무선랜에 잡히는 공유기 탐색... 아~!

누군가 공유기를 자유롭게 열어두었습니다. 아무래도 그쪽에 연결이 된듯하여 유선연결을 위해 공유기가 있는 방에 라즈베리파이를 연결하고 잠시뒤... 공유기에 연결이 되었음을 확인합니다. 역시 유선~!

6번에 연결되었음을 확인했습니다.

크롬브라우저에 해당 IP를 입력합니다.

그리고... 짜잔... 하고 경고창이 뜹니다. ㅡ_ㅡ; 암튼 연결할건지를 묻는 경고창이라 그냥 무시하고 연결합니다.

Password를 설정하라는 화면이 나옵니다.

설정하고 Save My Password 버튼을 클릭합니다.

Welcome to Coder for Pi 화면이 나옵니다. 다시 설정한 Password를 입력하고 Let's Code 버튼을 클릭합니다.

Getting Started 화면이 나옵니다. 버튼에 대한 설명화면입니다. Got It 버튼을 눌러 메인화면으로 들어갈 수 있습니다.

엄청나게 깔끔한 메인화면...

녹색 : 프로젝트 추가 화면입니다.

파랑: Space Rocks! 이라는 게임입니다.

주황: Eyeball 이라는 눈동자가 마우스 포인터를 따라가는 웹

자주: Hello Coder 라는 기본 웹

간단합니다. 설치부터... 활용에 대한건... 이후에 포스팅 해보도록 합니다.