메뉴 건너뛰기

박영식 홈페이지

[소개] 개츠비, 넷틀리파이, 깃허브로 웹사이트 만들기

suritam92019.07.04 15:49조회 수 912댓글 0

  • 1
    • 글자 크기

이제 귀찮음이 하늘을 찔러, 서버도 싫고, 소스를 업로드하는 것도 싫고, SSL 세팅도 모두다 귀찮아졌다.

 

마이크로 서비스인 JAMstack; javascript, API, Markup 을 이용한 웹사이트를 만들 수 있는 다양한 방법들을 제공하여 한달정도 눈싸움을 하다가 성공했다.

 

소개 사이트들에는 nodejs 로 설치하여 해당 소스를 github 에 올려서 netlify 로 배포한다고 서술되어 좀 어려워 보인다.

 

서버나, 로컬에서 nodejs로 gatsby를 이용해 원하는 소스를 다운받아 실행해 볼 수 있기는 하나 필요없다.

 

github에서 gatsby gallery 에 있는 마음에 드는 소스를 fork 하고, netlify에 해당 repository를 지정하면 바로 웹사이트를 만들 수 있다.

 

goddady에서 신청한 도메인의 네임서버를 아래와 같이 설정하고, 10분 정도 기다려 custom domain을 설정하면, https 까지 클릭 몇 번 으로 사이트를 만들 수 있다.

dns1.p08.nsone.net

dns2.p08.nsone.net

dns3.p08.nsone.net

dns4.p08.nsone.net

 

fork 된 repository 소스를 원하는 글과 이미지로 수정하면, 서버도 없고, ftp 도 필요 없는 정적 사이트를 금방 만들 수 있다.

 

github.io 로 만드는 것은 한개의 계정의 github 세팅을 수정해야 했지만, netlify 로 하면 좀 더 수월하게 구성할 수 있다.

 

nodejs로 로컬이나 서버에서 테스트하고 싶다면 아래 명령어를 이용해서 8000서버로 운영해 볼 수 있다.

 

그러나 백그라운드 작업이 되지 않아, 영구적으로 자체 서버에서는 운영이 안 되므로 결국 외부 호스팅을 사용하는 것이 편하다.

 

github에서 수정한 소스가 수분 내에 배포되므로 편리하게 수정하여 적용할 수 있는 최상의 방법이다.

 

curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh -o install_nvm.sh bash install_nvm.sh source ~/.profile

 

nvm ls-remote

nvm install 10.16.0

 

npm install -global gatsby-cli

gatsby new blog https://github.com/alxshelepenok/gatsby-starter-lumen

gatsby develop

 

 

실시간 배포 및 error log 확인으로 수정해야할 부분까지 파악 가능하다! Wow!!

 

real.jpg

 

  • 1
    • 글자 크기

댓글 달기

[iphone] 10.1.1 탈옥

[원문보기]

IOS 8을 지원하는 앱들이 줄어듬에 따라 아이패드를 9로 업데이트 해서 탈옥하려고 했는데, 3194부터 다양한 에러로 IPSW 를 설치할 수 없어, iphone 6의 IOS 10.1.1 의 탈옥을 시도했다.


http://ryueyes11.tistory.com/9793

를 참고하여 여러번 했지만 실패했는데 https://yalu.qwertyoruiop.com/ 에서 ipa (cydia impactor) 의 링크의 김정은 아이콘을 통해 성공한 듯 하다.


IMPACTOR와 해당 앱, extra 나 mach_portal 을 아직 정확히 구분하지는 못하지만, 천천히 진행하면 될 것 같다.


일단 탈옥 체크 앱에서 탈옥이 탐지되는데 까지는 성공했다.(cydia는 실행되지 않는다.)


http://yalujailbreak.com/


와 https://yalu.qwertyoruiop.com/ 를 참고하자.


[자격] 기술사 응시 자격

[원문보기]

기사를 2010년 5월에 취득하였으므로, 대학원 경력을 치더라도 2014년 5월에 응시가 가능한 것으로 보인다.

2009년에 대학을 졸업했으니, 7년 경력으로 따지면 2016년 2월이군.

기사를 너무 늦게 땄다. 그래도 대학은 어차피 경력에 안 들어가니 3개월 정도 밖에 안 늦은 거군.  1년 3개월이네. 윽.


1. 대학원 기간이 경력에 인정되나요 

 

대학원의 경우 동일직무분야에 속하는 석.박사과정 이수(예정)자, 학위취득자 및 연구과정 이수(예정)자로서 대학원장이 확인한 이수기간을 실무경력으로 인정하며 대학원의 실무경력인정기간은 최대 2년이나, 학칙에 의한 기간이 2년6월인 경우 대학원장이 확인한 이수기간이 명시되는 경우 인정(성적증명서+학칙제출)합니다.

예) ① 대학원의 석사학위취득과정이 2년과정이면 4년만에 학위를 취득하였더라도 학칙에서 정한 2년만 경력으로 인정함

② 대학원의 석사학위취득과정이 2년과정이라도 1년6월만에 학위를 취득하였더라도 1년6월만 실무경력으로 인정함

대학원 석.박사 과정과 사업체의 근무기간이 중복될 경우에는 본인이 선택하는 한 기간에 대하여만 실무경력으로 인정합니다.

* 제출서류 - 대학원장이 발급한 이수기간이 명시된 학위취득서 또는 이수(예정)증명서


[기술사 시험 자격]

-- 기술자격소지자--

    ◦기사+4년
    ◦산업기사+6년
    ◦기능사+8년

-- 관련학과 졸업자--

    ◦대졸+7년
    ◦3년제 전문대졸+8년
    ◦2년제 전문대졸+9년
    ◦노동부령이 정하는 기사(산업기사) 수준의 기술훈련과정 이수자+7년(9년)

-- 비관련학과 --

    ◦대졸+9년
    ◦3년제 전문대졸+9.5년
    ◦2년제 전문대졸+10년

 

[자격증] 네트워크관리사 2급

[원문보기]
5월 8일에 갱신 시험을 통과해 등기우편으로 도착했다.

5년마다 갱신해야 하는 귀찮음이 있지만, 그만큼 가치가 있는 자격증으로 활용되었으면 한다.

보수교육평가 예상문제를 첨부한다.

[구글차트] Bar width and spacing

[원문보기]

 막대차트를 그리다 보면, width가 chs만으로 조절이 안 될 때가 있다. 4번째 그림 옆에 width가 계산되는 식이 나와 있다. 이런 계산을 무시하고 싶다면, chbh옵션을 a로 줘서 자동적으로 전체 width에 맞게 막대의 굵기를 설정해 주면 된다. 슬림하고, 보기 좋은 막대를 그리기 위해선 계산이 필요하다. 역시 고통이 따르는 것이다.

Description Example

This chart uses the a value to resize values automatically.

The first chart specifies no group spacing, so groups are not apparent. The second chart adds some spacing (15 pixels) between groups.

Vertical grouped bar chart in blue and black, bars and spaces are automatically sized

chbh=a




chbh=a,5,15

This chart uses the r value to specify sizes relative to the bar width. In this chart, spacing between bars is 0.5x bar width, and between groups is 1.5x bar width.

Vertical grouped bar chart in blue and black, bars are automatically sized, spaces expressed as percentage of chart width

chbh=r,0.5,1.5

The first chart has five values in each series, but the chart is too small to hold all the bars with default values:

10 * 23 pixels for bars +
5 * 4 pixels for spacing +
4 * 8 pixels for group spacing                         
282 pixels -- More than the 190 pixel chart width

...so some bars are clipped.

The second chart specifies absolute bar and spacing values to fit all bars in the chart.

Vertical grouped bar chart in blue and black, bars have the default width

chbh omitted
chs=190x125
two series, five values/series


Vertical grouped bar chart in blue and black, bars are automatically sized

chbh=10,5,10

[수상] 자랑스런 IT인상

[원문보기]
상금이 인상된 건지, 석사라서 많이 준 건지는 몰라도. 지난 해보다 두배다!

[특허] 커리어플랜 시스템 및 그 방법

[원문보기]
이 특허는 2008년 9월 11일에 출원하여, 2010년 8월 9일에 의견제출통지서를 받았다.

선행기술이 있어서 특허로 등록되기 어렵다는 판단이다.

나도 그렇게 생각한다.

[번역] XML 암호구성 및 처리과정

[원문보기]
한달 만에 번역을 다했다.

물론 국내 표준을 참고했다.

그것은 오타와 오역이 난무했다.

곧 수정과 정오표 작성을 시작해야겠다.

[달리기] LIG 8회 마라톤대회

[원문보기]
55분 29초
9시 14분 38초 출발
10시 10분 7초 도착

사람이 너무나 많았다.

여자 선수들이 많아 달리는 재미가 있었다. ^^;;;;

[자격] CISSP fail

[원문보기]
그래도 암호학 쪽은 잘 본 편이라고 나왔다.

동영상을 보지 않고, 2년전 dump를 보면, 650점을 맞을 수 있다.

나머지 50점은 학원을 다녀야 하는 건가? 아무튼 답을 알 수 없는 문제들이 많이 나왔다. 젝일...
이전 1 2 3 4 5 6 7 8 9 10... 76다음
첨부 (1)
real.jpg
29.8KB / Download 26
위로