https://github.com/linnovate/mean 갔더니 503 에러,

https://github.com/linnovate 계정도 503 에러,

https://github.com/ 여기마저 503 에러

https://status.github.com 여기에 가니 심각한 상황이네요.

favicon도 빨간색

http://afreeca.com/kenuheo

http://youtu.be/N__b0KCdiUo

DB에서 프론트까지 JS풀스택

절차

• 서버 임대
• 시스템 설치
• MEAN 서비스 테스트

서버 임대

• http://www.digitalocean.com/
• 클라우드 VM 생성 시간 1분
• SSD 20G
• IP, root 계정 비밀번호 이메일로 전달
• 시간당 0.007달러
• 샌프란시스코 서버

시스템 설치

root 계정

• CentOS 6.5 64bit
• passwd
• yum update -y

• yum install -y wget

• git 설치(선택)

• yum install -y curl-devel zlib-devel.x86_64 perl-ExtUtils-MakeMaker.x86_64
• yum groupinstall -y "Development Tools"
• cd /tmp
• wget https://git-core.googlecode.com/files/git-1.9.0.tar.gz
• tar xvfz git-1.9.0.tar.gz
• cd git-1.9.0
• ./configure
• make
• make install

dev 계정

• adduser dev
• passwd dev

• su - dev

• mkdir ~/local && cd ~/local

• wget http://nodejs.org/dist/v0.10.26/node-v0.10.26-linux-x64.tar.gz
• wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-2.4.9.tgz
• PATH에 node.js, mongodb 추가
• grunt, bower 설치

npm install -g grunt-cli
npm install -g bower

MEAN 서비스 설치

• 조건
  • git
  • node
  • mongod --dbpath=~/data/db
  • grunt
  • bower
• git clone http://github.com/linnovate/mean.git
• cd mean
• npm install
• grunt

서비스 테스트

• http://1xx.2xx.1xx.xx:3000

• 80port 연결

iptables -t nat -A PREROUTING -p tcp -d 1xx.2xx.1xx.xx --dport 80 -j REDIRECT --to-port 3000

계정 연결

SNS

• 페이스북
• 트위터
• 구글플러스
• 깃허브
• 링크드인

페이스북

• https://developers.facebook.com
• APP_ID
• APP_SECRET

절차

1. 앱 생성
2. 설정 > 플랫폼 추가 > 웹사이트
3. 사이트 URL

mean/config/env/development.js

facebook: {
        clientID: '1417763...476376',
        clientSecret: 'a535v2.......adf68c53f41ae6c73b',
        callbackURL: 'http://okdevtv.com/auth/facebook/callback'
    },

깃허브

• https://github.com/settings/applications/

root 아닌 계정으로 80포트 서비스하는 경우

iptables -t nat -A PREROUTING -p tcp -d 서버아이피 --dport 80 -j REDIRECT --to-port 3000

22번 포트가 막혀있는 경우

iptables -t nat -A PREROUTING -p tcp -d 서버아이피 --dport 9876 -j REDIRECT --to-port 22

Dynamic Web Project 생성하고, 

src/ 폴더 아래에는 java와 properties 파일을 

WebContent/ 폴더 아래에는 WEB-INF 폴더와 jsp, 이미지, CSS 등을 복사하시면 될 것입니다. 

Maven web프로젝트 생성시에는 

main/java/src/ 에 java 파일을 

main/java/resources/ 폴더에 properties 파일과 xml 파일을 

main/webapp/ 폴더 아래에는 WEB-INF 폴더와 jsp, 이미지, CSS 등을 복사하시면 될 것입니다. 

related:

http://www.okjsp.net/seq/244872

사용할 수록 필요가 점점 늘어갑니다.

한 줄 삭제를 위한 키입니다.

C-a #맨 앞으로

C-k #줄 끝까지 삭제

다시 

C-k 를 눌러서 빈 줄을 삭제합니다.

related: http://stackoverflow.com/questions/3958528/how-can-i-delete-the-current-line-in-emacs-equivalent-of-vis-dd

1. ~/.emacs 파일을 만들거나 편집합니다.

2. 다음 두 줄 추가합니다.

(setq x-select-enable-clipboard t)
(setq interprogram-paste-function 'x-cut-buffer-or-selection-value)

3. C-y 로 클립보드 붙여넣기 (한글은 안됨)

지난 번 다이어그램을 많은 분들이 좋아해 주셔서 감사합니다. 발표 자료를 위해서 정리하다가 수정할 것이 보여서 추가/이동했습니다. 패키지 매니저와 Full Stack 카테고리를 추가했습니다. 

브라우저를 탈출한 자바스크립트로 할 수 있는 영역이 넓어지고 있습니다. 자바스크립트 세상의 돌아가는 이치를 알려면 어느 게 어떤 용도인지 알 필요가 있습니다. 그래서 한 번 정리해 보았습니다.

다이어그램의 오류나 추가 사항 감사히 받겠습니다.

## 유틸리티 모듈

  * 다른 프레임워크에서 가져다 쓰는 공공재

## 프레임워크 

  * 범용 : 웹 페이지에 많이 적용된 것

  * MVC : 모델,뷰,콘트롤러 코드를 용도에 맞게 파일을 분리해 놓은 프레임워크, 화면처리 전용, 비즈로직 전용 파일, 두 가지를 엮어주는 콘트롤러 코드

  * Full Stack : 클라이언트와 서버 사이드 모두 지원하는 JS 프레임워크

## 백엔드

  * 탈 브라우저 JS 기술, 자바스크립트는 브라우저에서만 동작한다는 편견을 버리고 갈께요. 

  * Java, .NET 기술과 경쟁. 

  * 2014/02 현재 59,000가지 플러그인 등록됨. http://npmjs.org

## 빌드 도구

  * 자바스크립트 용량을 줄이고, 하루패드(https://github.com/rhiokim/haroopad) 같은 애플리케이션을 자동으로 컴파일 해주는 도구

## 패키지 매니저

  * 모듈을 제공해주는 플랫폼

## 그래픽

  * 시각화 엔진

## 테스트

  * 자동으로 테스트를 해주는 프레임워크

## 파생 언어

  * 자바스크립트 해석기로 동작하지만, 자바스크립트와 문법이 다른 언어

## 데이터베이스

  * NoSQL에 포함되는 JSON 형식의 자바스크립트 기반 데이터베이스

C-s

맨 처음 가려면

M-<

맨 마지막 

M->