혼자 고민해보기_ 개발/TIL (Today I Learned)

20230913(수)_ 최종프로젝트 진행

nuri-story 2023. 9. 13. 22:00

금일 달성 항목

1) github action, CI/CD 배포 완료


문제 해결 과정 1 -  배포, nest:not found

[문제]
buket is required 오류가 자꾸 떴습니다. 

[시도 및 해결]

튜터님께 여쭤보니 .env파일이 ec2에 업로드 되지 않아서 생기는 문제라고 했습니다.

 

첫번째 방법

1. 원격서버에 로그인 한 후 파일 경로를 생성하였습니다.

mkdir -p ~/winner/env

2. 원격 서버를 나오고

exit

3. 해당 경로로 env삽입해주기

scp -i ~<프로젝트 경로.env>" ubuntu@<퍼블릭 IPv4 주소>:~/winner/env

4. 다시 원격서버로 로그인한 후 .env파일이 있는 디렉토리로 이동

cd ~/winner/env

5. env 파일 내용 확인

cat .env

 

 

두번째 방법
https://change-words.tistory.com/entry/%EB%A6%AC%EB%88%85%EC%8A%A4-%ED%99%98%EA%B2%BD%EB%B3%80%EC%88%98-%EC%84%A4%EC%A0%95-%EB%B0%A9%EB%B2%95

 

리눅스 환경변수 설정하는 방법 (export, profile, bashrc)

리눅스는 환경변수(environment variable)를 지정해줘야 애플리케이션이 문제없이 실행 모듈을 로드할 수 있습니다. 환경변수가 설정되어 있어야 파일이 있는 경로를 찾아갈 수 있기 때문입니다. 환

change-words.tistory.com

https://smoothiecoding.kr/%EB%A6%AC%EB%88%85%EC%8A%A4-%ED%99%98%EA%B2%BD%EB%B3%80%EC%88%98-%EC%84%A4%EC%A0%95-%EC%9A%B0%EB%B6%84%ED%88%AC/

 

리눅스 환경변수 설정 - 우분투(Environment Variables in Ubuntu) - 스무디코딩

리눅스 환경변수 설정 방법을 알아봅니다.

smoothiecoding.kr

 

 

세번째 방법

https://velog.io/@pp2lycee/vim%EC%9D%84-%ED%86%B5%ED%95%B4-.env-%ED%8C%8C%EC%9D%BC-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

 

vim을 통해 .env 파일 설정하기

이번 시간에는 vim을 통해서 환경 변수를 설정해보도록 하겠습니다.

velog.io

 

 

[알게된 점]

세가지 방법 모두 써봤는데 결국엔 원인은 다른 곳에 있었습니다.

데이터베이스를 찾을 수 없다는 오류가 나왔고 결국엔 ec2를 새로 생성해야하는 상황이었습니다.
그리고 3번째 방법으로 env를 삽입하니 해결되었습니다 ㅠ

 


문제 해결 과정 2 -  가비아로 배포한 URL의 뒤 번호 삭제하기

[문제]
가비아로 도메인을 만들어서 배포했는데 http://w1nner.site/:3000 으로만 진입이 되는 상황이었습니다.



[시도 및 해결]

아래 기능을 사용했습니다.

https://blog.naver.com/gi_balja/223028077537

 

Nginx란 무엇인가?

Nginx(엔진엑스)는 높은 성능과 안정성 그리고 현재 가장 많이 사용되고 있는 웹 서버입니다. Apache(아...

blog.naver.com

https://ssocoit.tistory.com/233

 

[NginX] 배포 페이지 URL 맨 뒤에 포트번호 지우기

포트폴리오를 작성하다가 부스트캠프에서 진행한 부커톤때 배포했던 사이트의 맨 뒤에 3000번 포트가 눈에 확 띄었습니다. 이걸 어떻게 하지.. 하다가 이왕 이렇게 된거 NginX 공부도 할 겸 직접

ssocoit.tistory.com

 

 

 

1. 원격서버에 접속해서 아래와 같은 명령어 입력

sudo nano /etc/nginx/conf.d/default.conf

2.  

 

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/html;
    index index.html index.htm index.nginx-debian.html;

    server_name _;

    location / {
            try_files $uri $uri/ =404;
    }
}

위에서

location / {
            try_files $uri $uri/ =404;
    }
}

이코드를 삭제하고

 

location / {
    proxy_pass http://localhost:3000;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
}

이렇게 변경해줍니다.

 

3. 그리고 새로고침

sudo nginx -t
sudo systemctl reload nginx

 

 

[알게된 점]

라이브러리를 잘 쓰니 너무 편합니다 ㅠㅠ 많이 알아야 하는가 봅니다.

 

 


문제 해결 과정 3 -  가비아로 배포한 URL의 뒤 번호 삭제하기

[문제]
배포를 했는데 카카오 api가 현재 위치를 반영하지 못하는 이슈가 있었습니다.

 

https://stackoverflow.com/questions/37273146/javascript-geolocation-is-not-working-on-chrome

 

Javascript GeoLocation is not working on Chrome

I'm trying to take the geolocation of the User and then do a query. In Mozilla Firefox it works fine also in Safari.... but in Chrome it doesnt work at all. window.onload = function(){ if(naviga...

stackoverflow.com

 

 

[시도 및 해결]
http를 https로 변경하고 싶어서 구글링 하고 있는 중이었는데 다른 동료분의 도움으로 아래 사이트를 발견해서 바로 배포에 성공하였습니다.

https://www.cloudflare.com/ko-kr/

 

https://www.cloudflare.com/ko-kr/

 

www.cloudflare.com

 

회원가입을 하고 설정을 한뒤 무료 버전으로 설정을 합니다.

 

그리고 나와있는 가이드대로 기존 경로는 삭제하고 아래와 같이 가비아에 설정해줍니다.

cesar.ns.cloudflare.com
tegan.ns.cloudflare.com

 

 

[알게된 점]

많이 공부해야할 것 같습니다.