기타 추가 사항
React+REST API 게시판 구현/FE - React2022. 3. 18. 01:07기타 추가 사항

Favicon / OG tag / title 변경하기 이제 프로젝트의 기능을 모두 구현했으므로 Favicon과 OG 태그, 브라우저에 보일 프로젝트의 제목을 설정하자. public 디렉토리 아래의 index.html 파일을 아래와 같이 수정해보자 또한 반응형 웹 어플리케이션을 사용하기 위해 initial-scale=1.0인 메타 태그도 하나 추가하자 전체 넓이를 디바이스의 넓이로 사용한다는 의미이다! 나는 아래 링크에서 간단하게 이모지를 파비콘으로 사용했다! https://favicon.io/emoji-favicons/memo Favicon.io - The Ultimate Favicon Generator (Free) With Favicon.io you can quickly generate a favico..

nohup (프로젝트 안 꺼지게 하기)
React+REST API 게시판 구현/EC2 + nginx 배포하기2022. 2. 17. 22:15nohup (프로젝트 안 꺼지게 하기)

Nohup git bash를 종료하면 EC2에 접속이 끊어지면 인스턴스에 접속할 수 없는 문제가 발생한다. 이러면 서버를 산 의미가 없다. 이를 동작하게 만들어보자. 우선 git bash로 EC2에 접속하고 express 프로젝트 폴더가 있는 곳으로 이동해서 아래 명령어를 입력하자 nohup yarn start & 아래와 같이 나오면 잘 실행이 되는 것이다. 만약 프로젝트를 끄고 싶으면 프로젝트가 있는 디렉토리를 이동해서 우선 아래 명령어를 입력하자. ps -ef | grep 'index.ts' 그리고 위의 빨간 네모 친 부분을 kill 명령어로 강제 종료시키면 된다! kill -9 22460

도메인 설정하기
React+REST API 게시판 구현/EC2 + nginx 배포하기2022. 2. 17. 19:20도메인 설정하기

도메인 구입 및 설정 https://www.gabia.com 웹을 넘어 클라우드로. 가비아 그룹웨어부터 멀티클라우드까지 하나의 클라우드 허브 www.gabia.com 위 링크에 들어가서 도메인을 구입하자. 원하는 도메인을 입력한 후 검색을 클릭. .shop 도메인이 500원/1년으로 할인중이니 구입해보자. 반드시 1년을 선택한 후에 구입을 진행하자! 로그인 후 우측 상단 My 가비아 클릭 후 DNS 관리툴 선택. 구입한 도메인 설정 클릭. 레코드 수정 클릭/ 레코드 추가 클릭 후 호스트에 @, 값/위치에 EC2 인스턴스 퍼블릭 주소 입력 후 확인, 저장 클릭. nginx 설정하기 nginx 설정파일에 접근해서 도메인 부분을 추가해야한다. sudo vi /etc/nginx/sites-enabled/defa..

프론트엔드 배포하기 (nginx + github) 및 실행
React+REST API 게시판 구현/EC2 + nginx 배포하기2022. 2. 9. 21:34프론트엔드 배포하기 (nginx + github) 및 실행

깃허브에서 프론트엔드 빌드 프로젝트 clone 프론트엔드 프로젝트를 빌드한 파일을 깃허브에 올린 후 클론하자. # 디렉토리 만들기 mkdir fe # 디렉토리 이동하기 cd fe # 프로젝트 clone git clone https://github.com/ejzl521/Board-FE-Build nginx 설정하기 설치 가능한 패키지 업데이트 sudo apt-get update nginx 설치 sudo apt-get install nginx nginx 설정을 하기 위해 아래 명령어를 입력해서 수정 모드로 들어가자. sudo vi /etc/nginx/sites-enabled/default listen 80 80번 포트로 들어오는 요청을 받는다는 의미. 생략하면 알아서 80번으로 요청한다. -> http 기본..

image