이것저것 시도하는 만물상

1. 개발환경을 세팅

1)노드JS를 설치하거나 NVM을 설치하여 사용

https://nodejs.org/en/

https://github.com/coreybutler/nvm-windows/releases

2) 노드js에서 react설치

npm install -g create-react-app

3) 설치 후 리액트 프로젝트 생성

create-react-app .

. 은 현재 경로를 의미하며 지금 위치한 폴더에 리엑트 프로젝트를 생성한다.(프로젝트 명은 대문자를 포함 불가)

4) 생성한 리액트 프로젝트 실행

npm start

생성한 프로젝트 폴더로 이동한 뒤 프로젝트를 실행하면 연결된다.

4-1) 기타 프로젝트 생성시 이미 제작되어 있는 프로젝트를 가져올경우

npm install

명령어를 통해 의존성 패키지를 설치하여 실행합니다.

cloudflare (클라우드 플레어) SSL

클라우드플레어는 CDN이 적용되는 네임서버이다 최근엔 무료 계정에도 ssl이 젹용되서 사용할수 있게 되엇다. 덕분에 간단하게 ssl를 적용할수 있다.

원래는 CDN을 적용할려고 가입햇는데 어느날 보니 ssl도 지원한다고한다 덕분에 루트도메인하고 www.도메인 은 서버에 ssl설치가 안되있어도 사용이 가능해젓다

방법도 쉽고 무료여서 꽤나 쓸만하다.

우선 해당도메인의 www나 최상위 도메인을 클라우드플레어 활성화를 해준다음

대시보드에 잇는 설정에서

클라우드플레어 셋팅에 들어가면 

쭉내리다 보면 ssl항목이 있다. 지금은 활성화 된상테이다

ssl설정 목록인대 ssl 사용하지 않는것과  Flexible SSL, FULL SSL, 그리고 맨아래 있는 ssl은 유료계정용이다.

Flexible SSL이면 그림그대로 사용자와 CDN서버만 ssl이 적용이 되고 서버와 클라우드플레어는 적용되지 않는다 우선 클라우드플래어를 활성화시키면 도메인에 연결된 ip확인이 안되는 것같앗다 어느정도는 보안이 될것 같앗다. 어파치 뚤리긴 뚤릴태지만

2번인 Full ssl은 그림그대로 전과정에 ssl를 적용하는 것이다.

3번도 위와 같지만 사용자가 직접지정한 ssl를 이용하는 것인대 어차피 유료회원 용이다.

위처럼 설정을 하고 기다려 주면 좀잇다가. https로 접속이 가능해집니다. 

서버에 설정을 안해도 되고 무료이다 거기에 CDN도 지원되니 트래픽 절약도 가능하다 뭐 그에따른 제약이 어느정도 있지만 개인 홈페이지로써는 충분한 보안이 될거 같앗다.

자물쇠가 딲!

무료 도메인 사용하기

무료도메인을 네이버에 검색하면 대부분 2차도메인을 무료로 제공해준다 전엔 네임서버연결을 지원하는 2차 무료 도메인은 co.cc 뿐이엿는데 co.cc가 사라지고는 없는줄알앗는데 요즘은 2차 도메인도 네임서버 연결해주고 어디는 DDNS까지 제공해주더라 어차피 필자는 DDNS는 공유기에서 제공해주는 iptime.org를 사용하고 이걸 도메인에 cname으로 연결해서 쓰기떄문에 DDNS기능은 필요업엇다 그리고 난 2차도메인이라는게 별로인 터라 사용을 하지 않앗다 덕분에 wepn.org라는 도메인을 구입해서 쓰고있엇다

최상위 무료 도메인중 하나인 .tk의 발급사이트이다 주소는 dot.tk 이다. 여기에선 .tk를 발급받을수 있엇으나 몇달 전쯤 개편으로 인하여 로그인을 하면 자동으로 freenom로 넘어간다

위 사이트 에서 관리를 할수도 있고 도메인을 발급받을수잇다 원래 .tk는 국가도메인으로서 나라를 홍보할 목적으로 무료로 뿌리고 있엇다. 

무료도메인은 .tk .ga .cf .ml 재공된다 

설정은 다른 사이트와 다름이 없으며 네임서버도 제공하나 필자는 cloudflare.com 이나 dnszi.com 을 추천한다.

참고로 1년마다 연장을 해줘야 하며 2글자는 무자게 비싸게 판다