서버에 디렉토리 생성

mkdir -p /home/ubuntu/freemarket-frontend/dist

# 소유권 확인
ls -la /home/ubuntu/freemarket-frontend

# ubuntu 사용자로 소유권 설정
sudo chown -R ubuntu:ubuntu /home/ubuntu/freemarket-frontend

# 적절한 권한 설정 (755: 디렉토리에 쓰기 권한 부여)
sudo chmod -R 755 /home/ubuntu/freemarket-frontend

build 파일 생성 후 서버에 전송

# 프로덕션용 빌드
npm run build

scp -i /키파일/경로 -r dist/* ubuntu@freemarket.duckdns.org:/home/ubuntu/freemarket-frontend/dist/

scp -i /Users/taeheon/Documents/school/capstone/ssh-key-2025-05-16.key -r dist/* ubuntu@freemarket.duckdns.org:/home/ubuntu/freemarket-frontend/dist/

프론트엔드 파일 권한 주기

# 소유권을 nginx 사용자로 변경
sudo chown -R www-data:www-data /home/ubuntu/freemarket-frontend/dist/

# 또는 디렉토리에 적절한 권한 부여 (모든 사용자에게 읽기 권한)
sudo chmod -R 755 /home/ubuntu/freemarket-frontend/dist/

# 모든 사용자에게 모든 권한 부여 - 보안상 좋지 않음
sudo chmod -R 777 /home/ubuntu/freemarket-frontend/dist/

# 상위 디렉토리부터 권한 설정
sudo chmod 755 /home/ubuntu
sudo chmod 755 /home/ubuntu/freemarket-frontend
sudo chmod -R 755 /home/ubuntu/freemarket-frontend/dist

Nginx 재시작

sudo systemctl restart nginx

https://freemarket.duckdns.org/