Coding With Chrome

http://codingwithchrome.foo/



we can learn using chrome extension program.

link here : https://chrome.google.com/webstore/detail/coding-with-chrome/becloognjehhioodmnimnehjcibkloed

And you can contribute this project on GitHub
https://github.com/google/coding-with-chrome/

First, this program UI like this.



So Simple. i clicked Beginner in this posting.
And we see this screen below.




1. Blockly
Blockly menu likes scratch i think.






2. Robots
Robots menu likes scratch same as blockly.
but this menu can be used robot control.



first ev3 menu can use if you have ev3 robot. (when i use program, can not use it)
so, i'll show you sphero menu.





Start!

<Youtube information video>

This program good to learn coding.
gooooood

오픈소스 기여하기 - MDN 개발자 네트워크 문서 번역하기

요즘 하는 일 말고도 다른 재미있는일 뭐가 있을까해서
이것저것 해보고있습니다 ㅎㅎ

그 중에서도 오픈소스 기여해볼까 해서 간단하게 시작해보려 하는데
뭐가 있을까해서 찾아봤어요.

많은 글들이 많죠
- GitHub에서 맘에 드는 프로젝트 별찍기
- GitHub에서 맘에 드는 프로젝트 포크(fork)하기
- GitHub에서 사용하는 프로젝트에 이슈 등록하기

근데 별찍기나 포크는 쉽지만, 이슈 등록이나 포크하고나서
어떻게 소스를 만들지 막막할때가 많습니다.

그럴땐 그 프로젝트의 문서를 작성하는 것도 나쁘지 않습니다.
문서 쓰는것도 프로젝트의 이해를 필요로 하지만 소스코드를 짜는것 보다는
쉽습니다. (제 개인적인 생각으로는)

보통 큰 프로젝트 같은 경우는 영어로 Wiki가 있는 경우가 많습니다.
예를 들어,

코르도바(cordova) docs : https://github.com/apache/cordova-docs
Node.js 한국 커뮤니티: https://github.com/nodejs/nodejs-ko

위에 것은 나중에 해보도록하고
오늘 우리가 해볼건 모질라 개발자 네트워크 홈페이지에서
영어글을 한번 번역해볼까 합니다.
모질라 개발자 네트워크(MDN) : https://developer.mozilla.org/ko/



여기서 조금 내려가봅니다.



MDN 참여하기에 시작하기를 한번 볼까요?



설명이 있습니다.

MDN은 더 나은 웹을 위한 리소스를 만드는 오픈 커뮤니티입니다. 라고 되어있네요
우리가 할 수 있는 일도 한번 볼까요?



글을 쓰거나,
코드를 쓰거나
글, 코드를 함께 쓰거나
여러가지 방식이 있습니다.

그리고 4번



우리말로 MDN을 보고싶어요.
그래요 우리는 번역을 할 수 있습니다. (약간의 영어실력만 있다면 말이죠)

한번 그냥 해봅시다

https://developer.mozilla.org/ko/docs/Mozilla/%EC%95%A0%EB%93%9C%EC%98%A8%EB%93%A4

여기 들어가보시면 영어와 한글이 섞여있습니다.




여기서 한번 편집을 눌러보겠습니다.





오른쪽 에디터에서 수정하고 맨위에




게시 버튼을 누르면 게시가 됩니다.
게시를 누르고 나면 페이지가 이동 후에 이렇게 나타납니다.




번역 작업이 진행중입니다.
라고 노란색 박스가 생겼습니다.

저기 리스트에 "Firefox에 새로운 기능을 추가합니다."가 제가 추가한 내용입니다.

이렇게 번역을 시작하시면
뭔가 뿌듯한 기분이 약간씩 드는데 이런 작업들이 모이고 모여서
오픈소스, 오픈 커뮤니티를 만들어가고 있습니다.

여러분도 즐거운 오픈소스 활동 하시길 바라면서
다음에 또 오픈소스 기여하기에 대해 찾아오겠습니다.

고맙습니다~

Node.js + Express.js + Bootstrap(부트스트랩) 시작하기

부트스트랩을 Node.js 서버랑 사용해보기!
튜토리얼 시작해보겠습니다.

우선 이 튜토리얼은 Node.js가 설치되어있다는 가정하에 시작하겠습니다.

그리고 Express를 사용하기 위해서 설치해야 하는 것,
express-generator입니다. (꼭 설치해야한다는 것 보다, 프로젝트 만들기 편합니다.)

express-generator 설치해줍니다.
$npm install express-generator -g

다 설치가 되었다면,
express 명령어로 프로젝트를 생성해줍니다.
$express -e myproject

여기서, express -h로 express 명령어의 help를 보겠습니다.


Usage: express [options] [dir]

Options:
    -h, --help          output usage information
    -V, --version       output the version number
    -e, --ejs           add ejs engine support (defaults to jade)
        --hbs           add handlebars engine support
    -H, --hogan         add hogan.js engine support
    -c, --css  add stylesheet support (less|stylus|compass|sass) (defaults to plain css)
        --git           add .gitignore
    -f, --force         force on non-empty directory

-e 의 의미는 ejs 엔진을 사용하겠다는 옵션입니다.
ejs는 Embeddedjs로 http://www.embeddedjs.com/
위의 링크에서 자세한 내용을 보실수 있을겁니다.

자, 다시 프로젝트를 만든 시점에서
아래와 같은 출력을 볼 수 있을겁니다.

   create : myproject
   create : myproject/package.json
   create : myproject/app.js
   create : myproject/public/javascripts
   create : myproject/routes
   create : myproject/routes/index.js
   create : myproject/routes/users.js
   create : myproject/public
   create : myproject/public/images
   create : myproject/views
   create : myproject/views/index.ejs
   create : myproject/views/error.ejs
   create : myproject/public/stylesheets
   create : myproject/public/stylesheets/style.css
   create : myproject/bin
   create : myproject/bin/www

   install dependencies:
     > cd myproject && npm install

   run the app:
     > SET DEBUG=myproject:* & npm start

위에 나온 install dependencies를 따라해봅시다.

$cd myproject && npm install

출력>
+-- body-parser@1.13.3
| +-- bytes@2.1.0
| +-- content-type@1.0.1
| +-- depd@1.0.1
| +-- http-errors@1.3.1
| | +-- inherits@2.0.1
...

다 설치됬습니다.
실행해볼까요?

$npm start

결과 페이지는 다음과 같습니다.

텅 비어있는 기본페이지 입니다.
저희는 여기에 부트스트랩을 끼얹어볼거에요.

부트스트랩 받아봅니다.
http://bootstrapk.com/getting-started/#download

npm, bower 사용해서 다운받을 수 있지만 저희는
CDN(Content Delivery Network)에 있는 부트스트랩을 사용해보겠습니다.

myproject/views/index.ejs를 아래와 같이 수정해줍니다.




수정된 화면은 아래와 같습니다.

부트스트랩 기본 예제에서 가져온 코드입니다.
http://bootstrapk.com/examples/jumbotron/

부트스트랩을 다운받아서 사용하지 않고 인터넷에서 받아서 사용했는데
다음 포스팅에서는 다운받아서 사용하는 방법을 소개해보겠습니다.

감사합니다

Arch Linux 개인적인 공부2

Arch 리눅스에 대한 개인적인 공부 두번째 입니다.

저번에 포스팅했던 내용은 2년전에 공부했다고 썼던 포스트였지만
그냥 위키에 있는 내용을 가져다 쓴 정도 였습니다.

이번에 다시 한번 Arch 리눅스를 공부해보려합니다.

Arch 리눅스는
URL: https://www.archlinux.org/

Arch 리눅스 사이트에서 보면
이 리눅스에 대해 이렇게 설명하고 있습니다.

About Arch Linux

Arch Linux is an independently developed, i686/x86-64 general purpose GNU/Linux distribution versatile enough to suit any role. Development focuses on simplicity, minimalism, and code elegance. Arch is installed as a minimal base system, configured by the user upon which their own ideal environment is assembled by installing only what is required or desired for their unique purposes. GUI configuration utilities are not officially provided, and most system configuration is performed from the shell by editing simple text files. Arch strives to stay bleeding edge, and typically offers the latest stable versions of most software.

Arch Linux uses its own Pacman package manager, which couples simple binary packages with an easy-to-use package build system. This allows users to easily manage and customize packages ranging from official Arch software to the user's own personal packages to packages from 3rd party sources. The repository system also allows users to easily build and maintain their own custom build scripts, packages, and repositories, encouraging community growth and contribution.

The minimal Arch base package set resides in the streamlined [core] repository. In addition, the official [extra], [community], and [testing] repositories provide several thousand high-quality, packages to meet your software demands. Arch also offers an [unsupported] section in the Arch Linux User Repository (AUR), which contains over 9,000 build scripts, for compiling installable packages from source using the Arch Linux makepkg application.

Arch Linux uses a "rolling release" system which allows one-time installation and perpetual software upgrades. It is not generally necessary to reinstall or upgrade your Arch Linux system from one "version" to the next. By issuing one command, an Arch system is kept up-to-date and on the bleeding edge.

Arch strives to keep its packages as close to the original upstream software as possible. Patches are applied only when necessary to ensure an application compiles and runs correctly with the other packages installed on an up-to-date Arch system.

To summarize: Arch Linux is a versatile, and simple distribution designed to fit the needs of the competent Linux® user. It is both powerful and easy to manage, making it an ideal distro for servers and workstations. Take it in any direction you like. If you share this vision of what a GNU/Linux distribution should be, then you are welcomed and encouraged to use it freely, get involved, and contribute to the community. Welcome to Arch!

위의 내용을 좀 보자면,

Arch 리눅스는
단순함과 미니멀리즘, 코드의 아름다움에 집중되서 개발되었고
작은 환경에 설치될 수 있는 리눅스입니다.

Arch 리눅스는 Pacman 이라는 패키지 매니저를 사용합니다.
(첨언, Ubuntu의 apt나 CentOS의 yum과 같은 패키지 매니저를 말합니다)

Arch 리눅스는 rolling release 시스템을 이용해서 설치하고, 업그레이드합니다.
(rolling release는 소프트웨어 개발 모델 중의 하나로 계속해서 개발하거나 업데이트하는 것을 말합니다.)

그외에 내용은 그다지 중요한 내용은 아니네요.
Arch 리눅스는 좋다라는 내용인거 같습니다.

설치하는 방법에 대한 URL:
https://wiki.archlinux.org/index.php/Installation_guide

초보자들을 위한 가이드도 있습니다.
https://wiki.archlinux.org/index.php/Beginners%27_guide

초보자 가이드보고 진행할 수 있지만
영어로 다 되어 있어서...
한글로 되어있는곳을 찾았지요
https://wiki.archlinux.org/index.php/Beginners'_guide_(%ED%95%9C%EA%B5%AD%EC%96%B4)

공부라고하긴했지만

나중에 설치하는 것 포스팅해보겠습니다.

Linux programming study(리눅스 프로그래밍 스터디)

리눅스 공부 겸 만든 자료입니다.

동아리에서 공부할 때 만든건데 공유합니다.

http://www.slideshare.net/yunseokl1/linux-programming-study