🧩

009 static: 프론트엔드 파트 예제파일 업로드

 
이전에는 model 과 admin 을 통해서 데이터베이스를 작성하고 내용을 확인했습니다. static은 화면을 만들어나가는 부분이라고 보면 됩니다.
 
instaclone 구름IDE 컨테이너로 접속합니다.
notion imagenotion image
 
우선 가상환경을 작동시킵니다.
root@goorm:/workspace/instaclone/instaclone# ls root@goorm:/workspace/instaclone/instaclone# cd instaclone root@goorm:/workspace/instaclone/instaclone# source venv/bin/activate
 
notion imagenotion image
 
postgresql을 설치하신 분은 데이터베이스 서버를 작동시킵니다.
root@goorm:/workspace/instaclone/instaclone# service postgresql start
 
notion imagenotion image
 
Django 서버를 작동시켜서 문제가 없는지 확인하겠습니다.
(venv)root@goorm:/workspace/instaclone/instaclone# python manage.py runserver 0:80
 
notion imagenotion image
 
문제가 없다면 프론트 엔드 파트에서 작업한 파일을 업로드할 것입니다.
그 전에 static 폴더가 없다면 생성해줍니다. instaclone/config/static 경로로 폴더를 생성합니다.
notion imagenotion image
notion imagenotion image
 
 
css, imgs 2개 폴더를 static 폴더 안으로 업로드 할 것입니다. 구름 IDE에서 폴더를 업로드하는 방법은 다음과 같습니다.
notion imagenotion image
 
notion imagenotion image
 
static 폴더를 마우스 오른쪽 클릭하여 폴더 업로드 항목을 선택하면 창이 나타납니다. 파일 선택 버튼을 누릅니다.
notion imagenotion image
 
css 폴더부터 선택하여 업로드 하겠습니다. 확인 버튼을 눌러서 업로드를 진행합니다.
notion imagenotion image
notion imagenotion image
 
업로드가 잘 되었는지 확인합니다.
notion imagenotion image
imgs 폴더도 마찬가지로 진행합니다.
notion imagenotion image
 
성공적으로 css, imgs 폴더를 static 폴더 안에 업로드 하였습니다. 참고로 js 파일은 Django에 적용하는 과정에서 사라지게 되기 때문에 따로 업로드 하지 않았습니다.