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

suritam92019.07.04 15:49조회 수 919댓글 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!!

suritam9

1
- 글자 크기

댓글 달기

검색 정렬

[글쓰기] 당신은 왜 대출을 하지 않는가!

[원문보기]

연체료 없고, 별로 조건도 따지지 않으며 무한대로 대출하여 지적 재산을 증식할 수 있는 도서 대출을 하지 않는 사람은 바보다!

9등급도 대출 가능합니다.

이 지역에 거주하지 않으신다면, 직장 재직 증명서로 대출이 가능합니다.

직장만 있으면 OK.

그래도 안 될 것 같다면.... 학생자격으로 가입 가능.

그러나 여기에도 제한이 있습니다.

2주만에 반환해야하는 조건이있습니다.

1주일 정도는 연기해 드릴 수 있습니다.

그러나 기간을 어길 경우 해당 기간 만큼 대출해드릴 수 없습니다.

놀라지 마십시오. 연체료 NO, 반납만 잘 한다면 계속 대출할 수 있습니다.

한달에 수십에서 수백의 새로움을 대출 할 수 있습니다.

1? 3? 5까지 해드립니다.

연체가 너무 길어져 대출 정지라고요?

광복절 특사 기대하세요!

[도서] 멈추면, 비로소 보이는 것들

[원문보기]

운전을 잘 못하는 사람은 운전 중에 브레이크 페달을 자주 밟습니다.

대화를 잘 못하는 사람은 대화 중에 상대방의 이야기를 끝까지 듣지 않고 자신의 이야기로 브레이크를 자주 겁니다.

저녁식사로 혼자 라면을 끓여 먹더라도 나를 아끼고 사랑해주는 마음으로 드세요.

'얼마나 힘들었어요,

오늘 하루 이 몸을 끌고 이 마음 써가며 사는 것.'

지금 내 자신을 쓰다듬으며 "고생했다." 말 한마디 해주세요.

그리고 평소보다 한 시간 먼저 잠을 청하세요.

나에게 주는 선물입니다.

휴식 중이라 그런지 몸이 말을 잘 안 듣는다.

[도서] 소송

[원문보기]

위험이란 겁낼 때만 두려운 법이거든요. 46페이지 프란츠카프카 소송

보험=자기 목숨을 담보로 한 금전적 이득

[애인이 없다면]

애인이 없다면 내가 소개하고 싶은 친구가 있다. 조금 전 막걸리 집에서도 잠깐 만난 친구, 바로 포스트잇이다.

[정철이 일을 시작하는 법]

나는 프리랜서 카피라이터 생활을 20년 이상 하고 있다. 용병으로 남의 전쟁이나 전투에 참여하는 일을 한다. 경쟁 프레젠테이션에서 카피라는 핵심무기를 생산해 공급해 주는 일이 내 일의 대부분이다. 같이 일 한번 합시다. 좋습니다. 통화가 끝나면 광고대행사든 광고주든 그 일에 대한 오리엔테이션을 받으러 간다. 연필 하나 달랑 들고.

[청춘을 다섯글자로]

사람과사랑

안 긁은 복권

자유이용권

독립기념일

백만스물둘

우주의 중심

HEART

디 아이 와이

저스트 두 잇

물음과 느낌

나는 슈레딩거냥(猫)

반 죽은 상태, 죽었거나 죽지 않거나. - 수학동아에서는 이런 불명확한 상태를 없애려고 상자에 죽은 고양이를 넣는다는 설정이 있다. 그래서 그런지, 사회에서도 죽은 고양이를 상자에 넣으려 한다.

- 머리를 9하라 -

직급이 올라갈 수록 전문직 지식노동자에서 단순직 감정노동자로 변하는 것 같다.

사람을 관리하는 관리직으로 올라가면 기술적인 성장보다는 사람과의 의사소통 능력 또는 사람을 다루는 능력이 중시되므로 자연스레 원천기술을 보유하는 능력이 감소한다.

사업관리(PM)의 맹점이 그것이다. 지속적인 기술 개발을 하기 위한 돌파구가 필요하다.

[도서] 녹지대2

[원문보기]

"알어. 하지만 이야기란 다 소용없이 거짓말만이 필요하지. 세상이 심심하니까."

12쪽

"법적으로 부인의 이림이 허용돼 있죠. 그것은 남이 말하는 명칭입니다. 저 자신하고는 아무 관계가 없죠."

81쪽

자고로 변화는, 교통사고를 제외하고, 다 천천히 오너리라. ~중략~

"물이 얼기까지 온도가 내려가는 시간은 오래 걸리지만 얼어버리는 것은 순식간에 온다고. 물이 끓을 때도 마찬가지 원리라나? 다 그러가 부지?

132쪽

이제는 눈을 감고 거리를 거닐어도 봄은 피부에 완연하다.

236쪽

이제는 눈을 감고 거리를 거닐어도 겨울은 피부에 완연하다. 춥다.

[도서] 대통령의 시간

[원문보기]

그때마다 반대하던 그 사람들은 이제 준공된 지 3년 남짓 된 4대강 사업을 맹비난하고 있다. 경부고속도록, 인천국제공항 등 굵직한 국책 사업들이 제대로 평가받는 데 짧게는 몇 년에서 길게는 10년이 넘는 세월이 걸렸다. 4대강 살리기 사업 역시 올바른 평가를 받기 위해서는 시간이 필요하다. 이는 바뀐 환경에 새로운 생태계가 자리잡고, 수해나 가뭄 등에 대한 데이터를 확보하는 데 필요한 시간이다. 54페이지

2011년 12월 17일, 교토 영빈관 만찬장에서 간 낭토의 뒤를 이어 새로운 일본 총리가 된 노다 요시히코와 만났다. 일본 측은 이틀 뒤인 내 생일을 미리 축해해주겠다며 한국의 막걸리를 준배해 'MB주'를 내놓기도 했다. MB주란 막걸리와 맥주(Beer)를 섞은 술로, 두 술의 이니셜을 따서 청와대 인사들이 이름을 지은 것이다. 398페이지

해명이 담긴 책인 듯 하다. 버스 승차장 중앙차로 제는 잘 했다고 생각한다. 청계천? 이건 반반. 나머지는 시간을 달라니 좀 더 속아 보겠다. 그런데 개인 경호를 그렇게 늘리고, 늘어난 자산은 도서에 서술한 내용과 다르다. "비가 올 때 우산을 뺏지 않겠다는" 소리는 뭔 말인가? 여러 상황을 따져서 정책을 결정했다고 하는데, 본인 이익이 되는 상황을 최우선으로 정했다고 밖에는 보여지지 않는다. 누가보더라도 사기꾼으로 보인다.

사대강은 정말 10년 정도면 잘 된 사업으로 평가될 수 있을까? 물대기를 위해 또 수천억의 예산이 투입되어야 한다. 이건 그것과 별개라고 치고, 녹조? 몇 년 후 사라질까? 자연정화로 없어질 수도 있겠지. 전문적인 내용을 모르는 상황에서 비난 부류에 참여할 수는 없다. MB주? 직접 제조해서 마셔보겠다.

[도서] 싱글리즘

[원문보기]

당신은 중요한 사람도 엇고 인생도 없기 때문에, 직장에서는 야근이나 휴일 출장을 도맡아도 괜찮다고 생각한다. 다른 사람의 집에 초대를 받으면, 문이 달려 있는 손님방이 아니라 거실 한궉에 놓인 소파가 으레 당신의 잠자리가 되곤 한다. 사람들은 앞으로 펼쳐질 당신의 인생까지도 점친다. 당신은 앞으로 홀로 늙어가다가 결국 쓸쓸하게 죽음을 맞게 되리라고 단정한다. 11쪽

그럼 이제 싱글의 의미를 살펴보자. 싱글은 일단 진지한 연인관계를 유지하지 않고 있는 사람이다. 연인이 있는지 없는지만을 따지는 단순한 구분은 싱글리즘의 황금률로 우리 시대의 통념이 되어버린 사고방식을 각인 시켰다. 그것이 바로 연인이 없는 패배자라는 것이다. 그래서 싱글은 무조건 패배자다. 어떤 장점을 내세워도 소용없다. 사회적으로 아무리 성공해도, 평생 친지와 친구들을 배려하며 아껴왔더라도, 보기 드문 이타심을 가지로고 있었도, 그 어떤 것도 소울메이트가 없다는 단점을 보완해 주지는 못한다. ~중략~ 마찬가지로 싱글은 뛰어난 기술로 우아함으로 기본동작을 해내지만 심사위원들에게는 늘 뭔가 부족한 선수로 여겨질 뿐이다. 14쪽

내가 싱글이라고 말하는 순간, 모든 것을 이해했다는 투였다. 싱글의 삶은 비극적이다. 그래서 동정받는 게 당연했다. 게다가 싱글이 된 것은 모두 내 탓이라는 투였다. 그 즉시 나는 쓸쓸하고(bitter), 사랑받지 못하고(loveless), 외롭고(alone), 비참하고(miserable), 커플들을 질투하는(envious of couples) 인간이 되어버렸다. 이 단어의 앞 글자들을 따서 연결하면 BLAME, 즉 비난받아 마땅하다는 뜻이 된다. 138쪽

라이트는 현재 "여성이라는 자원"이 공평하게 분배되어 있지 않은 이유 중 하나가 높은 이혼율 때문이라고 생각했다. 사회적 지위가 높은 남성들이 먼저 결혼을 하면서 어린 아내의 가임기를 독점한다. 만약 이혼한다면 또 다른 젊은 여성에게로 옮겨간다. 그러면서 가임기의 여성을 자기 몫보다 더 많이 독점하게 되고, 결국 돈 없는 남성들은 결혼할 수가 없다는 것이다. 234쪽

[잡담] 변화와 허세

[원문보기]

용어를 사용함에 있어 허세로 가득찬 단어 선택은 그리 달갑지 않다.

신조어나 어린애들의 말투, 식자층으로 업계 영업적인 필요에 의해 사용하는 용어들에는 허세와 허풍이 담겨있다.

물론 그러한 변화에 편승해야하는 건 어쩔 수 없는 굴복이지만, 그리 편하지만은 않다.

"XX 가능하세요."

"고견을 바랍니다."

"장애물과 장해물"

"AS-IS TO-BO"

각종 신조어로 포장된 외계어들..... 코리아 패싱, 극중주의 등의 정치 공작 용어들... 셀프 감금은 또 뭐니....

업계 용어들은 이런 허세와 허풍 자본주의가 만든 쓰레기이다.

석션, CPR, MD, FC, 이감, 감자, 증자, E2E, 풀스택 개발자, 루킹 금지,.....................

법률, 의료, 금융, IT, 스포츠 에서 사용하는 용어들은 값을 좀 더 높게 받으려는 이름을 변경한 상품일 뿐이다.

인공지능이 왜 머신러닝이 되고, 임베디드가 IOT로 바뀌며, 그많은 여성 화장품, 시술의 이름들은 뭘 의미하는가.

결국은 상품의 포장, 국내 당이 당명을 바꾸듯이 색깔만 바꿔서 내놓는 재탕, Me too 제품을 뿐이다.

이름과 포장이 바뀌니 새롭긴 하겠지. 그 나물에 그 밥인걸 알면서도 당해야하는, 수용해야하는 현실. 그리고 그 현실의 대세, 쓰나미에 휩쓸리는 먼지보다 작은 존재가, 일베와 다르지 않게 여겨지는 건 너무 비약인 것일까?

[도서] 음악회 가려면 정장 입어야 하나요?, 뮤리뉴 그 남자의 기술

[원문보기]

[음악회 ~]

리허설을 Re-hearing 즉 다시 듣기라는 뜻이다. (그냥 예행연습이라고 해도 되는데, 어릴 적 이 용어를 쓰니 웃은 사람이 있었다. 지금은 분노에 가득차 있기 때문에 그 웃은 사람 지금 얼마나 유식하게 사는지 보자. 왼쪽 귀 가려울 것이다.) 여러 차례 반복해서 연습하면서 다시 들어보는 것이다. 리허설은 프랑스어로 repetition(반복), 이탈리아어로 prova, 독일어로 Probe('예선 경기' 또는 '실험', '시도' 라는 뜻) 라고 한다. 프랑코 펠리니가 메가폰을 잡고 니노 로타가 음악을 맡은 '오케스트라 연습(1979) 이라는 영화도 있다. 303쪽

피아노의 원래 이름은 '아르키침발로 케 파 일 피아노 에 일 포르테'였다. 셈여림(강약)을 구사할 수 있는 건반악기라는 뜻이다. 이를 줄여 '피아노포르테'라고 불렸고, 결국 '피아노'로 굳어졌다. 하지만 크리스토포리가 만든 피아노는 당시 좋은 반응을 얻지 못했다.368쪽

역시 피아노 셈여림표는 악기와 관련이 있었다!

[뮤리뉴 ~]

회사를 선택할 때 가장 중요한 것은 안전성이다. 좋은 대우를 해줄수록, 그 이상의 성과를 내주길 바란다. 이는 극심한 압박감으로 다가올 수 있으며, 실패할 경우 자신의 주가가 급격히 추락하는 일을 겪을 수 있다. 중요한 것은 액수와 프로젝트의 크기가 아니라 나를 얼마나 오랫동안 믿고 지지해줄 수 있는 사람들과 일할 수 있느냐다. 회사가 제시한 조건이 아니라 회사의 건전성과 실무진과 이사진의 성향 및 인성에 대한 조사가 필요하다. 평판을 확인하고 충분한 면담을 통해 우려되는 점을 고려한 뒤 최종 결정을 내려야 한다. 249쪽

아무리 생각해도 회사는 좋은 대우를 해주기 보다는 덜 착취할 뿐이다.

[도서] 일생에 한번은 파리를 만나라

[원문보기]

서울 거리를 걷다 보면 하루에도 수십 개의 루이비통 모노그램을 만난다. 그중에도 3분마다 한씩 마주친다 하여 '3분백' 이란 별명이 붙은 스피디(SPEEDY)는 이제 시장에서도 볼 수 있는 국민가방이다. 이태원에 이어 이젠 중국에서부터 흘러 들어온 짝퉁들로 이 모노그램은 어느덧 생활 속의 한 풍경이 된 것 같다. 시골 할머니들도 들고 계시니 태극기보다 더 정겹다. 루이비통 총매출의 60퍼센트 정도가 아시아 시장에서 일어나는데, 그중 으뜸이 일본, 그 다음이 한국이라고 한다. 짝퉁만큼 진품도 많이 돌아다닌다는 의미이다. 52P

태극기 보다 정겹다고?

일생에 한번은 우주를 만나라!

[쓰기] 도서관은 언제나 나를 환영한다

[원문보기]

보일러 땔 돈은 번다

놀이공원에서 학생증을 빌리러 온 타인

술을 반씩 남기다

졸업생은 퇴사자다

일은 안해도 밥은 먹는다

야긴 식대, 택시 시절

지출이 많아 매출을 늘려야겠다

나 안 먹을꺼야?

그냥 썩을게

의리파 통조림

밥값을 벌기 위한 설문과 이벤트 참여

비 올 줄 알고 다음주를 개화 일로 잡은 벚나물들

사십대가 되어버린 미혼

마포평생학습관 아현분관 도서대출증

별놈들이 다 있구만.

먹고 살기 위한 투쟁

검색 정렬

이전 1 ... 21 22 23 24 25 26 27 28 29 30... 78 다음

APLOS BOARD 2 FREE LICENSE
DESIGN BY MACARON

검색

첨부 (0)

박영식 홈페이지

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

댓글 달기

댓글 달기 닫기