1. 개발환경을 세팅

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

https://nodejs.org/en/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

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

 

Releases · coreybutler/nvm-windows

A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows

github.com

 

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글자는 무자게 비싸게 판다











 

 

 

 

 

국내 해외 무료호스팅

 

호스팅이란 홈페이지를 만들기 위한 필수요소다 물론 도메인도 필요하지만 

호스팅은 무지무지 중요하다

무료호스팅은 홈페이지를 열기위해 상시 켜저있는 서버(컴퓨터)를 말한다하지만 호스팅도 서버를 사용하는 것이기 떄문에 유료입니다 하지만 무료도있습니다무료는 연약한 스팩을 떤저주고 사용해보아라는 것처럼 하지만 떄론 좋은 무료호스팅도 있조 무료호스팅은 업체에서 제공해준다
1.나야나  www.nayana.com

 

 

나야나 에서 무료호스팅을 지원한다 나야나는 필자 가 처음 호스팅을 사용한곳이다

필자는 당시 호스팅을 신청할때 db가 뭐고 인코딩이 뭐고 php도 모르고  단지 html만 알았다 그때 당지 지식인에서 홈페이지를 만들려면 호스팅이 필요하다는 걸 알고 검색 끝에 찾은 호스팅이다 그때당시 아마 초6떄 아님 초5 쯤 만든계정이였으므료 지금은 사용하지 않지만 그래도 좀 그래도 어느정도 안정적이다

위를 보면 호스팅사양이 알아볼수있다 

무료호스팅을 보면 트래픽이 200m라로 되었있다 그닥 넉넉한 사양은 아니지만 그래도 이정도 호스팅용량이면 개인홈페이지 만들어놓고 자랑질 할수있는 사양정도 될수있을것같다 필자가 신청할당시 트래픽100m 하드 100m가 이였던 것같다.

도메인 은 자신아이디.nayana.com 이다 2차 도메인을 주어준다 나야나 도메인 길다는 게 함정인것 같다

나야나는 도메인을 구메하면 도메인 구입자 전용 도메인 호스팅을 준다 하지만 도메인은 계속 연장해야 한다는 단점이 있다

그리고 못보던 도서호스팅이 있던대 이것은 책을 사고 나오는 쿠폰 번호를 입력해서 특정 기간만 사용가능한 호스팅인것 같았다.

 

2.닷홈 www.dothome.co.kr

 

닷홈역시 필자가 사용 했던 곳이다 닷홈은 필자가 초6 졸업하기 전에 사용했던 곳이다 그떄당시 나야나를 탈퇴해서 찾던중 있던곳이 닷홈이다 닷홈에서는 제로보드xe를 사용해서 홈페이지를 구축할려고 했으나 망할 제로보드xe가 좀 많히 복잡해서 초보인 나는 포기 했던 추억(?)이있는 호스팅 업체이다 

 

 

닷홈에서는 하드100m 트래픽100m db200m를 제공한다 db가 200m 이니 게시물이 많은 사람이다 회원이 많은 사람에 게 유용할듯하나 어차피 부족하게 만들어 놓게 무료 호스팅이다 무조권 그런건 아니지만 대부분 이익을위한 단체이니 그럴수 밖에없다

닷홈은 무료로 제로보드xe/제로보드4/그누보드 등을 무료로 설치해준다

필자가 호스팅을 이용할때는 1만원인가에 돈을 받고 설치했었다 필자는 돈이 없는 학생이므로 공간만 신청했다 그러나 지금 무료로 바뀐지금 자동설치를 이용해서 설치하면 쉬울걸 같다

 

3. 

000webhost  www.000webhost.com

 

위호스팅도 필자가 사용한 호스팅이다 

필자는 찾을당시 왠지 외국이면 더 통크게 호스팅 해주지 않을까라는 생각이 들었다

그래서 초록색 검색창에 해외 호스팅을 검색해보았다 그러니 딱 이런 호스팅이 나왔다

나는 당시 너무 마음에 든호스팅 이었다 하지만 게시판을 설치하고 깔금히 포기한 호스팅이다 

이호스팅은 좀 외국 외지에 있는지 몰라도 국내에서는 접속이 무지 느리다 거기에 php지원된다고 되있길레 옳거니 하고 무조건 제로보드xe를 ftp서버에 업로드 했다 그리고 설치까지 마첬다 그런대 이게 원걸 모둘간 페이지가 안움직이는 판타스틱한 일이 벌어젔다 파일이 빠젔거나 지금은 될수도 있지만 당시에는 안됬다 그레서 그누보드를 깔았다 해외니까 인코딩이 당연히 UTF-8인줄알고 그누보드 UTF-8 버전을 깔았다그러나 설치 패이지는 멀정한대 매인 페이지에서 인코딩이 꺠지는게 아닌가 그리하여 필자는 이 망할 해외 호스팅과 인연을 끝었다 

이호스팅 업체는 그래도 괜찬은 사양을 같고 있다 하드1500m 트래픽100gb/한달이정도면 왠만한 커뮤티니사이트를 운영할수있을것같다그렇지만 해외라 무거운 제로보드xe와 호흡이 않맞는 것같다
4. x90x  x90x.net

이호스팅 업체 역시 해외 호스팅이다 거기에 필자가 사용했던 호스팅이다이호스팅 업체는 초기 당시 무제한 호스팅이였다 하지만 지금은 유료서비스를 가입해야 무제한 호스팅이된다당시 무제한이라 아주 맘해들었으나짜증나는 버그(?)같은 일이 발생해서 않사용한다

 

 

 

이호스팅은 하드를 1024m 트래픽 10240m이다 제가 못찾은 걸수도있지만 트래픽은 아마 한달기준인것 같다 무료치고 괜찬은 호스팅 업체이다 필자가 추천하는 호스팅이다 

영어가 무지 많으므로 필자는 구글 크롬의 변역기의 힘을 얻어 쓰는것을 추천한다

 

5.nflint nflint.com

 

 

엔플린트 호스팅역시 필자가 최근까지 사용했던 호스팅이다 우리나라 호스팅 업체여서 더욱 맘에들었던 호스팅업체이다 

엔플린트는 하드500m 트래픽 500m 이다 거기에 db는 무제한이다 아주 마음에 드는 호스팅이다 하지만 2차도메인이 좀 길다는게 함정이기도 하다

그리고 설치시 천원만 투자하면 트래픽100m 하드100m을 추가할수있다 

엔플린트는 각종 호스팅 가격도 은근히 싼편인것 같다

 

6. ufree ufree.kr

 

유프리 호스팅은 필자가 최근에  찾아서 사용하는 호스팅이다 

유프리 호스팅은 등록되지 않은 비영리단체이다 유프리에서는 무제한 을 원칙으로 하고있다 유프리는 내부애서 통하는 말을 보면 약10년정도 됬다고 하는것 같다 유프리호스팅 만한 호스팅은 없다고 보면된다 트래픽 무제한 하드무제한 db 무제한 무제한을 원칙으로 하고있기 때문에 아주 유용한 호스팅이다유프리는 게시판활동으로 포인트를 획득하여 호스팅을 신청,연장한다그렇기 때문에 엄청 많은 이가 사용하지 못한다 필자는 겨우 포인트를 모아 신청하여 지금은 제로보드xe를 설치하고 오픈을 위해 준비중이다아직까진 많이써보지않아서 모르지만 그래도 유프리 같은호스팅 은 없을것이라 애상되나 포인트가 잘 안모아진다는게 단점이다
필자는 이렇게 무료 호스팅을 나열해보았다 나중에 더찾의면 추가하도록 하겠습니다

+ Recent posts