블로그 이미지
Flying Mr.Cheon youGom

Recent Comment»

Recent Post»

Recent Trackback»

« 2024/5 »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

 
 

[vue] vuejs 샘플로 layout 구경하기

서버/NodeJS | 2018. 11. 1. 01:44 | Posted by youGom

----------------------------------------------------------------------------------------------------------------


1. best-5 샘플 목록 :https://vuejsdevelopers.com/2018/04/23/vue-boilerplate-template-scaffold/

   1.1로그인화면 맘에든것:https://github.com/icebob/vue-express-mongo-boilerplate

2. top-10 샘플 목록 : https://vuejsexamples.com/tag/layout/

  2.1 비동기-그리드 샘플 : https://github.com/jbaysolutions/vue-grid-layout

3. vscode와 git 연동 유툽 : https://www.youtube.com/watch?v=kHM3xzkou_0


----------------------------------------------------------------------------------------------------------------


1번의 베스트 샘플 5개 중에, 로그인 샘플 화면과 로그인 이후 화면이 가장 맘에 들어서 이 부분에 대해 분석해보고, vue 프로젝트를 추후진행해보려고 한다.


* 아래 내용으로 IDE로 Import해서 확인한다.

1) 1.1 번의 코드를 전체다운로드 받는다. ( 해당 깃 링크의 download zip )

2) vscode 또는 visual stuidio community 버젼을 다운로드 받는다. ( 무료이므로 구글링해서 다운받으면 된다. )

   ( 내 경우에는 이전에 설치한 vs 2017 community 버젼이 있어서 15.8로 버젼업했다. )

3) 다운로드 받은 소스코드 zip파일을 압축해제한다.

4) vs를 실행시키고, 새프로젝트 생성하기를 하고, nodejs 기존 코드를 불러온다.

   - 기존코드 불러온 후, 실행파일은 ./server/dev로 지정해준다.

5) 압축해제한 폴더에서 'npm install' 실행해서 실행환경을 맞추어준다.

6) 'Hello world' 한다는 생각으로 run 또는 'npm run dev'를 실행한다.

7) 에러없이 되었다면, 'npm run build' 실행한다.

8) 에러없이 되었다면, 'npm start'를 실행한다.

*** 사실, 에러가 발생하는게 정상이다. 아래의 구경/분석하면서 에러 또는 설정값 잡는 법에 대해서 나열한다.


run dev는 현 개발모드 상태에서 실행하는 의미이고,

run build는 릴리즈 모드로 빌드(컴파일/난독화등)해서 릴리즈 가능한 형태로 만들어주고,

start를 통해 빌드된 상태로 실행한다.




이제 vue 프로젝트( mongo, ... 이것저것많음 )를 구경해보러 들어간다.


이 프로젝트는 몽고 디비를 쓰고 있고, open oauth 를 가져다 사용하고 있기 때문에, 

디비를 설치하지 않는다면, 가상db 또는 mockdata를 사용할 수 있게 해야 하는데 그게 더 귀찮아서 몽고/몽구즈를 설치한다.

oauth를 사용하지 않으려면 oauth 부분의 코드를 전부 주석처리하거나, 해당 oauth 루틴을 타지않게 호출부분을 바꿔주거나 주석처리해야한다.








:

[Infra] LoadBalancer Haproxy Install

서버/Infra | 2018. 3. 20. 16:25 | Posted by youGom

* 출처 : https://www.upcloud.com/support/haproxy-load-balancer-ubuntu/

* 간단하게 명령어만~


* haproxy 메뉴얼 주소 : https://cbonte.github.io/haproxy-dconv/1.7/configuration.html


sudo apt show haproxy
sudo add-apt-repository ppa:vbernat/haproxy-1.7
sudo apt update
sudo apt install -y haproxy
haproxy -v
HA-Proxy version 1.7.8-1ppa1~xenial 2017/07/09
Copyright 2000-2017 Willy Tarreau <willy@haproxy.org>

위에껀 명령어 아니고, 버젼 확인용~


sudo nano /etc/haproxy/haproxy.cfg
frontend http_front
   bind *:80
   stats uri /haproxy?stats
   default_backend http_back

backend http_back
   balance roundrobin
   server <server1 name> <private IP 1>:80 check
   server <server2 name> <private IP 2>:80 check
sudo nano /etc/haproxy/haproxy.cfg
frontend http_front
   bind *:80
   stats uri /haproxy?stats
   acl url_blog path_beg /blog
   use_backend blog_back if url_blog
   default_backend http_back

backend http_back
   balance roundrobin
   server <server name> <private IP>:80 check
   server <server name> <private IP>:80 check

backend blog_back
   server <server name> <private IP>:80 check
sudo systemctl restart haproxy
http://<load balancer public IP>/haproxy?stats
sudo systemctl status haproxy
listen stats
   bind *:8181
   stats enable
   stats uri /
   stats realm Haproxy\ Statistics
   stats auth username:password
sudo systemctl restart haproxy
http://<load balancer public IP>:8181
http://<load balancer public IP>/

* 아래 내용은 상세한 내용, 판도라상자? ㅋㅋ



'서버 > Infra' 카테고리의 다른 글

Docker Configuration  (0) 2023.05.11
:

[AWS] S3 정적 웹, 도메인 연결

서버/AWS | 2015. 5. 26. 21:00 | Posted by youGom

AWS 메뉴얼에 다 있는 내용이다. ( 메뉴얼 보고 따라한걸 정리한 내용입니다. )

https://docs.aws.amazon.com/AmazonS3/latest/dev/website-hosting-custom-domain-walkthrough.html

순서는 아래와 같이 단순하다.


1. S3에 정적 웹을 띄운다.

2. 도메인을 구매한다. ( 기존꺼 사용해도 된다 )

    - 제가 이미 도메인을 가지고 있으므로, 이 구매 단계는 건너 뜁니다. ( R53에서 구매/등록까지 가능합니다. )

3. R53에 도메인을 연결한다. NS 연결하는 것을 말한다.

    - 외부에서 구입한 도메인이므로 NS를 R53을 바라보도록 해야 한다.

4. R53에 등록된 도메인에서 S3 정적웹을 연결한다.


※ S3는 AWS에서 제공하는 스토리지다. 서버설치나 APM같은거 설치 없이 바로 정적웹으로 활용할 수 있다.


이미지는 없으며, 타이핑으로만 정리합니다.



이제 상세히 적어봅니다.


1. S3에 정적 웹 띄우는 법

   - S3에 폴더를 만든다. 폴더명은 'yougom'

   - 좌측 상단의 파란색 버튼, Upload를 클릭하여 html파일을 올려준다. 나는 index.html을 올렸다.

     -> index.html 소스 내용입니다.

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

    <title>S3 WebSite Test</title>

</head>

<body>

  <h1>blog.yougom.com</h1>

  <p>Thank you, Amazon S3!</p>

</body>

</html> 


   - Properties를 클릭하여 아래와 같이 폴더 속성 설정을 한다. ( 파일 속성 아님 )

   - 폴더에 모두가 볼 수 있도록 Permissions - Edit bucket policy 권한 설정 후 저장한다. 

     -> 아래 내용을 권한설정에 붙여넣으면 된다. 빨간색 글자 수정해서 사용하면 됨.

{

"Version": "2012-10-17",

"Statement": [

{

"Sid": "AddPerm",

"Effect": "Allow",

"Principal": "*",

"Action": "s3:GetObject",

"Resource": "arn:aws:s3:::yougom/*"

}

]

}


   - 정적 웹 기능을 수행하도록 Static Website Hosting -> Enable Website Hosting 기능을 클릭하여 활성화하고 저장한다.

     ( 세번째는 Redirect 해주는 기능이다. 말 그대로 해당 페이지로 점핑시켜준다. ( ex. www.yougom.com -> yougom.com )

     -> Index Document 값에 업로드한 파일명( index.html )을 적어준다.

     -> EndPoint : myweb.s3-***************************.amazoneaws.com 을 클릭해서 잘 동작하는지 본다.

   - 위 EndPoint가 잘 작동한다면, 적용이 잘된 것이다.


2. 도메인 구매.

   - 난 도메인이 있으므로, 패쓰.

   - r53에서 구입하고싶다면, 여기 도움말을 참고하면 된다.

     http://docs.aws.amazon.com/Route53/latest/DeveloperGuide/registrar.html?console_help=true


3. 도메인NS가 Route53을 바라 볼 수 있도록 설정한다.

- R53 -> Create Hosted Zones 으로 yougom.com 도메인을 생성하면 NS정보가 나온다.

  -- 생성시 type은 public Hosted zone으로 한다. VPC는 내부 도메인연결시 사용한다. 고급이므로 패쓰.

  -- 생성이 완료되면 NS 목록 4개와 SOA 목록 1개가 만들어진다.

- 외부에서 구매한 도메인의 NS정보를 위의 만들어진 NS 목록 4개를 입력하여 R53을 바라보게 한다.

 yougom.com.           NS               ns-111.awdns-01.org

                                                  ns-12.awsdns-22.net

                                                  ns-15.awsdns-33.co.uk

                                                  ns-17.awsdns-46.net

( 난 r53test.yogom.com을 NS로 사용했다. <== 괜히 이거 하려다 실패하실수 있으니 정석대로 하시길 ^^; )



4. R53에 도메인이 연결되었다.

   AWS에 연결된 도메인을 S3 EndPoint에 연결할 순서다.

   - R53 -> Hosted Zones ( yougom.com ) -> Create Record Set을 클릭하여 연결할 도메인을 만든다.

   - Name : yougom.com <================== 연결할 홈페이지. home.yougom.com으로 입력해도 된다.

     Type : A - IPv4 Address ( Alias type )

     Alias : Yes 체크

     Alias Target : S3 Website Endpoint <================ No Targets Available이 뜰경우 업뎃이 안된경우이니 기다려야 한다. 

                         좀전에 클릭했던 EndPoint주소가 뜨면 그 내용을 선택한다. ( 타이핑이나 붙여넣기 안됩니다. )

     위 내용 확인 후 저장.



yougom.com을 브라우저에 입력하고 홈페이지가 잘 떴나 확인하면 된다.

만약 안뜬다면, DNS가 업뎃되기를 기다리면 된다. 업뎃 시간이 얼마나 걸릴지는 알기 어렵다 ^^;




API로 R53를 다룰 수 있다. ( 링크 참고 )

http://docs.aws.amazon.com/Route53/latest/APIReference/requests.html



'서버 > AWS' 카테고리의 다른 글

S3 비용아끼기, One Zone IA 이용하자  (0) 2020.04.27
:

[NodeJS] static simple http 서버

서버/NodeJS | 2013. 10. 30. 23:42 | Posted by youGom

 

 

jitsu의 http-server를 사용하면 편리하다

주소 : https://github.com/nodeapps/http-server

 

 

:

[CouchDB] ruby에서 couchdb 잘 사용하기

서버/BigDB | 2013. 10. 28. 15:21 | Posted by youGom





'서버 > BigDB' 카테고리의 다른 글

[CouchDB] 5984 port open, access couchdb  (0) 2013.10.27
[CouchDB] CouchDB on NodeJS, cradle  (0) 2013.10.27
[CouchDB] Map/Reduce 개념잡기  (0) 2013.10.25
:

[CouchDB] 5984 port open, access couchdb

서버/BigDB | 2013. 10. 27. 18:17 | Posted by youGom


CouchDB 설치하고 나서 curl localhost:5984로 잘 설치된걸 확인할 수 있다.

그 뒤에 외부 IP에서 잘 접속되는지 확인하고 싶었었는데, 0.0.0.0 설정하라고만 하고.. 어딜 설정하라는지.. 내용이 없길래 메모해 둔다.


ubuntu 1204, couch 1.0.1 버젼이고,

/etc/couchdb/local.ini 파일 열어보면, [httpd] 섹션의 bind_address 값이 127.0.0.1값이 주석으로 되어 있다.

bind_address = 0.0.0.0으로 해주면 된다.


default.ini와 local.ini가 있는데, default.ini가 먼저 불러지고 local.ini 값으로 재설정해준다. default를 수정해도 되지만 유지보수를 위해 local 값을 수정해주는게 더 나을듯 하다.


값을 수정한 후

/etc/init.d/couchdb restart

를 해주었으나, 외부에서 접근이 잘 안된다.


netstat -anp | grep 5984로 확인해보니, beam이 동작중이다. 

이 부분도 재시작해줄까 했는데, 어디서 실행하는지 찾기 힘들어서

그냥 재부팅 했다. 재부팅 한 후 확인한 결과 정상 동작한다.

 

sudo reboot

한 후, 

XX.XX.XX.XX:5894/_utils

로 확인했다. 정상작동한다.


아참, Admin도 local.ini파일 하단 부 [admins]에 추가하여 적어주면 된다. 

ID가 admin 이고, PW가 adm이라고 한다면,

[admins]

admin=adm

 이렇게!!



'서버 > BigDB' 카테고리의 다른 글

[CouchDB] ruby에서 couchdb 잘 사용하기  (0) 2013.10.28
[CouchDB] CouchDB on NodeJS, cradle  (0) 2013.10.27
[CouchDB] Map/Reduce 개념잡기  (0) 2013.10.25
:

[CouchDB] CouchDB on NodeJS, cradle

서버/BigDB | 2013. 10. 27. 17:10 | Posted by youGom



CouchDB 사용할 수 있도록 기본 정보가 제공되어 있음.


출처 : https://github.com/cloudhead/cradle


기본 튜토리얼 내용



'서버 > BigDB' 카테고리의 다른 글

[CouchDB] ruby에서 couchdb 잘 사용하기  (0) 2013.10.28
[CouchDB] 5984 port open, access couchdb  (0) 2013.10.27
[CouchDB] Map/Reduce 개념잡기  (0) 2013.10.25
:

[CouchDB] Map/Reduce 개념잡기

서버/BigDB | 2013. 10. 25. 14:48 | Posted by youGom




기본 개념 잡기 좋은 슬라이드 자료!





'서버 > BigDB' 카테고리의 다른 글

[CouchDB] ruby에서 couchdb 잘 사용하기  (0) 2013.10.28
[CouchDB] 5984 port open, access couchdb  (0) 2013.10.27
[CouchDB] CouchDB on NodeJS, cradle  (0) 2013.10.27
:

[NODEJS] chatting server git source

서버/NodeJS | 2013. 10. 23. 00:02 | Posted by youGom

https://github.com/gravityonmars/Balloons.IO

 

NodeJs로 된 오픈소스.

FB, TW 오픈 API활용하여 로그인 됨.

사용 및 설치에 대한 내용은 위 출처 사이트에서 설명해주고 있음

 

 

https://github.com/riverspirit/Springle-Chat

이건 Springle을 이용한거 같은데~ 이건 낼 봐봐야겠다~ ㅋㅋ

잠와서;;쥐쥐~ ㅋ

:

[Sinatra] ubuntu ruby + sinatra install

서버/Ruby | 2013. 10. 11. 15:45 | Posted by youGom



출처 : https://coderwall.com/p/gt9sla



Step One

Update aptitutde:

sudo apt-get update

Install curl:

sudo apt-get install curl

Get and install Ruby RVM

\curl -L https://get.rvm.io | bash -s stable

Reload Terminal session with RVM

source ~/.rvm/scripts/rvm

Install RVM requirements

rvm requirements

Step Two Install Ruby

rvm install ruby

Set Ruby to default version

rvm use ruby --default

Step Three Install Ruby Gems

 rvm rubygems current

Step Four Install Sinatra

gem install sinatra






: