heroku에 custom domain 설정 및 ssl/https 적용

안녕하세요. 제이콥입니다.

heroku로 웹서비스를 돌리면 https://{project-name}.herokuapp.com/ 호스팅을 할 수 있습니다. 이 호스팅을 자신이 갖고있는 도메인을 바꾸기 위해서는 몇가지 설정을 해야합니다.

전 이번에 개발했던 회원가입페이지에 커스텀도메인을 붙여봤습니다.
https://join.steemcoinpan.com

0. 준비

커스텀 도메인 설정을 하기 전에 필요한 것은

  1. heroku hobby tier
  2. 도메인 구매

먼저 히로쿠 셋팅도 다 하고, 배포도 했다고 가정하겠습니다. 저는 free tier로 서비스를 배포했었는데요. tier를 업데이트했습니다.

실제로 서비스를 하지 않는 것이라면 free로 해도상관없습니다. 다만, 웹 서비스가 계속 켜있어야하고 커스텀도메인에 https 보안(ssl)을 적용하고 싶다면 hobby로 업데이트해야합니다. 한달에 7달러정도네요.

1. 히로쿠 tier 업데이트

히로쿠 dashboard -> app 선택 -> resources -> change dyno type을 하시면 됩니다. 이게 꽤 찾기 힘들어서 전 도움말 보고나서야 찾았네요.

https://help.heroku.com/81MBEG7L/how-do-i-upgrade-from-the-free-tier

2. 히로쿠 ssl 셋팅

셋팅이라고 할 것도 없습니다. 클릭 몇번으로 끝납니다.
dashboard -> app 선택 -> settings -> configure SSL을 누릅니다.

configure SSL에서 auto 설정을 하면됩니다.

3. 히로쿠 커스텀도메인 입력

dashboard -> app 선택 -> settings -> add domain을 누릅니다.

설정하고자 하는 커스텀도메인을 입력합니다. 도메인을 입력하면 생성되는 dns를 복사합니다. 여기서 생성된 dns는 도메인 공급업체에 등록해야합니다.

4. 도메인 등록

보통 도메인과 웹페이지를 연결할 때 2가지 방법이 있습니다. A를 연결하는 것과 CNAME을 연결하는 것입니다. 도메인과 ip를 연결할 때, A를 사용합니다. 그리고 도메인과 호스팅네임을 연결할 때, CNAME을 연결합니다.

도메인 공급업체마다 다르지만, 빨간 부분에 히로쿠에서 제공받은 dns를 입력하고요. 파란부분에 도메인업체에서 제공하는 url을 적습니다.


끝!

궁금한거 있으면 댓글달아주세요. 감사합니다.


This page is synchronized from the post: ‘heroku에 custom domain 설정 및 ssl/https 적용’

Invite your friends using this tool

Hi, all

Have you ever created steem account for your friend?

It’s pretty hard to introduce steemcoinpan to your friends or newbie. I think one of the hardest things to introduce about Steemit is explaination about master key and several keys. Several keys are high barriers to entry for people who are not familiar with blockchain.

That’s way I developed this tool. I want to make newbie come our steemcoinpan easily. I think creating account is simple with it.

  • Just give your friend this link (http://join.steemcoinpan.com/)
  • Newbie can just set master key as he/she desired.
  • It is free (Currently, this tool is using steemcoinpan stuff member account for creating accounts. Until ACT tokens are ran out, it is free.)
  • Google signin is for checking who has already created an account or not.

Tutorial

it is old version tutorial. I added checking available account and multi language setting.
https://www.youtube.com/watch?v=5FfnMhv1o1o&feature=emb_title

Thank you.


This page is synchronized from the post: ‘Invite your friends using this tool’

i18n 활용한 다국어 지원하기

안녕하세요. 제이콥입니다.

http://join.steemcoinpan.com/ 에 다국어 설정을 넣어봤습니다. 사용할 언어를 선택하면 그 언어로 모든 정보를 보여줍니다.


i18n 라이브러리는 다국어 설정을 위한 라이브러리입니다. 사전에 미리 언어파일을 준비해놓고, 언어선택을 하면 특정 언어를 보여주도록 합니다.

1. 언어파일 만들기

아래처럼 언어파일을 만듭니다. 저는 한국어와 영어를 지원하니 2개를 만들었습니다.

2. i18n 초기화

i18n 초기 셋팅입니다. 어떤 언어를 기본적으로 사용할 것인지, 어떤 언어를 추가할 것인지 적습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
import I18n from 'i18n-js';

import en from '../locales/en';
import ko from '../locales/ko';

I18n.locale = 'ko';
I18n.fallbacks = true;
I18n.translations = {
en,
ko,
};

export default I18n;

3. 사용하기

i18n을 import합니다. 그리고 원하는 문장을 가져옵니다. 예를 들어, 코드에 있는 signup.fail은 언어파일 (ko,en)에 미리 적어놔야합니다.

1
2
3
import I18n from '../common/I18n';
..
info = `${I18n.t('signup.fail')}`

4. 언어 변경

저는 드랍메뉴를 활용해서 언어 변경을 하도록 했습니다. 메뉴에서 특정 언어를 선택하면, locale을 변경하도록 했습니다.


This page is synchronized from the post: ‘i18n 활용한 다국어 지원하기’

[독서일기] 유시민의 글쓰기 특강

글쓰기 책은 처음 읽었다. 이 책을 읽은 이유는 단순하다. 글 잘 쓰고싶어서였다. 딱 나에게 필요한 책이다.

에세이, 신문 기사, 문학평론, 사회 비평, 제품 사용설명서, 보도자료, 문화재 안내문, 성명서, 선언문, 보고서, 자기소개서, 논술 시험, 운동경기 관전평, 신제품 사용후기, 맛집 순례기 같은 것을 잘 쓰고 싶은 독자라면 이 책이 더 나을 것이다.

나는 스팀잇에서 2년동안 글을 써왔다. 이것저것 내 일상들을 기록해왔다. 일기도 쓰고, 개발 글도 쓰고, 여행기도 썻다.

내가 쓴 글들을 잘 정리해서 예쁜 블로그도 만들어볼것이다. 가독성이 좋은 글을 쓰고싶다.


이 책은 소설, 시를 잘 쓸 수 있는 방법을 알려주지 않는다. 적어도, 나쁜글을 안 쓰는 방법을 알려준다. 논리적인 글을 쓰는 방밥을 알려준다. 기억에 남는 것이 몇 개 있다.

  • 주제에 집중해라.
  • 주장에는 근거가 있어야한다.
  • 단문으로 적어라.
  • 알아보기 쉽게 적어라. 그 텍스트만 보고 다 이해할 수 있는 글을 적어라.
  • 수동태로 적지않기.
  • 말하듯이 적어라.

단문이 복문보다 훌륭하거나 아름다워서 단문을 쓰라는 것이 아니다. 뜻을 분명하게 전하는 데 편리하기 때문이다. 게다가 단문은 복문보다 쓰기가 쉽다. 주술관계가 하나뿐이어서 문장이 꼬일 위험이 없다.


Originally posted on 독서 N 일기. Steem blog powered by ENGRAVE.

This page is synchronized from the post: ‘[독서일기] 유시민의 글쓰기 특강’

ORG 토큰으로 귤 사먹기

안녕하세요.

ORG토큰(귤토큰)으로 @solnamu님의 귤을 사먹어봤습니다.
제가 산 귤은 제주도 서귀포 무농약인증 친환경 노지감귤입니다. 감귤크기는 랜덤입니다. 가족들이랑 진짜 귤 크기가 랜덤이네 하면서 웃었습니다.

귤이 많이 시다는 후기를 봤는데, 제 입맛에는 괜찮더군요. 딱 좋습니다.

작년에 귤은 카카오에서 구매했었습니다. 제가 사먹기도 하고, 지인들에게도 보내기도 했습니다. 카카오에 보면 선물주기로 귤을 선택할 수 있는데요. 여기에 나온 귤이 합리적인 가격에 맛도 있고요. 쉽게 주문할 수 있었으니까요.

이젠 ORG로 구매해야겠습니다!

https://steempeak.com/@solnamu/2kqhiz-org

구매 방법

ORG 토큰은 스팀엔진 거래소, 스팀코인판의 스왑시스템, 그리고 개인거래로 구할 수 있습니다.

토큰을 50개를 구하신 후, @solamu님 계정으로 토큰을 보냅니다. 그리고 아래의 구글 주문서를 제출하면 끝!
https://forms.gle/TPhp3Csi3Dq5S4BGA


This page is synchronized from the post: ‘ORG 토큰으로 귤 사먹기’

12월 개발/공부 로드맵

안녕하세요. 제이콥입니다.

11월에 개발/공부 로드맵을 적고 개발/공부를 했습니다. 하나씩 해결할 때마다, 밑줄쫙쫙 그었고요. 꽤 많이 지켰습니다. 앞으로도 이렇게 계획을 적어놓고 하나하나 작업해보려고요.

11월 개발/공부 로드맵


0. 글쓰기

  • 개발 내용 정리
  • 서평

1. 소셜 회원가입

  • 스팀코인판 사이트와 연동
  • 영어/한글 설정하기
  • 도메인 주소 바꾸기 (http://join.steemcoinpan.com)
  • 영어로 소개글 작성하기

2. 스팀코인판 월렛

  • accelerator ide 설치
  • ui 구현
  • 스팀엔진 토큰 전송 적용하기

3. Swap 시스템

  • 사용자가 갖고 있는 토큰 개수 표시
  • 트랜잭션 처리방식 바꾸기
    1
    2
    3
    1. swap 신청을 queue에 넣는다. 
    2. queue에서 하나씩 빼서 swap 작업을 수행한다.
    3. queue가 비었나 체크한다.

4. 영어

  • 하루 영어딕테이션 1회 (30-50분)
  • 전화영어 10분

5. 스팀블로그

  • 글 자동 업데이트
  • 하이브마인드를 활용한 스팀 글 가져오기
  • 글 날짜를 수정한 날짜로 업데이트하기

6. 크립토미션

  • 회원가입 연동
  • 마이페이지 통합
  • ios & android 배포

This page is synchronized from the post: ‘12월 개발/공부 로드맵’

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×