react와 node js로 만든 프로젝트를 heroku cli를 이용하여 배포하는 방법에 대해 알아보자. 1. heroku cli를 다운로드 받는다 devcenter.heroku.com/articles/heroku-cli The Heroku CLI | Heroku Dev Center The Heroku CLI Last updated 01 September 2020 The Heroku Command Line Interface (CLI) makes it easy to create and manage your Heroku apps directly from the terminal. It’s an essential part of using Heroku. Download and install The Heroku ..

heroku는 배포를 쉽게 할 수 있게 만들어 주는 서비스이다. heroku를 이용한 배포 방법 중 heroku cli를 이용해 배포를 하기위해 heroku cli를 다운 받았다. The Heroku CLI | Heroku Dev Center The Heroku CLI Last updated 01 September 2020 The Heroku Command Line Interface (CLI) makes it easy to create and manage your Heroku apps directly from the terminal. It’s an essential part of using Heroku. Download and install The Heroku CLI requires Git devcent..

기존에 아파치를 통해서 ssl인증을 통해 https설정을 하였다. api서버를 띄운 후에 테스트를 하는 도중 크롬에서 api서버가 https가 아니기 때문에 보안상의 문제가 있다고 하며 값을 가져오지 못하는 이슈가 생겼다. 이를 해결하는 방법은 크롬 보안 설정을 하거나 api서버에도 ssl인증을 하는 방법이 있다. 실제 서비스를 생각한다면 당연히 후자의 방법으로 해야 문제가 없을 것으로 생각하여 삽질을 시작하였다. 아파치 virtualHost 세팅을 생각해 보았을 때 virtualHost 포트를 하나 생성해서 기존처럼 proxypass를 통해 api서버로 보내면 될 것으로 생각하고 virtualHost *:3001, proxypass localhost:3001 설정을 해보았으나 작동하지 않았다. 아파치의..

NameVirtualHost *:80 ServerName 서버주소 Redirect / https://서버주소 # SSL Virtual host add ServerName 서버주소 # ErrorLog /www/home/logs/error_log SSLEngine on SSLCertificateFile certificate.crt파일경로 SSLCertificateKeyFile private.key파일경로 SSLCertificateChainFile ca_bundle.crt파일경로 DocumentRoot 루트디렉토리경로 ProxyPass / http://localhost:3000/ ssl 설정 후 proxyPass를 통해 node서버가 돌아가고 있는 localhost:3000으로 리다이렉트 시킴

브라우저에서 서버로 접속시에 아파치를 거쳐서 node의 포트로 넘겨주기위해서 아래의 설정파일에 명령어 추가 /etc/httpd/conf/httpd.conf ProxyPass / http://localhost:3000/

ec2에서 아파치를 설치 후 virtual hosting을 세팅하는 방법. cd /etc/apache2/sites-available vi 해당폴더안에 있는 conf파일 이름#버츄얼 호스팅을 통해 proxy설정을 해야 할 때#노드 등 띄워야 할 때 ServerName 도메인 이름 DocumentRoot /var/www/html/ -루트 폴더 설정 Options -Indexes +FollowSymLinks AllowOverride None Require all granted ProxyRequests Off ProxyPreserveHost On ProxyVia Full Require all granted ProxyPass 서버네임으로 접속시 접속시킬 서버 도메인 ProxyPassReverse 서버네임으로 접속..

개발자들은 aws 등을 사용하여 개인 서버를 올리는 분들이 많지만 사용법이 쉽지만은 않기 때문에 웹퍼블리셔 분들이나 디자이너 분들은 자신의 포트폴리오를 서버에 올리기 힘들어 합니다.그런 분들을 위해 무료로 간편하게 html 파일을 서버에 올릴 수 있는 방법을 하나 정리하려 합니다사용할 서비스는 닷홈이라는 호스팅 업체의 서비스 입니다. https://www.dothome.co.kr/ 서버 만들기닷홈에 들어가신 후 회원가입을 합니다. 그 후 웹호스팅 - 무료호스팅을 선택합니다 해당 창에 들어가서 스크롤을 밑으로 내리면 무료호스팅 신청하기가 있습니다 해당하는 서비스를 신청합니다. 입력하는 값들이 몇 있지만 회원가입 정도의 수준이므로 사진은 생략하겠습니다 신청이 완료 된 후에 웹호스팅-내웹호스팅 관리로 들어갑니..

sudo chown -R user.user 파일이름 chown 명령으로 파일의 사용자와 그룹을 동시에 변경한다. -R 을 붙이면 하위 모든 폴더 파일의 소유자를 변경한다 nodemon kill 방법 - ec2에서 nodemon / node를 킨 후 끄지 않으면 vscode 기준으로 다른 pc에서 작업시 서버로그를 보기 힘들다. ps -ef | grep node : node가 들어간 실행 중인 프로세스를 보여줌 kill -9 [숫자] : 위의 명령어를 치면 프로세스에 할당된 숫자를 입력하면 해당 프로세스가 종료됨ex) kill -9 9754 apache2 설정sudo a2ensite 파일이름 sudo service apache2 restart

ec2에서 css를 수정하고 강력 새로고침까지 하였으나 css가 적용되지 않는 문제가 있었다. 아파치의 css reload 설정을 통해서도 해결이 가능할 거 같지만 아파치 설정에 대한 정보를 찾기 전에 아래의 해결법을 찾았다 css파일의 뒤에 querystring으로 ver을 기입 합으로써 css파일이 이전과 달라졌음을 명시하는 방법이다.